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

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

}

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

}

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

@font-face {
    font-family: 'ProximaNovaBold';
    src: url('../fonts/proximanova-bold-webfont.eot');
    src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proximanova-bold-webfont.woff2') format('woff2'),
        url('../fonts/proximanova-bold-webfont.woff') format('woff'),
        url('../fonts/proximanova-bold-webfont.ttf') format('truetype'),
        url('../fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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); }
.text-gray-dark { color:var(--gray-dark); }
.text-gray { color:var(--gray); }

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

.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-17 { font-size:17px; }
.text-fs-18 { font-size:18px; }
.text-fs-20 { font-size:20px; }
.text-fs-21 { font-size:21px; }
.text-fs-22 { font-size:22px; }
.text-fs-26 { font-size:26px; }
.text-fs-32 { font-size:32px; }
.text-fs-40 { font-size:40px; }
.text-fs-50 { font-size:50px; }
.text-fs-61 { font-size:61px; }
.text-fs-76 { font-size:76px; }
.text-fs-80 { font-size:80px }
.text-fs-100 { font-size:100px }

header a { background-color:var(--black); color:var(--white); text-decoration: none; color:var(--white); font-family: 'riftdemi'; font-size:26px; }
header a.px-3:hover { background-color: var(--white); color:var(--black) }

.bg-parallax-1 {max-height: 600px; background:var(--red) url(../img/bg-parallax-01.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.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: var(--black); width:230px; height:64px; color:var(--white); display:flex; align-items: center; justify-content: center; text-decoration: none;  font-family: 'riftdemi'; font-size:27px; text-align: center; margin:auto;}
.btn-cream { background: var(--cream); width:230px; height:64px; color:var(--black); display:flex; align-items: center; justify-content: center; text-decoration: none;  font-family: 'riftdemi'; font-size:27px; text-align: center; margin:auto;}
.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:180px; margin:auto 0 auto 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 { width:431px; -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: 250px !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 { padding-bottom:0 !important; 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 */

}
.add-dotted-sep { position:relative;  }
.add-dotted-sep:after { content:''; width:4px; height:100%; background:transparent url(../img/dotted-line.png) no-repeat 0 0; position:absolute; top:0; right:2px; }
footer { position:relative; }
.footer-rip { position:absolute; height:64px; top:-64px; left:50%; transform:translateX(-50%); z-index:10; width:100%; background:transparent url(../img/footer-rip.png) repeat-x 0 0; background-size: cover; }

.mobile-overlay-wrapper { opacity:0; position:fixed; top:0; left:0; right:0; bottom:0; background-color: rgba(0,0,0,.9); z-index:-1; display:flex; align-items:center; justify-content: center; text-align: center; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
.mobile-overlay-wrapper > li { margin-bottom:1rem; }
.mobile-overlay-wrapper a  { color:var(--white); text-decoration: none; font-size:27px; }
.mobile-overlay-wrapper a.order-online-link { font-size:20px; display:inline-block; margin-top:.5rem;  }
.mobile-dropdown { display:none; }
.mobile-dropdown a { font-size:20px; color: var(--orange); }
.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; }

/** Inner page type **/

.main-content { position:relative; }
.main-content:before { content:''; position:absolute; top:-85px; left:0; width:100%; height:85px; background:transparent url(../img/rip-cream-top-of-content.png) repeat-x 0 0; background-size:cover; }
.main-content:after { content:''; position:absolute; bottom:-85px; left:0; width:100%; height:85px; background:transparent url(../img/rip-cream-bottom-of-content.png) repeat-x 0 0; background-size:cover; }
.main-content.w-bottom-shadow:after { content:''; position:absolute; bottom:-78px; left:0; width:100%; height:78px; background:transparent url(../img/rip-cream-bottom-of-content-w-shadow.png) repeat-x 0 0; background-size:cover; }

.inner-page-type #first-section { max-height:650px;  }
.inner-page-type #first-section h2 { position:absolute; top:50%; left:50%; transform:translateX(-50%); z-index:10; }

.add-solid-cream-shadow, .add-solid-black-shadow {position:relative}
.add-solid-cream-shadow:after { content:''; position:absolute; top:10px; right:-10px; background-color:var(--cream); z-index:1; width:100%; height:100%; border-radius:2rem; }
.add-solid-black-shadow:after { content:''; position:absolute; top:10px; right:-10px; background-color:var(--black); z-index:1; width:100%; height:100%; border-radius:2rem;}
.add-solid-cream-shadow img, .add-solid-black-shadow img { position:relative; z-index:2; }
.has-image-grid { padding:120px 30px; }

.inner-page-type.contact-page #first-section  { max-height: inherit; }
#contact_form { max-width:680px; margin:auto; }
#contact_form .form-control, #contact_form .form-control:focus , #contact_form .form-select, #contact_form .form-control:focus{ background-color:#696459; color:var(--white);  box-shadow:none !important; border:none !important; }
#popModal .btn-close { position:absolute; top:20px; right:20px; }

@media (max-width:1200px){
    .text-fs-md-20 { font-size:30px; }
    .remove-dotted-sep-third-item:after  { display:none; }
}

@media (max-width:1100px){

    header a { font-size:22px;}
}


@media (max-width:990px){
    .mobile-trigger { display:block; }
    .text-md-fs-56 { font-size:56px; }
    .text-md-fs-60 { font-size:60px; }
    .text-sm-fs-30 { font-size:30px; }
    .nav a { font-size:16px; display:inline-block; margin:0 .3rem }
    .parallax-1-placeholder { opacity: 1; }
    #contact-section .container { max-width: 100%; }
    .social-icons { margin:auto; }
    header .logo { width:250px; margin-left:20px;  }
}

@media (max-width:575px){
    .nav a { font-size:18px; display:inline-block; margin:0 .3rem }
    .text-sm-fs-45 { font-size:45px; }
    .text-fs-sm-50  { font-size:50px; }
    .text-fs-sm-80 { font-size:80px; }
    
    .add-dotted-sep:after  { display:none;  }
    .add-dotted-sep { border-bottom:dotted #333 3px; padding-bottom:2rem; }
    
}