Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
dd2fcd9d by Jeff Balicki
Options

advance_search 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 12f15267
Inline Side-by-side
Showing 13 changed files with 824 additions and 654 deletions
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -26,17 +26,17 @@ $container = get_theme_mod( 'understrap_container_type' );
<?php get_template_part( 'global-templates/navbar-branding' ); ?>
<div class="site-title">MSF CLIMATE HUB</div>
</div>
<button
<!-- <button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown"
aria-expanded="false"
aria-label="<?php esc_attr_e( 'Toggle navigation', 'understrap' ); ?>"
aria-label="<?php // esc_attr_e( 'Toggle navigation', 'understrap' ); ?>"
>
<span class="navbar-toggler-icon"></span>
</button>
</button> -->
<!-- The WordPress Menu goes here -->
<?php
......
......@@ -3,3 +3,4 @@
require_once 'class-wp-bootstrap-navwalker.php';
require_once 'hooks-filters.php';
require_once 'breadcrumb.php';
require_once 'shortcodes.php';
......
<?php
add_shortcode('advance-search', 'advance_search');
function advance_search($atts){
try{
$search_id = $atts['search_id'];
ob_start(); ?>
<a type="button" class="advance-search-button" data-bs-toggle="modal" data-bs-target="#advance-search-modal">Advance Search</a>
<div class="modal fade flag-modal" id="advance-search-modal" tabindex="-1" data-bs-backdrop="static" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<?php echo do_shortcode('[searchandfilter id="'.$search_id.'"]'); ?>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<?php
wp_reset_query();
$output = ob_get_clean();
return $output;
}catch(Throwable $e) {
error_log("advance_search()". $e->getMessage()) ;
}
}
\ No newline at end of file
......@@ -5,9 +5,9 @@ body{
@import "menu";
@import "header";
@import "search";
@import "custom_select";
@import "forms";
@import "elements";
@import "search";
@import "front_page";
......
......@@ -4,6 +4,12 @@ input:not(.search-field):not(.sf-input-text), optgroup, select, textarea {
}
button, input, optgroup, select, textarea{
border-radius: 0;
border-style: solid;
border-width: 1px;
}
.html-form {
table {
width: 100% !important;
......@@ -1065,44 +1071,299 @@ nf-cells {
}
#div_MainContent {
input[type='submit'] {
width: auto;
max-width: none;
margin:1rem 0;
}
.appArea.responsive {
margin-top:0;
text-align: left;
}
.input-container {
margin:1rem 0;
}
.survey-question-number-container {
display: none;
}
input, select, textarea {
border:0;
width: 100%;
max-width: 350px;
}
textarea {
width: 100%;
}
input[type='radio'], input[type='checkbox'] {
transform: scale(1.5);
width: auto;
}
// .survey-question-container {
// .indented-field-group {
// .input-container {
// width: 100%;
// flex-basis: 100%;
// }
// }
// }
/******************* * checkboxs ********************/
.checkbox-wrap {
display: block;
position: relative;
padding-left: 1.875rem;
margin-bottom: 0.75rem;
cursor: pointer;
margin-bottom: 0;
font-size: 1.375rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.app-step-check-btn input,
.checkbox-wrap input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 1.375rem;
width: 1.375rem;
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
margin-top: 0;
}
/* When the checkbox is checked, add a blue background */
input:checked ~ .checkmark,
.checkbox-wrap input:checked ~ .checkmark {
background-color: #ccc;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
display: none;
}
/* Show the checkmark when checked */
input:checked ~ .checkmark:after,
.checkbox-wrap input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.checkmark:after,
.checkbox-wrap .checkmark:after {
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.849' height='12.603' viewBox='0 0 15.849 12.603'%3E%3Cpath id='Path_1424' data-name='Path 1424' d='M2.926 11.2 7.233 15.5l9.421-9.421' transform='translate(-1.866 -5.023)' fill='none' stroke='%23e00' stroke-width='3'/%3E%3C/svg%3E");
background-position: center;
background-size: 75%;
background-repeat: no-repeat;
}
input[type="checkbox"] {
-webkit-appearance: none;
appearance: none;
margin: 0;
height: 1.375rem;
width: 1.375rem;
border: 0.15em solid currentColor;
border-radius: 0em;
transform: translateY(-0.075em);
background-color: #fff;
display: inline-grid;
place-content: center;
}
input[type="checkbox"]::before {
content: "";
width: 1.4em;
height: 1.4em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.849' height='12.603' viewBox='0 0 15.849 12.603'%3E%3Cpath id='Path_1424' data-name='Path 1424' d='M2.926 11.2 7.233 15.5l9.421-9.421' transform='translate(-1.866 -5.023)' fill='none' stroke='%23e00' stroke-width='3'/%3E%3C/svg%3E");
background-position: center;
background-size: 75%;
background-repeat: no-repeat;
transform: scale(0);
transform-origin: bottom left;
// transition: 120ms transform ease-in-out;
}
input[type="checkbox"]:hover::before {
content: "";
width: 1.4em;
height: 1.4em;
transition: 120ms transform ease-in-out;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.849' height='12.603' viewBox='0 0 15.849 12.603'%3E%3Cpath id='Path_1424' data-name='Path 1424' d='M2.926 11.2 7.233 15.5l9.421-9.421' transform='translate(-1.866 -5.023)' fill='none' stroke='%23669999' stroke-width='3'/%3E%3C/svg%3E");
background-position: center;
background-size: 75%;
background-repeat: no-repeat;
transform: scale(1);
transform-origin: bottom left;
//transition: 120ms transform ease-in-out;
}
.sf-label-checkbox {
font-size: 16px !important;
color: #4d4d4d !important;
font-weight: 300 !important;
}
input[type="checkbox"]:checked::before {
transform: scale(1);
}
input[type="checkbox"]:focus {
outline: max(2px, 0.15em) solid currentColor;
outline-offset: max(2px, 0.15em);
}
/******************* datepicker ********************/
.ui-datepicker {
padding: 0;
border: 1px solid #ddd;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.ui-datepicker * {
padding: 0;
font-family: "Open Sans", sans-serif;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.ui-datepicker table {
font-size: 13px;
margin: 0;
}
.ui-datepicker .ui-datepicker-header {
border: none;
background: #222;
color: #fff !important;
font-weight: normal;
}
.ui-datepicker .ui-datepicker-header .ui-state-hover {
background: #222;
border-color: transparent;
cursor: pointer;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.ui-datepicker thead {
background: #222;
color: #fff !important;
}
.ui-datepicker .ui-datepicker-title {
margin-top: 0.4em;
margin-bottom: 0.3em;
color: #fff !important;
font-size: 14px;
}
.ui-datepicker .ui-datepicker-title span {
color: #fff !important;
}
.ui-datepicker span {
color: #fff !important;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
height: 1em;
top: 0.9em;
border: none;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 2px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 2px;
}
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
background-image: url("data:image/png;base64,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");
background-position: -32px 0;
margin-top: 0;
top: 0;
font-weight: normal;
}
.ui-datepicker .ui-datepicker-prev span {
background-position: -96px 0;
}
.ui-datepicker th {
padding: 0.75em 0;
color: #fff !important;
font-weight: normal;
border: none;
border-top: 1px solid #333;
}
.ui-datepicker td {
background: #f1f1f1;
border: none;
padding: 0;
}
.ui-datepicker td .ui-state-default {
background: transparent;
border: none;
text-align: center;
padding: 0.5em;
margin: 0;
font-weight: normal;
color: #333;
}
.ui-datepicker td .ui-state-active,
.ui-datepicker td .ui-state-hover {
background: #0074a2;
color: #fff !important;
}
.ui-datepicker td.ui-state-disabled,
.ui-datepicker td.ui-state-disabled .ui-state-default {
opacity: 1;
color: #999 !important;
}
.ll-skin-melon .ui-datepicker .ui-datepicker-header,
.ll-skin-melon .ui-datepicker .ui-datepicker-header .ui-state-hover,
.ll-skin-melon .ui-datepicker thead {
background: #26292c !important;
}
.ll-skin-melon .ui-datepicker th {
border-color: #363b3f !important;
}
.ll-skin-melon .ui-datepicker td .ui-state-active,
.ll-skin-melon .ui-datepicker td .ui-state-hover {
background: red !important;
}
/******************* select ************************/
select {
border: 0px solid #707070 !important;
background-color: transparent;
min-width: unset !important;
}
[data-sf-field-input-type="select"] label {
display: grid;
grid-template-areas: "select";
align-items: center;
position: relative;
min-width: 15ch;
max-width: 30ch;
.ungrouped {
padding-top:1rem;
padding: 0.506rem;
font-size: 1rem;
cursor: pointer;
line-height: 1.1;
background-color: #fff;
border: 1px solid #bebebe;
}
[data-sf-field-input-type="select"] label {
&:after {
content: "";
display: block;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.175' height='9.808' viewBox='0 0 16.175 9.808'%3E%3Cpath id='Path_1396' data-name='Path 1396' d='M19.409 190.005c.561-.568 1.11-1.13 1.667-1.686q2-2 4.01-4a.9.9 0 0 1 1.329 0c.254.261.515.516.772.774a.881.881 0 0 1-.005 1.318q-1.8 1.8-3.605 3.606-1.748 1.75-3.495 3.5a.975.975 0 0 1-.654.312.931.931 0 0 1-.719-.31q-1.349-1.354-2.7-2.706-1.836-1.838-3.674-3.675c-.25-.25-.5-.5-.75-.75A.876.876 0 0 1 11.6 185.1l.766-.766a.9.9 0 0 1 1.348 0l3.252 3.24 2.355 2.345C19.339 189.941 19.363 189.962 19.409 190.005Z' transform='translate(-11.305 -184.028)'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
width: 1rem;
height: 0.5rem;
position: absolute;
right: 0;
}
}
&:hover {
&:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.175' height='9.808' viewBox='0 0 16.175 9.808'%3E%3Cpath id='Path_1396' data-name='Path 1396' d='M19.409 190.005c.561-.568 1.11-1.13 1.667-1.686q2-2 4.01-4a.9.9 0 0 1 1.329 0c.254.261.515.516.772.774a.881.881 0 0 1-.005 1.318q-1.8 1.8-3.605 3.606-1.748 1.75-3.495 3.5a.975.975 0 0 1-.654.312.931.931 0 0 1-.719-.31q-1.349-1.354-2.7-2.706-1.836-1.838-3.674-3.675c-.25-.25-.5-.5-.75-.75A.876.876 0 0 1 11.6 185.1l.766-.766a.9.9 0 0 1 1.348 0l3.252 3.24 2.355 2.345C19.339 189.941 19.363 189.962 19.409 190.005Z' transform='translate(-11.305 -184.028)' fill='%23699'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
}
}
}
\ No newline at end of file
......
......@@ -18,6 +18,7 @@
width: 100%;
max-width: 720px;
}
.content-container{
position: absolute;
bottom: 0px;
......@@ -40,6 +41,18 @@
max-width: 720px;
margin: auto;
padding: 42px 50px ;
h4{
font-size: 45px !important;
line-height: 53px;
text-align: center;
font-weight: lighter;
font-family: "PT Sans",sans-serif;
}
.searchandfilter{
width: calc(100% - 50px);
display: inline-block;
}
.searchandfilter ul{
padding-left: 0px;
......@@ -54,7 +67,7 @@
.sf-field-search{
display: inline;
label{
width: 70%;
width: 74%;
position: relative;
display: inline-block !important;
margin: auto;
......@@ -67,7 +80,7 @@
background-size: contain;
width: 2.063rem;
height: 2.063rem;
top: 1.5rem;
top: 1.2rem;
}
}
......
......@@ -23,6 +23,7 @@
}
#main-nav{
box-shadow: 0px 3px 6px #00000029;
z-index: 999999;
}
#main-nav .container{
flex-direction: column;
......@@ -37,6 +38,8 @@
}
.site-title{
font-size: 20px;
line-height: 24px;
}
.navbar-brand{
width:100px;
......
......@@ -127,7 +127,7 @@
#mega-menu-primary{
margin-top: 60px !important;
margin-top: 75px !important;
padding-top: 20px !important;
padding-bottom: 100px !important;
overflow-x: scroll !important;
......@@ -235,6 +235,23 @@
@media only screen and (max-width: 1000px) {
#mega-menu-wrap-primary{
width: 30%;
top: 30px;
right: 0px;
position:absolute;
background: transparent;
}
#mega-menu-wrap-primary .mega-menu-toggle{
background: transparent;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child{
background-color: #EE0000;
border-radius: 50%;
width: 40px;
height: 40px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu{
display: none !important;
}
......
#search-wrapper {
margin-top:1rem;
margin-top: 1rem;
padding-top: 3rem;
}
.search-results {
}
.search-results {
.search-field {
border:0;
border-bottom: 1px solid #707070;
border-radius: 0;
border: 0;
border-bottom: 1px solid #707070;
border-radius: 0;
}
#content {
padding: 2.5rem 0;
padding-top:1rem;
padding: 2.5rem 0;
padding-top: 1rem;
}
}
.pagination {
}
.pagination {
justify-content: center;
margin-top:1rem;
margin-top: 1rem;
.page-item {
border: 0;
display: flex;
align-items: center;
.page-link {
color: #000000;
margin-left: 0;
border: 0;
display: flex;
align-items: center;
.page-link {
color:#000000;
margin-left:0;
border: 0;
font-family: "PT Sans",sans-serif;
&:hover {
text-decoration: underline;
background:none;
}
&.next, &.prev {
color:transparent;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.095' height='15' viewBox='0 0 9.095 15'%3E%3Cpath id='Path_1369' data-name='Path 1369' d='M7.515 3.553c.52.526 1.03 1.048 1.546 1.564q1.857 1.856 3.718 3.708a.834.834 0 0 0 1.232 0c.236-.242.477-.479.716-.718a.817.817 0 0 0 0-1.222L11.379 3.538Q9.758 1.915 8.138.29A.9.9 0 0 0 7.532 0a.864.864 0 0 0-.667.288Q5.614 1.544 4.363 2.8L.956 6.207c-.232.232-.465.463-.7.7A.812.812 0 0 0 .269 8.1l.71.71a.833.833 0 0 0 1.25 0l3.016-3L7.429 3.634Z' transform='translate(9.095 0) rotate(90)'/%3E%3C/svg%3E");
height: 0.938rem;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
&:hover {
background: none;
text-decoration: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.095' height='15' viewBox='0 0 9.095 15'%3E%3Cpath id='Path_1369' data-name='Path 1369' d='M7.515 3.553c.52.526 1.03 1.048 1.546 1.564q1.857 1.856 3.718 3.708a.834.834 0 0 0 1.232 0c.236-.242.477-.479.716-.718a.817.817 0 0 0 0-1.222L11.379 3.538Q9.758 1.915 8.138.29A.9.9 0 0 0 7.532 0a.864.864 0 0 0-.667.288Q5.614 1.544 4.363 2.8L.956 6.207c-.232.232-.465.463-.7.7A.812.812 0 0 0 .269 8.1l.71.71a.833.833 0 0 0 1.25 0l3.016-3L7.429 3.634Z' transform='translate(9.095 0) rotate(90)' fill='%23699'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
}
&.prev {
transform: rotate(180deg);
}
font-family: "PT Sans", sans-serif;
&:hover {
text-decoration: underline;
background: none;
}
&.active {
.page-link {
font-family: "PT Sans",sans-serif; font-weight:bold;;
&:hover {
text-decoration: none;
}
}
&.next,
&.prev {
color: transparent;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.095' height='15' viewBox='0 0 9.095 15'%3E%3Cpath id='Path_1369' data-name='Path 1369' d='M7.515 3.553c.52.526 1.03 1.048 1.546 1.564q1.857 1.856 3.718 3.708a.834.834 0 0 0 1.232 0c.236-.242.477-.479.716-.718a.817.817 0 0 0 0-1.222L11.379 3.538Q9.758 1.915 8.138.29A.9.9 0 0 0 7.532 0a.864.864 0 0 0-.667.288Q5.614 1.544 4.363 2.8L.956 6.207c-.232.232-.465.463-.7.7A.812.812 0 0 0 .269 8.1l.71.71a.833.833 0 0 0 1.25 0l3.016-3L7.429 3.634Z' transform='translate(9.095 0) rotate(90)'/%3E%3C/svg%3E");
height: 0.938rem;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
&:hover {
background: none;
text-decoration: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.095' height='15' viewBox='0 0 9.095 15'%3E%3Cpath id='Path_1369' data-name='Path 1369' d='M7.515 3.553c.52.526 1.03 1.048 1.546 1.564q1.857 1.856 3.718 3.708a.834.834 0 0 0 1.232 0c.236-.242.477-.479.716-.718a.817.817 0 0 0 0-1.222L11.379 3.538Q9.758 1.915 8.138.29A.9.9 0 0 0 7.532 0a.864.864 0 0 0-.667.288Q5.614 1.544 4.363 2.8L.956 6.207c-.232.232-.465.463-.7.7A.812.812 0 0 0 .269 8.1l.71.71a.833.833 0 0 0 1.25 0l3.016-3L7.429 3.634Z' transform='translate(9.095 0) rotate(90)' fill='%23699'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
}
&.prev {
transform: rotate(180deg);
}
}
&.active {
.page-link {
font-family: "PT Sans", sans-serif;
font-weight: bold;
&:hover {
text-decoration: none;
}
}
}
}
}
.sh1{
}
.sh1 {
font-weight: 700;
line-height: 24px!important;
font-size: 30px!important;
line-height: 24px !important;
font-size: 30px !important;
text-transform: uppercase;
@media screen and (max-width: 768px){
font-size: 2.188rem!important;
line-height: 40px!important;
padding-bottom: 32px!important;
@media screen and (max-width: 768px) {
font-size: 2.188rem !important;
line-height: 40px !important;
padding-bottom: 32px !important;
}
}
#search-wrapper {
}
#search-wrapper {
#main {
& > article {
padding:2rem 0;
border-top:1px solid #BEBEBE;
display: flex;
.photo {
min-width: 18.375rem;
min-height: 12.375rem;
max-width: 18.375rem;
max-height: 12.375rem;
img {
object-fit: cover;
object-position: center;
height: 100%;
width:100%;
}
}
a {
gap:1.5rem;
display: flex;
color:#000000;
text-decoration: none;
flex-direction: row;
&:hover {
h2.entry-title {
text-decoration: underline;
}
}
}
.entry-header{
height: auto !important;
}
& > article {
padding: 2rem 0;
border-top: 1px solid #bebebe;
display: flex;
.photo {
min-width: 18.375rem;
min-height: 12.375rem;
max-width: 18.375rem;
max-height: 12.375rem;
img {
object-fit: cover;
object-position: center;
height: 100%;
width: 100%;
}
}
a {
gap: 1.5rem;
display: flex;
color: #000000;
text-decoration: none;
flex-direction: row;
&:hover {
h2.entry-title {
margin-top:0 !important;
font-size: 1.25rem !important;
font-family: "PT Sans",sans-serif; font-weight:bold;
@media screen and (max-width: 768px){
font-size: 1rem !important;
line-height: 1.25rem !important;
}
}
.entry-summary {
p {
color:#4D4D4D;
font-size: 1rem;
font-family: "PT Sans",sans-serif;
}
text-decoration: underline;
}
}
}
.understrap-read-more-link {
display: none;
.entry-header {
height: auto !important;
}
}
.search-field{
border: 0;
border-bottom: 1px solid #707070;
border-radius: 0;
}
}
#search-wrapper{
.btn.filter{
position: relative;
visibility: visible;
display: block;
margin-top: 50px;
padding-left: 36px;
-webkit-appearance: none;
appearance: none;
background-color: transparent;
border: 1px solid #BEBEBE !important;
background-color: #F0F0F0;
border-radius: 0;
color: #000;
text-decoration: none;
font-weight: 700;
&:after{
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.933" height="17.634" viewBox="0 0 18.933 17.634"><path id="Path_1507" data-name="Path 1507" d="M-10822-8422.516h16.932l-7.086,7.086v8.548l-3.128-2.567v-5.98Z" transform="translate(10823.001 8423.516)" fill="none" stroke="%23000" stroke-linejoin="round" stroke-width="2"/></svg>');
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
position: absolute;
left: 10px;
top:10px;
content:'';
display: block;
h2.entry-title {
margin-top: 0 !important;
font-size: 1.25rem !important;
font-family: "PT Sans", sans-serif;
font-weight: bold;
@media screen and (max-width: 768px) {
font-size: 1rem !important;
line-height: 1.25rem !important;
}
}
}
.btn.filter.apply-filters{
color: #fff;
background-color: red;
padding: 12px 45px 11px 45px;
margin: auto;
margin-top: 28px;
&:after{
display: none;
.entry-summary {
p {
color: #4d4d4d;
font-size: 1rem;
font-family: "PT Sans", sans-serif;
}
}
}
.btn.filter.apply-filters:hover{
background-color: #669999;
color: #fff;
.understrap-read-more-link {
display: none;
}
@media screen and (min-width: 768px){
.btn.filter{
visibility: hidden;
display: none;
}
}
.search-form{
margin-left: 50px;
}
}
.search-result{
padding-left: 0px;
@media screen and (min-width: 768px){
padding-left: 45px;
.search-field {
border: 0;
border-bottom: 1px solid #707070;
border-radius: 0;
}
}
#search-wrapper{
display:flex;
#search-sidebar{
flex-direction: column;
.sf-field-search{
display: none !important;
}
}
#search-wrapper {
.btn.filter {
position: relative;
visibility: visible;
display: block;
margin-top: 50px;
padding-left: 36px;
-webkit-appearance: none;
appearance: none;
background-color: transparent;
border: 1px solid #bebebe !important;
background-color: #f0f0f0;
border-radius: 0;
color: #000;
text-decoration: none;
font-weight: 700;
&:after {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.933" height="17.634" viewBox="0 0 18.933 17.634"><path id="Path_1507" data-name="Path 1507" d="M-10822-8422.516h16.932l-7.086,7.086v8.548l-3.128-2.567v-5.98Z" transform="translate(10823.001 8423.516)" fill="none" stroke="%23000" stroke-linejoin="round" stroke-width="2"/></svg>');
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
position: absolute;
left: 10px;
top: 10px;
content: "";
display: block;
}
}
@media screen and (min-width: 768px){
.collapse:not(.show) {
display: block;
height: auto !important;
visibility: visible;
}
.collapsing{
position: relative;
height: unset !important;
overflow: hidden;
}
.btn.filter.apply-filters {
color: #fff;
background-color: red;
padding: 12px 45px 11px 45px;
margin: auto;
margin-top: 28px;
&:after {
display: none;
}
#main{
display: flex;
flex-direction: column;
}
.btn.filter{
.btn.filter.apply-filters:hover {
background-color: #669999;
color: #fff;
}
@media screen and (min-width: 768px) {
.btn.filter {
visibility: hidden;
display: none;
}
.searchandfilter{
ul{
padding-left: 0px;
}
select{
border: 0px solid #707070!important;
min-width: unset !important;
}
[data-sf-field-input-type="select"] label{
display: grid;
grid-template-areas: "select";
align-items: center;
position: relative;
min-width: 15ch;
max-width: 30ch;
padding: 0.506rem;
font-size: 1rem;
cursor: pointer;
line-height: 1.1;
background-color: #fff;
border: 1px solid #bebebe;
}
[data-sf-field-input-type="select"] label {
&:after {
content:'';
display: block;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.175' height='9.808' viewBox='0 0 16.175 9.808'%3E%3Cpath id='Path_1396' data-name='Path 1396' d='M19.409 190.005c.561-.568 1.11-1.13 1.667-1.686q2-2 4.01-4a.9.9 0 0 1 1.329 0c.254.261.515.516.772.774a.881.881 0 0 1-.005 1.318q-1.8 1.8-3.605 3.606-1.748 1.75-3.495 3.5a.975.975 0 0 1-.654.312.931.931 0 0 1-.719-.31q-1.349-1.354-2.7-2.706-1.836-1.838-3.674-3.675c-.25-.25-.5-.5-.75-.75A.876.876 0 0 1 11.6 185.1l.766-.766a.9.9 0 0 1 1.348 0l3.252 3.24 2.355 2.345C19.339 189.941 19.363 189.962 19.409 190.005Z' transform='translate(-11.305 -184.028)'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
width: 1rem;
height: 0.5rem;
position: absolute;
right: 0;
}
&:hover {
&:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.175' height='9.808' viewBox='0 0 16.175 9.808'%3E%3Cpath id='Path_1396' data-name='Path 1396' d='M19.409 190.005c.561-.568 1.11-1.13 1.667-1.686q2-2 4.01-4a.9.9 0 0 1 1.329 0c.254.261.515.516.772.774a.881.881 0 0 1-.005 1.318q-1.8 1.8-3.605 3.606-1.748 1.75-3.495 3.5a.975.975 0 0 1-.654.312.931.931 0 0 1-.719-.31q-1.349-1.354-2.7-2.706-1.836-1.838-3.674-3.675c-.25-.25-.5-.5-.75-.75A.876.876 0 0 1 11.6 185.1l.766-.766a.9.9 0 0 1 1.348 0l3.252 3.24 2.355 2.345C19.339 189.941 19.363 189.962 19.409 190.005Z' transform='translate(-11.305 -184.028)' fill='%23699'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
}
}
}
.checkbox-wrap {
display: block;
position: relative;
padding-left: 1.875rem;
margin-bottom: 0.75rem;
cursor: pointer;
margin-bottom:0;
font-size: 1.375rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.app-step-check-btn input, .checkbox-wrap input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 1.375rem;
width: 1.375rem;
background-color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
margin-top:0;
}
/* When the checkbox is checked, add a blue background */
input:checked ~ .checkmark, .checkbox-wrap input:checked ~ .checkmark {
background-color: #ccc;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
display: none;
}
.search-form {
margin-left: 50px;
}
}
.search-result {
padding-left: 0px;
@media screen and (min-width: 768px) {
padding-left: 45px;
}
}
#search-wrapper {
display: flex;
#search-sidebar {
flex-direction: column;
.sf-field-search {
display: none !important;
}
/* Show the checkmark when checked */
input:checked ~ .checkmark:after, .checkbox-wrap input:checked ~ .checkmark:after {
}
@media screen and (min-width: 768px) {
.collapse:not(.show) {
display: block;
height: auto !important;
visibility: visible;
}
/* Style the checkmark/indicator */
.checkmark:after, .checkbox-wrap .checkmark:after {
content:'';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.849' height='12.603' viewBox='0 0 15.849 12.603'%3E%3Cpath id='Path_1424' data-name='Path 1424' d='M2.926 11.2 7.233 15.5l9.421-9.421' transform='translate(-1.866 -5.023)' fill='none' stroke='%23e00' stroke-width='3'/%3E%3C/svg%3E");
background-position: center;
background-size: 75%;
background-repeat: no-repeat;
.collapsing {
position: relative;
height: unset !important;
overflow: hidden;
}
}
input[type="checkbox"] {
-webkit-appearance: none;
appearance: none;
margin: 0;
height: 1.375rem;
width: 1.375rem;
border: 0.15em solid currentColor;
border-radius: 0.15em;
transform: translateY(-0.075em);
background-color: #fff;
display: inline-grid;
place-content: center;
}
input[type="checkbox"]::before {
content: "";
width: 1.4em;
height: 1.4em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.849' height='12.603' viewBox='0 0 15.849 12.603'%3E%3Cpath id='Path_1424' data-name='Path 1424' d='M2.926 11.2 7.233 15.5l9.421-9.421' transform='translate(-1.866 -5.023)' fill='none' stroke='%23e00' stroke-width='3'/%3E%3C/svg%3E");
background-position: center;
background-size: 75%;
background-repeat: no-repeat;
transform: scale(0);
transform-origin: bottom left;
// transition: 120ms transform ease-in-out;
}
input[type="checkbox"]:hover::before {
content: "";
width: 1.4em;
height: 1.4em;
transition: 120ms transform ease-in-out;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.849' height='12.603' viewBox='0 0 15.849 12.603'%3E%3Cpath id='Path_1424' data-name='Path 1424' d='M2.926 11.2 7.233 15.5l9.421-9.421' transform='translate(-1.866 -5.023)' fill='none' stroke='%23669999' stroke-width='3'/%3E%3C/svg%3E");
background-position: center;
background-size: 75%;
background-repeat: no-repeat;
transform: scale(1);
transform-origin: bottom left;
//transition: 120ms transform ease-in-out;
}
.sf-label-checkbox{
font-size: 16px !important;
color: #4D4D4D !important;
font-weight: 300 !important;
}
}
#main {
display: flex;
flex-direction: column;
}
.btn.filter {
visibility: hidden;
display: none;
}
input[type="checkbox"]:checked::before {
transform: scale(1);
}
.searchandfilter {
ul {
padding-left: 0px;
}
}
input[type="checkbox"]:focus {
outline: max(2px, 0.15em) solid currentColor;
outline-offset: max(2px, 0.15em);
}
[data-sf-field-input-type=checkbox] label{
vertical-align: super;
}
.searchandfilter .sf-date-prefix{
width: 50px;
}
.search-filter-reset{
-webkit-appearance: none;
appearance: none;
background-color: transparent;
border: 1px solid #BEBEBE !important;
width: 110px;
height: 30px;
display: inline-block;
font-size: 12px;
float: right;
color: #000;
padding: 5px 14px;
text-decoration: none;
}
.search-filter-reset:hover{
background-color: #669999;
color: #fff;
}
.searchandfilter .sf-date-prefix {
width: 50px;
}
.search-filter-reset {
-webkit-appearance: none;
appearance: none;
background-color: transparent;
border: 1px solid #bebebe !important;
width: 110px;
height: 30px;
display: inline-block;
font-size: 12px;
float: right;
color: #000;
padding: 5px 14px;
text-decoration: none;
}
.search-filter-reset:hover {
background-color: #669999;
color: #fff;
}
.search-wrapper {
form.searchandfilter{
display: block;
}
form.searchandfilter {
display: block;
}
}
.searchandfilter h4{
font-size: 16px !important;
color: #4D4D4D !important;
.searchandfilter h4 {
font-size: 16px !important;
color: #4d4d4d !important;
font-weight: 700 !important;
}
.sf-field-sort_order label{
display: inline-grid !important;
.sf-field-sort_order label {
display: inline-grid !important;
width: 60%;
float: right;
@media screen and (max-width: 768px) {
width: 60%;
float: right;
@media screen and (max-width: 768px){
width: 60%;
}
}
}
.sf-field-sort_order h4,
.sf-field-reset h4{
width: 110px;
font-size: 24px !important;
display: inline-block;
color: #000 !important;
font-weight: 700 !important;
.sf-field-reset h4 {
width: 110px;
font-size: 24px !important;
display: inline-block;
color: #000 !important;
font-weight: 700 !important;
}
}
.sf-date-prefix{
}
.sf-date-prefix {
width: unset !important;
}
.sf-datepicker{
}
.sf-date-prefix label {
width: unset !important;
}
ul.sf_date_field {
width: 110px;
border: 1px solid #ccc;
}
ul.sf_date_field{
li{
display: inline-block;
display: inline-block;
li {
display: inline-block;
}
display: flex;
flex-wrap: wrap;
......@@ -477,195 +309,200 @@ ul.sf_date_field{
margin: 0;
padding: 0;
list-style: none;
}
.ui-datepicker {
padding: 0;
border: 1px solid #ddd;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.ui-datepicker * {
padding: 0;
font-family: "Open Sans", sans-serif;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.ui-datepicker table {
font-size: 13px;
margin: 0;
}
.ui-datepicker .ui-datepicker-header {
border: none;
background: #222;
color: #fff !important;
font-weight: normal;
}
.ui-datepicker .ui-datepicker-header .ui-state-hover {
background: #222;
border-color: transparent;
cursor: pointer;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.ui-datepicker thead {
background: #222;
color: #fff !important;
}
.ui-datepicker .ui-datepicker-title {
margin-top: .4em;
margin-bottom: .3em;
color: #fff !important;
font-size: 14px;
}
.ui-datepicker .ui-datepicker-title span{
color: #fff !important;
}
.ui-datepicker span{
color: #fff !important;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
height: 1em;
top: .9em;
border: none;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 2px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 2px;
}
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
background-image: url('data:image/png;base64,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');
background-position: -32px 0;
margin-top: 0;
top: 0;
font-weight: normal;
}
.ui-datepicker .ui-datepicker-prev span {
background-position: -96px 0;
}
.ui-datepicker th {
padding: 0.75em 0;
color: #fff !important;
font-weight: normal;
border: none;
border-top: 1px solid #333;
}
.ui-datepicker td {
background: #f1f1f1;
border: none;
padding: 0;
}
.ui-datepicker td .ui-state-default {
background: transparent;
border: none;
text-align: center;
padding: .5em;
margin: 0;
font-weight: normal;
color: #333;
}
.ui-datepicker td .ui-state-active,
.ui-datepicker td .ui-state-hover {
background: #0074a2;
color: #fff !important;
}
.ui-datepicker td.ui-state-disabled,
.ui-datepicker td.ui-state-disabled .ui-state-default {
opacity: 1;
color: #999 !important;
}
label::after{
vertical-align: bottom;
height: 36px;
width: 36px;
padding: 7px;
content: '';
display: block;
background-size:20px ;
background-color: #000;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20.524" height="20.313" viewBox="0 0 20.524 20.313"><g id="Group_1957" data-name="Group 1957" transform="translate(-7.739 -7.232)"><rect id="Rectangle_228" data-name="Rectangle 228" width="2.685" height="1.987" transform="translate(12.369 17.139)" fill="%23fff"/><g id="Group_1956" data-name="Group 1956"><path id="Path_1397" data-name="Path 1397" d="M74.08,56.35V54.6H72.093V56.35h-6.7V54.6H63.406V56.35h-4.98V74.917H78.95V56.35Zm2.99,16.688H60.306V58.229H77.07Z" transform="translate(-50.688 -47.372)" fill="%23fff"/><rect id="Rectangle_225" data-name="Rectangle 225" width="2.685" height="1.987" transform="translate(12.369 13.739)" fill="%23fff"/><rect id="Rectangle_226" data-name="Rectangle 226" width="2.685" height="1.987" transform="translate(16.713 13.739)" fill="%23fff"/><rect id="Rectangle_227" data-name="Rectangle 227" width="2.685" height="1.987" transform="translate(21.056 13.739)" fill="%23fff"/><rect id="Rectangle_229" data-name="Rectangle 229" width="2.685" height="1.987" transform="translate(16.713 17.139)" fill="%23fff"/><rect id="Rectangle_230" data-name="Rectangle 230" width="2.685" height="1.987" transform="translate(21.056 17.139)" fill="%23fff"/><rect id="Rectangle_231" data-name="Rectangle 231" width="2.685" height="1.987" transform="translate(12.369 20.54)" fill="%23fff"/><rect id="Rectangle_232" data-name="Rectangle 232" width="2.685" height="1.987" transform="translate(16.713 20.54)" fill="%23fff"/></g></g></svg>');
}
}
.ll-skin-melon .ui-datepicker .ui-datepicker-header,
.ll-skin-melon .ui-datepicker .ui-datepicker-header .ui-state-hover,
.ll-skin-melon .ui-datepicker thead {
background: #26292c !important;
}
.ll-skin-melon .ui-datepicker th {
border-color: #363b3f !important;
}
.ll-skin-melon .ui-datepicker td .ui-state-active,
.ll-skin-melon .ui-datepicker td .ui-state-hover {
background: red !important;
[data-sf-field-input-type="checkbox"] label {
vertical-align: super;
}
#search-wrapper{
.sf-field-search h4{
display: none;
#search-wrapper {
.sf-field-search h4 {
display: none;
}
.sf-field-search{
width: 90%;
@media screen and (max-width: 768px){
width: 80%;
}
margin: 0 auto;
margin-bottom: 60px;
position: relative;
flex-wrap: nowrap;
.sf-field-search {
width: 90%;
@media screen and (max-width: 768px) {
width: 80%;
}
margin: 0 auto;
margin-bottom: 60px;
position: relative;
flex-wrap: nowrap;
display: inline-block !important;
margin-left: 50px;
&:after {
content: "";
position: absolute;
left: -3rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34.157' height='34.157' viewBox='0 0 34.157 34.157'%3E%3Cg id='Group_1039' data-name='Group 1039' transform='translate(-919.807 -2612.691)'%3E%3Cline id='Line_1' data-name='Line 1' x2='14.277' y2='14.277' transform='translate(938.626 2631.511)' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cg id='Ellipse_1' data-name='Ellipse 1' transform='translate(919.807 2612.691)' fill='%23fff' stroke='%23000' stroke-width='3'%3E%3Ccircle cx='13.235' cy='13.235' r='13.235' stroke='none'/%3E%3Ccircle cx='13.235' cy='13.235' r='11.735' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-size: contain;
width: 2.063rem;
height: 2.063rem;
top: 1.2rem;
}
label {
width: 100%;
}
input[name="_sf_search[]"] {
width: 100%;
border: 0;
border-bottom: 1px solid #707070;
border-radius: 0;
font-size: 1.75rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
padding: 0.375rem 0.75rem;
}
}
.sf-field-submit {
display: inline-block !important;
input[name="_sf_submit"] {
border-radius: 50% !important;
padding: 0;
height: 3.438rem;
width: 3.438rem;
margin-top: -0.6rem;
margin-left: 1rem;
font-size: 1.125rem;
font-family: "PT Sans", sans-serif;
font-weight: 700;
background: #e00;
color: #fff;
border: 0;
text-transform: uppercase;
transition: none;
display: inline-block !important;
margin-left: 50px;
&:after {
content: "";
position: absolute;
left: -3rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34.157' height='34.157' viewBox='0 0 34.157 34.157'%3E%3Cg id='Group_1039' data-name='Group 1039' transform='translate(-919.807 -2612.691)'%3E%3Cline id='Line_1' data-name='Line 1' x2='14.277' y2='14.277' transform='translate(938.626 2631.511)' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cg id='Ellipse_1' data-name='Ellipse 1' transform='translate(919.807 2612.691)' fill='%23fff' stroke='%23000' stroke-width='3'%3E%3Ccircle cx='13.235' cy='13.235' r='13.235' stroke='none'/%3E%3Ccircle cx='13.235' cy='13.235' r='11.735' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-size: contain;
width: 2.063rem;
height: 2.063rem;
top: 1.5rem;
}
label{
width: 100%;
}
input[name="_sf_search[]"]{
width: 100%;
border: 0;
border-bottom: 1px solid #707070;
border-radius: 0;
font-size: 1.75rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
padding: 0.375rem 0.75rem;
}
&:hover {
background: #669999;
}
}
.sf-field-submit{
display: inline-block !important;
input[name="_sf_submit"]{
border-radius: 50% !important;
padding: 0;
height: 3.438rem;
width: 3.438rem;
margin-top: -0.6rem;
margin-left: 1rem;
font-size: 1.125rem;
font-family: "PT Sans",sans-serif;
font-weight: 700;
background: #e00;
color: #fff;
border: 0;
text-transform: uppercase;
transition: none;
display: inline-block !important;
&:hover {
background:#669999;
}
}
}
.advance-search-button {
position: relative;
height: 40px;
width: 40px;
text-indent: -9999px;
display: inline-block;
}
.advance-search-button::after {
position: absolute;
left: 0px;
top: -10px;
content: "";
display: inline-block;
height: 40px;
width: 40px;
background-size: contain;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26.954" height="27.484" viewBox="0 0 26.954 27.484"><g id="Group_722" data-name="Group 722" transform="translate(0 1.5)"><line id="Line_15" data-name="Line 15" x2="26.954" transform="translate(0 3.254)" fill="none" stroke="%23000" stroke-width="3"/><line id="Line_16" data-name="Line 16" x2="26.954" transform="translate(0 12.401)" fill="none" stroke="%23000" stroke-width="3"/><line id="Line_17" data-name="Line 17" x2="26.954" transform="translate(0 21.565)" fill="none" stroke="%23000" stroke-width="3"/><circle id="Ellipse_13" data-name="Ellipse 13" cx="3.188" cy="3.188" r="3.188" transform="translate(16.369)" fill="%23fff" stroke="%23000" stroke-width="3"/><circle id="Ellipse_14" data-name="Ellipse 14" cx="3.188" cy="3.188" r="3.188" transform="translate(16.369 18.109)" fill="%23fff" stroke="%23000" stroke-width="3"/><circle id="Ellipse_15" data-name="Ellipse 15" cx="3.188" cy="3.188" r="3.188" transform="translate(4.054 9.022)" fill="%23fff" stroke="%23000" stroke-width="3"/></g></svg>');
}
.modal-backdrop {
background-color: #fff;
opacity: 0.7;
}
#advance-search-modal {
.btn-close{
opacity: 1;
}
.btn-close:hover{
opacity: 0.5;
}
.modal-content{
border: 0px solid #707070;
}
.modal-footer,
.modal-header,
.modal-body {
background: #f0f0f0 0% 0% no-repeat padding-box;
border-top: 0px solid #707070;
border-bottom: 0px solid #707070;
}
.modal-body {
padding: 0px 35px 35px 35px;
}
.modal-dialog {
width: 80%;
max-width: 1066px;
.searchandfilter {
h4 {
font-size: 24px !important;
line-height: 30px;
text-align: left;
font-weight: lighter;
font-family: "PT Sans", sans-serif;
}
}
}
.sf-field-search {
h4 {
font-size: 45px !important;
line-height: 57px;
margin-top: -20px;
font-weight: bold;
}
input[name="_sf_search[]"] {
background-color: #f0f0f0;
}
label{
margin-left: 50px;
width: 95%;
}
}
.sf-input-select {
// background-color: #fff;
}
.sf-field-reset,
.sf-field-submit {
display: inline-block;
}
input[name="_sf_submit"] {
background: #ee0000 0% 0% no-repeat padding-box;
color: #fff;
border-radius: 40px;
height: 44px;
width: 182px;
border: 0 !important;
margin-right: 24px;
margin-left: 0px;
}
.search-filter-reset {
background: #000000 0% 0% no-repeat padding-box;
color: #fff;
border-radius: 40px;
height: 44px;
width: 182px;
border: 0 !important;
}
.sf-datepicker {
width: 200px;
height: 36px;
}
.sf_date_field {
max-width: 750px;
.sf-date-prefix {
width: 50px !important;
}
}
}
}
}
\ No newline at end of file
......