.navbar-brand {
	padding: 15px 0 !important;
	display: none;
}

.carousel-control {
	opacity: 1;
}

/* Resources page */

.serif {
  font-family: "Playfair Display";
}

h2.serif {
	color: #002991;
	font-weight: 700;
	margin-bottom: 20px;
}

.view-events h3 {
	color: #002991;
  text-transform: uppercase;
  font-family: "Lato";
  letter-spacing: 2px;
  font-size: 20px;
}

.view-events .views-row {
	margin-bottom: 30px;
  border-top: 3px solid #002991;
  padding-top: 8px;
}
.press .ve--rich_text a,
.view-news .views-field-title {
	font-weight: 700;	
	text-align: center;
}

.view-news .views-field-field-cover,
.view-resources .views-field-field-cover {
	margin-bottom: 20px;
}

.view-news .views-field-field-cover img,
.view-resources .views-field-field-cover img {
	margin: 0 auto;		
}

.view-resources .views-row {
	margin-bottom: 30px;
}

.view-resources .views-row:nth-of-type(4n+1) {
	clear:both;
}

.press .ve--rich_text a:hover img,
.view-news .views-row:hover img,
.view-news .views-row:hover img,
.view-resources .views-row:hover img {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
	transition: all 0.3s;	
}
.view-news .views-row:hover .ve--rich_text a,
.view-news .views-row:hover .views-field-title,
.view-resources .views-row:hover .views-field-title {
	border-left: 2px solid #002991;
	padding-left: 5px;
	transition: all 0.3s;	
}

.view-resources .more-link a {
	color: white;
}

.view-resources .more-link:hover a {
	color: #002991;
}

.view-events .views-field-field-event-date {
	color: #002991;
	letter-spacing: 1px;
}

.view-events .views-field-title a {
	color: black !important;
	font-size: 18px;
}
.view-events .views-field-title a:hover {
	color: #002991 !important;
}

.video-home iframe {
	height: 70% !important;
}

.page-node-type-page h1.page-title-heading {
/* 	margin-top: 40px; */
}

.page-node-type-page h1.page-title-heading span {
/*
	color: #002991;
	border-bottom: 1px solid #002991;
	padding-bottom: 10px;
*/
	display: block;
/* 	width: 20%; */
}

.modal-footer .btn {
	font-family: "Montserrat";
	background: black;
	border-color: black;
}

.bck-blue {
	background-color:rgba(0, 41, 145, .25);
}

.view-slider #home-banner-text {
	margin-top: 26%;
}

.view-slider .slick-prev::before {
  content: "\f104";
  font-family: "FontAwesome";
  color: white !important;
  font-size: 65px !important;
  opacity: 1 !important;
}

.view-slider .slick-next::before {
  content: "\f105";
  font-family: "FontAwesome";
  color: white !important;
  font-size: 65px !important;
  opacity: 1 !important;
}
.view-slider .slick-prev {
	left: 20px;
}

.view-slider .slick-next {
	right: 20px;
}

.view-slider .btn-inverse {
	margin-top: 30px;
}
.view-slider .btn-inverse:hover {
	cursor: pointer;
}
.view-slider .btn-inverse:hover a {
	color: white !important;
}

.view-slider .slide--caption--center .slide__caption {
	top: 15%;
	width: 70% !important;	
}

.modal-header,
.modal-body {
	padding:30px;	
}
.mm-panel .navbar-nav {
	display: block;
	width: 100%;
	margin: 0 !important;	
}
.mm-navbar {
	border:none;
}
.mm-panel .navbar-nav li {
	float: none;
	display: block;
}
.mm-panel .navbar-nav li a {
	font-size: 18px;
	text-transform: uppercase;
	color:#ffffff;
	font-weight: 600;
	border-bottom: 1px solid white;
	font-family: "Montserrat";
}
.mm-title {
	color:#ffffff !important;
}
.mm-menu.mm-theme-white,
.mm-menu {
	background:#1F4492 !important;
}

.responsive-menu-toggle-icon {
	margin-top: 12px;
}
.responsive-menu-toggle-icon:before, 
.responsive-menu-toggle-icon:after, 
.responsive-menu-toggle-icon span.icon {
	width: 29px;
	height: 4px;
}

.responsive-menu-toggle-icon:before {
	top: 4px;
}
.responsive-menu-toggle-icon span.icon {
	top: 13px;
}
.responsive-menu-toggle-icon:after {
	top: 22px;
}

.responsive-menu-toggle-icon span.label {
	display: none;
}

.navbar-brand {
	margin-left: 50px;
}

.box-shadow {
	padding: 30px !important;
	background: rgba(0,41,145,.25);
	margin: 40px 0 0 !important;
	color:rgb(0,41,145);
}

