@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,200,100,500,700,600,800,900);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

@import url(https://fonts.googleapis.com/css?family=Questrial);
@import url(https://fonts.googleapis.com/css?family=Didact+Gothic);
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,300,700);

/*========================== GLOBAL ===========================*/

body{
    font-family:"Verdana";
    line-height: 1.6;
}

table tr{
    padding: 10px 16px;
    border-left: 4px solid transparent;
}
table tr:hover {
    border-left: 4px solid #FAA61A;
    padding-left: 16px;
}
#block-system-main{
    font-size:1.15em;
}
#block-system-main table{
    font-size:0.9em!important;
}
.content-image-left{
	float:left;
	margin-right:20px;
}
.content-image-right{
	float:right;
	margin-left:20px;
}
.view-header{
    margin-bottom:50px;
}

/*========================== HEADER ===========================*/

 header{
	background: #fff;
	/*min-height:150px;*/
}

#top-bar{
	/*background-color: #2C3E50;*/
	height:35px;
	width:100%;
	padding: 10px 0;
}
#top-bar .container{
	width: 100%;
}
#top-bar span{
	margin-left:20px;
	font-family: 'Questrial', sans-serif;
    font-size: 1.1em;
}

#top-bar-options{
	text-align: right;
	padding-right: 0px;
}
.glossary{
	background: url(../img/glossary.png);
}
.contrast{
	background: url(../img/brightness9.png);
}
.resize{
	background: url(../img/resize11.png);
}
.translate{
    margin-left: 20px;
	background: url(../img/translation.png);
    border:0;
    max-width: 110px;
}

.search{
	background: url(../img/magnifying-glass21.png);
}

.contrast, .resize, .translate, .search, .glossary{
	background-size: contain;
    background-repeat: no-repeat;
    padding-left: 25px;
    color: #006384;
    opacity:1;
    cursor:pointer;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

.contrast:hover, .resize:hover, .translate:hover, .search:hover, .glossary:hover{
	opacity:0.7;
}
.logo img {
    width: auto;
    height: 125px;
    margin: 0px 0 0px 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: center;
    cursor: pointer;
}
.navbar.container, .navbar.container-fluid {
    margin-top: 0px;
    padding-left:0;
    padding-right:0;
}
.navbar-default {
    background-color: transparent;
    border:0;
    border-color: none;
}
.navbar-header{
	width:100%;
	float:none;
}
.navbar-header .col-md-3{
	padding-left:0;
	padding-right: 0;
}
#moto{
	font-size: 2.1em;
    height: calc(125px - 1em);
    line-height: 50px;
    margin-top: 1.5em;
    color: #006384;
    font-family: 'Raleway', sans-serif;
}

.campaign-image{
	width: 100%;
    background: url(img/AFE_campaign_logo_transparent.png);
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#search{
	position:relative;
	height:125px;
}

.social-column{
	position: absolute;
    bottom: 0;
    right: 0px;
    color: white;
    display: flex;
}

.social-column i:before{
	background-color:#006384;
	color:white;
	font-size: 15px;
	padding:10px;
	border-radius:100%;
	margin-left: 10px;
	cursor:pointer;
	opacity:1;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}

.social-column i:hover:before{
	opacity:0.7;
}

.facil img{
	width: 147px;
    padding: 30px 0;
    float: right;
}

/*========================== MENU ===========================*/

nav{
	background-color: #FFFFFF;
    border-bottom: 1px solid #ccc;
    border-top:1px solid #ccc!important;
    max-height: 61px!important;
}
#menu-bar .menu{
	line-height: 60px;
    display: table;
    width: 100%;
    margin-bottom: 50px;
}
#menu-bar .menu ul li ul{
    line-height: 40px;
    padding-top:9px!important;
    background: #F2F2F2;
    border-radius: 0;
    border-left:1px solid rgba(51, 51, 51, 0.35);
}
#menu-bar .menu ul li ul li.sf-depth-3 ul{
	top:-9px!important;
}
#menu-bar .menu li.sf-depth-1{
	font-family: 'Questrial', sans-serif;
	display: table-cell;
    text-align: center;
    float: none;
    font-size: 1.3em;
    font-weight: 500;
    text-transform: capitalize;
    color: #006284;
    cursor:pointer;
    -webkit-transition: color .25s ease;
       -moz-transition: color .25s ease;
        -ms-transition: color .25s ease;
         -o-transition: color .25s ease;
            transition: color .25s ease;
}
#menu-bar .menu li.sf-depth-1 a{
    color: #006284!important;
}
#menu-bar .menu li.sf-depth-1:hover > a{
    color:#C38333!important;
    border-top:3px solid #FAA945;
    border-bottom:3px solid #FAA945;
    line-height: 54px;
}
#menu-bar .menu li.sf-depth-1:hover > span{
    color:#C38333;
    border-top:3px solid #FAA945;
    border-bottom:3px solid #FAA945;
    line-height: 54px;
}
#menu-bar .menu li a{
    text-decoration: none;
}
#menu-bar .menu > li.sf-depth-1 > ul{
    display: none;
    position: absolute;
    top: 60px;
    z-index: 1000;
    padding-left: 0;
    width: auto!important;
    border-radius: 0;
    padding-right: 0!important;
}
#menu-bar .menu li.sf-depth-1 ul li{
    display: block;
    background-color: #f2f2f2;
    color: #006384;
    font-size:0.9em;
    white-space: nowrap;
    padding:0 20px;
    text-align: left;
    border-bottom:none;
    border-top:none;
    position: relative;
}
#menu-bar .menu li.sf-depth-1 ul li a{
    color: #006284;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
