/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.5
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

/******************************************************************************************/
/* General Styles */
/******************************************************************************************/

/* set overflow for sticky menu */
#wrap_all {
	overflow: visible !important;
}

.responsive body {
    overflow-x: visible !important;
}

/*overrides padding that theme adds to compensate for sticky header*/
.responsive #top #main {
	padding-top: 0 !important;
}

/* Set the max continer width for desktop */
.container {
	max-width: 1146px !important;
}

/* remove padding from the content */
.content {
	padding: 0px !important;
}

.cont-row .entry-content-wrapper {
	padding: 0px 55px !important;
}

/*@media only screen and (max-width: 767px) {
.responsive #scroll-top-link{display: block !important;}
}*/

#scroll-top-link {
	display: none;
}

@media only screen and (max-width: 800px) {
	.cont-row .entry-content-wrapper {
		padding: 0px 30px !important;
	}
	
	.flex_column {
		margin-bottom: 0px !important;
	}
}

/* default body text */
body {
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
}
/* default font */

h1, h2, h3, h4, h5, h6, p, ul, li, table .menu-item , #socket{
	font-family: 'Source Sans Pro', sans-serif;
}

.header-black {
	text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.8);
}

/* link styling */
#top #wrap_all a {
	text-decoration: underline;
}

#top #wrap_all a:hover, #top #wrap_all a:active {
	text-decoration: none;
}

#top #wrap_all .avia-button, 
#top #wrap_all h1 a, 
#top #wrap_all h2 a, 
#top #wrap_all h3 a, 
#top #wrap_all h4 a, 
#top #wrap_all h5 a, 
#top #wrap_all h6 a {
	text-decoration: none;
}

#top #wrap_all h1 a:hover, #top #wrap_all h1 a:focus,
#top #wrap_all h2 a:hover, #top #wrap_all h2 a:focus,
#top #wrap_all h3 a:hover, #top #wrap_all h3 a:focus,
#top #wrap_all h4 a:hover, #top #wrap_all h4 a:focus,
#top #wrap_all h5 a:hover, #top #wrap_all h5 a:focus,
#top #wrap_all h6 a:hover, #top #wrap_all h6 a:focus {
	text-decoration: underline;
	text-decoration-thickness: from-font;
	opacity: 1.0;
}

#top #wrap_all a:focus-visible {
	outline: 2px solid #b94700;
	outline-offset: 2px;
	transition: outline 0s;
}

#top #wrap_all a.avia-button:focus-visible,
#top #wrap_all input[type='submit']:focus-visible,
#top #wrap_all #search-btn:focus-visible,
#top #wrap_all #eCARD input[type='button']:focus-visible,
#top #wrap_all .main_color input[type='checkbox']:focus-visible,
#top #wrap_all .main_color input[type='radio']:focus-visible {
	outline: 3px solid #0b65af;
	outline-offset: 2px;
	transition: outline 0s;
}

#top #wrap_all .main_color input[type='text']:focus-visible,
#top #wrap_all .main_color .input-text:focus-visible,
#top #wrap_all .main_color input[type='input']:focus-visible,
#top #wrap_all .main_color input[type='password']:focus-visible,
#top #wrap_all .main_color input[type='email']:focus-visible,
#top #wrap_all .main_color input[type='number']:focus-visible,
#top #wrap_all .main_color input[type='url']:focus-visible,
#top #wrap_all .main_color input[type='tel']:focus-visible,
#top #wrap_all .main_color input[type='search']:focus-visible,
#top #wrap_all .main_color textarea:focus-visible,
#top #wrap_all .main_color select:focus-visible {
	outline: 1px solid #8c8c8c;
}

.main_color a strong:hover {
	color: #b94700;
}

/*main a:visited {
	color: #909090 !important;
}*/
a.avia-button {
	background: #b94700 !important;
}

main a.avia-button:visited {
	color: #ffffff !important;
}
main a.avia-button:hover {
	color: #b94700 !important;
}

a.no-visit:visited {
	color: #ffffff !important;
}

/* header styling */
h2 {
	text-transform: none !important;
	font-weight: 400 !important;
}

h3 {
	font-size: clamp(1.875rem, 2.5vw + 1.25rem, 3.75rem) !important;
}

h4 {
	font-size: clamp(1.25rem, 0.179rem + 2.857vw, 2.75rem); !important;
}

@media only screen and (max-width: 820px) {
	h2 {
		font-size: 20px !important;
	}
}

@media only screen and (max-width: 800px) {
	h3 {
		font-size: 30px !important;
	}
}

h3, h4 {
	font-weight: lighter !important;
}

h5 {
	font-weight: normal !important;
}

.normal-type>h5 {
	font-weight: normal !important;
}

/* style helpers */
.padding-bottom-20 {
	padding-bottom: 20px;
}

.top-pad-50 {
	padding-top: 50px !important;
}

.with-flex {
	display: flex;
}

.margin-auto {
	margin: auto !important;
}

ul.two-cols {
	columns: 2;
  
}

.bold {
	font-weight: bold;
}

.mobile-only {
	display: none !important;
}

.left-pad-20 {
	padding-left: 15px;
}

.small-header h3 {
	font-size: 32px !important;
}

.av-special-heading-tag h3 {
	font-weight: 400 !important;
}

.av-special-heading-tag h4 {
	font-weight: 600 !important;
}

.av-section-cont-open {
    background-color: #ffffff;
    box-shadow: 0px 0px 30px #00000067;
	padding: 0px !important;
}

.container_wrap {
	border: none !important;
}

.vertical-center {
	display: flex;
	flex-direction: column;
    align-items: center;
	vertical-align: middle;
	justify-content: center;
}

/* Skip links */
#top a.skip_link{
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	margin: 0px;
	overflow: hidden;
	opacity: 0;
	transition: opacity 0.5s, margin-left 0.5s, height 0.5s !important;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: bold;
}

#top a.skip_link:focus, #top a.skip_link:focus-visible {
	position: relative;
	display: block;
	left: auto;
	right: auto;
	top: auto;
	width: fit-content;
	height: auto;
	margin: 10px auto 15px calc(5% + 20px);
	padding: 5px 30px;
	text-align: center;
	text-decoration: none !important;
	background-color: #b94700;
	border: 1px solid #8c8c8c;
	color: #ffffff;
	opacity: 1;
	outline: none !important;
}

#top a.skip_link:hover {
	text-decoration: underline !important;
}

#top a#skip_nav.skip_link {
	transition: opacity 0.5s, margin-top 0.5s, margin-left 0s, height 0s !important;
}

	#top a#skip_nav.skip_link:focus, #top a#skip_nav.skip_link:focus-visible {
		position: absolute;
		z-index: 2000;
		padding: 15px 50px;
		margin: 10px auto 0px calc(5% + 20px);
		box-shadow: 0px 0px 20px 0px black;
	}

