/*
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700|Playfair+Display:400,400i,700,900');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300..900&display=swap');
*/

@font-face {
    font-family: 'carols';
    src: url('../fonts/carols_night-webfont.woff2') format('woff2'),
         url('../fonts/carols_night-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*{
    box-sizing:        border-box;
	-moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
}

html{
	padding: 0px;
	margin: 0px;
	border: 0px;
	min-height: 100%;
	width: 100%;
	background-color: rgb(255,255,255);
	scroll-behavior: smooth;
}			
body{
	padding: 0px;
	margin: 0px;
	border: 0px;
	font-size: 100%;
	max-width: 100%;
	min-height: 100%;
	font-family: Arial, Helvetica, Sans-Serif;
	color: rgb(35,31,32);
}


a{color: rgb(155, 119, 58); font-weight: 700}

h1{
	font-size: 3em;
	line-height: 1em;
	font-weight: bold;
	color: rgba(146,120,112,1.00);
}

h2{
	color: rgba(64,46,40,1.00);
	font-size: 1.7em;
	font-weight:bold;
	line-height: 1.2em;
	overflow:hidden;
	text-transform: uppercase;
}
h1+h2{
	margin-top: -0.9em;
}
h3{
	color: rgb();
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.4em;
	color: #a2c199;
	text-align: center;
	padding: 1em;
}	

.content ul,
.BGM-CMS-form ul{
   padding: 0 0 0 3em;
}
.content ul>li,
.BGM-CMS-form ul>li{
   padding: 0;
}
.mentor-option ul li p{
	line-height: 1.2em!important;
}
/*
.content ul>li:before,
.BGM-CMS-form ul>li:before{
	font-family: 'Material Icons';
	content: "\E871";
	margin-right: 0.25em;
    margin-left: -1.25em;
	line-height: 1.8em;
	color: rgb(171,116,75);
    
}
.content ul ul>li:before,
.BGM-CMS-form ul ul>li:before{
	content: "\E545";
	color: rgb(132,172,64);
}
*/

.content ul li > p:nth-of-type(1) {
	margin-top: 0;
}

/*
ul{
	list-style: none;
}
*/


/*-----------------------TITLE BAR ----------------------------------*/

#title{
	background-color: rgba(254,204,192,1.00);
	background-image: url('../images/title-border-right.webp'), url("../images/MBCoachingBackground.webp");
	background-size: auto 100%, 31.25em;
	background-position: top right, top left;
	background-repeat: no-repeat, repeat;
	text-align: center;
	position: relative;
	z-index: 10;
}
#title>div:first-of-type{
	max-width: 1800px;
	margin: 0 auto;
  	position: relative;
   z-index: 10;
	width: 100%;
	padding: 2em 1em;
	text-align: center;
	white-space: nowrap;
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
}
#title>div:first-of-type > div {
	flex: 1 1 calc(400px - 1em);
	display: flex;
	align-items: center;
	justify-content: center;
}

#title .logoName{
	vertical-align: top;
	max-width: 50%;
	font-size: 6.5em;
	font-weight: 400;
	letter-spacing: -0.05em;
	line-height: 1em;
	margin: 0;
	padding: 0 0 0 0;
	vertical-align: middle;
	color: rgb(69,69,70);
}
#title .logoName img{
	max-width: 100%;
	width: 400px;
	height: auto;
}
#title .logoName span{
	font-size: 0.5em;
}


.social-links{
	-ms-grid-row-align: center;
	-ms-flex-item-align: center;
	align-self: center;
}
.social-links a{
	text-decoration: none;
}
.social-links svg,
.social-links img{
	margin-right: 0.5em;
	width: 3.5em;
	height: 3.5em;
	background-color: rgba(146,120,112,1.00);
	padding: 0.4em;
}
.social-links a:nth-of-type(n+3) svg {
	background-color: rgba(64,46,40,1.00)
}
.social-links svg .d,
.social-links svg .e,
.social-links svg .g {
	fill: white
}
.social-links>div{
	float: left;
	margin-right: 0.5em;
	width: 3em;
	height: 3em;
	background-color: rgb(228,230,226);
}

