/*
Theme Name:   	Zoya Living
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
* Add your own custom css below this text.
*/
a {
    color: #000;
}
.the_header{
    background-color: #fff;
    margin: 0px;
    position: fixed;
    padding: 10px;
    width: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    width: auto;
    transition: 0.5s;
    box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.25);
    z-index: 5;
}
.the_header.scrolled {
    top: 0px;
    z-index: 9999;
    right: 0px;
    left: 0px;
    transition: 0.5s;
}
.featured_section{
    width: 100%;
    height: 500px;
    position: relative;
    display: table;
    background-image: url('img/sea.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
img.feature_logo{
    width: 100%;
    height: auto;
    max-width: 30%!important;
    position: absolute;
    top: 25%;
    left: 2%;
}
.person_cube{
    width: 100%;
    position: relative;
    padding-top: 100%;
    margin: 0px 0px 15px 0px;
    background-color: #333;
    background-position: center;
    background-size: cover;
}
.person_row{
    margin-bottom: 50px;
}
.fam{
    width: 100%;
    height: auto;
    margin-bottom: 25px;
}
.person_row h2{
    font-family: 'Oswald', sans-serif;
    margin: 0px 0px 15px 0px;
    padding: 0px;
    font-size: 32px;
    color: #000;
    line-height: 32px;
}
.person_row h4{
    font-family: 'Oswald', sans-serif;
    margin: 0px;
    padding: 0px;
    font-size: 26px;
    color: #a7c1b5;
    line-height: 32px;
}
.testimonial_txt{
  font-family: 'Oswald', sans-serif;
  margin: 0px 0px 15px 0px;
  padding: 0px;
  font-size: 26px;
  color: #a7c1b5;
  line-height: 32px;

}
span.txt_16 p{
		font-size: 16px!important;
		font-family: 'Open Sans', sans-serif;
}
.featured_section_row{
    display: table-row;
}
.featured_section_cell{
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}
.woocommerce-products-header__title.page-title{
    font-family: 'Oswald', sans-serif;
    font-size: 37px;
    margin: 0px 0px 0px 0px;
}

.featured_section h1{
    font-family: 'Oswald', sans-serif;
    text-align: center;
    color: #ffffff;
    font-size: 60px;
    margin: 0px 0px 15px 0px;
    position: relative;
    z-index: 5;
}
p{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}
.featured_section h2{
    font-family: 'Oswald', sans-serif;
    text-align: center;
    color: #ffffff;
    font-size: 30px;
    margin: 0px;
    position: relative;
    z-index: 5;
}
.txt_16{
    font-size: 16px;
}
h5.something_casual{
  font-family: 'DK Lemon Yellow Sun'!important;
  text-align: left;
  font-size: 20px;
  margin: 0px 0px 25px 0px;
}
h2.something_smaller{
    font-size: 30px!important;
}





.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}
ul.nav.navbar-nav{
  margin: 0px 0px 0px 0px;
  width: 100%;
}
.sub_strip{
    background-color: #d5b783;
    display: table;
width: 100%;
}
.nav>li {
    position: relative;
    display: inline-block;
    float: none!important;
    text-align: center;
}
.header_social{
    padding-right: 15px;
}
.product_thumber img{
    margin: 0 auto;
}
a.product_link,
a.product_link:hover{
    text-decoration: none;
}
.txt_yellow{
color: #bb9765;
}
.stamp{
    width: 150px;
    height: auto;
}
.the_footer{
    padding: 100px 0px;
    background-color: #f6efe5;
    color: #000;
    border-top: 2px solid #a05841;
}
.the_footer .header_social img{
    width: 40px;
    height: auto;
    display: inline-block;
    margin: 10px 10px 0px 0px;
}


.whole_form .wpcf7-text,
.whole_form label{
    width: 100%;
}

.contact_table{
    width: 100%;
    text-align: left;
    color: #6d6d6d;
    font-family: 'Open Sans', sans-serif;
}
.contact_table img{
    width: 100%;
    height: auto;
}
.contact_table td{
    vertical-align: middle;
    text-align: left;
    padding: 0px 10px 0px 0px;
}
.storefront-product-pagination{
    display: none;
}
.contact_table a{
    color: #6d6d6d;
}
.woocommerce-product-details__short-description .contact_table{
    width: auto;
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    display: inline-block;
}


.product_cards .woocommerce-Price-amount.amount{
  color: #333333;
    font-weight: bold;
}
.storefront-sorting{
    display: none;
}
.copyright{
    padding: 15px 0px;
    width: 100%;
    background-color: #a05841;
    color: #fff;
    font-size: 12px;
}
.related.products h2{
    font-family: 'Oswald', sans-serif;
    font-size: 37px;
    margin: 0px 0px 40px 0px;
    display: block;
    width: 100%;
    float: left;
}
.the_footer h4{
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    color: #000;
    font-weight: bold;
}
.the_footer ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.the_footer ul li{
    margin: 0px;
    padding: 0px;
}
.the_footer ul li.current-menu-item a{
    color: #000;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
}
.the_footer ul li a{
    color: #000;
     text-decoration: none;
     font-family: 'Oswald', sans-serif;
    font-size: 18px;
}
.the_footer ul li a:hover,
.the_footer ul li a:focus{
    color: #bb9765;
    text-decoration: none;
}
.top_logo{
  width: 170px;
  height: auto;
  margin: 0 auto;
  transition: 0.5s;
}
.top_logo.scrolled{
    width: 100px;
    height: auto;
    margin: 0 auto;
    transition: 0.5s;
}
.top_right{
    text-align: right;
}
.down_arrow{
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    height: auto;
    cursor: pointer;
    -webkit-animation: bounce 2s infinite;
}
@-webkit-keyframes bounce {
    0%       { bottom:30px; }
    50%      { bottom:15px; }
    100%     { bottom:30px; }
}
.navbar-nav>li>a{
    font-size: 20px;
    font-family: 'Oswald', sans-serif;
    color: #000;
}
.intro_section{
    padding: 100px 0px;
    width: 100%;
    display: block;
}
.intro_section h2{
  font-family: 'Oswald', sans-serif;
font-size: 37px;
margin: 0px 0px 50px 0px;
}
.bg_blk{
        background-color: #edeaea;
}
.header_social img{
    width: 40px;
    height: auto;
    display: inline-block;
    margin: 0px 0px 0px 10px;
}
.header_social img.mobile_burger{
    display: none;
}
.secondary_banner{
    width: 100%;
        margin-bottom: -1px;
}
.secondary_banner img{
    width: 100%;
    height: auto;
}
.big_quote{
    background-color: #083f2c;
    padding: 150px 0px;
    position: relative;
    background-image: url('img/top_green.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.txt_olive{
    font-size: 80px;
}
.overlayer{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgb(0 0 0 / 0.5);
}
.big_quote h2{
    text-align: center;
    color: #ffffff;
    font-size: 50px;
    font-family: 'Oswald', sans-serif;
    margin: 0px;
    position: relative;
    z-index: 5;
}
.col-md-3.product_cards.Uncategorised{
    display: none;
}
.le_cube{
    width: 100%;
    padding-top: 100%;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#masthead{
    display: none;
}
.secondary_banner h1{
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
}
h1.entry-title{
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
}
.product_title.entry-title{
    font-family: 'Oswald', sans-serif;
    font-size: 37px;
}
.whole_col h3{
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #000;
    margin: 0px 0px 15px 0px;
    padding: 0px;
}
.whole_col h4{
    font-family: 'Open Sans', sans-serif;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    font-size: 14px;
}
.whole_col{
    display: block;
    margin: 0px 0px 25px 0px;
}


.with_love{
  font-family: 'Oswald', sans-serif;
  font-size: 33px;
  line-height: 42px;
}

.my_section{
    padding: 100px 0px;
}
.my_section.on_shop{
    padding: 0px 0px 100px;
}
.single_product_result{
    text-align: center;
    width: 100%;
    padding: 15px;
    display: block;
    margin: 0px 0px 30px 0px;
}
.woocommerce-tabs.wc-tabs-wrapper{
    display: none;
}
.col-md-3.product_cards{
    width: 33.33%;
}
.single_product_result h5{
  font-weight: normal;
  font-size: 25px;
  margin: 15px 0px;
  padding: 0px;
      color: #a05841;
  font-family: 'Oswald', sans-serif;
}
.add_btn{
    width: 100%;
    display: block;
    margin: 15px 0px 0px 0px;
}
.my_section h2,
.new_section h2{
    font-family: 'Oswald', sans-serif;
    font-size: 45px;
    margin: 0px 0px 30px 0px;
    color: #a05841;
}
.new_section{
    margin: 0px 0px 100px 0px;
}
.entry-header img{
    display: none;
}
.main_btn{
  background-color: #000;
border: 2px solid #000000;
color: #fff;
padding: 10px 25px;
transition: 0.5s;
text-decoration: none;
font-weight: 600;
text-shadow: none;
display: inline-block;
}
.main_btn:hover,
.main_btn:active,
.main_btn:focus{
    transform: 0.5s;
    text-decoration: none;
    background-color: #fff;
    border: 2px solid #000000;
    color: #000;
}
button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .widget-area .widget a.button.alt,
.added_to_cart.alt, .added_to_cart, .widget a.button.checkout{
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
    padding: 8px 10px;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button {
  background-color: #ffffff;
  border: 2px solid #a05841;
  color: #a05841;
  padding: 8px 10px;
  transition: 0.5s;
}
.wc-forward::after, .woocommerce-Button--next::after{
    display: none;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
    background-color: #a05841;
}

button:hover,input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
.widget a.button:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.button:focus,
.widget a.button:focus{
    text-decoration: none;
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
    transition: 0.5s;
}
:focus {
    outline: 0!important;
}

.item_table td{
    vertical-align: middle;
}
table:not( .has-background ) tbody tr:nth-child(2n) td, fieldset, fieldset legend {
    background-color: #eee;
}
td.product-name a{
    color: #000000;
    font-weight: bold;
    text-decoration: none!important;
}


.item_table h5{
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}
.item_table {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
}
.item_table td{
    padding: 10px!important;
}

@media (min-width: 768px){
    .col-full {
        max-width: 1140px;
    }
    .storefront-breadcrumb {
        padding: 0px;
        margin: 25px 0px 75px 0px;
    }
}



@media (max-width: 768px){
.hide_mob{
    display: none;
}
.header_social img.mobile_burger{
    display: block;
}

}







.mobile_menu{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    display: none;
    padding-top: 100px;
    background-color: #a05841;
    color: #fff;
    z-index: 9999;
    text-align: center;
}
.mobile_menu li a{
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
    margin-bottom: 15px;
}
.mobile_close{
    width: 25px;
    height: auto;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 9999;
    cursor: pointer;
}

.footer_col{
    font-size: 18px;
}

.header_tbl{
    display: table;
    width: 100%;
}
.header_row{
    display: table-row;
}
.header_cell{
    display: table-cell;
    width: 33.33%;
    vertical-align: middle;
}

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

.table_img{
    width: 5%;
}
.sec_td{
    width: 25%;
}
.price_td{
    width: 25%;
}
.mobile_burger{
    display: none;
    width: 25px;
    height: auto;
    cursor: pointer;
}

@media (max-width: 992px){
  .sub_strip {
      width: 100%;
      padding: 14px 0px 10px;
    }
  .col-md-3.product_cards{
      width: 100%;
  }
  .navbar-nav>li {
    float: none;
    width: initial;
    width: 100%;
    display: inline-block;
}
  .secondary_banner {
    padding: 0px 0px 0px;
  }
  .woocommerce-products-header__title.page-title {
    font-family: 'Oswald', sans-serif;
    font-size: 37px;
        text-align: center;
    margin: 0px 0px 25px 0px;
}
.storefront-sorting,
.woocommerce-breadcrumb {
    text-align: center;
}
.mobile_burger{
    display: block;
}
.hide_mobile{
    display: none;
}
.wc-forward::after, .woocommerce-Button--next::after{
    display: none;
}
.table_img{
    width: 0%;
}
.sec_td{
    width: 1%;
}
.price_td{
    width: 25%;
    text-align: right;
}
.the_header {
    top: 15px;
    left: 15px;
    right: 15px;
}
.featured_section h1 {
  font-size: 40px;
}
.featured_section h2 {

  font-size: 20px;
}
.header_social img {
    width: 35px;
    height: auto;
    display: inline-block;
    margin: 0px 0px 0px 5px;
}
.featured_section {
    width: 100%;
    height: 70vh;
    position: relative;
}

  .my_section {
    padding: 50px 0px;
}
  .big_quote {
    padding: 100px 0px;
  }
  .big_quote h2 {
    font-size: 30px;
  }
  ul.nav.navbar-nav {
    margin: 0px;
    width: 100%;
}
.header_social {
    padding-right: 0px;
}
.navbar-nav>li>a {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 20px;
}
  .the_footer {
      padding: 50px 0px;
      text-align: center;
  }
   .footer_col{
      margin: 0px 0px 30px 0px;
   }
   .stamp{
       margin: 0 auto;
   }
}