/*
 * Colors:  
 * Skidmore Green: 	     #006A52 | rgba(0,106,82,1)    | Primary
 * Skidmore Yellow:      #FFD100 | rgba(255,210,0,1)   | Primary
 * Skidmore Dark Yellow: #FFC600 | rgba(255,198,0,1)   | Primary
 * Skidmore Bright Lime: #44D62C | rgba(68,214,44,1)   | Secondary
 * Skidmore Dark Lime:   #00B74F | rgba(0,183,79,1)    | Secondary
 * Skidmore Light Grey:  #F0F3F5 | rgba(240,243,245,1) | Neutral
 * Skidmore Dark Grey:   #DBE2E9 | rgba(219,226,233,1) | Neutral
 * Skidmore Dark Green:  #22372B | rgba(34,55,43,1)    | Neutral
 * 
 * Fonts:
 * font-family: 'Montserrat', sans-serif; 	(300|400|600|700) 	(Replacement for Proxima Nova)
 * font-family: 'Oswald', sans-serif; 		(400|500) 			(Replacement for Trade Gothic Number 20)
 * font-family: 'Volkhov', serif; 			(400|700) 			(Replacement for Mercury) 
 */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 62.5%; } /* Set for REM */
html *:focus { outline: 2px solid #33c572; }
body { font-family: 'Montserrat', sans-serif; font-size: 1.8rem; line-height: 1.4; font-weight: 300; letter-spacing: 0.5px; color: #22372b; overflow-x: hidden;  }

a, a:link, a:active, a:hover, a:focus, a:visited { color: #006A52; } 
a:focus { outline-offset: 3px; text-decoration: none; }
a.pdf:after { content: ""; display: inline; background-image: url(/_images/icons/icon-pdf.png);  background-position: top right; background-repeat: no-repeat; background-size: 20px; padding-right: 23px;  } 
a.doc:after { content: ""; display: inline; background-image: url(/_images/icons/icon-word.png); background-position: top right; background-repeat: no-repeat; background-size: 20px; padding-right: 23px;  } 

h1, .title-h1 { font-family: 'Volkhov', Georgia, serif; font-size: 4.8rem; line-height: 1.3; margin: 0 0 20px 0; }
h2, .title-h2 { font-family: 'Oswald', sans-serif; font-size: 3.6rem; font-weight: 300; text-transform: uppercase; line-height: 1.3; margin: 0 0 20px 0; }
h3, .title-h3 { font-size: 3.2rem; font-weight: 300; line-height:1.3; margin: 0 0 20px 0; }
h4, .title-h4 { font-size: 2.8rem; font-weight: 300; line-height:1.3; margin: 0 0 20px 0; }
h5, .title-h5, .topic { font-family: 'Oswald', sans-serif; font-size: 1.8rem; font-weight: 500; text-transform: uppercase; line-height:1.3; letter-spacing:1px;  margin: 0 0 10px 0; color: #00B74F; }
h6, .title-h6 { font-size: 1rem; font-weight: 300; }
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {font-weight: inherit;} /* Fix for all the headers on the old site that are bold */

i, em { font-style: italic; }
b, strong { font-weight: 600;}
img {max-width: 100%; height: auto;}
p { margin-bottom: 20px; }

ul { margin: 0 0 30px 0; padding: 0; }
ul li { list-style: none; background-image: url('/_images/green-bullet.png'); background-repeat: no-repeat; background-position: 0 13px;  padding: 3px 0px 5px 15px; margin: 0 0 0 20px; }
ul.checkmark li{background-image:none;margin-bottom:1em;list-style-type:none;padding:.25em 0 0 3em;position:relative}
ul.checkmark li:before{content:" ";display:block;border:solid .75em #33c572;border-radius:.8em;height:0;width:0;position:absolute;left:.5em;}
ul.checkmark li:after{content:" ";display:block;width:.4em;height:.8em;border:solid #fff;border-width:0 .2em .2em 0;position:absolute;left:1em;top: 10px;;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}

ul li[style*='list-style-type'] { background-image: none; }
ol { margin: 0 0 30px 0; padding: 0 0 0 20px; }
ol li { margin: 0 0 0 20px; padding: 3px 0px 5px 15px; }

select { border-radius: 0; }
iframe { max-width: 100%; }
small { font-size: 1.5rem; line-height: 1.3; display: inline-block; }

/* Horizontal Line */
hr { background: #dbe2e9; border: 0; margin: 20px auto; height: 1px; position: relative; }
hr:before { content: ''; position: absolute; height: 2px; margin-top: -1px; left: 0; width: 30px; background: #33c572; }
hr.solid {border:none; border-top: 1px solid rgba(0,0,0,.2);background:none;clear: both;}
hr.solid:before {display:none;} 
/*to replace the old dotted line on the older site*/ 
.dottedLine {border:none; border-top: 1px solid rgba(0,0,0,.2);background:none;}

@media (max-width: 767px) {  
	h1, .title-h1 {font-size:3.6rem;}
	h2{font-size:2.8rem;font-weight:300;}
	h3{font-size:2.4rem;font-weight:300;}
	h4 {font-size:2rem;font-weight:300;}
	img { display: block!important; float: none!important; max-width: 100%!important; margin-left: auto!important; margin-right: auto!important; }
}

@media (max-width: 576px) {
	ul.checkmark li { margin: 0; padding: .25em 0 0 2.2em; }
}





/* ======================================================================================================================================================================================================== */
/* Page Structure Elements */
/* ======================================================================================================================================================================================================== */
/* ==================================================================================================== */
/* Header - Top Green Bar */
/* ==================================================================================================== */
.top { background-color: #006A52; clear: both; max-height: 50px; }
.top *:focus { outline: 2px solid #33c572;  }
.top .layout { padding: 0 15px; max-width: 1350px; }
.top ul { text-align: right; margin: 0; padding: 0; max-height: 50px; }
.top ul > li { line-height: 50px; list-style: none; display: inline-block; margin: 0 15px 0 0; padding: 0; position: relative; background-image: none; max-height: 50px;             }
.top ul > li:last-child { margin: 0 0 0 0; max-width: 200px; }
.top ul > li > a { font-size: 1.3rem; color: #FFFFFF; }
.top ul > li.language { background-image: url("/_images/icons/globe.svg"); background-repeat: no-repeat; background-size: 20px 20px; background-position: 0 50%;  padding: 0 0 0 25px; }
.top ul > li.language img { max-height: 40px;  }
.top ul > li > ul { list-style: none; left: -99999px; text-align: left; background: #FFFFFF; border-top: 4px solid #FFD100; position: absolute; z-index: 600; margin: -1px 0 0 0; padding: 20px 20px; box-shadow: 0 2px 4px 0 rgba(33,55,43,.20); -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; -webkit-column-rule: 1px outset #f0f3f5; -moz-column-rule: 1px outset #f0f3f5; column-rule: 1px outset #f0f3f5;max-height:none; }
.top ul > li > ul > li { list-style: none; margin: 0 0 15px; padding: 0; width: auto; text-align: center; line-height: 1; display: block; }
.top ul > li > ul > li a { font-size: 1.2rem; color: #22372b; }
.top ul > li:hover > ul, .top ul > li:focus > ul { display: block; left: 0; }
@media print { .top { display: none; } }





/* ==================================================================================================== */
/* Header - Logo and Navigation */
/* ==================================================================================================== */
header { background-color: #FFFFFF; position: absolute; z-index: 500; top: 50px; width: 100%; height: 100px; transition: height 0.5s; box-shadow:0 2px 4px 0 rgba(33,55,43,.20); }
header .layout { padding: 0 15px; max-width: 1350px; height: 100px; }

header .wordmark { float: left; padding: 33px 0; width: 227px; height: 100px; transition: padding 0.5s, height 0.5s; }
header .wordmark a, header .wordmark a img { display: block; } 

/* First Level */
header .primary-navigation {  text-align: center; list-style: none; float: left; margin: 0; padding: 0; width: calc(100% - 227px - 235px); height: 100px; transition: height 0.5s; }
header .primary-navigation > li { line-height: 100px; display: inline-block;margin: 0 0 0 0; padding: 0 2.1%; height: 100px; transition: height 0.5s, line-height 0.5s; background-image: none;   } 
header .primary-navigation > li:hover { background-image: url("/_images/icons/navigation-hover-active-marker.svg"); background-repeat: no-repeat; background-position: bottom center; background-size: 12px;  }
header .primary-navigation > li > a { font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: 500; letter-spacing:0.5px; color:#22372b; text-transform: uppercase; }
header .primary-navigation > li > a:hover, header .primary-navigation > li > a:focus { text-decoration: none; }

/* Second Level - Columns */
header .primary-navigation > li:hover > ul { display: table; top: 100px; } 
header .primary-navigation > li:focus > ul { display: table; top: 100px; } 
header .primary-navigation > li > ul { text-align: left; background: #FFFFFF; border-top: 4px solid #FFD100; top: -99999px; position: absolute; z-index: 100; margin: 0 0 0 0; padding: 20px 20px; box-shadow:0 2px 4px 0 rgba(33,55,43,.20); /*box-shadow: 0px 1px 20px 1px rgba(0,0,0,0.5);*/  }
header .primary-navigation > li > ul.four-column-news { width: 990px; } 
header .primary-navigation > li > ul.four-column-news li.news { width: 280px; padding-right: 20px; }
header .primary-navigation > li > ul.four-column { width: 990px; }
header .primary-navigation > li > ul.three-column { width: 760px; }
header .primary-navigation > li > ul.two-column { width: 520px; }
header .primary-navigation > li > ul.one-column { width: 280px; }
header .primary-navigation > li > ul > li { line-height: normal; list-style: none; border-right: 1px solid #f0f3f5; display: table-cell; margin: 0 0 0 0; padding: 0 10px; width: 100%; width: 240px; vertical-align: top; background-image: none; }
header .primary-navigation > li > ul > li:first-child { margin-left: 0; }
header .primary-navigation > li > ul > li:last-child { border-right: none; }
header .primary-navigation > li > ul.active { display: table; top: 100px; }
header .primary-navigation > li > ul.active2 { display: table; top: 60px; }
header .primary-navigation > li > ul.right0 { right: 0; }

/* Third Level - Links */
header .primary-navigation > li > ul > li .menu-title { font-family: 'Oswald', sans-serif; font-size:1.6rem; line-height: 1.6rem; font-weight: 500; color: #22372b; margin: 0 0 15px 0; text-transform: uppercase; }
header .primary-navigation > li > ul > li.news .menu-title { font-size: 2.2rem; line-height: 2.2rem; text-transform: uppercase; }
header .primary-navigation > li > ul > li.news .article-title { margin: 0 0 10px 0; }
header .primary-navigation > li > ul > li.news .article-title a { font-size: 2.2rem; line-height: 2.6rem; font-weight: 600; color: #22372b;  }
header .primary-navigation > li > ul > li.news p { font-size: 1.3rem; line-height: 2.0rem; margin: 0 0 12px 0; }
header .primary-navigation > li > ul > li.news .article-more { float: left; width: 50%; }
header .primary-navigation > li > ul > li.news .article-more a { font-size: 1.3rem; line-height: 1.3rem; font-weight: 600; color: #006A52; text-transform: uppercase; }
header .primary-navigation > li > ul > li.news .date { font-size: 1.1rem; line-height: 2.4rem; color: #22372b; opacity: 0.8; text-align: right; float: left; width: 50%; margin-bottom: 0;    }
header .primary-navigation > li > ul > li.news .more-news {  border-top: 1px solid #f0f3f5; clear: both; margin-top: 10px; padding-top: 35px;  }
header .primary-navigation > li > ul > li.news .more-news a { font-size: 1.6rem; line-height: 1.6rem; font-weight: 500; color: #006A52; text-transform: uppercase; }
header .primary-navigation > li > ul > li.news img { display: none; }
header .primary-navigation > li > ul > li.news br { display: none; }
header .primary-navigation > li > ul > li > ul { margin: 0; padding: 0; }
header .primary-navigation > li > ul > li > ul > li { list-style: none; margin: 12px 0; padding: 0; background-image: none;}
header .primary-navigation > li > ul > li > ul > li > a { font-size: 1.3rem; line-height: 1; font-weight: 500; color: #22372b; opacity: 0.8; }

/* Google Search in Header */
header .google-search { float: right; width: 235px; }
header .google-search { padding: 0; vertical-align: top; }
header .google-search > form { text-align: right; display: block; position: relative; width: 100%; }
header .google-search > form input[type='text'] {  font-size: 1.4rem; line-height: 3.0rem; font-weight: 500; color: #22372b; background-color: #f0f3f5; border: 1px solid #f0f3f5; display: block; margin-top: 34px; padding: 0 10px; width: calc(100% - 35px); height: 30px; transition: margin 0.5s; }
header .google-search > form input[type='submit'] { line-height: 30px; background-image: url("/_images/icons/search-icon.svg"); background-repeat: no-repeat; background-color: #f0f3f5; background-position: 5px 5px; border: none; position: absolute; top: 0; right: 0; width: 35px; height: 30px; }

/* Google Search on Page Content */
.google-search {width: 235px; }
.google-search { padding: 0; vertical-align: top; }
.google-search > form { text-align: right; display: block; position: relative; width: 265px; }
.google-search > form input[type='text'] {font-size: 1.8rem; color: #22372b; background-color: #f0f3f5; border: 1px solid #f0f3f5; display: block; padding: 0 10px; width: 300px; height: 40px; transition: margin 0.5s; margin: 20px 0;}
.google-search > form input[type='text']:focus { position: relative; z-index: 5;}
.google-search > form input[type='submit'] { line-height: 30px; background-image: url("/_images/icons/search-icon.svg"); background-repeat: no-repeat; background-color: transparent; border: none; position: absolute; top: 8px; width: 20px; height: 20px; }

/* A-Z Index */
.az-index {padding:15px;margin:15px 0;background-color: rgba(214,222,229,0.2);}

/* Scroll */
header.scroll { position: fixed; z-index: 500; top: 0; height: 60px; transition: height 0.5s; }
header.scroll .wordmark {  padding: 13px 0; height: 60px; transition: padding 0.5s, height 0.5s; }
header.scroll .primary-navigation { height: 60px; transition: height 0.5s;  }
header.scroll .primary-navigation > li { line-height: 60px; height: 60px;  transition: height 0.5s, line-height 0.5s; }
header.scroll .primary-navigation > li:hover > ul { top: 60px; }
header.scroll .primary-navigation > li:focus > ul { top: 60px; }
header.scroll .google-search > form input[type='text'] { margin-top: 13px; transition: margin 0.5s;  }

/* Buffer Offsets the Header, helpful for the scroll */
.buffer { height: 100px; transition: height 0.5s; }
.buffer.scroll { height: 60px; }

@media (max-width: 1199px) {  
	header .primary-navigation { width: calc(100% - 227px - 160px);  }
	header .primary-navigation > li { padding: 0 0.5%; }
	
	header .google-search { width: 160px }
}

@media (max-width: 991px) {  
	header { position: relative; height: auto; top: auto; min-height: 75px; }
	header .layout { height: auto; }
	header .layout .wordmark { height: auto; padding: 20px 0; }
	header .layout .header-mobile-trigger-navigation { float: right; margin: 24px 0 0 0; }
	header .layout .header-mobile-trigger-navigation a { display: block; }
	header .layout .header-mobile-trigger-navigation img { display: block; }
	
	header .primary-navigation { display: none; width: 100%; height: auto; clear: both; text-align: left; transition: none; }
	header .primary-navigation > li { padding: 0; display: block; height: auto; line-height: normal; border-bottom: 1px solid #f0f3f5;  }	
	header .primary-navigation > li:hover { background-image: none; }
	header .primary-navigation > li:nth-child(6) { border-bottom: none; }
	header .primary-navigation > li a { line-height: 40px; }
	header .primary-navigation > li.single { background-color: #f0f3f5; border-bottom: none; margin: 0 -15px;  }
	header .primary-navigation > li.single a { display: block; margin: 0 15px; border-bottom: 1px solid #22372b; font-family: 'Montserrat', sans-serif; font-size: 1.2rem; text-transform: none;   }
	header .primary-navigation > li.single:last-child a { border-bottom: none; }
	header .primary-navigation > li .header-mobile-trigger-sub-navigation { float: right;  }
	header .primary-navigation > li .header-mobile-trigger-sub-navigation img { width: 18px; vertical-align: middle; display: inline-block; }
	
	header .primary-navigation > li:hover > ul { display: none; top: 0; } 
	header .primary-navigation > li > ul { position: relative; float: none; display: none; width: 100%; left: auto; top: auto; padding-left: 0; padding-right: 0; padding-bottom: 0; box-shadow: none;  }
	header .primary-navigation > li > ul.four-column-news { width: 100%; left: auto!important; }
	header .primary-navigation > li > ul.four-column { width: 100%; left: auto!important; }
	header .primary-navigation > li > ul.three-column { width: 100%; left: auto!important; }
	header .primary-navigation > li > ul.two-column { width: 100%; left: auto!important; }
	header .primary-navigation > li > ul.one-column { width: 100%; left: auto!important; }
	header .primary-navigation > li > ul > li { display: block; width: 100%; padding-right: 0; border-right: none; padding: 0 0 20px 0; border-bottom: none; }
	
	header .primary-navigation > li > ul > li > .menu-title { margin-bottom: 5px; }
	header .primary-navigation > li > ul > li > ul > li > a { line-height: 2.6rem; }
	
	header .mobile-google-search { display: none; clear: both; background-color: #f0f3f5; margin: 0 -15px; padding: 9px; position: relative;  }
	header .mobile-google-search form { position: relative;}
	header .mobile-google-search input[type='text'] { border: 4px solid #e7e7e7; width: 100%; line-height: 40px; height: 48px; padding: 0 0 0 10px; color: #22372b; font-size: 14px; font-weight: 500; margin: 0;  }
	header .mobile-google-search input[type='submit'] { position: absolute; top: 4px; right: 4px; background-color: #006A52; border: none; border-collapse: collapse; text-align: center; width: 75px; height: 40px; color: #FFFFFF;   }

    .buffer { display: none; }
}

@media print { 
    header .primary-navigation { display: none; }
    header .header-mobile-trigger-navigation { display: none; }
    header .google-search { display: none; }    
    .buffer { display: none; }
}





/* ==================================================================================================== */
/* Footer - Site Contact */
/* ==================================================================================================== */
.footer-contact {background-color:#22372b;color:#fff;padding: 50px;}
.footer-contact .layout {background-image: url(/_images/icons/skidscape.png);background-position: center bottom;background-repeat: no-repeat;margin-bottom: -50px;padding-bottom: 50px;}
.footer-contact h5 {margin-bottom: 0;color: #33c572;}
.footer-contact hr {margin: -10px 0 10px 0;}
.footer-contact a {color: #fff;}
.footer-contact .col-xs-4{padding: 0 15px;}
@media print { .footer-contact { display: none; } }


/* ==================================================================================================== */
/* Footer - Floating */
/* ==================================================================================================== */
.footer-floating { position: fixed; z-index: 200; left: 0; bottom: 0; width: 100%; } 
.footer-floating a { color: white; }
 @media print { .footer-floating { display: block; } }



/* ==================================================================================================== */
/* Footer - Global Top */
/* ==================================================================================================== */
footer { font-size: 1.4rem; line-height: 1.8rem; letter-spacing: 0.15px; color: #FFFFFF; clear: both; }
footer a, footer a:link { color: #FFFFFF; }
footer a:hover  { text-decoration: underline; }
footer .footer-top { background-color: #006A52; padding: 80px 0; }
footer .footer-top .layout { padding: 0; }

/* Column 1 */
footer .footer-top .logo { display: block; margin: 0 0 33px 0; }
footer .footer-top .logo img { display: block; max-width: 291px; max-height: 46px; }

footer .footer-top address { margin-bottom: 22px; }
footer .footer-top .maps { margin: 0 0 34px 0; }
footer .footer-top .maps .btn-yellow { width: 291px; max-width: 100%;  }

footer .footer-top .social { margin: 0; padding: 0; min-height: 38px; }
footer .footer-top .social li { list-style: none; display: inline-block; margin: 0 5% 0 0; padding: 0; width: 38px; background-image: none; }
footer .footer-top .social li:last-child { margin: 0 0 0 0; }
footer .footer-top .social li a { display: block; margin: 0 auto; width: 38px; height: 38px; }
footer .footer-top .social li a img { display: block; width: 38px; height: 38px;  }

/* Column 2 */
footer .footer-top .twitter { clear: both; max-width: 350px; }
footer .footer-top .twitter .tweets-title { font-size: 1.6rem; line-height: 2rem; text-transform: uppercase; margin: 0 0 20px 0; }
footer .footer-top .twitter .tweets {  }
footer .footer-top .twitter .tweets .tweet { background-image: url("/_images/icons/latest-tweets-icon.svg"); background-repeat: no-repeat; margin: 0 0 30px 0; padding: 0 0 0 35px; } 
footer .footer-top .twitter .tweets .tweet a { color: #FFFFFF; text-decoration: underline; }

/* Column 2 - News */
footer .footer-top .footer-news { clear: both; max-width: 350px; }
footer .footer-top .footer-news .footer-news-title { font-size: 1.6rem; line-height: 2rem; text-transform: uppercase; margin: 0 0 20px 0; }
footer .footer-top .footer-news .footer-news-items { }
footer .footer-top .footer-news .footer-news-items .footer-news-item { margin: 0 0 20px 0; }
footer .footer-top .footer-news .footer-news-items .footer-news-item .footer-news-item-title { font-size: 1.8rem; line-height: 1.3;  }
footer .footer-top .footer-news .footer-news-items .footer-news-item .footer-news-item-title a { color: #FFFFFF; }
footer .footer-top .footer-news .footer-news-items .footer-news-item .footer-news-item-date { font-size: 1.2rem; color: #dbe2e9; }
@media (max-width: 991px) { 
    footer .footer-top .footer-news { margin: 0 auto; }   
}

/* Column 3 */
footer .footer-top .instagram { clear: both; max-width: 360px; }
footer .footer-top .instagram .instagrams-title { font-size: 1.6rem; line-height: 2rem; text-transform: uppercase; margin: 0 0 20px 0; }
footer .footer-top .instagram ul { margin: 0; padding: 0; }
footer .footer-top .instagram ul li { list-style: none; float: left; margin: 0 20px 20px 0; width: 70px; height: 70px; background-image: none; } 
footer .footer-top .instagram ul li a { display: block; width: 70px; height: 70px; overflow: hidden; }
footer .footer-top .instagram ul li a img { border-radius: 4px; }

@media (max-width: 991px) {  
	footer .layout { padding: 0 25px; }
	footer .footer-top { padding: 40px 0; }
	footer .footer-top .logo img { margin: 0 auto; }
	footer .footer-top .mobile-contact { text-align: center; margin: 0 0 20px 0; }
	footer .footer-top .mobile-contact .btn-yellow { width: 100%; max-width: 291px; }
	footer .footer-top .maps { text-align: center; }
	footer .footer-top .maps .btn-yellow { width: 100%; max-width: 291px; }
	footer .footer-top .social { text-align: center; margin: 0 auto 40px auto; max-width: 291px; }
	footer .footer-top .social li { margin: 0 1% 0 0; }
	footer .footer-top .twitter { margin: 0 auto; }
	footer .footer-top .instagram { margin: 0 auto; }
	footer .footer-top .instagram ul li { margin: 0 1% 20px 1%; width: 23%; height: auto; }
	footer .footer-top .instagram ul li a { width: auto; height: auto; }
	footer .footer-top .instagram ul li img { margin: 0 auto; max-width: 100%; }
}
@media print { footer .footer-top { display: none; } }
    




/* ==================================================================================================== */
/* Footer - Global Bottom */
/* ==================================================================================================== */
footer .footer-bottom {  background-color: #22372b; padding: 60px 0 30px 0; }
footer .footer-bottom a { color: #FFFFFF; }
footer .footer-bottom .layout > ul { float: left; margin: 9px 0 0 0; padding: 0; width: 100%; max-width: 14.0%; vertical-align: top; } 
footer .footer-bottom .layout > ul.f7 { border-bottom: 0; }
footer .footer-bottom .layout > ul > li { list-style: none; margin: 0; padding: 0; background-image: none; }
footer .footer-bottom .layout > ul > li .footer-mobile-trigger-navigation { float: right; margin-right: 30px; }
footer .footer-bottom .layout > ul > li .footer-mobile-trigger-navigation img { display: block; margin-top: 19px; cursor: pointer; }
footer .footer-bottom .layout > ul > li > a { font-size: 1.3rem; text-transform: uppercase; }
footer .footer-bottom .layout > ul > li ul { margin: 20px 0 40px 0; padding: 0; }
footer .footer-bottom .layout > ul > li ul > li { list-style: none; margin: 0 0 0 0; padding: 0; background-image: none;  }
footer .footer-bottom .layout > ul > li ul > li a { font-size: 1.1rem; line-height: 3rem; opacity:0.7;  }

footer .footer-bottom .layout .copyright { clear: both; text-align: center; color: #FFFFFF; margin: 20px 0 0 0; }

@media (max-width: 1199px) {  
	footer .footer-bottom .layout > ul { padding: 0 2%; max-width: 14%; }
}
@media (max-width: 991px) {  
    footer .footer-bottom { padding: 0; }
	footer .footer-bottom .layout { padding: 0; }
	footer .footer-bottom .layout > ul { border-bottom: 1px solid #FFFFFF; float: none; margin: 0; padding: 0 0 10px 0; max-width: 100%; }
	footer .footer-bottom .layout > ul > li > a { line-height: 4.5rem; margin: 0 0 0 30px; }
	footer .footer-bottom .layout > ul > li > ul { display: none; margin: 0 0 0 0; }
	footer .footer-bottom .layout > ul > li > ul > li { line-height: 1.4rem; padding: 0 30px; }
}
@media print { footer .footer-bottom { display: none; } }





/* ==================================================================================================== */
/* Side Navigation */
/* ==================================================================================================== */
nav.side-navigation { clear: both; border-top: 5px solid #FFD100; box-shadow:0 2px 4px 0 rgba(82,97,115,0.20);background-color: #fff; float: left; width: 220px; margin: 0px 30px 0 0; position: relative; z-index: 100;}
nav.side-navigation .title { border-left: 1px solid #ededed; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; padding: 15px; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; font-size: 2rem;  }
nav.side-navigation .title span { float: right; color: #00b74f; cursor: pointer; display: none; }
nav.side-navigation a[href$=".pdf"]:after { display: none; }
nav.side-navigation a[href$=".doc"]:after { display: none; }
nav.side-navigation a[href$=".docx"]:after { display: none; }
nav.side-navigation > ul { display: block; margin: 0; padding: 0; list-style: none; }
nav.side-navigation > ul > li { margin: 0; padding: 0; list-style: none; border-left: 1px solid #ededed; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; background-image: none; position: relative; }
nav.side-navigation > ul > li > a { display: block;  font-size: 1.4rem; line-height: 1.8rem; padding: 15px; }
nav.side-navigation > ul > li > a:focus { outline-offset: 0px; outline: 1px solid #33c572; }
nav.side-navigation > ul > li:hover { background-color: #eee; }
nav.side-navigation > ul > li > a:hover, nav.side-navigation > ul > li > a:active, nav.side-navigation > ul > li > a:focus  { text-decoration: none; }
nav.side-navigation > ul > li > a > span, nav.side-navigation > ul > li > ul > li > a > span { float: right; }

nav.side-navigation > ul > li > ul { margin: 0 0 0 0; padding: 0; list-style: none; display: none; }
nav.side-navigation > ul > li > ul > li, nav.side-navigation > ul > li > ul > li > ul > li { padding: 5px 0; position: relative; line-height: 1; background-image: none; margin-left: 15px; font-size: 1.4rem; font-weight: 400; }
nav.side-navigation > ul > li > ul > li > a { display: block; padding: 0; margin: 0 0 0 20px; border: 0; font-size: 1.3rem; line-height: 1.6rem; font-weight: 300; }
nav.side-navigation > ul > li > ul > li > ul > li > a { display: block; padding: 0; margin: 0 0 0 12px; border: 0; font-size: 1.3rem; line-height: 1.6rem; font-weight: 300; }
nav.side-navigation > ul > li > ul > li > a:focus, nav.side-navigation > ul > li > ul > li > ul > li > a:focus { outline-offset: 0px; outline: 1px solid #33c572; }
nav.side-navigation > ul > li > ul > li a:before { content: " "; display: block; position: absolute; top: 12px; height: 2px; width: 15px; background-color: #33c572; margin-left: -20px; vertical-align: middle; }
nav.side-navigation > ul > li > ul > li > ul > li:before { content: " "; display: block; position: absolute; top: 12px; height: 2px; width: 7px; background-color: #33c572; margin-right: 3px; vertical-align: middle; }

@media (max-width: 991px) {  
    nav.side-navigation { float: none; width: 100%; margin: 0 0 20px 0; }
	nav.side-navigation .title { cursor: pointer; }
	nav.side-navigation .title span { display: inline-block; }
	nav.side-navigation ul { display: none; }
}
@media print { nav.side-navigation { display: none; } }

.side-navigation .side-nav_parent{font-weight:800;font-size:1.75rem;background-color:#f0f3f5;padding:25px 15px 25px 25px;transition:color .3s,background .3s;color:#3f4858}
.side-navigation .side-nav_parent:before{content:"";position:absolute;width:0;height:0;left:1.1875rem;top:50%;border-top:.9375rem solid transparent;border-bottom:.9375rem solid transparent;border-right:.625rem solid #ffd200;display:inline-block;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin:0 .3125rem}
.side-navigation .side-nav_parent:focus,.side-navigation .side-nav_parent:focus-within,.side-navigation .side-nav_parent:hover{background-color:#e0e7ec;color:#21372b}
nav.side-navigation .title{font-size:1.5rem;text-align:center;padding:5px}

.side-navigation .side-nav_parent.side-nav_parent_no_arrow { padding-left: 15px; }
.side-navigation .side-nav_parent.side-nav_parent_no_arrow::before { display: none; }

#page-preview-view .side-navigation .side-nav_parent, #page-edit-preview-view .side-navigation .side-nav_parent {background-color: none; padding: 0;}
#page-preview-view .side-navigation .side-nav_parent:before, #page-edit-preview-view .side-navigation .side-nav_parent:before{content: none;}

.navigation-mobile-footer { display: none; padding: 0 15px; }
.navigation-mobile-footer nav ul { display: block!important; }
.navigation-mobile-footer .glyphicon-plus { display: none!important; }

@media (max-width: 991px) { 
	.navigation-mobile-footer { display: block; }	
}



/* ==================================================================================================== */
/* Content Sections */
/* ==================================================================================================== */
.region-top { position: relative; clear: both; }
.region-bottom { position: relative; clear: both; }
.region-main { padding: 30px 0; clear: both; }
.region-main .layout { padding: 0; }
.region-main .main { width: 100%; }
.region-main .main.with-nav{ float: left; width: calc(100% - 250px);  }
.region-main .main h1 a, 
.region-main .main h2 a, 
.region-main .main h3 a, 
.region-main .main h4 a, 
.region-main .main h5 a  {font-weight: inherit;}

.region-main .main .carousel { margin-bottom: 20px;  }
.carousel-indicators li {padding: 0;}

@media (max-width: 991px) {  
    .region-main .main.with-nav { float: none; width: 100%; }   
    .region-main .main { float: none; width: 100%; }
}

.region-bottom a, .region-main .main a, a.default-link {transition: all .2s ease;color: #006752;font-weight: 600;border-bottom: 2px solid #33c572;text-decoration: none;}
.region-bottom a:hover, .region-main .main a:hover, a.default-link:hover {color: #006752;text-decoration: none;cursor: pointer;background-color: rgba(0,0,0,.1);}

.region-bottom a.btn.btn-primary, .region-main .main a.btn.btn-primary { color: #ffffff; border-bottom: none; }
.region-bottom a.btn.btn-primary:hover, .region-main .main a.btn.btn-primary:hover {background-color: transparent; }

.footer-contact a {-webkit-text-decoration-skip: objects;color: #fff;font-weight: 300;border-bottom: 2px solid #33c572;transition: all .2s;text-decoration: none;}
.footer-contact a:hover {color: #fff;text-decoration: none;cursor: pointer;}
.item-list .items li .item-text .item-title a, .footer-contact a.btn{border-bottom: none;transition: none;}
a.border-remove, .region-main .main a.border-remove { border-bottom: none; transition: none; }
a.border-remove:hover, .region-main .main a.border-remove:hover { background-color: transparent; }
.panel-group .panel .panel-heading a { border-bottom: none; transition: none; }
.panel-group .panel .panel-heading a:hover { background-color: transparent; transition: none; }


/* ==================================================================================================== */
/* Scroll to Top */
/* ==================================================================================================== */
.scroll-to-top { position: fixed; right: 20px; bottom: 0; z-index: 100; box-shadow:0 0 2px 0 rgba(255,255,255,0.3);  }
@media print { .scroll-to-top { display: none; } }





/* ==================================================================================================== */
/* OU Link */
/* ==================================================================================================== */
a[href*='a.cms.omniupdate'] { position: absolute; left: 0; top: 0; width: 20px; height: 20px;}
ouc:div[label="full-width-top"] { min-height: 300px; }        /* Used within OU Campus */
ouc:div[label="maincontent"] { min-height: 300px; }           /* Used within OU Campus */
ouc:div[label="full-width-bottom"] { min-height: 300px; }     /* Used within OU Campus */
@media print { a[href*='a.cms.omniupdate'] { display: none; } }





/* ==================================================================================================== */
/* Skip to Content - ADA Compliance  */
/* ==================================================================================================== */
.skip-content { text-align: center; background-color: #006A52; position: absolute; z-index: 200; width: 100%; }
.skip-content a { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; color: #FFFFFF; text-transform: uppercase; background-color: #006A52; }
.skip-content a:focus { position: relative; left: auto; width: auto; height: auto; line-height: 50px; text-decoration: none; outline: #33c572 auto 5px; padding: 5px;  }
@media print { .skip-content { display: none; } }

.sr-only { color: #000000; background-color: #FFFFFF; }



/* ================================================== */
/* Modal */
/* ================================================== */
.skid-modal { position: fixed; z-index: 500; width: 100%; height: 100%; top: 0; left: 0; display: none; }
.skid-modal .modal-overlay { position: fixed; top: 0; left: 0;   background-color: rgba(33,55,43,0.8); width: 100%; height: 100%;  }
.skid-modal .modal-overlay .modal-container { position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; }
.skid-modal .modal-close { position: absolute; right: 10px; top: 10px; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #22372b; background-color: #FFD100; font-size: 1.8rem; cursor: pointer; }
.skid-modal .modal-overlay .modal-container.modal-video { max-width: 992px; width: 90%; height: 90%; top: 5%; left: auto; right: auto; margin-left: calc(50% - 496px);  }
.skid-modal .modal-overlay .modal-container.modal-video .footer { margin: 15px 0 0 0; color: #FFFFFF; padding-top: 5px; }
@media (max-width: 991px) {  
	.skid-modal .modal-overlay .modal-container.modal-video { max-width: 100%; width: 100%; height: 100%; top: 60px; margin-left: 0; }
}


/* ==================================================================================================== */
/*  Photo Lightbox using Modal*/
/* ==================================================================================================== */
.modal-header { border-bottom: none; }
.modal-body { padding: 0 15px 15px 15px; }
.modal-body img{margin: 20px auto; max-width: 100%;height: auto;max-height: 700px;display: block; }
.modal.fade .modal-dialog { -webkit-transform: translate(0,5%); -ms-transform: translate(0,5%); -o-transform: translate(0,5%); transform: translate(0,5%); }
.modal-footer { border-top: 1px solid rgba(255,255,255,0.2); }

.modal-content {max-width: 1400px;display: block; margin: 0 auto;color: #fff;}

.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; background-color: rgba(0,0,0,0.6);} 
.modal-content { position: relative; background-color: transparent; /* -webkit-background-clip: padding-box; */ /* background-clip: padding-box; */ border: none; border-radius: 0; outline: 0; -webkit-box-shadow: none; box-shadow: none; } 
.modal-content .thumbnail{ max-height: 500px; margin: 20px auto; }
.modal-footer { clear: both; }
.modal-footer a {color: #33c572;}
.modal-header .close{    font-size: 30px;color: #fff;filter: alpha(opacity=100);opacity: 1;}
	@media (min-width: 768px){
	.modal-dialog {width: 100%;margin: 30px auto;max-width: 1400px;}
	.modal-content { -webkit-box-shadow: none;box-shadow: none;}
	}

p.caption {font-weight: 400;text-decoration: inherit;color: #22372b;font-size: smaller;margin: 5px 0 30px 0;}

.text-modal .modal-dialog {background: #fff;width: 600px;}
.text-modal .modal-header .close, .text-modal .modal-header .modal-title, .text-modal .modal-body {color:#22372b;display: inline-block;}




/* ============================================================================================================================================================================== */
/* Reusable Items */
/* ==========================================================================================================================================+=================================== */
.h1 { font-family: 'Volkhov', serif; font-size: 4.5rem; font-weight: 500; color: inherit; line-height: 1.2; margin: 0 0 20px 0; }
.h2 { font-family: 'Oswald', sans-serif; font-size: 3.6rem; font-weight: 300; color: inherit; line-height: 1.3; margin: 0 0 20px 0; text-transform: uppercase; }
.h5 { font-family: 'Oswald', sans-serif; font-size: 1.8rem; font-weight: 500; color: #006A52; line-height: 1.1; margin: 0 0 10px 0; text-transform: uppercase; }

@media (max-width: 767px) {  
    .h1 { font-size:3.6rem; } 
    .h2 { font-size:2.8rem; }
}
.lead {font-weight: 600;font-size: 21px;}
.lead.right{float: right; width: 200px; border-left: 3px solid #33c572;margin: 5px 0 5px 15px;padding-left: 15px;}
.lead.left{float: left; width: 200px; border-right: 3px solid #33c572;margin: 5px 15px 5px 0;padding-right: 15px;text-align: right;}

.layout { margin: 0 auto; padding: 0; max-width: 1350px; width: 100%; }
.news-layout { margin: 0 auto; padding: 0; max-width: 935px; width: 100%;  }
.container-fluid.no-gutter { padding-left: 0; padding-right: 0; padding-top: 0;padding-bottom: 0;}
.container-fluid.no-gutter .row { margin-left: 0; margin-right: 0; }
.container-fluid.no-gutter .row div[class*=col] { padding-left: 0; padding-right: 0; }

iframe.responsive { border: none; border-collapse: collapse; margin: 0 auto; width: 755px; max-width: 100%; overflow-y: hidden; display: block; }


/* Alignment */
.align-bottom {position: absolute;bottom: 0;width: 100%;}
.align-top { position: absolute; top: 0; width: 100%; }
.right, .floatRight {float:right;}
.left, .floatLeft {float:left; } 
.center {margin:0 auto;}
.floatRight, .floatLeft {text-align: center;margin:10px;} 
.clear { clear: both; }
.right.img { margin-left: 15px; margin-bottom: 5px; }
.indent { margin-left: 40px; }
.equal-height { display: flex; flex-wrap: wrap; }
p.narrow {max-width:800px; margin: 0 auto; }

.padding-default { padding: 30px; }
.padding-default-horizontal { padding: 0 30px; }
.padding-default-vertical { padding: 30px 0; }
.no-padding { padding: 0!important; }
.no-margin { margin: 0!important; }
.margin-default { margin: 30px; }

.d-flex {display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important;}
.justify-content-between { -webkit-box-pack: justify!important; -ms-flex-pack: justify!important; justify-content: space-between!important;}
.justify-content-around { -ms-flex-pack: distribute!important; justify-content: space-around!important;}
.flex-wrap {-ms-flex-wrap: wrap!important;flex-wrap: wrap!important;}
.d-flex {display: -webkit-box!important;display: -ms-flexbox!important;display: flex!important;}
.d-flex div{padding: 10px;}


@media (max-width: 767px) {  
	.justify-content-between, .justify-content-around{-webkit-box-orient: vertical!important;-webkit-box-direction: normal!important;-ms-flex-direction: column!important;flex-direction: column!important;}
	.lead.right, .lead.left{float: none; width: unset; margin:20px; border-left: none;border-right: none;display: block;
    font-size: 2.1rem;text-align: left;margin: 0 0 20px 0;padding: 0;}
	.lead {font-size: 21px;}
}

/* From Previous Site - Brought over to make migration easier. Don't use. */
.ltGrayBx { padding: 8px; background-color: rgba(214,222,229,0.2);}
.ltGrayBx img { margin-bottom: 10px; }
.smallerFont { font-size: 1.0rem; }
.floatLeft { float: left; overflow: hidden; }
.twoCol1 .leftCol { float: left; overflow: hidden; padding: 0 1% 0 0; width: 49%; }
.twoCol1 .rightCol { float: right; overflow: hidden; padding: 0 0 0 1%; width: 49%; }
.twoCol1:after { content: " "; clear: both; width: 100%; display: block; }


/* Font Color */
.light-green, .text-light-green {color:#33c572 !important;}
.green, .text-green {color:#006A52 !important;}
.dark-green, .text-dark-green {color:#00432a !important;}
.yellow, .text-yellow {color:#FFD100 !important;}
.white, .text-white {color:#fff !important;}
.orangeLight { color: #FFAA54; }
.text-black { color: #000000; }

/* Font size */
.size-xxxl { font-size: 4.8rem; }
.size-xxl { font-size: 3.8rem; }
.size-large { font-size: 2.8rem; }
.size-normal { font-size: 1.8rem; }
.size-small { font-size: 1.4rem; }
.size-xs { font-size: 1.2rem; }
.size-xxs { font-size: 1.0rem; }


/* Backgrounds */
.background-grey, .bg-grey { background-color: #f0f3f5; }
.bg-light-green{background:#33c572;}
.bg-green, .bg-green a {background:#006A52;color:#fff;}
.bg-dark-green, .bg-dark-green a{background:#00432a;color:#fff;}
.bg-yellow {background:#ffc600;}
.bg-light-grey{background-color: rgba(214,222,229,0.2);}
.bg-mid-grey{background-color:#dbe2e9;}
.bg-dark-grey{background-color: #DBE2E9; }
.bg-white{background-color:#fff;}
.bg-grey-diagonal {background: rgb(249,249,249);background: linear-gradient(225deg, rgba(249,249,249,1) 50%, rgba(240,243,245,1) 50%);}
@media (max-width: 767px) {  
	.bg-light-grey .row{margin: 0;padding: 0;}
}

.dropcap { font-weight: 400; color: #006752; float: left; font-size: 5rem; line-height: 5rem; padding-right: 8px; }

/* Enhanced Numbered List */
ol.enhanced-list {  list-style: none;  counter-reset: counter;}
ol.enhanced-list li {  counter-increment: counter;  display: flex;    margin: 0 0 1.5rem 0;}
ol.enhanced-list li strong{  font-size: 3.2rem;  font-weight: 300;display: inline-block;}
ol.enhanced-list li::before {  content: "/0" counter(counter);  font-weight: 500;  font-size: 4rem;  margin-right: 20px;    line-height: 1;  font-family: 'Oswald', sans-serif; color: #33C572;  border-right: 5px solid #33C572;  padding-right: 20px;}
ol.enhanced-list li:nth-child(odd) {  padding-left: 0;}
ol.enhanced-list li:nth-child(even) {  padding-left: 40px;}
ol.enhanced-list li:nth-child(n+10)::before {  content: "/" counter(counter);}
@media (max-width: 767px) { 
ol.enhanced-list li::before {position: absolute;margin-top: -60px;border-bottom: 5px solid #33C572; border-right: none;width: 200px;height: 60px;}
ol.enhanced-list li {margin: 6.5rem 0 0 0;}
ol.enhanced-list li:nth-child(even) {  padding-left: 0;}
}

/*Tree-Styled List*/
ul.tree {list-style-type: none;}
ul.tree li {position: relative;margin: 0;padding-bottom: 1em;padding-left: 20px;background-image: url('https://www.skidmore.edu/_images/green-bullet.png');background-repeat: no-repeat;background-position: 0 5px;padding: 3px 0px 5px 15px;margin: 0 0 0 20px;}
ul.tree li:before{content: '';background-color: #33c572;position: absolute;bottom: 0;top: 5px;left: 2.5px;width: 2px;height: 100%;}
ul.tree li ul li:first-child:before{content: '';background-color: #33c572;position: absolute;bottom: 0;top: 7px;left: -32px;width: 37px;height: 2px }
ul.tree li ul li:first-child:after {content: '';background-color: #33c572;position: absolute;bottom: 0;top: 5px;left: 2px;width: 2px;height: 100%;}
ul.tree li ul li:last-child:after{height: 0;}
ul.tree li:last-child:before, li:last-child:before{height: 0;}

li.connect2:before{height: 57px !important;}
li.connect3:before{height: 82px !important;}
li.connect4:before{height: 107px !important;}

/* Buttons */
.btn { white-space: normal; padding: 10px 30px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: 1.3rem; line-height: 1.3rem; letter-spacing:1.5px; min-width: 200px; border-radius: 0; transition: all ease 1s; font-weight: 700 !important; border-bottom: none!important; }

a.btn.btn-yellow, .btn.btn-yellow{ background-color: #FFD100; color: #22372b!important; border-bottom:none;}
a.btn.btn-yellow:hover, .btn.btn-yellow:hover{ background-color:#e7be00; color: #000; box-shadow: inset 200px 0 0 0 #e7be00; }

a.btn.btn-light-green, .btn.btn-light-green{background-color:#33c572!important;color:#fff!important;border-bottom: none ;}
a.btn.btn-light-green:hover, .btn.btn-light-green:hover{background-color:#2ca761!important; color:#fff!important; box-shadow: inset 200px 0 0 0 #2ca761;}

a.btn.btn-default, .btn.btn-default, .btn.btn-primary, button, html input[type=button], input[type=reset], input[type=submit] {color: #fff;background-color: #006a52;border: none;border-bottom: none; }	
a.btn.btn-default, .btn.btn-default, .region-main .main a.btn.btn-default {color: #fff!important;background-color: #006a52!important;border: none;text-decoration: none;}
a.btn.btn-default:hover, .btn.btn-default:hover, .btn.btn-primary:hover {background-color: #045544!important;color:#fff!important;}
a.btn.btn-default:focus, .btn.btn-default:focus, .btn.btn-primary:focus { background-color: #045544!important;}

.btn.btn-info {color: #fff;background-color: #006853;border: none; }
.btn.btn-default.full, .btn.btn-primary.full, .btn.btn-yellow.full, .btn.btn-light-green.full, .footer-contact .btn {width: 100%; margin: 0;}
a.btn { text-decoration: none!important; }

@media (max-width: 767px) {  
    .btn { white-space: normal; line-height: 1.5; }
}


.bar-top-75w { position: relative; }
.bar-top-75w:before { border-top: 2px solid #44d62c; content: ""; margin: 0 auto; position: absolute; z-index: 10; top: 50px; right: 0; width: 75%; }
.bar-top-75w-padding { padding-top: 55px; }

.bar-top-100w { position: relative; }
.bar-top-100w:before { border-top: 2px solid #44d62c; content: ""; margin: 0 auto; position: absolute; z-index: 10; top: 50px; right: 0; width: 100%; }
.bar-top-75w-padding { padding-top: 55px; }

/*Styled Ordered List*/

.steps {  clear: both;  list-style: none;  padding-left: 2%;}
.steps li {  margin: 1em 0;  display: block;  position: relative;  counter-increment: inst;padding: 0 0 0 1em;}
.steps li::before {border-radius: 50%;font-size: 2rem;margin-left: 35px;padding-left: 0;padding-top: 0;top: 5px;width: 30px;font-family: 'Oswald', sans-serif;content: counter(inst);background: #33c572;color: #fff;text-align: center;left: -5%;position: absolute;transition: all 0.2s ease-in-out;}
.bg-grey .steps li::before{left:-60px}

/* Links with Icons */
a.more{ font-weight: 700!important; text-transform: uppercase; font-size: 1.4rem; text-decoration: none; border-bottom: none!important; transition: transform .2s ease-in-out!important;  }
a.more::after { font-family: 'Glyphicons Halflings'; content: "\e027"; display: inline-block; padding-bottom: 3px; transform: rotate(90deg); margin-left:5px; transition: transform .2s ease-in-out!important; }
a.more-down::after {font-family: 'Glyphicons Halflings';content: "\e027";display: inline-block;padding-bottom: 3px;transform: rotate(180deg);margin-left: 5px;transition: transform .2s ease-in-out!important;}
a.more:hover { background-color: transparent!important; }
a.more:hover::after {  transform: rotate(270deg); }


/* Video Icon */
.video-icon { width: 54px;height: 54px;  background-image: url("/_images/play.png"); display: inline-block; }


/* Header with HR */
.line-header { font-family: 'Oswald', sans-serif; font-size: 3.6rem; line-height: 3.6rem; text-transform: uppercase; color: #22372b; }
.line-header hr.solid { margin-top: 10px; }


/* Arrow-point */
.left-arrow {background: #33c572;height: 30px;position: absolute;width: 6px;float: left;    left: 0px;top: 5px;}
.left-arrow:after {background: #33c572;content: "";height: 6px;left: 0px;position: absolute;top: 0px;width: 30px;  }
.right-arrow { background: #33c572; height: 30px; position: relative; width: 6px; float: right;	margin: -10px -10px 10px 10px;}
.right-arrow:after {background: #33c572;content: "";height: 6px;left: -27px;position: absolute;top: 0px;width: 30px;  }


/* Photo Tint for any size image. 40% Darker */
.photo-tint:before {position: absolute;content: " ";top: 0;left: 0;width: 100%;height: 100%;display: block;z-index: 0;background-color: rgba(0,0,0,0.4);}

/* Circle Crop  */
img.circle-150 {width: 150px;height: 150px;object-fit: cover;border-radius: 50%;float: left;margin: 0px 30px 20px 0;}
img.circle-150.center {float: none;margin: 0px auto;}
img.square-150 {width: 150px;height: 150px;object-fit: cover;float: left;margin: 0px 30px 20px 0;}
/* Stand Out Title but not a header */
/*
.title { font-size: 2.0rem; text-decoration: none!important; }
a.title { color: #006A52;  }
a.title:hover { text-decoration: underline!important; }
*/

/* Image Zoom on Hover */
.zoom-wrap { overflow: hidden; }
.zoom-wrap img {  -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.zoom:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }

/* Loader Annimation - */
.loader{position:relative;display:inline-block;width:50px;height:50px;border:5px solid #33c572;border-radius:50%;animation:spin 1s infinite linear;border-top-color:transparent}
.loader::before,.loader::after{left:-5px;top:-5px;position:absolute;content:'';width:inherit;height:inherit;border:inherit;border-radius:inherit;display:block;border-color:transparent;border-top-color:#006A52;animation:spin 2s infinite linear reverse}
@keyframes spin { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
.loading { margin: 0 0 20px 0; }
.loading h2 { display: inline; padding-right: 82px;  }
.loading .loader { vertical-align: middle; }


/* Bootstrap Columns Redux */
.highlight .cell { background-color: #BFBFBF; text-align: center; border: 1px solid #000000; }
.skid-column.container-fluid { clear: both; /*padding-left: 0; padding-right: 0;*/  }
.skid-column.container-fluid .row div[class*="col-"] { margin-bottom: 30px; }


/* Alerts */
.alert > p { margin-bottom: 10px; }

/* Tables */
table { min-width: 100px; min-height: 5px; }
table.responsive-center td { padding: 15px; text-align: center; vertical-align: middle; } 
@media (max-width: 767px) {  
    table.responsive-center td { display: block; width: 100%!important; }
}
table.table { margin-bottom: 30px }

table.table-mobile { width: 100%; max-width: 100%; }
table.table-mobile td { min-width: 150px; }
@media (max-width: 991px) { 
    table.table-mobile { display: block; }   
    table.table-mobile tbody { display: block; }
    table.table-mobile tr { display: block; }
    table.table-mobile td { display: block; width: 100%!important; }
}

@media (max-width: 575px){
.table-responsive-sm {display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}}

/* Mobile Table */
@media (max-width: 991px) { 
    table.table-mobile-column { display: block; width: 100%; font-size: 1.3rem; }
    table.table-mobile-column.table-bordered { border: none; border-top: 1px solid #ddd; }
    table.table-mobile-column thead { display: block; width: 100%; }
    table.table-mobile-column tbody { display: block; width: 100%; }
    table.table-mobile-column tr { display: block; width: 100%; margin: 0 0 5px 0; border-bottom: 1px solid #ddd; }
    table.table-mobile-column td { display: block; width: 100%; border-bottom-width: 1px!important; }
    table.table-mobile-column td:last-child { border-bottom-width: 0px!important; }
    table.table-mobile-column tbody td { border-bottom-width: 0px!important; }
    table.table-mobile-column th { display: block; width: 100%; border-bottom-width: 1px!important; }
}


/* Gist */
.gist { margin: 0 0 30px 0; }


img.circle { border-radius: 50%; border: 3px solid #33c572; padding: 15px; }

.catalog-text { margin: 0 0 60px 0; }



/* ======================================================================================================================================================================================================== */
/* Content Blocks (these should probably be under snippets/assets) */
/* ======================================================================================================================================================================================================== */
/* ==================================================================================================== */
/* Accordion */
/* ==================================================================================================== */
.panel-group { margin: 0 0 30px 0; }
.panel-group [data-toggle=collapse].collapsed .if-not-collapsed, .panel-group [data-toggle=collapse]:not(.collapsed) .if-collapsed { display: none; }
.panel-default { border-color: #ddd; border: 0; }
.panel-default > .panel-heading { color: #333; background-color: #f0f3f5; border-color: #ddd; padding: 20px 15px 20px 20px; }
.panel-default > .panel-heading a { text-decoration: none; }
.panel-group.card{border-top: 1px solid #f0f3f5;}
.panel-group .glyphicon {float: right;color: #00b74f;}





/* ==================================================================================================== */
/* Blockquotes */
/* ==================================================================================================== */
blockquote {font-size: 2.4rem;line-height: 1.5;border-left: 0;padding: 20px 0 20px 90px;margin: 0 0 0;}
blockquote:before{color: #006853;content: "\201C";font-size: 20rem;font-family: 'Volkhov', Georgia, serif;position: absolute;line-height: 0;vertical-align: baseline;margin:80px 0 0 -90px;z-index: -1;}
.bg-green blockquote:before {color: #33c572; z-index: 1;}
.bq-reference {text-transform: uppercase;font-size: 1.8rem;margin: 15px 0 15px 40px;}
.bq-reference:before{background: #33c572;height: 5px;width: 30px;content: "";position: absolute;margin-top: 10px;margin-left: -40px;} 
.bq-title {text-transform: uppercase;font-size: 1.4rem;margin: -10px 0 0 40px;font-weight: 400;}

blockquote.instagram-media:before {color: initial; content: "";font-size: initial; font-family: initial;position: initial;line-height: initial;vertical-align: initial; margin:initial;z-index: initial;}

@media (max-width: 1199px) {  		
	/*blockquote:before {margin-left: -80px;}
	blockquote {margin: 0 0 0 80px;}*/
}
@media (max-width: 991px) { 
    blockquote:before {position: initial;display: block;text-align: center;margin-left: 0;}
	blockquote {margin: 0; padding: 20px 0 20px 20px; }
	.bq-reference {text-align: center;} 
}






/* ==================================================================================================== */
/* CTM Profile Details */
/* ==================================================================================================== */

.yellow-frame-title {font-family: 'Oswald', sans-serif;font-size: 3.6rem;padding: 15px 30px;border: 5px solid #ffc600;display: inline;z-index: 2;position: relative;text-transform: uppercase;white-space: nowrap;}
.yellow-profile.bg-yellow {background: #ffc600;padding: 60px 60px 30px 60px;margin: -25px 60px 60px 50px;z-index: 1;position: relative;width: 55%;}
.yellow-profile.profile {margin: 0px 30px 30px 30px;width: 45%;z-index: 1;position: relative;float: right;}
.yellow-profile.bg-yellow strong {text-transform: uppercase;display: block;}
.yellow-profile.bg-yellow ul {list-style-type: none;-webkit-padding-start: 0;}
.yellow-profile.bg-yellow ul li {padding: 10px 0;background-image: none;}
@media (max-width: 991px) {  
	.yellow-profile.profile {margin: 0;width: 100%;z-index: 1;position: relative;float: none;max-width: max-content;}
	h1.yellow-profile {margin: 0 0 0 -30px;}
	.yellow-profile.bg-yellow{padding: 60px 40px 30px 40px;margin: -25px 60px 60px 20px;width: 98%;}
}
@media (max-width: 480px) {  
	.yellow-profile img.profile {margin: 0;width: 100%;z-index: 1;position: relative;float: none;}		
	.yellow-profile h1 {margin: 0 0 0 -30px;}		
	.yellow-profile .bg-yellow{padding: 60px 40px 30px 40px;margin: -25px 60px 60px 20px;    width: 100%;}
}

.profile-page { clear: both; max-width: 1100px; padding-bottom: 60px; }
.profile-page h1 { font-family: 'Oswald', sans-serif; font-size: 3.0rem; padding: 15px 30px; border: 5px solid #ffc600; display: inline-block; z-index: 2; position: relative; text-transform: uppercase; white-space: nowrap; }
.profile-page .profile-right-column { float: right; max-width: 475px; margin-left: 20px; }
.profile-page .profile-right-column .profile-image img { width: 100%; }
.profile-page .profile-left-column .profile-alumnus { background: #ffc600; padding: 45px 45px 30px 45px; margin: -60px 60px 60px 50px; z-index: 1; position: relative; width: 55%; font-size: 1.6rem; }
.profile-page .profile-left-column .profile-alumnus ul { margin: 0; padding: 0; list-style: none; }
.profile-page .profile-left-column .profile-alumnus ul li { margin: 0 0 15px 0; padding: 0; list-style: none; background-image: none; }
.profile-page .profile-left-column .profile-alumnus ul li strong { text-transform: uppercase;  }
.profile-page .profile-left-column .profile-content { margin-left: 90px; max-width: 520px; }

@media (max-width: 991px) { 
    .profile-page { padding: 0 15px 60px 15px; }
    .profile-page .profile-right-column { float: none; max-width: 100%; width: 100%; margin-left: 0; }
    .profile-page .profile-left-column h1 { width: 100%; text-align: center; white-space: normal; }
    .profile-page .profile-left-column .profile-alumnus { margin: 0 0 15px 0; width: 100%; }
    .profile-page .profile-left-column .profile-content { margin-left: 0; }
}




/* ==================================================================================================== */
/* Breadcrumbs */
/* ==================================================================================================== */
.breadcrumb {background-color: #fff;}
.breadcrumb a, .breadcrumb>.active{font-size:1.1rem;color:#22372b;font-weight: 500;text-transform: uppercase;}
.breadcrumb a:after {content: "\0000a0/"; padding-right: 4px;}
.breadcrumb>.active {color: #00b74f;}
.breadcrumb>.active:after{content: "";}

@media (max-width: 991px) {  
    .breadcrumb { display: none; }
    .breadcrumb {padding: 20px 15px 0;margin: 0;line-height: 1;}
}

	





/* ==================================================================================================== */
/* Featured News */
/* ==================================================================================================== */
.featured-news { clear: both; position: relative; }
.featured-news .image img { display: block;  }
.featured-news .text { position: absolute; left: 70px; bottom: 0; background-color: #FFFFFF; padding: 65px 95px 0 95px; max-width: 480px; }
.featured-news .text .category { font-size: 1.4rem; line-height: 2.0rem;  color: #22372b; opacity: 0.8; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 5px; }
.featured-news .text .title { font-family: 'Volkhov', serif; font-size: 3.8rem; line-height: 4.2rem; color: #22372b; font-weight: 500; margin: 0 0 25px 0; }
.featured-news .text .read-more { font-size: 1.3rem; line-height: 1.3rem; font-weight: 500; color: #006A52; text-transform: uppercase; margin: 0 0 50px 0; }





/* ==================================================================================================== */
/* News Article */
/* ==================================================================================================== */
.news { clear: both; }
.news h1 { font-size: 4.2rem; line-height: 4.6rem; margin-bottom: 10px; }
.news .date { font-size: 1.3rem; line-height: 1.3rem; text-transform: uppercase; color: #006A52; font-weight: 500; margin-bottom: 55px; }
.news .featured-image, .news .featured-item { max-width: 100%; margin-bottom: 55px; }
.news .featured-image img { display: block; margin-bottom: 5px; }
.news .featured-item .featured-caption, .news .featured-image .featured-image-caption { font-size: 1.4rem; }
.news .text { margin: 0 auto; width: 645px; max-width: 100%; }
.news .text .author { /*margin-bottom: 35px;*/ font-size: 1.3rem; font-weight: 600; color: #006A52;  }
.news .text .author span { text-transform: uppercase; }

.news-layout__large .news h1 { border-bottom: 4px solid #44D62C; margin-bottom: 30px; padding-bottom: 5px; }
.news-layout__large .news .text {  } 
.news-layout__large .news .author { margin-bottom: 30px; }

.news-author-bio { clear: both; }
.news-author-bio .news-author-bio-row:after { content: ""; display: block; clear: both; }
.news-author-bio .news-author-bio-row .news-author-bio-image { float: left; width: 150px; margin-right: 20px; }
.news-author-bio .news-author-bio-row .news-author-bio-image img { display: block; border-radius: 50%; width: 150px; height: 150px; } 
.news-author-bio .news-author-bio-row .news-author-bio-text { float: left; width: calc(100% - 170px); font-size: 1.4rem; line-height: 1.5; }
@media (max-width: 767px) { 
    .news-author-bio .news-author-bio-row .news-author-bio-image { float: none; width: 100%; margin-right: 0; margin-bottom: 20px; }
    .news-author-bio .news-author-bio-row .news-author-bio-image img { margin: 0 auto; }
    .news-author-bio .news-author-bio-row .news-author-bio-text { float: none; width: 100%; }    
}
@media print { 
    .news-author-bio .news-author-bio-row .news-author-bio-image { float: left; width: 150px; margin-right: 20px; }
    .news-author-bio .news-author-bio-row .news-author-bio-text { float: left; width: calc(100% - 170px); } 
}




/* ==================================================================================================== */
/* Event Article */
/* ==================================================================================================== */
.event { clear: both; }
.event h1 { font-size: 4.2rem; line-height: 4.6rem; margin-bottom: 40px; }
.event .featured-image { max-width: 100%; margin-bottom: 55px; }
.event .featured-image img { display: block; }
.event .location { font-family: 'Oswald', sans-serif; font-size: 2.4rem; font-weight: 500; color: #33c572; text-transform: uppercase; }
.event .date { font-size: 1.6rem; line-height: 2.0rem; }
.event .time { font-size: 1.6rem; line-height: 2.0rem; }
.event .text { padding: 0 0 50px 0; margin: 0 0 40px 0; border-bottom: 1px solid #e7e7e7; }





/* ==================================================================================================== */
/* e2Campus Alerts */
/* ==================================================================================================== */
.e2Campus.alert, .ie-alert.alert { clear: both; border-radius: 0; margin-bottom: 0;  }
.e2Campus.alert p.title, .ie-alert.alert p.title { font-family: 'Oswald', sans-serif; font-size: 3.2rem; line-height: 3.6rem; text-transform:uppercase; }
.e2Campus.alert.alert-danger a { color: #000000; text-decoration: underline; }
.e2Campus.alert.alert-warning a, .ie-alert.alert a { color: #343600; text-decoration: underline; }
.e2Campus.alert.alert-success a { text-transform: uppercase; color:#1C3600; font-weight: 500; }
.e2Campus.alert.alert-success {color: #1C3600;background-color: #bfdf9d;border-color: #acce89;}
.e2Campus.alert.alert-warning {color: #343600;background-color: #FFFAAA;border-color: #e5e08f;} 
.e2Campus.alert.alert-danger {color: #360000;background-color: #FFAAAA;border-color: #e38f8f;} 





/* ==================================================================================================== */
/* Column Lists */
/* ==================================================================================================== */
.form-group.col-list-3 {-moz-column-count: 3;-moz-column-gap: 20px;-webkit-column-count: 3;-webkit-column-gap: 20px;column-count: 3;column-gap: 20px;margin: 15px 0;}


ul.col-list-4 {-moz-column-count: 4;-moz-column-gap: 20px;-webkit-column-count: 4;-webkit-column-gap: 20px;column-count: 4;column-gap: 20px;margin: 15px 0;}
ul.col-list-3 {-moz-column-count: 3;-moz-column-gap: 20px;-webkit-column-count: 3;-webkit-column-gap: 20px;column-count: 3;column-gap: 20px;margin: 15px 0;}
ul.col-list-2 {-moz-column-count: 2;-moz-column-gap: 20px;-webkit-column-count: 2;-webkit-column-gap: 20px;column-count: 2;column-gap: 20px;margin: 15px 0;}
ul.col-list-2 li, ul.col-list-3 li, ul.col-list-4 li {margin-left: 1.5em;}
@media (max-width: 767px) {  
	.col-list ul {-moz-column-count: 1;-moz-column-gap: 10px;-webkit-column-count: 1;-webkit-column-gap: 10px;column-count: 1;column-gap: 10px;-webkit-padding-start: 10px;}
	ul.col-list-4 {-moz-column-count: 2;-moz-column-gap: 20px;-webkit-column-count: 2;-webkit-column-gap: 20px;column-count: 2;column-gap: 20px;margin: 15px 0;}
	ul.col-list-3 {-moz-column-count: 2;-moz-column-gap: 20px;-webkit-column-count: 2;-webkit-column-gap: 20px;column-count: 2;column-gap: 20px;margin: 15px 0;}
}
@media (max-width: 480px) {  
	ul.col-list-4 {-moz-column-count: 1;-moz-column-gap: 20px;-webkit-column-count: 1;-webkit-column-gap: 20px;column-count: 1;column-gap: 20px;margin: 15px 0;}
	ul.col-list-3 {-moz-column-count: 1;-moz-column-gap: 20px;-webkit-column-count: 1;-webkit-column-gap: 20px;column-count: 1;column-gap: 20px;margin: 15px 0;}
	ul.col-list-2 {-moz-column-count: 1;-moz-column-gap: 20px;-webkit-column-count: 1;-webkit-column-gap: 20px;column-count: 1;column-gap: 20px;margin: 15px 0;}
}


/* ==================================================================================================== */
/* Facts */
/* ==================================================================================================== */
.bg-green.asset-skidmore-facts{background: #006A52;color: #fff;}
.bg-green.asset-skidmore-facts .title, .bg-green .snippet-facts .facts-number{color: #fff;}




/* ==================================================================================================== */
/* Commencement Countdown */
/* ==================================================================================================== */
.countdown { font-size: 10.0rem; line-height: 10.0rem; color: #FFFFFF; margin-bottom: 20px; }
.countdown span { display: inline-block; width: 65px; }
.countdown span.colon { width: 20px; margin-top: -7px; vertical-align: top; }
@media (max-width: 991px) {
    .countdown { font-size: 5.0rem; line-height: 5.0rem;  }
    .countdown span { width: 35px; }
    .countdown span.colon { width: 15px; margin-top: -3px; }
}

/* ==================================================================================================== */
/*Image with Caption and Lightbox*/
/* ==================================================================================================== */
.component-image-modal .left {padding: 0 15px 15px 0;}
.component-image-modal .right {padding: 0 0 15px 15px;}
.component-image-modal p {text-align:center;font-size:small;}

div.component-image-modal{float:left;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}
div.component-image-modal.right{float:right}
div.component-image-modal img{width:100%;height:auto}
a.photo-modal{position:relative;display:inline-block}
.photo-modal::before{content:"";width:35px;height:35px;background:rgba(255,255,255,.75);text-align:center;position:absolute;left:0;top:0;transition:all .7s ease;-webkit-transition:all .7s ease;z-index:1;}
.right .photo-modal::before{left:15px}
.right .photo-modal::after{left:20px}
.photo-modal:hover:before{width:100%;height:100%}
.photo-modal:after{content:url(https://www.skidmore.edu/_images/icons/lightbox.png);width:35px;height:35px;position:absolute;left:5px;top:5px;transition:all .7s ease;-webkit-transition:all .7s ease;z-index:2;}
.photo-modal:hover:after{left:50%;top:50%;transform:translateY(-50%) translateX(-50%)}
.photo-modal-text::before,.photo-modal-text::after {display: none;}

.popup{position:relative;display:inline-block}
.popup::before{content:"";width:35px;height:35px;background:rgba(255,255,255,.75);text-align:center;position:absolute;left:0;top:0;transition:all .7s ease;-webkit-transition:all .7s ease}
.right .popup::before{left:15px}
.right .popup::after{left:20px}
.popup:hover:before{width:100%;height:100%}
.popup:after{content:url(https://www.skidmore.edu/_images/icons/lightbox.png);width:35px;height:35px;position:absolute;left:5px;top:5px;transition:all .7s ease;-webkit-transition:all .7s ease}
.popup:hover:after{left:50%;top:50%;transform:translateY(-50%) translateX(-50%)}
.btn.popup::before, .btn.popup::after{content:"";background: none;}

.modal .photo-modal::before { display: none; }
.modal .photo-modal::after { display: none; }

/* ==================================================================================================== */
/*End Image with Caption and Lightbox */
/* ==================================================================================================== */




/* ==================================================================================================== */
/* Forms */
/* ==================================================================================================== */

/* Checkbox */
label input[type="checkbox"]:before {display:inline-block;content: "";width: 23px;height: 25px;margin: -14px 0px 0 -3px;vertical-align:middle;background:url("/_images/check_radio_sheet.png") left top no-repeat;cursor:pointer;}
label input[type="checkbox"]:checked:before {background:url("/_images/check_radio_sheet.png") -23px top no-repeat;content:""}

/* Radio Buttons */
label input[type="radio"]:before {display: inline-block;width: 22px;height: 25px;margin: -8px 10px 0 -2px;vertical-align: middle;background: url(/_images/check_radio_sheet.png) -49px top no-repeat;cursor: pointer;content: "";}
label input[type="radio"]:checked:before {background:url("/_images/check_radio_sheet.png") -72px top no-repeat;content:"";}

/* Select */
form select.form-control, form select { border-radius:0; margin: 5px 0; width: 100%; box-sizing: border-box; border: 2px solid #e7e7e7; line-height: 40px; height: 40px; }
 



/*inline forms*/
.form-inline .form-control { height:50px;    margin: 5px 0;}
.form-inline .btn {height: 50px;width: 100%;margin: 5px 0;}
.form-inline .btn:hover {background-color: #045544;color:#fff;}
.bg-light-grey .form-inline{padding: 10px 0;}
.bg-light-grey .col-md-2.col-sm-12 h5{margin-top:20px;}
/*End inline forms*/

/*Dropdown*/
button.dropdown-toggle.form-control{ -webkit-appearance: inherit;width: 100%;}
button.dropdown-toggle .glyphicon-chevron-down{float: right;}
button.dropdown-toggle.form-control span{line-height: 1;display: block;text-align: left;margin: -7px 10px;}
/*End Dropdown*/

/*Radio & Checkbox*/
.radio label, .checkbox label{padding: 0;}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {position: relative;bottom: 3px;margin: 0 15px 0 0;color: #33c572;background-color: #33c572;}
.checkbox label, .radio label {font-weight: 300;}
ul.scroll-menu {position: absolute;overflow-x: auto;top: 80px;width: 100%;height: auto;max-height: 200px;margin: 0;border-radius: 0 !important;box-shadow: none;}
/*End Radio & Checkbox*/

.form-control:focus, #id_dropdown.form-control:focus {border: 2px solid #33c572;    outline: 0;-webkit-box-shadow: none;box-shadow: none;}
input.form-control, textarea.form-control, #id_dropdown.form-control{border-radius:0;margin: 5px 0;  width: 100%;box-sizing: border-box;border: 2px solid #e7e7e7;-webkit-appearance: textarea;}
label, .input-group legend {font-weight: 600; padding: 0 0 0 0; border-bottom: 0; font-size: 2rem; line-height: 1.5; margin-bottom: 5px; }
input[type='email'], input[type='text'], input[type='password'] { line-height: 40px; height: 40px; /*padding: 0 10px;*/ } 
textarea { min-height: 110px; }
.help-block {font-size:70%;}
.form-horizontal .row{margin-right: 0;margin-left: 0;}
.bg-light-grey .row{margin: 0;padding: 0 50px;}
.form-inline input.form-control{width: 100%;}
.bg-light-grey h3 {padding: 20px 20px 0 20px;}
.bg-light-grey .form-control, .bg-yellow .form-control, .bg-green .form-control{border: none;} 
.formHeading { font-weight: 600; font-size: 2.0rem; }

.gsc-input { height: 40px!important; }


/* ================================================== */
/* Contact Info that goes with the Yellow Form */
/* ================================================== */
.form-control {border: 0;border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; transition: none; }
.contact form {margin: 40px 0 0 0;}
.contact h2 {font-family:'Volkhov', Georgia, serif;font-size:4.8rem; line-height: 1; margin-top: 60px;text-transform: none;}
.contact h4 {font-family: 'Oswald', sans-serif;text-transform: uppercase;font-weight: 500;color:#006752;letter-spacing:0.5px;}
.contact form h5 {line-height:1;letter-spacing: 0;font-weight: 300;margin-bottom: 0;}
.contact p {font-weight:400;}
.contact .btn {width: 94%;margin: 5px 18px 20px;padding: 19px; }
.contact-info p{font-weight:300;font-size:1.8rem;line-height: 1.2;}

.contact .ou-form form { margin: 0 0 0 0; }		
.contact .ou-form form .form-group { margin-bottom: 0; }		
.contact .ou-form form .form-group label { line-height: 1; letter-spacing: 0; font-weight: 300; margin: 10px 0 0 0; padding: 0; font-size: 1.3rem; text-transform: uppercase; }		
.contact .ou-form form button[type="reset"] { display: none; }		
.contact .ou-form form .btn  { width: 100%; margin: 10px 0 0 0; background-color: #ffd200 !important;color: #21372b !important;}
.contact .ou-form form .btn:hover {background-color: #e7be00 !important;color: #21372b !important;}

.ou-form { clear: both; margin-bottom: 50px; }
.ou-form form button[type="reset"] { display: none; }		

@media (max-width: 991px) {  
	.contact .btn {width: 100%;margin: 5px 0px 20px;}
}

/* Custom Classes for OU Forms */
.ouform-c50-first { float: left; width: 49%; margin-right: 1%; }
.ouform-c50-last { float: left; width: 49%; margin-left: 1%; }

.ouform-c33-first { float: left; width: 32.333%; margin-right: 1%; }
.ouform-c33-second { float: left; width: 32.333%; margin-right: 0.5%; margin-left: 0.5%; }
.ouform-c33-last { float: left; width: 32.333%; margin-left: 1%; }

@media (max-width: 991px) { 
    .ouform-c50-first { float: none; width: 100%; margin-right: 0;} 
    .ouform-c50-last { float: none; width: 100%; margin-left: 0; }

    .ouform-c33-first { float: none; width: 100%; margin-right: 0%; }
    .ouform-c33-second { float: none; width: 100%; margin-right: 0%; margin-left: 0%; }
    .ouform-c33-last { float: none; width: 100%; margin-left: 0%; }
}

.ouform-checkbox-3columns { clear: both; columns: 3; padding-top: 30px; position: relative; }
.ouform-checkbox-3columns:after { content: ""; clear: both; display: block; }
.ouform-checkbox-3columns legend { display: block; width: 100%; position: absolute; top: -30px;}
.ouform-checkbox-3columns .checkbox { margin: 0 0 5px 0; }







/* ==================================================================================================== */
/* Vimeo Responsive */
/* ==================================================================================================== */
.vimeo_video { position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; }
.vimeo_video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.vimeo_video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ==================================================================================================== */
/* Table Transformation - Hover Grid */
/* ==================================================================================================== */
.hover-grid * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.hover-grid .hg-hover a { border-bottom: none; }
.hover-grid .hg-hover a:hover { background-color: transparent; }
.hover-grid { margin: 10px 0 0 0; }
.hover-grid .hg-cell {  }
.hover-grid .hg-cell img, .hover-grid .hg-cell a { display: block; }

.hover-grid .hg-cell.hg-column1 { float: none; width: 100%; }
.hover-grid .hg-cell.hg-column2 { float: left; width: 50%; }
.hover-grid .hg-cell.hg-column3 { float: left; width: 33.3%; }
.hover-grid .hg-cell.hg-column4 { float: left; width: 25%; }
.hover-grid .hg-cell.hg-column6 { float: left; width: 16.6%; }

.hover-grid .hg-cell .hg-default { position: relative; }
.hover-grid .hg-cell .hg-default:hover > .hg-hover { visibility: visible; opacity: 1; }
.hover-grid .hg-cell .hg-default .hg-hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); text-align: center; color: #FFFFFF; font-size: 16px; line-height: 20px; transition: visibility 0s, opacity 0.25s linear; visibility: hidden; opacity: 0; }
.hover-grid .hg-cell .hg-default .hg-hover a { color: #ffffff; text-decoration: none; cursor: pointer; } 
.hover-grid .hg-cell .hg-default .hg-hover img { }

@media (max-width: 780px) { 
	.hover-grid .hg-cell.hg-column1 { float: none; width: 100%; }
	.hover-grid .hg-cell.hg-column2 { float: none; width: 100%; }
	.hover-grid .hg-cell.hg-column3 { float: none; width: 100%; }
	.hover-grid .hg-cell.hg-column4 { float: none; width: 100%; }
	.hover-grid .hg-cell.hg-column6 { float: none; width: 100%; }
}

.tt-hover-grid { width: 100%; }
.tt-hover-grid thead { background-color: rgba(0,103,82,0.5); }
.tt-hover-grid thead tr:first-child th { padding: 10px 20px; background-color: rgba(0,103,82,1); color: #ffffff; font-size: 22px; font-weight: normal; }
.tt-hover-grid thead tr th { padding: 5px 10px; }
.tt-hover-grid thead tr th:first-child { text-align: left; }
.tt-hover-grid tbody { background-color: rgba(0,103,82,0.2); }

/* ==================================================================================================== */
/* Site Footer */
/* ==================================================================================================== */
.site-footer { background-color: #ffd200; padding: 30px 0; }
.site-footer .container-fluid { background-color: #006752; padding-top: 30px; padding-bottom: 30px; color: #FFFFFF; }
.site-footer .container-fluid a { color: #FFFFFF; }





/* ==================================================================================================== */
/* BootStrap 4 */
/* For faster mobile-friendly development, use these utility classes for showing and hiding content by device via media query. */
/* ==================================================================================================== */
.hidden-xl-down,.hidden-xs-up{display:none!important}
@media (max-width:575px) {.hidden-xs-down{display:none!important}}
@media (min-width:576px) {.hidden-sm-up{display:none!important}}
@media (max-width:767px) {.hidden-sm-down{display:none!important}}
@media (min-width:768px) {.hidden-md-up{display:none!important}}
@media (max-width:991px) {.hidden-md-down{display:none!important}}
@media (min-width:992px) {.hidden-lg-up{display:none!important}}
@media (max-width:1199px){.hidden-lg-down{display:none!important}}
@media (min-width:1200px){.hidden-xl-up{display:none!important}}

/* Equal Heights */
@media (min-width: 0px) and (max-width: 767px) { .row-xs-level { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }}
@media (min-width: 768px) and (max-width: 991px) { .row-sm-level { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }}
@media (min-width: 992px) and (max-width: 1199px) { .row-md-level { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }}
@media (min-width: 1200px) { .row-lg-level { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }}




/* ==================================================================================================== */
/* Success Modal for Custom Web Applications  */
/* ==================================================================================================== */
.custom-web-app-modal-notification { position: absolute; z-index: 500; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.35); }
.custom-web-app-modal-notification .cwa-modal-container { background-color: #FFFFFF; padding: 30px; border-radius: 4px; width: 100%; max-width: 350px; min-height: 300px; position: absolute; left: 50%; top: 200px; transform: translateX(-50%);   }
.cwa-modal-icon { text-align: center; font-size: 6.0rem; color: #006A52 }
.cwa-modal-subject { text-align: center; font-size: 3.0rem; margin: 0 0 10px 0; }
.cwa-modal-message { text-align: center; margin: 0 0 20px 0; }
.cwa-modal-close { text-align: center; }


/* ==================================================================================================== */
/* Password Protection of Pages  */
/* ==================================================================================================== */
.page-password { margin: 100px auto; padding: 30px 50px 50px 50px; border: 2px solid #F0F3F5; border-radius: 4px; max-width: 500px; }
@media (max-width:991px) {
    .page-password { margin: 10px; padding: 15px 25px 25px 25px;   }
}


/* ==================================================================================================== */
/* Card - Login  */
/* ==================================================================================================== */
.card-ou-login { margin: 30px auto 30px auto; padding: 30px 50px 50px 50px; border: 2px solid #F0F3F5; border-radius: 4px; max-width: 500px; }
@media (max-width:991px) {
    .card-ou-login { margin: 10px; padding: 15px 25px 25px 25px;   } 
}

/* Overwriting hidden Google Translate style since Justify is not ADA compliant */
#goog-gt-tt .original-text { text-align: left!important;  }


/* ==================================================================================================== */
/* Social Sharing - within News  */
/* ==================================================================================================== */
.social-sharing { clear: both; text-align: right; }
.social-sharing:after { content: ""; display: block; clear: both; }
.social-sharing .st-custom-button { display: inline-block; width: 25px; height: 25px; margin: 0 0 0 0; cursor: pointer; }
.social-sharing .st-custom-button img { opacity: 0.7; }
@media (max-width:991px) {
    .social-sharing { text-align: left; margin-top: 10px;  } 
}


/* ==================================================================================================== */
/* Creative Thought Works - Filter */
/* ==================================================================================================== */
.ctw-filter { clear: both; background-color: #006A52; padding: 30px 0; color: #FFF; position: relative; }
.ctw-filter:after { content: "";  background-color: #44D62C; height: 6px; position: absolute; right: 0; top: 40px; width: 66%; display: block; }
.ctw-filter .h1 { margin-top: 20px; }
.ctw-filter select { width: 100%; border: 1px solid #FFFFFF; border-collapse: collapse; color: #646464; margin-top: 85px; padding: 10px; font-size: 1.4rem; }


/* ==================================================================================================== */
/* Card - Profile - v1 */
/* ==================================================================================================== */
.card-profile-v1 { clear: both; background-color: #F0F3F5; padding: 30px; }
.card-profile-v1 a { text-decoration: none; }
.card-profile-v1 .v1-image { width: 200px; height: 200px; position: relative; overflow: hidden; margin: 0 auto 15px auto;   }
.card-profile-v1 .v1-image img {  display: block; padding: 20px; border-radius: 50%; width: 200px; height: 200px; object-fit: cover; border: 4px solid #006A52; }
.card-profile-v1 .v1-image span { position: absolute; top: 10px; left: 10px; width: 55px; height: 55px; border-radius: 50%; background-color: #006A52; color: #FFFFFF; font-family: 'Oswald', sans-serif; font-size: 2.2rem; line-height: 55px; text-align: center; padding-right: 7px;  }
.card-profile-v1 .v1-title { text-align: center; color: #000; font-family: 'Oswald', sans-serif; font-size:3.0rem;font-weight:300;text-transform:uppercase; margin-top: 0; margin-bottom: 20px;line-height:1.3;  }
.card-profile-v1 .v1-sub-title { text-align: center; font-size: 2.4rem; font-weight: bold; color: #000; }
.card-profile-v1 hr { background-color: #006A52; height: 2px;   }
.card-profile-v1 hr:before { display: none; }
.card-profile-v1 .v1-content { color: #000; }




/* ==================================================================================================== */
/*Google Search Engine results*/
/* ==================================================================================================== */

.gsc-control-cse,.gsc-control-cse .gsc-table-result{font-family:Montserrat,sans-serif!important;font-size:1.4rem;color:#22372b!important;border-color:#fff!important;background-color:#fff!important;padding:0!important}
.gs-promotion a.gs-title,.gs-promotion a.gs-title *,.gs-result .gs-title,.gs-result .gs-title *{text-decoration:none!important;font-size:2rem!important;line-height:1.5}
.gsc-results .gsc-imageResult,.gsc-webResult.gsc-result{border-color:#fff!important;background-color:#fff!important;border-bottom:2px solid #f0f3f5!important}
.gsc-webResult.gsc-result.gsc-promotion{border:none!important;background-color:#f0f3f5!important}
.gsib_b .gsst_a{border-bottom:none!important}
.gsib_b .gsst_a .gscb_a{color:#22372b!important}
.gsc-search-button-v2,.gsc-search-button-v2:focus,.gsc-search-button-v2:hover{border-color:#006752!important;background-color:#006752!important;border-radius:0!important;height:50px!important}
.gsc-control-cse,.gsc-control-cse .gsc-table-result{font-size:1.5rem!important}
.gsc-results .gsc-cursor-box{padding:20px 0!important}
.gsc-webResult .gsc-result{padding:20px 0!important}
a.gcsc-branding-clickable img{line-height:0!important}
.gsc-results .gsc-cursor .gsc-cursor-page{color:#21372b!important;margin:0 15px;background-color:#fff!important}
.gs-webResult div.gs-visibleUrl-long, .gs-promotion div.gs-visibleUrl-long{padding:10px 0!important;font-weight:500;color:#006752}
.gsc-refinementHeader.gsc-refinementhInactive,.gsc-tabHeader.gsc-tabhInactive{color:#21372b!important;border-color:#21372b!important;background-color:#f0f3f5!important;margin:5px 5px 0 5px!important;border-bottom:2px solid #006752!important}
.gsc-tabHeader.gsc-tabhActive{background-color:#dbe2e9!important;color:#21372b!important}
.gs-webResult div.gs-per-result-labels a.gs-label {text-decoration: none !important;}


/* ==================================================================================================== */
/* Saratoga.com Events Overwrite */
/* ==================================================================================================== */
#m2_events_form_wrapper #m2_events #m2_event_form_wrap .pika-single .pika-lendar { margin: 0; padding: 8px; }
#m2_events_form_wrapper label { font-size: 1.6rem; }
.region-main .m2-event-top-links a { border-bottom: 1px solid #666; }
.region-main .m2-event-top-links a.m2-btn { color: #FFF;  }
.region-main .m2-event-top-links a.m2-btn.m2-btn-selected { color: #666;  }
.region-main .events-sponsored-by-logos a { border-bottom: none; }
.region-main .events-sponsored-by-logos a:hover { background-color: transparent; }


.saratoga-events { max-width: 440px; margin: 0 auto; clear: both; }
.saratoga-events .m2-event-cf { background-color: transparent; }
.saratoga-events #m2_event_list_wrap { margin: 0; }
.saratoga-events .m2-event-row { padding: 0 0 30px 0; font-size: 1.4rem; margin: 0; min-height: 150px; }

.saratoga-events .m2-event-image { display: none;  }
.saratoga-events .m2-event-date { width: 100px; height: 100px; margin: 0 40px 0 0; font-family: 'Oswald', sans-serif; font-size: 2.8rem; color: #006A52; border: 2px solid #33c572; border-radius: 50%; text-align: center; font-weight: 300; }
.saratoga-events .m2-event-date .m2-event-day-of-week { display: none; }
.saratoga-events .m2-event-date .m2-event-day { font-weight: 300; }
.saratoga-events .m2-event-details { float: left; width: calc(100% - 140px); border-bottom: 1px solid #d8d8d8; padding-bottom: 20px; }
.saratoga-events .m2-event-title { margin-bottom: 10px; }
.saratoga-events .m2-event-title a { color: #22372b; font-weight: bold; font-size: 1.8rem; line-height: 1.3;  }
.saratoga-events .m2-event-description { display: none; }
.saratoga-events .m2-event-when-where { font-weight: normal; opacity: 0.8; color: #22372b; }
.saratoga-events .event-times-multi-day { opacity: 0.8; color: #22372b; }


/* ==================================================================================================== */
/* For Academic Pages that want the Big Picture as their home page */
/* ==================================================================================================== */
.academic-layout { position: absolute; z-index: 10; top: 50px; left: 0; width: 100%; margin-bottom: 50px; }
.academic-layout__title { color: #FFFFFF; text-align: center; position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); text-shadow: 0 0 5px black; }

@media (max-width: 991px) {
    .academic-layout__navigation { display: none; }
    .academic-layout__title { position: relative; top: auto; transform: none; }
}


/* ==================================================================================================== */
/* A-Z Index */
/* ==================================================================================================== */
.az-index { background-color: #f0f3f5; border-top: 2px solid #33c572; border-bottom: 2px solid #33c572; font-size: 1.1em; margin-bottom: 2em; padding: 0; text-align: center; }
.az-index span { color: #ccc; font-weight: bold; padding: .5em .65em; display: inline-block; text-decoration: none; margin: 0; }
.az-index a { display: inline-block; font-weight: bold; margin: 0; text-decoration: none; transition: all 0.3s; padding: .5em .65em; border-bottom: none !important; }
.az-index a:hover, .az-index a:focus { background-color: transparent !important; transform: scale(1.5);	}
.az-divider { width: 75%; background-color: #f0f3f5; display:block; padding:0; border: none; clear: both; height: 3px; margin: 1.5em auto; }


/* ==================================================================================================== */
/*OU Campus Editor Overwrite*/
/* ==================================================================================================== */

nav.side-navigation ouc.div a.side-nav_parent{background-color: transpartent !important; padding: 0 !important;}
nav.side-navigation ouc.div a.side-nav_parent::before{content: none;}