/*
Theme Name: Wilmington Charcuterie
Author: Greg Luke
Version: 1.0
*/

/*
    Primary: #777 (grey)
    Secondary: #edcfc5 (pink)
    Tertiary: #ab773d (gold)
*/

html{font-size:18px}
body{color:#8f8f8f;margin:0;padding:0;overflow-x:hidden; min-height: 100vh; display: flex; flex-direction: column; }
a{transition:all .3s ease}
a:focus,a:hover{text-decoration:none}
a:focus{outline:0}
p{line-height:1.9}
.btn{padding:8px 32px}
.btn:hover{background-color:#ced4da}
.tm-section-pad-top{padding-top:135px}
.tm-section-pad-bottom{padding-bottom:135px}
.tm-text-primary{color:#777;font-family:'Satisfy',cursive;}
.tm-font-big{font-size:1.25rem}
.tm-btn-primary{color:#777;background-color:#edcfc5;padding:14px 35px;border-radius:30px}
.tm-btn-primary:focus,.tm-btn-primary:hover{color:#fff;background-color:#ab773d}
.tm-navbar{position:fixed;width:100%;z-index:1000;background-color:#edcfc5;/*background-color:transparent;*//*background-color:rgba(255, 255, 255, .5);*/transition:all .3s ease}
.tm-navbar.scroll{background-color:#fff;border-bottom:1px solid #e9ecef}
.tm-navbar .navbar-brand{color:#777;font-size:1.4rem;font-weight:700}
.tm-navbar .navbar-brand:hover{color:#ab773d;}
.tm-navbar.scroll .navbar-brand{color:#777}
.tm-navbar.scroll .navbar-brand:hover{color:#ab773d;}
.tm-navbar .nav-link{color:#777}
.tm-navbar .nav-link:hover{color:#ab773d}
.tm-navbar.scroll .nav-link{color:#777}
.tm-navbar.scroll .nav-link:hover, .tm-navbar.scroll .nav-link.current{color:#ab773d}
.nav-item{list-style:none}
.navbar-toggler{border:1px solid #777;padding-left:10px;padding-right:10px}
.navbar-toggler-icon{color:#777;padding-top:6px}
.tm-navbar.scroll .navbar-toggler{border:1px solid #8f8f8f}
.tm-navbar.scroll .navbar-toggler-icon{color:#8f8f8f}
#sys-nav{font-family:'Satisfy',cursive;}

#hero{/*background-image:url(../img/hero.jpg);*/background-color:#edcfc5;background-repeat:no-repeat;height:100vh;min-height:375px;position:relative;font-family:'Satisfy',cursive;}
@media (min-height:830px){
    #hero{background-position:center -210px;}
}
@media (min-height:680px) and (max-height:829px){
    #hero{background-position:center -300px;}
}
@media (min-height:500px) and (max-height:679px){
    #hero{background-position:center -400px;}
}
@media (max-height:499px){
    #hero{background-position:center -450px;}
}

.tm-hero-text-container{width:100%;height:100%;display:flex;flex-flow:column;justify-content:center}
.tm-hero-text-container-inner{margin-top:-90px}
.tm-hero-title{font-size:3.5rem;text-shadow:2px 2px 2px #333;font-family:'Satisfy',cursive;}
.tm-intro-next{position:absolute;bottom:50px;left:0;right:0}
@media (max-height:499px){
    .tm-hero-text-container-inner{margin-top:-40px}
    .tm-intro-next{display:none;}
}
.tm-down-arrow-link{display:block;margin-top:18%}
.tm-down-arrow{color:#ab773d;cursor:pointer;background:#fff;border-radius:50%;padding:10px 18px 8px;transition:all .3s ease}
.tm-down-arrow:focus,.tm-down-arrow:hover{background:#ab773d;color:#edcfc5}
.tm-section-title{font-size:2.6rem;font-weight:600;font-family:'Satisfy',cursive;}
.tm-section-subtitle{font-size:2.0rem;font-weight:600;font-family:'Satisfy',cursive;}
.tm-intro-text-container { font-size:1.2rem; line-height:1.4; }
.tm-intro-text-container p { line-height: 1.4; margin-bottom: 1.5rem !important; }
.tm-intro-text{font-size:1.2rem;line-height:1.4}
.tm-icon{display:block;margin-bottom:55px;color:#777}
.tm-work-description{max-width:650px;width:100%;font-size:.9rem}

#socials{color:#777;background-color:#edcfc5;background-position:center;background-repeat:no-repeat;position:relative;padding-bottom:50px;padding-top:160px}
.tm-underline{border-top:2px solid #fff;height:8px;width:100%}
.tm-underline-inner{width:25%;height:8px;background:#fff}
.tm-input{padding:8px 25px;border-radius:3px;border:1px solid #fff;background:0 0;color:#fff}
::placeholder{color:#fff;opacity:1}
:-ms-input-placeholder{color:#fff}
::-ms-input-placeholder{color:#fff}
.tm-btn-submit{margin-left:20px}
.tm-footer{position:absolute;bottom:35px;left:0;right:0;padding:0 15px}
.tm-footer-link{color:#777}
.tm-footer-link:focus,.tm-footer-link:hover{color:#ab773d;text-decoration:none}


@media (min-width:768px){
    .tm-intro-text-container{padding-left:65px}
    .navbar-expand-md .navbar-nav .nav-link{padding-right:30px;padding-left:30px}
}
@media (min-width:1200px){
    .container{max-width:1275px}
    .tm-container-gallery{max-width:1290px}
    .tm-container-contact{max-width:1063px}
}
@media (max-width:991px){
    .tm-intro-text-container{padding-left:15px;padding-top:30px;max-width:600px;margin-left:auto;margin-right:auto}
    .tm-intro-img{display:block;margin-left:auto;margin-right:auto}
    .tm-btn-submit{margin-left:0;margin-top:20px}
}
@media (max-width:767px){
    .tm-btn-submit{margin-left:20px;margin-top:0}
    .navbar-nav{max-width:200px;text-align:right}
    .navbar-collapse{background-color:transparent;padding:10px;border-radius:3px}
    .navbar-collapse .nav-link{color:#777}
}
@media (max-width:420px){
    .tm-btn-submit{display:block;margin-left:0;margin-top:20px}
}

.table{color:#8f8f8f;}
input[type=submit],input[type=button],input[type=reset] {border:none;}
.has-error { color: #721c24; }
.has-error .form-control, .has-error input, .has-error select, .has-error textarea { background-color: #f8d7da !important; border-color: #f5c6cb !important; }
.badge-wc { color: #777; background-color: #edcfc5; }
.border-bottom { border-bottom: 1px solid #777; }
.padding-top { padding-top: 50px; }
.content-page { padding-top: 135px; padding-bottom: 135px; flex: 1 0 auto; }
#myCAPTCHA div { margin: 0 auto; }

/* GDPR */
#sgdpr-box { z-index: 1000; }
@media (max-width:961px) {
    #sgdpr-box { position: fixed; top: initial; }
}