#top #wrap_all a.skip_target:focus-visible {
	outline: none;
}

@media only screen and (max-width: 820px) {
	.small-on-small h3 {
		font-size: 32px !important;
	}
}

@media only screen and (min-width: 801px){
	.hide-on-desktop {
		display: none !important;
	}
}

@media only screen and (max-width: 800px) {
	.medium-on-small h3 {
		font-size: 37px !important;
	}
	
	.medium-on-small h5 {
		font-size: 16px !important;
	}
		
	.hide-on-mobile {
		display: none !important;
	}
		
	.mobile-only {
		display: inline-block !important;
	}
	
	.first-col {
		margin: 25px 25px 25px 0px !important;
		min-height: 0px !important;
	}
	
	.last-col {
		margin: 25px 0px !important;
		min-height: 0px !important;
	}
}

@media only screen and (max-width: 767px) {
	ul.two-cols {
		columns: 1 !important;
		
	}
}

/* global form styles */

#top #wrap_all ::placeholder {
	opacity: 1;
	color: #767676;
}

#top #wrap_all .main_color input[type='text'],
#top #wrap_all .main_color .input-text,
#top #wrap_all .main_color input[type='input'],
#top #wrap_all .main_color input[type='password'],
#top #wrap_all .main_color input[type='email'],
#top #wrap_all .main_color input[type='number'],
#top #wrap_all .main_color input[type='url'],
#top #wrap_all .main_color input[type='tel'],
#top #wrap_all .main_color input[type='search'],
#top #wrap_all .main_color textarea,
#top #wrap_all .main_color select {
	background-color: #ffffff;
	border-color: #8c8c8c;
	color: #363736;
}

/*25.1 burger, x hover - selector is correct, style needs rethinking, it's obnoxious on mobile devices */
/*#mega-menu-wrap-avia .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated:hover {
	outline: 2px solid #b94700;
	outline-offset: 3px;
}*/

/*25.1 login hover*/
#top .login a:hover {
	background: #F8F8F8 !important;
	color: #b94700 !important;
	text-decoration: none !important;
}

/*25.1 top links hover*/
#top .white-bg a:hover {
	text-decoration: underline !important;
}

/*27 attend menu hover*/
@media only screen and (max-width: 820px) {
	#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-item > a.mega-menu-link:hover {
		text-decoration: underline;
	}
}

/******************************************************************************************/
/* END | General Styles */
/******************************************************************************************/




/******************************************************************************************/
/* Header Styles */
/******************************************************************************************/

/* main header styles */
#header_main {
	border: none;
	background-color: #FFFFFF;
	height: 120px;
}

/* sticky only at desktop widths and sufficient height, AND no notification bar */
@media only screen and (min-width: 821px) and (min-height: 641px) {
	/*.html_header_sticky #top #wrap_all #header {
		position: sticky !important;
		top: 0px !important;
	}*/
	.html_header_sticky.html_mobile_menu_tablet #top #wrap_all #header,
	.html_header_sticky.html_header_transparency #top #wrap_all #header,
	.html_header_sticky #top #wrap_all #header {
		position: fixed;
		top: 0;
	}

	.html_header_top.html_header_sticky #top #wrap_all #main {
		margin-top: 159px;
	}

	/*if the notification bar is up, unsticky*/
	.html_header_sticky #top #wpfront-notification-bar-spacer ~ #wrap_all #header {
		position: relative;
		top: auto;
	}

	.html_header_top.html_header_sticky #top #wpfront-notification-bar-spacer ~ #wrap_all #main {
		margin-top: auto;
	}

}

@media only screen and (max-width: 820px) {
	#header_main {
		height: 220px;
		padding-top: 10px;
		}
	
	.mega-toggle-blocks-right {
		margin-top: -480px;
	}
	
	#top #header_main > .container {
		height: 250px !important;
	}
	
	#header_meta {
		display: none !important;
	}

	/*.html_header_sticky #top #wrap_all #header {
		position: -webkit-sticky !important;
		position: sticky !important;
		top: 0px !important;
	}*/
	
}

@media only screen and (max-width: 800px) {
	#header_meta {
		display: none !important;
	}
	
	#header_main {
		padding: 10px 0px !important;
	}
}

@media only screen and (max-width: 767px) {
	#header_main {
		padding-top: 5px !important;
		height: 220px !important;
	}
	
	.mega-toggle-blocks-right {
		margin-top: -490px;
	}
}

/* header meta (top menu) styles */
#header_meta {
	border: none;
	padding-top: 10px;
}

#header_meta .container {
	padding: 0px 15px !important;
}

/* logo styles */
.av-logo-container {
	padding: 0px;
	padding-top: 0px;
	margin-top: -10px;
	z-index: 1000;
}

.logo {
	width: 233px;
}

/******************************************************************************************/
/* END | Header Styles */
/******************************************************************************************/




/******************************************************************************************/
/* Add a widget area next to the logo */
/******************************************************************************************/

/***********************************
CSS Settings:

» Initiate Flexbox
» Topbar
» Header
» Logo
» Menu
» Widget
» Social icons
» Search
» Cart icon

***********************************/


/*--------------------------------

» Initiate Flexbox

--------------------------------*/


/* Header */
.responsive #top #header,
/* Top bar */
.responsive #top #header #header_meta, 
/* Search icon */
.responsive #top #header #menu-item-search a,
/* Cart icon */
.responsive #top #header a.cart_dropdown_link,
/* Social icon */
.responsive #top #header #header_main nav .social_bookmarks,
/* Logo */
.responsive #top #header #header_main .inner-container .logo,
/* Main menu, cart and social icons */
.responsive #top #header #header_main .inner-container .main_menu,
/* Widgets */
.responsive #top #header #header_main .inner-container .widget,
/* Header inner container */
#top #header #header_main .container.av-logo-container .inner-container {
    display: flex;
    position: relative;    
}





/*--------------------------------

» Topbar

--------------------------------*/


/* Top bar */

.responsive #top #header #header_meta {
    flex-basis: 100%;
}




/*--------------------------------

» Header

--------------------------------*/


/* Height outer container */

#top #header #header_main .container.av-logo-container {
    /* Do not change height here */
    /* Auto height: Header takes the height of the contents */
    height: inherit;    
    line-height: inherit;
}



/* Header inner container */

#top #header #header_main .container.av-logo-container .inner-container {
    /* Define header height here */
    height: auto;
    position: relative !important;
    flex-wrap: wrap;
    /* Define header padding */
    padding: 10px 10px 0px 10px;
}



/* Wrappers 
--------------------------------*/


/* Main header ( logo, menu, widgets ) and topbar */

.responsive #top #header {
    flex-wrap: wrap;
}


/*  Logo, Menu, Social Icons and Widgets. */

.responsive #top #header #header_main {
    flex-basis: 100%;
}


/* Transparent header 
--------------------------------*/

