/*
Theme Name: The Geisel School of Medicine at Dartmouth
Theme URI: https://liaisonedu.com
Author: Liaison
Author URI: https://liaisonedu.com
Description: Wordpress theme for The Geisel School of Medicine at Dartmouth, using the BlankSlate starter theme from TidyThemes (https://github.com/tidythemes/blankslate).
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2023
Requires at least: 5.2
Tested up to: 6.1
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2023 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

/* 
INPUT[type='text'],
INPUT[type='email'],
SELECT {
	width: 80%;
}

.ginput_container_consent LABEL, 
.ginput_container_consent INPUT[type='checkbox'] {
	display: inline;
}

*/



/* -------------- DEFAULTS & GENERAL 	-------------- */
:root {
	--color-green: rgb(0,104,69);  /* #006845  */
	
	/* darkest and lightest are black and white, or super dark gray and off-white  */
	--color-darkest: rgb(0, 0, 0);		
	--color-lightest: rgb(255, 255, 255);

	/*
	--color-secondary-dark-green: rgb(0,112,60);
	--color-secondary-light-green: rgb(108,179,63);
	--color-secondary-gray: rgb(136,116,106);
	--color-secondary-light-black: rgb(23,37,45);
	*/

	--serif-font: "freight-text-pro", GARAMOND, serif;
	--sans-serif-font: "freight-sans-pro", Helvetica, Arial, sans-serif;

	--ORIGINAL-sans-serif-font-condensed: "urw-din-condensed", "freight-sans-pro", Helvetica, Arial, sans-serif;
	--sans-serif-font-condensed: "urw-din-condensed", serif;

	/* copied from their site */
	--color-copied-text-gray: rgb(111, 111, 113);
	--color-copied-background-gray: rgb(236, 239, 237);

	--color-copied-button-green: #3d9369;
	--color-copied-fastfacts-green: #54b888;
	--color-copied-fastfacts-border: #7e8c87;
	--color-copied-darkgreen-background: #1a342b;

	--color-secondary-light-green: #54b888;
	--color-secondary-light-black: #1a342b;

}


/* HTML element classes */

BODY, HTML {
	width: 100%;
	font-size: 16px;
	font-family: var(--serif-font);
	color: var(--color-darkest);
	padding: 0;
	margin: 0;
	min-width: 390px;
}

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

BUTTON {
	background-color: var(--color-copied-button-green);
	color: var(--color-lightest);
	padding: 10px 18px;
	font-size: 1.0rem;
	font-family: var(--sans-serif-font);
	border:0;
}

A,
A:link,
A:active,
A:visited,
A:hover {
	text-decoration: none;
	color: var(--color-copied-button-green);
}



/* -------------------------------------------------------- */
/* button hover transition */
INPUT[type='submit'],
BUTTON,
BUTTON.dartmouth-btn,
.dartmouth-btn {
	font-family: var(--sans-serif-font);
	border: 2px solid var(--color-copied-button-green);
	border-radius: 0;
	padding: 10px 18px;
	display: inline-block;
	cursor: pointer;

	color: var(--color-lightest);
	background: 
		linear-gradient(
            -45deg,
            transparent 0,
            transparent 50%,
            var(--color-lightest) 0,
            var(--color-lightest) 50%
		),
		var(--color-copied-button-green);
	background-size: 250% auto;
	background-position-x: 100%, 0%;

	transition: background-position-x 0.25s, color 0.25s;
	-webkit-transition: background-position-x 0.25s, color 0.25s;
	-o-transition: background-position-x 0.25s, color 0.25s;
	-ms-transition: background-position-x 0.25s, color 0.25s;
}

INPUT[type='submit']:hover,
BUTTON:hover,
.dartmouth-btn:hover,
#learn_more_logorow_btn.dartmouth-btn:hover {
	background-position-x: 0%, 0%;
	color: var(--color-copied-button-green);
}

#learn_more_logorow_btn.dartmouth-btn {
	background: 
		linear-gradient(
            -45deg,
            transparent 0,
            transparent 50%,
            var(--color-lightest) 0,
            var(--color-lightest) 50%
		),
		var(--color-copied-button-green);
	background-size: 250% auto;
	background-position-x: 100%, 0%;
}

