/*
Theme name: Southern Style Spices
Description: Custom Theme
*/

/*
  Source post-css styles are located in resources/css/
  The compiled bundle is saved to `dist/css/bundle-${fingerprint}.css`
  (dist/manifest.json provides the exact path mapping).
  swp
  DEVELOPMENT.md file contains instructions how to get the compilation
  process up & running.

  If you need to make a quick fix, feel free to add CSS
  below this comment -- it's loaded after the compiled bundle. 
*/

.slider-testimonials .shell:after {
  margin: 56px auto;
}

p {  }

.product-intro {
  background-color: #c2c232;
}

.product-intro .product-intro__content h2 {
  color: #ffffff;
}

h3 {
  font-size:24px;
  line-height: 1.5em;
}

body {
  font-size: 16px;
}

.nav ul li {
  padding: 0 20px;
}

.nav > ul ul li:hover > a {
  background-color: #848343;
}


.form-main .ginput_container {
  line-height: 1.3;
}

@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {

 .page-id-7 .section.section--secondary .section__image {
     max-width:80% !important;
 }
  
  h3 {
    font-size: 18px;
  }
  
  .slider-testimonials .shell {
    max-width: 95%;
  }
}

.more-products h4 {
    font-size: 36px;
}

.more-products ul, .more-products li {
    list-style: none; 
}

.more-products li {
    float: left;
    width: 50%;
}
.more-products li:nth-child(even) {

}

.more-products a.button {
    margin-top: 2em;
    padding-left: 20px;
    padding-right: 20px;
}

.tax-product_cat .more-products ul{ column-count: 2;}
.tax-product_cat .more-products ul li{ float: none; width: inherit; width: auto;}

.section-description .section__body__content-image {
    margin-bottom: 58px;
    width: auto;
    margin-right: 10px !important;
}
.tabs .tab .tab__head a img {
    max-width: 46px;
    max-height:46px;
    display: inline-block;
}
.tabs .tab.current .tab__head a img + img {
    display: inline-block !important;
}

.parallax-image.pright {
    right: 0 !important;
    left: auto !important;
}

h2.section-title  {
    opacity: 0.25 !important;
}

.product-intro {
    padding: 30px 0;
}
.product-categories .current-cat a {
        color:#c2c232 !important;
        font-weight: 400;
}
.pairings-icons h4 {
    margin-top:1em;
}
.pairings-icons img {
    padding-right: 20px;
}
.section-info .section__body {
    padding: 100px 78px 100px 100px;
}
.section__subsection img {
    padding-right:20px;
    padding-bottom:20px;
    opacity:0.999;
}
.section__subsection {
    padding-bottom: 40px;
    min-height: 160px;
    clear:both;
}
.section__subsection a.btn {
    display: block;
    width: 200px;
    margin: 0 auto;
}

@media (max-width: 767px) {

   .section-info .section__body {
    padding: 100px 20px 100px 20px;
   }

  .section__subsection img {
      width: 90px;
      height: auto;
      padding-bottom:0px;
  }
}

.section-products .section__content::after,
.section-video .section__content::after {
  background-color: transparent !important;
}
.section-services .section__head li {
position: static;
}
@media (min-width: 1280px) {

.section-about .section__aside.in-service > :not(:last-child) {
    margin-left: -200px;
}
.section__image.in-service {
    width: calc(50% + 200px);
    margin-right: -200px;
}
}

.slider-testimonials h3 {
padding-right: 40px;
}
.slider-testimonials h3:after{
  display: none !important;
  content:"„";
  color:#c2c232;
  font-size:55px;
  margin-right: -40px;
  line-height:6px;
}
.slider-testimonials .hh3 { height: 66px; margin-top:-80px;}
.slider-testimonials .hh3:after{
  content: "”";
  color:#c2c232;
  font-size:55px;
}




@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
 .tabs .tab .tab__head a img:first-child {
     display: none !important;
 }

 .home .tabs .tab .tab__head a {
      display:block;
    }
}

/*My account swp*/
.home > .wrapper > .section .section__content{ max-width: 495px; margin-left: 85px;}

