/**FONTS**/

@font-face {
font-family: 'Inter';
src: url('https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2')format('woff2');
}

h1 {
font-family: "Inter", sans-serif;
font-size: 49px;
font-weight: 800;
text-transform:capitalize;
color: #001344;
}

h2 {
font-family: "Inter", sans-serif;
font-size: 30px;
font-weight: 700;
font-style: normal;
text-transform: capitalize;
}

h3 {
font-family: "Inter", sans-serif;
font-size: 24px;
font-weight: 400;
font-style: normal;
color: #001344;
}

h4 {
font-family: "Inter", sans-serif;
font-size: 20px;
font-weight: 400;
font-style: normal;
color: #001344;
}

p {
font-family: "Inter", sans-serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
color: #001344;
}

/**GENERAL SETTINGS**/
#header,
#header_title,
#login,
#cartCount,
#cartCount a,
#footer,
#footer table {
    background-color: #001344;
}

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





body {
	font-family:'Inter', sans-serif !important;
		color: #001344;
		text-transform: sentencecase;
}

td,
th {
	font-family:'Inter', sans-serif !important;
		color: #001344;
		text-transform: sentencecase;
}

#breadcrumbTop {
    min-height: 20px;
}

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

a:hover,
a:focus,
.history a:hover,
.history a:focus {
    font-family: 'Inter', sans-serif !important;
    color: #001344;
    font-weight: bold;
}

a,
a:link {
	
}

a:focus {
}

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

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


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.850rem;
}



/**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: 35px;
    padding-left: 25px;
}

#login input.submit,
div#login a {
    color: #001344 !important;
    background-color: #B9832D !important;
    margin-right: 2px;
	border: 2px solid #b9832d;
	border-radius: 2px;
	transition-duration: .25s;
	transition-timing-function: ease-out;
}

#login input.submit:hover,
#login input.submit:focus {
    background-color: #001344 !important;
    color: #ffffff !important;
	border: 2px solid #b9832d;
	border-radius: 2px;
	transition-duration: .25s;
	transition-timing-function: ease-out;

}

#login {
    font-family: 'Inter', sans-serif !important;
    color: #ffffff !important;
	background-color: transparent;
}

#login a:hover,
#login a:focus {
    background-color: #001344 !important;
    color: #ffffff !important;
	padding-top: 2rem;
}


div#login a {
    font-family: 'Inter', 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: #001344;
}

.courses a {
    color: #001344;
}


.courseinner {
	border-bottom: solid 2px #a5acaf;
}

#content .courses, #content .courseinner {
	background-color: #ffffff;
	border-radius: 0px;
}

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

.courses a:hover {
    color: #001344;
	text-decoration: underline, 2px, #001344;
}

.subheadinglink a {
    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: #001344;
    color: #fff !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: #001344;
    color: #fff;
}

.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;
}

.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: 'Nunito Sans', 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: #d9d9d9;
}

/**LEFT MENU**/

.leftMenu {
    margin: 1rem;
	box-sizing: border-box;
}

a.nav-toggle {
    padding-top: 0;
}
.leftMenu ul {
	padding: 0 1rem 1rem 1rem;
	background-color: #f4f5f4;
	line-height: 3rem;
	width: auto;
}

.leftMenu ul.Level00 {
	padding: 0 1rem 1rem 1rem;
	background-color: #f4f5f4;
	line-height: 3rem;
	width: auto;
}

.leftMenu li {
	box-sizing: border-box;
	border-bottom: solid 1px #ddd;
}

.leftMenu ul li a,
.leftMenu ul.Level00 li a {
	position: relative;
	background-color: #f4f5f4;
	padding: .5rem 0;
	display:inline-block;
    color: #001344;
	text-decoration: none;
    font-size: 16px;
}

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

.leftMenu ul li a::before,
.leftMenu ul.Level00 li a::before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color:#001344;
	transform: scaleX(0);
	transition: transform .3s ease;
	transform-origin: left;
}

.leftMenu ul li a:hover::before,
.leftMenu ul.Level00 li a:hover::before {
	transform: scaleX(1);
}

.leftMenu ul.Level00 li a {
	
}

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

.leftMenu ul.Level02 li a {
    color: #001344;
    background-color: transparent;
    font-size: 14px;
}

.leftMenu ul.Level03 li a {
    color: #001344;
    background-color: transparent;
    font-size: 14px;
}

.leftMenu ul.Level04 li a {
    color: #001344;
    background-color: transparent;
    font-size: 14px;
}

.leftMenu ul.Level01 li a:hover,
.leftMenu ul.Level02 li a:hover,
.leftMenu ul.Level03 li a:hover,
.leftMenu ul.Level01 li a:focus,
.leftMenu ul.Level02 li a:focus,
.leftMenu ul.Level03 li a:focus {
    color: #001344;
	border-radius: 0px;
    font-size: 14px;
}

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

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


/**UPCOMING COURSES**/
div.upcomingCourse {
}

#content div.courseinner {
	padding: 20px;
}

#content .courseinner img.image_courseThumbnail {
	object-fit: contain;
	width: 80px;
	height: 80px;
}

.upcomingCourse li {
	list-style: none;
	border-bottom: solid 1px #f4f5f4;
}

.upcomingCourse,
#content .courseinner,
.courseinner,
div#footer {
	font-family: "Inter Regular";
    font-size: 14px;
}
h2.subheadinglink a,
h2.subheadinglink a:hover {
	font-family: "Inter Extrabold";
	font-size: 16px;
	color: #001344;
}

