/*
Theme Name: Storefront Child Theme
Theme URI: http://woothemes.com/storefront
Author: WooThemes
Author URI: http://woothemes.com
Template: storefront
Description: Storefront starter child theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: storefront-child
*/


@font-face {
  font-family: 'hnb';
  src: url('fonts/helvetica-neue-bold.ttf');
}

@font-face {
  font-family: 'hn';
  src: url('fonts/HelveticaNeue-Thin.otf');
}



.more {
    background-color: #a2cceb;
    border-color: #a2cceb;
    color: #ffffff;
    margin-top: 20px;
    border: 0;
    cursor: pointer;
    line-height: 1;
    padding: 0.618em 1em;
    text-decoration: none;
    font-weight: 700;
    text-shadow: none;
    display: inline-block;
    outline: none;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    border-radius: 0;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.1);
}

table .more {
    padding: 8px 29px;
    margin-top: 25px;
}

.wp-caption .wp-caption-text {
    border-bottom: 0 ;
    font-size: 12px;
}



table tbody td {
    background: rgb(252, 252, 252);
}

table tbody tr:nth-child(2n) td {
    background: rgb(252, 252, 252);
}


.hentry .entry-header h1 {
    border-bottom: 0 ;
    padding-bottom: 3px;
}



.page-template-template-blog .entry-content img {
}

.page-template-template-blog .entry-content .more {
    margin-top: 0;
    padding: 7px 10px;
}

.single-post .hentry .wp-post-image {
        display : none;
}

.search .wp-post-image {
        display : none;
}

.category .wp-post-image {
        display : none;
}

/*slider*/
 .page-template-template-homepage .wooslider {
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
 }

.page-template-template-homepage .wooslider .slide-content {
    margin: 0;
    padding: 0;
 }

body .wooslider .overlay-full.layout-text-left .slide-excerpt {
    width: 100%;
    top : 150px;
    padding-left:  50px;
}

.wooslider .overlay-full .slide-excerpt{
    background: rgba(0, 0, 0, 0);
}

.slide-excerpt h4 {
    color: white;
}

.sliderbutton{
    font-size: 13px;
    line-height: 24px;
    font-weight: 700;
    color: #403052;
    text-decoration: none;
    background-color: rgb(204,235,255);
    background-color: rgba(204,235,255,1);
    padding: 10px 10px;
    text-shadow: none;
    border-radius: 5px 5px 5px 5px;
    border-color: transparent;
    border-style: none;
    font-weight: 900;
}

.sliderbuttonartisan{
    font-weight: 500;
    color: #ffffff;
    background-color: rgb(204,0,102);
    background-color: rgba(204,0,102,1);
    padding: 10px 10px;
    text-shadow: none;
    -webkit-box-shadow: 7px 7px 0 0 rgba(0,0,0,0.5);
    -moz-box-shadow: 7px 7px 0 0 rgba(0,0,0,0.5);
    box-shadow: 7px 7px 0 0 rgba(0,0,0,0.5);
    border-radius: 5px 5px 5px 5px;
    border-width: 0;
    border-color: rgb(34,34,34);
    border-style: none;
}

/*slider end*/

.single-post .entry-meta {
    display : none;
}

.single-post .hentry.type-post .entry-content {
    width : 100%;
}

.search-results .entry-meta {
    display : none;
}

.search-results .hentry.type-post .entry-content {
    width : 100%;
}

.panel-grid {
    margin-bottom: 10px !important;
}

.entry-header {
    margin-bottom: 15px !important;
}


.site-search .widget_product_search input[type=search], .site-search .widget_product_search input[type=text] {
    background-color: #ffffff;
}

.product-category mark{
    color : #B097C5 !important;
}

.wooslider-control-paging li a.wooslider-active {
    background-color: #a0cbeb ;
}

.wooslider-control-paging li a {
    background-color: #b196c5;
}

.woocommerce-message {
    background-color: #816796 !important;
}

.main-navigation ul li a:hover, .site-title a:hover {
    color: #A2CCEB;
}

.woocommerce-pagination .page-numbers li .page-numbers.current {
    background-color: #816796;
}