#menu-bar .menu li.sf-depth-1 ul li a:hover{
    color: #C38333!important;
}
.sf-menu.sf-horizontal.sf-shadow ul, .sf-menu.sf-vertical.sf-shadow ul, .sf-menu.sf-navbar.sf-shadow ul ul{
    width:auto!important;
}

/*========================== CAROUSEL ===========================*/

.front .highlighted{
    background: #FAA61A;
     padding: 3%;
}

.front .highlighted .carousel-inner{
    width: 100%;
    height: 100%;
	min-height: 310px;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    max-width:445px;
}
.carousel-inner>.item {
    width:100%;
    height: 100%;
    border-radius: 15px;
}
.carousel-caption {
    width: 45%;
    right: 100%!important;
    left: 55%;
    padding: 10px 2% 10px 4%;
    font-size: 1.5em;
    bottom: 0;
    top: 0px;
    text-align: left;
}
.carousel-indicators{
    bottom: 5px!important;
    margin-left: 0;
    left: 0;
    width: 97%;
    text-align: right!important;
}
.carousel-indicators li {
    width:12px;
    height:12px;
    border-radius:100%;
    border:1px solid rgba(255, 255, 255, 0.3);
    background-color:rgba(255, 255, 255, 0.3);
}
.carousel-indicators li.active{
    background-color:#006384;
    border:1px solid #028CBB;
    margin:1px;
}

#views-bootstrap-carousel-1 .node-front-slide h2{
    display: none;
}

#views-bootstrap-carousel-1 .field-name-field-front-slide-image{
    max-width:445px;
}

#views-bootstrap-carousel-1 .field-name-body {
    width: 43%;
    right: 100%!important;
    left: 58%;
    padding: 10px 2% 10px 4%;
    font-size: 1.2em;
    bottom: 0;
    top: 0px;
    text-align: left;
    position: absolute;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    font-family: 'Verdana';
}
#views-bootstrap-carousel-1 .field-name-field-front-slide-link{
    position: absolute;
    right: 0;
    top: 200px;
    padding: 10px 20px;
    background: #fff;
    border-radius: 4px;
}
#views-bootstrap-carousel-1 footer{
    display: none;
}

/*========================== FRONT PAGE ===========================*/
/*
#main-content, .page-header{
    display: none;
}
*/
#main-content h3 {
    font-family: 'Questrial', sans-serif;
    font-size: 1.5em;
    color: #2C3E50;
    border-bottom: 1px solid #2C3E50;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 0;
}
.work-areas h2 {
    font-family: 'Questrial', sans-serif;
    font-size: 1.5em;
    margin: 0;
    line-height: 50px;
    color: #2C3E50;
    background-color: white;
    border-bottom: 1px solid #2C3E50;
}
#work-areas {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
}
.work-area{
    font-family: 'Questrial', sans-serif;
    display: table;
    background-color:#006384;
    color: white;
    border: 2px solid #01769C;
    border-left: 7px solid #01769C;
    font-size: 1.3em;
    font-weight: 500;
    height: 100px;
    width: 30%;
    margin: 30px 0 0 0;
    text-align: center;
    padding:10px;
    border-radius: 10px;
    cursor:pointer;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

.work-area p{
    display: table-cell;
    vertical-align: middle;
}
.work-area:hover{
    background-color: white;
    color:#006384;
}
.work-area a{
	color:white;
	text-decoration: none;
}
.work-area:hover a{
    color:#FAA945;
}
.work-area.middle{
    margin:30px 5% 0px 5%;
}
.activities h2{
    font-family: 'Questrial', sans-serif;
    font-size: 1.5em;
    margin: 0;
    line-height: 50px;
    color: #2C3E50;
    background-color: white;
    border-bottom: 1px solid #2C3E50;
    margin-top: 50px;
}
#activities {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
}
.activity{
    font-family: 'Questrial', sans-serif;
    display: table;
    background-color: #FAA945;
    border: 2px solid #FDA12F;
    border-left: 7px solid #FDA12F;
    color: white;
    font-size:1.2em;
    font-weight: 500;
    height: 100px;
    width: 30%;
    margin: 30px 0%;
    text-align: center;
    padding:10px;
    border-radius: 10px;
    cursor:pointer;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

.activity p{
    display: table-cell;
    vertical-align: middle;
}
.activity:hover{
    background-color: white;
    color:#FAA945;
}
.activity a{
	color:white;
	text-decoration: none;
}
.activity:hover a{
    color:#FAA945;
}
.activity.middle{
    margin:30px 5%;
}
.activities h2 i:before{
    color: white;
    font-size: 1.2em;
    background-color: #FAA945;
    border-radius: 50%;
    padding: 10px 7px;
}
.work-areas h2 i:before{
    color: white;
    font-size: 1.2em;
    background-color: #006384;
    border-radius: 50%;
    padding: 10px 13px;
}
.work-areas h2 i:before, .activities h2 i:before{
    margin-left:0!important;
    margin-right:20px;
}

#members{
    display: flex;
    margin-top:50px;
    /*background:url(img/europe.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;*/
    height: 150px;
    margin-bottom: 50px;
}

.info-members, .become-member, .become-partner{
    width: 33%;
    display: table;
    text-align: center;
    color: #f36;
    margin: auto;
    height: 50%;
    vertical-align: middle;
}

