/*
Primary color: #092347
Default color: #cccccc;
Text color: #444444;
*/

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/webfonts/roboto-v51-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/assets/webfonts/roboto-v51-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* roboto-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('/assets/webfonts/roboto-v51-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/assets/webfonts/roboto-v51-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

html {
	overflow-y:scroll;	
}

body {
	font-family:'Roboto',sans-serif;
	font-size:18px;
	color:#092347;
}

.container {
	position:relative;
	min-width:320px;	
}

a {
	color:#092347;
}
	
.btn:focus,
.btn:active,
a:focus,
a.active {
  outline:none !important;
}

#logo {
    display:block;
    float:left;
    width:240px;
    height:120px;
    background:url(/media/logo.png);
    background-size:cover;
}

#header {
	background:#092347;
	height:140px;
	padding:10px 0px;
}

.no-slideshow #header {
	margin-bottom:70px;
}

h1 {
	font-size:42px;
	color:#092347;
	font-weight:400;
	margin-bottom:40px;
}

.btn-primary {
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	background:#092347;
	border-color:#092347;
	text-transform:uppercase;
}

.btn-primary:hover,
.btn-primary:focus {
	background:#144e9e;
	border-color:#144e9e;
}

/* Navigation ------------------------------- */

.navbar {
	padding:40px 0px 0px 0px;	
}

.navbar-expand-lg .navbar-nav .nav-link {
	-webkit-transition:all 0.5s linear;
    -ms-transition:all 0.5s linear;
    transition:all 0.5s linear;
    padding:10px 20px;
    text-transform:uppercase;
    font-size:24px;
    font-weight:600;
	color:#ffffff;
}

.navbar-expand-lg .navbar-nav .nav-link:hover,
.navbar-expand-lg .navbar-nav .nav-link:focus,
.navbar-expand-lg .navbar-nav .nav-link.active {
	color:#ffffff;
	background:#144e9e;
}

/* Slideshow --------------------------------- */

.slideshow {
	margin-bottom:70px;
}

.slideshow  .carousel-item img {
	display:block;
	margin:0px auto;
}

/* News -------------------------------------- */

.content .news {
	margin-bottom:140px;
}

.news .box {
	border-bottom:1px solid #092347;
	color:#092347;
}

.content .news .box {
	font-size:28px;	
	padding-bottom:50px;	
	margin-bottom:50px;	
}

.sidebar .news .box {
	text-align:center;	
	padding-bottom:30px;	
	margin-bottom:30px;	
}

.sidebar .news h1 {
	font-size:28px;
	margin-bottom:10px;	
}

.sidebar .news .media {
	padding-bottom:30px;	
}

.sidebar .news .media img {
	max-width:300px;	
}

.news .media iframe {
	height:220px;
	width:100%;
	max-width:380px;
}

.news .media .youtube-cookie {
	height:220px;
	width:100%;
	max-width:380px;
	background-size:cover;
	padding-top:40px;
	text-align:center;
}

.news .media .youtube-cookie .youtube-cookie-text {
	background:rgba(0,0,0,0.5);
	color:#ffffff;
	padding:15px;
	font-size:18px;
	display:block;
}

.news .col-sm-8 {
	padding-right:80px;
}

.news .btn {
	margin-bottom:15px;
}

.sidebar .news .count1 .btn,
.sidebar .news .count2 .btn {
	display:inline-block;
}

.content .news .count1 .btn,
.content .news .count2 .btn {
	display:block;	
	width:245px;
}

.news .count3 .btn,
.news .count4 .btn {
	display:inline-block;
	width:180px;
	margin:0px 7px 15px 7px;
}

.content .news .news_archive {
	text-align:center;
}



/* Social media ------------------------------ */

.social-media {
	text-align:center;
	padding-bottom:45px;
	border-bottom:1px solid #092347;
	margin-bottom:45px;	
}

.social-media a {
	display:inline-block;
	width:80px;
	height:80px;
	margin:0px 10px;
	background-size:contain;
}

.social-media a.instagram {
	background-image:url(/media/instagram.png);
}

.social-media a.facebook {
	background-image:url(/media/facebook.png);
}

.social-media a.youtube {
	background-image:url(/media/youtube.png);
}


.social-media #pia-malo {
    background-image:url(/media/pia-malo.png);
}

/* Dates ------------------------------------- */

.wrapper.dates {
	margin-bottom:50px;
	color:#092347;	
}

.col-sm-4 .wrapper.dates {
	border-bottom:1px solid #092347;
}

.wrapper.dates .headline {
	text-align:center;
	font-size:28px;
	padding-bottom:10px;
}

.wrapper.dates .month {
    margin-bottom:20px;
    font-weight:bold;
}

