/*
Theme Name: XT Framework
Theme URI: https://www.xstreamthemes.com/
Description: Addition of custom classes to Generate Press
Author: XTF
Author URI: https://www.xstreamthemes.com/
Version: 1.0.0
Template: generatepress
*/

/* CALENDLY FIX */
html, body {
    height: initial !important;
    --gp-slideout-width:340px;
}

@font-face {
    font-family: 'MADE TOMMY';
    src: url('fonts/MADETOMMY.eot');
    src: url('fonts/MADETOMMY.eot?#iefix') format('embedded-opentype'),
        url('fonts/MADETOMMY.woff2') format('woff2'),
        url('fonts/MADETOMMY.woff') format('woff'),
        url('fonts/MADETOMMY.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MADE TOMMY';
    src: url('fonts/MADETOMMY-Bold.eot');
    src: url('fonts/MADETOMMY-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/MADETOMMY-Bold.woff2') format('woff2'),
        url('fonts/MADETOMMY-Bold.woff') format('woff'),
        url('fonts/MADETOMMY-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/* XT GRID */
.xt-grid .xt-inner {
	max-width: 1200px;
}
.xt-grid-600 .xt-inner {
	max-width: 600px;
}

.xt-full .vc_column-inner {
	padding: 0 !important;
}

ol, ul {
    margin: 0 0 1.5em 1em;
}
body, html, button, input, select, textarea {
	font-family: 'MADE TOMMY';
}
p, ul li, ol li {
	font-size: 18px;
	line-height: 1.50em;
	font-weight: 400;
	color: #525252;
}
p {
	margin: 20px 0;	
}
.xt-p1 p {
	font-size: 26px;
}
.xt-p2 p {
	font-size: 22px;
}
.xt-p3 p {
	font-size: 15px;
	color: #4D4D4D;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'MADE TOMMY';
    margin-bottom: 0;
    color: #263146;
}
h1 {
	font-size: 82px;
	line-height: 1.1em;
	font-weight: 400;
	letter-spacing: 0px;
}
.xt-a1 h1 {
	font-size: 48px;
}
h2 {
	font-size: 55px;
	line-height: 1.2em;
	font-weight: 400;
	letter-spacing: 0px;
}
.xt-a1 h2 {
	font-size: 48px;
}
h3 {
	font-size: 38px;
	line-height: 1.2em;
	font-weight: 700;
}
h4 {
	font-size: 34px;
	line-height: 1.2em;
	font-weight: 700;
}
h5 {
	font-size: 14px;
	line-height: 1.33em;
	font-weight: 400;
	letter-spacing: 2px;
	color: #DB8E79;
	text-transform: uppercase;
}
h6 {
	font-size: 13px;
	line-height: 1.70em;
	font-weight: 600;
	color: #253844;
	letter-spacing: 2px;
}

.xt-button, .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
	padding: 0 30px;
	line-height: 50px;
	font-size: 27px;
	display: inline-block;
	letter-spacing: 0px;
	font-weight: 700;
	text-transform: none;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.xt-button.xt-button-style1, .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
	background: #F08025;
	color: #fff !important;
	border: 1px solid #F08025;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.xt-button.xt-button-style1:hover, .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type=submit]:hover {
	background: #01DFFF;
	border-color: #01DFFF;
}
.xt-button.xt-button-style2 {
	background: transparent;
	color: #fff !important;
	padding: 0 !important;
	line-height: 30px;
	border-bottom: 2px solid #fdc1b1;
}
.xt-button.xt-button-style2:hover {
	color: #fdc1b1 !important;
}
.underline-a a {
	text-decoration: underline;
}
.xt-white a:hover {
	color: #fff;
}

/* HEADER */
.main-navigation .grid-container {
	max-width: 100%;
}
.menu-bar-items, #primary-menu {
	display: none !important;
}
.xt-header {
	color: #fff;
	font-size: 32px;
	font-weight: 700;
}
.menu-toggle .gp-icon+.mobile-menu {
	font-size: 26px;
}
.gp-icon {
	font-size: 23px;
}
#generate-slideout-menu .slideout-menu li {
	border-bottom: 1px solid #FFFFFF;
	padding: 14px 0;
}
#generate-slideout-menu .slideout-menu li a {
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	text-transform: uppercase;
}
#generate-slideout-menu .slideout-menu ul,
#generate-slideout-menu .slideout-menu ul li[class*="current-menu-"] > a,
#generate-slideout-menu .slideout-menu ul li:not([class*="current-menu-"]):hover > a {
	background: #060189 !important;
	color: #F08025 !important;
}
#generate-slideout-menu .slideout-menu ul li {
	padding: 0 !important;
	padding-left: 10px !important;
	border-bottom: 1px solid #2e22ef !important;
}
#generate-slideout-menu .slideout-menu ul li a {
	color: #fff !important;
	font-size: 18px !important;
	text-transform: none !important;
}
/* CONTENT */
.xt-blue-title {
	color: #fff;
	background: #020389;
	text-align: center;
	padding: 15px 30px;
}
.xt-members-box .vc_column-inner > .wpb_wrapper {
	overflow: hidden;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
.xt-membership-box {
	padding: 55px 30px;
}
.xt-membership-box a {
	color: #040289;
	font-size: 110%;
	text-decoration: underline;
}
.xt-members-box .xt-membership-box:first-child {
	border-right: 2px solid #FBB277;
}

/* IMG */
.xt-img-40 img {
	height: 40px;
	width: auto !important;
}
.xt-img-120 img {
	width: 120px;
	height: auto !important;
}
.xt-phone-icon .xt-icon {
	width: 26px;
	height: 26px;
	margin-right: 10px;
	color: #fff !important;
}
.xt-wwd {
	position: relative;
}
.xt-wwd:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	padding: 2%;
	background-image: url("img/bottom-layer.svg");
	background-size: cover;
	background-repeat: no-repeat;
}

