/*
Theme Name: Zafiro Child
Description: Child theme for Zafiro theme
Template: zafiro
Version: 1.0
*/

/* Basics
================================================================================================= */
h1, h2, h3, h4, h5, h6 { text-transform: uppercase; }

/* Pages Sections
================================================================================================= */
.header-wrapper .header-meta { border-bottom: 1px solid #e1e1e1; }
.header-wrapper .header-main {}
.header-wrapper .header-main .header-main-content .header-main-content-row { padding-top: 10px; padding-bottom: 10px; }
.page-title-wrapper { background-color: #50b4e7; color: #fff; border-top: none; border-bottom: none; padding-top: 10px; padding-bottom: 10px; }
.breadcrumb-item + .breadcrumb-item::before { color: #fff; }
.page-title-wrapper .title-bar-bg { height: 250px; }
.page-title-wrapper .title-bar-bg,
.page-title-wrapper .title-bar-bg a { color: #FFF; }
.page-title-wrapper .title-bar-bg .title-bar h1.entry-title { margin: 0; color: #FFF; font-size: 38px; }
.page-title-wrapper,
.page-title-wrapper a { color: #fff; }
.page-title-wrapper .title-bar h1.entry-title { margin: 0; color: #fff; }
.page-title-wrapper .breadcrumb { padding: 0; margin-bottom: 0; background-color: transparent; border-radius: 0; }
.page-title-wrapper .breadcrumb li.breadcrumb-item { margin: 0; font-size: 11px; }
.footer-wrapper .footer-widget-area { background-color: #f6f6f6; padding: 60px 0; }
.footer-wrapper .footer-copyright-area { background-color: #FFF; color: #111; border-top: none; }
.footer-wrapper .footer-copyright-area a { color: #111; }
.footer-wrapper .footer-copyright-area a:hover { color: #666; }
.footer-wrapper .footer-copyright-area p:last-child { margin: 0; }

/* Header Main Global
================================================================================================= */
.header-wrapper .header-main .wrapper-logo .standard-logo, 
.header-wrapper .header-main .wrapper-logo .sticky-logo { max-height: 30px; }

/* Sticky Header
================================================================================================= */
.header-wrapper.header-sticky { background-color: rgba( 255, 255, 255, 1.0 ); box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.1 ); -webkit-animation-duration: .5s; animation-duration: .5s; }
.header-wrapper.header-sticky .header-meta { display: none !important; }
.header-wrapper.header-sticky .header-main .header-main-content .row { padding: 10px 0; }
.header-wrapper.header-sticky .header-main .wrapper-logo .standard-logo, 
.header-wrapper.header-sticky .header-main .wrapper-logo .sticky-logo { max-width: none !important; max-height: 30px !important; }

/* Nav
================================================================================================= */
.navbar a { padding: 10px 10px; text-transform: uppercase; letter-spacing: 1px; }
.navbar a,
.navbar a:focus { color: #999; }
.navbar li:hover > a { color: #111; }
.navbar .dropdown ul a, 
.navbar .dropdown ul a:focus { color: #111 !important; }
.navbar .dropdown ul li:hover > a { color: #666 !important; }

.navbar a:before,
.navbar a:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.navbar a:before {
  bottom: 0;
  display: block;
  height: 3px;
  width: 0%;
  content: "";
  background-color: #2f307c;
}
.navbar a:after {
  left: 0;
  top: 0;
  padding: 0.5em 0;
  position: absolute;
  content: attr(data-hover);
  color: #ffffff;
  white-space: nowrap;
  max-width: 0%;
  overflow: hidden;
}
.navbar a:hover:before,
.navbar li.current-menu-item:not(.item-scrollto) a:before {
  opacity: 1;
  width: 30%;
}
.navbar a:hover:after,
.navbar li.current-menu-item:not(.item-scrollto) a:after {
  max-width: 30%;
}


<!-- Nav Current -->
.navbar li.current-menu-item:not(.item-scrollto), 
.navbar li.current_page_item:not(.item-scrollto) {}
.navbar li.current-menu-item:not(.item-scrollto) a, 
.navbar li.current_page_item:not(.item-scrollto) a { color: #666; }
    
<!-- Nav Dropdown Current -->
.navbar .dropdown ul li.current-menu-item, 
.navbar .dropdown ul li.current_page_item { background: #f5f5f5; }
.navbar .dropdown ul li.current-menu-item a, 
.navbar .dropdown ul li.current_page_item a { color: #333; }

.navbar li.item-scrollto:before,
.navbar li.item-scrollto:after { position: absolute; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.navbar li.item-scrollto:before { bottom: 0; display: block; height: 3px; width: 0%; content: ""; background-color: #666; }
.navbar li.item-scrollto:hover:before,
.navbar li.item-scrollto.active:before { opacity: 1; width: 100%; }

/* Sidebars
================================================================================================= */
.widget:not(.widget_text) ul li { position: relative; margin: 0; padding: 10px 0 10px 15px; }
.widget:not(.widget_text) ul li:before { font-family: "Font Awesome 5 Free"; content: "\f105"; font-weight: 900; position: absolute; left: 0; top: 10px; }

.sidebar .widget { margin: 0 0 30px 0; padding: 0; }
.sidebar .widget h3 { margin: 0 0 8px 0; }
.sidebar .widget:not(.widget_text) ul li { border-bottom: 1px solid #e1e1e1; }

.footer-widget-area .widget { margin: 20px 0; color: #111; }
.footer-widget-area .widget h2,
.footer-widget-area .widget h3,
.footer-widget-area .widget h4,
.footer-widget-area .widget h5 { color: #111; margin: 0 0 15px 0; }
.footer-widget-area .widget a:not(.btn) { color: #111; }
.footer-widget-area .widget a:hover:not(.btn) { color: #666; }
.footer-widget-area .widget:not(.widget_text) ul li { border-bottom: 1px dotted #999; }

/* Custom
================================================================================================= */
.text-style-01 { display: inline-block; color: transparent; background: linear-gradient(130deg, #CCC, #f9f9f9); background-clip: text; font-size: 150px; line-height: 150px; font-weight: 600; }

.btn-buy { padding-top: 15px; }
.btn-buy a { display: inline-block; border: 1px solid #50b4e7; background-color: #50b4e7; color: #FFF !important; border-radius: 12px; font-size: 90%; padding: 5px 18px !important; }
.btn-buy a:hover { background-color: #50b4e7; color: #FFF !important; opacity: 0.7; }
.btn-download { padding-top: 15px; }
.btn-download a { display: inline-block; border: 1px solid #111; background-color: #FFF; color: #111; border-radius: 12px; font-size: 90%; padding: 5px 10px !important; }
.btn-download a:hover { background-color: #111; color: #FFF !important; }

.wrapper-slider { overflow-x:hidden; }

.bg-row-slider { background-color: rgba(0,0,0,0.4); padding-top: 80px; padding-bottom: 60px; }
.bg-row-slider:before { content: ""; position: absolute; top: 0; bottom: 0; width: 100%; right: 100%; background-color: rgba(0,0,0,0.4); }
.bg-row-slider:after { content: ""; position: absolute; top: 0; bottom: 0; width: 100%; left: 100%; background-color: rgba(0,0,0,0.4); }

.sigle-address { margin-bottom: 16px; }
.address-icon { float: left; display: block; margin-right: 10px; color: #50b4e7; }
.sigle-address p { overflow: hidden; display: block; margin-bottom: 0; font-size: 90%; line-height: 1.5; }

.i-box-style { background-color: #50b4e7; width: 90px; height: 90px; text-align: center; border-radius: 50%; }
.i-box-style:before { line-height: 90px; color: #FFF; }


.woocommerce a.checkout, .woocommerce a.checkout-button.button, .woocommerce button#place_order, .woocommerce div.product form.cart .button {
    background-color: #2f307c !important;
    border: none !important;
}
.woocommerce a.checkout:hover, .woocommerce a.checkout-button.button:hover, .woocommerce button#place_order:hover, .woocommerce div.product form.cart .button:hover {
    background-color: #3e409c !important;
    border: none !important;
}

.woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce a.added_to_cart {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    padding-top: 10px !important; 
    padding-bottom: 10px !important;
}

.header-meta-content, 
.header-meta-content .btn { font-size: 14px !important; }

/*.i-box-style:hover {
    transform: rotateY(360deg);
}
.i-box-style {
    transition: .5s linear;
    transform: rotateY(0deg);
}*/

/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .box {
  padding: 40px 20px;
  background: #fff;
  text-align: center;
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
}

.pricing .box:hover {
  transform: scale(1.1);
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
}

.pricing h3 {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 15px;
}

.pricing .price {
  font-size: 36px;
  color: #444444;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}

.pricing .price sup {
  font-size: 20px;
  top: -15px;
  left: -3px;
}

.pricing .price span {
  color: #bababa;
  font-size: 16px;
  font-weight: 300;
}

.pricing img {
  padding: 30px 40px;
}

.pricing ul {
  padding: 0;
  list-style: none;
  color: #444444;
  text-align: center;
  line-height: 26px;
  font-size: 16px;
  margin-bottom: 25px;
}

.pricing ul li {
  padding-bottom: 10px;
}

.pricing ul .na {
  color: #ccc;
  text-decoration: line-through;
}

.pricing .btn-buy {
  display: inline-block;
  padding: 8px 40px 10px 40px;
  border-radius: 50px;
  color: #4154f1;
  transition: none;
  font-size: 16px;
  font-weight: 400;
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  transition: 0.3s;
  border: 1px solid #4154f1;
}

.pricing .btn-buy:hover {
  background: #4154f1;
  color: #fff;
}

.pricing .featured {
  width: 200px;
  position: absolute;
  top: 18px;
  right: -68px;
  transform: rotate(45deg);
  z-index: 1;
  font-size: 14px;
  padding: 1px 0 3px 0;
  background: #4154f1;
  color: #fff;
}

.u-loading {
  width: 300px;
  height: 54px;
  display: block;
  margin: 48px;
}
.u-loading__symbol {
  background-color: transparent;
  padding: 8px;
  animation: loading 3s infinite;
  border-radius: 5px;
}
.u-loading__symbol img {
  display: block;
  max-width: 100%;
  animation: loading-icon 3s infinite;
}

@keyframes loading {
  0% {
    transform: perspective(250px) rotateX(0deg) rotateY(0deg);
  }
  15% {
    background-color: transparent;
  }
  16% {
    background-color: transparent;
  }
  50% {
    transform: perspective(250px) rotateX(180deg) rotateY(0deg);
    background-color: transparent;
  }
  65% {
    background-color: transparent;
  }
  66% {
    background-color: transparent;
  }
  100% {
    transform: perspective(250px) rotateX(180deg) rotateY(-180deg);
  }
}
@keyframes loading-icon {
  0% {
    transform: perspective(250px) rotateX(0deg) rotateY(0deg);
  }
  15% {
    transform: perspective(250px) rotateX(0deg) rotateY(0deg);
  }
  16% {
    transform: perspective(250px) rotateX(180deg) rotateY(0deg);
  }
  50% {
    transform: perspective(250px) rotateX(180deg) rotateY(0deg);
  }
  65% {
    transform: perspective(250px) rotateX(180deg) rotateY(0deg);
  }
  66% {
    transform: perspective(250px) rotateX(180deg) rotateY(180deg);
  }
  100% {
    transform: perspective(250px) rotateX(180deg) rotateY(180deg);
  }
}

ul.custom-ok li:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f00c';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 20px;
    transform: translate(0, -50%);
    font-size: .7em;
    background-color: #2f307c;
    color: #FFF;
    width: 35px;
    height: 35px; 
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
}
.custom-ok li { margin-bottom: 20px; padding-left: 50px !important; }

.contrast .r {
  background: url(images/ok.png) no-repeat;
  display: inline-block;
  width: 9px;
  height: 12px;
}

.contrast .w {
  background: url(images/close.png) no-repeat;
  display: inline-block;
  width: 8px;
  height: 7px;
}

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {
	/*body.home .header-wrapper.header-original { position: absolute; left: 0; top: 0; width: 100%; padding-top: 20px; z-index: 1040; }*/
	.header-wrapper .header-main .wrapper-logo .standard-logo, 
	.header-wrapper .header-main .wrapper-logo .sticky-logo { max-width: none; max-height: 35px; }
    .header-wrapper .header-main .header-main-content .header-main-content-row { padding-top: 15px; padding-bottom: 15px; }
}