/**FONTS**/
@import url('https://fonts.googleapis.com/css2?family='Lato':ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap'); /**GENERAL SETTINGS**/
#header, #header_title, #login, #cartCount, #cartCount a, #footer, #footer table {
    background-color: #1f62ab;
}

body, #contentinner, #content, #popularContainer, #wholeContent, .cardContainer, #maincontent, #profileOption a, #login a, #loginContent input.button, #loginContent #subCategories a:hover {
    background-color: #f7f7f7 !important;
}

body {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    color: #000000;
    font-size: 16px;
}

td, th {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    color: #111;
}

#breadcrumbTop {
    min-height: 20px;
}

a, .subheadinglink a, .courses a, .history a {
    font-family: 'Lato', Helvetica, Arial, sans-serif !important;
    color: #001344;
    padding-top: 0px;
    font-weight: bold;
}

a:hover, a:focus, .history a:hover, .history a:focus {
    font-family: 'Lato', Helvetica, Arial, sans-serif !important;
    color: #001344;
    background-color: #dddddd;
    font-weight: bold;
}

a, a:link {
    text-decoration: none;
    text-decoration-color: none;
}

a:focus {
    outline: #fcb116 2px solid;
}

/**HEADER**/
#header_title img {
    width: 175px;
}

.input[type="checkbox"] {
    background-color: #1f62ab;
}

input.submit {
    color: #fff;
    background-color: #001344;
    font-size: 0.813rem;
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 15px;
    white-space: normal;
}

input {
    font-size: 0.875rem;
}

/**MOBILE RESPONSIVENESS**/
#wrapper {
    max-width: 100%!important;
}

#header table {
    margin: auto;
    min-width: 100%;
    max-width: 1150px;
    overflow: hidden;
}

@media (max-width: 900px) {
    #header table td:first-child {
        width: 20%;
    }

    #header table td:nth-child(2) {
        width: 50%;
    }
}

@media (max-width: 770px) {
    #header table td:nth-child(2) {
        width: 0%;
    }
}

@media (max-width: 320px) {
    #wrapper {
        width: 100%!important;
    }

    #header_title img {
        width: 190px;
    }
}

/**HEADER**/
#cartCount {
    padding-top: 45px;
    padding-left: 20px;

}
#login, 
#cartCount { 
text-shadow: none; 
}
#login input.submit, div#login a {
    color: #009dd8 !important;
    background-color: #fed301 !important;
    margin-right: 3px;
}

#login input.submit:hover, #login input.submit:focus {
    background-color: #e4e4e4 !important;
    color: #2061ab !important;
    outline: #fcb116 2px solid !important;
}

#login {
    font-family: 'Lato', Helvetica, Arial, sans-serif !important;
    color: #ffffff !important;
}

#login a:hover, #login a:focus {
    background-color: #e4e4e4 !important;
    color: #001344 !important;
    outline: #fcb116 2px solid !important;
}

div#login a {
    font-family: 'Lato', Helvetica, Arial, sans-serif !important;
    font-size: 0.813rem;
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 15px;
    white-space: normal;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
}

#breadcrumbTop a {
    color: #2061ab;
}

.courses a {
    text-decoration-line: underl;
    text-decoration-line: underline;
    font-weight: bold;
    color: #001344;
}

.courseinner table tr td.tableheading {
    color: #000;
}

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

.subheadinglink a {
    text-decoration: underline;
    color: #001344;
}

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

.cartinner table tr td.tableheading {
    color: #000;
}

.cartinner table tr td.tableheadingRight {
    color: #000;
}

.cart a {
    color: #001344;
}

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

.cartOption a {
    background-color: #2061ab;
    color: #fed301 !important;
    text-decoration: none;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 25px;
    margin-right: 15px;
    padding-right: 25px;
}

.cartOption a:hover, .cartOption a:focus {
    background-color: #e4e4e4;
    color: #001344 !important;
}

.cartOption input.submit {
    background-color: #fed301;
    color: #004689;
}

.cartOption input.submit:hover, .cartOption input.submit:focus {
    background-color: #e4e4e4;
    color: #001344;
    outline: #fcb116 2px solid;
}

.cartinner #addedAttendee {
    border: 2px solid #001344;
    background-color: #e4e4e4;
    color: #001344;
    vertical-align: text-top;
    float: left;
    padding-right: 10px;
    padding-left: 13px;
    border-radius: 15px;
    font-size: 0.688rem;
}

.cartinner #addedAttendee a img, .cartinner #addedAttendee a {
    background-color: #e4e4e4;
    color: #001344;
}

