@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');
.link, a{text-decoration: none;}
	.link:hover, a:hover{text-decoration: underline;}.link, a{font-weight: normal;}
#header #layout>.amh-row, #header>.amh-row{max-width: 918px;}
#header #layout>.amh-row>.amh-block>.amh-content, #header>.amh-row>.amh-block>.amh-content{max-width: 918px;}
#body #layout>.amh-row, #body>div>.amh-row{max-width: 918px;}
#body #layout>.amh-row>.amh-block>.amh-content, #body>div>.amh-row>.amh-block>.amh-content{max-width: 918px;}
.bodysize{max-width: 918px;}
#footer #layout>.amh-row, #footer>.amh-row{max-width: 918px;}
#footer #layout>.amh-row>.amh-block>.amh-content, #footer>.amh-row>.amh-block>.amh-content{max-width: 918px;}
.linkcolour, .fc-header h2, .link, .eeventcoming i,.eedate:after,.date-icon:after, a{color: #b94700;}
.link:hover, a:hover{color: #012169;}
.widgetbg{background-color: #ffffff;}
.rssFeed .rssRow,.tweet_list li {border-bottom: 1px solid #ffffff;}
body{
		color: #353736;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #ffffff;
	}
.content{
		background-color: #84bd00;
	}
.searchbox{
		border: 3px solid #ffffff;
	}
#default_footer{
		margin-left:auto;
		margin-right:auto;
		text-align: center;
		font-size:10pt;
		padding-bottom:10px;
		color:#ffffff;
	}
#default_footer a{
		text-decoration: underline;
		color:#ffffff;
	}
.resource_item_header, .button, .button-strip a{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: #b94700;
	background: #b94700;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b94700), color-stop(50%,#b94700), color-stop(51%,#b94700), color-stop(100%,#b94700));
	background: -moz-linear-gradient(top,  #b94700 0%, #b94700 50%, #b94700 51%, #b94700 100%);
	background: -webkit-linear-gradient(top,  #b94700 0%,#b94700 50%,#b94700 51%,#b94700 100%);
	background: -o-linear-gradient(top,  #b94700 0%,#b94700 50%,#b94700 51%,#b94700 100%);
	background: -ms-linear-gradient(top,  #b94700 0%,#b94700 50%,#b94700 51%,#b94700 100%);
	background: linear-gradient(top,  #b94700 0%,#b94700 50%,#b94700 51%,#b94700 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b94700', endColorstr='#b94700',GradientType=0 );
	border: 1px solid #bcbcbc;
	color: #ffffff;
}
.resource_item_header:hover, .button:hover, .button:focus, .button_open, .button-strip-active a, .button-strip a:hover{
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#ffffff), color-stop(100%,#ffffff));
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
	border: 1px solid #bcbcbc;
	color: #b94700;
}
.button a, .button-strip a{
	color: #ffffff;
	text-decoration:none;
}
.button-strip-active a{
	color: #b94700;
	text-decoration:none;
}
.button:hover a, .button-strip:hover a{
	color: #b94700;
	text-decoration:none;
}
.button-strip a{
	font-weight:normal;
}
.resource_item_open{
	border: 1px solid #bcbcbc;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.resource_item_open .resource_item_header{
	border: none;
	-webkit-border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
}
h1, h2, h3, h4, h5, h6, .heading1, .heading2, .heading3, .heading4, .heading5{
	color: #353736;
	padding-bottom:2px;
	padding-top:2px;
	margin-bottom:0px;
	margin-top:0px;
	line-height: 1.3;
}
h1, h2, .heading1, .heading2{
	padding-bottom:5px;
	padding-top:5px;
	margin-bottom:0px;
	margin-top:0px;
}
h1, .heading1{
	font-weight: bold;
	font-size: 3.667em;
}
h2, .heading2{
	font-weight: bold;
	font-size: 2.667em;
}
h3, .heading3{
	font-weight: bold;
	font-size: 1.833em;
}
h4, .heading4{
	font-size: 1.167em;
	font-weight: bold;
}
h5, .heading5{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.917em;
}
.widget_tab, .widget_tab_selected{
	background: #ffffff;
	color: #363736;
}
.widget_tab:hover, .widget_tab_selected{
	background: #ffffff;
	color: #363736;
}
a.button-strip{
	width: 100%;
	display: block;
}
a.button-strip:hover{
	text-decoration:none;
}
.widget_tab, .widget_tab_selected{
	cursor: pointer;margin-left: auto;margin-right: 1px;padding: 5px;float: left;font-size: 1.083em;
}
.widget_tab_bar{
	height: 28px;
	border-bottom:1px solid #ffffff;
}
.tab, .tab_selected, .navbar-top, .nav-mobile{
	font-weight: normal;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#ffffff), color-stop(100%,#ffffff));
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
	color: #363736;
}
.vtab{
	font-weight: normal;
	background: #ffffff;
	background: -webkit-gradient(linear, right, left, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#ffffff), color-stop(100%,#ffffff));
	background: -moz-linear-gradient(-90deg,  #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);
	background: -webkit-linear-gradient(-90deg,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: -o-linear-gradient(-90deg,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: -ms-linear-gradient(-90deg,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: linear-gradient(-90deg,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	color: #363736;
}
.vtab:hover, .vtab_selected{
	background: #ffffff;
	background: -webkit-gradient(linear, right, left, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#ffffff), color-stop(100%,#ffffff));
	background: -moz-linear-gradient(-90deg,  #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);
	background: -webkit-linear-gradient(-90deg,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: -o-linear-gradient(-90deg,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: -ms-linear-gradient(-90deg,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: linear-gradient(-90deg,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
	color: #363736;
}
.navbar-top>div>ul>li>a, .navbar-top>div>ul>li>a:focus, .nav-mobile a{
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#ffffff), color-stop(100%,#ffffff));
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );

	color: #363736;
	border-right: 0px solid #ffffff;
	border-left: 0px solid #ffffff;
	border-top: 0px solid #ffffff;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
}
.tab:hover, .tab_selected, .navbar-top .open>a, .navbar-top>div>ul>li>a:hover, .navbar-top a.current, .navbar-top>div>ul>li>a:focus{
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#ffffff), color-stop(100%,#ffffff));
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
	color: #363736;
}
.tab a{
	color: #363736;
}
.tab a:hover, .navbar-top a.current:hover{
	color: #363736;
}
.tab-bar{
	border-bottom: 1px solid #ffffff;
}
@media (max-width: 767px) {
	.tab{
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.tab-bar{
		border: none;
	}
}
#responsiveheader{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,none), color-stop(50%,none), color-stop(51%,none), color-stop(100%,none));
	background: -moz-linear-gradient(top,  none 0%, none 50%, none 51%, none 100%);
	background: -webkit-linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	background: -o-linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	background: -ms-linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	background: linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='none', endColorstr='none',GradientType=0 );
	color: #ffffff;
}
#responsiveheaderimage{
	background-image: URL(/images/logos/piercecounty/);
}
#responsiveheadermessage p:before{
	content:'';
}
#responsiveheaderaltmessage p:before{
	content:'';
}
.widget{
	border: 0px solid #000000;
	background-color: #ffffff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0);
}
.widgetheader{
	color: #363736;
	font-weight: normal;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#ffffff), color-stop(100%,#ffffff));
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}
.widgetbody{
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
}
.widgetbody p{
	margin-top:0px;
}
.widgetbody h1{
	color: #353736;
}
.pagination>.active>a, .pagination>.active>a:hover{
	background-color: #353736;
	border-color: #353736;
}
.pagination>li>a, .pagination>li>a:hover{
	color: #353736;
}
.polaris-nav-active i{
	color: #353736;
}
.widgetbody hr{
	color: #ffffff;
	background-color: #ffffff;
	margin-top: 6px;
	margin-bottom: 8px;
	height: 1px;
	border: none;
}
.toprule{
	border-top: 1px solid #ffffff;
}
.bottomrule{
	border-bottom: 1px solid #ffffff;
}
.bodytext{color: #353736;}
.headingtext{color: #353736;}
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');
@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro|Source+Sans+Pro:300,300i,400,400i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap');
/* ==========================================================================
	VERSION: 1.1

    COLORS:  	
    Navy: #142667 (#012169)			light grey 1: #edebeb
    Lime green: #93ba1f	(#84bd00)	Light grey 2: #c7c7c7
    Yellow: #2f1b634 (#ffc72c)		Light grey 3: #bcbcbc
    Brown: #a34900 (#b94700)		Medium Grey: #a7a7a7
	PC blue #2d65b1		    		Dark grey: #565856
    Purple: #8c78cf					Darkest grey: #363736
========================================================================== */
/* target a div to allow a content block to go full width */
#body>div>.amh-row>div#idQXbwR.amh-block>.amh-content {
    max-width: 100%;
}

::selection {
    background: #84bd00;
    color: #fff;
}

body {
      -webkit-font-smoothing: antialiased;
      font-size: 20px;
      font-family: 'Source Sans Pro', sans-serif;
      line-height: 24px;
      font-style: normal;
      font-weight: 300;
}
#body>div>.amh-row {
       max-width: 918px;
       background: #fff;
      /* box-shadow: 0px -3px 6px 2px rgba(0,0,0,0.25);*/
       box-shadow: 0px -3px 7px 3px rgba(0,0,0,0.30);
      clip-path: inset(0px -15px 0px -15px);
}
#body {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 20px;
        font-weight: 300;
}
html body div#body.content.events-page div.events.bodysize.content.events-holder {background-color: white !important; box-shadow: 0px -3px 6px 2px rgba(0,0,0,0.25);max-width:1200px !important;}
h1, h2, h3, h4, h5, h6 {
    color: #012169;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
}
.button {
  width: auto;
  height: auto;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  border: 1px solid #bcbcbc;
  /*box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);*/
  transition: all 0.3s ease 0s;
  cursor: pointer;
  outline: none;
 }

::placeholder { 
   color: #999999;
}

img {
    max-width: 100% !important;
}

a:hover {
  cursor: pointer !important; 
}
a:link {
  	transition: color .1s ease!important; 
}
.widgetheader {
	margin-left: 44px; 
}

.widget .amev-event-list {
  height: 400px;
}

/*2024 accessibility item 1; reduced opacity led to insufficient contrast*/
.widget .amev-event-canceled, .widget .amev-event-postponed, .widget .eelistevent-postponed {
  opacity: 1.0;
}

/*2024 accessibility item 1; manually "greying out" text instead of using reduced opacity*/
.widget .amev-event-canceled .amev-event-title,
.widget .amev-event-canceled .amev-event-title a,
.widget .amev-event-canceled .headingtext,
.widget .amev-event-canceled .amev-event-description,
.widget .amev-event-postponed .amev-event-title,
.widget .amev-event-postponed .amev-event-title a, 
.widget .amev-event-postponed .headingtext,
.widget .amev-event-postponed .amev-event-description,
.widget .eelistevent-postponed .amev-event-title,
.widget .eelistevent-postponed .amev-event-title a, 
.widget .eelistevent-postponed .headingtext,
.widget .eelistevent-postponed .amev-event-description {
  color: #787678;
}

/*2024 accessibility item 1; red text in message had insufficient contrast*/
.widget .eelist-changed-message {
  color: #cc0003;
  font-weight: bold;
}

/* if targeting a specific widget is needed: */
/*div.widget[data-widgetid='3582'] .amev-event-list {
   width: 100% !important;
}*/

/*================= HEADER ==========================*/
#header {
	background: white;
}
.topNavigation {
	margin-top: 17px;
}
/*top nav*/
.topNavigation li a {
  display: inline-block;
  text-decoration: none;
  float: right;
  color: #363736;
  margin-right:10px;
  font-size: 18px;
  font-weight: 700;
}
#mce_28 > div > nav > ul {
	margin-bottom: unset;
}
#mce_28 > div > nav > ul > li:nth-child(4) > a {
	margin-right: unset !important;
}
.topNavigation li {
  display: inline-block;
}
.topNavigation ul {
  text-align: right;
}
/*search form*/
#searchContainer .icon-search:before {
    content: "\f002";
}
#searchContainer [class^="icon-"]:before, #searchContainer [class*=" icon-"]:before {
    font-family: FontAwesome;
    font-weight: 300;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
}
#header_search_form > a > button.button {
	margin-right: unset;
    margin-right: 0;
	padding: 3px 30px 3px 29px;
	margin-left: 0px;
}
#searchContainer .btn  {
        line-height: .9em;
  		padding: 8px 13px;
        border-radius: 0 3px 3px 0;  	
}
#searchContainer .search {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #012169;
    border: none;

}
#header_search_form > div > label {
	font-size: 18px;  
    font-weight: 400;
}
#unifiedSearchBar {
	width: 255px;
    height: 30px;
}
#header_search_form > button {
	margin-right: 35px;
}
.searchRadioLower,#btnCatalog {
	text-align: left !important;
    margin-left: 15px;
}

/*============ CMS NAVIGATION ==================*/
#navbar {
  float: right;
  background-color: transparent;
}
/*hides the home tab - which is actually the second menu item DO NOT DELETE */
.navbar-top ul.navbar-nav > li:nth-child(2) {
   	display: none;
}