.sub-title{
	text-align: center;
	background-color: rgba(146,120,112,1.00);
	color: rgb(255,255,255);
	text-transform: uppercase;
	padding: 1em;
	letter-spacing: 0.4em;
	font-size: 1em;
	line-height: 1.5em;
}

.bullet-hidden{display: none}


/*-----------------------------------NAV STYLE -----------------------*/

#navContainer{
	position: sticky;
	top: -1px;
	z-index: 11;
}
.navControl{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    padding: 5px;
    background-color: rgb(50, 50, 50);
    z-index: 10;
    -webkit-box-shadow: 0 0 10px black;
    box-shadow: 0 0 10px black;
}
.navControl.MB{
	display: none;
	
	& + div + input {
		position: absolute;
		left: -10000px;
	}
}
.navControl .a{
	display: inline-block;
   vertical-align: middle;
   background-color: rgba(255, 255, 255, 0.3);
   padding: 8px 5px;
   width: 35px;
   height: 35px;
   border-radius: 3px;
   border: none;
   margin-right: 10px;
   float: left;
	color: rgb(155, 119, 58);
   font-weight: 700;
}
.navControl .a:before {
    content: '';
    display: block;
    border-style: solid;
    border-color: white;
    border-width: 2px 0 2px 0;
    height: 6px;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.navControl .a:after {
    content: '';
    display: block;
    border-style: solid;
    border-color: white;
    border-width: 0 0 2px 0;
    height: 6px;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}


.navHolder{
	background-color: rgba(64,46,40,1.00);
	display: block;
	text-align: center;
}
.nav-switch {
	position: absolute;
	left: -10000px;
}

nav {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	gap: 0em;
	padding: 0 2em;
	width: 100%;
	max-width: 1500px;
}
nav > a {
	flex: 0 1 0;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 0.7em;
	margin: 0;
	font-size: 1.2em;
	color: white;
	text-transform: uppercase;
	text-decoration: none;
	height: 3em;
}
nav > a:hover {
	background-color: rgba(255,255,255,0.2);
}
nav > a > span {
	display: none;
}
nav > a > img {
	width: 1.3em;
	filter: grayscale(1) brightness(5);
}




.vid-container{
	position: fixed;
	top: 0;
	left: -10000px;
	width: 100%;
	height: 100vh;
	z-index: 10;
	opacity: 0;
	transition: opacity 1s 0s, left 0s 1s;
}
.vid-container.show{
	opacity: 1;
	left: 0;
	transition: opacity 1s 0s, left 0s 0s;
}
.vid-container .vid-closer{
	position: absolute;
	bottom: 1em;
	left: 50%;
	transform: translateX(-50%);
	color: white;
	background-color: transparent;
	font-size: 1.5em;
	cursor: default;
	border: 2px solid white;
	border-radius: 0.3em;
	padding: 0.5em;
	width: 100%;
	max-width: 15em;
	margin: 0 auto;
	text-align: center;
	transition: color 0.5s, background-color 0.5s;
}
.vid-closer:hover{
	background-color: white;
	color: black;
}
.vid-container .vid-tag{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	object-position: center;
	object-fit: cover;

}

/* ----------------------- FOOTER ------------------------------ */

.footer{
   text-align: center;
   background-image: url("../images/MBCoachingBackground.webp");
	background-size: 500px auto;
   padding: 0 0 4em 0;
}
.footer .experience-banner{
	background-color: rgba(103,84,78,1.00);
	color: white;
	font-size: 2.5em;
	letter-spacing: 0.1em;
	padding: 1em;
	margin: 0 0 2em 0;
	text-transform: uppercase;
	font-weight: 700;
}
.footer .phone{
	color: rgb(0,140,129);
	font-size: 5.5em;
	font-weight: 700;
	margin: -0.1em 0 0.3em 0;
}
.footer .social-links{
   display: inline-block;
   padding: 0;
}
.footer .social-links img{
   display: inline-block;
   width: 3.8em;
   height: auto;
   vertical-align: top;
   margin: 0 0.3em;
	max-width: 14%;
}
.nav-motto{
   text-transform: uppercase;
   font-weight: 700;
   color: rgb(99,104,101);
}
.sub-footer{
   background-color: rgba(202,189,186,1.00);
   color: rgba(64,46,40,1.00);
   text-align: center;
   padding: 1.7em 3em;
	display: flex;
	justify-content: space-between;
	gap: 2em;
	align-items: center;
   flex-wrap: wrap;
}
.sub-footer a{
	color: inherit;
	text-decoration: none;
}
.sub-footer .logo-graphic{
	flex: 1 1 400px;
	text-align: left;
}
.sub-footer .logo-graphic img{
	max-width: 100%;
	max-height: 200px;
	width: auto;
	height: auto;
}

.sub-footer .contact{
	flex: 1 1 400px;
	text-align: right;
	font-size: 1.4em;
}
.sub-footer .contact [itemprop=name]{font-size: 1.5em;}
.sub-footer .contact a{font-weight: normal;}
.sub-footer .phone{font-weight: normal; font-size: 1.5em;}

.copyright{
	background-color: rgba(64,46,40,1.00);
	color: rgb(255,255,255);
   padding: 0 2em;
   font-size: 0.8em;
	padding: 1em;
	text-align: center;
}

.copyright a{
   color: rgb(255,255,255);
}


/* ----------------------------- GENERIC STYLES -------------------------*/

.scroll-target {
	position: relative;
	top: -90px;
}
.whole-page-container{
	background-color: white;
	min-height: 100vh;
	overflow:hidden;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	-webkit-transition:        none;
	-o-transition: none;
	transition: none;
}

figure[class='BGM-imgCenter']{
   border: none;
   -webkit-box-shadow: none;
   box-shadow: none;
	max-width: 700px;
	min-width: 0;
}
figure[class='BGM-imgCenter']>div:before{
   content: "";
   position: absolute;
   left: -200%;
   top: 50%; 
	-webkit-transform: translateY(-50%); 
	-ms-transform: translateY(-50%); 
	transform: translateY(-50%);
   height: 60%;
	max-height: 250px;
   width: 500%;
   /*background-color: rgb(194,166,127);*/
	background-image: url(../images/pavers-tile.png);
	background-size: contain;
	background-repeat: repeat;
	opacity: 0.6;
}
figure[class='BGM-imgCenter']>div img{
   -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.7);
   box-shadow: 0 0 20px rgba(0,0,0,0.7);
}

