/**
 * @file
 * Subtheme specific CSS.
 */
 .visually-hidden-focusable{display:none}
#header .form-inline .row>*{width: auto;  }
/* #header .search-block-form{margin-right:2rem;} */
#header .social-network{width:0.75rem;height:0.75rem;padding-top:0.5rem;}
#header .follow-us{padding-right:1rem}
.social-network{display:inline-block;width:1rem;height:1rem}
/* .filter-white{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(305deg) brightness(103%) contrast(103%);}  */

.site-footer .follow-us{text-align:center}

/* ---------- Form ----------- */
#header .btn, .bg-color-dark .btn{color:#333; background-color:#f8f9fa}
#block-mom-evosheep-content .btn{color:#fff; background-color:#0d6efd}


/* ---------- Region Header ----------- */
.navbar-brand{margin-left:5rem}
.navbar-toggler-icon {
  /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); *//*white color*/
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}/* To fix a bug in the BARRIO theme */
#header .row{margin-right:0}
header h2, .content h1.title, .node--type-basic-page-with-image .field--name-field-page-title{font-size:5rem;font-weight:700;text-align:center}
header h2 a {pointer-events: none;cursor: default;text-decoration: none;color: black;}/* dasactiver link 'a' */


/* ---------- Main content ----------- */ 
.path-frontpage #main-wrapper{padding-bottom:0}
#main-wrapper{padding-bottom:2rem}
.container, .container-lg, .container-md, .container-sm, .container-xl,#menu-wrap {
	max-width: 1400px;
}
.node__content h2{font-size:3rem;font-weight:500;margin-bottom:2rem}
.path-frontpage .node__content h2{text-align:center;}

.view-headline-news .headline-news, .view-upcoming-events .upcoming-event{padding:3rem;}
.view-headline-news .headline-news:not, .view-upcoming-events .upcoming-event:not(:last-child){border-right: 1px solid #dee2e6}
.view-headline-news .headline-news img, .view-upcoming-events .upcoming-event img{width:100%} 
.view-headline-news .headline-news h2, .view-upcoming-events .upcoming-event h2{text-align:center;margin:0} 
.view-headline-news .headline-news h2{padding-top:2rem;} 
.view-headline-news .headline-news h2 a{color:#fcfcfc;} 

#content3{text-align:center}
#content3 .views-element-container > h2, #content4 h2{font-size:3rem;color:#fcfcfc;text-align:center}
.view-upcoming-events .upcoming-event{text-align:center}

.view-upcoming-events .upcoming-event h2 a{color:#3b3b3b;}
.view-upcoming-events .upcoming-event div.views-field{background-color: #fcfcfc;padding-bottom:1rem;}

#content4 label{color:#fcfcfc}
#content4 .container section.row{display:block;margin:0 10%}

.bg-color-dark{background-color: #055a8e;}
.bg-color-light{background-color: #1d84c3;}

/* ---------- Content : Upcoming Event ----------- */
article.node--type-upcoming-events div{display:block}
.node--type-upcoming-events .field--type-image, .node--type-basic-page-with-image .field--type-image{float:none;clear:both;text-align:center;}
.node--type-upcoming-events .field--type-image img, .node--type-basic-page-with-image  .field--type-image img{max-width:980px !important;}
.node .field--name-field-event-title{font-size:3rem;font-weight:600;color:#055a8e;text-align:center;padding:1rem 0 2rem 0}

.node .event-label{font-size:2rem;color:#055a8e;padding:40px 0 10px 0 }
article.node--type-upcoming-events .field{width:980px;margin:0 auto}
.node--type-upcoming-events .event-map{width:980px;height:400px}
.field--name-field-map-latitude, .field--name-field-map-address,.field--name-field-map-longitude{visibility: hidden;}

/* ---------- Foot :  ----------- */
.row.region-footer-fifth{display:block}

 /* ---------- nothing with screen size smaller than 1400px ---------- */
@media (max-width:1460px) {
  .main-content {padding-left:30px;padding-right:30px}
  
}