div.courseinner a {
	font-family: "Inter Regular";
	font-size: 14px;
	color: #001344;
}

.upcomingCourse h2,
.upcomingCourse a {
	position: relative;
	display: inline-block;
	font-family: "Inter";
	font-size: 16px;
	text-decoration: none;
}

.upcomingCourse h2:hover,
.upcomingCourse h2:focus {
	text-decoration: none;
}

.upcomingCourse h2::before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #001344;
	transform: scalex(0);
	transition: transform .3s ease;
	transform-origin: left;
}

.upcomingCourse h2:hover::before {
	transform: scalex(1);
	background-color: #001344;
}

.courses a {
	font-size: 14px;
}

.courses a:hover, .courses a:focus {
	font-size: 14px;
	text-decoration: underline;
}

.note {
    color: #000;
}

#search {
    width: 50% !important;
}

.subHeader {
	font-family: inter extrabold;
	color: #001344;
	margin: 1rem 0px;
	padding-bottom: 8px;
    border-bottom: 2px solid #d9d9d9;
}

#footer {
    padding-bottom: 20px;
}

/**CATEGORIES**/
.cardContainer{
	justify-content: space-evenly;
	margin-bottom: 2em;
}

a.card{
}

a.imageCard {
	position: relative;
	height: 10em;
	border: none;
	border-radius: 0px;
	margin-top: 2em;
	margin-bottom: 2em;
	overflow:visible;
}

span.cardText{
	position: absolute;
	top: 100%;
	left: 0;
	white-space: no-wrap;
}

a.imageCard span.cardText{
	font-family: "Inter Extrabold";
	color:#001344;
	background-color: #ffffff;
	text-align: left;
	text-decoration: underline;
	border: none;
}

a.imageCard span.cardText:hover,
a.imageCard span.cardText:focus {
	text-decoration: none;	
}

a.imageCard:hover,
a.imageCard:focus {
	border: none;
	margin: 5px;
	position: relative;
	margin-top: 2em;
	margin-bottom: 2em;
	overflow:visible;
}

a.card {
}

a.card:hover {
}

/** FEATURED COURSES **/
.featuredCourse {
	border: none;
	padding: none;
}

img.image_featuredCourseThumbnail {
	object-fit: contain;
	width: 80px;
	height: 80px;
	padding: 10px;
}

td.featuredCourse {
	background-color: #ffffff;
	border-bottom: solid 2px #f4f5f4;
	border-radius: 0px;
}

td.featuredCourse:hover,
td.featuredCourse:focus {
	background-color: #ddd;
	border-bottom: solid 2px #ddd;
}

td.featuredCourse span.alert {
	font-style: italic; 
}

.featuredCourse span {
	Display: inline-block;
	margin-top: 10px;
}

a.notifyLink {
	display: inline-block;
}

.featuredCourse span,
a.notifyLink,
.featuredCourseSession a {
	font-family: "Inter Regular";
	font-size: 14px;
	color: #001344;
}


.featuredCourseTitle a {
	font-family: "Inter Extrabold";
	font-size: 16px;
	color: #001344;
}

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

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

.calTodayDOWlisting {
    background-color: #a5acaf;
}

.calCatSelect {
    color: #001344;
}

.calDOW {
    background-color: #001344;
}

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

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

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

/**INSTRUCTOR STYLES**/
.instructorbreak {
    background-color: #001344;
    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: transparent;
    color: #001344;
    font-family:Inter, "Inter ExtraBold";
    font-weight: bold;
    border-radius: 20px;
}

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

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

.logform .forgotPw a:hover,
.logform .forgotPw a:focus {
    font-weight: bold;
}

.subHeader {
    color: #001344;
}



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

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

    .course-description h2 {
        font-family: "Inter";
		color: #001344;
		text-transform: capitalize;
		font-weight: 700;
		font-size: 30px
    }


    .timedatedesc {
        font-family: "Inter";
		color: #001344;
		text-transform: capitalize;
		font-weight: 400;
		font-size: 16px;
    }

    .course-description h3 {
        font-family: "Inter";
		color: #001344;
		text-transform: capitalize;
		font-weight: 400;
		font-size: 24px;
    }


    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: #fff;
        color: #001344;
    }

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

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

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

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


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

    /** COURSE DESCRIPTION IMAGES**/

    .course-description img {
		display: hidden;
        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;
    }
/* 8.2.1 change */ 
    .logform { 
  color: #000000; 
} 

.logHeading { 
  color: #000000; 
} 

.logform .forgotPw a { 
  color: #001344; 
} 

.logform .forgotPw a:hover { 
  color: #001344 
}
h1{font-size: 2rem!important}

table .note {
    background-color: #005d901c;
    padding: 1em;
}

.profileinner table tr td:first-child {
    width: 20%;
}

@media (max-width:800px){
    .profileinner table tr td:first-child {
    width: 40%;
    }}

@media (max-width:500px){
    .profileinner table tr td:first-child {
    width: auto;
    }}


	/** CALENDAR **/

	.calDOW {
		background-color: #f4f5f4;
	}
	
	div.calTodayDOWlisting {
		color: #001344;
		background-color: #f4f5f4;
		font-family: "Inter", sans-serif !important;	
	}

	div.truncate a {
		background-color: transparent;
		line-height: 2em;
	}

	.calFooter {
		background-color: #001344;
	}

	.calFooter a {
		padding: 0 !important;
	}