html, body {
    height: 100%;
    margin: 0;
}

form {
    height: 100%;
}

/* STATIC ALERT MESSAGE */
.alert {
    clear: both;
    width: 100%;
    position: relative;
    background-color: #fff;
    color: #000;
}

    .alert article {
        /*margin-right: 5%;*/
        padding: 1% 2%;
    }

    .alert h1 {
        text-align: left;
    }

    .alert article hr {
        padding: 0;
        margin: 0;
        /* margin-top: 1%;*/
        margin-bottom: 1%;
        border: 0;
        border: 1px solid #A91919;
        background-color: #A91919;
    }

/* STATIC CAMPUS CLOSED ALERT MESSAGE */
.campus-closed {
    clear: both;
    width: 100%;
    position: relative;
    background-color: #fff;
    color: #000;
}

    .campus-closed article {
        /*margin-right: 5%;*/
        padding: 5%;
        background-color: #F5F5F5;
    }

    .campus-closed h1 {
        text-align: left;
        font-size: 2em!important;
        padding: 0 0 2% 0;
        letter-spacing: 3px;
        color: #00274C;
        
    }
    .campus-closed h1::before {
        content: "⚠";
        margin-right: 1%;
    }
    .campus-closed h2 {
        text-align: left;
        font-size: 1.8em!important;
        line-height: normal;
        padding: 3% 0 3% 0;
    }

    .campus-closed p {
        text-align: left;
        margin-bottom: 2.3em;
    }

    .campus-closed article hr {
        padding: 0;
        margin: 0;
        /* margin-top: 1%;*/
        border: 0;
        border: 1px solid #FF7900;
        background-color: #FF7900;
    }

/* BANNER */

#banner {
    display: inline-block;
    width: 100%;
    height: 85%;
    color: #fff;
    background-color: #000;
    background: url(../images/banners-home/parasite-research.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*position:relative;*/ /*removed to fix drop down menu*/
}

.bxslider li article h1 a span:hover {
    background-color: #fff;
    background: none;
}

.bxslider li article h1 a span:hover {
    background-color: #00274C;
    background: none;
}


#searchRadioBtns {
    color: #fff;
    background-color: #000;
    background: none;
}

.mobile-topics {
    display: none;
}


/*------COMMENCEMENT-----*/
#commencement {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 80%;
    color: #fff;
    background-color: #000;
    background: url(../images/banners-home/commencement2018E.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    #commencement article {
        position: absolute;
        top: 50%;
        left: 5%;
        width: 30%;
        padding: 2%;
        background-color: rgba(0, 0, 0, 0.9);
        color: #fff;
    }

        #commencement article h2 {
            font-size: 1.5em;
            text-transform: uppercase;
            margin: 0;
            font-weight: bold;
        }

        #commencement article ul {
            list-style-type: disc;
            float: left;
            width: 45%;
            margin-top: 20px;
            color: #fff;
        }

            #commencement article ul.colA {
                width: 44%;
            }

            #commencement article ul.colB {
                width: 44%;
                padding-left: 40px;
                border-left: 1px dotted #ccc;
            }

        #commencement article li {
            list-style-type: disc;
            margin-left: 18px;
            margin-bottom: 12px;
            color: #fff;
        }

            #commencement article li a:link, #commencement article li a:visited {
                color: #fff;
                text-decoration: none;
            }

            #commencement article li a:hover {
                border-bottom: 1px dotted #ccc;
            }


/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #commencement {
        height: 100%;
        background-position: 30% top;
    }

        #commencement article {
            top: 40%;
            right: 0;
            width: 100%;
        }

            #commencement article ul {
                clear: both;
                float: none;
                width: 100%;
            }

                #commencement article ul.colA, #commencement article ul.colB {
                    width: 90%;
                    padding-left: 30px;
                }
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    #commencement article {
        position: absolute;
        top: 15%;
        right: 5%;
        width: 50%;
    }
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #commencement {
        height: 90%;
        background-position: 30% top;
    }

        #commencement article {
            top: 42%;
            right: 0;
            width: 100%;
        }

            #commencement article ul {
                clear: both;
                float: none;
                width: 100%;
            }

                #commencement article ul.colA, #commencement article ul.colB {
                    width: 90%;
                    padding-left: 30px;
                }
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    #commencement article {
        position: absolute;
        top: 15%;
        right: 5%;
        width: 70%;
    }

        #commencement article li {
            font-size: .75em !important;
        }
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */


/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
    #commencement {
        height: 80%;
        background-position: 30% top;
    }

        #commencement article {
            top: 45%;
            right: 0;
            width: 100%;
        }

            #commencement article ul {
                clear: both;
                float: none;
                width: 100%;
            }

                #commencement article ul.colA, #commencement article ul.colB {
                    width: 90%;
                    padding-left: 30px;
                }
}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    #commencement article {
        position: absolute;
        top: 15%;
        right: 5%;
        width: 50%;
    }
}

/* ----------- iPhone X ----------- */


/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
    #commencement {
        height: 80%;
        background-position: 30% top;
    }

        #commencement article {
            top: 45%;
            right: 0;
            width: 100%;
        }

            #commencement article ul {
                clear: both;
                float: none;
                width: 100%;
            }

                #commencement article ul.colA, #commencement article ul.colB {
                    width: 90%;
                    padding-left: 30px;
                }
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
}





/*----CENTER TEXT AREA----*/

/*#banner article {	
	width:65%;
	margin-top:1%;
	margin-left:12%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:2%;
	color:#fff;
}

#banner article h1  {
	font-size:2em !important;
	line-height:1.25em;
	letter-spacing:0.05em;
	text-align:center;
	color:#fff;
	margin-bottom:0;
	padding-bottom:10px;
	text-shadow: 1px 1px #000;
}

#banner h1 a:link, #banner h1 a:visited {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

#banner h1 a:hover {border-bottom:1px dotted #fff;}


#banner article h2 {
	font-family:'Crimson Text', Times, serif;
	margin-top:0;
	margin-bottom:30px;
	color:#333;
	font-size:1.25em !important;
	line-height:1.25em;
	background-color:transparent;
	text-align:center;
}

#banner h3 {
	padding-top:5%;
	text-transform:uppercase;
	font-family:'Crimson Text', Times, serif;
	text-shadow: 1px 1px 1px #000;}

#banner hr {
	 border: 0;
    border-bottom: 1px dotted #fff;
    background: none;
	margin:3% 0;
	width:90%;
}

#banner p {
	color:#fff;
	font-size:1em;
	background-color:transparent;
	padding-bottom:0;
	margin-bottom:0;
	line-height:1.5em;
	letter-spacing:.025em;
	text-align:center;
	text-shadow: 1px 1px #000;
}

#banner p.subhead {
	width:270px;
	font-size:.75em;
	text-transform:uppercase;
	padding:6px 15px;
	background-color:#333;
	color:#fff;
	margin-bottom:10px;
}

#banner p.related {
	font-family:'Crimson Text', Times, serif;
	font-style:italic;
	font-size:1.125em;
	margin-bottom:10px;
}

#banner article .note {
	clear:both !important;
	position:absolute;
	bottom:2%;
	right:0;
	color:#fff;
	padding-right:2%;
}

#banner article .note p {
	font-weight:normal;
	font-family:'Roboto', Arial, sans-serif;
	font-size:.625em;
}

#banner p a:link, #banner p a:visited {
	font-size:.875em !important;
  text-transform:uppercase;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  color:#fff;
  text-decoration:none;
  padding:10px 25px;
  background-color:  rgba(0, 0, 0, 0.7);
  border:1px solid #9CD0E8;
	letter-spacing:.025em;
	text-align:center;
	margin-top:15px;
}
#banner p a:hover, #banner p a:focus, #banner p a:active {
   background-color: #9CD0E8;
  color: #333;
  text-shadow:none !important;
}

#banner p a.inlineLink:link, #banner p a.inlineLink:visited {
	font-size:1.125em !important;
  text-transform:none;
  font-weight:normal;
  display: inline-block;
  vertical-align:text-top;
  -webkit-transform:none !important;
  transform:none !important;
  box-shadow:none !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration:none !important;
  transition-duration:none;
  -webkit-transition-property:none !important;
  transition-property:none !important;
  color:#fff;
  text-decoration:none;
  padding:0 !important;
  background-color:transparent !important;
  border:none;
  border-bottom:2px dotted #fff;
	letter-spacing:.025em;
	text-align:left;
	margin-top:0;
	font-style:italic;
	font-family:'Crimson Text', Times, serif;
}

#banner p a.inlineLink:hover {
	text-shadow:none !important;
	color:#fff;
	border-bottom-color:#fff;
}*/

/*
DO NOT USE!!!!
/*#banner article ul {margin-top:25px; width:300px; margin-left:auto; margin-right:auto;}
#banner article li {float:left; display:inline; width:48% !important; font-size:.875em; padding-left:0; text-align:center !important;}
#banner article li a:link, #banner li a:visited {color:#FFF; text-decoration:none;} /* FOR SIDEBAR LINKS */
/*#banner article li a:link, #banner li a:visited {color:#00274C; text-decoration:none;}*/
/*#banner article li a:hover {color:#00274C; text-decoration:none; border-bottom: 1px dotted #00274C;}*/


/*---VERTICAL LIST LINKS----*/
/*#banner article ul {background-image:url(../images/misc/dotted-vline.png); background-repeat:repeat-y; background-position:left; margin-top:15px;}
#banner article li {list-style-position:inside; list-style-image:url(../images/icons/li-orange.png); text-align:left; padding-bottom:20px; font-size:1em;}
#banner article li:nth-child(3) {padding-bottom:0 !important;}
#banner article li a:link, #banner article li a:visited {color:#fff; text-decoration:none;}
#banner article li a:hover {color:#fff; text-decoration:none; border-bottom: 1px dotted #fff;}*/

/*----3 INLINE BUTTONS---*/
/*#banner article ul {
	width:100%;
	padding-top:3%;
	margin-left:auto;
	margin-right:auto;
}

#banner article li {
	display:inline-block;
	font-weight:normal !important;
	font-size:1em !important;
	text-align:center;
	width: 20%;

}

#banner article li a {
	
	padding: 0 !important;	
	width: 100%;
	padding:5% !important;
}

#banner article li:first-child { margin-right:3%; height:46px !important; vertical-align:middle;}
#banner article li:nth-child(2) {margin-right:3%; height:46px !important; vertical-align:middle;}
#banner article li:nth-child(3) {height:46px !important; vertical-align:middle;}


#banner article .note {
	clear:both !important;
	position:absolute;
	bottom:2%;
	right:0;
	color:#fff;
	background-color: #b50202;
	padding:1% 2% 1% 10%;
}

#banner article .note p {
	font-weight:normal;
	font-family:'Roboto', Arial, sans-serif;
	font-size:.875em;
}

#banner article .note p a {
	color:#fff;
	text-decoration:none;
	border-bottom:1px dotted #ccc;
}
*/

/*---RIGHT TEXT BOX-----*/
#banner article {
    width: 30%;
    margin-top: 10%;
    margin-left: 66%;
    padding: 2%;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
}

    #banner article h1 {
        font-size: 1.5em !important;
        line-height: 1.25em;
        margin-bottom: 10px;
        margin-top: 0;
        text-align: left;
        text-transform: uppercase;
    }

    #banner article h2 {
        font-size: .875em;
        margin-bottom: 5px;
    }


    #banner article h1 a:link, #banner article h1 a:visited {
        text-transform: uppercase;
        margin-top: 0;
        color: #fff;
        font-weight: bold;
        font-size: 1em !important;
        letter-spacing: 0.025em;
        line-height: 1.25em;
        background-color: transparent;
        text-decoration: none;
    }

    #banner article h1 a:hover, #banner article h1 a:focus {
        border-bottom: 1px dotted #fff;
    }

    #banner article p {
        color: #fff;
        font-size: .875em;
        background-color: transparent;
        padding-bottom: 20px;
        margin-bottom: 0;
        line-height: 1.5em;
    }

        #banner article p.deckhead {
            display: inline-block;
            font-family: 'Roboto', Arial, sans-serif !important;
            font-style: normal !important;
            color: #222;
            background-color: #FFAA00;
            font-size: .75em !important;
            letter-spacing: 0.025em;
            text-transform: uppercase;
            text-align: left;
            padding: 5px 10px;
            margin-bottom: 8px;
        }

            #banner article p.deckhead img {
                vertical-align: middle;
                margin-right: 12px;
            }

        #banner article p.related {
            font-family: 'Crimson Text', Times, serif;
            font-style: italic;
            padding-bottom: 0 !important;
        }

        #banner article p.note {
            font-size: .875em !important;
            font-weight: bold;
            color: #fffcab;
        }

#banner p a {
    color: #fff;
}

    #banner p a:link, #banner p a:visited {
        font-size: .75em !important;
        text-transform: uppercase;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        overflow: hidden;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: color, background-color;
        transition-property: color, background-color;
        color: #fff;
        text-decoration: none;
        padding: 7px 25px;
        background-color: rgba(255, 255, 255, 0);
        border: 1px solid #fff;
        letter-spacing: .025em;
    }

    #banner p a:hover, #banner p a:focus, #banner p a:active {
        background-color: #fff;
        color: #084B8A;
        border: 1px solid #fff;
    }

    #banner p a.inlineLink:link, #banner p a.inlineLink:visited {
        font-size: 1.125em !important;
        text-transform: none;
        font-weight: normal;
        display: inline-block;
        vertical-align: text-top;
        -webkit-transform: none !important;
        transform: none !important;
        box-shadow: none !important;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        overflow: hidden;
        -webkit-transition-duration: none !important;
        transition-duration: none;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        color: #fff;
        text-decoration: none;
        padding: 0 !important;
        background-color: transparent !important;
        border: none;
        border-bottom: 2px dotted #fff;
        letter-spacing: .025em;
        text-align: left;
        margin-top: 0;
        font-style: italic;
        font-family: 'Crimson Text', Times, serif;
    }

    #banner p a.inlineLink:hover {
        text-shadow: none !important;
        color: #FFAA00;
        border-bottom-color: #FFAA00;
    }

#banner article hr {
    border: 0;
    height: 1px;
    background-color: #ccc;
    margin: 15px auto;
}

/*---ADD CLASS BELOW OR WILL EFFECT SIDEBAR NAV----*/
/*#banner article ul {background-image:url(../images/misc/dotted-vline.png); background-repeat:repeat-y; background-position:left; margin-top:15px; padding-left:23px;}*/
#banner article ul.relatedLinks {
    margin-top: 5px;
    padding-left: 23px;
}

    #banner article ul.relatedLinks li {
        list-style-image: url(../images/icons/li-orange.png);
        text-align: left;
        padding-bottom: 10px;
        font-size: .875em;
        padding-left: 0;
    }

        #banner article ul.relatedLinks li a:link, #banner li a:visited {
            color: #fff;
            text-decoration: none;
        }

        #banner article ul.relatedLinks li a:hover {
            color: #fff;
            text-decoration: none;
            border-bottom: 1px dotted #fff;
        }
/*#banner article ul.relatedLinks li:nth-child(4) {padding-bottom:0px !important;}*/