#learn_more_logorow_btn.dartmouth-btn:hover {
	background-position-x: 0%, 0%;
	color: var(--color-copied-button-green);
}

/*
.thankyou-page-container  .dartmouth-btn {
	display: none;
}
*/

/* button hover transition */
/* -------------------------------------------------------- */


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
	font-family: var(--serif-font);
}

.h2, H2 {
	font-size: 2.0rem;
}

FORM, INPUT, SELECT, TEXTAREA {
	font-family: var(--sans-serif-font);
}


/* generic classes */

.content-container {
	max-width: 992px;
}

.align-right {
	text-align: right;
}

.bold-copy {
	font-weight: 700;
}

.text-green-sans {
	color: var(--color-green);
	font-family: var(--sans-serif-font);
	font-weight: 500;
}

.svg-logo {
	width: 12.625rem;
    height: 1.4375rem;

	display: block;
	/* fill: #00693e; */
	fill: #ffffff;
	transition: fill .5s;
}



/* backgrounds */
.bg-green {
	background-color: var(--color-green);
	color: var(--color-lightest);
}

.bg-light-green {
	background-color: var(--color-secondary-light-green);
	color: var(--color-lightest);
}

.bg-light-black {
	background-color: var(--color-secondary-light-black);
	color: var(--color-lightest);
}

.bg-dark-green {
	background-color: var(--color-copied-darkgreen-background);
	color: var(--color-lightest);
}

/*
.bg-gray {
	background-color: var(--color-secondary-gray);
	color: var(--color-lightest);
}
*/

.bg-copied-light-gray {
	background-color: var(--color-copied-background-gray);
}
/*
	--color-secondary-dark-green: rgb(0,112,60);
	--color-secondary-light-green: rgb(108,179,63);
	--color-secondary-gray: rgb(136,116,106);
	--color-secondary-light-black: rgb(23,37,45);
*/




/* logo row */
.logo-row {
	background-color: var(--color-copied-darkgreen-background);
}

.logo-row IMG {
	height: 50px;
	max-height: 50px;
}

.logo-row BUTTON {
	margin-right: 20px;
	border: 0;
	border-radius: 4px;
	padding: 8px 10px 4px 10px;
	/* background-color: var(--color-secondary-light-green); */
	background-color: var(--color-copied-button-green);
}


/* hero row */
.hero-section-home
{
	/* background-image: linear-gradient(-180deg, transparent, var(--color-green)), url(../images/campus_evening_snowy.jpg); */
	background-image: linear-gradient(-180deg, transparent, var(--color-copied-darkgreen-background)), url(images/RobertGill_resized.jpg); 
	background-position: bottom center, center center; 
	background-size: auto 40%, cover;
	background-repeat: no-repeat, no-repeat;

	height: 100%;
	color: var(--color-lightest);
	/* text-shadow: 1px 1px 0px #000000cc, -1px -1px 0px #000000cc; */
}

.hero-section,
.hero-section .row {
	min-height: 300px;
}



.hero-title-section {
	padding: 0 0 40px 0;
	line-height: 1.1;
	font-family: var(--serif-font);
	color: var(--color-lightest);
}

.hero-title {
	font-weight: 400;
	font-size: 3.5rem;
}

SPAN.hero-subtitle {
	display: block;
}



/* intro row */

.video-container {
	margin: 20px 10px 20px 0;
}

.intro-with-form-container {
	/* background-color: var(--color-copied-background-gray); */
	/*
	background-image: 
		linear-gradient(to left, var(--color-copied-darkgreen-background), var(--color-copied-darkgreen-background)), 
		linear-gradient(to right, var(--color-copied-background-gray), var(--color-copied-background-gray));
	background-size: 50% 100%, 50% 100%;
	background-position: left center, right center;
	background-repeat: no-repeat, no-repeat;
	*/
	background-color: var(--color-lightest);

}


.intro-section {
	font-size: 1.4rem;
	/* color: var(--color-secondary-gray); */
	color: var(--color-copied-text-gray);
	-webkit-font-smoothing: antialiased;
}