/* FOOTER */
.site-footer {
	border-top: 10px solid #00DAFF;
}
.site-footer li {
	font-size: 16px;
}
.xt-bold {
	font-weight: 700;
	text-transform: uppercase;
}
.xt-footer-bottom {
	background: #020389;
	padding: 0 20px;
}
.xt-footer-bottom-inner {
	max-width: 1200px;
	margin: 0 auto;
	border-top: 2px solid #8181C4;
	padding: 20px 0;
	color: #fff;
}
.footer-widgets-container {
	border-top: 2px solid #8181C4;
}
.xt-connect .xt-icon {
	display: inline-block;
	width: 48px;
	height: 48px;
	color: #F98426;
	vertical-align: bottom;
}
@media screen and (min-width: 481px) {

}

@media screen and (min-width: 641px) {

}

@media screen and (min-width: 768px) {

}

@media screen and (min-width: 1001px) {

}

@media screen and (min-width: 1401px) {

}

@media screen and (max-width: 1200px) {
	.xt-header {
		font-size: 24px;
	}
	h1 {
	    font-size: 64px;
	}
	h2 {
	    font-size: 38px;
	}
	.xt-a1 h2 {
	    font-size: 40px;
	}
	h3 {
	    font-size: 26px;
	}
	h4 {
	    font-size: 24px;
	}
	.xt-p1 p {
	    font-size: 20px;
	}
	.xt-phone-icon .xt-icon {
		width: 18px;
		height: 18px;
	}
	.xt-button, .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
		font-size: 18px;
	}
}

@media screen and (max-width: 1000px) {
	.xt-header {
		font-size: 22px;
	}
	h1 {
	    font-size: 48px;
	}
	h2 {
	    font-size: 36px;
	}
	.xt-a1 h2 {
	    font-size: 38px;
	}
	h3 {
	    font-size: 24px;
	}
	h4 {
	    font-size: 22px;
	}
}

@media screen and (max-width: 767px) {
	.xt-members-box .xt-membership-box:first-child {
		border-right: none;
		border-bottom: 2px solid #FBB277;;
	}
	h1 {
	    font-size: 36px;
	}
	h2 {
	    font-size: 32px;
	}
	.xt-a1 h2 {
	    font-size: 34px;
	}
	h3 {
	    font-size: 22px;
	}
	h4 {
	    font-size: 20px;
	}
	.menu-toggle .gp-icon+.mobile-menu {
	    font-size: 16px;
	}
	.gp-icon {
	    font-size: 16px;
	}
	.xt-header {
	    font-size: 20px;
	    max-width: 70%;
	}
	.xt-mobile-block {
		display: block;
	}
	.inside-footer-widgets>div:not(:last-child) {
		margin-bottom: 6px;
	}
}

@media screen and (max-width: 640px) {
	h1 br {
		display: none;
	}
}

@media screen and (max-width: 480px) {
	.xt-header {
	    max-width: 60%;
	    font-size: 14px;
	}
	h1 br, h2 br, h3 br, h4 br {
		display: none !important;
	}
	.xt-mobile-center .xt-button {
		margin-left: 0 !important;
		width:100% !important;
		text-align: center;
	}
}