/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
@charset 'UTF-8';
/* Slider */
/*.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}*/

/* Icons 
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
*/
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 27px;
    height: 38px;
    margin-top: -19px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 1;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'FontAwesome';
    font-size: 40px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -22px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    /*content: '←';*/
    content: "\f053"
}
[dir='rtl'] .slick-prev:before
{
    /*content: '→';*/
    content: "\f054";
}

.slick-next
{
    right: -13px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    /*content: '→';*/
    content: "\f054";
}
[dir='rtl'] .slick-next:before
{
    /*content: '←';*/
    content: "\f053";
}

/* Dots */
.slick-slider
{
    margin-bottom: 0px;
    padding-bottom: 5px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'FontAwesome';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    /*content: '•';*/
    content: "\f111";
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.off-screen {
	position: absolute;
	left: -9999px;
	top: -9999px;
}
[class^="show-from"] {
	display: none;
}


div, a, li, span {
    outline-color: #77B0E8;
}

div:focus, a:focus, li:focus, span:focus   
outline: #77B0E8 solid;

}

html {
	background-color: white;
	height:100%;
}
body {
	background-color: white;
    font-family: 'Open Sans', Verdana, Geneva, sans-serif;
	font-size: 16px;
	outline-color :red;
	min-height: 100%;

	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-moz-text-size-adjust: none;
	text-size-adjust: none;

	min-width: 320px;
	margin: 0 auto;
    /*max-width: 1600px;*/
    position: relative;
    overflow-x: hidden; /* This is to hide the overflow of the M on the audience menu */
}

div#skip-link {
    left: 50%;
    margin-left: -5.25em;
    margin-top: 0;
    position: absolute;
    width: auto;
    z-index: 50;

}

div#skip-link a {
	color: transparent;
}

div#skip-content-home {
    position: absolute;
    top: 400px;
}

h1,
.intro,
.button,
.news .section-title {
	font-family: 'Roboto Slab', Palatino Linotype, Palatino, serif;
	letter-spacing: 0.025em;
}
a {
	color: #087883;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #00a8b8;
}

.panels-ipe-editing {
    position:relative;
    z-index:10;
}
.node-type-urgent-alert footer {
    display:none;
}
section.alert {
    position: absolute;
    z-index: 1001;
    border-top: 4px solid #fdbe14;
	color: #73726f;
}
.alert {
    width: 100%;
    padding: 20px 0;
    font-size: 16px;
    background-color: #fdf3d7;
}
body.alert,
body.alert.home,
section.alert.emergency {
    border-top: 4px solid #cb1d00;
	color: #73726f;
	background-color: #fdf3d7;	
	background-image: none;
}
.alert > .wrapper {
	max-width: 1300px;
}
section.alert > .wrapper {
	position: relative;
	padding: 0 95px;
}
body.alert > .wrapper {
	overflow: auto;
}
.alert > .wrapper * + * {
	margin-top: 1em;
}
.alert > .wrapper .feature em,
.alert > .wrapper .feature strong,
.alert > .wrapper .feature a,
.alert > .wrapper .feature br {
	margin-top: 0 !important;
}
section.alert .content-area .feature ul li {
    margin-left: 13px;
    padding-left: 11px;
}
.alert .content-area {
	margin-left: 0;
}
.alert.advisory #more-info {
	line-height: 22px;
}
.js section.alert div.more {
	display: none;
    background-color: #fdf3d7;
}
.js .alert-on-screen section.alert.active > .bg-band {
    background-color: #006940;
    height: 55px;
    position: absolute;
    right: 0;
    bottom: -55px;
    width: 50%;
    z-index: -1;
    display: block;
}
.js section.alert.active.expanded > .bg-band,
.js section.alert.active > .bg-band,
.alert-on-screen header .green-band::after,
.alert-on-screen header .menu-band::after {
	display: none;
}

.js .compress section.alert.active > .bg-band,
.js .compress-tablet section.alert.active > .bg-band {
	width: 20.5%;
	bottom: -68px;
    height: 68px;
}
.js .alert-on-screen header .branding, 
.js .alert-on-screen nav.global-nav, 
.js .alert-on-screen header .flyout > div {
	position: absolute;
}
.js .alert-off-screen header .branding, 
.js .alert-off-screen nav.global-nav, 
.js .alert-off-screen header .flyout > div {
	position: fixed;
}
section.alert.expanded {
	-webkit-box-shadow: 0 0 115px 40px #000000;
	-moz-box-shadow: 0 0 115px 40px #000000;
	box-shadow: 0 0 115px 40px #000000;
}
body.alert > .wrapper {
/*	background: transparent url('../images/mason-logo-green-with-shadow.png') no-repeat 50px 12px;*/
	padding-top: 155px;
	position: relative;
}
html .alert h1 {
	color: #42413f;
	font-size: 22px;
	line-height: 28px;
	font-weight: 600;
	font-family: 'Open Sans', Verdana, Geneva, sans-serif;
	text-shadow: none;
}
section.alert.advisory h1 {
	margin-top: 0;
	margin-right: 80px;
}
.js section.alert.advisory h1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
section.alert.advisory.expanded h1 {
	white-space: normal;
}
body.alert h1,
section.alert.emergency h1 {
	color: #d8543a;
	font-size: 34px;
	line-height: 40px;
}
section.alert .more-less,
section.alert.emergency .more {
	text-align: center;
}
section.alert .more-less > a,
section.alert.emergency .more > a {
	color: #d95c42;
	font-size: 18px;
	background-color: transparent;
	border: 1px solid #e58b73;
	text-shadow: none;
	padding: 13px 36px;
	font-family: 'Open Sans', Verdana, Geneva, sans-serif;
}