.responsive.html_header_transparency #top #wrap_all #header {
    position: absolute;
}

/*@media only screen and (max-width: 767px) {
    .responsive.html_header_transparency #top #wrap_all #main {*/
        /* Define padding value for transparent header in mobile */
        /*padding-top: 315px !important; */
    /*}
}*/


/* Fixed header 
--------------------------------*/
/* moved the below up into the media query that limits stickiness to appropriate browser sizes */
/*.html_header_sticky.html_mobile_menu_tablet #top #wrap_all #header,
.html_header_sticky.html_header_transparency #top #wrap_all #header,
.html_header_sticky #top #wrap_all #header {
    position: fixed;
}*/
.html_header_sticky #top #header_main .container,
.html_header_sticky #top .main_menu ul:first-child > li a {
	height: inherit !important;
	line-height: inherit !important;
}


/* Main content padding value should be same as the fixed header height. */

/*.html_header_sticky:not(.html_header_transparency) #top #wrap_all #main,
.html_header_sticky #top #wrap_all #main {*/
    /* Define padding only if sticky header is active */
    /*padding-top: 262px ;  */
/*}*/

/*@media only screen and (max-width: 767px) {
    .html_header_sticky #top #wrap_all #main {*/
        /* Define padding value for sticky header on mobile */
        /*padding-top: 315px !important; */
/*    }
}*/






/*--------------------------------

» Logo

--------------------------------*/


/* Logo */

.responsive #top #header #header_main .inner-container .logo {
    order: 1;
    flex-basis: 60%;
    /*width: auto;*/

    /* Define scalable min width of the logo on small screens */
    min-width: 100px;
    /* Define scalable max width of the logo on big screens */
    /* Logo width: (auto | 100% | px );  Set auto to display the uploaded image size */
    /* max-width: 220px;  */
    z-index: 9;
}

@media only screen and (max-width: 1140px) {
	.responsive #top #header #header_main .inner-container .logo {
		flex-basis: 46%;
	}
}

@media only screen and (max-width: 820px) {
	.responsive #top #header #header_main .inner-container .logo {
		flex-basis: 90% !important;
	}
}

/* Logo image size */

.responsive #top #header .logo,
.responsive #top #header .logo a,
.responsive #top #header .logo img {
    width: 220px;
        
    /* Height specification is not required. It is proportional to the max width of the logo */
    height: auto;    
    align-items: left;
    align-self: left;
    justify-content: left;
}


/* Vertically center transparency logo */

.responsive #top #header .logo span img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}



/*--------------------------------

» Menu

--------------------------------*/


/* Menu outer container: Menu with siblings cart and social icons */

.responsive #top #header #header_main .inner-container .main_menu {
    order: 3;

    /* Define menu width */
    flex-basis: 100%;
    align-items: baseline;
    align-self: center;
    height: auto !important;
	margin-top: -12px;
}




/* Navigation */

#header .av-main-nav {
    display: flex;
    flex-wrap: nowrap;
}


/*  Activate burger menu  */

@media only screen and (max-width: 1000px) {
    #top #header .av-main-nav>li.menu-item {
        display: none!important;
    }
    #top #header .av-burger-menu-main {
        cursor: pointer;
        display: block!important;
    }
}

@media only screen and (max-width: 767px) {
    /* Mobile menu position fix */
    .responsive #top .av-logo-container .avia-menu {
        display: flex!important;
        align-items: center;
    }
}



/* Mega menu submenu position fix */

.responsive #top #header .avia_mega_div {
    /* Define megamenu submenu top value */
    /*   top: 300px; 
   position: fixed;
   left: 50%;
   transform: translateX(-50%);*/
}



/*--------------------------------

» Widget

--------------------------------*/


/* Widgets */

.responsive #top #header #header_main .inner-container .widget {
    order: 2;
    flex-basis: auto;
    padding: 0;
    clear: none!important;

    justify-content: center;
    align-self: center;
    align-items: center;
    z-index: 1;
    margin-right: auto;
}


.responsive #top #header #header_main .inner-container .widget>div {
    width: 100%;
    line-height: 14px;
    padding: 0 10px;
    
}




/*--------------------------------

» Social icons

--------------------------------*/


/* Flex support and position fix */

.responsive #top #header #header_main nav .social_bookmarks {
    top: auto;
    margin-top: 0;
    align-items: center;
}


/* Inherit height for flex alignment */

.responsive #top .av-logo-container .social_bookmarks li {
    height: inherit;
}





/*--------------------------------

» Search 

--------------------------------*/


/* Your styles here */


/*--------------------------------

» Cart 

--------------------------------*/


/* Cart position fix */

#top #header #header_main #menu-item-shop a.cart_dropdown_link {
    height: auto;
}

@media only screen and (max-width: 767px) {
    .responsive #top #menu-item-shop.cart_dropdown {
        display: flex;
        align-items: center;
    }
    .cart_dropdown .dropdown_widget .avia-arrow {
        display: none;
    }
}

/******************************************************************************************/
/* END | Add a widget area next to the logo */
/******************************************************************************************/




/******************************************************************************************/
/* Breadcrumb Styles */
/******************************************************************************************/

#text-6 {
	margin: 0px !important;
	padding: 0px !important;
}

.title_container {
	background: #E7E9EF !important;
	padding: 0 5px !important;
	z-index: 50 !important;
	/*margin-top: -200px;*/
}

#top .title_container .container {
	padding: 0 5px !important;
	min-height: initial !important;
}

.title_container .breadcrumb {
	font-size: 16px !important;
	color: #363736 !important;
	font-family: 'Source Sans Pro', sans-serif !important;
	right: 0px !important;
}

#top #wrap_all .title_container .main-title {
	font-family: 'Source Sans Pro', sans-serif;
}

.entry-title a {
	font-size: 16px !important;
	color: #363736 !important;
	font-family: 'Source Sans Pro', sans-serif !important;
	font-weight: bold !important;
}

.breadcrumb-title {
	display: none !important;
}

.alternate_color .breadcrumb a {
	color: #363736 !important; 
}

/*hide title on home*/
.title_container a[title="Permanent Link: Home"] {
	display: none;
}

@media only screen and (max-width: 767px) {
	.title_container .main-title.entry-title {
		display: none;
	}
	
	.title_container {
		padding-top: 12px !important;
		z-index: 50 !important;
		margin-top: 0px;
	}

	/*span[itemprop='name'], span.sep {
		//display: none !important;
	}
	
	a.trail-begin::before {
		//content: "< ";
	}*/
}

/******************************************************************************************/
/* END | Breadcrumb Styles */
/******************************************************************************************/




/******************************************************************************************/
/* Footer Styles */
/******************************************************************************************/

#top #wrap_all #footer {
	padding: 0px;
}

#footer .container, #socket .container {
	padding: 20px;
}

#top #wrap_all #footer, #top #wrap_all #socket {
	padding-left: 55px;
}

