/*
Theme Name: EID Climate
Author: DCC
Version: 1.0
*/

/*
==============================================
WordPress Core
==============================================
*/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

.stButton_gradient{
    height: 2em!important;
}

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

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

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

.content-container a{ color: #0593ff;}

.content-container h1{
    /*padding-left: 100px;*
    font-family: 'Varela Round', sans-serif;*/
    color: #034780;
    font-size: 24px;
    font-weight: 700;
}

.content-container h2{
    /*padding-left: 100px;*
    font-family: 'Varela Round', sans-serif;*/
    color: #034780;
    font-size: 20px;
    font-weight: 700;
}

.content-container h3{
    /*padding-left: 100px;*
    font-family: 'Varela Round', sans-serif;*/
    color: #034780;
    font-size: 18px;
    font-weight: 700;
}

.content-container img{
    height:auto;
}

.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: #37A5FF /*#002B4d; /*#C8C8C8*/}
/*.button.slider-button {background: #91c766;}*
.button.slider-button:hover {background: #6da83e;}
.article-info, .article-headline {color: #1c5678;} */
.pag{margin-top:2em;}
.cat-title{font-size:32px; margin-bottom:1em;}
.text-center, .cent{text-align:center;}
.text-right{text-align:right;}

/*
==============================================
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;
}

.section-quo {
    padding-top: 65px;
    padding-bottom: 65px;
    background-color: #efefef;
    min-height: 450px;
}

.news-section {background-color: #F7F7F7;}

.section-new h1.super-head {color: #333333;}

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

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

.section-footer {
  background: transparent;
  border-top: 5px solid #37A5FF;
  padding: 40px 0px 20px 0px;
  margin: 0 auto;
}

.section-footer img{margin-bottom:1em;}

.boot{border-left: 1px solid #DDDDDD;}

#menu-footer-navigation{float:right;}
#menu-footer-navigation a {color: #919191; font-weight:100;}

.tw, .yt, .fb {width: 25px; height: 25px; display:inline-block;  background-size: 100px 25px; /*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;}


/*
================================================================
Dropdown Styles
================================================================
*

.tabpane ul, .tabpane li {list-style:none; margin: 0; padding: 0;}
.tabpane a {color: #525252;margin-bottom: 6px; padding: 5px; border-radius: 5px; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; text-decoration: none; display:block; background: url(images/icon-arrow_sm.png) 5px 10px no-repeat; padding: 5px 5px 5px 30px; font-size: 12px;}
.tabpane a:hover {background-color: #cbd9f2; text-decoration:none;}

.dropdown button {width: 100%; text-align: left;}
.dropdown .caret {float:right; position:relative; top: 10px;}
.dropdown-menu {width: 100%;}
.dropdown li {margin: 5px 0;} */

/* drop down */
.wrapper-dropdown-1 {position: relative;/* float:right; *//* width: 280px; */margin: 0 auto;padding: 10px 15px;background: #fff;border-left: 5px solid #00ACED;cursor: pointer;outline: none;}
.wrapper-dropdown-1:after {content: ""; width: 0; height: 0; position: absolute; right: 16px; top: 50%; margin-top: -3px; border-width: 6px 6px 0 6px; border-style: solid; border-color: grey transparent;}
.wrapper-dropdown-1 .dropdown {position: absolute; top: 100%; left: -5px; right: 0px; padding: 0; background: white; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; list-style: none; opacity: 0; pointer-events: none; z-index: 100;}
.wrapper-dropdown-1 .dropdown li a {display: block; text-decoration: none; color: #333; border-left: 5px solid; padding: 10px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; font-weight:100;}
.wrapper-dropdown-1 .dropdown li:nth-child(1) a {border-left-color: #999999 ;}
.wrapper-dropdown-1 .dropdown li:nth-child(2) a {border-left-color: #4183C4 ;}
.wrapper-dropdown-1 .dropdown li:nth-child(3) a {border-left-color: #3B5998 ;}
.wrapper-dropdown-1 .dropdown li i {margin-right: 5px; color: inherit; vertical-align: middle;}

.wrapper-dropdown-1 .dropdown li{
    line-height:2em;
    margin-bottom:0em;
}

/* Hover state */
.wrapper-dropdown-1 .dropdown li:hover a {/*color: #FFFFFF;*/ background-color: rgba(0,0,0,0.1);}
 /* Active state */
.wrapper-dropdown-1.active:after {border-width: 0 6px 6px 6px;}
.wrapper-dropdown-1.active .dropdown {opacity: 1;pointer-events: auto;/* height: 300px; *//* overflow-y: scroll; */}

/* No CSS3 support */
.no-opacity .wrapper-dropdown-1 .dropdown, .no-pointerevents .wrapper-dropdown-1 .dropdown {display: none; opacity: 1; /* If opacity support but no pointer-events support */ pointer-events: auto;}
.no-opacity .wrapper-dropdown-1.active .dropdown, .no-pointerevents .wrapper-dropdown-1.active .dropdown {display: block;}

#dd1 > p {margin-bottom:0em;}

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

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

@media(max-width: 767px){
	.section-top{padding: 2.0em 0.25em 0em 0.25em;}
    .section-footer {text-align:center;}
    .logo {width:100%; padding: 0em 1em 0em 1em;}
    .boot{padding-top:1em;border-left: 0px solid #DDDDDD; border-top: 1px solid #DDDDDD;}
    .section-footer img {padding: 2.5%; /*0px 25%*/ }

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

@media(min-width: 991px) and (max-width: 1080px){
.w-container {max-width: 865px; /*940px*/}
.search {width:240px;}
}