section.alert .more-less > a {
	font-size: 14px;
}
section.alert.emergency .more > a:hover,
section.alert.emergency .more > a:focus {
    border-color: #d94223;
    color: #d94223;
}
section.alert .more-less > a > span {
	margin-top: 0;
}
section.alert.expanded .more-less > a > .more,
section.alert .more-less > a > .less {
	display: none;
}
section.alert .more-less > a > .more,
section.alert.expanded .more-less > a > .less {
	display: inline-block;
}
section.alert .more-less {
	position: absolute;
	top: -4px;
	right: 50px;
	margin-top: 0;
}
section.alert .wrapper .more-less > a,
section.alert .wrapper .more-less > a:focus {
	color: #9d7f00;
	border-color: #cebc73;
	font-size: 14px;
	background-color: #fef6df;
	padding: 6px 15px 5px;
}
section.alert .wrapper .more-less > a:hover{
	border-color: #c5a20d;
	color: #c5a20d;
}
section.alert .more-less > a::after {
	content: '\f056';
	font-size: 15px !important;
}
.alert .intro {
	font-size: 24px;
	line-height: 36px;
	color: #42413f;
}
.alert .feature {
    min-width: 275px;
}
body.alert .feature h2 {
    color: white;
}
.alert .feature a {
	color: #097984;
}
.alert .feature a:hover, 
.alert .feature a:focus {
    color: #00a8b8;
}
.alert .columns {
	position: relative;
	margin-top: 50px;
    padding-top: 50px;
}
.alert .column + .column {
	margin-top: 0;
}
.alert .column {
	float: right;
}
.alert .columns::before {
    border-top: 1px solid #cdd5d4;
    content: "";
    height: 0;
    left: 20px;
    position: absolute;
    right: 20px;
    top: -1px;
}
.alert .col-40 {
	padding-right: 7%;
}
.alert .alert-update {
	padding-bottom: 22px;
	border-top: 1px solid #cdd5d4;
}
.alert .alert-update + .alert-update {
    padding-top: 34px;
}
.alert .alert-update:first-child {
	border-top: 0 none;
}
.alert .date {
    color: #73726f;
    font-size: 14px;
    font-style: italic;
}
.alert h3 + .date {
    margin-top: 9px;
}
.alert .red-text {
	color: #d8543a;
}
.alert a {
    color: #e2aa12;
}
.alert a:hover, 
.alert a:focus {
    color: #f2b50f;
}
section.alert.active ~ header .global-nav .main-menu li:last-child::after {
    border-bottom: 55px solid transparent;
    border-left: 30px solid #006940;
    right: -30px;
    content: "";
    height: 0;
    position: absolute;
    top: 0;
    width: 0;
}
section.alert .close {
	position: absolute;
	left: 50px;
	top: 6px;
}
section.alert .close > a {
	color: #a19b88;
}
section.alert .close > a:hover,
section.alert .close > a:focus {
	color: #cebc73;
}
.alert-off-screen header .flyout > div {
	top: 0 !important;
}
@media all {

    html {
        -webkit-tap-highlight-color: red;
    }
    .wrapper {
        margin: 0 auto;
        padding: 0 50px;
        max-width: 1200px;
    }
    strong, b {
        font-weight: bold;
    }
    i, em {
        font-style: italic;
    }
    body,
    body.html {
        background: transparent url('/assets/common/images/banner/gse-graduation.jpg') no-repeat fixed center top / cover;
    }
    header {
        min-height: 179px;
        width: 100%;
        margin: 0 auto;
        max-width: 1275px;
    }
    
    .landing header {
        min-height: 446px;
    }
    .landing header::before {
        height: 446px;
    }
    header .branding {
        /*left: 0;*/
        margin-left: 30px;
        position: fixed;
        top: 0;
        z-index: 2;
    }
    nav.global-nav {
        top: 0;
        position: absolute;
        z-index: 1000;
        max-width: 1275px;
        width: 100%;
        /*right: 0;*/
        height: 0;
    }
    .js nav.global-nav {
        position: fixed;
    }
    .js .school nav.global-nav {
        margin-top: 42px;
    }
    .js .school.compress nav.global-nav {
        margin-top: 0px;
    }
    .global-nav .wrapper {
        padding: 0;
        position: absolute;
        right: 0;
    }
    .js body.alert-on-screen section.alert.active > .bg-band {
        display:none;
    }
    header .compressed,
    header .compressed .branding,
    .compress header .main-menu,
    .compress header .utility-links {
    	display: none;
    }
    .compress header .compressed {
    	display: block;
    	padding: 4px 30px 0 18px;
        height: 68px;
    }
    .compressed .logo {
    	display: inline-block;
        position: relative;
    }
    
    .global-nav .compressed::before {
        border-bottom: 68px solid #006940;
        border-left: 35px solid transparent;
        content: "";
        height: 68px;
        /*left: -35px;*/
        right: 258px;
        position: absolute;
        top: 0;
        width: 0;
    }
    .global-nav-icon {
        color: transparent;
        font-size: 0;
    }
    .global-nav-icon::before {
        content: "\f0c9";
        font-size: 22px !important;
        color: white;
        margin-left: 20px;
        position: relative;
        top: -2px;
    }
    .compressed .search-toggle::after {
        color: white;
        font-size: 22px !important;
        margin-left: 20px;
        width: 20px;
        position: relative;
        top: -2px;
    }
    .search-expanded .compressed .search-toggle::after {
        content: "\f00d";
    }
    .global-nav .green-band,
    .global-nav .menu-band {
    	background-color: #006940;
    	float: right;
    	padding-right: 26px;
    }
    .global-nav .green-band::after,
    .global-nav .menu-band::after {
        background-color: #006940;
        content: "";
        height: 55px;
        position: absolute;
        right: 0;
        top: 0;
        width: 50%;
        z-index: -1;
    }
    .js .global-nav .green-band::after,
    .js .global-nav .menu-band::after {
        /*position: fixed;*/
    }
    #nav-underlay{
		position: relative;
		background: #006940;
		height: 55px;
	    right: 0;
	    top: 0;
	    width: 311%;
	    z-index: -1;
	    left: 100%;
    }
    body.compress #nav-underlay{
		height: 68px;
    	width: 311%;
    }
    .compress .global-nav .green-band::after,
    .compress .global-nav .menu-band::after {
        height: 68px;
        width: 15%;
    }
    .school.compress-menu .global-nav .green-band::after,
    .school.compress-menu .global-nav .menu-band::after{
		height: 52px;
		width: 311%;
	    left: 100%;
    }
    .global-nav .main-menu li,
    .global-nav .utility-links li {
    	display: inline-block;
    }
    .global-nav .main-menu > li > a,
    .global-nav .utility-links li > a {
    	color: #fff;
    	text-transform: uppercase;
    }
    .global-nav .main-menu > li > a {
        display: block;
        font-size: 18px;
        margin-left: 16px;
        margin-right: 16px;
        padding: 18px 7px 17px;
        position: relative;
        height: 55px;
    }
    .global-nav .main-menu > li:first-child > a::before {
        border-bottom: 55px solid #006940;
        border-left: 35px solid transparent;
        content: "";
        height: 0;
        left: -50px;
        position: absolute;
        top: 0;
        width: 0;
    }
    .global-nav .main-menu > li > a:hover::after,
    .global-nav .main-menu > li.hover > a::after,
    /*.global-nav .main-menu > li.active > a::after,*/
    .global-nav .main-menu li.flyout-active a::after  {
    	content: "";
    	position: absolute;
    	left: 0;
    	right: 0;
    	bottom: 0;
    	height: 4px;
    	transform: skew(-30deg);
    	-webkit-transform: skew(-30deg);
    	-moz-transform: skew(-30deg);
    	-o-transform: skew(-30deg);
    	background: #febe10;
    }
    .global-nav .main-menu > li.active > a,
    .global-nav .main-menu > li.active > a:hover,
    .global-nav .main-menu > li.active > a:active {
        color: #ccebde;
    }
    /*header > .flyout > * {
        display: none;
    }*/
    .global-nav .utility-links {
    	background-color: rgba(0, 0, 0, .35);
    	clear: right;
        float: right;
        padding-right: 10px;
        position: relative;
        height: 40px;
        margin-right: 20px;
    }
    .global-nav .utility-links.search-expanded {
        height: 48px;
    }
    .global-nav .utility-links::before {
    	content: "";
    	border-bottom: 40px solid rgba(0, 0, 0, .35);
    	border-left: 20px solid transparent;
        height: 40px;
        left: -19px;
        position: absolute;
        top: 0;
        width: 0;
    }
    .global-nav .utility-links::after {
        content: "";
        border-top: 40px solid rgba(0, 0, 0, .35);
        border-right: 20px solid transparent;
        height: 40px;
        right: -19px;
        position: absolute;
        top: 0;
        width: 0;
    }
    .global-nav .utility-links.search-expanded::before {
        border-bottom-width: 47px;
        height: 48px;
    }
    .global-nav .utility-links.search-expanded::after {
        border-top-width: 47px;
        height: 48px;
    }
    .global-nav .utility-links li > a {
    	display: block;
        font-size: 14px;
        padding: 12px 10px;
        text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
    }
    .global-nav .utility-links li > a:hover {
        color: #febe10;
    }
    form.search .off-screen::after,
    form.search button::after,
    .compressed .search-toggle::after {
        content: "\f002";
    }
    form.search .off-screen::after {
        right: 0;
        top: 10px;
        left: unset;
        font-size: 14px !important;
        text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
        color: white;
    }
    .search-expanded form.search .off-screen::after {
        content: "\f00d";
        position: absolute;
        top: 15px;
        left: 0;
    }
    .search-expanded form.search {
        height: 40px;
    }
    form.search .off-screen,
    form.search button,
    .green-band .compressed .search-toggle,
    .menu-band .compressed .search-toggle {
        font-size: 0;
        color: transparent;
        background-color: transparent;
        border: 0 none;
        position: static;
        cursor: pointer;
    }
    form.search button {
        display: none;
        padding: 0;
    }
    form.search button::after {
        font-size: 20px !important;
        color: #febe10;
        position: relative;
        top: 5px;
    }
    form.search label input {
        display: none;
        font-size: 14px;
        position: absolute;
        top: 9px;
        padding: 0px 10px;
        right: 51px;
        width: 81%;
        height: 30px !important;
    }
    .global-nav .utility-links.search-expanded li > a {
        color: transparent;
        text-shadow: none;
    }
    .compress header .flyout {
        display: none;
    }
    header .flyout > div {
        display: none;
        background-color: white;
        position: fixed;
        width: 100%;
        z-index: 900;
        -webkit-box-shadow: 0px 14px 15px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 14px 15px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 14px 15px 0px rgba(0,0,0,0.5);
        padding-bottom: 1.5em;
        left: 0;
    }
    header .flyout > div > .wrapper {
        max-width: 1290px;
        padding-top: 188px;
    }

    .branding.flyout-logo {
        margin-left: 9px;
        top: 15px;
    }

    header .flyout .column {
        width: 29%;
        padding-left: 30px;
        margin-top: 0;
    }
    header .flyout .column:last-child {
        width: 42%;
        padding-left: 90px;
    }
    header .flyout .flyout-sub-nav ul {
        -webkit-column-gap: 60px;
        -moz-column-gap: 60px;
        column-gap: 60px;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    header .flyout .flyout-sub-nav * + * {
        margin-top: 0;
    }
    header .flyout-sub-nav a {
        display: block;
        padding-bottom: 18px;

        -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
        page-break-inside: avoid; /* Firefox */
        break-inside: avoid; /* IE 10+ */
    }
    .flyout .featured-img > img {
        width: 100%;
    }
    .flyout h2, .flyout-header {
       text-transform: uppercase;
       font-weight: bold;
       line-height: 24px;
    }
    header .flyout > div * + * {
        margin-top: 0.5em;
    }
    .flyout form select > * + * {
        margin-top: 0;
    }
    .flyout form select {
        width: 100%;
        background: url('/assets/common/images/select-down-arrow.png') no-repeat right center transparent;
        border: 1px solid #87908f;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 6px;
        -webkit-box-shadow: 0 1px 5px #d3d3d3 inset;
        -moz-box-shadow: 0 1px 5px #d3d3d3 inset;
        box-shadow: 0 1px 5px #d3d3d3 inset;
        position: relative;
    }
    .flyout form select,
    .flyout form option {
        text-transform: uppercase;
        font-size: 14px;
        color: #616766;
        cursor: pointer;
    }
    .flyout p {
        color: #555;
        font-size: 14px;
        line-height: 22px;
    }
    .flyout form p {
        line-height: 22px;
    }
    .flyout ul.list-of-links > li::before {
        top: 0;
    }
    .flyout ul.list-of-links > li {
        padding-left: 16px;
    }
    header .flyout .button {
        font-size: 20px;
        float: right;
        padding: 10px 15px 9px;
    }
    button.button {
        border: 0 none;
        cursor: pointer;
    }
    article {
        position: relative;
        z-index: 5;
    }

    #main-content .feature,
    .alert .feature {
        background-color: #eff0e7;
    }
    .feature {
        font-size: 14px;
        line-height: 22px;
    }
    #main-content .feature > *,
    .alert .feature > * {
        padding-left: 18px;
        padding-right: 18px;
    }
    #main-content .feature > *:first-child,
    .alert .feature > *:first-child {
        padding-top: 18px;
    }
    #main-content .feature > *:last-child,
    .alert .feature > *:last-child  {
        padding-bottom: 18px;
    }
    #main-content .feature > img:first-child,
    .alert .feature > img:first-child {
        padding: 0;
        position: absolute;    
        width: 275px;
        height: 183px;
    }
    #main-content .feature > img:first-child + h2,
    .alert .feature > img:first-child + h2 {
        display: table-cell;
        position: relative;
        background: transparent url('/assets/common/images/feature-image-overlay.png') repeat-x left bottom;
        vertical-align: bottom;
        height: 183px;
        padding-bottom: 8px;
        width: 275px;
    }
    body #main-content .feature h2,
    body .alert .feature h2 {
      font-size: 28px;
      line-height: 28px;
      color: white;
      text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
    }
    #main-content .feature > h2:first-child,
    .alert .feature > h2:first-child {
        background-color: #006940;
        padding-bottom: 15px;
    }
    .button {
        font-size: 24px;
        line-height: 24px;
        color: #333;
        text-transform: uppercase;
        text-align: center;
        text-shadow: 0px 1px 0px rgba(157, 126, 0, 0.75);
        background-color: #febe10;
        display: inline-block;
        font-weight: 700;
        padding: 13px 15px 11px;
    }
    .button::after {
        content: "\f138";
        padding-left: 8px;
        font-size: 18px !important;
        position: relative;
        top: -1px;
    }
    .button:hover,
    .button:focus {
        background-color: #e5ad12;
        color: #333;
    }
    .left-column .feature .button {
        width: 100%;
    }

    /* Area of Study: Degrees */
    .content-area ul.program-listing li {
        background-image: none;
        padding-left: 0;
        margin-left: 0;
    }
    ul.program-listing li {
        border-top: 1px solid #cdd5d4;
        overflow: auto;
        padding-bottom: 21px;
        padding-top: 22px;
    }
    .program-listing .img-wrapper {
        width: 33.4%;
        float: left;
    }
    .program-listing .img-wrapper ~ * {
        margin-left: 37%;
    }
    #main-content .program-listing .img-wrapper + h3 {
        margin-top: -2px;
    }
    .content-area .program-listing h3,
    .program-listing h3 {
        font-size: 22px;
        color: #097984;
    }
    #main-content .program-listing .description,
    .program-listing .description {
        margin-top: 5px;
        display: block;
    }
    .program-listing .button {
        color: #febe10;
        background-color: transparent;
        padding: 0;
        font-size: 18px;
        text-shadow: none;
    }
    .program-listing .button:hover,
    .program-listing .button:focus {
        color: #e5ad12;
    }
    #main-content ul.program-listing .sm-italic-txt,
    ul.program-listing .sm-italic-txt {
        margin-top: -8px;
    }
    .program-listing .sm-italic-txt {
        color: #9d9c99;
        font-style: italic;
        font-size: 12px;
    }

    /* News Section */
    .news header {
        min-height: 268px;
    }
    .news header:before {
        height: 268px;
    }
    .news.landing header {
        min-height: 286px;
    }
    .news.landing header:before {
        height: 286px;
    }
    .news .section-title {
        font-size: 28px;
        color: white;
        font-weight: 700;
        text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
        background-color: rgba(0, 105, 64, .7);
        margin-bottom: 25px;
        margin-top: -98px;
        padding-bottom: 2px;
        padding-top: 3px;
        display: table;
        width: 100%;
    }
    .news.landing .section-title {
        margin-top: -131px;
    }
    .news .section-title > .wrapper {
        height: 61px;
    }
    .news.landing .section-title > .wrapper {
        height: 94px;
        overflow: hidden;
    }
    .news .section-title .wrapper > p,
    .news .section-title .wrapper > h1 {
        display: table-cell;
        height: 62px;
        line-height: 28px;
        vertical-align: middle;
    }
    .news .section-title .wrapper > h1 {
        font-size: 60px;
        line-height: 60px;
        font-weight: bold;
        color: white;
        height: 94px;
    }
    .news.landing #main-content {
        clear: both;
    }
    .news.landing .owl-carousel-bg {
        overflow: auto;
        padding-bottom: 35px;
        padding-top: 30px;
    }
    .news .details {
        color: #555;
        font-style: italic;
        margin-top: 20px;
    }
    .news .details a {
        font-weight: 600;
    }
    .back.button {
        background-color: #deebe9;
        color: #1f5c63;
        display: block;
        text-shadow: none;
        margin-bottom: 42px;
        padding-bottom: 15px;
        padding-top: 15px;
        font-family: 'Open Sans', Verdana, Geneva, sans-serif;
    }
    .back.button:hover,
    .back.button:focus {
        color: #00909e;
    }
    .back.button::before {
        content: "\f137";
        font-size: 20px;
        padding-right: 6px;
        position: relative;
        top: -1px;
    }
    .back.button::after {
        display: none;
    }

    .latest-news-feed {
        padding-top: 20px;
    }
    .col-50 .latest-news-feed {
        padding-top: 0;
    }
    .latest-news-feed .img-wrapper {
        float: left;
        margin-left: 10px;
        margin-right: 24px;
        overflow: hidden;
        padding-bottom: 8px;
        padding-top: 10px;
        width: 33.3%;
    }
    .news.landing #main-content .img-wrapper {
        margin-left: 0;
    }
    .latest-news-feed .img-wrapper ~ * {
        margin-left: 33.3%;
    }
    .latest-news-feed > h2,
    .events-feed > h2,
    .news.landing #main-content h2 {
        color: #006940;
        font-size: 26px;
        font-weight: 600;
        position: relative;
        border-bottom: 1px solid #cdd5d4;
        padding-bottom: 15px;
        padding-right: 85px;
    }
    .news.landing #main-content .twitter-feature li {
        line-height: 30px;
    }
    .news.landing #main-content .twitter-feature li + li {
        border-top: 1px solid #cdd5d4;
        margin-top: 22px;
        padding-top: 20px;
    }
    .news.landing #main-content .twitter-feature li:last-child {
        padding-bottom: 2em;
    }
    .news.landing #main-content .twitter-feature h2::before,
    .news.landing #main-content .facebook-feature h2::before {
        font-size: 30px !important;
        padding-right: 7px;
        color: #b3b4ae;
        position: relative;
        top: 1px;
    }
    .news.landing #main-content .twitter-feature h2::before {
        content: "\f081";
    }
    .news.landing #main-content .facebook-feature h2::before {
        content: "\f082";
    }
    .owl-carousel.simple .content {
        color: white;
        background-color: rgba(0, 0, 0, 0.35);
        font-size: 16px;
        text-shadow: 1px 1.732px 0px rgba(32, 32, 32, 0.75);
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 15px 20px;
    }
    .owl-carousel.simple .owl-controls {
        background-color: #eff0e7;
        position: static;
        width: 100%;
        padding-top: 1em;
        padding-bottom: 1em;
    }
    #main-content .owl-carousel.simple .owl-controls {
        margin-top: 0;
    }
    .owl-carousel.simple .owl-controls .owl-nav {
        float: none;
        position: absolute;
        width: 100%;
    }
    .owl-carousel.simple .owl-controls .owl-prev {
        float: left;
        margin-left: 72px;
    }
    .owl-carousel.simple .owl-controls .owl-next {
        float: right;
        margin-right: 72px;
    }
    .owl-carousel.simple .owl-nav > div {
        background-color: #dbded5;
        border-color: #a4a59f;
    }
    .owl-carousel.simple .owl-nav > div:hover {
        background-color: #c7cac1;
    }
    .owl-carousel.simple .owl-controls .owl-dots {
        text-align: center;
        width: 100%;
        float: none;
    }
    .owl-carousel.simple .owl-controls .owl-dots .owl-dot {
        color: #535451;
    }
    .news #main-content .filters {
        padding:25px 20px;
    }
    .news #main-content .filters > h2 ~ form {
        margin-top: 0;
    }
    .news #main-content .filters form .dropdown, 
    .news #main-content .filters form .date-picker {
        padding-right: 10px;
        float: left;
        margin-top:1em;
        position: relative;
    }
    .news #main-content .filters form .date-picker .calendar {
        color:#febe10;
        position: absolute;
        top: -5px;
        right: 20px;
        pointer-events: none;
    }
    .news #main-content .filters form .date-picker input, 
    .news #main-content .filters form input {
        width:155px;
        box-sizing: border-box;
    }
    .news #main-content .filters form .news-search {
        float: left;
    }
    .news #main-content .filters form .news-search input {
        margin-top:0;
    }
    .news .content-active-slide .action-link {
        color: #febe10;
        font-weight: bold;
        font-size: 15px;
        margin-left: 30px;
        white-space: nowrap;
    }
    .news .content-active-slide .action-link::before {
        content: "\f054";
        padding-right: 5px;
        font-size: 12px !important;
        position: relative;
        top: -1px;
    }

    .latest-news-feed h2 .button,
    .events-feed h2 .button,
    .news.landing #main-content h2 .button {
        background-color: transparent;
        color: #febe10;
        display: inline-block;
        font-size: 20px;
        font-weight: 600;
        position: absolute;
        right: 0;
        text-shadow: none;
        bottom: 3px;
    }
    .latest-news-feed h2 .button:hover,
    .latest-news-feed h2 .button:focus,
    .events-feed h2 .button:hover,
    .events-feed h2 .button:focus,
    .news.landing #main-content h2 .button:hover,
    .news.landing #main-content h2 .button:focus {
        color: #e5ad12;
    }
    .latest-news-feed a,
    .events-feed a,
    .news.landing #main-content a {
        font-weight: 600;
        line-height: 22px;
    }
    .news.landing .events-feed li a {
        color: #097984;
    }
    .news.landing .events-feed li a:hover,
    .news.landing .events-feed li a:focus {
        color: #00a8b8;
    }
    .news .events-feed li + li,
    .news.landing #main-content li + li {
        border: 0 none;
        padding-top: 10px;
    }
    .news .events-feed li:first-child {
        padding-top: 6px;
    }
    .news .date {
        font-size: 14px;
        font-style: italic;
    }
    .news .events-feed .month {
        text-transform: uppercase;
        font-size: 18px;
    }
    .news .events-feed .day {
        font-size: 36px;
    }
    .news .events-feed .date {
        font-style: normal;
    }
    #main-content .events-feed .date + * {
        margin-top: 0;
    }
    #main-content .latest-news-feed .date {
        margin-top: 12px;
    }
    #main-content .latest-news-feed li + li {
        margin-top: 23px;
        clear: left;
    }
    .news .addthis {
        float: right;
    }
    
    #main-content .img-wrapper.has-caption .caption {
        margin-top: 0;
        position: relative;
    }

    .img-wrapper.has-caption.loaded .caption {
        position: absolute !important;
    }

    .news #main-content .tags {
        margin-top: 0;
    }
    .news .tags > h2 {
        color: #555;
        float: left;
        font-size: 14px;
        font-weight: 700;
        width: 40px;
        margin-top: -7px;
    }
    .news .tags p {
        font-size: 14px;
        line-height: 22px;
        margin-left: 40px;
    }
    div.related-content {
        border-top: 1px solid #cdd5d4;
        padding-top: 26px;
    }
    #main-content div.related-content {
        margin-top: 28px;
    }
    .content-area .filters > h2 {
        color: #42413f;
        font-family: "Roboto Slab", Palatino Linotype, Palatino, serif;
        font-size: 24px;
        font-weight: 500;
        letter-spacing: 0.025em;
    }
    .content-area .news-list li {
        background-image: none;
        margin-left: 0;
        padding: 10px 0 22px;
        border-bottom: 1px solid #cdd5d4;
        overflow: auto;
    }
    .content-area .news-list li .img-wrapper {
        float: left;
        overflow: hidden;
        padding: 10px 24px 8px 10px;
        width: 37.8%;
    }
    .news-list li .img-wrapper ~ * {
        margin-left: 37.8%;
    }
    .news-list li a {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px;
    }
    #main-content .news-list .details {
        font-size: 14px;
        margin-top: 0;
    }
    .news.landing .columns + .columns {
        clear: left;
        padding-top: 1.5em;
    }

    .img-wrapper.has-caption {
        display: inline-block;
        position: relative;
        max-width: 100%;
    }
    .img-wrapper img {
        display: block;
        /*width: 100%;*/
    }
    /*.img-wrapper.right img,
    .img-wrapper.left img {
        width: auto; 
    }*/
    .img-wrapper .caption {
        background-color: #232525;
        font-size: 14px;
        line-height: 20px;
        color: white;
        padding: 20px;
    }
    .img-wrapper.has-caption > .caption {
        left: 0;
        position: absolute;
        right: 0;
    }
    .caption .cite {
        color: #aaaaaa;
        font-style: italic;
    }
    .content-area .video-wrapper .embedded-video {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
    }
    .content-area .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .content-area .video-wrapper.right,
    .content-area .video-wrapper.left {
        width: 342px;
    }


    /* Pager */
    ul.pager {
        width:450px;
        position: relative;
        padding:0 70px;
        margin:0 auto;
        text-align:center;
    }
    #main-content * + .pager {
        margin-top: 50px;
    }
    #main-content .pager > *, 
    #main-content ul.pager li {
        display:inline-block;
        margin-top: 0;
    }
    #main-content ul.pager li {
        background-image: none;
        margin-left: 0;
        padding-left: 0;
        margin:0;
        padding:0;
    }
    /*#main-content ul.pager li + li {
        margin-left: 10px;
    }*/
    #main-content ul.pager li > a,
    #main-content .pager > a,
    #main-content ul.pager li.pager-current {
        color: #006940;
    }
    #main-content ul.pager li > *,
    #main-content ul.pager li.pager-current {
        font-size: 16px;
        font-weight: 700;
        padding: 0px 10px 1px 11px;
    }
    #main-content ul.pager li > .dropdown {
        padding: 0;
    }
    #main-content ul.pager li.pager-current {
        background-color: #febe10;
        color: white;
    }
    #main-content ul.pager li.pager-ellipsis {
        display:none;
    }
    .js #main-content .pager .dropdown select + .arrow {
        padding-top: 7px;
    }
    #main-content .pager .pager-first,
    #main-content .pager .pager-previous,
    #main-content .pager .pager-next,
    #main-content .pager .pager-last {
        position:absolute;
        top:50%;
        margin-top:-14px;
        padding-top: 1px;
        text-indent:-9999px;
        width:38px;
    }
    #main-content .pager .pager-first {
        left:0px;
    }
    #main-content .pager .pager-previous {
        left:42px;
    }
    #main-content .pager .pager-next {
        right:42px;
    }
    #main-content .pager .pager-last {
        right:0px;
    }

    #main-content .pager .pager-first a:after,
    #main-content .pager .pager-previous a:after,
    #main-content .pager .pager-next a:after,
    #main-content .pager .pager-last a:after {
        position:absolute;
        top:50%;
        line-height:0;
        font-family:FontAwesome;
        font-size:24px;
        text-indent:0;
    }
    #main-content .pager .pager-first a:after {
        margin-top:-2px;
        content:"\f060";
        left:0;
    }
    #main-content .pager .pager-previous a:after {
        content:"\f053";
        left:0;
    }
    #main-content .pager .pager-next a:after {
        content:"\f054";
        right:0;
    }
    #main-content .pager .pager-last a:after {
        margin-top:-2px;
        content:"\f061";
        right:0;
    }



    /* Search Results */
    li.search-result {
        display:block;
        background:none !important;
        font-size:18px;
        line-height:24px;
    }
    li.search-result a.search-result-title {
        font-size:24px;
        line-height:32px;
        font-weight:700;
    }
    .search-info {
        font-size:16px;
        font-style:italic;
        color:#006940;
    }
    .search-crawl-date {
        color:#555;
    }

    /* Table scroll styles */
    #main-content .content-area .table-wrapper {
        max-width: 100%;
        position: relative;
    }
    #main-content .content-area .table-wrapper > div.table {
        max-width: 100%;
        overflow: auto;
    }
    #main-content .content-area .table-wrapper > div.shadow {
        background: none repeat-y scroll left top transparent;
        bottom: 0;
        display: none;
        margin: 0;
        position: absolute;
        top: 0;
        width: 20px;
        z-index: 50;
    }
    #main-content .content-area .table-wrapper > div.shadow.left {
        background-image: url('/assets/common/images/table-scroll-shadow-left.png');
        left: 0;
    }

    #main-content .content-area .table-wrapper > div.shadow.right {
        background-image: url('/assets/common/images/table-scroll-shadow-right.png');
        right: 0;
    }
    .content-area table.datatable {
        border-top: 1px solid #cdd5d4;
    }
    .content-area table.datatable thead {
        border-bottom: 10px solid #006940;
    }
    .content-area table.datatable tbody {
        border: 1px solid #eff0e7;
        color: #333;
    }
    .content-area table.datatable th {
        color: #42413f;
        font-family: 'Roboto Slab', Palatino Linotype, Palatino, serif;
        letter-spacing: 0.025em;
        font-size: 20px;
        font-weight: 700;
        text-align: left;
        padding: 30px 3% 4px;
    }
    .content-area table.datatable td {
        font-size: 14px;
        line-height: 20px;
        padding: 13px 3%;
    }
    .content-area table.datatable tbody tr:nth-child(2n+1) {
        background-color: #eff0e7;
    }


    .the-latest,
    .the-latest.wrapper {
    	overflow: auto;
    	padding: 44px 50px 35px;
        display: none;
        background: transparent /*url('/assets/images/cehd3/in-content/the-latest-bg.jpg')*/ no-repeat fixed center top / cover;
        position: relative;
    }
    .the-latest h2 {
    	font-size: 46px;
    	text-align: center;
    	font-weight: 700;
    	color: white;
        text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
        font-family: 'Roboto Slab', Palatino Linotype, Palatino, serif;
        letter-spacing: 0.025em;
    }
    .the-latest h2 + .news-boxes {
        margin-top: 5px;
    }
    .news-boxes {
    	display: block;
        margin: 0 auto;
        max-width: 1217px;
    }
    .news-boxes .news-box {
        float: left;
        padding: 0 20px;
        width: 33.33%;
    }
    .js .news-boxes .news-box {
        cursor: pointer;
    }
    .news-boxes .news-box .wrapper {
        max-width: none;
        padding: 0;
        background: #fff;
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 30%, rgba(255,255,255,1) 51%, rgba(255,255,255,0.85) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,rgba(255,255,255,1)), color-stop(51%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.85))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 30%,rgba(255,255,255,1) 51%,rgba(255,255,255,0.85) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(255,255,255,1) 30%,rgba(255,255,255,1) 51%,rgba(255,255,255,0.85) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(255,255,255,1) 30%,rgba(255,255,255,1) 51%,rgba(255,255,255,0.85) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(255,255,255,1) 30%,rgba(255,255,255,1) 51%,rgba(255,255,255,0.85) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9ffffff',GradientType=0 ); /* IE6-9 */
        margin: 20px 0;
        overflow: hidden;
        /*width: 29.9%;
        float: left;*/
        height: 370px;
        text-align: center;
        position: relative;
        display: table;
        width: 100%;
    }
    .js .news-boxes .news-box:nth-child(1n+4) {
        display: none;
    }

    .news-boxes .news-box .img-wrapper {
        height: 219px;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .news-boxes .news-box img {
        min-width: 100%;
        height: auto;
    }
    .news-boxes .news-box .content {
        position: absolute;
        bottom: 0;
    }
    .news-boxes .news-box.more-info .content {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }
    /*.news-boxes .news-box:hover .headline,*/
    .news-boxes .news-box h3 {
        color: #007682;
        font-size: 21px;
        line-height: 26px;
    }
    .news-boxes .news-box .event-info {
        color: #555;
        font-size: 14px;
        font-style: italic;
    }
    .news-boxes .news-box .headline > * + *, 
    .news-boxes .news-box .hover > * + * {
        margin-top: 12px;
    }
    .news-boxes .news-box .headline,
    .news-boxes .news-box .hover {
        padding: 20px;
        height: 151px;
        position: relative;
        z-index: 1;
    }
    .news-boxes .news-box .hover {
		height: 0;
		padding: 0 20px;
    }
    .news-boxes .news-box .hover ul{
		opacity: 0;
    }
    .news-boxes .news-box .hover li + li {
        margin-top: 7px;
    }
    .news-boxes .news-box .hover a {
        border: 1px solid #b3b3b2;
        color: #d5a113;
        font-size: 14px;
        display: block;
        font-weight: 700;
        padding: 11px 52px;
        background-color: #fff;
    }
    .news-boxes .news-box .hover li:first-child > a {
        text-transform: uppercase;
        font-size: 16px;
        padding: 11px;
    }
    .news-boxes .news-box .hover li:first-child > a::after {
        content: "\f138";
        padding-left: 8px;
    }
    .news-boxes .news-box .hover li:first-child > a:hover, {
        text-shadow: none;
    }
    .news-boxes .news-box .hover a:hover,
    .news-boxes .news-box .hover a:focus {
        border: 1px solid #febe10;
        background-color: #febe10;
        color: #fff;
        text-shadow: 0px 1px 0px rgba(157, 126, 0, 0.75);
    }

    .js .news-boxes .more {
        display: block;
    }
    .news-boxes .more {
        display: none;
    	clear: left;
    	text-align: center;
    }
    .news-boxes .more a {
        border: 1px solid #5b635d;
        color: #87908f;
        text-align: center;
        text-transform: uppercase;
        padding: 19px 10px;
        min-width: 228px;
        display: inline-block;
        background-color: rgba(0, 0, 0, .7);
    }
    .news-boxes .more a:hover,
    .news-boxes .more a:focus  {
    	border: 1px solid #c4c7c4;
    	color: #e3e2df;
    }
    .news-boxes .more a::after {
        content: "\f055";
        padding-left: 8px;

    }
    .news-boxes .more.all-shown a::after {
        content: "\f138";
    }

    /* Audience Menu */
    .audience-menu {
        background-color: #006940;
        position: relative;
    }
    .audience-menu > .wrapper {
        max-width: 1290px;
    }
    .audience-menu .flyout {
        display: none;
        background-color: white;
        bottom: 154px;
        left: 0;
        position: absolute;
        width: 100%;
        padding: 40px 0;
        -webkit-box-shadow: 0px -12px 50px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px -12px 50px 0px rgba(0,0,0,0.5);
        box-shadow: 0px -12px 50px 0px rgba(0,0,0,0.5);
    }
    .audience-menu .flyout .wrapper {
        max-width: 1270px;
    }
    .audience-menu .flyout.expanded {
        display: block;
    }
    .audience-menu .flyout .column {
        float: right;
        width: 29%;
        padding-left: 30px;
    }
    .audience-menu .flyout .column:first-child {
        width: 42%;
    }
    .audience-menu .flyout .column:first-child > * {
        float: right;
    }
    .audience-menu .flyout .column:last-child {
        padding-left: 10px;
    }
    .audience-menu .flyout .img-wrapper {
        max-width: 100%;
    }
    .flyout .featured-links a {
        background-color: #00909e;
        color: white;
        font-size: 22px;
        display: block;
        text-align: center;
        font-weight: 600;
        padding: 15px 5px;
        text-transform: uppercase;
    }
    .flyout .featured-links a:hover,
    .flyout .featured-links a:focus {
        background-color: #3ab3c1;
    }
    .flyout .featured-links li {
        margin-bottom: 23px;
    }
    .flyout .img-wrapper > a {
        display: inline-block;
        max-width: 100%;
        position: relative;
        overflow: hidden;
    }
    .flyout .img-wrapper img + .button {
        bottom: 0;
        position: absolute;
        right: 0;
    }
    .flyout .img-wrapper a:hover .button {
        background-color: #e5ad12;
    }
    .footer  {
        position: relative;
        overflow: hidden;
        padding-bottom: 50px;
    }
/*    .footer .wrapper::after {
        content: url('/assets/images/cehd3/audience-menu-mason-m.png');
        position: absolute;
        right: -100px;
        top: -213px;
        z-index: -1;
    }*/
    .audience-menu > ul {
        display: table;
    }
/*    .audience-menu > ul::after {
        content: url('/assets/images/cehd3/audience-menu-mason-m-top.png');
        position: absolute;
        right: -100px;
        top: -68px;
        z-index: 0;
    }*/
    .audience-menu > ul > li {
        display: block;
        float: left;
        overflow: hidden;
        width: 16.4%;
    }
    .audience-menu > ul > li + li {
        margin-left: 2px;
    }
    .audience-menu > ul > li > a {
        display: block;
        height: 70px;
        margin-bottom: 42px;
        margin-top: 42px;
        padding: 0;
        position: relative;
        z-index: 1;
        text-shadow: 0 1px 0 #000000;
    }

    .audience-menu > ul > li.flyout-active > a::before {
        background-color: #febe10;
        top: -42px;
        content: "";
        height: 7px;
        left: 2px;
        position: absolute;
        right: 2px;
        transform: skew(-30deg);
    }
    .audience-menu > ul > li.flyout-inactive > a > .img-wrapper img {
        opacity: 0.3;
    }
    .audience-menu > ul > li > a > .img-wrapper {
        display: block;
        height: 70px;
        overflow: hidden;
        position: relative;
    }
    .audience-menu > ul > li > a img {
        float: right;
        position: absolute;
        top: -37px;
        -webkit-filter: blur(2px); 
        -moz-filter: blur(2px); 
        -o-filter: blur(2px); 
        -ms-filter: blur(2px); 
        filter: blur(2px);
    }
    .audience-menu > ul > li > a > h2 {
        background-color: #004c2e;
        clear: right;
        color: white;
        font-size: 17px;
        font-weight: 600;
        height: 70px;
        line-height: 17px;
        padding: 16px 50px 0 10px;
        position: relative;
        text-transform: uppercase;
        top: -70px;
    }
    .audience-menu > ul > li > a > h2 {
        background-color: #004c2e;
    }
    .audience-menu > ul > li > a:hover h2, 
    .audience-menu > ul > li > a:focus h2,
    .audience-menu > ul > li.flyout-active > a h2{
        background-color: rgba(150, 176, 163, .4);
    }

    /* Content */
    .pre-content {
        background-color: #eff0e7;
        padding: 32px 0;
    }
    h1 {
        font-size: 40px;
        color: #42413f;
        font-weight: 700;
    }
    .landing h1 {
        color: white;
        font-size: 60px;
        text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
        line-height: 48px;
    }
    .landing .pre-content > .wrapper:first-child {
        margin-top: -160px;
    }
    .landing h1 + .cta-boxes {
        margin-top: 20px;
    }
    .landing .cta-boxes + * {
        margin-top: 21px;
    }
    .landing .pre-content p {
        color: #42413f;
        font-size: 22px;
        line-height: 34px;
    }
    .landing.compress header .branding,
    .compress header .branding {
        display: none;
    }
    .breadcrumb {
        margin-top: 17px;
    }
    .breadcrumb,
    .breadcrumb a {
        color: #87908f;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
    }
    .breadcrumb a:hover,
    .breadcrumb a:focus {
        color: #519399;
    }
    .breadcrumb a::after {
        content: "/";
        font-weight: 500;
        padding-left: 17px;
        padding-right: 14px;
    }
    .breadcrumb a:hover::after,
    .breadcrumb a:focus::after {
        color: #87908f;
    }
    #main-content {
        padding-top: 40px;
        overflow: auto;
        padding-bottom: 60px;
        color: #555;//#73726f;
        background-color: white;
    }
    #main-content img {
        max-width: 100%;
        height: auto;
    }
    #main-content .left-column {
        width: 275px;
        margin-right: 2em;
        float: left;
    }
    .columns {
        margin-left: -20px;
    }
    .column {
        width: 33%;
        float: left;
        padding-left: 20px;
    }
    #main-content .column img {
        width: 100%;
    }
    #main-content .column img.left,
    #main-content .column img.right  {
        width: auto;
    }
    #main-content .content-area .column + .column,
    #main-content .column + .column {
        margin-top: 0;
    }
    .col-33 {
        width: 33.33%;
    }
    .col-30 {
        width: 30%;
    }
    .col-35 {
        width: 35%;
    }
    .col-40 {
        width: 40%;
    }
    .col-45 {
        width: 45%;
    }
    .col-50 {
        width: 50%;
    }
    .col-60 {
        width: 60%;
    }
    .col-65 {
        width: 65%;
    }
    .col-74 {
        width: 73.7%;
        padding-right: 7.2%;
    }
    .col-26 {
        width: 26.3%;
    }
    .theme .col-74 { /* making right sidebar fixed width */
        margin-right: -275px;
        padding-right: 325px;
        width: 100%;
    }
    .theme .col-26 { /* making right sidebar fixed width */
        width: 275px;
        float: right;
        padding-left: 0;
    }
    .content-area {
        margin-left: 375px;
        line-height: 28px;
    }
    .content-area.extra {
        /* Used for extra embedded content outside of the main content area */
        margin:0;
        padding:0;
    }
    .content-area.extra { margin-top:1em; }
    /* Mimic the styles put on #main-content, since .extra doesn't necessarily appear within it */
    .content-area.extra * + * { margin-top:1em; }
    .content-area.extra ul * + *,
    .content-area.extra ol * + * {
        margin-top: 0.5em;
    }
    .landing .content-area {
        margin-left: 0;
    }
    #main-content * + * {
        margin-top: 1em;
    }
    #main-content .sub-nav * + * {
        margin-top: 0;
    }
    #main-content ul * + *,
    #main-content ol * + * {
        margin-top: 0.5em;
    }
    .content-area .intro {
        font-size: 24px;
        line-height: 36px;
        color: #42413f;
    }
    .content-area h2,
    .content-area h3,
    .content-area h4,
    .content-area h5,
    .content-area h6 {
        color: var(--gmu-green);
    }
    .content-area h2 {
        font-size: 1.65rem; /*26px;*/
        line-height: 2.125rem; /*34px;*/
        font-weight: 600;
    }
    .content-area h3 {
/*        color: #004c2e;*/
        font-size: 1.45rem; /*23px;*/
        line-height: 1.81rem; /*29px;*/
        font-weight: 600;
    }
    .content-area h4 {
        font-weight: 700;
        font-size: 1.25rem; /*20px;*/
        line-height: 1.81rem; /*29px;*/
    }
    .content-area h5 {
        font-weight: 600;
        font-size: 1.1rem;
        line-height: 1.85rem;
    }
    .content-area h6 {
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.75rem;
    }
    .content-area .right,
    .content-area img.right,
    .img-wrapper.right {
        float: right;
        margin: 2px 0 23px 35px;
    }
    .content-area .left,
    .content-area img.left,
    .img-wrapper.left {
        float: left;
        margin: 2px 35px 23px 0;
    }
    .content-area ol li,
    .content-area ul ol li {
        list-style-type: decimal;
        margin-left: 41px;
        padding-left: 0;
        background-image: none;
    }
    .content-area ul li {
        list-style-type: none;
        background: url('/assets/common/images/gray-bullet.png') no-repeat scroll left 12px;
        padding-left: 17px;
        margin-left: 24px;
    }
    .content-area ul li + li {
        margin-top: 6px;
    }
    ul.list-of-links li {
        position: relative;
        background-image: none;
    }
    ul.list-of-links > li::before {
        content: "\f0da";
        position: absolute;
        left: 0;
        top: 6px;
        color: #007682;
    }
    .callout {
        border-color: #cdd5d4;
        border-style: solid;
        border-width: 1px 0;
        overflow: auto;
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .callout h2 {
        font-size: 22px;
        line-height: 28px;
        color: #42413f;
        font-weight: 500;
    }
    .callout img.left + *,
    .callout img.right + * {
        margin-top: 0;
    }
    .callout img.left {
        margin-right: 25px;
        margin-bottom: 0;
    }
    .callout img.right {
        margin-left: 25px;
        margin-bottom: 0;
    }
    blockquote {
        background-color: #eff0e7;
        padding: 20px 15px 18px 34px;
        position: relative;
        font-size: 20px;
        line-height: 28px;
        color: #42413f;
        font-family: 'Roboto Slab', Palatino Linotype, Palatino, serif;
        letter-spacing: 0.025em;
    }
    #main-content blockquote .cite {
        color: #555;
        font-size: 16px;
        line-height: 22px;
        text-align: right;
        margin-top: 10px;
        font-family: 'Open Sans', Verdana, Geneva, sans-serif;
    }
    blockquote::before {
        content: "";
        top: 0;
        bottom: 0;
        border-left: 10px solid #febe10;
        width: 0;
        left: 0;
        position: absolute;
    }
    .expandable-content-wrapper {
        padding-bottom: 1em;
    }
    #main-content .expandable-content-wrapper .expanded-content,
    #main-content .expandable-content-wrapper .header a > span {
        margin-top: 0;
    }
    .expandable-content-wrapper .header {
        color: #42413f;
        font-size: 20px;
        font-family: 'Roboto Slab', Palatino Linotype, Palatino, serif;
        letter-spacing: 0.025em;
        font-weight: 500;
        line-height: 22px;
        border-bottom: 1px solid #cdd5d4;
        padding: 22px 72px 6px 1px;
        position: relative;
        background-color: white;
    }
    .expandable-content-wrapper .header a {
        display: block;
        color: #42413f;
    }
    .expandable-content-wrapper .header a > span {
        color: #097984;
        font-size: 12px;
        font-family: 'Open Sans', Verdana, Geneva, sans-serif;
        font-weight: 600;
        position: absolute;
        right: 0;
        text-transform: uppercase;
        bottom: 4px;
    }
    .expandable-content-wrapper .header span .fa {
        font-size: 18px !important;
        padding-left: 3px;
        position: relative;
        top: 1px;
    }
    .expandable-content-wrapper .header.open .more,
    .expandable-content-wrapper .header .less {
        display: none;
    }
    .expandable-content-wrapper .header.open .less,
    .expandable-content-wrapper .header .more {
        display: block;
    }
    .expandable-content-wrapper .expanded-content {
        background-color: #eff0e7;
        padding: 22px;
        font-size: 14px;
        line-height: 20px;
    }
    .js .expandable-content-wrapper .expanded-content {
        display: none;
    }
    #main-content .expandable-content-wrapper .expanded-content > * + * {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        margin-top: 0;
    }
    .content-area .expandable-content-wrapper .expanded-content ul li {
        background-position: left 7px;
    }
    .cta-boxes {
        overflow: auto;
    }
    .cta-boxes > .column {
        height: 100px;
        overflow: hidden;
    }
    .cta {
        background-color: #425196;
        background-position: right bottom;
        background-repeat: no-repeat;
        color: #eff0e7;
        display: table;
        font-size: 26px;
        font-weight: 600;
        width: 100%;
        height: 89px;
    }
    .content-area .cta-boxes .cta {
        font-size: 22px;
        line-height: 22px;
        color: white;
    }
    .landing .cta {
        height: 100px;
    }
    .left-column .cta {
        margin-bottom: 20px;
    }

    #main-content .left-column .cta,
    #main-content .cta-boxes + .cta-boxes {
        margin-top: 0;
    }
    .cta:hover,
    .cta:focus {
        background-color: #6a66b8;
        color: white;
    }
    .cta > span {
        display: table-cell;
        vertical-align: bottom;
        padding: 8px 22% 9px 15px;
    }
    .cta > span::after {
        content: "\f138";
        padding-left: 8px;
        font-size: 20px !important;
    }
    .events-feed li {
        padding: 15px 4px 10px 68px;
    }
    .events-feed li + li {
        border-top: 1px solid #cdd5d4;
    }
    .events-feed .date {
        color: #006940;
        float: left;
        margin-left: -68px;
        text-align: center;
        width: 50px;
    }
    .events-feed .month,
    .events-feed .day {
        font-family: 'Roboto Slab', Palatino Linotype, Palatino, serif;
        letter-spacing: 0.025em;
        text-transform: uppercase;
    }
    .events-feed .month {
        font-size: 16px;
        font-weight: 700;
    }
    .events-feed .day {
        font-size: 34px;
        font-weight: 900;
    }
    #main-content .events-feed ul h2 {
        margin-top: 0;
    }
    .events-feed li a {
        color: #61605e;
        line-height: 20px;
    }
    .events-feed li a:hover,
    .events-feed li a:focus {
        color: #00909e;
    }
    .sidebar-content .events-feed .button {
        display: block;
        max-width: none;
    }
    .events-feed .button {
        background-color: #00909e;
        max-width: 275px;
        font-family: 'Open Sans', Verdana, Geneva, sans-serif;
    }
    .events-feed .button:hover,
    .events-feed .button:focus {
        background-color: #3ab3c1;
    }
    #main-content .events-feed .time {
        color: #8c8b89;
        font-size: 13px;
        font-style: italic;
        margin-top: 11px;
    }

    .twitter-feature {
        position: relative;
        z-index: 0;
    }
    .twitter-feature::after {
        content: "\f099";
        font-size: 141px !important;
        position: absolute;
        right: 0;
        bottom: -20px;
        color: #f6f6f1;
        z-index: -1;
    }
    .twitter-feature h3 {
        text-transform: uppercase;
        font-size: 16px;
        line-height: 18px;
        font-weight: 700;
    }
    .content-area .twitter-feature ul li:first-child {
        padding-top: 0;
        border-top: 0;
    }
    .content-area .twitter-feature ul li:last-child,
    .left-column .twitter-feature ul li:last-child {
        padding-bottom: 25px;
    }
    .content-area .twitter-feature ul li {
        background-image: none;
        border-top: 1px solid #cdd5d4;
        margin-left: 0;
        padding: 15px 0 14px;
    }
    .left-column .twitter-feature ul li {
        line-height: 28px;
    }
    #main-content .twitter-feature > p + p {
        margin-top: 0;
    }
    #main-content .owl-carousel + .twitter-feature,
    #main-content .twitter-feature + .instagram-feature {
        border-top: 1px solid #cdd5d4;
        margin-top: 30px;
        padding-top: 30px;
    }
    .owl-carousel {
        display: block !important;
    }
    .owl-carousel > div {
        display: none;
    }
    .js .owl-carousel > div {
        display: block;
    }
    .owl-carousel > div:first-child {
        display: block;
    }
    .owl-carousel-bg {
        position: relative;
        padding-bottom: 69px;
        padding-top: 69px;
        /*background-size: cover;*/
    }
    .owl-carousel-bg::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: url('/assets/common/images/carousel-bg-overlay.png') repeat-x left top;
    }
    .owl-carousel-bg .owl-carousel .owl-item {
        text-align: center;
        font-size: 16px;
        line-height: 24px;
        color: #ffffff;
        padding-left: 20px;
        padding-right: 20px;
        min-height: 162px;
    }
    .owl-carousel-bg .owl-carousel .owl-item.active + .owl-item.active {
        border-left: 1px solid #b2b9be;
    }
    #main-content .owl-carousel .owl-item + .owl-item {
        margin-top: 0;
    }
    .owl-carousel-bg .owl-carousel h2 {
        color: #febe10;
        font-size: 45px;
        font-family: 'Roboto Slab', Palatino Linotype, Palatino, serif;
        letter-spacing: 0.025em;
        line-height: 45px;
        font-weight: 700;
        background-color: transparent;
        position: static;
        cursor: default;
        padding: 0 0 8px;
        min-height: 0;
        text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
    }
    /*.owl-carousel-bg .owl-carousel h2::after {
        display: none;
    }*/
    .owl-carousel-bg .owl-controls {
        position: static;
    }
    .owl-carousel-bg .owl-nav > div {
        font-size: 40px;
        margin-top: -25px;
        position: absolute;
        top: 50%;
        color: white;
        opacity: 0.4;
        border: 0 none;
        background-color: transparent;
        float: none;
        padding: 0;
        margin-left: 0;
    }
    .owl-carousel-bg .owl-nav > div:hover,
    .owl-carousel-bg .owl-nav > div:focus {
        opacity: 1;
    }
    #main-content .owl-nav > div {
        margin-top: 0;
    }
    .owl-carousel-bg .owl-nav .owl-prev {
        left: 5px;
    }
    .owl-carousel-bg .owl-nav .owl-next {
        right: 5px;
    }
    .owl-carousel h2 {
        background-color: rgba(0, 0, 0, .35);
        font-size: 28px;
        color: white;
        font-weight: 600;
        text-shadow: 1px 1.732px 0px rgba(32, 32, 32, 0.75);
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 20px 160px 20px 24px;
        min-height: 75px;  
    }
    .owl-carousel.hidden-caption h2 {
        cursor: pointer;
    }
    .owl-carousel.hidden-caption h2::after,
    .landing.guide .owl-carousel.hidden-caption h2 > span::after {
        content: "\f055";
        padding-left: 8px;
        font-size: 20px !important;
    }
    .landing.guide .owl-carousel.hidden-caption h2::after {
        display: none;
    }
    .owl-carousel.hidden-caption h2.expanded::after {
        content: "\f056";
    }
    .owl-carousel.hidden-caption .content {
        display: none;
    }
    .content-active-slide {
        background: #242527; /* Old browsers */
        background: -moz-linear-gradient(left,  #242527 0%, #232426 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#242527), color-stop(100%,#232426)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  #242527 0%,#232426 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  #242527 0%,#232426 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  #242527 0%,#232426 100%); /* IE10+ */
        background: linear-gradient(to right,  #242527 0%,#232426 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242527', endColorstr='#232426',GradientType=1 ); /* IE6-9 */
        display: none;
        color: white;
        padding: 15px;
        position: relative;
        z-index: 1;
    }
    #main-content .content-active-slide,
    .content-active-slide {
        margin-top: -1px !important;
        font-size: 18px;
        color: white;
    }
    .pre-content .content-active-slide p {
        font-size: 18px;
        color: white;
    }

    .owl-controls {
        bottom: 19px;
        position: absolute;
        right: 20px;
        width: 135px;
    }
    .owl-nav > div {
        border: 1px solid #66635b;
        background-color: rgba(0, 0, 0, .5);
        float: left;
        height: 35px;
        width: 35px;
        padding: 0;
        text-align: center;
        margin-left: 2px;
        color: #87908f;
        font-size: 14px;
        display: table;
    }
    .owl-controls .owl-nav > div > span {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        height: 35px;
        width: 35px;
    }
    .owl-nav > div:hover,
    .owl-nav > div:focus {
        border-color: white;
        color: white;
    }
    .owl-controls .owl-nav {
        float: right;
        width: 55%;
    }
    .owl-controls .owl-dots {
        float: right;
        width: 45%;
        padding-top: 2px;
    }
    .owl-controls .owl-dots .owl-dot {
        display: none;
        color: #87908f;
        line-height: 28px;
    }
    .owl-controls .owl-dots .owl-dot.active,
    .owl-controls .owl-dots .owl-dot.total {
        display: inline-block;
    }
    .owl-controls .owl-dots .owl-dot.total::before {
        content: " / ";
        padding-left: 8px;
    }
    #main-content .owl-controls * + * {
        margin-top: 0;
    }
    .sub-nav-toggle {
        display: none;
    }
    .landing .sub-nav > ul > li {
        display: block;
    }
    .landing .sub-nav > ul > li > a {
        position: relative;
        padding-right: 35px;
    }
    .landing .sub-nav > ul > li > a::after {
        color: #c8c7c6;
        content: "\f054";
        position: absolute;
        right: 13px;
        margin-top: -8px;
        top: 50%;
    }
    .landing .sub-nav > ul > li > a:hover::after {
        color: white;
    }
    .landing .sub-nav > ul > li ul {
        display: none;
    }
    .landing .additional-content {
        clear: both;
        padding-top: 1em;
    }
    .sub-nav {
        margin-bottom: 40px;
        line-height: 17px;
        margin-top: 0;
    }
    .sub-nav > ul {
        border-bottom: 1px solid #cdd5d4;
    }
    .content-area .sub-nav li {
        list-style-type: none;
        background-image: none;
        margin-left: 0;
        padding-left: 0;
    }
    .sub-nav a {
        border-top: 1px solid #cdd5d4;
        display: block;
        padding: 20px 10px;
        color: #007b7c;
    }
    .sub-nav .active > a {
        position: relative;
    }
    .sub-nav .active > a::after {
        border-bottom: 7px solid transparent;
        border-left: 7px solid #007b7c;
        border-top: 7px solid transparent;
        content: "";
        position: absolute;
        margin-top: -7px;
        top: 50%;
    }
    .sub-nav .active > a::after {
        right: -7px;
    }
    .sub-nav ul ul .active > a::after {
        right: -26px;
        border-left-color: #e6f7f7;
    }


    .sub-nav > ul > li.expanded > a,
    .sub-nav > ul > li.active > a,
    .sub-nav > ul > li.expanded.active > a {
        background-color: #007b7c;/*#01909e*/
        color: #fff;
    }
    .sub-nav .expanded > a {
        border-bottom: 1px solid white;
    }
    .sub-nav ul ul ul > li.expanded > a {
        border-bottom-color: white;
    }

    #sub-nav li.expanded > ul > li:first-child > a {
        border: 0 none;
    }
    #sub-nav li.expanded > ul > li > a {
        border-top: 1px solid white;
    }
    .sub-nav a:hover,
    .sub-nav a:focus {
        background-color: #e6f7f7;
        color: #003c42;
    }
    .sub-nav ul ul a:hover, 
    .sub-nav ul ul a:focus {
        background-color: transparent !important;
    }
    .sub-nav ul ul {
        background-color: #e6f7f7/*#dfebe9*/;
    }
    .sub-nav ul ul li a {
        font-size: 14px;
        padding-top: 12px;
        padding-bottom: 11px;
        border-color: #fff;
    }
    .sub-nav ul ul li a:hover, 
    .sub-nav ul ul li a:focus {
        color: #003c42;
    }
    .sub-nav ul ul .active > a {
        color: #42413f;
        font-weight: 600;
    }
    .sub-nav > ul > li > ul > li {
        padding: 0 20px;
    }
    .sub-nav li li li > a {
        padding-left: 26px;
    }
    .sub-nav li li li li > a {
        padding-left: 40px;
    }

    /* Form Elements */
    #main-content .pager .dropdown,
    #main-content form .dropdown {
        position: relative;
        display: inline-block;
    }
    #main-content .pager select,
    #main-content form select,
    #main-content form input {
        height: 37px;
        font-weight: 500;
        border: 1px solid #d8d9d1;
        padding-left: 6px;
    }

    #main-content form input {
        font-size: 15px;
    }
    #main-content .pager select,
    #main-content .filters select {
        cursor: pointer;
        color: #555;
        padding-right: 40px;
        width: 100%;
        font-size: 16px;
        text-overflow: ellipsis;
        max-width: 155px;
        background: #fff;
        text-transform: uppercase;
    }
    .js #main-content .pager select,
    .js #main-content .filters select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    #main-content .pager select option,
    #main-content .filters select option {
        font-size: 16px;
        font-weight: 400;
        margin-top: 0;
        text-transform: none;
    }
    #main-content .pager select::-ms-expand,
    #main-content .filters select::-ms-expand { /* for IE 11 */
        display: none;
    }
    .js #main-content .pager select + .arrow,
    .js #main-content .filters select  + .arrow {
        background-color: #febe10;
        color: white;
        text-shadow: 0px 1px 0px rgba(157, 126, 0, 0.75);
        padding-top: 10px;
        position: absolute;
        text-align: center;
        width: 40px;
        display: block;
        bottom: 0;
        right: 10px;
        top: 0;
        border: 1px solid #eaaf0f;
        pointer-events: none;
        margin-top: 0;
    }
    .js #main-content .pager select:hover + .arrow,
    .js #main-content .filters select:hover + .arrow {
        background-color: #e5ad12;
    }
    .filters form button {
        font-size: 0;
        color: transparent;
        background-color: transparent;
        border: 0 none;
        position: static;
        cursor: pointer;
    }
    .filters form button::after {
        color: #febe10;
        font-size: 20px !important;
        position: relative;
        top: 1px;
        content: "\f002";
        text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
    }
    .filters form button:hover::after {
        color: #e5ad12;
    }
    #main-content form select {
        background: url('/assets/common/images/select-down-arrow.png') no-repeat right center transparent;
        border: 1px solid #d8d9d1;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 6px 30px 6px 6px;
        position: relative;
    }

    #main-content form select,
    #main-content form option {
        text-transform: uppercase;
        font-size: 14px;
        color: #616766;
        cursor: pointer;
    }
    #main-content .node-webform .form-item {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    #main-content .node-webform .form-item .description {
        font-style:italic;
        float:none;
        clear:both;
        margin-left:30%;
    }
    #main-content .node-webform input[type=text],
    #main-content .node-webform input[type=checkbox],
    #main-content .node-webform textarea,
    #main-content .node-webform select,
    #main-content .node-webform input[type=email] {
        border:1px solid #d0cfcd;
        box-shadow: 5px 5px 10px -5px #d0cfcd inset;
    }
    #main-content .node-webform option {
        margin-top: 0;
    }
    #main-content .node-webform .form-item,
    #main-content .node-webform .form-actions {
        overflow: hidden;
    }
    #main-content .node-webform .content-area {
        margin-left:0;
    }
    #main-content .node-webform label {
        float: left;
        font-weight: 600;
        width: 30%;
        padding-right:30px;
        line-height:20px;
    }
    #main-content .node-webform label + input,
    #main-content .node-webform label + select,
    #main-content .node-webform label + .webform-datepicker {
        /*float: left;*/
        margin-top: 0;
        max-width: 100%;
    }
    #main-content .node-webform label + .webform-datepicker select {
        margin-right:1em;
        margin-top:0;
        float:none;
    }
    #main-content .node-webform label + .webform-datepicker .webform-calendar {
        margin-right:1em;
        margin-top:0;
        float:left;
    }
    #main-content .node-webform .webform-component-checkboxes > label ,
    #main-content .node-webform .webform-component-radios > label {
        float:none;
    }
    #main-content .node-webform .webform-component-checkboxes > .form-checkboxes,
    #main-content .node-webform .webform-component-radios > .form-radios {
        margin-top:0;
    }
    #main-content .node-webform .webform-component-checkboxes > .form-checkboxes .form-item,
    #main-content .node-webform .webform-component-radios > .form-radios .form-item {
        margin-top:0;
        margin-bottom:0;
    }
    #main-content .node-webform .webform-component-checkboxes .form-type-checkbox > input,
    #main-content .node-webform .webform-component-radios .form-type-radio > input {
        margin-left:30%;
        height:auto;
        margin-bottom:18px;
        vertical-align: top;
    }
    #main-content .node-webform .webform-component-checkboxes .form-type-checkbox > label ,
    #main-content .node-webform .webform-component-radios .form-type-radio > label {
        float:none;
    }
    #main-content .node-webform .webform-component-textarea > label {
        margin-bottom:30px;
    }
    #main-content .node-webform .form-actions {
        border-top: 1px solid #cdd5d4;
        margin-top: 50px;
        padding-top: 21px;
    }
    #main-content .node-webform input.button {
        background-color: #425196;
        border: 0 none;
        font-size: 26px;
        text-transform: none;
        font-weight: 600;
        font-family: 'Open Sans', Verdana, Geneva, sans-serif;
        letter-spacing: 0;
        height: auto;
        padding-left: 15px;
        padding-right: 15px;
        float: right;
        max-width: 250px;
    }


    /* Search Results */
    .search-results .back.button::before {
        display: none;
    }
    .search-results .details {
        color: #87908f;
        font-size: 14px;
        margin-top: 20px;
    }
    .search-results .filters {
        min-height: 0;
        padding: 15px 20px;
        font-weight: 600;
    }
    .search-results .filters .active {
        color: #555;
    }
    .search-results .search-results-list li {
        background-image: none;
        margin-left: 0;
        padding-left: 0;
    }
    .search-results .search-results-list li a:first-child {
        font-size: 22px;
        font-weight: 600;
    }
    .search-results #main-content .search-results-list li + li {
        margin-top: 20px;
    }

    /* Footer */
    .footer-flyouts,
    .audience-menu .flyout .wrapper > h2,
    .audience-menu .flyout .close {
        display: none;
    }
    footer {
        background: transparent url('/assets/common/images/footer-background-image.jpg') no-repeat scroll center top;/* / cover;*/
        background-size: cover;
        margin-top: -1px;
        clear: both;
        position: relative;
        z-index: 7;
    }
    footer .footer {
        color: #fff;
    }
    footer .footer .branding {
        float: left;
        margin-left: -22px;
        margin-top: 9px;
    }
    .social-media-and-copyright {
        float: right;
        text-align: right;
        font-size: 11px;
        line-height: 16px;
        position: relative;
        max-width: 69%;
    }
    footer .social-media-and-copyright span p a {
        color:#d1e9eb;

    }
    footer .social-media-and-copyright span p a:hover {
        color:#75c1c9;
    }

    footer .social-media-and-copyright div p a {
        color:#d1e9eb;

    }
    footer .social-media-and-copyright div p a:hover {
        color:#75c1c9;
    }

    .social-media-and-copyright .social-media {
        margin-bottom: 15px;
        margin-top: 80px;
    }
    .social-media-and-copyright .social-media li {
        display: inline-block;
        margin-left: 10px;
    }
    .social-media-and-copyright .social-media a {
        background-color: #00909e;
        width: 45px;
        height: 45px;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        padding-top: 4px;
    }
    .social-media .fb:hover,
    .social-media .fb:focus {
        background-color: #315092;
    }
    .social-media .twitter:hover,
    .social-media .twitter:focus {
        background-color: #0fa3e3;
    }
    .social-media .youtube:hover,
    .social-media .youtube:focus {
        background-color: #d82724;
    }
    .social-media .instagram:hover,
    .social-media .instagram:focus {
        background-color: #1e5b83;
    }
    .social-media .linkedin:hover,
    .social-media .linkedin:focus {
        background-color: #006fba;
    }
    .social-media .pinterest:hover,
    .social-media .pinterest:focus {
        background-color: #cb1916;
    }
    footer .sitemap-toggle {
        display: none;
    }
    .js footer .sitemap-toggle {
        border: 1px solid #5b635d;
        color: #87908f;
        text-align: center;
        text-transform: uppercase;
        margin-left: 21px;
        margin-top: 5px;
        padding: 7px 10px;
        display: inline-block;
        background-color: rgba(0, 0, 0, .7);
    }
    footer .sitemap-toggle::after {
        content: '\f055';
        padding-left: 6px;
    }
    footer .sitemap-toggle.expanded::after {
        content: '\f056';
    }
    footer .sitemap-toggle:hover,
    footer .sitemap-toggle:focus  {
        border: 1px solid #c4c7c4;
        color: #e3e2df;
    }
    #sitemap {
        display: none;
        clear: both;
        position: relative;
        margin-left: -50px;
        padding-top: 15px;
    }
    #sitemap > ul > li {
        float: left;
        width: 20%;
        padding-left: 50px;
    }
    #sitemap > ul > li > a {
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 600;
        text-shadow: 0 1px 0 #000000;
        color: white;
        display: block;
        margin-bottom: 12px;
    }
    #sitemap li li a {
        font-size: 13px;
        color: #75c1c9;
    }
    #sitemap li li + li {
        margin-top: 9px;
    }
    #sitemap li a:hover {
        color: #d1e9eb;
    }
    #sitemap li a:focus {
        color: white;
    }
    .news .content-active-slide .action-link::before,
    .news.landing #main-content .twitter-feature h2::before,
    .news.landing #main-content .facebook-feature h2::before,
    .news-boxes .news-box .hover li:first-child > a::after,
    .banner .content .band > .hover > p:first-child::after,
    .news-boxes .more a::after,
    .filters form button::after,
    .tab-menu li > a::after,
    .theme .theme-nav a::before,
    .twitter-feature::after,
    .program-listing h3::after,
    .green-band .compressed .search-toggle::after,
    .menu-band .compressed .search-toggle::after,
    .global-nav-icon::before,
    form.search .off-screen::after,
    form.search button::after,
    .owl-carousel.hidden-caption h2::after,
    .landing.guide .owl-carousel.hidden-caption h2 > span::after,
    .audience-menu-toggle::after,
    .latest-news-toggle::after,
    .back.button::before,
    .button::after,
    .cta > span::after,
    .landing .sub-nav > ul > li a::after,
    footer .sitemap-toggle::after,
    ul.list-of-links li::before,
    .sub-nav-toggle a::after {
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-family: FontAwesome;
        font-feature-settings: normal;
        font-kerning: auto;
        font-language-override: normal;
        font-size: inherit;
        font-size-adjust: none;
        font-stretch: normal;
        font-style: normal;
        font-synthesis: weight style;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        text-rendering: auto;
        transform: translate(0px, 0px);
    }

    .ios .audience-menu > ul::after {
        display: none;
    }

    .social-media-and-copyright span {
        display: inline-block;
    }

    .social-media-and-copyright span p:last-child {
        margin-top: 2px;
    }

    a.sitemap-toggle {
        vertical-align: top;
        margin-top: 0px !important;
    }

}

