/*
Theme Name: Dual Credit Custem Theme
Author: Hyperspective
Author URI: https://www.hyperspective.com/
Description: A theme for Dual Credit
Version: 1.0
*/

/*font-family: 'Titillium Web';*/

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1.8;
}

p {
    margin-bottom: 15px;
}

.top-layer {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

a { text-decoration: none; color: #000000;}
a:hover { text-decoration: none; color: #000000;}
a:active { text-decoration: none; color: #000000;}
/*a:visited { text-decoration: none; color: #000000;}*/
/*a:link  { text-decoration: none; color: #000000;}*/

/*.blue { color:#14849c; }*/
.blue a { text-decoration: none; color: #14849c;}
.blue a:hover { text-decoration: none; color: #14849c;}
.blue a:active { text-decoration: none; color: #14849c;}

.orange { color: #e2951b; }
.orange a { color: #e2951b; }
.orange a:hover { color: #e2951b; }
.orange a:active { color: #e2951b; }


.white { color: #ffffff; }
.white a { color: #ffffff; }
.white a:hover { color: #ffffff; }
.white a:active { color: #ffffff; }
/*.white a:visited, .gray a:visited { color: #ffffff; }*/
/*.white a:link, .gray a:link  { color: #ffffff; }*/

.gray { color: #666; }
.gray a { color: #666; }
.gray a:hover { color: #666; }
.gray a:active { color: #666; }

.light-gray { color: #ccc; }
.light-gray a { color: #ccc; }
.light-gray a:hover { color: #ccc; }
.light-gray a:active { color: #ccc; }

.underline a { text-decoration: underline;}

.header {
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
    font-family: 'Titillium Web';
    font-size: 1.125em;
}

@media (max-width: 767px) {
    .header { padding-left:15px; }
}
@media (min-width: 768px) {
    .header { padding-left:40px; }
}

.header table {
    width:100%;
    height: 100px;
}

.header .brand a{    
    font-weight: 700;
    font-size: 2em;
    color: #e2951b;
    display: inline-block;
    min-width: 170px;
}

.header .primary-login {
    background-color: #145168;
}

#btn_show_search {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    font-size: 1.5em;
    width: 100%;
    height: 100%;
    transition: all 0.2s ease-in-out;
}
#btn_show_search:hover { background-color: #145168; color: #fff; }

#search_box {
    width: 300px; position: absolute; right: 0;
    padding: 10px 10px 10px 10px;
    background-color: #145168;
    border-radius: 0 0 0 10px;
    z-index:999;
    display: none;
}

.menu-primary-container { display: table; height: 100%; float:right; }
.nav-primary { display: table-row; list-style: none; }
.nav-primary li { 
    display: table-cell;
    vertical-align: middle; 
    padding-left: 20px;
    padding-right: 20px;
    letter-spacing: 0px;
    text-align: center;
    transition: all 0.2s ease-in-out;
}
.nav-primary li:hover { background-color: #145168; }
.nav-primary li a { text-decoration: none; 
    height: 100%; 
    display:flex; 
    align-items: center;
    display: -webkit-flex;
    -webkit-align-items: center;
}
.nav-primary li:hover a { color: #fff; }
 
footer .footer { background-color: #145168; }
footer .copyright { background-color: #0f4154; padding: 15px; text-align: center; color: #508ba1; font-size: 0.875em; }
footer .footer .contacts { padding: 30px 30px 30px 30px; }
footer .footer .navigation { padding: 30px 30px 30px 30px; }
@media (max-width: 767px) {
    footer .footer .contacts { text-align: center; padding-bottom: 0; }
    footer .footer .navigation { text-align: center; }
}
@media (min-width: 768px) {
    footer .footer .contacts { text-align: left; padding-bottom: 30px; }
    footer .footer .navigation { text-align: left; }
}
footer .nav-footer { list-style: none; padding: 0; margin-bottom: 0; font-size: 0.875em; line-height: 1.2em;}
footer .nav-footer li { margin-bottom: 10px; margin-right: 5px; }
footer .nav-footer li:hover {  }

.home-chart {
    background-color: #e2951b;
    padding-top: 30px;
    padding-bottom: 60px;
}

.home-chart h2 {
    font-family: 'Titillium Web';
    font-weight: 700;
    font-size: 2em;
    text-align: center;
}

.home-chart h3 {
    font-family: 'Titillium Web';
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}

.dual-credit-opportunity-chart table.desktop tr td { padding: 10px 20px 10px 20px; }
.dual-credit-opportunity-chart table.desktop thead tr:first-child td:nth-child(odd) { background-color: #d6520a; }
.dual-credit-opportunity-chart table.desktop thead tr:first-child td:nth-child(even) { background-color: #d24a09; }
.dual-credit-opportunity-chart table.desktop tr:nth-child(odd) td:nth-child(odd) { background-color: #dd780c; }
.dual-credit-opportunity-chart table.desktop tr:nth-child(odd) td:nth-child(even) { background-color: #da6c0b; }
.dual-credit-opportunity-chart table.desktop tr:nth-child(even) td:nth-child(odd) { background-color: #da6c0b; }
.dual-credit-opportunity-chart table.desktop tr:nth-child(even) td:nth-child(even) { background-color: #d6610a; }

/*
.home-chart table.mobile { width: 100%; }
.home-chart table.mobile tr th, .register-row table.mobile tr td { padding: 10px 20px 10px 20px;  width: 50%;}
.home-chart table.mobile tr th { background-color: #3f0c03; }

.home-chart table.mobile tr.odd td { background-color: #a2210b; }
.home-chart table.mobile tr.even td { background-color: #b62814; }
*/


.dual-credit-opportunity-chart .learn-more-button {
    font-weight: 700;
    width: 100%;
}

.home-apply {
    padding-top: 30px;
    padding-bottom: 60px;
}

.home-apply h2 {
    font-family: 'Titillium Web';
    font-weight: 300;
    font-size: 2em;
    text-align: center;
    color: #e2951b;
}
.home-apply .apply-button {
    width: 90%;
    max-width: 320px;
    margin-top: 30px;
    transition: all 0.2s ease-in-out;
}

.home-apply .apply-button:hover {
    transform: scale(1.1, 1.1);
}

a.btn {
    text-decoration: none;
}
.btn.btn-orange {
    background-color: #e2951b;
    color: #fff;
}

.btn.btn-yellow {
    background-color: #eccb15;
    color: #983505;
}


.content-area {
    margin-top: 30px;
    margin-bottom: 50px;
    color: #444444;
}

.content-area .the-title h1 {
    font-family: "Titillium Web";
    font-weight: 300;
    color: #e2951b;
    margin-top: 0;
    line-height: 1em;
}

.content-area .the-content a { color: #e2951b; }
.content-area .the-content a:hover { color: #e2951b; }
.content-area .the-content a:active { color: #e2951b; }

.content-area .the-content h2 {
    color: #e2951b;
    font-weight: 600;
    font-size: 1.4em;
}

.content-area .the-content h3 {
    font-weight: 600;
    font-size: 1.125em;
}

.content-area .the-content h4 {
    color: #e2951b;
    font-family: "Titillium Web";
    font-weight: 600;
}

.content-area ul {
    padding-left: 18px;
}


.side-panel section {
    background-color: #dd780c;
}
.side-panel section h1 {
    background-color: #da6c0b;
    font-family: "Titillium Web";
    font-size: 1.125em;
    font-weight: 700;
    padding: 15px 20px;
    color: #fff;
    margin-top: 5px;

}

.side-panel section .side-contents {
    font-size: 0.875em;
    color: #fff;
    padding: 15px;
}

.side-panel section .apply-button {
    width: 100%;
}

.side-panel section .side-contents h4:first-child {
    padding-top: 0;
    margin-top: 0;
}

ul.list-unstyled {
    padding-left: 0;
}


@media (max-width: 767px) {
}
@media (min-width: 768px) {
}

.wpcf7-form-control.wpcf7-submit {
    width: 100%;
}

@media (max-width: 767px) {
    .wpcf7-form-control {
        max-width: 260px;
    }
}
@media (min-width: 768px) {
    .wpcf7-form-control {
        max-width: 100%;
    }
}

form .error {
    color: red;
    font-weight: 400;
    font-size: 0.8em;
}