.home .storefront-product-categories .clearfix .button{
    float: none;
    margin: 0 auto;
    display: block;
    width: 240px;
}

.woocommerce-active .site-branding, 
.woocommerce-active .site-logo-anchor, 
.woocommerce-active .site-logo-link{
    width: 393px !important;
}

/*Subscribe*/
.mailchimp-reg{
    background-color: #8b70a0;
    background-image: url('img/mailback.jpg');
    
    height: 173px;
    text-align: center;
    padding-top: 37px;
    padding-bottom: 32px;
}

.mailchimp-reg h1{
    display: inline-block;
    color: #fff;
    font-size: 22px;
    font-family: 'hnb';
    letter-spacing: normal;
}

.mailchimp-reg input[type="email"]{
    font-family: 'hn';
    background: #fff;
    height: 65px;
    width : 444px;
    font-size: 18px;
    padding-left: 21px;
    letter-spacing: normal;
    margin-right: 11px;
    font-weight: 400;

}




.mailchimp-reg input[type="submit"]{
    height: 65px;
    width : 165px;
    font-family: 'hn';

    font-size: 18px;
    letter-spacing: normal;
    border-color: #303e77 !important;
}

/*Social Icons*/
.social-icons{
    text-align: right;
    margin-bottom: 70px;
}
.social-icons ul {
    margin: 0;
    color: #737373;
    font-size: 12px;
    padding: 0;
    list-style-type: none;
}

.social-icons ul li { 
    display: inline;    
    padding : 10px 4px; 
}

.social-icons a {
    width: 31px;
    height: 24px;
    display: inline-block;
 }

.fb-icon{
    background-image: url("img/fb.png");
    background-repeat: no-repeat;
}

.gp-icon{
    background-image: url("img/g.png");
    background-repeat: no-repeat;
}

.insta-icon{
    background-image: url("img/insta.png");
    background-repeat: no-repeat;
}

.rb-icon{
    background-image: url("img/rb.png");
    background-repeat: no-repeat;
}


nav.secondary-navigation{
    margin:0;
}

/*Our collection Sinlge*/

.single-our-collections .woocommerce-breadcrumb {
    margin-bottom: 38px;

}

.hero-banner {
   position: relative; 
   width: 100%;
   margin-bottom: 53px;

}

.hero-banner img {
    background-color: #92899c;
    height: auto;
}

.hero-banner h1{
    font-size: 52px;
    position: absolute; 
    bottom: 30px; 
    left: 40px; 
    color: white; 
   
}

.hero-banner h1 span { 
   color: white; 
   letter-spacing: -1px;  
   padding: 10px; 
   font-size: 52px;
}

.collections{
    margin-bottom:;
}

.collection-content{

}

.collection-content p{
    font-size: 14px;
    line-height: 20px;
    color: #60646c;
}
.collection-content .button{
    padding: 16px 34px;
}


.features {

    overflow: auto;
    margin: 53px 0 0 0 ;
    padding : 37px 33px ;
    background-color: #efefef;
}

.features ul{
    margin: 0;
}

.features li {
    display: inline-flex;
    width: 50%;
    margin: 0;
    padding: 0;
    vertical-align: top; /* In case multi-word categories form two lines */
}

.features li:before {
    content: "• ";
    color: #816796;
    font-size: 30px;
    vertical-align: middle;
    padding-right: 5px;

}

.features li p{
    margin: 10px;
    line-height: 20px;
    font-size: 14px;
    color : #60646c;
    font-weight: 600;
}

.features h1 {
    color: #856c99;
    font-size: 20px;
    font-family: 'hnb';
}

.collections{
  width: 100%;
    text-align: center;

}

.collections h1{
    font-size: 20px;
    color: #9985a9;
    font-family: "Helvetica Neue", sans-serif;
    clear: both;
    font-weight: 700;
    margin: 0 0 0.618em;
    text-align: center;
    margin-top: 72px;
    margin-bottom: 25px;
}

.one-collection {
    width :136px;
    display: inline-block;
    float: left;
    margin-right: 26px;
}