.view-news .views-field-field-related-resource article h2 {
	display: none;
}
.view-resources .views-row,
.view-news.view-display-id-block_3 .views-row {
	border-bottom: 1px solid #efefef;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
.view-resources .views-row:hover .views-field-title a,
.view-news.view-display-id-block_3 .views-row:hover .views-field-title a {
	color:#002991;
}
.view-resources .views-field-title,
.view-news.view-display-id-block_3 .views-row .views-field-title {
	text-align: left;
}
.view-resources .views-field-title a,
.view-news.view-display-id-block_3 .views-row .views-field-title a {
	color: #777;
	font-weight: 700;
}
.view-news.view-display-id-block_3 .views-row .views-field-field-date {
	float: right;
	font-weight: 700;
	color: #777;	
}

.view-resources.view-display-id-block_2 .slide__title {
	font-size: 18px;
}

.view-resources.view-display-id-block_2 .slide__title a {
	color:#002991;
}

.view-resources.view-display-id-block_2 .slide__title:hover a {
	color:#ffffff;
}

.slick-prev {
	left: -60px;
}

.slick-next {
	right: -60px;
}

.slick-arrow::before {
	color: white !important;
}

.ve--row .ve--column.col-xs-12,
.view-resources .col-xs-12 {
	padding: 0;
}

.ve--column.partners-collab.col-lg-2.col-md-2.col-sm-2.col-xs-12 {
	padding: 0 15px;
}

.view-resources .view-footer {
	text-align: center;
}

.view-resources .view-footer a.btn {
	background: #fff;
  border-color: transparent;
  color: #002991;
  font-weight: 600;
  letter-spacing: 1pt;
  font-size: 12px;
}

/* 2.0 version */

#home-banner {
	margin-top: 0 !important;	
}

.topbar {
	/*position: absolute !important;*/
	left:0;
	right: 0;
	top: 0px;
	z-index: 1;
}
.logo > img {
	margin-top: 10px;
	max-width: 245px !important;
}
.path-frontpage .ve--wrapped_row {
	padding: 25px 0;
}
.path-frontpage h3,
#home-banner-text,
#home-banner-text h1,
#home-banner-text h2 {
	font-family: "Montserrat";
}

.path-frontpage h3 {
	font-weight: 900;
	color: black;
}

.btn-black {
	border-color: black !important;
	background: black !important;
	font-family: "Montserrat";
	font-weight: 700;
	font-size: 18px;
}
.field--name-field-documents .field--item {
	padding: 0 5px;
}

.modal-footer .btn:hover,
.js-media-library-view .btn:hover,
#block-contentform--2 .btn:hover,
.btn-black:hover {
	background: white !important;
	color: black !important;
	border-color: black !important;
}

#home-banner-text .hashtag {
	font-weight:700;
	font-size: 24px;
}

#home-banner-text h1 {
	font-weight: 900;
	font-size: 120px;
	line-height: 70px;
	text-shadow: 1px 0px 11px rgba(0,0,0,.2);
}

#home-banner-text h1 span {
	font-size: 90px;
}

#home-banner-text h1 span {
	font-size: 70px;
	line-height: 40px;
}

.slide--0 h1 span {
	font-size: 70px !important;
}

.slide--0 .btn-inverse a {
	color:#7EBEB7 !important;
}

.slide--1 .btn-inverse a {
	color:#B94B8E !important;
}

.slide--2 .btn-inverse a {
	color:#1F4492 !important;
}

#home-banner-text h2 {
	font-weight: 700;
	font-size: 22px;
	margin-top: 60px;
}

#home-banner-text .btn a {
	font-weight: 800;
	font-size: 20px;
	font-family: "Montserrat";
}

#home-banner-row .slide__media, #home-banner-row .slide__media .media--slick {
	height: 620px;
}

#home-banner-row .slick-dots {
	position: absolute;
	bottom: 40px;
}

ul.menu.mm-listview li:hover a,
ul.menu.mm-listview a.is-active {
	color:#7EBEB7 !important;
}

.boxed-featured {
	margin-top: 30px;
	background:#7EBEB7;
	text-align: center;
	color:white;
	font-weight: 500;
	border-radius: 30px;
	padding: 40px;
	height: 170px;
	font-size: 18px;
}

.boxed-featured-slim {
	background:#7EBEB7;
	text-align: center;
	color:white;
	font-weight: 600;
	border-radius: 30px;
	padding: 15px;
	margin-bottom: 40px;
	font-size: 18px;
}

.featured-image {
	padding: 0 4% 10%;
	color: white;
	font-weight: 400;
	height: 460px;
	background-size:cover;
}
.featured-image-1 {
	background-image: url('../images/ajuntamentbarcelona.jpg');
	background-position: 0;
	border-right: 8px solid white;
}

.featured-image-2 {
	background-image: url('../images/UNICEFNahomTesfayeonFlickr.jpg');
	border-left: 8px solid white;
}

.featured-image .ve--rich_text {
	padding-top: 8%;
	font-size: 22px;
}

.featured-image .ve--rich_text p {
	line-height: 26px;
	text-shadow: 1px 1px 7px rgba(0,0,0,.4);
}

.featured-image-1 .ve--rich_text::after {
	content: '';
	background-image: url('../images/government.svg');
	background-size: cover;
	display: block;
	width: 140px;
	height: 140px;
	float: right;
}
.government {
	content: '';
	background-image: url('../images/government.svg');
	background-size: cover;
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin-top: -4px;
}
.leadership {
	content: '';
	background-image: url('../images/leadership.svg');
	background-size: cover;
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin-top: -4px;
}