.woocommerce-account, .page-id-1997, body.woocommerce-checkout, .woocommerce-cart{ background-image: url(https://www.southernstylespices.com/wp-content/uploads/cache/2019/01/parallax1-1920x1080-cropped.png); background-repeat: no-repeat; background-position: 100% 0;}

span.gfield_required { color: red;}

#additional_authorized_product_requests_field, #label_requests_field, #department_id_field, #store_id_field, #cf_role_field, #sss_customer_id_field { display: none;}

body, .product-intro .product-intro__content p, .recipe .recipe__content, .section-services .section__head h2, .section-info .section__body-content h4, .tabs .tab .tab__body h4, .woocommerce-section .woocommerce-products-header__title, .woocommerce div.product p{ font-family: 'Montserrat', sans-serif;}

.single-awsm_job_openings .awsm-job-single-content{ padding: 206px 0 84px;}
.single-awsm_job_openings .awsm-job-container{ padding: 0 15px;}
.single-awsm_job_openings .awsm-job-single-content .awsm-job-container ul{ margin-left: 15px;}

/*header top right section*/
.header .header__links{ padding-top: 10px;}
.header .header__links a:not(.btn).my-account-link { color: #c2c232; margin-bottom: 10px;}
.header .header__links a:not(.btn).my-account-link:hover{ color: #929226;}
.search-form{ margin-bottom: 10px;}
.search-form input.search__field{ height: 40px; font-size: 16px; color: #c2c232; font-family: Oswald,sans-serif;}
.search-form .search__btn{ background: no-repeat; border: none; color: #c2c232; position: absolute; z-index: 2; top: 50%; right: 8px; margin-top: -12px;}
.cart-head { color: #c3c337; margin-top: 30px;}
.cart-head i { font-size: 42px;}
.cart-head:hover{ color: #929226;}

.header .header__mobile .header__links{ display: block; margin: auto; width: 100%; max-width: 300px; text-align: center;}
.header .header__mobile .header__links a:not(.btn), .header .header__mobile .header__links a:not(.btn).my-account-link{ color: #fff; font-size: 20px;}

/*register page*/
.page-id-1997 .gfield_consent_label { display: inline-block !important; width: auto; font-weight: normal !important; font-size: 16px !important; color: #4a4a4a !important;  text-transform: none !important;}
.page-id-1997 .form-main .ginput_container input[type=checkbox] { width: 20px; height: 20px; float: left; margin-right: 5px;}
.page-id-1997 .gfield--consent .gfield_label{ display:none;}
.page-id-1997 .form-main .ginput_container input, .page-id-1997 .form-main .ginput_container select, .page-id-1997 .form-main .ginput_container textarea{ border: 1px solid #b3b3b3; color: #bfbaba;}
.page-id-1997 .form-main .gfield_error .ginput_container input, .page-id-1997 .form-main .gfield_error .ginput_container select, .page-id-1997 .form-main .gfield_error .ginput_container textarea { border-color: red;}
.page-id-1997 .form-main .hidden_label label.gfield_label{ display: none;}

/*my account*/
.woocommerce-account .special-user-account .woocommerce-MyAccount-navigation{ float: right; width: 175px;}
.woocommerce-account .special-user-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--downloads{ display: none;}
.woocommerce-account .special-user-account .woocommerce-MyAccount-content{ float: left; width: calc(100% - 200px);}
.woocommerce-account .special-user-account .woocommerce-MyAccount-content .left-info{ float: left; width: 200px; margin: 0 20px 20px 0;}
.woocommerce-account .special-user-account .woocommerce-MyAccount-content .product-table-box{ width: calc(100% - 220px); float: left;}
.woocommerce-account .special-user-account .woocommerce-MyAccount-content .left-info p { font-size: 15px;}
.woocommerce-account .special-user-account .woocommerce-MyAccount-content .left-info a{ color: #929226;}
.role-logo{ margin:0 auto 20px; display: block;}
.min-order-note{ color: #a46497; padding: 0px; display: table; margin: 10px auto 20px;}

.product-table-box{}
.product-table-box a, .product-table-box td a:hover{ color:#c2c232;}
.product-table-box td a{ color: #4a4a4a; text-decoration: none;}
.product-table-box td a:hover { color: #c2c232;}
.margin-bottom-15{ margin-bottom: 15px;}
table.my-account-products-table { border-color: #adadad;}
.my-account-products-table th { background: #adadad; color: #fff;}
.my-account-products-table td, .my-account-products-table th { padding: 5px; border-color: #adadad; vertical-align: top;}
.my-account-products-table td:first-child input{ width: 60px; padding: 5px; border: 1px solid #adadad; box-shadow: none;}
.my-account-products-table .device-view{ display: none;}
.my-account-products-table td .quantity .screen-reader-text{ display: none;}

.woocommerce .checkout-btn-box .button { margin-left: 180px; padding: 15px 25px; font-size: 14px;}
.page-id-17 #additional_authorized_product_requests_field, .page-id-17 #label_requests_field{ display: none;}

.page-id-18 .woocommerce table.shop_table, .page-id-18 .woocommerce table.shop_table td, .page-id-18 .woocommerce table.shop_table th{ border: 1px solid #adadad; padding: 5px; border-collapse: collapse;}
.custom-field { clear: both; margin-bottom: 15px;}
.custom-field label { float: left; width: 180px; margin-bottom: 10px; font-size: 15px;}
.custom-field.auth-product-req{ display: none;}
.heb-user .custom-field.auth-product-req{ display: block;}
.custom-field textarea { resize: none; width: calc(100% - 180px); min-height: 70px; border: 1px solid #adadad;}

.back-button{ border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #c2c232; color: #fff; font-family: Montserrat,sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .5px; line-height: 1.25; padding: 12px 7px; border: 1px solid transparent; text-transform: uppercase; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; text-decoration: none; display: inline-block;}
.back-button:hover{ color: #c2c232; background-color: transparent; border-color: #c2c232;}

.green-text { color: #c2c232;}
.red-text{ color: red;}

.loggedin-show-text{ display: none;}
.logged-in.woocommerce-page .loggedin-show-text{ display: block;}
.b2b-user.logged-in.woocommerce-page .loggedin-show-text{ display: none;}
.b2b-user.wholeseller-user.woocommerce-edit-address .woocommerce-Addresses > .col-2 { display: block;}
.b2b-user.wholeseller-user.woocommerce-checkout #customer_details > .col-2{ display: block;}
.b2b-user.wholeseller-user.woocommerce-checkout #customer_details > .col-2 .woocommerce-additional-fields{ display: none;}
.wholeseller-user #shipping_state_field span.woocommerce-input-wrapper { position: relative;}
.wholeseller-user #shipping_state_field span.woocommerce-input-wrapper:before { content: ""; position: absolute; height: 30px; width: 100%; background: #333; z-index: 2; opacity: 0.1; border-radius: 5px; top: 0; left: 0;}

.wholeseller-user.woocommerce-checkout .payment_methods.methods { display: none;}
.wholeseller-user.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{ display: none;}
.wholeseller-user.woocommerce-checkout .woocommerce-form-coupon-toggle{ display: none;}
.wholeseller-user.woocommerce-page table.cart td.actions .coupon{ display: none;}
.woocommerce-checkout .woocommerce-checkout-review-order-table .product-total{ width: 200px;}

.woocommerce-checkout #payment .view-cart{float: right; margin-right: 10px;}
.woocommerce-checkout #payment .view-cart:hover{ color: #fff; background-color: #b7b72f; border-color: #b7b72f;}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout { margin-bottom: 10px;}

.wholeseller-user .woocommerce form .form-row input.input-text[readonly], .wholeseller-user .woocommerce form .form-row textarea[readonly] { background-color: #eee; cursor: default;}
.wholeseller-user #billing_state_field span.woocommerce-input-wrapper { position: relative;}
.wholeseller-user #billing_state_field span.woocommerce-input-wrapper:before { content: ""; position: absolute; height: 30px; width: 100%; background: #333; z-index: 2; opacity: 0.1; border-radius: 5px; top:0; left:0;}

/*hide shipping address, billing edit*/
.wholeseller-user.woocommerce-checkout #customer_details > .col-2{ display: none;}
.wholeseller-user.woocommerce-edit-address .woocommerce-Addresses > .col-2{ display: none;}
.woocommerce-account .addresses .title .edit{ display: none;}
.woocommerce-cart .woocommerce-shipping-calculator{ display: none;}

.woocommerce-view-order .woocommerce-order-details dl, .woocommerce-order-received .woocommerce-order-details dl { float: left; width: 100%; clear: both;}
.woocommerce-view-order .woocommerce-order-details dd, .woocommerce-order-received .woocommerce-order-details dd { float: left; margin-left: 2px;}
.woocommerce-view-order .woocommerce-order-details dt, .woocommerce-order-received .woocommerce-order-details dt { float: left; clear: both; font-weight: bold;}

.gform_confirmation_wrapper { text-align: left; background: #c5ff54; background-color: #f7f6f7; color: #515151; border-top: 3px solid #8fae1b; margin: 20px 0 10px;}

.woocommerce-account .sidebar #woocommerce_product_categories-2{ display: none;}

.product-categories .cat-item-260, .product-categories .cat-item-128, .product-categories .cat-item-129{ display: none;}

.account-orders-table tr td:last-child a:first-child { margin-right: 5px;}

.hopdoddy-user.woocommerce-order-received .woocommerce-order-details > dl > dd:nth-of-type(4), .hopdoddy-user.woocommerce-order-received .woocommerce-order-details > dl > dd:nth-of-type(5), .hopdoddy-user.woocommerce-order-received .woocommerce-order-details > dl > dd:nth-of-type(6){ display: none;}
.hopdoddy-user.woocommerce-order-received .woocommerce-order-details > dl > dt:nth-of-type(4), .hopdoddy-user.woocommerce-order-received .woocommerce-order-details > dl > dt:nth-of-type(5), .hopdoddy-user.woocommerce-order-received .woocommerce-order-details > dl > dt:nth-of-type(6){ display: none;}


.woocommerce-order-received .woocommerce-customer-details .woocommerce-column--billing-address.col-1 > dl { margin-top:15px;}
.woocommerce-order-received .woocommerce-customer-details .woocommerce-column--billing-address.col-1 > dl dt{ font-weight: bold;}
.hopdoddy-user.woocommerce-order-received .woocommerce-customer-details .woocommerce-column--billing-address.col-1 > dl > dd:nth-of-type(4), .hopdoddy-user.woocommerce-order-received .woocommerce-customer-details .woocommerce-column--billing-address.col-1 > dl > dd:nth-of-type(5), .hopdoddy-user.woocommerce-order-received .woocommerce-customer-details .woocommerce-column--billing-address.col-1 > dl > dd:nth-of-type(6){ display: none;}
.hopdoddy-user.woocommerce-order-received .woocommerce-customer-details .woocommerce-column--billing-address.col-1 > dl > dt:nth-of-type(4), .hopdoddy-user.woocommerce-order-received .woocommerce-customer-details .woocommerce-column--billing-address.col-1 > dl > dt:nth-of-type(5), .hopdoddy-user.woocommerce-order-received .woocommerce-customer-details .woocommerce-column--billing-address.col-1 > dl > dt:nth-of-type(6){ display: none;}


/*services*/
.single-crb_service{}
.single-crb_service .section-services .section__head{ margin-bottom: 50px;}
.single-crb_service .section-services .shell{ text-align: center;}
.single-crb_service .section-services ul { float: none; margin: 0; display: inline-block; background: no-repeat;}
.single-crb_service .section-services ul li { padding: 0; float: left; width: auto;}
.single-crb_service .section-services ul li a { font-size: 30px; padding: 15px; position: relative; background: #c2c232; margin: 10px; float: left; display: block;}
.single-crb_service .section-services ul li a:hover { text-decoration:none; color: #929226;}

#gform_1 .recaptcha-field { margin: 0 0 15px;}
.modal-cont .gform_wrapper #gform_1 .gfield.recaptcha-field .validation_message{margin-top:5px;}
.modal-cont .gform_wrapper #gform_1 .gfield .validation_message { margin-top: -10px;}
#gform_3 .recaptcha-field{ margin-top:10px;}
.newsletter .gform_wrapper #gform_3 .gform_footer{ margin-top: 10px;}
.newsletter #gform_3 .recaptcha-field .validation_message { display: block;}

.xt_woofc-inner a.xt_woofc-checkout{ background: #a46497;}
.xt_woofc-no-touchevents .xt_woofc-inner a.xt_woofc-checkout:hover, .xt_woofc-touchevents .xt_woofc-inner a.xt_woofc-checkout:focus{ background:#96588a}
.xt_woofc-is-desktop.xt_woofc-pos-bottom-right .xt_woofc-inner .xt_woofc-wrapper, .xt_woofc-is-tablet.xt_woofc-tablet-pos-bottom-right .xt_woofc-inner .xt_woofc-wrapper, .xt_woofc-is-mobile.xt_woofc-mobile-pos-bottom-right .xt_woofc-inner .xt_woofc-wrapper { bottom: 80px;}

/*Hide blog date*/
.single-post.post-template-default .section__body__content .section__body__content-head h4 {
  display: none;
}
.blog .article-main .article__head h5 {
    display: none;
}

/*Hide Honeypot field branding and other form*/
.single-crb_service .section-services .gform_body ul li{width: 100%; padding: 14px 10px;}
.hidden_label label { display: none;}
.form-main label.gfield_label, label.gfield_label{ text-align: left;}
.gfield--honeypot { display: none !important;}

@media only screen and (max-width:1200px){
.header + .section-description { margin-top: 185px;}
}
@media only screen and (max-width:1199px){
  .woocommerce-account .special-user-account .woocommerce-MyAccount-content .left-info{ width: 100%; margin: 0 0 10px 0;}
  .woocommerce-account .special-user-account .woocommerce-MyAccount-content .product-table-box{ width: 100%;}

  .single-awsm_job_openings .awsm-job-single-content{ padding: 170px 0 20px;}
}
@media only screen and (max-width:1023px){
.section .section__content{ margin-left: 0px;}
}
@media only screen and (max-width:991px){
  .page-id-18 .woocommerce table.my-account-products-table.shop_table thead tr{ display: none;}
  .page-id-18 .my-account-products-table .device-view{ display: block !important;}
  .page-id-18 .my-account-products-table .device-view th, .page-id-18 .woocommerce table.my-account-products-table.shop_table tr, .page-id-18 .woocommerce table.shop_table td{ width:100%; display: block; border: none; text-align: left;}
  .page-id-18 .woocommerce table.my-account-products-table.shop_table tbody tr{ border-bottom: 1px solid #adadad;}
  .page-id-18 .woocommerce table.my-account-products-table.shop_table tbody tr:last-child{ border-bottom:none;}
  .page-id-18 .woocommerce table.my-account-products-table.shop_table tbody tr:first-child:last-child{ border-bottom:none;}
  .page-id-18 .woocommerce table.my-account-products-table.shop_table tbody tr td:first-child{ padding-top: 10px;}
  .page-id-18 .woocommerce table.my-account-products-table.shop_table tbody tr td:last-child{ padding-bottom: 10px;}
  .page-id-18 .woocommerce table.my-account-products-table.shop_table tbody tr td:nth-child(1):before{ content:"QTY: ";}
  .page-id-18 .woocommerce table.my-account-products-table.shop_table tbody tr td:nth-child(1) div{ display: inline-block;}
  .page-id-18 .woocommerce table.my-account-products-table.shop_table tbody tr td:nth-child(2):before{ content:"PRODUCT DESCRIPTION: ";}
  .page-id-18 .woocommerce table.my-account-products-table.shop_table tbody tr td:nth-child(3):before{ content:"SKU#: ";}
  .page-id-18 .woocommerce table.my-account-products-table.shop_table tbody tr td:nth-child(4):before{ content:"PACK SIZE: ";}
  .page-id-18 .woocommerce table.my-account-products-table.shop_table tbody tr td:nth-child(5):before{ content:"PRICE: ";}
  .custom-field label, .custom-field textarea{ width: 100%;}
  .woocommerce .checkout-btn-box .button{ margin-left: 0;}

  .header + .section-description { margin-top: 155px;}
  .cart-head{ margin-top: 0;}

  .section-description .section__body__aside ul { -webkit-column-count: 1; column-count: 1;}
}
@media (max-width: 812px){
    .single-awsm_job_openings .awsm-job-single-content{ padding: 100px 0 20px;}
    .header + .section-description { margin-top: 105px;}

    .woocommerce-account .section-description .section__body__content{ width: 100%; margin: 0 auto;}
    .search.post-type-archive .site-main{ display: block;}
}
@media only screen and (max-width:480px){
  .woocommerce-account .special-user-account .woocommerce-MyAccount-navigation, .woocommerce-account .special-user-account .woocommerce-MyAccount-content{ width: 100%;}
  .footer__mobile .newsletter{ padding: 30px 9px;}
}