#footer .social_bookmarks {
    float: left;
    margin: 15px 0 0 ;
    position: relative;
}

#footer .social_bookmarks li {
    float: left;
    clear: right !important;
    margin-right: 30px;
	border: none !important;
	font-size: 20px !important;
}

#top #wrap_all #footer .social_bookmarks a:hover, #top #wrap_all #footer .social_bookmarks a:focus {
	text-decoration: none;
}

#top #wrap_all #footer .social_bookmarks a:focus-visible {
	outline: none;
}

#top #wrap_all #footer a:focus-visible, #top #wrap_all #footer input[type=submit]:focus-visible {
	outline: 2px solid white;
	outline-offset: 2px;
	transition: outline 0s;
}

#footer > div.container div.flex_column:nth-child(3) {
	border-left: 1px solid white;
	padding-left: 10px;
	margin-top: 20px;
}

#custom_html-4 {
	margin-top: 0px !important;
}

#custom_html-4 h3 {
	margin-top: 0px !important;
}

#media_image-2 {
	width: 230px !important;
}

h3.widgettitle {
	text-transform: capitalize !important;
	font-size: 16px !important;
	margin-bottom: 10px !important;
	font-weight: bold !important;
}

/* ensures keyboard focus outlines show */
#footer .widget {
	overflow: visible;
}

.widget {
	margin: 30px 0px !important;
}

#top #footer input[type=text] {
	float: left !important;
	color: #363736;
	max-width: 200px !important;
	font-weight: 400 !important;
	padding: 6px !important;
	font-size: 16px !important;
	border-right: 1px solid #8c8c8c !important;
	height: 36px !important;
}

#top #footer input[type=submit] {
	float: left !important;
	padding: 8px 20px 7px 20px !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	color: #ffffff !important;
	width: 120px !important;
	background-color: #b94700 !important;
	border: 0px;
	height: 36px !important;
	transition: 0.3s;
}

#top #footer input[type=submit]:hover {
	background: #F8F8F8 !important;
	color: #b94700 !important;
}

#top #footer input[type=submit].wide {
	width: 165px !important;
}

#footer-address {
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
}

#footer-copyright {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}

#top #wrap_all #footer a {
	text-decoration: none;
}

#top #wrap_all #footer a:hover, #top #wrap_all #footer a:focus {
	text-decoration: underline;
}

#top #wrap_all #menu-footer a {
	font-size: 14px;
	font-weight: 700;
}

/*#top #wrap_all #menu-footer a:hover, #top #wrap_all #menu-footer a:focus {
	text-decoration: underline;
}*/

@media screen and (min-width: 1200px ) {
	#footer .container, #socket .container {
		padding: 20px 0px;
	}

	#top #wrap_all #footer, #top #wrap_all #socket {
		padding-left: 0px;
	}
}

@media only screen and (max-width: 1200px) {
	#footer .first {
		width: 50% !important;
	}
	#footer > div.container div.flex_column:nth-child(2) {
		display: none !important;
	}
	
}

@media only screen and (max-width: 820px) {
	#footer > div.container div.flex_column:nth-child(3) {
		border-left: none !important;
		padding-left: 0px !important;
		width: 40% !important;
	}

	.widgettitle {
		margin: 10px 0 !important;
	}

	#footer .widget {
		margin: 10px 0px !important;
	}
}

@media only screen and (max-width: 767px) {
	#footer .first {
		width: 100% !important;
	}
	
	#footer > div.container div.flex_column:nth-child(3) {
		width: 100% !important;
	}

	#footer > .container, #socket > .container {
		/*padding: 0px !important;*/
		width: 95% !important;
	}
}

@media only screen and (max-width: 425px) {
	#top #wrap_all #footer, #top #wrap_all #socket {
		padding-left: 20px;
	}
}

/******************************************************************************************/
/* END | Footer Styles */
/******************************************************************************************/




/******************************************************************************************/
/* Socket (Copyright/subfooter) Styles */
/******************************************************************************************/

#socket {
	z-index: 50 !important;
}

.copyright {
	font-weight: lighter !important;
}

#socket .socket-address {
	font-size: 14px !important;
	font-weight: bold !important;
	line-height: 20px !important;
	padding-bottom: 20px !important;
}


/******************************************************************************************/
/* END | Socket (Copyright/subfooter) Styles */
/******************************************************************************************/




/******************************************************************************************/
/* Menu Styles - MOSTLY OVERIDDEN BY MEGA MENU PLUGIN STYLES */
/******************************************************************************************/

#top #wrap_all .sub_menu ul a {
	font-size: 14px !important;
	text-transform: uppercase;
	color: #363736 !important;
	text-decoration: none;
}

#top #wrap_all .sub_menu ul a:hover, #top #wrap_all .sub_menu ul a:focus {
	text-decoration: underline;
}

.menu-item-top-level {
	height: 110px
}

.menu-item-top-level:hover {
	border-bottom: 12px solid rgba(241, 182, 52, 1);
}

#top .avia-bullet {
  border: none!important;
  background:red!important;
    padding:0;
    margin: 0 10px 0 0!important;    
}

#top #header #avia-menu .avia_mega_div ul.sub-menu li {
	background-color: #363736 !important;
} 

#top #header #avia-menu .avia_mega_div ul.sub-menu > li a .avia-menu-text {
	font-family: 'Source Sans Pro', sans-serif !important;
	color: #FFFFFF !important;
	background-color: #363736 !important;
} 

.new-section {
	margin-top: 20px !important;
}

.level-one > a {
	font-size: 18px !important;
	font-weight: 700 !important;
} 

.level-two > a {
	font-size: 16px !important;
	font-weight: 700 !important;
}

.level-two {
	margin-left: 0px !important;
}

.level-three > a {
	font-size: 14px !important;
}

#top #header #avia-menu ul.sub-menu {
	background-color: #363736 !important;
	}

#top #header #avia-menu ul.sub-menu ul:first-child{
	border-left: 1px solid white !important;
}

.avia_mega_div {
	width: 1146px !important;
	top: 110px !important;
	border-top: 4px solid #ffc72c !important;
}

#mega-menu-wrap-avia {
	margin-top: -25px !important;
}

@media only screen and (max-width: 820px) {
	.av_secondary_right .sub_menu {
		display: none !important;
	}
	
	#mega-menu-wrap-avia .mega-menu-toggle .mega-toggle-blocks-right {
		margin-top: 320px !important;
	}
	
	.responsive #top #header #header_main .inner-container .main_menu {
		margin-top: -1000px !important;
	}
	
	#mega-menu-wrap-avia .mega-menu-toggle.mega-menu-open + #mega-menu-avia {
		margin-top: 480px !important;
	}
	
	.responsive #top #wrap_all .av-logo-container {
		height: 80px !important;
	}
}

