/*
============================================================

	Theme Name: Chane Child Theme
	Theme URI: https://underscores.me/
	Description: Product page
	Author: Bethsaida Torres
	Author URI: www.behance.net/btzy
	Version: 1.0
	Template: advanced-web
	Text Domain: advanced-web
	
============================================================
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,500;0,600;0,700;1,100;1,300;1,400;1,500;1,600;1,700&display=swap');



body{background-color:#ffffff; font-family: 'Montserrat', sans-serif; font-weight: 500;  }

h1.entry-title{
    display:none;
}

#primary-menu{ display:flex; flex-wrap: wrap; 
justify-content: space-around;
list-style: none; width: 75%; margin: auto;
}
#primary-menu li a{text-decoration: none; color: black;}
#primary-menu li a:hover {color:red;}


.top { position: absolute; width: 100%; display: flex; flex-wrap:wrap; flex-direction:row;

}
.right {position: absolute; top: 20px; left:130px; display:flex; flex-wrap:wrap; flex; flex-direction: row; justify-content:flex-start; 
    
    
}


#login {
   width: 50px;
    height:25px;
    background-repeat: no-repeat;
     z-index: 1;
}
#login img:hover {opacity: .7;}
#cart{
    width: 50px;
    height:25px;
 background-repeat: no-repeat; margin-left: 20px;
     z-index: 1;
}
#cart img:hover {opacity: .7;}


#logo{position: absolute;
    width: 160px;
    height: 100px;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
}
#logo img:hover {opacity: .7;}
.hero{
    width: 100%;
    
    
    
}
.rightlogo{position: absolute;top: 5px; width: 50%; display: flex; flex-direction: row; justify-content: flex-end; right:30px;
    
    
}

.footer{
    width:100%;
    height:300px;
    background-image:url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/09/footergradient-1.svg);
    background-repeat: no-repeat;
    margin: auto; background-size:cover;
    background-position:top;
    margin-top:-50px;
}

.chat{
    padding-top: 90px; 
    box-sizing: border-box;
    width:100%;
    height:30px;
    margin: auto;
    
    
    
    
    
}

.chat h1{width:100%;
    height:30px;
    text-align: center;
    font-size: 1.9em;
    color: #d75535;font-family: 'Montserrat', sans-serif; font-style: italic; letter-spacing: 2px;
    
    
}
.social{width:20%; margin:auto; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; padding-top: 80px; box-sizing: border-box;
    
    
}
.ig{width:50px;
    height: 50px;
    background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/09/instagram.svg);
   
    background-repeat: no-repeat;
    margin: auto;
       
}
.ig:hover{background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/09/instagramhover.svg);
        
}
.fb{width:50px;
    height: 50px;
    background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/09/facebook.svg);

    background-repeat: no-repeat;
    margin: auto;       
}
.fb:hover{background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/09/facebookhover.svg);
        
}

.tw{width:50px;
    height: 50px;
    background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/09/twitter.svg);
  
    background-repeat: no-repeat;
    margin: auto;
       
       
}
.tw:hover{background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/09/twitterhover.svg);
   
       
        
}

div#n2-ss-3 {display: none;}
#n2-ss-3-align .n2-ss-align {display: none;}
#n2-ss-3-placeholder{display: none;}





.second-whole{width:100%;
    height:500px; 
    
    
}
.second-middle{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    
    
}
.middle-left
{width:44%; padding-top:100px; padding-left:80px;box-sizing: border-box;
    
    
}
.middle-left h2{color: #d75535; font-family: 'Montserrat', sans-serif; font-weight:200; letter-spacing: 2px; font-size: 1.75em;
    
    
}

.middle-left h1{font-size:3.55em; font-weight:700; color:#d75535;
    
    
    
}
.middle-left p{font-weight:300; color:#1c3d37; padding-top: 20px; box-sizing: border-box; text-align: left;
    
}
.middle-right{
    width:500px;
    height:500px;
    background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/pink-salt.jpg);
    background-repeat: no-repeat; background-position: right;

background-size: cover; margin-top: -35px;
    
    
    
}
.read-more{width:200px;
    height:30px;
    margin-top: 30px; 
    background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/readmore.svg);
    display: block; background-repeat: no-repeat; background-size: contain;
    
    
}
.read-more:hover{background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/readmorehover.svg);
}

.bluepart{ width:100%; 
    height: 2750px;
       background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/middepart.svg);
    background-repeat: no-repeat;margin: auto; background-size: cover;  background-attachment: fixed;
  background-position: center;
  
    
    
}
.center-whats-new{width:50%; margin:auto; padding-top: 130px; padding-bottom: 120px; box-sizing:border-box; 
}
.whats-new{width:100%; height: 500px; background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/whats-new-1.svg); background-repeat: no-repeat; background-repeat: no-repeat; display: block; margin: auto;
    background-size: contain;
background-position: center;
  
    
}

.blog-preview{width:100%; height:1900px; 
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    
    
    
}
.salt-one{
    width:100%; height:550px; background-repeat: no-repeat; background-repeat: no-repeat; display: block; margin: auto;
    background-size: contain;
    background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/firstpic-1.png); background-position: center;
    
}
.salt-one:hover{background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/first-words-1.png);}
.salt-two{
    width:100%; height:500px; background-repeat: no-repeat; background-repeat: no-repeat; display: block; margin: auto;
    background-size: contain;
    background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/secondpic.png);background-position: center;
}

.salt-two:hover{background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/second-words.png);}


.salt-three{
    width:100%; height:500px; background-repeat: no-repeat; background-repeat: no-repeat; display: block; margin: auto;
    background-size: contain;
    background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/thirdpic.png);background-position: center;
}
.salt-three:hover{background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/third-words.png);}

.container{display:none;}



.page-title {color: #e8704a;
    


}
.page-title h1{text-align: center; font-size: 2em; color:#d75535;}
.post {}
.entry-title{text-align: center;}

h2.entry-title a{
text-align: center;
color: #e8704a;
font-size: 1.5em;
font-family: 'montserrat'sans-serif;
font-weight: 700;
font-style: normal;
text-decoration: none;
}

.byline{display: none;}
.byline, .author {text-decoration:none;}
.entry-meta{text-align: center;
margin: auto;
font-size: 1em;
font-family: 'montserrat', sans-serif;
font-weight: 400;
color: #598b81;
line-height: 1;
letter-spacing: .6px;
text-decoration: none;}


.entry-header a{text-align: center;
margin: auto;
font-size: 1em;
font-family: 'montserrat', sans-serif;
font-weight: 400;
color: #bee4dd;
line-height: 1;
letter-spacing: .6px;
text-decoration: none;


}

.entry-header{}
span.byline{ }

.entry-content{}
.cat-links{}
.comments-link{}
#post-149{
    margin-bottom:100px;
}

time.updated{
    display: none;
}

.entry-footer{display: none;}

.swim{width:50%;margin: auto;
}
.swim p{
margin: auto;
font-size: .95em;
font-family: 'montserrat', sans-serif;
font-weight: 300;
color: #1c3d37;
line-height: 1.3;
}
.swim h1{font-weight: 500;color:#d75535;}




.picture4{ width:100%; margin: auto; background-position: center; background-size: cover; background-image: url(
http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/photo-1530216421037-11e7a48ae76c-1.jpeg); background-repeat: no-repeat; height:500px; margin-top:40px; margin-bottom: 40px; 
    
    
    }




.picture{ width:100%; margin: auto; background-position: center; background-size: cover; background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/photo-1574681217069-0750eec3f839.jpeg); background-repeat: no-repeat; height:500px; margin-top:40px; margin-bottom: 40px; 
    
    
    }
.picture2{  width:100%; margin: auto; background-position: center; background-size: cover; background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/photo-1588518008356-bbd53d98e410.jpeg); background-repeat: no-repeat; height:500px; margin-top:40px; margin-bottom: 40px; 
    
    
    }
.picture3{ width:100%; margin: auto; background-position: bottom; background-size: cover; background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/jared-rice-PibraWHb4h8-unsplash-scaled.jpg); background-repeat: no-repeat; height:500px; margin-top:40px; margin-bottom: 40px; 
    
    
    
    }
.blog.hfeed.no-sidebar.responsive-menu-slide-left{
    background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/blogblue.svg);background-repeat: no-repeat; margin: auto;
   
  background-position: top;
  background-size: cover;
}
h1.page-title.screen-reader-text{color:white;}




.post{padding-top: 100px;box-sizing: border-box;}





.image-about{background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/elizabeth-lies-ZWPerNlqUu0-unsplash.jpg);width:100%; background-size: cover; background-position:center; height:1400px; padding-top:250px;background-attachment: fixed;}


.about-us{background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/TLA3.svg); width:60%;margin: auto; background-size: contain; background-position: center; height: 100px;background-repeat: no-repeat;  }




.about-p h2{margin:auto; text-align: center; width:50%;font-size: 1.5em;
font-family: 'montserrat', sans-serif;
font-weight: 500;
color: #598b81; padding-top: 40px;box-sizing: border-box;line-height: 1.5; padding-bottom: 40px;box-sizing: border-box;}


.about-pa{width:100%;  background-color: #ffffff; opacity: .7; }

.white{font-weight: 500; color: #1c3d37; }

.about-pa p{  margin:auto; text-align: center; width:95%;font-size: 1.2em;
font-family: 'montserrat', sans-serif;
font-weight: 400;
color: #1c3d37;line-height: 1.3;padding:60px; box-sizing: border-box;


}
.image-about{background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/blogblue.svg);width:100%; background-size: cover; background-position:center; height:1400px; padding-top:250px;}


.contact-page{
    width:100%; height:800px;
     background: rgb(241,176,176);
background: linear-gradient(90deg, rgba(241,176,176,1) 0%, rgba(237,206,200,1) 100%);
    background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/blogblue.svg); background-repeat: no-repeat; background-size: cover; background-position: top;padding-top:80px;box-sizing: border-box;
    
}


.blue{ font-weight:300px;
}
.middle-l
{width:55%; margin-top:90px;box-sizing: border-box;padding-right:50px;text-decoration: none;
    
    
}
.middle-l h2{color: #d75535; font-family: 'Montserrat', sans-serif; font-weight:200; letter-spacing: 2px; font-size: 1.75em;
    
    
}

.middle-l h1{font-size:3.55em; font-weight:700; color:#d75535;
    
    
    
}
.middle-l p{font-weight:300; color:#1c3d37; padding-top: 20px; box-sizing: border-box; text-align: left; 
    
}
.middle-r{
    width:40%;
    height:500px; box-sizing: border-box;
    background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/shell_.png
); background-repeat: no-repeat; background-position: center;

background-size: contain;
    
    
    
}

.wp-block-cover__inner-container{text-align: center;}

}
.woocommerce ul.products li.product .woocommerce-loop-product__title {color:#d75535;}

.woocommerce-Price-amount.amount{color:#e39793;}

.woocommerce .woocommerce-result-count {display: none;}



woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
   
    color: #d75535;
    background-color: #f0d5d4;
    }
.nav-previous{display: none;}
#comments.comments-area{display: none;}


.woocommerce.columns-4{padding-bottom:100px;}



/* Tablet
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (min-width: 501px) and (max-width: 900px) {
    
    
    
    
    
    .image-about{padding-top:150px;height:1400px;}
    .about-pa p{
        font-size:1em; width:98%;
    }
    
    .contact-page{
        width:100%; height:700px;}
    
    
    
    div#n2-ss-2 .n2-ss-slider-1 {
        display: block;}
    
    .swim{width:70%;margin: auto;
}
    h2.entry-title a{

        font-size: 1.35em;}
    .picture, .picture2, .picture3{height:400px;}
    .entry-meta{
        font-size:.9em;}
    .blog.hfeed.no-sidebar.responsive-menu-slide-left{background-position: left;background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/blogblue-2-1.svg);}
    
    
    
    
  /*  
 .container {
  height: 750px;
  width: 400px;
  border-style: solid;
}

Here is where the magic happens, media query listens to when screen is resized at <992px(md) and container properties change

  .container {
      display: flex;
      flex-wrap: nowrap;
      height: 700px;
      overflow-x: auto;
      width: auto;
  
}

.row {
  margin: auto;
    max-width: 300%;
        
}

.row .col {
  height: 700px;
    height:700px;
  width: 900px;
  border-style: solid;text-align: center;
  
}

    
    
    
    .pink-card{display:block;
        width:100%;
        height:700px;
        background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/tablet_900px.png);
        background-size: contain; background-repeat: no-repeat;
        
    }    
    
    
    
    
    
    */
    
    .middle-l{width:50%;padding-top:60px;padding-left: 0px; margin: auto;}
    .middle-l h1{width:100%;}
    .middle-l h2{width:100%;}
    .middle-l h3{margin-bottom: 23px; text-align: center; padding-top: 30px;margin: auto;}
    
    .middle-r{
        
    }
    
    
    
   
    .right{left:90px;
        
        
    }
    .rightlogo{ right:20px;
    }
    #cart{margin-left: 0px;}
    .footer{height: 300px;}
    .social{
        width: 40%;
    }
    div#n2-ss-3 {display: none;}
    div#n2-ss-3 {display: none;}