@media only screen and (max-width: 1080px) {
    /* Stop the global nav from running overtop the logo: */
    .global-nav .main-menu > li > a {
        font-size: 15px;
        margin-left: 6px;
        margin-right: 6px;
        height: 55px;
    }
    .global-nav .main-menu > li:first-child > a::before {
        left: -40px;
    }

}
@media only screen and (max-width: 1000px) {


    .js .news-boxes .news-box:nth-child(1n+3) {
        display: none;
    }

    .news-boxes .news-box {
        width: 50%;
    }
    header .flyout .featured-img {
        display: none;
    }
    header .flyout .col-33 {
        width: 50%;
    }
}
@media all {
    .landing.guide .pre-content > .wrapper:first-child {
        /*margin-top: -103px;*/
        
        /* Testing positioning with title */
        margin-top: -293px;
    }
    .landing article {
        -webkit-box-shadow: 0 -117px 46px 1px rgba(0, 0, 0, 0.41);
        -moz-box-shadow: 0 -117px 46px 1px rgba(0, 0, 0, 0.41);
        box-shadow: 0 -117px 46px 1px rgba(0, 0, 0, 0.41);
    }
    .landing.guide h1 {
        display: table;
        float: left;
        height: 250px;
        /*width: 31%;*/
        width: 33.6%;
    }
    .landing.guide h1 span {
        display: table-cell;
        vertical-align: bottom;
    }
    .tab-menu.wrapper {
        /*margin-top: -42px;*/

        /* Testing positioning with title */
        display: table-cell;
        height: 261px;
        vertical-align: bottom;
        padding: 0;
    }
    .tab-menu ul {
        float: right;
    }
    .tab-menu li {
        float: left;
        padding: 0;
        max-width: 230px;
    }
    .tab-menu li.show-from-660 {
        display: none;
    }
    .tab-menu li + li {
        margin-left: 13px;
    }
    .tab-menu li > a {
        border-width: 1px 1px 0;
        border-style: solid;
        border-color: #494d4d;
        padding: 10px 50px 10px 16px;
        font-size: 22px;
        line-height: 22px;
        color: #87908f;
        background-color: rgba(0, 0, 0, 0.5);
        position: relative;
        display: block;
        font-weight: 600;
        height: 66px;
    }
    .tab-menu li > a:hover,
    .tab-menu li > a:focus {
        border-color: white;
        color: white;
    }
    .tab-menu li > a::after {
        content: "\f055";
        font-size: 24px !important;
        position: absolute;
        right: 16px;
        top: 50%;
        margin-top: -12px;
    }
    .tab-menu li > a.active {
        color: white;
        background-color: #006940;
        border-color: #006940;
    }
    .tab-menu li > a.active::before {
        content: "";
        position: absolute;
        bottom: -7px;
        left: -3px;
        right: 1px;
        height: 7px;
        -webkit-transform: skew(-30deg);
        -moz-transform: skew(-30deg);
        -o-transform: skew(-30deg);
        background-color: #febe10;
        z-index: 3;
    }
    .tab-menu li > a.active::after {
        content: "\f056";
    }
    .tab-flyouts {
        display: none;
        background-color: white;
        position: absolute;
        width: 100%;
        top: 0;
        z-index: 2;
        -webkit-box-shadow: 0px 14px 15px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 14px 15px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 14px 15px 0px rgba(0,0,0,0.5);
    }
    .tab-flyouts > .wrapper > div {
        display: none;
        padding-bottom: 30px;
        padding-top: 25px;
    }
    .tab-flyouts .program-listing .img-wrapper ~ * {
        margin-left: 24%;
    }
    .tab-flyouts .program-listing .img-wrapper {
        width: 22%;
    }
    .tab-flyouts .program-listing .img-wrapper img {
        max-width: 100%;
    }
    .tab-flyouts ul.program-listing li {
        border-top-width: 0;
        border-bottom: 1px solid #cdd5d4;
        padding-bottom: 25px;
        padding-top: 25px;
    }
    .tab-flyouts .program-listing h3 {
        font-weight: 600;
    }
    .landing.guide .program-listing p {
        color: #73726f;
        font-size: 16px;
        line-height: 28px;
    }
    .tab-flyouts .program-listing .button {
        font-size: 24px;
        margin-top: 17px;
    }
    .filters {
        background-color: #eff0e7;
        padding: 30px;
        overflow: auto;
        margin-bottom: 30px;
        min-height: 106px;
    }
    .tab-flyouts .filters .a-z  {
        float: left;
        margin-right: 30px;
        position: relative;
    }
    .tab-flyouts .filters .a-z li {
        display: inline-block;
    }
    .tab-flyouts .filters .a-z li a {
        color: #006940;
        font-size: 22px;
        font-weight: 700;
        padding-left: 6px;
        display: block;
        margin-bottom: 10px;
    }
    .tab-flyouts .filters .a-z li a:hover,
    .tab-flyouts .filters .a-z li a:focus {
        color: #038452;   
    }
    .tab-flyouts .filters .a-z a.all {
        background-color: #febe10;
        color: white;
        text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
        padding: 6px 12px 8px;
        margin-right: 8px;
        font-weight: 600;
    }
    .tab-flyouts .filters .a-z a.all:hover,
    .tab-flyouts .filters .a-z a.all:focus {
        background-color: #e5ad12;
        color: white;
    }
    .tab-flyouts .a-z .arrow {
        display: none;
    }
    .tab-flyouts .filters > form input {
        font-size: 14px;
        padding: 9px;
        width: 198px;
        border: 1px solid #d8d9d1;
    }
    .tab-flyouts .filters ~ h2 {
        color: #42413f;
        font-size: 40px;
        font-weight: 700;
        font-family: 'Roboto Slab', Palatino Linotype, Palatino, serif;
        letter-spacing: 0.025em;
        margin-top: 30px;
    }
    .tab-flyouts .filters ~ h2::before {
        content: "";
        width: 100%;
        border-top: 1px solid #cdd5d4;
        display: block;
        height: 7px;
    }
    .tab-flyouts h2 + ul.list-of-links {
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        margin-top: -25px;
        margin-bottom: 15px;
    }

    ul.list-of-links.selected {
        padding: 10px 0px;
    }
    .tab-flyouts h2 + ul.list-of-links li {
        padding-left: 13px;
        margin-left: 58px;
        color: #9a9995;
        line-height: 22px;
         -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid-column;
        padding-bottom: 12px;
    }
    .tab-flyouts h2 + ul.list-of-links > li::before {
        top: 4px;
    }
    .landing.guide .tab-flyouts ul.list-of-links li:last-child {
        margin-bottom: 0;
    }
    .landing .tab-flyouts .no-results,
    .landing .tab-flyouts .no-search-results {
        font-size: 18px;
        margin-top: 1em;
    }
    .active-tab-menu footer {
        z-index: 4;
    }

    .landing.guide .guide-boxes {
        clear: both;
        padding-top: 49px;
        margin-left: -20px;
    }
    .landing.guide .guide-boxes::after {
        content: "";
        display: table;
        clear: both;
    }
    .landing.guide .guide-boxes .guide-box {
        margin-left: 1.8%;
        width: 23.2%;
        background-color: white;
        float: left;
        margin-bottom: 26px;
        overflow: hidden;
        height: 256px;
    }
            

    .landing.guide .guide-boxes .guide-box:nth-child(6) {
        clear: both;
    }
    .landing.guide .guide-boxes .guide-box .description,
    .landing.guide .guide-boxes .guide-box .more {
        display: none;
    }
    
    .landing.guide .guide-boxes .guide-box h2,
    .landing.guide .guide-boxes .guide-box .more {
        height: 76px;
    }
    .landing.guide .guide-boxes .guide-box {
        text-align: center;
        cursor: pointer;
        position: relative;
    }
    .landing.guide .guide-boxes .guide-box h2 {
        display: table;
        margin: 0 auto;
        padding-left: 10px;
        padding-right: 10px;
        color: #007682;
        font-size: 18px;
        line-height: 20px;
    }
    .landing.guide .guide-boxes .guide-box .content .description > p {
        color: #fefefe;
        font-size: 14px;
        line-height: 17px;
        padding: 0 8px;
    }
    .landing.guide .guide-boxes .guide-box .content .more .button {
        color: #d5a113;
        border: 1px solid #b3b3b2;
        background-color: white;
        font-size: 16px;
        font-family: 'Open Sans', Verdana, Geneva, sans-serif;
        text-shadow: none;
        padding: 6px 15px 7px;
        margin-top: 19px;
    }
    .landing.guide .guide-boxes .guide-box .content .more .button::after {
        top: 1px;
    }
    .landing.guide .guide-boxes .guide-box .content .more .button:hover,
    .landing.guide .guide-boxes .guide-box .content .more .button:focus {
        color: white;
        background-color: #febe10;
        border: 1px solid #febe10;
    }
    .landing.guide .guide-boxes .guide-box h2 > *:first-child {
        display: table-cell;
        vertical-align: middle;
    }


    .landing.guide .guide-boxes .owl-carousel.default .owl-stage,
    .landing.guide .guide-boxes .owl-carousel + .content-active-slide {
        background-color: #232525;
    }
    .landing.guide .guide-boxes .owl-carousel.default {
        width: 48.2%;
        float: left;
        margin-left: 1.8%;
        margin-bottom: 1em;
    }
    .landing.guide .guide-boxes .owl-carousel .img-wrapper {
        position: relative;
        height: 346px;
        overflow: hidden;
    }
    .landing.guide .guide-boxes .owl-carousel .img-wrapper img {
        height: 346px;
        left: 50%;
        margin-left: -268.5px;
        position: relative;
        width: 537px;
    }

    .landing.guide .guide-boxes .owl-carousel .title {
        bottom: 0;
        left: 0;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.35);
        width: 100%;
    }
    .landing.guide .guide-boxes .owl-carousel h2 {
        position: static;
        background-color: transparent;
        padding-right: 100px;
        padding-top: 0;
        text-shadow: 1px 2px 0px rgba(32, 32, 32, 0.75);
        min-height: 0;
    }
    .landing.guide .guide-boxes .owl-carousel .tagline {
        color: #c1cdcb;
        font-size: 20px;
        display: block;
        font-family: 'Roboto Slab', Palatino Linotype, Palatino, serif;
        letter-spacing: 0.025em;
        font-weight: 500;
        line-height: 24px;
        font-style: italic;
        padding: 10px 100px 5px 24px;
        text-shadow: 1px 2px 0px rgba(32, 32, 32, 0.75);
    }
    .landing.guide .guide-boxes .owl-carousel .content {
        background-color: #232525;
        /*height: 195px;*/
        min-height: 192px;
        padding: 16px 15px 8px 20px;
        position: relative;
    }
    .landing.guide .guide-boxes .owl-carousel .content * + * {
        margin-top: 0.5em;
    }
    .landing.guide .guide-boxes .owl-carousel .content,
    .landing.guide .guide-boxes .owl-carousel .content p {
        color: #fff;
        font-size: 16px;
        line-height: 21px;
    }
    .landing.guide .guide-boxes .owl-carousel .content .button {
        display: block;
        /*bottom: 20px;
        left: 50%;
        margin: 0 auto 0 -115px;*/
        margin: 0 auto;
        max-width: 235px;
        padding: 15px 22px;
        position: relative;
    }
    .landing.guide .guide-boxes .owl-carousel .owl-controls {
        top: 297px;
        width: auto;
    }
    .landing.guide .guide-boxes .owl-carousel .owl-controls .owl-nav {
        width: 100%;
    }
    .landing.guide .guide-boxes .owl-carousel .owl-controls .owl-dots {
        display: none !important;
    }
}
@media only screen and (min-width: 899px) {
/*    .landing.guide .guide-boxes .guide-box:hover,
    .landing.guide .guide-boxes .guide-box.more-info {
        padding-bottom: 76px;
    }*/
    .landing.guide .guide-boxes .guide-box .img-wrapper {
        width: 100%;
        height: 180px;
        overflow: hidden;
        position: relative;
    }
    .landing.guide .guide-boxes .guide-box .img-wrapper .img-hover{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0,0,0, 0.7);
		display: block;
		opacity: 0;
    }
    .landing.guide .guide-boxes .guide-box .img-wrapper .img-hover h2{
    	opacity: 0;
		color: #09AEC2;
		font-size: 18px;
	    display: block;
	    padding: 15px 5px 0;
	    margin: 0 0 15px;
	    text-align: center;
	    font-weight: 600;
	    height: auto;
		text-shadow: 0 0 1px rgba(0,0,0, 0.85);
    }
    .landing.guide .guide-boxes .guide-box .img-wrapper .img-hover h2 span{
		display: inline;
    }
    .landing.guide .guide-boxes .guide-box .img-wrapper .img-hover .description{
		opacity: 0;
    }
    .landing.guide .guide-boxes .guide-box .img-wrapper .img-hover .description p{
		color: #fff;
		font-size: 13px;
	    line-height: 1.2em;
	    font-weight: 600;
	    padding: 0 10px;
		text-shadow: 0 0 1px rgba(0,0,0, 0.85);
    }
    .landing.guide .guide-boxes .guide-box .img-wrapper img {
        width: 256px;
        height: auto;
        left: 50%;
        margin-left: -128px;
        position: absolute;
    }
/*    .landing.guide .guide-boxes .guide-box:hover h2,
    .landing.guide .guide-boxes .guide-box.more-info h2 {
        height: 62px;
        color: #01aec0;
    }*/
