/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/
/*
	Framework
	==================================================
*/
.width100,
.width75,
.width66,
.width50,
.width33,
.width25 {float: left;}
.width100 {width: 100%;}
.width75 {width: 75%;}
.width66 {width: 66.666%;}
.width50 {width: 50%;}
.width33 {width: 33%;}
.width25 {width: 25%;}
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}
.mobile-only {display: none;}
.no-mobile {display: block;}
.no-tablet {display:block;}
.gold-text,
.gold-text a,
.x-colophon.bottom .gold-text a {color: hsl(37, 24%, 41%)}
.white-text,
.white-text a,
.light-text a {color: #ffffff;}
.light-text a:hover {color: #EFD9BD;}
.light-text {color: #EFD9BD;}
.grey-text {color: #606161 !important; text-shadow: none;}
.gold-text.text-shadow {text-shadow: 0 0 5px #fff;}
.text-shadow {text-shadow: 0 0 10px #000;}
.text-125 {font-size: 125%;}
.text-150 {font-size: 150%;}
.text-175 {font-size: 175%;}
.text-200 {font-size: 200%;}
.responsive-image {width: 45%; float: right; margin-left: 5%; margin-bottom: 5%;}
@media all and (min-width:767px) and (max-width:979px) {
	.no-tablet {display: none;}
}

@media all and (max-width:767px) {
	.width100,
	.width75,
	.width66,
	.width50,
	.width33 {width: 100%;}
	.width25 {width: 50%;}
	.align-left {text-align: center;}
	.align-right {text-align: center;}
	.align-center {text-align: center;}
	.mobile-only {display: block;}
	.no-mobile {display: none;}
	.mobile-full-width {position: relative; width: 120%; left: -10%;}
	.mobile-full-width h2 span {padding: 0 .25em !important;}
	.responsive-image {width: 100%; float: left; margin-left: 0%; margin-bottom: 5%;}
}
.masthead-inline .x-navbar .desktop .sub-menu .sub-menu {
    top: -1.75em;
    right: calc(-100% - 4em);
}

/*
	Footer
	==================================================
*/
.x-colophon.top {
	padding: 0px !important;
	background-color: #ffffff !important;
}
.x-colophon.top input[type="text"],
.x-colophon.top input[type="email"],
.x-colophon.top textarea {
	border: 0px solid transparent;
}
.x-colophon.top input[type="text"],
.x-colophon.top input[type="email"] {
	height: 3em;
}
.x-colophon.top .footer-row img {
	float: left;
}
.x-colophon.bottom {
	padding: 0 0 50px 0 !important;
}
@media all and (min-width:768px) {
	img.footer-moved-up {
		margin-top: -55%;
		width: 60%;
		float: left;
	}
}
@media all and (max-width:767px) {
	img.footer-moved-up {
		width: 80%;
		margin: 0 10%;
	}
	.width25.bottom-logo {
		width: 100%;
	}
}
.x-content-dock {
	bottom: auto !important;
	top: 110px !important;
	padding: 0 0 0 30px !important;
	right: 0 !important
}
.x-close-content-dock {
	display: none !important
}