/*   
Theme Name: DLI FMF 2.5
Theme URI: http://dermatologylearning.com
Description: Theme for Dermatology Learning Institute
Author: Mitch Wienecke
Author URI: http://crashcreative.ca
Version: 2.5B
*/

/* -----  LAYOUT  ----- */


/*

font-family: 'Roboto Condensed', sans-serif;

font-family: 'Montserrat', sans-serif;

font-family: 'Arimo', sans-serif;

font-family: 'PT Sans Narrow', sans-serif;

font-family: 'Jaldi', sans-serif;

*/




/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height: 1;}ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;}

html, body {
	height: 100%;
	min-height: 100%;
	/*
	background-color: #404040;
	*/
	background-color: #000;
}
body {
	margin: 0 !important;
	padding: 0 !important;
  	font-family: Sans-Serif;
}
html[lang] {
  margin-top: 0 !important;
}
#page {
	padding-top: 120px;
	float: left;
	width: 100%;
}



.mobile-only {
	display: none;
}
.HideMenu {
	display: none;
}
.menuEmail p span {
	text-decoration: none;
	color: #FFF;
}
.mobileDisplay {
	display: none;
}




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ---- FONTS ---- FONTS ---- FONTS ---- FONTS ---- FONTS ---- FONTS ---- FONTS ---- FONTS ---- FONTS ---- FONTS ---- FONTS ---- */
/* ----------------------------------------------------------------------------------------------------------------------------- */



/* SIDEBAR LAYOUT - SIDEBAR LAYOUT - SIDEBAR LAYOUT - SIDEBAR LAYOUT - SIDEBAR LAYOUT - SIDEBAR LAYOUT */
.sidebar a {
    color: #FFF;
	text-decoration: none;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

.ACD-Menu, .AMD-Menu, .AID-Menu, .Model-Menu {
	text-align: center;
	margin-top: 1.5em;
	line-height: 1.5em;
}
.ACD-Menu li, .AMD-Menu li, .AID-Menu li, .Model-Menu li {
	margin-bottom: 4%;
}
#ACD-wrap .register, #AMD-wrap .register, #AID-wrap .register {
	text-transform: uppercase;
}

.ACD-Menu .current-menu-item a { color: #90762b; }
.ACD-Menu a:hover {
	color: #b39759;
}
.AMD-Menu .current-menu-item a { color: #9f9fa2; }
.AMD-Menu a:hover {
	color: #9f9fa2;
}
.AID-Menu .current-menu-item a { color: #a75f34; }
.AID-Menu a:hover {
	color: #a75f34;
}
.Model-Menu .current-menu-item a { color: #e1e68c; }
.Model-Menu a:hover {
	color: #e1e68c;
}













#HomePage-Header {
	width: 92%;
	max-width: 1000px;
	margin: 0px auto;
}
#HomePage-Header img {
	width: 25%;
	max-width: 250px;
}











/* ABOUT US PAGE ---- ABOUT US PAGE ---- ABOUT US PAGE ---- ABOUT US PAGE ---- ABOUT US PAGE ---- ABOUT US PAGE */
#DLI-AboutUs {
	background-color: #FFF;
	padding-top: 40px;
	width: 100%;
	float: left;
}
#AboutUs-Header {
	width: 90%;
	max-width: 1000px;
	margin: 0px auto;
}
#AboutUs-Header .AboutUs-Logo {
	width: 20%;
	float: left;
}
#AboutUs-Header .AboutUs-Logo img {
	width: 100%;
	float: left;
}
#AboutUs-Header .title-wrap {
	width: 60%;
	float: left;
}
#AboutUs-Header .title-wrap h2, #AboutUs-Header .title-wrap h3 {
	color: #FFF;
	text-align: center;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 90%;
    margin: auto;
}
#AboutUs-Header .title-wrap h2 {
	font-size: 1.3em;
	height: 20%;
}
#AboutUs-Header .title-wrap h3 {
	font-size: 1.05em;
	height: 50%;
}
#AboutUs-Header .title-wrap .DLI {
	background-color: #000;
	height: 49%;
	position: relative;
}
#AboutUs-Header .title-wrap .ACD {
	background-color: #b39658;
	height: 16%;
	padding-bottom: 1%;
	position: relative;
}
#AboutUs-Header .title-wrap .AMD {
	background-color: #9f9fa2;
	height: 16%;
	padding-bottom: 1%;
	position: relative;
}
#AboutUs-Header .title-wrap .AID {
	background-color: #a75f34;
	height: 16%;
	padding-bottom: 1%;
	position: relative;
}