.navbar{
	margin-bottom: 9px;
}
/*hide fa nav icons */
#navbar-collapse-grid > ul > li > a > i {
	display: none;
}
.yamm-content ul {
	list-style: none;
}
/*dropdown menus on hover*/
@media (min-width: 768px){
.dropdown:hover > .dropdown-menu { 
  	display: block !important; 
}  
  /*set nav bar full width*/
  .navbar-nav {
    width: 100%;
}
}
/*Main Nav Tabs*/
.navbar-top .navbar-nav > li > a {
    font-weight: 700;
    color: #363736;
    font-size: 20px;
}
li.dropdown:nth-child(12){border-right:1px solid white !important;border-left:1px solid black;}

li.dropdown,#navbar-collapse-grid > ul > li:nth-child(10) > a {
	border-right:1px solid black;
}

li.dropdown:nth-child(12) > a:nth-child(1):after {
	display:none;
}
/* parent tab colour when hovering dropdown items */
#navbar-collapse-grid > ul > li > a:hover {
  color: #b94700;
}
/*Drop down menu items*/
.dropdown-menu {
  background: #012169;
  border: unset;
}
body > div.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom { 
  background-color: white;
}
.nav-list > li > a {
	color: #c7c7c7;
}
#navbar-collapse-grid > ul > li:nth-child(8) > ul > li > div > ul:nth-child(1) > ul > li:nth-child(1) > ul > li > a {
	color: #c7c7c7;
} 

