/*
 Theme Name:   Basel Child
 Description:  Basel Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     basel
 Version:      1.0.0
 Text Domain:  basel-child

Sizes:
    @media screen and (max-width: 767px) {}
    @media screen and (max-width: 1024px) {}

WB Color:
    #1cc290 // Salbei

*/


/************************ HEADER ************************/

@media screen and (max-width: 991px) {
   .topbar-wrapp {
        display: none;
    } 
}
 
.topbar-wrapp {
    background: #435364!important;
}

/*.topbar-wrapp .lang_sel_click {
    display: inline;
    float: left;
}

.topbar-wrapp .lang_sel_click a {
    display: inline-block!important;
}

.topbar-wrapp .lang_sel_click ul {
    display: inline;
}

.topbar-wrapp .lang_sel_click ul li {
    display: inline;
}*/





.topbar-wrapp .top-bar-center a, .topbar-wrapp .currencydropdown li {
    font-size: 11px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 1px;
    padding-top: 1px;
    color: rgba(255,​ 255,​ 255,​ 0.9);
}

.topbar-wrapp .top-bar-center a:after, .topbar-wrapp .currencydropdown li:after {
    background-color: rgba(255, 255, 255, 0.7);
    bottom: 0;
    content: " ";
    height: 1px;
    position: absolute;
    right: 0;
    transition: width 0.2s ease 0s;
    width: 0;
}

.topbar-wrapp .top-bar-center a:hover, .topbar-wrapp .currencydropdown li:hover, .topbar-wrapp .currencydropdown li a:hover  {
    text-decoration: none;
    color: #FFF;
    cursor: pointer;
}

/*.topbar-wrapp .currencydropdown li a.wcml-cs-active-currency:hover {
    cursor: default;
}*/

.topbar-wrapp .top-bar-center a:hover:after, .topbar-wrapp .currencydropdown li:hover:after {
    left: 0;
    width: 100%;
}

.topbar-wrapp .langdropdown {
    display: inline-block;
    float: left;
    margin: 0px 10px 0px 0px;
}

.topbar-wrapp .langdropdown img {
    margin: 0px 7px 0px 0px;
    width: 16px;
}

.topbar-wrapp .currencydropdown {
    display: inline-block;
    float: left;
}

.topbar-wrapp .currencydropdown li {
    border: 0px;
    display: inline;
    margin: 0px 5px 0px 0px;
}

.topbar-wrapp .currencydropdown li a {
    text-decoration: none;
}

.topbar-wrapp .wcml_currency_switcher img {
    display: none!important;
}