.cartinner #addedAttendee a img:hover, .cartinner #addedAttendee a img:focus {
    opacity: 0.3;
    outline: 3px solid #fcb116;
}
#slccAddAttendee {    
   display: none;
}
.cartinner #addedAttendee:hover, .cartinner #addedAttendee:focus, .cartinner #addedAttendee img:hover, .cartinner #addedAttendee img:focus, .cartinner #addedAttendee a:hover, .cartinner #addedAttendee a:focus {
    background-color: #e4e4e4;
    color: #001344;
}

div.cartOption a, .cart a {
    padding-top: 7px;
}

/**CHECKOUT PROCESS**/
#subHeaderNote {
    width: 99%;
    padding-left: 32px;
    padding: 5px 30px;
    border-bottom: 3px solid #d9ac63;
    font-size: 0.913rem;
    margin-top: 0;
    background-color: #e4e4e4;
    border-radius: 3px;
    color: #000;
    font-family: 'roboto', Helvetica, Arial, sans-serif !important;
    font-weight: bold;
}

.cartOption input.submit {
    border: 0px;
}

a:not([href]), a:not([href]):hover, a:not([href]):focus {
    background-color: transparent;
    color: #000;
}

a.alert, a.alert:hover, a.alert:focus {
    background-color: transparent;
    color: #a2370e;
}

/**LEFT MENU**/
div.leftMenu {
    min-height: 20px;
}

a.nav-toggle {
    padding-top: 0;
}

.leftMenu ul li a {
    color: #fff;
    background-color: #738187;
    font-size: 14px;
    text-decoration: none;
}

.leftMenu ul li a:hover, .leftMenu ul li a:focus {
    color: #001344;
    background-color: #ddd;
}

.leftMenu ul.Level00 li a {
    background-color: #2061ab;
    font-size: 14px;
    text-decoration: none;
}

#nav94D700D8{
    background-color: transparent;
}
#nav94D700D8 a:hover {
    cursor: default;
}

.leftMenu ul.Level01 li a {
    color: #001344;
    background-color: #ddd;
    font-size: 13px;
}

.leftMenu ul.Level02 li a {
    color: #001344;
    background-color: #ddd;
}

.leftMenu ul.Level03 li a {
    color: #001344;
    background-color: #ddd;
}

.leftMenu ul.Level04 li a {
    color: #001344;
    background-color: #ddd;
}

.leftMenu ul.Level00 li a:hover, .leftMenu ul.Level01 li a:hover, .leftMenu ul.Level02 li a:hover, .leftMenu ul.Level03 li a:hover, .leftMenu ul.Level00 li a:focus, .leftMenu ul.Level01 li a:focus, .leftMenu ul.Level02 li a:focus, .leftMenu ul.Level03 li a:focus {
    background-color: #a5acaf;
    color: #001344;
}

.leftMenu ul li a i {
    border: solid #fff;
    border-width: 0 3px 3px 0 !important;
    display: inline-block;
    padding: 2px;
}

.leftMenu ul.Level01 li a i {
    border: solid #001344;
}

.leftMenu ul li a .hidden {
    border: hidden !important;
}

/**UPCOMING COURSES**/
.upcomingCourse {
    font-size: 15px;
}

.upcomingCourse, #content .courseinner, .courseinner, div#footer {
    font-size: 16px;
    line-height: 1.42857143;
}

.courses a, .upcomingCourse a:hover, .upcomingCourse a:focus, .courses a:hover, .courses a:focus {
    font-size: 15px;
}

.note {
    color: #000;
}

#search {
    width: 50% !important;
}

.subHeader {
    border-bottom: 4px solid #fed301;
}

#footer {
    padding-bottom: 20px;
}

/**CATEGORIES**/
a.imageCard {
    text-shadow: none;
}

a.card:hover, a.card:focus, a.card:hover img, a.imageCard:hover, a.card:focus img, a.imageCard:focus {
    box-shadow: inset 0 0 0 2000px #1f62ab
}

a.card {
    color: #fff;
    box-shadow: inset 0 0 0 2000px #009dd8;
    height: 10rem;
    border: 2px solid #2061ab;
    text-decoration: none;
}

/**CALENDAR STYLES**/
.calHeader {
    background-color: #1f62ab;
    padding: 10px 15px;
}

th {
    background-color: #009dd8 !important;
    color: #fff !important;
    padding-left: 10px;
}

.calTodayDOWlisting {
    background-color: #a5acaf;
}

.calCatSelect {
    color: #001344;
}

.calDOW {
    background-color: #0013441c;
}