.info-members-btn, .become-member-btn, .become-partner-btn{
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.info-members-btn div a, .become-member-btn div a, .become-partner-btn div a{
    font-family: 'Questrial', sans-serif;
    line-height: 80px;
    font-weight: 600;
    font-size: 1.1em;
    text-decoration: none;
    color: #f36;
}

.info-members i:before, .become-member i:before, .become-partner i:before{
    margin-left:0px;
    font-size:3em;
    color: white;
    background-color: #E2003B;
    padding: 20px 22px;
    border: 3px solid #E2003B;
    border-bottom: 5px solid #E2003B;
    border-radius: 50%;
    cursor:pointer;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

.info-members i:hover:before, .become-member i:hover:before, .become-partner i:hover:before{
    /*background-color: #028CBB;
    color:white;*/
    background-color: white;
    color:#E2003B;
    border: 3px solid #E6073F;
    border-bottom: 5px solid #E6073F;
}

a#news-button {
    float: right;
    border: none;
    padding: 5px 10px;
    color: #2C3E50;
    background-color: #ccc;
    background-color: transparent;
    font-weight: 600;
    text-decoration: underline;
}

/*========================== NEWSLETTER ===========================*/

#mailchimp-signup-subscribe-block-newsletter-coverage-form #edit-actions{
    text-align: center;
}    
#block-mailchimp-signup-newsletter-coverage h2 {
    font-family: 'Questrial', sans-serif;
    font-size: 1.5em;
    color: #2C3E50;
    border-bottom: 1px solid #2C3E50;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 0;
}
#block-mailchimp-signup-newsletter-coverage input[type="text"], #block-mailchimp-signup-newsletter-coverage input[type="email"] {
    width: 100%;
    height:auto;
    background-color: rgba(0,0,0,0.1);
    border: none;
    color: rgba(0,0,0,0.8);
    padding: 10px 20px;
    border-radius: 2px;
    box-shadow: none;
    -webkit-box-shadow:none;
}
#block-mailchimp-signup-newsletter-coverage input {
    margin: 10px 0 20px 0;
    padding: 5px;
}
#block-mailchimp-signup-newsletter-coverage label {
    display:none;
}
#block-mailchimp-signup-newsletter-coverage .mailchimp-signup-subscribe-form-description {
    color: #2C3E50;
    margin-bottom:20px;
}
#block-mailchimp-signup-newsletter-coverage #edit-submit{
    border:none;
    border-radius: 2px;
    background-color: #006384;
    padding:10px 20px;
    color:white;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
#block-mailchimp-signup-newsletter-coverage #edit-submit:hover{
    background-color: rgba(0,0,0,0.2);
    color: rgba(0,0,0,0.8);
}
#block-block-10 .latest-newsletter{
    margin-top: 45px;
    cursor:pointer;
    color:#006384;
    text-align: center;
}

#block-block-18 h2 {
    font-family: 'Questrial', sans-serif;
    font-size: 1.5em;
    color: #2C3E50;
    border-bottom: 1px solid #2C3E50;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 0;
}

footer .statistics_counter{
	display: none;
}

/*========================== BASIC PAGE ===========================*/

article{
    /*text-align: justify;*/
    font-size: 1.1em;
    line-height: 1.6em;
}

.not-front .main-container section .breadcrumb{
    margin-top: 10px;
}
.not-front .main-container section h1{
    margin-top:10px;
}
.text-info{
    color: #31708f;
    background-color: rgba(49,112,143,0.1);
    padding: 10px 20px;
    padding-left: 60px;
    border-top: 2px solid #B7D2F2;
    border-bottom: 2px solid #B7D2F2;
    background: #DBE7F8 url(../img/icon-text-info.png) no-repeat;
    background-position: left center;
}
.text-info i:before{
    margin-left:0;
    margin-right:10px;
    height:auto;
}

/*========================== PROJECT ===========================*/

.node-type-project .region-content .row {
    padding-top: 20px;
    padding-bottom: 20px;
}

.node-type-project .region-content .row h4 {
    color: #006384;
    font-weight: 600;
}

.node-type-project .region-content .row .project-news {
    list-style-type: none;
    padding-left: 0;
}

.node-type-project .region-content .row .project-news li {
    padding: 10px 20px;
}

.node-type-project .region-content .row .project-news li:hover {
    border-left: 4px solid #FAA61A;
    padding-left: 16px;
}

.node-type-project .region-content .row .project-news li a {

}

.node-type-project .node-tags .field-items{
    display: flex;
}
.view-age-projects-by-project-topic .views-field-title{
    text-align: center;
    margin-top: 10px;
    padding:20px 50px;
    vertical-align: middle;
}
.view-age-projects-by-project-topic .field-content img{
    margin:auto;
    border-radius:4px;
    max-width:150px;
}
.view-age-projects-by-project-topic table td{
    padding-bottom: 50px;
}
.view-age-projects-by-project-topic table td .views-field{
    display: table-cell;
}
#age-projects-top-block{
    display: table;
    margin-bottom:20px;
}
#age-projects-top-block a{
    display: table-cell;
    padding: 10px 2%;
    text-align: center;
    border: 1px solid #e6e6e6;
}

/*========================== EVENT ===========================*/

.node-event .field-name-field-event-date{
    margin-top:50px;
}
.field-name-field-event-date span.date-display-single {
    display: flex;
    margin-bottom: 20px;
    font-family: 'Questrial', sans-serif;
    font-size: 1.1em;
    line-height: 2em;
}
.field-name-field-event-date .flaticon-puppets-calendar184:before {
    content: "\e009";
    float: left;
    margin:0 10px 0 0;
}
h1.page-header {
    font-size: 2.1em;
    color: #006384;
    font-family: 'Questrial', sans-serif;
    margin-bottom: 42px;
    font-weight: 600;
}
.field-name-field-event-location{
    margin-top:30px;
}
.calendar a{
    color:black;
}

