/*

Theme Name: Custom Woodcraft
Description: Theme For Custom Woodcraft
Author: Viztech 360
Version: 0.0.1
Author URI: https://viztech360.com/
Template: Divi

*/


/* Design center icon */

.itsdesigncenter {
    position: absolute;
    top: 10px;
    left: 10px;
    max-width: 15%;
}

.mobile_menu_bar:before, .mobile_menu_bar:after, #main-header #top-menu li.current-menu-ancestor>a, #main-header #top-menu li.current-menu-item>a {
  color: #361111;
}



/* End Centered Footer Credits */

/* Product styling */

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product .price, .woocommerce-page ul.products li.product .price del, .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price del {
  text-align: center;
}

.single-product.et_full_width_page.woocommerce-page ul.products li.product:nth-child(4n+1), .single-product.et_left_sidebar.woocommerce-page #main-content ul.products li.product:nth-child(3n+1), .single-product.et_right_sidebar.woocommerce-page #main-content ul.products li.product:nth-child(3n+1) {
  clear: none;
}

.woocommerce div.product div.images.woocommerce-product-gallery {
  width: 58%;
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
}

.woocommerce div.product div.summary, .woocommerce-page div.product div.summary {
width: 38%;
}

.woocommerce-variation-add-to-cart .single_add_to_cart_button {
  flex-grow: 1;
}
.woocommerce-variation.single_variation {
  margin-top: 20px;
}

.woocommerce div.product form.cart.variations_form, .woocommerce div.product form.cart .variations {
  margin-bottom: 0;
}
.woocommerce div.product form.cart .variations .label label {
  margin-bottom: 0;
  padding: 15px 0;
  cursor: pointer;
  text-align: left;
  margin: 10px 0;
  font-family: "Helvetica",Verdana,Arial,sans-serif;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.4;
  text-transform: uppercase;
}
.woocommerce div.product form.cart .variations td.label {
  width: 100%;
  display: block;
}
.woocommerce #main-content div.product form.cart .variations th.label:before {
  content: "\43";
  font-family: 'ETmodules';
  font-weight: 600;
  right: 30px;
  left: auto;
  float: right;

  position: relative;
  font-size: 32px;
}

.woocommerce  #main-content div.product form.cart .variations .openLabel .label:before  {
  content: "\42" !important;
}
.related.products {
  clear: both;
}

.woocommerce #main-content div.product form.cart .variations td {
  padding-left: 1em !important;
  padding-bottom: 0 !important;
}
.woocommerce #main-content div.product form.cart .variations .label {
  cursor: pointer;
}
.woocommerce #content-area div.product form.cart .variations th {
padding: 0 0 0 1em;
width: 100%;
display: block;
}
.woocommerce div.product form.cart .variations tr  {
  width: 100%;
  display: block;
  cursor: pointer;
  background: #ebebeb;
}

.woocommerce #content-area div.product form.cart .variations tr.variation-label {
    padding: 2em 0;
    margin-top: 20px;
}
.woocommerce #content-area div.product form.cart .variations tr.variation-label:first-child {
  margin-top: 0;
}
.woocommerce div.product form.cart .variations tr:not(.variation-label) {
    display: none;
}
.woocommerce div.product form.cart .variations tr.open {
  display: block;
}

.addons-parent {
  color: #707070;
  background: #ebebeb;
  border-radius: 0;
  padding: 25px 16px;
  margin: 20px 0;
}
.addons-parent h3 {
  margin: 0;
  padding: 10px 0 10px;
  font-family: "Helvetica",Verdana,Arial,sans-serif;
  font-size: 20px;
  cursor: pointer;
  color: #707070;
  text-transform: uppercase;
  font-weight: normal;
}
.addons-parent.addon_open {
  border-bottom: none;
}

div.product-addon {
  background: #ebebeb;
  padding: 10px;
  margin: 0;
}
.wc-pao-addon {
  margin-top: 0;
}

.woocommerce-variation-add-to-cart {
  margin-top: 20px;
}

.woocommerce .toggle_close h3 {
  cursor: pointer;
}
.woocommerce .product_toggle {
  width: 100%;
  color: #707070;
  background: #ebebeb;
  border-radius: 0;
  padding: 10px;

}

.woocommerce .product_toggle h3 {
  text-align: left;
  margin: 22px 0;
  font-family: "Helvetica",Verdana,Arial,sans-serif;
  color: #707070;
  font-size: 20px;
  text-transform: uppercase;
  padding-bottom: 0;
  font-weight: normal;
}
.woocommerce .product_toggle > h3:before, .addons-parent h3:after {
  content: "\43";
  font-family: 'ETmodules';
  font-weight: 900;
  right: 20px;
  left: auto;
  position: relative;
  float: right;
  font-size: 32px;
}
.woocommerce .toggle_open > h3:before, .addons-parent.addon_open h3:after {
  content: "\42" !important;
}

.woocommerce .toggle_content label.radio-inline {
  width: 49%;
  font-size: 12px;
  margin-left: 0;
  padding-left: 0;
}
.woocommerce div.product form.cart .variations td {
  display: block;
  width: 100%;
}

.woocommerce div.product form.cart .variations td select {
  background-color: white;
  width: 100%;
  padding-right: 1em !important;
}

div.swatch-wrapper.selected {
  background: #ebebeb;
    border: 4px solid #ebebeb;
    padding: 0;
}