/*    .landing.guide .guide-boxes .guide-box:hover .description,
    .landing.guide .guide-boxes .guide-box.more-info .description,
    .landing.guide .guide-boxes .guide-box:hover .more,
    .landing.guide .guide-boxes .guide-box.more-info .more  {
        display: block;
    }*/

    .landing.guide .guide-boxes .guide-box .content .more {
        background-color: white;
        bottom: 0;
        position: absolute;
        width: 100%;
        opacity: 0;
        display: block;
    }
/*    .landing.guide .guide-boxes .guide-box:hover .content,
    .landing.guide .guide-boxes .guide-box.more-info .content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 256px;
        background-color: rgba(0, 0, 0, .65);
    }
*/}
@media only screen and (max-width: 1140px) {
    .landing.guide h1 {   
        width: 100%;
        float: none;        
    }
    .landing.guide .pre-content > .wrapper:first-child {
        margin-top: -369px;
    }
    .tab-menu.wrapper {
        display: table;
        height: auto;
        width: 100%;
        padding: 20px 50px 0;
    }
    .tab-menu ul {
        float: none;
    }
    .tab-menu li {
        float: left;
        max-width: none;
        width: 31.6%;
        display: table;
        margin-right: 2.6%;
    }
    .tab-menu li:last-child {
        margin-right: 0;
    }
    .tab-menu li + li {
        margin-left: 0;
    }
    .tab-menu li > a {
        display: table-cell;
        vertical-align: middle;
    }
}
@media only screen and (max-width: 990px) {
    .landing.guide .guide-boxes .owl-carousel .content, 
    .landing.guide .guide-boxes .owl-carousel .content p {
        font-size: 14px;
        line-height: 18px;
    }
}
@media only screen and (max-width: 380px) {
    .landing.guide .guide-boxes .owl-carousel .owl-controls { 
        top: 158px !important;
    }
}
@media only screen and (min-width: 900px) {
    .landing.guide .guide-boxes .content-active-slide {
        display: none !important;
    }
}
@media all {
    body.theme {
        background-image: none;
    }
    .theme .bg-banner-img,
    .theme.landing #main-content .bg-main-content {
        background-size: 1586px auto;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center top;
        -webkit-filter: blur(3px); 
        -moz-filter: blur(3px); 
        -o-filter: blur(3px); 
        -ms-filter: blur(3px); 
        filter: blur(3px);
        min-height: 601px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        z-index: 1;
    }
    .theme header {
        min-height: 0;
    }
    .theme header::before {
        display: none;
    }
    .theme header .branding {
    	display: none;
    }
    .theme article::before {
        background-color: white;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 601px;
        width: 100%;
        z-index: -1;
    }
    .theme article {
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 1600px auto;
        padding-top: 100px;
    }
/*    .theme.magenta article {
        background-image: url('../images/theme-background-graphics_magenta.png');
    }
    .theme.blue article {
        background-image: url('../images/theme-background-graphics_blue.png');
    }
    .theme.orange article {
        background-image: url('../images/theme-background-graphics_orange.png');
    }
    .theme.lime article {
        background-image: url('../images/theme-background-graphics_lime.png');
    }
    .theme.purple article {
        background-image: url('../images/theme-background-graphics_purple.png');
    }
    .theme.teal article {
        background-image: url('../images/theme-background-graphics_teal.png');
    }*/
    .theme .pre-content {
        background-color: transparent;
        padding: 0;
        text-align: center;
        color: white;
    }
    .theme .pre-content .tagline {
        font-size: 57px;
        color: white;
        font-weight: 700;
        text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
        font-family: 'Roboto Slab', Palatino Linotype, Palatino, serif;
        letter-spacing: 0.025em;
        padding: 0 128px;
    }
    .theme .pre-content .tagline .lead-in {
        font-size: 32px;
        text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
        font-weight: 900;
        text-transform: uppercase;
        display: block;
    }
    .theme .pre-content > .wrapper {
        position: relative;
    }
    .theme .theme-nav a {
        font-size: 0;
        color: transparent;
        position: absolute;
        top: 50%;
        margin-top: -15px;
    }
    .theme .theme-nav a::before {
        font-size: 38px;
        color: rgba(255, 255, 255, 0.502);
    }

    .theme .theme-nav a:hover::before {
        color: white;
        text-shadow: 0px 2px 1px black;
    }
    .theme .theme-nav.prev a {
        left: 140px;    
    }
    .theme .theme-nav.next a {
        right: 140px;
    }
    .theme .theme-nav.prev a::before {
        content: "\f053";
    }
    .theme .theme-nav.next a::before {
        content: "\f054";
    }
    .theme #main-content {
        background-color: transparent;
    }
    .theme .content-area {
        margin-left: 0;
    }
    .theme .content-area .sidebar-content {
    	width: 276px;
    }
    .theme #main-content .content-area h1 {
    	font-size: 45px;
    	line-height: 48px;
    	margin-top: 24px;
    }
    .theme #main-content .content-area .sidebar-content h2 {
        font-size: 24px;
        line-height: 28px;
        color: #006940;
    }
    .theme #main-content .content-area .sidebar-content h3 {
        color: #42413f;  
        font-size: 16px;
        line-height: 19px;
        font-family: 'Roboto Slab', Palatino Linotype, Palatino, serif;
        letter-spacing: 0.025em;
    }
    .theme #main-content .content-area .sidebar-content h3 .fa {
        color: #b3b4ae;
    }
    .theme #main-content .sidebar-content h3 + * {
        margin-top: 7px;
    }



    /* COLOR THEMES */

    /* magenta */
    .magenta .cta,
    .theme.landing #main-content .themes .theme.more-info.magenta,
    .theme.landing #main-content .themes .theme.more-info.magenta .img-wrapper::after,
    .theme.landing #main-content .themes .theme.more-info-toggle.magenta .more,
    .banner [data-theme="magenta"] .content .band,
    .feature[data-theme="magenta"] {
        background-color: #a6237f;
    }
    .magenta .cta:hover,
    .magenta .cta:focus{
        background-color: #be2992;
    }
    .theme.landing #main-content .themes .theme.magenta .content h2,
    .magenta .content-area h1,
    .theme.landing #main-content .themes .theme.magenta .more .button:hover, 
    .theme.landing #main-content .themes .theme.magenta .more .button:focus {
        color: #a6237f;
    }
    .theme.landing #main-content .themes .theme.magenta .content .hash {
        color: #370729;
    }

    .banner [data-theme="magenta"] .content .band {
        color: #F5D0E9;
    }

    /* blue */
    .blue .cta,
    .theme.landing #main-content .themes .theme.more-info.blue,
    .theme.landing #main-content .themes .theme.more-info.blue .img-wrapper::after,
    .theme.landing #main-content .themes .theme.more-info-toggle.blue .more,
    .banner [data-theme="blue"] .content .band,
    .feature[data-theme="blue"] {
        background-color: #037dc6;
    }
    .blue .cta:hover,
    .blue .cta:focus {
        background-color: #1e97df;
    }
    .theme.landing #main-content .themes .theme.blue .content h2,
    .blue .content-area h1,
    .theme.landing #main-content .themes .theme.blue .more .button:hover, 
    .theme.landing #main-content .themes .theme.blue .more .button:focus {
        color: #037dc6;
    }
    .theme.landing #main-content .themes .theme.blue .content .hash {
        color: #023d60;
    }

    .banner [data-theme="blue"] .content .band {
        color: #ffffff;
    }

    /* orange */
    .orange .cta,
    .theme.landing #main-content .themes .theme.more-info.orange,
    .theme.landing #main-content .themes .theme.more-info.orange .img-wrapper::after,
    .theme.landing #main-content .themes .theme.more-info-toggle.orange .more,
    .banner [data-theme="orange"] .content .band,
    .feature[data-theme="orange"] {
        background-color: #f37022;
    }
    .orange .cta:hover,
    .orange .cta:focus {
        background-color: #f7891e;
    }
    .theme.landing #main-content .themes .theme.orange .content h2,
    .orange .content-area h1,
    .theme.landing #main-content .themes .theme.orange .more .button:hover, 
    .theme.landing #main-content .themes .theme.orange .more .button:focus {
        color: #f37022;
    }
    .theme.landing #main-content .themes .theme.orange .content .hash {
        color: #8e3500;
    }

    .banner [data-theme="orange"] .content .band {
        color: #1A0B04;
    }

    /* lime */
    .lime .cta,
    .theme.landing #main-content .themes .theme.more-info.lime,
    .theme.landing #main-content .themes .theme.more-info.lime .img-wrapper::after,
    .theme.landing #main-content .themes .theme.more-info-toggle.lime .more,
    .banner [data-theme="lime"] .content .band,
    .feature[data-theme="lime"] {
        background-color: #adc629;
    }
    .lime .cta:hover,
    .lime .cta:focus {
        background-color: #bcd631;
    }
    .theme.landing #main-content .themes .theme.lime .content h2,
    .lime .content-area h1,
    .theme.landing #main-content .themes .theme.lime .more .button:hover, 
    .theme.landing #main-content .themes .theme.lime .more .button:focus {
        color: #adc629;
    }
    .theme.landing #main-content .themes .theme.lime .content .hash {
        color: #5a6b00;
    }

    .banner [data-theme="lime"] .content .band {
        color: #1C2006;
    }

    /* purple */
    .purple .cta,
    .theme.landing #main-content .themes .theme.more-info.purple,
    .theme.landing #main-content .themes .theme.more-info.purple .img-wrapper::after,
    .theme.landing #main-content .themes .theme.more-info-toggle.purple .more,
    .banner [data-theme="purple"] .content .band,
    .feature[data-theme="purple"] {
        background-color: #504d98;
    }
    .purple .cta:hover,
    .purple .cta:focus {
        background-color: #6460b2;
    }
    .theme.landing #main-content .themes .theme.purple .content h2,
    .purple .content-area h1,
    .theme.landing #main-content .themes .theme.purple .more .button:hover, 
    .theme.landing #main-content .themes .theme.purple .more .button:focus {
        color: #504d98;
    }
    .theme.landing #main-content .themes .theme.purple .content .hash {
        color: #311c4d;
    }

    .banner [data-theme="purple"] .content .band {
        color: #D6D5F7;
    }

    /* teal */
    .teal .cta,
    .theme.landing #main-content .themes .theme.more-info.teal,
    .theme.landing #main-content .themes .theme.more-info.teal .img-wrapper::after,
    .theme.landing #main-content .themes .theme.more-info-toggle.teal .more,
    .banner [data-theme="teal"] .content .band,
    .feature[data-theme="teal"] {
        background-color: #3ab3c1;
    }
    .teal .cta:hover,
    .teal .cta:focus {
        background-color: #41c9d9;
    }
    .theme.landing #main-content .themes .theme.teal .content h2,
    .teal .content-area h1,
    .theme.landing #main-content .themes .theme.teal .more .button:hover, 
    .theme.landing #main-content .themes .theme.teal .more .button:focus {
        color: #3ab3c1;
    }
    .theme.landing #main-content .themes .theme.teal .content .hash {
        color: #1f5c63;
    }

    .banner [data-theme="teal"] .content .band {
        color: #092124;
    }     

    /* Navigation Carousel */

    .owl-carousel.navigation .owl-stage {
        background-color: #eff0e7;
        padding-bottom: 60px;
    }
    .owl-carousel.navigation .content {
        font-size: 18px;
        line-height: 24px;
        padding: 13px 20px;
    }
    .owl-carousel.navigation .owl-item .img-wrapper {
    	position: relative;
    }
    .owl-carousel.navigation .owl-item .img-wrapper::after {
    	content: "";
    	position: absolute;
    	bottom: 0;
    	left: 0;
    	right: 0;
    	height: 10px;
    	width: 100%;
    }
    .theme.landing #main-content .themes .theme.magenta .img-wrapper::after,
    .magenta .owl-carousel.navigation .owl-item .img-wrapper::after,
    .theme.landing #main-content .themes .theme.more-info-toggle.magenta .img-band,
    .theme.landing #main-content .themes .theme.more-info.magenta .content {
         background-color: rgba(166, 35, 127, 0.75);
    }
    .theme.landing #main-content .themes .theme.blue .img-wrapper::after,
    .blue .owl-carousel.navigation .owl-item .img-wrapper::after,
    .theme.landing #main-content .themes .theme.more-info-toggle.blue .img-band, 
    .theme.landing #main-content .themes .theme.more-info.blue .content {
         background-color: rgba(3, 125, 198, 0.75);
    }
    .theme.landing #main-content .themes .theme.purple .img-wrapper::after,
    .purple .owl-carousel.navigation .owl-item .img-wrapper::after,
    .theme.landing #main-content .themes .theme.more-info-toggle.purple .img-band,
    .theme.landing #main-content .themes .theme.more-info.purple .content {
         background-color: rgba(80, 77, 152, 0.75);
    }
    .theme.landing #main-content .themes .theme.orange .img-wrapper::after,
    .orange .owl-carousel.navigation .owl-item .img-wrapper::after,
    .theme.landing #main-content .themes .theme.more-info-toggle.orange .img-band,
    .theme.landing #main-content .themes .theme.more-info.orange .content {
         background-color: rgba(243, 112, 34, 0.75);
    }
    .theme.landing #main-content .themes .theme.lime .img-wrapper::after,
    .lime .owl-carousel.navigation .owl-item .img-wrapper::after,
    .theme.landing #main-content .themes .theme.more-info-toggle.lime .img-band,
    .theme.landing #main-content .themes .theme.more-info.lime .content {
         background-color: rgba(173, 198, 41, 0.75);
    }
    .theme.landing #main-content .themes .theme.teal .img-wrapper::after,
    .teal .owl-carousel.navigation .owl-item .img-wrapper::after,
    .theme.landing #main-content .themes .theme.more-info-toggle.teal .img-band,
    .theme.landing #main-content .themes .theme.more-info.teal .content {
         background-color: rgba(58, 179, 193, 0.75);
    }
    #main-content .owl-carousel.navigation .content {
        margin-top: 0;
    }
    .owl-carousel.navigation .content a {
        color: #006940;
    }
    .owl-carousel.navigation .content a:focus,
    .owl-carousel.navigation .content a:hover {
        color: #009058;
    }
    .owl-carousel.navigation .owl-controls {
        bottom: 19px;
        position: absolute;
        right: unset;
        width: 100%;
    }
    .owl-carousel.navigation .owl-controls .owl-nav {
        float: none;
        position: absolute;
        width: 100%;
    }
    .owl-carousel.navigation .owl-controls .owl-prev {
        float: left;
        margin-left: 72px;
    }
    .owl-carousel.navigation .owl-controls .owl-next {
        float: right;
        margin-right: 72px;
    }
    .owl-carousel.navigation .owl-nav > div {
        background-color: #dbded5;
        border-color: #a4a59f;
    }
    .owl-carousel.navigation .owl-nav > div:hover {
        background-color: #c7cac1;
    }
    .owl-carousel.navigation .owl-controls .owl-dots {
        text-align: center;
        width: 100%;
        float: none;
    }
    .owl-carousel.navigation .owl-controls .owl-dots .owl-dot {
        color: #535451;
    }

/*    .theme footer {
        background-image: url('../images/footer-background-image-theme.jpg');
    }*/

    /* Theme Landing */
    .theme.landing .bg-banner-img {
        min-height: 100%;
        -webkit-filter: none; 
        -moz-filter: none; 
        -o-filter: none; 
        -ms-filter: none; 
        filter: none;
    }
    .theme.landing .bg-banner-graphics {
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 1600px auto;
/*        background-image: url('../images/theme-background-graphics_landing.png');*/
        width: 100%;
        height: 801px;
        position: absolute;
        top: 0;
        left: 0;
    }
    .theme.landing .pre-content > .bg-banner-graphics ~ .wrapper {
        margin-top: 270px;
    }
    .theme.landing h1 {
        font-size: 90px;
        text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.6);
        font-weight: 700;
        text-transform: uppercase;
    }

    .theme.landing header::after {
        display: none;
    }
    .theme.landing article::before {
        /*top: 802px;*/
        display: none;
    }
    .theme.landing #main-content {
        /*padding-top: 560px;
        margin-top: 102px;*/
        position: relative;

        margin: 102px auto -7px;
        max-width: 1600px;
    }
    .theme.landing #main-content .bg-main-content {
/*        background-image: url('../images/theme-landing-main-content-img.jpg');*/
        height: 100%;
        width: 100%;
        z-index: -1;
        background-attachment: scroll;
        background-size: cover;
    }
    /*.theme.landing #main-content > .wrapper:first-child {
        background-image: url('../images/theme-landing-bg-img-overlay.png');
        background-repeat: repeat;    
    }*/
    .theme.landing #main-content .themes {
        margin-left: -3%;
    }
    .theme.landing #main-content .themes .theme {
        float: left;
        width: 47%;
        margin-top: 0;
        max-width: 528px;
        margin-left: 3%;
        overflow: hidden;
        position: relative;
        margin-bottom: 2em;
        padding-bottom: 90px;
    }
    .js .theme.landing #main-content .themes .theme.more-info {
        cursor: pointer;
    }
    .theme.landing #main-content .themes .theme .img-wrapper {
        position: relative;
        overflow: hidden;
        width: 100%;
    }
    .theme.landing #main-content .themes .theme .img-wrapper::after {
        content: "";
        height: 10px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .theme.landing #main-content .themes .theme.more-info .img-wrapper::after {
        height: 22px;
    }
    .theme.landing #main-content .themes .theme .img-wrapper .img-band {
        height: 0px;
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
    }
    
    .theme.landing #main-content .themes .theme img {
        display: block;
        height: auto;
        max-width: none;
        width: 100%;
    }
    .theme.landing #main-content .themes .theme .content {
        background-color: rgba(255, 255, 255, 0.85);
        margin-top: 0;
        text-align: center;
        padding: 4px 5px 20px;
        height: 90px;
        position: absolute;
        width: 100%;
        bottom: 0;
    }
/*    .theme.landing #main-content .themes .theme.more-info .content {
        height: auto;
        padding-bottom: 18px;
        padding-top: 20px;
    }*/
    .theme.landing #main-content .themes .theme .content h2 {
        font-family: 'Roboto Slab', Palatino Linotype, Palatino, serif;
        letter-spacing: 0.025em;
        font-size: 36px;
        height: 48px;
        display: table;
        width: 100%;
    }
    .theme.landing #main-content .themes .theme .content h2 span {
        display: table-cell;
        vertical-align: middle;
    }
    .theme.landing #main-content .themes .theme.more-info .content h2 {
        height: auto;
    }
    .theme.landing #main-content .themes .theme.more-info .content h2,
    .theme.landing #main-content .themes .theme.more-info .content .description,
    .theme.landing #main-content .themes .theme.more-info .more a {
        color: white;
    }
    .theme.landing #main-content .themes .theme .description,
    .theme.landing #main-content .themes .theme .more,
    .theme.landing #main-content .themes .theme .more .button {
        display: none;
    }
    .theme.landing #main-content .themes .theme .more{
		display: block;
		z-index: 1;
		height: 0px;
		background: red;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
    }
    .theme.landing #main-content .themes .theme .more .button {
		margin-top: 20px;
    }
    .theme.landing #main-content .themes .theme.more-info .content .description {
        font-size: 14px;
        line-height: 18px;
        display: block;
        margin-bottom: 50px;
        margin-top: 9px;
    }
    .theme.landing #main-content .themes .theme.more-info-toggle .content .description{
		width: 100%;
		left: 0;
		right: 0;
    }
    .theme.landing #main-content .themes .theme.more-info-toggle .content .description p{
        font-size: 14px;
        line-height: 18px;
        display: block;
        margin-bottom: 50px;
        margin-top: 9px;
    }
    .theme.landing #main-content .themes .theme.more-info .more {
        display: block;
    }
    .theme.landing #main-content .themes .theme.more-info-toggle .more .button {
        background-color: transparent;
        border: 1px solid white;
        text-shadow: none;
        text-transform: none;
        display: inline-block;
        font-size: 14px;
        line-height: 18px;
        padding: 12px 15px 11px;
        font-family: "Open Sans",Verdana,Geneva,sans-serif;
        letter-spacing: 0;
    }
    .theme.landing #main-content .themes .theme.more-info-toggle .more .button:hover, 
    .theme.landing #main-content .themes .theme.more-info-toggle .more .button:focus {
        background-color: white;
    }
    .theme.landing #main-content .themes .theme.more-info-toggle .more .button::after {
        font-size: 16px !important;
        top: 1px;
    }
    .theme.landing #main-content .themes .theme .content .hash {
        color: #727272;
        font-style: italic;
        line-height: 18px;
        margin-top: 2px;
    }
    .theme.landing #main-content .themes .theme.more-info .content .hash {
        margin-top: 10px;
    }
    
    .theme.landing #main-content .wrapper .content-area .themes .theme .content .hash{
		position: absolute;
		bottom: 20px;
		left: 0;
		right: 0;
		z-index: 1;
    }
    
}
@media only screen and (max-width: 1080px) {
    .theme.landing #main-content .themes .theme .content h2 {
        font-size: 26px;
        line-height: 24px;
    }
    .theme.landing #main-content .themes .theme .content {
        /*padding-top: 19px;*/
    }
}
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
/*  background: url("owl.video.play.png") no-repeat;*/
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

@media all {
    body.home, 
    body.html.home {
        background-image: none;
    }
    .home .wrapper {
        max-width: 1280px;
    }
    .home header {
        background-image: none;
        min-height: 0;
    }
    .home header .branding {
        z-index: 5;
        position: absolute;
    }
    .home article {
        z-index: auto;
        background-color: #31302f;
    }
    .home article .wrapper {
        max-width: 1600px;
    }
    .home .the-latest {
        display: block;
    }

    .banner .img-wrapper {
        -webkit-box-shadow: inset -1px 99px 46px -25px rgba(0, 0, 0, 0.5), inset 0 -99px 46px -25px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: inset -1px 99px 46px -25px rgba(0, 0, 0, 0.5), inset 0 -99px 46px -25px rgba(0, 0, 0, 0.5);
        box-shadow: inset -1px 99px 46px -25px rgba(0, 0, 0, 0.5), inset 0 -99px 46px -25px rgba(0, 0, 0, 0.5);
    }
    .banner .owl-controls {
        margin: 0 auto;
        max-width: 1275px;
        position: relative;
        width: 100%;
        right: auto;
        bottom: auto;
    }
    .banner .owl-controls .owl-dots {
        display: none !important;
    }
    .banner .owl-controls .owl-nav {
        float: none;
        width: 100%;
    }

    .banner .owl-nav > div {
        background-color: transparent;
        font-size: 40px;
        color: white;
        border: 0 none;
        position: absolute;
        bottom: 36px;
    }
    .banner .owl-nav > div:hover {
        color: black;
        opacity: 0.3;
    }
    .banner .owl-nav > .owl-next {
        right: 50px;
    }
    .banner .owl-nav > .owl-prev {
        left: 50px;
    }
    .banner .owl-nav > div > span {
        /*display: none;*/
        opacity: 0;
    }

    .banner .img-wrapper {
        height: 680px;
        max-width: 1600px;
        margin: 0 auto;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        margin-bottom: 41px;
    }
    .js .banner .img-wrapper img {
        display: none;
    }
    .banner .content {
        text-align: center;
        bottom: 0;
        position: relative;
        min-height: 132px;
    }
    .banner .content > a {
        display: block;
        margin-top: -145px;
    }
    .banner .content h2 {
        color: white;
        font-size: 55px;
        font-weight: 700;
        /*margin-top: -93px;*/
        /*text-shadow: -1px 2px 1px rgba(0, 0, 0, 0.5);*/
        text-shadow:-1px 2px 1px rgba(0, 0, 0, 0.5), 0 0 40px #000000;
        background-color: transparent;
        padding: 0 0 50px;
        position: relative;
        display: table;
        height: 145px;
        font-family: 'Roboto Slab', Palatino Linotype, Palatino, serif;
        letter-spacing: 0.025em;
    }
    .banner .content h2 span {
        display: table-cell;
        vertical-align: middle;
    }
    .banner .content .band {
        /*background-color: #3ab3c1;*/
        color: #164c52;
        display: table;
        padding: 22px 97px;
        width: 100%;
        overflow: hidden;
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
        position: absolute;
        bottom: 0;
    }

    .banner .content .band > p {
        display: table-cell;
        height:72px;
        vertical-align: middle;
    }


    .home .banner .content .band > p {
        display: inline-table;
        max-width: 1080px;
        margin: 0px;
    }



    .band > p > span.rotator-text {
        display: table-cell;
        vertical-align: middle;
    }

    .banner .content .band > .hover {
        height:72px;
        text-transform: uppercase;
        font-size: 30px;
        font-weight: bold;
        vertical-align: middle;
    }
    .banner .content .band > .hover,
    .banner .content a:hover .band > p:first-child {
        display: none;
    }
    .banner .content a:hover .band > .hover {
        display: table-cell;
    }
    .banner .content .band > .hover > p:first-child::after {
        content: "\f138";
        padding-left: 8px;
    }

}
@media only screen and (min-width: 1570px) {
    .banner .img-wrapper {
        -webkit-box-shadow: inset -11px 0 29px 20px #31302f, inset 49px 50px 50px -20px #31302f;
        -moz-box-shadow: inset -11px 0 29px 20px #31302f, inset 49px 50px 50px -20px #31302f;
        box-shadow: inset -11px 0 29px 20px #31302f, inset 49px 50px 50px -20px #31302f;
    }
}
@media only screen and (min-width: 900px) {
    .banner .img-wrapper {
        margin: 0 auto; /* 134px;*/
    }
    /*.banner .content h2 {
        bottom: 100px;
        position: absolute;
    }
    .banner .content .band {
        bottom: 0;
        position: absolute;
        width: 100%;
    }*/
    .banner .feature {
        background-color: #31302f;
    }
    .home .audience-menu > ul::after {
        top: 0;
    }
    .home .audience-menu .flyout {
        bottom: 220px;
    }
    .home .audience-menu > ul::after {
        content: url('../images/audience-menu-mason-m-top_home.png');
    }
    .home .audience-menu > ul > li > a {
        padding: 20px 0 21px;
        margin-top: 0;
        margin-bottom: 0;
        height: auto;
        text-shadow: none;
    }
    .home .audience-menu > ul > li.flyout-active > a::before {
        top: 0;
    }
    .home .audience-menu > ul > li > a > .img-wrapper {
        height: auto;
    }
    .home .audience-menu > ul > li > a img {
        position: static;
        -webkit-filter: initial; 
        -moz-filter: initial; 
        -o-filter: initial; 
        -ms-filter: initial; 
        filter: initial;
    }
    .home .audience-menu > ul > li > a > h2 {
        position: static;
        padding: 9px 50px 0 5px;
        background-color: transparent;
        height: auto;
    }
    .home .audience-menu > ul > li > a:hover h2 {
        background-color: transparent;
    }
    
    .banner .content h2{bottom:10px;}
}

