
@font-face {
  font-family: 'Hughs';
  src: url('https://www.unk.edu/fonts/Hughs.eot'); /* IE9 Compat Modes */
  src: url('https://www.unk.edu/fonts/Hughs.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.unk.edu/fonts/Hughs.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.unk.edu/fonts/Hughs.woff') format('woff'), /* Pretty Modern Browsers */
       url('https://www.unk.edu/fonts/Hughs.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('https://www.unk.edu/fonts/Hughs.svg#svgFontName') format('svg'); /* Legacy iOS */
       font-display: swap;
}

html {font-size:100%;}


body{margin: 0px; padding: 0px; width: 100%; height: 100%; text-align: center; background-color: #ffffff; -webkit-font-smoothing: antialiased; font-size: 16px; font-size:1rem; -moz-text-size-adjust: none; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none;}
.clearDiv{clear: both;}
.setWidth{max-width: 1100px; width: 90%; height: 100%; margin: 0px auto;}
img{max-width: 100%; border: none; height:auto;}
:focus {outline:thin dotted black;}



/* --- STYLING --- */
.blue{color: #004d86;}
.yellow{color: #ce8901;}
/*--- .brown{color: #ba5e20;} ---*/
/*-- .gold{color: #a4761a;} --*/
/*--- .gray{color: #c0c4c6;} ---*/
.black{color: #231f20;}
.white {color: #ffffff;}
.red {color: #B01210}
figure.image {
    background: #efefef;
    text-align: center;
    padding: 5px;
    border: 1px solid #cccccc;
    margin:0px;
}

figure.image figcaption {
    font-size:14px;
    font-size:.875rem;
    font-family:'Roboto Condensed', sans-serif;
    text-align:center;
}
.img_left, .align-left {float:left; margin-right:10px !important;}
.img_right, .align-right {float:right; margin-left:10px !important;}
.align-center {    
    margin: 0 auto !important;
    width: max-content;
    
}

p, #contentWrapper{font-family:'Roboto', sans-serif; font-size: 17px; font-size:1.0625rem; line-height: 26px; line-height:1.6rem; color: #231f20;}
#contentDiv iframe {max-width:100% !important; border:0px !important;}

#contentDiv img {height:auto !important;}
p{margin: 0px 0px 15px;}
.smaller{font-size: 15px; font-size:.9375rem;}
.readMore{text-align: right; font-size: 15px; font-size:.9375rem;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
#mainTagline h1{font-family:'Roboto Condensed', sans-serif; font-size: 75px; font-size:4.6875rem; line-height:80px; line-height: 5rem; color: #004d86; text-transform: uppercase; margin: 0px;}
h1{font-family:'Roboto Condensed', sans-serif; font-size: 40px; font-size:2.5rem; line-height: 46px; line-height:2.875rem; color: #004d86; margin: 0px 0px 12px;}
#mainTagline h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 55px;
    font-size:3.4375rem;
    line-height: 60px;
    line-height:3.75rem;
    color: #004d86;
    text-transform: uppercase;
    margin: 0px;
}
h2{font-family:'Roboto Condensed', sans-serif; font-size: 30px; font-size: 1.875rem; line-height: 36px; line-height: 2.25rem; color: #231f20; margin: 20px 0px 5px;}
h3{font-family:'Roboto Condensed', sans-serif; font-weight: 700; font-size: 24px; font-size:1.5rem; line-height: 36px; line-height:2.25rem; color: #004d86; margin: 20px 0px 3px;}
.twoXtwo .contentDiv h3, .twoXthree .contentDiv h3{font-size: 24px; font-size:1.5rem; line-height: 34px; line-height:2.125rem; margin: 0px 0px 5px;}
h4{font-family:'Roboto Condensed', sans-serif; font-weight: 700; font-size: 20px; font-size:1.25rem; line-height: 28px; line-height:1.75rem; color: #231f20; margin: 20px 0px 3px;}
h5{font-family:'Roboto', sans-serif; font-weight: 700; font-size: 18px; font-size:1.125rem; line-height: 24px; line-height:1.5rem; color: #004d86; margin: 20px 0px 1px;}
h6{font-family:'Roboto', sans-serif; font-weight: 700; font-size: 18px; font-size:1.125rem; line-height: 24px; line-height:1.5rem; color: #231f20; margin: 20px 0px 1px;}
a:link, a:visited{text-decoration: underline; color: #004d86;}
a:hover, a:active, a:focus {text-decoration: none; color: #004d86; border:2px dotted #004d86;}
hr{color: #ccc; background-color: #ccc; border: none; height: 1px; text-align: left;}
#contentWrapper ul, #contentWrapper ol{margin: 5px 0px 10px 25px; padding: 0px;}
#contentWrapper li{margin-bottom: 3px;}
ul li{list-style-type: disc;}
ul li li{list-style-type: circle;}
ul li li li{list-style-type: square;}
ol li{list-style-type: decimal;}
ol ol li{list-style-type: lower-alpha;}
ol ol ol li{list-style-type: lower-roman;}
ol ul li{list-style-type: disc;}



/* --- LAYOUT --- */
div.skip_links {height: 1px; left: -10000px; overflow: hidden; position: absolute; top: auto; width: 1px; z-index:300; background:#fff;}
div.skip_links.noscript {position:absolute; width:100%; height:auto; left:0; top:0px;}
div.skip_links a:link, div.skip_links a:visited {color:#004d86; text-decoration:underline;}
div.skip_links a:hover, div.skip_links a:active, div.skip_links a:visited {text-decoration:none;}
a.skip_links {height: 1px; left: -10000px; overflow: hidden; position: absolute; top: auto; width: 1px; z-index:300; background:#fff;}
a.skip_links:hover, a.skip_links:active, a.skip_links:visited {text-decoration:none;}
a.skip_links:focus {width:100%; height:auto;     height: auto; left: auto; position: relative; top: auto; width: 100%; margin: 10px auto; display: inline-block; text-align: center;}
#headerWrapper{position: relative; height: auto;}
#header{width: 100%; background-color: #004d86; border-bottom: 4px solid #ce8901; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.35);  -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.35); position: relative; top:0px; z-index: 200; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
#header.navbar-fixed {position:fixed; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; top:0px; left:0px;}

#logo{float: left; text-align: left; padding-top: 31px;}
#logo img{max-width: 100%; width: 292px;}
#logo-mobile{
    display:none; 
    float: none;
    padding: 15px 5% 0;
    text-align: center;
    }
#logo a:active, #logo a:focus, #logo a:hover, #logo-mobile a:active, #logo-mobile a:focus, #logo-mobile a:hover {border:0px;}    
#menuSearch{float: right; padding-top: 25px;}
#secondaryMenu{float: right; padding: 3px 0px 0px 0px;}
#secondaryMenu, #secondaryMenu a:link, #secondaryMenu a:visited{font-family:'Roboto Condensed', sans-serif; color: #ffffff; font-size: 17px; font-size:1.0625rem; text-decoration: none;}
#secondaryMenu a:hover, #secondaryMenu a:active, #secondaryMenu a:focus{color: #ffffff; text-decoration: underline !important; border:0px;}
#secondaryMenu a:focus {border: 1px solid #ffffff; padding:3px; background:#0079bf;}
#search{float: right; margin: 0px 1px 0px 25px; position: relative; z-index: 500;}
/*------- #search div{float: left;} ----------*/
#searchField{text-align: left; background-color: #ffffff; width: 200px; padding: 0px 0px 0px 0px !important; min-height: 20px; height: 25px; font-family:'Roboto Condensed', sans-serif; font-weight: 300; font-size: 15px; font-size:.9375rem; color: #004d86; position:relative}
#searchField .hide, #unkWrapper .hide {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; display:block;
}
#searchField input {border:0px; margin:0px;}
#searchField input#searchTxt {padding: 4px 3px 2px 7px; font-family:'Roboto Condensed', sans-serif; font-weight: 300; font-size: 15px; font-size:.9375rem; color: #004d86; line-height: 15px; line-height:.9375rem; width:91%; -webkit-appearance:none; border-radius:0; -webkit-border-radius:0;}    
#searchField input#searchTxt:focus {border:1px dotted #004d86;}
#searchBtn {bottom: 0; padding: 0; position: absolute; right: 0; height:25px;}
#___gcse_0 { width:100%;}
.gsc-control-searchbox-only {width:100%;}
.gsc-input-box { width:100%; }
.gsc-search-box-tools .gsc-search-box .gsc-input {padding: 2px !important; margin:0px !important;}
table.gsc-search-box {margin-bottom: 0px !important;}
form.gsc-search-box {margin: 0 0 0px !important;}
.cse input.gsc-search-button, input.gsc-search-button {background-color: transparent !important; background-image: -moz-linear-gradient(center top , #4d90fe, #4787ed); border: 0px solid #3079ed !important; border-radius: 0px !important;}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {padding: 3px 10px !important; width: 13px; opacity:0; margin-top:0px !important;}
td.gsc-search-button {background:url(../images/search-btn2.jpg) no-repeat center top;}
#mainMenu{float: right; padding: 20px 0px 0px;}
#gallery{width: 100%; height: auto; overflow: hidden; position: relative; z-index: 150; top: 0px;}
#gallery.navbar-fixed {
    margin-top:127px;
}
.noBanner {padding-bottom:0%;}
/*------ #unkWrapper{background: url(../images/bkgdUNK.png) no-repeat top center; background-size: 100% auto;} ------*/
#quoteWrapper{text-align: left; padding: 70px 0px;}
#quoteWrapper.no-quote {background: #efefef none repeat scroll 0 0; padding: 20px 0 10px; text-align: left;}
#quote{float: left; width: 65%; padding: 0px 5% 0px 0px; min-height: 250px;}
#topQuote{background: url(../images/top-quote.png) no-repeat top left; padding: 20px 0px 0px 35px;}
.quoteText{background: url(../images/bottom-quote.png) no-repeat right bottom; padding: 0px 40px 0px 0px; font-family:'Roboto Condensed', sans-serif; font-weight: 300; font-size: 32px; font-size:2rem; line-height: 42px; line-height:2.625rem;}
#quoteByline{padding: 5px 0px 0px 50px;}
.quoteName{font-family:'Roboto Condensed', sans-serif; font-size: 26px; font-size:1.625rem; line-height: 2.375rem;}
.quoteSub{font-family:'Roboto Condensed', sans-serif; font-weight: 300; font-size: 22px; font-size:1.375em; line-height: 28px; line-height:1.75rem;}
.button-text {color: #004d86; font-family:'Roboto Condensed', sans-serif; font-weight: 700; text-transform:uppercase; font-size:23px; font-size:1.4375rem; padding:10px 0px; background:#7f7f7f; background:#ffffff; background:rgba(255,255,255,0.75); }
.button-text a:link, .button-text a:visited { color: #004d86; }
.button-text a:hover, .button-text a:active, .button-text a:focus { color: #000000; }
#applyNow { font-family:'Roboto Condensed', sans-serif; font-size: 48px; font-size:3rem; line-height: 55px; line-height:3.4375rem; text-transform:uppercase; margin:0px;}
.gold-bracket { color:#ce8901; font-size: 52px; font-size: 3.25rem; line-height: 55px; line-height: 3.4375rem; padding:0px 3px; display:none;}
.applyBtn .gold-bracket { color:#ce8901; font-size: 34px; font-size:2.125rem; line-height: 34px; line-height:2.125rem;}
#applyNow a:link, #applyNow a:visited { color:#004d86; }
#applyNow a:hover, #applyNow a:active, #applyNow a:focus { color:#004d86; text-decoration:none; }
.applyBtn { font-family:'Roboto Condensed', sans-serif; font-size: 28px; font-size:1.75rem; line-height: 36px; line-height:2.25rem; text-transform:uppercase;  }
.applyBtn a:link, .applyBtn a:visited { color:#004d86; }
.applyBtn a:hover, .applyBtn a:active, .applyBtn a:focus { color:#004d86; }
#subCalendar{float: left; width: 29%; padding-left: 4px;}
#subCalendar.cal-wide{float: left; padding-left: 0; width: 100%;}
#feedWrapper .feedContent h3, #feedWrapper .feedContent h3 a:link, #feedWrapper .feedContent h3 a:visited, #subCalendar h3, #subCalendar h3 a:link, #subCalendar h3 a:visited{font-family:'Roboto Condensed', sans-serif; font-size: 25px; font-size:1.5625rem; text-transform: uppercase; margin: 0px; line-height: 25px; line-height:1.5625rem; color: #004d86; text-decoration: none;}
#feedWrapper .feedContent h3 a:hover, #feedWrapper .feedContent h3 a:active, .feedContent h3 a:focus, #subCalendar h3 a:hover, #subCalendar h3 a:active, #subCalendar h3 a:focus{color: #004d86; text-decoration: underline;}
#feedWrapper .feedContent h3{height: 16%;}
#subCalendar h3{margin-bottom: 15px;}
.scrollContent a:link, .scrollContent a:visited, #subCalendar a:link, #subCalendar a:visited{color: #231f20; text-decoration: none;}
.scrollContent a:hover, .scrollContent a:active, .scrollContent a:focus, #subCalendar a:hover, #subCalendar a:active, #subCalendar a:focus{color: #231f20; text-decoration: underline;}
.eventItem{clear: both; margin-bottom: 18px;}
.cal-wide .eventItem {clear: none; float: left; height: 100px; margin-bottom: 18px; padding-right: 2%; width: 31%;}
.eventItem span{display: block;}
.eventItem a {display: block;}
.eventDate{margin-right: 10px; float:left; min-height:70px;}
.itemTitle{font-family:'Roboto Condensed', sans-serif; font-size: 18px; font-size:1.125rem; line-height: 22px; line-height:1.375rem; color: #231f20;}
.featureBox .eventDetails a {display:block;}
.featureBox .eventDetails .subdetails a {display:inline;}
.featureBox .eventDetails a:hover, .featureBox .eventDetails a:focus, .featureBox .eventDetails a:active {text-decoration:underline;}
.featuredEvent .itemTitle { font-size:20px; font-size:1.25rem; line-height:26px; line-height: 1.625rem; font-family:'Roboto Condensed', sans-serif; font-weight: 700;}
.featuredEvent {padding-bottom:10px;}
.day{font-family:'Roboto Condensed', sans-serif; font-weight: 700; font-size: 41px; font-size:2.5625rem; line-height: 36px; line-height:2.25rem; margin-bottom: 0px; color: #004d86;}
.month{font-family:'Roboto Condensed', sans-serif; font-size: 22px; font-size:1.375rem; line-height: 22px; line-height:1.375rem; text-transform: uppercase; color: #004d86;}
.subdetails{font-family:'Roboto Condensed', sans-serif; font-weight: 300; font-size: 18px; font-size:1.125rem; line-height: 22px; line-height:1.375rem; color: #231f20;}
#footerTagline{height: 200px; padding-top: 25px; text-align: center;}
#footerWrapper.cal-wide #footerTagline {display:none;}
#footerTagline img#regular{}
#footerTagline img#stacked, #footerTagline a.tagMobile {display: none;}
#footerTagline a:active, #footerTagline a:focus, #footerTagline a:hover {border:0px;}
#footerContent{text-align: left; padding: 32px 0px 85px; background-color: #fff; border-top: 2px solid #ccc; /* -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4); */}
#students{float: left; width: 16%; padding-right: 2%;}
#resources{float: left; width: 14%; padding-right: 2%;}
#affiliates{float: left; width: 18%; padding-right: 6%;}
#unkContact{float: left; width: 42%; position:relative;}
#footerContact{float: none; width: 100%;}
#socialIcons{float: right; position:absolute; text-align: right; right:0px; bottom:0px; width: auto; z-index:20;}
#socialIcons img.univ-logo{width: 132px;}
#social, .social{margin-top: 10px;}
#social img, .social img{width: 25px; margin-left: 15px;}
#social a:link, #social a:visited, .social a:link, .social a:visited {text-decoration:none;}
#social a:active, #social a:hover, #social a:focus, .social a:active, .social a:hover, .social a:focus {border:0px;}
#footerContent h6, #footerContent span[role="heading"], #footerContent span.footerHeading {font-family:'Roboto Condensed', sans-serif; font-weight: 700; font-size: 20px; color: #004d86; line-height: 20px; line-height:1.25rem; text-transform: uppercase; margin: 0px; display:block; padding-bottom:5px;}
#footerContent, .footerLinks, .footerLinks a:link, .footerLinks a:visited{font-family:'Roboto Condensed', sans-serif; font-size: 16px; font-size:1rem; color: #231f20; line-height: 25px; line-height:1.5625rem; margin: 0px; text-decoration: none; z-index:10; position:relative;}
.footerLinks a:hover, .footerLinks a:active, .footerLinks a:focus {color: #231f20; text-decoration: underline;}
.footerLinks a:focus, .footerLinks a:hover {border-left: 5px solid #004d86; padding-left: 5px; border-right:0px; border-bottom:0px; border-top:0px;}
#footerContent #unkContact .footerLinks a:link, #footerContent #unkContact .footerLinks a:visited {border-bottom:#231f20 1px dotted;}
#footerContent #unkContact .footerLinks a:hover, #footerContent #unkContact .footerLinks a:active, #footerContent #unkContact .footerLinks a:focus {border-bottom:#231f20 0px dotted; text-decoration:none;}
#footerContent #unkContact .footerLinks a:focus, #footerContent #unkContact .footerLinks a:hover {border-left: 5px solid #004d86; padding-left: 5px;}
#footerContent .footerLinks a.safety-link:link {}



/* --- MENU --- */
#mainMenu .flexnav li a:hover, #mainMenu .flexnav li a:visited, #mainMenu .flexnav li a:focus {text-decoration:underline !important;}
.flexnav {padding: 0px; position: relative; text-align: left; -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; -webkit-transform-style: preserve-3d; overflow: hidden; margin: 0 auto; width: 100%; max-height: 0;}
.flexnav ul, .flexnav li {margin: 0px; padding: 0px; font-family:'Roboto Condensed', sans-serif;}
.flexnav.opacity {opacity: 0;}
.flexnav.flexnav-show {max-height: 2000px; opacity: 1; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; background-color: #ffffff;}
.flexnav li {font-size: 100%; position: relative; overflow: hidden;}
.flexnav li a {position: relative; display: block; z-index: 2; overflow: hidden; padding: 0px 0px 22px 50px; font-size: 25px; font-size:1.5625rem; text-decoration: none; text-transform: uppercase; color: #ffffff;}
.flexnav li.menu-first > a {padding-left: 0px !important;}
.flexnav > li:hover > a, .flexnav > li.active > a, .flexnav > li a:focus {color: #ffffff; text-decoration:underline;}

.flexnav li ul {width: 100%;}
.flexnav li ul li {font-size: 100%; position: relative; overflow: hidden;}
.flexnav li ul.flexnav-show li {overflow: visible;}
.flexnav li ul li a {text-transform: none; display: block; padding: 10px 5px; width: auto; font-size: 22px; font-size:1.375rem; line-height: 30px; line-height:1.875rem; text-decoration: none; color: #004d86;}
.flexnav li ul li:hover a, .flexnav li ul li.active a, .flexnav li ul li a:focus {color: #ce8901;}
.flexnav ul li ul li a {}
.flexnav ul li ul li ul li a {}
.flexnav .touch-button {position: absolute; z-index: 999; top: 0; right: 0; width: 100%; height: 100%; display: inline-block; text-align: center;}
.flexnav .touch-button:hover {cursor: pointer;}
.flexnav .touch-button .navicon {position: relative; top: 1.4em; font-size: 12px; font-size:.75rem; color: #fff; visibility: hidden;}

.menu-button {float: right; position: relative; right: 5%; width: 25px; height: 22px; display: block; padding: 0px 0px 20px; color: #ffffff; cursor: pointer; font-size: 12px; font-size:.75rem; text-transform: uppercase;}
.menu-button::after {content: ''; position: absolute; top: 0px; display: block; width: 25px; height: 5px; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff;}
.menu-button::before {content: ''; position: absolute; top: 14px; display: block; width: 25px; height: 5px; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff;}
.menu-button .touch-button {background: transparent; position: absolute; z-index: 999; top: 0; right: 0; width: 100%; height: 100%; display: inline-block; text-align: center;}
.menu-button .touch-button .navicon {font-size:16px; font-size: 1rem; position: relative; top: 1em; color: #666; visibility: hidden;}
ul.flexnav-show {display:block !important;}
.flexnav.flexnav-show li > a, .flexnav.flexnav-show li.menu-first > a{padding: 8px 12px !important;}
.flexnav.flexnav-show .touch-button{height: 50px;}
.flexnav.flexnav-show > li:hover > a, .flexnav.flexnav-show > li.active > a {color: #004d86;}
.flexnav.flexnav-show li ul li a {font-size: 20px; font-size:1.25rem;}

.flexnav.flexnav-show li ul li:hover a, .flexnav.flexnav-show li ul li.active a {color: #004d86 !important;}
.flexnav.flexnav-show li{border-top: 1px solid #e3e3e3;}
.flexnav.flexnav-show li ul li{border-top: none; background: transparent; width: 100%; padding: 0px;}
.flexnav.flexnav-show li ul li > a{padding: 0px 12px !important;}
.flexnav.flexnav-show li ul{padding-bottom: 16px;}

@media all and (min-width: 731px) {
    .flexnav {overflow: visible;}
    .flexnav.opacity {opacity: 1;}
    .flexnav li {position: static; list-style: none; float: left; display: block; overflow: visible;}
    .flexnav li a {border: none;}
    .flexnav li > ul {position: absolute; top: auto; left: -6px; border-top: 4px solid #ce8901; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95); width: 645px; padding: 15px 25px 22px; display:none; box-sizing:content-box;}
    
    .flexnav li > ul li {width: 50%; float: left;}
    .flexnav li ul li > ul {margin-left: 100%; top: 0;}
    .flexnav li ul li a {border-bottom: none;}
    .flexnav li ul.open {display: block; opacity: 1; visibility: visible; z-index: 1;}
    .flexnav li ul.open li {overflow: visible; max-height: 100px;}
    .flexnav li ul.open ul.open {margin-left: 100%; top: 0;}

    .menu-button {display: none;}
}

@media print {
#headerWrapper {
   
}

#footerWrapper {
    display:none;
}

#breadcrumb {
    display: none;
}

#contentDiv {
    width: 100% !important;
}

#rightContent {
    display: none;
}

.majorProgram .rightFeed {
    display:none;
}

#tab_content div {
    display:block !important;
}

#logo-mobile {
    padding: 20px 5% 20px;
    display: block;
}

#logo {
	display:none;
}

#menuSearch {
	display:none;
}

#mainMenu, .fbuttons, .feature-col-inner .fbuttons, .affordability {
	display:none;
}

.fourYear {padding: 4% 0px 200px;}
}


/* --- GALLERY --- */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus  {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none !important;}
.slides *, .flex-control-nav *, .flex-direction-nav *{list-style: none !important;}
/* --- FlexSlider Necessary Styles --- */
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {width: 100%; display:none; -webkit-backface-visibility: hidden; -webkit-box-shadow: 0 8px 6px -6px #aaa; -moz-box-shadow: 0 8px 6px -6px #aaa; box-shadow: 0 8px 6px -6px #aaa; }
.flexslider .slides img {width: 100%; display: block;}
/* --- Clearfix for the .slides element --- */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* --- No JavaScript Fallback - If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load --- */
.no-js .slides > li:first-child {display: block;}
/* --- FlexSlider Default Theme --- */
.flexslider { margin: 0 0 0px; position: relative; zoom: 1; height:auto !important; max-height:1000px; }
.flexslider a:link, .flexslider a:visited {text-decoration:none;}
.flexslider a.newsLink:link, .flexslider a.newsLink:visited {text-decoration:none; position:relative; display:block;}
.flexslider a:hover, .flexslider a:focus, .flexslider a:active {border:0px;}
.flexslider a:hover .itemTitle, .flexslider a:focus .itemTitle, .flexslider a:active .itemTitle {background:#004d86;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; padding-bottom: 25px; height:auto !important;}
.flexslider .slides { zoom: 1; width:100%;}
/* --- Direction Nav --- */
.flex-direction-nav {}
.flex-direction-nav a  {background: rgba(0, 0, 0, 0.7) url(../images/gallery-arrows2.png) no-repeat; text-decoration:none; display: block; width: 50px; height: 50px; margin: -15px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 0px 0px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; background-position: 0px 0px; text-indent:-9999px;}
.flex-direction-nav .flex-next { right: -50px; background-position: -65px 0px; text-indent:-9999px;}
.flexslider:hover .flex-prev { opacity: 0.7; left: 0px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 0px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flexslider .flex-next:focus, .flexslider .flex-prev:focus {opacity: 1;}
.flexslider .flex-next:focus {right:0px;}
.flexslider .flex-prev:focus {left:0px;}
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
/* --- Caption --- */
.flex-caption-wrapper{position: relative;}
.flex-caption{background-color:rgba(0, 77, 134, 0.8); position: absolute; width: auto; text-align: left; padding: 25px 25px 30px; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4); left: 0px; overflow: hidden; max-width:700px;}
.flex-caption.dark{background: url(../images/text-dark.png);}
.flex-caption.Right{left: auto; right: 0px;}
.flex-caption h3, .flex-caption span.rotator-title, .flex-caption span[role="heading"] {color: #ffffff; font-family:'Roboto Condensed', sans-serif; font-weight: 700; font-size: 50px; font-size:3.125rem; margin: 0px 0px 3px; line-height: 56px; line-height:3.5rem; display:block; text-transform:uppercase;}
.flex-caption p{color: #ffffff; font-family:'Roboto', sans-serif; font-weight: 300; font-size: 18px; font-size:1.125rem; margin: 0px; line-height: 27px; line-height:1.6875rem;}
.flex-caption.dark h3, .flex-caption.dark p{color: #ffffff;}

.close-slider {
position:absolute;
bottom:25px;
z-index:10;
right:20px;    
padding:0px 5px 0px 5px;
color:#004986;
height:25px;
width: 70px;
border-radius:3px 3px 0px 0px;
text-align:left;
background:rgba(0, 0, 0, 0.6) url(../images/vertical-arrows.png) top right no-repeat;
}

.close-slider p {font-family: 'Roboto Condensed', sans-serif; color:#ffffff; cursor: pointer;}
.close-slider p span {text-transform:uppercase;}
div.open {display:block;}
div.close {display:none;}
.open-slider {
z-index:10;
display:none;
background:rgba(0, 0, 0, 0.6) url(../images/vertical-arrows.png) left -36px no-repeat;
width:25px;
height:25px;
position:absolute;
bottom:-29px;
right:20px;
border-radius:0px 0px 3px 3px;
cursor: pointer;
}

.open-slider:hover {background:rgba(0, 0, 0, 0.8) url(../images/vertical-arrows.png) left -36px no-repeat;}

.close-slider:hover {background:rgba(0, 0, 0, 0.8) url(../images/vertical-arrows.png) top right no-repeat;}

/*-------- ITS two column -----------*/
.it_services {
    padding: 0 2% 0 0;
    width: 48%;
    float:left;
}

/*----------- Post -----------------*/
.post {padding-bottom:25px; }
.post .title, .post .date { padding: 0px; }
.post .title { margin: 0; padding-top: 0px; line-height: normal; font-size: 32px; font-size:2rem; color: #000000; }
.post .title a { text-decoration: none; color: #000000; }
.post .title a:hover { text-decoration: underline; }
.post .date { line-height: normal; color: #ACAAA1; }
.post .entry { margin: 0px; padding: 10px 0; border-top: 1px solid #E5E1D8; }
.post .meta { clear: both; margin: 0px; height: 40px; background: #e7e7e7; border-bottom: 1px solid #e7e7e7; color:#ffffff !important; }
.post .meta p { line-height:  normal; }
.post .meta .auth { float: left; padding: 15px 0 0 20px; }
.post .meta .cats { float: right; padding: 15px 20px 0 0; }
.post .comment { margin: 5px 25px; padding: 10px 20px; background: #EDEDED; }
#contentWrapper .meta p {font-size:13px; font-size:.8125rem;}

.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { margin: 0 auto; }
img.alignleft { margin: 0 27px 0 0; }
img.alignright { margin: 0 0 0 27px; }
img.border { padding: 4px; border: 1px solid #E9E4D8; margin: 0px 0px 10px 0px; }

/*------------ Tutoring Schedule -------------*/

#contentWrapper .tutoring p {
    font-size:15px; font-size:.9375rem;
}

table.course {float:left;}

table.courseTitle {width:20%;}

table.additional {width:25%;}

table.course.days {width:55%;}

table.course.days.mathematics {width:80%;}

/*--------- 4 year schedule ----------*/

.semester {border:2px solid #eeeeee; float:left; width:24%; margin:.5%; min-height:275px; box-sizing: border-box;}
.fourYearTitle {font-family:'Roboto Condensed', sans-serif; font-weight: 700; font-size: 18px; font-size:1.125rem; line-height: 26px; line-height:1.625rem; padding:3px 4px; background:#eeeeee; color:#004d86; text-transform:uppercase; }
#contentWrapper .semester ul, .semester li {list-style-type:none; margin:0px; font-family: 'Roboto Condensed', sans-serif; font-size:15px; font-size:.9375rem; line-height:18px; line-height:1.125rem;}
.semester li {padding:3px 4px;}

.courseblock p, .courseblock p strong {font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-weight:normal; }
.courseblock {font-family: 'Roboto Condensed', sans-serif; font-size:15px; font-size:.9375rem; line-height:21px; line-height: 1.3125rem; color: #231f20;}
button.full {position:absolute; right:5px; bottom:5px; background:#004d86; color:#ffffff;}

.tooltiptext {display:none;}
a.tip:link, a.tip:visited {display:block; background:#004d86; font-size:20px; font-size:1.25rem; border:2px solid #e4a115; color:#ffffff; border-radius:50%; padding:2px 7px; text-decoration:none;}
a.tip:hover, a.tip:focus, a.tip:active {border-color:#004d86;}

/*--------- Alumni Student Profile ------------*/

#profile h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    font-size:1.375rem;
    line-height: 24px;
    line-height:1.5rem;
    color: #004d86;
    margin: 3px 0px 0px;
    text-transform:uppercase;

}

#profile h3 {
    font-family: 'Roboto Condensed', sans-serif; font-weight: 700;
    font-size: 22px;
    font-size:1.375rem;
    line-height: 33px;
    line-height:2.0625rem;
    color: #004d86;
    margin: 0px 0px 3px;
    text-transform:uppercase;
    

}

#profile p {
    font-size: 15px;
    font-size:.9375rem;
}

#profileImg img {
    max-width:100%;
    margin:5px 0px;
}

.deliverySearchBox {
	 display: block;
	 margin: 0px 0px 5px;
	 padding:0px 0px 10px;
	 font-family: 'Roboto Condensed', sans-serif;
	 text-align:left;
}
 a .deliveryIcon, .deliveryIcon {
	 display: inline-block;
	 vertical-align: middle;
	 padding:0px 5px;
	 font-size:14px;
	 font-size:.875rem;
	 color:#000000;
	 height:26px;
	 text-align:left;
}

.deliveryIcon img {
	 width:25px;
	 padding-right:3px;
	 vertical-align:middle;
}
 .deliveryCaption {
	 vertical-align:middle;
}

/* --- IE 8 --- */
.ie8 body{min-width: 1200px;}
.ie8 #logo{width: 300px;}
.ie8 #mainMenu{width: 715px;}
.ie8 .flexnav {overflow: visible;}
.ie8 .flexnav li {position: relative; list-style: none; float: left; display: block; background-color: transparent; min-height: 50px; overflow: visible; }
.ie8 .flexnav li:hover > ul {display: block; width: 100%; overflow: visible; }
.ie8 .flexnav li:hover > ul li {width: 100%; float: none; }
.ie8 .flexnav li a {border: none; overflow: visible; }
.ie8 .flexnav li > ul {width: 250px !important; background: #ffffff; border-top: 4px solid #ce8901; position: absolute; top: auto; left: 45px; display: none; z-index: 1; overflow: visible; padding: 15px 25px 22px;}
.ie8 .flexnav li.menu-first > ul{left: -5px;}
.ie8 .flexnav li.menu-last > ul{right: -5px; left: auto;}
.ie8 .flexnav li ul li ul {top: 0; }
.ie8 .flexnav li ul li a {border-bottom: none; }
.ie8 .flexnav ul li:hover ul { margin-left: 100%; top: 0; }
.ie8 .menu-button {display: none; }


.clive-checkboxes label {
    display: flex;
    align-items: baseline;
    margin-left: 4px;
    text-align: left;
}
.clive-checkboxes input[type=checkbox] {
    margin-right: 8px;
}
.wysiwyg-clive-digital-viewbook .clive-validation-error {
    margin-bottom:2rem !important;
}
@media (max-width: 575.98px) { 
.wysiwyg-clive-digital-viewbook .clive-field-wrapper {
    flex-direction: column !important;
}
}