/* ----------------------- CONTENT SECTION ------------------------------*/

.content{
	background-color: white;
	padding: 3em 0;
	width: 1400px;
	max-width: 95%;
	margin: 0 auto;
	min-height: 600px;
	overflow: hidden;
}
.content p{
	line-height: 1.8em;
	font-size: 1.1em;
}
.content h1{
	letter-spacing: 2px;
}

/* ---------------------------- HOME PAGE --------------------------------*/

.insta{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 2em;
	flex-wrap: wrap;
	padding: 3em 2em;
	background-color: #FFCDC0;
}
.insta iframe{
	flex: 1 1 300px;
	margin: 0 auto;
}
.homepage-banner{
	width: 100%;
	height: auto;
	border-bottom: 25px solid rgba(64,46,40,1.00);
	vertical-align: top;
}
.alt-homepage-banner{
	width: 100%;
	height: auto;
	display: none;
}
.alt-homepage-text{
	background-image: url("../images/MBCoachingBackground.webp");
	background-size: 500px auto;
	background-position: center center;
	font-size: min(2em, 3.5vw);
	color: rgb(70,70,72);
	text-align: center;
	line-height: 1.2em;
	padding: 1em;
	display: none;
}
.alt-homepage-text div{
	font-family: 'carols';
	font-size: 3em;
	padding: 0.2em 0;
	line-height: 0.7em;
}
.alt-homepage-text div img{
	vertical-align: middle;
	margin: 0 0.2em;
	width: 1.75em;
}