#navbar-collapse-grid > ul > li.dropdown.yamm-fw.open > ul > li > div > ul:nth-child(1) > ul > li:nth-child(1) > ul > li {
	margin-bottom: 18px;
}
.heading4,#navbar-collapse-grid > ul > li:nth-child(8) > ul > li > div > ul:nth-child(1) > li > a,
#navbar-collapse-grid > ul > li:nth-child(8) > ul > li > div > ul:nth-child(3) > li > a,
#navbar-collapse-grid > ul > li:nth-child(8) > ul > li > div > ul:nth-child(2) > li > a{
   color: #fff;
   text-transform: uppercase;
   font-size: 24px;
}
#navbar-collapse-grid > ul > li:nth-child(8) > ul > li > div > ul:nth-child(2) > li > a,
#navbar-collapse-grid > ul > li:nth-child(8) > ul > li > div > ul:nth-child(1) > li > a:hover {
  background: unset;
}
#navbar-collapse-grid > ul > li:nth-child(8) > ul > li > div > ul:nth-child(1),
#navbar-collapse-grid > ul > li:nth-child(8) > ul > li > div > ul:nth-child(2) > ul{
	width: 380px;
} 
#navbar-collapse-grid > ul > li:nth-child(8) > ul > li > div > ul:nth-child(2) {
    border-left: 1px solid #565856;
}
#navbar-collapse-grid > ul > li:nth-child(8) > ul > li > div > ul:nth-child(2) > ul > li:nth-child(10) > a {
	white-space: unset !important;
}
#navbar-collapse-grid > ul > li:nth-child(8) > ul > li > div > ul:nth-child(3) {margin-top:-100px;}
/*===============MAIN ==============================*/

