/**
* Landing 2019
* Requires ac-components-lib.css
*/

/****** Resets ******/
/* Resetting semantic elements to its pure landmark/semantic purposes */

nav {
    width: auto; /* IE9 */
    width: unset;
    height: auto; /* IE9 */
    height: unset;
    background-color: white;
    background: unset;
    position: unset;
}

blockquote {
    width: initial;
    font-size: initial;
    line-height: initial;
    font-style: initial;
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
}




/****** Body ******/


/* Hiding Ad Roll Consent Container */
.adroll_consent_container {
    display: none;
}


body {
    background-color: white;
}

#wrapper {
    width: 100%;
    margin: 0 auto;
}
.wide#wrapper {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/****** Titles ******/

h2 {
    font-weight: bold;
    font-size: 2em;
    margin-top: 0;
}

/****** Sections ******/

.landing-section-container {
    padding-top: 40px;
}

.landing-section-container [class|="col"] {
    margin-bottom: 40px;
}


@media (min-width: 1240px){
	.container {
	max-width: 1400px !important;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 25px !important;
	padding-right: 25px !important;
	}
}
/* -- MAX 1239px -- */
@media screen and (max-width: 1239px) {
	.container {
	width: 100%;   
	margin-right: auto;
	margin-left: auto;
	padding-left: 25px !important;
	padding-right: 25px !important;
	}
}
@media (min-width: 1200px) {
	.container {
	max-width: 100%;
	padding-left: 25px !important;
	padding-right: 25px !important;
	}
}
@media (min-width: 992px){
	.container {
	max-width: 100%;
	padding-left: 25px !important;
	padding-right: 25px !important;
	}
}
@media (min-width: 768px){
	.container {
	max-width: 100%;
	padding-left: 25px !important;
	padding-right: 25px !important;
	}
}
/* -- MAX 767px -- */
@media screen and (max-width: 767px) {
	.container {
	max-width: 100%;
	padding-left: 25px !important;
	padding-right: 25px !important;
	}
}
@media (min-width: 576px){
	.container {
	max-width: 100%;
	padding-left: 25px !important;
	padding-right: 25px !important;
	}
}
@media (max-width: 575px){
	.container {
	max-width: 100%;
	padding-left: 20px !important;
	padding-right: 20px !important;
	}
}
@media (max-width: 480px){
	.container {
	max-width: 100%;
	padding-left: 15px !important;
	padding-right: 15px !important;
	}
}
.container {
    width: 100%;
    padding-right: 25px;
    padding-left: 25px;
    margin-right: auto;
    margin-left: auto;
}


/****** Regular Header ******/

header {
    width: 100%;
    max-width: 100% !important;
    padding: 0;
    margin: 0;
    margin-top: 0px;
}
header .container {
height: 100px;
}
header nav {
    background: #2b2b2b;
}

/****** Campus Home Header ******/

header #campus-home-header #logo-wrapper a {
    text-decoration: none;
}
header #campus-home-header #logo-wrapper a:hover,
header #campus-home-header #logo-wrapper a:focus {
    outline: none;
    padding-bottom: 5px;
/*     border-bottom: 2px solid #006341; */
}

header #campus-home-header #logo-wrapper {
    margin-bottom: 1em;
}

header #campus-home-header .row {
    height: 100px;
}

header #campus-home-header .icon-algonquin {
    color: #006341;
    font-size: 440%;
}

header #campus-links li {
	height: 3em;
	margin: 1em;
	margin-left: 3em;
    padding-bottom: 5px;
}
header #campus-links li:hover {
color: #1b1b1b !important;
border-bottom: 0.25em solid #75b545;
}
header #campus-links li a {
    font-size: 0.8em;
	color: #006341;    
	padding: 0;
}
header #campus-links {
display: flex;
justify-content: center;
width: 100%;
}
header #campus-links li a:hover, 
header #campus-links li a:focus {
	color: black;
}

header #campus-links li a:focus {
	text-decoration: underline;
}

header #campus-links .current-menu-item {
	background-color: #FFFFFF;
	border-bottom: 0.30em solid #75b545;
	padding-bottom: 0; 
}
nav#campus-menu {
margin-top: 0 !important;
}
/***** Global Nav fixes due to container differences ******/

#topMenu ul {
    max-width: 1140px;
}

