#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;
} .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;
} .hc_project_area,
.hc_service_area {
width:100%;
} .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;
} .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;
} .hc_project_area,
.hc_service_area {
width:100%;
} .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;
}
} @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;
} .hc_project_area,
.hc_service_area {
width:50%;
}
.hc_service_area img {
width:98%;
}
#project_section .hc_project_area img{
width:98%;
} .post-box {
width:100%;
float:left;
}
} @media only screen and (max-width: 800px) {
.header-logo-image img {
width: 99% !important;
}
.slider-text-wrap {
display:none;
}
{ .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;
} .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;
}