/*hero banner */

.flex-container {
  display: flex;
  flex-wrap: wrap;
  background-color: #012169;
}

.flex-container > .hero-image {
    background-image: url("https://piercecounty.libnet.info/images/tile/piercecounty/PCLS_Hero_image_325x245.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 325px;
    height: 245px;

}
.flex-container > .homepage-image {
    background-image: url("https://piercecounty.libnet.info/images/tile/piercecounty/Web-Assets/PCLS_Content_image_ACA_312x342.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 312px;
    height: 342px;
}

p.hero-text {
  color: white;  
  font-family: 'Source Sans Pro', sans-serif !important;
  font-weight: 300;
  text-align: left;
  font-size: 72px;
  margin-top: 48px;
  margin-left: 22px;
  line-height: 60px;
}

p.homepage-hero-text{
  color: white;  
  font-family: 'Source Sans Pro', sans-serif !important;
  font-weight: 300;
  font-size: 55px;
  line-height: 50px;
}

p.homepage-hero-text-middle{
  color: white;  
  font-family: 'Source Sans Pro', sans-serif !important;
  font-weight: 300;
  font-size: 55px;
  line-height: 50px;
}
#homepage-hero-text {
	margin-left: 13px;
    text-align: center;
}
#homepage-hero-text-middle {
	margin-left: 10em;
    text-align: center;
}


