/*
Theme Name: HSE Library
Author: Gary Kelly
*/

/* GENERAL */
html{overflow-y:scroll !important;}
html, body{margin:0; padding:0;}
body{}
*{padding:0; margin:0; border:none; outline:none;}
.clear{clear:both;}
p, li, label, a, div, label, input, textarea, td, option{font-family: 'Open Sans', sans-serif; font-size:13px;}
h1, h2, h3, h4, h5, h6, thead tr td{font-family: 'Open Sans', sans-serif;}
h1, h2, h3{font-size:16px; color:#016958;}
a{color:#000000; text-decoration:none;}
li{list-style:none;}
textarea{height:100px !important; background:#f4fafa; padding:5px 1%;}
input{background:#f4fafa; padding:5px 1%;}
.display{display:none;}
.center{text-align:center;}
.pri-clr{color:#016958;}
.pri-clr-bk{background:#016958;}
.sec-clr{color:#65a89d;}
.sec-clr-bk{background:#65a89d;}
.white{color:#fff;}
.white-bk{background:#fff;}
.width{width:1140px; margin:0 auto;}
strong, b{font-weight:bold;}
.hide{display:none;}
.line{display:block; width:100%;}
.go-back{display:block; padding-bottom:5px;}

th, td, table{border:1px solid #fff; padding:10px; background:#f4fafa; color:#65a89d;}
table{border-collapse: collapse;}
thead td{border:1px solid #fff; font-weight:bold; color:#fff; background:#7a003c;}
tbody{vertical-align:top;}

/* HEADER */
.header{width:100%; position:relative; z-index:1}
.logo{width:250px; margin:15px 0; float:left;}
.hse-logo{width:250px; float:right; margin:10px 0;}

/* MAIN NAVIGATION */
.nav-main{text-align:center;}
.nav-main li{list-style-image:none; list-style-type:none; display:inline-block; *display:inline; zoom:1; position:relative;}
.nav-main li+li{}
.nav-main a{color:#fff; display:inline-block; *display:inline; zoom:1; text-decoration:none; font-size:13px; font-family: 'Open Sans', sans-serif; padding:10px 20px;}
.nav-main a:hover{background:#016958;}

.nav-main li ul{width:auto; margin:0; position:absolute; top:100%; left:0; display:none; opacity:0; visibility:hidden; z-index:15;}
.nav-main li:hover ul{display:block; opacity:1; visibility:visible;}
.nav-main li ul li{display:block; text-align:left; margin:0; width:200px; position:relative; background:#fff;}
.nav-main li ul li+li{border-top:2px solid #f9f9f9; border-left:none; margin-left:0; padding-left:0;}
.nav-main li ul li:hover{background:#f9f9f9;}
.nav-main li ul li:hover a{color:#fff; background:#016958;}
.nav-main li ul li a{color:#3c3c3c; font-weight:normal; padding:10px; display:block;}
.nav-main li ul li img{display:none;}

/* MAIN CONTENT */
figure.slider .metaslider{margin-bottom:-100px;}
.main{width:100%;}
section.width{margin:20px auto;}
body.home section article.left{float:left; width:66.1%;}
body.home section aside{float:right; width:32%;}
article{width:75%; float:right;}
aside{width:24%; float:left;}
section p{margin-bottom:10px; color:#3c3c3c;}
.align-right{float:right;}
.align-left{float:left;}
main a{color:#65a89d;}
aside textarea{width:98%;}
aside input{width:98%;}
aside .wpcf7-submit{width:100%;}
article li{margin:0 0 5px 20px; list-style-type:disc;}
article .local-library-menu li, article .national-resources li{list-style-type:none; margin:0;}

.slider{position:relative; z-index:-1;}

.home-services{position:relative; z-index:1;}
.third{width:30%; padding:10px 1%; float:left;}
.third+.third{margin-left:2%;}
.third h2 img{height:17px; margin:0 5px -2px 0;}
.athens{padding:0; width:32%;}
.athens h2{color:#fff; background:#4c294e; padding:10px 3%;}
.athens .login{background:#fff; padding:1px 3% 10px; text-align:center;}
.athens p{margin:5px 0;}
.athens .button{background:#fff; text-align:center; padding:10px 0; width:47%; display:inline-block; color:#4c294e; font-weight:bold; border:1px solid #dfd9de; transition:all 0.3s;}
.athens .button:hover{background:#dfd9de;}
.athens .button+.button{margin-left:2%;}
.athens .button-2{text-align:center; display:inline-block; color:#3c3c3c; margin-top:5px;}
.athens .button-2+.button-2{margin-left:5px; padding-left:5px; border-left:1px solid #3c3c3c;}
.search-library{background:#039385;}
.search-library h2{color:#fff; margin-bottom:5px;}
.search-library p{color:#fff;}
.search-request{background:#4b9fc0;}
.search-request h2{color:#fff; margin-bottom:5px;}
.search-request p{color:#fff;}
.search-request .button, .search-library .button{border:1px solid rgba(255,255,255,0.4); background:rgba(255,255,255,0.1); padding:10px; display:inline-block; color:#fff; text-align:center; font-weight:bold; transition:all 0.3s;}
.search-request .button:hover, .search-library .button:hover{background:rgba(255,255,255,0.3);}

aside .athens{width:100%;}
aside .athens .button{width:100%; display:block;}
aside .athens .button+.button{margin-left:0; padding-left:0; margin-top:5px;}
aside .athens .button-2+.button-2{margin-left:0; padding-left:0; border-left:none;}

.national-resources{margin-bottom:20px;}
.national-resources h3{color:#fff; background:#65a89d; margin-bottom:2px; padding:10px 0;}
.national-resources-menu li{width:50%; float:left;}
.national-resources-menu li a{background:#f4fafa; display:block; color:#65a89d; padding:10px 5%; margin:1px; text-align:center;}
.national-resources-menu li a:hover{color:#fff; background:#65a89d;}

.training{background:url(/wp-content/uploads/2017/05/HSE-Learning-Training.jpg) no-repeat center center; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; padding:20px;}
.training h3{color:#db811f;}
.training .button{display:inline-block; padding:10px; color:#fff; background:#db811f;}
.training .button+.button{margin-left:10px;}
.training .hseland{margin:5px 0; width:300px; height:auto;}

.yll{width:320px; float:left;}
.yll li{background:#f4fafa; padding:5px 10px; margin-bottom:1px;}
.yll h1, .yll h2{color:#fff; padding:5px 10px; margin-bottom:1px;}
.yll li:hover, .yll a.current li{background:#65a89d; color:#fff;}

.feat-img{position:relative; width:100%; padding-bottom:40%; overflow:hidden; margin-bottom:10px;}
.feat-img img{position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:100%; height:auto;}
.library-details{float:left; width:65%;}
.staff{text-align:center;}
.staff img{width:100%; height:auto;}

.local-library-content{position:relative;}
.local-library-menu{width:25%; float:right;}
.local-library-menu h3{padding:5px 5%; background:#65a89d; color:#fff; text-align:left; font-weight:normal; width:90%;}
.local-library-menu li{}
.local-library-menu li a{background:#f4fafa; display:block; color:#65a89d; padding:5px 5%; margin:1px; border-bottom:1px solid #fff;}
.local-library-menu li a:hover{background:#65a89d; color:#fff;}

/* DROPDOWN BUTTON */
.dropdown{position:relative;}
.dropbtn{background:#65a89d; color:#fff; padding:10px; border:1px solid #fff; cursor:pointer; width:100%; text-align:left; font-size:13px;}
.dropdown-content{background-color:#f4fafa; width:100%; z-index:1;}
.dropdown-content a{color:#65a89d; padding:10px; text-decoration:none; display:block;}
.dropdown-content a+a{border-top:2px solid #fff;}
.dropdown-content a:hover, .dropdown-content a.current{background-color:#65a89d; color:#fff;}
.show{display:block;}
#myInput{background-color:#fff; box-sizing:border-box; background-image:url('searchicon.png'); background-position:14px 12px; background-repeat:no-repeat; font-size:14px; padding:10px; border:none; width:100%;}
#myInput::placeholder{color:#65a89d;}

/* CALENDAR */
.tribe-events-calendar thead th{background-color:#65a89d; border-left:1px solid #65a89d; border-right:1px solid #65a89d;}
.tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-]>a{background-color:#65a89d;}
.tribe-events-calendar div[id*=tribe-events-daynum-], .tribe-events-calendar div[id*=tribe-events-daynum-] a{background-color: #65a89d;}
#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a{background-color:#016958;}
#tribe-events-content .tribe-events-calendar td{border:1px solid #fff; border-top:0; background:#f9f9f9;}
#tribe-events-content .tribe-events-calendar td.tribe-events-othermonth{background:#fff;}

.twit{background:#429bd5;}
.twit section.width{margin-bottom:0;}
.twit h3{text-align:center; padding:10px; color:#fff;}

/* NEWS ARTICLES */
.news-container{background:#f3f1f3; padding-bottom:50px;}
.news li{display:inline-block; width:205px; margin:10px; vertical-align:top;}
.news li .feat-img{width:205px; padding-bottom:60%; position:relative; overflow:hidden; margin-bottom:15px;}
.news li .feat-img img{max-width:105%; max-height:105%; width:auto; height:auto; margin:auto; top:0; right:0; bottom:0; left:0;}

/* CONTACT FORM */
.wpcf7-submit{color:#fff; background:#65a89d;}
.wpcf7-checkbox input{width:auto;}
select.wpcf7-select{width:98%; padding:5px 1%; background:#f4fafa; height:200px;}
select.wpcf7-select option{padding:5px 0;}

/* GALLERY */
#envirabox-outer{background:none !important;}
#envirabox-content{border-width:0 !important; margin:15px !important; box-shadow:none !important;}
#envirabox-title-outside{text-align:center;}
#envirabox-title.envirabox-title-outside{margin:0 15px;}
#envirabox-overlay{background-color:rgba(0,0,0,0.9) !important;}

/* FOOTER */
.footer{width:100%; padding:20px 0; margin-top:70px;}
.footer p{font-size:12px; color:#fff;}
.footer a{font-size:12px; color:#fff;}
.hse-logo-footer{width:250px; margin:10px auto; display:block;}
.footer-details p, .footer-details a{color:#fff; font-size:10px;}

.nav-footer-menu{padding:5px 0; text-align:center; min-height:10px;}
.nav-footer-menu li{list-style-image:none; list-style-type:none; display:inline-block; *display:inline; zoom:1; position:relative;}
.nav-footer-menu li+li{border-left:2px solid #fff; margin-left:10px; padding-left:10px;}
.nav-footer-menu a{color:#fff; display:block; text-decoration:none; font-size:12px; font-family: 'Open Sans', sans-serif;}
.nav-footer-menu a:hover{color:#f2f2f2;}

/* RESPONSIVE */
@media (max-width:1180px){
.hse-logo{display:none;}
.width{width:960px;}
}

@media (max-width:1000px){
.width{width:96%;}
article{width:100%;}
aside{width:100%; margin:0;}
.slider{overflow:hidden;}
.slider .metaslider{width:130% !important; margin-bottom:0;}
.third{width:90%; padding:10px 5%; float:none; margin-bottom:10px;}
.third+.third{margin-left:0;}
.athens{padding:0; width:100%;}
.athens h2{color:#fff; background:#4c294e; padding:10px 3%;}
.athens .login{background:#fff; padding:0 3% 10px; text-align:center;}
.athens p{margin:5px 0;}
.athens .button{text-align:center; padding:10px 0; width:47%; display:inline-block; color:#4c294e; font-weight:bold; border:1px solid #dfd9de;}
.athens .button+.button{margin-left:2%;}
.athens .button-2{text-align:center; display:inline-block; color:#3c3c3c; margin-top:5px;}
.athens .button-2+.button-2{margin-left:5px; padding-left:5px; border-left:1px solid #3c3c3c;}
body.home section article.left{width:100%;}
body.home section aside{width:100%; margin:20px 0;}

.cab{height:auto;}
.cab article{width:98%; padding:10px 1%; height:auto; float:none;}
.cab .cab-slider{float:none; width:100%;}

.training article{width:90%; padding:10px 5%;}
.training .hseland{width:100%;}

.dropbtn{padding:10px; width:100%; margin-bottom:10px;}
.dropdown{position:relative; width:100%;}
.dropdown-content{display:none; position:absolute; background-color:#f4fafa; width:100%; z-index:1; height:350px; overflow-y:scroll;}

.dropdown-content a{color:#65a89d; padding:10px; text-decoration:none; display:block;}
.dropdown-content a+a{border-top:2px solid #fff;}
.dropdown-content a:hover{background-color:#65a89d; color:#fff;}
.show{display:block;}
#myInput{background-color:#fff; box-sizing:border-box; background-image:url('searchicon.png'); background-position:14px 12px; background-repeat:no-repeat; font-size:14px; padding:10px; border:none; width:100%;}
#myInput::placeholder{color:#65a89d;}
}

@media (max-width:540px){
.logo{width:200px;}
.hse-logo-footer{width:100%;}
.footer-details p, .footer-details a{text-align:center; display:block;}
.national-resources-menu li{width:100%;}
.footer .align-left, footer .align-right{float:none;}
.library-details, .local-library-menu{width:100%;}

}