:root {
	--movati-blue: #00a8cb;
	--movati-blue-xlt: #F3FBFD;
	--movati-grey: #444441;
	--movati-font: "Montserrat", sans-serif;
	--brand-blue: #00a2c2;
	--brand-black: #0e0e0e;
	--mov-black: #0E0E0E;
	--mov-green: #2ECEAF;
	--mov-white: #f2f2f2;
	--mov-blue: #00a8cb;
	--mov-grey: #444441;
	
}

.mov-font-light { font-family: var(--movati-font); font-optical-sizing: auto; font-weight: 100; font-style: normal; }
.mov-font-bold { font-family: var(--movati-font); font-optical-sizing: auto; font-weight: 600; font-style: normal; }
.mov-font-black { font-family: var(--movati-font); font-optical-sizing: auto; font-weight: 800; font-style: normal; }

* { font-family: var(--movati-font); }
body { background-color: var(--mov-black); }
.movblue, .movatiblue { color: var(--movati-blue); }
.movgrey, .movatigrey { color: var(--movati-grey); }
.bg-movblue { background-color: var(--movati-blue); }
.bg-movgrey { background-color: var(--movati-grey); }

.bg-movblue-xlt { background-color: var(--movati-blue-xlt); }
.btn-mov-blue, .btn-mov-blue:hover { background-color: var(--movati-blue); color: #fff; }
.btnInactive { cursor: initial; }
button.btn-mov-blue:hover, a.btn-mov-blue:hover { background-color: #0084A0; }
.btn { border-radius: 100px; font-size: 0.875rem; padding: 0.9375rem 1.625rem; font-weight: 600; letter-spacing: 2%; }
.btn-white { background: rgba(255, 255, 255, 1); color: var(--mov-black)!important;  }
.btn-white:hover { background: rgba(255, 255, 255, 0.2); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.3); color: var(--mov-white)!important;}
.btn-white-outline { /*background: rgba(255, 255, 255, 0.2); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(1px); border: 1px solid rgba(255, 255, 255, 0.3); */ color: var(--mov-white); background: rgba(255, 255, 255, 0.06); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5x); border: 1px solid rgba(255, 255, 255, 0.86);}
.btn-white-outline:hover { background: rgba(255, 255, 255, 1); color: var(--mov-black);  }


.nav-item a, a.nav-link { color: #ffffff; }
.movbold { color: var(--movati-grey); }

.memberLogoNav { max-width: 40px; width: 100%; height: auto; }

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--movati-blue)!important; }