p.hero-text:nth-child(2) {
	margin-top: 3px;
}

button.button {
	 margin-left: 22px;
     margin-top: 3px;
}
.hero-image-middle {
    background-image:  url("https://piercecounty.libnet.info/images/tile/piercecounty/PCLS_Content_image_Values_918x300.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 918px;
    height: 300px;
}
#homepage-hero-text-middle > p:nth-child(4) > a {
	color: white;
    text-decoration: underline;
}
#homepage-hero-text-middle > p:nth-child(1),#homepage-hero-text > p:nth-child(1) {
	padding-top: 30px
}
#homepage-hero-text-middle > p:nth-child(4) {
	font-size: 27px;
    margin-top: 30px;
   font-weight: 700;
}

.flex-container > .steam-banner {
    background-image: url("https://piercecounty.libnet.info/images/tile/piercecounty/PCLS_STEAM_Content_image_605x260.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 605px;
    height: 260px;
}
[id="\31 2721"] > div > div:nth-child(2) > a{
    text-decoration: underline;
    color: white;
    font-weight: 700;
    margin: auto;
    display: block;
    text-align: center;
}
[id="\31 2721"] > div > div:nth-child(2) > p {
	text-align: center;
}
/*Cards*/
#id8mLYS,#idzbdtH,#idtJXYS,#id1lIUF,#idADktP,#idcwCBk {
  margin: 0 !important;
  position: relative;
  height: 100%;
  display: inline-flex;
  align-content: center;
  justify-content: center;
}
.card {
  border: 1px solid #bcbcbc;
  width: 268px;
  height: 379px;
}

.card-text {
  color: #363736;
  font-size: 26px;
  line-height: 1em;
  text-align: left;
  margin: 20px 20px 30px 20px;
}

.card .card-button {
      border: 1px solid #bcbcbc;
      color: white;
      background-color: #b94700;
      text-align: left;
      cursor: pointer;
      font-size: 18px;
      left: 0;
      bottom: 0;
      position: absolute;
      margin-left: 20px;
      margin-bottom: 20px;
      padding: 0px 20px 2px 20px;
}

.card button:hover {
  opacity: 0.7;
}
.steam-column-left {
  float: left;
  width: 325px;
  height: 415px;
}
.steam-column-right {
  float: left;
  width: 593px !important;
  height: 415px;  
    background-color: #012169;
}
.steam-card-img {
  height: 245px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center
}
/* Clear floats after the columns */
.stemrow:after {
  content: "";
  display: table;
  clear: both;
}
p.steam-card-text {
  color: #fff;
  font-size: 26px;
  line-height: 1em;
  text-align: left;
  text-decoration: underline;
  padding-left: 44px;
  margin-top: 25px;
}
.steam-card-text > a {
  color: #fff !important;
}
.steam-card {
  /*border: 1px solid #bcbcbc;*/
  width: 325px;
  height: 415px;
  background-color: #2D65B1;
}