/***** Local Nav ******/

header #website-local-menu {
    position: fixed;
}

/******  Main  ******/

/**** Copying some of the text styles from #main in the theme css to the tag <main> here - it's easier than counteracting the real styles by using #main on this template.****/

main article p:last-child {
    margin-bottom: 0;
}

main p a, main ul li a, main ol li a, main table.pageTable a, main tbody a, main #post-inner a {
    color: #025B79;
    text-decoration: underline;
    padding-top: 14px;
    padding-bottom: 14px;
}

/* main ul li, main ol li {
    line-height: 1.4em;
    padding: 3px 0;
} */

main h1, main h2, main h3, main h4, main h5, main h6 {
	font-family: "Metropolis", sans-serif;
	font-weight:400;
    color: #006341;
    line-height: 1em;
    letter-spacing: -1px;
    margin: 0 0 20px 0;
}
main h1 {
	font-size: 1.7em;
	line-height:1.5em;
	}
main h2 {
    font-size: 1.8em;
    font-weight: 500;
    line-height: 1.3em;
}
main h3 {
    font-size: 1.35em;
    line-height: 1em;
}
main h4, main h5, main h6 {
    font-size: 1.2em;
    line-height: 1em;
}


main aside h3 {
/*     font: 700 1.1em "Gotham SSm A", "Gotham SSm B", "proxima_nova_rgregular", sans-serif; */
font: 700 1.1em "Metropolis", sans-serif;
    margin: 0 0 8px 0;
}

main span.button a{
    background: #006341;
    border: 4px solid #e2e2e0;
    box-sizing: border-box;
    color: #fff !important;
    display: block;
    font-weight: bold;
    margin: 5px 0;
    padding: 10px 10px 10px 10px;
    width: auto;
    text-decoration: none;
    border-radius: 0px;
}

/****** Cards ******/

#landing-flip-cards *{
	box-sizing: border-box;
}


#landing-flip-cards .flipWrapper{
	perspective: 1000px;
	-ms-perspective:none;
	-ms-transform: none;
    position: relative;
    max-width: 350px;
    width: 100%;
	height: 480px;
	margin: 0px auto;
	}
	
@media (min-width:768px) and (max-width:1199px ){
	
	#landing-flip-cards .flipWrapper{
		height: 404px;
	}
	
}




#landing-flip-cards .flipWrapper:after{
	content:' ';
	clear:both;
	display:block;
	}
#landing-flip-cards .flipWrapper .content{
	position: absolute;
	width: 100%;
	height: 100%;
	transition: transform 1s;
	transform-style: preserve-3d;
	-ms-transition:none;
	-ms-transform-style: none;
}
/*#landing-flip-cards .flipWrapper a{
	
}*/

/*#landing-flip-cards .flipWrapper:hover .content,*/ 

#landing-flip-cards .flipWrapper:focus .content{
    transform: rotateY( -180deg );
	transition: transform 0.5s;
	
	-ms-transform:none;
	-ms-transition:none;
}

/*#landing-flip-cards .flipWrapper:hover .content .front,*/
#landing-flip-cards .flipWrapper:focus .content .front{
	-ms-display:none;
	-ms-backface-visibility:hidden;
}

/*#landing-flip-cards .flipWrapper:hover .content .back,*/
#landing-flip-cards .flipWrapper:focus .content .back{
	-ms-display:block;
	-ms-backface-visibility:visible;
}

 
#landing-flip-cards .flipWrapper.flipped .content{
	transform: rotateY( -180deg ) ;
	transition: transform 0.5s;

	}
#landing-flip-cards .flipWrapper .content a {
	text-decoration:none;
	display:block;
	}


#landing-flip-cards .flipWrapper .content a:hover .ac-btn{
	text-decoration:underline !important;
	font-weight:bold;
}


#landing-flip-cards .flipWrapper  a:focus {
	/* just for tab focus*/
	text-decoration:underline !important;
	box-shadow: 0 0 0 1px blue;
}
/*#landing-flip-cards .content .front{
	cursor:pointer; 
} */

#landing-flip-cards .content .front, #landing-flip-cards .content .back{
	 position: absolute;
  	 height: 100%;
 	 width: 100%;
     backface-visibility: hidden;
	 -ms-backface-visibility:hidden;
     max-width: 350px;
  	 width: 100%;
     height: 480px;
	 background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
}

