/* Enter Your Custom CSS Here */
#mainnav a {
    color: #f00;
}

.main-navigation a {
	text-decoration: none;
	position:relative;
	height: 100%;
	display: block;
	line-height: 45px;
	color: #fff;
	font-size: 18px;
  font-weight: bold;
}

.main-navigation ul ul {
	float: left;
	position: absolute;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}
.main-navigation ul li:hover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

.main-navigation .nav-menu > li {
	display:block;
	padding:0 15px;
}
.main-navigation .nav-menu > li > a:hover {
	position:relative;
	top:-3px;
	color:#fff;
}
.main-navigation .nav-menu > li span {
	position:absolute;
	display:none;
	width:100%;
	background:#fff;
	height:8px;
	bottom:-8px;
	left:0;
	right:0;
}

  .su-spoiler.my-custom-spoiler 
  .su-spoiler-title { background-color: #c6eff7; }
  .su-spoiler-icon { left: 3px; background-color: #fff; }
  .su-spoiler-content { background-color: #fff; }


.widget-area .widget-title {
	color: #00B0C8;
	min-height: 35px;
	line-height: 26px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	text-align:center;
	text-shadow: none;
}

a:active {
	color: #444545
	transition-duration: 0.5s;
		-webkit-transition-duration: 0.5s;
		-moz-transition-duration: 0.5s;
		-o-transition-duration: 0.5s;
}
a {https://www.eldoradolibrary.org/
	color: #1e73be;
	text-decoration:none;
}


#catalog_search {
   position: absolute;
   right:0px;
   top: 390px;
   background-color:#E2EFF7;
   color: #c6eff7;
   font-style: italic;  
   z-index: 100;
}

/*search-form*/
.catalog_search .search-form {

	height:32px;
}
.catalog_search .search-field {
	
	float:right;
	font-family:inherit;
	font-size:13px;
	height:32px;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
}
.catalog_search .search-submit {
	width:25%;
	height:32px;
	line-height:32px;
	text-align:center;
	font-family:inherit;
	font-size:13px;
	float:right;
	background:none;
	border:none;
	background-color:#00B0C8;
	color:#ffffff;
	cursor:pointer;
	text-transform:uppercase;
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	padding:0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

@media only screen and (max-width: 800px) 
	.footer-widget,
	.widget-area .widget {
		width:100% !important;
		float:none;
		padding:0;
	}
	
	.catalog_search {
		float:right; !important;
		height: auto;
		text-align:center;
		width: 99%;
	}
	
	.site-footer {
		height:auto;
	}
	.site-footer .div1 {
		width:96%;
		padding:0 2% 10px;
	}
	.site-footer .div1 span {
		display:block;
		margin:0;
	}
	.site-footer .div2 {
		width:96%;
		padding:0 2%;
	}
	.site-footer .div2 span {
		display:block;
		margin:0;
	}
	/* home */
	.hc_project_area,
	.hc_service_area {
		width:100%;
	}
  
  /*search-form*/

.search-form {
	width:100%;
    display:block;
	height:32px;
}

  .catalog_search .search-field {
	width:100%;
    display:block; !important;
	float:left;
	font-family:inherit;
	font-size:13px;
	height:32px;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
}
  
  .catalog_search .search-submit {
	width:25%;
	height:32px;
	line-height:32px;
	text-align:center;
	font-family:inherit;
	font-size:13px;
	float:right;
	background:none;
	border:none;
	background-color:#00B0C8;
	color:#ffffff;
	cursor:pointer;
	text-transform:uppercase;
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	padding:0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

.main-navigation .nav-menu > li {
	display:block;
	padding:0 15px;
}
.main-navigation .nav-menu > li > a:hover {
	position:relative;
	top:-3px;
	color:#fff;
}
.main-navigation .nav-menu > li span {
	position:absolute;
	display:none;
	width:100%;
	background:#fff;
	height:8px;
	bottom:-8px;
	left:0;
	right:0;
}

  .su-spoiler.my-custom-spoiler 
  .su-spoiler.my-custom-spoiler .su-spoiler-title { background-color: #c6eff7 }
  .su-spoiler.my-custom-spoiler .su-spoiler-title .su-spoiler-icon
  .su-spoiler.su-spoiler-closed.my-custom-spoiler .su-spoiler-title .su-spoiler-icon { left: 3px; background-color: #fff; }
  .su-spoiler.my-custom-spoiler .su-spoiler-content { background-color: #fff }


.widget-area .widget-title {
	color: #00B0C8;
	min-height: 35px;
	line-height: 26px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	text-align:center;
	text-shadow: none;
}

a:active {
	color: #444545
	transition-duration: 0.5s;
		-webkit-transition-duration: 0.5s;
		-moz-transition-duration: 0.5s;
		-o-transition-duration: 0.5s;
}

#catalog_search {
   position: absolute;
   right:0px;
   top: 90px;
   background-color:#E2EFF7;
   color: #c6eff7;
   font-style: italic;  
   z-index: 100;
}

/*search-form*/
.catalog_search .search-form {

  height:32px;
}
.catalog_search .search-field {
	
	float:right;
	font-family:inherit;
	font-size:13px;
	height:32px;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
}
.catalog_search .search-submit {
	width:25%;
	height:32px;
	line-height:32px;
	text-align:center;
	font-family:inherit;
	font-size:13px;
	float:right;
	background:none;
	border:none;
	background-color:#c6eff7;
	color:#ffffff;
	cursor:pointer;
	text-transform:uppercase;
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	padding:0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

@media only screen and (max-width: 800px) {
	.slider-text-wrap {
		display:block; !important;
	}
	.footer-widget,
	.widget-area .widget {
		width:100% !important;
		float:none;
		padding:0;
	}
	
	.catalog_search {
		float:right;
		height: auto;
		text-align:center;
		width: 99%;
	}
	
	.site-footer {
		height:auto;
	}
	.site-footer .div1 {
		width:96%;
		padding:0 2% 10px;
	}
	.site-footer .div1 span {
		display:block;
		margin:0;
	}
	.site-footer .div2 {
		width:96%;
		padding:0 2%;
	}
	.site-footer .div2 span {
		display:block;
		margin:0;
	}
	/* home */
	.hc_project_area,
	.hc_service_area {
		width:100%;
	}
  
  /*search-form*/
.catalog_search .search-form {
	width:100%;
    display:block;
	height:32px;
}

  .catalog_search .search-field {
	width:100%;
    display:block;
	float:left;
	font-family:inherit;
	font-size:13px;
	height:32px;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
}
  
  .catalog_search .search-submit {
	width:25%;
	height:32px;
	line-height:32px;
	text-align:center;
	font-family:inherit;
	font-size:13px;
	float:right;
	background:none;
	border:none;
	background-color:#00B0C8;
	color:#ffffff;
	cursor:pointer;
	text-transform:uppercase;
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	padding:0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
}

/* Responsive CSS ------------------------------------------------------------ */
@media only screen and (max-width: 799px) {
	.site-branding {
		min-height:100px;
	}
    {
   
	.header-logo-image{
		margin-top:0 !important;
		text-align:center;
		display:block;
	}
	.site-title {
		width:100%;
		float:none;
		text-align:center;
		padding:40px 0 20px;
	}
	.site-contact{
		text-align:center;
		float:none;
	}
	header form.search-form {
		display:none;
	}
	.content-area {
		width:100%;
		float:none;
		margin:0;
	}
	.widget-area {
		width:100%;
		float:none;
		margin:0;
	}
	.widget-area .widget {
		width:50%;
		float:left;
		padding:0 10px 0 0;
	}
	
	/* home */
	.hc_project_area,
	.hc_service_area {
		width:50%;
	}
	.hc_service_area img {
		width:98%;
	}
	#project_section .hc_project_area img{
		width:98%;
	}
		/* home recent post box */
		.post-box {
			width:100%;
			float:left;
		}
}

/*responsive*/
@media only screen and (max-width: 800px) {
	.header-logo-image img {
    	width: 99% !important;
	}
	.slider-text-wrap {
		display:none;
	}
  {
     
    /*search-form*/
.catalog_search .widget_search .search-form {
	width:100%;
    display:block;
	height:32px;
}

	.footer-widget,
	.widget-area .widget {
		width:100% !important;
		float:none;
		padding:0;
	}	
	.header-search {
      display:none;
		float:none;
		height: auto;
		text-align:center;
		width: 99%;
	}
	.header-search .ss {
       display:none;
		float:none;
	}
	.header-search .ss .sm {
       display:none;
		text-align:center;
	}
	.site-footer {
		height:auto;
	}
	.site-footer .div1 {
		width:96%;
		padding:0 2% 10px;
	}
	.site-footer .div1 span {
		display:block;
		margin:0;
	}
	.site-footer .div2 {
		width:96%;
		padding:0 2%;
	}
	.site-footer .div2 span {
		display:block;
		margin:0;
	}
	/* home */
	.hc_project_area,
	.hc_service_area {
		width:100%;
	}
}
  @media only screen and (max-width: 800px) {
    #catalog_search {
        display: none;
    }
}

  
.page-id-4488 #mainnav ul .current_page_item a {
    color: orange;
}