/*
 Theme Name:   coffeecafe
 Theme URI:    http://www.themehunk.com/product/coffeecafe-one-page-wordpress-theme/
 Description:  The coffeecafe One Page Responsive Theme for WordPress is simple and beautiful theme with live customizer. Edit and check changes instantly. coffeecafe Theme supports Six widget areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery, blog posts). It has multiple useful section (services, testimonial, WooCommerce, pricing, recent post, team, contact us). Contact section with lead capture functionality. This free theme is very helpful for entrepreneur to showcase their business features. Also this single page theme is very helpful for photography, business, coffee cafe, shopping and personal site. Drag and drop section scrolling and woo-commerce compatible.
 Author:       ThemeHunk
 Author URI:   http://www.themehunk.com/
 Template:     novellite
 Version:      1.1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: two-columns, right-sidebar, custom-menu, editor-style, featured-images, translation-ready, flexible-header, post-formats, sticky-post, theme-options
Text Domain: coffeecafe
*/
.blog .navbar-default {
    background-color: rgba(34, 34, 34, 0.6);
}
.navbar .sf-menu li:hover, .navbar .sf-menu li.sfHover {
    background-color: #432a1c;
}
a {
    color: #432a1c;
}
a:hover, a:focus, a:active, a.active {
    color: #432a1c;
}
::-moz-selection {
    background: #432a1c;
}

::selection {
    background: #432a1c;
}
.navbar-default .navbar-nav>.active>a {
    background-color: #432a1c;
}
.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    background-color: #432a1c;
}
.theme-slider-button {
    background: rgba(154, 205, 50, 0.69);
}
.NovelLite_slider .slider_overlay {
   
   background-color: rgba(67, 42, 28, 0.7);
}
.text-primary {
    color: #432a1c;
}
.navbar-default .navbar-toggle {
    border-color: #fff; 
    background-color: #c38346;
  
}
.navbar-shrink.navbar-default .navbar-toggle {
    border-color: #fff;
    background-color: #c38346;
    }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #c38346;
    border-color: #c38346; 
}
.NovelLite_slider .container.container_caption {
    margin-top: 180px;
    text-align: left;
}


.img-circle {
    border-radius: 0;
}
.btn-xl {
 border-color: #fff;
 background-color: #51A7D7;
}
.contact_section .contactform .btnSubmit.btn-xl.btn:hover {
    background: #432a1c;
    border: 1px solid #432a1c;
}


.contact_section{
position:relative;
 background: url(images/main.JPEG) fixed;
	}
	
.contact_section:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
     transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    z-index: -1;
    background:rgba(195, 131, 70, 0.7);
}
#move-to-top{
    background: #432a1c;
	}
	.woocommerce span.onsale, .woocommerce-page span.onsale {
      background-color: #432a1c;
}
.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce #content input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce ul.products li.product a.button, .woocommerce.archive ul.products li.product a.button, .woocommerce-page.archive ul.products li.product a.button {
    background-color: #432a1c;
}
.main-slider-button :hover  a{
    color:#C8A567;
}
.theme-slider-button{
    color:#C8A567;
	background: none;
    padding: 0; 
     border: none; 
}
.NovelLite_slider .container h1 {
     font-size: 35px;
     margin-top: 0;
	   font-weight:100;
	   text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
	}
  #slides_full .slides-container .container_caption {
max-width:1170px!important;
}
	