#DLI-AboutUs .content {
	width: 100%;
	float: left;
	
	margin-top: 1em;
}
#DLI-AboutUs .title-bar {
	width: 100%;
	background-color: #000;
}
#DLI-AboutUs .title {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}
#DLI-AboutUs .section-wrap {
	width: 100%;
	background-color: #FFF;
	padding: 1em 0em;
}
#DLI-AboutUs .content .section {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}
#DLI-AboutUs .title h1 {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #FFF;
	text-transform: uppercase;
	padding: 16px 0px;
}

#DLI-AboutUs .content .section p {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	text-align: justify;
	line-height: 1.75em;
}


/* CONTACT US PAGE ---- CONTACT US PAGE ---- CONTACT US PAGE ---- CONTACT US PAGE ---- CONTACT US PAGE */
#DLI-Contact {
	background-color: #FFF;
	padding-top: 40px;
	width: 100%;
	float: left;
}
#DLI-Contact .content {
	width: 100%;
	float: left;
	margin-top: 1em;
}
#DLI-Contact .title-bar {
	width: 100%;
	background-color: #000;
	float: left;
}
#DLI-Contact .title {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}
#DLI-Contact .section-wrap {
	width: 100%;
	background-color: #FFF;
}
#DLI-Contact .content .section {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}
#DLI-Contact .title h1 {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #FFF;
	text-transform: uppercase;

	padding: 16px 0px;
}
#DLI-Contact .content .section p {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	text-align: justify;
	line-height: 1.75em;
}



.contactIcons {
	float: left;
	padding: 0.5em 0;
}

.contactIconWrap {
	vertical-align: middle;
	width: 50%;
	max-width: 500px;
	float: left;
	margin: 0.5em 0;
}
.contactIconWrap p img {
	width: 18%;
	margin-right: 2%;
	vertical-align: middle;
}
.contactIconWrap a, .contactIconWrap span {
	text-decoration: none;
	color: #000;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: 700;
}
.contactIconWrap a:hover {
	color: #5f5f5f;
}



.socialMediaIcons {
	width: 100%;
	max-width: 1000px;
	float: left;
	padding: 0.5em 0;
}
.socialMediaIconsWrap {
	float: left;
	width: 50%;
	margin: 0.5em 0;
}
.socialMediaAddress {
	float: left;
	width: 48%;
	padding-left: 2%;
	margin: 0.5em 0;
}
.socialMediaIconsWrap img {
	float: left;
	width: 18%;
	margin-right: 2%;
}
.socialMediaAddress p {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: 700;
	padding-top: 0.5em;
	margin-left: 2%;
}





/* ------------------------------------------------------------------------------------------------------------------- */
/* ----- MAIL CHIMP FORM ----- MAIL CHIMP FORM ----- MAIL CHIMP FORM ----- MAIL CHIMP FORM ----- MAIL CHIMP FORM ----- */
/* ------------------------------------------------------------------------------------------------------------------- */
/* Modal Content/Box */

.modal-content {
    background-color: #000;
    margin: 10% 0 0 25%;
    padding: 1%;
    border: 2px solid #FFF;
    width: 50%;
	max-width: 1000px;
	float: left;
}
.modal-content p {
	color: #FFF;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 2em 0em 0.8em;
	text-align: center;
}

.FMF-SignUp {
	width: 100%;
	margin: 1em auto 0;
	float: left;
}
.FMF-Labels {
	float: left;
	width: 30%;
}
.FMF-Inputs {
	float: left;
	width: 70%;
}
.FMF-Labels ul li {
	color: #FFF;
	text-align: right;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	padding-top: 0.1em;
	font-size: 1em;
	height: 1.9em;
}
.FMF-Inputs ul li {
	height: 2em;
	margin-left: 2%;
}
.FMF-Inputs ul li input {
	width: 70%;
}
ul li input.submit {
	float: left;
	width: 20%;
	margin-left: 37.5%;
	margin-top: 0.5em;
	margin-bottom: 2.3em;
	
	
	text-transform: uppercase;
}

