.hvr-fade {
    font-size: .75em !important;
    text-transform: uppercase;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
    color: #fff;
    text-decoration: none;
    /*width:98%;
  padding:3% 1%;*/
    padding: 10px 25px;
    background-color: rgba(0, 0, 0, .75);
    border: 1px solid #ccc;
    letter-spacing: .025em;
    text-align: center;
}

    .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
        background-color: #fff;
        color: #084B8A;
    }


/*----BOTTOM BANNER LINK BAR----*/
.bannerLinkBar {
    clear: both;
    width: 98%;
    padding: 0 1%;
    background-color: #00172d;
    color: #fff;
}

    .bannerLinkBar p {
        text-align: center;
        margin: 0;
        padding: 0;
        color: #fff;
        font-size: .875em;
    }

    .bannerLinkBar h1 a:link, .bannerLinkBar h1 a:visited {
        color: #fff;
        font-size: 1em !important;
        font-weight: 700;
        margin-bottom: 1%;
        margin-top: 0;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
    }

    .bannerLinkBar h1 a:hover {
        color: #fff;
        text-decoration: none;
        border-bottom: 1px dotted #fff;
    }

.bannerLink {
    display: inline-block;
    /*padding:10px 0 12px;*/
    padding: 15px 15px;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    color: #ddd;
    text-decoration: none;
    text-align: center;
}

    .bannerLink:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #084B8A;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .bannerLink:hover, .bannerLink:focus, .bannerLink:active {
        color: white;
    }

        .bannerLink:hover:before, .bannerLink:focus:before, .bannerLink:active:before {
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
        }



a.bannerLinkButton:link, a.bannerLinkButton:visited {
    border-radius: 5px;
    letter-spacing: 0.045em;
    padding: 0.5em 1em;
    background-color: transparent;
    color: #fff;
    text-decoration: none;
}

a.bannerLinkButton:hover {
    background-color: #0059b2;
    color: #fff;
}

.bannerLinkBar p img {
    margin-right: 8px;
}


.bannerLinkBar hr {
    border: 0;
    height: 1px;
    border-bottom: 1px dotted #00376B;
    background: #00172d;
    margin: 0px auto 40px;
}

.bannerLinkBar h1 {
    padding-bottom: 30px;
}




/*----VIDEO BANNER ------*/
#btnPlayPause {
    vertical-align: middle;
    margin-right: 0.2%;
    cursor: pointer;
}

#txtPlayPause {
    cursor: pointer;
}

.video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*.video-container {
    position: absolute;
    top: -35%;
    left: -50%;
    width: 200%;
    height: 200%;
}*/

video {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    min-height: 50%;
    min-width: 50%;
}

#video-unit {
    display: inline-block;
    width: 100%;
    /*height:80%;*/
    height: 100%;
    position: relative;
    background: none;
    background-color: #000;
    overflow: hidden;
}

/*#video-container {
	position: absolute;
	background-color:#333;
}
#video-container {
	top:0%;
	left:0%;
	height:100%;
	width:100%;
	overflow: hidden;
}

video {
	position:absolute;
	z-index:0;
	height:auto;
}
video.fillWidth {
	width: 100%;
}*/

.videoOverlay {
    position: relative;
    top: 15%;
    left: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    z-index: 1;
    color: #fff !important;
}

    .videoOverlay .wrap {
        /*float:right;*/
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }

        .videoOverlay .wrap h1 {
            font-size: 2em !important;
            font-weight: 900;
            color: #fff;
            margin-bottom: 10px;
            text-transform: uppercase;
            line-height: 1.25em;
            text-align: left;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
        }

    .videoOverlay h1 a:link, .videoOverlay h1 a:visited {
        font-weight: 900;
        color: #b1050b;
        text-decoration: none;
    }

    .videoOverlay h1 a:hover {
        border-bottom: 1px dotted #000;
        color: #000;
    }

    .videoOverlay h2 {
        font-size: 2em !important;
        font-weight: 900;
        color: #fff;
        padding-top: 2%;
        padding-bottom: 2%;
        text-align: center;
        text-transform: uppercase;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
    }

    .videoOverlay h3 {
        font-size: 1em !important;
        font-weight: normal;
        color: #44;
        margin-bottom: 10px;
    }

    .videoOverlay .wrap p {
        font-size: .875em;
        line-height: 1.5em;
        font-weight: normal !important;
        color: #fff !important;
        text-align: center;
        letter-spacing: .05em;
    }

    .videoOverlay .wrap img {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .videoOverlay p.videoControl {
        font-size: .875em;
        line-height: 1.5em;
        font-weight: normal !important;
        color: #fff !important;
        text-align: center;
        letter-spacing: .05em;
        margin-top: 1%;
        margin-left: auto;
        margin-right: auto;
    }

    .videoOverlay ul {
        margin-top: 5px;
    }

    .videoOverlay li {
        list-style-position: inside;
        list-style-image: url(../images/icons/li-orange.png);
        padding: 0 0 5px;
        text-align: left;
        font-size: .875em;
    }

        .videoOverlay li a:link, .videoOverlay li a:visited {
            color: #fff;
            text-decoration: none;
        }

        .videoOverlay li a:hover {
            color: #fff;
            text-decoration: none;
            border-bottom: 1px dotted #fff;
        }

 /*----- Video Banner ------*/

        li#video-unit.ff video {
            /* width: 100%; */
            /* height: 100%; */
            /* object-fit: cover; */
        
          /* Make video to at least 100% wide and tall */
          min-width: 100%; 
          min-height: 100%; 
        
          /* Setting width & height to auto prevents the browser from stretching or squishing the video */
          width: auto;
          height: auto;
        
          /* Center the video */
          position: absolute;
          top: 50%;
          left: 50%;
            transform: translate(-50%,-50%);
            
            margin: 0;
        }
        
        li#video-unit.ff  .videoControl {
            position: absolute;
            bottom: 10px;
            right: 10px;
            z-index: 3;
        }
        
        
        li#video-unit.ff .videoOverlay {
            /* bottom: 10%; */
            /* top: unset; */
            top: 60%;
            left: 10%;
            position: absolute;
            bottom: unset;
            top: 50%;
            transform: translateY(-50%);
            width: auto;
            z-index: 2;
        }
        
        li#video-unit.ff .videoOverlay h2 {
            background: none;
            display: table;
            margin: 0;
            overflow: hidden;
            text-transform: none;
            font-size: 1.375em !important;
            text-shadow: none;
            padding: 0;
        }
        

        li#video-unit.ff .videoOverlay h2 a {
            color: #444 !important;
            text-decoration: none;
            display: table-cell;
            vertical-align: middle;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -moz-osx-font-smoothing: grayscale;
            overflow: hidden;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-property: color, background-color;
            transition-property: color, background-color;
            color: #fff;
            text-decoration: none;
            padding: 20px 0px 20px 30px;
            background-color: #fff;
            height: 100%;
        }
        
        li#video-unit.ff .videoOverlay h2 a:hover {
        
            background-color: #00274C;
            color: #fff !important;
            border: none !Important;
        }
        
        li#video-unit.ff .videoOverlay h2 a .icon {
            background: #FF4500;
            text-align: center;
            vertical-align: middle;
            height: 100%;
            padding: 34px 10px;
            margin-left: 15px;
        }
        
        
        li#video-unit.ff .videoOverlay h2 a .icon:after {
            background: url(../images/icons/hp-arrow.png) no-repeat center center;
            content: '';
            display: inline-block;
            height: 16px;
            line-height: 100%;
            margin: 0;
            width: 36px;
            vertical-align: middle;
        }
        
        li#video-unit.ff .ff-logo {
            background: #00274C;
            display: inline-block;
            padding: 10px;
        }
        
        li#video-unit.ff .ff-logo img {
            height: 25px;
            display: block;
        }
        
        @media only screen and (max-device-width: 768px) {
            li#video-unit.ff {
                background: url('../images/banners-home/Commencement-2024-5.jpg') no-repeat center center;
                background-size: cover;
            }
        
            li#video-unit.ff video {
                display: none;
            }
        
            li#video-unit.ff .videoOverlay {
                position: absolute !important;
                top: auto !important;
                bottom: 0 !important;
                left: 0 !important;
                right: auto !important;
                display: block !important;
                width: 96% !important;
                height: auto !important;
                margin: 0 !important;
                padding: 2%;
                /* background-color: rgba(0,0,0,0.8); */
                background-color: #fff;
                color: #000;
                transform: unset;
            }
        
            li#video-unit.ff .videoOverlay h2 {
                font-size: 1em !important;
            }
        
            li#video-unit.ff .videoOverlay h2 a {
                background-color: #fff !important;
                color: #000 !important;
                padding: 10px !important;
            }
        
            li#video-unit.ff .videoOverlay h2 a .icon {
                display: none !important;
                visibility: hidden;
            }
        
            li#video-unit.ff .ff-logo {
                display: none;
            }
            
        }

/*----- Video Banner Ends ------*/


#college-landing-pages {
	background-color: #f5f5f5;
	padding: 15px 30px 50px 30px;
	text-align: center;
	border-bottom: 1px solid #f1f1f1;
}

#college-landing-pages h2 {
	margin-bottom: 15px;
	text-transform: uppercase;
}

ul.landing-pages {
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
    gap: .375em;
}

.landing-pages li a {
	background-color: #0F3F8C;
	border: 1px solid #00244E;
	border-radius: 2px;
	color: #fff;
	padding: 10px 15px;
	margin: 0;
	text-decoration: none;
	text-decoration-color: #6989bd;
	font-size: .825em;
	font-weight: 500;
	display: inline-block;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.landing-pages li a:hover {
	text-decoration: underline;		
	text-decoration-style: dotted;
	text-decoration-thickness: 1px;
	text-decoration-color: #6989bd;
	text-underline-offset: 3px;
	background-color: #00244E;
}


/*----- LATEST NEWS ------*/
#latest {
    float: left;
    width: 100%;
    margin-top: -15px;
    background-color: #333;
}

    #latest h1 {
        text-align: center;
        text-transform: uppercase;
        color: #efefef;
        margin-top: 2%;
    }

.latestWrap {
    width: 100%;
    background: url(../images/gallery/wooden-classics.jpg) no-repeat center top;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.leadPost {
    float: right;
    width: 30%;
    margin-top: 8%;
    margin-bottom: 14%;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 1% 2%;
    color: #efefef;
}

    .leadPost h2, .leadPost p {
        margin: 0;
        padding: 0;
        color: #fff;
        line-height: 1.5em;
    }

    .leadPost h2 {
        font-weight: bold;
        font-size: 1.25em;
    }

    .leadPost p {
        font-size: .875em;
        margin-bottom: 15px;
    }

    .leadPost a {
        font-size: .75em;
    }

.latestPosts {
    clear: both;
    width: 94%;
    padding: 3%;
}

    .latestPosts ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .latestPosts li {
        position: relative;
        float: left;
        display: inline-block;
        width: 31%;
        background-color: #efefef;
        margin-right: 3%;
        margin-bottom: 30px;
    }

        .latestPosts li:nth-child(3), .latestPosts li:nth-child(6) {
            margin-right: 0;
        }

        .latestPosts li img {
            max-width: 100%;
            height: auto;
        }

        .latestPosts li .videoContainer {
            position: relative;
            padding-bottom: 56.25%;
            padding-top: 25px;
            height: 0;
        }

            /* overides the iframe dimensions */
            .latestPosts li .videoContainer iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }


        .latestPosts li h2, .latestPosts li p {
            padding: 4%;
        }

        .latestPosts li h2 {
            margin: 0;
            padding-bottom: 0;
            line-height: 1.5em;
            font-weight: bold;
        }

        .latestPosts li p {
            padding-top: 0;
            margin-top: 0;
            line-height: 1.5em;
            color: #444;
            font-size: .938em !important;
        }

            .latestPosts li p a:link {
                color: #06c;
                font-weight: bold;
                text-decoration: none;
            }

            .latestPosts li p a:visited {
                color: #444;
            }

            .latestPosts li p a:hover {
                text-decoration: underline;
            }


        .latestPosts li a {
            text-decoration: none;
            display: block;
            width: 100%;
            height: 100%;
        }

        .latestPosts li p.more {
            font-weight: bold;
            color: #06c;
        }


        .latestPosts li a h2 {
            color: #000;
        }


.postImage {
    background-color: #999;
    width: 100%;
    padding-bottom: 75%;
    background-size: cover;
    background-position: 50%;
}

.postTag {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 10px;
    color: #fff;
    font-size: .75em;
    font-weight: bold;
    text-transform: uppercase;
    z-index: 30;
}

.newsTag, .socialTag {
    background-color: #000;
    color: #fff;
}



#calendar {
    clear: both;
    float: left;
    width: 100%;
    background-color: #eee;
}

    #calendar h1 {
        text-align: center;
        text-transform: uppercase;
        color: #00274C;
        margin-top: 2%;
    }

.calendarWrap {
    /*float:right;
	width:91.5%;*/
    width: 100%;
}

.eventCategory {
    text-align: center;
}

    .eventCategory a {
        margin-right: 20px;
        text-decoration: none;
        color: #06c;
    }

a.calActive {
    /*background-color: #000 !important;
	color: #fff !important;*/
    background-color: #FF7900;
    border-radius: 1%;
    padding: 1%;
    /*border-radius: 5px;
    letter-spacing: 0.045em;
    padding: 0.25em 1em;
    margin-right:20px;
    background: none;*/
}

.calendarPosts {
    clear: both;
    width: 94%;
    padding: 3%;
}

    .calendarPosts ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .calendarPosts li {
        float: left;
        display: inline-block;
        /*width:22%;*/
        width: 22%;
        height: 200px;
        background-color: #fff;
        margin-right: 3%;
        margin-bottom: 3%;
        border-top: 5px solid #FF6800;
        text-align: center;
        /*padding-top:30px;
	padding-left:1%;
	padding-right:1%;*/
        font-size: .875em;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(153,153,153,1);
        -moz-box-shadow: 0px 0px 5px 0px rgba(153,153,153,1);
        box-shadow: 0px 0px 5px 0px rgba(153,153,153,1);
    }



        .calendarPosts li a {
            text-decoration: none;
            color: #000;
            background-color: #eee;
            display: inline-block;
            width: 94%;
            height: 170px;
            padding-top: 30px;
            padding-left: 3%;
            padding-right: 3%;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            box-shadow: 0 0 1px rgba(0, 0, 0, 0);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -moz-osx-font-smoothing: grayscale;
            overflow: hidden;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-property: color, background-color;
            transition-property: color, background-color;
        }


            .calendarPosts li a:hover {
                color: #161616;
                background-color: #fff;
            }


        .calendarPosts li:nth-child(4), .calendarPosts li:nth-child(8) {
            margin-right: 0;
        }

        .month {
            font-family: 'Crimson Text';
            font-size: .675em;
            text-transform: uppercase;
        }
        
        .date {
            font-family: 'Crimson Text';
            font-size: 1.2em;
            text-transform: uppercase;
            margin-top: 3px;
        }

.calendarPosts li hr {
    width: 80px;
    height: 0px;
    border: 0;
    border-bottom: 1px dotted #333;
    text-align: center;
    margin: 10px auto;
}

a.calendarButton:link, a.calendarButton:visited {
    border-radius: 5px;
    letter-spacing: 0.045em;
    padding: 0.25em 1em;
    background-color: transparent;
}

