/*
Theme Name: chamberlain
Theme URI: https://liaisonedu.com
Author: Liaison International / Tom Bartling
Author URI: https://liaisonedu.com
Description: chamberlain landing pages.
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.0
Version: 1.1
License:
License URI:
Text Domain: chamberlain
Tags:
*/

/* -------------- DEFAULTS & GENERAL 	-------------- */



@font-face {
	font-display: swap;
    font-family: "MuseoSans300";
    src: url("fonts/MuseoSans300.woff2") format("woff2"), 
		url("fonts/MuseoSans300.woff") format("woff");
}
@font-face {
	font-display: swap;
	font-family: "MuseoSans300Italic";
	src: url("fonts/MuseoSans300italic.woff") format("woff");
}

@font-face {
    font-display: swap;
    font-family: "MuseoSans700";
    src: url("fonts/MuseoSans700.woff2") format("woff2"),
		url("fonts/MuseoSans700.woff") format("woff");
}
@font-face {
	font-display: swap;
	font-family: "MuseoSans700Italic";
	src: url("fonts/MuseoSans700Italic.woff") format("woff");
}
@font-face {
    font-display: swap;
    font-family: "MuseoSansCondensed700";
    src: url("fonts/MuseoSansCondensed700.woff2") format("woff2"),
		url("fonts/MuseoSansCondensed700.woff") format("woff");
}



:root {
	--font-primary: "MuseoSans300", sans-serif;
	--font-primary_bold: "MuseoSans700", sans-serif;
	--font-primary_italic: "MuseoSans300Italic", sans-serif;
	--font-primary_bold_italic: "MuseoSans700Italic", sans-serif;
	--font-headings-h1: "MuseoSansCondensed700", sans-serif;
	--font-headings: "MuseoSans700", sans-serif;

	--color-default_text: #000000;
	--color-dark_blue: #013a81;
	/* --color-dark_blue_transparent: #013a81aa; */
	/* --color-dark_blue_transparent: #013a8144; */
	--color-dark_blue_transparent: #013a8188;
	--color-dark_blue_transparent_darker: #013a81aa;
	--color-light_blue: #0151b4;
	--color-gold: #f5b511;
	--color-gray: #e6ecf3;
	--color-teal: #029ea4;

	--color-warning: #bb3333;


    /*      UPDATE THIS  */
    --btn-color-background: var(--color-gold);
    --btn-color-text: var(--color-dark_blue);

}

/* HTML element classes */

BODY, HTML {
	width: 100%;
	font-size: 16px;
	font-family: var(--font-primary);
	color: var(--color-default_text);
	padding: 0;
	margin: 0;
	min-width: 390px;
	line-height: 1.2;
}

IMG, IFRAME {
	max-width: 100%;
}



/*---------------------------------------------------------------------------------------------------------*/
/* overwriting bootstrap */
B, STRONG {
	font-weight: 700;;
}

/* not importing bootstrap typography just for this */
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}


.accordion-item,
.accordion-body,
.accordion-header,
.accordion-header BUTTON,
.accordion-button.collapsed,
.accordion-button:not(.collapsed), 
.accordion-button {
	padding: 0;
	border: 0;
	border-color: transparent;
	background-color: transparent;
	box-shadow: none;
}

.accordion-item {
	padding: 0 10px 0 0;
}


.locations-row H2 {
	font-size: 1.5rem;
}

.location-header-city {
	color: var(--color-dark_blue);
	font-style: italic;
}

.location-address-container {
	margin: 0 0 15px 0;
}


/* overwriting bootstrap */
/*---------------------------------------------------------------------------------------------------------*/


A,
A:link,
A:active,
A:visited,
A:hover {
	font-weight: 700;
	/* color: var(--color-primary); */
}

.bg-dark_blue A,
.bg-dark_blue A:link,
.bg-dark_blue A:active,
.bg-dark_blue A:visited,
.bg-dark_blue A:hover,

.bg-light_blue A,
.bg-light_blue A:link,
.bg-light_blue A:active,
.bg-light_blue A:visited,
.bg-light_blue A:hover {
	color: #ffffff;
	font-weight: 300;
}