#landing-flip-cards .flipWrapper .content .back a{
	padding:20px;	
}

#landing-flip-cards .flipWrapper .content .back a p{
	color: #ffffff;
}
#landing-flip-cards .flipWrapper .content .back a:hover p{
	text-decoration:underline;
	color:#ffffff;
}

@media (min-width:768px) and (max-width:1199px ){
	
	#landing-flip-cards .content .front, #landing-flip-cards .content .back{
		height: 404px;
	}
	
}



#landing-flip-cards .content .back{
	 transform: rotateY( -180deg );
	 -ms-transform:none;
	 -ms-display:none;
	 
	 background-color:#006341; 
}
#landing-flip-cards .content .front{
	 transform: rotateY( 0deg ) ;
	 -ms-transform: none;
 	 -ms-display:block;
	 background-color:#e9e9e9;
}




#landing-flip-cards .flipWrapper .content .back .backWrapper{
	display:block;
	width: 100%;
    height: 100%;
	min-height:auto;
	color:#ffffff;
	text-decoration: none;
	text-align: center;
    font-size: 1.2em;
}




#landing-flip-cards .content .back .ac-btn{
	position:relative;
	bottom:20px;
	margin: 0 auto;
}


#landing-flip-cards .content .ac-card-flip-img{
	width: 100%;
    position: relative;
    height: 100%;
    background-size: cover;
	/*background-color:#006341;*/
	
}

#landing-flip-cards .content .ac-card-flip-img .ac-card-flip-title{
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	bottom: 0px;
    text-align: center;
    display: inline-block;
    width: 100%;
	min-height: 40px;
    margin-bottom: 0px;
    padding: 10px;
	cursor:pointer;/* to indicate that it's a clickable area*/
	text-decoration:underline;
	color: #ffffff;
}



/*#landing-flip-cards .content .ac-card-flip-img .ac-card-flip-title:before{
	display: block;
    position: absolute;
    right: 20px;
    bottom: 8px;
    transform: translateY(-50%);
    font-size: 2.5em;
    content: '+';
}*/
/*#landing-flip-cards .content .ac-card-flip-img:hover .ac-card-flip-title:before{
	font-size: 3.5em;
}*/

#landing-flip-cards .content .ac-card-flip-img a.ac-card-flip-title .plusIcon{
	display: block;
	float: right;
	font-size: 2.5em;
	position: absolute;
	right: 10px;
	bottom: 15px;
}

#landing-flip-cards .content .ac-card-flip-img a.ac-card-flip-title:hover .plusIcon, #landing-flip-cards .content .ac-card-flip-img a.ac-card-flip-title:focus .plusIcon{
	font-size:3.5em;
}

/*#landing-flip-cards .content .front:hover .plusIcon{
	font-size:3.5em;
}*/
#landing-flip-cards .content .ac-card-flip-img h3{
	color: #ffffff;
    display: inline-block;
    width: calc(100% - 50px);
}

/** rotate icon **/
#landing-flip-cards .ac-card-flip-title .flipIcon{
	font-size: 1.8em;
    transform: rotateX(180deg);
}

#landing-flip-cards .ac-card-flip-back-link .flipIcon{
	transform: rotate(320deg);
}

#landing-flip-cards  .flipIcon span{
	display:block;
	transition-duration: 800ms;
}

#landing-flip-cards .content .backWrapper a.ac-card-flip-back-link{
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
    min-height: 40px;
    margin-bottom: 0px;
    margin: 0 auto;
    padding: 10px;
	background-color: rgba(0,0,0,0.5);
    cursor: pointer;
    text-decoration: none;
	text-align: right;
    color: #ffffff;
	font-size:1.5em;
}

#landing-flip-cards .content .backWrapper.nolink p{
	padding:10px;
}


#landing-flip-cards .ac-card-flip-title .flipIcon, #landing-flip-cards .ac-card-flip-back-link .flipIcon{
	color: #ffffff;
    display: inline-block;
    float: right;
    margin-top: 3px;
}

/* #landing-flip-cards .ac-card-flip-back-link:hover .flipIcon,
#landing-flip-cards .ac-card-flip-back-link:focus .flipIcon, 
#landing-flip-cards .ac-card-flip-title:hover .flipIcon, 
#landing-flip-cards .ac-card-flip-title:focus .flipIcon{
	transform: rotateX(45deg);
    transition-duration: 200ms;

} */