.featured-image-2 .ve--rich_text::after {
	content: '';
	background-image: url('../images/leadership.svg');
	background-size: cover;
	display: block;
	width: 140px;
	height: 140px;
	float: left;
	margin-top: 50px;
}

.credits-photo {
	padding: 0 !important;
	font-size: 11px !important;
	position: absolute;
	bottom: 90px;
	font-weight: 300;
}

.credits-photo::after {
	display: none !important;
}

.counters {
	background-image: url('../images/VictorIdrogoBancoMundialonFlickr.jpg');
	display: block;
	padding: 90px !important;
	background-size: cover;
	background-position: 0 -250px;
}

.counters .count-ball {
	font-family: "Montserrat";
	font-weight: 900;
	width: 220px;
	height: 220px;
	font-size: 70px;
	padding-top: 35px;
	background:rgba(204, 212, 223, .8);
	border: 10px solid #7EBEB7;
}
.counters .initiatives-count {
	position: relative;
}
.counters .count-text {
	position: absolute;
	left:0;
	right: 0;
	top:120px;
	font-family: "Montserrat";
	font-weight: 700;
	color: black;
	font-size: 17px;
}

.your-story h4 {
	color:black;
	line-height: 26px;
	margin-top: 20px;
	display: block;
	font-family: "Montserrat";
}

.your-story .ve--views .slide__description {
	margin: 40px 25%;
	background: #f2f2f2;
	padding: 30px;
	border-radius: 30px;
}

.your-story .view-footer {
	text-align: center;
	margin-bottom: 30px;
}

.your-story .ve--views .views-field-field-representative-name,
.your-story .ve--views .views-field-field-name-of-government {
	font-family: "Montserrat";
	font-size: 16px;
	font-weight: 700;
}

.your-story .ve--views .views-field-body {
	font-family: "Montserrat";
	margin-bottom: 30px;
	font-weight: 300;
	position: relative;
	padding-top: 70px;
}

.your-story .ve--views .views-field-body .field-content::before,
.your-story .ve--views .views-field-body .field-content::after {
	font-family: "FontAwesome";
	display: block;
	color: black;
	font-size: 55px;
}

.your-story .ve--views .views-field-body .field-content::before {
	content: "\f10d";
	position: absolute;
	top: 0;
}

.your-story .ve--views .views-field-body .field-content::after {
	content: "\f10e";
	position: absolute;
	bottom: -70px;
	right: 0;
}

.footer-1 {
	background:#1F4492 !important;
}

.footer_logos {
/* 	color: white; */
}

.footer-2 {
	background: black !important;
	color: white;
}

.footer-2 a,
.footer-2 p {
	color:white !important;
	font-size: 13px;
	line-height: 18px;
}

.copyright {
	display: none;
}

/* ABOUT US */

body:not(.path-frontpage) topbar {
	background:#1F4492 !important;
}

h1.page-title-heading {
	text-align: center;
	display: block;
	width: 100%;
	margin-top: 0;
	padding: 90px 23% 80px;
	background:#1F4492;
	color:white;
	font-size: 52px;
}

h1.page-title-heading,
h1.page-title-heading span {
	color:white;
	font-family: "Montserrat";
	font-weight: 900;
	width: 100%;
	text-transform: uppercase;
}

.about-us-img {
	background-image: url('../images/about-us-2.jpg');
	background-size: cover;
	background-position: 0 -280px;
}

.text-featured {
	font-family: "Montserrat";
	font-weight: 700;
	font-size: 26px;
	color:white;
}

.text-featured p {
	line-height: 30px;
}

.padding-section {
	padding: 25px 0;
}

.text-featured.padding-section {
	padding: 8% 10%;
}

.key-element {
	box-shadow: 0px 0px 15px rgba(0,0,0,.2);
	border-radius: 30px;
	padding:0 30px 30px;
	font-family: "Montserrat";
	height: 250px;
	margin: 0 2% 4%;
}

.key-date {
	border-radius: 25px;
	background: black;
	color: white;
	text-transform: uppercase;
	font-family: "Montserrat";
	font-weight: 400;
	margin: -15px auto 0px;
	width: 40%;
	padding: 7px 5px;	
}

.key-text {
	padding: 50px 30px;
	text-transform: uppercase;
	font-size: 14px;
}

.key-text p {
	line-height: 18px;
}

h1,h2,h3,h4,h5,
body {
	font-family: "Montserrat";
}

h3 {
	font-size: 32px;
	font-weight: 900;
	margin-bottom: 40px;
	color: black;
}

.boxed-text {
	display: block;
	border: 3px solid #7EBEB7;
	border-radius: 30px;
	padding: 30px;
}

.boxed-text p {
	font-size: 30px;
	line-height: 37px;
	color:#7EBEB7;
	font-weight: 900;	
}

.text-featured-black {
	font-weight: 900;
	color:black;
	font-size: 24px;
	padding-bottom: 50px !important;	
}

