

/* GLOBAL *********************************************************************** */

:root {
	 --primary-color: #003da6;
}

body{font-family:fg-book,fg-book-woff,'Arial',sans-serif;color:#303030;line-height:1.3}
a{color:var(--primary-color);text-decoration:none}
a:hover{color:#0066cf}
h1{font-family:'Georgia',serif !important;color: var(--primary-color) !important;font-size:calc(24px + (42 - 24) * ((100vw - 300px) / (1920 - 300)));font-weight:normal;line-height:1.2;margin:0 0 15px} /* Override bootstrap styling */
h2 {font-family: 'Arial',sans-serif; color: #777777 !important; font-size: calc(24px + (32 - 24) * ((100vw - 300px) / (1920 - 300))); font-weight: 100; margin: 5px 0 10px;}
h2 + p,h2 + ul{margin-top:5px}
h3{font-family: fg-med,fg-med-woff,fg-book-woff,'Arial',sans-serif;margin: 0 0 10px;font-weight: 100;font-size: calc(18px + (22 - 18) * ((100vw - 300px) / (1920 - 300)));}
h3 + p{margin-top:5px}
ul li{margin:5px 0 5px 15px}
.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.caps {text-transform:uppercase;}
.full-width {width: 100%}
label{font-family: 'Arial',sans-serif; color: #777777 !important; font-size: calc(24px + (32 - 24) * ((100vw - 300px) / (1920 - 300))); font-weight: 100; margin: 5px 0 10px;}


/* BODY LAYOUT *********************************************************************** */
.row-amc.flex, .flex {margin: 0;display: -webkit-inline-box;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;flex-flow: row wrap;justify-content: center;align-items: stretch;}
.row-amc.flex, .flex {
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.row-amc.flex > [class*='col-'], .row-amc.flex > [class*='col-'] > .flex-unit, .flex > [class*='col-'] {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction: column;}

.flex-container {
    float: none !important;
    margin: 0 !important;
    display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;height:100%;}
    .flex {height: 100%;width: 100%;}
    .justify-even-space{justify-content: space-evenly !important;}
    .justify-center{justify-content: center !important;}

    .row-amc.flex {
        display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
                display: flex;
            -webkit-box-align: stretch;
                -ms-flex-align: stretch;
                    align-items: stretch;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: flex-start;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
            -ms-flex-line-pack: justify;
                align-content: space-between;
            float: none !important;
            margin: 0 !important;
        }

        .row-amc.flex > [class*='col-'], .flex-container > [class*='col-'] {float: none !important;}      

/* MAIN NAVIGATION ********************************************************************* */

/* FLEXBOX */

.flex {height: 100%;width: 100%;} 
.nav {float: none !important; position: initial !important;} 
.utility-menu {width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--primary-color);
    padding: 4px 15px;
	z-index: 5;
}
ul#menu-top-menu {float: left;width: 100%;display: block; margin-bottom: 0;}
li#menu-item-3031.myAl {float:right;}
li#menu-item-3031.myAl > a {
    background: rgba(255,255,255,0.75);
    color: var(--primary-blue);
    padding: 1px 7px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: bold;
    font-family: serif; 
} 
header#masthead .logo {
    margin: 55px auto 40px;
    display: block;
    position: relative;
    max-width: 425px;
    padding: 0 15px;
} 
li#menu-item-3026 > a {color:#d8ac0d;}



@media only screen and (max-width: 930px){ 
ul#menu-main-menu {
    text-align: center;
    font-weight: 100;
    padding: 0;
    background: #042c5b;
 /*   height: 135px !important; */
}



.nav ul#menu-main-menu li a {
    float: left;
    height: 30px;
    width: 270px;
}

}
ul#menu-top-menu li, ul#menu-main-menu li, div.utility-menu {display: inline-block;vertical-align: top;}
ul#menu-main-menu li {margin: 0; display: inline-block; margin-top: 5px;}

/* TOP LOGO EDITS ************************************************** */

header#masthead{height:100%;background:url(https://www.albertus.edu/_resources/images/anniversary/CentennialLogo_final_1C_Wte38.png) no-repeat center center var(--primary-color); background-size:cover;}