#landing-flip-cards .ac-card-flip-back-link:hover .flipIcon span, 
#landing-flip-cards .ac-card-flip-back-link:focus .flipIcon span, 
#landing-flip-cards .ac-card-flip-title:hover .flipIcon span, 
#landing-flip-cards .ac-card-flip-title:focus .flipIcon span{
	transition-duration: 800ms;
    transform-origin: center;
    transform: rotate(180deg);
}

/*#landing-flip-cards .content .backWrapper .ac-card-flip-back-link:before{
	display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2.5em;
}*/


#landing-small-cards .card-section-title,
#landing-large-cards .card-section-title,
#landing-flip-cards .card-section-title {
    margin: 0;
}

/*** End of cards ***/




/* .ac-card .ac-card-body p {
    word-break: break-all;
} */
/* 
#landing-flip-cards-test *{
	box-sizing: border-box;
}

#landing-flip-cards-test .flipWrapper{
	opacity: 1;
}
#landing-flip-cards-test .flipWrapper:hover{
	opacity: .94;
}
#landing-flip-cards-test .backWrapper:hover{
	opacity:1;
}


#landing-flip-cards-test .flipWrapper{
	perspective: 1000px;
	-ms-perspective:none;
	-ms-transform: none;
    position: relative;
    max-width: 350px;
    width: 100%;
	height: 350px;
	margin: 0px auto;
	}
	
@media (min-width:768px) and (max-width:1199px ){
	
	#landing-flip-cards-test .flipWrapper{
		height: 404px;
	}
	
}




#landing-flip-cards-test .flipWrapper:after{
	content:' ';
	clear:both;
	display:block;
	}
#landing-flip-cards-test .flipWrapper .content{
	position: absolute;
	width: 100%;
	height: 100%;
	transition: transform 1s;
	transform-style: preserve-3d;
	-ms-transition:none;
	-ms-transform-style: none;
} */

/* #landing-flip-cards-test .flipWrapper:focus .content{
    transform: rotateY( -180deg );
	transition: transform 0.5s;
	
	-ms-transform:none;
	-ms-transition:none;
} */

/* 
#landing-flip-cards-test .flipWrapper:focus .content .front{
	-ms-display:none;
	-ms-backface-visibility:hidden;
}


#landing-flip-cards-test .flipWrapper:focus .content .back{
	-ms-display:block;
	-ms-backface-visibility:visible;
}

#landing-flip-cards-test .flipWrapper.flipped .content{
	transform: rotateY( -180deg ) ;
	transition: transform 0.5s;

	}
#landing-flip-cards-test .flipWrapper .content a {
	text-decoration:none;
	display:block;
	}


#landing-flip-cards-test .flipWrapper .content a:hover .ac-btn{
	text-decoration:underline !important;
	font-weight:bold;
} */

/*
#landing-flip-cards-test .flipWrapper  a:focus {*/
	/* just for tab focus
	text-decoration:underline !important;
	box-shadow: 0 0 0 1px blue;
}*/
/*#landing-flip-cards-test .content .front{
	cursor:pointer; 
} */

/* #landing-flip-cards-test .content .front, #landing-flip-cards-test .content .back{
	 position: absolute;
  	 height: 100%;
 	 width: 100%;
     max-width: 350px;
  	 width: 100%;
     height: 350px;
	 background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
} */
/* 
#landing-flip-cards-test .flipWrapper .content .back a{
	padding:20px;	
}

#landing-flip-cards-test .flipWrapper .content .back a p{
	color: #ffffff;
	text-decoration: none;
	
	min-height:150px;
}

#landing-flip-cards-test .flipWrapper .content .back a:hover p{
	text-decoration:none;
	color:#ffffff;
}

@media (min-width:768px) and (max-width:1199px ){
	
	#landing-flip-cards-test .content .front, #landing-flip-cards-test .content .back{
		height: 404px;
	}
	
} */