.text-featured-black p {
	line-height: 32px;
}

.view-press-room {
	border: 3px solid #7EBEB7;
	padding: 20px;
	border-radius: 30px;
}

.view-press-room thead tr {
	color: #7EBEB7;
	font-size: 18px;
	text-transform: uppercase;
}

.view-press-room tbody a {
	color: #7EBEB7;
}

.table td.views-field-field-pr-date {
	width: 140px;
}

.table > thead > tr > th {
	border-bottom: none !important;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	border-top: none !important;
}

a {
	color: #7EBEB7;
}

.boxed-text-contact {
  border: 3px solid #7EBEB7;
  padding: 30px;
  margin: 0 15%;
  border-radius: 30px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
	background: white;
}

.table-striped > tbody > tr {
	background: white;
	border-bottom: 1px solid #b0c5db;
}

.view-initiagti .views-field-field-description {
	color:black;
}

.view-initiagti .views-row {
	box-shadow: none !important;
	position: relative;
	padding: 30px 30px 60px !important;
	border: 2px solid black;	
}

.view-initiagti .views-row:hover {
	border: 2px solid #7EBEB7;
}

.view-initiagti .views-row:hover .views-field-title a,
.view-initiagti .views-row .views-field-title a:hover {
	color:#7EBEB7;
}

.view-initiagti .views-field-view-node {
	display: none;
}

.view-initiagti .views-field-title a:hover {
	color: #7EBEB7;
}

.modal-header {
	border-bottom: none;
	padding:40px 75px 0;
}

.modal-body {
	padding:20px 60px;
	color:black;
}

.modal-body .field--label {
	text-transform: uppercase;
}

.modal-body .field--name-authored-on .field--item {
	clear:both;
}

.modal-body .field--name-field-description {
	font-size: 14px;
}

.view-initiagti .views-field-initiative-city, .view-initiagti .views-field-field-administration {
	color: black;
	border:none;
	padding:0;
	font-weight: 700;
	margin:0;
}
.view-initiagti.grid-class .view-content .views-field-field-administration {
	position: absolute;
	bottom: 20px;
}
.view-initiagti .attachment .views-field-field-administration,
.view-initiagti.grid-class .attachment .views-field-field-administration {
	position: inherit;
	text-transform: inherit;
	font-weight: 400;
	padding-top: 14px;
}

.view-initiagti .views-field-field-administration {
	padding:15px 0;
}

.view-initiagti .views-field-title a {
	font-size: 15px !important;
}

.view-initiagti .btn {
	background: black;
}

.view-initiagti .btn a {
	color: white;
	font-family: "Montserrat";
	font-weight: 700;
}

.view-initiagti .btn:hover a {
	color: black;
}

.modal .modal-title {
	font-family: "Montserrat";
	font-weight: 400;
	color:black;
}

.modal-dialog {
	width: 60% !important;
	height: 70% !important;	
}