.btn-events-container{
	/*
	background-image: url(../images/btn-events-back.jpg);
	background-size: cover;
	background-position: center center;
	*/
	background-color: rgba(146,120,112,1.00);
	font-size: 2em;
	padding: 2.3em 1em;
}
.btn-events-container a{
	border: 2px solid white;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0.7em 1em 0.8em 1em;
	display: block;
	background-color: rgba(64,46,40,1.00);
	max-width: 100%;
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	font-weight: normal;
	line-height: 1em;
	letter-spacing: 1px;
}

.speaker-request-container{
	background: -o-linear-gradient(top,rgb(207,205,201) 0%, rgb(255,255,255) 10%, rgb(255,255,255) 80%, rgb(207,205,201) 100%);
	background: -webkit-gradient(linear,left top, left bottom,from(rgb(207,205,201)), color-stop(10%, rgb(255,255,255)), color-stop(80%, rgb(255,255,255)), to(rgb(207,205,201)));
	background: linear-gradient(180deg,rgb(207,205,201) 0%, rgb(255,255,255) 10%, rgb(255,255,255) 80%, rgb(207,205,201) 100%);
	padding: 5em 0;
	overflow: hidden;
}
.speaker-request-container h1{
	font-size: 2.7em;
	color: rgb(70,70,72);
	font-weight: normal;
	line-height: 1.2em;
	width: 1400px;
	max-width: 100%;
	margin: 0 auto;
	text-shadow: 0 0 1px rgb(70,70,72), 0 0 1px rgb(70,70,72);
	text-align: center;
}
.request-image-container{
	width: 1500px;
	max-width: 100%;
	text-align: center;
	margin: 3em auto;
	position: relative;
}
/*
.request-image-container:before{
	content:"";
	position: absolute;
	right: 100%;
	top: 45%;
	-webkit-transform: translate(100%,-50%);
	-ms-transform: translate(100%,-50%);
	transform: translate(100%,-50%);
	width: 8.5em;
	height: 8.5em;
	background-image: url(../images/arrow-circle-right.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 3;
}
.request-image-container:after{
	content:"";
	position: absolute;
	left: 100%;
	top: 45%;
	-webkit-transform: translate(-100%,-50%);
	-ms-transform: translate(-100%,-50%);
	transform: translate(-100%,-50%);
	width: 8.5em;
	height: 8.5em;
	background-image: url(../images/arrow-circle-left.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 3;
}
*/
.request-image-container figure{
	display: inline-block;
	margin: 1em .5em;
	width: 20%;
	min-width: 260px;
	vertical-align: top;
	position: relative;
}
.request-image-container figure div{
	position: relative;
}
.request-image-container figure a{
	display: contents;
}
.request-image-container figure div:before{
	content: "";
	position: absolute;
	top: 10%;
	left: -2000px;
	height: 80%;
	width: calc(100% + 4000px);
	background-color: rgba(146,120,112,0.2);
	z-index: 1;
}
.request-image-container figcaption{
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: 700;
	color: rgba(212,116,92,1.00);
	padding: 0.5em 0 0 0;
}
.request-image-container figure img{
	position: relative;
	max-height: 250px;
	max-width: 100%;
	width: auto;
	vertical-align: top;
	z-index: 2;
}