/*========================== MEMBER AREA ===========================*/

#block-system-user-menu{
    margin-bottom:81px;
}
#block-system-user-menu .nav > li > a {
    position: relative;
    display: block;
    padding: 8px 15px;
}

/*========================== UPCOMING EVENTS ===========================*/

.front #block-views-upcoming-events-block,
.front #block-views-upcoming-events-block-1,
.front #block-views-upcoming-events-block-2{
    margin-top: 74px;
}

#block-views-upcoming-events-block h2,
#block-views-upcoming-events-block-1 h2,
#block-views-upcoming-events-block-2 h2,
#block-views-focus-block h2,
#block-system-user-menu h2{
    font-family: 'Questrial', sans-serif;
    background-color: transparent;
    font-size: 1.5em;
    /*border-bottom: 1px solid #006384;*/
    line-height: 50px;
    margin: 0;
    margin-bottom: 20px;
    /*color: #006384;*/
    color: #2C3E50;
    border-bottom: 1px solid #2C3E50;
}
#block-views-upcoming-events-block span.date-display-single,
#block-views-upcoming-events-block-1 span.date-display-single,
#block-views-upcoming-events-block-2 span.date-display-single,
#block-views-focus-block  .views-field-created span{
    font-size: 0.85em;
    display: flex;
    color: #525252;
}
#block-views-upcoming-events-block span.date-display-single .date-display-range,
#block-views-upcoming-events-block-1 span.date-display-single .date-display-range,
#block-views-upcoming-events-block-2 span.date-display-single .date-display-range{
    font-size: 1em;
    margin-left:3px;
}
#block-views-upcoming-events-block .date-display-range,
#block-views-upcoming-events-block-1 .date-display-range,
#block-views-upcoming-events-block-2 .date-display-range {
    font-size: 0.85em;
    color: #525252;
}
#block-views-upcoming-events-block .views-field-title,
#block-views-upcoming-events-block-1 .views-field-title,
#block-views-upcoming-events-block-2 .views-field-title,
#block-views-focus-block .views-field-title{
    margin-bottom:30px;
    font-size: 1.1em;
}
.view-upcoming-events .view-footer{
    margin-bottom:20px;
}

.view .date-nav-wrapper .date-prev{
    right:77px;
}
.view .date-nav-wrapper .date-prev a{
    border-radius: 5px 0px 0px 5px;
    color: #006384;
}
.view .date-nav-wrapper .date-next a{
    border-radius: 0px 5px 5px 0px;
    color: #006384;
}
.view .date-nav-wrapper .date-heading h3{
	color: #faa61a;
}
.calendar-calendar .month-view .full td.multi-day div.monthview, .calendar-calendar .week-view .full td.multi-day div.weekview, .calendar-calendar .day-view .full td.multi-day div.dayview{
    height:3em;
}
.calendar-calendar div.calendar {
    border: none;
    font-size: small;
}

/*========================== ASIDE ===========================*/

aside i:before{
    margin-left:0!important;
    margin-right:10px;
}

.ad {
    text-align: center;
    margin-bottom: 20px;
    padding-top: 20px;
    border-top: 1px solid #006384;
}
.ad img {
    width: 100%;
}

/*========================== LATEST NEWS ===========================*/

#latest-news {
    padding-top: 50px;
    padding-bottom: 65px;
    border-bottom: 1px solid #006384;
    background: #f2f2f2;
    margin-left:0;
    margin-right:0;
}
.latest-news-title h3 {
    font-family: 'Questrial', sans-serif;
    font-size: 1.4em;
    margin: 0;
    line-height: 50px;
    color: #131A21;
    border-bottom: 1px solid #131A21;
    cursor: pointer;
}
.latest-news-title i:before{
    margin-left:0;
    margin-right:10px;
}
.view-display-id-block_4 .views-row{
    display: flex;
    flex-flow: row wrap;
}
.view-display-id-block_4 .views-field-nothing,
.view-display-id-block_4 .views-field-nothing-1,
.view-display-id-block_4 .views-field-nothing-2,
.view-display-id-block_4 .views-field-nothing-3 {
    flex-basis: 50%;
    padding-right: 15px;
    padding-left: 15px;
}
.view-display-id-block_4 .views-field-nothing .view,
.view-display-id-block_4 .views-field-nothing-1 .view{
    min-height:325px;
   	position: relative;
   	margin-bottom:50px;
}
.view-display-id-block_4 .views-field-nothing-2 .view,
.view-display-id-block_4 .views-field-nothing-3 .view{
    min-height:225px;
    position: relative;
    margin-bottom:50px;
}
.view-display-id-block_4 .views-field-nothing .view-footer,
.view-display-id-block_4 .views-field-nothing-1 .view-footer,
.view-display-id-block_4 .views-field-nothing-2 .view-footer,
.view-display-id-block_4 .views-field-nothing-3 .view-footer{
	position: absolute;
    bottom: 0;
    right: 0;
}
.view-display-id-block_4 .views-field-title{
    margin-top: 15px;
    /*margin-bottom: 10px;*/
    width:100%;
}
.view-display-id-block_4 .views-field-title a {
    font-size: 1.15em;
    color: #006384;
    cursor: pointer;
}

/*========================== AGE Glossary ===========================*/

