/*
Theme Name: Twenty Twenty Child
Text Domain: twentytwenty-child
Version: 1.0
Template: twentytwenty
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2021 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks.
Author: the Loba team
Author URI: https://loba.pt/
Theme URI: https://loba.pt/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/
@font-face {
	font-family: 'Inter';
	src: url('assets/fonts/Inter-Black.eot');
	src: url('assets/fonts/Inter-Black.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/Inter-Black.woff2') format('woff2'),
	url('assets/fonts/Inter-Black.woff') format('woff'),
	url('assets/fonts/Inter-Black.ttf') format('truetype'),
	url('assets/fonts/Inter-Black.svg#Inter-Black') format('svg');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('assets/fonts/Inter-Regular.eot');
	src: url('assets/fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/Inter-Regular.woff2') format('woff2'),
	url('assets/fonts/Inter-Regular.woff') format('woff'),
	url('assets/fonts/Inter-Regular.ttf') format('truetype'),
	url('assets/fonts/Inter-Regular.svg#Inter-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('assets/fonts/Inter-Medium.eot');
	src: url('assets/fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/Inter-Medium.woff2') format('woff2'),
	url('assets/fonts/Inter-Medium.woff') format('woff'),
	url('assets/fonts/Inter-Medium.ttf') format('truetype'),
	url('assets/fonts/Inter-Medium.svg#Inter-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('assets/fonts/Inter-ExtraBold.eot');
	src: url('assets/fonts/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/Inter-ExtraBold.woff2') format('woff2'),
	url('assets/fonts/Inter-ExtraBold.woff') format('woff'),
	url('assets/fonts/Inter-ExtraBold.ttf') format('truetype'),
	url('assets/fonts/Inter-ExtraBold.svg#Inter-ExtraBold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('assets/fonts/Inter-Bold.eot');
	src: url('assets/fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/Inter-Bold.woff2') format('woff2'),
	url('assets/fonts/Inter-Bold.woff') format('woff'),
	url('assets/fonts/Inter-Bold.ttf') format('truetype'),
	url('assets/fonts/Inter-Bold.svg#Inter-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('assets/fonts/Inter-ExtraLight.eot');
	src: url('assets/fonts/Inter-ExtraLight.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/Inter-ExtraLight.woff2') format('woff2'),
	url('assets/fonts/Inter-ExtraLight.woff') format('woff'),
	url('assets/fonts/Inter-ExtraLight.ttf') format('truetype'),
	url('assets/fonts/Inter-ExtraLight.svg#Inter-ExtraLight') format('svg');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('assets/fonts/Inter-SemiBold.eot');
	src: url('assets/fonts/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/Inter-SemiBold.woff2') format('woff2'),
	url('assets/fonts/Inter-SemiBold.woff') format('woff'),
	url('assets/fonts/Inter-SemiBold.ttf') format('truetype'),
	url('assets/fonts/Inter-SemiBold.svg#Inter-SemiBold') format('svg');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('assets/fonts/Inter-Light.eot');
	src: url('assets/fonts/Inter-Light.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/Inter-Light.woff2') format('woff2'),
	url('assets/fonts/Inter-Light.woff') format('woff'),
	url('assets/fonts/Inter-Light.ttf') format('truetype'),
	url('assets/fonts/Inter-Light.svg#Inter-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('assets/fonts/Inter-Thin.eot');
	src: url('assets/fonts/Inter-Thin.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/Inter-Thin.woff2') format('woff2'),
	url('assets/fonts/Inter-Thin.woff') format('woff'),
	url('assets/fonts/Inter-Thin.ttf') format('truetype'),
	url('assets/fonts/Inter-Thin.svg#Inter-Thin') format('svg');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

html body {
	font-family: 'Inter' !important;
	background-color: #ffffff;
}

h4.st-post-title a {
	color: #ffffff;
}
h4.st-post-title:hover a {
	color: #fec544;
}
.wpcf7-not-valid-tip {
	color: #fec544;
}
/* 17.06.2021  */
.st-nav .st-nav-list a {
	color: #a9adb8;
}
.st-site-header.st-style1 {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.st-sticky-header.st-sticky-active {
	-webkit-box-shadow: 0 10px 10px -10px rgb(7 13 27 / 10%);
	box-shadow: 0 10px 10px -10px rgb(7 13 27 / 10%);
}
.st-nav .st-nav-list > li {
	margin-right: 26px;
}
.st-nav .st-nav-list > li > a {
	padding: 0;
	font-size: 16px;
	display: inline-block;
	color: #e6e6e6;
	text-transform: uppercase;
	font-family: 'Inter';
	font-weight: 400;
	text-transform: capitalize;
}
/* 18.06.2021 */
.header_custom {
	padding: 30px 0 30px 0;
}
.st-nav .st-nav-list > li > a.active, .st-nav .st-nav-list > li > a:hover {
	color: #4a93bd;
}
.st-style1 .header_custom .st-main-header-in {
	justify-content: flex-start;
	align-items: flex-start;
}
.header_custom .st-main-header-right {
	padding-left: 150px;
}
.st-hero.st-style1 .st-hero-text h4 {
	font-family: 'Inter';
	font-weight: 400;
}
.st-hero.st-style1 .st-hero-text h2 {
	line-height: 66px;
	font-family: 'Inter';
}
.st-btn.st-style1.st-color1 {
	font-family: 'Inter';
	font-weight: 400;
}
.st-hero-wrap {
	height: auto;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: cover;
}
.st-hero.st-style1 {
	height: 800px;
}
.st-text-block.st-style1 .st-text-block-text p strong {
	font-family: 'Inter';
	font-weight: 700;
	font-size: 30px;
	line-height: 43px;
	color: #868686;
}
.st-text-block.st-style1 .st-text-block-text p {
	margin-bottom: 0;
	font-size: 18px;
	line-height: 43px;
	font-family: 'Inter';
	color: #868686;
}
.benefits_Sec .col-lg-4 {
	display: flex;
	margin-bottom: 30px;
}
.benefits_Sec .st-iconbox-text p {
	margin: 0;
}
.benefits_Sec .st-iconbox.st-style1 {
	padding: 50px 30px 30px 30px;
}
.benefits_Sec .row {
	justify-content: center;
}
#portfolio {
	padding: 60px 0;
}
.entities_sec {
	padding: 40px 0 100px 0;
}
.st-post-single.st-style1 img {
	filter: grayscale(1);
}
.st-post-single.st-style1:hover img {
	filter: grayscale(0);
}
.st-style1 .st-post-title a {
	line-height: 24px;
	display: inline-block;
	min-height: 75px;
}
.st-post-content {
	font-size: 16px;
	line-height: 24px;
	font-family: 'Inter';
	color: #868686;
	font-weight: 400;
	margin: 0 0 5px 0;
}
a.st-post-link {
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	font-family: 'Inter';
	text-decoration: UNDERLINE;
}
.blog_sec {
	padding: 0 0 30px 0;
}
.contact_sec .st-section-heading.st-style1 {
	margin: 0 0 60px 0;
}
.st-single-contact-info a {
	font-size: 14px;
	color: #868686;
	line-height: 24px;
	font-weight: bold;
	font-family: 'Inter';
}
.st-contact-title {
	margin-bottom: 40px;
}
.st-single-info-details a {
	font-size: 14px;
	line-height: 24px;
	color: #868686;
	font-weight: bold;
	font-family: 'Inter';
	text-decoration: underline;
}
.st-address p {
	margin: 0;
	font-size: 14px;
	line-height: 24px;
	color: #868686;
}
.st-single-info-details a:hover {
	color: #4a93bd;
}
.contact_sec .container {
	max-width: 750px;
}
.footer_sidebar2 {
	display: flex;
	justify-content: space-between;
	border-top: solid 2px #d5d5d5;
	padding: 25px 0;
}
.menu-footer-menu-container ul.menu {
	padding: 0;
	list-style: none;
	margin: 0;
	display: flex;
}
.menu-footer-menu-container ul.menu li.menu-item {
	margin: 0 40px 0 0;
}
.menu-footer-menu-container ul.menu li.menu-item:last-child {
	margin: 0;
}
.menu-footer-menu-container ul.menu li.menu-item a {
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	color: #868686;
}
.footer_sidebar2 .widget_media_image {
	max-width: 320px;
}
.st-btn.st-style1:hover, .st-btn.st-style2:hover {
	-webkit-box-shadow: 0px 5px 10px 0px rgb(74 147 189 / 30%);
	box-shadow: 0px 5px 10px 0px rgb(74 147 189 / 30%);
}
.share_buttons {
	margin: 0 0 50px 0;
}
.video_modal iframe {
	height: 500px !important;
	width: 100% !important;
}
.video_modal span.close {
	position: absolute;
	right: 0;
	top: -40px;
	color: #ffffff;
	opacity: 1;
}
html.modal_open {
	overflow-y: hidden;
}