.jump-to-form-btn-container BUTTON {
	padding: 8px 12px 4px 12px;
	border: 0;
}

.intro-section H2,
.intro-section h2 {
	font-size: 1.2rem;
}

.emp_form_container {

}


/* become a leader */
/*
.benefits-row-epidemiology
.benefits-row-health-data-science
.benefits-row-health-research
.benefits-row-mph-online
.benefits-row-mph
.benefits-row-informatics
*/


.benefits-background-image-no-carousel,
.benefits-background-image-implementation-science,
.benefits-background-image-health-data-science-online,
.benefits-background-image {
	/* background-image: url('../images/student_at_computer_doing_cool_stuff.jpg');  */
	background-image: url('images/become_a_leader.jpg'); 
	background-size:cover;
	background-position: center center;
	width: auto;
	min-height: 400px;
}

.benefits-background-image-implementation-science {
	background-image: url('images/become_a_leader-implementation-science-2.jpg');
}

.benefits-background-image-health-data-science-online {
	background-image: url('images/become_a_leader-health-data-science-online.jpg');
}



.min-height-450 {
	min-height: 450px;
}

.min-height-600 {
	min-height: 600px;
}

.benefits-bullets LI {
	font-size: 1.1rem;
	font-family: var(--sans-serif-font);
}

.benefits-bullets LI .bold-copy {
	font-weight: 700;
}


.benefits-section-brandpage P, 
.benefits-section-brandpage H2, 
.benefits-section-brandpage DIV {
	margin-left: 10px;
}


#become_a_leader_carousel {
	margin: 0 auto;
	/* width: 75%; */
	/* min-height: 19.0em; */
}

.width-75 {
	width: 75%;
}

.carousel-inner {
	text-align: center;
}

.carousel-inner .benefits-bullets LI {
	font-size: 1.25rem;
}

.carousel-item > UL.benefits-bullets {
	margin: 10px auto;
	padding: 5px 0;
	display: inline-block;
	width: 75%;
	/* border: 1px solid var(--color-copied-fastfacts-green); */
	list-style-type: none;
}


.carousel-item-heading {
	text-align: center;
	font-weight: 700;
	font-size: 1.25rem;
	font-family: var(--serif-font);
	border-bottom: 1px solid var(--color-copied-fastfacts-green);
	display: inline-block;
	line-height: 300%;
}

UL.benefits-bullets LI {
	line-height: 1.45rem;
	margin-bottom: 0.9rem;
}