/* INFOWINDOW MAP */
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup .leaflet-popup-content-wrapper {
	border-radius: 15px;
	position: relative;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup .leaflet-popup-content-wrapper h3 {
	font-weight: 600;
	text-align: center;
	font-size: 18px;
	text-transform: uppercase;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup .leaflet-popup-content-wrapper li {
	margin-bottom: 12px;
}

.popup-content ul li a,
.popup-content ul {
	font-weight: 600 !important;
	font-family: "Montserrat" !important;
	color: black !important;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup .leaflet-popup-content-wrapper a {
	color: black !important;
	font-weight: 600 !important;
	font-family: "Montserrat" !important;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup .leaflet-popup-content-wrapper .btn {
	font-family: "Montserrat";
	color: white !important;
	background-color: black !important;
	border-color: black !important;
}

/* INITIATIVE FILTERS */

.view-initiagti .view-style-wrapper {
	display: block;
    float: left;
	width: 100%;
	padding:10px;
	margin-bottom: 10px;
}

.view-initiagti .view-style-wrapper .style-item {
    float: left;
	padding: 0 20px 0 0;
	font-size: 16px;
	color: #bfbfbf;
}

.view-id-initiagti .view-filters .form-radios .radio {
	margin-bottom: 0px;	
}

.view-id-initiagti .view-filters .form-radios .radio label {
	margin: 0 5px 8px 0;
	background-color:#cacaca;
}

.view-id-initiagti .view-filters .form-radios .radio label:hover {
	background-color:#7EBEB7;
}

.view-initiagti .btn {
	font-size: 14px;
}

.view-initiagti .view-style-wrapper .style-item.active {
	color: black;
}

.view-initiagti .view-style-wrapper .style-item:hover {
	color:#555;
}

/* INITIATIVE LIST */

.view-initiagti.view-display-id-block_3 td.views-field-nothing-1 {
	width: 90px;
}

.view-initiagti.view-display-id-block_3 thead tr {
	color:#bfbfbf;
	border-bottom: 1px solid #bfbfbf;
}

.view-initiagti.view-display-id-block_3 .views-row {
	flex-basis: 100%;	
}

.view-initiagti.view-display-id-block_3 .views-field-field-administration {
	position: relative !important;
	padding: 8px;
	bottom: inherit;
}

.view-initiagti.view-display-id-block_3 .views-field-title {
	margin-bottom: 0;	
}

.view-initiagti.view-display-id-block_3 .views-field-field-administration a, .view-initiagti.view-display-id-block_3 .views-field-title a {
	font-weight: 400;
	font-size: 15px;
}
.table {
	position: relative;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	vertical-align: middle;
}

td span.initype-550,
td span.initype-3,
td span.initype-1,
td span.initype-2 {
	display: inline-block;
  overflow: hidden;
  text-indent: -9999px;
  margin-left: -5px;
  width: 18px;
}

td span.initype-550::before,
td span.initype-3::before,
td span.initype-1::before,
td span.initype-2::before {
	content:"\f111";
	display: block;
	font-family: "FontAwesome";
	font-size: 20px;
	float: left;
	text-indent: 0;
}
.table-responsive {
	width: 100%;
}
.table th#view-nothing-table-column {
	padding-left: 0;
}
.table .views-field-nothing-1 {
	text-transform: uppercase;
	width: 7%;	
}
.table .views-field-created {
	width: 11%;	
}
.table .views-field-title a {
	font-weight: 400;
	font-size: 14px !important;
}

td span.initype-1::before {
	color: #DB6763;
}

td span.initype-2::before {
	color: #B94B8E;
}

td span.initype-550::before {
	color: #1F4492;
}

td span.initype-3::before {
	color: #7EBEB7;
}

#drupal-modal--body .field--name-field-type-of-initiative .taxonomy_term-550,
#drupal-modal--body .field--name-field-type-of-initiative .taxonomy_term-3,
#drupal-modal--body .field--name-field-type-of-initiative .taxonomy_term-2,
#drupal-modal--body .field--name-field-type-of-initiative .taxonomy_term-1 {
	background-color: #DB6763;
	border-radius: 30px;
	color:white;
	padding: 5px 10px;
	display: inline-flex;
	margin: 5px 0;
}

.recovery {
	color: #1F4492;
}
#drupal-modal--body .field--name-field-type-of-initiative .taxonomy_term-550 {
	background-color: #1F4492;
}
.bkg-recovery {
	background-color: #1F4492;
	border-color:#1F4492;
}
.bullet-recovery::before {
	content:"\f111";
	font-family: "FontAwesome";
	color: #1F4492;
	font-size: 20px;
	display: inline;
	padding-right: 7px;
}

.prevention {
	color: #DB6763;
}
.bkg-prevention {
	background-color: #DB6763;
	border-color:#DB6763;
}
.bullet-prevention::before {
	content:"\f111";
	font-family: "FontAwesome";
	color: #DB6763;
	font-size: 20px;
	display: inline;
	padding-right: 7px;
}

.contention {
	color: #B94B8E;
}
#drupal-modal--body .field--name-field-type-of-initiative .taxonomy_term-2 {
	background-color: #B94B8E;
}
.bkg-contention {
	background-color:#B94B8E;
	border-color:#B94B8E;
}
.bullet-contention::before {
	content:"\f111";
	font-family: "FontAwesome";
	color: #B94B8E;
	font-size: 20px;
	display: inline;
	padding-right: 7px;
}

.mitigation {
	color: #7EBEB7;
}
#drupal-modal--body .field--name-field-type-of-initiative .taxonomy_term-3 {
	background-color: #7EBEB7;
}
.bkg-mitigation {
	background-color:#7EBEB7;
	border-color:#7EBEB7;
}
.bullet-mitigation::before {
	content:"\f111";
	font-family: "FontAwesome";
	color: #7EBEB7;
	font-size: 20px;
	display: inline;
	padding-right: 7px;
}


.field--name-field-documents .field--label {
	color: black;
	font-family: "Montserrat";
}

.field--name-field-documents .field--item .file-icon .icon {
	color: #7EBEB7 !important;
}

.field--name-field-documents .field--item {
	border-color: #7EBEB7;
}

.field--name-field-documents .field--item a {
	color:#7EBEB7;
}