.one-collection span{
    font-size: 14px;
    color: #9985a9;
    font-family: "Helvetica Neue", sans-serif;
    clear: both;
    font-weight: 700;
    margin: 0 0 0.618em;
    text-align: center;

}

.one-collection img{
    min-width :138px;
    max-height :136px;
    margin-bottom: 18px;
}


.modal-dialog {
    width: auto;
    max-width: 977px;
    margin-top: 60px;
}

.modal-footer{
    background: #816796;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -3px;
    text-align: center;
    top: -10px;
    width: 24px;
    padding: 0;
    border-top: 0;

    border-radius: 60px;
}

.modal-footer button{
    margin-top: -7px;
    background: #816796;
        padding: 14px 17px;
}

.modal-footer button{
    border-radius: 60px;
}

.modal-title {
    margin: 15px 0;
    font-size: 22px;
    color: #fff;
    line-height: 1.42857143;
}

.modal-header {
    padding: 15px;
    border: none;
    min-height: 16.42857143px;
    background-color: #856c99;
}

.modal-body {
    position: relative;
    padding: 0px;
}

.modal-body thead{
    background-color: #856c99;
    color: #3a2849;
    font-size: 16px;

}

.modal-body table{
    margin: 0;

}

.modal-body table thead th{
    padding: 15px;
}

.modal-body table tbody td{
    padding: 15px;
}

.modal-body table tbody td p{
    margin-bottom: 6px;
}


.modal-body table tbody td a.button{
    margin-top: 17px;

}

.modal-body .prod-name {
    text-transform: uppercase;
    color : #60646c;
    font-size: 14px;
    margin-bottom: 36px
}

.modal-content {
    border :0;
}

.table-wrapper{
    margin :10px;
}




.modal-dialog .modal-body table tbody tr:nth-child(odd) {
    background-color: #fff;
}

.modal-dialog .modal-body table tbody tr:nth-child(even) {
    background-color: #efefef;
}

.footer-bottom .social-icons{
    margin-top: -29px;
}


.collection-featured-img {
    margin: 0 0 30px;
}




@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    body .wooslider .overlay-full.layout-text-left .slide-excerpt {
        top: 15px;
    }

    .woocommerce-active .site-branding, 
    .woocommerce-active .site-logo-anchor, 
    .woocommerce-active .site-logo-link{
        width: 295px !important;
    }



    .modal-dialog {
        width: 657px;

    }


    .wrapper .col-full{
         margin: 0;
    }

    .hero-banner img {
        height: auto;
        width: auto;
        max-width: 689px;
        max-height: 675px;
    }

    .hero-banner h1{
            top: 284px;
    }

    .features li {
        width: 100%;
    }

    .modal-body table, 
    .modal-body thead, 
    .modal-body tbody, 
    .modal-body th, 
    .modal-body td, 
    .modal-body tr { 
        display: block; 
    }
 
    /* Hide table headers (but not display: none;, for accessibility) */
    .modal-body thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
 
    
 
    .modal-body td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        white-space: normal;
        text-align:left;
    }
 
    .modal-body td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }
 
    /*
    Label the data
    */
    .modal-body td:before { 
        content: attr(data-title); 
    }




}

@media only screen and (max-device-width: 568px) {
    .mailchimp-reg {
        padding-top: 10px;
        position: initial;
        padding-bottom: 32px;
    }

    .mailchimp-reg input[type="email"]{
        font-family: 'hn';
        background: #fff;
        width: 447px;
        height: 42px;
        font-size: 18px;
        padding-left: 21px;
        font-weight: 400;
        margin :0;
    }

    .mailchimp-reg input[type="submit"]{
        height: 42px;
        width: 447px;
        font-family: 'hn';
        font-size: 18px;
        border-color: #303e77 !important;
        margin-top: 7px;
        margin-left: -5px;
    }

}