/* INDIVIDUAL PAGES */

/* --------------------------------------------------------------------------- */
/* --- ACD --- ACD --- ACD --- ACD --- ACD --- ACD --- ACD --- ACD --- ACD --- */
/* --------------------------------------------------------------------------- */
#ACD-wrap {
	width: 100%;
	float: left;
}


#ACD-wrap .sidebar {
	width: 30%;
	float: left;
	background-color: #000;
	padding-bottom: 3em;
	background-color: #000;
}
.ACD-menu img {
	width: 75%;
	max-width: 250px;
	display: block;
	margin: 1em auto 0;
}


#ACD-wrap .page {
	width: 70%;
	float: left;
	background-color: #FFF;
	padding-bottom: 3em;
}
#ACD-wrap .header {
	background-color: #b39658;
	padding: 5em 0 1em;
	margin-bottom: 1em;
}
#ACD-wrap .header h1 {
	color: #FFF;
	font-size: 2.5em;
	margin-left: 3%;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#ACD-wrap .content {
	margin-left: 3%;
	width: 95%;
	max-width: 900px;
	
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
}
#ACD-wrap .content p {
	margin-bottom: 1em;
	color: #343434;
}
#ACD-wrap .content p span {
	color: #b39658;
}


/* --------------------------------------------------------------------------- */
/* --- AMD --- AMD --- AMD --- AMD --- AMD --- AMD --- AMD --- AMD --- AMD --- */
/* --------------------------------------------------------------------------- */
#AMD-wrap {
	width: 100%;
}
#AMD-wrap .sidebar {
	width: 30%;
	float: left;
	background-color: #000;
	padding-bottom: 3em;
	background-color: #000;
}
.AMD-menu img {
	width: 75%;
	max-width: 250px;
	display: block;
	margin: 1em auto 0;
}


#AMD-wrap .page {
	width: 70%;
	float: left;
	background-color: #FFF;
	padding-bottom: 3em;
}
#AMD-wrap .header {
	padding: 5em 0 1em;
	margin-bottom: 1em;
	background-color: #9f9fa2;
}
#AMD-wrap .header h1 {
	color: #FFF;
	font-size: 2.5em;
	margin-left: 3%;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#AMD-wrap .content {
	margin-left: 3%;
	width: 95%;
	max-width: 900px;
	
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
}
#AMD-wrap .content p {
	margin-bottom: 1em;
	color: #343434;
}



/* --------------------------------------------------------------------------- */
/* --- AID --- AID --- AID --- AID --- AID --- AID --- AID --- AID --- AID --- */
/* --------------------------------------------------------------------------- */
#AID-wrap {
	width: 100%;
}
#AID-wrap .sidebar {
	width: 30%;
	float: left;
	background-color: #000;
	padding-bottom: 3em;
	background-color: #000;
}
.AID-menu img {
	width: 75%;
	max-width: 250px;
	display: block;
	margin: 1em auto 0;
}


#AID-wrap .page {
	width: 70%;
	float: left;
	background-color: #FFF;
	padding-bottom: 3em;
}
#AID-wrap .header {
	background-color: #a75f34;
	padding: 5em 0 1em;
	margin-bottom: 1em;
}
#AID-wrap .header h1 {
	color: #FFF;
	font-size: 2.5em;
	margin-left: 3%;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#AID-wrap .content {
	margin-left: 3%;
	width: 95%;
	max-width: 900px;
	
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
}
#AID-wrap .content p {
	margin-bottom: 1em;
	color: #343434;
}






/* ACD TABLE */
#ACD-wrap table {
	width: 100%;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	margin-left: -1%;
	border: 0;
}

#ACD-wrap th:nth-child(1), #ACD-wrap th:nth-child(2) {
	padding-left: 2%;
}

#ACD-wrap tr {
	
}
#ACD-wrap td {
	padding: 0.3em 0;
	border: 1px solid #000;
}
#ACD-wrap td:nth-child(1) {
    width: 18%;
	padding-left: 2%;
	background-color: #FFF;
	color: #000;
}
#ACD-wrap td:nth-child(2) {
    width: 28%;
	padding-left: 2%;
}
#ACD-wrap td:nth-child(3) {
    width: 48%;
	padding-left: 2%;
}
#ACD-wrap table span {
	color: #90762b;
}