@media only screen and (max-width: 800px) {
	#av-burger-menu-ul li {
		background: white !important;
		font-family: 'Source Sans Pro', sans-serif !important;
		border: none !important;
	}
	
	.av-burger-overlay-scroll {
		width: 100% !important;
	}
	
	.av-hamburger-inner, .av-hamburger-inner:before, .av-hamburger-inner:after {
		background: #000 !important;
	}
	
}

/******************************************************************************************/
/* END | Menu Styles - MOSTLY OVERIDDEN BY MEGA MENU PLUGIN STYLES */
/******************************************************************************************/




/******************************************************************************************/
/* Header Search Widget Styles */
/******************************************************************************************/

#custom_html-6 {
	margin-top: 10px !important;
}



#menu-search, #menu-login, #search-text, #search-btn {
	float: left;
}

#menu-search {
	margin-right: 20px;
}

#menu-search label {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 13px !important;
	font-weight: normal !important;
	color: #363736 !important;
	vertical-align: middle !important;
}

#menu-search input[type='radio'] {
	vertical-align: middle !important;
	padding: 0 !important;
	margin: 0 0 0 5px !important;
}

#search-radios {
	margin-top: 10px;
}

#top #wrap_all #search-text {
	/*width: auto !important;*/
	width: 85%;
	color: #363736 !important;
	font-weight: normal !important;
	font-size: 18px !important;
	font-family: 'Source Sans Pro', sans-serif !important;
	border-top: 1px solid #8c8c8c;
	border-left: 1px solid #8c8c8c;
	border-bottom: 1px solid #8c8c8c;
	border-right: 0px !important;
	height: 30px !important;
	margin: 0 !important;
}

#top #wrap_all #search-btn {
	width: 15%;
	background: #142767;
	color: white;
	cursor: pointer;
	height: 30px !important;
	border-top: 1px solid #8c8c8c;
	border-bottom: 1px solid #8c8c8c;
	border-right: 1px solid #8c8c8c;
	border-left: 0px;
	/*vertical-align: center !important;*/
	font-size: 22px !important;
	padding: 0 8px !important;
	transition: .3s;
}

	#top #wrap_all #search-btn:hover {
		background: rgb(231, 233, 239);
		color: #142767;
	}

#menu-login {
	text-align: right;
	margin-right: -5px;
}

#menu-login input[type='submit'] {
	background: #b94700;
	border: 1px solid #8c8c8c;
	color: white;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: bold;
	font-size: 16px;
	height: 32px;
	vertical-align: middle;
	text-align: center;
	padding: 0;
	width: 140px;
	transition: .3s;
}

#header_meta .sub_menu {
	padding-right: 8px !important;
}

@media only screen and (max-width: 820px) {
	.hide-on-narrow {
		display: none;
	}
}

@media only screen and (max-width: 1141px) {
	#custom_html-6 {
		flex-basis: 54% !important;
	}
	
	.responsive #top #header #header_main .inner-container .widget>div {
		display: flex;
		justify-content: flex-end;
	}
}


@media only screen and (max-width: 820px) {
	
	.responsive #top #header #header_main .inner-container .widget>div {
		display: flex;
		justify-content: center !important;
	}
	
	#custom_html-6 {
		margin-top: 35px !important;
		width: 100%;
	}
	
	.responsive #top #header #header_main .inner-container .widget {
		flex-basis: 100% !important;
	}
	
	#menu-search {
		width: 100%;
		margin-right: 0px;
		
	}
	
	#search-form {
		width: auto;
		
	}
	
	#top #search-text {
		width: 90%;
	}
	
	#top #search-btn {
		width: 10%;
	}
}

@media screen and (max-width: 425px) {
	#top #search-text {
		width: 85%;
	}

	#top #search-btn {
		width: 15%;
	}
}

/******************************************************************************************/
/* END | Header Search Widget Styles */
/******************************************************************************************/




/******************************************************************************************/
/* Hero Styles */
/******************************************************************************************/

.full-hero {
	margin-left: -55px !important;
	width: calc(100% + 110px) !important;
}

.hero-image-one-third {
	margin-left: -55px !important;
	width: calc(33% + 55px) !important;
}

.hero-image-two-thirds {
	margin-left: -55px !important;
	width: calc(65% + 55px) !important;
}

.hero-text-one-third {
	margin-right: -56px !important;
	width: calc(35% + 56px) !important;
	z-index: 1000 !important;
}

.hero-text-two-thirds {
	width: calc(67% + 56px) !important;
	margin-right: -56px !important;
	z-index: 1000 !important;
}


.steam-quick-links {
	padding: 25px 50px !important;
	color: #fff !important;
	font-size: 20px !important;
	font-weight: normal !important;
}

.steam-quick-links a {
	text-decoration: underline !important;
	color: #fff !important;
}

.project-link a {
	color: #fff !important;
	font-weight: bold !important;
	text-decoration: underline !important;
}

@media only screen and (max-width: 800px) {
	.hero-image-one-third, .hero-image-two-thirds {
		margin-left: -30px !important;
		margin-right: -30px !important;
		width: calc(100% + 60px) !important;
		max-height: none !important;
		background-size: cover !important;
    }
	
	.hero-text-two-thirds, .hero-text-one-third {
		margin-left: -30px !important;
		margin-right: -30px !important;
		width: calc(100% + 60px) !important;
		padding: 25px 25px 25px 25px !important;
		min-height: auto !important;
			}
	
	.hero-text-two-thirds h3 {
		font-size: 30px !important;
	    font-weight: 200 !important;
		
	}
	
	.full-hero {
		margin: 20px -30px !important;
		width: calc(100% + 60px) !important;
		background-size: cover !important;
		min-height: auto !important;
	}
	
	.neg-margin {
		margin: 0px -30px !important;
		width: calc(100% + 60px) !important;
		background-size: cover !important;
		min-height: auto !important;
	}
	
	#book-hero {
		padding-top: 30.54% !important;
		margin-bottom: 0px !important;
	}
	
	.mobile-full-width {
		margin: 0px -30px !important;
		width: calc(100% + 60px) !important;
		padding: 20px !important;
	}
	
	.center-on-mobile {
		text-align: center !important;
	}
}

@media only screen and (max-width: 767px) {
	.center-on-small {
		text-align: center !important;
	}	
}

/******************************************************************************************/
/* END | Hero Styles */
/******************************************************************************************/



/******************************************************************************************/
/* Button Styles */
/******************************************************************************************/

.btn-bottom {
	position: absolute !important;
	bottom: 20px !important;
	
}

.btn-main a{
	width: 165px !important;
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	padding: 8px !important;
	border: 1px solid #BCBCBC !important; 
	transition: 0.3s
}

.btn-main:visited {
	color: white;
}

.btn-main a:hover {
	background: #F8F8F8 !important;
	color: #b94700 !important;
	border: 1px solid #8c8c8c !important;
}

