/*
Minusaaremaa style 2022 by Elixir OÜ

black: #000000
blue: #3b5fff
light grey: #f8f8f8
*/

body {
	font-family: 'Anek Tamil', sans-serif;
	font-weight:400;
	color:#000;
	letter-spacing: .55px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
	font-weight:400;
}

h2 {padding-bottom:1rem;}
.fw-500 {
	font-weight:500;
}

a {
	transition: all 0.2s linear;
	color: #3b5fff;
}


/* frontpage */
.cta {height:20vh;}
.uudis-title {text-decoration:none; color:#000;}
.uudis-title:hover, .uudis-title:active {color:#3b5fff;}
.uudis-item {border-left: 3px solid #3b5fff; padding-left:1rem;}

/* live search */
.live-search-results {background:#f8f8f8;}



.featured-bg-img {border-bottom:15px solid #fff;}
.featured-page-label {border-radius: 0px 0px 5px 5px;}
.ms-featured:hover .featured-page-label, .ms-featured:active .featured-page-label {
	padding-bottom:0.3rem;
}
.ms-featured:hover .bg-img {transform: scale(1.02);}

/* forms */
.form-control {border:1px solid #3b5fff;}

/* footer */
.bg-grey {background:#f8f8f8;}
.border-bottom {border-bottom:1px solid #dfdfdf;}

.bg-grey a {color:#000; text-decoration:none;}
.bg-grey a:hover, .footer a:active {color:#3b5fff;}

/* navbar */
.headspacer {height:91px; width:100%;}
.ms-navbar a, .ms-navbar .navbar-nav .nav-link, .ms-navbar .navbar-nav .nav-link:focus, .ms-navbar .navbar-nav .nav-link:hover {color:#000;}
.ms-navbar .dropdown-menu {border-radius:0; border:0; border-left: 2px solid #3b5fff; padding:0;}
.ms-navbar .dropdown-item {padding:0.5rem; padding-right:2rem; padding-left:1rem; font-weight:300;}
.ms-navbar .dropdown-item:focus, .ms-navbar .dropdown-item:hover, .ms-navbar .dropdown-item.active, .ms-navbar .dropdown-item:active {color:#3b5fff; background:none;}
.ms-navbar .collapsed .navbar-toggler-icon {background-image: url('../images/menu.svg'); }
.ms-navbar .navbar-toggler, .ms-navbar .navbar-toggler:focus {border:0; box-shadow:none;}
.ms-navbar .navbar-toggler-icon {background-image: url('../images/close.svg'); width:1em;}

/* button */
.btn-saaremaa {background:#3b5fff; border:1px solid #3b5fff; color:#fff !important; min-width:8rem; border-radius: 5px;}
.btn-saaremaa:hover, .btn-saaremaa:active  {background:#fff; border:1px solid #3b5fff; color:#3b5fff !important; min-width:8rem; border-radius: 5px;}
.btn-filter {background:#f8f8f8; color:#000; font-weight:500; border-radius:5px; padding:0.4375rem; padding-top:0.375rem; padding-bottom:0.375rem;}
.btn-filter.disabled, .btn-filter:hover, .btn-filter:active, .btn-filter.active {color:#fff; background:#3b5fff; opacity:1;}
/* thelogo */
.minusaaremaa-logo {
	height: 65px;
	width: auto;
}

/* migration fixes */
ul.wallgallery {padding-left:0;}
ul.side-menu {
	list-style-type: none;
	padding: 0;
}
li.side-menu-item {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    transition: all 0.3s ease;	
	border-left: 3px solid #3b5fff; 
	padding-left:0.4rem;
	margin-bottom:1rem;
}
li.side-menu-item > a,
li.side-menu-item > a:visited {
	font-size: 1.25rem;
	text-decoration:none; 
	color:#000;
}
li.side-menu-item > a:hover,
li.side-menu-item > a:active,
li.side-menu-item > a:focus,
li.side-menu-item > a.current {
	color:#3b5fff;
}



/* Carousel */
.carousel-control-prev, 
.carousel-control-next {
	opacity:1;
	width:15%;
}
.carousel-control-next:focus, 
.carousel-control-next:hover, 
.carousel-control-prev:focus, 
.carousel-control-prev:hover {
	opacity:0.5;
}



/*************************/
/* BLOCK: EXTERNAL LINKS */
/*************************/
.external-links a.external-link {
	display: block;
	position: relative;
	text-decoration: none;
	box-sizing: border-box;
    border-radius: 5px;
    padding: 0.4375rem 0.9375rem;
	background-color: #f5f5f5;
    color: #000;
	transition: all 0.3s ease;
	padding-right: 1.58rem;
	height:100%;
}
.external-links a.external-link:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 0.5625rem;
	width: 0.9375rem;
	height: 0.9375rem;
	background: transparent url('../images/external.svg') center no-repeat;
	background-size: contain;
	opacity: 0.8;
	transform: translateY(-50%);
}
.external-links a.external-link:hover {
    color: #3b5fff;
    transform: translateY(-0.0625rem);
    background-color: #e8e8e8;
}
.external-links a.external-link:hover:after {
	background: transparent url('../images/external_blue.svg') center no-repeat;
}

/***************/
/* BLOCK: FILE */
/***************/
a.file-btn {
	position: relative;
	padding-left: 2.5rem;
}
.file-type-icon {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 1.75rem;
	height: calc(100% - 1.25rem);
	display: inline-block;
	position: absolute;
    top: .5625rem;
    left: .4375rem;	
	filter: invert(89%) sepia(99%) saturate(0%) hue-rotate(13deg) brightness(108%) contrast(100%);
}

/* PAGINATION */
.pagination {display:block;}
.pagination li {
	margin: .4375rem; margin-bottom:1rem;
	display:inline-block
}
.pagination li a,
.pagination li span {
    border-radius: 5px;
    padding: 0.375rem 0.75rem;
	background: #fff;
	color:#000;
	text-decoration:none;
	border: 1px solid #3b5fff;
	white-space: nowrap;
}
.pagination li.active span {
	background-color: #3b5fff;
	color:#fff !important;
}
.pagination li.disabled {
	opacity: .5;
}


@media (min-width: 992px) {
	.minusaaremaa-logo {
		height: 80px;
	}
}

/* technical */
.supersmall {font-size:0.75em;}
.transition {transition: all 0.2s linear;}
.ms-shadow {box-shadow: 0 2px 10px 0 rgba(59, 95, 255, 0.2);}
.ms-rounded {border-radius: 5px;}

.bg-img {background-size:cover; background-position:center center;}
.ms-ratio {
    --bs-aspect-ratio: calc(100 / 83 * 100%);
}
.ms-image-ratio {
	--bs-aspect-ratio: calc(48 / 100 * 100%);
}
.ms-featured-ratio {
	--bs-aspect-ratio: calc(65 / 100 * 100%);
}
.ms-featured-ratio-double {
	--bs-aspect-ratio: calc(65 / 100 * 100%);
}
.ratio-fb {
	--bs-aspect-ratio: calc(100 / 191 * 100%);
}
.ratio-35x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
}
.ms-ehtne-ratio {
    --bs-aspect-ratio: calc(100 / 73 * 100%);
}

.swiper {
    width: 100%;
    height: auto;
}
.swiper-slide {
	width:80%;
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-slide-inner {border:1px solid #fff;}
.swiper-slide-inner:hover, .swiper-slide-inner:active {
	border:1px solid #3b5fff;
}
.swiper-button-next:after, .swiper-button-prev:after {content:'' !important;}
.swiper-button-prev {left:1.5rem;}
.swiper-button-next {right:1.5rem;}
.mob-arrow {max-width:2.3rem;}

.ms-card {background:#fff;}

/* X-Small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up)  */
@media (min-width: 576px) {
	.swiper-slide {width:60%; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.cta {height:30vh;}
	.ms-featured-ratio-double {
		--bs-aspect-ratio: calc(130 / 100 * 100% + 1.5rem);
	}
	.swiper-slide {width:100%; }
	.ratio-35x9 {
		--bs-aspect-ratio: calc(9 / 35 * 100%);
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.headspacer {height:106px;}
	.ms-navbar .nav-link {padding-right: 1rem !important; padding-left: 1rem !important; }
	.ms-navbar .dropdown-menu {margin-left: 1rem;}
	.mob-arrow {max-width:auto;}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	.cta {height:40vh;}
}

/* gallery-le margin, Ove 19.04.2023 */
.wallgallery li {
    margin-left: .25rem;
    margin-bottom: .25rem;
}