.view-glossary-view .views-bootstrap-accordion-plugin-style .panel-heading{
    font-family: 'Questrial', sans-serif;
    font-size: 1em;
    font-weight: 300;
    color: #fff;
    background-color: #006384;
    border: 0;
    border-color: #46b8da;
    border-radius: 0;
}
.gloss-letters span, .gloss-letters a {
    font-size: 1.4em;
    font-weight: 100;
    padding: 0 5px;
}
.gloss-letter{
    text-transform: uppercase;
    font-size: 1.1em;
    font-family: 'Questrial', sans-serif;
    color: #2C3E50;
    border-bottom: 1px solid #2C3E50;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 0;
}
.view-glossary-view .views-field-description {
    text-align: justify;
    font-size: 1.1em;
}

/*========================== FOOTER ===========================*/

.footer{
    margin-top: 0px;
    padding-top: 45px;
    padding-bottom: 45px;
}
footer{
    background-color:white;
    padding-top: 50px;
}
footer h3{
    font-family: 'Questrial', sans-serif;
    font-size: 1.5em;
    color:#2C3E50;
    border-bottom:1px solid #2C3E50;
    padding-bottom:20px;
    margin-bottom:20px;
}
footer .contact ul{
    padding-left:0;
    color:#2C3E50;
    list-style: none;
}
footer .contact ul a{
    color:#2C3E50;
    text-decoration: none;
}
footer .contact i:before{
    margin-left:0;
    margin-right:20px;
}
footer .member-of{
    text-align:center;
}
footer .member-of h3{
    text-align:left;
}
footer .member-of img{
    opacity:0.8;
    max-width: 100%;
}
footer .covenant-demographic img{
    width: 100%;
}
.row#copyrights{
    background-color: #006384;
    margin:0;
}
.copyrights{
    width:70%;
    margin:auto;
    text-align: center;
    padding:20px 0;
    color:white;
    display: flex;
    display:-webkit-flex;
    font-size:0.9em;
}
.copyrights img{
    margin-right:20px;
}
footer .region-footer{
    display: flex;
}
.footer-inside{
    width: 100%;
}
.footer-inside ul {
    display: table;
    width: 100%;
    padding-left: 0;
}
.footer-inside .footer-social {
    width: 30%!important;
}
.footer-inside ul li:first-child {
    padding-left: 0!important;
}
.footer-inside ul li {
    display: table-cell;
    padding-left: 6%;
    font-size: 1.1em;
}
.footer-inside ul li a{
    color: #2C3E50;
}
.footer-inside i:before {
    margin-left: 0;
    margin-right: 10px;
}
#block-block-7 .flaticon-elegant-social19{
    margin-left:25px;
}

/*========================== Secretariat ===========================*/

#block-views-secretariat-block-block{
    text-align: justify;
    font-size: 1.15em;
}
#block-views-secretariat-block-block .views-row{
    margin-bottom:50px;
}
#block-views-secretariat-block-block .views-field-field-secretariat-position{
    color: #C70A0A;
    font-weight: 700;
    margin-bottom: 10px;
}
#block-views-secretariat-block-block .views-field-field-secretariat-email{
    color: #0959BD;
    font-weight: 700;
    margin-bottom: 10px;
    padding-left: 20px;
}
#block-views-secretariat-block-block .views-field-field-secretariat-email a{
    font-weight: 300;
    margin-left:10px;
}
#block-views-secretariat-block-block .sec-desc{
    display: flex;
    min-height: 100px;
}
#block-views-secretariat-block-block .sec-text{
    width: 100%;
    padding-right: 5%;
}
#block-views-secretariat-block-block .sec-image{
    margin-top: -25px;
}
#block-views-secretariat-block-block .sec-image img{
    border-radius: 3px;
    max-width: 120px;
} 
#block-block-13{
    margin-bottom:50px;
}

/*========================== NEWS PAGE ===========================*/

.page-news .view-id-age_news .views-row{
    margin-bottom:20px;
}
.page-news .view-id-age_news .views-field-title{
    font-size:1.2em;
}
.node-type-news .region-content{
    font-size:1.1em;
}
.news-date-created{
    margin:50px 0;
}
.news-date-created i:before{
    margin-left:0;
    margin-right:10px;
}

/*========================== POLICY WORK PAGE ===========================*/

.view-age-policy-work td{
    padding:0 20px;
}
.view-age-policy-work .views-field-title{
    text-align: center;
    margin-top:10px;
    margin-bottom: 20px;
    font-size: 1.15em;
}
.view-age-policy-work .views-field-field-image img{
    margin: auto;
    border-radius:3px;
}
.node-type-policy-work h3.item-title{
    font-size:1.2em;
}

/*========================== POLICY WORK NEWS PAGE ===========================*/

.node-type-policy-work-news .field-post-date{
    margin:50px 0;
}
.node-type-policy-work-news .field-post-date i:before{
    margin-left:0;
    margin-right:10px;
}

/*========================== GOOD PRACTICE PAGE ===========================*/

.field-name-field-good-practice-selection{
    margin-top:20px;
}
.field-name-field-tags .field-item a{
    background-color: #006384;
    border-radius: 0;
    padding: 10px;
    margin-right: 10px;
    font-family: 'Questrial', sans-serif;
    font-size: 0.9em;
    font-weight: 300;
    display: inline;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    text-decoration: none;
}
.field-name-field-tags .field-item a:hover{
    background-color: #31b0d5;
}
.field-name-field-tags .field-items{
    display: flex;
}

/*======================== PUBLICATIONS PAGE ========================*/