a.calendarButton:hover {
    background-color: #0059b2;
    color: #fff;
}


/*------EXPLORE-------*/
#explore {
    clear: both;
    clear: both;
    float: left;
    width: 100%;
    /* height: 90%; */
    padding: 5% 0;
    background-color: #00376B;
}

    #explore article {
        /*float:right;
	width:90.5%;*/
        width: 90%;
        height: 75%;
        margin: 0 auto;
    }

    #explore h1 {
        margin-top: 2%;
        color: #fff;
        background-color: #00376B;
    }

    #explore article ul {
        list-style-type: none;
        margin: 0;
        height: 100%;
        display: flex;
        justify-content: space-between;
    }

    #explore article li {
        float: left;
        display: inline-block;
        color: #000;
        background-color: #efefef;
        width: 300px;
        height:100%;
        /* height: 430px !important; */
        font-size: .938em !important;
        flex-grow: 1;
        margin: 0 .5rem;
    }

        #explore article li p {
            padding-bottom: 20px !important;
        }

        #explore article li a:link, #explore article li a:visited {
            color: #000;
            text-decoration: none;
            background-color: #fff;
            background: none;
        }

        #explore article li a:hover {
            color: #084B8A;
        }

        /*#explore article ul a:link, #explore article ul a:visited {
	float:left;
	display:inline-block;
	width:300px;
	height:100%;
	min-height:480px;
	color:#000;
	margin-right:20px !important;
}
*/
        /*#explore article li:first-child {background-color:#efefef;}
#explore article li:nth-child(2) {background-color:#9CD0E8;}
#explore article li:nth-child(3) {background-color:#00274C;}
#explore article li:nth-child(3) h3, #explore article li:nth-child(3) p {color:#eee !important;}
#explore article li:nth-child(4) {background-color:#DBD9D5;}
#explore article li:nth-child(5) {background-color:#E0EEF5;}
#explore article li:nth-child(6) {background-color:#D9DDDC;}
#explore article li:nth-child(7) {background-color:#484F5F; color:#FFF !important;}
#explore article li:nth-child(7) p, #explore article li:nth-child(8) p {color:#FFF !important;}
#explore article li:nth-child(8) {background-color:#666; color:#fff;}*/
        #explore article li img {
            width: 100%;
            height: auto;
        }

        #explore article li h3, #explore article li p {
            padding: 2% 4%;
        }

        #explore article li h3 {
            font-weight: bold;
        }

        #explore article li p {
            color: #333;
            font-size: .875em;
            line-height: 1.375em;
        }





/**** REFRESH ***/



#sliderBanner article {
    overflow: hidden;
}

* {
    box-sizing: border-box;
}

/* Create three equal columns that floats next to each other */
.three-column {
    background-color: #fff !important;
    color: #000 !important;
    float: left;
    width: 40%;
    padding: 10px;
    /*height: 300px;*/ /* Should be removed. Only for demonstration */
}

    .three-column:first-child, .three-column:last-child {
        width: 30%;
    }

    .three-column h2 {
        text-transform: uppercase;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        /* line-height: 3; */
        border-left: 3px solid #FF7900;
        margin-bottom: 20px;
        padding-left: 10px;
    }

    .three-column h2 a {
        text-transform: uppercase;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        color: #000 !important;
        text-decoration: none;
        /* line-height: 3; */
    }

    .three-column h2 a:visited {
        color: #000 !important;
    }

    .three-column h2 a:hover {
        text-decoration: underline;
    }


.row {
    background-color: #fff;
    color: #000;
    display: flex;
}

    /* Clear floats after the columns */
    .row:after {
        content: "";
        display: table;
        clear: both;
    }

/* NEWS */
#news {
    padding-left: 8%;
    padding-bottom: 8%;
}

    #news article {
        overflow: auto;
        padding-bottom: 5%;
    }

        #news article img {
            float: left;
            width: 25%;
            margin-right: 3%;
        }

    #news a {
        text-decoration: none;
        color: #000;
    }

        #news a:hover {
            text-decoration: underline;
        }
                          
    /* .more-news a {
        padding-bottom: 5px;
        border-bottom: 2px solid #FF7900;
    }

    .more-news a:hover {
        text-decoration: none !important;
        border-bottom: 2px solid #000;
    } */

    ul.more-news li {
        display: inline-block;
        border-right: 1px solid #d1d1d1;
        margin-right: 6px;
        margin-top: 5px;
        padding-right: 10px;
        font-size: .7em;
    }
    
    ul.more-news li:last-of-type {
        border: none;
    }
    
     
    .more-news a {
        text-decoration: none;
        text-transform: uppercase;
        color: #000;
        border-bottom: 2px solid #FF7900;
        display: block;
        padding: 3px 8px;
    }

    .more-news a:hover {
        text-decoration: none !important;
        border-bottom: 2px solid #000;
    }
          
/* FEATURED */
.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

    .video-responsive iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }

#featured {
    padding: 0 5%;
}

    #featured a {
        text-decoration: none;
        color: #000;
    }

        #featured a:hover {
            text-decoration: underline;
        }

.featured-active {
    border-bottom: 2px solid #FF7900;
}

.socialmedia {
    padding: 5%;
}

.more-featured {
    margin-top: 5%;
    overflow: auto;
}

    .more-featured article {
        float: left;
        width: 33.3%;
    }

    .more-featured img {
        width: 100%;
    }

    .more-featured article {
        margin-right: 12%;
        width: 25%;
    }

        .more-featured article p {
            font-weight: bold;
            font-size: 0.8em;
            line-height: 1.3em;
        }


        .more-featured article:last-child {
            margin-right: 0;
        }

.titanMag {
	list-style-type:none;
	margin:0 0 3%;
	padding:0;
	width:100%;
	display: flex;
  flex-wrap: nowrap;
}

.titanMag li {
	float:left;
	display:inline-block;
	width:45%;
}

.titanMag li:nth-child(odd) {
	margin-right:5%;
}

.titanMag li img {
	float:left;
	width:35%;
	margin-right:10px;
	border:1px solid #d7d7d7;
}

.titanMag li a:link, .titanMag li a:visited {
	color:#000;
	text-decoration:none;
}

.titanMag li a:hover, .titanMag li a:focus {
	color:#000;
	text-decoration:underline;
}



/*--- EVENTS --*/
#hero-event {
    overflow: hidden;
    padding-bottom: 5%;
}

    #hero-event a {
        background-color: #fff;
        background: none;
        color: #000;
        text-decoration: none;
    }

        #hero-event a:hover {
            text-decoration: underline;
        }

    #hero-event img {
        float: left;
        margin-right: 2%;
    }

.description {
    padding-left: 3%;
    flex-basis: auto;
    width: 85%;
}

/* CALENDAR - EVENTS */
#events {
    padding-right: 5%;
}

#events a {
    text-decoration: none;
    color: #000;
}

#events a:hover {
    text-decoration: underline;
}
         
#hero-event img {
    width: 25%;
}

#CalendarFeed li {
    overflow: hidden;
}

#CalendarFeed li a {
    text-decoration: none;
    color: #000;
    display: flex;
    flex-wrap: nowrap;
    justify-content: left;
    align-items: center;
    padding-bottom: 10px;
border-bottom: 1px dashed #f1f1f1;
margin-bottom: 10px;
}

    #CalendarFeed li a:hover {
        border-color: #FF7900;
    }

    #CalendarFeed li:last-of-type a {
        border-color: transparent;
    }

    #CalendarFeed li:last-of-type a:hover {
        border-color: #FF7900;
    }

    ul.calendar-options li {
        display: inline-block;
        border-right: 1px solid #d1d1d1;
        margin-right: 6px;
        margin-top: 5px;
        padding-right: 10px;
        font-size: .7em;
    }
    
    ul.calendar-options li:last-of-type {
        border: none;
    }
    
     
.calendar-options a {
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    border-bottom: 2px solid #FF7900;
    display: block;
    padding: 3px 8px;
}

    .calendar-options a:hover {
        text-decoration: none;
        border-bottom: 2px solid #000;
    }

.date, .month {
    font-family: 'Roboto', Arial, sans-serif;
    /* font-size: 0.875em; */
    /* font-weight: bold; */
    display: block;
    text-align: center;
    line-height: 1;
}

.event-date {
    /* float: left; */
    text-align: center;
    background: #f1f1f1;
    padding: 11px 7px;
    flex-basis: auto;
    width: 15%;
    border: 1px solid #ececec;
}


/* ITAT */

#itat h1 {
    color: #fff;
    background-color: #00244e;
    padding: 4% 0 0 0;
}

#itat {
    background-color: #00244e;
    height: auto;
    text-align: center;
}

#itat-logo {
    width: 400px;
    max-width: 85%;
    margin-top: 5%;
}


#itat-impact-intro {
    padding: 0 0 2% 0;
    text-align: center;
    color: white;
}

#itat-impact-stories {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

#itat-impact-stories li.impact-story {
    display: block;
    width: 25%;
    flex-grow: 1;
    aspect-ratio: 1 / 1;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    text-decoration: none;
    text-align: left;
    -webkit-transition: all .3s;
    -moz-box-shadow: all .3s;
    -ms-box-shadow: all .3s;
    transition: all .3s;
}

#itat-impact-stories li.impact-story:hover {
    background-size: 110% 110%;
    -webkit-transition: all .3s;
    -moz-box-shadow: all .3s;
    -ms-box-shadow: all .3s;
    transition: all .3s;
}

#itat-impact-stories li.impact-story .impact-story-content {
    position: relative;
    opacity: 0;
    padding: 2em;
    width: 100%;
    height: 100%;
    background: rgb(9,75,138);
    background: -moz-linear-gradient(135deg, rgba(9,75,138,1) 0%, rgba(255,121,0,0.7) 100%);
    background: -webkit-linear-gradient(135deg, rgba(9,75,138,1) 0%, rgba(255,121,0,0.7) 100%);
    background: linear-gradient(135deg, rgba(9,75,138,1) 0%, rgba(255,121,0,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#094b8a",endColorstr="#ff7900",GradientType=1);
    color: white;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    -webkit-transition: all .3s;
    -moz-box-shadow: all .3s;
    -ms-box-shadow: all .3s;
    transition: all .3s;
}

#itat-impact-stories li.impact-story:hover .impact-story-content {
    opacity: 1;
    -webkit-transition: all .3s;
    -moz-box-shadow: all .3s;
    -ms-box-shadow: all .3s;
    transition: all .3s;
}

#itat-impact-stories li.impact-story .impact-story-content:before {
    content: '\201c';
    font-family: 'texgyreschola-regular', sans-serif;
    color: rgba(255,255,255,.1);
    font-size: 7em;
    z-index: 1;
    position: absolute;
    top: 0.3em;
    left: 0;
}

#itat-impact-stories li.impact-story blockquote {
      padding: 0;
      border: none;
}
#itat-impact-stories li.impact-story blockquote p {
    font-size: 1.1em;
    line-height: 1.2em;
    font-family: 'Crimson Text', sans-serif;
}

#itat-impact-stories li.impact-story blockquote cite {
    font-size: .6em;
    color: white;
    line-height: 1.1em;
    font-style: normal;
    margin-top: 15px;
    display: block;
    position: relative;
    padding-left: 1em;
}

#itat-impact-stories li.impact-story blockquote cite:before {
    content: "\2014";
    position: absolute;
    left: 0;
    top: 0;
}

#itat-impact-stories .itat-impact-story-button {
    transition-duration: .3s;
    transition-property: color, background-color;
    color: #000;
    font-size: .8em;
    text-decoration: none;
    padding: 0.5em 1.25em;
    border-radius: 2em;
    background-color: #ff6800;
    font-weight: bold;
    margin-top: 1.5em;
}

#itat-impact-stories .itat-impact-story-button:hover {
    background-color: #feb210;
}

@media (max-width: 992px) {
    #itat-impact-stories li.impact-story {
        width: 50%;
    }

    #itat-impact-stories li.impact-story .impact-story-content {
        /* display: block; */
        padding: 1em;
    }
}

@media (max-width: 767px) {
    #itat-impact-stories li.impact-story {
        width: 100%;
    }
}

#footer, .footerResources {
    width: 100%;
}

#gs_cb50 {
    color: #000;
    background-color: #fff !important;
    background: none;
}

/* UTILITY CLASSES */
.hidden {
	display:none;
}



/* COLLEGE HIGHLIGHT */



.card.background-image {
    position: relative;
    margin-bottom: 2rem;
    height: 450px;
}


.card.background-image .card-image {
    top: 0;
    left: 0;
    
    width: 100%;
    height: 100%;
}

.card .card-body {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    padding: 1.5rem 1.5rem 2rem 1.5rem;
    /* height: 100%; */
    /* display: flex; */
}


.card.background-image .card-image img {
    /* -o-object-fit: cover; */
    object-fit: cover;
    width: 100%;
    height: 100%;
}


.card.background-image:after {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0%;
}


.bottom-left-title {
    /* color: #fff !important; */
    /* font-size: 2em; */
    /* padding: 1rem; */
    /* line-height: 2.7rem; */
    color: #fff !important;
    font-size: 1.1em !important;
    /* padding: 1rem
rem
 !important; */
    line-height: 1.25em;
    font-weight: bold;
    margin-bottom: 1em;
  }

  .bottom-left-copy {
    color: #fff !important;
    /* padding: 1rem; */
    font-size: .9em;
    margin-bottom: 1.5em;
  }


  #bottom-left-link {
    text-transform: none;
    color: #FFF !important;
    padding: 1rem;
    /* margin-left: 1rem; */
    font-size: 1rem!important;
    border-bottom: 2px solid #FF7900;
    text-transform: uppercase;
    text-decoration: none !important;
}

#bottom-left-link:hover {
    text-transform: none;
    color: #FFF !important;
    padding: 1rem;
    /* margin-left: 1rem; */
    border-bottom: 2px solid #FF7900;
    text-transform: uppercase;
    text-decoration: none !important;
}


.banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 1) 100%) repeat 0 0;
}



@media (max-width: 1500px) {
    .bottom-left-title {
        /* color: #fff !important; */
        /* font-size: 1.6em !important; */
        /* padding: 1rem !important; */
      }    
}


@media (max-width: 1500px) {
    .bottom-left-copy {
        /* color: #fff !important; */
        /* padding: .8rem; */
      }  
}

@media (max-width: 1500px) {
    
  #bottom-left-link {
    text-transform: none;
    color: #FFF !important;
    padding: 1rem;
    /* margin-left: 1rem; */
    font-size: .9rem!important;
    border-bottom: 2px solid #FF7900;
    text-transform: uppercase;
    text-decoration: none !important;
}
}

@media (max-width: 1300px) {
    .bottom-left-title {
        /* color: #fff !important; */
        /* font-size: 1.1em !important; */
        /* padding: 1rem !important; */
        /* line-height: 1.25em; */
        /* font-weight: bold; */
        /* margin-bottom: 1em; */
      }    
}


@media (max-width: 1300px) {
    .bottom-left-copy {
        /* color: #fff !important; */
        /* font-size: 1em !important; */
        /* padding: .6rem; */
      }  
}