.top-bar-center {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.topbar-menu ul li a {
    font-size: 11px;
}



/* Start Language Dropdown */
.top-bar-left {
    overflow: visible;
    width: 300px;
}

.header-lang-cur {
    display: inline-block;
}

.lang-switcher {
    float: left;  
}

.wpml-ls-legacy-dropdown {
    width: auto;
}

.wpml-ls-legacy-dropdown a {
    background: none;
/*    background: red;*/
    display: table-cell;
    vertical-align: middle;
    line-height: 31px!important;
/*    width: 50px!important;*/
    border: none;
    padding-left: 18px;     
    padding-right: 26px!important;     
    font-size: 11px;
    color: rgba(255,255,255,.9);
    
}

.wpml-ls-legacy-dropdown a:hover, 
.wpml-ls-legacy-dropdown a:focus, 
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a {
    background: #BBB!important;
    color: rgba(255,255,255,.9);
    font-size: 11px;
    text-decoration: none;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    border: none;
    content: "\f107";
    font-size: 14px;
    line-height: 14px;
    font-family: FontAwesome;
    top: calc(50% - .5em);
/*    top: calc(50% - .175em);*/
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    border: none;
}


.wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a {
    padding-right: 29px;
    background: #435364;
    color: rgba(255,255,255,.9);    
}



.currency-switcher {
    float: left;
}

.currency-switcher img {
    display: none!important;
}

.wcml-dropdown {
    width: auto;
    margin: 0px!important;
}

.wcml-dropdown li {
    border: none;
}

.wcml-dropdown .wcml-cs-submenu {
    border: none;
}

.wcml-dropdown .wcml-cs-submenu li {
    border: none;
}    

.wcml-dropdown a {
/*    background: red;*/
    display: table-cell;
    vertical-align: middle;
    line-height: 32px!important;
    width: 100px!important;
    border: none;
    padding-left: 18px;     
    padding-right: 22px!important;     
    font-size: 11px;
    color: rgba(255,255,255,.9);
    border: none!important;
}

.wcml-dropdown .wcml-cs-active-currency > a {
/*    background: red!important;*/
}

.wcml-dropdown a:hover, 
.wcml-dropdown a:focus {
    background: #BBB!important;
    color: rgba(255,255,255,.9);
    font-size: 11px;    
}

.wcml-dropdown li > a {
    background: #435364!important;
}

.wcml-dropdown a.wcml-cs-item-toggle:after {
    border: none;
    content: "\f107";
    font-size: 14px;
    line-height: 14px;
    font-family: FontAwesome;
    top: calc(50% - .5em);
/*    top: calc(50% - .175em);*/
}









/*.topbar-wrapp .wpml-ls-legacy-dropdown {
    width: 80px;
}

.topbar-wrapp .wpml-ls-legacy-dropdown a {
    background: none;
    display: inline;
}

.topbar-wrapp .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    z-index: 999;
    background: #435364!important;
    top: auto!important;
}

.topbar-wrapp .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
    background: #435364!important;    
}*/

/* End Language Dropdown */    
    

/*.topbar-wrapp .langdropdown {
    display: inline-block;
    float: left;
    height: 20px;
    overflow: hidden;
    padding: 0 0 5px;
    text-align: center;
    vertical-align: top;
    width: 30px;
    z-index: 999;
}

.topbar-wrapp .langdropdown img {
}

.topbar-wrapp .langdropdown:hover {
    background: #435364 none repeat scroll 0 0;
    height: auto;
    overflow: visible;
}

.topbar-wrapp .langdropdown a {
    display: inline-block;
    padding: 0 0 0 !important;
}


.topbar-wrapp .currencydropdown {
    display: inline-block;
    float: left;
    height: 27px;
    overflow: hidden;
    padding: 0 0 5px;
    text-align: center;
    vertical-align: top;
    width: 60px;
    z-index: 999;
}

.topbar-wrapp .currencydropdown li {
    border: 0px;
}

.topbar-wrapp .currencydropdown:hover {
    background: #F9F9F9 none repeat scroll 0 0;
    height: auto;
    overflow: visible;
    color: #1b1919;
}*/


/*.topbar-wrapp  #lang_sel_click a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    display: inline-block;
    padding: 3px 3px 5px 7px !important;
}*/

/************************ HOMEPAGE **********************/


.rs-wclickaction {
    cursor: pointer!important;
}

.home .mc4wp-form div p:first-child {
    max-width: 384px;
}

.homepagetext a {
    text-decoration: underline;
    transition: all 0.2s ease 0s;
}

.homepagetext a:hover {
    text-decoration: none;
}

.vc_custom_1467750325233 .cat-design-default .hover-mask h3, .vc_custom_1491922274366 .cat-design-default .hover-mask h3 {
    display: none!important;
}

@media screen and (max-width: 767px) {
    .homepage-title .text-left, .homepage-title .text-right {
        text-align: center;
    }

    .homepage-title .title::after {
        left: 50%!important;
        margin-left: -15px!important;
    }
}

/************************ PAGES *************************/

ul.spotted {
    margin: 10px 0px;
}

ul.spotted > li:before {
    content: ">";
    display: inline-block;
    font-size: 0.75rem;
    margin-left: -1rem;
    width: 15px;
}

ul.spotted li {
    line-height: 1.8em;
    padding-left: 1.25rem;
}

ul.spotted li a {
    
}

ul.spotted li a:hover {
    color: #1cc290;
}

.sitemap h2 {
    margin: 20px 0px 20px 0px;
}

.sitemap_list_box {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 768px) {
    .sitemap_list_box {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1; 
    }
}

.sitemap_list {
    margin: 0px 0px 20px 0px;    
    list-style-type: decimal-leading-zero!important;
    list-style-position: inside; 
    
}

.sitemap_list li {
    line-height: 1.8em;
    padding-left: 5px;;
}

.sitemap_list a, .sitemap_list a:visited { 
    font-weight: 300;
    color: #49525d; 
}


#map {
    margin: 0px 0px 40px 0px;
    width: 100%; 
    height: 350px;
}

