/*
Theme Name:   	Juliette - A store front  theme
Author:       	Tool Ltd
Author URI:     http://stuartduff.com
Description:  	This is a  custom template for the Juliette Armand website
Version:      	1.0.0
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	ja_domain
*/


/*
 * Add your own custom css below this text.
 */

 body.fade-in .mm-slideout, 
 body.modal-open .mm-slideout{
    z-index:inherit;
}



.sr-only {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.visible-hidden {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.visible-hidden:focus {
    clip: auto;
    height: auto;
    overflow: auto;
    position: absolute;
    width: auto;
}

.hustle-ui.hustle-inline:not(.hustle-size--small):first-child {
    margin-top: 0;
    margin-bottom: 0!important;
}

.hustle-main-wrapper {
    padding: 0!important;
}

.woosb-products .woosb-product>div:last-child {
    text-align: start!important;
}

.woosb-wrap {
    margin-top: 20px;
    margin-bottom: 25px;
}

.wwp_wholesaler_registration input[type="submit"] {
    background-color: #622066 !important;
}


/***Custom Styles for WP-Country****/

.country_selector_modal_stay {
    background: none;
    color: #000;
    font-weight: normal;
    font-size: 100%;
}

.country_selector_modal_stay:hover {
    color: #57c9e8;
}

.country_selector_modal .wordpress-country-selector-modal-content {
    border-radius: 0px;
}

.country_selector_modal .wordpress-country-selector-modal-body {
    padding: 80px 20px;
}

p.country_selector_seems_text {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 70px!important;
}

.flag-icon-gr_en {
    background-image: url(https://www.juliettearmand.com/wp-content/uploads/flags/icon-gr-en-flag.png);
}

.flag-icon-gr {
    background-image: url(https://www.juliettearmand.com/wp-content/uploads/flags/icon-gr-flag.png);
}

.flag-icon-un {
    background-image: url(https://www.juliettearmand.com/wp-content/uploads/flags/icon-international-flag.png);
}

button.country_selector_modal_close {
    background-color: #fff;
    font-size: 200%;
    color: #585858;
}

button.country_selector_modal_close:hover {
    color: #000;
}

.country_selector_modal_goto {
    font-size: 125%;
    background-color: #0298d2;
    padding: .8em;
}

.country_selector_modal_goto:hover {
    color: #fff;
    background-color: #848484!important;
    text-decoration: underline;
}

.country_selector_modal p {
    margin-bottom: 40px;
}

@media (max-width: 576px) {
    .country_selector_modal_goto {
        display: block;
        margin-bottom: 25px;
    }
    .country_selector_modal_goto:nth-child(2) {
        margin-left: 0px;
        margin-top: 25px;
    }
}

@media (min-width: 768px) {
    .country_selector_modal_goto:nth-child(2) {
        margin-left: 10px;
    }
}


/****WPSL Custom Styles****/

.wpsl-search {
    background: none;
    /*margin: 0 0;*/
    padding: 40px 0
}

.wpsl-input label,
#wpsl-radius label,
#wpsl-category label {
    width: auto!important;
}

.storecat {
    display: block;
    font-size: 85%;
    line-height: 85%;
    margin-bottom: 15px;
}

.storecat_809 .storecat {
    color: #622066;
}

.storecat_813 .storecat {
    color: #622066;
}

.storecat_810 .storecat {
    color: #ed6b08;
}

.storecat_812 .storecat {
    color: #ed6b08;
}

.storecat_811 .storecat {
    color: #57c9e8;
}

.storecat_814 .storecat {
    color: #57c9e8;
}

.wpsl-street,
.wpsl-city,
.wpsl-contact-details span {
    font-size: 1Rem;
    line-height: 110%;
}

.wpsl-store-details.wpsl-store-listing {
    color: #949494;
}

#wpsl-search-wrap div {
    /*margin-right: auto;
    margin-left: auto;*/
}

#wpsl-search-wrap div.row {
    width: 100%;
}

#wpsl-search-wrap div.container {
    overflow: auto;
    float: unset;
}

#wpsl-search-wrap div label {
    float: left;
    margin-right: 10px;
    line-height: 36px;
}
#wpsl-search-btn, #wpsl-search-wrap div {
margin-right: unset;
} 

#wpsl-search-wrap div ul li label {
    line-height: 14px;
    font-size: 0.8em;
}
#wpsl-search-input {
    width:unset;
    }

#wpsl-search-btn {
    background: #622066;
    color: #fff;
    font-size: 16px;
    padding: .4em .8em;
    height: 40px;
}

#wpsl-search-btn:hover {
    background: #100211;
    ;
}

.slresults {
    padding-bottom: 30px;
    overflow: auto;
}