@media (max-width: 1300px) {
    
  #bottom-left-link {
    text-transform: none;
    color: #FFF !important;
    padding: 1rem;
    /* margin-left: 1rem; */
    font-size: .8rem!important;
    border-bottom: 2px solid #FF7900;
    text-transform: uppercase;
    text-decoration: none !important;
}
}


@media (max-width: 1050px) {
    .bottom-left-title {
        color: #fff !important;
        font-size: .9em !important;
        padding: 1rem !important;
        line-height: 1.4rem;
       
      }    
}


@media (max-width: 1050px) {
    .bottom-left-copy {
        color: #fff !important;
        padding: .6rem;
        font-size: .7em !important;
        
      }  
}

@media (max-width: 1050px) {
    
    .card .card-body {
        position: absolute;
        z-index: 2;
        bottom: 0rem;
        left: 0rem;
        padding: 1rem 1rem 3rem 1rem;
    }
}






.parent {
    text-align: left;
  }
  .child-left {
    display: inline-block;
    vertical-align: middle;
    width: 82%;
  }

  .child-right {
    display: inline-block;
    vertical-align: middle;
    transform: translateY(-10px);
  }

  @media (max-width: 767px) {
    .child-left {
        display: inline-block;
        vertical-align: middle;
        width: 75%;
      }  
}


/* -------------- @MEDIA -------------*/

/* ----------- iPhone 1-5S and GALAXY S3 ----------- */

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {



    /* REFRESH */
    #itat article li {
        width: 100%;
    }

    #itat h1 {
        color: #fff;
        background-color: #00244e;
        padding: 8% 0 3% 0;
    }

    #itat-impact-intro {
        padding: 0 0 8% 0;
        text-align: center;
        color: white;
    }


    .itat-container {
        float: none !important;
    }

    .quicklinks {
        overflow: hidden;
        float: right;
        width: 55%;
    }

        .quicklinks a {
            height: 100%;
        }

            .quicklinks a:first-child {
                width: 65% !important;
                float: left;
            }


            .quicklinks a:nth-child(2) {
                margin: 0;
                width: 20%;
            }

    .topBarNav {
        width: 100% !important;
    }

    .three-column {
        width: 100%;
        float: none;
    }

    #news {
        padding: 0;
    }

        #news article p {
            width: 100%;
        }

    .more-featured article {
        width: 100%;
        float: none;
        overflow: hidden;
        padding-bottom: 5%;
    }

        .more-featured article p {
            padding-left: 140px;
        }

        .more-featured article img {
            float: left;
        }

    #events {
        padding: 0;
    }

    #itat img {
        width: 100%;
        padding: 5%;
    }


    /*.quicklinks a {
        width: 100% !important;
        padding: 0;
        margin: 0;
        margin-right: 30px;
        display:inline-block;
    }

        .quicklinks a.findIt {
            height: auto !important;
        }*/



    .footerResources {
        padding: 5%;
    }

        .footerResources .col3 {
            width: 100%;
            float: none;
        }
    /* END REFRESH */

    #topBar p.portalFind {
        margin-left: 0% !important;
    }

    .topBar-sweep-to-top {
        text-align: center;
        padding: 8px 5px;
    }

    .navBar p {
        margin: 0 !important;
    }

    .hvr-sweep-to-top {
        width: 100% !important;
        border-top: 1px dotted #777;
    }

    #infoBar {
        height: 200px;
        margin-top: 0;
    }

        #infoBar ul {
            width: 320px !important;
            margin-left: 0 !important;
            padding-left: 0 !important;
        }

        #infoBar li {
            width: 32%;
            height: 100px;
            margin-left: 0 !important;
            padding-left: 0 !important;
            font-size: .75em !important;
        }

            #infoBar li a:link, #infoBar li a:visited {
                text-decoration: none;
            }


    #banner {
        position: static;
        background-image: url(../images/banners-home/parasite-research-m.jpg);
        background-attachment: scroll;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        background-position: center top;
        height: 410px;
    }

        #banner article {
            position: relative;
            left: 0;
            /*top:250px;*/
            top: 170px;
            width: 92%;
            padding: 4%;
            margin-top: 0 !important;
            margin-left: 0 !important;
            background-color: #00274C !important;
        }

            #banner article h1 {
                background: none !important;
                padding-left: 0;
                color: #fff;
                font-size: .875em !important;
            }

            #banner article h2 {
                color: #fff;
                font-size: .875em !important;
            }

            #banner article h1 a:link, #banner article h1 a:visited {
                font-size: 1em !important;
                color: #fff;
            }

            #banner article p {
                font-size: .75em !important;
                color: #fff;
            }

                #banner article p.deckhead {
                    display: inline-block;
                    font-size: .625em !important;
                    text-align: left;
                    color: #222;
                }

        #banner p a:link, #banner p a:visited {
            margin-left: 0;
            color: #fff;
            border-color: #fff;
        }

        #banner article ul.relatedLinks {
            background-image: none;
            padding-left: 0 !important;
            width: 300px;
            margin-left: auto;
            margin-right: auto;
        }

            #banner article ul.relatedLinks li {
                list-style-position: inherit !important;
                list-style-image: none;
                font-size: .75em !important;
                line-height: 1.125em;
                margin-bottom: 5px !important;
                margin-left: 0px !important;
                padding-left: 0 !important;
            }

                #banner article ul.relatedLinks li a {
                    color: #fff !important;
                }

        #banner article .note {
            display: none;
        }

    .bannerLinkBar {
        display: none;
        visibility: hidden;
    }


    #video-unit {
        display: inline-block;
        width: 100%;
        height: 100%;
        position: relative;
        background: none;
        background-color: #00274C;
        overflow: hidden;
    }

    .videoOverlay {
        top: 200px;
        left: 0;
        width: 100%;
    }

        .videoOverlay .wrap {
            clear: both !important;
            float: none !important;
            width: 92%;
            padding: 4%;
            background-color: rgba(0, 0, 0, 0.9);
        }

            .videoOverlay .wrap h1 {
                font-size: 1.5em !important;
            }

    videoOverlay .wrap p {
        font-size: .75em !important;
    }

    .videoOverlay img {
        width: 40%;
        height: auto;
    }

    .videoControl {
        display: hidden;
        visibility: hidden;
    }

    #latest {
        float: none;
        clear: both;
        margin-top: 0px !important;
    }

        #latest h1 {
            margin-top: 0%;
            padding: 15px 0;
        }

    .latestWrap {
        float: none;
        clear: both;
        width: 100%; /*margin-top:100px*/
        !important;
        background-color: #333;
    }

    .leadPost { /*float:none;*/
        clear: both;
        width: 94%;
        margin-bottom: 0;
        padding: 40% 2% 10%;
        background: none !important;
    }

        .leadPost h2 {
            font-size: 1em !important;
            font-weight: bold;
        }

        .leadPost p {
            font-size: .875em !important;
        }

    .latestPosts {
        width: 100%;
        padding: 0;
    }

        .latestPosts li {
            float: none;
            clear: both;
            display: block;
            width: 100%;
            height: auto;
            margin-right: 0;
            margin-bottom: 0;
        }

    #calendar {
        float: none;
        background-color: #fff !important;
    }

    .calendarWrap {
        float: none;
        clear: both;
        width: 100%;
    }

    .eventCategory a {
        line-height: 2.25em;
    }

    .calendarPosts {
        width: 100%;
        padding: 0;
    }

        .calendarPosts li {
            float: none;
            clear: both;
            display: block;
            width: 100%;
            height: auto;
            margin-right: 0;
            margin-bottom: 0;
            padding-top: 15px;
            padding-bottom: 15px;
        }

            .calendarPosts li a {
                background-color: #fff !important;
            }

    #morePointer {
        display: none;
    }

    #explore {
        float: none;
        height: auto;
    }

        #calendar h1, #explore h1 {
            padding-top: 30px;
            padding-bottom: 20px;
        }

        #explore article {
            float: none;
            width: 100%;
            height: auto;
        }

            #explore article ul {
                height: auto;
            }

            #explore article li {
                float: none;
                display: block;
                width: 100%;
                height: 100% !important;
            }

                #explore article li p {
                    font-size: 1em;
                }

    .sideNav {
        visibility: hidden !important;
    }

    .video-container {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .videoOverlay {
        position: absolute;
    }

    #banner article li {
        width: 90% !important;
    }

    #dl-menu {
        display: none;
    }

    .mobile-topics {
        display: block;
    }
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {


    /* REFRESH */
    #itat article li {
        width: 100%;
    }

    #itat h1 {
        color: #fff;
        background-color: #00244e;
        padding: 8% 0 3% 0;
    }

    #itat-impact-intro {
        padding: 0 0 8% 0;
        text-align: center;
        color: white;
    }


    .itat-container {
        float: none !important;
    }

    .quicklinks {
        overflow: hidden;
        float: right;
        width: 55%;
    }

        .quicklinks a {
            height: 100%;
        }

            .quicklinks a:first-child {
                width: 65% !important;
                float: left;
            }


            .quicklinks a:nth-child(2) {
                margin: 0;
                width: 20%;
            }

    .topBarNav {
        width: 100% !important;
    }

    .three-column {
        width: 100%;
        float: none;
    }

    #news {
        padding: 0;
    }

        #news article p {
            width: 100%;
        }

    .more-featured article {
        width: 100%;
        float: none;
        overflow: hidden;
        padding-bottom: 5%;
    }

        .more-featured article p {
            padding-left: 140px;
        }

        .more-featured article img {
            float: left;
        }

    #events {
        padding: 0;
    }

    #itat img {
        width: 100%;
        padding: 5%;
    }


    /*.quicklinks a {
        width: 100% !important;
        padding: 0;
        margin: 0;
        margin-right: 30px;
        display:inline-block;
    }

        .quicklinks a.findIt {
            height: auto !important;
        }*/



    .footerResources {
        padding: 5%;
    }

        .footerResources .col3 {
            width: 100%;
            float: none;
        }
    /* END REFRESH */

    #banner {
        position: static;
        background-image: url(../images/banners-home/parasite-research-m.jpg);
        background-color: #000;
        background-attachment: scroll;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        background-position: center top;
        height: 420px !important;
    }

        #banner article {
            position: relative;
            left: 0;
            /*top:250px;*/
            top: 170px;
            width: 92%;
            padding: 4%;
            margin-top: 0 !important;
            margin-left: 0 !important;
            background-color: #00274C !important;
        }

            #banner article h1 {
                background: none !important;
                padding-left: 0;
                color: #fff;
                font-size: 1em !important;
                text-align: left !important;
            }

            #banner article h2 {
                color: #fff;
                font-size: 1em !important;
            }

            #banner article h1 a:link, #banner article h1 a:visited {
                font-size: 1em !important;
                color: #fff;
            }

            #banner article p {
                font-size: .75em !important;
                color: #fff;
            }

                #banner article p.deckhead {
                    display: inline-block;
                    !important;
                    color: #fff;
                    color: #222;
                }

        #banner p a:link, #banner p a:visited {
            margin-left: 0;
            color: #fff;
            border-color: #fff;
        }

        #banner article ul.relatedLinks {
            background-image: none;
            padding-left: 20px !important;
            width: 360px;
        }

            #banner article ul.relatedLinks li {
                list-style-position: inside;
                list-style-image: none;
                font-size: .75em !important;
                margin-bottom: 5px !important;
                color: #fff;
                margin-left: -20px !important;
                padding-left: 0 !important;
            }

                #banner article ul.relatedLinks li a {
                    color: #fff !important;
                }

        #banner article .note {
            display: none;
        }

    .bannerLinkBar {
        display: none;
        visibility: hidden;
    }

    #video-unit {
        display: inline-block;
        width: 100%;
        height: 200%;
        position: relative;
        background: none;
        background-color: #00274C;
        overflow: hidden;
    }

    .videoOverlay {
        top: 300px !important;
        left: 0;
        width: 100%;
    }

        .videoOverlay .wrap {
            clear: both !important;
            float: none !important;
            width: 92%;
            padding: 4%;
            background-color: rgba(0, 0, 0, 0.9);
        }

            .videoOverlay .wrap h1 {
                font-size: 1.5em !important;
            }

    videoOverlay .wrap p {
        font-size: .75em !important;
    }

    .videoOverlay img {
        width: 40%;
        height: auto;
    }

    .videoControl {
        display: hidden;
        visibility: hidden;
    }

    #latest {
        float: none;
        clear: both;
        margin-top: 0 !important;
    }

        #latest h1 {
            margin-top: 0%;
            padding: 15px 0;
        }

    .latestWrap {
        float: none;
        clear: both;
        width: 100%; /*margin-top:180px*/
        !important;
    }

    .leadPost { /*float:none;*/
        clear: both;
        width: 94% !important;
        margin-top: 200px !important;
        margin-bottom: 0;
        padding: 1% 3% !important;
    }

        .leadPost h2 {
            font-size: 1.5em !important;
            font-weight: bold;
        }

        .leadPost p {
            font-size: .875em !important;
        }

    .latestPosts {
        width: 100%;
        padding: 0;
    }

        .latestPosts li {
            display: inline-block;
            width: 50%;
            height: auto;
            margin-right: 0;
            margin-bottom: 0;
        }

    #calendar {
        float: none;
        background-color: #fff !important;
    }

    .calendarWrap {
        float: none;
        clear: both;
        width: 100%;
    }

    .eventCategory a {
        line-height: 2.25em;
    }

    .calendarPosts {
        width: 100%;
        padding: 0;
    }

        .calendarPosts li {
            display: inline-block;
            width: 50%;
            height: auto;
            margin-right: 0;
            margin-bottom: 0;
            padding-top: 15px;
            padding-bottom: 15px;
        }

            .calendarPosts li a {
                background-color: #fff !important;
            }

    #morePointer {
        display: none;
    }

    #calendar h1, #explore h1 {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    #explore {
        float: none;
        height: auto;
    }

        #explore article {
            float: none;
            width: 100%;
            height: auto;
        }

            #explore article ul {
                height: auto;
            }

            #explore article li {
                float: none;
                display: block;
                width: 100%;
                height: 100% !important;
            }

                #explore article li p {
                    font-size: 1em;
                }

    .sideNav {
        visibility: hidden !important;
    }

    .video-container {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .videoOverlay {
        position: absolute;
        width: 100%;
    }

    #banner article li {
        width: 90% !important;
    }

    #dl-menu {
        display: none;
    }

    .mobile-topics {
        display: block;
    }
}

/* ----------- SAMSUNG GALAXY S4 ----------- */