.theme-slider-button{
    color:#C8A567;
  background: none;
    padding: 0; 
     border: none; 
}
.main-slider-button  {
    cursor: pointer;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
}
.main-slider-button :before {
    content: '';
    display: block;
    position: absolute;
    top: 15%;
    bottom: 15%;
    left: 50%;
    right: 50%;
    background-color: #C8A567;
    border-left: 2px solid rgba(255, 255, 255, 0.78);
    border-right: 2px solid rgba(255, 255, 255, 0.78);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.theme-slider-button{
    font-family: open sans;
    background-color: rgb(134, 86, 40);
    border: 1px solid rgb(134, 86, 40);
    border-radius: 1px;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    padding: 12px 55px;
    text-transform: uppercase;
    font-size: 15px;
    position:relative;
}
.main-slider-button :hover{
  color: #ffffff;
  -webkit-animation: flashText 0.5s;
  animation: flashText 0.5s;
  background-color:rgb(134, 86, 40);
}
.main-slider-button :hover:before{
  left: 10px;
  right: 10px;
  background-color: rgba(255, 255, 255, 0.1);
  opacity: 1;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
/*button-one-style*/
.button-one .main-slider-button :before,
.button-two .main-slider-button :before,
.button-three .main-slider-button :before,
.button-five .main-slider-button :before{
border:none;
background-color:transparent!important;
}
/*button-style-four*/
.button-four .th-one .theme-slider-button{
padding-top: 15px;
padding-bottom: 15px;
}

.button-four .main-slider-button :before{
position: relative;
}
.button-four .main-slider-button{
border:none;
overflow: visible;
}
.button-four .main-slider-button{
border:none;
background:none;
}
.button-four .main-slider-button .theme-slider-button:before{
font-size: 14px;
line-height: 3.5;
border:none;
background:none;
}
/*button-style-five*/
.button-five .main-slider-button .theme-slider-button{
    padding: 0.5em 1em;
}
/*button-style-five*/
.NovelLite_slider .container.container_caption .left-caption {
   width: 63%;
    float: left;
    margin-left: 80px;
}
.NovelLite_slider .left-caption p {
font-weight: 500;
font-size: 55px;
line-height: 60px;
font-weight:500;
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
}
.NovelLite_slider  .right-caption {
    width: 25%;
    float: left;
	  background:rgba(134, 86, 40, 0.7);
    text-align: center;
    position: absolute;
    z-index: 99;
    right:100px;
    top:150px;
}
.NovelLite_slider .right-caption p.contact-heading {
color: #fff;
font-size: 24px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0;
}
.NovelLite_slider .right-caption .cnt-title{
padding-top:20px;
padding-bottom:20px;
}
.NovelLite_slider .right-caption .title_border{
background-color:#fff; 
width:80px; 
height:1.4px;
margin:0 auto;
}
.NovelLite_slider .right-caption .contact-popup-hide{
  display:none;
}
.NovelLite_slider .right-caption p{
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    padding: 0px 0px 0px 4px;
    display: inline-block;
    text-align: left;
    line-height: 1.8;

}
.NovelLite_slider  .right-caption textarea{
  height:60px;
  width:100%;
  color: #666;
  text-indent:4px;
}
.NovelLite_slider  .right-caption input{
  width:100%;
  color:#000;
  text-indent:4px;
}
 .right-caption p input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    padding:18px 35px 18px 35px;
    background-color: transparent;
    border: 1px solid #fff;
    line-height: 0;
    color: #fff!important;
}
 .right-caption input[type="submit"]:hover{
  
  color:#fff;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
   z-index: 999;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 120px auto;
  padding: 16px;
  background:rgba(79, 118, 147, 0.65);
  border-radius: 5px;
  width: 35%;
  position: relative;
  transition: all 0.2s ease-in-out;
}
.popup .close {
  position: absolute;
  top: 8px;
  right: 18px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #fff;
}

/*service start*/
section#section1 {
    background: #432a1c;
    border-top: 5px solid #c38346;
    border-bottom: 5px solid #c38346;
}
section#section1 h2.section-heading, section#section1 h3.section-subheading{
color:#fff;
}
h3.section-subheading {
color:#666;
}
.service-deg{
  background-color:#c38346;
  padding:5px;
}

.service-heading{
  color:#fff;
  font-size: 26px;
  margin:0;
  padding-bottom: 10px;
}
.text-muted{
  color:#fff;
}
.service-deg-2{
  background-color:#c38346;
  padding:5px;
}
.service-deg-3{
  background-color:#c38346;
  padding:5px;
}
.fa-stack {
    
    width: 100px;
    height: 100px;
    line-height: 100px;
   
}
/*service end*/
/*testimonial start*/
.testimonial-wrapper{
position:relative;
}
.testimonial-wrapper:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
     transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    z-index: 0;
    background: rgba(46, 142, 206, 0.6);
}
.testimonial-wrapper {
background: url(images/main.JPEG) no-repeat fixed center;
 }
