@font-face {
        font-family: 'Burford';
        src: local('/wp-content/themes/cleavers/fonts/Burford Base'), local('/wp-content/themes/cleavers/fonts/Burford-Base'),
            url('/wp-content/themes/cleavers/fonts/Burford-Base.woff2') format('woff2'),
            url('/wp-content/themes/cleavers/fonts/Burford-Base.woff') format('woff'),
            url('/wp-content/themes/cleavers/fonts/Burford-Base.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'riftdemi';
        src: url('/wp-content/themes/cleavers/fonts/fort_foundry_-_rift-demi-webfont.woff2') format('woff2'),
            url('/wp-content/themes/cleavers/fonts/fort_foundry_-_rift-demi-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;

    }

    @font-face {
        font-family: 'bourtondrop_stripes_b';
        src: url('/wp-content/themes/cleavers/fonts/bourton-drop-stripes-b_1-webfont.woff2') format('woff2'),
            url('/wp-content/themes/cleavers/fonts/bourton-drop-stripes-b_1-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;

    }

    @font-face {
        font-family: 'ProximaNovaRegular';
        src: url('/wp-content/themes/cleavers/fonts/proximanova-regular-webfont.eot');
        src: url('/wp-content/themes/cleavers/fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
            url('/wp-content/themes/cleavers/fonts/proximanova-regular-webfont.woff2') format('woff2'),
            url('/wp-content/themes/cleavers/fonts/proximanova-regular-webfont.woff') format('woff'),
            url('/wp-content/themes/cleavers/fonts/proximanova-regular-webfont.ttf') format('truetype'),
            url('/wp-content/themes/cleavers/fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'ProximaNovaBold';
        src: url('/wp-content/themes/cleavers/fonts/proximanova-bold-webfont.eot');
        src: url('/wp-content/themes/cleavers/fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
            url('/wp-content/themes/cleavers/fonts/proximanova-bold-webfont.woff2') format('woff2'),
            url('/wp-content/themes/cleavers/fonts/proximanova-bold-webfont.woff') format('woff'),
            url('/wp-content/themes/cleavers/fonts/proximanova-bold-webfont.ttf') format('truetype'),
            url('/wp-content/themes/cleavers/fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
        font-weight: normal;
        font-style: normal;
    }
a.tfmhomebutton {
    font-size: 21px !important;
}

.text-oswald {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

    :root {
        --red: #a2282f;
        --cream: #fff4d7;
        --white: #fff;
        --black: #000;
        --gray-dark: #1c1c1c;
    }

    body {  font-family: "Proxima Nova"; overflow-x: hidden; }
    .text-red { color:var(--red); }
    .text-cream { color:var(--cream); }
    .text-white { color:var(--white); }
    .text-black { color:var(--black); }

    .bg-red { background-color: var(--red) !important; }
    .bg-cream { background-color: var(--cream); }
    .bg-white { background-color: var(--white); }
    .bg-black { background-color: var(--black); }

    .text-buford { font-family: 'Burford'; }
    .text-rift { font-family: 'riftdemi'; }
    .text-bourton { font-family: 'bourtondrop_stripes_b' }
    .text-source-code-pro { font-family: 'Source Code Pro', monospace; }

    .text-fs-12 { font-size:12px; }
    .text-fs-17 { font-size:17px; }
    .text-fs-21 { font-size:21px; }
    .text-fs-26 { font-size:26px; }
    .text-fs-40 { font-size:40px; }
    .text-fs-50 { font-size:50px; }
    .text-fs-60 { font-size:60px; }
    .text-fs-76 { font-size:76px; }
    .text-fs-80 { font-size:80px }

    .nav a { background-color:var(--black); color:var(--white); text-decoration: none; color:var(--white);font-family: "Oswald", sans-serif; font-size:20px; }
    .nav a.px-3:hover { background-color: var(--white); color:var(--black) }

    .bg-parallax-1 {max-height: 600px; background:var(--red) url(/wp-content/themes/cleavers/img/hero-home.jpg) no-repeat center center; background-size: cover;}
    

    .rip-top { position: absolute; top:0; left:0; }
    .rip-bottom, .rip-bottom-white { position: absolute; bottom:0; left:0; }
    .parallax-1-placeholder { opacity: 0;}
    .text-stroke { text-stroke: 2px var(--black); -webkit-text-stroke: 2px var(--black);}

    .btn-black { background: transparent url(/wp-content/themes/cleavers/img/btn-black.png) 0 0 no-repeat; width:230px; height:64px; color:var(--white); display:flex; align-items: center; justify-content: center; text-decoration: none;  font-family: "Oswald", sans-serif; font-size:29px; text-align: center; margin:auto;}
    
    .btn-red, .wp-element-button, .wpforms-submit { background: transparent url(/wp-content/themes/cleavers/img/btn-red.png) 0 0 no-repeat !important; width:230px !important; height:64px !important; color:var(--white) !important; display:flex !important; align-items: center !important; justify-content: center; text-decoration: none;  font-family: "Oswald", sans-serif; font-size:29px !important; text-align: center !important; margin:auto !important;}
    .fw-bold {  font-family: 'ProximaNovaBold'; }

    .accordion-item:first-of-type .accordion-button { box-shadow: none !important}
        .accordion-button, .accordion-button:not(.collapsed), .accordion-button:after { background-color: var(--white); color:var(--red); font-size: 21px; font-weight: 600; background-image: none !important;}
    .accordion-item { border:none !important; font-size:21px; }
    .accordion-button:not(.collapsed)::after { background-image: none !important;}
    .accordion-button:focus { box-shadow: none !important;}
    .social-icons { width:230px; margin:auto; }
    #mailing-list .form-control { max-width:60%; margin-right:15px; }
    #mailing-list button { width:35%;}
    
    ::-webkit-input-placeholder {
        color:#fff !important;
    }

    ::-moz-placeholder {
        color:#fff !important;
    }

    :-ms-input-placeholder {
        color:#fff !important;
    }

    ::placeholder {
        color:#fff !important;
    }

    .add-border-top-3 { border-top:3px solid var(--gray-dark); }
    .add-border-bottom-5 { border-bottom:5px solid var(--gray-dark); }
    header { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 100; }

    .bounce-down { animation: bounce-fall-settle 2s ease;  }

    @keyframes bounce-fall-settle {
        0% {
            transform: translateY(-200px);
            opacity:0;
        }
        14% {
            transform: translateY(0px);
            opacity:1;
        }
        15% {
            transform: translateY(10px);
                opacity:1;
        }
        20% {
            transform: translateY(-5px);
                opacity:1;
        }
        25% {
            transform: translateY(3px);
                opacity:1;
        }
        30% {
            transform: translateY(-2px);
                opacity:1;
        }
        35% {
            transform: translateY(0px);
                opacity:1;
        }
        35% {
            transform: translateY(0px);
                opacity:1;
        }
        100% {
            transform: translateY(0);
            opacity:1;
        }
    }

    .rotate {  animation: rotate 6s linear infinite; }
    @keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.hatchet, .hatchet-words, .cow, .cow-words { position:absolute; top:0; left:0; }
header .logo { max-width:inherit !important; width: 308px !important;  -webkit-transition: all 0.5s ease !important;-moz-transition: all 0.5s ease !important;-o-transition: all 0.5s ease !important;transition: all 0.5s ease !important; }
.scrolled header .logo  { width: 150px !important; }
#first-section { padding-top:252px; }
#page-header .rip-bottom { bottom:-88px; }
.scrolled #page-header .rip-bottom { display:block; }
.invert { filter:invert(1)}
.form-group>label { font-size:19px; font-family: 'ProximaNovaBold';  }
#main-form .form-control { background-color: var(--black); }
/* #main-form .form-control:focus { border:0; box-shadow:none;} */
/* #main-form label { display:none; } */
#contact-section .container { max-width: 800px; }

    #main-form input, #main-form select { color:#fff  !important; font-size:18px; }
    /* Target a specific input element */
    input::placeholder {
    color: #fff !important; /* Placeholder text color */
    
    }

    /* Target a specific textarea element */
    textarea::placeholder {
    color: #fff  !important; /* Placeholder text color */
    
    }

    /* Target a specific select element */
    select::placeholder {
    color: #fff  !important; /* Placeholder text color */
    
    }

.sr-only { opacity:0; font-size:0; }

.has-text-align-center { text-align: center; }
.aligncenter { text-align: center; }
.aligncenter img { margin:auto; }
@media (max-width:1300px){
    header .logo { width:auto !important; }
}
@media (max-width:990px){
    .text-md-fs-56 { font-size:56px; }
    .text-md-fs-60 { font-size:60px; }
    .nav a { font-size:16px; display:inline-block; margin:0 .3rem }
    .parallax-1-placeholder { opacity: 1; }
    #contact-section .container { max-width: 100%; }
    
}

@media (max-width:575px){
        .nav a { font-size:18px; display:inline-block; margin:0 .3rem }
    .text-sm-fs-45 { font-size:45px; }
    .text-sm-fs-30 { font-size:30px; }
}

.ada-badge { cursor:pointer; position:fixed; bottom:40px; right:40px; z-index:1000; width:450px; height:45px; overflow:hidden; text-align:right; border-radius:100px; }
.ada-badge img { width:45px; height:45px; margin-right:-1px; margin-left:auto; position:relative; z-index:1000; }
.ada-notice { position: absolute;
right: -450px;
bottom: 4px;
width: 418px;
color: #fff;
font-size: 18px;
text-align: left;
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
z-index:999;
padding:4px 4px 4px 17px;
border-radius:100px;
background:#2d70ef;
font-family: 'ProximaNovaRegular' !important;
overflow-x: hidden;

}
.ada-notice.open {right: 7px; }

.mobile-trigger { cursor:pointer; width:40px; height:20px; position:fixed; top:40px; right:30px; z-index:1005;  display:none; }
.mobile-trigger span { width:100%; display: block; background-color: #fff; height:2px; margin-bottom:5px; border-radius: .25rem; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
body.open .mobile-trigger span:nth-child(3) { display:none; }
body.open .mobile-trigger span:nth-child(1) { transform:rotate(45deg) }
body.open .mobile-trigger span:nth-child(2) { transform:rotate(-45deg); margin-top:-7px; }
body.open .mobile-overlay-wrapper { opacity: 1; z-index:1000; }
.contact-tab { 
    border:1px solid #ccc;
    height:95vh;  
    background: #000;
    position: fixed;
    bottom: -1500px;
    left: 20px;
    z-index: 2000;
    width: 380px;
    padding: 1rem;
    overflow: hidden;
    border-radius:.25rem;
    -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
    overflow-y: auto;
}
.contact-tab label { font-size:13px; }
.contact-tab.open { bottom:0; }
.contact-tab-button { position:fixed; bottom:20px; left:20px; z-index:1999; cursor: pointer; }
.close-contact-tab { text-decoration: none; position:absolute; top:10px; right:10px; color:var(--white); }
@media (max-width:1300px){
    header .logo { width:100% !important; }
    .nav a { font-size:20px; }
}

    @media (max-width:990px){
        .mobile-trigger { display:block; }
        .main-nav-items { display: none !important; }
        .open .main-nav-items { display:block !important; }
        .open .main-nav-items a { display: block; margin-bottom:5px; }
            header .logo { width:250px !important; }
        
    }

    @media (max-width:575px){
        .ada-notice {font-size:15px;}
        .ada-badge { right:20px; }
        .ada-notice { width:360px; }

    }