/*
Theme Name: X – Child Theme
Theme URI: http://theme.co/xpro/
Author: Taraprasad Swain
Author URI: https://www.taraprasad.com/
Description: Make all of your modifications to X Pro in this child theme.
Version: 1.0.0
Template: x
*/
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&family=Fredericka+the+Great&display=swap');
body {
  animation: bgmove 125s linear infinite;
}
@keyframes bgmove {
  0% {background-position: 0% 0%;}
  100% {background-position: 500% 0%;}
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{margin:0 0 25px;}
h1, .h1{font-size:48px;}
h2, .h2{font-size:40px;}
h3, .h3{font-size:30px;}
h4, .h4{font-size:24px;}
h5, .h5{font-size:18px;}
h6, .h6{font-size:16px;}

.f-family-barlow{font-family: 'Barlow', sans-serif !important;}
.f-family-fredericka{font-family: 'Fredericka the Great', cursive !important;}

p{margin:0 0 25px; line-height:30px;}
.line-high-24, .line-high-24 p{line-height:24px;}
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box;}
.text-red{color:#ee2d3d;}
.text-white{color:#fff;}

.clr{clear:both;}
.clearfix:after {display: block; content: ''; width: 100%; clear: both; }

::-webkit-input-placeholder{color:#575757 !important;}
::-moz-placeholder{color:#575757 !important;}
:-ms-input-placeholder{color:#575757 !important;}
:-moz-placeholder{color:#575757 !important;}

.btn-pill{display:inline-block; vertical-align:top; background-color:#ee2d3d; color:#fff !important; border:none; border-radius:30px; font-size:16px; line-height:16px; font-weight:600; text-transform:uppercase; text-align:center; font-family: 'Barlow', sans-serif; padding:14px 17px; margin-bottom:10px;}
.btn-pill.b-brown{background-color:#d7b98a; color:#000 !important;}


.x-topbar {border-bottom: none; background-color: #d7b98a; color: #000; text-align:center;}
.x-topbar .p-info{float: none; margin: 12px 0 0; font-size: 18px; color: #000 !important; font-family: 'Barlow', sans-serif !important; font-weight:700;}
.x-topbar a.location {display: none;}
.x-topbar .x-social-global{display:none;}
.x-navbar {
    border-bottom: none;
    background-color: #B30926;
    box-shadow:none;
	position:relative;
}
.x-navbar:before {
    content: "";
    position: absolute;
    background: url(images/brd.png);
    background-repeat: repeat-x !important;
    width: 100%;
    height: 12px;
    bottom: -10px;
    z-index: 2;
    background-position: 3px !important;
}

.o-online-menu a{background-color: #e11537 !important; padding-top: 24px !important; padding-left: 19px !important; padding-right: 19px !important; position:relative; text-align:center;}
.o-online-menu a:before{display:block; content:"\f818"; font-size:35px; color:#ffd02e; margin-bottom:15px; font-family: "FontAwesome";}
.o-online-menu a:after {
    content: "";
    position: absolute;
    background: url(images/brd2.png);
    background-repeat: repeat-x !important;
    width: 100%;
    height: 12px;
    bottom: -10px;
	left:0;
    z-index: 2;
    background-position: 3px !important;
}

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a{box-shadow:none !important; border-bottom:none;}

#xc-floating-social-profiles{position:fixed; right:0; top:200px; z-index:99;}
#xc-floating-social-profiles a{background-color:#414145; width:150px; height:49px; line-height:49px; color:#fff; display:block; margin-bottom:1px; transition:0.3s; position:relative; right:-98px;}
#xc-floating-social-profiles a:hover{right:0;}
#xc-floating-social-profiles a.location-icon{background-color:#B30926;}
#xc-floating-social-profiles span.s-icon{display:inline-block; vertical-align:top; width:52px; text-align:center; font-size:22px;}
#xc-floating-social-profiles span.s-text{display:inline-block; vertical-align:top;}

.x-slider-container.below{border-bottom:none;}
#rev_slider_1_1_wrapper .hades .tp-arr-allwrapper{display:none;}

.widget{text-shadow:none;}
.widget ul, .widget ol{box-shadow:none; border:none;}
.widget ul li a, .widget ol li a, .x-comment-time{color:#c8c9cc !important; border-bottom:none; box-shadow:none;}
.widget_nav_menu ul li a, .widget_meta ul li a, .widget_pages ul li a{padding:0 0 14px;}
.widget_nav_menu .current-menu-item>a{background-color:inherit;}
.x-colophon{background-color:#000; border-top:none; box-shadow:none;}
.x-colophon+.x-colophon{border-top:none; box-shadow:none;}
.x-colophon .widget p a{color:#c8c9cc !important;}
.widget_nav_menu ul li a:hover, .widget_meta ul li a:hover, .widget_pages ul li a:hover{background-color:inherit; color:#ee2d3d !important;}
.widget_nav_menu ul li a:before, .widget_meta ul li a:before, .widget_pages ul li a:before{content:"\f0da"; opacity:1; color:#c8c9cc;}

.x-colophon.top{box-shadow:none; border-top:none; padding:70px 0; background-color:#000; background-image:url(images/bg-graphic.webp); background-position:center center; background-repeat: repeat; color:#c8c9cc; position:relative; animation: bgmove 125s linear infinite;}
.x-colophon.top a{color:#c8c9cc;}
.x-colophon.top:before {
    content: "";
    position: absolute;
    background: url(images/brd-black.png);
    background-repeat: repeat-x !important;
    width: 100%;
    height: 12px;
    top: -10px;
	left:0;
    z-index: 2;
    background-position: 3px !important;
}

.widget.widget_block h4{font-size:24px; line-height:24px; color:#ee2d3d; margin:0;}
.x-colophon .h-widget{margin:0 0 25px; font-size:24px; color:#ee2d3d;}
.x-colophon .widget{margin-top: 25px;}

.x-colophon .x-social-global a{color: #fff; font-size:23px; display: inline-block; vertical-align: top; margin-right: 15px; transition:0.3s;}
.x-colophon .x-social-global a:hover{color:#ee2d3d;}
.x-colophon a.location{display:none;}

.footer-btn{text-align:center;}
.footer-btn .btn-pill{min-width:236px;}

.x-colophon.bottom{font-size:14px; border-top:none; padding:0; box-shadow:none; border-top:none; padding:40px 0 0; background-color:#000; background-image:url(images/bg-graphic.webp); background-position:center center; background-repeat: repeat; color:#c8c9cc; position:relative; animation: bgmove 125s linear infinite;}
.x-colophon.bottom:before {
    content: "";
    position: absolute;
    background: url(images/brd-black.png);
    background-repeat: repeat-x !important;
    width: 100%;
    height: 12px;
    top: -10px;
	left:0;
    z-index: 2;
    background-position: 3px !important;
}
.x-colophon.bottom a{color:#c8c9cc;}
.x-colophon.bottom .x-colophon-content{letter-spacing:normal; margin:20px 0 0;}

.x-global-block-86 .x-bg-layer-lower-image {
  animation: bgmove 550s linear infinite;
}

.x-scroll-top{opacity:1; border:none; border-radius:0; background-color: #ee2d3d; color:#fff; line-height: 33px; margin-bottom: 10px; cursor:pointer;}

.heading-line{margin:0 0 20px; text-align:center;}
.heading-line span{width:350px; height:17px; display: inline-block; overflow:hidden; background:url(images/heading-bg.png) no-repeat center; position:relative;}
.heading-line span:before{position:absolute; content:""; left:0; top:50%; transform:translate(0,-50%); width:35%; height:1px; background:#ddd;}
.heading-line span:after{position:absolute; content:""; right:0; top:50%; transform:translate(0,-50%); width:35%; height:1px; background:#ddd;}

.menu-box {
    border: #e2e2e2 1px solid !important;
    border-radius: 8px;
    background-color: #fff !important;
    text-align: center;
	transition:0.3s;
	margin-bottom:20px;
	padding-bottom:15px;
}
.menu-box:hover{background-color:#d7b98a !important;}
.menu-box:hover .x-text-content-text-primary{border-color:#fff;}
.menu-box .x-image {
    height: 178px;
    line-height: 178px;
    padding: 0 15px;
	text-align:center;
}
.menu-box .x-image img {
    display: inline;
    max-height: 142px;
	max-width:192px;
    vertical-align: middle;
}
.menu-box .x-text-content-text-primary {
    font-size: 20px !important;
    font-weight: 600 !important;
	padding-top:15px;
    border-top: #c1c1c1 1px dashed;
	font-family: 'Barlow', sans-serif !important;
}

.welcome-top-bg, .welcome-down-bg{position:relative;}
.welcome-top-bg:after {
    content: '';
    position: absolute;
    width: 100%;
    top:-15px;
    left: 0;
    padding-top: 15px;
    background-size: auto 75px;
    background-repeat: repeat-x;
    background-position: center 0;
    background-image: url(images/welcome-bg-top.webp);
}
.welcome-down-bg:after {
    content: '';
    position: absolute;
    width: 100%;
	height:74px;
    bottom:-15px;
    left: 0;
    padding-bottom: 15px;
    background-size: auto;
    background-repeat: repeat-x;
    background-position: center 0;
    background-image: url(images/welcome-bg-down.webp);
}

.welcome-img{position: absolute;
    width: 495px;
    bottom: 0;}

.inner-banner{background:#000; position:relative;}
.banner-img{width:100%; height:215px; background-image:url(images/inner-banner-img.webp); background-position:center center; background-repeat:no-repeat; background-size:cover !important; opacity:0.45;}
.inner-banner .page-title{position:absolute; left:0; right:0; top:50%; transform:translate(0,-50%); margin:0 auto; font-size:48px; line-height:48px; font-weight:800; text-transform:uppercase; color:#fff; font-family: 'Barlow', sans-serif !important; text-align:center;}

.location-finder-geo-locator{
    line-height: 18px !important;
    padding: 15px 35px !important;
    font-size: 18px !important;
    height: auto;
	background-color:#d7b98a !important;
	border:none !important;
	color:#000 !important;
}
.or-txt {
    line-height: 49px;
    font-weight: 600;
    color: #fff;
}
.zipcode-form form {
    position: relative;
}
.zipcode-form form input[type="text"] {
    margin-bottom: 0;
    height: 49px;
    border-radius: 30px;
    font-size: 16px;
    padding-left: 15px;
    padding-right: 80px;
    display: inline-block;
    max-width: 245px;
}
.zipcode-form form [type="submit"]{
	position: absolute;
    right: 2px;
    top: 2px; line-height: 17px !important;
    padding: 14px 25px !important;
    font-size: 17px !important;
    height: auto;
	background-color:#B30926 !important;
	border:none !important;
	color:#fff !important;
}

.career-form{padding:30px 20px; background-color:#f5f5f5; border:#dddddd 1px solid; border-radius:10px; max-width:820px; margin:0 auto;}
.career-form .cf-section{margin-bottom:40px;}
.career-form .cf-section:last-child{margin-bottom:0;}
.career-form .cf-row{display: flex; flex-wrap: wrap; margin-left: -9px; margin-right: -9px;}
.career-form .f-field{width:100%; padding-left:9px; padding-right:9px; margin-bottom:18px;}
.career-form .f-field.ff-co2{width:50%; padding-left:9px; padding-right:9px; margin-bottom:18px;}
.career-form h5 {
    font-size: 18px;
    line-height: 18px;
    border-bottom: #adadad 1px dashed;
    padding-bottom: 18px;
    margin: 0;
}
.career-form .wpcf7-list-item{margin:0;}
.career-form  input[type=radio], input[type=checkbox] {margin: 0 0 3px;}
.career-form  .wpcf7-list-item-label {margin: 0 0.5em 0 6px;}

.career-form .f-field input[type=text], .career-form .f-field select, .career-form .f-field input[type=date], .career-form .f-field input[type=email], .career-form .f-field input[type=tel] {
    display: block;
    width: 100%;
    height: 43px;
    background: #fff;
    border: #c5c5c5 1px solid;
    border-radius: 3px;
    box-shadow: none;
	margin:0;
    padding: 0 14px;
    font-size: 14px;
    color: #333;
}
.career-form .f-field textarea{
    display: block;
    width: 100%;
    height:120px;
    background: #fff;
    border: #c5c5c5 1px solid;
    border-radius: 3px;
    box-shadow: none;
	margin:0;
    padding:14px;
    font-size: 14px;
    color: #333;
}
.career-form .send-btn{width:100%; padding-left:9px; padding-right:9px; margin-bottom:18px; margin-top: 35px; text-align:center;}
.career-form .send-btn input {
    display: inline-block;
    vertical-align: top;
    width: 225px;
    height: 50px;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0;
    background: #ee2d3d;
    text-shadow: none;
	font-family: 'Barlow', sans-serif !important;
}

.l-tab-menu {
    text-align: center;
    margin-bottom:45px;
}
.l-tab-menu ul{margin:0; list-style:none; display:block;}
.l-tab-menu ul li{display:inline-block; vertical-align:top; margin: 0 1px 10px;}
.l-tab-menu ul li:first-child{margin-right: 4.5px;}
.l-tab-menu ul li a {
    display: block;
    font-size: 18px;
    line-height: 18px;
    color: #ee2d3d;
	background:#fff;
    border: #ee2d3d 1px solid;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Barlow', sans-serif !important;
    padding: 15px 40px;
	transition:0.3s;
}
.l-tab-menu ul li:hover a, .l-tab-menu ul li.current_page_item a{background:#ee2d3d; color:#fff;}

.l-tab-content{display:none;}
.l-tab-content.active{display:block;}
.l-profile {
    display: flex;
    flex-wrap: wrap;
    border: #e2e2e2 1px solid;
    border-radius: 8px;
    background-color: #fff;
    padding: 25px 20px;
}
.l-profile .l-pro-col {
    width: 50%;
}

.lp-phone{padding-left:21px; margin-bottom:15px; line-height:24px; position:relative;}
.lp-phone:before{position:absolute; content:"\f879"; font-family: "FontAwesome"; left:0; top:0; color:#ee2d3d;}

.l-profile .btn-pill{padding: 15px 40px;}

.lp-map iframe {
    width: 100%;
	height:370px;
    border: #fff 8px solid !important;
    -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 15%);
}

.club-location-coupons .clc-box .clc-box-inner{padding: 24px 10px; margin: 0; height:100%;}

.grecaptcha-badge {
  display: none !important;
}

.x-colophon-content {
  text-transform: uppercase;
}

.metaslider .msHtmlOverlay .layer .content{position: absolute !important; top: 50%; transform: translate(0, -50%); left: 20%;}
.metaslider .flexslider .slides p.tt-upper{font-size:45px !important; line-height:50px !important; font-family: 'Barlow', sans-serif !important;}

@media only screen and (max-width:1500px) {
.o-online-menu a{padding-left:17px !important; padding-right:18px !important;}
}
@media only screen and (max-width:1480px) {
.o-online-menu a{padding-left:17px !important; padding-right:18px !important;}
}
@media only screen and (max-width:1440px) {
.o-online-menu a{padding-left:23px !important; padding-right:24px !important;}
}
@media only screen and (max-width:1400px) {
.o-online-menu a{padding-left:24px !important; padding-right:25px !important;}
}
@media only screen and (max-width:1366px) {
.o-online-menu a{padding-left:17px !important; padding-right:17px !important;}

.metaslider .flexslider .slides p.tt-upper{font-size: 40px !important;}
}
@media only screen and (max-width:1280px) {
.o-online-menu a{padding-left:20px !important; padding-right:20px !important;}
.menu-box .x-image{height: 160px; line-height: 160px; padding: 0 8px;}
.menu-box .x-image img{max-height: 125px; max-width: 160px;}

.location-finder-geo-locator{padding: 15px 10px !important; font-size: 15px !important;}

.metaslider .flexslider .slides p.tt-upper{font-size:36px !important; line-height:45px !important;}
}
@media only screen and (max-width:1200px) {
.o-online-menu a{padding-left:16px !important; padding-right:17px !important;}
}
@media only screen and (max-width:1140px) {
.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 12px !important;
    padding-right: 12px !important;
}
.o-online-menu a{padding-left:20px !important; padding-right:20px !important;}

.zipcode-form form input[type="text"]{max-width: 190px;}
}
@media only screen and (max-width:1024px) {
.x-brand {margin-top: 17px !important;}
.x-brand img {width: calc(500px / 2) !important;}

.o-online-menu a{padding-left:21px !important; padding-right:21px !important;}

.metaslider .flexslider .slides p.tt-upper{font-size:32px !important; line-height:40px !important;}
}
@media only screen and (max-width:978px) {
h1, .h1{font-size:40px !important;}
h2, .h2{font-size:30px !important;}
h3, .h3{font-size:24px !important;}
h4, .h4{font-size:20px !important;}
h5, .h5{font-size:18px !important;}
h6, .h6{font-size:16px !important;}

.x-navbar-inner {
    min-height:84px !important;
}
.x-brand {
    margin-top: 7px !important;
}
.x-brand img {
    width: calc(400px / 2) !important;
}
.o-online-menu a{padding-left:20px !important; padding-right:20px !important;}
.x-nav-wrap.mobile{
    margin: 25px 0;
    position: absolute;
    left: 0;
    right: 0;
    top:80%;
    z-index: 9;
    background-color: #B30926;
}
.x-navbar .mobile .x-nav{margin-bottom:0;}
.x-navbar .mobile .x-nav li>a{padding-left:15px; padding-right:15px; border-color:#640111;}
.x-navbar .mobile .x-nav li>a:first-child{border-top:none;}

#xc-floating-social-profiles a{    width: 140px;
    height: 39px;
    line-height: 39px; right: -101px}
#xc-floating-social-profiles span.s-icon{width:40px; font-size:20px;}

.page-title{font-size:48px; padding: 10px 0 30px;}

.x-colophon.top{padding:45px 0; text-align:center;}

.banner-img{height:180px;}

.l-tab-menu ul li a{font-size:14px; line-height:14px; padding:14px 35px;}

.metaslider .msHtmlOverlay .layer .content{left:15px;}
.metaslider .flexslider .slides p.tt-upper{font-size: 30px !important; line-height:40px !important;}
}
@media only screen and (max-width:767px) {
.x-topbar .p-info{background-color:inherit; padding:0;}
.welcome-img{position:inherit; width:auto;}

.l-tab-menu{margin-bottom:30px;}
.l-tab-menu ul li a{font-size:13px; line-height:13px; padding:14px 30px;}

.metaslider .flexslider .slides p.tt-upper{font-size: 28px !important; line-height:35px !important;}
}
@media only screen and (max-width:640px) {
h1, .h1{font-size:30px !important;}
h2, .h2{font-size:24px !important;}
h3, .h3{font-size:20px !important;}
h4, .h4{font-size:18px !important;}
h5, .h5{font-size:16px !important;}
h6, .h6{font-size:15px !important;}

.banner-img{height:135px;}

.l-tab-menu{margin-bottom:15px;}
.l-tab-menu ul li a{font-size: 12px; line-height: 12px; padding: 11px 15px;}
.l-profile .l-pro-col{width: 100%;}
.club-location-socials{text-align:center;}
.lp-map{margin-top:20px;}
.lp-map iframe{height:280px;}

.l-profile .btn-pill{display: block;}

.metaslider .flexslider .slides p.tt-upper{font-size: 24px !important; line-height:30px !important;}
}
@media only screen and (max-width:530px) {
.use-location-btn, .zipcode-form{width:auto; margin-bottom:15px;}
.location-finder-geo-locator{padding: 11px 10px !important; font-size: 13px !important;}
.or-txt{display:none;}
.zipcode-form form input[type="text"]{height: 40px; font-size: 13px; padding-left: 10px; padding-right: 45px; max-width: 145px;}
.zipcode-form form [type="submit"]{padding: 10px 13px !important; font-size:13px !important;}

#xc-floating-social-profiles{top:170px;}
#xc-floating-social-profiles a {height: 30px; line-height: 30px; right: -110px;}
#xc-floating-social-profiles span.s-icon{width: 30px; font-size: 18px;}
}

@media only screen and (max-width:480px) {
.career-form .f-field.ff-co2 {width:100%;}

.metaslider .flexslider .slides p.tt-upper{font-size: 18px !important; line-height:24px !important;}
}

.x-social-global i span {
    display: none;
}