.modal-body .addtoany_list {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.modal-body .field--name-field-initiative-city .field--label {
	display: none;
}

.modal-body .field--name-field-initiative-city {
	border-top:none;
	padding-top: 0;	
}

.modal-body .field--name-field-initiative-city .field--item {
	color:#7EBEB7;
}

.modal-body .field--name-field-initiative-country {
	clear: right;
	padding: 0 15px;
	margin-top: -20px;
}

.form-actions .btn {
	margin-bottom: 15px;
	font-family: "Montserrat";
}

.view-initiagti .view-filters,
.grid-class .view-filters {
	border-bottom: 1px solid #bfbfbf;
    float: left;
    width: 100%;
}

.view-initiagti .view-filters .panel,
.grid-class .view-filters .panel {
	box-shadow: none;	
	margin-bottom: 0;
}

.view-initiagti .view-filters .panel-default,
.grid-class .view-filters .panel-default {
	border:none;		
}

.view-initiagti .view-filters .panel-default > .panel-heading,
.grid-class .view-filters .panel-default > .panel-heading {
	background: transparent;
	border:none;	
}

.view-initiagti .view-filters a.panel-title[aria-expanded="true"],
.grid-class .view-filters a.panel-title[aria-expanded="true"] {
	background: #1F4492;
	border-radius: 20px;
	color: white;
}

.view-initiagti .view-filters a.panel-title,
.grid-class .view-filters a.panel-title {
	text-transform: uppercase;
	font-weight: 700;	
}

.view-initiagti .view-filters a.panel-title:hover,
.grid-class .view-filters a.panel-title:hover {
	background: #7EBEB7;
	border-radius: 20px;
	color: white;
}

.view-id-initiagti.view-display-id-block_1 .form-inline {
	justify-content: left;
}

.view-initiagti .form-actions .btn,
.grid-class .form-actions .btn {
	margin-bottom: 0px;
	color: white;
}

.view-initiagti .form-actions .btn:hover,
.grid-class .form-actions .btn:hover {
	background: white;
	border-color: black;
	color: black !important;
}
/* ADD INITIATIVE FORM */

#drupal-modal--body .field--name-field-initiative-scale .field--item,
#drupal-modal--body .field--name-field-type-of-response .field--item {
	background:#cacaca;
	color:white;
	border-radius: 30px;
	padding:5px 10px;
	display: inline-flex;
	margin:5px 0;	
}
.js-media-library-view,
ul.js-media-library-menu {
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
}
.js-media-library-view a,
ul.js-media-library-menu li {
	flex:1;
	border: 1px solid #7EBEB7;
	border-radius: 30px;
	padding: 5px 10px;
	margin: 0 10px;
	text-align: center;
}
.js-media-library-view a:hover,
ul.js-media-library-menu li:hover {
	background:#7EBEB7;
	color: white !important;
}

.js-media-library-view .view-filters {
	margin-top: 20px;
}

ul.js-media-library-menu li:hover a {
	color: white !important;
}
.js-media-library-view .btn,
#block-contentform--2 .btn {
	font-family: "Montserrat";
	background-color: black;
	border-color: black;
}
#block-contentform--2 .field--name-field-instagram-profile .panel-heading,
#block-contentform--2 .field--name-field-twitter-profile .panel-heading,
#block-contentform--2 .field--name-field-youtube-link .panel-heading,
#block-contentform--2 .field--name-field-facebook-profile .panel-heading,
#block-contentform--2 .field--name-field-mobile-app-link .panel-heading,
#block-contentform--2 .field--name-field-website .panel-heading {
	background: transparent;
	border:none;
	float: left;
	padding-top: 16px;		
}

#block-contentform--2 .field--name-field-twitter-profile label,
#block-contentform--2 .field--name-field-instagram-profile label,
#block-contentform--2 .field--name-field-youtube-link label,
#block-contentform--2 .field--name-field-facebook-profile label,
#block-contentform--2 .field--name-field-mobile-app-link label,
#block-contentform--2 .field--name-field-website label {
	font-size: 14px;		
}
#block-contentform--2 .field--name-field-instagram-profile .panel-heading .panel-title::before,
#block-contentform--2 .field--name-field-twitter-profile .panel-heading .panel-title::before,
#block-contentform--2 .field--name-field-youtube-link .panel-heading .panel-title::before,
#block-contentform--2 .field--name-field-facebook-profile .panel-heading .panel-title::before,
#block-contentform--2 .field--name-field-mobile-app-link .panel-heading .panel-title::before,
#block-contentform--2 .field--name-field-website .panel-heading .panel-title::before {
	content:"\f0ac";
	font-family: "FontAwesome";
	display: inline-block;
	padding-right: 10px;
	font-size: 20px;
}
#drupal-modal--body .field--name-field-website a::before,
#drupal-modal--body .field--name-field-instagram-profile a::before,
#drupal-modal--body .field--name-field-youtube-link a::before,
#drupal-modal--body .field--name-field-twitter-profile a::before,
#drupal-modal--body .field--name-field-facebook-profile a::before,
#drupal-modal--body .field--name-field-mobile-app-link a::before {
	content:"\f0ac";
	font-family: "FontAwesome";
	display: block;
	font-size: 25px;
	width: 30px;
	height: 30px;
	overflow: hidden;
}

#drupal-modal--body .field--name-field-instagram-profile,
#drupal-modal--body .field--name-field-youtube-link,
#drupal-modal--body .field--name-field-twitter-profile,
#drupal-modal--body .field--name-field-facebook-profile,
#drupal-modal--body .field--name-field-website {
	float: left;
}
#drupal-modal--body .field--name-field-website a,
#drupal-modal--body .field--name-field-instagram-profile a,
#drupal-modal--body .field--name-field-youtube-link a,
#drupal-modal--body .field--name-field-twitter-profile a,
#drupal-modal--body .field--name-field-facebook-profile a,
#drupal-modal--body .field--name-field-mobile-app-link a {
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
}

#drupal-modal--body .field--name-field-website a::before {
	content:"\f0ac";
}

