/*
Theme Name: TrainwreckCustom
Theme URI: 
Author: PMCJAX
Author URI: https://www.pmcjax.com
Description: A custom theme built for Trainwreck Saloon
Tags: 
Version: 2026
Requires at least: 5.2
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: trainwreckcustom
*/
html{font-size:18px;}
body{font-family: "Montserrat", sans-serif;font-weight: 400;font-style: normal;color:#FFF;}
.marker{font-family: "Fredericka the Great", serif;}
.script{font-family: "Cookie", cursive;}
.western{font-family: "Ewert", serif;}
.centervert{display: flex;flex-direction: column;justify-content: center;}

a.btn{font-family: "Ewert", serif;background-color:#d0b792;color:#751915;border-radius: 0;filter: drop-shadow(0px 0px 10px #000);}
a.btn:hover{color:#000;background-color:#ccc3ad;}
a.btn.large{font-size:32px;}

header#header{background-image: url('imgs/trainwreck-westport-header-bg.jpg');background-size: auto 185px;background-repeat: repeat-x;}
header#header #logo{margin: 0 auto;display: block;max-width: 100%;}
header#header nav#menu{background-image: url('imgs/trainwreck-headboarder.jpg');background-size: auto 41px;background-repeat: repeat-x;position: relative;height: 78px;margin-bottom: -37px;z-index: 99;}
header#header nav#menu::after{content:'';background-image: url('imgs/trainwreck-welcome.png');display: block;width: 1163px;height: 117px;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;background-repeat: no-repeat;z-index: 0;max-width: 100%;background-position: center;}
header#header nav#menu .menu-main-menu-container{position: relative;max-width: 990px;margin: 0 auto;}
header#header nav#menu .menu-main-menu-container::before{content:'';background-image: url('imgs/menubtn.png');display: block;height: 27px;width: 50px;background-size: contain;background-repeat: no-repeat;position: absolute;top: 25px;right: 35px;z-index: 1;cursor:pointer;}
header#header nav#menu .menu-main-menu-container .menu{display: flex;background-color: #302d28;justify-content: space-around;margin: 0;overflow: hidden;position: absolute;width: 100%;top: 75px;z-index: 5;height: 0;}
header#header nav#menu .menu-main-menu-container .menu.active{padding: 10px 0 15px;height:65px;}
header#header nav#menu .menu-main-menu-container .menu li{display:block;padding:8px 15px;}
header#header nav#menu .menu-main-menu-container .menu li a{color:#FFF;text-transform:uppercase;font-weight:700;text-decoration:none;}
header#header nav#menu .menu-main-menu-container .menu li a:hover{color:#b51016;text-decoration:none;}

section#main{background-color:#000;padding-top: 37px;}
section#main .container{background-image:url('imgs/trainwreckBGcontent.jpg');background-size:100%;background-repeat:repeat-y;max-width: 1140px;}
div.paperbg{background-image:url('imgs/BURNT-PAPER-BACKGROUND.png');background-size: 100% 100%;padding: 8%;color:#000;}

.le-post{display:flex;border-bottom:1px solid #FFF;margin-bottom:30px;margin-bottom: 40px;padding: 10px 0 40px;}
.le-post .imgwrap{max-width: 40%;margin-right: 10%;width: 100%;text-align: center;}
.le-post .imgwrap img{max-width:100%;}
.le-post .deets{}

.hhtime{font-size: 60px;line-height:24px;position: absolute;margin: -110px 0 0 440px;}
.hhpromo{color:#c00810;font-size: 54px;font-family: "Fredericka the Great", serif;text-transform:uppercase;}
.hhpromo .hhpromodark{color:rgb(45,45,45);}
.xltext{font-size:72px;}
.mtn50{margin-top:-50px;}

footer#footer{background-color:#000;color:#FFF;padding: 40px 0 10px;}
footer#footer a{color:#FFF;}
footer#footer a:hover{color:#751915;}
footer#footer #sitebuiltby{text-align:right;}
footer#footer #sitebuiltby a{color:#FFF;text-decoration:none;}
footer#footer #sitebuiltby a:hover{color:#751915;}
footer#footer #fra{text-align:center;}


/* ----- Social Navigation Styles ----- */
.social-navigation a:before{-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-family:'Font Awesome 6 Brands';font-size: 16px;font-style: normal;font-variant: normal;font-weight: normal;line-height: 1;speak: none;text-align: center;text-decoration: none;text-transform: none;vertical-align: top;}.social-navigation ul {list-style: none;display: flex;margin: 0;padding:0;}.social-navigation li {margin: 0 0px;}.social-navigation a {color: #FFFFFF;display: block;height: 45px;position: relative;width: 45px;background-color: transparent;border-radius: 50px;overflow: hidden;}.social-navigation a:before {content: "\f1e0";height: 43px;line-height: 43px;text-align: center;width: 43px;font-size:1.33rem;}.social-navigation a:hover:before,.social-navigation a:focus:before {color:#751915;}.social-navigation a[href*="dropbox.com"]:before {content: "\f16b";}.social-navigation a[href*="facebook.com"]:before {content: "\f39e";}.social-navigation a[href*="flickr.com"]:before {content: "\f16e";}.social-navigation a[href*="foursquare.com"]:before {content: "\f180";}.social-navigation a[href*="google.com"]:before {content: "\f1a0";}.social-navigation a[href*="plus.google.com"]:before {content: "\f0d5";}.social-navigation a[href*="instagram.com"]:before {content: "\f16d";}.social-navigation a[href*="linkedin.com"]:before {content: "\f0e1";}.social-navigation a[href*="pinterest.com"]:before {content: "\f0d2";}.social-navigation a[href*="reddit.com"]:before {content: "\f1a1";}.social-navigation a[href*="skype.com"]:before {content: "\f17e";}.social-navigation a[href*="stumbleupon.com"]:before {content: "\f1a4";}.social-navigation a[href*="tumblr.com"]:before {content: "\f173";}.social-navigation a[href*="twitter.com"]:before {content: "\e61b";}.social-navigation a[href*="x.com"]:before {content: "\e61b";}.social-navigation a[href*="vimeo.com"]:before {content: "\f27d";}.social-navigation a[href*="wordpress.com"]:before,.social-navigation a[href*="wordpress.org"]:before {content: "\f19a";}.social-navigation a[href*="youtube.com"]:before {content: "\f167";}.social-navigation a[href^="mailto:"]:before {font-family:'Font Awesome 6 Pro';font-weight:900;content: "\f0e0";}.social-navigation a[href*="spotify.com"]:before {content: "\f1bc";}.social-navigation a[href*="twitch.tv"]:before {content: "\f1e8";}.social-navigation a[href$="/feed/"]:before {content: "\f09e";}.social-navigation a[href*="tripadvisor.com"]:before {font-family:'Font Awesome 6 Pro';content: "\f559";}
/* .social-navigation a[href*="tripadvisor.com"]:before {background-image: url('data:image/svg+xml,%3Csvg width="100%25" height="100%25" viewBox="0 0 297 190" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"%3E%3Cg id="Background"%3E%3Cpath d="M225.394,178.47c-13.633,1.137 -32.159,1.395 -53.731,-17.156c-4.163,-3.58 -5.658,-7.887 -7.697,-5.606c-2.898,3.243 -12.327,17.063 -12.526,17.383c-1.956,3.16 -2.39,-0.155 -8.138,-8.233c-7.264,-10.207 -7.656,-10.261 -8.681,-9.994c-1.994,0.519 -5.079,9.321 -24.593,18.364c-46.873,21.722 -104.988,-19.318 -92.889,-76.051c3.548,-16.638 11.767,-23.16 11.066,-26.32c-2.018,-9.095 -8.173,-19.546 -11.749,-23.486c-2.286,-2.519 1.225,-1.871 11.669,-1.886c28.702,-0.043 28.893,0.351 31.674,-1.348c49.066,-29.97 124.756,-33.543 178.527,0.174c2.388,1.497 2.603,1.133 38.799,1.169c3.012,0.003 2.958,-0.031 5.997,-0.083c3.631,-0.062 -1.898,2.875 -7.27,14.337c-5.825,12.428 -3.666,13.439 -2.864,14.646c30.006,45.184 -2.513,99.771 -47.595,104.089Zm-141.007,-134.59l0.145,0.585c1.761,0.437 1.741,0.293 3.569,0.363c19.194,0.74 38.865,13.332 47.717,25.533c14.863,20.485 12.909,33.468 13.616,35.9l0.029,1.519c0.309,0.225 -0.162,0.407 0.141,0.627c0.054,0.04 0.43,0.313 0.837,0.085c0.193,-0.108 -0.033,-0.535 0.159,-0.642c0.015,-0.961 -0.004,-0.912 0.268,-1.804c0.005,-0.169 -0.192,-0.302 -0.188,-0.471c0.011,-0.398 0.078,-0.356 0.029,-0.764c-0.509,-4.252 3.837,-30.444 25.635,-46.308c23.408,-17.035 37.389,-12.019 38.346,-13.878c0.198,-0.385 -59.996,-28.815 -130.306,-0.745Zm134.989,13.837c-2.283,0.005 -25.672,-2.186 -44.152,19.989c-28.447,34.133 -4.418,91.974 47.883,88.05c29.578,-2.22 57.55,-35.116 45.436,-71.517c-3.708,-11.14 -15.703,-29.874 -38.716,-35.147c-6.1,-1.398 -8.825,-1.299 -10.45,-1.374Zm-137.25,-0.002c-63.155,2.355 -72.737,88.146 -14.26,106.191c33.575,10.361 75.797,-17.673 68.114,-62.251c-2.969,-17.225 -17.676,-39.189 -44.887,-43.312c-1.724,-0.261 -1.663,-0.52 -8.966,-0.628Z" style="fill:%23010002;"/%3E%3Cpath d="M86.651,143.96c-3.144,0.205 -11.46,1.415 -20.473,-3.738c-25.59,-14.629 -21.41,-52.74 8.42,-60.448c29.401,-7.597 55.331,30.554 29.916,55.485c-1.135,1.113 -7.761,7.613 -17.863,8.701Zm-4.526,-9.739c30.523,-1.837 28.826,-43.069 1.479,-45.127c-27.482,-2.068 -34.487,39.574 -4.511,44.976c0.239,0.043 0.225,0.011 3.032,0.151Z" style="fill:%23030104;"/%3E%3Cpath d="M217.876,143.962c-0.074,-0.002 -6.484,0.734 -14.173,-2.754c-28.508,-12.932 -25.047,-57.497 10.397,-62.278c20.906,-2.82 43.452,19.664 33.428,45.051c-2.205,5.586 -7.852,11.938 -12.552,14.926c-8.47,5.385 -15.163,4.997 -17.1,5.055Zm-4.467,-54.772c-23.293,3.803 -27.374,39.821 1.448,44.803c17.28,2.987 36.164,-21.772 17.086,-39.662c-6.972,-6.538 -17.006,-5.326 -18.533,-5.142Z" style="fill:%23030104;"/%3E%3Cpath d="M215.626,100.544c18.666,1.777 10.591,26.438 -3.752,21.333c-9.989,-3.555 -10.811,-20.176 3.752,-21.333Z" style="fill:%23020104;"/%3E%3Cpath d="M77.56,122.194c-13.5,-4.655 -8.652,-20.856 2.293,-21.589c13.865,-0.929 17.169,23.998 -2.293,21.589Z" style="fill:%23020102;"/%3E%3C/g%3E%3C/svg%3E');} */
.social-navigation.socialshort{float: none;display: flex;justify-content: space-evenly;margin-top: 0;}


/* ----- Media Queries ----- */
@media (min-width: 1200px) {
}
@media screen and (min-width: 992px) and (max-width: 1200px){
}
@media screen and (min-width: 768px) and (max-width: 991px){ 
	.hhtime{margin: -100px 0 0 35%;}
}
@media screen and (min-width: 1px) and (max-width: 767px){
	header#header nav#menu .menu-main-menu-container::before{top:-35px;}
	.hhtime{margin: -80px 0 0 35%;font-size: 40px;}
	.le-post{flex-wrap:wrap;}
	.le-post .imgwrap{max-width:100%;margin-bottom:20px;}
	header#header nav#menu .menu-main-menu-container .menu{flex-direction:column;}
	header#header nav#menu .menu-main-menu-container .menu.active{height: auto;}
	header#header nav#menu::after{background-size: auto 80%;}
	div.paperbg{padding:30% 5%;}
}