.view-publications table td.views-align-left{
    width:75%;
}
.view-publications.view-display-id-page_3 table td.views-align-left{
    width:55%;
}
.view-publications table tr{
    padding: 10px 16px;
    border-left: 4px solid transparent;
}
.view-publications table tr:hover {
    border-left: 4px solid #FAA61A;
}
.view-publications.view-display-id-page_1 .views-row{
    margin-bottom:50px;
}
.view-publications.view-display-id-page_1 .views-field{
    padding-left:20px;
}
.view-publications.view-display-id-page_1 .views-field.views-field-title{
    padding-left:0px;
}
.view-publications.view-display-id-page_1 .views-field.views-field-field-deadline-submission{
    margin:15px 0;
}

/*======================== PUBLICATION PAGE ========================*/

.node-type-publication .field-name-field-publication-links{
    margin:25px 0;
}
.node-type-publication .field-name-field-publication-links .field-item {
    padding: 10px 20px;
}
.node-type-publication .field-name-field-publication-links .field-item:hover {
    border-left: 4px solid #FAA61A;
    padding-left: 16px;
}

/*========================== SPECIAL BRIEFING PAGE ===========================*/

.node-type-special-briefing .field-post-date{
    margin:50px 0;
}
.node-type-special-briefing .field-post-date i:before{
    margin-left:0;
    margin-right:10px;
}

/*========================== VIDEOS PAGE ===========================*/

.view-videos .views-row{
    margin-bottom:50px;
}
.view-videos .field-content{
    display: flex;
}
.view-videos .video-thumb{
    margin-right:20px;
    position:relative;
}
.view-videos .video-thumb img{
    max-width: inherit;
}
.view-videos .video-thumb:after{
    content: "\e010";
    font-family: Flaticon Elegant;
    font-size: 50px;
    font-style: normal;
    color: white;
    margin-left: 20px;
    opacity: 0.6;
    position: absolute;
    top: calc(50% - 35px);
    left: calc(50% - 30px);
    margin: auto;
}
.view-videos h4{
    margin-top:0;
}

/*========================== MEMBER AREA PAGE ===========================*/

#user-login{
    margin-top:50px;
}
#user-login input{
    width: 100%;
    height: auto;
    background-color: #f2f2f2;
    border: none;
    color: rgba(0,0,0,0.5);
    padding: 10px 20px;
    border-radius: 2px;
    margin: 10px 0;
    font-size: 1em;
    box-shadow: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
#user-login label{
    font-weight: 300;
    font-size: 1.3em;
    color: #006284;
}
#user-login #edit-submit{
    padding:10px 20px;
    color: white;
    background-color: #006384;
    border-color: #eee;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
#user-login #edit-submit:hover{
    background-color: rgba(0,0,0,0.2);
    color: rgba(0,0,0,0.8);
}

/*========================== SEARCH PAGE ===========================*/

#search-filters{
    display: flex;
}
#search-filters .search-filters-left{
    width:45%;
    margin-right:5%;
    margin-top: 21px;
}
#search-filters .search-filters-left div.views-exposed-widget{
    display: block;
    float:none;
}
#search-filters .search-filters-right{
    width:50%;
}
#search-filters #edit-field-tags-tid-wrapper{
    width:100%;
}
#search-filters .form-control {
    width: 100%;
    height: auto;
    background-color: #f2f2f2;
    border: none;
    color: rgba(0,0,0,0.5);
    padding: 10px 20px;
    border-radius: 2px;
    margin: 10px 0;
    font-size: 1em;
    box-shadow: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
#search-filters .form-control:focus{
    background-color: rgb(0, 99, 132);
    color:white;
}
#search-filters .form-item-keys{
    position:relative;
}
#search-filters #edit-submit-search-all{
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;
}
#search-filters #edit-submit-search-all{
    padding: 5px 10px;
    border-radius: 2px;
    background-color: white;
    border-color: #F2F2F2;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
#search-filters #edit-submit-search-all:hover {
    color: white;
    background-color: #FAA61A;
}
#search-filters #edit-submit-search-all i:before{
    margin-left:0px;
    color:#333;
}
#search-filters #edit-submit-search-all:hover i:before{
    color:white;
}
#edit-field-tags-tid-wrapper .form-item-field-tags-tid{
    width:100%;
    padding: 0px;
    background-color: #f2f2f2;
}
#edit-field-tags-tid-wrapper .form-item-field-tags-tid .form-item{
    margin-bottom:10px;
}
#edit-field-tags-tid-wrapper .form-item-field-tags-tid a{
    padding: 5px 8px;
    border-radius: 2px;
    text-decoration: none;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
#edit-field-tags-tid-wrapper .form-item-field-tags-tid a:hover {
    background-color: rgb(0, 99, 132);
    color:white;
}
#search-filters .views-exposed-widget label{
    font-weight: 300;
    font-size: 1.3em;
    color: #006284;
}
.page-node-967 #block-system-main{
    height:0;
}
fieldset#edit-bef-sort-options{
    border:0;
}
#views-exposed-form-search-all-page #edit-reset{
    padding:10px 20px;
    color: white;
    background-color: #006384;
    border-color: #eee;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
#views-exposed-form-search-all-page #edit-reset:hover{
    background-color: rgba(0,0,0,0.2);
    color: rgba(0,0,0,0.8);
}

/*========================== MEMBERS PAGE ===========================*/

#block-views-task-forces-block-1 .views-field-title{
    margin-bottom:5px;
    font-size: 1.2em;
}