#n2-ss-3-align .n2-ss-align {display: none;}
#n2-ss-3-placeholder{display: none;}
    .second-whole{ height:400px;
    
    }
    
     .middle-left{width:70%;padding-top:60px;padding-left: 0px; margin: auto;}
    .middle-left h1{width:100%;text-align: center;}
    .middle-left h2{width:100%;text-align: center;}
    .middle-left p{margin-bottom: 23px; text-align: center; padding-top: 30px;margin: auto;}
    
    .middle-right{
        display:none;
    }
     .read-more{ margin: auto;padding-top:30px;}
    
    
    
    
    .blog-preview{height:1500px;}
    .bluepart{
        height:2150px;
    }
    
    
    .center-whats-new {
        width: 80%;padding-top: 60px; padding-bottom:0px;}
    .salt-one{height:400px;background-position: right;}
    .salt-two{height:400px;background-position: left; }
    .salt-three{height:400px; background-position: right;}
    .whats-new{height:400px;
        
        
    }
    
    .blog-preview{width:70%;margin:auto;
        
        
    }
    .salt-one{
    background-image:url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/onetablet.png);}
.salt-one:hover{display:none;}
    
    
    .salt-two{ background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/twotablet.png);}
    .salt-two:hover{display:none;}
    
    
    .salt-three{background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/threetablet.png);}
    .salt-three:hover{display:none;}
    
    
    
    

}
/* Mobile
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 500px)
{
    /*
    .container {display:block;}
    .container {
      display: flex;
      flex-wrap: nowrap;
      height: 500px;
      overflow-x: auto;
      width: auto;
  
}

.row {
  margin: auto;
    width:100%:
}

.row .col {
  height: 500px;
  width: 400px;
  
}

    
    
    
    .pink-card{display:block;margin: auto;
        width:100%;
        height:500px;
        background: rgb(229,159,156);
background: linear-gradient(90deg, rgba(229,159,156,1) 0%, rgba(236,195,195,1) 99%);
        
    } 
    .info{width:100%; height:500px;background-image:url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/mobile_pink-1.png);
        
    }
    
    

    .blue-card{display:block;
        width:100%;
        height:500px;
        background: background: rgb(108,163,152);
background: linear-gradient(90deg, rgba(108,163,152,1) 0%, rgba(190,228,221,1) 99%);
        
    }  
    
    */
    .contact-page{
        width:100%; height:600px;}
    
    .middle-l h1{font-size:3em;}
    
    .image-about{padding-top:60px;height:2300px;}
    .about-pa p{
        font-size:1em; width:100%;
    }
    .about-p h2{font-size: 1em;padding-top: 10px;box-sizing: border-box;}
    
    
    
    .swim{width:100%;margin: auto;
}
    .swim p{width:85%;}
    .swim h1{width:85%;margin: auto; }
    
    .picture, .picture2, .picture3{height:300px;}
    
    
    h2.entry-title a{

        font-size: 1.25em;}
    
   
     .blog.hfeed.no-sidebar.responsive-menu-slide-left{background-position: center;background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/blogblue3-1.svg);}
    
    
    
    
    
    
    
    
    
    .right{left:80px;}
    
    #logo{
        width: 120px;
    height: 60px;
    }
    #cart{width: 45px;
    height:25px;}
    #login{width: 45px;
    height:25px;}
    
