@charset "utf-8";
/* CSS Document */

/* Poppins Fonts */

@font-face {
	font-family: "Poppins Light";
	src: url(https://www.southalabama.edu/_resources/fonts/poppins/poppinslight.ttf) format("truetype");
}

@font-face {
	font-family: "Poppins Medium";
	src: url(https://www.southalabama.edu/_resources/fonts/poppins/poppinsmedium.ttf) format("truetype");
}

@font-face {
	font-family: "Poppins Regular";
	src: url(https://www.southalabama.edu/_resources/fonts/poppins/poppinsregular.ttf) format("truetype");
}

html, body, div, span, applet, object, iframe, h1, h2, h4, h3, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: 'Poppins Regular', sans-serif;
	font-size: .92rem;
	color: #4c4c4c;
	background: #f9f9f9;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
    outline: 3px solid #00144f;
    outline-offset: 2px;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
	margin: 0px;
	padding: 0px;
}
html, body {
	min-height: 100% !important;
	height: 100%;
	overflow:hidden;
}
.header_top {
	height: 38px;
	background: #00144f;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 38px;
	padding: 0px 10px;
	position: relative;
	z-index: 3;
}
.header_top .header_left {
	float: left;
}
.header_top .header_left p a {
	color: #fff;
	text-decoration: none;
	margin-left: 15px;
}
.header_top .header_left p a:hover {
	text-decoration:underline;
}
.header_top .header_left p a:focus {
    outline: 2px solid #f5a623;
}
.header_top .header_right {
	float: right;
	width: 50%;
}
.header_top .header_right p.search {
	height: 29px;
	background: #fff;
	border-radius: 2px;
	margin-top: 4px;
	float: right;
	width: 40%;
}
.header_top .header_right input[type="text"] {
	width: 86%;
	height: 25px;
	border: 0px;
	margin: 2px;
	padding: 0px 2px;
	float: left;
}
.header_top .header_right input[type="submit"] {
	width: 22px;
	float: left;
	background: url(../imgs/search.png) center center no-repeat;
	height: 29px;
	border: 0px;
	cursor: pointer;
}
.header_top .header_right p {
	float: right;
}
.header_top .header_right p a {
	color: #fff;
	text-decoration: none;
	margin-left: 15px;
}
.header_top .header_right p a:hover {
	text-decoration:underline;
}
.header_top .header_right p a:focus {
    outline: 2px solid #f5a623;
}
.header_top .header_left p a.jagtran {
	background: url(../imgs/jagtran.png) left no-repeat;
	padding-left: 22px;
}
.header_top .header_right p a.print {
	background: url(../imgs/print.png) left no-repeat;
	padding-left: 22px;
}
.header_top .header_right p a.help {
	background: url(../imgs/help.png) left no-repeat;
	padding-left: 18px;
}
.left_panel {
	min-height: 94% !important;
	height: 94%;
	/*background: #f5f5f5;*/
	background: #ffffff;
	position: relative;
	z-index: 2;
	border-right: 2px solid #ddd;
}
.left_panel.open {
	width: 25%;
}
.left_panel.close {
	width: 0%;
}
.left_panel.close img, .left_panel.close ul, .left_panel.close div {
	display: none;
}
.left_panel.close .menu .open_icon {
	display: inline-block;
}
.left_panel.open .menu .open_icon {
	display: none;
}
.left_panel .logo {
	margin: 10px 1.6%;
	width:96%;
}
.left_panel .university_info {
	background: #fff;
	border: 1px solid #ddd;
	width: 94%;
	margin: 0px 2.6%;
	position: absolute;
	bottom: 8px;
	height: 45px;
	text-align: center;
	color: #00144f;
	border-radius: 4px;
}
.left_panel .university_info .l_info {
	display:none;
}

.left_panel .university_info h2 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: -0.5px;
	padding: 8px 0px;
}
.left_panel .university_info p {
	font-weight: 600;
	line-height: 10px;
}
.left-panel-directions{
	margin: 0px 2.6%;
}
.left-panel-directions .directions-to h3{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: -0.5px;
	padding: 8px 0px;
	color: #00144f;
}
.left_panel .menu {
	position: absolute;
	right: -28px;
	margin-top: 25px;
}
.loc_directions_panel ul{border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;margin-bottom:5px;line-height:25px;padding:12px;}
.loc_directions_panel li{display:inline-block;}
.loc_directions_panel li.from, .loc_directions_panel li.from_address{width:99%;display:block;}

.loc_directions_panel li.from span{color:#00144f;font-size: 14px;font-weight: bold;padding: 12px 0px;}
.loc_directions_panel li input{width: 99%;border: 1px solid #ddd;height: 25px;margin-top: 3px;margin-left: -1px;padding: 2px;border-radius:2px;}
.loc_directions_panel li a.derection{background:url(../imgs/direction.png) center center no-repeat;width:38px;height:28px;display:inline-block;}
.loc_directions_panel li a.driving{background:url(../imgs/driving.png) center center no-repeat;width:38px;height:28px;display:inline-block;}
.loc_directions_panel li a.transit{background:url(../imgs/transit.png) center center no-repeat;width:38px;height:28px;display:inline-block;}
.loc_directions_panel li a.cycling{background:url(../imgs/cycling.png) center center no-repeat;width:38px;height:28px;display:inline-block;}
.loc_directions_panel li a.walking{background:url(../imgs/walking.png) center center no-repeat;width:38px;height:28px;display:inline-block;}
.loc_directions_panel li a{border-bottom:2px solid #f5f5f5;}
.loc_directions_panel li a:hover{border-bottom:2px solid #00144f;}
.loc_directions_panel li.active_desti a{border-bottom:2px solid #00144f;}
.loc_directions_panel .buttons a{background: #ddd;border-radius: 2px;padding: 4px 8px;color: #000;text-decoration: none;line-height: 38px;font-size: 11px;text-transform: uppercase;}
.loc_directions_panel .buttons a:hover{background-color:#00144f;color:#ffffff;}
.loc_directions_panel .buttons a.active{background-color:#00144f;color:#ffffff;}
.loc_directions_panel #direction_options{padding-left:12px;}
.loc_directions_panel #directions_list{padding-left:12px;padding-right:12px;}
.left_panel #accordion{width:98%;margin:0px auto;height:64%;overflow-y:auto;font-family:'Poppins Regular';}
.left_panel #accordion h4{background:#fff 5px center no-repeat;border:1px solid #ddd;border-radius:2px;line-height:35px;padding: 0px 5px 0px 8px;margin-top:2px;font-weight:normal;cursor:pointer;}

.left_panel #accordion .accordion-content .accordion-toggle{background:#fff 5px center no-repeat;border:1px solid #ddd;border-radius:2px;line-height:32px;padding: 0px 5px 0px 15px;margin-top:2px;font-weight:normal;cursor:pointer;}
.left_panel #accordion .accordion-content .accordion-toggle:hover{background:#fff 5px center no-repeat;}

.left_panel #accordion h4 span{ width:91%;display:inline-block;}
.left_panel #accordion h4 input{float:right;margin: 10px 0px 0px 0px;}
.left_panel select{width: 97.5%;border: 1px solid #ddd;height: 25px;margin-bottom: 3px;margin-left: 5px;padding: 2px;border-radius:2px;}
.left_panel #accordion h4.close_acc{background:#fff 5px center no-repeat;border:1px solid #ddd;}
.left_panel #accordion h4.open_acc{background:#5d6a8f 5px center no-repeat !important;border:1px solid #304070 !important;color:#fff !important;}
.left_panel #accordion .accordion-content{background:#e9eefd;border:1px solid #d8e0f6;padding-left: 12px;}
.left_panel #accordion .accordion-content h4{border:0px;background:#e9eefd;background:url(../imgs/dot.png) 5px 11px no-repeat;padding-left: 18px;line-height: 28px;}
.left_panel #accordion .accordion-content h4:hover{background:#fff url(../imgs/dot.png) 5px 11px no-repeat;}


.loc_details_view{width: 30%;margin: 0px auto;height: 100%;overflow-y: auto;position:absolute;top:0px;left:0px;background:#fff;z-index:3;}
.loc_details_view .loc_header{height:38px;background:#bbb;padding:0px 10px;}
.loc_details_view .loc_header p{float:left;padding:0px;}
.loc_details_view .loc_header p a{background:#ddd;border-radius:2px;padding:4px 8px;color:#000;text-decoration:none;line-height:38px;font-size:11px;text-transform:uppercase;}
.loc_details_view .loc_header p a:hover{background:#00144F;color:#ffffff;}
.loc_details_view .loc_header p a.active{background:#00144F;color:#ffffff;}
.loc_details_view .loc_header p.close{float:right;}
.loc_details_view .loc_header p.close a{background:#e7b7b7;border:1px solid #d9a8a8;}
.loc_details_view .loc_header p.close a:hover{background:#00144F;border:1px solid #00144F;}
.loc_details_view h2{line-height:22px;padding:10px 17px 10px 17px;font-size:17px;color:#00144f;}
.loc_details_view .img_div{margin:0px auto;width:92%;min-height:100px;background:#ccc;}
.loc_details_view .img_div img{background:#fff;padding:2px;border:1px solid #aaa;width:99%;}
.loc_details_view p{padding:17px;line-height:22px;padding-top:0px;} 
.loc_details_view .map_view_btn{display:none;}
.loc_details_view .map_view_btn.active{background-color:#00144F;}
.loc_details_view .loc_description{line-height: 22px;padding: 17px;}
.loc_details_view .loc_description h3{margin-top:15px;}
.loc_details_view .loc_description ul{list-style: circle;line-height: 20px;padding-top: 0px;margin-left:18px;}
.loc_details_view .loc_description ul li a{color:#00144F;}

.loc_directions_panel{width: 30%;margin: 6% auto 0;height: 88%;overflow-y: auto;position:absolute;left:0px;background:#fff;z-index:3;}

.map_view {width: 100%;height: 100%;position: fixed;top: 38px;left: 0px;background: #fff;z-index: 0;margin: 0;padding: 0;}

.campus-maps {position: relative;height: 100%;overflow: hidden;}

/*Search Popup Styles Start*/
.location_block{width:100%;float:left;margin:5px 0px;border-bottom:1px dotted #ddd;padding-bottom:15px;padding-top: 5px;padding-left: 5px;display:block;cursor:pointer;}
.location_block:hover{background-color:#DDDDDD;}

.help_block{cursor:default;}
.help_block:hover{background-color:#fff !important;}

.location_block .img_pane{margin-right: 10px;display: block;width: 43%;height: auto;float: left;text-align: left;clear: both;}
.location_block .img_pane img{border:1px solid #ddd;padding:2px;margin-bottom:10px;width:100%;height:116px;}
.location_block .content_pane{float:left;width:54%;margin-left:5px;}
.location_block .content_pane p{margin-top:2px;text-align:justify;}
.location_block h4{font-size:16px;color:#00144F;margin-bottom:2px;border-bottom:0px;padding-bottom:0px;line-height:18px;}
.location_block span{color:#333;font-size:13px;}
/*Search Popup Styles End*/

/*Custom Checkbox Styles Start*/
.checkbox {
	display: inline-block;
	cursor: pointer;
	font-size: 13px;
	line-height:18px;
}
input[type=checkbox] {
	display:none; 
}
.checkbox:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align:middle;
	background-color: #ddd;
	color: #00144f;
	text-align: center;
	box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8); 
	border-radius: 3px;
	margin-bottom:4px;
}

input[type=checkbox]:indeterminate + .checkbox:before {
	content: "\2014";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 15px;
}

input[type=checkbox]:checked + .checkbox:before {
	content: "\2713";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 15px;
}

/*Custom Checkbox Styles End*/




/* General focus outline for all interactive elements */
:focus {
    outline: 3px solid #00144f; /* A distinct color for focus */
    outline-offset: 2px; /* Space the focus outline slightly away from the element */
}

/* Links */
.header_top .header_left p a:focus,
.header_top .header_right p a:focus,
.loc_details_view .loc_header p a:focus,
.loc_details_view .loc_header p.close a:focus,
.loc_directions_panel li a:focus,
.loc_directions_panel .buttons a:focus {
    outline: 2px solid #f5a623; /* Focus color for links */
    text-decoration: underline;
}

/* Buttons */
.loc_directions_panel .buttons a:focus,
.loc_details_view .loc_header p a:focus,
.location_block .content_pane h4 a:focus {
    background-color: #00144f;
    color: white;
}

/* Form inputs */
input[type="text"]:focus,
input[type="submit"]:focus,
select:focus,
textarea:focus {
    border: 2px solid #00144f; /* Adding a focus border color for form elements */
    background-color: #f0f8ff; /* Optional: Slight background color change to indicate focus */
}

/* Custom Checkboxes */
input[type="checkbox"]:focus + .checkbox:before {
    border: 2px solid #00144f; /* Focus outline for custom checkboxes */
}

/* Focus style for <select> */
select:focus {
    outline: 2px solid #00144f; /* Adds blue outline when focused */
    background-color: #f1f1f1;  /* Optional: Light background color to highlight the select */
    border: 1px solid #00144f;  /* Optional: Dark border on focus */
    padding: 2px;               /* Optional: Padding to make focus more visible */
}

/* Main dropdown */
#ct {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 98%;
    height: 45px;
    padding: 0 52px 0 14px;
    font-family: 'Poppins Medium', sans-serif;
    font-weight: 300;
    font-size: 0.9rem;
    line-height: 45px;
    color: #0054ae;
    background-color: #fff;
    border: 1px solid #bfc6ce;
    border-radius: 0;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
    /* Larger custom dropdown arrow */
    background-image: url("data:image/svg+xml;utf8,<svg fill='%23444' height='28' viewBox='0 0 24 24' width='28' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 24px;
}

@media (max-width:992px) { #ct { width: 97%; } }
@media (max-width:767px) { #ct { width: 96%; } }
@media (max-width:500px) { #ct { width: 95%; } }

#ct:hover {
    border-color: #7f8c99;
    box-shadow: 0 3px 10px rgba(0,0,0,0.12);
}

#ct:focus {
    outline: none;
    border-color: #4d90fe;
    box-shadow:
        0 0 0 4px rgba(77,144,254,0.18),
        0 3px 10px rgba(0,0,0,0.12);
}

#ct option {
    font-family: 'Poppins Light', sans-serif;
    font-weight: 300;
    font-size: 0.9rem;
    padding: 12px;
    background-color: #ffffff;
    color: #333;
}

#ct option:hover,
#ct option:focus,
#ct option:checked {
    background-color: #e8f1ff;
    color: #111;
}