/* Portrait */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {

    /* REFRESH */
    #itat article li {
        width: 100%;
    }

    #itat h1 {
        color: #fff;
        background-color: #00244e;
        padding: 8% 0 3% 0;
    }

    #itat-impact-intro {
        padding: 0 0 8% 0;
        text-align: center;
        color: white;
    }


    .itat-container {
        float: none !important;
    }

    .quicklinks {
        overflow: hidden;
        float: right;
        width: 55%;
    }

        .quicklinks a {
            height: 100%;
        }

            .quicklinks a:first-child {
                width: 65% !important;
                float: left;
            }


            .quicklinks a:nth-child(2) {
                margin: 0;
                width: 20%;
            }

    .topBarNav {
        width: 100% !important;
    }

    .three-column {
        width: 100%;
        float: none;
    }

    #news {
        padding: 0;
    }

        #news article p {
            width: 100%;
        }

    .more-featured article {
        width: 100%;
        float: none;
        overflow: hidden;
        padding-bottom: 5%;
    }

        .more-featured article p {
            padding-left: 140px;
        }

        .more-featured article img {
            float: left;
        }

    #events {
        padding: 0;
    }

    #itat img {
        width: 100%;
        padding: 5%;
    }


    /*.quicklinks a {
        width: 100% !important;
        padding: 0;
        margin: 0;
        margin-right: 30px;
        display:inline-block;
    }

        .quicklinks a.findIt {
            height: auto !important;
        }*/



    .footerResources {
        padding: 5%;
    }

        .footerResources .col3 {
            width: 100%;
            float: none;
        }
    /* END REFRESH */

    #topBar p.portalFind {
        margin-left: 0% !important;
    }

    .topBar-sweep-to-top {
        text-align: center;
        padding: 8px 5px;
    }

    .navBar p {
        margin: 0 !important;
    }

    .hvr-sweep-to-top {
        width: 100% !important;
        border-top: 1px dotted #777;
    }

    #infoBar {
        height: 200px;
        margin-top: 0;
    }

        #infoBar ul {
            width: 320px !important;
            margin-left: 0 !important;
            padding-left: 0 !important;
        }

        #infoBar li {
            width: 32%;
            height: 100px;
            margin-left: 0 !important;
            padding-left: 0 !important;
            font-size: .75em !important;
        }

            #infoBar li a:link, #infoBar li a:visited {
                text-decoration: none;
            }


    #banner {
        position: static;
        background-image: url(../images/banners-home/parasite-research-m.jpg);
        background-attachment: scroll;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        background-position: center top;
        height: 540px;
    }

        #banner article {
            position: relative;
            left: 0;
            /*top:250px;*/
            top: 170px;
            width: 92%;
            padding: 4%;
            margin-top: 0 !important;
            margin-left: 0 !important;
            background-color: #00274C !important;
        }

            #banner article h1 {
                background: none !important;
                padding-left: 0;
                color: #fff;
                font-size: .875em !important;
            }

            #banner article h2 {
                color: #fff;
                font-size: .875em !important;
            }

            #banner article h1 a:link, #banner article h1 a:visited {
                font-size: 1em !important;
                color: #fff;
            }

            #banner article p {
                font-size: .75em !important;
                color: #fff;
            }

                #banner article p.deckhead {
                    display: inline-block;
                    font-size: .625em !important;
                    text-align: left;
                    color: #222;
                }

        #banner p a:link, #banner p a:visited {
            margin-left: 0;
        }

        #banner article ul.relatedLinks {
            background-image: none;
            padding-left: 0 !important;
            width: 300px;
            margin-left: auto;
            margin-right: auto;
        }

            #banner article ul.relatedLinks li {
                list-style-position: inherit !important;
                list-style-image: none;
                font-size: .75em !important;
                line-height: 1.125em;
                margin-bottom: 5px !important;
                margin-left: 0px !important;
                padding-left: 0 !important;
            }

                #banner article ul.relatedLinks li a {
                    color: #fff !important;
                }

        #banner article .note {
            display: none;
        }

    .bannerLinkBar {
        display: none;
        visibility: hidden;
    }


    #video-unit {
        display: inline-block;
        width: 100%;
        height: 100%;
        position: relative;
        background: none;
        background-color: #00274C;
        overflow: hidden;
    }

    .videoOverlay {
        top: 200px;
        left: 0;
        width: 100%;
    }

        .videoOverlay .wrap {
            clear: both !important;
            float: none !important;
            width: 92%;
            padding: 4%;
            background-color: rgba(0, 0, 0, 0.9);
        }

            .videoOverlay .wrap h1 {
                font-size: 1.5em !important;
            }

    videoOverlay .wrap p {
        font-size: .75em !important;
    }

    .videoOverlay img {
        width: 40%;
        height: auto;
    }

    .videoControl {
        display: hidden;
        visibility: hidden;
    }

    #latest {
        float: none;
        clear: both;
        margin-top: 0px !important;
    }

        #latest h1 {
            margin-top: 0%;
            padding: 15px 0;
        }

    .latestWrap {
        float: none;
        clear: both;
        width: 100%; /*margin-top:100px*/
        !important;
        background-color: #333;
    }

    .leadPost { /*float:none;*/
        clear: both;
        width: 94%;
        margin-bottom: 0;
        padding: 40% 2% 10%;
        background: none !important;
    }

        .leadPost h2 {
            font-size: 1em !important;
            font-weight: bold;
        }

        .leadPost p {
            font-size: .875em !important;
        }

    .latestPosts {
        width: 100%;
        padding: 0;
    }

        .latestPosts li {
            float: none;
            clear: both;
            display: block;
            width: 100%;
            height: auto;
            margin-right: 0;
            margin-bottom: 0;
        }

    #calendar {
        float: none;
        background-color: #fff !important;
    }

    .calendarWrap {
        float: none;
        clear: both;
        width: 100%;
    }

    .eventCategory a {
        line-height: 2.25em;
    }

    .calendarPosts {
        width: 100%;
        padding: 0;
    }

        .calendarPosts li {
            float: none;
            clear: both;
            display: block;
            width: 100%;
            height: auto;
            margin-right: 0;
            margin-bottom: 0;
            padding-top: 15px;
            padding-bottom: 15px;
        }

            .calendarPosts li a {
                background-color: #fff !important;
            }

    #morePointer {
        display: none;
    }

    #explore {
        float: none;
        height: auto;
    }

        #calendar h1, #explore h1 {
            padding-top: 30px;
            padding-bottom: 20px;
        }

        #explore article {
            float: none;
            width: 100%;
            height: auto;
        }

            #explore article ul {
                height: auto;
            }

            #explore article li {
                float: none;
                display: block;
                width: 100%;
                height: 100% !important;
            }

                #explore article li p {
                    font-size: 1em;
                }

    .sideNav {
        visibility: hidden !important;
    }

    .video-container {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .videoOverlay {
        position: absolute;
    }

    #banner article li {
        width: 90% !important;
    }

    #dl-menu {
        display: none;
    }

    .mobile-topics {
        display: block;
    }
}

/* Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {

    /* REFRESH */
    #itat article li {
        width: 100%;
    }

    #itat h1 {
        color: #fff;
        background-color: #00244e;
        padding: 8% 0 3% 0;
    }

    #itat-impact-intro {
        padding: 0 0 8% 0;
        text-align: center;
        color: white;
    }


    .itat-container {
        float: none !important;
    }

    .quicklinks {
        overflow: hidden;
        float: right;
        width: 55%;
    }

        .quicklinks a {
            height: 100%;
        }

            .quicklinks a:first-child {
                width: 65% !important;
                float: left;
            }


            .quicklinks a:nth-child(2) {
                margin: 0;
                width: 20%;
            }

    .topBarNav {
        width: 100% !important;
    }

    .three-column {
        width: 100%;
        float: none;
    }

    #news {
        padding: 0;
    }

        #news article p {
            width: 100%;
        }

    .more-featured article {
        width: 100%;
        float: none;
        overflow: hidden;
        padding-bottom: 5%;
    }

        .more-featured article p {
            padding-left: 140px;
        }

        .more-featured article img {
            float: left;
        }

    #events {
        padding: 0;
    }

    #itat img {
        width: 100%;
        padding: 5%;
    }


    /*.quicklinks a {
        width: 100% !important;
        padding: 0;
        margin: 0;
        margin-right: 30px;
        display:inline-block;
    }

        .quicklinks a.findIt {
            height: auto !important;
        }*/



    .footerResources {
        padding: 5%;
    }

        .footerResources .col3 {
            width: 100%;
            float: none;
        }
    /* END REFRESH */

    #banner {
        position: static;
        background-image: url(../images/banners-home/parasite-research-m.jpg);
        background-color: #000;
        background-attachment: scroll;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        background-position: center top;
        height: 540px !important;
    }

        #banner article {
            position: relative;
            left: 0;
            /*top:250px;*/
            top: 170px;
            width: 92%;
            padding: 4%;
            margin-top: 0 !important;
            margin-left: 0 !important;
            background-color: #00274C !important;
        }

            #banner article h1 {
                background: none !important;
                padding-left: 0;
                color: #fff;
                font-size: 1em !important;
                text-align: left !important;
            }

            #banner article h2 {
                color: #fff;
                font-size: 1em !important;
            }

            #banner article h1 a:link, #banner article h1 a:visited {
                font-size: 1em !important;
                color: #fff;
            }

            #banner article p {
                font-size: .75em !important;
                color: #fff;
            }

                #banner article p.deckhead {
                    display: inline-block;
                    !important;
                    color: #fff;
                    color: #222;
                }

        #banner p a:link, #banner p a:visited {
            margin-left: 0;
        }

        #banner article ul.relatedLinks {
            background-image: none;
            padding-left: 20px !important;
            width: 360px;
        }

            #banner article ul.relatedLinks li {
                list-style-position: inside;
                list-style-image: none;
                font-size: .75em !important;
                margin-bottom: 5px !important;
                color: #fff;
                margin-left: -20px !important;
                padding-left: 0 !important;
            }

                #banner article ul.relatedLinks li a {
                    color: #fff !important;
                }

        #banner article .note {
            display: none;
        }

    .bannerLinkBar {
        display: none;
        visibility: hidden;
    }

    #video-unit {
        display: inline-block;
        width: 100%;
        height: 200%;
        position: relative;
        background: none;
        background-color: #00274C;
        overflow: hidden;
    }

    .videoOverlay {
        top: 300px !important;
        left: 0;
        width: 100%;
    }

        .videoOverlay .wrap {
            clear: both !important;
            float: none !important;
            width: 92%;
            padding: 4%;
            background-color: rgba(0, 0, 0, 0.9);
        }

            .videoOverlay .wrap h1 {
                font-size: 1.5em !important;
            }

    videoOverlay .wrap p {
        font-size: .75em !important;
    }

    .videoOverlay img {
        width: 40%;
        height: auto;
    }

    .videoControl {
        display: hidden;
        visibility: hidden;
    }

    #latest {
        float: none;
        clear: both;
        margin-top: 0 !important;
    }

        #latest h1 {
            margin-top: 0%;
            padding: 15px 0;
        }

    .latestWrap {
        float: none;
        clear: both;
        width: 100%; /*margin-top:180px*/
        !important;
    }

    .leadPost { /*float:none;*/
        clear: both;
        width: 94% !important;
        margin-top: 200px !important;
        margin-bottom: 0;
        padding: 1% 3% !important;
    }

        .leadPost h2 {
            font-size: 1.5em !important;
            font-weight: bold;
        }

        .leadPost p {
            font-size: .875em !important;
        }

    .latestPosts {
        width: 100%;
        padding: 0;
    }

        .latestPosts li {
            display: inline-block;
            width: 50%;
            height: auto;
            margin-right: 0;
            margin-bottom: 0;
        }

    #calendar {
        float: none;
        background-color: #fff !important;
    }

    .calendarWrap {
        float: none;
        clear: both;
        width: 100%;
    }

    .eventCategory a {
        line-height: 2.25em;
    }

    .calendarPosts {
        width: 100%;
        padding: 0;
    }

        .calendarPosts li {
            display: inline-block;
            width: 50%;
            height: auto;
            margin-right: 0;
            margin-bottom: 0;
            padding-top: 15px;
            padding-bottom: 15px;
        }

            .calendarPosts li a {
                background-color: #fff !important;
            }

    #morePointer {
        display: none;
    }

    #calendar h1, #explore h1 {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    #explore {
        float: none;
        height: auto;
    }

        #explore article {
            float: none;
            width: 100%;
            height: auto;
        }

            #explore article ul {
                height: auto;
            }

            #explore article li {
                float: none;
                display: block;
                width: 100%;
                height: 100% !important;
            }

                #explore article li p {
                    font-size: 1em;
                }

    .sideNav {
        visibility: hidden !important;
    }

    .video-container {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .videoOverlay {
        position: absolute;
        width: 100%;
    }

    #banner article li {
        width: 90% !important;
    }

    #dl-menu {
        display: none;
    }

    .mobile-topics {
        display: block;
    }
}


/* ----------- SAMSUNG GALAXY S5 ----------- */