.wrapper.dates .month:not(:first-of-type) {
    margin-top:35px;
}

.wrapper.dates .bg {
	padding:5px 15px;
	background:#efefef;
	margin-bottom:5px;
	line-height:35px;
}

.wrapper.dates .bg .text {
	line-height:24px;
}

.wrapper.dates .all {
	padding:30px 0px 45px 0px;
	text-align:center;
}

/* Accordion --------------------------------- */

.wrapper.accordion {
	margin-bottom:45px;
}

.wrapper.accordion .accordion-button {
	color:#092347;
	font-size:18px;
	font-weight:700;
}

.wrapper.accordion .accordion-item:first-of-type,
.wrapper.accordion  .accordion-item:first-of-type > .accordion-header .accordion-button {
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:px;
}

.wrapper.accordion .accordion-item {
	border:0px;
	color:#092347;
}

.wrapper.accordion .accordion-button,
.wrapper.accordion .accordion-button:not(.collapsed) {
	background:#efefef;
	margin-bottom:5px;
}

/* Download ---------------------------------- */

.download {
	margin-bottom:50px;
}

.download .bg {
	padding:5px 15px;
	background:#efefef;
	margin-bottom:5px;
	line-height:35px;	
}

.download a {
	padding-left:45px;
	display:block;
	text-decoration:none;
	background:url(/media/download.png) 0px 0px no-repeat;	
}

/* Form -------------------------------------- */

#yform-position {
	position:relative;
	top:-150px;
}

.yform {
    margin-bottom:50px;
}

.yform select,
.yform input {
    margin-bottom:5px;
}

.yform textarea {
	height:150px;
    margin-bottom:5px;
}

/* Gallery ------------------------------------*/


.gallery .headline {
	text-align:center;
	color:#092347;
	font-size:50px;
	font-weight:bold;
	margin-bottom:40px;
	text-transform:uppercase;
}

.gallery .swiper {
	margin-bottom:50px;
}

.gallery .button {
	text-align:center;
	margin-bottom:50px;
}

#galleryPrev,
#galleryNext,
.gallery .swiper-button-prev,
.gallery .swiper-button-next {
	color:transparent;
	background-color:none;
	border:none;	
}

#galleryPrev,
.swiper-button-prev {
	left:-30px;
	background:url(/media/swiper-button-prev.png);
	width:23px;
	height:26px;
}

#galleryNext,
.swiper-button-next {
	right:-30px;
	background:url(/media/swiper-button-next.png);
	width:23px;
	height:26px;	
}

.swiper-button-prev::after,
.swiper-button-next::after {
	display:none;
}

/* Footer ------------------------------------ */

.wrapper.footer {
	background:#092347;
	color:#ffffff;
	padding:30px 0px;
}

.wrapper.footer li:not(:last-child)::after {
    content:"|";
    margin:0px 1rem;
}

#footer a {
	color:#ffffff;	
	text-decoration:none;
}


@media (max-width:767.98px) {
    .wrapper.footer li::after {
        content: "";
    }
}


@media screen and (max-width:1199px) {
	
	#header {
		height:120px;
	}
	
	#logo {
		width:200px;
		height:100px;
	}
	 
	.navbar-expand-lg .navbar-nav .nav-link {
		font-size:22px;
		padding:10px 15px;
	} 
	
	.social-media a {
		width:70px;
		height:70px;
		background-size:cover !important;
	}
}

@media screen and (max-width:991px) {
	 
	 .navbar {
	 	position:static;
	 	padding-top:30px;
	 }

	.navbar-toggler {
		background:#092347;
		border:2px solid #ffffff;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;  		
	}
	
	.navbar-toggler:focus {
		box-shadow:none;
	}
	
	.navbar-toggler-icon {
  		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	}
	 
	 #navbarSupportedContent {
		position:absolute;
		top:120px;
		right:0px;
		left:0px;
		background:#092347;
	 	z-index:99;
	 	border:1px solid #092347; 
	 	padding-right:0px;
	 }
	 
}

@media screen and (max-width:767px) {

	h1 {
		font-size:36px;
	}
	
	.content .news .box {
		font-size:24px;
	}
	
	.news {
		text-align:center;
	}
	
	.news img {
		max-width:300px;
	}
	
	.content .news .count1 .btn,
	.content .news .count2 .btn {
		margin:0px auto 15px auto;
	}
	
	.swiper-slide .img-fluid {
		display:block;
		margin:0px auto;
	}
	
	.swiper-button-prev {
		left:30px;
	}
	
	.swiper-button-next {
		right:30px;
	}
	
	#footer {
		text-align:center;
	}
	
	.wrapper.footer li:not(:last-child)::after {
		display:none;
	}
}