INPUT[type="submit"],
A.cta-btn, 
A.cta-btn:link, 
A.cta-btn:active, 
A.cta-btn:visited, 
A.cta-btn:hover, 
.cta-btn, 
BUTTON {
    background-color: var(--btn-color-background);
    color: var(--btn-color-text); 
    cursor: pointer;
	display: inline-block;
	padding: 0.5rem 2.0rem;
	font-family: var(--font-primary_bold);
	line-height: 200%;
	font-size: 1.1rem;
	font-weight: 700;
	text-decoration: none;
	border-radius: 50px;
	border: solid var(--color-gold) 1px;
}

INPUT[type="submit"]:hover, 
A.cta-btn:hover,
BUTTON:hover {
	background-color: #ffffff;
}

A.cta-btn.cta-btn-alt, 
A.cta-btn.cta-btn-alt:link, 
A.cta-btn.cta-btn-alt:active, 
A.cta-btn.cta-btn-alt:visited, 
.cta-btn.cta-btn-alt {
	background-color: var(--color-light_blue);
    color: #ffffff; 
	border: solid var(--color-light_blue) 1px;
}
A.cta-btn.cta-btn-alt:hover {
	background-color: #ffffff;
	color: var(--color-light_blue);
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	color: var(--color-dark_blue);
}

.h1, H1, .h2, H2, .h3, H3 {
	display: block;
	font-family: var(--font-headings);
	font-size: 2.75rem;
	/* 
    text-transform: uppercase;
	letter-spacing: .8px;
	line-height: 1.1rem; 
	*/
	margin: 0 0 15px 0;
}	

.h1, H1 {    font-size: 2.5rem; text-transform: uppercase; font-family: var(--font-headings-h1); }
.h2, H2 {    font-size: 1.15rem;  }
.h3, H3 {    font-size: 1.75rem;  }
.h4, H4 {    font-size: 1.50rem;  }

h2 .bold, 
h3 .bold, 
h4 .bold {
	font-family: var(--font-headings);
}

/* generic classes */

.bg-dark_blue { 
	background-color: var(--color-dark_blue); 
	color: #ffffff; 
}	

.bg-light_blue { 
	background-color: var(--color-light_blue); 
	color: #ffffff; 
}	

.bg-gold { 
	background-color: var(--color-gold); 
	color: var(--color-default_text);
}	

.bg-gray { 
	background-color: var(--color-gray); 
	color: var(--color-default_text);
}	

.bg-teal { 
	background-color: var(--color-teal); 
	color: #ffffff; 
}	

.copy-highlight {
	font-family: var(--font-primary_bold_italic);
}	

.bold {
	font-family: var(--font-primary_bold);
}	

.gold { 
	color: var(--color-gold); 
}


/* --------------------------------------------------------- */
/* --------- Header row    */
.header-page-row {
	/* border-bottom: solid var(--color-gold) 2px; */
}	

.header-row {
	color: #ffffff;
}	

.header-left,
.header-center,
.header-right {
	padding: 6px 0;
}	

.header-left {
	text-align: center;
}	

.header-left IMG {
	max-width: 200px;
	width: 100%;
}	

.header-center {
	text-align: center;
	font-weight: 600;
	font-size: 1.0rem;
	letter-spacing: 4px;
}	

.header-right {
	text-align: right;
	font-weight: 700;
	font-size: 1.0rem;
	letter-spacing: 1px;
}	

.header-br {
	display: inline;
}	

/* --------------------------------------------------------- */
/* --------- Hero row     */

/*
.hero-undergrad-row, 
.hero-parent-row {
	background-color: var(--color-dark_blue);
	background-image: linear-gradient(to right, var(--color-dark_blue_transparent) 100% ), url(images/hero-brand.jpg);
	background-size: cover, cover;
	background-repeat: repeat, no-repeat;
	background-position: top left, top left;	
	color: #ffffff;
}	

.hero-undergrad-row {
	background-position-x: 0, -80px;
}
.hero-undergrad-row .row {
	min-height: 900px;
}

.hero-parent-row {
	background-image: linear-gradient(to right, var(--color-dark_blue_transparent_darker) 100% ), url(images/hero-parent-3.jpg);
}
*/