/* Portrait */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {


    /* REFRESH */
    #itat article li {
        width: 100%;
    }

    #itat h1 {
        color: #fff;
        background-color: #00244e;
        padding: 8% 0 3% 0;
    }

    #itat-impact-intro {
        padding: 0 0 8% 0;
        text-align: center;
        color: white;
    }

    .itat-container {
        float: none !important;
    }

    .quicklinks {
        overflow: hidden;
        float: right;
        width: 55%;
    }

        .quicklinks a {
            height: 100%;
        }

            .quicklinks a:first-child {
                width: 65% !important;
                float: left;
            }


            .quicklinks a:nth-child(2) {
                margin: 0;
                width: 20%;
            }

    .topBarNav {
        width: 100% !important;
    }

    .three-column {
        width: 100%;
        float: none;
    }

    #news {
        padding: 0;
    }

        #news article p {
            width: 100%;
        }

    .more-featured article {
        width: 100%;
        float: none;
        overflow: hidden;
        padding-bottom: 5%;
    }

        .more-featured article p {
            padding-left: 140px;
        }

        .more-featured article img {
            float: left;
        }

    #events {
        padding: 0;
    }

    #itat img {
        width: 100%;
        padding: 5%;
    }


    /*.quicklinks a {
        width: 100% !important;
        padding: 0;
        margin: 0;
        margin-right: 30px;
        display:inline-block;
    }

        .quicklinks a.findIt {
            height: auto !important;
        }*/



    .footerResources {
        padding: 5%;
    }

        .footerResources .col3 {
            width: 100%;
            float: none;
        }
    /* END REFRESH */

    #topBar p.portalFind {
        margin-left: 0% !important;
    }

    .topBar-sweep-to-top {
        text-align: center;
        padding: 8px 5px;
    }

    .navBar p {
        margin: 0 !important;
    }

    .hvr-sweep-to-top {
        width: 100% !important;
        border-top: 1px dotted #777;
    }

    #infoBar {
        height: 200px;
        margin-top: 0;
    }

        #infoBar ul {
            width: 320px !important;
            margin-left: 0 !important;
            padding-left: 0 !important;
        }

        #infoBar li {
            width: 32%;
            height: 100px;
            margin-left: 0 !important;
            padding-left: 0 !important;
            font-size: .75em !important;
        }

            #infoBar li a:link, #infoBar li a:visited {
                text-decoration: none;
            }


    #banner {
        position: static;
        background-image: url(../images/banners-home/parasite-research-m.jpg);
        background-attachment: scroll;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        background-position: center top;
        height: 400px;
    }

        #banner article {
            position: relative;
            left: 0;
            /*top:250px;*/
            top: 170px;
            width: 92%;
            padding: 4%;
            margin-top: 0 !important;
            margin-left: 0 !important;
            background-color: #00274C !important;
        }

            #banner article h1 {
                background: none !important;
                padding-left: 0;
                color: #fff;
                font-size: .875em !important;
            }

            #banner article h2 {
                color: #fff;
                font-size: .875em !important;
            }

            #banner article h1 a:link, #banner article h1 a:visited {
                font-size: 1em !important;
                color: #fff;
            }

            #banner article p {
                font-size: .75em !important;
                color: #fff;
            }

                #banner article p.deckhead {
                    display: inline-block;
                    font-size: .625em !important;
                    text-align: left;
                    color: #222;
                }

        #banner p a:link, #banner p a:visited {
            margin-left: 0;
        }

        #banner article ul.relatedLinks {
            background-image: none;
            padding-left: 0 !important;
            width: 300px;
            margin-left: auto;
            margin-right: auto;
        }

            #banner article ul.relatedLinks li {
                list-style-position: inherit !important;
                list-style-image: none;
                font-size: .75em !important;
                line-height: 1.125em;
                margin-bottom: 5px !important;
                margin-left: 0px !important;
                padding-left: 0 !important;
            }

                #banner article ul.relatedLinks li a {
                    color: #fff !important;
                }

        #banner article .note {
            display: none;
        }

    .bannerLinkBar {
        display: none;
        visibility: hidden;
    }


    #video-unit {
        display: inline-block;
        width: 100%;
        height: 100%;
        position: relative;
        background: none;
        background-color: #00274C;
        overflow: hidden;
    }

    .videoOverlay {
        top: 200px;
        left: 0;
        width: 100%;
    }

        .videoOverlay .wrap {
            clear: both !important;
            float: none !important;
            width: 92%;
            padding: 4%;
            background-color: rgba(0, 0, 0, 0.9);
        }

            .videoOverlay .wrap h1 {
                font-size: 1.5em !important;
            }

    videoOverlay .wrap p {
        font-size: .75em !important;
    }

    .videoOverlay img {
        width: 40%;
        height: auto;
    }

    .videoControl {
        display: hidden;
        visibility: hidden;
    }

    #latest {
        float: none;
        clear: both;
        margin-top: 0px !important;
    }

        #latest h1 {
            margin-top: 0%;
            padding: 15px 0;
        }

    .latestWrap {
        float: none;
        clear: both;
        width: 100%; /*margin-top:100px*/
        !important;
        background-color: #333;
    }

    .leadPost { /*float:none;*/
        clear: both;
        width: 94%;
        margin-bottom: 0;
        padding: 40% 2% 10%;
        background: none !important;
    }

        .leadPost h2 {
            font-size: 1em !important;
            font-weight: bold;
        }

        .leadPost p {
            font-size: .875em !important;
        }

    .latestPosts {
        width: 100%;
        padding: 0;
    }

        .latestPosts li {
            float: none;
            clear: both;
            display: block;
            width: 100%;
            height: auto;
            margin-right: 0;
            margin-bottom: 0;
        }

    #calendar {
        float: none;
        background-color: #fff !important;
    }

    .calendarWrap {
        float: none;
        clear: both;
        width: 100%;
    }

    .eventCategory a {
        line-height: 2.25em;
    }

    .calendarPosts {
        width: 100%;
        padding: 0;
    }

        .calendarPosts li {
            float: none;
            clear: both;
            display: block;
            width: 100%;
            height: auto;
            margin-right: 0;
            margin-bottom: 0;
            padding-top: 15px;
            padding-bottom: 15px;
        }

            .calendarPosts li a {
                background-color: #fff !important;
            }

    #morePointer {
        display: none;
    }

    #explore {
        float: none;
        height: auto;
    }

        #calendar h1, #explore h1 {
            padding-top: 30px;
            padding-bottom: 20px;
        }

        #explore article {
            float: none;
            width: 100%;
            height: auto;
        }

            #explore article ul {
                height: auto;
            }

            #explore article li {
                float: none;
                display: block;
                width: 100%;
                height: 100% !important;
            }

                #explore article li p {
                    font-size: 1em;
                }

    .sideNav {
        visibility: hidden !important;
    }

    .video-container {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .videoOverlay {
        position: absolute;
    }

    #banner article li {
        width: 90% !important;
    }

    #dl-menu {
        display: none;
    }

    .mobile-topics {
        display: block;
    }
}

/* Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {


    /* REFRESH */
    #itat article li {
        width: 100%;
    }

    #itat h1 {
        color: #fff;
        background-color: #00244e;
        padding: 8% 0 3% 0;
    }

    #itat-impact-intro {
        padding: 0 0 8% 0;
        text-align: center;
        color: white;
    }


    .itat-container {
        float: none !important;
    }

    .quicklinks {
        overflow: hidden;
        float: right;
        width: 55%;
    }

        .quicklinks a {
            height: 100%;
        }

            .quicklinks a:first-child {
                width: 65% !important;
                float: left;
            }


            .quicklinks a:nth-child(2) {
                margin: 0;
                width: 20%;
            }

    .topBarNav {
        width: 100% !important;
    }

    .three-column {
        width: 100%;
        float: none;
    }

    #news {
        padding: 0;
    }

        #news article p {
            width: 100%;
        }

    .more-featured article {
        width: 100%;
        float: none;
        overflow: hidden;
        padding-bottom: 5%;
    }

        .more-featured article p {
            padding-left: 140px;
        }

        .more-featured article img {
            float: left;
        }

    #events {
        padding: 0;
    }

    #itat img {
        width: 100%;
        padding: 5%;
    }


    /*.quicklinks a {
        width: 100% !important;
        padding: 0;
        margin: 0;
        margin-right: 30px;
        display:inline-block;
    }

        .quicklinks a.findIt {
            height: auto !important;
        }*/



    .footerResources {
        padding: 5%;
    }

        .footerResources .col3 {
            width: 100%;
            float: none;
        }
    /* END REFRESH */

    #banner {
        position: static;
        background-image: url(../images/banners-home/parasite-research-m.jpg);
        background-color: #000;
        background-attachment: scroll;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        background-position: center top;
        height: 540px !important;
    }

        #banner article {
            position: relative;
            left: 0;
            /*top:250px;*/
            top: 170px;
            width: 92%;
            padding: 4%;
            margin-top: 0 !important;
            margin-left: 0 !important;
            background-color: #00274C !important;
        }

            #banner article h1 {
                background: none !important;
                padding-left: 0;
                color: #fff;
                font-size: 1em !important;
                text-align: left !important;
            }

            #banner article h2 {
                color: #fff;
                font-size: 1em !important;
            }

            #banner article h1 a:link, #banner article h1 a:visited {
                font-size: 1em !important;
                color: #fff;
            }

            #banner article p {
                font-size: .75em !important;
                color: #fff;
            }

                #banner article p.deckhead {
                    display: inline-block;
                    !important;
                    color: #fff;
                    color: #222;
                }

        #banner p a:link, #banner p a:visited {
            margin-left: 0;
        }

        #banner article ul.relatedLinks {
            background-image: none;
            padding-left: 20px !important;
            width: 360px;
        }

            #banner article ul.relatedLinks li {
                list-style-position: inside;
                list-style-image: none;
                font-size: .75em !important;
                margin-bottom: 5px !important;
                color: #fff;
                margin-left: -20px !important;
                padding-left: 0 !important;
            }

                #banner article ul.relatedLinks li a {
                    color: #fff !important;
                }

        #banner article .note {
            display: none;
        }

    .bannerLinkBar {
        display: none;
        visibility: hidden;
    }

    #video-unit {
        display: inline-block;
        width: 100%;
        height: 200%;
        position: relative;
        background: none;
        background-color: #00274C;
        overflow: hidden;
    }

    .videoOverlay {
        top: 300px !important;
        left: 0;
        width: 100%;
    }

        .videoOverlay .wrap {
            clear: both !important;
            float: none !important;
            width: 92%;
            padding: 4%;
            background-color: rgba(0, 0, 0, 0.9);
        }

            .videoOverlay .wrap h1 {
                font-size: 1.5em !important;
            }

    videoOverlay .wrap p {
        font-size: .75em !important;
    }

    .videoOverlay img {
        width: 40%;
        height: auto;
    }

    .videoControl {
        display: hidden;
        visibility: hidden;
    }

    #latest {
        float: none;
        clear: both;
        margin-top: 0 !important;
    }

        #latest h1 {
            margin-top: 0%;
            padding: 15px 0;
        }

    .latestWrap {
        float: none;
        clear: both;
        width: 100%; /*margin-top:180px*/
        !important;
    }

    .leadPost { /*float:none;*/
        clear: both;
        width: 94% !important;
        margin-top: 200px !important;
        margin-bottom: 0;
        padding: 1% 3% !important;
    }

        .leadPost h2 {
            font-size: 1.5em !important;
            font-weight: bold;
        }

        .leadPost p {
            font-size: .875em !important;
        }

    .latestPosts {
        width: 100%;
        padding: 0;
    }

        .latestPosts li {
            display: inline-block;
            width: 50%;
            height: auto;
            margin-right: 0;
            margin-bottom: 0;
        }

    #calendar {
        float: none;
        background-color: #fff !important;
    }

    .calendarWrap {
        float: none;
        clear: both;
        width: 100%;
    }

    .eventCategory a {
        line-height: 2.25em;
    }

    .calendarPosts {
        width: 100%;
        padding: 0;
    }

        .calendarPosts li {
            display: inline-block;
            width: 50%;
            height: auto;
            margin-right: 0;
            margin-bottom: 0;
            padding-top: 15px;
            padding-bottom: 15px;
        }

            .calendarPosts li a {
                background-color: #fff !important;
            }

    #morePointer {
        display: none;
    }

    #calendar h1, #explore h1 {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    #explore {
        float: none;
        height: auto;
    }

        #explore article {
            float: none;
            width: 100%;
            height: auto;
        }

            #explore article ul {
                height: auto;
            }

            #explore article li {
                float: none;
                display: block;
                width: 100%;
                height: 100% !important;
            }

                #explore article li p {
                    font-size: 1em;
                }

    .sideNav {
        visibility: hidden !important;
    }

    .video-container {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .videoOverlay {
        position: absolute;
        width: 100%;
    }

    #banner article li {
        width: 90% !important;
    }

    #dl-menu {
        display: none;
    }

    .mobile-topics {
        display: block;
    }
}


