/*

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

*/

@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Parisienne&family=Tangerine:wght@700&display=swap');

/* Age gate **/
.age-gate-label, .age-gate-remember, .age-gate-challenge {
    color: white;
}

.age-gate-error-message {
	color: #C99E10;
}

/* This is a crazy rule damn that home page I don't see why i need it makes no sense completely insane but hey wadaya gonna do it is what it is */
.home .e1435-5.x-anchor {
    margin: 1.65em 0em 1.65em 0em;
    border-radius: 0.25em;
    font-size: 1em;
    background-color: rgb(30,67,76);
    transition-timing-function: cubic-bezier(0.400,0.000,0.200,1.000);
}

.period-yellow {
	color: #c99e10;
}

.subheader {
	color: #9B4F0F;
}

.signature {
  	font-family: 'Great Vibes', Helvetica, sans-serif !important;
  	text-shadow: 4px 4px 3px rgba(0,0,0,0.1); 
	color: rgb(141, 35, 15) !important;
	font-size: 3em !important;
}

.x-dropcap {
	    font-family: 'Tangerine', cursive;
    /* color: rgb(141, 35, 15) !important; */
    font-size: 4em !important;
    padding: 15px;
    border-radius: 5px;
    margin-top: 5px;
}

.bioPic {
	width: 250px;
	height: 250px;
	border-radius: 150px;
}

.bioName {
	margin-top: -20px;
	text-align: center;
}

.bioPicSquare {
	width: 250px;
	height: 250px;
	border-radius: 15px;
}

.symphony-row-gold {
	background-image: url(/wp-content/uploads/2020/08/symphony.png);
	background-repeat: repeat;
}

.symphony-row-rust {
	background-image: url(/wp-content/uploads/2020/08/bg-pattern-harvest.png);
	background-repeat: repeat;
}

.usapayments {
	padding: 10px;
	background-color: #439A86;
	border-radius: 15px;
}

/*** NAVIGATION ***/
.x-navbar .desktop .x-nav > li > a {
    padding: 0 0 5% 10% !important;
}
.x-navbar .x-nav > li.x-menu-item-woocommerce > a .x-cart.inline.outer-inner {
    margin-right: 10px;
}


/*** COURSES DIRECTORY ***/

.courseBox {
	text-align: center;
}

.courseBox h5 {
	display:block; 
	margin-top: -10px; 
	margin-bottom: 20px
	line-height: 110%;
}

.courseBox img {
	border-radius: 10px;
	margin-bottom: 15px;
}

.x-nav-tabs-item {
	display: none;
}

[class*="woocommerce"] li.product .entry-header .button {
	display: none;
}

[class*="woocommerce"] li.product .entry-featured:hover {
	opacity: 50%;
}

/*** SINGLE COURSE PAGE ***/

.single-product .h-landmark span {
	/*display: none;*/
}

/* ORDER INSTRUCTIONS */

.interactBox {
    padding: 15px;
    background-color: #8D230F;
    color: white;
    border-radius: 15px;
	background-image: url(/wp-content/uploads/2021/03/mascot-shopping.png);
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
	padding-left: 350px;
	margin-bottom: 15px;
}

.interactBox a {
	color: #CFD547;
}

.interactBox a:hover {
	color: #C99E10;
}

.interactBox h2, #signatureGold {
	color: #C99E10 !important;
}

/*** INSTRUCTOR BOXES ***/

.instructorBox {
	position:relative;
	top:-40px
}

.instructorList {
	margin-top: 10px;
}

.instructorList h4 {
	margin: 0 0 10px 0;
}

.instructorList li {
	margin-bottom: -20px;
}

/*** Chakra List ***/

.chakra-list .crown {
	background-image: url(/wp-content/uploads/2023/01/Crown.png);
	background-repeat: no-repeat;
	background-position: left;
	list-style-type: none;
	background-size: 150px;
	padding-left: 200px;
}

/*** FAQ ***/
.x-acc-header {
    background-color: #8D230F !important;
}

.x-acc-header span {
    color: white;
	font-size: 15px;
}

/*** Single Blog Page ***/
.rpwwt-widget ul li {
    margin-bottom: -10px !important;
}

/*** CONTACT ***/

.contactForm {}

.contactForm li {
	list-style-type: none;
	margin-bottom: 5px;
}

.wpcf7-response-output {
    border: transparent;
    color: #202020;
    background-color: transparent;
}

/*** BLOG POST ***/

.entry-thumb img {
	display: none;
}

.single-post h4 {
	color: #8D230F;
}

/** SIDEBAR **/
#custom_html-2 .custom-html-widget {
	max-width: 150px;
}

/*** FOOTER ***/
.x-colophon.top {
    padding: 2% 0 0;
}

.x-colophon.bottom {
    background-color: rgb(30, 67, 76) !important
}

/*** MOBILE ***/
@media screen and (max-width: 1000px) {
	p { color: #1E434C !important;}
	.interactBox {
		background-image: none;
		padding-left: 10px;
	}
}