.hero-undergrad-row, 
.hero-parent-row {
	background-color: var(--color-dark_blue);
}	



.hero-content-container {
	background-color: #ffffff99;
	color: var(--color-default_text);
}	

.hero-content-container-left {
	border-radius: 0;
	padding: 1.0rem 1.50rem 0.1rem 1.50rem; 
}

.hero-content-container-right {
	border-radius: 0 0 20px 20px;
	padding: 0 1.5rem 1.5rem 1.5rem;
}


.hero-headings-container {
	text-align: center;
}

.hero-headings-container H1, 
.hero-headings-container H2 {
	color: #ffffff;
	line-height: 125%;
} 

.hero-headings-container H1 {
	font-size: 2.25rem;
} 

/*
.hero-headings-container H1 .copy-highlight {
	font-family: var(--font-primary_bold_italic);
	text-transform: capitalize;
}	
*/

.hero-headings-container H2 {
	font-size: 1.05rem;
	font-family: var(--font-primary);
} 

.form_container H2 {
	font-size: 1.75rem;
} 




/* --- Hero row - Thank You page     */
.hero-thank-you-row {
	background-color: var(--color-dark_blue);
	color: #ffffff;
}

.hero-content-container-thank-you {
	font-size: 1.15rem;
	padding: 10px;
	color: #ffffff;
}

.hero-content-container-thank-you H1 {
	font-size: 1.50rem;
	margin-bottom: 2.0rem;
	color: #ffffff;
	text-transform: uppercase;
}

.hero-content-container-thank-you H1 .big-gold {
	font-size: 4.0rem;
	color: var(--color-gold);
} 



.hero-thank-you-row LI {
	margin-bottom: 1.4rem;
}	

.hero-thank-you-row A, 
.hero-thank-you-row A:link, 
.hero-thank-you-row A:active, 
.hero-thank-you-row A:visited, 
.hero-thank-you-row A:hover {
	color: var(--color-dark_blue);
	text-decoration: underline;
}	


.new-tab-icon {
	margin: 0 0.5rem;
}	

.new-tab-icon IMG {
	max-height: 1.0rem;
}	


/* --------------------------------------------------------- */
/* --------- COMBINED row     */
.benefits-facts-next-row {
	position: relative;
}

.benefits-facts-next-row::after {
	background-image: url(images/stripe-teal-gold.svg);
	background-position: left;
	background-size: contain;
	background-repeat: no-repeat;
	bottom: 0rem;
	height: 31.25rem;
	width: 25%;
	content: "";
	position: absolute;
	z-index: 1;
}

.benefits-facts-next-container {
	background-image: url(images/shield_pattern.svg);
	background-repeat: repeat-y;
	background-position-x: 90%;
	padding: 3.0rem 0;
}

.disclaimer-in-content {
	margin: 20px 0;
	font-size: 0.7rem;
}

/* --------- PROGRAM BENEFITS row     */

.program-benefits-container {
	background-color: var(--color-gray);
	border-radius: 20px;
	font-size: 1.125rem;
	line-height: 1.6;
}

.program-benefit-copy-container {
	padding: 2.5rem;
}

.program-benefits-container H2 {
	font-size: 2.0rem;
}

.program-benefits-photo {
	height: 100%;
}

.hero-photo-mobile IMG,
.program-benefits-photo IMG {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: top left;
	border-radius: 20px 20px 0 0;
}




/* --------- Fast Facts row     */
.fast-facts-row {
	font-size: 1.0rem;
}

.fact-container {
	margin: 15px 0;
	color: #000000;
	position: relative;
	z-index: 20;
}

.fact-number {
	font-size: 2.0rem;
}

.fact-text {
	font-size: 1.0rem;
}

.fast-facts-row .cta-container {
	margin: 20px 0 0 0;
}


/* --------- Take The Next Step row     */
.take-next-step-container {
	background-color: var(--color-dark_blue);
	color: #ffffff;
	padding: 3.0rem;
	font-size: 2.0rem;
	border-radius: 4px;
	position: relative;
	z-index: 20;
}