#top input[type=submit] {
	border: 1px solid #8c8c8c;
	font-weight: bold;
}

#top input[type=submit]:hover {
	background: #F8F8F8;
	color: #b94700;
}


@media only screen and (max-width: 800px) {
	.btn-bottom {
		position: static !important;
		padding-bottom: 20px !important;
	
	}
}

/******************************************************************************************/
/* END | Button Styles */
/******************************************************************************************/




/******************************************************************************************/
/* Notification Bar Styles */
/******************************************************************************************/

#wpfront-notification-bar-spacer a {
	text-decoration: underline;
	color: white;
}

#wpfront-notification-bar-spacer a:hover, #wpfront-notification-bar-spacer a:active {
	text-decoration: none;
}

#wpfront-notification-bar-spacer a:focus-visible {
	outline: 2px solid white;
	outline-offset: 2px;
	transition: outline 0s;
}

.wpfront-notification-bar {
	padding: 10px 50px;
	padding-bottom: 10px;
}

.wpfront-message {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	max-width: 1146px;
}

.wpfront-message p {
	margin: auto;
}

@media only screen and (max-width: 767px) {
	.wpfront-notification-bar {
		padding: 10px 15px;
	}

	.wpfront-message p {
		font-size: 14px;
	}
}

#wpfront-notification-bar-spacer {
	margin: -1px;
}

.wpfront-notification-bar div.wpfront-div  {
	text-align: -webkit-center;
	width: 100%;
}

/******************************************************************************************/
/* END | Notification Bar Styles */
/******************************************************************************************/




/******************************************************************************************/
/* Libraryaware and Wowbrary Widget Styles */
/******************************************************************************************/


div[class^="libraryaware_widget"] .widget-item, div.novelist-widget-container div.slide-parent {
	width: auto !important;
	height: auto !important;
}

div [class^="libraryaware_widget"] .widget-item img {
	box-shadow: 0px 0px 20px #00000058 !important;
	margin: 20px !important;
}

div.novelist-widget-container .slick-content {
	padding: 0px 10px !important;
}

div.novelist-widget-container div.slide-parent img {
	box-shadow: 0px 0px 20px #00000058 !important;
	margin: 10px 20px !important;
}


div[class^="libraryaware_widget"] {
	width: 100% !important;
	height: 230px !important;
}

div[class^="libraryaware_widget"] div:first-child {
		width: 100% !important;
		margin: auto 0 !important;
		height: 230px !important;
	}

div[class^="libraryaware_widget"] ul {
		height: 230px !important;
	}

.book-widget-m, .book-widget-s {
	text-align: center !important;
	display: none;
}

.book-widget-m table, .book-widget-s table {
	margin: auto;
}

@media only screen and (max-width: 1140px) {
	.book-widget-m {
		display: block;
	}
	
	.book-widget {
		display: none;
	}
}

@media only screen and (max-width: 800px) {
	.book-widget-m {
		display: none;
	}
	
	.book-widget-s {
		display: block;
	}
}

.avia_codeblock.wowbrary-container { 
	overflow: hidden;
	margin-top: 10px
}

.avia_codeblock.wowbrary-container tr, .avia_codeblock.wowbrary-container td {
	background-color: #ffffff;
}

.avia_codeblock.wowbrary-container tr:nth-child(3) div {
	padding: 8px 0px;
}

.avia_codeblock.wowbrary-container tr:nth-child(3) a[href*="wowbrary"]>img {
	box-shadow: 0px 0px 20px #00000058 !important;
}

.avia_codeblock.wowbrary-container tr:nth-child(2) td {
	display: none;
}

/******************************************************************************************/
/* END | Libraryware Widget Styles */
/******************************************************************************************/


/******************************************************************************************/
/* Communico Event Widget Styles */
/******************************************************************************************/

@media only screen and (max-width: 425px) {
	.avia_codeblock > iframe[src*=libnet] {
		margin-left: -23px;
		margin-right: -23px;
		width: calc(100% + 46px);
		max-width: calc(100% + 46px);
	}
}

/******************************************************************************************/
/* END | Communico Event Widget Styles */
/******************************************************************************************/


/*****************************************************************************************/
/* Toggle Styles */
/******************************************************************************************/
/* Misc Toggle style */
.arrow {
	font-size: 20px;
}

.av-special-heading.av-l6v720mx-7ebe9a1edcc116d6c3ce904d656b002e .av-subheading {
	font-size: 24px !important;
	font-weight: normal !important;
}

/* Normal Toggle styles */
/* 2024 OCR issue 13 - previously a blanket removal of border from first section of elegant-type accordions; now specifically targets get-a-card toggle */
.ecard-toggle .av-elegant-toggle.togglecontainer .av_toggle_section:first-of-type .toggler {
	border: 0;
}

/* 2024 OCR issue 13 - darken border color for elegant-type accordions */
#top #wrap_all .av-elegant-toggle.togglecontainer .av_toggle_section .toggler {
	border-color: #8c8c8c;
}

.av-elegant-toggle .toggle_icon {
	opacity: 1 !important;
}

#top .av-minimal-toggle .toggler:hover {
	opacity: 1.0;
	text-decoration: underline;
}

.simple-toggle .toggle_wrap .toggle_content {
	background: #F8F8F8 !important;
}

/* 2024 OCR issue 17 - darken border color for simple-toggle */
#top .simple-toggle .single_toggle {
	border-bottom: 1px solid #8c8c8c;
	margin: 0;
}

/* 2024 OCR issue 17 - darken border color for simple-toggle */
#top .simple-toggle .single_toggle:first-child {
	border-top: 1px solid #8c8c8c;
}

.simple-toggle .js_active .av-elegant-toggle .toggler {
	padding: 15px 35px !important;
	font-size: 16px !important;
	font-weight: bold !important;
}

.simple-toggle .js_active .toggler {
	border: 0px !important;
}

.simple-toggle .toggler.activeTitle {
	border-left: 10px solid #0B65AF !important; 
	border-bottom: 0px !important;
}

.simple-toggle .toggle_wrap.active_tc {
	border-left: 10px solid #0B65AF !important; 
}

.simple-toggle .toggle_content p {
	font-size: 16px !important;
	font-weight: normal !important;
	margin-top: 0px !important;
}

.simple-toggle .toggle_content {
	margin: 0 !important;
}

.simple-toggle .toggler {
	font-weight: bold;
}

.av-subheading_below {
	margin-top: 25px;
}

/* Hide default icons */
.simple-toggle .toggle_icon .vert_icon,
.toggle_icon .hor_icon {
    display:none;
} 

/* Custom Accordion Icon */
.simple-toggle .toggle_icon {
    display: inline-block!important;    
}

.simple-toggle .toggle_icon:before {
    font-family: 'entypo-fontello';   
    content:'\25b8';    
    position: absolute;
    font-size: 24px;
    top:50%;
    transform: translateY(-50%);
    left: 0px;
    line-height: 0;
    color: #363736;
	transition: 1s;
}