/* 
#landing-flip-cards-test .content .back{
	 transform: rotateY( -180deg );
	 -ms-transform:none;
	 -ms-display:none;
	 background-color: #006341;
}
#landing-flip-cards-test .content .front{
	 transform: rotateY( 0deg ) ;
	 -ms-transform: none;
 	 -ms-display:block;
	 background-color:#e9e9e9;
}




#landing-flip-cards-test .flipWrapper .content .back .backWrapper{
	display:block;
	width: 100%;
    height: 100%;
	color:#ffffff;
	text-decoration: none;
	text-align: center;
    font-size: 1.2em;
} */




/* #landing-flip-cards-test .content .back .ac-btn{
	position:relative;
	bottom:20px;
	margin: 0 auto;
	border-radius: 5px;
} */


/* #landing-flip-cards-test .content .ac-card-flip-img{
	width: 100%;
    position: relative;
    height: 100%;
    background-size: cover;

} */

/* #landing-flip-cards-test .content .ac-card-flip-img .ac-card-flip-title{
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	bottom: 0px;
    text-align: center;
    display: inline-block;
    width: 100%;
	min-height: 40px;
    margin-bottom: 0px;
    padding: 10px;
	cursor:pointer;
	text-decoration:underline;
	color: #ffffff;
} */



/* #landing-flip-cards-test .content .ac-card-flip-img a.ac-card-flip-title .plusIcon{
	display: block;
	float: right;
	font-size: 2.5em;
	position: absolute;
	right: 10px;
	bottom: 15px;
} */

/* #landing-flip-cards-test .content .ac-card-flip-img a.ac-card-flip-title:hover .plusIcon, #landing-flip-cards-test .content .ac-card-flip-img a.ac-card-flip-title:focus .plusIcon{
	font-size:3.5em;
} */


/* #landing-flip-cards-test .content .ac-card-flip-img h3{
	color: #ffffff;
    display: inline-block;
    width: calc(100% - 50px);
}

/** rotate icon **/
/* #landing-flip-cards-test .ac-card-flip-title .flipIcon{
	font-size: 1.8em;
    transform: rotateX(180deg);
} */

/* #landing-flip-cards-test .ac-card-flip-back-link .flipIcon{
	transform: rotate(320deg);
} */

/* #landing-flip-cards-test  .flipIcon span{
	display:block;
	transition-duration: 800ms;
} */

/* #landing-flip-cards-test .content .backWrapper a.ac-card-flip-back-link{
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
    min-height: 40px;
    margin-bottom: 0px;
    margin: 0 auto;
    padding: 10px;
	background-color: rgba(0,0,0,0.5);
    cursor: pointer;
    text-decoration: none;
	text-align: right;
    color: #ffffff;
	font-size:1.5em;
} */

/* #landing-flip-cards-test .content .backWrapper.nolink p{
	padding:10px;
} */


/* #landing-flip-cards-test .ac-card-flip-title .flipIcon, #landing-flip-cards-test .ac-card-flip-back-link .flipIcon{
	color: #ffffff;
    display: inline-block;
    float: right;
    margin-top: 3px;
} */

/* #landing-flip-cards-test .ac-card-flip-back-link:hover .flipIcon span, 
#landing-flip-cards-test .ac-card-flip-back-link:focus .flipIcon span, 
#landing-flip-cards-test .ac-card-flip-title:hover .flipIcon span, 
#landing-flip-cards-test .ac-card-flip-title:focus .flipIcon span{
	transition-duration: 800ms;
    transform-origin: center;
    transform: rotate(180deg);
} */


/* #landing-small-cards .card-section-title,
#landing-large-cards .card-section-title,
#landing-flip-cards-test .card-section-title {
    margin: 0;
} */









/****** Main Sidebar ******/

#sidebar {
    width: auto;
    padding: 0;
	min-height:auto;
}

#sidebar section, 
#sidebar section::after,
#sidebar section::before {
    border: 0;
    box-shadow: none;
}

/******* Explore our Programs *******/

#nav-programs {
    display: block;
}

#nav-programs h2 {
    margin: 0;
}

#nav-programs form input {
    height: 45px;
    background-color: #ffffff;
    border: 1px solid #006341;
    float: left;
    padding: 1em;
    font-size: 1em;
    width: calc(100% - 50px);
}

#nav-programs form button[type="submit"] {
    color: white;
    background-color: #006341;
    width: 50px;
    border: 0;
    height: 45px;
}
#nav-programs form button[type="submit"]:hover,
#nav-programs form button[type="submit"]:focus {
   background-color: #009a5d;
}