.take-next-step-container .take-next-step-copy {
	font-size: 1.95rem;
	color: #ffffff;
	/* text-shadow: 4px 4px 0 var(--color-dark_blue_transparent); */
}

.take-next-step-container .highlight {
	/* font-family: var(--font-primary_bold_italic); */
	font-family: "GaramondBoldItalic",serif;
	font-style: italic;
	font-weight: 700;
}



/* --------------------------------------------------------- */
/* --------- Photo row     */
/*
.photo-row {
	background-image: url(URL_GOES_HERE);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
}
*/

.photo-row IMG {
	max-width: 100%;
	width: 100%;
}





/* --------------------------------------------------------- */
/* --------- Footer row     */
.footer-row {
	padding: 10px 0;
	min-height: 200px;
	border-top: solid var(--color-gold) 10px;
}

.footer-address {
	font-size: 0.8rem;
	line-height: 150%;
}

.footer-logo {
	max-width: 150px;
}

.footer-tagline {
	font-weight: 700;
}


.footer-left, 
.footer-right {
	text-align: center;
}

.disclaimer-row {
	font-size: 0.75rem;
}


/* --------------------------------------------------------- */
/* --------- Gravity Forms       */
/* also see gravity forms section before media queries */
FORM, INPUT, TEXTAREA, SELECT, OPTION {
	width: 100%;
	max-width: 100%;
	line-height: 100%;
}

INPUT[type="checkbox"] {
	width: initial;
}

.ginput_container_checkbox, 
.ginput_container_checkbox INPUT, 
.ginput_container_checkbox LABEL {
	vertical-align: middle;
}

.ginput_container_checkbox LABEL {
	margin: 0 0 0 10px;
}

.wp-admin FORM {
	width: initial;
}


INPUT[type="submit"] {
	width: initial;
	line-height: 100%;
}	

INPUT:not([type="submit"]), 
TEXTAREA, 
SELECT {
	height: 2.5rem;
	border: 1px solid #ccd8e6;
	border-radius: 0.75rem;
	padding: 1rem;
}

.gfield_error INPUT:not([type="submit"]), 
.gfield_error TEXTAREA, 
.gfield_error SELECT {
	border: 1px solid var(--color-warning);
}

/* used with js function goToForm() to scroll to 1st input... selector needs to match js */
INPUT[type='text'] {
	scroll-margin-top: 60px;
}

SELECT {
	height: 3.0rem;
	padding: 0 1.0rem;
}

.gfield {
	margin-bottom: 20px;
}

/* UNCOMMENT IF WE USE THE ADDRESS SHOW/HIDE TOGGLE
.gfield.gfield--type-address SPAN {
	display: block;
	margin-bottom: 20px;
}
*/

/*--  Fix styles for WARNINGS for pages with a dark background */
.gform-theme--framework .gform_validation_errors, 
.gform-theme--framework .gform_validation_errors .gform-icon, 
.gform-theme--framework .gfield_validation_message,
.gform-theme--framework .gfield_description,
.gform-theme--framework .gform_validation_errors .gform_submission_error {
	background-color: #ffffff;
	padding: 4px 12px;
	border: none;
	display: inline-block;
	margin-top: 0;
}


.gform-theme--framework .gform_validation_errors .gform-icon {
  padding: 0;
}


.gform-theme--framework .gform_validation_errors .gform_submission_error {
	display: flex;
}

.gfield_visibility_hidden,
.gfield--type-honeypot {
    display: none;
}

.gform-footer {
    margin: 20px 0 0 0;
}

.gfield_label_before_complex, 
LABEL {
    font-size: 1.0rem;
    margin: 0 0 3px 4px;
	font-family: var(--font-primary_bold);
}

.hidden_label .gfield_label_before_complex {
	display: none;
}


.gfield_label_before_complex .gfield_required,
LABEL .gfield_required {
    margin-left: 0.25rem;
}

.gform-theme--framework .gform_validation_errors, 
.gform-theme--framework .gform_validation_errors .gform-icon, 
.gform-theme--framework .gfield_validation_message, 
.gform-theme--framework .gfield_description, 
.gform-theme--framework .gform_validation_errors .gform_submission_error,
.gform_validation_errors,
.gform_validation_errors H2,
.validation_message, 
.gfield_required {
    color: var(--color-warning);
	background-color: transparent;
}
.validation_message {
    font-family: var(--font-primary_bold);
	margin: 5px 0 0 3px;
}

