@import url("style-rtl.css");
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');


.wp-block-columns, .widget {
	margin-bottom: 0;
}
:root {
  --primary: #04a29b;
  --secondary: #c2d022;
  --black: #2D3142;
  --dark-grey: #4F5D75;
  --grey: #DCDCDC;
  --white: #FFFFFF;
}

body {
  background: var(--black);
  color:white;
}

header.site-header {
  position: fixed;
  background: var(--black);
  color:white;
  top: 10px;
  left: 10px; right: 10px;
  border-radius: 50px;
  display: flex;
  padding: 12px;
  margin: 0 calc((100% - 1100px) / 2);
  align-items: center;
  z-index: 100;
  opacity: 0.9;
}

header.site-header .site-branding {
  width: 300px;
}
header.site-header .site-branding img {
  width: 100%;
  height: auto;
  vertical-align:middle;
}


header.site-header nav.main-navigation .nav-menu {
  display: flex;
  align-items:center;
  justify-content: flex-end;
}
header.site-header nav.main-navigation .nav-menu a {
  color:white;
  letter-spacing: 1px;
  font-size:12px;
  display: inline-block;
  padding: 4px 8px;
  text-transform:uppercase;
}

header.site-header button.menu-toggle {
  appearence: none;
  background: transparent;
  border-width: 0;
  float:right;
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  header.site-header {
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background-color: hsla(229, 19%, 22%,1);
    border-bottom:1px solid var(--primary);
  }
}
.social_links {
  	position: fixed;
  	bottom: 10px;
  	left: 10px;
	white-space: nowrap;
	padding:4px 8px;
  	background: white;
  	border-radius: 4px;
}
.social_links a {
  	display: inline-block;
	font-size: 20px;
}
.social_links a:hover {
  	color: var(--secondary);
}
@media (max-width: 600px) {
  header.site-header {
    margin: 10px;
  }
  header.site-header nav.main-navigation .menu {
    display:none;
    position:absolute;
    top: 100%;
    left: 0;right:0;
  }
  header.site-header nav.main-navigation.toggled .menu {
    display:block;
    text-align: right;
    padding-bottom:10px;
  }
  header.site-header nav.main-navigation.toggled .menu ul.nav-menu {
    flex-flow: column;
  }
  header.site-header nav.main-navigation.toggled .menu a {
    display:inline-block;
    margin: 4px 8px;
    border-radius: 20px;
    background: var(--black);
    text-align:center;
  }
}


.site-main header.entry-header h1.entry-title {display:none;}

.content-fit {
  padding: 50px calc((100% - 1100px) / 2);
}
.content-white {
  background: var(--white);
  color: var(--black);
}
.content-grey {
  background: #EFEFEF;
  color: var(--black);
}
@media (max-width: 1140px) {
  .content-fit {
    padding: 30px;
  }
}

.green-list i {
  color: var(--primary);
}

.contact_form label {
  position:relative;
  z-index:2;
}
.contact_form label input,
.contact_form label textarea {
  margin-bottom: 8px;
}
.contact_form label.label-50,
.contact_form label.label-100 {
	display: inline-block;
  	padding: 0 4px;
  color: var(--primary);
}
.contact_form label.label-50 input,
.contact_form label.label-100 input {
	width: 100%;
  color: var(--black);
}
.contact_form label.label-50 {
  width: calc(50% - 4px);
}
.contact_form label.label-100 {
  width: calc(100% - 8px);
}
.contact_form input[type=text],
.contact_form input[type=email],
.contact_form textarea {
	padding: 8px;
  position:relative;
  z-index: -1;
}
.contact_form input[type=submit] {
  appareance: none;
  background: var(--primary);
  color: white;
  font-weight: bold;
  text-transform: uppercase;  
  border-width: 0;
  padding:8px 32px;
  margin: 10px 4px;
  font-size:1.125em;
  border-radius: 9999px;
  padding: calc(.667em + 2px) calc(1.333em + 2px);
  cursor:pointer;
  transition: all .6s;
}
.contact_form input[type=submit]:hover {
  background:var(--secondary);
}
.wp-block-button__link {
  background:var(--primary);
  transition: all .6s;
}
.wp-block-button__link:hover {
  background:var(--secondary);
}
footer.site-footer {
  padding: 10px calc((100% - 1100px) /2);
  background: var(--black);
}
@media (max-width: 1140px) {
  .footer.site-footer {
    padding: 10px 30px;
  }
}
.text-center {text-align:center;}
.wh-100, .wh-70, .wh-50, .wh-30 {
	overflow:hidden;
	position: relative;
}
.wh-100 {height:100vh;}
.wh-70 {height:70vh;}
.wh-50 {height:50vh;}
.wh-30 {height:30vh;}
.wh-100 img, .wh-70 img, .wh-50 img, .wh-30 img {
  position:absolute;
  top:50%;left:50%;
  transform: translate(-50%,-50%);
  min-width: 100%;
}
.m-auto {margin: auto;}
.m-4 {margin: 4px;}
.mx-4 {margin-left: 4px;margin-right: 4px;}
.m-8 {margin: 8px;}
.mx-8 {margin-left: 8px;margin-right: 8px;}
.m-10 {margin: 10px;}
.mx-10 {margin-left: 10px;margin-right: 10px;}
.mx-20 {margin-left: 20px;margin-right: 20px;}
.m-20 {margin: 20px;}
.ml-4 {margin-left:4px;}
.ml-8 {margin-left:8px;}
.ml-10 {margin-left:10px;}
.mr-4 {margin-right:4px;}
.mr-8 {margin-right:8px;}
.mr-10 {margin-right:10px;}
.p-4 {padding: 4px;}
.px-4 {padding-left: 4px;padding-right: 4px;}
.p-8 {padding: 8px;}
.px-8 {padding-left: 8px;padding-right: 8px;}
.p-10 {padding: 10px;}
.px-10 {padding-left: 10px;padding-right: 10px;}
.py-10 {padding-top: 10px;padding-bottom: 10px;}
.p-20 {padding: 20px;}
.px-20 {padding-left: 20px;padding-right: 20px;}
.pl-4 {padding-left:4px;}
.pl-8 {padding-left:8px;}
.pl-10 {padding-left:10px;}
.pr-4 {padding-right:4px;}
.pr-8 {padding-right:8px;}
.pr-10 {padding-right:10px;}