.request-image-container figure:not(:last-child) div:after{
	content: "";
	display: block;
	position: absolute;
	width: 3.5em;
	height: 3.5em;
	background-image: url(../images/plus-icon.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	top: 50%;
	left: 100%;
	z-index: 3;
	-webkit-transform: translate(-25%,-50%);
	-ms-transform: translate(-25%,-50%);
	transform: translate(-25%,-50%);
	
	display: none; /* Per Rqst from 'Leah' */
	
}
.speaker-request-container a{
	border: 2px solid white;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	padding: 1.2em 2em 1.3em 2em;
	display: block;
	background-color: rgba(64,46,40,1.00);
	max-width: 100%;
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	font-weight: 600;
	line-height: 1em;
	letter-spacing: 1px;
	position: relative;
	font-size: 2em;
}
/*
.speaker-request-container a:before{
	content: "";
	display: block;
	position: absolute;
	left: 0.5em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent rgba(255,255,255,0.2);
	border-width: 1em 0 1em 1em;
}
.speaker-request-container a:after{
	content: "";
	display: block;
	position: absolute;
	right: 0.5em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent rgba(255,255,255,0.2) transparent transparent;
	border-width: 1em 1em 1em 0;
}
*/

/* ---------------- ABOUT MICHELLE PAGE --------------------- */

.about-michelle{
	position: relative;
}
.about-michelle .homepage-banner{
	border: none;
}
.about-michelle .text{
	position: absolute;
	top: 50%;
	left: 57%;
	right: 5em;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: white;
	font-size: 1.2em;
	line-height: 1.6em;
}

 /* ----------------- MB COACHING PAGE --------------------------------- */

.vid-michelle{
	display: block;
	margin: 0 auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 70vh;
}

.more-info-btn-container{
	background-color: rgba(146,120,112,1.00);
	overflow: hidden;
	position: relative;
}
.more-info-btn-container:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("../images/MB.svg");
   background-position: center top;
   background-size: auto 100%;
   background-repeat: repeat-x;
	opacity: 0.1;
}
.btn-moreInfo{
	display: block;
	margin: 2em auto;
	background-color: rgba(64,46,40,1.00);
	color: white;
	font-weight: bold;
	text-align: center;
	width: 22em;
	max-width: 100%;
	text-decoration: none;
	padding: 0.5em;
	font-size: 1.2em;
	border-radius: 0.2em;
	position: relative;
}
.MB-more-info{
	padding: 2em;
	background-color: rgba(182,165,160,1.00);
	color: white;
	border-radius: 0.2em;
	
	.chkbox-container label {
		color: white;
		font-weight: bold;
	}
	
	[type=checkbox] {
		vertical-align: baseline!important;
	}	
}
.MB-more-info h2{
	color: rgba(64,46,40,1.00);
}
.MB-more-info input[type=submit]{
	background-color: rgba(212,116,92,1.00)
}
.two-column {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   flex-wrap: wrap;
	gap: 2em;
}
.two-column > div{
	flex: 1 1 300px;
}

.testimonial-container{
	background-color: rgba(189,174,169,1.00);
	padding: 4em 1em;
	font-size: 1.1em;
	line-height: 1.3em;
}
.testimonial-container > div{
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	gap: 2em;
	align-items: stretch;
	flex-wrap: wrap;
}
.testimonial-container > div > div {
	flex: 1 1 400px;
	padding: 2em;
	border-radius: 0.5em;
	background-color: rgba(255,255,255,0.4);
}

.testimonial-container h1 {
	color: white;
}
.testimonial-container .attr{
	text-align: left;
	font-weight: bold;
}


/* -------------------- MENTORSHIP OPTIONS ----------------------------- */