#map-side-bar {}

#map-side-bar .location {
    margin: 0px 0px 40px 0px;
}

#map-side-bar .location .location_country {
    text-transform: uppercase; 
    font-size: 0.9em; 
    color: #666;
}

#map-side-bar .location h4 {
    margin-bottom: 2px;
}

#map-side-bar .location p {
    margin-bottom: 6px;
}

#map-side-bar .location .links a {
    margin-left: 18px;
 
}

#map-side-bar .location .links a:before {
    content: ">";
    display: inline-block;
    font-size: 0.75rem;
    margin-left: -1rem;
    width: 12px;
}



/*.map-location {
    float: left;
    margin: 20px 3% 0px 0px;
    width: 22%;
    min-height: 100px;
}

@media (min-width: 768px) and (max-width: 1200px) { 
    .map-location {
        margin: 20px 3% 0px 0px;
        width: 30%;
    }
}

@media (max-width: 767px) { 
    .map-location {
        margin: 20px 3% 0px 0px;
        width: 47%;
    }
}

@media (max-width: 450px) {
    .map-location {
        margin: 10px 0px 0px 0px;
        width: 100%;
        min-height: fit-content;
    }
}*/

/************************ PRODUCT CATEGORIES ************/

.archive .title-shop {
/*    background: url("http://xtemos.com/dummy/basel3/wp-content/uploads/2016/03/bg-categorie.jpg?id=205") !important;*/
}

.archive .title-shop .nav-shop h1 {
    font-size: 30px;
}


/* 
Always show Filter area
https://themeforest.net/comments/13468365 */

.filters-area {
/*    display: block;*/
    padding-top: 0px!important;
}

.widget_layered_nav {
    padding-top: 30px;
}

.basel-active-filters {
/*    background: #F9F9F9;
    margin-top: -35px;
    padding: 0px 0px 10px 30px;   */
    
}

/*.basel-active-filters::before {
    content: "Active Filter: ";
}*/

/*.widget_layered_nav_filters {
    display: inline-block;    
}

.widget_layered_nav_filters ul {
    padding-left: 15px;
}

.widget_layered_nav_filters ul li {
    background: #ddd;
    padding: 5px 8px;
    display: inline-block;
    border-radius: 3px;
}*/

/************************ SINGLE PRODUCT  ***************/

.yoast-breadcrumb a:first-child:before,
.woocommerce-breadcrumb a:first-child:before {
    content: ""!important;
    margin: 0px!important;
    vertical-align: middle;
/*    margin-right: 8px!important;*/
}

.yoast-breadcrumb span span:first-child > a:before,
.woocommerce-breadcrumb span span:first-child > a:before {
   content: "\f915"!important;
    margin-right: 5px!important;
/*     font-family: FontAwesome;
    font-family: "basel-font";*/
}
.yoast-breadcrumb {
    text-transform: uppercase;
}

.yoast-breadcrumb span span:first-child {
    margin: 0px 5px 0px 0px;
}

.yoast-breadcrumb span span{
    margin: 0px 5px 0px 5px;
}

.single-product-content .entry-title {
    font-size: 34px!important;
    line-height: 1.2!important;
}
    
.single-product-content .price del .woocommerce-Price-amount, .single-product-content .price del .woocommerce-Price-currencySymbol  {
color: #bbb!important;
}