#block-views-task-force-ongoing-work-block,
#block-views-task-force-ongoing-work-block-1,
#block-views-task-force-ongoing-work-block-2,
#block-views-task-force-ongoing-work-block-3{
    margin-bottom:50px;
}
#block-views-task-force-ongoing-work-block h2,
#block-views-task-force-ongoing-work-block-1 h2,
#block-views-task-force-ongoing-work-block-2 h2,
#block-views-task-force-ongoing-work-block-3 h2{
    background-color: #006384;
    color: white;
    padding: 10px;
    font-size: 1.2em;
}
#block-views-task-force-ongoing-work-block .view-footer a,
#block-views-task-force-ongoing-work-block-1 .view-footer a,
#block-views-task-force-ongoing-work-block-2 .view-footer a,
#block-views-task-force-ongoing-work-block-3 .view-footer a{
    float: right;
    border: none;
    padding: 5px 10px;
    color: #2C3E50!important;
    background-color: transparent;
    font-weight: 600;
    text-decoration: underline;
}

@media (min-width: 768px){
    .col-sm-9 {
        width: 70%;
    }
    .col-sm-3 {
        width: 25%;
        margin-left: 5%;
    } 
}

@media (max-width: 768px){
    .view-display-id-block_4 .views-field-nothing, .view-display-id-block_4 .views-field-nothing-1, .view-display-id-block_4 .views-field-nothing-2, .view-display-id-block_4 .views-field-nothing-3{
        flex-basis: 100%;
    }
    footer .region-footer {
        display: block;
    }
    #moto {
        font-size: 1.5em;
        line-height: 30px;
        margin-top: 1.5em;
        color: #006384;
        font-family: 'Raleway', sans-serif;
        margin-left: 50%;
    }
}
@media (max-width: 480px){
#views-bootstrap-carousel-1 .field-name-field-front-slide-link{
    position: absolute;
    right: 0;
    top: 380px;
    padding: 10px 20px;
    background: #fff;
    border-radius: 4px;
}
    section.col-sm-9{
        margin-bottom: 50px;
    }
    #search {
        position: relative;
        height: 70px;
    }
    #search .facil{
        display: none;
    }
    .social-column {
        position: absolute;
        top: 20px;
        right: 0px;
        color: white;
        display: flex;
    }
    #moto {
        display: none;
    }
    #top-bar {
        /*margin-bottom: 20px;
        display: none;*/
    }
    #top-bar-options{
        font-size:0.9em!important;
        text-align: initial;
    }
    #top-bar span {
        margin-left: 10px;
        background:none;
        padding-left: 5px;
        margin-left:5px;
    }
    .glossary{
        padding-left: 0px!important;
    }
    .translate{
        padding-left: 0px;
        margin-left:0;
        background:none;
        max-width: 80px;
    }
    nav.navbar-collapse {
        z-index: 100000000;
        position: absolute;
        top: 25vh;
        background: #f9f9f9;
        height: 100vh;
        width: 100%;
        overflow-y: inherit;
        max-height: 82vh!important;
        -webkit-transition: all .25s linear;
           -moz-transition: all .25s linear;
            -ms-transition: all .25s linear;
             -o-transition: all .25s linear;
                transition: all .25s linear;
    }
    nav.navbar-collapse #superfish-1-accordion,
    nav.navbar-collapse #superfish-1-accordion .sf-depth-1{
        display: block;
    }
    nav.navbar-collapse #superfish-1-accordion.sf-hidden{
        left: 0;
        top: 20px;
    }
    #block-superfish-1 .sf-accordion-toggle{
        display: none;
    }
    .logo img{
        height: 95px;
        padding-left:15px;
        margin-top: 5px;
    }
    button.navbar-toggle{
        margin-right:0px;
        margin-top:0;
    }
    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #006384;
    }
    .navbar-default .navbar-toggle {
        border-color: #ffffff;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .front .highlighted .carousel-inner {
        width: 100%;
        height: 75vh;
    }
    #views-bootstrap-carousel-1 .field-name-body {
        width: 100%;
        right: 0;
        left: 0;
        padding: 10px 2% 10px 4%;
        font-size: 1.2em;
        top: inherit;
        bottom: 25%;
        text-align: left;
        position: absolute;
        color: #fff;
        background-color: #faa61a;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
        font-family: 'Verdana';
    }
    #work-areas{
        display: block;
    }
    .work-area {
        width: 100%;
    }
    .work-area.middle{
        margin: 30px 0 0 0;
    }
    #activities{
        display: block;
    }
    .activity {
        width: 100%;
    }
    .activity.middle{
        margin: 30px 0 0 0;
    }
    #members{
        margin-top:0;
    }
    .info-members, .become-member, .become-partner{
        width:30%;
    }
    .info-members i:before, .become-member i:before, .become-partner i:before{
        padding: 12px 14px;
        font-size: 2em;
    }
    .info-members div div, .become-member div div, .become-partner div div{
        padding-top: 20px;
    }
    .info-members-btn div a, .become-member-btn div a, .become-partner-btn div a{
        line-height: 15px;
    }
    #latest-news .view-footer{
        position: absolute;
        bottom: -15%;
    }
    footer .member-of , footer .covenant-demographic{
        margin-top: 50px;
    }
    .copyrights {
        width: 90%;
        text-align: justify;
    }
    .footer-inside{
        padding:0 15px;
    }
    .footer-inside ul li {
        display: block;
        padding-left: 0;
        font-size: 1.1em;
    }
    #block-views-secretariat-block-block .sec-image img{
        margin-top:30px;
    }
    .view-videos .field-content {
        display: block;
    }
    .view-videos .video-thumb{
        margin-bottom:20px;
    }
    .view-videos .video-thumb img {
        max-width: inherit;
        margin: auto;
    }
    #age-projects-top-block, #age-projects-top-block a {
        display: block;

    }
    #search-filters {
        display: block;
    }
    #search-filters .search-filters-left {
        width: 95%;
        margin-left: 5%;
    }
    #search-filters .search-filters-right {
        width: 95%;
        margin-left: 5%;
        margin-top: 15%;
    }
    #edit-field-tags-tid-wrapper .form-item-field-tags-tid a{
        font-size:1.2em;
    }
    #edit-field-tags-tid-wrapper .form-item-field-tags-tid .form-item {
        margin-bottom: 15px;
    }
}