.swatch-wrapper  {
  background: #ebebeb;
  border: 4px solid #ebebeb;
  padding: 0;
  float: left;
  margin: 0 5px 5px 0;
}
.swatch-wrapper img.swatch-img, .swatch-wrapper a  {
  border-radius: 50%;
  border: 2px solid #ebebeb;
  outline: none;
}

.swatch-wrapper.selected a {
  border: 2px solid #857d69;
}
.swatch-wrapper.selected img.swatch-img {
  border: 0px solid #857d69;
}
.swatch-wrapper:hover {
border: 4px solid #ebebeb;
}


.wc-pao-addon-name {
  display: block;
}
.wc-pao-addon-container p.form-row {
  float: left;
}
.woocommerce form .wc-pao-addon-container .form-row-wide, .woocommerce-page form .wc-pao-addon-container .form-row-wide {
  clear: none;
}
.woocommerce .product_cat-square-one .toggle_content input[type=radio] {
  visibility: hidden;
}
.woocommerce .toggle_content .optionChecked img {
  border: 1px solid #707070;
}
.made-by-button {
color: #707070;
border: 2px solid #707070;
padding: 10px 20px;
font-size: 1.5em;
font-weight: bold;
cursor: pointer;
text-align: center;
display: block;
width: 100%;
}

/* End Product styling */

/* Search page styling */

.search #sidebar, #main-content .container:before {
  display: none;
}

.search #left-area {
  width: 100%;
  padding-right: 0;
}
.search article {
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 22.05%;
    margin-left: 0;
    clear: none;
}
.search article p {
  display: none;
}
.search article h2.entry-title {

 font-size: 15px;
 font-weight: bold;
 padding-top: 10px;
 text-align: center;

    text-transform: uppercase;
}
.search article:nth-child(4n+1) {
  clear: both;
}

.search article:nth-child(4n) {
  margin-right: 0;
}




/* Gravity Form Styling */

body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), body .gform_wrapper textarea, body .gform_wrapper select, body .gform_wrapper.gf_browser_chrome select  {
  background: #eee;
  border: none;
  padding: 10px;
}
body .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
  margin-bottom: 0;
}
body .gform_wrapper li.hidden_label input {
  margin-top: 0px;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
  padding: 10px 15px 10px 15px;
  color: #fff3d9;
  font-size: 20px!important;
  border: 2px solid;
  background-color: #361111;
  border-color: #361111;
  border-radius: 7px;
}
.gform_wrapper .gform_footer input[type=submit]:hover {
  color: white;
  cursor: pointer;
  border: 2px solid transparent;
  background-color: rgba(63,54,47,0.41)!important;
  border-radius: 7px;
  padding: 10px 15px 10px 15px;
  border-radius: 7px;
}
.gform_wrapper h3.gform_title {
font-size: 30px!important;
}
#gform_confirmation_message_2 {
  text-align: center;
  font-weight: bold;
  margin-top: 10px;
}
body #gform_wrapper_4.gform_wrapper ul li.gfield {
  margin-top: 24px;
}

.gravity_form_prod_image {
    width: 250px;
    display: none;
}


  /* End Add to cart styles for variable products \ design center */

/* Add to cart inverse buttons */

.woocommerce a.button.alt.inverse.single_add_to_cart_button {
    background-color: white;
    color: #361111;
    border: 2px solid #361111;
    border-width: 2px !important;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
}
.woocommerce #main-content a.button:hover, .woocommerce-page #main-content a.button:hover {
    color: white;
}
.woocommerce #main-content a.button.alt.inverse.single_add_to_cart_button:hover {
  background-color: #361111 !important;
  color: white !important;
  border: 2px solid #361111;

}

mark.count {
    display: none;
}

.et-cart-info {
    display: none;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title {

  text-align: center;
  background-color: #e2e2e2;
  padding: 25px 30px;
  color: black;
  font-size: 20px;
}

@media (max-width: 1300px) {
  #main-header .container {
    width: 98%;
  }
  #top-menu li {
    padding-right: 15px;
  }
}

@media (max-width: 981px) {

    #main-header .container {
        width: 90%;
    }

    #main-header .mobile_menu_bar:before {
        color: #361111;
    }

    #main-header .et_mobile_menu {
        border-color: #361111;
    }


    .woocommerce div.product div.images.woocommerce-product-gallery {
        position: sticky;
        position: -webkit-sticky;
        top: 0px;
        margin: 0 auto;
        background: white;
        z-index: 1;
      }
      .woocommerce div.product div.images, .woocommerce-page div.product div.images, .woocommerce div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce div.product div.images.woocommerce-product-gallery {
      width: 100%;
      float: none;
      }

      .pop-up-wrapper .pop-up-content {
        max-width: 96%;
        width: 96%;
        max-height: 95%;
        height: 650px;
        overflow-y: scroll;
      }


      .popupCloseButton {
          border-radius: 0;
          top: 0;
          right: 0;

      }


#main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px; content: '\3b'; top: 13px; right: 10px; }
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\3a'; }
#main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important;  transition: all 1.5s ease-in-out;}
#main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; }

}

@media (max-width: 768px){

    .search article:nth-child(n) {
        width: 48%;
        float: left;
        clear: both;
        margin: 0 0 2.992em;
      }
      .search article:nth-child(2n) {
        float: right;
        clear: none!important;
      }

}

@media (max-width: 500px){

    .search article:nth-child(n) {
      margin: 0 0 11.5%!important;
      width: 100%!important;
    }

}