.single-product-content .price .woocommerce-Price-amount, .single-product-content .price .woocommerce-Price-currencySymbol  {
    color: #1cc290!important;
/*    color: #2f8653!important;*/
}

.star-rating span:before, .stars span a:hover, .stars span a.active {
    color: #fba500!important;
}

.single-product-content .product_meta > span a, .single-product-content .product_meta > span span {
    margin: 0 2px 0 0;
}

.quantity .qty[type=number] {
    -moz-appearance: textfield;
}

.quantity .qty[type="number"]:focus {
    -moz-appearance: number-input;
}

.single-product-content .cart.variations_form {
    width: 100%;
}

.single-product-content p.price {
    margin-bottom: 0;
}

.single-product-content p.info-vatshipping small {
    font-size: 12px;
}

.single-product-content p.info-vatshipping {
    text-transform: uppercase;
    color: #7F7F7F;
}
.single-product-content p.info-vatshipping a {
    color: #7F7F7F;
}

.single-product-content p.info-vatshipping.free a {
    color: #2f8653!important;
}

.info-price-without-vat {
    text-transform: uppercase;
    color: #7F7F7F;
    margin-top: -20px;
}


.single-product-content p.info-vatshipping .free_shipping {
/*    color: #1aada3!important;*/
    color: #1cc290!important
/*    font-weight: bold;*/
    
}
.info-switch-currency {
/*    text-transform: uppercase;
    color: #7F7F7F;
    margin-top: -20px;*/
}

.info-switch-currency a {
    text-decoration: underline;
    color: #7F7F7F!important;
}

.info-switch-currency a:hover {
    text-decoration: none;
}

.single-product-content p.info-deliverytime small {
    font-size: 12px;
}

.single-product-content p.info-deliverytime {
    text-transform: uppercase;
    color: #7F7F7F;
    margin-top: -20px;
}

.single-product-content p.info-deliverytime .fa-plane {
    transform: rotate(-45deg);
}

/* Hide standard out of stock message */
.basel-scroll-content .stock.available-on-backorder {
    display: none;
}

.single-product-content .cart .button:focus, .single-product-content .cart .button:hover {
    background: #DB4B39;
    border: 1px solid #DB4B39;
}

.woocommerce .shop_attributes {
    float: left;
    width: 47.5%!important;
    margin: 0% 0% 20px 2.5%!important;
}

.woocommerce .shop_attributes:first-child {
    margin: 0% 2.5% 20px 0%;
}

@media (max-width: 767px) {
    .woocommerce .shop_attributes {
        width: 100%!important;
        margin: 0px 0px 0px 0px!important;
    }
}

.shop_attributes th {
    font-size: 14px!important;
    color: #4C4C4C;
    
    
}

.shop_attributes td {
    padding: 12px;
}


.single_product_trust {
    margin: 0px 0px 30px 0px;
/*    padding-top: 20px;*/
}

.single_product_trust .single_product_trust_box {
    background: #F9F9F9;
    font-weight: 300;
    float: left;
    margin-right: 2%;
    margin-bottom: 10px;    
    width: 23.5%;    
    padding: 1.5% 2% 1.5% 1.5%;
/*    font-size: 0.72em;*/
    height: 100%;
}

.single_product_trust .single_product_trust_box:last-child { margin-right: 0!important; }

.single_product_trust .single_product_trust_box a {
    color: #808080!important;
    display: block;
}

.single_product_trust .single_product_trust_box a strong {
    color: #49525d!important;    
}

.single_product_trust .single_product_trust_box .single_product_trust_icon {
    float: left;
    height: 60px;
    margin: 2% 7% 0 2%!important;    
}


.single_product_trust .single_product_trust_box .single_product_trust_icon i {
    font-size: 1.8em;
    color: #CCCCCC;
}