#drupal-modal--body .field--name-field-mobile-app-link a::before,
#block-contentform--2 .field--name-field-mobile-app-link .panel-heading .panel-title::before {
	content:"\f10b";
}

#drupal-modal--body .field--name-field-facebook-profile a::before,
#block-contentform--2 .field--name-field-facebook-profile .panel-heading .panel-title::before {
	content:"\f082";
}
#drupal-modal--body .field--name-field-youtube-link a::before,
#block-contentform--2 .field--name-field-youtube-link .panel-heading .panel-title::before {
	content:"\f166";
}
#drupal-modal--body .field--name-field-twitter-profile a::before,
#block-contentform--2 .field--name-field-twitter-profile .panel-heading .panel-title::before {
	content:"\f081";
}
#drupal-modal--body .field--name-field-instagram-profile a::before,
#block-contentform--2 .field--name-field-instagram-profile .panel-heading .panel-title::before {
	content:"\f16d";
}

.view-id-initiagti.view-display-id-page_1 .form-inline {
	display: inline-block;
}

#drupal-modal--body .field--name-field-initaitive-sdgs h2 {
	display: none;
}

#drupal-modal--body .field--name-field-initaitive-sdgs .field--item {
	display: inline-flex;
}

#drupal-modal--body .field--name-field-initiative-engager {
	padding-left: 15px;
}

#drupal-modal--body .taxonomy_term-573,
#drupal-modal--body .taxonomy_term-572 {
	display: flex;
	align-items :center;
}

#drupal-modal--body .taxonomy_term-573::before {
	content: '';
	background-image: url('../images/government-b.svg');
	background-size: cover;
	display: inline-block;
	width: 35px;
	height: 35px;
}

#drupal-modal--body .taxonomy_term-572::before {
	content: '';
	background-image: url('../images/leadership-b.svg');
	background-size: cover;
	display: inline-block;
	width: 35px;
	height: 35px;
	margin-right: 10px;
}

html {
	overflow-x: hidden;
}

.legend {
	position: absolute;
	right: 30px;
	margin-top: 5px;	
}

.list-hor {
	padding:0;
	list-style: none;
	display: flex;
	flex-wrap:wrap;
}

.list-hor-item {
	flex:1;
	margin-left: 15px;
	font-size: 13px;
	display: flex;
	align-items: center;
}

@media only screen and (max-width: 768px) {
	
	.slick-slide {
		width: 375px !important;
	}
	.view-slider #home-banner-text {
		margin-top: 0;
	}
	.media.media--ratio {
		padding-bottom: 200px !important;
	}
	.slide__media,
	.block-grid .grid__content,
	.slick-slider .slick-track,
	.slick-dotted.slick-slider {
		height: 450px !important;
	}
	.video-twitter .col-sm-8.col-xs-12 {
		margin-bottom: 80px;
	}
	.slick-prev {
		left: -30px;
	}
	.slick-next {
		right: -30px;
	}
	.slide--0 h1 span {
		font-size: 40px !important;
	}
	#home-banner-text h1 span {
		font-size: 28px;
		line-height: 30px;
	}
	#home-banner-text {
		top:23%;
	}
	#home-banner-text h2 {
		margin-top: 10px;
		font-size: 16px !important;
	}
	#home-banner-text .btn a {
		font-size: 15px;
	}
	#home-banner-text .hashtag {
		font-size: 20px;
		margin-top: 30px;
	}
	.boxed-featured {
		padding: 25px 15px !important;
	}
	.boxed-featured p {
		line-height: 20px !important;
	}
	.featured-image .ve--rich_text {
		padding-left: 8%;
	}
	.featured-image-1 {
		border-right: none;
		border-bottom:8px solid white;
	}
	.featured-image-2 {
		border-left: none;
		border-bottom: 8px solid white;
	}
	.modal-dialog {
		width: 90% !important;
		height: 90% !important;
	}
	.modal-header,
	.modal-body {
		padding: 20px;
	}
	.view-initiagti .views-field-field-administration {
		font-size: 12px;	
	}
	td span.initype-550,
	td span.initype-3,
	td span.initype-1,
	td span.initype-2 {
		display: inline;	
	}
	.counters {
		padding: 50px 0 !important;
		background-position: center !important;
	}
	.your-story .ve--views .slide__description {
		margin: 40px 5% 30px;
	}
	.footer-right {
		margin-top: 20px;	
	}
	footer .col-sm-6 {
		margin-top: 20px;
		padding:inherit;
	}
	.featured-image {
		height: 360px;
	}
	.featured-image-2 .ve--rich_text::after,
	.featured-image-1 .ve--rich_text::after {
		width: 80px;
		height: 80px;
	}
	.featured-image-1 .ve--rich_text::after {
		margin-right: 30px;
		margin-top: 30px;
	}
	.your-story .view-footer {
		margin-top: 30px;
	}
	.view-slider .btn-inverse {
		margin-top: 10px;
	}
	.boxed-featured-slim {
		margin-top: 0px;
	}
	.text-featured {
		font-size: 20px;
	}
	.text-featured p {
		line-height: 22px;
	}
	.block-login-popup {
		font-size: 1em;
		padding-left: 20px;
	}
	.mm-panels > .mm-panel > .mm-listview {
		margin: 20px 0 !important;
	}
	.padding-section {
		padding: 25px 0;
	}
	.ve--row .ve--column.col-xs-12, .view-resources .col-xs-12 {
		padding: 0 15px;
	}
	.boxed-text p {
		font-size: 22px;
		line-height: 29px;
	}
	.boxed-text {
		margin: 15px auto;
	}
	.key-moments {
		padding: 25px;
	}
	.key-text {
		padding: 20px 10px;
		font-size: 13px;
	}
	.key-date {
		margin-top: -10px;
	}
	.key-element {
		margin-bottom: 8%;
		height: 210px;
	}
	.logo > img {
		margin-top: 10px;
		max-width: 100px !important;
	}
	.responsive-menu-toggle {
		float: right;
	}
	.view-slider .block-grid > .grid {
		padding:0 !important;
	}
	.btn-black {
		font-size: 14px;
	}
	.featured-image-1 .btn-black {
		left:40px;
	}
	.featured-image-2 .btn-black {
		right:30px !important;
	}
	.featured-image .ve--rich_text {
		font-size: 18px;
	}
	.featured-image .ve--rich_text p {
		line-height: 21px;
	}
	.featured-image-2 .ve--rich_text p {
		margin-right: 15px;
	}
	.view-initiagti {
		padding:0 !important;
	}
	.video-twitter .view-initiagti {
		margin-top: 140px;
	}
	.initiatives-count {
		width: 100%;
	}
	.boxed-featured {
		margin: 6% 3% !important;
		font-size: 16px;
	}
	.view-slider .unslick #home-banner-text {
		margin-top: 60px;
	}
	.featured-image-1 .credits-photo {
		padding-left: 30px !important;
	}
	.featured-image-2 .credits-photo {
		right: 20px !important;
	}
	.logo-inside img {
		width: 88% !important;
	}
	.press-room .text-align-center a {
		word-break: break-all;
	}
	.padding-text {
		padding: 0 3% 50px !important;
	}
}
	