/* The Modal (background) */
.modal {
	display: none;
	position: fixed;
	z-index: 999999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.7);
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: 90px auto 60px auto;
	padding: 20px;
	border: 1px solid #888;
	width: 100%;
	max-width: 930px;
}

/* The Close Button */
.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.post-content h2 {
    font-size: 18pt !important;
    color: #848484;
}

header.st-site-header.st-style1.st-sticky-header.policy-template {
	background-color: #070d1b;
}

/* Media Queries Start */
@media screen and ( max-width: 1199px ) {
	.menu-footer-menu-container ul.menu li.menu-item {
		margin: 0 15px 0 0;
	}
	.menu-footer-menu-container ul.menu li.menu-item a {
		font-size: 13px;
	}
}
@media screen and ( max-width: 991px ) {
	.footer_sidebar2 {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.footer_sidebar2 .widget_nav_menu {
		margin: 0 0 20px 0;
	}
	.entities_sec .logo-image a {
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	.header_custom .st-main-header-right {
		padding-left: 0;
	}
	.st-style1 .header_custom .st-main-header-in {
		justify-content: space-between;
	}
	a.st-site-branding {
		display: inline-block;
		max-width: 120px;
	}
	.st-munu-toggle {
		margin: 0 0;
	}
	.st-site-header.st-style1 .st-main-header-in {
		height: auto;
	}
	.st-nav .st-nav-list {
		padding: 0 20px 20px 20px;
	}
}
@media screen and ( max-width: 768px ) {
	.menu-footer-menu-container ul.menu {
		flex-wrap: wrap;
		justify-content: center;
	}
	.menu-footer-menu-container ul.menu li.menu-item a {
		line-height: 18px;
	}
	.menu-footer-menu-container ul.menu li.menu-item {
		margin: 0 0 20px 0;
		text-align: center;
		flex: 0 0 33.3333%;
	}
	.benefits_Sec .st-iconbox.st-style1 {
		width: 100%;
	}
	.st-hero.st-style1 .st-hero-text h2 {
		font-size: 40px;
	}
}
@media screen and ( max-width: 641px ) {
	.st-hero.st-style1 .st-hero-text h2 br {
		display: none;
	}
	.st-hero.st-style1 .st-hero-text h2 {
		font-size: 30px;
		line-height: 45px;
		margin: 0 0 20px 0;
	}
	.st-hero.st-style1 {
		height: 600px;
	}
	.st-hero.st-style1 .st-hero-text h4 {
		font-size: 20px;
	}
	.st-text-block.st-style1 .st-text-block-text p strong {
		font-size: 20px;
		line-height: 28px;
	}
	.st-text-block.st-style1 .st-text-block-text p {
		font-size: 16px;
		line-height: 30px;
	}
	.menu-footer-menu-container ul.menu li.menu-item {
		margin: 0 0 15px 0;
		flex: 0 0 50%;
	}
	.st-nav .st-nav-list > li > a {
		padding: 5px 0;
		font-size: 14px;
	}
	.text h3 {
		font-size: 18px;
	}
	.st-hero-btn {
		line-height: 0;
		margin: 20px 0 50px 0;
	}
}


@media screen and (max-width: 767px) {
  .footer_sidebar2 {
      flex-wrap: wrap;
      justify-content: space-between;
      width: 100%;
      display: flex;
  }

	.footer_sidebar2 #menu-footer-menu {
    margin: 0;
    padding: 0;
    display: inline-block;
	}

  .footer_sidebar2 .widget_nav_menu {
      max-width: 23%;
      flex: 0 0 23%;
  }

  .footer_sidebar2 .widget:nth-child(2) {
      flex: 0 0 50%;
      max-width: 50%;
  }

  .footer_sidebar2 .widget_media_image {
      max-width: 30%;
      flex: 0 0 12%;
  }
}