p.steam-card-text-right {
  color: #fff;
  font-size: 26px;
  line-height: 1em;
  text-align: center;
  padding-left: 44px;
  margin-top: 25px;
}
#mce_23 > div > p > a > i {
  font-size: 17px;
  margin-left: 5px;
}
/*steam library resources */
.lib-resources-card {
  background-color: #f4f8ea;
  width: 420px;
  height: 102px;
  margin-bottom: 4px;
}
#resourcesTitle{
    color: #363736;
    font-size: 1.5em;
    letter-spacing: -0.01em;
    margin-left: 44px;
}
.resouces-description {
   margin-left: 44px;
}
[id="\31 2719"] > div > div > h4 > a{
    color: #2d65b1;
    font-size: 25px;
    font-weight: 700;
}
/* Create two equal columns that floats next to each other */
.resource-column {
  float: left;
  width: 45%;
  margin-left: 30px;
}

/* Clear floats after the columns */
.resources-container:after {
  content: "";
  display: table;
  clear: both;
}
.card-resource-title, .card-resource-desc {
	margin-left: 14px;
    font-size: 16px;
}
[id="\31 2719"] > div > div > h4 > a > i {
	font-size: 15px;
    margin-left: 8px;
}
/*================= FOOTER ==========================*/
#footer {
	background: #363736;
    margin: unset !important;
   color: #fff !important;
   font-family: 'Source Sans Pro', sans-serif !important;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-rendering: optimizeLegibility;
}
#default_footer {
	display: none;
}

#footer a, #footer p {
  color: #fff;
  -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
  font-family: "Source Sans Pro", sans-serif; 
  padding: 4px 0;
  font-weight: 700 !important;
  font-size: 14px;
  text-rendering: optimizeLegibility;
}
#mce_22 > div.social-icons-footer > div > a > i {
	color: #a7a7a7;
    font-size: 35px;
	margin-right: 40px;
}
li.dropdown:nth-child(12),
#navbar-collapse-grid > ul > li:nth-child(8) > ul > li > div > ul:nth-child(2)
{border: unset !important;}


.social-icons-footer {
	margin-bottom: 36px;
}
#mce_22 > p > a > img {
	margin-bottom: 50px;
}
.footer-links-list {
	padding-left: unset;
}
#mce_24 > div > div.foot-right-btns > a >button {
	margin-left: unset;
    margin-bottom: 30px;
    border: 1px solid #2f2f2f;
}
#mce_22 > div.newsletter-sub > form > button {
   border: 1px solid #2f2f2f;
  margin: 0;
}
#mce_24 > div > div.foot-right-btns > p {
	margin-bottom: 12px;
}
#mce_24 > div > div.footer-links > ul > li {
	margin-bottom: 13px;
}
.footer-links-list > li > a {
	font-size: 18px !important;
}
.footer-copyright p {
	font-size: 16px !important;
  	line-height: 18px !important;
  	margin: 0 !important;
  	padding: 0 !important;
}
.newsletter-sub {
	margin-bottom: 55px;
}
#mce_22 > div.footer-copyright > p:nth-child(3),#mce_22 > div.footer-copyright > p:nth-child(5){
	margin-bottom: 30px !important;
}
p.body2 {
	font-size: 20px !important;
    margin-bottom: 12px !important;
}
/*======================MEDIA QUERIES========================*/