@media screen and (min-width: 1200px) {
	header .logo img.logo-desk {
		width: 540px;
	}
}
@media screen and (min-width: 992px) {
	header .logo img.logo-desk {
		width: 480px;
	}
}
@media screen and (min-width: 768px) {
	header .logo img.logo-desk {
		width: 460px;
	}
}
@media screen and (max-width: 767px) {
	header .logo img.logo-desk {
		width: 380px;
	}
}
@media screen and (max-width: 432px) {
	header .logo img.logo-desk {
		width: 340px;
	}
}
@media screen and (max-width: 370px) {
	header .logo img.logo-desk {
		width: 290px;
	}
}
@media screen and (max-width: 315px) {
	header .logo img.logo-desk {
		width: 260px;
	}
}
@media screen and (max-width: 280px) {
	header .logo img.logo-desk {
		width: 220px;
	}
}

.nav{float:left;width:auto;position:relative;cursor:default;z-index:500}
.nav ul#menu-main-menu li a {
	border-bottom: 4px solid transparent;
}
.nav ul#menu-main-menu li:hover a {
	border-bottom: 4px solid #005BAB;
}
.nav ul#menu-main-menu li a:hover {
	text-decoration: none;
}
@media screen and (min-width: 1100px) {
.nav{float:right;width:100%}
}
.nav li{list-style:none}

@media screen and (min-width: 1100px) {
.nav .nav-cont{display:block}
}
@media screen and (min-width: 1450px) {
.nav .nav-cont{margin-top:0}
}


ul#menu-main-menu {
    text-align: center;
    font-weight: 100;
    padding:0;
    background: var(--primary-color);
  /*  height: 35px; */
    margin-bottom: 0;
    }
.nav ul#menu-main-menu li a {
    position:relative;
    display:block;
    text-align:center;
    z-index:510;
    text-transform:uppercase;
    letter-spacing:1.5px;
    font-size:calc(12px + (15 - 12) * ((100vw - 300px) / (1920 - 300)));
    padding:6px 15px 3px;
    color:rgba(255,255,255,0.75);
    -o-transition:.3s ease;
    -moz-transition:.3s ease;
    -webkit-transition:.3s ease;
    -ms-transition:.3s ease;
    transition:.3s ease
    }
@media screen and (min-width: 1450px) {
.nav > ul#menu-main-menu > li > a {font-size:20px}
}
@media screen and (min-width: 1600px) {
.nav > ul#menu-main-menu > li > a {font-size:22px;padding:15px 25px}
}
.nav > ul#menu-main-menu > li:first-child > a{margin-left:-20px}
.nav > .nav-cont > li > div {
    position:absolute;
    display:block;
    width:100%;
    min-width:770px;
    top:100px;
    left:0;
    opacity:0;
    visibility:hidden;
    overflow:hidden;
    background-color:#fff;
    background-color:rgba(255,255,255,0.85);
    -webkit-transition:all .3s ease .15s;
    -moz-transition:all .3s ease .15s;
    -o-transition:all .3s ease .15s;
    -ms-transition:all .3s ease .15s;
    transition:all .3s ease .15s
    }

@media screen and (min-width: 1600px) {
.nav > .nav-cont > li > div {
    width:1019px;
    min-width:0;
    left:inherit;
    right:0}
} 
.nav > ul#menu-main-menu > li:hover{color:#0066cf;background-color:#ededed}
.nav > .nav-cont > li:hover > div{opacity:1;visibility:visible;overflow:visible}
.nav > .nav-cont > li:first-child > a{border-left:none}
.nav > ul#menu-main-menu > li{display:block;font-family:fg-med,fg-med-woff,fg-book-woff,'Arial',sans-serif;font-size:1.2em;padding-bottom:10px}

.toprow .icons-menu a {
    display:inline-block;
    font-family:fg-book,fg-book-woff,'Arial',sans-serif;
    font-size:11px;
    letter-spacing:1px;
    color:#ededed;
    color:rgba(237,237,237,0.8);
    padding:0 6px;
    -o-transition:.3s color;
    -moz-transition:.3s color;
    -webkit-transition:.3s color;
    -ms-transition:.3s color;
    transition:.3s color}
.toprow .icons-menu a:hover {
    color:#fff
    } 

/* INDEX BANNER IMAGE *********************************************** */