/* ----------- iPhone 6 ----------- */

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {


    /* REFRESH */
    #itat article li {
        width: 100%;
    }

    #itat h1 {
        color: #fff;
        background-color: #00244e;
        padding: 8% 0 3% 0;
    }

    #itat-impact-intro {
        padding: 0 0 8% 0;
        text-align: center;
        color: white;
    }


    .itat-container {
        float: none !important;
    }

    .quicklinks {
        overflow: hidden;
        float: right;
        width: 55%;
    }

        .quicklinks a {
            height: 100%;
        }

            .quicklinks a:first-child {
                width: 65% !important;
                float: left;
            }


            .quicklinks a:nth-child(2) {
                margin: 0;
                width: 20%;
            }

    .topBarNav {
        width: 100% !important;
    }

    .three-column {
        width: 100%;
        float: none;
    }

    #news {
        padding: 0;
    }

        #news article p {
            width: 100%;
        }

    .more-featured article {
        width: 100%;
        float: none;
        overflow: hidden;
        padding-bottom: 5%;
    }

        .more-featured article p {
            padding-left: 140px;
        }

        .more-featured article img {
            float: left;
        }

    #events {
        padding: 0;
    }

    #itat img {
        width: 100%;
        padding: 5%;
    }


    /*.quicklinks a {
        width: 100% !important;
        padding: 0;
        margin: 0;
        margin-right: 30px;
        display:inline-block;
    }

        .quicklinks a.findIt {
            height: auto !important;
        }*/



    .footerResources {
        padding: 5%;
    }

        .footerResources .col3 {
            width: 100%;
            float: none;
        }
    /* END REFRESH */




    #itatOptions article {
        color:#000;
        background-color: #000;
    }

        #itatOptions article ul li {
            width: 100%;
            color: #fff;
            background-color: #000;
        }

    #topBar p.portalFind {
        margin-left: 0% !important;
    }

    .topBar-sweep-to-top {
        text-align: center;
        padding: 8px 5px;
    }

    .navBar p {
        margin: 0 !important;
    }

    .hvr-sweep-to-top {
        width: 100% !important;
        border-top: 1px dotted #777;
    }

    #infoBar {
        height: 200px;
        margin-top: 0;
    }

        #infoBar ul {
            width: 320px !important;
            margin-left: 0 !important;
            padding-left: 0 !important;
        }

        #infoBar li {
            width: 32%;
            height: 100px;
            margin-left: 0 !important;
            padding-left: 0 !important;
            font-size: .75em !important;
        }

            #infoBar li a:link, #infoBar li a:visited {
                text-decoration: none;
            }

    #banner {
        position: static;
        background-image: url(../images/banners-home/parasite-research-m.jpg);
        background-attachment: scroll;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        background-position: center top;
        height: 400px;
    }

        #banner article {
            position: relative;
            left: 0;
            /*top:250px;*/
            top: 170px;
            width: 92%;
            padding: 4%;
            margin-top: 0 !important;
            margin-left: 0 !important;
            background-color: #00274C !important;
        }

            #banner article h1 {
                background: none !important;
                padding-left: 0;
                font-size: 1em !important;
                color: #fff;
            }

            #banner article h2 {
                font-size: 1em !important;
                color: #fff;
            }

            #banner article h1 a:link, #banner article h1 a:visited {
                font-size: 1em !important;
                color: #fff;
            }

            #banner article p {
                font-size: .75em !important;
                color: #fff;
            }

                #banner article p.deckhead {
                    display: inline-block;
                    font-size: .75em !important;
                    color: #222;
                }

        #banner p a:link, #banner p a:visited {
            margin-left: 0;
            color: #fff;
            border-color: #fff;
        }

        #banner article ul.relatedLinks {
            background-image: none;
            width: 350px;
        }

            #banner article ul.relatedLinks li {
                list-style-position: inside;
                list-style-image: none;
                font-size: .75em !important;
                color: #fff;
                margin-left: 0px !important;
                padding-left: 0 !important;
            }

                #banner article ul.relatedLinks li a {
                    color: #fff !important;
                }

        #banner article .note {
            display: none;
        }

    .bannerLinkBar {
        display: none;
        visibility: hidden;
    }

    #video-unit {
        display: inline-block;
        width: 100%;
        height: 100%;
        position: relative;
        background: none;
        background-color: #00274C;
        overflow: hidden;
    }

    .videoOverlay {
        top: 300px !important;
        left: 0;
        width: 100%;
    }

        .videoOverlay .wrap {
            clear: both !important;
            float: none !important;
            width: 92%;
            padding: 4%;
            background-color: rgba(0, 0, 0, 0.9);
        }

            .videoOverlay .wrap h1 {
                font-size: 1.5em !important;
            }

    videoOverlay .wrap p {
        font-size: .75em !important;
    }

    .videoOverlay img {
        width: 40%;
        height: auto;
    }

    .videoControl {
        display: hidden;
        visibility: hidden;
    }

    .videoOverlay img {
        width: 60%;
        height: auto;
    }

    #latest {
        float: none;
        clear: both;
        margin-top: 0px !important;
    }

        #latest h1 {
            margin-top: 0%;
            padding: 15px 0;
        }

    .latestWrap {
        float: none;
        clear: both;
        width: 100%;
        margin-top: 0px !important;
        background-color: #333;
    }

    .leadPost { /*float:none;*/
        clear: both;
        width: 94%;
        margin-bottom: 0;
        padding: 40% 2% 10%;
        background: none !important;
    }

    .latestPosts {
        width: 100%;
        padding: 0;
    }

        .latestPosts li {
            float: none;
            clear: both;
            display: block;
            width: 100%;
            height: auto;
            margin-right: 0;
            margin-bottom: 0;
        }

    #calendar {
        float: none;
    }

    .calendarWrap {
        float: none;
        clear: both;
        width: 100%;
    }

    .eventCategory a {
        line-height: 2.25em;
    }

    .calendarPosts {
        width: 100%;
        padding: 0;
    }

        .calendarPosts li {
            float: none;
            clear: both;
            display: block;
            width: 100%;
            height: auto;
            margin-right: 0;
            margin-bottom: 0;
            padding-top: 15px;
            padding-bottom: 15px;
        }

            .calendarPosts li a {
                background-color: #fff !important;
            }

    #morePointer {
        display: none;
    }

    #explore {
        float: none;
        height: auto;
    }

        #calendar h1, #explore h1 {
            padding-top: 30px;
            padding-bottom: 20px;
        }

        #explore article {
            float: none;
            width: 100%;
            height: auto;
        }

            #explore article ul {
                height: auto;
            }

            #explore article li {
                float: none;
                display: block;
                width: 100%;
                height: 100% !important;
            }

                #explore article li p {
                    font-size: 1em;
                }

    .sideNav {
        visibility: hidden !important;
    }

    .video-container {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .videoOverlay {
        position: absolute;
    }

    #banner article li {
        width: 90% !important;
    }

    #dl-menu {
        display: none;
    }

    .mobile-topics {
        display: block;
    }
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {


    /* REFRESH */
    #itat article li {
        width: 100%;
    }

    #itat h1 {
        color: #fff;
        background-color: #00244e;
        padding: 8% 0 3% 0;
    }

    #itat-impact-intro {
        padding: 0 0 8% 0;
        text-align: center;
        color: white;
    }


    .itat-container {
        float: none !important;
    }

    .quicklinks {
        overflow: hidden;
        float: right;
        width: 55%;
    }

        .quicklinks a {
            height: 100%;
        }

            .quicklinks a:first-child {
                width: 65% !important;
                float: left;
            }


            .quicklinks a:nth-child(2) {
                margin: 0;
                width: 20%;
            }

    .topBarNav {
        width: 100% !important;
    }

    .three-column {
        width: 100%;
        float: none;
    }

    #news {
        padding: 0;
    }

        #news article p {
            width: 100%;
        }

    .more-featured article {
        width: 100%;
        float: none;
        overflow: hidden;
        padding-bottom: 5%;
    }

        .more-featured article p {
            padding-left: 140px;
        }

        .more-featured article img {
            float: left;
        }

    #events {
        padding: 0;
    }

    #itat img {
        width: 100%;
        padding: 5%;
    }


    /*.quicklinks a {
        width: 100% !important;
        padding: 0;
        margin: 0;
        margin-right: 30px;
        display:inline-block;
    }

        .quicklinks a.findIt {
            height: auto !important;
        }*/



    .footerResources {
        padding: 5%;
    }

        .footerResources .col3 {
            width: 100%;
            float: none;
        }
    /* END REFRESH */

    #banner {
        position: static;
        background-image: url(../images/banners-home/parasite-research-m.jpg);
        background-color: #000;
        background-attachment: scroll;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        background-position: center top;
        height: 400px;
    }

        #banner article {
            position: relative;
            left: 0;
            /*top:250px;*/
            top: 170px;
            width: 92%;
            padding: 4%;
            margin-top: 0 !important;
            margin-left: 0 !important;
            background-color: #00274C !important;
        }

            #banner article h1 {
                background: none !important;
                padding-left: 0;
                font-size: 1em !important;
                color: #fff;
            }

            #banner article h2 {
                font-size: 1em !important;
                color: #fff;
            }

            #banner article h1 a:link, #banner article h1 a:visited {
                font-size: 1em !important;
                color: #fff;
            }

            #banner article p {
                font-size: .875em !important;
                color: #fff;
            }

                #banner article p.deckhead {
                    display: inline-block;
                    font-size: .75em !important;
                    color: #222;
                }

        #banner p a:link, #banner p a:visited {
            margin-left: 0;
            color: #fff;
            border-color: #fff;
        }

        #banner article ul.relatedLinks {
            background-image: none;
            padding-left: 0 !important;
            width: 600px;
        }

            #banner article ul.relatedLinks li {
                list-style-position: inherit !important;
                list-style-image: none;
                font-size: .75em !important;
                margin-bottom: 5px;
                color: #fff;
                margin-left: 0px !important;
                padding-left: 0 !important;
            }

                #banner article ul.relatedLinks li a {
                    color: #fff !important;
                }

        #banner article .note {
            display: none;
        }

    .bannerLinkBar {
        display: none;
        visibility: hidden;
    }

    #video-unit {
        display: inline-block;
        width: 100%;
        height: 150%;
        position: relative;
        background: none;
        background-color: #00274C;
        overflow: hidden;
    }

    .videoOverlay {
        top: 220px;
        left: 0;
        width: 100%;
    }

        .videoOverlay .wrap {
            clear: both !important;
            float: none !important;
            width: 92%;
            padding: 4%;
            background-color: rgba(0, 0, 0, 0.9);
        }

            .videoOverlay .wrap h1 {
                font-size: 1.5em !important;
            }

    videoOverlay .wrap p {
        font-size: .75em !important;
    }

    .videoOverlay img {
        width: 40%;
        height: auto;
    }

    .videoControl {
        display: hidden;
        visibility: hidden;
    }

    #latest {
        float: none;
        clear: both;
        margin-top: 10px;
    }

        #latest h1 {
            margin-top: 0%;
            padding: 15px 0;
        }

    .latestWrap {
        float: none;
        clear: both;
        width: 100%;
        margin-top: 5px;
        border: 1px solid #333;
    }

    .leadPost {
        float: none;
        clear: both;
        width: 94% !important;
        margin-top: 32%;
        margin-bottom: 0;
        padding: 1% 3% !important;
    }

        .leadPost h2 {
            font-size: 1em !important;
            font-weight: bold;
            margin-bottom: 0 !important;
        }

        .leadPost p {
            font-size: .875em !important;
            margin-top: 0 !important;
        }

    .latestPosts {
        width: 100%;
        padding: 0;
    }

        .latestPosts li {
            display: inline-block;
            width: 50%;
            height: auto;
            margin-right: 0;
            margin-bottom: 0;
        }

    #calendar {
        float: none;
        background-color: #fff !important;
    }

    .calendarWrap {
        float: none;
        clear: both;
        width: 100%;
    }

    .eventCategory a {
        line-height: 2.25em;
    }

    .calendarPosts {
        width: 100%;
        padding: 0;
    }

        .calendarPosts li {
            display: inline-block;
            width: 50%;
            height: auto;
            margin-right: 0;
            margin-bottom: 0;
            padding-top: 15px;
            padding-bottom: 15px;
        }

            .calendarPosts li a {
                background-color: #fff !important;
            }

    #morePointer {
        display: none;
    }

    #calendar h1, #explore h1 {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    #explore {
        float: none;
        height: auto;
    }

        #explore article {
            float: none;
            width: 100%;
            height: auto;
        }

            #explore article ul {
                height: auto;
            }

            #explore article li {
                float: none;
                display: block;
                width: 100%;
                height: 100% !important;
            }

                #explore article li p {
                    font-size: 1em;
                }

    .sideNav {
        visibility: hidden !important;
    }

    .video-container {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .videoOverlay {
        position: absolute;
        width: 100%;
    }

    #banner article li {
        width: 90% !important;
    }

    #dl-menu {
        display: none;
    }

    .mobile-topics {
        display: block;
    }
}

/* ----------- iPhone 6+ ----------- */
/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {



    /* REFRESH */
    #itat article li {
        width: 100%;
    }

    #itat h1 {
        color: #fff;
        background-color: #00244e;
        padding: 8% 0 3% 0;
    }

    #itat-impact-intro {
        padding: 0 0 8% 0;
        text-align: center;
        color: white;
    }


    .itat-container {
        float: none !important;
    }

    .quicklinks {
        overflow: hidden;
        float: right;
        width: 55%;
    }

        .quicklinks a {
            height: 100%;
        }

            .quicklinks a:first-child {
                width: 65% !important;
                float: left;
            }


            .quicklinks a:nth-child(2) {
                margin: 0;
                width: 20%;
            }

    .topBarNav {
        width: 100% !important;
    }

    .three-column {
        width: 100%;
        float: none;
    }

    #news {
        padding: 0;
    }

        #news article p {
            width: 100%;
        }

    .more-featured article {
        width: 100%;
        float: none;
        overflow: hidden;
        padding-bottom: 5%;
    }

        .more-featured article p {
            padding-left: 140px;
        }

        .more-featured article img {
            float: left;
        }

    #events {
        padding: 0;
    }

    #itat img {
        width: 100%;
        padding: 5%;
    }


    /*.quicklinks a {
        width: 100% !important;
        padding: 0;
        margin: 0;
        margin-right: 30px;
        display:inline-block;
    }

        .quicklinks a.findIt {
            height: auto !important;
        }*/



    .footerResources {
        padding: 5%;
    }

        .footerResources .col3 {
            width: 100%;
            float: none;
        }
    /* END REFRESH */


    #topBar p.portalFind {
        margin-left: 0% !important;
    }

    .topBar-sweep-to-top {
        text-align: center;
        padding: 8px 5px;
    }

    .navBar p {
        margin: 0 !important;
    }

    .hvr-sweep-to-top {
        width: 100% !important;
        border-top: 1px dotted #777;
    }

    #infoBar {
        height: 200px;
        margin-top: 0;
    }

        #infoBar ul {
            width: 320px !important;
            margin-left: 0 !important;
            padding-left: 0 !important;
        }

        #infoBar li {
            width: 32%;
            height: 100px;
            margin-left: 0 !important;
            padding-left: 0 !important;
            font-size: .75em !important;
        }

            #infoBar li a:link, #infoBar li a:visited {
                text-decoration: none;
            }

    #banner {
        position: static;
        background-image: url(../images/banners-home/parasite-research-m.jpg);
        background-attachment: scroll;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        background-position: center top;
        height: 380px;
    }

        #banner article {
            position: relative;
            left: 0;
            /*top:250px;*/
            top: 170px;
            width: 92%;
            padding: 4%;
            margin-top: 0 !important;
            margin-left: 0 !important;
            background-color: #00274C !important;
        }

        #banner h1 {
            font-size: 1.25em !important;
            color: #fff;
        }

        #banner article h1 {
            background: none !important;
            padding-left: 0;
        }

            #banner article h1 a:link, #banner article h1 a:visited {
                font-size: 1em !important;
                color: #fff;
            }

        #banner article p {
            font-size: .75em !important;
            color: #fff;
        }

            #banner article p.deckhead {
                display: inline-block;
                font-size: .75em !important;
                color: #222;
            }

        #banner p a:link, #banner p a:visited {
            margin-left: 0;
            color: #fff;
            border-color: #fff;
        }

        #banner article ul.relatedLinks {
            background-image: none;
            width: 380px;
        }

            #banner article ul.relatedLinks li {
                list-style-position: inside;
                list-style-image: none;
                font-size: .75em !important;
                color: #fff;
                margin-left: 0px !important;
                padding-left: 0 !important;
            }

                #banner article ul.relatedLinks li a {
                    color: #fff !important;
                }

        #banner article .note {
            display: none;
        }

    .bannerLinkBar {
        display: none;
        visibility: hidden;
    }

    #video-unit {
        display: inline-block;
        width: 100%;
        height: 90%;
        position: relative;
        background: none;
        background-color: #00274C;
        overflow: hidden;
    }

    .videoOverlay {
        top: 220px;
        left: 0;
        width: 100%;
    }

        .videoOverlay .wrap {
            clear: both !important;
            float: none !important;
            width: 92%;
            padding: 4%;
            background-color: rgba(0, 0, 0, 0.9);
        }

            .videoOverlay .wrap h1 {
                font-size: 1.5em !important;
            }

    videoOverlay .wrap p {
        font-size: .75em !important;
    }

    .videoOverlay img {
        width: 40%;
        height: auto;
    }

    .videoControl {
        display: hidden;
        visibility: hidden;
    }

    #latest {
        float: none;
        clear: both;
        margin-top: 0px !important;
    }

        #latest h1 {
            margin-top: 0%;
            padding: 15px 0;
        }

    .latestWrap {
        float: none;
        clear: both;
        width: 100%;
        margin-top: 0px !important;
        background-color: #333;
    }

    .leadPost {
        float: none;
        clear: both;
        width: 94%;
        margin-bottom: 0;
        padding: 40% 2% 10%;
        background: none !important;
    }

    .latestPosts {
        width: 100%;
        padding: 0;
    }

        .latestPosts li {
            float: none;
            clear: both;
            display: block;
            width: 100%;
            height: auto;
            margin-right: 0;
            margin-bottom: 0;
        }

    #calendar {
        float: none;
    }

    .calendarWrap {
        float: none;
        clear: both;
        width: 100%;
    }

    .eventCategory a {
        line-height: 2.25em;
    }

    .calendarPosts {
        width: 100%;
        padding: 0;
    }

        .calendarPosts li {
            float: none;
            clear: both;
            display: block;
            width: 100%;
            height: auto;
            margin-right: 0;
            margin-bottom: 0;
            padding-top: 15px;
            padding-bottom: 15px;
        }

            .calendarPosts li a {
                background-color: #fff !important;
            }

    #morePointer {
        display: none;
    }

    #explore {
        float: none;
        height: auto;
    }

        #calendar h1, #explore h1 {
            padding-top: 30px;
            padding-bottom: 20px;
        }

        #explore article {
            float: none;
            width: 100%;
            height: auto;
        }

            #explore article ul {
                height: auto;
            }

            #explore article li {
                float: none;
                display: block;
                width: 100%;
                height: 100% !important;
            }

                #explore article li p {
                    font-size: 1em;
                }

    .sideNav {
        visibility: hidden !important;
    }

    .video-container {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


    .videoOverlay {
        position: absolute;
    }

    #banner article li {
        width: 90% !important;
    }

    #dl-menu {
        display: none;
    }

    .mobile-topics {
        display: block;
    }
}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {


    /* REFRESH */
    #itat article li {
        width: 100%;
    }

    #itat h1 {
        color: #fff;
        background-color: #00244e;
        padding: 8% 0 3% 0;
    }

    #itat-impact-intro {
        padding: 0 0 8% 0;
        text-align: center;
        color: white;
    }


    .itat-container {
        float: none !important;
    }

    .quicklinks {
        overflow: hidden;
        float: right;
        width: 55%;
    }

        .quicklinks a {
            height: 100%;
        }

            .quicklinks a:first-child {
                width: 65% !important;
                float: left;
            }


            .quicklinks a:nth-child(2) {
                margin: 0;
                width: 20%;
            }

    .topBarNav {
        width: 100% !important;
    }

    .three-column {
        width: 100%;
        float: none;
    }

    #news {
        padding: 0;
    }

        #news article p {
            width: 100%;
        }

    .more-featured article {
        width: 100%;
        float: none;
        overflow: hidden;
        padding-bottom: 5%;
    }

        .more-featured article p {
            padding-left: 140px;
        }

        .more-featured article img {
            float: left;
        }

    #events {
        padding: 0;
    }

    #itat img {
        width: 100%;
        padding: 5%;
    }


    /*.quicklinks a {
        width: 100% !important;
        padding: 0;
        margin: 0;
        margin-right: 30px;
        display:inline-block;
    }

        .quicklinks a.findIt {
            height: auto !important;
        }*/



    .footerResources {
        padding: 5%;
    }

        .footerResources .col3 {
            width: 100%;
            float: none;
        }
    /* END REFRESH */

    #banner {
        position: static;
        background-color: #000;
        background-image: url(../images/banners-home/parasite-research-m.jpg);
        background-attachment: scroll;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        background-position: center top;
        height: 410px;
    }

        #banner article {
            position: relative;
            left: 0;
            /*top:250px;*/
            top: 170px;
            width: 92%;
            padding: 4%;
            margin-top: 0 !important;
            margin-left: 0 !important;
            background-color: #00274C !important;
        }

            #banner article h1 {
                background: none !important;
                padding-left: 0;
                font-size: 1.25em !important;
                color: #fff;
            }

            #banner article h2 {
                font-size: 1em !important;
                color: #fff;
            }

            #banner article h1 a:link, #banner article h1 a:visited {
                font-size: 1em !important;
                color: #fff;
            }

            #banner article p {
                font-size: .875em !important;
                color: #fff;
            }

                #banner article p.deckhead {
                    display: inline-block;
                    font-size: .75em !important;
                    color: #222;
                }

        #banner p a:link, #banner p a:visited {
            margin-left: 0;
            color: #fff;
            border-color: #fff;
        }

        #banner article ul.relatedLinks {
            background-image: none;
            padding-left: 0 !important;
            width: 700px;
        }

            #banner article ul.relatedLinks li {
                list-style-position: inherit !important;
                list-style-image: none;
                font-size: .75em !important;
                margin-bottom: 5px;
                color: #fff;
                margin-left: 0px !important;
                padding-left: 0 !important;
            }

                #banner article ul.relatedLinks li a {
                    color: #fff !important;
                }

        #banner article .note {
            display: none;
        }

    .bannerLinkBar {
        display: none;
        visibility: hidden;
    }

    #video-unit {
        display: inline-block;
        width: 100%;
        height: 130%;
        position: relative;
        background: none;
        background-color: #00274C;
        overflow: hidden;
    }

    .videoOverlay {
        top: 220px;
        left: 0;
        width: 100%;
    }

        .videoOverlay .wrap {
            clear: both !important;
            float: none !important;
            width: 92%;
            padding: 4%;
            background-color: rgba(0, 0, 0, 0.9);
        }

            .videoOverlay .wrap h1 {
                font-size: 1.5em !important;
            }

    videoOverlay .wrap p {
        font-size: .75em !important;
    }

    .videoOverlay img {
        width: 40%;
        height: auto;
    }

    .videoControl {
        display: hidden;
        visibility: hidden;
    }
    /*.videoOverlay {top:15%;}
	  .videoOverlay h1, .videoOverlay h2 {font-size: 1.5em !important;}*/
    #latest {
        float: none;
        clear: both;
        margin-top: 10px;
    }

        #latest h1 {
            margin-top: 0%;
            padding: 15px 0;
        }

    .latestWrap {
        float: none;
        clear: both;
        width: 100%;
        margin-top: 5px;
        border: 1px solid #efefef;
    }

    .leadPost {
        float: none;
        clear: both;
        width: 94% !important;
        margin-top: 32%;
        margin-bottom: 0;
        padding: 1% 3% !important;
    }

        .leadPost h2 {
            font-size: 1em !important;
            font-weight: bold;
        }

        .leadPost p {
            font-size: .875em !important;
        }

    .latestPosts {
        width: 100%;
        padding: 0;
    }

        .latestPosts li {
            display: inline-block;
            width: 50%;
            height: auto;
            margin-right: 0;
            margin-bottom: 0;
        }

    #calendar {
        float: none;
        background-color: #fff !important;
    }

    .calendarWrap {
        float: none;
        clear: both;
        width: 100%;
    }

    .eventCategory a {
        line-height: 2.25em;
    }

    .calendarPosts {
        width: 100%;
        padding: 0;
    }

        .calendarPosts li {
            display: inline-block;
            width: 50%;
            height: auto;
            margin-right: 0;
            margin-bottom: 0;
            padding-top: 15px;
            padding-bottom: 15px;
        }

            .calendarPosts li a {
                background-color: #fff !important;
            }

    #morePointer {
        display: none;
    }

    #calendar h1, #explore h1 {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    #explore {
        float: none;
        height: auto;
    }

        #explore article {
            float: none;
            width: 100%;
            height: auto;
        }

            #explore article ul {
                height: auto;
            }

            #explore article li {
                float: none;
                display: block;
                width: 100%;
                height: 100% !important;
            }

                #explore article li p {
                    font-size: 1em;
                }

    .sideNav {
        visibility: hidden !important;
    }

    .video-container {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .videoOverlay {
        position: absolute;
        width: 100%;
    }

    #banner article li {
        width: 90% !important;
    }

    #dl-menu {
        display: none;
    }

    .mobile-topics {
        display: block;
    }
}