.btn-registration-container{
	text-align: center;
	position: relative;
}
.btn-registration {
	display: inline-block;
	text-decoration: none;
	padding: 5px 2em;
	background-color: rgb(155, 119, 58);
	color: white;
	border-radius: 5px;
	font-size: 1.1em;
	text-transform: uppercase;
	margin: 0 1em 1.5em 1em;
	font-weight: normal;
}
.content .optionsAvail {
	display: flow-root;
}
.mentor-columns{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 2em;
	flex-wrap: wrap;
}
.mentor-columns > div {
	flex: 1 1 300px;
}
.mentor-option{
	background-color: rgba(238,235,234,1.00);
	padding: 2em;
	border-radius: 1em;
	color: black;
	margin: 0 0 2em 0;
}
.mentor-option h2{
	text-align: center;
	margin: 0;
	color: rgba(64,46,40,1.00);
	text-transform: none;
	font: 2.5em;
	font-weight: normal;
}
.mentor-option h3{
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 2em 0;
	padding: 0;
	color: black;
}
.mentor-option em{
	font-size: 0.9em;
}
.mentor-option div div p{
	line-height: 1.2em;
}
.mentor-option > div > div:nth-of-type(odd) {
	background-color: rgba(208,200,198,1.00);
	padding: 1em 2em;
	margin-bottom: 1em;
	list-style-position: inside;
}




/* --------------------- UPCOMING EVENTS ------------------------------ */

.content .BGM-upcomingEvent-Desc p{
	line-height: 1.2em;
}

.content .BGM-upcomingEvent-Head{
	color: rgba(64,46,40,1.00);
}

.content a.BGM-upcomingEvent-Links {
    display: inline-block;
    text-decoration: none;
    padding: 5px 2em;
    background-color: rgb(155, 119, 58);
    color: white;
    border-radius: 5px;
    font-size: 1.1em;
    text-transform: uppercase;
    margin: 0 auto;
    font-weight: normal;
}

.content .BGM-upcomingEvent-MoreInfo {
	margin: 0;
	width: 100%;
	display: block;
	text-align: center;
}

/* ------------------------ MEDIA PAGE --------------------------------- */

.media-container{
	aspect-ratio: 16/9;
	max-width: 1000px;
	max-height: 70vh;
	width: auto;
	height: auto;
	margin: 0 auto;
}
/* ------------------------ OTHERS ARE SAYING PAGE --------------------- */

.What_Others_Say.BGM-resource-category-container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.What_Others_Say .BGM-resource-item-container{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 400px;
	flex: 1 1 400px;
	margin: 1em;
	background-color: #F0F0F0;
}
.What_Others_Say .BGM-resource-item{
	margin: 0;
}
.What_Others_Say .BGM-resource-img{
	max-width: 50%;
}
.What_Others_Say .BGM-resource-details p:nth-last-of-type(n+2)::before,
.What_Others_Say .BGM-resource-details p:nth-last-of-type(2)::after
{
    content: '\201C';
    display: inline-block;
    font-size: 3em;
    line-height: 0.66em;
    height: 0.6em;
    vertical-align: middle;
	margin: -1em 0.05em;
	font-family: Times;
	font-weight: 900;
	color: rgb(0,185,170);
}
.What_Others_Say .BGM-resource-details p:nth-last-of-type(2)::after{
	content: '\201D';
}


/* -------------------------- STORE PAGE ------------------------------- */

.BGM-store-container h3 {
	padding: 0;
}

.calendly-link-container {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100dvh;
	background-color: rgba(0,0,0,0.75);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 100;
	
	&> div {
		width: 100%;
		max-width: 600px;
		padding: 2em;
		background-color: white;
		border-radius: 0.3em;
		filter: drop-shadow(0 0 50px rgba(0,0,0,0.5));
		line-height: 1.4em;
		
		div:nth-of-type(1){
			text-align: center;
			font-size: 180%;
			font-weight: bold;
			color: rgb(150,0,0);
			text-decoration: underline;
			margin-bottom: 1.5em;
		}
		
		a {
			background-color: rgba(155,119,58,1.00);
			color: white;
			text-decoration: none;
			display: block;
			margin: 2em auto 0 auto;
			padding: 7px 20px;
			font-size: 120%;
			width: 20em;
		}
		button {
			position: absolute;
			top: 10px;
			right: 10px;
			width: 23pt;;
			height: 23pt;
			line-height: 23pt;
			text-align: center;
			background-color: rgb(150,0,0);
			color: white;
			font-size: 20pt;
			border: none;
			border-radius: 3pt;
		}
	}
}

