/*================ Global ================*/

body { margin: 0;padding: 0;font-family:'Lato', sans-serif;position:relative;}

.content{ width:1140px; margin:0 auto;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
img.big{ width:100%; }

.skip {z-index:2000;position: absolute;top: -1000px;left: -1000px;height: 1px;width: 1px;text-align: left;overflow:hidden;background-color:white;padding:20px;-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);	}
a.skip:active, a.skip:focus, a.skip:hover {left: 0;top: 0;width: auto;height: auto;overflow: visible;font-weight:600;color:#333;}

/*================ Header ================*/
#header .header-alert {}
#header .content .logo {padding: 8px 0;float:left;width: 500px;}
#header .content .rt-block {float:right;}
#header .content .rt-block nav ul {list-style-type:none;margin: 0;padding: 0;}
#header .content .rt-block nav ul li {float:left;padding:10px;}
#header .content .rt-block nav ul li a {color:#010101;text-decoration:none;}
#header .content .rt-block nav ul li a:hover {text-decoration:underline;}
#header .content .rt-block .social-buttons {float:right;}
#header .content .rt-block .social-buttons a {display:block;float:left;padding: 0 0 0 10px;}
#header .content .rt-block .searchBox {float:right;clear:both;margin-top:16px;}
#header .content .rt-block .searchBox label {position: absolute;top: auto; width: 1px; height: 1px; overflow: hidden;}
.searchBox{display:inline-block;position:relative;width: 244px;padding:0;margin:0;float: right;text-align:left;}
.searchBox input[type="text"]{width:215px;font-size:15px;color:#21436f;line-height:19px;font-weight:700;font-style:normal;padding: 4px 7px;margin:0px;outline:none;background:#fff;border:2px solid #636363;}
.searchBox input[type="text"]::-webkit-input-placeholder{ color:#21436f; }
.searchBox input[type="text"]:-moz-placeholder{ color:#21436f; opacity:1; }
.searchBox input[type="text"]::-moz-placeholder{ color:#21436f; opacity: 1; }
.searchBox input[type="text"]:-ms-input-placeholder{ color:#21436f; }
.searchBox input[type="submit"]{background: #83765f url('/Content/Uploads/Drake State Community College/images/search-icon.png') 12px 4px no-repeat;width: 47px;height: 31px;padding:0;overflow:hidden;line-height:normal;display:block;outline:none;border:0;margin:0;cursor:pointer;text-indent:-999px;position:absolute;right: -6px;top: 0;}

#header #main-navigation {background-color:#233872;box-shadow: inset 0 -8px 0 #83765f;}
#header #main-navigation .content {position:relative;}

/*================ Homepage Callouts ================*/
.homepage-callouts {padding: 20px 0;}
.homepage-callouts h1 {position: absolute;top: auto; width: 1px; height: 1px; overflow: hidden;}
.homepage-callouts .homepage-callout a {float:left;overflow:hidden;position: relative;width: 278px;min-height: 295px;margin-right: 7px;}
.homepage-callouts .homepage-callout:last-of-type a {margin-right:0px;position:relative;}
.homepage-callouts .homepage-callout a:hover img {-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05)}
.homepage-callouts .homepage-callout a:hover .callout-title {text-decoration:underline;}
.homepage-callouts .homepage-callout a img {-webkit-backface-visibility: hidden; width:101%;opacity: 1.0;transition: .3s ease;}
.homepage-callouts .homepage-callout a .callout-title {background-color:#83765f;width: 100%;text-align:center;position: absolute;color:#fff;font-weight: 400;padding:16px 0;font-size: 24px;bottom: 0;overflow: hidden;}
.homepage-news {background-color:#e0dfdf;}

/*================ Homepage Events ================*/
.homepage-events {background: url('/Content/Uploads/Drake State Community College/images/events-bg.jpg'); background-attachment:fixed; background-size:cover; background-position:center cener; margin-top: 20px; padding:54px 0; background-color:rgba(49,49,49,0.4);overflow: hidden;-webkit-backface-visibility: hidden;background-blend-mode: multiply;}
.homepage-events .content > h2 {font-size:36px;font-weight:300;text-align:center;color:#ffffff;margin: 0;padding: 0 0 76px 0;}
.homepage-events .homepage-event {display:inline-block;width: 17%;padding: 0px 4%;margin: 0 0 20px 0;box-sizing: initial;vertical-align:top;}
.homepage-events .homepage-event .top-circle{width: 136px;height: 136px;border-radius:50%;background: #233872;margin: 0 auto;padding:0;/* margin:0; */}
.homepage-events .homepage-event .top-circle h3{font-size:20px;color: #ffffff;line-height: 34px;font-weight:300;text-transform:uppercase;padding: 24px 0 0 0;margin:0;}
.homepage-events .homepage-event .top-circle h3 span{display:block;font-size:40px;color: #fff;line-height:42px;font-weight:400;}
.homepage-events .homepage-event h3 {font-size: 20px;color:#fff;line-height:22px;text-align: center;font-weight: 300;padding: 23px 0 8px 0;margin:0;}
.homepage-events .homepage-event h3 a {color:#fff;text-decoration:none;}
.homepage-events .homepage-event h3 a:hover, .homepage-events .homepage-event h3 a:focus {text-decoration:underline;}
.homepage-events .homepage-event h3 span{ display:block; }
.homepage-events .homepage-event p{font-size:15px;color:#fff;line-height: 34px;font-weight:400;text-align:  center;padding:0;margin:0;}
.homepage-events .content > a {box-sizing:initial;color:#fff;text-align:center;display:block;background-color: #83765f;padding:16px 28px;max-width: 156px;margin: 46px auto 0px auto;/* border:1px solid #fff; */text-decoration:none;transition: all 0.3s ease 0s;font-size: 24px;}
.homepage-events .content > a:hover {background-color:#a29275;color:#fff;}
.homepage-events .sorry-no-events {color:#fff;text-align:center;font-size:20px;padding-bottom:20px;}

/*================ Banner Start ================*/
.homepage-slider { padding:0; margin:0; line-height:0; position:relative;border-bottom:26px solid #233872; }
.homepage-slider img.big{ width:100%; }
.homepage-slider .slick-dots {bottom:10px;}
.homepage-slider .slick-dots li button:before {font-size:17px;color:#fff;}
.homepage-slider .slick-dots li.slick-active button:before {color:#fff;}
.slick-dotted.slick-slider {margin-bottom:0px!important;}
.fa-arrow-right{cursor:pointer;width: 40px;position:absolute;right: 48px;top: 46%;line-height:0;padding:0;margin:0;z-index:998;}
.fa-arrow-left {cursor:pointer;width: 40px;position:absolute;left: 40px;top: 46%;line-height:0;padding:0;margin:0;z-index:998;}

/*================ Homepage News ================*/
.homepage-news #homepage-news-carousel {width:90%;margin:0 auto;}
.homepage-news .content > h2 {font-size:36px;font-weight:300;text-align:center;color:#233872;margin: 0 0 20px 0;}
.homepage-news .content > a {box-sizing:initial;color:#fff;text-align:center;display:block;background-color: #83765f;padding:16px 28px;max-width: 156px;margin: 46px auto 0px auto;/* border:1px solid #fff; */text-decoration:none;transition: all 0.3s ease 0s;font-size: 24px;}
.homepage-news .content > a:hover {background-color:#a29275;color:#fff;}
.homepage-news .fa-arrow-right{cursor:pointer;width:27px;position:absolute;right: -42px;top: 36%;line-height:0;padding:0;margin:0;z-index:200;}
.homepage-news .fa-arrow-left {cursor:pointer;width:27px;position:absolute;left: -42px;top: 36%;line-height:0;padding:0;margin:0;z-index:200;}
.homepage-news {padding: 26px 0 40px 0;}
.homepage-news .news-card {background-color: #fff;margin: 0 12px;min-height: 482px;position: relative;}
.homepage-news .news-card img {width:100%;}
.homepage-news .news-card .news-info h2 {color: #233872;font-size: 18px;padding-top: 16px;margin: 0;font-weight: 300;} 
.homepage-news .news-card .news-info p {font-size:13px;line-height:1.6em;font-weight:300;}
.homepage-news .news-card span {width:100%;}
.homepage-news .news-card span a {background-color:#233872;width: 100%;text-align:center;position: absolute;color:#fff;font-weight: 400;right:0;padding: 14px 0;font-size: 18px;bottom: 0;overflow: hidden;text-decoration:none;}

.homepage-news .news-card .news-info {padding:0 20px;}
.homepage-news .news-card .news-text-title {color:#363636;font-weight: 600;line-height: 24px;font-size: 16px;}
.homepage-news .slick-dots li button:before {font-size:16px; color:#233872;}
.homepage-news .slick-dots li.slick-active button:before {color:#233872;}

/*================ News ================*/
.news-list {padding-top:40px;}
.news-list .news-item {border-bottom: 1px solid #707070;padding:20px 0;}
.news-list .news-item:last-of-type {border-bottom:none;}
.news-list .news-item .img-container {width: 205px;float: left;margin-right: 1%;align-items:center;display:flex;background-color: #000;overflow: hidden;}
.news-list .news-item .img-container img {flex-shrink:0;width:100%;min-height:100%;}
.news-list .news-item .article-content {float: right;width: 70%;}
.news-list .news-item .article-content h2 {margin: 0;font-size:24px;}
.news-list .news-item .article-content h2 a {color: #233872;text-decoration: none;}
.news-list .news-item .article-content h2 a:hover, .news-list .news-item .article-content h2 a:focus {text-decoration:underline;}
.news-list .news-item .article-content .date {padding:10px 0;font-size:18px;color: #1367a1;}
.news-list .news-item .article-content span {display:block;float:right;padding-top:10px;}
.news-list .news-item .article-content span a {text-decoration:underline;color:#233872;font-weight:600;}

/*================ Underpage ================*/
.inner-banner{ padding:0; margin:0; line-height:0; position:relative; }
.inner-banner img.big{ width:100%; height:auto; }
.inner-banner .desc{ width:100%; position:absolute; left:0; bottom:35px; padding:0; margin:0; }
.inner-banner .desc h2{display:inline-block;font-family: 'Lato', sans-serif;font-size:35px;color:#fff;line-height:37px;font-weight: 600;padding: 24px 80px 24px 35px;margin:0;background:#233872;}
.underpage .inner-top-block {padding: 16px 0 40px 0;}
.underpage .inner-top-block .breadcrumbs {float:left;}
.underpage .inner-top-block .breadcrumbs a {color:#233872;font-size:16px;font-weight:600;}
.underpage .inner-top-block .rt-panel {float:right;}
.underpage .inner-top-block .rt-panel #print-button:hover {cursor:pointer;}
.underpage .lt-block {width: 26%;float:left;}
.underpage .lt-block nav ul {list-style-type:none;margin:0;padding:0;}
.underpage .lt-block nav ul li a {color:#233872;}
.underpage .lt-block nav ul li > ul {margin-left:20px;}
.underpage .lt-block nav ul li > ul li a {color:#515151;}
.underpage .rt-block {width: 70%;float:left;padding: 0 0 20px 30px; margin-bottom:60px;border-left:1px solid #9e9e9e;}
.underpage .common-block {font-family:'Lato', sans-serif;}
.underpage .common-block h1 {color: #233872;}
.underpage .common-block h2 {color: #233872;}
.underpage .common-block h3 {color: #233872;}
.underpage .common-block h4 {color: #233872;}
.underpage .common-block p {}
.underpage .common-block p a {color:#2164a8;}
.underpage .common-block ul li {}
.underpage .common-block ul li a {color:#2164a8;}
.underpage .common-block ol li {}
.underpage .common-block ol li a {color:#2164a8;}
.underpage .wide-block {padding-bottom: 80px;}
.underpage .accordions-block {padding-top:40px;}

.underpage .wide-block .lt-panel { float:left; width:48%; padding:0; margin:0; }
.underpage .wide-block .rt-panel{ float:right; width:48%; padding:0; margin:0; }

/*================ Dropdown Accordion List Layout ================*/
ul.box-dropdown {list-style: none;padding:0!important;margin: 0 0 20px 0!important;border: 1px solid #555;}
ul.box-dropdown > li {list-style: none;background: none!important;padding: 0 0!important;margin-bottom: 0;}
ul.box-dropdown li .box-dropdown-link {cursor: pointer;display: block;padding: 14px 20px;font-size: 15px;color: #292929;position: relative;}
ul.box-dropdown li .box-dropdown-link span {position: absolute;right: 18px;top: 9px;background: url("/Content/Uploads/Drake State Community College/images/accordion.png") 0px 0 no-repeat;width: 37px;height: 32px;}
ul.box-dropdown li .box-dropdown-link:link,
ul.box-dropdown li .box-dropdown-link:active,
ul.box-dropdown li .box-dropdown-link:visited {text-decoration: none;}
ul.box-dropdown li .box-dropdown-link:hover {text-decoration: none;}
ul.box-dropdown li .box-dropdown-content {display: none;padding: 10px 16px;}
ul.box-dropdown li .box-dropdown-content p {font-size: 14px;line-height: 18px;}
ul.box-dropdown li > .box-dropdown-content > ul {font-size:14px;list-style-type:disc!important;padding-bottom: 10px;}
ul.box-dropdown li.active .box-dropdown-link span {background-position: -37px 0px;}
ul.box-dropdown li.active .box-dropdown-content {display: block;border-radius: 0 0 4px 4px;}
ul.box-dropdown li .box-dropdown-link .accordion-title {padding-right: 33px;line-height:normal;font-family: 'Lato', sans-serif;font-size: 17px;font-weight: 600;}

/*================ Underpage Menu Gallery ================*/
#underpage-gallery {max-width:80%;margin: 28px auto 40px auto;padding-bottom: 10px;}
#underpage-gallery .fa-arrow-right{cursor:pointer;width:20px;position:absolute;right: -42px;top: 28%;line-height:0;padding:0;margin:0;z-index:9999;}
#underpage-gallery .fa-arrow-left {cursor:pointer;width:20px;position:absolute;left: -54px;top: 28%;line-height:0;padding:0;margin:0;z-index:9999;}
#underpage-gallery .slick-prev:before, .slick-next:before {color: #233872;}
#underpage-gallery .slick-slide img {margin:0 auto;width:100%;padding:0 2%;}
#underpage-gallery .slick-dots {padding:0;bottom: 0;}
#underpage-gallery .slick-dots li button:before {font-size: 12px;line-height: 52px;color: #233872;}
#underpage-gallery .slick-dots li {background:none;line-height: normal;padding: 0 0 2px 4px;}

/*================ Staff Directory ================*/
#livePageButtons .page-item.active a {background-color:#233872!important;}
.tool-search a {background-color:#233872!important;}

/*================ Events List ================*/
#liveEventsSearch .formSet > label:first-of-type {display:block;position:relative;width:initial;height:initial;color:#252525;}
#liveEventsSearch .formSet .col-sm-11 div .col-sm-4 {float:left;}
#liveEventsSearch .formSet .col-sm-11 div .col-sm-4:last-child {display:none;}
#eventsList .eventBox .eventDate {text-align:center;width:90px;margin-right: 50px;margin:0 auto;}
#eventsList .eventBox .eventDate .calendar-block {border:1px solid #000;padding:10px;}
#eventsList .eventBox .eventDate .calendar-block .month {display:block;text-transform:uppercase;font-weight: 300;font-size: 28px;color: #233872;}
#eventsList .eventBox .eventDate .calendar-block .day {display:block;color:#555;padding: 0;margin-top: -8px;font-weight: 300;font-size: 26px;}
#eventsList .eventBox .eventDate .time {display:block;font-weight: 300;}
#eventsList .eventBox .eventDesc h3 {color:#233872;}
#eventsList .eventBox .eventDesc p a {color: #83765f;text-decoration:none;}
#eventsList .eventBox .eventDesc p a:hover {text-decoration:underline;}
.underpage .common-block .fc-center h2 {color:#0861aa;}
.fc-content-skeleton .fc-event {color:#233872;background-color: #fff;}
.fc-content-skeleton .fc-event:hover {color:#233872;text-decoration:underline;}

/*================ Footer ================*/
#footer {border-top:16px solid #83765f;background-color:#233872;color:#fff;padding:10px 0;}
#footer .footer-top-block ul {margin:0;padding:20px 0;transition: border-bottom .2s ease;text-align:center;}
#footer .footer-top-block ul li {list-style: none;display:inline-block;padding:0 20px;}
#footer .footer-top-block ul li a {border-bottom: 1px solid transparent;-webkit-transition: border-bottom .2s ease;font-size: 14px;font-weight:800px;color:#fff;text-decoration:none;}
#footer .footer-top-block ul li a:hover {border-bottom: 1px solid #fff;}
#footer .footer-top-block {border-bottom:1px solid #fff;}
#footer .footer-top-block ul {list-style-type:none;margin:0;padding:0;width: 88%;margin: 0 auto;}
#footer .footer-top-block ul li {float:left;padding: 30px 18px;}
#footer .footer-top-block ul li a {color:#fff;text-decoration:none;font-size: 17px;}
#footer .footer-middle-block {padding-top:20px;}
#footer .footer-middle-block .lt-block {float:left;line-height: 36px;font-size: 20px;}
#footer .footer-middle-block .rt-block {float:right;padding: 20px 0;}
#footer .footer-middle-block .rt-block a {padding-left:16px;display: block;float: left;}
#footer .footer-bottom-block {text-align:center;font-size:20px;}

/*================ Video Iframe ================*/
.videoWrapper {position: relative;padding-bottom: 56.25%;	padding-top: 25px;height: 0;}
.videoWrapper object, .videoWrapper embed, .videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.underpage .form-group input[type="radio"], .underpage  .form-group input[type="checkbox"] {float:left;margin-right:4px;}

/************************************************************************************
MOBILE
*************************************************************************************/

@media only screen and (orientation:landscape) {
body { -webkit-text-size-adjust:none; }
}
@media only screen and (orientation:portrait) {
body { -webkit-text-size-adjust:none; }
}

/*Edge*/
@supports ( -ms-accelerator:true ) 
{
    html {overflow: hidden; height: 100%;}
    body {overflow: auto;height: 100%;}
}
/*Ie 10/11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
{
    html {overflow: hidden;height: 100%;}
    body {overflow: auto;height: 100%;}
}


@media screen and (max-width: 1170px) {
    .content{ width:92%; }
    .homepage-callouts .homepage-callout a {width:24%;min-height: 266px;}
    #header .content .logo {float:none;clear:both;margin:0 auto;}
    #header .content .rt-block {float:none;margin: 0 auto;width: 650px;}
    #header .content .rt-block nav ul {text-align:center;width: 73%;margin:0 auto;}
    #header .content .rt-block .social-buttons {float:none;margin:0 auto;width: 206px;}
    #header .content .rt-block .searchBox {float:none;margin: 10px auto;display: block;}
    .news-list .news-item .article-content {width:50%;}
}

@media screen and (max-width: 1024px) {
    #footer .footer-top-block {margin:0 auto;}
	#footer .footer-top-block ul {-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;-webkit-column-gap: 20px;-moz-column-gap: 20px;column-gap: 20px;}
	#footer .footer-top-block ul li {float:none;display:table;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid-column;padding:10px;}
}

@media screen and (max-width: 990px) {
    .homepage-callouts .homepage-callout a {width: 45%;min-height: initial;margin: 0 2% 20px 2%;}
}

@media screen and (max-width:900px) {
    .underpage .wide-block .lt-panel,
	.underpage .wide-block .rt-panel {width:100%;clear:both;}
}

@media screen and (max-width:892px) {
    .homepage-events .homepage-event {width: 40%;}
    .underpage .lt-block {float:none;width:98%;text-align:center;padding-bottom:40px;border-bottom:1px solid #9e9e9e;}
    .underpage .lt-block nav ul li > ul {margin-left:0;}
    .underpage .rt-block {float:none;width:98%;border-left:0;padding:20px 0 20px 0;}
    .inner-banner .desc {position:relative;background-color: #233872;bottom: 0;}
    .inner-banner .desc h2 {background-color:none;font-size:24px;padding:24px 0;}
    .underpage .inner-top-block .rt-panel {float:none;padding:20px;clear:both;margin:0 auto;width: 138px;}
    .underpage .inner-top-block .breadcrumbs {float:none;clear: both;text-align: center;}
}

@media screen and (max-width:800px) {
    #footer .footer-middle-block {padding: 40px 0;}
    #footer .footer-middle-block .lt-block {float:none;clear:both;text-align:center;}
    #footer .footer-middle-block .rt-block {float:none;width: 174px;margin: 0 auto;}
    #footer .footer-middle-block .rt-block a {margin: 6%;padding: 0;}
}

@media screen and (max-width: 700px) {
    #header .content .rt-block {width:100%;}
    #header .content .rt-block nav ul {padding-bottom: 35px;}
    #header .content .rt-block nav ul li {float: none;padding: 0;}
    #header .content .rt-block nav ul li a {font-size:12px;}
    #header .content .rt-block .social-buttons {padding-bottom:16px;}
    #header .content .rt-block .searchBox {padding-bottom:20px;}
    .homepage-callouts .homepage-callout a {min-height: 270px;}
    .fa-arrow-right, .fa-arrow-left {display:none!important;}
}

@media screen and (max-width: 600px) {
    #header .content .logo {width:100%;}
    .homepage-callouts .homepage-callout a {width: 100%;margin: 0 auto 30px auto;}
    .news-list .news-item .img-container {margin:0 auto 20px auto;width:90%;float:none;}
	.news-list .news-image img {width:100%;}
	.news-list .news-item .article-content {width:100%;float:none;clear:both;}
    #footer .footer-top-block ul {-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;}
    #footer .footer-top-block ul li {width:100%;}
    #footer .footer-top-block ul li a {text-align:center;}
}