@media (min-width: 1200px) {
    LABEL {
        font-size: 1.0rem;
    }
}
/* --------- Gravity Forms       */
/* --------------------------------------------------------- */



/* --------------------------------------------------------- */
/* --------- RESPONSIVE 				 */

/* custom media query to accommodate background adjustment */
@media screen and (min-width: 450px) {
	.hero-undergrad-row {
		background-position: top left, top left;	
	}

}

@media screen and (min-width: 576px) {
	.header-left {
		text-align: left;
	}

	.header-right {
		text-align: right;
	}
	
	.hero-headings-container H2 {
		font-size: 1.25rem;
	} 

	.form_container H2 {
		font-size: 1.75rem;
	} 


	.hero-content-container-thank-you H1 {
		font-size: 1.50rem;
		margin-bottom: 2.0rem;
	}

	.footer-left {
		text-align: center;
	}
	
	.footer-right {
		text-align: right;
	}
	
}


@media screen and (min-width: 768px) {
	.header-center {
		font-size: 1.25rem;
	}
	.header-right {
		font-size: 1.0rem;
	}

	.hero-undergrad-row, 
	.hero-parent-row {
		background-color: var(--color-dark_blue);
		background-image: linear-gradient(to right, var(--color-dark_blue_transparent) 100% ), url(images/hero-brand.jpg);
		background-size: cover, cover;
		background-repeat: repeat, no-repeat;
		background-position: top left, top left;	
		color: #ffffff;
	}	

	.hero-undergrad-row {
		background-position-x: 0, -80px;
	}
	
	.hero-parent-row {
		background-image: linear-gradient(to right, var(--color-dark_blue_transparent_darker) 100% ), url(images/hero-parent-3.jpg);
	}

	.hero-undergrad-row .row {
		min-height: 975px;
	}

	.hero-parent-row .row {
		min-height: 900px;
	}

	.hero-photo-mobile IMG {
		display: none;
	}

	.hero-content-container-left, 
	.hero-content-container-right {
		border-radius: 20px;
		padding: 2.5rem;
	}

	.hero-headings-container H1 {
		/* font-size: 2.5rem; */
		font-size: 2.25rem;
	} 

	.form_container H2 {
		font-size: 1.5rem;
	} 

	.hero-content-container-thank-you {
		font-size: 1.25rem;
		padding: 2.5rem;
	}


	.hero-content-container-thank-you H1 {
		font-size: 1.8rem;
		margin-bottom: 2.0rem;
	}



	.program-benefits-photo IMG {
		border-radius: 0 20px 20px 0;
	}

	.program-benefits-container {
		font-size: 1.0rem;
		line-height: 1.3;
		padding: 3.0.rem;
	}
	
	.program-benefits-container H2 {
		font-size: 1.5rem;
	}
	
}


@media screen and (min-width: 993px) {
	
	.hero-undergrad-row .row {
		min-height: 900px;
	}

	.hero-parent-row .row {
		min-height: 800px;
	}

	.hero-headings-container H1 {
		font-size: 3.0rem;
	} 

	.form_container H2 {
		font-size: 1.75rem;
	} 

	.hero-content-container-thank-you {
		font-size: 1.25rem;
		padding: 2.5rem;
	}

	.hero-content-container-thank-you H1 {
		font-size: 2.5rem;
		margin-bottom: 2.0rem;
	}

	.program-benefits-container {
		font-size: 1.125rem;
		line-height: 1.6;
		padding: 3.0.rem;
	}
	
	.program-benefits-container H2 {
		font-size: 1.5rem;
	}
	
}

@media screen and (min-width: 1200px) {
	.header-br {
		display: none;
	}

	.hero-thank-you .hero-content-container {
		min-height: 400px;
	}
	
}


@media screen and (min-width: 1400px) {
	.hero-headings-container H1 {
		font-size: 4.0rem;
	} 
}