@media only screen and (max-device-width: 480px) {

    body .wooslider .overlay-full.layout-text-left .slide-excerpt {
        padding-top: 15px;
        padding-left: 15px; 
    }

    .slide-excerpt h4 {
        color: #3C3C3C;
    }

    .slide-excerpt h3 {
        color: #3C3C3C;
    }

    .woocommerce-breadcrumb{
        margin-bottom: 2.236em;
    }

    .site-header 
    .site-logo-anchor img, 
    .site-header .site-logo-link img {
        max-height: 4.618em;
    }

    .home .post-9{
        display: none;
    }

    .hero-banner {
        left: -28px;
        top: -32px;
        width: 115%;
        margin :0;
    }

    .hero-banner{
        left: -21px;
        top: -20px;
    }
    .hero-banner img {
        background-color: #92899c;
        height: auto;
        max-width :100%;
    }

    .hero-banner h1{
        font-size: 0px;
        position: initial;
        width: 100%;   
        font-family: "Helvetica Neue",sans-serif;  
    }

    .hero-banner h1 span { 
        position: none;
        color: #816796; 
        padding: 0px; 
        font-size: 30px;
    }
    


    .features {
        width: 111%;
        margin-left: -19px;
    }

    .features li {
        width: 105%;
    }





    .collection-content .button {
        padding: 16px 34px;
        line-height: 20px;
    }

    .collections h1 {
        margin-top: 40px;
    }

    .modal-body table, 
    .modal-body thead, 
    .modal-body tbody, 
    .modal-body th, 
    .modal-body td, 
    .modal-body tr { 
        display: block; 
    }
 

    .modal-dialog{ 
            width: 392px;
    }
 
    /* Hide table headers (but not display: none;, for accessibility) */
    .modal-body table thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
 
    /*.modal-body table tr { border: 5px solid #ccc; }*/
 
    .modal-body  table td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        white-space: normal;
        text-align:left;
    }
 
    .modal-body table td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }
 
    /*
    Label the data
    */

    .footer-bottom .social-icons {
            margin-top: 16px;
    }

    
}
 






@media screen and (max-width: 480px) {
   .alignright {
        display: inline-block;
        float: none;
    }

    .woocommerce-active .site-branding, 
    .woocommerce-active .site-logo-anchor, 
    .woocommerce-active .site-logo-link{
        width: 295px !important;
    }


    .mailchimp-reg {
        padding-top: 10px;
        position: initial;
        padding-bottom: 32px;
        width: 111%;
        margin-left: -21px;
    }

    .mailchimp-reg input[type="email"]{
        font-family: 'hn';
        background: #fff;
        height: 40px;
             width: 350px;
        font-size: 18px;
        padding-left: 21px;
        font-weight: 400;
        margin :0;

    }

    .mailchimp-reg input[type="submit"]{
        height: 40px;
        width: 350px;
        font-family: 'hn';
        font-size: 18px;
        border-color: #303e77 !important;
        margin-top: 7px;
        margin-left: -5px;

    }

    .social-icons {
        margin-bottom: 10px;
        width: 325px;
    }

    .social-icons ul li {
        display: inline;
        padding: 10px 18px;
    }

    
}


@media screen and (max-width: 375px) {
    .hero-banner {
            width: 333px;
    }
    


    .features {
        width : 333px;
    }

    .mailchimp-reg {
        width : 112%;
    }
}

@media screen and (max-width: 360px) {
    .hero-banner {
        width: 318px;
    }


    .features {
        width : 318px;
    }

    .mailchimp-reg {
        width : 112%;
    }

    .modal-dialog {
        width : 338px;
    }
}

@media screen and (max-width: 320px) {
    .mailchimp-reg {
        padding-top: 10px;
        position: initial;
        padding-bottom: 32px;
        width: 115%;
        margin-left: -21px;
    }
    .mailchimp-reg input[type="email"]{
        font-family: 'hn';
        background: #fff;
        height: 40px;
        width: 276px;
        font-size: 18px;
        padding-left: 21px;
        font-weight: 400;
        margin :0;

    }

    .mailchimp-reg input[type="submit"]{
        height: 40px;
        width: 276px;
        font-family: 'hn';
        font-size: 18px;
        border-color: #303e77 !important;
        margin-top: 7px;
        margin-left: -4px;

    }

    .mailchimp-reg  {
            height: 219px;
                background-repeat: initial;
    }


    .social-icons {
        margin-bottom: 10px;
        width: 280px;
    }

    .social-icons ul li {
        padding: 10px 10px;
    }

    .hero-banner {
        width: 278px;
    }

    .features {
        width: 278px;
    }

    .modal-dialog{ 
            width: 299px;
    }
 
    /* Hide table headers (but not display: none;, for accessibility) */
    .modal-body table thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
 
    /*.modal-body table tr { border: 5px solid #ccc; }*/
 
    .modal-body  table td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        white-space: normal;
        text-align:left;
    }
 
    .modal-body table td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }
 
    /*
    Label the data
    */
}