.bx-wrapper .bx-caption span{
background:rgba(67, 42, 28, 0.41);
color:#fff;
border:2px solid #fff;
}
.bx-caption span p a {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
.bx-caption span p a:hover {
    color: #fff;
    padding:0px;
  border-bottom:1px solid #fff;
  transition: text-decoration 500ms ease; 
}
.testimonial-wrapper:before{
background: rgba(195, 131, 70, 0.5);
}
/*testimonial end*/
/*blog start*/
.home_blog_content .post:hover .post_content_bottom{
    background:#432a1c;
}
.home_blog_content .post .post_content {
background:#fff;
  }
  .home_blog_content .post .post_content p{
    color:#000;
  }
.home_blog_content .post .post_title a{
  color:#432a1c;
  }
.home_blog_content.posted_by a{
    color:#fff;
  }
/*blog start*/
/*team start*/
.team-member img{
  -webkit-transition: all ease-in-out .2s;
transition: all ease-in-out .2s;
}
.team-member img:hover{
border-color:rgba(195, 131, 70, 0.7);
-webkit-transition: all ease-in-out .2s;
transition: all ease-in-out .2s;
 opacity:0.8;
 
}
  .team-member p{
    color:#000;
  }
  .team-member img {
border-radius:100%;
border: 2px solid #fff;
  }
/*team end*/
/*price start*/
.price-class .featured .header-package{
  background-color:#432a1c;
}
.price-post:hover .plan-select {
    background-color: #432a1c;
 
 
}
/*price end*/
/****Contact form start*******/
#section5{
  padding:100px 0px 0px;
}
#section5 .map{
position: relative;z-index:1;width:100%;background-color:#666;margin-top: 70px;padding-right:0;padding-left:0;
display: block;
}
.map iframe{
  pointer-events: none;
  display: block;
  width:100%;
  height:450px;
}
#section5.contact_section {
    background: url(images/main.JPEG) no-repeat fixed center;
    display: inline-block; 
    width: 100% !important;
    background-size:cover !important;
    background-position: center !important;
    background-attachment: fixed ;
    background-repeat: no-repeat ;
    z-index:1;
}

@media (min-width: 992px){
#parallax_move .layer {
    height: 100vh!important;
}
.header-content-wrap {
   height: 100vh;
}
}
@media (min-width: 768px){
.navbar-default {
    padding: 5px 0;
	}
}
@media (max-width: 1024px){
 .NovelLite_slider .container.container_caption {
    margin-top:170px;
    text-align: left;
}
.NovelLite_slider .container.container_caption .left-caption {
  display:block;
    width: 100%;
    float: none;
    text-align: center;
    margin-left: 0px;
}
.NovelLite_slider .left-caption p {
    font-size: 45px;
}
.NovelLite_slider .right-caption {
    
    float: none;
    margin:0 auto;
    background: none;
    width: 100%;
    right: 0;
    top: 80%;
}
.contact-popup-hide a:hover{
  padding:5px;
  border-bottom:1px solid #fff;
 -webkit-transition: text-decoration 500ms ease;
  -moz-transition: text-decoration 500ms ease;
  -ms-transition: text-decoration 500ms ease;
  -o-transition: text-decoration 500ms ease;
  transition: text-decoration 500ms ease; 
}
#cnt-page{
  display:none;
}

.NovelLite_slider .right-caption p.contact-popup-hide {
    
    display:block;
    text-align: center;
    padding:10px 0px 0px 0px;
}
.contact-popup-hide a{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding-top: 10px;
    text-align: center;

} 
}

@media (max-width: 768px){
  .right-caption .box{
    width:50%;
  }
  .right-caption .popup{
    width: 50%;
  }
.NovelLite_slider .container.container_caption {
    margin-top:150px;
    text-align: left;
}
.NovelLite_slider .container.container_caption .left-caption {
    width: 100%;
    float: none;
    text-align: center;
}
.NovelLite_slider .left-caption p {
    font-size: 35px;
}
.NovelLite_slider .right-caption {
    
    float: none;
    margin:0 auto;
    background: none;
    
}
.contact-popup-hide a:hover{
  padding:3px;
  border-bottom:1px solid #fff;
 -webkit-transition: text-decoration 500ms ease;
  -moz-transition: text-decoration 500ms ease;
  -ms-transition: text-decoration 500ms ease;
  -o-transition: text-decoration 500ms ease;
  transition: text-decoration 500ms ease; 
}
#cnt-page{
  display:none;
}

