/* This css should contain only text/box styling*/
:root {
  --shadow_distance: 0.066em; /* 3px */
  --border_thickness: 0.15625vw;
}

h2
{
	font-size: 2.2em;
}
.brown_text_shadow {
	filter: drop-shadow(var(--shadow_distance) var(--shadow_distance) #a2652f) drop-shadow(0 0 #a2652f);
	display: inline-block;
}
.brown_shadow {
	filter: drop-shadow(var(--shadow_distance) var(--shadow_distance) #a2652f);
}
.cyan_shadow {
	filter: drop-shadow(var(--shadow_distance) var(--shadow_distance) #0795ad);
}
.blue_shadow {
	filter: drop-shadow(var(--shadow_distance) var(--shadow_distance) #004aad);
}
.blue_dark_shadow {
	filter: drop-shadow(var(--shadow_distance) var(--shadow_distance) #062c5e);
}
.green_shadow {
	filter: drop-shadow(var(--shadow_distance) var(--shadow_distance) #0d8049);
}
.purple_shadow {
	filter: drop-shadow(var(--shadow_distance) var(--shadow_distance) #963370);
}


.border_full  {
	border: var(--border_thickness) solid white;	
}
.border_top  {
	border-top: var(--border_thickness) solid white;	
}
.border_left {
	border-left: var(--border_thickness) solid white;	
}
.border_right {
	border-right: var(--border_thickness) solid white;	
}
.border_bottom  {
	border-bottom: var(--border_thickness) solid white;	
}
.text_center {
	text-align: center;
}
.welcome_container .flex_container .text_box_flex h1
{
	border-left: var(--border_thickness) solid white;
	border-bottom:  var(--border_thickness) solid white;
	background: rgba(25, 25, 25, 0.7);
}
.welcome_container .flex_container .text_box_flex h4
{
	border-left: var(--border_thickness) solid white;
	background: rgba(25, 25, 25, 0.55);
}
.slideshow_container
{
	text-align: center;
}
.slideshow_container h1
{
	border: var(--border_thickness) solid white;
}
.slideshow_container .flex_container_row
{
	text-align: left;
}

.showJS{
  opacity: 1;
  transition: opacity 1200ms ease 0s;
}
.hideJS{
  opacity: 0;
  transition: opacity 1200ms ease 0s;
}




.slideshow_container .slideshow .SlideImg{
		width:100%;
		height:100%;
		position:absolute;
	}
.slideshow{ 
    box-shadow: 0 0 0.1vw 0.15vw rgba(255,255,255,0.8); 
}

.slideshow > div{ 
		position: absolute; 
		/*
		top: 5px; 
		left: 5px; 
		right: 5px; 
		bottom: 5px; */
		top: 0px; 
		left: 0px; 
		right: 0px; 
		bottom: 0px; 
}

.why_text_container
{
	padding-top:3lvh;
}


.why_text_container h1
{
	border: var(--border_thickness) solid white;
}
.sex_button img
{
  filter: brightness(90%);
}
.sex_button img:hover {
  filter: brightness(150%);
}

.doitac_container h1
{
	border: var(--border_thickness) solid white;
}

.contact_container h1
{
	border: var(--border_thickness) solid white;
}

.contact_container .contact_text
{
	padding: 0 0vw 5lvh 3vw;
	text-align: left;
}

.contact_container::before {
	background-image: url('../images/home.webp');
  background-size:cover;
  -webkit-filter: blur(3px) brightness(30%);
  -moz-filter: blur(3px) brightness(30%);
  -o-filter: blur(3px) brightness(30%);
  -ms-filter: blur(3px) brightness(30%);
  filter: blur(3px) brightness(30%);
}