.site-header .social-icons{
    float: right;
    clear: right;
    margin: 0;
}

.woocommerce-active .site-header .site-search {
    float: right;
    clear: none;
    margin: 0 0 20px;
}

.site-search .widget_product_search input[type=search] {
    box-shadow: none;
    border: 1px solid #ddd;
}

.wooslider-direction-nav {
    display: none;
}


.site-info .copy{
    float: left;
}


.site-info .social-icons{
    float: right;
}

nav.secondary-navigation {
    display: none:;
}

.site-header .site-branding img, 
.site-header .site-logo-anchor img, 
.site-header .site-logo-link img {
        height: 100px;
}


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

    body .wooslider .overlay-full.layout-text-left .slide-excerpt {
           top: 30px;
    }

    .woocommerce-active .site-header .secondary-navigation {
        display: none !important;
    }

}

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

    .woocommerce-active .site-header .main-navigation {
        margin: 0;
        width: 100%;
    }

/*     .menu-toggle, .handheld-navigation, .main-navigation.toggled .handheld-navigation, .main-navigation.toggled div.menu {
        display: block;
    }
    
    .primary-navigation {
        display: none;
    }

    .main-navigation ul li a {
    padding: 0.857em 1.387em;
    display: block; 
    }
    
    .main-navigation ul li {
        display: block;
    }

    .main-navigation ul li a:before {
        font-family: "FontAwesome";
        content: "\f0f6";
        margin-right: .53em;
        font-weight: 400; 
    } */

    .menu-toggle {
        margin: 0;
    }

}





@media screen and (max-width: 767px) {
    .woocommerce-active .site-header .secondary-navigation {
        display: none;
    }
    body .wooslider .overlay-full.layout-text-left .slide-excerpt {
        position: absolute;
    }
    body .wooslider .overlay-full.layout-text-left .slide-excerpt .slide-title {
        color: #fff;
    }
    body .wooslider .overlay-full.layout-text-left .slide-excerpt,
    body .wooslider .overlay-full.layout-text-left .slide-excerpt ul,
    body .wooslider .overlay-full.layout-text-left .slide-excerpt h2,
    body .wooslider .overlay-full.layout-text-left .slide-excerpt h4 {
        display: none;
    }
    
    .site-header .site-logo-anchor img, .site-header .site-logo-link img {
        max-height: 56px;
    }

    .mailchimp-reg {
        padding: 20px;
        height: auto;
    }

    .mailchimp-reg h1 {
     text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    }
    .mailchimp-reg input[type="email"] {
        width: 100%;
        display: block;
        margin: 0 0 10px;
        padding: 20px;
        float: none;
    }

    .mailchimp-reg input[type="submit"] {
        width: 100%;
        display: block;
        float: none;
        margin: 0;
        padding: 20px;
        height: auto !important;
    }


    .site-info .social-icons{
        float: none;
        display: block;
        text-align: center;
        margin: 0 0 10px;
    }

    .site-info .copy{
        float: none;
        display: block;
        text-align: center;
    }

    
    .site-header .social-icons,
    .woocommerce-active .site-header .site-search {
        display: none;
    }


    .hero-banner h1{
        font-size: 26px;
       
    }

    .features li {
            width: 100%;
    }
    
    .collection-info a.button {
        line-height: 1.2;
        padding: 10px 17px;
    }

}



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

    .site-info .social-icons ul li{
        padding: 0 3px !important;
    }

}