/* Toutsi. By Elixir OÜ */
/* colors */

/* 
tumesinine :#002047
valge: #ffffff
hele: #f3f8ea

zenith: #193a41
hall: #676d6b
desert: #84795d
sea: #689c9a;
*/

.toutsi-bg-dark {
	background-color:#282828;
	color: #ffffff;
}



body {
  font-family: 'museo-sans', sans-serif;
  background-color:#84795d;
  color: #002047;
}

/* Using the bold weight for headings */
h1, h2, h3, .h1, .h2, .h3, .display-1, .display-2, .display-3, .display-4, .display-5, .display-6{
  font-weight: 500;
}

/* Using the light version for paragraphs or other text */
p {
  font-weight: 500;
}

p b {font-weight:700;}

a {color:#1d60ae;}


/*navbar */
.toutsi-navbar {
	position:absolute;
	width:100%;
	z-index:2;
}

.toutsi-logo {
  max-width: 140px;
}

.toutsi-navbar .navbar-toggler {color:#ffffff;}

.toutsi-nav-main-item {
	text-transform:uppercase;
	font-weight:900;
}

.toutsi-nav-main-item a.nav-link {
	color:#ffffff;
}
.toutsi-nav-main-item.active a.nav-link {
	color:#002047; 
}
.toutsi-nav-main-item a.nav-link.show {
	color:#ffffff;
}

.toutsi-mobile-nav-main-item {
	text-transform:uppercase;
	text-decoration:none;
	font-weight:900;
	color:#ffffff;
}
.toutsi-mobile-nav-secondary-item {
	text-transform:uppercase;
	text-decoration:none;
	color:#ffffff;
}
.toutsi-navbar .navbar-toggler, .toutsi-navbar .navbar-toggler:focus {
	border:none;
	outline:none;
	box-shadow:none;
}
.toutsi-navbar .dropdown-menu {
	background:#ffffff;
	border:none;
	border-radius:0px 15px 15px 15px;
	margin-left:7px;
}
.toutsi-navbar .dropdown-item {
	background:none;
	color:#002047;
	text-transform:none;
	font-weight:300;
}
.toutsi-navbar .dropdown-item.active {
	font-weight:900;
}

/* page content */
.ratio-toutsi-video {
	--bs-aspect-ratio: 56.25%;
	z-index:-1;
}
.toutsi-header-video {
	pointer-events:none;
}


.toutsi-bubble {
	border-radius:0px 30px 30px 30px;
	background:#f3f8ea;
}

.toutsi-bubble-text {
	padding:2rem;
}
.toutsi-caption {
	position:absolute;
	bottom: -1.5rem;
	right:0.5rem;
	color:#000000;
}

.toutsi-text-cols-1 {
	column-count: 1;
}
.toutsi-text-cols-2 {
	column-count: 2;
	column-gap: 2rem;   /* adjust gap */
}
.toutsi-text-cols-2 h1,
.toutsi-text-cols-2 h2,
.toutsi-text-cols-2 h3 {
    break-inside: avoid;
}


.toutsi-social {width:32px;}


/* footer */
.toutsi-social a {
	text-decoration:none;
	color:#e4ebec;
}

.supersmall {font-size:0.75em;}
.elixir {color:#888888;}

.ratio-44 {
    aspect-ratio: 100 / 44;
}

.ratio-95 {
    aspect-ratio: 100 / 95;
}

.toutsi-gap {
    --bs-gutter-x: 2.5rem;
    --bs-gutter-y: 2.5rem;
}

.toutsi-gap-flex {
    gap: 2.5rem;
}




/* c5 edit fixer */
/* Edit mode: add vertical spacing between blocks */
.ccm-edit-mode .ccm-block-edit {
    margin-bottom: 2.5rem !important;
}




/* responsiveness */
@media (max-width: 991.98px) {
	.toutsi-logo {
		max-width: 100px; 
	}
	.toutsi-content-wrapper {
		margin-top:-70px;
	}
	.ratio-toutsi-video {
		--bs-aspect-ratio: 120%;
	}
	
	.toutsi-text-cols-2 {
		column-count: 1;
	}
	
	.ratio-44 {
		aspect-ratio: 100 / 95;
	}
	
	.toutsi-gap {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 2.5rem;
}

	.toutsi-gap-flex {
		gap: 2.5rem;
	}
}

@media (max-width: 576px) {
  
}