@media (max-width: 660px){
    .home .banner .content h2 { font-size: 35px !important;}
}
@media (min-width: 1600px) {
    .footer  {
    -webkit-box-shadow: inset -40px 0 20px -20px #31302f, inset 40px 0 20px -20px #31302f;
    -moz-box-shadow: inset -40px 0 20px -20px #31302f, inset 40px 0 20px -20px #31302f;
    box-shadow: inset -40px 0 20px -20px #31302f, inset 40px 0 20px -20px #31302f;
}
body,
body.html,
footer {
    background-color: #31302f;
    background-size: 1600px auto;
}
.owl-carousel-bg {
    padding-bottom: 0;
    padding-top: 0;
}
.owl-carousel-bg .owl-carousel  {
    -webkit-box-shadow: inset -40px 0 20px -20px #1d1d1c, inset 40px 0 20px -20px #1d1d1c;
    -moz-box-shadow: inset -40px 0 20px -20px #1d1d1c, inset 40px 0 20px -20px #1d1d1c;
    box-shadow: inset -40px 0 20px -20px #1d1d1c, inset 40px 0 20px -20px #1d1d1c;
    max-width: 1600px;
    padding: 69px 200px;
}
.owl-carousel-bg .owl-nav .owl-prev {
    left: 175px;
}
.owl-carousel-bg .owl-nav .owl-next {
    right: 175px;
}


.theme header::after {
    background-color: white;
    content: "";
    height: 150px;
    left: 0;
    margin-top: 468px;
    position: absolute;
    right: 0;
    top: 0;
}

.the-latest,
.the-latest.wrapper {
    -webkit-box-shadow: inset -40px 0 20px -20px #31302f, inset 40px 0 20px -20px #31302f;
    -moz-box-shadow: inset -40px 0 20px -20px #31302f, inset 40px 0 20px -20px #31302f;
    box-shadow: inset -40px 0 20px -20px #31302f, inset 40px 0 20px -20px #31302f;
}
.compress #nav-underlay {
    height: 68px;
    width: 25%;
    left: 75%;
}
.global-nav .compressed::before {
    border-bottom: 68px solid #006940;
    border-left: 35px solid transparent;
    content: "";
    height: 68px;
    right: 319px;
    position: absolute;
    top: 0;
    width: 0;
}
}
@media (min-width: 1200px) {
    header::before {
    content: "";
    height: 179px;
    left: 0;
    margin: 0 auto;
    max-width: 1600px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    -webkit-box-shadow: inset -40px 0 20px -20px #31302f, inset 40px 0 20px -20px #31302f;
    -moz-box-shadow: inset -40px 0 20px -20px #31302f, inset 40px 0 20px -20px #31302f;
    box-shadow: inset -40px 0 20px -20px #31302f, inset 40px 0 20px -20px #31302f;
}

.footer {
    max-width: 1600px;
    margin: 0 auto;
}
.footer > .wrapper {
    max-width: 1290px;
    padding-right: 65px;
    margin: 0 auto;
}

.theme.landing #main-content .bg-main-content::before {
    content: "";
    margin: 0 auto;
    max-width: 1600px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    -webkit-box-shadow: inset -40px 0 20px -20px #31302f, inset 40px 0 20px -20px #31302f;
    -moz-box-shadow: inset -40px 0 20px -20px #31302f, inset 40px 0 20px -20px #31302f;
    box-shadow: inset -40px 0 20px -20px #31302f, inset 40px 0 20px -20px #31302f;
}

}
@media (max-width: 899px) {
.banner .content h2 {
    font-size: 50px;
    padding: 0 10px 20px;
    margin-top: 0;
}
.compress-tablet header .main-menu,
.compress-tablet header .utility-links,
.compressed .logo {
    display: none;
}
header .compressed {
    background-color: #006940;
    display: block;
    position: fixed;
    right: 0;
    top: 0;
    height: 32px;
    padding: 6px 20px 0 17px;
}
header .branding {
    margin-left: 7px;
    position:absolute;
}
.branding img {
    height: 140px;
}
.landing header {
    min-height: 291px;
}
nav.global-nav {
    height: auto;
}

.compress .global-nav .branding,
.compress-tablet .global-nav .branding {
    display: none;
}
.global-nav .branding,
header.search-expanded nav.global-nav .branding {
    display: block;
}

.global-nav .branding > a {
    display: block;
    height: 140px;
    width: 200px;
}
.global-nav .branding img {
    display: none;    
}
nav.global-nav,
header.search-expanded nav.global-nav,
[class*="compress"] header.search-expanded nav.global-nav {
    -webkit-box-shadow: 0 30px 30px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 30px 30px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 30px 30px 0 rgba(0, 0, 0, 0.5);
    /*-webkit-box-shadow: 0 0 20px 35px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 20px 35px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 20px 35px rgba(0, 0, 0, 0.5);*/
}
[class*="compress"] header nav.global-nav {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.search-expanded nav.global-nav {
    overflow: visible;
    padding-bottom: 25px;
}
nav.global-nav,
.search-expanded .global-nav .utility-links {
/*    background: url('../images/mason-logo-green.png') no-repeat scroll 22px 12px / 170px auto white;*/
    padding-top: 104px;
    width: 100%;
}
.global-nav-icon::before {
    content: "\f00d";
    font-size: 18px !important;
    width: 15px;
}
[class*="compress"] header .global-nav-icon::before {
    content: "\f0c9"; 
}

header .compressed,
[class*="compress"] header .compressed {
    padding: 11px 20px 0 8px;
    height: 36px;
}
.global-nav .compressed::before,
[class*='compress'] header .global-nav .compressed::before {
    border-bottom-width: 35px;
    border-left-width: 16px;
    left: -16px;
    height: 36px;
    top: 0;
}
.compress-tablet nav.global-nav,
.compress nav.global-nav {
    background-color: transparent;
    background-image: none;
    padding-top: 0;
}
.global-nav .green-band,
.global-nav .menu-band {
    padding-right: 0;
    width: 100%;
}
.global-nav .green-band::after,
.global-nav .menu-band::after {
    display: none;
}
.global-nav .utility-links {
    background-color: #ebebeb;
    margin-right: 0;
}
.global-nav .utility-links li > a {
    color: #d5a113;
    font-size: 12px;
    padding: 12px 6px;
    text-shadow: none;
}
.global-nav .utility-links::before {
    border-bottom: 38px solid #ebebeb;
}
.global-nav .utility-links::after {
    display: none;
}

.compressed .search-toggle::after {
    font-size: 18px !important;
    margin-left: 15px;
}
.search-expanded form.search .off-screen::after {
    left: -9999px;
    top: -9999px;
}
.utility-links form.search,
.search-expanded .utility-links > li {
    display: none;
}
.search-expanded .utility-links,
.search-expanded .utility-links > li:last-child,
.search-expanded .utility-links form.search {
    display: block !important;
}
header form.search label input,
header form.search button {
    display: inline-block !important;
}
header form.search button {
    background-color: #febe10;
    margin-left: -5px;
    margin-top: -1px;
    padding: 5px 7px 4px;
}
form.search button::after {
    color: white;
    font-size: 18px !important;
    text-shadow: 0px 1px 0px rgba(157, 126, 0, 0.75);
    height: 20px;
    margin-top: 1px;
    display: inline-block;
    top: -1px;
}
.search-expanded .utility-links > li {
    text-align: center;
    width: 100%;
}
.search-expanded .global-nav .utility-links {
    float: none;
    padding-right: 0;
    padding-top: 143px;
}
.search-expanded form.search {
    background-color: #006940;
    height: auto;
    padding-bottom: 13px;
    padding-top: 13px;
    margin-left: 0;
    width: 100%;
}
.search-expanded form.search > label {
    display: block;
    height: 30px;
    overflow: hidden;
}
.search-expanded form.search label input {
    position: static;
}

header .social-media-and-copyright {
    padding-bottom: 15px;
}
.main-menu {
    display: table;
    width: 100%;
}
.global-nav .main-menu > li {
    display: table-cell;
    text-align: center;
}
.global-nav .main-menu > li > a {
    font-size:16px;
}
.global-nav .main-menu li > a {
    margin-left: 0;
    margin-right: 0;
    padding: 18px 0 17px;
}
header .flyout {
    display: none !important;
}
.wrapper {
    padding: 0 20px;
}
.landing h1 {
    font-size: 48px;
}
h1 {
    font-size: 34px;
    line-height: auto;
}
.content-area h2 {
    line-height: 34px;
}
.breadcrumb, .breadcrumb a {
    font-size: 10px;
}
#main-content .left-column {
    float: none;
    margin-right: 0;
    width: 100%;
}
.content-area {
    margin-left: 0;
    padding-bottom: 14px;
}
.sidebar-content {
    border-top: 1px solid #cdd5d4;
    padding-top: 30px;
}
.cta {
    font-size: 22px;
}
.audience-menu > ul {
    width: 100%;
}
.audience-menu > ul > li > a > h2 {
    font-size: 14px;
    line-height: 14px;
    padding-right: 5px;
 }
 .audience-menu > ul > li + li {
    margin-left: 0.3%;
}
.audience-menu .flyout .columns > .column:first-child + .column {
    display: none;
}
.audience-menu .flyout .column,
.audience-menu .flyout .column:first-child {
    width: 50%;
}
.audience-menu .flyout .column:last-child {
    padding-left: 20px;
}
.audience-menu > ul::after,
.footer .wrapper::after {
    display: none;
}
 .sub-nav-toggle {
    display: block;
 }
 .sub-nav-toggle a {
    display: block;
    border-top: 1px solid #cdd5d4;
    border-bottom: 1px solid #cdd5d4;
    padding: 21px 38px 19px 11px;
    position: relative;
 }
 .sub-nav-toggle.expanded a {
    color: #848381;
 }
 .sub-nav-toggle a::after {
    content: "\f0c9";
    position: absolute;
    right: 12px;
    margin-top: -10px;
    top: 50%;
 }
 .sub-nav-toggle.expanded a::after {
    content: "\f00d";
    color: #007682;
 }
 #sub-nav {
    display: none;
 }
 #sub-nav.expanded {
    display: block;
    position: relative;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 0;
 }
 #main-content #sub-nav.expanded {
    margin-top: 0;
 }
 #sub-nav.expanded > ul {
    background-color: white;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0px 14px 15px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 14px 15px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 14px 15px 0px rgba(0,0,0,0.5);
    padding-left: 20px;
    padding-right: 20px;
    z-index: 8;
    padding-bottom: 35px;
    border-bottom: 0 none;
}
#sub-nav > ul > li:last-child {
    border-bottom: 1px solid #cdd5d4;
}
#sub-nav.expanded > ul > li:first-child > a {
    border-top: 0;
}
.sub-nav .active > a::after {
    left: 0;
    right: unset;
    border-left-color: white;
}
.sub-nav ul ul ul .active > a::after {
    border-left-color: white;
    left: -20px;
    right: unset;
}
.sub-nav a {
    padding-left: 20px;
}
.sub-nav > ul > li > ul > li > a {
    padding-left: 35px;
}
.sub-nav ul ul ul ul li a {
    padding-left: 40px;
}
.column.navigation {
    float: none;
    margin-bottom: 1em;
    width: 100% !important;
}
.column.navigation ~ .column {
    width: 50%;
}
#main-content .feature, 
.alert .feature {
    position: relative;
    overflow: auto;
}
#main-content .feature > img:first-child,
.alert .feature > img:first-child {
    float: left;
    height: auto;
    position: static;
}
#main-content .feature > img:first-child + h2, 
.alert .feature > img:first-child + h2 {
/*    background-image: url("../images/feature-image-overlay_tablet.png");*/
    background-position: left top;
    padding-bottom: 28px;
    padding-top: 11px;
    width: 275px;
    height: auto;
    position: absolute;
    top: 0;
}
.events-feed > ul {
    margin-left: -27px;
}
.events-feed li {
    float: left;
    width: 33.33%;
    padding-left: 88px;
    padding-right: 10px;
}
.events-feed li + li {
    border-top-width: 0;
    border-left: 1px solid #cdd5d4;
}
.events-feed .button {
    clear: both;
    margin-top: 23px;
}
.sidebar-content .events-feed > p {
    max-width: 32%;
    margin: 0 auto;
}
.sidebar-content .events-feed ul + p {
    clear: left;
    padding-top: 1em;
}
.sidebar-content .events-feed > p .button {
    margin-left: -23px;
}
#main-content .feature > img:first-child + h2 {
    margin-top: 0;
}
.feature > img:first-child + h2 ~ * {
    margin-left: 277px;
}

.col-50 {
    float: none;
    padding-right: 0;
    width: 100%;
}
#main-content .col-50 + .col-50 {
    padding-top: 1em;
    clear: left;
}

.col-74,
.col-26,
.theme .col-26 {
    width: 100%;
    padding-right: 0;
    float: none;
}
.theme .col-74 {
    margin-right: 0;
    padding-right: 0;
}
.theme .col-26 {
    padding-left: 20px;
}

/* Landing Guide */
.landing.guide .pre-content > .wrapper:first-child {
    margin-top: -368px;
}
.tab-menu.wrapper {
    padding-left: 20px;
    padding-right: 20px;
}
.tab-menu li > a {
    padding-right: 70px; 
}
.landing.guide .guide-boxes {
    margin-left: 0;
}
.landing.guide .guide-boxes .guide-box {
    height: auto;
    margin-left: 0;
    width: 48%;
    text-align: left;
}
.landing.guide .guide-boxes .guide-box img {
    width: 77px;
    height: 54px;
    float: left;
}
.landing.guide .guide-boxes .guide-box .content .description {
    padding: 15px 15px 0;
}
.landing.guide .guide-boxes .guide-box .more {
    height: auto;
    padding-bottom: 15px;
    text-align: center;
}
.landing.guide .guide-boxes .guide-box h2 {
    height: 54px;
    margin: 0;
}

.landing.guide .guide-boxes .guide-box.expanded .description,
.landing.guide .guide-boxes .guide-box.expanded .more {
    display: block;
    background-color: #595959;
}
.landing.guide .guide-boxes .guide-box:nth-child(even) {
    clear: both;
    margin-right: 4%;
}
.landing.guide .guide-boxes .owl-carousel.default {
    float: none;
    margin-left: 0;
    width: 100%;
    margin-bottom: 2em;
}
.landing.guide .guide-boxes .owl-carousel.default .owl-stage {
    background-color: #232525;
}
.landing.guide .guide-boxes .owl-carousel .img-wrapper {
    float: left;
    width: 48%;
    position: static;
}
.landing.guide .guide-boxes .owl-carousel .content {
    height: auto;
    margin-left: 48%;
    padding: 70px 20px 20px 4%;
}
.landing.guide .guide-boxes .owl-carousel .content .button {
    left: 0;
    margin: 0.75em auto 0;
    position: static;
    font-size: 19px;
    line-height: 19px;
    max-width: 200px;
    padding: 12px 10px;
}
.landing.guide .guide-boxes .owl-carousel .title {
    position: static;
}
.landing.guide .guide-boxes .owl-carousel .tagline {
    background-color: rgba(0, 0, 0, 0.35);
    position: absolute;
    bottom: 0;
    width: 48%;
    line-height: 23px;
    padding-bottom: 12px;
}
.landing.guide .guide-boxes .owl-carousel h2 {
    left: 49%;
    position: absolute;
    right: 0;
    bottom: unset;
    top: 6px;
    width: 51%;
    padding-right: 20px;
    z-index: 2;
    display: table;
}
.landing.guide .guide-boxes .owl-carousel h2 > *:first-child {
    display: table-cell;
    height: 60px;
    vertical-align: middle;
}
.landing.guide .guide-boxes .owl-carousel .content, 
.landing.guide .guide-boxes .owl-carousel .content p {
    font-size: 16px;
    line-height: 21px;
}
.landing.guide .guide-boxes .owl-carousel .owl-controls {
    bottom: 17px;
    left: 0;
    width: 48%;
}
.landing.guide .guide-boxes .owl-carousel .owl-controls .owl-nav {
    float: right;
    margin-right: 10px;
    width: auto;
}
.landing.guide .owl-carousel + .content-active-slide {
    display: none;
}
.tab-flyouts h2 + ul.list-of-links {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.tab-flyouts .a-z {
    float: left;
    width: 50%;
}
.tab-flyouts .a-z ul {
    display: none;
}
.tab-flyouts select[name="az"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 37px;
    font-size: 18px;
    font-weight: 600;
    color: #73726f;
    text-transform: uppercase;
    border: 1px solid #d8d9d1;
    width: 100%;
    padding-left: 6px;
    cursor: pointer;
}
.tab-flyouts select[name="az"] option {
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
}
.tab-flyouts select[name="az"]::-ms-expand { /* for IE 11 */
    display: none;
}
.tab-flyouts .filters .arrow {
    background-color: #febe10;
    color: white;
    text-shadow: 0px 1px 0px rgba(157, 126, 0, 0.75);
    padding-top: 10px;
    position: absolute;
    text-align: center;
    width: 40px;
    display: block;
    bottom: 0;
    right: 0;
    top: 0;
    border: 1px solid #eaaf0f;
    pointer-events: none;
}
.tab-flyouts .a-z .arrow:hover {
    background-color: #e5ad12;
}
.tab-flyouts .filters > form input {
    width: 37%;
}

/* Theme */
.theme.landing header {
    min-height: 0;
}
.theme.landing .bg-banner-graphics {
    background-size: 1170px auto;
    height: 590px;
    top: -83px;
}
.theme.landing .pre-content > .bg-banner-graphics ~ .wrapper {
    margin-top: 107px;
}
.theme .bg-banner-img {
    background-size: 899px auto;
}
.theme.landing h1 {
    font-size: 64px;
}
.theme article {
    background-size: 1050px auto;
    padding-top: 39px;
}
.theme.landing article {
    padding-top: 70px;
}
.theme article::before {
    top: 390px;
}
.theme .theme-nav.prev a {
    left: 20px;    
}
.theme .theme-nav.next a {
    right: 20px;
}
.theme .pre-content .tagline {
    padding: 0 38px;
}
.theme #main-content {
    padding-top: 18px;
}
.theme.landing #main-content {
    margin-top: 72px
}
.theme #main-content .content-area h1 {
    font-size: 38px;
    line-height: 42px;
    margin-top: 27px;
}
#main-content .twitter-feature,
#main-content .instagram-feature {
    width: 50%;
    float: left;
    padding-left: 40px;
    padding-right: 40px;
}
#main-content .twitter-feature + .instagram-feature {
    border-left: 1px solid #cdd5d4;
    border-top-width: 0;
    padding-top: 0;
}
.twitter-feature::after {
    right: 40px;
}
#main-content .owl-carousel + .twitter-feature {
    border-top-width: 0;
    padding-top: 0;
}
.theme .content-area .sidebar-content {
    width: 100%;
}
.owl-carousel.navigation .owl-stage {
    padding-bottom: 0;
}
.owl-carousel.navigation .content {
    max-height: 102px;
    overflow: hidden;
}
.theme #main-content .content-area .owl-carousel.navigation .owl-item > div {
    padding-left: 297px;
}
.theme #main-content .content-area .owl-carousel.navigation .img-wrapper {
    max-width: 276px;
    float: left;
    margin-left: -297px;
}
.owl-carousel.navigation .owl-controls {
    bottom: 12px;
    left: 50%;
    margin-left: 70px;
    width: 21%;
    right: unset;
}
.owl-carousel.navigation .owl-controls .owl-dots {
    margin-left: -8px;
}
.owl-carousel.navigation .owl-controls .owl-nav {
    width: 90%;
}
.owl-carousel.navigation .owl-controls .owl-prev {
    margin-left: 0;
}
.owl-carousel.navigation .owl-controls .owl-next {
    margin-right: 0;
}
.theme.landing #main-content .themes .theme img {
    width: 100%;
}
.theme.landing #main-content .themes .theme .img-wrapper {
    height: auto;
}

.theme.landing #main-content .themes .theme.more-info .content .description,
.theme.landing #main-content .themes .theme.more-info .more {
    display: none;
}
.theme.landing #main-content .themes .theme .content {
    background-color: rgba(255, 255, 255, 0.85);
    bottom: 0;
    height: 90px;
}

/* News */
.news.landing header {
    min-height: 261px;
}
.news.landing .section-title {
    margin-top: -121px;
}
.news.landing .section-title > .wrapper,
.news.landing .section-title .wrapper > h1 {
    height: 84px;
    font-size: 48px;
}
.news .columns + .columns {
    clear: both;
    padding-top: 1em;
}
.news.landing .columns > .col-33 {
    margin-bottom: 2em;
}
.news .events-feed li {
    width: 50%;
}
.news .events-feed li:nth-child(2n) {
    padding-top: 0;
}
.news .events-feed li:nth-child(2n+1) {
    clear: left;
}
.news .col-33 {
    width: 50%;
}
.news.landing .events-feed .button {
    margin-top: 0;
}
.news.landing .columns:first-child + .columns + .columns {
    clear: none;
}
.news.landing #main-content .twitter-feature {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
/*.pager {
    margin: 0 auto;
    max-width: 450px;
}*/
.twitter-feature::after {
    bottom: -35px;
}
.news.landing #main-content .twitter-feature li:last-child {
    padding-bottom: 0;
}


/* Home */
.banner .img-wrapper {
    height: 462px;
    background-size: 1087px auto;
}
.banner .content h2 {
    font-size: 50px;
    padding: 0 10px 20px;
    margin-top: 0;
}
.banner .content .band {
    height: 88px;
    padding: 22px 70px;
    font-size: 15px;
    line-height: 18px;
}
.banner .content > a {
    margin-top: -195px;
}
.banner .content .band > p:first-child {
    display: none;
}
.banner .content .band > .hover {
    font-size: 21px;
    line-height: 24px;
    display: table-cell;
}
.banner .owl-nav > .owl-prev {
    left: 10px;
}
.banner .owl-nav > .owl-next {
    right: 10px;
}
/*.banner .owl-nav > div {
    bottom: 22px;
}*/
.news-boxes .news-box .hover a {
    padding: 11px 20px;
}

/* Alert */
body.alert > .wrapper {
    background-position: 20px 12px;
}
section.alert > .wrapper {
    padding: 0 50px;
}
.js section.alert.active > .bg-band {
    display: none !important;
}
.js .alert-on-screen header .global-nav .compressed {
    position: absolute;
}
.js .alert-off-screen header .global-nav .compressed  {
    position: fixed;
}
.alert .columns .column {
    width: 100%;
    float: none;
    padding-right: 0;
}
.alert .feature {
    max-width: 275px;
    margin: 0 auto;
}
body.alert h1,
section.alert.emergency h1 {
    font-size: 30px;
    line-height: 34px;
}
.alert .intro,
body.alert .intro,
section.alert.emergency .intro {
    font-size: 18px;
    line-height: 31px;
}
section.alert .close {
    left: 20px;
}
section.alert .more-less {
    right: 20px;
}
.compress #nav-underlay,
#nav-underlay {
    display:none;
}
.news #main-content .filters form .dropdown, 
.news #main-content .filters form .date-picker {
    width:25%;
}
.news #main-content .filters form .date-picker input, 
.news #main-content .filters form input {
    width:100%;
    box-sizing: border-box;
}
.news #main-content .filters form .news-search {
    width: 25%;
}
.news #main-content .filters form .news-search input {
    width:75%;
}


}
@media (max-width: 660px) { 
    .hide-from-660 {
    display: none;
}
.show-from-660 {
    display: block;
}
.branding img {
    height: 109px;
}
.landing header {
    min-height: 245px;
}
.wrapper {
    padding: 0 10px;
}
/* Main Menu Flyout */
.compress-tablet .global-nav,
.compress .global-nav {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    overflow: visible; /*initial*/
    min-height: 84px;
}
header form.search label {
    display: block !important;
    margin: 0 auto;
    width: 281px;
}
header form.search label input {
    width: auto;    
}

nav.global-nav {
    min-width: 320px;
    left: 0;
    background-size: 133px auto;
    background-position: 19px 9px;
    padding-top: 122px;
    /* Trying to fix scrolling issue on flyout */
    max-height: 100%;
    overflow: auto;
}
.global-nav .utility-links {
    float: none;
    padding-right: 0;
    text-align: center;
}
.search-expanded .global-nav .utility-links {
    /*background-image: none;*/
    background-size: 133px auto;
    background-position: 19px 9px;
    padding-top: 122px;
}

.compress .global-nav .menu-band,
.compress-tablet .global-nav .menu-band {
    background-color: transparent;
    margin-top: 15px;
    padding-top: 0;
}    
.global-nav .green-band,
.global-nav .menu-band {
    background-color: white;
    margin-bottom: 26px;
    float: none;
    margin-top: 0;
    padding-top: 15px;
}
.global-nav .branding > a {
    display: block;
    height: 104px;
    width: 178px;
}
.global-nav .main-menu li > a {
    background-color: #006940;
    text-align: left;
    margin-left: 16px;
    margin-right: 16px;
    padding: 18px 7px 17px;
}
.global-nav .main-menu,
.global-nav .main-menu > li {
    display: block;
}
.global-nav .main-menu > li:first-child > a::before {
    content:none;
}
.main-menu > li + li {
    margin-top: 5px;
}
h1,
.landing h1 {
    font-size: 28px;
}
.breadcrumb {
    display: none;
}
.content-area .intro {
    font-size: 22px;
    line-height: 32px;
}
.compress-tablet header .global-nav .social-media-and-copyright,
.compress header .global-nav .social-media-and-copyright,
header .social-media-and-copyright .sitemap-toggle {
    display: none;
}
header .global-nav .social-media-and-copyright {
    float: none;
    text-align: center;
    max-width: none;
}
header .social-media-and-copyright .social-media {
    margin-top: 0;
}
header .social-media-and-copyright .social-media li {
    display: inline-block;
    margin-left: 9px;
}
header .social-media-and-copyright .social-media li:first-child {
    margin-left: 0;
}
header .social-media-and-copyright .social-media a {
    height: 37px;
    width: 37px;
}
header .social-media-and-copyright > p {
    padding: 0 60px;
}


body {
    min-height:100vh;
    padding-bottom:185px; /* Height absolute positioned footer bar + background that extends up */
}
body.home {
    background-color: #004c2e;
}
body.home .the-latest,
body.home .audience-menu {
    display: none;
}

.home .banner .content h2 {
    font-size: 42px;
    line-height: 38px;
    margin-top: -96px;
}
body.landing,
body, 
body.html {
    background-size: auto 800px;
    background-repeat: repeat-y;
}
/*body.landing {
    background-size: auto 100%;
}*/
.landing h1 {
    font-size: 34px;
    line-height: 34px;
}
.landing .pre-content > .wrapper:first-child {
    margin-top: -120px;
}
.landing .pre-content p {
    font-size: 20px;
    line-height: 30px;
}
article {
}
body.home article { padding-bottom:0px; }
.columns {
    margin-left: 0;
}
.column {
    float: none;
    margin-left: 0 !important;
    padding-left: 0;
    width: 100% !important;
}
#main-content .content-area .column + .column,
.column + .column {
    margin-top: 1em;
}
.cta,
.landing .cta {
    width: 100%;
    font-size: 19px;
    height: 72px;
}
.cta-boxes > .column {
    height: auto;
}
.cta-boxes > .column + .column {
    margin-top: 7px;
}

.content-area img.right,
.content-area img.left {
    float: none;
    width: 100%;
    margin: 0;
}
.owl-carousel-bg .owl-carousel.wrapper {
    padding: 0 40px;
}
.owl-carousel h2 {
    background-color: #343332;
    font-size: 18px;
    line-height: 22px;
    margin-top: 0 !important;
    padding: 12px 14px;
    position: static;
}
.owl-carousel h2 > span::after {
    font-size: 12px !important;
}
.owl-carousel .owl-controls .owl-dots,
.home .owl-carousel .owl-controls .owl-nav {
    display: none !important;
}
.owl-carousel .owl-controls .owl-nav {
    display: block !important;
}
.owl-carousel .owl-controls {
    width: 100%;
    bottom: auto;
    right: auto;
    top: 50%;
    margin-top: -25px !important;
}
.home .owl-carousel {
    max-height:none !important;
}
.home .owl-carousel .feature {
    height:100% !important;
    background-color:#004c2e;
}
.home .owl-carousel .owl-controls {
    margin-top: 0 !important;
}
.owl-carousel.default .owl-nav > div {
    position: absolute;
}
.owl-carousel.default .owl-nav > .owl-next {
    right: 5px;
}
.owl-carousel.default .owl-nav > .owl-prev {
    left: 5px;
}
.owl-carousel.navigation .owl-controls {
    left: 0;
    right: 0;
    margin:0 auto;
    width: 26%;
    min-width:110px;
    top: auto;
    bottom: 45px;
}
.owl-carousel.navigation .content {
    padding-bottom: 55px;
}
.owl-carousel.default.areas-of-focus .owl-nav > div {
    position: static;
}

#main-content .feature,
.alert .feature {
    margin-left: auto;
    margin-right: auto;
    width: 275px;
}
#main-content .feature > img:first-child,
.alert .feature > img:first-child {
    position: absolute;
    float: none;
}
#main-content .feature > img:first-child + h2,
.alert .feature > img:first-child + h2 {
    position: relative;
    background-image: url('/assets/images/cehd3/feature-image-overlay.png');
    background-position: left bottom;
    height: 183px;
    padding-bottom: 8px;
}
#main-content .feature > img:first-child + h2 ~ *,
.alert .feature > img:first-child + h2 ~ *  {
    margin-left: 0;
}
#main-content .feature .button,
.alert .feature .button {
    display: block;
}
.events-feed {
    margin: 0 auto;
    width: 275px;
}
.sidebar-content .events-feed > p {
    max-width: none;
}
.sidebar-content .events-feed ul + p {
    padding-top: 0;
}
.events-feed > ul,
.sidebar-content .events-feed > p .button {
    margin-left: 0;
}
.events-feed li {
    float: none;
    width: 100%;
    padding-left: 68px;
    padding-right: 0;
}
.events-feed li + li {
    border-left-width: 0;
    border-top-width: 1px;
}

/* News Section */
.news.landing .pre-content > .wrapper {
    margin-top: 0;
}
.news.landing header {
    min-height: 212px;
}
.news.landing .section-title {
    margin-top: -104px;
}
.news.landing .section-title > .wrapper,
.news.landing .section-title .wrapper > h1 {
    height: 67px;
    font-size: 34px;
}
.news .latest-news-feed,
.latest-news-feed .img-wrapper {
    display: none;
}
.latest-news-feed .img-wrapper ~ * {
    margin-left: 0%;
}
.news.landing .latest-news-feed {
    display: block;
}
.news.landing .events-feed {
    width: auto;
}
.news .events-feed li {
    width: 100%;
}
.news.landing .columns:first-child + .columns .col-33 ul {
    display: none;
}
.content-area .video-wrapper.right,
.content-area .video-wrapper.left {
    width: 100%;
}
.news.landing .owl-carousel-bg {
    padding-bottom: 0;
    padding-top: 0;
}
.news.landing .news-boxes .news-box {
    display: none;
}
.news.landing .news-boxes .news-box:first-child {
    display: block;
}
.news-boxes .news-box {
    width: 100%;
}
.news.landing .column + .column,
.news.landing #main-content .col-50 + .col-50 {
    padding-top: 2em;
}
.news.landing .columns > .col-33 {
    margin-bottom: 0;
}
.news.landing #main-content .owl-carousel .owl-controls {
    display: none;
}
.hidden-caption.owl-carousel .owl-stage {
    background-color: #343332; 
}
.news.landing .twitter-feature ul li {
    display: none;
}
.news.landing .twitter-feature ul li:first-child {
    display: block;
}
.news #main-content .filters form .date-picker,
.news #main-content .filters form .news-search {
    width: 100%;
    margin-right: 0;
}
.news #main-content .filters form .date-picker input, 
.news #main-content .filters form input {
    width:100%;
}
.news #main-content .filters form .news-search input {
    width: 83%;
}
.news #main-content .filters form .dropdown {
    width: 100%;
    margin-right: 0;
}
#main-content .filters .dropdown {
    width: 100%;
    margin-right: 0;
}
#main-content .filters select {
    max-width: none;
}
#main-content .filters input {
    width: 83%;
}

ul.pager {
    max-width: 320px;
    padding:40px 0 0 0;
}
#main-content .pager .pager-first,
#main-content .pager .pager-previous,
#main-content .pager .pager-next,
#main-content .pager .pager-last {
    top:20px;
}
#main-content .pager .pager-first {
    left:60px;
}
#main-content .pager .pager-previous {
    left:100px;
}
#main-content .pager .pager-next {
    right:100px;
}
#main-content .pager .pager-last {
    right:60px;
}

