/*
Theme Name: College Degrees Online
Author:  CDO
Description: Custom theme for CDO
Version: 1.0.0
*/

/* Main Framework & Header */
* {box-sizing: border-box; margin:0;}
body {font-family:'Fira Sans', sans-serif; line-height:1.9em; font-size:17px; text-rendering:optimizeLegibility; background:#FFF; color: #232323;}
::selection {color: #fff; background: #222;}
.contain {max-width:1100px; width:100%; margin: 0 auto; clear:both;}
.header {width:100%; margin:0 auto; display:block; background:#FFF; overflow:hidden; border-bottom:2px solid #EEE;}
.inner {max-width:1200px; width:100%; margin:auto;}
.side {float:right; margin:1em auto; padding:1em; width:30%;}
  .leftmenu {display:block; font-size:.9em;}
.content {width:70%; float:left; margin:1em auto; padding:0 1em;}
.main-content {padding: 0 2em;}
 .logo {float:left; margin-bottom:1em;}
 .logo img, .logo a img {max-width:100%; margin:1em auto 0;}
.footer {background:#fcfcfc; color:#333; font-size:.85em; clear:both; max-width:100%; text-align:center; margin:2% auto; padding:2%; border-top:1px solid #ddd; overflow:hidden;}
h1.mainh1 {padding:1em .5em 0; color:#01323e;}
.quick-description {padding-left: .5em; font-size: 1em; opacity: .8; border-left: 15px solid #316A63;}
p {margin:0 0 1.5em;}
.site-description {opacity: .8; font-size: 1em; margin-top: 0; padding: 0 1em;}
.toph1 {margin:2em auto 0;}
.image-box {background:url(/images/cbg.png) repeat #EEE; width:100%; margin:1em auto 0; overflow: hidden;}
#hero {padding:10px auto 0px; margin:0;}
.hero-bg {overflow:hidden; padding:1% 0 2%;}
#featurecontain {margin:0 auto; max-width:1200px; min-height:150px; padding: 0 0 2%;}
.full {width:100%; clear:both;}
#featurecontain .subh1 {font-size:20px;}
.light-bg {background: url(/images/bg.jpg) 52% 44% no-repeat #EEEEEE; color:#111111; margin:0 auto; opacity:0.95;  padding:1%; width:90%;}
#feature .light-bg p {font-size:15px; line-height:1.5em; margin-bottom:0.5em;}
.lighter-bg {background:#FFFFFF; border-radius:3px; color:#555; margin:0 auto; opacity:0.95; padding:1%; width:90%;}
.programh1 {color:#fff; border-bottom:2px dashed #ddd;}

/* Main Navigation */
.bar {float:none; width:100%; margin:0 auto;}
.topmenu {width:auto; margin:.25%; padding:0;}
.topmenu .menucontain {text-align:right;}
  .topmenu ul {overflow:hidden; list-style-type:none; margin:0; padding:.1%; border:none; width:auto; min-width:50%;}
  .topmenu ul li {display:inline-block; background:inherit; min-height:20px; padding: 1em 1em 0em 1em; font-size:.95em; line-height:2em; border-bottom:3px dotted #FFF;}
  .topmenu ul li:hover {color:#1E4969; border-bottom:3px dotted #1E4969;}
  .topmenu ul li a {display:inline-block; background:inherit; color:#111; font-size:0.9em; text-decoration:none;}
  .topmenu ul li a:hover {text-decoration:none; color:#1E4969;}
.topmenu ul li a .material-icons {opacity:.5; vertical-align:middle; padding-right:.5%;}
.topmenu ul li a .material-icons:hover {color:#1E4969; text-decoration:none;}
.line1 {line-height:1em;}
.line2 {line-height:1em; opacity:.4; font-size:.9em;}

/* Responsive Navigation */
.nav-main {overflow: hidden; max-width: 1600px; margin: 0 auto; text-align:right;}
.nav-main a, .nav-main a:visited {float: left; display: block; color: #222; text-align: left; padding: 14px 16px; text-decoration: none; font-size: .9em; border-bottom:none;}
.active {color: inherit;}
.nav-main .icon {display: none;}
.dropdown {float: left; overflow: hidden;}
.dropdown .navdropdwn {font-size: inherit; border: none; outline: none; color: #222; padding: 3px 5px; background-color: inherit; font-family: inherit; margin: 0;}
.dropdown-content {display: none; position: absolute; background-color: #F9F9F9; min-width: 160px; border:2px solid #FF6B07; border-radius:3px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 9999;}
.dropdown-content a, .dropdown-content a:visited {float: none; color: #222; padding: 3px 5px; text-decoration: none; display: block; text-align: left; line-height:1.3em;}
.dropdown-content a.dropdown-parent {color:#FF6B07; border-bottom:1px solid #CCC;}
.nav-main a:hover, .dropdown:hover .navdropdwn, .nav-main a:focus, .nav-main a:hover, .nav-main a:active {color: #FF6B07; background:inherit;}
.dropdown-content a:hover {background-color: #F5F5F5; color: #FF6B07;}
.nav-main .logo-col {display: block; float:left;}
.nav-main .nav-col {float:right; margin: .3em auto 0; width:auto;}
.nav-main a.cd-logo:hover, a.cd-logo img:hover {background-color: none;}
.dropdown:hover .dropdown-content {display: block;}
@media screen and (max-width: 800px) {
.nav-main a:not(:first-child), .dropdown .navdropdwn { display: none; }
.nav-main a.icon {float: right; display: block;}
.nav-main.responsive {position: relative;}
.nav-main .nav-col {float: none; margin: 1em auto;}
.nav-main.responsive .icon {position: absolute; right: 0; top: 0;}
.nav-main.responsive a {float: none; display: block; text-align: left;}
.nav-main.responsive .dropdown {float: none;  width:100%; clear:both;}
.nav-main.responsive .dropdown-content {position: relative;}
.nav-main.responsive .dropdown .navdropdwn {display: block; width: 100%; text-align: left;}
button.navdropdwn {background:inherit; color:inherit; font-size:inherit; border:inherit; border-radius:inherit; padding:inherit;}}
.nav-col {float: none; margin:10px auto 0;}
i.down {border: solid #FFF; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); float: right; display: block; margin: 6px 0px 0px 10px;}

/* Headings */
.widget-title {font-weight:700; margin:20px 0 8px;}
h1 {font-size:2.3em; margin:.25em auto; padding:0 .5em 0; color:#01323e;}
h2 {font-size:1.4em;}
h3 {font-size:1.1em; border-bottom:1px solid #DDD;}
h4 {font-size:1.05em;}
a, a:visited {color:royalblue; text-decoration:none;}

/* Headings */
h4.stathead {margin:1px auto; font-size:1.05em; background:#f4f4f4; color:#333; border-top:2px solid #aaa; padding:.85% 0;}
#menu-business {background:#DDD;}

/* CDO Specific */
.top-menu {width:100%; background:#FFF; box-shadow:#B5B5B5 0 2px 6px;}
#main-menu {width:100%; background-color:#186B70; clear:both;}
.top-contain {width:100%; padding-bottom:1%;}
.top-home {background: url(/images/cbg.png) repeat white; border-top:2px solid #EEE;  /*url(/images/bg.png) no-repeat #fff; background-size:contain;*/}
.top-business {background: url(/images/bg-business2.jpg) no-repeat #66808F;}
.top-teaching {background: url(/images/bg-teaching.jpg) no-repeat #8B92AC;}
.top-healthcare {background: url(/images/bg-healthcare.jpg) no-repeat #fff;}
.top-nursing {background: url(/images/bg-nursing.jpg) no-repeat #fff;}
.top-stem {background: url(/images/bg-stem.jpg) no-repeat #fff;}
.top-legal {background: url(/images/bg-legal.jpg) no-repeat #fff;}
.top-psychology {background: url(/images/bg-psychology.jpg) no-repeat #fff;}
.top-counseling {background: url(/images/bg-counseling.jpg) no-repeat #fff;}
/* Career Summaries */
.career {background:#f5f5f5; padding:10px; margin:10px auto; width:75%; border-bottom:4px solid #f1f1f1; text-align:center;}
.career-salary {font-size:15px; color:#888; font-weight:normal;}
/* TOP AREA HOMEPAGE */
.top {margin:50px auto; min-height:100px; width:92%;}
.top-degree {box-shadow: #555 1px 1px 9px; text-align: center; margin:1px 10px; float:left; width:240px; background-color:#FAA026; padding:10px; color:#fff; text-shadow:1px 1px #875515; font-weight:bold; font-size:20px;}
.top-degree a {text-decoration:none;}
.top-program {font-size:30px; font-weight:900; line-height:1em;}
.top-program a {text-decoration:none;}
.top-degree:hover {box-shadow: #555 1px 1px 5px; background-color:#ED9523;}

/* TOP AREAS */
.topareas {background:inherit; margin:0 auto; overflow:hidden; padding:0 1%; width:95%; text-align:center;}
.topabc {float: left; margin: 1em auto; padding: 1em; text-align: center; width: 19%; min-width: 150px; border-bottom: 4px dotted #D8E021;}
.topabc:hover {border-bottom:4px dotted #D8E021;}
a.topbest {text-decoration:none; color:#404040; font-weight:bold;}
.learn {background:#F9F9F9; border-bottom:2px dashed #BBBBBB; border-top:2px solid #5555A8; clear:both; line-height:1.75em; margin:20px; overflow:hidden; padding:10px;}
/* Course Samples */
.courses {margin:10px auto 20px; padding:15px; width:90%; overflow:hidden; clear:both; border-bottom:2px dashed; border-top:2px dashed;}
.course-sample {background:#186B70; color:#fff; font-weight:bold; padding:8px; margin:5px; float:left;}
/* Stats */
.data-wrap {width: 265px; margin:5px auto; min-height:250px; background-color:#316A63; color:#fff; text-align:center; overflow:hidden;}
.data-overview {font-weight:900; text-align:center; font-size:1.5em; background-color:#2B5B55; padding:5px;}
.data-degree {color:#fff; padding: 2px 10px;}
.data-number {font-weight:900; font-size:1.1em;}
.data-text {font-weight:400;}

/* Scroll to Top */
#TopBtn {display: none; position: fixed; bottom: 20px; right: 10%; z-index: 99; border: none; outline: none; background-color: inherit; opacity:1; color: white; cursor: pointer; padding: 15px; border-radius: 10px;}
#TopBtn:hover {opacity:.7;}

/* Map */
.colleges-by-state {background: url(/images/cbg.png) repeat #EEE;/*url(/images/mapbg.jpg) no-repeat 85% 0% #E9E4C6; height: auto; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;*/ width:100%; overflow:hidden; margin:1% auto 0%; padding:1%; opacity:1;}
.colleges-by-state .row {background:#222; opacity:.89; padding:1%; color:#fff;border-radius:3px;}
.colleges-by-state ul {margin:1px;}
.colleges-by-state ul li {list-style:none; padding-left:1px; border-bottom:1px dotted #fcfcfc;}
.colleges-by-state ul li a {color:#fff;}
.golighter {font-weight:normal; opacity:.6; font-size:.9em; float:right; text-align:right;}

/* Program Descriptions */
.comparison-description {font-size:.8em; opacity:.7; margin:.1% auto 1%; padding:1% 2%; background:#EEE;}

/* Lists for only content, sidebars, and cards */
  .contain ul, .card ul {border-top:1px solid #fcfcfc; border-bottom:1px solid #EEE; font-size:inherit; margin:10px auto; width:93%; padding:0;}
  .contain ul ul, .card ul ul {border-top: none; border-bottom:none;}
  .contain ul li, .card ul li {font-size:inherit; line-height:1.7em; vertical-align:middle; padding:.5em;}
  .contain ul li a:hover, .card ul li a:hover {text-decoration:none;}
  .contain ul li:nth-child(even), .card ul li:nth-child(even) {list-style:none; background:#fff; border-bottom:1px dashed #ccc;}
  .contain ul li:nth-child(even):hover, .card ul li:nth-child(even):hover {opacity:.9;}
  .contain ul li:nth-child(odd), .card ul li:nth-child(odd) {list-style:none; background:#fff;  border-bottom:1px dashed #bbb;}
  .contain ul li:nth-child(odd):hover, .card ul li:nth-child(odd):hover {opacity:.9;}
  .contain ul li:last-child {border-bottom:none;}

.code {font-family:Consolas, "courier new"; background-color:#f4f4f4; border-left:4px solid #4CAF50; padding:3% 2%; width:auto; word-wrap:break-word; height:auto; overflow:hidden; clear:both; margin: 2% auto; width:90%;}
.full {clear:both; width:100%; margin:10px auto;}
.half {float:left; width:45%; padding:0 5px; margin:0 auto;}
.program-filters {background:#79B1D8;}
.sidecard {padding:0; font-size:.9em;}
.sidecard i.material-icons {vertical-align:middle;}
.card {box-shadow:#DDDDDD 0 1px 4px; width:97%;}
.intr {padding:0; margin:0;}

/* Cards and Calls */
.card-cdo {background-color: #FFF; border: 1px solid #DDD; height: auto; padding: 0; width: 98%; margin: 2em auto; border-radius: 2px;}
.card-cdo h2, .card-cdo h3 {font-size: 1.05em; padding-bottom: 5px; background-color: #DDD; text-align: center; opacity:.7; font-weight:400;}

@media only screen and (max-width: 800px) {
.leftmenu {display:none;}
.side, .content {float:none; width:95%;}
}
/* Desktop Only */
@media only screen and (min-width: 800px) {
	.data-wrap {float:right;}
}


/************************
 GROUP
***********************/
.group {box-shadow:#999999 0 1px 3px; margin:3% auto; padding:2%; width:90%; background:#fff; border-left: 15px solid #8080FF;}
.group-inner {width:100%;}
.group-school {font-size:1.3em; font-weight:400; margin:0 auto; display:block; width:100%;}
.group-2 {width:100%; opacity: .7; display:table; border-bottom:1px dashed #BBBBBB; height:auto; line-height:1.3em; padding:1px 0;}
.group-url {display:block; width:230px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .group-url a, .group-url a:visited {padding-left: 5px; font-size:11px; text-decoration:none; color:black; display:table-cell; width:250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.group-url .material-icons, .material-icons {font-size:inherit;}
.group-loc {font-size:.85em; display:table-cell; width:20%;}
ul.groupul {font-size:.8em; line-height:1.4em; border-top:none; margin-top:1px;}
.group .row {margin: 0 auto;}
.group ul li:nth-child(even), .card ul li:nth-child(even) {list-style:none; background:#fff; border-bottom:none; padding:0 .25em;}
.group ul li:nth-child(odd), .card ul li:nth-child(odd) {list-style:none; background:#fff;  border-bottom:none; padding:0 .25em;}


/* Columns */
.row {display: table; width: 100%; margin:1% auto;}
.row .col {display: table-cell; padding:1%;}
.row .col-center {text-align:center;}
@media only screen and (max-width: 600px) {.row .col {display: block; width: 95%; margin:1% auto;}}

/* Cards */
.card {background-color:#FFF; box-shadow:#DDDDDD 0 1px 4px; height:auto; padding:10px; width:97%; margin:15px auto; border-radius:2px; font-family:inherit;}
.card ul {border-bottom:none;}
.card a {color:#006EBC;}
.card h3, .card h2, .card h4 {border-bottom:1px dashed #999999; font-size:19px; padding-bottom:5px; text-transform:capitalize;}
.bc {padding:.5em .2em; width:100%; margin:0 auto; background:url(/images/cbg.png) repeat #EEE; font-size:.8em; line-height:1.3em;}
/* Backgrounds and Colors */
.callout {width:90%; margin:2% auto; padding:1.5%; overflow:hidden;}
.white {background:#fff;}
.blue {background:#1977D1; color:#fff;}
.cyan {background:#00838f; color:#fff;}
.green {background:#8EC63F; color:#fff;}
.gray {background:#9E9E9E; color:#fff;}
.lightgray {background:#f5f5f5; border:1px solid #EEEEEE; border-radius:2px;}
.lightcyan {background:#4fb3bf;}
.lightgreen {background:#60ad5e;}

/* Buttons */
.jumpcontain, .button {text-align:center; margin:10px auto;}
.center {text-align:center;}
.jumpcontain a.jump, .button a.btn {display:inline-table; padding: 2% 5%; border:none; color:#fff; font-weight:bold; text-decoration:none; transition:.3s; box-shadow:#bbb 0 1px 3px; background-color:#014656; border-radius:30px;}

/* Floats */
.fright {float:right;}
.fleft {float:left;}

/* Feat */
td.sm {font-size: .9em; line-height: 1.2em;}
.sp {background:#FFFFFF; border:1px solid #ddd; border-radius:3px; color:inherit; font-weight:normal; font-family:inherit; letter-spacing:1px; line-height:15px; margin-right:5px; padding:2px; font-size:10px; opacity:.9; float:right;}
.top-programs-list {margin:1em auto; width:99%;}
a.admissions-website {text-align: center; display: block; background: #ff6000; padding: .5em; color: white; margin: .2em auto; width: 95%; border-radius: 4px;}
a.admissions-website:hover {filter: brightness(85%);}
.spo {text-align: right; line-height: 1em; opacity: .7; font-size: .8em; margin-top: 0; padding-top: 0; font-style: italic;}
/* Feat Table */
table, table.table {border-collapse:collapse; width: 99%; margin: 0 auto; border: 1px solid #DDD; background-color:#FFF;}
table tr {border-bottom: 1px solid #DDD;}
table tr td {padding:.3em .25em;}
table tr td.tdschool {line-height:1.3em; background:#FFF; max-width:250px;}
	table tr td.tdschool .college {font-size:1em;}
	table tr td.tdschool .campus {font-size:.8em; padding-left:.35em; color:#777; display:block; line-height:1.2em;}
	table tr td.tdschool .accred {font-size:.7em; padding-left:1em; color:#888; display:block; line-height:1.2em;}
table tr.table-head {background-color: #DDD; color: #333;}
table tr.table-head th {padding:.15em .25em;}
/* Adjust Table for Tablets and Mobile */
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
table, thead, tbody, th, td, tr {display: block;}
td {border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 5%; }
table tr th {display:none;}
table tr { border: 1px solid #DDD;}
table tr td {border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 5%; }
table tr td.tdschool {background: #DDD; color: #111; border:1px solid #DDD; max-width:100%; width:100%;}
	table tr td.tdschool .accred, table tr td.tdschool .campus {display:inline-block;}
table tr td::before {content: attr(data-th)": "; font-weight: bold; width:6.5em; display: inline-block; text-align:left;}
table tr td.tdschool::before, table tr td.tdprograms::before, table tr td.tdbutton::before  {content: none; width:0;}

}

/*******************************
School Search: 
Edit this part with caution 
*******************************/
.school-search input[type=text], .school-search select {width: 100%; padding: 10px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; border-color .1s ease-in-out; font-size: 15px; font-family: inherit; cursor:pointer; /* Replace dropdown arrow */ background-color:#FFF; background-image: linear-gradient(45deg, transparent 40%, gray 45%), linear-gradient(135deg, gray 45%, transparent 40%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; -webkit-appearance: none; text-indent: 0.01px; text-overflow: "";}
.school-search input[type=submit] {width: 100%;  padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer; -webkit-appearance: none; font-size: 16px; font-weight: normal;}
.school-search {max-width: 350px; border-radius: 3px; padding: 0px; margin: .5em auto 2em; min-width:270px;}
.school-search .form-body, .school-search .form-submit {padding: .4em 1.5em;}
.school-search .intro {font-size:1.3em; font-weight:bold; text-align:center; padding:.5em;}
/* Customize Colors  */
/* Main Background Color */ .school-search {background:#014656; border:1px solid #000; /*border-top: 4px solid #FE4848;*/}
/* Heading Intro */         .school-search .intro {color:#FFF;}
/* Submit Surround Area */  .school-search .form-submit {background:#014656;}
/* Submit Color */          .school-search input[type=submit] {background-color: #D5DD23; color: #014656; border-bottom: 4px solid #949918;}
/* Submit Hover */          .school-search input[type=submit]:hover {filter: brightness(85%);}
/* Sp Link */				.sp2 {text-align:center; width:100%; margin:.1em auto; color:#FFF; opacity:.6; font-size:.8em; font-style:italic;}