#wpsl-result-list {
    float: right!important;
    margin-right: 0 !important;
    width: 33.5%!important;
}

#wpsl-result-list li p.storename {
    font-size: 1rem;
    margin-bottom: 5px;
}

#wpsl-result-list li.wpsl-preloader {
    position: relative;
    padding-left: 40px;
}

.wpsl-store-hours {
    font-size: 0.875rem;
    color: #2e2e2e;
}

#wpsl-result-list .wpsl-contact-details span {
    margin-bottom: 10px;
}

.wpsltop-formctrl {
    border-radius: 0px;
    width: 220px!important;
    min-width: 220px!important;
    display: inline-block;
    font-size: 16px;
    color: #000;
    line-height: 1.3;
    height: 40px!important;
    padding: .6em 1.4em .5em .8em;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa!important;
    border-right: 0px!important;
    border-radius: 0px!important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
}

.wpsltop-formbtn {
    border-radius: 0px;
    width: 45px;
    display: inline-block;
    font-size: 16px;
    color: #000;
    line-height: 1.3;
    padding: .4em .8em;
    height: 40px!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #622066;
    border-left: 0px;
    border-radius: 0px!important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #622066;
}

.wpsltop-formbtn:hover {
    color: #fff;
    background: #000
}

.banner--main.findUs {
    height: auto;
    min-height: 400px;
}

.wpsl-dropdown {
    height: 40px;
}

#wpsl-results-dropdown.wpsl-dropdown {
    width: 60px;
}

#wpsl-gmap {
    float: left!important;
}

#wpsl-wrap #wpsl-result-list li {
    border: none;
}

.wpsl-mobile #wpsl-gmap {
    height: 450px!important;
}

.wpsl-mobile #wpsl-result-list {
    height: auto!important;
}

@media only screen and (max-width:767px) {
    #mherovideo {min-height:90vh;} 
        #wpsl-wrap #wpsl-result-list {
        width: 100%!important;
        margin-top: 30px;
    }
    div.storeslist {
        height: auto!important;
    }
    #wpsl-wrap #wpsl-result-list li {
        margin-bottom: 30px;
    }
    #wpsl-search-wrap div.row {
        margin-right: 15px;
        margin-left: 15px;
        width: unset;
    }
    #wpsl-category {
        width: 100%;
        margin-bottom: 15px;
    }
    #wpsl-search-btn {
        display: block;
        width: 100%;
    }
    #wpsl-radius,
    #wpsl-results {
        margin-bottom: 15px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    #mherovideo {min-height:50vh;} 
        .ml-30 {
        margin-left: 15px;
    }
    #wpsl-wrap #wpsl-result-list {
        float: right!important;
        margin-right: 0 !important;
        width: 40%!important;
    }
    #wpsl-gmap {
        width: 60%;
    }
    #wpsl-wrap #wpsl-result-list li {
        margin-bottom: 50px;
        margin-left: 20px;
        padding-left: 0px
    }
}

@media only screen and (min-width: 992px) {
    #wpsl-search-input {
       width:65%!important;}

    .wpsl-select-wrap div label{
        margin-left:10px;
    }
    #mherovideo { display:none };
    .ml-30 {margin-left: 30px;}
    #wpsl-wrap #wpsl-result-list {
        float: right!important;
        margin-right: 0 !important;
        width: 33.5%!important;
    }
    #wpsl-wrap #wpsl-result-list li {
        margin-bottom: 50px;
        margin-left: 40px;
        padding-left: 0px
    }
}

.icon.icon-refresh-inv::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background-image: url(dist/assets/images/arrows-ccw-white.svg);
    background-repeat: no-repeat
}

.icon.icon-magnifier-inv::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background-image: url(dist/assets/images/icon-magnifier-white.svg);
    background-repeat: no-repeat
}

button>.icon {
    margin-bottom: -2px;
}

.wpsl-directions {
    font-size: .85rem;
    color: #00a1df;
}

@media only screen and (max-width: 991px) {
    #herovideo {display:none};
    .woocommerce-products-header.cat-responsive-bg  {
        min-height: 200px;
        text-align: center;
    }
    }

@media only screen and (min-width: 1367px) {
    #herovideo .vimeo_player_wrapper iframe {width:100%!important;}
    }
    
    
    .plyr, .plyr__video-wrapper, .plyr__video-embed__container, .plyr__poster, .plyr__video-embed__container iframe {
        background-color: #fff!important;
    }
    .startbtn{
        width:25%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
    
      .startbtn img {
        opacity: 0.5;
      
      }
    
      #mherovideo {
        background-image: url('/wp-content/uploads/2020/05/ameson-cover-portrait.jpg');
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
      }
     
    
      #mvideoplayer {background-image: url();}

      .wpslfiltdivs {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}