.photo{height:65vh;width:100%;position:relative;background-image:url(/_resources/assets/img/photo3.jpg);background-repeat:no-repeat;background-size:cover;background-position:top center;-moz-box-shadow: inset 1px 1px 20px rgba(0,0,0,.6);-webkit-box-shadow: inset 1px 1px 20px rgba(0,0,0,.6);box-shadow: inset 1px 1px 20px rgba(0,0,0,.6);}

@media screen and (max-width: 767px) {
	.photo{height:35vh;}
}
.photo .panel{width:100%;background:rgba(14,60,123,0.6);padding:15px 20px 15px 0;position:absolute;bottom:0}
.photo .panel h1{color:#fff;font-size:1.9em;font-family:fg-med,fg-med-woff,fg-book-woff,'Arial',sans-serif;text-transform:uppercase;text-shadow:2px 2px 3px rgba(0,0,0,0.5);margin:0;margin-left:5%;line-height:1}
@media screen and (min-width: 400px) {
.photo .panel h1{font-size:2.2em}
}
@media screen and (min-width: 900px) {
.photo .panel h1{font-size:2.7em;margin-left:8%}
}
@media screen and (min-width: 1150px) {
.photo .panel h1{font-size:3.3em}
}
@media screen and (min-width: 1400px) {
.photo .panel h1{font-size:3.7em;margin-left:16%}
.page-layout{padding:0 16%}
}


/* BREADCRUMBS ********************************************************** */

.bread-crumbs{width: 100%; }
.crumb-style{color: #777777; padding: 5px;}
.main-pg-crumb{color: #0e3c7b !important;}

/* PAGE PAGINATION */

#page-pagination{position: relative; display: inline-block; bottom: 0;}
.pagination-arrow {font-weight: bold;color: #0e3c7b; font-size: 2rem; border: none; background-color: #ffffff;}
.pg-num {font-size: 1.6rem; padding: 0 3px; cursor: pointer;}
.current{color: #777777 !important; text-decoration: underline;}


/* PROGRAM SELECTOR **************************************************** */

#program-choice-options {width: 100%; height: 40px; display: inline-flex; margin: 15px 0;}
.catalog-choice-box {height: 100%; text-transform: uppercase;letter-spacing: 1px; font-family: Arial, serif; text-align: center; border: 1px solid #777777; padding: 5px 10px; margin: 0 1px;}
.catalog-choice-box a {color: #777777;}
.current-pg-program { background: #0e3c7b; box-shadow: 4px 0 6px #00000016;}
.current-pg-program a {color: #ffffff;}

@media screen and (max-width: 375px) {
    #program-choice-options{height: 65px;}
}

/* PROGRAM PAGE ******************************************************** */

.program-course-list {margin-left: 35px}


/* COURSE PAGE ******************************************************** */
.catalog-course-info-title{ width: 25%; vertical-align: top; text-transform: uppercase; font-size: 15px; font-weight: bold; letter-spacing: 1px; line-height: 1.2; position: relative; top: 5px;}
.catalog-course-info{font-weight: 200; width: 75%;}

/* PDF VIEWER LINK ****************************************************** */


.pdf-link span, .pdf-link a {
    float: right;
    font-family: Arial, serif;
    font-weight: bold;
    color: #0e3c7b;
    margin: 0 2px;
    margin-bottom: 40px;
    margin-left: 10px;
}

.pdf-link {
    width: 100%;
    margin: 15px 0;
}

/* SEARCH BOX *********************************************************** */
.search-box-catalog{color: #0e3c7b !important; font-size: 15px; min-width: 260px; height: 45px; padding: 5px; border: 1px solid #777777; margin: 0 15px 0 0;}
.search-container span{color: #ffffff; background-color: var(--athletic-blue); padding: 10px; border-radius: 2px; font-weight: bold; margin: 0px; font-size: 1.2rem; cursor: pointer;}
.search-conteriner{width: 100%;}


/* SECTION INDEX LISTS ******************************************************* */
.catalog-section-titles{font-size: 26px; color: #777777 !important; margin-bottom: 20px;}

.catalog-index-list ul{padding: 0 0 0 15px}
.catalog-index-list ul li{list-style-type: none;}
.catalog-index-list ul li a {color: #777777; font-family: Georgia;font-size: 15px;}
#con-catalog-list li {list-style-type: none;}
/* Sidebar Navigation and main content */

.center-content {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;align-items: center;justify-content: center;}

.entry-meta {text-transform: uppercase;color: #777;letter-spacing: 1.5px;font-weight: 100;margin-bottom: 15px;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0; overflow-x:hidden;}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
hr{border: 3px solid #EEE;margin: 15px 0;}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
big {font-size:250%;}
article.main-content p:not([class]), div:not(.side-menu) ul:not([class]) li:not([class]), div:not(.nav-column) ul li, div:not(.ftr__list nav) ul li {line-height: 1.6;margin-top: 0;font-size: calc(16px +(20-16)*((100vw - 300px) / (1920 - 300)));}


.sidebar .social-links a:before {height: initial !important;width: initial !important;}
.activenav,.page-layout-kpr .sidebar .side-menu li {border-top: 1px solid #EEE;}
.page-layout-kpr .sidebar .side-menu li.active, .sidebar-m li.active {background-color: transparent !important;}/*this counteracts oucampus styles for active*/
.page-layout-kpr .sidebar .side-menu li.active {border-bottom:1px solid #EEE;}
.page-layout-kpr .sidebar .side-menu li a, .ouc_side_nav_fnbg a,.sidebar .side-menu li a {padding: 10px 10px 10px 0;}
.page-layout-kpr .sidebar .side-menu .accordion > ul > li a, .sub_nav_items li a, .sub_nav_items.nest-inception li.nav-header.subnavhead a {padding: 10px 10px 10px 25px;color: #999;}
.page-layout{width:100%}
@media screen and (min-width: 700px) {
.page-layout{padding:4% 8%;padding:0 5%}
}

p, .single--job-post table td, .faculty-profile-template table td, .page-layout.page-layout-kpr :not(.sidebar) ul:not([class]) li:not([class]), .page-layout.page-layout-kpr ol:not([class]) li:not([class]) {line-height: 1.6 !important;margin-top: 0;font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1920 - 300)));} /*!important on line-height resets mac css line-height*/


.sidebar-m{margin:0;padding:0;list-style:none; cursor: pointer;}
.sidebar-m span.menu-text {letter-spacing: 1px;top: 50%;transform: translateY(50%);-webkit-transform: translateY(50%);-ms-transform: translateY(50%);display: block;}
.sidebar-m > div{border: none;background:var(--off-white);font-size:1.2em;color:#0e3c7b;font-family:fg-med,fg-med-woff,fg-book-woff,'Arial',sans-serif}

.sidebar-m > div .menu-icon:before {float: left;height: 50px;width: 65px;margin-right: 30px;content: '\f0c9';font-weight: 900;font-family: 'Font Awesome\ 5 Free';color: #FFF;background: #0e3c7b;text-align: center;font-size: 32px;padding: 5px 15px;}
.sidebar-m > div .menu-m{height:50px;}

.sidebar-m ul{border-bottom: 1px solid #dcdcdc;list-style-type: none;padding: 0;margin: 0;}
.sidebar-m li{border-top: 1px solid #dcdcdc;margin: 0;}
.sidebar-m li a{display:block;width:100%;padding:10px 15px;background:var(--off-white);text-transform: uppercase;color: #303030;font-size: 14px;font-family: 'arial';}
.sidebar-m li:hover a, .sidebar-m .sub_nav_items li:hover a, .sidebar-m .subnavhead:hover {
    background: #005BAB;
    color: #fff !important;
}
.sidebar-m > li:first-child{display:inherit}
.sidebar-m > li:nth-child(2) a{padding-top:10px}
.sidebar-m > li:nth-child(6) a{padding-bottom:10px}
@media screen and (min-width: 768px) {
.sidebar-m{display:none}
}
@media screen and (max-width: 767px) {

.sidebar-m .sub_nav_items li a {
    font-size: 11.5px;
    background: #e4e4e1;
    color: #555;
}

div.sidebar > img {
    display: none;
}
.side-menu {
    padding: 0 0 0 15px;    
}
}

@media screen and (min-width: 768px) {
.sidebar{width:25%;float:left;padding:0}
}
@media screen and (min-width: 1100px) {
.sidebar{width:20%}
}
.sidebar .side-menu{background:#ededed;}
@media screen and (max-width: 768px) {
.sidebar .side-menu{display:block}
}
.sidebar .side-menu > ul{list-style:none;margin:0;padding:10% 0 10px;font-size:1.45em;color:#0e3c7b;font-family:fg-med,fg-med-woff,fg-book-woff,'Arial',sans-serif}
.sidebar .side-menu > ul li{margin:0}
.sidebar .side-menu > ul li > a{display:block;padding:5px 10px 5px 10%}
.sidebar .side-menu > ul li > a:hover,.sidebar .side-menu > ul li > a.select{background:#0e3c7b;color:#fff}
.sidebar .side-menu > ul .accordion > a > .arrow-float{float:right;margin-top:12px;margin-right:10px;height:9px;width:15px;background-image:url(/_resources/assets/img/arrow-down.png);background-repeat:no-repeat;background-position:bottom; display:none;}
.sidebar .side-menu > ul .accordion > a:hover > .arrow-float{background-position:top}
.sidebar .side-menu > ul .accordion > ul{display:none;list-style:none;font-size:1.05rem;text-transform:none;line-height:1.1;background:#e0e0e0;padding:0;margin:0}
.sidebar .side-menu > ul .accordion > ul > li a{padding:5px 8% 5px 15%}
.sidebar .side-menu > ul .accordion > ul > li a:hover{background:#0e3c7b}
@media screen and (min-width: 545px) and (max-width: 700px) {
.sidebar .undergrad-menu{vertical-align:top;width:45%;display:inline-block}
}
@media screen and (min-width: 700px) {
.sidebar .undergrad-menu{padding-top:15px}
}
.sidebar .undergrad-menu h2{color:#0e3c7b;border-bottom:5px solid #0e3c7b}
.sidebar .undergrad-menu ul{list-style:none;padding:0;margin:0}
.sidebar .undergrad-menu ul li{padding:3px 0;margin:0}
.sidebar .contact{margin:25px 0 15px}
@media screen and (min-width: 545px) and (max-width: 700px) {
.sidebar .contact{margin:0;width:100%}
}
.sidebar .contact {text-transform:uppercase}
.sidebar .contact p{font-size:.9rem;margin:3px 0 15px;line-height: 1.4;}
.sidebar .contact a {display: block;margin: 3px 0;}
.sidebar .contact a:not(.email):not(.fax):not(.phone):not(.cell-phone) {display: inline-block;margin: 0;}
.sidebar .contact .heading-title {font-weight: 600;letter-spacing: 2px;font-size: 1.1em;line-height: 1.15;margin: 25px 0 5px;display:inline-block;}
.sidebar .contact a:before, a.email:before, a.phone:before {font-size: 12px;color:var(--primary-color);margin-right: 5px;font-family: 'Font Awesome\ 5 Free';font-weight: 900;height:15px;width: 15px;display: inline-block;}
.sidebar .contact a.phone:before, a.phone:before {content:'\f095';}
.sidebar .contact a.cell-phone:before {content:'\f3cd';}
.sidebar .contact a.email:before, a.email:before {content:'\f0e0';}
.sidebar .contact a.fax:before {content:'\f1ac';}

@media screen and (max-width: 700px) {
.sidebar .contact .fullsize{display:none}
}

.main-content{padding:5%}
@media screen and (min-width: 700px) {
.main-content{float:right;width:70%;padding:5% 0;padding-top:3%}
}

article.main-content p:not([class]), div:not(.side-menu) ul:not([class]) li:not([class]), div:not(.nav-column) ul li, div:not(.ftr__list nav) ul li {line-height: 1.6;margin-top: 0;font-size: calc(16px +(20-16)*((100vw - 300px) / (1920 - 300)));}
article.main-content blockquote {margin: 30px 0;border-top: 5px solid rgba(14,60,123,0.1);padding: 15px;border-bottom: 5px solid rgba(14,60,123,0.1);}
article.main-content blockquote p.quote{font-size: calc(16px + (35 - 16) * ((100vw - 300px) / (1920 - 300))) !important;margin: 0;color: var(--athletic-blue);font-family: "Georgia";letter-spacing: 2px;line-height: calc(1.5em + (1.6 - 1.2) * ((100vw - 300px)/(1600 - 300)));}
article.main-content blockquote p.speaker, span.speaker {letter-spacing: 2px;color: var(--athletic-blue);margin: 30px 0 0;text-align: right;text-transform: uppercase;font-size: calc(8px + (16 - 8) * ((100vw - 300px) / (1920 - 300))) !important;}

@media screen and (max-width: 480px) {
	article.main-content figure {width: 100%;max-width:100%;}
}
@media screen and (max-width: 767px) {
	.page-layout-kpr {padding-top: 0 !important;}/*padding-top has to be 0 to keep mobile menu flush to bottom of header image*/
	.page-layout-kpr article.main-content {padding-top:30px !important;}
}


.page-layout-kpr article.main-content {width:unset !important;padding:0;padding-top: 0!important;float:none !important;}



.page-layout-kpr .sidebar .side-menu {background: transparent;}
.page-layout-kpr .sidebar .side-menu > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1.45em;
    color: #777;
}
.page-layout-kpr .sidebar .side-menu li {
    margin: 0;
    text-transform: uppercase;
    font-size: 13px !important;
    letter-spacing: 0.5px;
    font-family: 'arial';
    letter-spacing: 1px;
    position: relative;
    line-height: 1.25 !important;
	color: #777;
    list-style-type: none;
}
.page-layout-kpr .sidebar .side-menu div:not(.sub_nav_items) > ul:first-child > li:first-child, .page-layout-kpr .sidebar .side-menu > ul:first-child > li:first-child {
    border-top: none;
}
.page-layout-kpr .sidebar .side-menu li a {
    display: block;opacity:0.9;color: inherit;
}
.page-layout-kpr .sidebar .side-menu li a:hover, .page-layout-kpr .sidebar .side-menu li a.select {
    background:none; /*remove when old sidebar stylings are removed*/
    color: #0e3c7b; /*remove important*/
}
/*remove all code below when implemented and corresponding code in other places in main.css*/
/*remove all code with arrow-float around line 349 for the sidebar downward triangle arrows*/

.page-layout-kpr article.main-content {width:unset !important;padding:0;padding-top: 0!important;float:none !important;}
.page-layout-kpr .sidebar {width:unset !important;padding:unset !important;float:none !important;}
/*remove all important tags when implemented*/
.page-layout-kpr {padding-top: 50px !important;padding-bottom:50px;}
@media screen and (max-width: 767px) {
	.page-layout-kpr {padding-top: 0 !important;}/*padding-top has to be 0 to keep mobile menu flush to bottom of header image*/
	.page-layout-kpr article.main-content {padding-top:30px !important;}
}

.scroller,.scroller-inner{position:relative}
.clearfix:before,.clearfix:after{display:table;content:" "}
.clearfix:after{clear:both}
.clearfix:before,
.clearfix:after,
.container-amc:before,
.container-amc:after,
.container-fluid:before,
.container-fluid:after,
.row-amc:before,
.row-amc:after {
  display: table;
  content: " ";
}
.clearfix:after,
.container-amc:after,
.container-fluid:after,
.row-amc:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.container-amc {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  @media (min-width: 768px) {
    .container-amc {
      max-width: 750px;
    }
  }
  @media (min-width: 992px) {
    .container-amc {
      max-width: 970px;
    }
  }
  @media (min-width: 1200px) {
    .container-amc {
      max-width: 1200px;
    }
  }
  .row-amc {
    margin-right: -15px;
    margin-left: -15px;
  }

/* Accordian Drop Down (BOOTSTRAP v3 REQUIRED) ******************************************************** */
.steps button.accordiona, .minimum-size button.accordion, .minimum-size button.accordiona {margin-bottom:6px;border-left:5px solid #0e3c7b;}
div.panela {overflow:hidden;max-height:0;}

button.accordiona {background-color: #f5f5f5;color: #444;cursor: pointer;padding:15px 10% 15px 15px;width: 100%;text-align: left;border: none;outline: none;transition: 0.6s;position:relative;}
button.accordiona:hover {background-color: #ccc;color: #FFF;}
div.panela {padding: 0 18px;background-color: #FFF;max-height: 0;overflow: hidden;transition: max-height 0.4s ease-out;}
button.accordiona:after {content: '\f078';font-size: 13px;color: #FFF;background: #0e3c7b;border-radius: 50%;margin: 0;font-family: 'Font Awesome\ 5 Free';font-weight: 900;padding: 5px 5px 3px 5px;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}


/* table styling ************************************************************************************************ */
.concen div.panela {padding: 0 !important;}
table.concen {width: 100%;margin-bottom: 35px;border-bottom: 1px solid #F5F5F5; font-size: 18px;}
table.concen tr:first-child th:first-child {border-top: none;}
table.concen th {margin: 0 -1px; border-left: 1px solid #FFF;border-right: 1px solid #FFF;color: #0e3c7b;text-transform: uppercase;font-weight: 600;letter-spacing: 2px;padding-top: 30px !important;text-align: center;border-bottom: 1px solid #F5F5F5;background: #FFF;}
table.concen td.class-code {width: 15%;min-width:90px;color: var(--athletic-blue);font-weight:bold;letter-spacing:1.5px;}
table.concen td.class-title {color: var(--primary-color);}
table.concen td.synop {width: 60%; color: var(--primary-color);}

		.box-option-info:nth-child(odd) {background: #F3F2ED;}
        .box-option-info strong {float: left; margin-right: 3px;}
		table.concen td, table.concen th{padding:10px;}
@media screen and (max-width: 767px) {
	table.concen td.class-title,table.concen td.synop {display: block;width:100%;}
    table.concen td.class-code {vertical-align:top;}
    .top-course-header {display: none}
}

table{border-collapse:collapse;border-spacing:0}
.tri-table table.table-kpr th {background: rgba(14, 60, 123, 0.25);font-size: 14px;letter-spacing: 4px;padding: 2px 15px;}
.tri-table table.table-kpr td {width:50%;}
.tri-table table.table-kpr tr > td:first-child {background: rgba(14,60,123,0.1);border: 1px solid #FFF;}
table.table-kpr {width: 100%;margin: 10px 0 25px;}
table.table-kpr {width: 100%;margin: 10px 0 25px;}
table.table-kpr span.float-right {float:right;}
table.table-kpr div.panela {margin: 5px 0 15px;padding: 0 !important;}
table.table-kpr th.dk-header {background:var(--athletic-blue);color:#FFF;}
table.table-kpr th {padding:5px;background:rgba(14,60,123,0.1);width: 100%;text-transform: uppercase;letter-spacing: 1px;}
table.table-kpr td {border:1px solid #EEE;padding: 2.5px 5px;}
table.table-kpr td.link {text-decoration: none;background: var(--primary-blue);text-align: center;-webkit-transition: var(--transition-speed);-moz-transition: var(--transition-speed);-ms-transition: var(--transition-speed);-o-transition: var(--transition-speed);transition: var(--transition-speed)}
table.table-kpr td.link a {color: #FFF;}
table.table-kpr td.link:hover {background: var(--athletic-blue);}
table.table-kpr td.link a:after {content: '\f105';font-weight: 900;font-family: 'Font Awesome\ 5 Free';color: #FFF;font-size: 12px;padding-left: 7px;}

.top-table-header {color: #777777;text-transform: uppercase; font-size: 0.8em;}
.full-table-header {border-bottom: 1px solid #eee;background-color: #ffffff !important;margin-top: 45px;}

.remove-table-header-styling{font-weight: normal; text-transform: none;}

/* COURSE CATALOG LIST STYLING FOR TABLE */

.catalog-course-num {width: 15%;}

@media screen and (max-width: 767px) {
    .vanish-screen-size {
        display: none;
    }
}

/* INDEX PAGE LINKS ************************************************************************* */
.catalog-index-links a {
    color: #777; font-family: Arial, serif; font-weight: 400;
}


.pdfsidelink
{
	width: 55%;
	margin: 0 auto;
	margin-top: -30px;
	margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
	.pdfsidelink
{
	width: 90%;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 20px;
}
}


 /* GLOBAL FOOTER **************************************************************************** */
 footer.global--footer {  
	background: var(--primary-color);
	color: #FFF;
	margin: 0;
	box-shadow: none !important;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	padding:45px 0 20px;
}

footer.global--footer a {
	color: #FFF;
}

footer.global--footer img {
	width: 250px !important;
	object-fit: contain;
	height: auto;
}

footer.global--footer a:hover {
	color: #B3DBFF;
}

footer.global--footer ul {
	list-style-type: none; 
	padding: 0; 
	margin: 0;
	width: 100%;
}

footer.global--footer ul li {
	margin: 0 0 10px;
	font-size:calc(12px + (16 - 12) * ((100vw - 300px) / (1920 - 300)));
}

footer.global--footer .link-unit.left-side {
	text-align: right !important;
	border-right: 1px solid rgba(255,255,255,0.5);
	border-left: none !important;
	padding: 15px 15px 15px 0;
}

footer.global--footer .link-unit.right-side {
	text-align: left;
	border-left: 1px solid rgba(255,255,255,0.5);
	padding: 15px 0 15px 15px;
}
.subfooter {
	background: var(--primary-color);
	padding: 15px 0;
	text-align:center;
	border-top: 1px solid rgba(255,255,255,0.15);
}

.subfooter span {
	color: rgba(255,255,255,0.75);
	letter-spacing: 2px;
	font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1920 - 300)));
	display: block;
	line-height: 1.2;
}


footer.global--footer .center-img {
	padding: 30px 0;  
}

#directedit {display:inline-block;}
#directedit a{color: rgba(255,255,255,0.75);}

@media screen and (max-width: 767px) {
	footer.global--footer .center-img {padding: 25px 0;border-top: 1px solid rgba(255,255,255,0.5);border-bottom: 1px solid rgba(255,255,255,0.5);}
	footer.global--footer .link-unit{padding: 15px !important;}
	footer.global--footer .link-unit.left-side.flip-flop {border: none;text-align: left !important;}
	footer.global--footer .link-unit.right-side.flip-flop {border: none;text-align: right !important;}
}

@media screen and (min-width: 1250px) {
	/* footer{clear:both;text-align:center;background:url(/wp-content/uploads/2019/03/footer-bg-b.png) no-repeat center left #ededed;padding:6% 8px;overflow:hidden;margin-top:25px} */
	}

	@media screen and (min-width: 600px) {
	footer{padding:20px; -webkit-box-shadow: inset 0 1em 2em -1em #333; -moz-box-shadow: inset 0 1em 2em -1em #333;}
	}
	@media screen and (min-width: 10px) {
	footer{-webkit-box-shadow: inset 0 1em 2em -1em #333; -moz-box-shadow: inset 0 1em 2em -1em #333;}
	}
	@media screen and (min-width: 950px) {
	footer .left{float:left}
	}
	@media screen and (min-width: 1000px) {
	footer .left{padding-left:30px}
	}
	footer .left .foot-logo{font-size:24px;font-family:'Georgia',serif;font-variant:small-caps;letter-spacing:1px;margin:0}
	@media screen and (min-width: 430px) {
	footer .left .foot-logo{font-size:30px}
	}
	@media screen and (min-width: 530px) {
	footer .left .foot-logo{font-size:37px}
	}
	footer .left .foot-sublogo{font-family:fg-med,fg-med-woff,fg-book-woff,'Arial',sans-serif;font-size:14px;margin:0}
	@media screen and (min-width: 430px) {
	footer .left .foot-sublogo{font-size:17px}
	}
	@media screen and (min-width: 530px) {
	footer .left .foot-sublogo{font-size:21px}
	}
	footer .left .copyright{font-size:.7rem;margin:0}
	@media screen and (min-width: 430px) {
	footer .left .copyright{font-size:.8rem}
	}
	@media screen and (min-width: 530px) {
	footer .left .copyright{font-size:.9rem}
	}
	footer .right{font-size:.75em;margin:0 auto}
	@media screen and (min-width: 450px) {
	footer .right{font-size:.8rem;width:90%}
	}
	@media screen and (min-width: 650px) {
	footer .right{font-size:.8rem;width:61%}
	}
	@media screen and (min-width: 950px) {
	footer .right{float:right;width:450px}
	}
	footer .right div{vertical-align:top;display:inline-block;width:33%;margin:10px 1% 0;text-align:left}
	@media screen and (min-width: 450px) {
	footer .right div{width:23%}
	}
	footer .right div:nth-child(3){width:69%;float:right}
	@media screen and (min-width: 450px) {
	footer .right div:nth-child(3){width:38%}
	}




/************************************ GENERAL STYLING ******************************************/

@media print {


	.site-header {
		background: transparent;
		padding: 0;
	}
	/* Colors */
	body {
		background: none !important; /* Brute force since user agents all print differently. */
	}
	body,
	a {
		color: #222 !important; /* Make sure color schemes don't affect to print */
	}

} 



.h4, h4 {

    margin-top: 25px !important;
    margin-bottom: 5px !important;
}