/* Area of Study */
#main-content .program-listing .img-wrapper {
    margin-bottom: 10px;
}
#main-content .program-listing h3::after {
    content: "\f055";
    padding-left: 6px;
    color: #3ab3c1;
    cursor: pointer;
}
#main-content .program-listing li.expanded h3::after {
    content: "\f056";
}
#main-content .program-listing .img-wrapper ~ * {
    margin-left: 0;
    clear: both;
}
#main-content .program-listing .img-wrapper + h3 {
    margin-left: 37%;
    clear: none;
}
#main-content .program-listing h3 {
    cursor: pointer;
}
#main-content .program-listing .description {
    display: none;
}

/* Theme */
.theme .bg-banner-img {
    background-size: 660px auto;
}
.theme article {
    background-size: 1150px auto;
    padding-top: 50px;
}
.theme article::before {
    top: 427px;
}
.theme .pre-content .tagline {
    font-size: 34px;
    padding: 0 28px;
}
.theme .pre-content .tagline .lead-in {
    font-size: 21px;
}
.theme .theme-nav.prev a {
    left: 10px;    
}
.theme .theme-nav.next a {
    right: 10px;
}
.theme .theme-nav a::before {
    font-size: 28px;
}
.theme-banner {
    overflow: hidden;
}
.theme-banner > img {
    left: 50%;
    margin-left: -313px;
    position: relative;
    width: 626px;
}
#main-content .theme-banner > img {
    max-width: none;
}
.theme #main-content .content-area h1 {
    font-size: 28px;
    line-height: 30px;
}
#main-content .twitter-feature,
#main-content .instagram-feature {
    width: 100%;
    float: none;
    padding-left: 0;
    padding-right: 0;
}
#main-content .twitter-feature + .instagram-feature {
    border-left-width: 0;
    border-top-width: 1px;
    padding-top: 30px;
}
.twitter-feature::after {
    right: 0;
}
#main-content .owl-carousel + .twitter-feature {
    border-top-width: 1px;
    padding-top: 30px;
}

.owl-carousel.navigation .content {
    max-height: none;
    overflow: visible;
}
.theme #main-content .content-area .owl-carousel.navigation .owl-item > div {
    padding-left: 0;
}
.theme #main-content .content-area .owl-carousel.navigation .img-wrapper {
    max-width: 100%;
    float: none;
    margin-left: 0;
}
.theme .col-26 {
    padding-left: 0px; /* Override padding set in 899 */
}

/* Landing Guide */
.landing.guide .pre-content > .wrapper {
    margin-top: 0;
}
.tab-flyouts {
    top: 35px;
}
.landing.guide .pre-content > .wrapper:first-child {
    margin-top: -320px;
}
.landing.guide .pre-content {
    background-color: black;
    position: relative;
}
.landing.guide .pre-content::before {
    content: "";
    width: 100%;
    height: 80px;
    position: absolute;
    top: -80px;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.99) 99%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(99%,rgba(0,0,0,0.99)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.99) 99%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.99) 99%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.99) 99%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.99) 99%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    z-index: -1;
}
.tab-menu ul {
    position: relative;
}
.tab-menu li > a.active {
    position: absolute;
    top: -10px;
    width: 100%;
}
.tab-menu li:first-child > a.active {
    position: relative;
    top: 0;
}
.tab-menu li,
.tab-menu li.show-from-660 {
    display: block;
    float: none;
    width: 100%;
    margin-right: 0;
}
.tab-menu li > a {
    display: block;
    border-width: 1px;
    padding-top: 15px;
    padding-bottom: 15px;
    height: auto;
    font-size: 21px;
}
.tab-menu li + li > a {
    margin-top: 10px;
}
#areasOfFocus .owl-carousel {
    margin-bottom: 0;
}
#areasOfFocus .owl-carousel + * {
    margin-top: 2em;
}
#areasOfFocus .owl-carousel.hidden {
    display:none;
}
.landing.guide .guide-boxes .owl-carousel .img-wrapper {
    float: none;
    width: 100%;
    height: auto;
}
.landing.guide .guide-boxes .owl-carousel .img-wrapper img {
    height: auto;
    margin-left: 0;
    position: static;
    width: 100%;
}
.landing.guide .guide-boxes .owl-carousel .title,
.landing.guide .guide-boxes .owl-carousel h2 {
    position: static;
}
.landing.guide .guide-boxes .owl-carousel .title {
    background-color: transparent;
}
.landing.guide .guide-boxes .owl-carousel .tagline {
    background-color: transparent;
    position: relative;
    width: 100%;
    padding: 12px 80px 5px 12px;
    height: 60px;
    margin-top: -60px;
    background-color: rgba(0, 0, 0, 0.35);
    line-height: 19px;
    font-size: 16px;
}
.landing.guide .guide-boxes .owl-carousel h2 {
    position: relative;
    width: 95%;
    font-size: 26px;
    line-height: 27px;
    float: left;
    left:0;
    padding: 12px 11px;
}
.landing.guide .guide-boxes .owl-carousel h2 > span::after {
    content: '\f13a';
}
.landing.guide .guide-boxes .owl-carousel h2.expanded > span::after {
    content: '\f139';
}
.landing.guide .guide-boxes .owl-carousel .content {
    margin-left: 0;
    padding: 20px;
}
.landing.guide .guide-boxes .owl-carousel .owl-controls {
    bottom: unset;
    right: 20px;
    top: 30px;
    width: 100%;
}
.landing.guide .guide-boxes .owl-carousel .owl-controls .owl-nav {
    display: block !important;
}
.content-active-slide {
    background-color: #343332;
    background-image: none;
    filter: none;
}
.landing.guide .tab-flyouts .content-active-slide {
    margin-bottom: 2em;
    display: block;
}
.landing.guide .tab-flyouts .content-active-slide p,
.pre-content .content-active-slide p {
    font-size: 16px;
    line-height: 18px;
    color: white;
}
.landing.guide .tab-flyouts .content-active-slide * + * {
    margin-top: 1em;
}
.tab-flyouts #areasOfFocus {
    background-color: #eff0e7;
    margin-left: -20px;
    margin-right: -20px;
    /*padding-left: 20px;
    padding-right: 20px;*/
}
.landing.guide .guide-boxes .guide-box:nth-child(2n) {
    clear: none;
    margin-right: 0;
}
.landing.guide .guide-boxes .guide-box {
    display:block;
    width: 100%;
    float: none;
}
.tab-flyouts .wrapper {
    padding: 0 20px;
}
.tab-flyouts .program-listing .img-wrapper {
    width: 26%;
}
.tab-flyouts .program-listing .img-wrapper ~ * {
    margin-left: 30%;
}
.tab-flyouts .program-listing h3 {
    font-size: 20px;
}
.tab-flyouts .program-listing .description {
    display: none;
}
.tab-flyouts .program-listing .button {
    font-size: 18px;
    margin-top: 6px;
}
.tab-flyouts h2 + ul.list-of-links {
    -webkit-column-gap: normal;
    -moz-column-gap: normal;
    column-gap: normal;
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto;
    margin-top: 10px;
}
.tab-flyouts h2 + ul.list-of-links li {
    margin-left: 0;
}
.tab-flyouts .filters .a-z {
    float: none;
    margin-bottom: 17px;
    margin-right: 0;
    width: 100%;
}
.tab-flyouts .filters > form input {
    width: 81%;
}
.tab-flyouts .collapse {
    padding: 0 20px;
    margin-top: 1em;
}
.tab-flyouts .collapse a {
    color: #999a92;
    display: block;
    text-align: center;
    border: 1px solid #a7a8a2;
    background-color: #dbded5;
    font-size: 21px;
    font-weight: 600;
    padding: 8px;
}


#main-content .node-webform label,
#main-content .node-webform input,
#main-content .node-webform select {
    float: none;
    width: 100%;
}
#main-content .node-webform input.button {
    display: block;
    float: none;
    margin: 0 auto;
}

/*  Theme Landing  */
.theme.landing .bg-banner-graphics {
    background-size: 870px auto;
    height: 433px;
    top: -35px;
}
.theme.landing .pre-content > .bg-banner-graphics ~ .wrapper {
    margin-top: 85px;
}
.theme.landing h1 {
    font-size: 46px;
}
.theme.landing #main-content {
    margin-top: 54px;
    padding-top: 0;
}
.theme.landing #main-content .themes {
    margin-left: 0;
}
.theme.landing #main-content .themes .theme {
    float: none;
    width: 100%;
    margin: 0 auto 21px;
    padding-bottom: 0;
}
.theme.landing #main-content .themes .theme .img-wrapper {
    height: auto;
}
.theme.landing #main-content .themes .theme img {
    height: auto;
    margin-left: 0;
    position: static;
    width: 100%;
}
.theme.landing #main-content .themes .theme .content {
    /*height: auto;*/
    position: static;
    padding: 14px 10px;
}
.theme.landing #main-content .themes .theme .content h2 {
    font-size: 22px;
    line-height: 24px;
    height: auto;
}
.theme.landing #main-content .themes .theme .content .hash {
    margin-top: 10px;
}

/* FOOTER */
.footer-flyouts,
.audience-menu .flyout .wrapper > h2,
.audience-menu .flyout .close {
    display: block;
}
footer {
    padding-top:130px;
    height:186px; /* top padding + height of tabs */
    top: auto;
    bottom:0;
    position: absolute;
    width: 100%;
    min-width: 320px;
    background-size: 212%;
    background-position:left 14%;
    transition:height 0.5s, padding-top 0.2s;
    overflow:hidden;
}
.home footer {
    padding-top:0;
    height:56px; /* Just height of tabs since home has no top padding */
}
footer .footer {
    display: none;
}
footer[class*='active'] {
    z-index: 1001;
    padding-top:0; /* remove the extra space above the tabs for the full-screen transition */
}
footer .footer-flyouts {
    position: relative;
    width: 100%;
    z-index: 1;
    bottom: 0;
}
.footer-flyouts::after {
    clear: both;
    content: "";
    display: table;
}
.footer-flyouts a {
    display: block;
    float: left;
    width: 100%;
    font-weight: 700;
    font-family: 'Roboto Slab', Palatino Linotype, Palatino, serif;
    letter-spacing: 0.025em;
    text-align:center;
    color: #aab1ad;
    background-color: #006940;
    padding: 20px 17px;
}
body.home .footer-flyouts a {
    width:50%;
    text-align:left;
}
.footer-flyouts a:hover,
.footer-flyouts a:focus,
.audience-active .footer-flyouts .audience-menu-toggle,
.news-active .footer-flyouts .latest-news-toggle {
    color: white;
}
.audience-menu-toggle::after,
.latest-news-toggle::after  {
    content: "\f055";
    padding-left: 6px;
}
.audience-active .footer-flyouts .audience-menu-toggle::after,
.news-active .footer-flyouts .latest-news-toggle::after  {
    content: "\f056";
}

.flyout .img-wrapper > a {
    width: 100%;
}
.flyout .img-wrapper img + .button {
    position: static;
    width: 100%;
}
.flyout .featured-links li {
    margin-bottom: 8px;
}
.flyout .featured-links a {
    font-size: 18px;
    padding: 13px 5px;
}
.audience-menu .flyout .wrapper > h2 {
    margin-bottom: 17px;
}
.audience-menu .flyout .column,
.audience-menu .flyout .column:last-child {
    padding-left: 0;
}

.the-latest.wrapper,
.audience-menu {
    position:absolute;
    top:186px; /* Bump down by the height of the flyout tabs + the top padding of the footer */
    bottom:0;
    width:100%;

    background:transparent url('/assets/images/cehd3/footer-background-image.jpg') no-repeat scroll center bottom; /*/ auto 100vh;*/ /* Looks like ios doesn't support the condensed background-size notation */
    /*background-size: 100vw auto;*/

    overflow:scroll;
    overflow-x:hidden;

    -webkit-overflow-scrolling: touch; /* Make scrolling in ios not stupid */

    transition:top 0.2s;
}

footer[class*='active'] .the-latest.wrapper,
footer[class*='active'] .audience-menu {
    top:56px; /* Top padding of footer removed for full-screen, so only bump down by the height of the tabs */
}

.the-latest-wrapper {
    padding-top: 20px;
}
.the-latest,
.the-latest.wrapper {
    display: block;
    padding: 0 0 25px;
}
.the-latest h2 {
    display: none;
}
.the-latest > ul {
    width: 275px;
}
.the-latest > ul > li {
    margin: 20px 0;
}
.news-boxes .news-box .wrapper {
    margin: 20px auto;
    max-width: 350px;
}
.audience-menu::after {
    display: none;
}
.audience-menu > ul {
    display: block;
    min-height: 100%;
}
.audience-menu > ul > li {
    float: none;
    width: 100%;
}
.audience-menu > ul > li > a {
    height: auto;
    margin-bottom: 0;
    margin-top: 0;
}
.audience-menu > ul > li > a > .img-wrapper {
    height: auto;
    float: left;
    height: 81px;
    margin-right: 12px;
    width: 140px;
    position: relative;
}
.audience-menu > ul > li > a img {
    filter: none;
    -webkit-filter: none; 
    -moz-filter: none; 
    -o-filter: none; 
    -ms-filter: none;
    right: 0;
    top: -17px;
    width: 140px;
}
.audience-menu > ul > li > a > h2 {
    background-color: transparent;
    position: static;
    padding: 5px 0 0;
}
.audience-menu > ul > li > a:hover h2 {
    background-color: transparent;
    color: #febe10;
}
.audience-menu > ul > li + li {
    margin-top: 2px;
    margin-left: 0;
}
.audience-menu .wrapper {
    /*display: none;*/
    padding: 20px;
}
.audience-active .audience-menu > .wrapper {
    position: relative;
    width:100%;
    overflow:hidden;
}
.audience-menu .flyout {
    bottom: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    right: -100%;
    left: auto;
    padding: 20px;
    top: 0;
    z-index: 2;
    display: block;
}
.audience-menu .flyout .wrapper {
    padding: 0;
}
.audience-menu .flyout .close {
    position: absolute;
    right: 20px;
    top: 15px;
}
.audience-menu .flyout .close a {
    color: #aaaaaa;
    font-size: 9px;
    text-transform: uppercase;
}
.audience-menu .flyout .close .fa-times-circle {
    font-size: 18px;
    left: 1px;
    position: relative;
    top: 2px;
}
.audience-menu .flyout h2 {
    color: #5b6160;
    font-size: 21px;
    line-height: 19px;
    text-transform: uppercase;
    font-size: 600;
    padding-right: 60px;
}
.audience-menu .flyout .img-wrapper img {
    max-width: 100%;
}
.audience-menu .flyout .col-33:first-child + .col-33 {
    display: none;
}



/* GSL additions */
footer {

}
[class*='active'] footer .the-latest.wrapper {
    overflow:auto;
    position:absolute;
    top:56px; /* Nudge down the top by the height of the open/close buttons */
    bottom:0;
}

/* Mobile Updates */
/* Home */
.banner {
    max-height: 517px;
    overflow: hidden;
}
.banner .img-wrapper {
    height: 389px;
    background-size: 915px auto;
    margin-bottom:0;
}
.banner .content .band {
    height: 128px;
    padding: 22px 19px;
}

.banner .content .band > .hover {
    font-size: 25px;
}
.banner .content > a {
    margin-top: -185px;
}

/* Alert */
body.alert > .wrapper {
    background-position: center 12px;
}
body.alert h1,
section.alert.emergency h1 {
    font-size: 24px;
    line-height: 28px;
}
.alert h1 {
    font-size: 18px;
    line-height: 22px;
}
.alert .intro,
body.alert .intro,
section.alert.emergency .intro {
    font-size: 20px;
    line-height: 33px;
}
body.alert {
    height: auto;
    overflow: visible;
}
.alert .columns::before {
    left: 0;
    right: 0;
}
.alert .columns {
    margin-top: 40px;
    padding-top: 40px;
}
section.alert .close {
    top: 2px;
}

}
/**
 * Markup generated by theme_menu_local_tasks().
 */
ul.primary {
    border-bottom: 1px solid #bbb;
    border-collapse: collapse;
    height: auto;
    line-height: normal;
    list-style: none;
    margin: 5px;
    padding: 0 0 0 1em; /* LTR */
    white-space: nowrap;
}
ul.primary li {
    display: inline;
}
ul.primary li a {
    background-color: #ddd;
    border-color: #bbb;
    border-style: solid solid none solid;
    border-width: 1px;
    height: auto;
    margin-right: 0.5em; /* LTR */
    padding: 0 1em;
    text-decoration: none;
}
ul.primary li.active a {
    background-color: #fff;
    border: 1px solid #bbb;
    border-bottom: 1px solid #fff;
}
ul.primary li a:hover {
    background-color: #eee;
    border-color: #ccc;
    border-bottom-color: #eee;
}
body.admin-menu-on {top:29px;}
#admin-menu, #admin-menu .dropdown {z-index:10000;}
/*.panels-ipe-editing{transform: scale(0.65)}*/


/**
 * Panels IPE.
 */
ul.panels-ipe-linkbar  li { list-style-type: none;  background: none;  padding-left: 0;  margin-left: 0;  margin-top: 0.5em;  float:left; }
.panels-ipe-newblock ul.panels-ipe-linkbar { margin-top:-42px; }

.panels-ipe-editing .panels-ipe-region,
.panels-ipe-editing #panels-ipe-regionid-pre_content,
.panels-ipe-editing #panels-ipe-regionid-intro,
.panels-ipe-editing #panels-ipe-regionid-content_header {float:none;}

/*news landing page edit mode */
.panels-ipe-editing #panels-ipe-regionid-news_boxes div.panels-ipe-portlet-wrapper{width:33%;float:left;}
.panels-ipe-editing #panels-ipe-regionid-news_boxes div.panels-ipe-portlet-wrapper .news-box{width:100%}
.panels-ipe-editing .owl-carousel-bg::before{display:none}



.node-page .panels-ipe-editing .content-area .panels-ipe-region{float:left;}

.home .panels-ipe-editing article{margin-top:200px;}

/*homepage "The Latest" editing, float blocks left*/
.panels-ipe-editing #panels-ipe-regionid-the_latest div.panels-ipe-portlet-wrapper{width:30%;float:left;margin:10px;}

/**
 * Form elements.
 */
#modalContent fieldset { border: 1px solid #ccc;  padding: 2.5em 0 0 0; /* LTR */
    position: relative;  margin: 1em 0; }
#modalContent fieldset .fieldset-legend { margin-top: 0.5em;  padding-left: 15px; /* LTR */
    position: absolute;  text-transform: uppercase; }
#modalContent fieldset .fieldset-wrapper { padding: 0 13px 13px 15px;} /* LTR */
#modalContent fieldset.collapsed { background-color: transparent; }
#modalContent html.js fieldset.collapsed { border-width: 1px;  height: auto; }
#modalContent fieldset fieldset { background-color: #fff; }
#modalContent fieldset fieldset fieldset { background-color: #f8f8f8; }

#modalContent  .form-item { padding: 9px 0;  margin: 0 0 10px; }
#modalContent .filter-wrapper .form-item,
#modalContent  div.teaser-checkbox .form-item,
#modalContent  .form-item .form-item { padding: 5px 0;  margin: 0;  border: 0; }
#modalContent .form-type-checkbox { padding: 0; }
#modalContent .text-format-wrapper .form-item { padding-bottom: 0; }
#modalContent .form-item label { margin: 0;  padding: 0; }
#modalContent .form-item label.option { font-size: 0.923em;  text-transform: none; }
#modalContent .form-item label.option input { vertical-align: middle; }
#modalContent .form-disabled input.form-autocomplete,
#modalContent .form-disabled input.form-text,
#modalContent .form-disabled input.form-file,
#modalContent .form-disabled textarea.form-textarea,
#modalContent .form-disabled select.form-select { background-color: #eee;  color: #777; }

/* Filter */
#modalContent .filter-wrapper { border-top: 0;  padding: 10px 2px; }
#modalContent .filter-wrapper .fieldset-wrapper { padding: 0 6px; }
#modalContent .filter-wrapper .form-item,
#modalContent .filter-wrapper .filter-guidelines,
#modalContent .filter-wrapper .filter-help { font-size: 0.923em;  padding: 2px 0 0 0;} /* LTR */
#modalContent ul.tips,
#modalContent  div.description,
#modalContent  .form-item div.description { margin: 5px 0;  line-height: 1.231em;  font-size: 0.923em;  color: #666; }
#modalContent ul.tips li { margin: 0.25em 0 0.25em 1.5em;} /* LTR */
#modalContent body div.form-type-radio div.description,
#modalContent body div.form-type-checkbox div.description { margin-left: 1.5em;} /* LTR */
#modalContent input.form-submit,
#modalContent a.button { cursor: pointer;  padding: 4px 17px;  margin-bottom: 1em;  margin-right: 1em; /* LTR */
    color: #5a5a5a;  text-align: center;  font-weight: normal;  font-size: 1.077em;  font-family: "Lucida Grande", Verdana, sans-serif;
    border: 1px solid #e4e4e4;  border-bottom: 1px solid #b4b4b4;  border-left-color: #d2d2d2;  border-right-color: #d2d2d2;
/*    background: url(images/buttons.png) 0 0 repeat-x;*/  -moz-border-radius: 20px;  -webkit-border-radius: 20px;  border-radius: 20px; }
#modalContent a.button:link,
#modalContent a.button:visited,
#modalContent a.button:hover,
#modalContent a.button:active { text-decoration: none;  color: #5a5a5a; }
#modalContent input.form-submit:active { background: #666;  color: #fff;  border-color: #555;  text-shadow: #222 0 -1px 0; }
#modalContent input.form-button-disabled,
#modalContent input.form-button-disabled:active { background: #eee none;  border-color: #eee;  text-shadow: none;  color: #999; }
#modalContent input.form-autocomplete,
#modalContent input.form-text,
#modalContent input.form-file,
#modalContent textarea.form-textarea,
#modalContent select.form-select { padding: 2px;  border: 1px solid #ccc;  border-top-color: #999;  background: #fff;  color: #333; }
#modalContent input.form-text:focus,
#modalContent input.form-file:focus,
#modalContent textarea.form-textarea:focus,
#modalContent select.form-select:focus { color: #000;  border-color: #ace; }
#modalContent
#modalContent ul.action-links { margin: 1em 0;  padding: 0 20px 0 20px; /* LTR */
    list-style-type: none;  overflow: hidden; }
#modalContent ul.action-links li { float: left; /* LTR */
    margin: 0 1em 0 0; }
#modalContent ul.action-links a { padding-left: 15px; /* LTR */
/*    background: transparent url(images/add.png) no-repeat 0 center;  line-height: 30px;*/
}

/**

static template overrides

**/

.cta-boxes > .column {height: auto;}

div.status{}

/**
 * @file
 * Generic theme-independent base styles.
 */

/**
 * Autocomplete.
 *
 * @see autocomplete.js
 */
/* Suggestion list */
#autocomplete {
  border: 1px solid;
  overflow: hidden;
  position: absolute;
  z-index: 100;
}
#autocomplete ul {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
#autocomplete li {
  background: #fff;
  color: #000;
  cursor: default;
  white-space: pre;
  zoom: 1; /* IE7 */
}
/* Animated throbber */
html.js input.form-autocomplete {
  background-image: url(../../misc/throbber-inactive.png);
  background-position: 100% center; /* LTR */
  background-repeat: no-repeat;
}
html.js input.throbbing {
  background-image: url(../../misc/throbber-active.gif);
  background-position: 100% center; /* LTR */
}

/**
 * Collapsible fieldsets.
 *
 * @see collapse.js
 */
html.js fieldset.collapsed {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  height: 1em;
}
html.js fieldset.collapsed .fieldset-wrapper {
  display: none;
}
fieldset.collapsible {
  position: relative;
}
fieldset.collapsible .fieldset-legend {
  display: block;
}

/**
 * Resizable textareas.
 *
 * @see textarea.js
 */
.form-textarea-wrapper textarea {
  display: block;
  margin: 0;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.resizable-textarea .grippie {
  background: #eee url(../../misc/grippie.png) no-repeat center 2px;
  border: 1px solid #ddd;
  border-top-width: 0;
  cursor: s-resize;
  height: 9px;
  overflow: hidden;
}

/**
 * TableDrag behavior.
 *
 * @see tabledrag.js
 */
body.drag {
  cursor: move;
}
.draggable a.tabledrag-handle {
  cursor: move;
  float: left; /* LTR */
  height: 1.7em;
  margin-left: -1em; /* LTR */
  overflow: hidden;
  text-decoration: none;
}
a.tabledrag-handle:hover {
  text-decoration: none;
}
a.tabledrag-handle .handle {
  background: url(../../misc/draggable.png) no-repeat 6px 9px;
  height: 13px;
  margin: -0.4em 0.5em; /* LTR */
  padding: 0.42em 0.5em; /* LTR */
  width: 13px;
}
a.tabledrag-handle-hover .handle {
  background-position: 6px -11px;
}
div.indentation {
  float: left; /* LTR */
  height: 1.7em;
  margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */
  padding: 0.42em 0 0.42em 0.6em; /* LTR */
  width: 20px;
}
div.tree-child {
  background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */
}
div.tree-child-last {
  background: url(../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */
}
div.tree-child-horizontal {
  background: url(../../misc/tree.png) no-repeat -11px center;
}
.tabledrag-toggle-weight-wrapper {
  text-align: right; /* LTR */
}

/**
 * TableHeader behavior.
 *
 * @see tableheader.js
 */
table.sticky-header {
  background-color: #fff;
  margin-top: 0;
}

/**
 * Progress behavior.
 *
 * @see progress.js
 */
/* Bar */
.progress .bar {
  background-color: #fff;
  border: 1px solid;
}
.progress .filled {
  background-color: #000;
  height: 1.5em;
  width: 5px;
}
.progress .percentage {
  float: right; /* LTR */
}
/* Throbber */
.ajax-progress {
  display: inline-block;
}
.ajax-progress .throbber {
  background: transparent url(../../misc/throbber-active.gif) no-repeat 0px center;
  float: left; /* LTR */
  height: 15px;
  margin: 2px;
  width: 15px;
}
.ajax-progress .message {
  padding-left: 20px;
}
tr .ajax-progress .throbber {
  margin: 0 2px;
}
.ajax-progress-bar {
  width: 16em;
}

/**
 * Inline items.
 */
.container-inline div,
.container-inline label {
  display: inline;
}
/* Fieldset contents always need to be rendered as block. */
.container-inline .fieldset-wrapper {
  display: block;
}

/**
 * Prevent text wrapping.
 */
.nowrap {
  white-space: nowrap;
}

/**
 * For anything you want to hide on page load when JS is enabled, so
 * that you can use the JS to control visibility and avoid flicker.
 */
html.js .js-hide {
  display: none;
}

/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be a collapsible fieldset that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */
.element-hidden {
  display: none;
}

/**
 * Hide elements visually, but keep them available for screen-readers.
 *
 * Used for information required for screen-reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user.
 * "!important" is used to prevent unintentional overrides.
 */
.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
}

/**
 * The .element-focusable class extends the .element-invisible class to allow
 * the element to be focusable when navigated to via the keyboard.
 */
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
  position: static !important;
  clip: auto;
  overflow: visible;
  height: auto;
}

/**
 * Markup free clearing.
 *
 * @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack
 */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* IE6 */
* html .clearfix {
  height: 1%;
}
/* IE7 */
*:first-child + html .clearfix {
  min-height: 1%;
}



/**
 * @file
 * Styles for system messages.
 */

div.messages {
  background-position: 8px 8px; /* LTR */
  background-repeat: no-repeat;
  border: 1px solid;
  margin: 6px 0;
  padding: 10px 10px 10px 50px; /* LTR */
}

div.status {
/*  background-image: url(../../misc/message-24-ok.png);*/
  border-color: #be7;
}
div.status,
.ok {
  color: #234600;
}
div.status,
table tr.ok {
  background-color: #f8fff0;
}

div.warning {
/*  background-image: url(../../misc/message-24-warning.png);*/
  border-color: #ed5;
}
div.warning,
.warning {
  color: #840;
}
div.warning,
table tr.warning {
  background-color: #fffce5;
}

div.error {
/*  background-image: url(../../misc/message-24-error.png);*/
  border-color: #ed541d;
}
div.error,
.error {
  color: #8c2e0b;
}
div.error,
table tr.error {
  background-color: #fef5f1;
}
div.error p.error {
  color: #333;
}

div.messages ul {
  margin: 0 0 0 1em; /* LTR */
  padding: 0;
}
div.messages ul li {
  list-style-image: none;
}


/**
 * @file
 * Basic styling for common markup.
 */

/**
 * HTML elements.
 */
fieldset {
  margin-bottom: 1em;
  padding: 0.5em;
}
form {
  margin: 0;
  padding: 0;
}
hr {
  border: 1px solid gray;
  height: 1px;
}
img {
  border: 0;
}
table {
  border-collapse: collapse;
}
th {
  border-bottom: 3px solid #ccc;
  padding-right: 1em; /* LTR */
  text-align: left; /* LTR */
}
tbody {
  border-top: 1px solid #ccc;
}
tr.even,
tr.odd {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}

/**
 * Markup generated by theme_tablesort_indicator().
 */
th.active img {
  display: inline;
}
td.active {
  background-color: #ddd;
}

/**
 * Markup generated by theme_item_list().
 */