@media only screen and (min-width: 992px) {
	
	.modal-body .field--name-field-events-type-of-initiative,
	.modal-body .field--name-field-events-type-of-response,
	.modal-body .field--name-field-events-virtual-event {
		width: 33%;
		float: left;
	}
	.responsive-menu-toggle-wrapper.responsive-menu-toggle {
		display: block !important;
		width: 55px;
		float: right;
	}
	.view-resources.view-display-id-block_1 .view-content {
		column-count: 2;
		column-gap: 20px;
	}
	#home-banner-text .media--image {
		height: 600px;
	}
	.key-element {
		width: 29%;
	}
	#home-banner-row .slide__media, #home-banner-row .slide__media .media--slick {
		height: 520px;
	}
	/*
#block-contentform--2 .field--name-field-initiative-media,
	#block-contentform--2 .field--name-field-documents {
		width: 48.5%; 
		float: left;
	}
	#block-contentform--2 .field--name-field-initiative-media {
		margin: 0 0 2% 1.5%;
		float: right;
	}
	#block-contentform--2 .field--name-field-documents {
		margin: 0 1.5% 2% 0;
	}
*/
	#block-contentform--2 .field--name-field-mobile-app-link {
		clear:both;
	}
	#block-contentform--2 .field--name-field-twitter-profile .panel-body .form-item,
	#block-contentform--2 .field--name-field-instagram-profile .panel-body .form-item,
	#block-contentform--2 .field--name-field-youtube-link .panel-body .form-item,
	#block-contentform--2 .field--name-field-facebook-profile .panel-body .form-item,
	#block-contentform--2 .field--name-field-mobile-app-link .panel-body .form-item,
	#block-contentform--2 .field--name-field-website .panel-body .form-item {
		width: 41.66666667% !important;
	}
	#block-contentform--2 .field--name-field-instagram-profile .panel-heading .panel-title,
	#block-contentform--2 .field--name-field-twitter-profile .panel-heading .panel-title,
	#block-contentform--2 .field--name-field-youtube-link .panel-heading .panel-title,
	#block-contentform--2 .field--name-field-facebook-profile .panel-heading .panel-title,
	#block-contentform--2 .field--name-field-mobile-app-link .panel-heading .panel-title,
	#block-contentform--2 .field--name-field-website .panel-heading .panel-title {
		width: 160px;
	}
	.table #view-title-table-column {
		width: 66%;
	}
	#drupal-modal--body .field--name-field-initiative-org-web,
	#drupal-modal--body .field--name-field-initiative-org-contact,
	#drupal-modal--body .field--name-field-initiative-org-type,
	#drupal-modal--body .field--name-field-initiative-org-name {
		width: 50%;
		float: left;
	}
	#drupal-modal--body .field--name-field-initiatives-purpose {
		clear: both;
	}

}

@media only screen and (min-width: 1376px) {
	
	#home-banner-row .slide__media, #home-banner-row .slide__media .media--slick {
		height: 530px;
	}

}