/*
Theme Name: Hydro
Author: DCC
Version: 2.0
*/

/*
==============================================
Global Styles
==============================================
*/

ol, ul{padding-left: 1em;}

p, li{margin-bottom:1em;}

.navlink.current-menu-item, .navlink:hover {color: #82bfbb; /*#25ADE3*/}
.navlink.current-menu-item:hover{cursor: default;}

.w-nav-button {color:#FFFFFF;}
.w-nav-button.w--open{background-color: #002B4d; /*#C8C8C8*/}
.button.slider-button {background: #91c766;}
.button.slider-button:hover {background: #6da83e;}

.article-info, .article-headline {color: #1c5678;}

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

.navbar {background: #1c5678;}

.logo {width:50%;}

/* Search Input [Header]*/
.section-top {padding:2em 0em 1em 0em;}
.w-input:focus, .w-select:focus{border-color: #FFFFFF #FFFFFF #C7C7C7 #FFFFFF;}

/*
==============================================
Homepage Styles
==============================================
*/

.w-col-12.feature-block{
	width:100%;
	/*width: 430px; */
	min-height: 0px;
	padding-bottom: 45px;
}

.feature-container {background-image:none;}

.section-feature {
    background-image: url('images/people.png');
    padding-top: 30px;
    padding-bottom: 0px;
}

.slider{height: 400px;}

.w-slide {background-size:cover!important; background-position: center center!important;}

.news-item p {font-size: 12px;}

/*
==============================================
Widget Styles
==============================================
*/

h3.page-widget-header {color: #82bfbb; text-transform: none; line-height: normal;}

.page-widget img{
margin-bottom: 0.5em;
width: 100%;
}

.page-widget a{
background-color: #91c766; /* #003E6F */
width: 100%;
color: #FFFFFF;
padding: 1em;
transition:0.5s;
}

.page-widget a:hover {background: #6da83e;}
.page-widget p{margin-bottom:2em;}

.page-widget-header{
margin-bottom: 14px;
padding-bottom: 15px;
font-family: Montserrat, sans-serif;
color: #a8a8a8;
font-size: 16px;
font-weight: 400;
text-align: left;
text-transform: uppercase;
border-bottom: 1px solid #c7c7c7;
}

/*
==============================================
Page Styles
==============================================
*/

.banner{background-size: cover; background-color:transparent;}

.section-new {
    padding-top: 65px;
    padding-bottom: 65px;
    background-color: #fff;
    min-height: 450px;
}
.news-section {background-color: #00b3e3;}
.section-new h1.super-head {color: #fff;}

.member{
	width: 20%; /*16%*/
	padding:0em 0.5em 0em 0.5em;
}

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

.section-footer {
    padding-top: 32px;
    padding-bottom: 40px;
    background-color: transparent; /*#CCCCCC*/
    border-top: 1px solid #c7c7c7;
}

.tw, .yt, .fb {width: 35px; height: 35px; display:inline-block;  background-size: 140px 35px;}
.tw {background-image: url(images/social-dark.png); background-position: 00% 0; background-repeat: no-repeat;}
.fb {background-image: url(images/social-dark.png); background-position: 50% 0; background-repeat: no-repeat;}
.yt {background-image: url(images/social-dark.png); background-position: 100% 0; background-repeat: no-repeat;}

/*
==============================================
Mobile Styles
==============================================
*/

@media(max-width: 480px){
	.member{width: 100%; margin-bottom: 1em; padding: 0em;}
	.slider{height: 500px;}
}

@media(max-width: 767px){
	.section-top{padding: 2.0em 0.25em 0em 0.25em;}
	.slider-text {width:100%;}
	.section-footer {text-align:center;}
    .logo {width:100%; padding: 0em 1em 0em 1em;}
}

@media(min-width: 481px) and (max-width: 768px){
	.member{width:50%;}
}