.storeFix .BGM-store-productBox div.productTitle {
	background-color: rgba(64,46,40,1.00);
}


/* -------------------------- DEFAULT OVERRIDES --------------------------*/


.BGM-calendar .calendar-row>div{height: 75px;}

.BGM-resource-img{-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.5);box-shadow: 5px 5px 10px rgba(0,0,0,0.5);}

.BGM-generic-page{overflow: visible;}
.BGM-generic-page>figure{max-width: 50%;}
.BGM-generic-page>figure img{max-height: 450px;}
figure.BGM-imgRight,
figure.BGM-imgLeft{border: none;}
.BGM-imgCenter{margin: 4em auto!important;}

.BGM-generic-page table td, .textarea table td{padding: 5px;}
.BGM-generic-page table, .textarea table{width: auto;}

.navControl{
	display: block;
	color: white;
	font-size: 2em;
}
.navControl>span{
	font-size: 0.5em;
}

.BGM-resource-img{max-height: 20em;}
.BGMGalleryContainer{margin: 1em; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.7); box-shadow: 0 0 20px rgba(0,0,0,0.7);}

#BGM-calendar-container {padding: 0; background-color: #402E28;}
#BGM-calendar-container .BGM-calendar-head{
	background-color: #402E28; 
	font-family: carols; 
	text-transform: capitalize; 
	font-weight: normal; 
	font-size: 4.5em;
	padding: 10px;
}
.BGM-calendar .calendar-row>div.top{background-color: #927870;}
.BGM-calendar .calendar-row>div.empty{background-color: #CABDBA;}
.BGM-calendar .calendar-row>div.top{padding: 5px;}

.BGM-form-vB  input[type=checkbox]{
	margin: 0 0.25em 0 0; 
	vertical-align: baseline;
	width: auto!important;
}

.chkbox-container{
	line-height: 1.8em;
}
.chkbox-container .inpField{
	padding: 0.4em 0.5em;
}
.chkbox-container .inpField > div{
	display: inline-block;
	width: auto;
	margin: 0 1em 0 0;
}
.chkbox-container label{
	color: rgba(212,116,92,1.00);
	padding: 0.5em 0;
	display: block;
}

.BGM-contact-form .english > div:nth-of-type(3){display: none!important;}


#vidDetails {
	height: auto!important;
	
	h2 {
		margin: 0;
	}
	&+ .bgm-big-screen-container {
		margin-top: 0;
	}
}

/* ------------------------------ MEDIA QUERIES ------------------ */

@media screen and (max-width: 1600px){
	.about-michelle .text{font-size: 1.0em;}
}

@media screen and (max-width: 1400px){
	body{font-size: 0.8em;}
}

@media screen and (max-width: 1200px){
	.footer{font-size: 0.7em;}
	.about-michelle .text{right: 2em;}
	.request-image-container:before,
	.request-image-container:after{display:none;}
	.request-image-container figure:not(:last-child) div:after{display: none;}
	
}

@media screen and (max-width: 1100px){
}

@media screen and (max-width: 1000px){
	nav{font-size: 0.9em;}
	#title{font-size: 0.8em;}
	.about-michelle .homepage-banner{
		max-height: 350px; 
		width: auto; 
		margin-right: -460px; 
		max-width: calc(100%);
	}
	.about-michelle .text{
		position: relative;
		color: rgb(72,72,70);
		padding: 1em 1em;
		top: 0;
		left: 0;
		right: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
   .sub-footer{display: block;}
   .sub-footer>div{text-align: center!important;}
	.sub-footer .contact{margin-top: 2em; font-size: min(1.4em, 4vw)}
}


@media screen and (max-width: 800px){

	#title{
		position: fixed;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		top: 0;
		left: 0%;
		bottom: 0;
		width: 30%;
		min-width: 21em;
		-webkit-box-align: start;
		-ms-flex-align: start;
		-ms-grid-row-align: flex-start;
		align-items: flex-start;
		-ms-flex-line-pack: start;
		align-content: flex-start;
		padding: 45px 0 0 0;
		overflow: auto;
		-webkit-transform: translateX(-105%);
		-ms-transform: translateX(-105%);
		transform: translateX(-105%);
		-webkit-transition: -webkit-transform 0.25s;
		transition: -webkit-transform 0.25s;
		-o-transition: transform 0.25s;
		transition: transform 0.25s;
		transition: transform 0.25s, -webkit-transform 0.25s;
		-webkit-box-shadow: 2px 2px 7px rgba(0,0,0,0.5);
		box-shadow: 2px 2px 7px rgba(0,0,0,0.5);
	}
	#title>div:first-of-type{-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;}
	#title .logoName{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3; display: none;}
	#title .social-links{
		-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2; 
		-ms-flex-item-align: stretch; -webkit-align-self: stretch; -ms-grid-row-align: stretch; 
		align-self: stretch; 
		text-align: center; 
		padding: 1em; 
		white-space: normal;
	}
	#title .social-links a{
		text-decoration: none;
	}
	#title .social-links div:empty{
		display: none;
	}
	#title .social-links img{
		margin: 0.1em; 
		float:none;
	}
	#title .navHolder{
		-webkit-box-ordinal-group:2;
		-ms-flex-order:1;
		order:1; position: relative;
	}
	.title-phone{display: none;}
	
	#MBNavSwitch:checked + #navContainer {
		transform: translateX(0);
	}
	.navControl.MB {
		z-index: 15;
		display: block;
		position: sticky;
		top: 0;
	}
	#navContainer{
		width: 250px; 
		height: 100dvh; 
		padding: 2em 0; 
		order: 1;
		display: block;
		position: fixed;
		top: 0;
		left: 0%;
		transform: translateX(-101%);
		transition: all 0.5s;
		padding-top: 4em;
	}
	.navHolder > a {
		display: block;
		text-align: left;
		padding: 5px 1em 5px 1em;
	}
	.navHolder nav {
		display: block;
	}
}
	