.single_product_trust .single_product_trust_box:hover i.fa-trophy { color: #FFC000; }
.single_product_trust .single_product_trust_box:hover i.fa-truck { color: #0070A0; }
.single_product_trust .single_product_trust_box:hover i.fa-money { color: #006400; }
.single_product_trust .single_product_trust_box:hover i.fa-lock { color: #006400; }
.single_product_trust .single_product_trust_box:hover i.fa-facebook { color: #3B5998; }

.single_product_trust .single_product_trust_box .star-rating {
    float:left;
}

/*.single_product_trust .single_product_trust_box .star-rating, .single_product_trust .single_product_trust_box .star-rating:before, .single_product_trust .single_product_trust_box .star-rating span:before {
    font-size: 16px!important;
}*/


@media screen and (max-width: 1000px) {
    .single_product_trust .single_product_trust_box {
        background: #F6F6F6;
        margin-right: 2%;
        width: 44%;    
    }
}

@media screen and (max-width: 600px) {
    .single_product_trust {
        margin: 0px 20px 20px 0px!important;
    }    
    
    .single_product_trust .single_product_trust_box {
        margin-right: 0%;
        width: 100%;    
    }
    .single_product_trust .single_product_trust_box .single_product_trust_icon i {
        min-width: 25px;
        text-align: center;    
    }
}

/************************ BLOG **************************/

.single-post .site-content .post img {
/*    width: 100%;  Distorts images to fit the post in width */
}

.single-post .site-content .post .entry-content a {
    color: #1cc290!important;     
}

.single-post .site-content .post .entry-content a:hover {
    opacity: 0.8!important;
    text-decoration: underline!important;
}


.page-title .entry-header .breadcrumbs > a::after, .page-title .entry-header .breadcrumbs > span:after {
    content: ">";
    padding: 0 7px;
}

.woocommerce-breadcrumb a:after {
    content: ">";
    margin-left: 5px;
}

.breadcrumbs, .breadcrumbs a {
    color: #AFAFAF;
    text-transform: uppercase;
}

.breadcrumbs a, .breadcrumbs .current {
    font-size: 12px!important;
}

/************************ FOOTER ************************/

@media screen and (max-width: 767px) {

    footer .footer-column-2, footer .footer-column-3 {
        width: 50%!important;
        float: left!important;
    }

    footer .visible-sm-block {
        display: block!important;
    }
    
}

.site-content .term-description {
    margin-top: 40px;
}

.site-content .term-description a, .site-content #tab-description a {
    text-decoration: underline;
}

.site-content .term-description a:hover, .site-content #tab-description a:hover {
    text-decoration: none;
}

footer .footerpaymenticons_new img {
    border-radius: 1px;
    float: left;
    margin: 0 6px 6px 0;
}

footer img.shipping {
    border-radius: 1px;
}

.footer_socialwidget {
    margin-bottom: 20px;
}

.footer_socialwidget a {
    font-size: 22px;
    margin-left: 5px;
    margin-right: 15px;
}

footer .footer-column-1 .textwidget img, footer .footer-column-4 .textwidget img, footer .footer-column-5 .textwidget img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition: all 0.4s ease-in-out;
}

footer:hover .textwidget img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.scrollToTop {
    bottom: 180px;
}

/************************ CART **************************/

.cart-actions .checkout-button {
    border: 1px solid #1aada3; /* #1cc290 */
    background: #1aada3;
    color: #fff;
    margin-left: 7px;
}

.cart-actions .checkout-button:hover {
    border: 1px solid #1aada3;
    background: #1aada3!important;
    opacity: 0.8;
}


@media screen and (max-width: 1024px) {
    .cart-actions .checkout-button {
        margin: 20px 0px 0px 0px;
    }
}

.woocommerce-cart .backorder_notification, 
.woocommerce-checkout .backorder_notification, 
.woocommerce-cart .attribute_name,
.woocommerce-checkout .attribute_name  {
    font-size: 12px;
/*    text-transform: uppercase;*/
    color: #b2b2b2;
    margin-top: 5px;
    
}

/************************ CHECKOUT **********************/



.woocommerce-checkout .woocommerce-form-coupon-toggle {
    display: none;
}

.checkout .woocommerce-form__label-for-checkbox {
    cursor: pointer;
}

.woocommerce-mailchimp-opt-in {
    margin-bottom: 0px!important;

}

.woocommerce-mailchimp-opt-in label {
/*    padding-left: 20px;*/
    font-family: Karla, Arial, Helvetica, sans-serif;
}



.woocommerce-mailchimp-opt-in input {
    margin: -1px 8px 0px 0px;
}

.woocommerce-shipping-fields {
    margin-top: 0px!important;
}

#ship-to-different-address input#ship-to-different-address-checkbox {
    float: left;
    display: inline-block;
    margin: 3px 8px 0px 0px;
    
}

#ship-to-different-address label {
    font-size: 14px;   
    text-transform: none!important;
    letter-spacing: 0px;
}