.simple-toggle .activeTitle .toggle_icon:before {
    font-family: 'entypo-fontello';        
    content:'\25be';
	color: #0B65AF;
	transition: 1s;
}

/* Mega Toggle Style */
.mega-toggle .toggle_wrap .toggle_content {
	background: transparent !important;
	border: 0 !important;
}

.mega-toggle .single_toggle {
	background: transparent !important;
	border: 0 !important;
}

.mega-toggle .toggler {
	font-size: 32px !important;
	font-weight: normal !important;
	color: #363736 !important;
}

.mega-toggle .toggle_icon .vert_icon,
.toggle_icon .hor_icon {
    display:none;
} 

.mega-toggle .toggle_icon {
	border: 0;
}

.mega-toggle .toggle_icon:before {
    font-family: 'entypo-fontello';   
    content:'\25b8';    
    position: absolute;
    font-size: 38px;
    top:60%;
    transform: translateY(-50%);
    left: 0px;
    line-height: 0;
    color: #363736;
	transition: 1s;
	opacity: 1;
	margin-left: -515px;
}

.mega-toggle .activeTitle .toggle_icon:before {
    font-family: 'entypo-fontello';        
    content:'\25be';
	transition: 1s;
}


@media only screen and (max-width: 1140px) {
	.mega-toggle .toggle_icon:before {
		margin-left: 0px !important;
		font-size: 48px !important;
		top: 100% !important;
	}
}


@media only screen and (max-width: 767px) {
	.mega-toggle .toggler {
		padding: 10px 15px !important;
		font-size: 26px !important;
		line-height: 35px !important;
	}
	
	.mega-toggle .toggle_content {
		padding-left: 0px;
	}
	
}

/******************************************************************************************/
/* END | Toggle Styles */
/******************************************************************************************/




/******************************************************************************************/
/* Page specific Styles */
/******************************************************************************************/

/*----------------------------------------------------------------------------------------*/
/* Get Started Page - https://pubweb.mypcls.org/get-started/ Styles */ 
/*----------------------------------------------------------------------------------------*/

.eligible-heading {
	margin-top: 0px;
}

.faq-main {
	margin-bottom: 10px !important;
}

@media only screen and (max-width: 800px) {
	.faq-main {
		margin-top: 70px !important;
	}
	
	.faq-main h2 {
		font-size: 26px !important;
		line-height: 35px !important;
	}
	
	.faq-heading h5 {
		font-size: 20px !important;
	}
	
	.eligible-heading {
		margin-top: 15px;
	}
	
}

/********* ECARD styling ***********/
#eCARDRegistrationForm input[type=text], #eCARDRegistrationForm input[type=tel], #eCARDRegistrationForm select, #eCARDRegistrationForm textarea  {
	background-color: #fff !important;
}

#top #eCARDRegistrationForm section {
	clear: both;
	margin-bottom: 5px;
}

#top #eCARDRegistrationForm section div span {
	font-family: 'Source Sans Pro', sans-serif;
}

#top #eCARDRegistrationForm p, #top #eCARDRegistrationForm section div span, #top #eCARD legend {
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 1.5em;
}

#eCARDRegistrationForm input[type=text], #top #eCARD select {
	width: 250px;
	float: left;
	margin-right: 10px;
}

#top #eCARD select#eCARDDOBMonth, #top #eCARD select#eCARDDOBDay, #top #eCARD select#eCARDDOBYear {
	width: 90px;
	float: left;
	margin-right: 10px;
}

#eCARDRegistrationForm input[type=tel] {
	width: 60px;
	float: left;
	margin-right: 10px;
}

#top #eCARD h4 {
	color: #0B65AF;
	font-size: 24px;
	font-weight: bold;
	line-height: 35px;
}

#top #eCARD h4+p {
	margin-bottom: 15px;
}

#top #eCARD h4 + div input[type="text"], #top #eCARD h4 + div input[type="checkbox"], #top #eCARD h4 + div select {
	margin-top: 10px;
}

#top #eCARD label span, #top #eCARD legend {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 16px;
}

#top #eCARD label {
	float: left;
	width: 250px;
	line-height: 30px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	font-weight: normal;
}

#top #eCARD #eCARDMessageMilitaryAddress, #top #eCARD #eCARDMessageMailingSame {
	padding-bottom: 5px;
}


#top #eCARD input[type="checkbox"] + span, #top #eCARD input[type="radio"] + a > span {
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 5px;
	display: inline-block;
	/*height: 100%;*/
}

#top #eCARDRegistrationForm input[type=checkbox] {
	margin-right: 10px;
}

#top #eCARDFindOut10Text {
	float: none !important;
	margin-top: 5px;
	/*margin: 0px !important;
	margin-bottom: -25px !important;*/
}

#eCARDSectionResidence, #eCARDSectionMailing, #eCARDSectionReciprocal, #eCARDSectionContact, #eCARDSectionOther, #eCARDSectionLast {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}

#eCARDSectionLast {
	border-top: 5px solid white;
	text-align: center;
}

#eCARDSectionLast p {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

/*override the inline style that's making the buttons off center*/
#top #eCARDSectionLast div:last-of-type > div:last-of-type {
	float: none !important;
}

/*#eCARDSectionOther {
	margin-bottom: 225px !important;
}*/

#top #eCARD .eCARDButton {
	background-color: #b94700;
	color: white;
	padding: 10px 20px;
	border: 1px solid #8C8C8C;
	font-weight: bold;
	transition: .3s;
}

	#top #eCARD .eCARDButton[disabled='disabled'], #top #eCARD .eCARDButton[disabled='disabled']:hover {
		background-color: #F8F8F8 !important;
		color: #767676 !important;
		cursor: default;
	}

#top #eCARD .eCARDButton:hover {
	background-color: #F8F8F8 !important;
	color: #b94700;
	cursor: pointer;
}

#eCARDFooter {
	text-align: center;
}

#eCARDFooter ul {
	text-align: left;
	max-width: 33%;
	margin: auto;
}

#eCARDFooter h4 {
	color: #363736;
	font-weight: bold !important;
	font-size: 16px;
	margin-bottom: 20px;
}

#eCARDMessageFindOut {
	float: left;
	width: 100%;
}

#eCARDHeadingTerms {
	font-weight: bold;
	font-size: larger;
}

