/*!
Theme Name: DITIS
Theme URI: https://ditis.com.ua/dts
Author: Ditis
Version: 10/2024
Author URI: https://ditis.com.ua
Description: Is the perfect theme. 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ditis.com.ua
*/

input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}
textarea {resize:none;}
textarea {resize:vertical;}
textarea {resize:horizontal;}
#primary {width: 100%;}
p {margin-bottom: 5px;color:#111}
body {font-family: "Montserrat", sans-serif;font-weight: 400;font-size: 18px;color: #111;line-height: 1.2;background: #f8f8f8;}
a {color: #5A5A67;}
a:hover,a:focus,a:active {color: #c08c6f;}
h1,h2 {font-family: "Montserrat", sans-serif;margin-bottom: 0;font-weight: 700;line-height: 1em;color:#c08c6f;}
h3,h4,h5,h6 {font-size:24px; font-family: "Montserrat", sans-serif;margin-bottom: 0;line-height: 1em;color:#c08c6f;}
strong {font-weight: 700;}

.nav>li>a {position: relative;display: block;padding: 10px 15px;font-size: 20px;font-weight: 400;}
.nav>li>a:focus,.nav>li>a:hover {text-decoration: none;background-color: #eee;}
.nav>li>a:focus,.nav>li>a:hover {background: transparent;background-color: transparent;}
.nav>li>a:focus,.nav>li>a,.nav>li>a:hover {transition: all 350ms ease-in-out;}
.dropdown-menu {border: 0;border-radius: 0;padding: 0;text-align: left;list-style: none;box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .5), inset 0 -1px 0 rgba(0, 0, 0, .1)}
.show {display: block !important;position: relative;z-index: 10;border-radius: 0;}
.dropdown-menu>li>a {display: block;clear: both;font-weight: 400;line-height: 1.42857143;white-space: nowrap;padding: 10px;text-align: left;}
.dropdown-menu>li>a:hover {text-decoration: none;}
footer {background-color: #2b2a28;padding: 50px 100px;}
.footer-logo {text-align: center;}
footer ul {padding-left: 0;}
footer ul li {list-style: none;padding-bottom: 20px;}
footer ul li a {color:#fff;text-decoration: none;}
.web {color:#fff}
.web img {width: 100px;}

.top-bar {background-color:#2b2a28;display: flex;height: 50px;align-content: center;align-items: center;justify-content: space-between;padding: 0 50px;color:#fff}
.top-bar a, .top-bar p {color:#fff;}
.top-bar p {margin-bottom: 0;}
.top-bar a {text-decoration: none;}

#wps-slider-section #sp-woo-product-slider-51 .wpsf-cart-button a:not(.sp-wqvpro-view-button):not(.sp-wqv-view-button) {border: 1px solid #c08c6f;}
#wps-slider-section #sp-woo-product-slider-51 .wpsf-cart-button a:not(.sp-wqvpro-view-button):not(.sp-wqv-view-button):hover {background-color: #c08c6f;border-color: #c08c6f;}
#wps-slider-section .sp-wps-product-image-area {border:1px solid #c08c6f;padding: 10px;border-radius: 5px;}
#wps-slider-section #sp-woo-product-slider-51.sp-wps-theme_one .wps-product-image {border:0!important}
#wps-slider-section #sp-woo-product-slider-51.wps-product-section .wpsp-nav:hover {background-color: #c08c6f;border-color: #c08c6f;}

#mynav {border-bottom: 1px solid #c08c6f;padding: 10px 0;}
.home-02 h2 {margin-top: 50px;text-transform: uppercase;}
.home-03 {background-color: #ebdfd8;padding: 75px 0;}
.home-03 h2 {text-align: center;margin-bottom:50px;font-size: 50px;}
.home-03 .woocommerce ul.products {display: flex;}
.home-03 mark {display: none;}
.home-03 .woocommerce ul.products li.product .woocommerce-loop-category__title {text-align: center;margin-top: 25px;color:#2b2a28;font-weight: 700;}
.home-04-text {max-width: 500px!important;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {border:1px solid #c08c6f;padding: 10px;border-radius: 5px;}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {color:#2b2a28}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {color:red}
.woocommerce ul.products li.product .price del {color:#2b2a28}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button {background-color: transparent;color:#c08c6f} 
ul.products .fa-shopping-cart::before {content: "\f07a";font-size: 30px;}
.woocommerce ul.products li.product .button {margin-top: -3.3em;margin-right: 1em;position:absolute;right: 0;}
.woocommerce span.onsale {background-color: red;border-radius: 5px;}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover {background-color: #c08c6f;color:#fff}
.woocommerce .woocommerce-ordering {display: none;}
.single-product p {color:#2b2a28}
.woocommerce table.shop_attributes td {font-style: normal;}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {width:100%!important;}
.woocommerce form .form-row input.input-text {border:2px solid #c08c6f; padding: 15px;}
.woocommerce-billing-fields__field-wrapper label {margin-bottom:0;font-size: 16px;}
.woocommerce-billing-fields h3 {margin: 15px 0!important;}
#order_review_heading {margin: 15px 0!important;}
#order_review thead, .woocommerce-checkout-review-order .cart_item, .woocommerce-checkout-review-order .cart-subtotal, #ship-to-different-address {display: none!important;}
.woocommerce-shipping-totals.shipping {display: grid;}
.woocommerce ul#shipping_method li input {margin: 8px .4375em 0 0!important;}
.select2-container--default .select2-selection--single {border:2px solid #c08c6f;}
ul#shipping_method #shipping_nova_poshta_for_woocommerce_city_field, ul#shipping_method #shipping_nova_poshta_for_woocommerce_warehouse_field {max-width: 605px;}
ul#shipping_method .select2-container .select2-selection--single {height: auto;padding:15px 0;}
#order_review table.shop_table tfoot td, table.shop_table {border:0!important}
.woocommerce table.shop_table th {padding: 15px 0;}
.woocommerce table.shop_table td {padding: 0;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 65px;}
.woocommerce-cart-form {border: 2px solid #c08c6f;padding: 15px;}
.woocommerce form .form-row textarea{border: 2px solid #c08c6f;}
.woocommerce-checkout table.cart img {width:150px;}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover {background-color: #c08c6f;color:#fff}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button {margin-top: 15px;}
.xoo-wsc-basket {color: #c08c6f;}
.xoo-wsc-items-count {background-color: red;}
.page-id-14 h1, .page-id-15 h1 {margin: 50px 0;text-align: center;}
.woocommerce-shipping-totals.shipping th {display: none;}
.checkout.woocommerce-checkout {display: flex;}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {width: 100%!important;}
.woocommerce-page .col2-set::before {display: none!important;}
#order_review, #customer_details {max-width: 640px;padding: 10px 25px;border: 2px solid #c08c6f;}
#order_review {margin: 25px 0 25px 5px;}
#customer_details {margin: 25px 5px 25px 0;}
.woocommerce-checkout #payment ul.payment_methods, .woocommerce-checkout #payment {background: #ebdfd8;}
.woocommerce-checkout #payment ul.payment_methods label {color:#2b2a28;}
.woocommerce-checkout #payment div.payment_box {background-color: #fff;}
.woocommerce-checkout #payment div.payment_box p {color:#2b2a28;}
.woocommerce-checkout #payment div.payment_box::before {border:1em solid #fff;border-right-color: transparent;border-left-color: transparent;border-top-color: transparent;}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt {background-color: #c08c6f!important;}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover {background-color: #2b2a28!important;}
.home-03 .woocommerce ul.products li.product, .post-type-archive .woocommerce ul.products li.product {border:0!important}
#wps-slider-section #sp-woo-product-slider-51 .wpsf-cart-button a:not(.sp-wqvpro-view-button):not(.sp-wqv-view-button) {border: 0;}
.wpsf-product-price, .wpsf-cart-button {width: 50%;}
.wpsf-cart-button {position: absolute;right: -30px; margin-top: -45px;}
.wpsf-cart-button .fa-shopping-cart::before {font-size: 24px;color:#c08c6f;}
.wpsf-cart-button .fa-shopping-cart:hover::before {color:#2b2a28;}
.wpsf-cart-button .fa-shopping-cart:hover {color:#2b2a28;}
#wps-slider-section #sp-woo-product-slider-51 .wpsf-cart-button a:not(.sp-wqvpro-view-button):not(.sp-wqv-view-button):hover {background-color: transparent;border:0}
.sp-wps-product-image-area {box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);}
.navbar {padding: 0;}
#home-btn {background-color: #c08c6f;color: #fff;border-radius: 50px;padding: 15px 30px;}
#home-btn:hover {background-color: #2b2a28;color: #fff;}
.home-04 {padding-top: 75px;}
.home-05 {padding-top: 30px;}
.home-04 .elementor-image-box-wrapper, .home-05 .elementor-image-box-wrapper  {display: flex;}
.home-04 .elementor-image-box-content, .home-05 .elementor-image-box-content {text-align: left;}
.home-04 .elementor-image-box-content h3, .home-05 .elementor-image-box-content h3 {margin-bottom:15px;font-weight: 700;font-size: 40px;}
.home-06 {background: url(/wp-content/uploads/2024/04/home-bg-01.jpg) center center no-repeat;background-size: auto;background-size: auto;background-size: cover;padding: 150px 0;margin:75px 0 150px;}
.wpcf7-form input, .wpcf7-form select, .wpcf7-form textarea {background: transparent;border: none;border-bottom-width: medium;border-bottom-style: none;border-bottom-color: currentcolor;font-family: inherit;font-size: 20px;line-height: inherit;width: 100%;padding: 10px;color: #fff;border-bottom: 2px solid #fff;}
.wpcf7-form-control.wpcf7-submit {background-color: #c08c6f;border: 2px solid #c08c6f!important;color: #fff !important;padding: 15px 30px !important;width: max-content;display: block;margin: 50px auto 0;border-radius: 50px;}
.wpcf7-form-control.wpcf7-submit:hover {background-color: #2b2a28;border:2px solid #2b2a28!important;}
.wpcf7-form input:active, .wpcf7-form select:active, .wpcf7-form textarea:active, .wpcf7-form input:focus, .wpcf7-form select:focus, .wpcf7-form textarea:focus {border-bottom: 2px solid #c08c6f!important;}
.home-06-left {background-color: #c08c6f;padding: 50px 100px;border-radius: 25px;font-size: 30px;position: absolute;bottom: -220px;}
.home-06-left p {color:#fff;font-weight: 700;}
.home-news-date {text-align: right;padding: 10px 0;display:block;}
.home-news-desc h4 a {font-weight: 700;font-size: 22px;}
.home-news-desc h4 {min-height: 80px;}
.home-news-desc a.home-news-more {color: #c08c6f;text-decoration: underline;}
.home-news-desc a.home-news-more:hover {color: #2b2a28;}
#home-news h3 {text-align: center;font-weight: 700;font-size: 40px;margin-bottom: 25px;}
#home-news {margin-bottom: 75px;}
.footer-cf7 .wpcf7-submit {float: left;margin: 0;}
#about-company.home-03 {background-color: transparent!important;}
.company-02 {background: url(/wp-content/uploads/2024/04/company-bg.jpg) center center no-repeat;background-size: auto;background-size: auto;background-size: cover;padding: 200px 0;margin:75px 0 150px;}
.company-02-text {padding: 50px;color:#fff;background: rgba(255, 255, 255, .6);border-radius: 12px;}
.company-02-text h2 {color:#2b2a28;margin-bottom: 25px;}
.home-03 .woocommerce ul.products li.product:hover, .archive .woocommerce ul.products li.product:hover {box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);}
.archive .woocommerce ul.products li.product {max-width: 15%!important;width: 23!important;text-align: center;margin: 0 15px 2.992em 15px;}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb {margin: 10px 0;}
.archive nav.woocommerce-breadcrumb {text-align: center;}
.archive h1 {text-align: center;}
.single-product .woocommerce-breadcrumb {margin: 25px 0;}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt {background-color: #c08c6f;padding: 25px 50px;border-radius: 50px;}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover {background-color: #2b2a28;}
.woocommerce .quantity .qty {width:5em;border-radius: 20px;border:2px solid #c08c6f;height: 2em;}
.woocommerce div.product form.cart {margin-bottom: 2em;display: flex;align-items: center;}
.woocommerce div.product form.cart .button {margin-left: 50px;}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price {margin: 50px 0;color:#2b2a28}
.woocommerce div.product p.price ins {color:red;text-decoration: none;}
.woocommerce div.product div.images.woocommerce-product-gallery {border:2px solid #c08c6f;padding: 10px;border-radius: 12px;}
.woocommerce-product-details__short-description {margin-bottom:50px;}
.related.products h2 {margin-bottom: 30px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {background: #c08c6f;color:#fff}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {border-bottom-color:#c08c6f}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {box-shadow: -2px 2px 0 #c08c6f;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {box-shadow: 2px 2px 0 #c08c6f;}
.single .woocommerce ul.products li.product, .single.woocommerce-page ul.products li.product {width: 31%!important;}
.footer-logo img {max-width: 300px;}
.count {display: none;}
.company-03 h2 {text-align: center;font-size: 40px;margin-bottom: 50px;text-transform: uppercase;}
.company-04 h3 {text-align: center;font-size: 40px;font-weight: 700;border:2px solid #c08c6f;padding: 20px 30px;border-radius: 100%;width: max-content;margin: -50px auto 0;text-align: center;background-color: #fff;}
.company-04 {text-align: center;}
.company-04-col {padding: 10px;border:2px solid #c08c6f;margin: 1%;min-height: 200px;}
.company-05 {background-color: #8c8e81;padding: 75px 0;}
.company-05 p, .company-05 h2 {color:#fff}
.company-06 {text-align: center;font-size: 30px;margin-top: 50px;}
.company-06 h4 {text-transform: uppercase;font-size: 30px;font-weight: 700;}
.fa-cart-shopping::before, .fa-shopping-cart::before {content: "\f291"!important;}
#wps-slider-section #sp-woo-product-slider-51 .wpsf-product-title a:hover {color:#c08c6f}
#wps-slider-section #sp-woo-product-slider-51.wps-product-section .wpsp-pagination-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #c08c6f;}
#billing_country_field,#shipping_country_field {display:none!important;}
#shipping_nova_poshta_for_woocommerce_city, #shipping_nova_poshta_for_woocommerce_warehouse {border:2px solid #c08c6f;border-radius: 0;padding: 10px;background: transparent;}
.single-post h1 {text-align: center;}
.content-desc-single img {margin: 0 auto 30px;display: block;}

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

}


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

}

@media screen and (max-width:767px) {
  .home-03 .woocommerce ul.products {display: block!important;}
  .home-03 .woocommerce ul.products li.product {width: 100%;margin:auto!important;}
  .home-06-left {background-color: #c08c6f;padding: 25px;border-radius: 25px;font-size: 24px;position: relative;bottom:0}
  .home-06 {margin: 50px 0!important;}
  .home-04 {padding-top: 50px!important;}
  .home-04 .elementor-image-box-content h3, .home-05 .elementor-image-box-content h3 {font-size: 30px;}
  .home-04 .elementor-image-box-img, .home-05 .elementor-image-box-img {padding: 10px;}
  .contact-row {padding: 0 15px;}
  .home-news {padding: 15px;}
  footer {padding: 25px;}
  .footer-logo img {width: 50%;}
  .row > * {padding-left: 0;padding-right: 0;}
  .mob-pad-1 {padding: 15px!important;}
  .archive .woocommerce ul.products li.product {width: 42%!important;max-width: 42%!important}
  .woocommerce ul.products li.product {width: 42%!important;max-width: 42%!important}
  .woocommerce div.product form.cart .button {margin-left: 20px;}
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt {padding: 15px;}
  .single.woocommerce-page ul.products li.product {width: 48% !important;}
  .woocommerce div.product .woocommerce-tabs ul.tabs li a {font-size: 12px!important;}
  .woocommerce div.product .woocommerce-tabs ul.tabs {padding-left: 0;}
  .top-address {display: none;}
  .top-bar {padding: 0 15px;}
  .checkout.woocommerce-checkout {display: block!important;}
  .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {font-size: 16px;padding: 5px 0;} 
  p#order_comments_field label {font-size: 12px;}
  }

@media screen and (min-width:768px) {
#customer_details {display: grid;}
.home-03 .woocommerce ul.products li.product {margin: auto 2%!important;text-align: center!important;}
}

@media screen and (max-width:1199px) {
  .mob-menu.show {position: absolute;margin-top: 55px;}
  .mob-menu .navbar-nav .menu-item a {color:#fff}
  .logo-menu.mobile-logo {display: block;}
  .logo-menu {display: none;}
  button.navbar-toggler {position: absolute;right: 10px;top: 35px;color: #fff;}
}

@media screen and (min-width:1200px) {
  .logo-menu.mobile-logo {display: none;}
  .logo-menu {display: block;}
  .home-news {padding: 5%;}
}

@media screen and (min-width:1600px) {

}

@media screen and (min-width:240px) and (max-width:360px) {

}

@media screen and (min-width:361px) and (max-width:479px) { 

}

@media screen and (min-width:480px) and (max-width:575px) {
 
}

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

}

@media screen and (min-width:768px) and (max-width:991px) {

}

@media screen and (min-width:992px) and (max-width:1023px) {

}

@media screen and (min-width:1024px) and (max-width:1199px) {

}

@media screen and (min-width:1200px) and (max-width:2200px) {

}

@media screen and (min-width:1200px) and (max-width:1367px) {
  .archive .woocommerce ul.products li.product {max-width: 14%!important;}
}

@media screen and (min-width:1368px) and (max-width:1599px) {
  
}

@media screen and (min-width:1600px) and (max-width:1999px) {

}

@media screen and (min-width:2000px) {


}

@media (min-width: 768px) {

}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
  }
  
  /* Sections
 ========================================================================== */
  
  /**
   * Remove the margin in all browsers.
   */
  
  body {
margin: 0;
  }
  
  /**
   * Render the `main` element consistently in IE.
   */
  
  main {
display: block;
  }
  
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  
  h1 {
font-size: 2em;
margin: 0.67em 0;
  }
  
  /* Grouping content
 ========================================================================== */
  
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  
  hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
  }
  
  /* Text-level semantics
 ========================================================================== */
  
  /**
   * Remove the gray background on active links in IE 10.
   */
  
  a {
background-color: transparent;
  }
  
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  
  abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
  }
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  
  b,
  strong {
font-weight: bolder;
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  code,
  kbd,
  samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
  }
  
  /**
   * Add the correct font size in all browsers.
   */
  
  small {
font-size: 80%;
  }
  
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  
  sub,
  sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
  }
  
  sub {
bottom: -0.25em;
  }
  
  sup {
top: -0.5em;
  }
  
  /* Embedded content
 ========================================================================== */
  
  /**
   * Remove the border on images inside links in IE 10.
   */
  
  img {
border-style: none;
  }
  
  /* Forms
 ========================================================================== */
  
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  
  button,
  input,
  optgroup,
  select,
  textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
  }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  
  button,
  input { /* 1 */
overflow: visible;
  }
  
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  
  button,
  select { /* 1 */
text-transform: none;
  }
  
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
-webkit-appearance: button;
  }
  
  /**
   * Remove the inner border and padding in Firefox.
   */
  
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
  }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
  }
  
  /**
   * Correct the padding in Firefox.
   */
  
  fieldset {
padding: 0.35em 0.75em 0.625em;
  }
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *`fieldset` elements in all browsers.
   */
  
  legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
  }
  
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  
  progress {
vertical-align: baseline;
  }
  
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  
  textarea {
overflow: auto;
  }
  
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  
  [type="checkbox"],
  [type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
  }
  
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
height: auto;
  }
  
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  
  [type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
  }
  
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  
  [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
  }
  
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  
  ::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
  }
  
  /* Interactive
 ========================================================================== */
  
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  
  details {
display: block;
  }
  
  /*
   * Add the correct display in all browsers.
   */
  
  summary {
display: list-item;
  }
  
  /* Misc
 ========================================================================== */
  
  /**
   * Add the correct display in IE 10+.
   */
  
  template {
display: none;
  }
  
  /**
   * Add the correct display in IE 10.
   */
  
  [hidden] {
display: none;
  }