/* ----------- iPad ----------- */
/* Portrait */
@media only screen and (max-width : 1020px) and (min-width : 760px) {
    /* 768 x 1024 and 800 x 600 */


    /* REFRESH */
    #itat article li {
        width: 100%;
    }

    #itat h1 {
        color: #fff;
        background-color: #00244e;
        padding: 8% 0 3% 0;
    }

    #itat-impact-intro {
        padding: 0 0 8% 0;
        text-align: center;
        color: white;
    }


    .itat-container {
        float: none !important;
    }

    .quicklinks {
        overflow: hidden;
        float: right;
        width: 55%;
    }

        .quicklinks a {
            height: 100%;
        }

            .quicklinks a:first-child {
                width: 65% !important;
                float: left;
            }


            .quicklinks a:nth-child(2) {
                margin: 0;
                width: 20%;
            }

    .topBarNav {
        width: 100% !important;
    }

    .three-column {
        width: 100%;
        float: none;
    }

    #news {
        padding: 0;
    }

        #news article p {
            width: 100%;
        }

    .more-featured article {
        width: 100%;
        float: none;
        overflow: hidden;
        padding-bottom: 5%;
    }

        .more-featured article p {
            padding-left: 140px;
        }

        .more-featured article img {
            float: left;
        }

    #events {
        padding: 0;
    }


    /*.quicklinks a {
        width: 100% !important;
        padding: 0;
        margin: 0;
        margin-right: 30px;
        display:inline-block;
    }

        .quicklinks a.findIt {
            height: auto !important;
        }*/



    .footerResources {
        padding: 5%;
    }

        .footerResources .col3 {
            width: 100%;
            float: none;
        }
    /* END REFRESH */

    #banner {
        position: static;
        background-color: #00274C;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        height: 560px;
    }
    /*.leadPost {width:50%; margin-top:4%; margin-bottom:8%;}*/
    .leadPost {
        float: right;
        width: 96%;
        margin-top: 30%;
        margin-bottom: 3%;
    }

        .leadPost h2 {
            font-size: 1em !important;
        }

    .video-container {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .videoOverlay {
        position: absolute;
        width: 100%;
    }

        .videoOverlay .wrap {
            background-color: rgba(0, 0, 0, 0.9);
            padding: 2%;
        }

    #banner article {
        position: absolute;
        left: 0;
        top: 420px;
        width: 97%;
        margin-left: auto;
        margin-right: auto;
        color: #fff;
        background-color: #00274C;
        text-align: center;
    }

        #banner article a:link, #banner article a:visited {
            font-size: 1em !important;
            color: #fff;
            border-color: #fff;
        }

        #banner article h1 {
            background: none !important;
            padding-left: 0;
            padding-top: 10px;
            color: #fff;
            text-align: center;
        }

        #banner article h2 {
            color: #fff;
        }

        #banner article h1 a:link, #banner article h1 a:visited {
            font-size: 1em !important;
            color: #fff;
        }

        #banner article p {
            font-size: .75em !important;
            color: #fff;
        }

        #banner article .related {
            width: 340px;
            margin-left: auto;
            margin-right: auto;
            text-align: left;
        }
        /*#banner p a:link, #banner p a:visited {background-color: rgba(255, 255, 255, .75);}*/
        #banner article ul.relatedLinks {
            width: 340px;
            margin-left: auto;
            margin-right: auto;
        }

            #banner article ul.relatedLinks li {
                font-size: .75em !important;
                color: #fff !important;
                text-align: left;
            }

                #banner article ul.relatedLinks li a {
                    color: #fff !important;
                }

    #dl-menu {
        display: none;
    }

    .mobile-topics {
        display: block;
    }
}
/* Landscape */
@media only screen and (max-width : 1050px) and (min-width : 1022px) {
    /* 1024 x 768 */
    #banner {
        position: static;
        background-color: #00274c;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        height: 680px;
    }

    .video-container {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .videoOverlay {
        position: absolute;
        width: 100%;
    }

        .videoOverlay .wrap {
            background-color: rgba(0, 0, 0, 0.9);
            padding: 2%;
        }

    #banner article {
        position: absolute;
        left: 0;
        top: 450px;
        width: 97%;
        margin-left: auto;
        margin-right: auto;
        /*margin-top:33%;*/
        background-color: #00274C;
        color: #fff;
        text-align: center;
    }

        #banner article h1 {
            background: none !important;
            padding-left: 0;
            padding-top: 10px;
            color: #fff;
            text-align: center;
        }

        #banner article h2 {
            color: #fff;
        }

        #banner article h1 a:link, #banner article h1 a:visited {
            font-size: 1em !important;
            color: #fff;
        }

        #banner article p {
            color: #fff;
        }

            #banner article p a:link, #banner article a:visited {
                color: #fff;
                border-color: #fff;
            }

            #banner article p.deckhead {
                display: inline-block;
                font-size: .75em !important;
                color: #222;
            }

        #banner article .note {
            display: none;
        }
        /*#banner p a:link, #banner p a:visited {background-color: rgba(255, 255, 255, .75);}*/

        #banner article ul.relatedLinks {
            width: 340px;
            margin-left: auto;
            margin-right: auto;
        }

            #banner article ul.relatedLinks li {
                font-size: .75em !important;
                color: #fff;
            }

                #banner article ul.relatedLinks li a {
                    color: #fff !important;
                }
}



/*600 x 800*/
/*@media only screen and (min-width: 590px) and (max-width : 760px) {
	.patch {display:none;}
	#wordmark, #wordmark span {display:inherit !important;}
	#topBar p.portalFind {margin-left:0% !important;}
	.topBar-sweep-to-top {width: 25%; text-align:center; padding:8px 5px;}
	.navBar p {margin:0 !important;}
	.hvr-sweep-to-top {width:100% !important; border-top:1px dotted #777;}
	#infoBar {height:100px; margin-top:0;}
	#infoBar ul {width:580px !important; margin-left:0 !important; padding-left:0 !important;}
	#infoBar li {height:100px; margin-left:0 !important; padding-left:0 !important; font-size:.75em !important;}
	#infoBar li a:link, #infoBar li a:visited {text-decoration:none;}
}*/

/* 768 x 1024 and 800 x 600 */
/*@media only screen and (max-width : 1020px) and (min-width : 760px) {
	.patch {display:none;}
	#wordmark, #wordmark span {display:inherit !important;}
	#topBar p.portalFind {margin-left:0% !important; clear:both;}
	.navBar p {margin:0 !important;}
}*/

/* 1024 x 768 */
/*@media only screen and (max-width : 1050px) and (min-width : 1022px) {
	.patch {display:none;}
	#wordmark, #wordmark span {display:inherit !important;}
	#topBar p.portalFind {margin-left:10% !important;}
	.navBar p {margin:0 !important;}
}
*/

#commencement-banner {
    height: 70%;
    color: white;
    background: #00214c url('../images/banners-home/commencement-celebration-banner2.jpg') no-repeat center center;
    background-size: cover;
    width: 100%;
    display: inline-block;
}

#commencement-banner .commencement-wrap {
    width: 100%;
    height: 100%;
    position: relative;
}

#commencement-banner .headline-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 475px;
    max-width: 90%;
    text-align: center;
}


#commencement-banner h2 {
    font-family: 'Crimson Text' !important;
    font-size: 2em;
    line-height: 1em;
    text-transform: uppercase;
}


#commencement-banner a.headline-button {
    padding: 15px 60px 15px 15px;
    background-color: #fff;
    display: inline-block;
    margin-top: 20px;
    font-size: 1.2em;
    text-decoration: none;
    color: #444;
    position: relative;
    transition: all 0.3s;
}

#commencement-banner a.headline-button:hover,
#commencement-banner a.headline-button:active,
#commencement-banner a.headline-button:focus {
    background: #00376B;
    color: white;
}

#commencement-banner a.headline-button:after {
    content: '';
    background: #FF4500 url('../images/icons/hp-arrow.png') no-repeat center center;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    padding-left: 15%;
    margin-left: 15px;
    position: absolute;
    right: 0;
    top: 0;
}

@media screen and (max-width: 1024px ) {
    
    #commencement-banner .headline-container {
        width: 460px;
    }

    #commencement-banner h2 {
        font-size: 1.8em;
    }
}


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

    #commencement-banner h2 {
        font-size: 1.6em;
    }

    #commencement-banner {
        background: #00214c url('../images/banners-home/commencement-celebration-banner2-mobile.jpg') no-repeat center center;
    }

    #explore article {
    	width: 90%;
    	margin: 0 auto;
    }

    #explore article ul {
    	display: block;
    }

    #explore article li {
    	max-width: 100%;
    	margin: 1rem 0;
    	display: block;
    }
}


/* Style all font awesome icons */
.fa {
    padding: 10px;
    font-size: 50px;
    width: 35px;
    text-align: center;
    text-decoration: none;
    
  }
  
  .fa2 {
    padding: 10px;
    font-size: 15px;
    width: 35px;
    text-align: center;
    text-decoration: none;
    font-family: 'Roboto', Arial, sans-serif;
  }
  /* Hover effect */
  .fa:hover {
    background-color: #9CD0E8;
    color: #00274C;
  }

  .fa2:hover {
    background-color: #9CD0E8;
    color: #00274C;
  }

  /* Specific color for each brand */
  
  /* Facebook */
  .fa-facebook {
    background: #00274C;
    color: white;
  }

   /* Installgram */
   .fa-instagram {
    background: #00274C;
    color: white;
  }
  
  /* LinkedIn */
  .fa-linkedin {
  background: #00274C;
  color: white;
  }
  
  /* YouTube */
  .fa-youtube {
  background: #00274C;
  color: white;
  }

  /* Podcast */
  .fa-podcast {
    background: #00274C;
    color: white;
    }

  /* More */
  .fa-more {
  background: #00274C;
  color: white;
  width: 70px;
  }