@media only screen and (max-width: 767px) {

	/*#eCARDSectionOther {
		margin-bottom: 15px !important;
	}*/
	
	#eCARDMessageNotification {
		display: inline-block;
	}

	#top #eCARD label {
		width: 100% !important;
		/*float: none !important;*/
	}

	#top #eCARD #eCARDDOBMonth, #top #eCARD #eCARDDOBDay, #top #eCARD #eCARDDOBYear {
		width: 28% !important;
	}

	#top #eCARD input[type="checkbox"] + span, #top #eCARD input[type="radio"] + a > span {
		display: inline;
	}

	#top #eCARD input[type="radio"] {
		margin-top: 15px;
	}

	#top #eCARDRegistrationForm .forceColumnCollapse {
		width: 100%;
		margin: 0px;
	}

	#eCARDFooter ul {
		max-width: 100% !important;
	}

	#eCARDEmail, #eCARDEmailConfirm {
		min-width: 250px;
	}
	
}

/*----------------------------------------------------------------------------------------*/
/* END | Get Started Page - https://pubweb.mypcls.org/get-started/ Styles */ 
/*----------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------*/
/* Visit the Library Page - https://pubweb.mypcls.org/visit-the-library/ Styles */ 
/*----------------------------------------------------------------------------------------*/

.locations-row {
	display: flex;
}

.locations-col {
	width: 33%;
	border-left: 2px solid #B7B7B7;
	padding: 0px 20px 0px 15px;
}

.locations-col:first-child {
	border: 0;
	padding-left: 0px;
}

.locations-col p, ul, li, table, td {
	font-size: 16px;
	color: #363736;
	line-height: 30px;
}

.locations-col ul {
	list-style-type: none;
	margin: 0px;
}

.locations-col ul li {
	padding: 0px 0px 3px 0px;
	margin: 0px;
}

/* 2024 OCR issue 28 - this style supports h3 use for subsection headers within the locations accordion */
/* to avoid !important here, we'd need to remove it from the default h3 rule in this file, which could have wide-reaching impacts */
.locations-col h3 {
	font-size: 24px !important;
	margin-bottom: 15px;
}

.hours-table {
	border: 0;
}

.hours-table th, td, tr {
	border: 0;
	background: #F8F8F8;
}

.hours-table td {
	padding: 0px 0px 3px 0px;	
}

.hours-table tr:first-child th, tr:first-child td, tr td:first-child {
	border: 0;
}

.hours-table tbody tr td:first-child {
	min-width: 100px;
}


@media only screen and (max-width: 767px) {
	.locations-row {
		display: inline;	
	}

	.locations-col {
		width: 100%;
		border-left: 0px;
		border-bottom: 2px solid #B7B7B7 !important;
		padding: 10px 0px;
	}
	
	.locations-col:last-child {
		border-bottom: 0px !important;
	}
	
	.location-toggle {
		margin-top: 50px !important;
	}
	
	.location-toggle, .faq-toggle {
		margin-left: -30px !important;
		margin-right: -30px !important;
		width: calc(100% + 60px) !important;
		
	}
		
	.location-toggle .toggler {
		padding-right: 30px !important;
		padding-left: 50px !important;
		
	}
	
	.location-toggle .toggle_icon {
		margin-left: 10px !important;
	}
}

/*----------------------------------------------------------------------------------------*/
/* END | Visit the Library Page - https://pubweb.mypcls.org/visit-the-library/ Styles */ 
/*----------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------*/
/* Learn & Explore Page - https://pubweb.mypcls.org/learn-explore/ Styles */ 
/*----------------------------------------------------------------------------------------*/

.learning-header h2 {
	font-size: 16px !important;
	font-weight: bold !important;
}

.learning-header h3 {
	font-size: 32px !important;
	font-weight: normal !important;
}

.learning-header {
	margin-top: 20px;
}

.learning-text {
	margin-top: 20px;
}

.learning-text ul {
	list-style-type: none;
	margin: 0;
}

.learning-text ul li {
	margin-left: 0px;
	padding: 0px 3px;
}

@media only screen and (max-width: 767px) {
	.explore-text {
		padding: 20px 20px 0px 20px !important;
	}
}


/*----------------------------------------------------------------------------------------*/
/* STEAM page - https://pubweb.mypcls.org/steam/ Styles */ 
/*----------------------------------------------------------------------------------------*/

.steam-resource-card {
	font-size: 14px !important;
}

.steam-resource-card a {
	color: #0B65AF !important;
	font-size: 16px !important;
}

.steam-resource-card a:hover, .steam-resource-card a:active {
	color: #b94700 !important;
}

.box-heading h4 {
	font-weight: 400 !important;
	font-size: clamp(1.5rem, 0.364rem + 1.818vw, 2rem) !important;
}

@media only screen and (max-width: 800px) {
		
	.steam-resource-card {
		margin: 0px -30px 5px -30px !important;
		width: calc( 100% + 60px ) !important;
		min-height: 0px !important;
		padding: 0px 15px !important;
	}
	
	.steam-resource-card a {
		font-size: 20px !important;
	
	}
	
}


/*----------------------------------------------------------------------------------------*/
/* END | STEAM page - https://pubweb.mypcls.org/steam/ Styles */ 
/*----------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------*/
/* Search Results Styles */ 
/*----------------------------------------------------------------------------------------*/

.search-container {
	background: white;
	padding-top: 50px;
	padding-bottom: 20px;
}

.search-container h4 {
	font-size: 26px;
	font-weight: normal !important;
	font-family: 'Source Sans Pro', sans-serif;
	color: #363736;
	text-transform: capitalize;
	margin-bottom: 20px;
}

.search-result-counter {
	background: transparent !important;	
	font-size: 18px;
	font-weight: normal;
	font-family: 'Source Sans Pro', sans-serif;
	color: #363736;
	padding-top: 0px;
	position: absolute;
    left: 0;
    line-height: 24px;
    text-align: center;
    width: 44px;
}

.search-container h2.post-title h2.entry-title {
	font-size: 18px;
	font-family: 'Source Sans Pro', sans-serif;
}

.search-container .entry-title a {
	color: #142667 !important; 
}

/*.search-container .entry-title a:visited {
	color: #BCBCBC !important; 
}*/

.search-container .post-meta-infos {
	display: none !important;
}

#top .template-search.content .entry-content-wrapper {
	padding-bottom: 10px;
}

#top #wrap_all .template-search.content .entry-content-wrapper {
	font-size: 16px;
}

#top .main_color .pagination a, #top .main_color .pagination .pagination-meta {
	color: #767676;
}

#top #wrap_all .main_color .pagination a, #top #wrap_all .main_color .pagination span {
	font-size: 16px;
	font-family: 'Source Sans Pro', sans-serif;
}

#top #wrap_all .main_color .pagination a, #top #wrap_all .main_color .pagination span.current {
	border: 1px solid #767676;
	background-color: transparent;
}

	#top #wrap_all .main_color .pagination a:hover {
	background-color: #767676;
	color: #ffffff;
}

	@media only screen and (max-width: 767px) {
		.search-container {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

/*----------------------------------------------------------------------------------------*/
/* END | Search Results Styles */ 
/*----------------------------------------------------------------------------------------*/


/******************************************************************************************/
/* END | Page specific Styles */
/******************************************************************************************/