.benefits-button-container {
	text-align: center;
	margin-top: 0;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2354b888'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2354b888'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


/* testimonial */
.testimonial-container {
	background-image: radial-gradient(circle at center, rgba(0,0,0,0.4), rgba(0,0,0,0.5)), radial-gradient(circle at center, rgba(0,0,0,0.4), rgba(0,0,0,0.5));
	background-color: rgb(0,0,0,0); /* in case the photo does not load */
	background-size: cover, cover;
	background-position: center center, top center;
	background-repeat: no-repeat, no-repeat;
	min-height: 600px;
	padding-bottom: 20px;
}

.testimonial-container-joseph-nano {
	background-image: radial-gradient(circle at center, rgba(0,0,0,0.4), rgba(0,0,0,0.5)), url(images/testimonials/joseph-nano-headshot.jpg);
}

.testimonial-container-despina-karalis {
	background-image: radial-gradient(circle at center, rgba(0,0,0,0.4), rgba(0,0,0,0.5)), url(images/testimonials/Depina_Karalis.jpg);
}

.testimonial-container-jesse-columbo {
	background-image: radial-gradient(circle at center, rgba(0,0,0,0.4), rgba(0,0,0,0.5)), url(images/testimonials/jesse-2.jpg);
	background-position: center center, top right;
}

.testimonial-container-nikhita-thaper {
	background-image: radial-gradient(circle at center, rgba(0,0,0,0.4), rgba(0,0,0,0.5)), url(images/testimonials/nikhita_thaper.jpg);
	/* background-image: radial-gradient(circle at center, rgba(0,0,0,0.4), rgba(0,0,0,0.5)), url(images/testimonials/nikhita-2.jpg); */
}

.testimonial-container-william-escobar {
	background-image: radial-gradient(circle at center, rgba(0,0,0,0.4), rgba(0,0,0,0.5)), url(images/testimonials/William_Escobar-2.jpg);
}

.testimonial-container-gerald-onuoha {
	/* background-image: radial-gradient(circle at center, rgba(0,0,0,0.4), rgba(0,0,0,0.5)), url(images/testimonials/gerald_onuoha-2.jpg); */
	background-image: radial-gradient(circle at center, rgba(0,0,0,0.4), rgba(0,0,0,0.5)), url(images/testimonials/gerald_onuoha-2a.jpg);
	background-position: center center, top right;
}

.testimonial-container-genevieve-schaefer {
	/* background-image: radial-gradient(circle at center, rgba(0,0,0,0.4), rgba(0,0,0,0.5)), url(images/testimonials/Genevieve_Schaefer.jpg); */
	background-image: radial-gradient(circle at center, rgba(0,0,0,0.4), rgba(0,0,0,0.5)), url(images/testimonials/students_walking.jpg);
	background-position: center center, center center;
}


.testimonial-container-digvijay-yadav {
	background-image: radial-gradient(circle at center, rgba(0,0,0,0.4), rgba(0,0,0,0.5)), url(images/testimonials/digvijay_yadav.jpg);
}

.testimonial-container-sharanya-subramaniam {
	background-image: radial-gradient(circle at center, rgba(0,0,0,0.4), rgba(0,0,0,0.5)), url(images/testimonials/Sharanya_Subramaniam-cropped.jpg);
}

.testimonial-container-brian-urban {
	background-image: radial-gradient(circle at center, rgba(0,0,0,0.4), rgba(0,0,0,0.5)), url(images/testimonials/brian_urban-cropped2.jpg);
}


.testimonial-section {
	color: var(--color-lightest);
	font-family: var(--serif-font);
	font-size: 1.50rem;
}

.testimonial-quote {
	font-style: italic;
}


.testimonial-name {
	font-family: var(--serif-font);	
	font-weight: 700;
	margin: 20px 0 0 0;
}

.testimonial-attribution-info {
	font-size: 1.0rem;
}

.testimonial-rightside {
	background-image: url(images/campus_dusk_drone2.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/* factoid */
.fact-container {
	/* font-weight: 700; */
	text-align: center;
}

.fact-number {
	font-family: var(--sans-serif-font-condensed);
	font-size: 4.0rem;
	color: var(--color-copied-fastfacts-green);
	letter-spacing: -0.05em; 
	
	

	font-weight: 400;
	line-height: 108.8px;

	
    transform: scale(1, 1.4);
    -webkit-transform: scale(1.15, 1.4);
    -moz-transform: scale(1.15, 1.4);
    -ms-transform: scale(1.15, 1.4);
    -o-transform: scale(1.15, 1.4);
    
	border-bottom: 1px solid var(--color-copied-fastfacts-border);

}


.fact-text {
	padding-top: 40px;
	font-size: 1.0rem;
}

/*
.fact-subtext {
	display: none;
}
*/

.fact-percentage-smaller {
	font-size: 4.0rem;
	margin-left: 4px;
}



/* video */
.video-iframe {
	width: 340px;
	height: 177px;

}

/* foundational */
.foundational-section {
	line-height: 1.2;
}

.foundational-subhead {
	font-family: var(--sans-serif-font);
	font-size: 1.2rem;
	/* font-weight: 700; */
}

.foundational-section IMG {
	max-width: 100%;
}

.foundational-section BUTTON {
	border: 0;
	border-radius: 4px;
	font-size: 1.5rem;
	padding: 9px 20px 5px 20px;
}

/* foundational positioned below intro text */
.foundational-container {
	margin: 0;
	padding: 0;
	max-width: 100%;
}


.lets-connect-section {
	/* color: var(--color-copied-text-gray); */
	-webkit-font-smoothing: antialiased;
	margin-bottom: 2.0rem;
	margin-top: 150px;
}

.lets-connect-heading {
	font-size: 4.0rem;
}

.lets-connect-copy {
	font-size: 1.4rem;
	margin: 20px 0 30px 0;
}


/* use this if there is no content
.campus_dusk_row {
	background-image: url(../images/campus_dusk_resized.jpg);
	background-size: cover;
	background-position: top center;
	height: 200px;
}
*/

.campus_dusk_row {
	/*
	background-image: url(../images/bio_science.jpg);
	background-size: cover;
	background-position: top center;
	*/
	min-height: 500px;
	background-image: radial-gradient(circle at center, rgba(0,0,0,0.7), rgba(0,0,0,0.4)), url(images/geisel-sign-rect.jpg);
	background-size: cover, cover;
	background-position: center center, top center;
	background-repeat: no-repeat, no-repeat;


}


/* footer */
.footer-row {
	min-height: 75px;
	font-size: 0.80rem;
	font-family: var(--sans-serif-font);
	color: var(--color-lightest);
}



/* thank you */

.thankyou-bold {
	font-weight: 700;
}

.thankyou-link {
	margin: 20px 0;
	font-weight: 700;	
}

.thankyou-link A,
.thankyou-link A:link,
.thankyou-link A:active,
.thankyou-link A:visited,
.thankyou-link A:hover {
	color: var(--color-green);
	font-family: var(--sans-serif-font);
}


/* EMP form */
.optin_policy {
	font-family: var(--sans-serif-font);
	font-size: 0.8rem;
}

@media screen and (min-width: 576px) {
	.hero-title {
		font-size: 4.0rem;
	}
	SPAN.hero-subtitle {
		display: inline;
	}

	.campus_dusk_row {
		/* height: 500px; */
	}

	.testimonial-section {
		font-size: 1.75rem;
	}


}


@media screen and (min-width: 768px) {
	.hero-title {
		font-size: 4.5rem;
	}

	.testimonial-section {
		font-size: 1.50rem;
	}

	.benefits-row-epidemiology .carousel-inner,
	.benefits-row-health-research .carousel-inner {
	    height: 325px;
	}

	.benefits-row-health-data-science .carousel-inner,
	.benefits-row-informatics .carousel-inner {
	    height: 350px;
	}

	.benefits-row-health-data-science-online .carousel-inner,
	.benefits-row-mph .carousel-inner,
	.benefits-row-mph-online .carousel-inner {
	    height: 375px;
	}


	.benefits-row-implementation-science .carousel-inner {
	    height: 425px;
	}


	.benefits-background-image-implementation-science,
	.benefits-background-image-health-data-science-online,
	.benefits-background-image {
		min-height: 675px;
	}

	.benefits-background-image-no-carousel {
		min-height: 450px;
	}


}


@media screen and (min-width: 993px) {
	.logo-row IMG {
		max-height: 60px;
	}

	.hero-section,
	.hero-section .row {
		min-height: 450px;
	}

	.hero-title {
		font-size: 6.0rem;
	}
	
	.testimonial-section {
		font-size: 1.75rem;
	}

	.benefits-row-epidemiology .carousel-inner {
	    height: 275px;
	}

	.benefits-row-health-data-science-online .carousel-inner {
	    height: 325px;
	}

	.benefits-row-implementation-science .carousel-inner,
	.benefits-row-health-data-science .carousel-inner,
	.benefits-row-health-research .carousel-inner,
	.benefits-row-mph-online .carousel-inner {
	    height: 300px;
	}

	.benefits-row-informatics .carousel-inner {
	    height: 325px;
	}

	.benefits-background-image-no-carousel {
		min-height: 350px;
	}

}

@media screen and (min-width: 1200px) {
	.h1.intro-heading, 
	H1.intro-heading  {
		font-size: 2.0rem;
		font-weight: 700;
	}

	.testimonial-section {
		font-size: 2.0rem;
	}

	.benefits-row-health-data-science .carousel-inner {
	    height: 275px;
	}
	
	.benefits-background-image-implementation-science,
	.benefits-background-image-health-data-science-online,
	.benefits-background-image {
		min-height: 600px;
	}


}


@media screen and (min-width: 1400px) {

}