/* #nav-programs .large-links {
    margin-top: 2em;
} */


/* .large-links.row {
padding-bottom: 40px;
} */
#nav-programs .large-links{
	min-height:52px;
	}
#nav-programs .large-links a {
    width: 100%;
    margin-top: 0.5em;
}
#nav-programs .large-links a.ac-btn.lg{
	height:fit-content !important;
}
/* #nav-programs .links-list {
    margin-top: 3em;
} */

#nav-programs .links-list h3 {
    font-size: 1.3em;
    font-weight: bold;
}

#nav-programs .links-list ul {
    margin-left: 1em;
}

#nav-programs .links-list ul li a {
    float: unset;
    /* line-height: unset; */
    line-height: 1.4em;
    padding: 0;
	font-size:1em;
}

#nav-programs .links-list ul li a:hover,
#nav-programs .links-list ul li a:focus {
    color: #006341;
}

/****** Hero Banner ******/

#landing-hero-banner .container-fluid {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
}

#landing-hero-banner .row {
    height: 400px;   
}

#landing-hero-banner h2 {
    color: white;
    font-weight: normal;
    font-size: 2.5em;
}

#landing-hero-banner .landing-hero-banner-text {
	padding: 20px;
    background-color: rgba(1, 1, 1, 0.41);
    text-shadow: 0px 0px 15px black;
}

/****** Quotes ******/

/* #landing-quotes {
    margin-bottom: 40px;
} */

#landing-quotes .landing-quotes-list {
    padding-top: 70px;
    /* padding-bottom: 60px; */
}

#landing-quotes .landing-quotes-list blockquote {
    padding-bottom: 70px;
}

#landing-quotes .landing-quotes-list blockquote i {
    font-size: 3.5em;
}

#landing-quotes .landing-quotes-list blockquote p {
    font-size: 1.6em;
    font-weight: bold;
}

#landing-quotes .landing-quotes-carrousel {
    margin-bottom: 40px;
}

#landing-quotes p {
/* 	font: normal 14.2px/17px "Gotham SSm A", "Gotham SSm B", "proxima_nova_rgregular", sans-serif; */
	font: normal 14.2px/17px "Metropolis", sans-serif;
	line-height:1em;
}

#landing-quotes .row:first-child {
    background-image: url('/wp-content/plugins/ac-templates/templates/img/landing/quotation-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30%;
}

#landing-quotes .landing-quotes-carrousel blockquote {
    text-align: center;
    display: none;
}

#landing-quotes blockquote.active {
    display: block !important;
}

#landing-quotes cite {
    font-size: 1.5em;
    font-style: normal;
    font-weight: bold;
}

#landing-quotes blockquote p {
    margin-top: 1em;
}

#landing-quotes button {
    border: 0;
    padding: 0;
    cursor: pointer;
    background: transparent;
    margin-right: 0.5em;
}
#landing-quotes button::before {
    content: '';
    width: 1.2em;
    height: 1.2em;
    background: #cce0d9;
    display: block;
    border-radius: 2em;
}
#landing-quotes button.active::before {
    background: #006341;
}
#landing-quotes button:focus::before,
#landing-quotes button:hover::before {
   background-color: black;
}

/**** Hero Prefooter ****/

#landing-hero-prefooter {
    /* border-top: 1px solid #e9e9e9; */
    padding-bottom: 50px;
}

#landing-hero-prefooter .ac-btn {
    color: #006341;
    border: 0;
}
#landing-hero-prefooter .ac-btn.arrow-after::after {
    border-left: 8px solid #006341;
}

#landing-hero-prefooter div {
    text-align: center;
}
#landing-hero-prefooter p{
	color:#ffffff;
}

/**** Swoosh ****/

#landing-swoosh {
    background-image: url('/wp-content/plugins/ac-templates/templates/img/bg-swoosh-grey.jpg');
    /* height: 150px; */
    height: 70px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 50px;
}

/**** Vertical card ****/

/* #landing-vertical-card .col-vertical-card {
    margin-bottom: 4em;
} */

#landing-vertical-card .col-vertical-card .ac-card.hero {
    min-height: 500px;
	color: #ffffff;
}

/**** Large cards ****/

#landing-large-cards .ac-card-img {
    height: 250px;
}