#ACD-wrap ul {
	margin-bottom: 1em;
}
#ACD-wrap ul li span {
	color: #90762b;
}


/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ---- FOOTER ---- FOOTER ---- FOOTER ---- FOOTER ---- FOOTER ---- FOOTER ---- FOOTER ---- FOOTER ---- FOOTER ---- FOOTER ----- */
/* ----------------------------------------------------------------------------------------------------------------------------- */
footer {
	padding-top: 30px;
	width: 100%;
	float: left;
	background-color: #000;
	padding-bottom: 30px;
}
img.visionLogo {
	width: 50%;
	max-width: 200px;
	display: block;
	margin: 0 auto;
}
footer .copyright {
	width: 100%;
	background-color: #000;
}
footer .copyright p {
	color: #CDCDCD;
	line-height: 3em;
	font-size: 0.7em;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	text-align: center;
}

svg {
	max-width: 200px;
	display: block;
	margin: 0 auto;
}

@media screen and (max-width: 849px) { 
	.modal-content {
	    margin: 10% 0 0 10%;
	    width: 80%;
	}

}	



@media screen and (max-width: 767px) {
	#page {
		padding-top: 0px;
		margin-top: 0px;
	}
	
	.full-screen {
		display: none;
	}
	.mobile-only {
		display: block;
	}
	
	
	
	/* ---- ABOUT US ---- ABOUT US ---- ABOUT US */
	#DLI-AboutUs {
		padding-top: 5px;
	}
	#AboutUs-Header .title-wrap h2 {
		font-size: 1.1em;

	}
	#AboutUs-Header .title-wrap h3 {
		font-size: .85em;
	}

	#DLI-AboutUs .section-wrap {
		padding: 0.8em 0em;
	}
	#DLI-AboutUs .title h1 {
		font-size: 1.2em;
		padding: 0.3em 0em 0.3em;
	}
	#DLI-AboutUs .content .section p {
		font-size: 0.9em;
		line-height: 1.5em;
	}

	/* ---- CONTACT ---- CONTACT ---- CONTACT */

	#DLI-Contact {
		padding-top: 0px;
	}
	#DLI-Contact .content {
		margin-top: 0.8em;
	}
	#DLI-Contact .title h1 {
		font-size: 1.2em;
		padding: 0.3em 0em 0.3em;
	}
	#DLI-Contact .content .section p {
		line-height: 1.5em;
	}
	.contactIcons {
		padding: 0.4em 0;
	}
	.contactIconWrap {
		margin: 0.4em 0;
	}
	.contactIconWrap a, .contactIconWrap span {
		font-size: 1.0em;
	}
	.socialMediaIcons {
		padding: 0.5em 0;
	}
	.socialMediaIconsWrap, .socialMediaAddress {
		margin: 0.5em 0;
	}
	.socialMediaAddress p {
		font-size: 1.2em;
		padding-top: 0.4em;
	}





	.modal-content {
	    background-color: #000;
	    margin: 2% 0 0 4%;
	    padding: 1%;
	    border: 2px solid #FFF;
	    width: 90%;
		max-width: 1000px;
		float: left;
	}
	.modal-content p {
		color: #FFF;
		font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
		text-align: center;
		padding: 2em 0em 0.8em;
	}
	.FMF-SignUp {
		width: 100%;
		margin: 1em auto 0;
		float: left;
	}
	.FMF-Labels {
		float: left;
		width: 30%;
	}
	.FMF-Inputs {
		float: left;
		width: 70%;
	}
	.FMF-Labels ul li {
		color: #FFF;
		text-align: right;
		font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
		padding-top: 0.1em;
		font-size: 1em;
		height: 1.9em;
	}
	.FMF-Inputs ul li {
		height: 2em;
		margin-left: 2%;
	}
	.FMF-Inputs ul li input {
		width: 90%;
	}
	ul li input.submit {
		float: left;
		width: 24%;
		
	}
	
	
	/* ---- SCHOOL PAGES ---- SCHOOL PAGES ---- SCHOOL PAGES ---- SCHOOL PAGES ---- SCHOOL PAGES ---- */
	#mobile-school-header {
		width: 100%;
		float: left;
	}
	#mobile-school-header .logo {
		width: 12.5%;
		float: left;
		background-color: #000;
		padding-top: 5px;
		padding-left: 2.5%;
	}
	#mobile-school-header .logo img {
		width: 90%;
	}
	#mobile-school-header .page-title {
		width: 85%;
		float: left;
		
		position: relative;
	}
	#mobile-school-header .page-title h1 {
		color: #FFF;
		font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		text-transform: uppercase;
		font-weight: 700;
		
		position: absolute;
		bottom: 5px;
		left: 5px;
	}
	
	#mobile-school-header .ACD-title {
		background-color: #b39658;
	}
	#mobile-school-header .AMD-title {
		background-color: #9f9fa2;
	}
	#mobile-school-header .AID-title {
		background-color: #a75f34;
	}
	
	#mobile-school-wrap {
		width: 100%;
		background-color: #fff;
		float: left;
	}
	#mobile-school-wrap .content {
		width: 95%;
		margin-left: 3.5%;
		padding: 5px 0px;
	}
	

}


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

	/* ---- ABOUT US ---- ABOUT US ---- ABOUT US */
	#AboutUs-Header .title-wrap h2 {
		font-size: 12px;

	}
	#AboutUs-Header .title-wrap h3 {
		font-size: 10px;
	}

	#DLI-AboutUs .title h1 {
		font-size: 1.2em;
		padding: 0.25em 0em 0.25em;
	}
	#DLI-Contact .title h1 {
		font-size: 1.2em;
		padding: 0.25em 0em 0.25em;
	}


	.contactIconWrap a, .contactIconWrap span {
		font-size: 12px;
	}
	.socialMediaAddress p {
		font-size: 12px;
	}
	
	
	.FMF-Labels {
		float: left;
		width: 33%;
	}
	.FMF-Inputs {
		float: left;
		width: 67%;
	}
	
	
	
	ul li input.submit {
		float: left;
		width: 30%;
		margin-left: 34%;
		
	}
	
		
}


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

	/* ---- ABOUT US ---- ABOUT US ---- ABOUT US */
	#AboutUs-Header .title-wrap h2 {
		font-size: 10px;

	}
	#AboutUs-Header .title-wrap h3 {
		font-size: 8px;
	}


	#DLI-AboutUs .title h1 {
		font-size: 16px;
		padding: 4px 0em 3px;
	}
	#DLI-Contact .title h1 {
		font-size: 16px;
		padding: 4px 0em 3px;
	}

	.contactIconWrap {
		vertical-align: middle;
		width: 90%;
		padding-left: 0%;
		float: left;
		margin: 0.5em 0;
	}
	
	.contactIconWrap p img {
		width: 18%;
		margin-right: 2%;
		vertical-align: middle;
	}

	.socialMediaIcons {
		width: 100%;
		max-width: 1000px;
		float: left;
		padding: 0.5em 0;
	}
	.socialMediaIconsWrap, .socialMediaAddress {
		float: left;
		width: 90%;
		padding-left: 0%;
		margin: 0.5em 0;
	}
	.contactIconWrap a, .contactIconWrap span {
		font-size: 1em;
	}
	.socialMediaAddress p {
		font-size: 1em;
		margin-top: 0;
		padding-top: 0;
	}
	
	.FMF-Labels {
		float: left;
		width: 40%;
	}
	.FMF-Inputs {
		float: left;
		width: 60%;
	}
	.FMF-Labels ul li {
		font-size: 0.85em;
		height: 2.3em;
	}
	
	
	
	
	
	
	#mobile-school-header .logo {
		width: 27.5%;
		float: left;
		background-color: #000;
		padding-top: 5px;
		padding-left: 2.5%;
	}
	#mobile-school-header .logo img {
		width: 90%;
	}
	#mobile-school-header .page-title {
		width: 70%;
		float: left;
	}
	
	.FMF-Inputs ul li input.submit {
		width: 45%;
	}
	
	.mobileHide {
		display: none;
	}
	.mobileDisplay {
		display: block;
	}
	
}