/*
Theme Name: Oevaru 2023
Author: a+s/
Description: Theme for Oevaru
Version: 1
*/

body {
    background-color: #eae4dc;
    color: #00577d;
    font-family: 'Lora', serif;
    font-weight: 200; 
    margin-top:6.8rem;
    min-height: 40rem;
}
@media (max-width: 575.98px) {
    body {
      margin-top:8.2rem;
    }
    nav {
      min-width: 396px
    }
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1, .offcanvas, .sanserif  {
	font-family: 'Quicksand', sans-serif;
	font-weight:700;
}
.page h6 {
  font-size: .9em;
}
a,
a:focus, a:visited {
  color: #01587E;
}
a:hover  {
  color: #5CC6C7;
  opacity: .85;
}
.navbar-text:hover  {
  opacity: 1;
}
#footer_wrap a, .nav-link, .navbar-nav .nav-link.active, .navbar-text, .nav-link:hover, .nav-link:focus, .nav-link:visited{
  color: #5CC6C7;
}

a{
  text-decoration: underline;
}
.navbar-text {
  text-decoration: none;
}

.bg-oe {
  background-color: #01587E !important;
}
.text-oe {
  color: #01587E !important;
}
.text-oe-light {
  color: #5CC6C7 !important;
}
.border-oe {
  border-color:#01587E !important;
}



b,strong {
  font-weight: bold;
}
#title a {
    text-decoration: none;
}
.navbar-nav .nav-link.active {
  font-weight: bolder;
}
#header{
  background: url('assets/images/oevaru-m.png') no-repeat center top -20px;
}
#offcanvasOe{
  background: url('assets/images/oevaru-m.png') no-repeat center top -131px;
}
@media (max-width: 575.98px) {
  #offcanvasOe{
    background-position: center -155px; 
  }
}
#footer_wrap{
  background: url('assets/images/oevaru-m.png') no-repeat center bottom -20px;
}
.navbar-nav .dropdown-menu, .navbar-nav .dropdown-menu .dropdown-item:hover {
	background: none;
	border: none;
}
/*
.navbar-nav .nav-link:hover, .navbar-nav .dropdown-menu .dropdown-item:hover {
	font-weight: 500;
}*/
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus, .btn-close-black:focus,.btn-close-black:active {
    outline: none;
    box-shadow: none;
}
.navbar-nav {
  --bs-nav-link-padding-y: 0.2rem;
  font-size: 1.2rem;
  
}

.navbar-toggler {
	border:none;
}
.offcanvas-size-full {
  --bs-offcanvas-width: 100vw !important;
 /* --bs-offcanvas-height: 100% !important;*/
}
/*
.offcanvas-body {
  height: 100vh;
}*/



.trigger-icon {
  font-size:2rem;
  color: #5CC6C7;
}

.trigger-icon.open:before {
  content: "\F62A"; 
}

.logo {
	width: 162.5px;
	height: 100px;

}
.f-logos, .h-logos {
  height: 40px;
  opacity: .7;
}

.f-logos:hover, .h-logos:hover {
  opacity: 1;
}



#offcanvasOe .nav-link {
  background-color: #01587E !important;
  display: inline-block;
  padding: .2em .3em;
  font-size: .9em;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
}

#footer_wrap a{
  background-color: #01587E !important;
  padding: .2em .3em;
  font-size: .9em;
}

.btn-oe {
  --bs-btn-color: #fff;
  --bs-btn-bg: #01587E;
  --bs-btn-border-color: #01587E;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #01587E;
  --bs-btn-hover-border-color: #01587E;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #01587E;
  --bs-btn-active-border-color: #01587E;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #01587E;
  --bs-btn-disabled-border-color: #01587E;
}
.btn-oe:visited {
  color:#fff;
}

.btn-outline-oe {
  --bs-btn-color: #01587E;
  --bs-btn-border-color: #01587E;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #01587E;
  --bs-btn-hover-border-color: #01587E;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #01587E;
  --bs-btn-active-border-color: #01587E;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #01587E;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #01587E;
  --bs-gradient: none;
}
.btn-outline-oe-search{
  --bs-btn-border-width:0;
  font-size:1.2rem;
  padding: 0 0 0 .2rem;
  --bs-btn-color: #5CC6C7;
  --bs-btn-border-color: #5CC6C7;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: none;
  --bs-btn-hover-border-color: #5CC6C7;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: none;
  --bs-btn-active-border-color: #5CC6C7;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #5CC6C7;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #5CC6C7;
  --bs-gradient: none;
}
.highlight {
  padding: .2em .3em;
  font-size: .9em;
  display: inline-block;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
}

.form-control:focus {
  border-color: #888;
}

button:focus {
    /*outline: 1px auto #ccc;*/
		outline: none;
}

#s {
	width: auto;
	font-size: .8rem;
}

.border-0 {
	border-radius:0 !important;
}
.pt-6{
  padding-top: 4.5rem !important;
}
.ms-n2{
  margin-left:-.5rem !important;
}
.si-text-truncate {
	overflow: hidden;
    display: -webkit-box;
	 -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}


.footernav a{
	text-decoration: none;
}


#footer {
	font-size: 89%;
}

.socialmedia_icon {
	padding-right: .8rem;
  font-size: 1rem !important;
}
.grecaptcha-badge{visibility: hidden;}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.carousel-item {
  height: 75vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-caption {
	bottom: 0;
	padding-bottom: 2rem;
}
.carousel-caption h1,.carousel-caption h3 {
	margin-bottom:0;
}
.multiline_padding {
	-webkit-box-decoration-break: clone;
	-o-box-decoration-break: clone;
  box-decoration-break: clone;
}

@media (max-width: 768px) {
	.carousel-caption h1 {
		font-size: 2.1rem;
		line-height: 2.5rem;
	}
	.carousel-caption h4 {
		font-size: 1.1rem;
	}
}
/* Make YouTube videos inserted via WordPress oEmbed full-width */
.wp-block-embed-youtube, .si-block-embed-youtube {
	overflow: hidden;
	position: relative;
	max-width: 100%;
	height: auto;
	padding-bottom: 56.25%;
}
.wp-block-embed-youtube iframe, .si-block-embed-youtube iframe,
.wp-block-embed-youtube object, .si-block-embed-youtube object,
.wp-block-embed-youtube embed, .si-block-embed-youtube embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.wpcf7 form .wpcf7-response-output {
  margin: 2em 0;
  padding: 0.5em 1em;
  border: 2px solid #00a0d2; /* Blue */
  font-size: 2rem;
}