/* Fonts */

/*  font-family: 'Lato', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700');

body { margin: 0; padding: 0; font-family: 'Lato', sans-serif; font-size: 16px; color: #000000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

a { transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; }

a:focus { outline: none; }

form { margin: 0; padding: 0; }

img { border: 0; }

.clr { clear: both; }

a { text-decoration: none; transition: all .3s ease-in-out; }

a:hover { text-decoration: none; transition: all .3s ease-in-out; }

a:focus { text-decoration: none; }

* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

input[type="file"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus { outline: 0 none; outline-offset: 0px; }

/* * * * * HTML 5 FIX * * * * */




article,
aside,
audio,
canvas,
command,
datalist,
details,
embed,
figcaption,
figure,
footer,
header,
hgroup,
keygen,
meter,
nav,
output,
progress,
section,
source,
video { display: block; margin: 0; padding: 0 }

button { font-family: 'Lato', sans-serif; outline: 0 none; }

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="search"],
select,
textarea { -webkit-appearance: none; font-family: 'Lato', sans-serif; }

input[type="button"],
input[type="submit"] { -webkit-appearance: none; cursor: pointer; font-family: 'Lato', sans-serif; outline: 0 none; }

textarea { resize: none }

/* * * * * SMALL CLASSES * * * * */




.mtp5 { margin-top: 5px !important }

.mtp10 { margin-top: 10px !important }

.mtp15 { margin-top: 15px !important }

.mtp20 { margin-top: 20px !important }

.mtp25 { margin-top: 25px !important }

.mtp30 { margin-top: 30px !important }

.mtp35 { margin-top: 35px !important }

.mtp40 { margin-top: 40px !important }

.mtp50 { margin-top: 50px !important }

.mtp100 { margin-top: 100px !important }

.mbtm5 { margin-bottom: 5px !important }

.mbtm10 { margin-bottom: 10px !important }

.mbtm15 { margin-bottom: 15px !important }

.mbtm20 { margin-bottom: 20px !important }

.mbtm25 { margin-bottom: 25px !important }

.mbtm30 { margin-bottom: 30px !important }

.mbtm35 { margin-bottom: 35px !important }

.mbtm40 { margin-bottom: 40px !important }

.mbtm45 { margin-bottom: 45px !important }

.mbtm50 { margin-bottom: 50px !important }

.mlt5 { margin-left: 5px !important }

.mlt10 { margin-left: 10px !important }

.mlt15 { margin-left: 15px !important }

.mlt20 { margin-left: 20px !important }

.mlt25 { margin-left: 25px !important }

.mlt30 { margin-left: 30px !important }

.mlt35 { margin-left: 35px !important }

.mlt40 { margin-left: 40px !important }

.mrt5 { margin-right: 5px !important }

.mrt10 { margin-right: 10px !important }

.mrt15 { margin-right: 15px !important }

.mrt20 { margin-right: 20px !important }

.mrt25 { margin-right: 25px !important }

.mrt30 { margin-right: 30px !important }

.mrt35 { margin-right: 35px !important }

.mrt40 { margin-right: 40px !important }

.plt5 { margin-left: 5px !important }

.plt10 { margin-left: 10px !important }

.plt15 { margin-left: 15px !important }

.plt20 { margin-left: 20px !important }

.plt25 { margin-left: 25px !important }

.plt30 { margin-left: 30px !important }

.plt35 { margin-left: 35px !important }

.plt40 { margin-left: 40px !important }

.prt5 { padding-right: 5px !important }

.prt10 { padding-right: 10px !important }

.prt15 { padding-right: 15px !important }

.prt20 { padding-right: 20px !important }

.prt25 { padding-right: 25px !important }

.prt30 { padding-right: 30px !important }

.prt35 { padding-right: 35px !important }

.prt40 { padding-right: 40px !important }

.pbtm5 { padding-bottom: 5px !important }

.pbtm10 { padding-bottom: 10px !important }

.pbtm15 { padding-bottom: 15px !important }

.pbtm20 { padding-bottom: 20px !important }

.pbtm25 { padding-bottom: 25px !important }

.pbtm30 { padding-bottom: 30px !important }

.pbtm35 { padding-bottom: 35px !important }

.pbtm40 { padding-bottom: 40px !important }

.ptp5 { padding-top: 5px !important }

.ptp10 { padding-top: 10px !important }

.ptp15 { padding-top: 15px !important }

.ptp20 { padding-top: 20px !important }

.ptp25 { padding-top: 25px !important }

.ptp30 { padding-top: 30px !important }

.ptp35 { padding-top: 35px !important }

.ptp40 { padding-top: 40px !important }

.plr20 { padding: 0 20px !important; }

.plr30 { padding: 0 30px !important; }

.plr40 { padding: 0 40px !important; }

.ptb30 { padding-top: 30px !important; padding-bottom: 30px !important; }

.ptb40 { padding-top: 40px !important; padding-bottom: 40px !important; }

/* Font Size */




.fsz12 { font-size: 12px !important; }

.fsz13 { font-size: 13px !important; }

.fsz14 { font-size: 14px !important; }

.fsz15 { font-size: 15px !important; }

.fsz16 { font-size: 16px !important; }

.fsz17 { font-size: 17px !important; }

.fsz18 { font-size: 18px !important; }

.fsz19 { font-size: 19px !important; }

.fsz20 { font-size: 20px !important; }

.fsz30 { font-size: 30px !important; }

/* Position */





.pos-rel { position: relative; }

.pos-abs { position: absolute; }