@media screen and (max-width: 700px){
	.sub-title{font-size: 0.8em;}
	.homepage-banner{display:none;}
	.about-michelle .homepage-banner{display:block;}
	.alt-homepage-banner{display:block;}
	.alt-homepage-text{display:block;}
}
@media screen and (max-width: 600px){
	.speaker-request-container h1{font-size: 2em;}
	.speaker-request-container a{font-size: 1.3em;}
	.bullet-visible{display: none}
	.bullet-hidden{display: inline}
}

@media screen and (max-width: 500px){
	.footer,.footer-logo{font-size: 0.5em;}
	.content{padding: 1em;}
   .sub-title{letter-spacing:0.2em}
	.What_Others_Say .BGM-resource-img{	max-width: 100%;}
	.alt-homepage-text div img{display: none;}
}

@media screen and (max-width: 450px){
	.btn-events-container{font-size: 1.6em;}
   .sub-footer>div{font-size: 0.7em;}
	.alt-homepage-text{font-size: 1.6em;}
}

@media screen and (max-width: 400px){
	.sub-title{letter-spacing: normal}
	.copyright{font-size: 0.6em;}
	.BGM-generic-page table, .textarea table{font-size: 0.7em;}
}

@media print{
	.main{width: 1400px!important}
	.noprint{display:none;}
	.BGM-CMS-admin-control, .BGM-CMS-form-container, #bgm-cms-screen, .aux-link-container, .homeRule, .slide-show{display:none;}
	*{background-color: white!important; background-image: none!important; background: initial!important;}
}

/*-----------*/