.NovelLite_slider .right-caption p.contact-popup-hide {
    
    display:block;
    text-align: center;
    padding:10px 0px 0px 0px;
}
.contact-popup-hide a{
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding-top: 10px;
    text-align: center;

}
}

@media (max-width: 480px){
 .right-caption .box{
    width:70%;
  }
 .right-caption .popup{
    width: 90%;
  }
  #section1 .col-md-4{
  width:80%;
  margin:0 auto;
  padding-bottom: 30px;
  }
.NovelLite_slider .container.container_caption {
    margin-top:160px;
    text-align: center;
    display: block;
}
.NovelLite_slider .container.container_caption .left-caption {
    width: 100%;
    float: none;
    text-align: center;
}
.NovelLite_slider .container h1 {
    font-size:25px;
    margin-top: 0;
    font-weight: 100;
}
.main-slider-button{
  padding: 20px 58px;
}
.NovelLite_slider .left-caption p {
    font-size: 25px;
    line-height: 40px;
}
.NovelLite_slider  .right-caption {
    width: 100%;
    float: none;
    margin:0 auto;
    background: none;
    
}

#cnt-page{
  display:none;
}

.NovelLite_slider .right-caption p .contact-popup-hide {
    
    display:block;
    text-align: center;
    padding:10px 0px 0px 0px;
}
.contact-popup-hide a{
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding-top: 10px;
    text-align: center;

}
}
/***lead form**/
.right-caption .leadform-show-form.leadform-lite h1{
display: none;
}
.right-caption .leadform-show-form.leadform-lite .name-type label,
.right-caption .leadform-show-form.leadform-lite .text-type label,
.right-caption .leadform-show-form.leadform-lite .textarea-type label {
display:none;
}
.right-caption .leadform-show-form.leadform-lite {
    height: 363px;
    overflow-y: scroll;
    margin-top: 30px;
    width: 100%;
    padding: 0px 20px 0px 25px;
    max-width: 100%;
}

.right-caption .leadform-show-form.leadform-lite input[type="radio"],
.right-caption .home #contact .leadform-show-form.leadform-lite input[type="checkbox"] {
width:auto!important;
}
.right-caption .leadform-show-form.leadform-lite input,
.right-caption .leadform-show-form.leadform-lite .select-type select,
.leadform-show-form textarea{
    width: 100%!important;
    height:auto;
    text-indent: 4px;
    margin-right:0px;
    margin-bottom:20px;
    padding: 4px!important;
    border-radius: 3px;
    border: 0px inset;
    min-height: 35px;

}
.right-caption .leadform-show-form.leadform-lite .checkbox-type input{
  min-height: 0px;
}

.right-caption .leadform-show-form.medium.leadform-lite textarea{
min-height:100px;
}

.right-caption .leadform-show-form.leadform-lite .checkbox-type li,
.leadform-show-form.leadform-lite .radio-type li
{
display:inline-block;
margin:10px!important;
}
.right-caption .leadform-show-form.leadform-lite .radio-type,
.leadform-show-form.leadform-lite .checkbox-type {
text-align:left;
color:#fff;
}
.right-caption .leadform-show-form.leadform-lite .select-type{
text-align:left;
color:#fff;
}
.right-caption .leadform-show-form.leadform-lite .select-type select {
color:#aaa;
}
.right-caption .leadform-show-form.leadform-lite input[type="submit"]{
font-size: 14px;
padding:10px 15px!important;
border: 1px solid #432a1c;
background-color:#432a1c;
color:#fff;
}
.right-caption .leadform-show-form.leadform-lite input[type="submit"]:hover{
background-color:#100b08;
}

.right-caption .leadform-show-form.leadform-lite .submit-type label{
margin: 0em 0 0em;
}
.right-caption .leadform-show-form.leadform-lite::-webkit-scrollbar {
      width:5px;
}
.right-caption .leadform-show-form.leadform-lite::-webkit-scrollbar-track {
background-color:rgba(134, 86, 40, 0.4);
}  
.right-caption .leadform-show-form.leadform-lite::-webkit-scrollbar-thumb {
      background-color: rgba(134, 86, 40, 0.1); 
}
 
.right-caption .leadform-show-form::-webkit-scrollbar-button {
background-color: #865628;
}

/***end lead form***/
.outer-footer{
  display:none;
}