#order_payment_heading {
    text-align: center;
}

#order_review_heading, #order_review_heading_payment {
    text-transform: uppercase;
    letter-spacing: .6px;
    text-align: center;
    font-weight: bold;
  
    order: 3!important;
    margin: 10px 0 10px 0;
}



#terms_text {
    order: 3!important;
/*    text-align: justify;*/
    padding: 0px 25px 10px 25px;
}

#terms_text a {
    text-decoration: underline;
}
    
#terms_text a:hover {
    text-decoration: none;
}


.woocommerce-checkout-review-order-table .order-total .woocommerce-Price-amount, 
.woocommerce-checkout-review-order-table .order-total .woocommerce-Price-currencySymbol {
    color: #1cc290!important;
/*    color: #2f8653!important;*/
}
.woocommerce-checkout-review-order-table .order-total .includes_tax .woocommerce-Price-amount, 
.woocommerce-checkout-review-order-table .order-total .includes_tax .woocommerce-Price-currencySymbol {
    color: #4C4C4C!important;
}
    

#payment {
    order: 2;
    background: #FFF;
    padding: 20px 25px 20px 25px;
    margin-bottom: 50px;
}

.woocommerce-checkout .woocommerce-checkout-payment .payment_box {
    background: #F8F8F8!important;
    border: 2px solid #F8F8F8!important;
    margin-top: 10px;
}


.woocommerce-checkout .woocommerce-checkout-payment .payment_box::before {
    color: #F8F8F8!important;
    font-size: 25px;
    left: 15px;
    top: -6px;
}

.woocommerce-checkout .woocommerce-checkout-payment li img {
    float: none!important;
}

.woocommerce-checkout-review-order .responsive-table {
    order: 4;
}

#payment a.about_paypal {
    display: none;
}

/*.woocommerce-checkout #payment .payment_method_stripe label[for=payment_method_stripe] {
    padding-left: 20px;
}*/ 

.wc_payment_method img {
    height: 30px;
    max-width: 55px;
    padding: 4px;
    
    box-sizing: border-box;    
}

.wc_payment_method img:first-child {
    margin: 0px 0px 0px 15px!important;
}

.wc_payment_method > label {
    cursor: pointer;
    font-size: 15px;
    user-select: none;
    font-weight: 600;
}

/*#wc-stripe-cc-form {
    border: 0px;
    margin-bottom: 0px;
    padding: 10px 0px 0px 0px;
}*/

/*#wc-stripe-cc-form .form-row-last {
    padding-right: 20px;
}*/

#wc-stripe-cc-form .form-row {
    margin-top: 10px;
}


@media screen and (max-width: 1024px) {
    #wc-stripe-cc-form .form-row-last {
        padding-right: 0px;
    }    
    
    #wc-stripe-cc-form input#stripe-card-cvc {
        width: 100%!important;
    }
}

.woocommerce-checkout #place_order {
    width: 100%;
    padding: 15px 0;
    font-size: 16px;
    background: #1cc290;
    color: #FFF;

}

.woocommerce-checkout #place_order:hover, .woocommerce-checkout #place_order:focus {
    border: 1px solid #3CAFCF;
}


.woocommerce-checkout .fee th {
	font-size: 16px;
}