/*========================== RedHen ===========================*/

#views-form-redhen-contacts-export-page a,
#views-form-redhen-contacts-export-page-1 a,
#views-form-redhen-organizations-export-page a,
#views-form-redhen-org-export-page a,
#views-form-redhen-organizations-export-page-2 a{
    color:#006384!important;
}

views-form-redhen-contacts-export-page tbody,
#views-form-redhen-contacts-export-page-1 tbody,
#views-form-redhen-organizations-export-page tbody,
#views-form-redhen-org-export-page tbody, 
#views-form-redhen-organizations-export-page-2 tbody{
    font-size:0.8em!important;
}
#views-form-redhen-contacts-export-page thead,
#views-form-redhen-contacts-export-page-1 thead,
#views-form-redhen-organizations-export-page thead,
#views-form-redhen-org-export-page thead,
#views-form-redhen-organizations-export-page-2 thead{
    font-size:0.8em!important;
}
#views-form-redhen-contacts-export-page td.views-field-nothing,
#views-form-redhen-contacts-export-page-1 td.views-field-nothing,
#views-form-redhen-organizations-export-page td.views-field-nothing,
#views-form-redhen-org-export-page td.views-field-nothing, 
#views-form-redhen-organizations-export-page-2 td.views-field-nothing{
    min-width:110px;
}
.view-redhen-contacts-export label,
.view-redhen-org-export label, 
.view-redhen-organizations-export label{
    font-weight: 300;
    font-size: 1em;
    color: #006284;
}
.view-redhen-contacts-export input,
.views-redhen-org-export input, 
.view-redhen-organizations-export input{
    width: 100%;
    height: auto;
    background-color: #f2f2f2;
    border: none;
    color: rgba(0,0,0,0.5);
    padding: 10px 20px;
    border-radius: 2px;
    margin: 10px 0;
    font-size: 1em;
    box-shadow: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.view-redhen-contacts-export select,
.view-redhen-org-export select, 
.view-redhen-organizations-export select{
    width: 100%;
    height: auto;
    background-color: #f2f2f2;
    border: none;
    color: rgba(0,0,0,0.5);
    padding: 10px 20px;
    border-radius: 2px;
    margin: 10px 0;
    font-size: 1em;
    box-shadow: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.view-redhen-contacts-export .form-control,
.view-redhen-org-export .form-control,
.view-redhen-organizations-export .form-control {
    width: 100%;
    height: auto;
    background-color: #f2f2f2;
    border: none;
    color: rgba(0,0,0,0.5);
    padding: 10px 20px;
    border-radius: 2px;
    margin: 10px 0;
    font-size: 1em;
    box-shadow: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.view-redhen-contacts-export .form-control:focus,
.view-redhen-org-export .form-control:focus,
.view-redhen-organizations-export .form-control:focus{
    background-color: rgb(0, 99, 132);
    color:white;
}
.view-redhen-contacts-export .form-submit,
.view-redhen-org-export .form-submit,
.view-redhen-organizations-export .form-submit{
    padding:10px 20px;
    color: white;
    background-color: #006384;
    border-color: #eee;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.view-redhen-contacts-export .form-submit:hover,
.view-redhen-org-export .form-submit:hover,
.view-redhen-organizations-export .form-submit:hover{
    background-color: rgba(0,0,0,0.2);
    color: rgba(0,0,0,0.8);
}
.view-id-redhen_organizations_export.view-display-id-page_3,
.view-id-redhen_org_export.view-display-id-page_8{
        font-size: 0.8em!important;
}
#views-exposed-form-redhen-organizations-export-page-3 .views-submit-button,
#views-exposed-form-redhen-org-export-page-8 .views-submit-button{
    float: right;
    margin-bottom: 20px;
}

.views-exposed-form .views-exposed-widget .btn {
    margin-top: 32px;
}


span.forum-topic-title {
    font-weight: bold;
    padding: 0 6px;
}

.forum-table .label-primary {
    background-color: #faa61a;
}

.topic-icon-new {
    background: transparent url(../img/topicawards_list_new.png) no-repeat top left !important;
}
tr.even td.forum-list-icon-new-posts .forum-list-icon-wrapper span, tr.odd td.forum-list-icon-new-posts .forum-list-icon-wrapper span, .forum-list-icon-legend .forum-list-icon-new-posts {
    background: #ffffff url(../img/forumawards_list_new_posts.png) no-repeat center center !important;
    background: #ffffffde url(../img/forumawards_list_new_posts.png) no-repeat center center !important;
    border: 1px solid #faa61a;
}
.forum-name a {
    font-weight: bold;
    padding-left: 10px;
}
.forum-number-new-topics a {
    color: #ffffff;
    font-weight: bold;
    background: #faa61a;
    display: inline-block;
    padding: 0px 5px;
    border-radius: 5px;
    font-size: 11px;
    /* font-style: italic; */
}