.calFooterLeft, .calFooterCenter, .calFooterRight, .calFooter {
    background-color: #009dd8;
    padding: 5px 10px;
}

.calFooter a {
    padding-top: 0px !important;
}

.truncate a {
    background-color: #fff;
    padding: 5px;
    color: #001344;
}

/**INSTRUCTOR STYLES**/
.instructorbreak {
    background-color: #bbbbbb;
    color: #fff;
}

td.bio_masthead {
    background-color: #001344;
    padding: 5px 10px !important;
}

.bio_table td {
    padding: 5px;
}

/**LOGIN FORM STYLES**/
.logform {
    background: #ddd;
    box-shadow: none;
}

.logform button {
    background: #2061ab;
    color: #fff;
    font-family: 'Lato', Helvetica, Arial, sans-serif !important;
    font-weight: bold;
    border-radius: 20px;
}

.logform button:hover, .logform button:active, .logform button:focus {
    background-color: #a5acaf;
    color: #001344;
}

.logform input {
    background-color: #fff;
}

.logform .forgotPw a:hover, .logform .forgotPw a:focus {
    font-weight: bold;
    background-color: #f7f7f7;
}

.subHeader {
    color: #1f62ab;
}

/** COURSE DESCRIPTION HEADERS and TEXT STYLES**/
h2, h3, h4, h5, h6, h2 a, h3 a, h4 a, h5 a, h6 a {
    margin-top: 20px;
    margin-bottom: 5px;
}

.course-description .gray-header {
    background-color: #a5acaf;
}

.course-description h2 {
    font-family: 'Lato', Helvetica, Arial, sans-serif !important;
    font-size: 23px;
    color: #fff;
    background-color: #001344;
    text-align: center;
    margin: 10px 0;
    padding: .5em;
    font-weight: 700;
}

.timedatedesc {
    font-family: 'Lato', Helvetica, Arial, sans-serif !important;
    color: #001344;
    font-size: 20px;
    text-align: center;
    padding: .3em;
    font-weight: 700;
}

.course-description h3 {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    color: #001344;
    font-size: 20px;
    font-weight: 700;
}

div.line-header-container {
    background: url(https://www.georgiasouthern.edu/wp-content/uploads/line.png) repeat-x center center;
    background-size: 5px auto;
}

div.line-header-small {
    background-color: #f5f5f5;
    max-width: 200px;
    margin: auto;
}

div.line-header-small h2, div.line-header-medium h2, div.line-header-large h2, div.line-header-xlarge h2 {
    background-color: #f5f5f5;
    color: #001344;
}

div.line-header-medium {
    background-color: #f5f5f5;
    max-width: 300px;
    margin: auto;
}

div.line-header-large {
    background-color: #f5f5f5;
    max-width: 500px;
    margin: auto;
}

div.line-header-xlarge {
    background-color: #f5f5f5;
    max-width: 700px;
    margin: auto;
}

div.line-header h2 {
    background-color: transparent;
    color: #001344;
}

h4 {
    font-size: 19px;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    color: #BA4F26;
}

h5 {
    font-size: 18px;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    color: #001344;
    font-weight: 700;
}

h6 {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    color: #BA4F26;
    font-size: 17px;
}

/** COURSE DESCRIPTION HR**/
.course-description hr {
    background-color: #f5f5f5;
    border-bottom: solid 2px #001344;
}

/** COURSE DESCRIPTION IMAGES**/
.course-description img {
    height: inherit;
    width: inherit;
    float: inherit;
}

figcaption {
    font-style: italic;
}

@media (max-width: 500px) {
    .course-description img {
        height: inherit;
        width: inherit;
        max-width: 100%;
    }
}

/** COURSE DESCRIPTION COLUMNS**/
.row {
    display: flex;
    margin: 30px 0;
}

.half {
    width: 50%
}

.third {
    width: 33%
}

.fourth {
    width: 25%
}

@media (max-width: 700px) {
    .row {
        display: block;
    }

    .half, .third, .fourth {
        width: 100%;
    }
}

/** COURSE DESCRIPTION BUTTONS**/
.course-description .cartOption {
    margin-bottom: 20px;
}

.course-description .cartOption.gold a {
    background-color: #d9ac63;
    color: #001344 !important;
}

.course-description .cartOption.gold a:hover, .course-description .cartOption.gold a:focus {
    background-color: #e4e4e4;
    color: #001344 !important;
}

.course-description .cartOption.gray a {
    background-color: #ddd;
    color: #001344 !important;
}

.course-description .cartOption.gray a:hover, .course-description .cartOption.gray a:focus {
    background-color: #001344;
    color: #fff !important;
}