.item-list .title {
  font-weight: bold;
}
.item-list ul {
  margin: 0 0 0.75em 0;
  padding: 0;
}
.item-list ul li {
  margin: 0 0 0.25em 1.5em; /* LTR */
  padding: 0;
}

/**
 * Markup generated by Form API.
 */
.form-item,
.form-actions {
  margin-top: 1em;
  margin-bottom: 1em;
}
tr.odd .form-item,
tr.even .form-item {
  margin-top: 0;
  margin-bottom: 0;
  white-space: nowrap;
}
.form-item .description {
  font-size: 0.85em;
}
label {
  display: block;
  font-weight: bold;
}
label.option {
  display: inline;
  font-weight: normal;
}
.form-checkboxes .form-item,
.form-radios .form-item {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 2.4em;
}
input.form-checkbox,
input.form-radio {
  vertical-align: middle;
}
.marker,
.form-required {
  color: #f00;
}
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 2px solid red;
}

/**
 * Inline items.
 */
.container-inline .form-actions,
.container-inline.form-actions {
  margin-top: 0;
  margin-bottom: 0;
}

/**
 * Markup generated by theme_more_link().
 */
.more-link {
  text-align: right; /* LTR */
}

/**
 * Markup generated by theme_more_help_link().
 */
.more-help-link {
  text-align: right; /* LTR */
}
.more-help-link a {
/*  background: url(../../misc/help.png) 0 50% no-repeat; *//* LTR */
  padding: 1px 0 1px 20px; /* LTR */
}

/**
 * Markup generated by theme_pager().
 */
.item-list .pager {
  clear: both;
  text-align: center;
}
.item-list .pager li {
  background-image: none;
  display: inline;
  list-style-type: none;
  padding: 0.5em;
}
.pager-current {
  font-weight: bold;
}

/**
 * Autocomplete.
 *
 * @see autocomplete.js
 */
/* Suggestion list */
#autocomplete li.selected {
  background: #0072b9;
  color: #fff;
}

/**
 * Collapsible fieldsets.
 *
 * @see collapse.js
 */
html.js fieldset.collapsible .fieldset-legend {
/*  background: url(../../misc/menu-expanded.png) 5px 65% no-repeat;*/ /* LTR */
  padding-left: 15px; /* LTR */
}
html.js fieldset.collapsed .fieldset-legend {
  /*background-image: url(../../misc/menu-collapsed.png);*/ /* LTR */
  background-position: 5px 50%; /* LTR */
}
.fieldset-legend span.summary {
  color: #999;
  font-size: 0.9em;
  margin-left: 0.5em;
}

/**
 * TableDrag behavior.
 *
 * @see tabledrag.js
 */
tr.drag {
  background-color: #fffff0;
}
tr.drag-previous {
  background-color: #ffd;
}
.tabledrag-toggle-weight {
  font-size: 0.9em;
}
body div.tabledrag-changed-warning {
  margin-bottom: 0.5em;
}

/**
 * TableSelect behavior.
 *
 * @see tableselect.js
*/
tr.selected td {
  background: #ffc;
}
td.checkbox,
th.checkbox {
  text-align: center;
}

/**
 * Progress bar.
 *
 * @see progress.js
 */
.progress {
  font-weight: bold;
}
.progress .bar {
  background: #ccc;
  border-color: #666;
  margin: 0 0.2em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.progress .filled {
  background: #0072b9 url(../../misc/progress.gif);
}

/**
 * @file
 * Main stylesheet for Date module.
 */

/* Force start/end dates to float using inline-block, where it works, otherwise inline. */
.container-inline-date {
  clear: both;
}
.container-inline-date .form-item {
  float: none;
  margin: 0;
  padding: 0;
}
.container-inline-date > .form-item {
  display: inline-block;
  margin-right: 0.5em; /* LTR */
  margin-bottom: 10px;
  vertical-align: top;
}
.container-inline-date .form-item .form-item {
  float: left; /* LTR */
}
.container-inline-date .form-item,
.container-inline-date .form-item input {
  width: auto;
}
.container-inline-date .description {
  clear: both;
}

.container-inline-date .form-item input,
.container-inline-date .form-item select,
.container-inline-date .form-item option {
  margin-right: 5px; /* LTR */
}

.container-inline-date .date-spacer {
  margin-left: -5px; /* LTR */
}

.views-right-60 .container-inline-date div {
  margin: 0;
  padding: 0;
}

.container-inline-date .date-timezone .form-item {
  clear: both;
  float: none;
  width: auto;
}

/* The exposed Views form doesn't need some of these styles */
.container-inline-date .date-padding {
  padding: 10px;
  float: left;
}
.views-exposed-form .container-inline-date .date-padding {
  padding: 0;
}

/* Fixes for date popup css so it will behave in Drupal */
#calendar_div,
#calendar_div td,
#calendar_div th {
  margin: 0;
  padding: 0;
}
#calendar_div,
.calendar_control,
.calendar_links,
.calendar_header,
.calendar {
  border-collapse: separate;
  margin: 0;
  width: 185px;
}

.calendar td {
  padding: 0;
}

/* formatting for start/end dates in nodes and views */
span.date-display-single {
}
span.date-display-start {
}
span.date-display-end {
}

.date-prefix-inline {
  display: inline-block;
}

.date-clear {
  clear: both;
  display: block;
  float: none;
}

.date-no-float {
  clear: both;
  float: none;
  width: 98%;
}

.date-float {
  clear: none;
  float: left;
  width: auto;
}

/* Add space between date option checkboxes ('All day' & 'Collect End Date') */
.date-float .form-type-checkbox{
  padding-right: 1em;
}

/* Add space between the date and time portions of the date_select widget. */
.form-type-date-select .form-type-select[class$=hour] {
  margin-left: .75em; /* LTR */
}

.date-container .date-format-delete {
  float: left;
  margin-top: 1.8em;
  margin-left: 1.5em;
}
.date-container .date-format-name {
  float: left;
}
.date-container .date-format-type {
  float: left;
  padding-left: 10px;
}

.date-container .select-container {
  clear: left;
  float: left;
}

/* Calendar day css */
div.date-calendar-day {
  background: #F3F3F3;
  border-top: 1px solid #EEE;
  border-left: 1px solid #EEE;
  border-right: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  color: #999;
  float: left;
  line-height: 1;
  margin: 6px 10px 0 0;
  text-align: center;
  width: 40px;
}

div.date-calendar-day span {
  display: block;
  text-align: center;
}
div.date-calendar-day span.month {
  background-color: #B5BEBE;
  color: white;
  font-size: .9em;
  padding: 2px;
  text-transform: uppercase;
}
div.date-calendar-day span.day {
  font-size: 2em;
  font-weight: bold;
}
div.date-calendar-day span.year {
  font-size: .9em;
  padding: 2px;
}

/* Admin styling */
.form-item.form-item-instance-widget-settings-input-format-custom,
.form-item.form-item-field-settings-enddate-required {
  margin-left: 1.3em;
}

#edit-field-settings-granularity .form-type-checkbox {
  margin-right: .6em; /* LTR */
}

.date-year-range-select {
  margin-right: 1em;
}

#ui-datepicker-div {
font-size: 100%;
font-family: Verdana, sans-serif;
background: #eee;
border-right:2px #666 solid;
border-bottom:2px #666 solid;
z-index: 9999;
}

/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }



/* Field display */
.field .field-label {
  font-weight: bold;
}
.field-label-inline .field-label,
.field-label-inline .field-items {
  float:left; /*LTR*/
}

/* Form display */
form .field-multiple-table {
  margin: 0;
}
form .field-multiple-table th.field-label {
  padding-left: 0; /*LTR*/
}
form .field-multiple-table td.field-multiple-drag {
  width: 30px;
  padding-right: 0; /*LTR*/
}
form .field-multiple-table td.field-multiple-drag a.tabledrag-handle {
  padding-right: .5em; /*LTR*/
}

form .field-add-more-submit {
  margin: .5em 0 0;
}

.node-unpublished {
  background-color: #fff4f4;
}
.preview .node {
  background-color: #ffffea;
}
td.revision-current {
  background: #ffc;
}

#permissions td.module {
  font-weight: bold;
}
#permissions td.permission {
  padding-left: 1.5em; /* LTR */
}
#permissions tr.odd .form-item,
#permissions tr.even .form-item {
  white-space: normal;
}
#user-admin-settings fieldset .fieldset-description {
  font-size: 0.85em;
  padding-bottom: .5em;
}

/**
 * Override default textfield float to put the "Add role" button next to
 * the input textfield.
 */
#user-admin-roles td.edit-name {
  clear: both;
}
#user-admin-roles .form-item-name {
  float: left; /* LTR */
  margin-right: 1em; /* LTR */
}

/**
 * Password strength indicator.
 */
.password-strength {
  width: 17em;
  float: right;  /* LTR */
  margin-top: 1.4em;
}
.password-strength-title {
  display: inline;
}
.password-strength-text {
  float: right; /* LTR */
  font-weight: bold;
}
.password-indicator {
  background-color: #C4C4C4;
  height: 0.3em;
  width: 100%;
}
.password-indicator div {
  height: 100%;
  width: 0%;
  background-color: #47C965;
}
input.password-confirm,
input.password-field {
  width: 16em;
  margin-bottom: 0.4em;
}
div.password-confirm {
  float: right;  /* LTR */
  margin-top: 1.5em;
  visibility: hidden;
  width: 17em;
}
div.form-item div.password-suggestions {
  padding: 0.2em 0.5em;
  margin: 0.7em 0;
  width: 38.5em;
  border: 1px solid #B4B4B4;
}
div.password-suggestions ul {
  margin-bottom: 0;
}
.confirm-parent,
.password-parent {
  clear: left; /* LTR */
  margin: 0;
  width: 36.3em;
}

/* Generated by user.module but used by profile.module: */
.profile {
  clear: both;
  margin: 1em 0;
}
.profile .user-picture {
  float: right; /* LTR */
  margin: 0 1em 1em 0; /* LTR */
}
.profile h3 {
  border-bottom: 1px solid #ccc;
}
.profile dl {
  margin: 0 0 1.5em 0;
}
.profile dt {
  margin: 0 0 0.2em 0;
  font-weight: bold;
}
.profile dd {
  margin: 0 0 1em 0;
}

.views-exposed-form .views-exposed-widget {
  float: left; /* LTR */
  padding: .5em 1em 0 0; /* LTR */
}

.views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 1.6em;
}

.views-exposed-form .form-item,
.views-exposed-form .form-submit {
  margin-top: 0;
  margin-bottom: 0;
}

.views-exposed-form label {
  font-weight: bold;
}

.views-exposed-widgets {
  margin-bottom: .5em;
}

/* table style column align */
.views-align-left {
  text-align: left;
}
.views-align-right {
  text-align: right;
}
.views-align-center {
  text-align: center;
}

/* Remove the border on tbody that system puts in */
.views-view-grid tbody {
  border-top: none;
}

.view .progress-disabled {
  float: none;
}

/* General indentation & positioning classes */

.rteindent1 {
    margin-left: 40px;
}
.rteindent2 {
    margin-left: 80px;
}
.rteindent3 {
    margin-left: 120px;
}
.rteindent4 {
    margin-left: 160px;
}
.rteleft {
    text-align: left;
}
.rteright {
    text-align: right;
}
.rtecenter {
    text-align: center;
}
.rtejustify {
    text-align: justify;
}
.ibimage_left {
    float: left;
}
.ibimage_right {
    float: right;
}

.ctools-locked {
  color: red;
  border: 1px solid red;
  padding: 1em;
}

.ctools-owns-lock {
  background: #FFFFDD none repeat scroll 0 0;
  border: 1px solid #F0C020;
  padding: 1em;
}

a.ctools-ajaxing,
input.ctools-ajaxing,
button.ctools-ajaxing,
select.ctools-ajaxing {
  padding-right: 18px !important;
/*  background: url(../images/status-active.gif) right center no-repeat;*/
}

div.ctools-ajaxing {
  float: left;
  width: 18px;
/*  background: url(../images/status-active.gif) center center no-repeat;*/
}


div.panel-pane div.admin-links {
  font-size: xx-small;
  margin-right: 1em;
}

div.panel-pane div.admin-links li a {
  color: #ccc;
}

div.panel-pane div.admin-links li {
  padding-bottom: 2px;
  background: white;
  z-index: 201;
}

div.panel-pane div.admin-links:hover a,
div.panel-pane div.admin-links-hover a {
  color: #000;
}

div.panel-pane div.admin-links a:before {
  content: "[";
}

div.panel-pane div.admin-links a:after {
  content: "]";
}

div.panel-pane div.panel-hide {
  display: none;
}

/** For IE we add the class via js; for other browsers we rely on :hover **/
div.panel-pane div.panel-hide-hover,
div.panel-pane:hover div.panel-hide {
  display: block;
  position: absolute;
  z-index: 200;
  margin-top: -1.5em;
}

div.panel-pane div.node {
  margin: 0;
  padding: 0;
}

div.panel-pane div.feed a {
  float: right;
}

html, body, .node #primary-content {
    height:100%;
}
header+div.node {
    height:calc(100% - 200px);
}
.pre-content {
    min-height:133px;
}
#main-content {
    min-height:calc(100% - 133px);
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}

