/*
Theme Name: Atwsens
Theme URI: 
Description: 
Author: 
Version: 1.0
Tags: 
*/
@import "/wp-includes/css/dist/block-library/style.min.css";

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
a, em, hr, img, small, b, u, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, tr, th, td {
	background:transparent;
	border:0;
	margin:0;
	padding:0;
	vertical-align:baseline;
}

* {
	box-sizing: border-box;
	scroll-behavior:smooth;
}

html {
	height:100%;
	width:100%;
}

body {
	font:1.5rem/2.25rem "Open Sans",sans-serif;
	--color-blue:#0404E3;
	color:#202020;
	background:#efefef url(images/bg.svg);
	background-size:100% auto;
	overflow-x:hidden;
}

.center {
	max-width:1160px;
	margin:0 auto;
}

p {
	margin-bottom:1em;
}

ul {
	margin: 0 0 2em 2em;
}

li {
	text-indent:10px;
}

li::marker {
	content:"\25B6 ";
}

.hidden,
#mobile-menu,
.frm_verify,
legend,
.frm_inside_container label {
	display:none;
}

input[type=text], input[type=button] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

a[href^="tel"] {
	color: inherit; 
	text-decoration: none; 
}

header {
	background:#fff;
	box-shadow: 0px 3px 10px #245C8C29;
	font-size:20px;
}

	header > div {
		height:90px;
		display:flex;
		align-items:center;
		position:relative;
	}

		header > div > div {
			margin-left:auto;
		}

		header > div a {
			margin-left:40px;
			text-decoration:none;
			color:inherit;
		}

		header > div .wp-block-button__link {
			background:#4CA4A4;
			padding:.2em 1em;
			border-radius:10px;
		}

	header img {
		display:block;
	}

h1, h2, h3, h4 {
	font-family:"Roboto Slab",sans-serif;
	font-weight:300;
}

h1 {
	height:335px;
	color:var(--color-blue);
	font-size:4.5rem;
	line-height:1;
	display:flex;
	align-items:center;
	justify-content:center;
}

h2 {
	font-size:2.375rem;
	line-height:3.125rem;
	margin-bottom:25px;
}

.wp-block-media-text,
.wp-block-group {
	margin-bottom:160px;
	padding:80px 0;
	border-radius:20px;
	position:relative;
}

.wp-block-media-text.has-white-color {
	grid-template-columns:1fr 2fr;
}

.wp-block-media-text.has-media-on-the-right {
	grid-template-columns:2fr 1fr;
}

.wp-block-media-text .wp-block-media-text__media img {
	width: auto;
}

.has-media-on-the-right img {
	margin-right:-40px;
}

.wp-block-media-text.has-white-color img {
	margin-left:-40px;
	position: absolute;
	top: 40px;
}

.wp-block-group {
	max-widtH:98%;
}

.wp-block-group > div {
	padding:0 40px;
}

.has-white-background-color {
	background-color:#fff;
}

.wp-block-group:before,
.wp-block-media-text.has-white-color:before,
.has-media-on-the-right:before {
	content:"";
	position:absolute;
	background:inherit;
	height:100%;
	width:2000px;
	top:0;
}

.wp-block-group:before,
.has-media-on-the-right:before {
	margin-left:-1980px;
}

.wp-block-media-text.has-white-color:before {
	left:100%;
	margin-left:-20px;
}

.wp-block-buttons {
	margin-top:2em;
}

.wp-block-button__link {
	font-weight:600;
	border-radius:20px;
	color: white;
    padding: 0.5em 1em;
}

	.wp-block-button__link:after {
		content:" \25B6";
	}

footer {
	background:var(--color-blue);
	color:#fff;
	padding:80px 0 200px;
}

	footer > div {
		display:flex;
	}

		footer > div > div:last-child {
			margin-left:auto;
			align-self:flex-end;
			text-align:right;
		}

	footer p:last-child {
		margin:0;
	}
	
		footer p:last-child img {
			display:block;
		}

input,
textarea {
	font:1rem "Open Sans",sans-serif;
	border-radius:10px;
	width:400px;
	border:none;
	margin-bottom:13px;
	height:40px;
	padding-left:24px;
}

	textarea {
		height:120px;
		padding:12px 24px;
	}

.frm_message,
.frm_error_style {
	font-style:italic;
	margin-bottom:1em;
}

footer .wp-block-button__link {
	background:#4CA4A4;
	border:none;
	font-size:19px;
	margin-top:2rem;
}

.grecaptcha-badge {
	opacity:0;
}

@media only screen and (max-width:768px) {
	body {
		font-size:1.25rem;
	}

	#logo {
		margin-left:20px;
	}

	#mobile-menu {
		display:block;
		position:absolute;
		right:30px;
		transform:scale(1.1);
	}

	.bar {
		opacity:1;
	    transition: transform 0.4s ease-in-out, opacity 0.2s ease-in-out;
	}

		.bar:nth-of-type(1) {
			transform-origin: 3px 13px;
		}

			#mobile-menu.active .bar:nth-of-type(1) {
				transform:rotate(45deg);
			}

		#mobile-menu.active .bar:nth-of-type(2) {
			opacity:0;
		}

		.bar:nth-of-type(3) {
			transform-origin: 3px 22px;
		}

			#mobile-menu.active .bar:nth-of-type(3) {
				transform:rotate(-45deg);
			}

	.wp-block-group::before, 
	.wp-block-media-text.has-white-color::before, 
	.has-media-on-the-right::before {
		display:none;
	}

	#mobile-menu + div {
		display:flex;
		position:absolute;
		top: 90px;
		width:100%;
		background: #fff;
		flex-direction:column;
		align-items:center;
		opacity:0;
		pointer-events:none;
		transition:opacity .5s ease;
	}

		#mobile-menu.active + div {
			opacity:1;
			pointer-events:auto;
		}

	header > div .wp-block-button__link {
		margin:15px 0;
	}

	header > div a {
		margin:0;
	}

	h1 {
		font-size:2.75rem;
		line-height:1.2;
		text-align:center;
		height:225px;
	}

	h2 {
		font-size:2.1rem;
		line-height:normal;
		margin-bottom:15px;
	}

	.wp-block-media-text {
		padding:0 0 1em;
		margin-bottom:50px;
	}

	.wp-block-media-text__media img {
		max-width:100%;
		height:auto;
		position:relative !important;
		margin:0 0 1em !important;
		top:0 !important;
	}

	.wp-block-group {
		max-width:100%;
		padding:40px 0;
		margin-bottom:50px;
	}

	footer {
		padding:40px 0;
	}

	footer > div {
		flex-direction:column;
		padding:0 20px;
	}

	footer form {
		margin-bottom:40px;
	}

	input, textarea {
		width:100%;
	}
}