/**** Small cards ****/

#landing-small-cards .ac-card-img {
    height: 150px;
}

@media (min-width: 1141px) {
	/*maintain the old aspect ratio of card images - when browser is wider than old max page width*/
	 #landing-large-cards .ac-card-img {
		 padding-bottom: 42%;
	 }
	 #landing-small-cards .ac-card-img {
		 padding-bottom:36.5%;
	 }
}

/**** Main Area Widget ****/

.main-area-widget-wrapper p:last-child {
    margin-bottom: 0;
}

/**** Ticker ****/

#landing-ticker {
    background-color: #006341;
    padding: 15px;
	overflow: hidden;/* prevents horizontal scroll bar from appearing at the bottom of the browser*/
}

#landing-ticker.ticker-emergency {
    background-color: #EB0000;
}

#landing-ticker a {
    display: flex;
    align-items: center;
    font-size: 1.4em;
    color: white;
    text-decoration: none;
}

#landing-ticker a .icon-warning {
    color: yellow;
    font-size: 1.2em;
    margin-right: 10px;
}

/******* Convocation video page ********/

#convocation-video-content .ac-card {
	background-color:#F8FCFA !important;
}


#convocation-video-content .video-section-large h2.video-section-title, #convocation-video-content .video-section-small h2.video-section-title{
	color: #006341;
	display: block;
	clear: both;
	font-size: 2.4em;
	font-weight: 500;
	margin-bottom:0px;
	padding-bottom:0px;
}

#convocation-video-content .video-section-large .video-section-desc, #convocation-video-content .video-section-small .video-section-desc{
	display: block;
	clear: both;
	color: #006341;
	font-size: 1.2em;
	line-height: 1em;
	font-weight: 300;
}

#convocation-video-content .videocard{
	display:inline-block;
	vertical-align:top;
}

#convocation-video-content .videocard.smallsection{
	margin-bottom:0px;
}

#convocation-video-content .videocard .video-section-large{
	padding:20px;
}

#convocation-video-content .video-section-small {
	background-color: #F8FCFA !important;
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	padding: 20px;
	max-width: calc(33.3333% - 20px);
}

@media (max-width: 768px) { 

#convocation-video-content .video-section-small{
	max-width: calc(100% - 30px);
	margin-right: 0%;
}

}


#convocation-video-content .videocard .video-item-wrapper .video-thumb{
	display:block;
	position:relative;
	clear:both;
	overflow:hidden;
	width:100%;
	padding-bottom: 111%;
	background-color:#006341;
	background-repeat:no-repeat;
	background-size:cover;
	background-position-x:center;
	
}

#convocation-video-content .videocard .video-item-wrapper .video-thumb:before{
	content: ' ';
	display:block;
	
	position: absolute;
	top: 60%;  
    left: 50%; 
    transform: translate(-50%, -60%); 
	
	width: 30%;
	height: 30%;
	
	background-image: url('../img/convocation-videos/play-button.svg');
	background-repeat: no-repeat;
	background-size: contain;	
}


#convocation-video-content .videocard .video-item-wrapper{
	display:block;
	position:relative;	
	color:#006341;
    width: 100%;
	padding:0px;
	margin:0px;
}

#convocation-video-content .videocard .video-item-wrapper .textwrapper{
	padding:20px;
}

#convocation-video-content .videocard .video-item-wrapper .textwrapper .video-title{
	font-weight:bold;
	display:block;
	clear:both;
	font-size:1.2em;
	margin-bottom:5px;
}

#convocation-video-content .videocard .video-item-wrapper .textwrapper .video-desc{
	display:inline-block;
	clear:both;
} 






@keyframes customticker {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}



/****** Small screens ******/

/* @media (min-width: 576px) { } */


/****** Larger screens ******/

@media (min-width: 768px) { 

    /* header #website-local-menu {
        position: relative;
    } */

    #landing-hero-banner p {
        font-size: 1.5em;
        font-weight: lighter;
    }    

    #landing-quotes .row:first-child {
        min-height: 270px;
    }

    #landing-quotes cite {
        font-size: 2em;
    }

    #landing-quotes blockquote p {
        font-size: 2.5em;
    }

    #landing-vertical-card .col-vertical-card .ac-card.hero {
        min-height: auto;
    }

    #landing-ticker a {
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        animation-name: customticker;
        animation-duration: 25s;
        animation-fill-mode: backwards;
        white-space: nowrap;
    }

}