@media screen and (max-width: 89.9375rem){
body {
      -webkit-font-smoothing: antialiased;
      font-size: 20px;
      font-family: 'Source Sans Pro', sans-serif;
      line-height: 24px;
      font-style: normal;
      font-weight: 300;
}
#body>div>.amh-row {
       max-width: 340px;
       background: #fff;
      /* box-shadow: 0 0 15px 0px #000;
      clip-path: inset(0px -15px 0px -15px);*/
}
#body {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 20px;
        font-weight: 300;	
}
  #navbar {
  float: unset !important;
}

 p.hero-text {
    font-size: 40px;
    margin-top: 48px;
    margin-left: 22px;
    line-height: 40px;
}
p.homepage-hero-text {
    font-size: 30px;
    margin-top: 48px;
    margin-left: unset;
    line-height: 8px;
    white-space: nowrap;
}
  p.homepage-hero-text-middle {
    font-size: 40px;
    margin-top: unset;
    margin-left: unset;
    line-height: 28px;
    white-space: nowrap;
}
  #homepage-hero-text {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
  #homepage-hero-text > p:nth-child(1) {
  	padding-top: 10px;	
}

  #homepage-hero-text-middle > p:nth-child(4) {
    font-size: 23px;
}
  #homepage-hero-text-middle > p:nth-child(1) {
	padding-top: 3em;
}
  #homepage-hero-text-middle {
 margin-left: unset;
}
  .navbar-brand {
  	display: none;
  }
  .container-fluid {
  	display: none;
  }
#mce_22 > div.social-icons-footer > div > a > i {
  	font-size: 25px;
  }
  .fa-bars {
  	color: #000;
    margin-right: 15px !important;
    margin-top: 24px;
  }
  #mce_22 > div.newsletter-sub > form > input[type="text"] {
  	width: 50%;
  }
  #header_search_form {
  	text-align: center;
  }
  #mce_37 > p:nth-child(1) {
    margin-top: 26px;
	margin-left: 15px;
  }
  #header_search_form > a:nth-child(3) > button:nth-child(1) {
  	display: none;
  }
  .card {
  	border: unset;
    width: 340px
  }
  .websitealert > p:nth-child(1) {
  	font-size: 18px !important;
  }
 
  #mce_37 > p:nth-child(1) > a:nth-child(1) > span:nth-child(1) > img:nth-child(1) {
  	position: relative;
    z-index: 1 !important;
  }
  .navbar-nav {
    margin: unset;
}
  .flex-container > .hero-image,.flex-container > .homepage-image,.steam-card,.steam-card > img:nth-child(1),.steam-column-right {
    width: 340px !important;
}

  .hero-image-middle {
  	background-size: contain;
    width: 340px;
    background-color: #31807C;
  }
p.hero-text {
  	margin-top: 12px;
    margin-left: 20px;
  }
  button.button {
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
	.foot-right-btns,.footer-links-list {
		padding-left: 36px;  	
  }
  #navbar-collapse-grid > ul > li:nth-child(8) > ul > li > div > ul:nth-child(3) {
 margin-top: unset; 
}
  
  #idBO2hP > div,#id5N4ie > div {
  	margin: unset !important;
  }
  #id8mLYS,#idzbdtH,#idtJXYS,#id1lIUF,#idADktP,#idcwCBk {
 display: table;
}
  [id="\31 2719"] > div > div > h4 > a {
    color: #2d65b1;
    font-size: 22px;
    font-weight: 700;
}
  .lib-resources-card {
    width: 333px;
}
  .resource-column {
    float: left;
    width: 100%; 
    margin-left: unset; 
}
  .widgetheader,#resourcesTitle,.resouces-description {
  margin-left: unset; 
  }
  .flex-container > .steam-banner {
    background-size: cover;
    width: 340px;
    height: 100px;
}
}
@media screen and (max-width: 53.25rem){


}
@media screen and (max-width: 47.9375rem){
  
  
    .navbar-top > div > ul > li > a {
    background-color: #c7c7c7 !important;
    color: #363736 !important;
}
   .yamm .dropdown,.nav-list > li > a {
  	 background: #c7c7c7;
    color: #363736;
  }
.searchRadioLower, #btnCatalog {
    text-align: center !important;
    margin-left: unset;
}
  #navbar-collapse-grid {
    padding-left: 2em !important;
	text-align: left;
   background-color: #c7c7c7 !important;
}
  #navbar-collapse-grid > ul > li > ul > li > div > ul > li > a, .heading4,
  #navbar-collapse-grid > ul > li:nth-child(8) > ul > li > div > ul:nth-child(1) > ul > li:nth-child(1) > ul > li > a
  {
  	color: #363736 !important;
  }
}