/* * * * * START TopBar * * * * */

.topbar { margin: 0; padding: 0; }

.mainwrapper { max-width: 1216px; margin: 0 auto; padding: 0 20px; }

.home-wrapper { margin: 0; padding: 0 0 0 0; position:relative; }

.home-hdr-container-org2 {position:fixed; top:0; left:0; right:0; z-index:999999; background:url(../images/slider-bg-top.png) repeat-x top; }

.home-hdr-container-org {position: fixed; top:0; left:0; right:0; z-index:999999; }

.home-hdr-container {position:absolute; top:0; left:0; right:0; z-index:999999; background: #031a44; }

.home-hdr-container-t { margin: 0; padding: 0 0 0 0; background: #031a44; }

.home-hdr-container-tm { margin: 0; padding: 0 0 0 0; background: rgba(44,79,118,0.8) }

.home-hdr-container-ext { overflow: hidden; background:#031a44; height:60px; z-index:170; margin:0 auto; border-bottom:1px solid #dadada; width:100%; position:fixed; top:0; left:0; right:0; text-align: center; }

.logofrm { margin: 8px 0 0 0; padding: 0;  }

.logo { margin: 2px 0 0 0; float: left; width: 18%; padding: 0 0 0 0; }

.logo-t { margin: 2px 0 0 0; float: left; width: 8%; padding: 0 0 0 0; }

.rtscont-t { padding: 0 0 0 0; float: right; width: 90% }

.rtscont-t h5 { font-size: 26px; margin: 0 0 0 13px; color: #fff; padding: 0; font-weight: 700; }

.rtscont-t h5 a { font-size: 26px; margin: 0; color: #fff; padding: 0; font-weight: 700; }

.logo img { max-width: 150px; }

.rtscont { padding: 0 0 0 0; float: right; width: 80% }

.header-txt { margin: 0 0 0 0 !important; padding: 0; }

.header-txt h2 { font-size: 44px; color: #fff; text-shadow: 0 5px 5px rgba(0, 0, 0, 0.8); margin: 0; padding: 0; font-weight: 900 }

.header-txt h4 { font-size: 26px; color: #fff; margin:0;
padding: 0; font-weight: normal }

.rtbx { padding: 0; width: 94%; margin: 0 auto }

.slide { overflow: hidden; }

.small-nav { margin: 0; padding: 0; float: left; background: rgba(0,71,187,0.8) }

.small-nav a { display: inline-block; margin: 0 0 0 0; padding: 5px 15px 5px 15px; color: #fff; font-size: 18px; text-transform: uppercase; }

.small-nav a:hover { background: #f6be00; color: #fff; }

.small-nav a:last-child { margin-right: 0 }

.rtscont h5 { font-size: 26px; margin: 0 0 0 13px; color: #fff; padding: 0; font-weight: 700; }

.rtscont h5 a { font-size: 26px; margin: 0; color: #fff; padding: 0; font-weight: 700; }

.callus { margin: 0; padding: 0; float: right }

.contactus { margin: 0; padding: 0; float: right; }

.contactus a { display: inline-block; padding: 5px 0 5px 0; color: #eaf1ff; font-size: 18px; text-transform: none; }

.contactus a:hover { color: #677895; }

.ticker-search { margin: 8px 0 0 0; width: 100%; padding: 0; float: right }

.searcharea { margin: 0; padding: 6px 12px; width: 100%; background: #fff; position: relative; float: right }

.searcharea .input { font-size: 14px; margin: 0; padding: 0; outline: 0 none; border: 0; width: 100%; background: #fff; color: #000000 }

.search-btn { width: 16px; height: 16px; cursor: pointer; border: 0; outline: 0 none; background: url(../images/search-btn.png) no-repeat top; display: block; position: absolute; top: 10px; z-index: 1; right: 6px }

/* * * * * END Topbar * * * * * */




/* * * * * START Topbar Rev * * * * * */

.rtbx-t { padding: 0; width: 100%; margin: 0 auto }

.small-nav-t { margin: 0; padding: 0; float: left; }

.small-nav-t a { display: inline-block; margin: 0 0 0 0; padding: 5px 15px 5px 15px; color: #eaf1ff; font-size: 18px; text-transform: none; }

.small-nav-t a:hover { color: #677895; }

.small-nav-t a:last-child { margin-right: 0 }

.rtscont h6 { font-size: 20px; margin: 0 0 0 13px; color: #eaf1ff; padding: 0; font-weight: 700; }

.rtscont h6 a { font-size: 20px; margin: 0; color: #eaf1ff; padding: 0; font-weight: 700; }

.ticker-search-t { margin: 0 0 8px 0; width: 100%; padding: 0; float: right }

/* * * * * END Topbar Rev * * * * * */




/* * * * * START Toplinks Test * * * * * */

.toplinks-t { width: 100%; margin: 10px 0 0 0; padding: 0; background: none; }

.toplinks-t ul { margin: 0; padding: 0; }

.toplinks-t ul li { margin: 0 0 0 0; padding: 0; display: inline-block; list-style-type: none; }

.toplinks-t ul li a { display: block; transition: all 0.3s ease-in-out 0s; padding: 8px 15px; text-align: center; font-weight: 700; font-size: 18px; margin: 0; text-transform: uppercase; color: #fff; }

.toplinks-t ul li a:hover,
.toplinks-t ul li a.active,
.toplinks-t ul li.current_page_item a,
.toplinks-t ul li.current-menu-item a,
.toplinks-t ul li:hover>a,
.toplinks-t ul li.current-menu-parent>a { background: #405273; color: #a3b2ce; }

.toplinks-t ul ul { background: rgba(0,71,187,1); display: none; position: absolute; width: 180px; z-index: 100; transition: all 0.10s ease-in-out; }

.toplinks-t ul li:hover>ul { display: block; }

.toplinks-t ul ul li { display: block; float: none; width: 100%; margin: 0; padding: 0; position: relative; border-bottom: 1px solid #ccc; }

.toplinks-t ul ul li:last-child { border-bottom: none }

.toplinks-t ul ul li a { padding: 10px; text-align: left; font-size: 14px; text-transform: none; color: #f6be00; text-transform: uppercase; }

.toplinks-t ul ul li a:hover { background: #405273; color: #a3b2ce; }

.toplinks-t ul ul ul { left: 100%; margin: 0; top: 0; }

/* * * * * END Toplinks Test * * * * * */





/* * * * * START ExtMenuBar * * * * * */

.home-hdr-container-extt {margin: 0; padding: 0 0 0 0; background: #031a44; }

/*.home-hdr-container-extt { margin: 0; padding: 0 0 0 0; background: #031a44; border-bottom:1px solid #ff0000; position:fixed; top:0; left:0; right:0; z-index:999999; }*/

#rtscont-extt { padding: 0 0 0 0; float: right; width: 100%; background: #031a44; border-bottom:1px solid #ff0000; }

.rtbxExt { padding: 10px 0 10px 0; width: 80%; margin: 0 auto; overflow: hidden; }

.ext-nav { margin: 0; padding: 0; float: left; background: rgba(0,71,187,0.8) }

.ext-nav a { display: inline-block; margin: 0 0 0 0; padding: 5px 15px 5px 15px; color: #fff; font-size: 18px; text-transform: uppercase; }

.ext-nav a:hover { background: #f6be00; color: #fff; }

.ext-nav a:last-child { margin-right: 0 }

.section-one-extt { margin: 0; padding: 100px 0 0 0; }

.sldrs { margin-top: 0; padding: 0 0 0 0; }

.sldrs-temp { margin-top: 0; padding: 0 0 0 0; }

/*Fixed at top:*/
/*.rtbxExt { background:#031a44; height:60px; z-index:170; margin:0 auto; border-bottom:1px solid #dadada; width:100%; position:fixed; top:0; left:0; right:0; text-align: center; }*/

/* * * * * START ExtMenuBar * * * * * */




/* * * * * START Ticker * * * * * */

.ticker-wrapper { width: 100%; margin: 0 20px 0 0; padding: 8px 12px 8px 12px; float: left; position: relative; background: rgba(208,14,12,0.9); }

.marquee { width: 100%; overflow: hidden; display: block; }

.ticker ul { width: 100%; margin: 0; padding: 0; position: relative; overflow: hidden; }

.ticker ul li { overflow: hidden; font-weight: bold; float: left; margin: 0 20px 0 0; padding: 0; font-size: 14px; color: #fff; text-transform: uppercase; }

.ticker ul li a{  color: #fff; text-transform: uppercase; }

/* * * * * END Ticker * * * * * */




/* * * * * START Disclaimer * * * * * */

.wrp-dclaimer { width: 100%; margin: 0 0 0 0; padding: 0; background: #1b3667; border-bottom: 8px solid #031a44;  }

.section-dclaimer { margin: 0; padding: 10px 0; }

.section-dclaimer a { color: #b6cdf7; }

.section-dclaimer a:hover { color: #c5b179; text-decoration: none; }

/* * * * * END Disclaimer * * * * * */





/* * * * * Toplinks * * * * * */

.toplinks { margin: 10px 0 0 0; padding: 0; background: rgba(0,71,187,0.8) }

.toplinks ul { margin: 0; padding: 0; }

.toplinks ul li { margin: 0 0 0 0; padding: 0; display: inline-block; list-style-type: none; }

.toplinks ul li a { display: block; transition: all 0.3s ease-in-out 0s; padding: 8px 15px; text-align: center; font-weight: 700; font-size: 18px; margin: 0; text-transform: uppercase; color: #f6be00; }

.toplinks ul li a:hover,
.toplinks ul li a.active,
.toplinks ul li.current_page_item a,
.toplinks ul li.current-menu-item a,
.toplinks ul li:hover>a,
.toplinks ul li.current-menu-parent>a { background: #f6be00; color: #000; }

.toplinks ul ul { background: rgba(0,71,187,1); display: none; position: absolute; width: 180px; z-index: 100; transition: all 0.10s ease-in-out; }

.toplinks ul li:hover>ul { display: block; }

.toplinks ul ul li { display: block; float: none; width: 100%; margin: 0; padding: 0; position: relative; border-bottom: 1px solid #ccc; }

.toplinks ul ul li:last-child { border-bottom: none }

.toplinks ul ul li a { padding: 10px; text-align: left; font-size: 14px; text-transform: none; color: #f6be00; text-transform: uppercase; }

.toplinks ul ul li a:hover { background: #f6be00; color: #fff }

.toplinks ul ul ul { left: 100%; margin: 0; top: 0; }






/* * * * * Slider * * * * * */

p.sld { color:#eeb927; font-size:24px; line-height: 1.6; }



/* * * * * Header * * * * * */

.hdr-wrapper { margin: 0; padding: 417px 0 125px 0; }

.hdr-content { max-width: 592px; }

.hdr-wrapper h2 { color: #fff; margin: 0; padding: 0; font-size: 45px; font-weight: 800; text-shadow: 1px 2px 1px #242716; }





/* * * * * Four Colum * * * * * */

.fourcolum-wrapper { margin: 0; padding: 64px 0 0 0; background: #fff }

.fourcol-bx { margin: 0 0 64px 0; padding: 0; }

.img-frame { margin: 0 0 20px 0; padding: 0; }

.img-frame img { height: 138px; width: 100%; -o-object-fit: cover; object-fit: cover }

.fourcol-bx h3 { margin: 15px 0; padding: 0; font-size: 20px; color: #000; font-weight: 700; }

.full-tabs { margin: 0; padding: 0; }

.full-tabs a { display: block; text-align: center; font-size: 16px !important; text-transform: uppercase; margin: 0 0 1px 0; background: #0047bb; color: #f6be00 !important; padding: 8px 0; text-decoration: none; }

.full-tabs a:hover { background: #f6be00; color: #fff !important }

.fourcol-bx p { margin: 0 5px 10px 0; padding: 0; line-height: 20px; }

.fourcol-bx a { color: #0047bb; text-transform: uppercase; font-size: 14px; text-decoration: none; }

.fourcol-bx a:hover { color: #000; }





/* * * * * News Information  * * * * * */

.news-information { margin: 0; padding: 35px 0; border-top: 1px solid #fff; background: #f0efef }

.news-information h2 { color: #000; font-size: 36px; font-weight: normal; margin: 0 0 30px 0; padding: 0; text-align: center }

.newscol-br { padding: 18px; background: url(https://www.dinecollege.edu/wp-content/uploads/2020/08/img-covidBK.png); }

.newscol-bx { padding: 18px; min-height: 300px; background: #fff; border: 1px solid #bebdbd }

.newscol-bx img { display: block; max-width: 100%; height: auto }

.newscol-bx h5 { margin: 0 0 15px 0 !important; padding: 0; font-size: 20px; color: #0047bb }

.newscol-bx h5 a { color: #0047bb }

.newscol-bx h5 a:hover { color: #000 }

.newscol-bx p { margin: 0 5px 10px 0 !important; padding: 0; line-height: 20px; }

.timer { margin: 53px 0 0 0; padding: 0 }

.timer img { max-width: 100% }

.comemorating-img { margin: 0; padding: 0 }

.comemorating-img img { max-width: 100% }

.past-news { margin: 50px 0 0 0 !important; padding: 0; text-align: center }

.past-news a { display: inline-block; margin: 0; padding: 4px 48px; text-transform: uppercase; border: 2px solid #fff; background: #0047bb; color: #f6be00; font-size: 20px; }

.past-news a:hover { background: #f6be00; color: #fff !important }




/* * * * * BEGIN Temp Section One Colum * * * * * */

.section-one { margin: 0; padding: 50px 0 0 0; }

.section-onebx p { margin: 10px 0 10px 0 !important; padding: 0 10px 10px 0; line-height: 20px; }

.section-onebx a { font-size: 16px; text-decoration: underline; text-transform: uppercase; }

.section-onebx a:hover { text-decoration: none; }

.section-onedg p { color: #1e3a78;  }

.fa-users-cog, .fa-university, .fa-book-reader { color: #b6b6b6;}

/* * * * * END Temp Section One Colum * * * * * */



/* * * * * BEGIN Covid Sidebar * * * * * */

.covid-sidebk { background-color: #0066bf; padding: 30px 10px 10px 10px; }

.covid-sidebr a { color: #fff; }

.covid-sidebr a:hover { color: #fedd00; }

.covid-sidebr a:active { color: #a1a1a1; }

/* * * * * END Covid Sidebar * * * * * */




/* * * * * BEGIN Random idxSection Colum * * * * * */

.lsBk { background: #0051aa; }

.colRT { padding: 0 10px 0 10px; }

.imgLSbk { background: url("https://www.dinecollege.edu/wp-content/uploads/2021/06/img-bannDCConex-Bk.jpg") no-repeat left top; }

.section-one-t { margin: 0; padding: 50px 0 0 0; }

.section-one-tbk {background: url("https://www.dinecollege.edu/wp-content/uploads/2020/10/img-BluBk.png") }

.section-one-tbkLf {background-size: 100% 100%; background: url("https://www.dinecollege.edu/wp-content/uploads/2020/10/img-StudentsWalkingBk.jpg") no-repeat right; }

.section-one-bkBrn { background: url("https://www.dinecollege.edu/wp-content/uploads/2021/05/bann-hpSecBk-BioLab.jpg") no-repeat right; }

.section-one-bkCon { background: url("https://www.dinecollege.edu/wp-content/uploads/2020/08/img-bannDCConex-LS.jpg") no-repeat right; }

.section-one-vert { background: rgba(32, 65, 109, 0.84); vertical-align: middle; margin-top: 20px; margin-bottom: 20px; padding: 10px; border-right: 5px solid #dda950;  }

.section-one-right { border-right: 1px solid #d5d5d5;}

.section-one-left { border-left: 1px solid #d5d5d5;}

.section-brd-left { border-left: 4px solid #d5d5d5; }

.section-side-brds { border-right: 4px solid #ffcb11; border-left: 4px solid #ffcb11;}

.bkLnk { background-color: #1e73be; padding: 30px 10px 10px 10px; }

.bkLnkg { background-color: #8aafcf; padding: 30px 10px 10px 10px; }

.bkLnkTpWht { background: rgba(255, 255, 255, 0.73); padding-top: 10px; }

.bkLnkWht { background: rgba(255, 255, 255, 0.73); }

.section-two-t { background-color: #f0f0f0; padding-top: 10px; }

.section-two-t a { background-color: none; color: #ffffff; text-decoration: none; }

.section-two-t a:hover { color: #ffde00; }

.section-events-three { background-color: #f0f0f0; padding-top: 20px; }

.ovlay:hover { opacity: 0.5; transition: .5s ease; background-color: rgba(215, 215, 215, .5); }

.ovlayMrk:hover { opacity: 0.5; transition: .5s ease; background-color: rgba(241, 248, 255, .5); }

.bkidxSprReg { background: rgba(255, 255, 255, 0.73); padding-top: 20px; margin-top: 20px; }

.bkidxSprRegBot { background: rgba(255, 255, 255, 0.73); padding-top: 20px; }

.bkidxSprRegLnk { background-color: #436498; padding: 30px 10px 10px 10px; }

/* * * * * END Random idxSection Colum * * * * * */



/* * * * * BEGIN idx Calendar Section  * * * * * */

.idx-calbrd { margin: 0; padding: 50px 0 50px 0;}

.idx-calbrd-bk { background: #f7f7f7; padding: 6px;}

.events-calbrd { border-bottom: 1px solid #d9d9d9;}

.events-calbrd-bk { background: #cad1ee; padding: 6px; }

/* * * * * END idx Calendar Section  * * * * * */



/* * * * * BEGIN Admissions Header * * * * * */

.admiss-hdr-bk { background: url("https://www.dinecollege.edu/wp-content/uploads/2021/07/img-AdminHdr.jpg") no-repeat right; }

/* * * * * END Admissions Header * * * * * */



/* * * * * BEGIN Financial Aid Header * * * * * */

.fa-hdr-bk { background: url("https://www.dinecollege.edu/wp-content/uploads/2021/11/img-idxBkFA.jpg") no-repeat left; background-size: contain; }

.fa-hdr-bkClr { background: rgba(32, 65, 109, 0.84); vertical-align: middle; margin-top: 60px; margin-bottom: 60px; padding: 10px; border-left: 5px solid #dda950;  }

/* * * * * END Financial Aid Header * * * * * */




/* * * * * BEGIN Future Student * * * * * */

.fs-idxHdr { background: url("https://www.dinecollege.edu/wp-content/uploads/2021/10/img-ShprkStudents.jpg") no-repeat right top; }

.fs-idxHdrBk { background: rgba(32, 65, 109, 0.84); vertical-align: middle; margin-top: 80px; margin-bottom: 20px; padding: 10px; border-left: 5px solid #dda950;  }

.fs-idxHdrFinBk { background-image: linear-gradient(to right, #2a4d83, #83a8d4); }

/* * * * * END Future Student * * * * * */



/* * * * * BEGIN FishTourney Header * * * * * */

.ft-hdr-bkgd { background: url("https://www.dinecollege.edu/wp-content/uploads/2022/01/img-FThdrBann.jpg") no-repeat background-size: contain; }

.ft-hdr-bkgrd { background: url("https://www.dinecollege.edu/wp-content/uploads/2022/01/img-FThdrBannV2.jpg") no-repeat left top; }

.ft-hdr-bkgd-fad { background: rgba(42, 77, 131); }

.ft-hdr-bkClr { background: rgba(32, 65, 109, 0.84); vertical-align: middle; margin-top: 60px; margin-bottom: 60px; padding: 10px; border-left: 5px solid #dda950;  }

/* * * * * END FishTourney Header * * * * * */



/* * * * * BEGIN GolfTourney Header * * * * * */

.gt-hdr-bkgrd { background: url("https://www.dinecollege.edu/wp-content/uploads/2022/06/img-idxHrdGT-22.jpg") no-repeat left top; }

.section-brd-left-gt { border-left: 8px solid #bfcbd0; }

/* * * * * END GolfTourney Header * * * * * */



/* * * * * BEGIN MRKT idx  * * * * * */

.mrk-idx-bk { background: url(https://www.dinecollege.edu/wp-content/uploads/2018/04/img-idxMrktg.jpg) no-repeat left; background-size: contain; }

.mrk-idx-bkClr { background: rgba(0, 60, 115, 0.70); vertical-align: middle; margin-top: 40px; margin-bottom: 40px; padding: 10px; border-right: 5px solid #dda950;  }

.mrk-olay { margin-top: -100px; }

/* * * * * END MRKT idx  * * * * * */





/* * * * * BEGIN Commencement Header * * * * * */

.commfall-hdr-bkClr { background-color: #0f2147; vertical-align: top; padding: 10px;  }

.commSpr22-hdr-bk { background: url("https://www.dinecollege.edu/wp-content/uploads/2022/04/img-22CommHdrBk-scaled.jpg") no-repeat right top; background-size: cover; }

.comm-idxhdr-bk { background: url("https://www.dinecollege.edu/wp-content/uploads/2022/04/img-idxHdr-Grad.jpg") no-repeat right top; background-size: cover; }

/* * * * * END Commencement Aid Header * * * * * */




/* * * * * BEGIN NAHM Header * * * * * */

.nahm-hdr-bk { background: url("https://www.dinecollege.edu/wp-content/uploads/2021/11/img-idxHdrNAHMbk.jpg") no-repeat right; }

.nahm-hdr-bkClr { background: rgba(32, 65, 109, 0.84); vertical-align: middle; margin-top: 60px; margin-bottom: 60px; padding: 10px; border-left: 5px solid #dda950;  }

/* * * * * END NAHM Header * * * * * */




/* * * * * BEGIN OIPR Header * * * * * */

.oipr-hdr-bk { background: url("https://www.dinecollege.edu/wp-content/uploads/2021/07/img-OIPRbkgd.png") no-repeat; }

/* * * * * END OIPR Header * * * * * */






/* * * * * BEGIN Strategic Plan * * * * * */

.sp-idxHdr { background: url("https://www.dinecollege.edu/wp-content/uploads/2022/01/img-idxHdr-StrtgcPlan.jpg") no-repeat fixed; background-size: cover; }


/* * * * * END Strategic Plan * * * * * */




/* * * * * BEGIN Temp News Top Colum * * * * * */

.news-top { margin: 0; padding: 35px 0; border-top: 1px solid #fff; background: #ebf4fc; }

.news-top-t { margin: 0; padding: 35px 0; border-top: 1px solid #fff; background: #ebf4fc; }

.news-top h2 { margin: 0; padding: 35px 0; border-top: 1px solid #fff; background: #f0efef }

.news-top-cv { padding: 18px; background: url(https://www.dinecollege.edu/wp-content/uploads/2020/08/img-covidBK.png); }

/* * * * * END Temp News Top Colum * * * * * */




/* * * * * BEGIN Temp News Campus Colum  * * * * * */

.news-campus { margin: 0; padding: 35px 0; border-top: 1px solid #fff; background: url(https://www.dinecollege.edu/wp-content/uploads/2020/08/img-idxCampusBkgd.jpg) no-repeat fixed; background-size: cover; }

.news-campus h2 { color: #fff; font-size: 36px; font-weight: normal; margin: 0 0 30px 0; padding: 0; text-align: center }

.news-campusbx { padding-top: 6px; min-height: 200px; background: #fff }

.news-campusbx img { display: block; max-width: 100%; height: auto }

.news-campusbx h5 { margin: 0 0 15px 0 !important; padding: 0; font-size: 20px; color: #0047bb }

.news-campusbx h5 a { color: #0047bb }

.news-campusbx h5 a:hover { color: #000 }

.news-campusbx p { margin: 0 0 10px 0 !important; padding: 0 10px 10px 10px; line-height: 20px; }

.news-campusbx a { font-size: 18px; }

.news-campusbxbrd { border-top: 6px solid #eeb927;}

/* * * * * END Temp Main Section Two Colum  * * * * * */





/* * * * * BEGIN Temp Section Four Colum  * * * * * */

.vline { border-left: 1px solid #bebdbd; height: 100%; position: absolute; left: 50%; margin-left: -3px; top: 0; display: inline-block; }

.inside-campus a { font-size: 18px; }

/* * * * * END Temp Section Four Colum  * * * * * */






/* * * * * BEGIN Temp Section One Begin  * * * * * */

.begin-journey-bk { padding: 0; background: url(https://www.dinecollege.edu/wp-content/uploads/2021/08/img-idxNew2CampusBkgd.jpg) no-repeat center; }

.begin-journey-bkblu { background-color: #375488; }

.begin-journey-bkgrn { background-color: #e7fcff; }

.boxLnksSty a { width: 200px; background-color: none; border: 1px solid #c5c5c5; padding: 4px 10px; text-align: center; text-decoration: none; display: inline-block; }

.boxLnksSty a:hover, a:active { border: 1px solid #16428b; }

.olay { margin-top: -160px;}

.img-Warrior-bk { padding: 0; background: url(https://www.dinecollege.edu/wp-content/uploads/2020/02/104548726_653504558538064_5697738784583098779_o.jpg) no-repeat center; }

/* * * * * END Temp Section One Begin  * * * * * */




/* * * * * Events * * * * * */

.events-wrapper { margin: 0; padding: 72px 0 10px 0; background: #fff }

.events-wrapper h3 { margin: 0 0 15px 0; text-align: center; padding: 0; font-size: 24px; color: #0047bb; }

.events-wrapper-t { margin: 0; padding: 50px 0 50px 0; background: #f5fcfe; }

.events-wrapper-t h3 { margin: 0 0 15px 0; text-align: center; padding: 0; font-size: 24px; color: #2f3600; }

.upcoming-events { margin: 0; padding: 0; }

.ue-list { margin: 0 0 7px 0; padding: 12px 10px 12px 29px; background: #fff; border: 1px solid #bebdbd }

.ue-list p { margin: 10px 0 0 0; padding: 0; font-size: 16px; line-height: 20px; }

.ue-list a { color: #000; }

.ue-list a:hover { color: #0047bb; }

.ue-heading { margin: 0; padding: 0; text-align: center; border-bottom: 5px solid #afb8b7 }

.ue-heading h5 { font-weight: 300; font-size: 24px; margin: 0; padding: 0; text-transform: uppercase; line-height: 14px; color: #000 }

.ue-heading h4 { font-weight: 300; font-size: 36px; margin: 0; padding: 0; color: #0047bb }

.student-testimonials { margin: 0 0 18px 0; padding: 20px 20px 20px 20px; border: 1px solid #bebdbd; background: #ffffff }

.itemlist { padding: 0 0 0 0; position: relative; margin: 0 0 25px 0; min-height: 100px; }

.itemimg { margin: 0; padding: 0; position: absolute; left: 0 }

.itemlistcont { padding: 0 0 0 150px; }

.listenlogo { margin-bottom: 10px; }

.itemlist p { margin: 0 0 0 0; padding: 0; font-size: 16px; line-height: normal; }

.listen-live { border: none; background: none; padding: 20px; }

.listen-live p { margin: 0 0 0 0; padding: 0; font-size: 16px; line-height: 20px; }




/* * * * * BEGIN Single Custom css * * * * * */

.hr-vert-bk { background: rgba(255, 255, 255, 0.62); }

.grd-blu-bk { background: rgba(15, 33, 71, 0.88); }

/* * * * * END Single Custom css * * * * * */


/* * * * * Slic Slide * * * * * */

.slider { width: 100%; margin: 0 auto; }

.slick-slide { margin: 0px; }

.slick-slide img { width: 100%; }

.slick-prev:before,
.slick-next:before { color: black; }

.slick-slide { transition: all ease-in-out .3s; }

/*.slick-active { opacity: .5; }*/

/*.slick-current { opacity: 1; }*/




.download-icon { margin: 0; padding: 0 }

.download-icon a { float: left; vertical-align: middle }

.download-icon a:last-child { float: right }

/* * * * * Social Media * * * * * */




.social-media { padding: 10px 0; margin: 0 }

ul.sm-icons { margin: 0 0 0 0; padding: 0; text-align: center }

ul.sm-icons li { margin: 0 15px; padding: 0; list-style-type: none; vertical-align: middle; display: inline-block; }

/* * * * * Footer  * * * * * */




footer { margin: 0; padding: 56px 0 20px 0; background: #031a44; color: #fff }

footer ul { margin: 0 0 28px 0; padding: 0; }

footer ul li { margin: 0 0 10px 0; list-style-type: none; padding: 0; }

footer ul li a { color: #fff !important; margin: 0; padding: 0; font-size: 16px; text-transform: none; text-decoration: underline; text-decoration-color: #a5b0c6; }

footer ul li a:hover { color: #f6be00 !important; }

footer p { margin: 0; padding: 0; text-align: center; font-size: 16px; }

footer a { color: #fff; text-decoration: underline; text-decoration-color: #a5b0c6; }

footer a:hover { color: #f6be00 !important; }

/* * * * * Inner Page * * * * * */





.inner-wrapper { margin: 0; padding: 0px 0 8px 0; }

.inner-wrapper1 { background:url(../images/inner-hdr-bg.png) repeat-x top center; padding-top:8px;}

.innerbody { margin: 0; padding: 0 0 25px 0 }

.logo.inner img{ width: 140px }

.breadcrumb { margin: 0 0 26px 0; padding: 16px 0 0 0; width: 100%; background: none !important; }

.breadcrumb ul { margin: 0; padding: 0; font-size: 15px; color: #000 }

.breadcrumb ul li { margin: 0; padding: 0; display: inline-block; list-style-type: none; font-size: 15px; color: #000 }

.breadcrumb ul li a,
.breadcrumb a { font-size: 15px; color: #000 }

.lftcont { margin: 0; padding: 0 10px 0 0 }

.lftcont img { display: block; max-width: 100%; height: auto; }

.lftcont h1 { margin: 0 0 25px 0; padding: 10px; font-size: 21px; color: #0047bb; text-transform:uppercase; position:relative; background-color: #f3f3f3; font-weight:700; border-left:5px solid #0047bb; }

.lftcont h2 { margin: 0 0 25px 0; padding: 0 0 5px 0; font-size: 24px; color: #001c48; position:relative; }

.lftcont h2:after { content: ""; position: absolute; width: 20px; height: 4px; bottom: -3px; left: 0; background-color: #f6be00;  }

.lftcont h2:before { content: ""; position: absolute; width: 100%; height: 1px; bottom: -3px; left: 0; background-color: #afb8b7;  }

.lftcont h3 { margin: 0 0 20px 0; padding: 0; font-size: 19px; color: #001c48; font-weight: bold; }

.lftcont p { margin: 0 0 20px 0; padding: 0; font-size: 16px; color: #000000; line-height: 1.5; }

.lftcont a { color: #0047bb; border-bottom: 1px dotted #0047bb; position: relative; }

.lftcont a:hover { color: #000; }

.lftcont a:before { content: ""; position: absolute; width: 100%; height: 1px; bottom: -1px; left: 0; background-color: #0047bb; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; display:inline-block; }

.lftcont a:hover:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); }

.inner-img { margin: 0 0 15px 0; padding: 0 }

.inner-img img { max-width: 100% }

.lftcont h4 { margin: 20px 0 10px 0; padding: 0; font-size: 20px; color: #0047bb }

.lftcont ul { margin: 0 0 25px 0; padding: 0; }

.lftcont ul li { margin: 0 0 8px 0; list-style-type: none; position: relative; padding: 0 0 0 20px; line-height: 1.5; }

.lftcont ul li li, .lftcont ol li li{ margin: 0 0 8px 0; list-style-type: none; position: relative; padding: 0 0 0 20px; line-height: 1.5; }

.lftcont ul li:before { position: absolute; left: 0; top: 10px; content: ""; width: 7px; height: 7px; background: #0047bb; }

.lftcont ul li a { margin: 0; padding: 0; font-size: 16px; }

.lftcont ol { margin: 0 0 15px 16px; padding: 0; }

.lftcont ol li { margin: 0 0 8px 0; padding: 0 0 0 10px; line-height: 1.5; }

.lftcont table { padding: 10px; border: 1px solid #afb8b7; border-bottom: 0; border-right: 0; margin: 0 0 25px 0; }

.lftcont table tr:nth-child(even) { background: #eae9e4; }

.lftcont table td, .lftcont table th { padding: 8px; border: 1px solid #afb8b7; border-top: 0; border-left: 0; }

.rtcont { margin: 0; padding: 0 }

/* * * * Accordion * * * * */




.accordion-wrapper { margin: 0 0 44px 0 }

.accordion { margin: 0 0 0 0; padding: 0; border-top: 5px solid #0047bb; }

.accordion-body { background: #eae9e4; }

.accordion-header { width: 100%; display: block; padding: 10px 30px; color: #f6be00; background: #0047bb; position: relative; cursor: pointer; font-size: 15px; }

.accordion__item { border-bottom: 1px solid #eae9e4; }

.accordion__item:last-child { border-bottom: none }

.accordion-body { background: #fcfcfc; color: #3f3c3c; display: none; }

.accordion-body__contents { padding: 0 }

.accordion__item.active:last-child .accordion-header { border-radius: none; }

.accordion:first-child > .accordion__item > .accordion-header { }

.accordion__item > .accordion-header:after { width: 6px; height: 11px; background: url(../images/arrow.png) no-repeat left; position: absolute; left: 15px; content: " "; top: 15px; /*transform: rotate(-45deg);*/ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.accordion__item.active > .accordion-header:after { transform: rotate(90deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.accordion__item.active .accordion-header { background: #0047bb; }

.accordion__item .accordion__item .accordion-header { background: #f1f1f1; color: black; }

.sublisting { background: #eae9e4; margin: 0; padding: 0; }

.sublisting ul { margin: 0; padding: 0 }

.sublisting li { margin: 0; padding: 0; list-style-type: none; }

.sublisting li a { display: block; padding: 4px 20px 4px 20px; font-size: 15px; color: #000000; background: none; }

.sublisting li a:hover { background: #f6be00 }

.sublisting li a:after { display: none }

.provost-contact { background: #eae9e4; margin: 0 0 20px 0; padding: 0; border: 2px solid #afb8b7 }

.pc-header { width: 100%; display: block; padding: 10px 15px; color: #f6be00; background: #0047bb; font-size: 16px; }

.pc-content { padding: 10px 15px; }

.pc-content p { margin: 0 0 5px 0; padding: 0; font-size: 16px; color: #000000; word-wrap: break-word }

.breadcrumbs { background: none !important; margin: 0 !important; padding: 5px 0 !important; }

#breadcrumbs-style0 a,
#breadcrumbs-style0 span { color: #000 !important; }

#breadcrumbs-style0 strong { font-weight: normal !important; }

.bottom-zero .wpb_content_element, .wpb_content_element.bottom-zero  { margin-bottom: 0 !important; }

.bottom-top-zero .wpb_content_element, .wpb_content_element.bottom-top-zero  { margin-bottom: 0 !important; margin-top: 0 !important; }

#TB_window { z-index: 99991155 !important; }

#main_countedown_1 .time_left { border-radius: 0px !important; background-color: #0047bb !important; font-size: 52px !important; font-family: 'Open Sans Condensed', sans-serif !important; color: #f6be00 !important; font-weight: 300 !important; }

.time_left { border: none; display: block; padding: 0% 10px !important; font-weight: 300 !important; }

#main_countedown_1 .time_description { font-size: 16px !important; font-family: 'Lato', sans-serif !important; color: #0047bb !important; font-weight: normal !important; }

.element_conteiner { min-width: auto !important; }

.aligncenter { text-align: center; margin: 0 auto; }


.inputfield { margin: 0; padding: 5px 10px; width: 100% ; border:1px solid #afb8b7; resize: none; font-size: 14px; color: #626366; background: #fff; outline: 0 none; }

.textarea-c { margin: 0; padding: 5px 10px; width: 100% ; height:100px; border:1px solid #afb8b7; resize: none; font-size: 14px; color: #626366; background: #fff; outline: 0 none; }

.btnsubmit { display: inline-block; border: 0; margin: 0; padding: 10px 32px; color: #fff; font-weight: 700; font-size: 16px; text-transform:uppercase;  background: #0047bb; outline: 0 none; }

.btnsubmit:hover,
.btnsubmit:focus { background: #0047bb; color: #fff }

.red { color:red;}

.s-icons {width:183px; margin:0 auto;}

.giving-4blocks {background:#f5e3b1; padding:50px 0}

.giving-4blocks h3 { margin: 10px 0 0 0; padding: 0; font-size: 25px; color: #0047bb }

.giving-4blocks p { margin: 0 0 20px 0; padding: 0; font-size: 16px; color: #000000; line-height: 1.5; }

.text-center svg { float:none !important; margin: 0 auto;}

.g-links a { display: block; transition: all 0.3s ease-in-out 0s; padding: 8px 15px; text-align: center; margin: 0px auto !important; font-weight: 700; font-size: 18px; margin: 0; text-transform: uppercase; color: #f6be00; background: #0047bb; max-width: 400px; }

.g-links a:hover { color: #fff; }

.k-lib-top-area p { font-size:25px; text-align:center; max-width:700px; margin:0 auto;}

.our-goal h3 { margin: 10px 0 0 0; padding: 0; font-size: 50px; color: #0047bb; font-weight:700; }

.our-goal p { margin: 0 auto 20px auto; padding: 0; font-size: 25px; color: #000000; line-height: 1.5; max-width:550px; }

.note-bottom p {font-size:13px;}