/*
Theme Name: Beaver Builder Child Theme
Theme URI: 
Version: 1.0
Description: 
Author: 
Author URI: 
template: bb-theme
*/

@font-face {
    font-family: 'Cristoforo';
    src: url('../fonts/Cristoforo.9c5628053c.woff2') format('woff2'),
         url('../fonts/Cristoforo.4b6977158b.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    word-spacing: 0.06em;
    letter-spacing: 0.04em;
    background-image: url(../../images/exclusive-paper.0787abf87b.png);
    background-repeat: repeat;
}

/*--- Homepage Style ---*/
.coffee-mill{position:absolute;width:241px;top:25px;left:25px}
.cards{position:absolute;top:-10px;right:-40px;width:320px}
.typewriter{position:absolute;top:190px;left:-10px;width:450px}
.typewriter.go{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;animation-delay:.8s}
.eiffel-tour{position:absolute; right: -150px; top: 323px; width: 350px;}
.eiffel-tour.go{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;animation-delay:.8s}
.vintage-tin-can{position:absolute;right:0; top: 310px; width: 380px;}
.key1{left:200px;position:absolute; top: 560px; width: 160px;}
.cam-w-case{position:absolute;left:0; top: 650px; width: 310px;}
.cam-w-case.go{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;animation-delay:.8s}
.violin{position:absolute;top:605px;right:105px;width:300px}
.red-cards{position:absolute; left: -20px; top: 950px; width: 250px;}
.scissors{position:absolute; left: 260px; top: 950px; width: 200px;}
.scissors.go{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;animation-delay:.8s}
.viewmaster-reel{position:absolute;bottom:800px; right: 285px; width: 265px;}
.chain-clock{position:absolute;top:650px;right:0; width: 260px;}
.chain-clock.go{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;animation-delay:1s}
.ball{position:absolute;top:120px;left:-140px;width:145px}
.scroll-img-wrap{text-align:left;height: 1200px;}
.scroll-img{width:89%;display:inline-block;margin-top:-3px}
.tin-green{position:absolute;bottom:700px;right:0; width: 260px;}
.tin-green.go{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;animation-delay:1s}
.tin-gray2{position:absolute;bottom:550px;right:450px; width: 260px;}
.tin-gray2.go{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;animation-delay:1s}
.home .modal-backdrop { z-index: 5; }

.white .sa_owl_theme, .black .sa_owl_theme { height: calc(100vh - 119px) !important; position: fixed; z-index: 1; }
.scroller { margin-top: calc(100vh - 115px); display: inline-block; position: relative; width: 100%; overflow: hidden; z-index: 9; }
.fl-page-nav-right .fl-page-header-container { width: 100%; padding-left: 40px; padding-right: 40px; }

.fl-page-header { box-shadow: inset 0 0 50px #60331d; border-top: 3px solid #fff; }

.fl-page-nav-right.fl-page-header-fixed, .fl-page-header-fixed { box-shadow: inset 0 0 15px #60331d; }
.page-id-1818 .phone a, .page-id-1818 .email a { color: black; }

.fl-builder-content-1900 { background-image: url('../../images/dust-and-scratches.bd4d76e892.png'); border-top: 1px solid #ded4c6; border-bottom: 1px solid #ded4c6; background-size: initial; background-repeat: repeat; background-attachment: scroll; background-position: center center; padding-top: 80px; padding-bottom: 60px; background-color: #281e1a; color: #f7ebd5; }
.fl-builder-content-1900 h6 { font-size: 30px; text-transform: uppercase; text-align: center; color: #ded4c6; }
.fl-builder-content-1900 .socialize { display: flex; justify-content: space-around; }
.fl-builder-content-1900 .socialize svg { width: 51px; }
.fl-builder-content-1900 .fl-heading-text { position: relative; }
.fl-builder-content-1900 .fl-heading-text:before { left: -25px; background-image: url(../../images/left_footer_ribbon_x2.88aae7595f.png); }
.fl-builder-content-1900 .fl-heading-text:after { right: -25px; background-image: url(../../images/right_footer_ribbon_x2.3c675c465b.png); }
.fl-builder-content-1900 .fl-heading span:before, .fl-builder-content-1900 .fl-heading span:after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 18px;
    height: 21px;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
}
.fl-page-content { background-color: rgb(249, 239, 220, 0.4); }
.fl-builder-content-1912 { border: 2px solid #fff; }
.fl-builder-content-1912 .fl-col { background: #d4c7b3 url(../../images/cta.7aec37844f.png) !important; }
.fl-builder-content-1912 .cta-inner { text-align: center; font-family: "Barlow Condensed",sans-serif; font-size: 30px; font-weight: 700;  text-transform: uppercase; padding: 30px 0; }
.fl-builder-content-1912 .cta-inner a, .cta-inner-red a  { 
    font-family: "Barlow Condensed",sans-serif; font-size: 30px; text-transform: uppercase;
    border-color: #281e1a; 
    padding-left: 27px;
    padding-right: 27px;  
    border-width: 4px 0;
    border-style: solid;
    padding-top: 5px;
    padding-bottom: 8px;
    line-height: 1; 
    color: #281e1a;     
}
.fl-builder-content-1912 .cta-inner a:hover, .cta-inner-red a:hover {
    color: #bf702d;
    border-color: #bf702d; 
    text-decoration: none;
}
.cta-inner-red a {
    color: #7f3a2d;
    border-color: #7f3a2d;
}
.cta-inner-red a:hover {
    color: #281e1a;
    border-color: #281e1a; 
    text-decoration: none;
}
.fl-builder-content-1912 p { margin: 0; }

/*--- Headings ---*/
.headline .fl-heading-text, h1 .fl-heading-text { text-align: center; color: #281e1a; filter: drop-shadow(5px 6px 0 #c79368); line-height: 0.9; position: relative; margin: 0; font-size: 100px; font-weight: 600; text-transform: uppercase; }
.subtitle { font-family: "Barlow Condensed",sans-serif; font-size: 30px; text-transform: uppercase; }

.fancy { line-height: 0.5; text-align: center; }
.fancy span { display: inline-block; position: relative; }
.fancy span:before,
.fancy span:after {
  content: "";
  position: absolute;
  height: 6px;
  border-bottom: 2px solid #333;
  border-top: 2px solid #333;
  top: 6px;
  width: 300px;
}
.fancy span:before { right: 100%; margin-right: 15px; }
.fancy span:after { left: 100%; margin-left: 15px; }



.fl-builder-content-1900 .wpcf7 input:not(.wpcf7-submit), .fl-builder-content-1900 .wpcf7 textarea {
    background-color: #f9efdc;
    opacity: .8;
}

.fl-builder-content-1900 .wpcf7 input[type=text], .fl-builder-content-1900 input[type=email] {
    height: 34px;
    border-radius: 0;
}

.fl-builder-content-1900 .wpcf7 textarea { border-radius: 0; }

.fl-builder-content-1900 .wpcf7 input[type=submit] { color: #f9efdc; width: 175px; 
    font-family: "Barlow Condensed",sans-serif;
    font-size: 30px;
    text-transform: uppercase; 
    border-color: #281e1a; 
    padding-left: 27px;
    padding-right: 27px;  
    border-width: 4px 0;
    border-style: solid;
    padding-top: 5px;
    padding-bottom: 8px;
    line-height: 1; 
    background-color: transparent;        
}

.fl-builder-content-1900 svg { fill: #f9efdc; opacity: 0.7; }
.fl-builder-content-1900 svg:hover { fill: #bf702d; opacity: 1; }

h2 .fl-heading-text {
    text-transform: uppercase;
    font-size: 36px;
    font-weight: 700;
    padding: 5px 35px;
    background-image: url(../../images/random_dots.0bf4cfbb63.png);
    background-color: rgba(165,81,65, 1);
    color: #f9efdc;
}
.fl-node-5ece0510dbab0 {
    border-width: 12px;
    border-style: solid;
    background-size: auto;
    background-repeat: repeat;
    background-position: left top;    
    border-image: url(../../images/border_370x555.a4237603be.png) 12 round;
}

@media only screen and (min-width: 641px) {
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
    width: 100%;
    padding: 5px 0;
}
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    font-size: inherit;
    font-family: inherit;
    padding: 7px 4px;
    letter-spacing: normal;
    font-size: 16px;
    border-radius: 0;    
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
    font-family: "Barlow Condensed",sans-serif;
    font-size: 30px;
    text-transform: uppercase; 
    border-color: #281e1a; 
    padding-left: 27px;
    padding-right: 27px;  
    border-width: 4px 0;
    border-style: solid;
    padding-top: 5px;
    padding-bottom: 8px;
    line-height: 1; 
    background-color: transparent;  
    border-radius: 0;
    color: #000;
}
.gform_wrapper .gform_footer input[type=submit]:hover {
        color: #bf702d;
        border-color: #bf702d;
}

.modal-header h4 {text-align: center; text-transform: uppercase; font-size: 30px; }

.bio p { line-height: 175%; }

/*--- Homepage Style ---*/
.hero-logo   { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1; -webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);z-index:9; text-align: center;position: fixed;}
.hero-logo a { max-width:400px; width:100%; } 
  
.hero-top-section { position:absolute; top:0; left:0; width:100%; z-index:999; padding: 35px 0; }
.hero-top-section .brand-container { padding: 0 15px; margin: auto; display:flex; align-items:center; justify-content:space-between;width: 100%;}
.brand-name-holder { width:200px; align-self: flex-start; text-align: center; padding-left: 15px; } 
.brand-name { font-family: Cristoforo; font-size: 20px; color: #f9efdc; text-transform: uppercase;font-weight: 800;text-align: center; }
.brand-name:hover { color: #f9efdc; text-decoration: none;}
.brand-name span { font-size: 35px; color: #bf702d; display: block;}

.social-buttons-holder { padding-right: 15px; }
.social-buttons-holder ul { list-style: none; }

.social-buttons-holder svg { fill: #ebe3d6; }
.social-buttons-holder svg:hover { fill: #bf702d; }

.scroller { background-image: url(../../images/exclusive-paper.0787abf87b.png); background-repeat: repeat; background-color: rgb(249, 239, 220, 1.0); }

/* Slider */
.sa_hover_container { box-shadow: inset 0 0 250px #60331d; filter: sepia(60%); }

.phone-svg { width: 51px!important; }

@media (min-width: 992px) {
    .phone-svg { display:none; }
    .hero-logo .brand-name { display: none; }  
    .brand-name-holder .desktop-logo { display: none;  }    
    .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li>a { color: #ebe3d6; font-size: 30px;}
    .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li>a:hover { color: #bf702d; filter: drop-shadow(2px 2px 0px rgba(188,112,55,0.27)); }
    .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-ancestor>a, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-parent>a, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-item>a {
        color: #bf702d; filter: drop-shadow(2px 2px 0px rgba(188,112,55,0.27));
    }    
    .navbar-nav li:after {
        content: "";
        background: #AB8D3F;
        height: 7px;
        width: 7px;
        border-radius: 50%;
        position: absolute;
        right: -4px;
        top: 50%;
        -webkit-transform: translatey(-50%);
        -ms-transform: translatey(-50%);
        -o-transform: translatey(-50%);
        transform: translatey(-50%);
        box-shadow: inset 0 0 50px #60331d;
    }
    .navbar-nav li:last-child:after{display:none;}
}
@media (max-width: 1559px) {
    .cards { width:19%;right:10%; }
    .coffee-mill { width:19%;left:10%; } 
    .typewriter { width:19%; }
    .viewmaster-reel{ width:19%;right:60px;}    
    .tin-gray2{ width:19%;right:60px;}
    .tin-gray2.go{ width:19%;right:60px;} 
    .scissors{ width:19%;left:60px; }
    .scissors.go{ width:19%;left:60px; }        
    .key1{ width:19%;left:60px; }    
}  
@media (max-width: 1441px) {
    .coffee-mill { } 
    .cards { }
    .typewriter{ width:19%; }
    .typewriter.go{ width:19%; }
    .eiffel-tour{ width:19%; }
    .eiffel-tour.go{ width:19%; }
    .vintage-tin-can{ width:19%; }
    .cam-w-case{ width:19%; }
    .cam-w-case.go{ width:19%; }
    .violin{ width:19%; }
    .red-cards{ width:19%; }
    .chain-clock{ width:19%; }
    .chain-clock.go{ width:19%; }
    .ball{ width:19%; }
    .scroll-img-wrap{ width:19%; }
    .scroll-img{ width:19%; }
    .tin-green{ width:19%; }
    .tin-green.go{ width:19%; }       
}  
@media (max-width: 991px) {
    .coffee-mill{display:none;}
    .cards{display:none;}
    .typewriter{display:none;}
    .typewriter.go{display:none;}
    .eiffel-tour{display:none;}
    .eiffel-tour.go{display:none;}
    .vintage-tin-can{display:none;}
    .key1{display:none;}
    .cam-w-case{display:none;}
    .cam-w-case.go{display:none;}
    .violin{display:none;}
    .red-cards{display:none;}
    .scissors{display:none;}
    .scissors.go{display:none;}
    .viewmaster-reel{display:none;}
    .chain-clock{display:none;}
    .chain-clock.go{display:none;}
    .ball{display:none;}
    .scroll-img-wrap{display:none;}
    .scroll-img{display:none;}
    .tin-green{display:none;}
    .tin-green.go{display:none;}
    .tin-gray2{display:none;}
    .tin-gray2.go{display:none;}  
    .widget_nav_menu li { text-align:center; } 
    
    .hero-logo .desktop-logo { display: none; }
    .hero-logo .brand-name { display: block; font-size: 40px; filter: drop-shadow(5px 3px 0 #232323); }
    .hero-logo .brand-name span { font-size: 50px; }    
    .brand-name-holder .desktop-logo { display: block;  }          
    .brand-name-holder .brand-name { display: none; } 
    .no-svg { display: none; }       
} 
@media (min-width: 768px) {
    .call-icon { display: none; }
    .mobile-break { display: none; }
    .page-id-1818 .phone a, .page-id-1818 .email a { text-decoration: underline; font-weight: 800; }  
}
@media (max-width: 767px) {
    .headline .fl-heading-text, h1 .fl-heading-text { font-size: 50px; filter: drop-shadow(3px 4px 0 #c79368); }    
    .fl-builder-content-1912 .cta-inner { padding: 15px 0; }
    .fancy span { display: inline-block; position: relative; }
    .fancy span:before,
    .fancy span:after {            
      content: "";
      position: absolute;
      height: 6px;
      border-bottom: 2px solid #333;
      border-top: 2px solid #333;
      top: 6px;
      width: 25px;
    }    
    .fl-rich-text p, .fl-widget { font-size: 18px; line-height: 175%; }
    body { font-size: 16px; line-height: 1.45; }
    .fl-builder-content-1912 .cta-inner p { font-size: 30px; }
}    