/*

Default values

*/

:root {
	--primary-dark: black;
	--primary-light: white;
	--header-color: #00000005;
	--header-color-scroll: #00000008;
	--header-text-color: white;
	--header-text-color-scroll: white;
	--header-menu-color:black;
	--header_mobile_menu_color: black;
	--header_mobile_text_color: white;
	--off-white: rgb(245, 250, 255);
	--off-black: rgb(0, 26, 51);
	--dark-blue: rgb(0, 77, 153);
	--headings-font-family:  Arial, Helvetica, sans-serif;
	--body-font-family: Arial, Helvetica, sans-serif;
	--footer-text-color:"#073869";
	
}

*::selection {
	background-color: var(--primary-light);
	color: white;
	font-family: var(--body-font-family);
}

h1, h2 ,h3, h4, h5, h6,
 h1 span, h2 span, h3 span, h4 span,
 h1 a, h2 a,h3 a, h4 a, h5 a, h6 a {
	color: var(--primary-dark);
	font-family: var(--headings-font-family) !important;
	font-weight: 400

}
.button, .elementor-button-text, input[type=submit]{
	font-family: var(--headings-font-family) !important;

}

.elementor-button{
	width: 100%
}

.heading-font, .heading-font *{
	font-family: var(--headings-font-family) !important;

}

.elementor-button{
	background-color: var(--primary-light);
	border-radius: 2px;
}

* {
	
	font-family: var(--body-font-family)
}

a, a:hover{
	color:inherit
}

.search-result{
	padding:40px 5%;
}

/* USEFUL CONTENT SECTION PARTS
---------------------------------*/

.center-content *{
	text-align: center;
}


.content-section {
	margin: 0;
	margin-top:20px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	background-position: center;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 500px;
	justify-content: center;
}

.content-col-full{
	width:100%;
	flex-basis: 100%;
}

.content-section .content-col-1 {
	width: 60%;
	flex-basis: 100%;
	margin: auto;
	font-size: 25px;
	padding: 30px 0 30px 0;
}

.content-section .content-col-2 {
	width: 50%;
	flex-basis: 50%;
	padding: 35px;
	display: flex;
	flex-direction:column;
	justify-content: center;
}

.content-section:not(.regular) .content-col-2 {

	color: white;
}


.content-section .content-col-2.alignright{
	margin-left: auto;
}

.content-section .content-col-2.dark{
	color: black;
}

.content-section .content-col-2.dark h2{

	color: var(--primary-light);

}

.content-col-2 .content-text {
	max-width: 80%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: inherit;
}

.content-col-2 .content-text h2, .content-col-2 .content-text h3 {
	text-align: left;
	margin-left: 0;
	margin-right: auto;
}

.content-section .content-col-4{
	width: calc(24% - 20px);
	margin:10px
}

.content-section .content-links {
	width: max-content;
	align-self: flex-start;
}

.content-section .content-links a {
	width: 100%;
	margin-top: 7px;
}

.content-section:nth-of-type(2n)  .content-col-2.content-text {
order:1
}

.content-section:nth-of-type(2n) .content-col-2.content-image {
	order:2
}

@media screen and (min-width:600px) {
	.content-section:nth-of-type(2n) .content-col-2:nth-of-type(2) {
		order: -1
	}
}
@media screen and (max-width:900px) {


.content-section .content-col-4{
	width:calc(50% - 20px);
}
}

@media screen and (max-width:600px) {
	.content-section .content-col-2 {
		width: 100%;
		flex-basis: 100%;
	}
	.content-section .content-col-2.content-image {
		order: 2;
	}

}


/*
POSTS

*/


.post{
	padding-top:50px;
	max-width: 1220px;
	margin:auto;
}

/*
==========================CONTACT FORMS==============================
*/


form{
	width: 100%;
	margin:auto;
	max-width: 700px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

@media screen and (min-width:700px){

form .content-col-2{
	width: 48%
}
}
form p{
	width: 100%
}

input, textarea{
	width: 100%;
	background:transparent;
	border: 1px solid #85939B;
	border-width: 0 0 1px 0;
	position: relative;
	box-shadow: none;
	max-width: 100%;
	border-radius: 0;
}

input,
[type=text],
[type=number],
[type=email], textarea, input:focus, textarea:focus,  input:focus-within, textarea:focus-within,  input:focus-visible, textarea:focus-visible{
	width: 100%;
	background:transparent;
	border: 1px solid #85939B;
	border-width: 2px;
	position: relative;
	box-shadow: none;
	max-width: 100%;
	border-radius: 5px;
	font-size: 20px;
	padding:5px;
}

textarea{
	border-width: 2px;
	margin-bottom: 10px;
}

label{
	color: #85939B;
	font-weight: 300;
	font-size: 13px;
}

.textfield label{
	position: absolute;
	font-size: 16px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: transparent;
	margin: 0 ;
	transition: .1s ease-out;
	transform-origin: left top;
	pointer-events: none;
}

input[type=submit]{
	font-weight: 400;
	text-align: center;
	background: var(--primary-dark);
	color: white;
	border-radius: 5px;
	padding-top:12px;
	padding-bottom:12px;
	font-size: 16px;
	letter-spacing: 1.5px;
	line-height: 32px;
}

form .textfield {
	position: relative;
	margin: 0;
	width: 100%;
	margin-bottom:25px;
	margin-top:25px;
}

label{
	margin-top:25px
}

.textfield textarea+label {
	top: 0;
	transform: translateY(50%);
}

input:focus+label, textarea:focus+label {
	top: 0;
	transform: translateY(-70%) scale(.9);
	border-radius: 0px;
}


/*----FOOTER
*	------------------------------------------
*/
.site-footer{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-evenly;
	color: var(--footer-text-color);
}

.site-footer h2,.site-footer h4,.site-footer h3,.site-footer h5, .site-footer a, .site-footer span, .site-footer p{
	
	color: var(--footer-text-color);
	stroke: var(--footer-text-color);;
	fill: var(--footer-text-color);
}

.site-footer > .widget{
	padding:60px 30px;
	min-width: 300px;
	font-size: 16px;
	margin:0;
}



.site-footer .footer-panel{
	width: 100%;
	min-height: 140px;
	background-repeat: no-repeat;
	background-size: 100% 100%;

}


.site-footer .menu{
	margin:10px;
	padding:0;
	list-style: none;
}

.site-footer .menu .sub-menu{
	padding: 0;
	margin:0;
	list-style: none;

}

@media screen and (max-width:700px){
	.site-footer  .widget{
		padding:15px 30px;
		min-width: 90%;
	}

	.site-footer .widget img{
		display: block;
		margin:auto
	}
}






/*WIDGETS */

.contact-widget a, .contact-widget p{
	display: flex;
	width: 100%;
	align-items: center;
	margin:15px 0;
	
}

.contact-widget.inline{
	display: flex;
	flex-wrap: wrap;
}


.contact-widget.inline a, .contact-widget.inline p{
	width: max-content;
	margin:9px;
}

.contact-widget svg{
	fill:currentColor ;
	stroke: currentColor ;
}


.contact-widget span{
	display: block;
	color:inherit;
}

.contact-widget svg{
	margin-right: 7px;
	object-fit: contain;
	width:20px;
}

.blur{
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
}

.socials-widget {
	display: flex;
	flex-direction: row;
	color: currentColor
}

.socials-widget svg{
	margin:3px;
	fill:currentColor ;
	stroke: currentColor ;
	
}

.search-form label{
	width: 100%;
}
input[type=search]{
	width: 100%;
	margin-bottom:15px;
	text-align: left;
}