/****** For mobile menu ___only___ (our old styles don't follow modern screen standards) ******/

@media (min-width: 880px) { 

    header #website-local-menu {
        position: relative;
    }

}

/****** Wide screens ******/

@media (min-width: 992px) { 

    header {
        margin-top: 0;
    }

    header #website-local-menu {
        height: 60px;
    }

    header #campus-links li a {
        font-size: 1.3em;
    }

    .container-small {
        padding-right: 100px;
        padding-left: 100px;
    }

    #landing-hero-banner .row {
        height: 600px;   
    }

    /** Marketo Forms **/
    /* They're set on a two-col setting */
	.ac-marketo-form {
		display: flex;
		flex-flow: wrap;
	}

	.ac-marketo-form .ac-marketo-form-title {
		width: 100%;
	}

	.ac-marketo-form .ac-marketo-form-field-container {
		/* width: 33%; */
		width: 100%;
	}
	
	/* fixes sidebar styles */
	#sidebar .ac-marketo-form .ac-marketo-form-field-container{
		width: 100%;
	}

	.ac-marketo-form-final-container {
		display: flex;
	}

}


/****** Extra large devices (large desktops, 1200px and up) ******/

@media (min-width: 1200px) { 

    #landing-swoosh {
        height: 95px;
    }

}


/****** Swoosh height for exceptionaly large screens ******/

@media (min-width: 1700px) { 

    #landing-swoosh {
        height: 140px;
    }
}




/*** TOP HEADER (updated 10.16.23) ***/

.top-banner-wrapper {
width: 100%;
/* height: 85px; */
height: 100px;
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 auto;
/* padding: 0 5px; */
}
#site-logo,
#site-title,
#site-campus-nav {
display: flex;
margin-bottom: 0;
/* width: 100%; */
}
header #campus-links li a {
font-size: 1.2rem !important;
font-weight: 300 !important;
padding: 0 2px !important;
}
#site-logo a {
width: fit-content;
background-repeat: no-repeat;
display: flex;
text-decoration: none;
position: relative;
}
#site-logo a div {
width: fit-content;
position: relative;
margin: 6px 0px;
}
#site-logo a div span.icon-algonquin,
#site-logo span.icon-algonquin,
#site-logo > span.icon-algonquin {
font-size: 3em !important;
width: fit-content !important;
color: #006341 !important;
}
#site-title span {
width: 100%;
display: flex;
justify-content: flex-end;
}
#site-title span a {
width: fit-content;
background-repeat: no-repeat;
display: flex;
text-decoration: none;
position: relative;
}
#site-title span a h1 {
font-size: 1.8em;
font-weight: 500;
margin: 0 !important;
color: var(--primary-green);
line-height: 1em;
display: flex;
width: 100%;
align-items: center;
justify-content: flex-end;
letter-spacing: -1px;
}

/* -- RESPONSIVE MEDIA QUERIES -- */

/** -- MAX 1200px -- */        
@media screen and (max-width: 1200px) {
     #site-title span a h1 {
     font-size: 1.7em !important;
     }
}
@media (max-width: 1024px) {
	header #campus-links li a {
	font-size: 1.1rem !important;
	}
}
/** -- MAX 880px -- */        
@media screen and (max-width: 880px) {
     .top-banner-wrapper {
     height: 100%;
     padding-top: 30px;
     }
     #site-title span a h1 {
     font-size: 1.55em !important;
     }
     #site-logo a div {
     margin: 5px 0px 4px 0px;
     }
     #site-logo {
     display: none;
     }
     #site-title {
     justify-content: flex-end;
     width: 100%;
     }
     #site-logo a div span.icon-algonquin::before {
     display: none;
     }
     header #campus-links li {
     margin-left: 0 !important;
     }
	 header {
	  margin-top: 45px !important;
	}
}
/* -- MAX 575px -- */ 
@media screen and (max-width: 575px) {
     .top-banner-wrapper {
     display: none !important;
     }
}


/* Inherit from 2018 styles */
div.vid {
    padding-bottom: 35%;
}
div.vid iframe {
	/* left: 20%;
	width: 60%;
	height: 60%; */
}