.subtitle { font-size: 1.35rem; margin: 0; padding: 0; letter-spacing: 2px; color: var(--movati-blue);  text-transform: uppercase; }
.title { font-size: 2.25rem; margin: 0; padding: 0; letter-spacing: 2px; line-height: 1; }
.instructional { font-size: 1.15rem; letter-spacing: 1px; color: #666666; }
.btn { text-transform: uppercase; font-weight: 400; }

/** LOGIN BOX STYLES **/
.rpsmlabel { text-transform: uppercase; letter-spacing: 3px; font-size: 0.75rem; color: var(--bs-secondary); }
.rplogincontainer { min-height: 90vh; }
.rploginbox { max-width: 640px; width: 100%; margin: 0 auto; }
.rploginboxlogo { max-width: 150px; width: 100%; margin: 0 auto; }
.labelremember { font-weight: normal; font-size: 1.15rem; }

/***** FORM STYLES *****/
form { display: flex; flex-wrap: wrap; }
form input[type="text"], form input[type="email"], form input[type="tel"] { padding: 10px; font-size: 1.3rem; }
form div.formcol { flex-direction: column; flex: 0 50%; justify-content: center; padding: 10px; }
form div input[type=text], select { width: 100%; }
form div.formfull, fieldset { display: flex; flex-wrap: wrap; padding: 10px; width: 100%;  }
.checkcol { flex-direction: column; width: 22%; justify-content: center; margin: 5px 5px 5px 18px;}
.permission { margin: 20px 5px 20px 18px; }
.permission-multi { margin: 10px 5px 10px 18px; }              
input[type='checkbox'] { margin-left: -18px; }
.error { color: #990000; }
label { width: 100%; font-family: var(--movati-font); font-optical-sizing: auto; font-weight: 600; font-style: normal; font-size: 1.15rem; }
select.error, input[type=text].error { background-color: #fdfd6d; }
#interestsError, #permissionError { display: block; width: 100%; }
label#interests\[\]-error.error, label#permission-error.error { display: block; padding: 0 0 20px 0; }

select:invalid,select option[value=""] { color: #999999; }

form input[type="text"], form input[type="email"], form input[type="tel"] { outline: none; border: none; border-bottom: 1px solid black; border-radius: 0; border-radius: none; }
input:focus, select:focus, textarea:focus, button:focus { outline: none; }
.form-control:focus { border-color: #000; box-shadow: none; }
form textarea { width: 100%; max-width: 100%; }

/* button#send { padding: 10px 50px;  font-size: 16px; border: 1px solid #353739; background-color: #fff; color: #353739; display: block; }
button#send:hover { padding: 10px 50px;  font-size: 16px; border: 1px solid #353739; background-color: #353739; color: #fff; display: block; } */
	
label, legend { display: initial; margin-bottom: 0; } 
	  
form p { display: inline-block; margin-right: 1%; width: 48%; position: relative; }
.movActionBtn { padding: 16px; text-wrap: nowrap; }
.contact-form label, .wpcf7-form label { display: inline; }
.wpcf7-checkbox { border: none; }
.rp-select { outline: none; display: block; padding: 10px 40px 10px 0px; max-width: 100%; box-sizing: border-box; margin: 0; border: none; border-radius: 0; border-bottom: 1px solid #000; box-shadow: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: url("/wp-content/uploads/2021/04/arrow-down.png"); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100%; margin: 0; font-size: 1.3rem; }

.rp-select-sm { outline: none; display: block; padding: 0px 40px 10px 0px; max-width: 100%; box-sizing: border-box; margin: 0; border: none; border-radius: 0; border-bottom: 1px solid #000; box-shadow: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: url("/wp-content/uploads/2021/04/arrow-down.png"); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100%; margin: 0; font-size: 1rem; }

.rp-select-date { max-width: 49%; display: inline-block; }
span.comment { width: 100%; }

/***** SMS / EMAIL STYLES *****/
.checkcol { flex-direction: column; justify-content: center; margin: 5px; flex: 1 1 0px; }
/* input[type='radio'] { display: none; } */
input[type=radio] + label {  } 
label.rpcheckbox { background-color: #e8e8e8; box-sizing: border-box; padding: 25px 5px; border-radius: 5px; display: block; text-align: center; font-size: 14px; color: #000; }
label.rpcheckbox h3 { font-size: 16px; font-weight: bold; margin: 0; padding: 0; line-height: 1; color: inherit; }
label.rpcheckbox:hover { background-color: #00a2c2; color: #fff; } 
input[type=radio]:checked + label { background-color: #00a2c2; color: #fff; }

/***** SCHEDULE STYLES *****/
.classDescription { display: none; }
.classstudioname, .classinstructorname { font-size: 1em; }
.showMoreLink { color: var(--movati-blue); font-size: 0.75em; }
#schedule { overflow: scroll; }
#resetButton { font-size: 1.5rem; }



/***** FORM STYLES *****/
.dashboard button { background-color: #fff; }
.dashboard .card:hover button { background-color: var(--movati-blue-xlt) !important; }
.dashboard .card button:disabled, .dashboard .card button[disabled]{ filter: opacity(0.3); }
.dashboard .card:hover button:disabled { background-color: #fff !important; }
.dashboard .card:hover button:disabled .btn { color: #000; background-color: #fff !important; }

.highlight { transition: 5s all linear; animation: fadeout 5s forwards; }

@keyframes fadeout {
	from { background-color: yellow; }
	  to { background-color: white; }
}

@media all and (max-width: 1400px) {
	#myScheduleBtns .btn { width: 100%; margin: 10px 0!important; }
}

@media all and (max-width: 639px) {
	
	/** LOGIN BOX STYLES **/
	.rpsmlabel { text-transform: uppercase; letter-spacing: 3px; font-size: 0.75rem; color: var(--bs-secondary); }
	.rplogincontainer { min-height: auto; margin: 20px 0; }
	.rploginbox { max-width: 90%; width: 100%; margin: 0 auto; }
	.rploginboxlogo { max-width: 100px; width: 100%; margin: 0 auto; }
	.labelremember { font-size: 1rem; }
	
	/***** FORM STYLES *****/
	form input[type="text"], form input[type="email"], form input[type="tel"] { padding: 10px; font-size: 1rem; }
	
	
	
	/***** SCHEDULE STYLES *****/
	.classstudioname, .classinstructorname { font-size: 0.8em; }
}