.element-focusable.skip-to-main:active, .element-focusable.skip-to-main:focus {position: absolute !important;clip: auto;overflow: visible;height: auto;top: 0;left: 0;z-index: 10000;background: #eee;font-weight: bold;padding: 9px;border: 1px solid #999;margin: 3px;border-radius:5px}

.content-area {
	margin-left:0px;
}
.content-area h4 {font-weight:600}
.content-area h4 a {font-weight:700}
.wrapper {max-width:1300px !important;}
.right-widget{float:right; margin-left:10px;}
.cehd-feature-box{    background: #FFF; width: 100%;padding: 10px; margin-top: 0 !important;}
#main-content .feature {border:1px solid #CCC; color: #555; }//#6e6d6a;
#main-content .feature h2 {text-align:center;}
#main-content .expandable-content-wrapper .expanded-content > li:first-child {padding-bottom:.5em}
.news-boxes .news-box .wrapper {background:#eff0e7;}
.college-text {position:relative;top:-10px;left:15px;}
.main-menu .fa-home{font-size: 24px;margin: -10px;}

.cehdcolumn{
    display:inline-block;
    float:none;
    vertical-align:top;
    padding:10px 0 0 20px;
    margin-top:0px !important;
}

.left-column h2{ 
    color: #004c2e;
    font-size: 23px;
    line-height: 29px;
    font-weight: 600;
}

.screenreader {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.branding.flyout-logo a img{padding:10px 18px}
.LogoBox{display:block; margin:10px auto !important;}
.clear{clear:both;}
.floatright{float:right;}
.floatleft{float:left;}
.newspic{border:1px solid #ccc;padding:5px 0 0;text-align:center;}
.newspic img{border:1px solid #ccc;border-top:none;border-left:none;border-right:none;margin:0 0 -11px;padding:0 0 2px;}
#main-content .newspic .caption{font-weight:bold;font-size:11px;margin:0;padding:5px;}
.content-area ul.nobullets li, .content-area div.cal_html ul li {background:none;}
#main-content .nomargin {margin-top:0;}
#main-content .centerblock {margin-left:auto;margin-right:auto;display:block;}

/*Fixes to override default styles*/
.content-area.calendar{width:auto;}
.content-area a{font-weight:600 !important;}
.content-area a:hover,.content-area a:focus {text-decoration:underline}
.content-area .expanded-content ul li {line-height: 25px;}
#main-content .expandable-content-wrapper .expanded-content > ul#course_list:first-child {padding-bottom:.5em}
#main-content .expandable-content-wrapper .expanded-content > ul#course_list + ul#course_list {padding-top:0;margin-top:-.5em}
#main-content .content-area div.cal_html div.table {width:auto;overflow:visible;}
#main-content .cal_cal .cal_prev_next div {margin-top:0;}
#main-content .content-area .cal_nav_tabs ul li {padding-left:0}
#main-content .content-area .cal_nav_tabs * {box-sizing:content-box}
#main-content .content-area ul li + li,
#main-content .content-area ul + ul,
#main-content .ditto_right, 
#main-content .ditto_date,
#main-content .ditto_summary,
#main-content option,
#main-content br {margin-top:0;}
#main-content form select, #main-content form select option {text-transform:none;}
#main-content form select, #main-content form input {margin-top:0}
#main-content .emailform form input[type="radio"] {height:auto}
#main-content form .recaptchatable input {height: 18px}
#main-content .recaptchatable * + * {margin-top:0}
label, input {display:inline}
#main-content form input[type="checkbox"] {height:auto}
.global-nav .utility-links {background-color:rgba(0, 0, 0, 0.7)}
.global-nav .utility-links::before {left:-20px;border-bottom:40px solid rgba(0, 0, 0, 0.7)}
.global-nav .utility-links::after {right:-20px;border-top:40px solid rgba(0, 0, 0, 0.7)}
.breadcrumb, .breadcrumb a {color:#666}
.breadcrumb > li {display:inline-block}
.breadcrumb > *:last-child > a::after {content:""}
/*footer {background-color:#4a5d5d}*/
.list-of-links .item-list ul li {line-height:28px;margin-left:24px;padding-left:16px}
.list-of-links a {font-weight:600}

/*Form styles*/
#main-content form.compact select,
#main-content form.compact input,
#main-content form.compact label {height:auto; margin-top:0; display:inline-block;}
#main-content form.compact select {padding:0 30px 0 6px;}

/*CEHD directory styles*/
span.person_full_name, span.person_email, span.person_title, span.person_phone{display:inline-block; vertical-align:top; margin-top:10px !important;}
span.person_full_name{width:25%;max-width:25%;}
span.person_email{width:14%;max-width:14%; padding-left:5px;position:relative;}
span.person_phone{}
span.person_title{width:38%;max-width:38%;}

/*CEHD faculty staff styles*/
ul.person_contact_info li, ul.person_contact_info div.person_full_name, ul.person_contact_info div.person_office, ul.person_contact_info div.person_email, ul.person_contact_info div.person_phone, ul.person_contact_info div.person_fax, ul.person_contact_info div.person_mailstop{display:inline-block; vertical-align:top; margin-top:0px !important;}
main.people ul.person_contact_info li, main.people ul.plist_mini li, main.people div#toc ul li {background:none;}
main.people ul.person_contact_info li:first-child {width:30%;max-width:30%; margin:0px; padding:0px;}
main.people ul.person_contact_info li:nth-child(2) {width:25%;max-width:25%; margin:0px; padding:0px;}
main.people ul.person_contact_info li:nth-child(3),main.people ul.person_contact_info li:nth-child(4)  {width:15%;max-width:15%; margin:0px; padding:0px;}
main.people ul.person_contact_info li:nth-child(5), main.people ul.person_contact_info li:nth-child(6) {width:10%;max-width:10%; margin:0px; padding:0px;}
ul.person_contact_info:hover {background:#eff0e7;}
ul.person_contact_info{padding:5px 0;}
main.people #profile_leftside {float:left;max-width:calc(70% - 20px);min-width:150px;}
main.people #profile_contactinfo {float:right;max-width:30%;min-width:150px;padding:0 0 20px 20px}
main.people #profile_social_media a {display:inline-block;width:30px;height:30px;margin:0 10px 0 0;text-align:center}
main.people #profile_social_media a img {vertical-align:middle}
main.people #profile_social_media a.facebook {background-color:#315092}
main.people #profile_social_media a.twitter {background-color:#0fa3e3}
main.people #profile_social_media a.linkedin {background-color:#006fba}
main.people #profile_books img {display;inline-block;margin-left:20px}

@media (max-width: 899px) {
   ul.person_contact_info {float:left;width:200px}
   ul.person_contact_info li, ul.person_contact_info div.person_full_name, ul.person_contact_info div.person_office, ul.person_contact_info div.person_email, ul.person_contact_info div.person_phone, ul.person_contact_info div.person_fax, ul.person_contact_info div.person_mailstop {display:block; vertical-align:top; margin-top:0px !important;}
   main.people ul.person_contact_info li:first-child,main.people ul.person_contact_info li:nth-child(2),main.people ul.person_contact_info li:nth-child(3),main.people ul.person_contact_info li:nth-child(4),main.people ul.person_contact_info li:nth-child(5),main.people ul.person_contact_info li:nth-child(6) {width:100%;max-width:100%;}
   .person_email::after{content:'@gmu.edu'}
   .person_phone::before{content:'Phone: '}
   .person_fax::before{content:'Fax: '}
   .expanding-directory .person_phone::before{content:''}
   .expanding-directory .person_fax::before{content:''}
   #contact_info_list_header {display:none}
   .plist_container + p + h2, .people h1, .people h2 {clear:left}
   .content-area .plist_container ul li {padding-left:0;margin-left:5px}
}
@media (min-width: 900px) {
   main.people .expanding-directory ul.person_contact_info li {width:32%;max-width:32%}
   .expanding-directory .person_email::after{content:'@gmu.edu'}
}

/*mini profile styles*/
div.plist_container ul.plist_mini span{margin-top:0px !important;}
div.plist_container ul.plist_mini span.plist_photo{display:none;}
div.plist_container ul.plist_mini span.person_name, div.plist_container ul.plist_mini span.plist_title {display:block;}
div.plist_container ul.plist_mini span.plist_email, div.plist_container ul.plist_mini span.plist_phone_fax, div.plist_container ul.plist_mini span.plist_profile{display:inline-block; padding:0 10px 0 0;}
div.plist_container ul.plist_mini span.plist_email:after, div.plist_container ul.plist_mini span.plist_phone:after, div.plist_container ul.plist_mini span.plist_fax:after{content:"|";}
main.people div.plist_container ul.plist_mini span.plist_email:after, main.people div.plist_container ul.plist_mini span.plist_phone:after, main.people div.plist_container ul.plist_mini span.plist_fax:after{content:"";}
div.plist_container ul.plist_mini li br{display:none;}
div.plist_container ul.plist + ul.plist{margin-top:0.5em !important;}

/*with photo*/
div.plist_container_with_photo ul.plist_mini li {padding:0px; margin:0px; background:none; width:47%; display:inline-block; vertical-align:top; margin-top:1em;}
div.plist_container_with_photo ul.plist_mini span.plist_photo{display:block; margin-top:1em;}
div.plist_container_with_photo ul.plist_mini span.plist_photo img{height:150px !important;}
div.plist_container_with_photo ul.plist_mini li span.person_name, div.plist_container_with_photo ul.plist_mini li span.plist_title, div.plist_container_with_photo ul.plist_mini li span.plist_profile, div.plist_container_with_photo ul.plist_mini li a {display:block; margin-top:0px !important;}
div.plist_container_with_photo ul.plist_mini li span.plist_profile br{display:none;}
@media (max-width: 500px) {
    div.plist_container_with_photo ul.plist_mini li { width:95% !important;}
}

/*navigation control size*/
.owl-nav > div {width:50px;height:50px;}
.banner .owl-nav > div:hover {color:#FFF; opacity:0.5;} 

/*News and ditto styles*/
.ditto_summaryPost .ditto_thumbnail {float:left;margin-right:20px;}
.ditto_summaryPost {clear:left;}
.ditto_summary > br {display:none;}
.ditto_news .ditto_summaryPost
{
    min-height: 127px;
    clear: both;
    margin: 10px 0px;
    overflow: hidden;
}
.ditto_news .ditto_thumbnail {
    float: left;
    width: 75px;
    margin: 5px 10px 5px 0px;
    height: 100%;
    vertical-align: middle;
    border: 1px solid #CCC;
    background-color: #EFEFEF;
    padding: 5px;
}
.ditto_news .ditto_right {
    float: right;
    width: 85%;
    width:calc(100% - 105px);
    margin-right: 10px;
}
.ditto_news .ditto_summaryPost + .prev {clear:both;float:left}
.ditto_news .ditto_summaryPost + .next, .ditto_news .ditto_summaryPost + .prev + .next {clear:right;float:right}
.ditto_news .ditto_summaryPost h3 {margin:0;}
.ditto_news .ditto_date {
color:#767676;/*#878787*/
font-size:9px;
line-height:9px;
margin:0 0 3px;
padding:0;
}





/*Event calendars*/

.mini_calendar .event_cal_instance .cal_entry .cal_date > div {font-size:15px;margin:2px 0 3px}
#main-content .mini_calendar .event_cal_instance .cal_entry .cal_date .cal_date_date {font-size:25px;margin:0}
#main-content .mini_calendar .event_cal_instance .cal_entry .cal_date .cal_date_time {margin:3px 0 2px}
.mini_calendar .event_cal_instance .cal_entry .cal_date {clear:both;height:89px;display:table-cell;text-align:center;width:80px;color:#555;vertical-align:middle}
#main-content .mini_calendar .event_cal_instance .cal_entry, .mini_calendar .event_cal_instance .cal_entry {min-height:90px;padding:0}
.mini_calendar .event_cal_instance .cal_entry:first-child {border-top:1px solid #555;padding-top:10px;margin-top:10px}
#main-content .mini_calendar .event_cal_instance .cal_entry + .cal_entry, .mini_calendar .event_cal_instance .cal_entry + .cal_entry {border-top:1px solid #cdd5d4;margin:0}
.mini_calendar .event_cal_instance .cal_entry .cal_title {height:89px;display:table-cell;width:calc(100% - 80px);color:#555;line-height:24px;vertical-align:middle}


.table-wrapper table.datatable{width:95%;}
.bachelors-accelerated-masters-program table.datatable ul li{padding-left:0;margin-left:0;background:none;}
.degreeheader{color:#006940}
.left-column h3{font-size:20px;font-weight:600}
.widget a.btn {font-weight:600;font-size:18px;letter-spacing:.1em}
.left-column .dlbutton{width:100%;}
.sub-nav .active > a {font-weight:600}
.expandable-content-wrapper .expandable-content-wrapper .header{background-color:transparent;padding-right:0px;}
.cta.sports {background-image: url('/assets/images/cehd3/soccer.png');}
table.border,table.border th,table.border td {border:1px solid;border-collapse:collapse;}
table.border th,table.border td {padding:0 5px}

@media (min-width:900px) {
    .left-column + .content-area {
        overflow:hidden;
        padding-left:68px;
/*    	margin-left:375px;*/
    }
    #main-content .content-area .leftcol{float:left;width:48%;}
    #main-content .content-area .rightcol{float:right;width:48%;}
}
@media (max-width:899px) {
    .floatright.collapse-med {width:100%;}
    .floatleft.collapse-med {width:100%}
    .branding img {height:180px}
    main.people #profile_leftside {float:none;max-width:100%;min-width:auto;}
    main.people #profile_contactinfo {float:none;max-width:100%;min-width:auto;padding:0}
}


header .column.flyout-sub-nav.col-71 {width:71%;}
header .column.flyout-sub-nav h2 {margin-bottom:.5em;}
.audience-menu .flyout .columns .column {width:33% !important;}
header{min-height:230px;}
header .flyout .wrapper .columns, header .wrapper .branding {padding-top:35px}
header > .branding > a img {padding-top:50px}
header > .branding > .college-text {top:0px}
@media (min-width: 1200px){
    header::before {height:230px;}
}
.college-text a {
    color: white;
    font-family: sans-serif;
    text-shadow: 3px 3px 5px black;
    position: absolute;
    bottom: 0;
    left: 4%;
}

.branding.flyout-logo .college-text a {
    text-shadow: none;
    color: #000000;
    font-weight: bold;
    left: 2px;
}

.navLogo {height:200px; padding-top:20px}
/*.navLogo .masonLogo {display:table-cell;}
.navLogo .schoolLogo {display:table-cell; vertical-align:top; padding-top:13%;}*/
.navLogo .masonLogo {display:inline-block;width:40%}
.branding.navLogo .masonLogo {vertical-align:bottom}
.flyout .branding.navLogo .masonLogo {padding-bottom:2%}
.navLogo .schoolLogo {display:inline-block;vertical-align:top}
.schoolLogo img{margin-left:10%;}
.navLogo img{max-width:100%;}
.cehdLogo{padding-top:5%;}
.global-nav .branding-small {display:none}


@media (min-width: 1100px) {
    .right-sidebar-content {
        float:right;
        margin-left:50px;
        margin-bottom:50px;
        width: 300px;
        position: relative;
        z-index: 1;
    }
    .content-area .right-sidebar-content h3 {
        font-weight:normal;
    }
    .right-sidebar-lower-content {
        display:none;
    }
}
@media (max-width: 1200px) {
    .right-sidebar-content {
        margin-left:20px;
    }
}
@media (max-width: 1099px) {
    .right-sidebar-content {
        display:none;
    }
    .right-sidebar-lower-content {
        border-top: 1px solid #cdd5d4;
        padding-top: 30px;
        width: 100%;
        clear: both;
    }
    .right-sidebar-lower-content .widget {
        display: inline-block;
        width: 280px;
        vertical-align: top;
    }
    .right-sidebar-lower-content .widget + .widget {
        float:right;
    }
    .right-sidebar-lower-content .widget + .widget + .widget {
        clear:right;
    }
}
@media (max-width: 1059px) {
    .right-sidebar-lower-content .widget {
        width: 300px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .right-sidebar-lower-content .widget + .widget {
        float:none;
    }
    .right-sidebar-lower-content .widget + .widget + .widget {
        clear:none;
    }
}
@media (max-width: 899px) {
    .right-sidebar-lower-content .widget {
        display: inline-block;
    }
    .right-sidebar-lower-content .widget + .widget {
        float:right;
    }
    .right-sidebar-lower-content .widget + .widget + .widget {
        clear:right;
    }
    nav.global-nav, .search-expanded .global-nav .utility-links {padding-top:0;background:white}
    .compress-tablet .global-nav .branding-small, .global-nav .flyout-logo, .global-nav .navLogo, .global-nav .branding img, .global-nav .branding, header.search-expanded nav.global-nav .branding {display:none}
    .global-nav .branding-small {display:block;padding:0 0 0 20px;height:auto}
    .main-menu .fa-home{margin-left:0px;margin-right:0px;}
    header .compressed, [class*="compress"] header .compressed {z-index:2}
}
@media (max-width: 680px) {
    .floatright.collapse-small {width:100%;}
    .floatleft.collapse-small {width:100%}
    header.search-expanded .utility-links {top:36px}
}
@media (min-width: 661px) and (max-width: 899px) {
    .right-widget {display:table;width:100%}
    .right-widget .widget {display:table-cell}
    .masonLogo img, .schoolLogo img {max-width:238px}
    .college-text a {bottom:30px}
}
@media (max-width: 660px) {
    .social-media-and-copyright {padding-top:55px}
    .global-nav .branding img, .global-nav .branding-small img {height:100%;width:auto}
    .right-widget {margin-left:0}
    .global-nav .utility-links {height:auto}
    .branding-small.navLogo .schoolLogo img {margin-left:0 !important;}
    .branding img {height:140px;}
}
@media (max-width: 639px) {
    .right-sidebar-lower-content .widget {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .right-sidebar-lower-content .widget + .widget {
        float:none;
    }
    .right-sidebar-lower-content .widget + .widget + .widget {
        clear:none;
    }
}

.wayfinder ul li ul {display:none;}
.wayfinder ul li.active ul {display:block}
.node,.section {overflow:hidden;}
/*header>div.navLogo {margin-left:80px;}*/
.navLogo .schoolLogo { padding-top:11%;}
.navLogo>div.schoolLogo img{margin-left:0;padding-top:0;}
body{outline-color:none;}
.navLogo .schoolLogo {padding-top:10%;padding-left:0}
.flyout .navLogo > div.schoolLogo {padding-top:12%;padding-left:2%;}
@media (max-width:899px){
    header>div.navLogo{margin-left:0;}
    .navLogo img{width:75%;height:initial;}
    .navLogo > a > img {width:auto;max-height:140px}
    .navLogo .schoolLogo img {margin-left:-25% !important;}
    .cehdlogo{margin-left:0;padding-top:0;width:40%}
    .navLogo .schoolLogo { padding-top:8%;width:40%}
    /*header{min-height:125px;}*/
/*    .navLogo,header{min-height:125px;}*/
}
body {-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;}
.branding>a img {    padding: 10px 18px;}
.back-to-mason{background-color: #006940;
    height: 55px;
    position: fixed;
    width: 100%;
    z-index: 901;
    left:0;}
.global-nav .menu-band{background-color:#007B7C}
.global-nav .main-menu > li:first-child > a::before{border-bottom: 55.5px solid #007b7c;left:-39px;}
.global-nav .main-menu > li > a{margin-left:5px;margin-right:5px; }
@media (max-width:1172px){
     .back-to-mason .wrapper {padding-left:10px;}
     
}
.compressed{height:100%;}
.compressed a{color:white;line-height:45px;}
.compressed::before {border-bottom: 30px solid #007b7c;right:510px;top:-13px;border-bottom:68px solid #007b7c;}
@media (max-width: 899px){
.compressed{height:100%;}
.compressed a{color:white;line-height:45px;}
.global-nav .compressed::before, [class*='compress'] header .global-nav .compressed::before {border-bottom: 30px solid #007b7c;right:510px;top:-13px;border-bottom:68px 
solid #007b7c;    border-left-width: 40px;
    left: -35px;}
header .compressed {background-color:#007b7c;    height: 55px !important;}
header > .branding > a img {padding-top:55px}
/*header {min-height:165px}*/
header > .branding > .college-text {top:20px}
}
@media (min-width: 900px){
.compressed{height:100%;}
.compressed a{color:white;line-height:45px;}
.global-nav .compressed::before, [class*='compress'] header .global-nav .compressed::before {border-bottom: 30px solid #007b7c;right:510px;top:-13px;border-bottom:68px solid #007b7c;    border-left-width: 40px;
    /*left: 725px;*/}
header .compressed {background-color:#007b7c;    height: 55px !important;}
}
.global-nav .green-band::after, .global-nav .menu-band::after{display:none;}
header .branding {position:absolute;z-index:5}
#nav-underlay { background-color:#007b7c;height:55px;}
@media (max-width:660px){/*.back-to-mason{display:none;}*/}
body.compress #nav-underlay{height:55px;}
@media (min-width:660px){
 .hide-from-660{display:initial}
 .show-from-660{display:none;}
}
@media (max-width:660px){
 .hide-from-660{display:none}
 .show-from-660{display:inline-block;}
 .back-to-mason{z-index:2;}
 .global-nav .wrapper{left:0;line-height:60px;}
}
header .flyout > div > .wrapper {padding-top:200px;}
header .flyout-sub-nav a {position:relative;top:4px}
.branding-small .college-text a{color:black;}
@media (max-width: 899px){
.global-nav .branding-small{
    padding:0 0 10px 20px;
    height:200px;
    
}
.branding-small .college-text a{
        bottom:-25px;
        left:0;
        text-shadow:none;
}
.branding-small img{
    margin-top:35px;
    padding-top:35px;
    
}
}

sup {font-size:75%;vertical-align:super;line-height:75%}
.compress .branding-small {display:none}
footer .branding img {height:auto}
#main-content * + .fa {margin-top: 0}

.footer {padding-bottom:0}
.footer .branding img {max-width:250px/*max-width:100%;width:500px*/}
.footer .wrapper::after {content:none}
#footer-grid {display:grid;grid-template-columns:300px minmax(200px,1fr) minmax(180px,325px)}
#footer-grid .footer-info ul {display:inline-block}
#footer-grid .footer-info li {line-height:20px;margin-top:0;padding-bottom:4px}
#footer-grid .footer-info,#footer-social-media {width:auto;max-width:initial}
#footer-social-media {text-align:right;font-size:11px;line-height:16px;position:relative}
#footer-social-media .social-media {margin-bottom: 15px;margin-top: 80px}
#footer-social-media .social-media li {display: inline-block;margin-left: 10px}
#footer-social-media .social-media a {background-color: #00909e;width: 45px;height: 45px;display: table-cell;text-align: center;vertical-align: middle;padding-top: 4px}
#footer-link {border-top:1px solid #fff;padding:20px 0;clear:both}
#footer-link ul {text-align:center;line-height:30px}
#footer-link li {display:inline-block;padding:0 20px;margin:0;line-height:20px}
#footer-link a {color:#fff}
#footer-link li + li {border-left:1px solid #fff}
@media(max-width:730px) {
  #footer-grid {grid-template-columns:1fr;text-align:center}
  #footer-grid .footer-info {margin-top:0}
  #footer-social-media {text-align:center}
  #footer-social-media .social-media {margin-top:10px}
  #footer-link {margin-top:20px}
  #footer-link li {line-height:30px}
  #footer-link li + li {display:block;border:none}
}

.breadcrumb {margin:0 0 17px}
.breadcrumb li:last-child {display:none}
h1 + .breadcrumb {margin:17px 0 0}
@media (max-width: 660px) {
  .breadcrumb {display: block}
  .breadcrumb a::after {padding:0 5px}
}

@media (min-width: 1601px)
{
    header::before {max-width:1600px;width:1601px}
}


/* Color overrides for new GMU colors */

.widget, .bg-coral a, .bg-yellow-green a {color:#fff}
.widget h3 {font-weight:normal}
.widget .btn {background-color:#fff}
.bg-coral .btn {color:var(--gmu-red) !important}
.bg-mason-green .btn {color:var(--gmu-green) !important}
.bg-yellow-green .btn {color:var(--gmu-teal) !important}
.button {background-color:var(--gmu-gold) !important;color:var(--gmu-green) !important}
.widget .btn::after {content:"\f105";font-family:FontAwesome;font-size:30px;text-align:center;line-height:36px;background:#fff !important}
/*styles for event calendars*/

.cal_cal {
	
	}
.cal_html {
	clear:both;
}

.cal_cal a,
#main .cal_cal a {
	border:none;
	/*text-decoration:underline;*/
	}

.cal_cal ul {
	
	}

.cal_cal table {
	padding:0;
	border-collapse:collapse;
	border:1px solid #006940;
	border-top:5px solid #006940;
	clear:both;
	margin:3px 0 15px 0;
	}
	
.cal_cal thead,
.cal_cal tfoot td {
	border:1px solid #7E7B6F;
	text-align:center;
	background:#fdf5da;
	}

#gse_events tfoot td {
	padding:0;
	}
		
.cal_cal th, .cal_cal td {
	padding:4px;
	margin:0;
	background:white;
	border:1px dotted #7E7B6F;
	line-height:1.5em;
	vertical-align:top;
	}

.cal_cal td {
	/*min-height:70px;*/
	}

.cal_cal td ul,
#main .cal_cal td ul {
	margin:0 0 0 13px;
	padding:0;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	}

.cal_cal td li {
	margin:0;
	padding:0;
	}

.cal_cal td li a {
	display:block;
	font-weight:normal;
	}

.cal_cal .cal_html th {
	background:#eff0e7;
	font-weight:bold;
	font-size:1.2em;
	}

.cal_cal .calendar_navigation h2,
#main .cal_cal .calendar_navigation h2 {
	border:none;
	text-align:center;
	margin:0;
	padding:0;
	}

.cal_cal .cal_nav_tabs ul ,
#main .cal_cal .cal_nav_tabs ul {
	margin:0;
	padding:0;
	text-align:center;
	width:60%;
	float:right;
	height:30px;
	margin:0;
	}

.cal_cal .cal_nav_tabs li,
#main .cal_cal .cal_nav_tabs li {
	float:right;
	list-style:none;
	margin:0 2px 0 2px;
	background:#eff0e7;/*url(/assets/images/cehd/parchment-green.jpg);*/
	width:4em;
	}

/*.cal_cal .cal_nav_tabs li div {
	background:url(/assets/images/calendar/tab_corner_left-small.gif) 0px 0px no-repeat;
	}*/

.cal_cal .cal_nav_tabs li div a {
	border:none;
	text-underline:none;
	/*background:url(/assets/images/calendar/tab_corner_right-small.gif) 100% 0px no-repeat;*/
	padding:5px 0 3px 0;
	display:block;
	height:22px;
	overflow:hidden;
	font-weight:bold;
text-align:center;
	}

.cal_cal .cal_nav_tabs li.cal_tab_selected,
#main .cal_cal .cal_nav_tabs li.cal_tab_selected {
	/*position:relative;
	top:-4px;*/
	background:#006940;
	}

/*.cal_cal .cal_nav_tabs li.cal_tab_selected div,
#main .cal_cal .cal_nav_tabs li.cal_tab_selected div {
	background:url(/assets/images/calendar/tab_corner_left_selected.gif) 0px 0px no-repeat;
	}*/

.cal_cal .cal_nav_tabs li.cal_tab_selected div span,
#main .cal_cal .cal_nav_tabs li.cal_tab_selected div span {
	color:#FFFFFF;
	font-weight:bold;
	border:none;
	text-underline:none;
	/*background:url(/assets/images/calendar/tab_corner_right_selected.gif) 100% 0px no-repeat;*/
	padding:5px 0 3px 0;
	display:block;
	height:22px;
	overflow:hidden;	
text-align:center;
	}
		
.cal_cal caption,
.cal_cal caption a,
#main .cal_cal caption h2 {
	background:#006940;
	padding:.2em;
	text-align:center;
	color:#ffffff;
	font-size:1.1em;
	border:none;
	margin:0 0 0 -1px;
	}

.cal_cal caption a:hover {
	color:#990000;
	}
.cal_cal .calendar_month caption a {background:none}
	
.cal_cal .calendar_month,
.cal_cal .calendar_day,
.cal_cal .calendar_year,
.cal_cal .calendar_week,
#main .cal_cal .calendar_month,
#main .cal_cal .calendar_day,
#main .cal_cal .calendar_year,
#main .cal_cal .calendar_week {
	width:100%;
	line-height:1.5em;
	}
	
.cal_cal .calendar_month th,
.cal_cal .calendar_day th,
.cal_cal .calendar_year th,
.cal_cal .calendar_week th {
	width:14%;
	}

.cal_cal .calendar_month ul,
.cal_cal .calendar_day ul,
.cal_cal .calendar_year ul,
.cal_cal .calendar_week ul 	
#main .cal_cal .calendar_month ul,
#main .cal_cal .calendar_day ul,
#main .cal_cal .calendar_year ul,
#main .cal_cal .calendar_week ul {
	/*margin-left:15px;
	padding:0;
*/
	}	
	
.cal_cal .calendar_month td ul li,
.cal_cal .calendar_day td ul li,
.cal_cal .calendar_year td ul li,
.cal_cal .calendar_week td ul li {
	margin:0;
	padding:0;
	}	

.cal_cal .cal_current_day {
	background:#ccc;
	}	

.cal_cal .cal_prev_next,
#main .cal_cal .cal_prev_next {
	width:35%;
	height:1.5em;
	float:left;
	height:30px;
	margin:0;
	}

.cal_cal .cal_prev_next a {
	display:block;
	padding:7px 7px 2px 7px;
	float:left;
	}
	
.cal_cal .cal_previous,
.cal_cal .cal_next,
.cal_cal .cal_today
 {

	}
.cal_cal .cal_thisday {vertical-align:top}
	
.cal_cal .cal_thisday a {
	display:block;
	float:right;
	width:2em;
	padding:1px;
	margin:-4px 0 0 -4px;
	font-weight:bold;
	text-align:center;
	}
	
#main-content .cal_cal .cal_html ul li {margin-top:.5em}
#main-content .cal_cal .cal_html .cal_thisday a {vertical-align:top;}
#main-content .content-area .cal_nav_tabs * {border-radius: 10px 10px 0 0}
@charset "utf-8";
/* CSS Document */

header+div.node {
	height:unset;
	min-height: calc(100% - 492px);
	height:auto;
	background:#FFF;
}

input[type="submit"].button{
    font-size: 24px !important;
    line-height: 24px;
    color: #333;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 0px 1px 0px rgba(157, 126, 0, 0.75);
    background-color: #febe10;
    display: inline-block;
    font-weight: 700;
    padding: 13px 15px 11px;
    font-family: 'Roboto Slab', Palatino Linotype, Palatino, serif;
    letter-spacing: 0.025em;
    height: auto !important;
}
#main-content form input.button {
    padding-left:15px;
}

.left-column .feature div h4 { font-weight:bold;}

.owl-carousel.default .owl-controls .owl-nav > div {height: 35px; width: 35px;}
body, body.html {background-size:initial !important}
.content-area .item-list ul li {padding-left: 17px;margin-left: 24px;}
.expandable-content-wrapper .expanded-content { background-color: #FEFEFE !important; padding: 22px; font-size: 16px !important; line-height: 28px !important; border:1px solid #EFEFEF;}

@media (max-width: 660px) {
	footer{display:none;}
	header+div.node { min-height:calc(100% - 165px);}
	body { padding-bottom: 0px !important;}
}

@media (min-width: 660px) and (max-width: 899px)
{
    header+div.node {min-height: calc(100% - 393px);}
}

@media print
{
    header, footer, .left-column, .right-sidebar-content, .right-sidebar-lower-content{display:none !important;}
    body{background:#FFF !important; background-image:none !important;}
}

.sub-nav ul ul li.first a {border-top:none}

.widget h3.small {font-size:29px;letter-spacing:-1px}
body {background-size:1600px auto}

@media (min-width: 1601px)
{
    header::before {width:1601px;max-width:none}
}

/* For blog post navigation */
div.paging ul.pageList li {background:none;display:inline-block}
/* --- WIDGET styles --- */
.widget
{
	position: relative;
	background-image: url(/assets/images/cehd2015/bg-widget.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 300px;
	margin: 0px 0px 10px 0px;
	padding: 30px 20px;
	color: #ffffff;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: -0.025em;
}

.widget h3
{
	color: #ffffff;
	margin: 0px 0px 30px 0px;
	font-family: 'Myriad W01 Lt', sans-serif;
	font-size: 30px;
	line-height: 30px;
	text-transform: none;
	letter-spacing: -0.025em;
}

.widget p
{
	margin: 0px 0px 30px 0px;
}

.widget.type-3
{
	background-image: none;
	padding: 0px;
	height: 462px;
	overflow: hidden;
}

.widget.type-3 h3
{
	margin: 0px;
	padding: 20px;
	font-family: 'Myriad W01 Bd', sans-serif;
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	border-bottom: 4px solid #ffffff;
}

.widget.type-3 .pic
{
	background-repeat: no-repeat, no-repeat;
	background-position: left bottom, center top;
	background-size: 100% 100px, cover;
	background-blend-mode: multiply;
	height: 400px;
}

body.no-blend .widget.type-3 .pic
{
	background-size: 0px 0px, cover;
}

.widget.type-3 .band
{
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 30px 20px;
	color: #ffffff;
}

.widget.type-5
{
	padding: 40px 20px;
}

.widget.type-5 .quote
{
	position: relative;
	margin-bottom: 30px;
	font-size: 26px;
	line-height: 40px;
	text-indent: 36px;
}

.widget.type-5 .quote:before
{
	content: "“";
	position: absolute;
	top: -3px;
	left: -30px;
	font-family: 'Minion W01 SmBd', serif;
	font-size: 60px;
	font-weight: normal;
	line-height: 60px;
}

.widget.type-5 .quote:after
{
	content: "”";
	display: inline-block;
	position: relative;
	left: -28px;
	top: 17px;
	margin-top: -14px;
	font-family: 'Minion W01 SmBd', serif;
	font-size: 60px;
	font-weight: normal;
	line-height: 60px;
}

.widget.type-7
{
	background-image: none;
	padding: 0px;
	height: 285px;
	overflow: hidden;
}

.widget.type-7 .pic
{
	background-repeat: no-repeat, no-repeat;
	background-position: left top, center center;
	background-size: 100% 185px, cover;
	background-blend-mode: multiply;
	height: 400px;
}

body.no-blend .widget.type-7 .pic
{
	background-size: 0px 0px, cover;
}

.widget.type-7 .band
{
	position: absolute;
	top: 0px;
	background-image: url(/assets/images/theme/icn-download.png);
	background-repeat: no-repeat;
	background-position: center 30px;
	background-size: 66px 60px;
	width: 100%;
	padding: 110px 20px 30px 20px;
	color: #ffffff;
	font-size: 26px;
	line-height: 26px;
}

.widget.type-7 a.btn
{
	position: absolute;
	left: -20px;
	bottom: 30px;
}

.widget.type-8 h3 b
{
	font-family: 'Minion W01 Regular', serif;
	font-size: 60px;
	font-weight: normal;
	line-height: 60px;
	letter-spacing: -0.025em;
}

.widget.type-9
{
	background-image: none;
	height: 285px;
	padding: 0px;
	overflow: hidden;
}

.widget.type-9 .pic
{
	background-repeat: no-repeat, no-repeat;
	background-position: left bottom, center center;
	background-size: 100% 100px, cover;
	background-blend-mode: multiply;
	height: 100%;
}

body.no-blend .widget.type-9 .pic
{
	background-size: 0px 0px, cover;
}

.widget.type-9 .band
{
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 30px 20px;
	color: #ffffff;
}

/* --- BUTTON styles --- */
a.btn, input[type="submit"]
{
	display: inline-block;
	position: relative;
	left: -43px;					/* Negative left position and margin compensates for width of pseudo element after */
	background-color: #006633;
	height: 40px;
	margin: 0px 0px 0px 43px;
	padding: 0px 10px;
	color: #ffffff;
	font-family: 'Myriad W01 Bd', sans-serif;
	font-size: 16px;
	line-height: 40px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.15em;
	white-space: nowrap;
	border: 0px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	-o-border-radius: 0px;
	outline: none;
	-webkit-appearance: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	outline: 0;
}
a.btn:after
{
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	right: -43px;
	background-color: inherit;
	background-image: url(/assets/images/theme/arw-white-r.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 10px 17px;
	width: 40px;
	height: 40px;
}
.mod
{
	margin: 0px 0px 80px 0px;
}

.mod:last-child
{
	margin: 0px;
}

.mod .pic
{
	position: relative;
	float: left;
	width: 50%;
}

.mod .pic img
{
	width: 100%;
	height: auto;
}

.mod .txt
{
	float: right;
	width: 50%;
	padding: 0px 0px 0px 40px;
}

.mod.right .pic
{
	float: right;
}

.mod.right .txt
{
	float: left;
	padding: 0px 40px 0px 0px;
}
.pic .caption, .asset .caption, .thumbnail .caption
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	background-color: rgba(255,255,255,0.1);
	padding: 5px;
	color: #ffffff;
	font-size: 12px;
	line-height: 16px;
}

/* --- COLOR styles --- */
a.btn.aqua, a.btn.bright-blue, a.btn.blue-violet, a.btn.coral, a.btn.dark-magenta, a.btn.mason-green, a.btn.mason-gold, a.btn.yellow-green, a.btn.aqua:after, a.btn.bright-blue:after, a.btn.blue-violet:after, a.btn.coral:after, a.btn.dark-magenta:after, a.btn.mason-green:after, a.btn.mason-gold:after, a.btn.yellow-green:after, a.btn.dark-aqua, a.btn.dark-aqua:after, a.btn.gmu-red, a.btn.gmu-green, a.btn.gmu-gold, a.btn.gmu-teal
{
	background-color: #ffffff;
}

/*a.btn.dark-aqua:after
{
	background-image: url(/assets/images/theme/arw-dark-aqua-r.png);
}

a.btn.aqua:after
{
	background-image: url(/assets/images/theme/arw-aqua-r.png);
}

a.btn.bright-blue:after
{
	background-image: url(/assets/images/theme/arw-bright-blue-r.png);
}

a.btn.blue-violet:after
{
	background-image: url(/assets/images/theme/arw-blue-violet-r.png);
}

a.btn.coral:after
{
	background-image: url(/assets/images/theme/arw-coral-r.png);
}

a.btn.dark-magenta:after
{
	background-image: url(/assets/images/theme/arw-dark-magenta-r.png);
}

a.btn.mason-green:after
{
	background-image: url(/assets/images/theme/arw-mason-green-r.png);
}

a.btn.mason-gold:after
{
	background-image: url(/assets/images/theme/arw-mason-gold-r.png);
}

a.btn.yellow-green:after
{
	background-image: url(/assets/images/theme/arw-yellow-green-r.png);
}*/

a.btn::after {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 30px;
  text-align: center;
  line-height: 36px;
  background: #fff;
}

.dark-aqua, .gmu-teal
{
	color: var(--gmu-teal) !important;
	/*color: #088391 !important;
	color: #16919f !important;*/
}

.aqua
{
	color: #3ec2cf !important;
}

.blue-violet
{
	color: #6b469c !important;
}

.bright-blue
{
	color: #007dc5 !important;
}

.coral, .gmu-red
{
	color: var(--gmu-red) !important;
/*	color: #b75f0d !important;
	color: #ec7021 !important;*/
}

.dark-magenta
{
	color: #a62380 !important;
}

.mason-gold, .gmu-gold
{
	color: var(--gmu-gold) !important/*#ffcc33 !important;*/
}

.mason-green, .gmu-green
{
	color: var(--gmu-green) !important/*#006633 !important;*/
}

.yellow-green
{
	color: var(--gmu-teal) !important/*#bcd631 !important;*/
}

.bg-dark-aqua, .bg-gmu-teal
{
	background-color: var(--gmu-teal) !important;/*#16919f !important;*/
	color: #ffffff;
}

.bg-aqua
{
	background-color: #3ec2cf !important;
	color: #ffffff;
}

.bg-blue-violet
{
	background-color: #6b469c !important;
	color: #ffffff;
}

.bg-bright-blue
{
	background-color: #007dc5 !important;
	color: #ffffff;
}

.bg-coral, .bg-gmu-red
{
	background-color: var(--gmu-red) !important;/*#ec7021 !important;*/
	color: #ffffff;
}

.bg-dark-magenta
{
	background-color: #a62380 !important;
	color: #ffffff;
}

.bg-mason-gold, .bg-gmu-gold
{
	background-color: #ffcc33 !important;
	color: #ffffff;
}

.bg-mason-green, .bg-gmu-green
{
	background-color: var(--gmu-green) !important;/*#006633 !important;*/
	color: #ffffff;
}

.bg-yellow-green
{
	background-color: var(--gmu-teal) !important;/*#bcd631 !important;*/
	color: #ffffff;
}

.bg-white
{
	background-color: #ffffff !important;
	color: #000000;
}

.bg-gray
{
	background-color: #333333 !important;
	color: #ffffff;
}

.bg-aqua a/*, .bg-coral a, .bg-yellow-green a*/ {color:#222;}

body.no-blend .bg-aqua-a, .hero .carousel .band.bg-aqua-a
{
	background-color: rgba(0,136,153,0.6);
	color: #ffffff;
}

body.no-blend .bg-bright-blue-a, .hero .carousel .band.bg-bright-blue-a
{
	background-color: rgba(0,94,171,0.6);
	color: #ffffff;
}

body.no-blend .bg-blue-violet-a, .hero .carousel .band.bg-blue-violet-a
{
	background-color: rgba(61,0,124,0.6);
	color: #ffffff;
}

body.no-blend .bg-coral-a, .hero .carousel .band.bg-coral-a
{
	background-color: rgba(212,91,15,0.6);
	color: #ffffff;
}

body.no-blend .bg-dark-magenta-a, .hero .carousel .band.bg-dark-magenta-a
{
	background-color: rgba(130,0,98,0.6);
	color: #ffffff;
}

body.no-blend .bg-mason-gold-a, .hero .carousel .band.bg-mason-gold-a
{
	background-color: rgba(241,174,0,0.6);
	color: #ffffff;
}

body.no-blend .bg-mason-green-a, .hero .carousel .band.bg-mason-green-a
{
	background-color: rgba(0,51,0,0.75);
	color: #ffffff;
}

body.no-blend .bg-yellow-green-a, .hero .carousel .band.bg-yellow-green-a
{
	background-color: rgba(127,171,0,0.6);
	color: #ffffff;
}

body.no-blend .bg-white-a, .hero .carousel .band.bg-white-a
{
	background-color: rgba(255,255,255,0.6);
	color: #000000;
}

body.no-blend .bg-gray-a, .hero .carousel .band.bg-gray-a
{
	background-color: rgba(0,0,0,0.6);
	color: #ffffff;
}
header > .branding > a > img {padding:50px 20px}
@media (min-width:900px) {
header > .branding > a > img {height:250px;margin-top:10px}
}
header + div.node {min-height:calc(100% - 230px)}

#main-content .image250 .column img {
    width: 250px;
    /*height: 175px;*/
}

/** Banner color **/
.global-nav .green-band::after, .global-nav .menu-band::after, .global-nav .green-band, .global-nav .menu-band, header .compressed, .compress-tablet header .compressed {background-color:#E51937}
.global-nav .main-menu > li:first-child > a::before {border-bottom:55px solid #E51937}
.global-nav .compressed::before, [class*="compress"] header .global-nav .compressed::before {border-bottom:68px solid #E51937;right:340px}
.compressed .search-toggle, header .compressed {display:none}
.compress-tablet header .compressed {display:block}
#nav-underlay {background-color:#e51937}

/** Bar colors **/
.logo-blue, .logo-red, .logo-gold, .logo-green {background-color:#009DDC;color:#fff;padding:10px;text-align:center;}
.logo-blue h2, .logo-red h2, .logo-gold h2, .logo-green h2 {font-weight:bold;font-size:45px;}
h2.inline {display:inline-block}
.logo-red {background-color:#E51937}
.logo-gold {background-color:#FFE716;color:#000}
.logo-green {background-color:#006940}
.logo-green h3{font-size:25px; padding-bottom:15px;}

/** Footer **/
.csm-address {float:left;margin:70px 40px 0 0;font-size:11px;line-height:16px}
.csm-address a {color:#d1e9eb}
@media (min-width: 900px){
header > .branding > a > img{height:270px;}}
footer {background-size:cover}
footer .footer {box-shadow:none}
:root {
--gmu-green: #005239;
--gmu-gold: #ffc733;
--gmu-logo-black: #333;
--gmu-red: #cc4824;
--gmu-teal: #008285;
--gmu-gray: #727579;
--gmu-navy: #004f71;
--gmu-black: #000;
--gmu-green-faint: #edf3f1;
--gmu-gold-faint: #fff8e6;
--gmu-red-faint: #fbf2f0;

--primary-color: var(--gmu-green);
--primary-text:#fff;
--primary-accent:var(--gmu-gold);
--secondary-color: var(--gmu-navy);
--secondary-text:#fff;
--secondary-accent:var(--gmu-gold);

--highlight-color:var(--gmu-green)
--highlight-accent-color:#bcd631;/*Yellow Green*/
--highlight-text-color:#fff;
--highlight2-color:var(--gmu-teal);
--highlight2-text-color:#fff;

--content-text-color: #555;
--content-bg-color: #fff;

--link-color: #006940;
--link-hover-color: #003621;

--section-gray-text-color: #555;
--section-gray-border-color: #ccc;
--section-gray-bg-color: #efefef;

--section-greengray-text-color: #555;
--section-greengray-border-color: #ccc;
--section-greengray-bg-color: #eff0e7;

--alert-text-color: var(--gmu-red);
--alert-border-color: var(--gmu-red);
--alert-bg-color: var(--gmu-red-faint);

--warning-text-color: #000;
--warning-border-color: var(--gmu-gold);
--warning-bg-color: var(--gmu-gold-faint);

--success-text-color: var(--gmu-green);
--success-border-color: var(--gmu-green);
--success-bg-color: var(--gmu-green-faint);
}