/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

/*USFSP/CHANGE*/


/*Bullet configuration for footer*/
ul#menu-footer1 li, ul#menu-footer2 li, ul#menu-footer3 li, ul#social li {
background-image: url('https://www.usfsp.edu/hr/wp-content/themes/usfsp/images/bullet.png');
color: #ffffff;
background-repeat: no-repeat;
background-position: 0px 9px;
padding-left: 10px;
border-bottom: 1px solid #69b4a4;
max-width: 120px;
font-size: 14px;
max-width: 220px;
}
/*Bullet configuration for footer*/

/*Background color for the Alert Message*/
.alert {
	background-color:#ff0000;
	}

.alert p {color:#ffffff;}
a.alert {color: #ffffff;}
/*Background color for the Alert Message*/

/*Change Alignment on Page Title*/

.alternate_color .breadcrumb, .alternate_color .breadcrumb a, #top .alternate_color.title_container .main-title, #top .alternate_color.title_container .main-title a
{
color: #666666;
padding-left: 10px;
}

/*Change Alignment on Page Title*/


/* Center the Socket on the Footer*/
#socket .copyright {
float: center;
}
/* Center the Socket on the Footer*/


/*USFSP/CHANGE*/

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {


	
.gce-page-list .gce-list .gce-list-event {
background-color: #FFF;
}

.main_color a, .alternate_color a { color: #009374; }
	
#top .header_color .main_menu .menu ul li > a:hover {
    background: rgba(137, 137, 137, 1);
    color: rgba(255, 255, 255, 1);
}	

#top .av-main-nav ul a {
width: 230px;
height: auto;
float: left;
text-align: left;
line-height: 23px;
padding: 8px 15px;
font-size: 12px;
min-height: 23px;
max-width: none;
text-decoration: none;
}
	
#top .av-main-nav > li > a {
color: rgba(89, 89, 89, 0.77);
font-weight: 500;
}

#top #header_meta a, #top #header_meta ul, #top #header_meta li, #top #header_meta .phone-info {
color: #ffffff;
font-weight: 300;
font-size: 12px;
line-height: 1.5rem;
}


.header_color .sub_menu>ul>li>a, .header_color .sub_menu>div>ul>li>a, .header_color .main_menu ul:first-child > li > a, #top .header_color .main_menu .menu ul .current_page_item > a, #top .header_color .main_menu .menu ul .current-menu-item > a, #top .header_color .sub_menu li ul a {
color: none;
}


.header_color .sub_menu>ul>li>a{
color: #fff
}

.sub_menu>ul>li>a, .sub_menu>div>ul>li>a {
text-decoration: none;
font-weight: bold;
padding: 10px 0;
color: #ffffff;
}

.sub_menu li {
float: left;
position: relative;
padding: 0 10px;
border-right-style: solid;
border-right-width: 1px;
line-height: 10px;
font-size: 14px;
}

#header_meta .container {
min-height: 55px;
}

.header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div {
/* background-color: transparent; */
color: #000C00;
}

.main_color .heading-color, .main_color a.iconbox_icon:hover, .main_color h1, .main_color h2, .main_color h3, .main_color h4, .main_color h5, .main_color h6, .main_color .sidebar .current_page_item>a, .main_color .sidebar .current-menu-item>a, .main_color .pagination .current, .main_color .pagination a:hover, .main_color strong.avia-testimonial-name, .main_color .heading, .main_color .toggle_content strong, .main_color .toggle_content strong a, .main_color .tab_content strong, .main_color .tab_content strong a, .main_color .asc_count, .main_color .avia-testimonial-content strong, .main_color div .news-headline, #top .main_color .av-related-style-full .av-related-title {
/* color: #222222; */
}

#advanced_menu_toggle, #advanced_menu_hide {
background-color: #ffffff;
color: #333333;
border-color: #e1e1e1;
}

#top #menu-item-search.menu-item-search-dropdown>a {
border: none;
padding-right: 15px;
}


#advanced_menu_toggle, #advanced_menu_hide {
background-color: rgb(249, 249, 249);
color: rgba(0, 0, 0, 0.55);
border-color: rgba(0, 0, 0, 0.11);
}

.responsive .mobile_slide_out .logo img {
margin: 0;
}


screen and (max-width: 767px)
.responsive .logo a, .responsive .logo img {
margin: 0 auto;
max-width: ;
height: ;
max-height: ;
}

.header_color .header_bg, .header_color .main_menu ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div {
background-color: ;
color: ;
border: none;
}


#header_main .container, .main_menu ul:first-child > li a {
height: 50px;
line-height: 50px;
color: #666;
}


#header_main {
border-bottom-width: 1px;
border-bottom-color: #e1e1e1;
background: #FFFFFF;
}


.main_menu ul:first-child >li > ul {
/* border-top-width: 2px; */
/* border-top-style: solid; */
background: #fff;
color: #666;
/* margin: 0 -20px; */
}


#top .main_menu .menu li ul a {
padding: 2px 5px;
color: #666;
}



.header_color .main_menu ul:first-child > li a:hover, .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a, .header_color .main_menu ul:first-child > li.active-parent-item > a {
    background: #333;
    color: #fff;
    display: block;
    white-space: nowrap;
}


.header_color .avia-tt, .header_color .avia-tt .avia-arrow, .header_color .avia-tt .avia-arrow {
background-color: #fff;
}


#header_meta {
border-top: none;
box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
z-index: 10;
min-height: 40px;
background: #137255;
}


#top .main_menu .menu li ul a {
padding: 2px 5px;
color: #666;
background: #fff;
}

.logo img {
padding: 5px 20px;
display: block;
width: x;
height: x;
max-height: x;
height: 100%9;
/* hack: fixes ie8 logo; */
height: auto9;
/* hack: fixes ie8 squished logo; */


}

}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

 
html, #scroll-top-link {
background-color: #ffffff;
}

#advanced_menu_toggle, #advanced_menu_hide {
background-color: transparent;
color: #000000;
border-color: transparent;
}

#header_main {
border-bottom-width: 1px;
border-bottom-color: #e1e1e1;
background: #FFFFFF;
}

.responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul {

width: 340px;
margin: 0 auto;

position: static;
}
}

.mejs-offscreen {
    display: none;
}