.rightlogo{ right:10px;
    }
    
    
    
    
    .footer{height: 400px; background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/09/footergradientmobile.svg);}
    
    .chat{
        padding-top: 125px; box-sizing: border-box;
    }
    .chat h1{font-size: 1.6em;}
    
    .social{
        width: 70%;
            padding-top:90px; box-sizing: border-box;
    }
    
    #responsive-menu-container #responsive-menu li.responsive-menu-item a {line-height: 80px !important; height:95px !important; }
    
    #responsive-menu-container #responsive-menu-wrapper {padding-top: 40px; !important;}
    
    div#n2-ss-2 .n2-ss-slider-1 {
    display: none;
        
}
    div#n2-ss-3 {display: block;}
    
    
    .second-whole{height:430px;}
    .second-middle{justify-content: center;}
    
    .middle-left{width:80%;padding-top:60px;padding-left: 0px; margin: auto;}
    .middle-left h1{width:100%;font-size: 3em;text-align: center;}
    .middle-left h2{width:100%;text-align: center; font-size: 1.3em;}
    .middle-left p{margin-bottom: 23px; text-align: center; padding-top: 30px;margin: auto;line-height: 1.3;}
    
    .middle-right{
        display:none;
    }
    .read-more{width:45%; margin: auto;padding-top:30px;}
    
    
    
    
    
    .bluepart{height:1350px;
        
        
    }
    .blog-preview{height:950px;}
    .center-whats-new{padding-top:60px;padding-bottom:40px;width:100%;}
    .whats-new{height:200px;}
    
    
    
    .salt-one{height:250px;
    background-image:url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/onetablet.png);}
.salt-one:hover{display:none;}
    
    
    .salt-two{ height:250px;background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/twotablet.png);}
    .salt-two:hover{display:none;}
    
    
    .salt-three{height:250px;background-image: url(http://btorres.kucdinteractive.com/wp-content/uploads/2020/10/threetablet.png);}
    .salt-three:hover{display:none;}
    
}