/**
 * Theme Name:          Mai Law Pro
 * Theme URI............https://maitheme.com
 * Description:         Mai Law Pro is a custom child theme for The Genesis Framework.
 * Author:              Mike Hemberger, BizBudding Inc
 * Author URI:          https://bizbudding.com/
 * Version:             1.3.0
 *
 * Template:            genesis
 *
 * License:             GPL-2.0+
 * License URI:         http://www.opensource.org/licenses/gpl-license.php
 */


/* Table of Contents

	- Defaults
	- Media Queries (mobile-first)
	- Media Queries (mobile-second)

*/


/* # Defaults
---------------------------------------------------------------------------------------------------- */

body {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
}

h1,
.banner-title,
.heading,
.widget-title,
.widgettitle {
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	letter-spacing: 1px;
}

h2, h3, h4, h5, h6 {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
}

.heading {
	text-align: inherit;
}

.genesis-nav-menu a {
	font-weight: normal;
}

.site-header-row {
	align-items: flex-start;
}

.genesis-nav-menu .menu-item {
	margin-bottom: 10px;
}

.main-menu-right {
    border-left: 1px #ffe9c7 solid !important;
}

li#menu-item-37271 {
	display: none;
}

li#menu-item-36088 a {
	margin-right: 30px;
}

#gtranslate_selector {
	max-width: 47px;
	visibility: hidden;
}

.translate-selector-and-mai-menu-holder {
	display: flex;
}

.translate-selector {
	cursor: pointer;
	font-size: 24px;
	line-height: 49px;
	margin: 0 12px;
	position: relative;
}

.translate-selector-mobile {
	font-size: 26px;
	line-height: 50px;
	margin: 4px 6px;
}

.translate-selector-choices {
	background-color: white;
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
	-webkit-box-shadow: 10px 10px 40px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 10px 10px 40px 0px rgba(0,0,0,0.1);
    box-shadow: 10px 10px 40px 0px rgba(0,0,0,0.1);
	display: none;
	flex-direction: column;
	font-size: 16px;
    line-height: 20px;
	max-height: 67vh;
	overflow-y: scroll;
	padding: 7px;
	position: absolute;
	text-align: left;
	z-index: 100;
}

.translate-selector-choices-choice {
	cursor: pointer;
	min-height: 30px;
	padding: 5px 7px;
	white-space: nowrap;
}

.translate-selector-choices-choice:hover {
	background-color: #FF9900;
}

.translate-selector-choices-choice.selected {
	background-color: #02BB6E;
}

.translate-selector-choices-choice-info img {
	height: auto;
	width: 20px;
}

.translate-selector-and-mai-menu-holder .popupaoc-image-popup {
	margin: 2px 0;
	padding: 12px 0 6px;
}

.translate-selector-and-mai-menu-holder .popupaoc-image-popup .popupaoc-img {
    width: 25px;
}

.site-header .popupaoc-image-popup .popupaoc-img {
    width: 27px;
}


.page-menu p {border-bottom: 2px solid #0BEED3; margin-bottom: 0px; padding-top: 12px; padding-bottom: 12px;}

.page-menu p a {text-transform: uppercase; box-shadow: none;}

.external-menu p {border-bottom: 2px solid #ff1744; margin-bottom: 0px; padding-top: 12px; padding-bottom: 12px;}

.external-menu p a {text-transform: uppercase; box-shadow: none;}

a > h2,h3,p {text-decoration: none!important;}

/* # Media Queries (mobile-first)
---------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 545px) {
	.red-background {background: url(https://friendsoftheearth.eu/wp-content/uploads/2020/11/red-background-mobile.png) no-repeat; background-size: contain;}
	h1.banner-title {font-size: 30px; color: #101010;}
	h2,h3 {font-size: 20px; line-height: 24px;}
.spacing-right {padding-right: 0px;}
}

@media only screen and (min-width: 769px) {
	.red-background {background: url(https://friendsoftheearth.eu/wp-content/uploads/2020/10/icons-strip.png) no-repeat; background-size: contain;}
	h1.banner-title {font-size: 65px; color: #101010;}
	h2 {font-size: 45px; line-height: 50px;}
	h3 {font-size: 30px; line-height: 35px;}
	div.footer-menu1 {width: 33%; float: left;}
div.footer-menu2 {width: 33%; float: left;}
div.footer-menu3 {width: 34%; float: left;}
	div.site-inner > img.featured {border-radius: 15px; margin-top: -65px; position: relative;}
	div.footer-white-background {width: 30%; float: left;}
	div.footer-image1 {width: 40%;}
	div.footer-blue-background {background: url(https://friendsoftheearth.eu/wp-content/uploads/2020/10/blue-header.png) no-repeat; background-size: cover; border-radius: 10px; width: 70%; float: left; color: white; padding: 75px 25px 75px 50px;}
}

@media only screen and (min-width: 993px) {
	.red-background {background: url(https://friendsoftheearth.eu/wp-content/uploads/2020/10/icons-strip.png) no-repeat; background-size: contain;}
	h1.banner-title {font-size: 65px; color: #101010;}
	h2 {font-size: 45px; line-height: 50px;}
	h3 {font-size: 30px; line-height: 35px;}
	.orange-background {background: url(https://friendsoftheearth.eu/wp-content/uploads/2020/10/bigger-header-orange.png) no-repeat; background-size: contain;}
	.red-background {background: url(https://friendsoftheearth.eu/wp-content/uploads/2020/10/icons-strip.png) no-repeat; background-size: contain;}
	.green-background {background: url(https://friendsoftheearth.eu/wp-content/uploads/2020/10/green-background.png) no-repeat; background-size: contain; position: relative;}
.blue-background {background: url(https://friendsoftheearth.eu/wp-content/uploads/2020/10/blue-header.png) no-repeat; background-size: contain;}
	.translate-selector-and-mai-menu-holder { display: none; }
	.translate-selector-mobile { display: none; }
}

@media only screen and (min-width: 1160px) {
	.red-background {background: url(https://friendsoftheearth.eu/wp-content/uploads/2020/10/icons-strip.png) no-repeat; background-size: contain;}
	h1.banner-title {font-size: 65px; color: #101010;}
	h2 {font-size: 45px; line-height: 50px;}
	h3 {font-size: 30px; line-height: 35px;}
}

@media only screen and (min-width: 1281px) {
		.heading {font-size: 65px;}
h2.heading {font-size: 45px; line-height: 50px;}
h3 {font-size: 30px; line-height: 36px;}
.related-content img.wp-post-image {height: auto; width: 150px; border-radius: 10px 0 0 10px; min-height: 180px; object-fit: cover;}
.related-content a.entry-image-link {margin: 0 10px 0 0!important;}
}

/* # Media Queries (mobile-second)
---------------------------------------------------------------------------------------------------- */


@media only screen and (max-width: 1368px) {
	.nav-header a { padding: 2px 8px; }
	
	li#menu-item-9707 a {
		margin-right: 12px !important;
	}
	li#menu-item-36088 a {
		margin-left: 12px !important;
		margin-right: 12px;
	}

	.translate-selector-choices {
		right: 0;
	}
}

@media only screen and (max-width: 1280px) {
	.site-container.boxed .site-header.stuck {
		max-width: 1024px;
	}
	.orange-background {background: url(https://friendsoftheearth.eu/wp-content/uploads/2020/10/bigger-header-orange.png) no-repeat; background-size: contain;}
	.site-container.boxed {max-width: 1024px; margin: 0 auto;}
.heading {font-size: 45px; line-height: 50px;}
h2.heading {font-size: 30px; line-height: 35px;}
h3 {font-size: 20px; line-height: 24px;}
.related-content img.wp-post-image {width: 100%; border-radius: 10px 10px 0 0; min-height: auto; padding-bottom: 10px;}
.related-content a.entry-image-link {margin: 0!important;}
}

@media only screen and (max-width: 1159px) {
	h1.banner-title {font-size: 65px; color: #101010;}
	h2 {font-size: 45px; line-height: 50px;}
	h3 {font-size: 30px; line-height: 35px;}
	#custom_html-4 {display: none;}

}

@media only screen and (max-width: 992px) {
	h1.banner-title {font-size: 65px; color: #101010;}
	h2 {font-size: 45px; line-height: 50px;}
	h3 {font-size: 30px; line-height: 35px;}
	
	.header-before, .header-left, .header-right, .nav-primary, .nav-secondary { display: none; }
	.mai-toggle { display: block; }
	.translate-selector-desktop { display: none; }
	.orange-background {background: url(https://friendsoftheearth.eu/wp-content/uploads/2020/10/bigger-header-orange.png) no-repeat; background-size: contain;}
	.we-think-youd-also-like {display: none;}
}

@media only screen and (max-width: 768px) {
	.title-area { margin-top: 10px; }
	h1.banner-title {font-size: 30px; color: #101010;}
	h2,h3 {font-size: 20px; line-height: 24px;}
		.green-background {background: url(https://friendsoftheearth.eu/wp-content/uploads/2020/11/green-header-mobile.png) no-repeat; background-size: cover; position: relative;}
.blue-background {background: url(https://friendsoftheearth.eu/wp-content/uploads/2020/11/blue-background-mobile.png) no-repeat; background-size: contain;}
.red-background {background-color: #ff1744!important; background-size: contain;}
.orange-background {background: url(https://friendsoftheearth.eu/wp-content/uploads/2020/11/orange-background-mobile.png) no-repeat; background-size: contain;}
	div.footer-menu1 {width: 100%; margin-bottom: 25px;}
	div.footer-menu2 {width: 100%; margin-bottom: 25px;}
	div.footer-menu3 {width: 100%;}
	div.site-inner > img.featured {border-radius: 15px; margin-top: -35px; position: relative;}
	div.footer-white-background {width: 100%;}
	div.footer-blue-background {width: 100%;}
	div.footer-image1 {width: 25%;}
	div.footer-blue-background {background: url(https://friendsoftheearth.eu/wp-content/uploads/2020/10/blue-header.png) no-repeat; background-size: cover; border-radius: 10px; width: 100%; float: left; color: white; padding: 75px 25px 75px 50px;}
}

@media only screen and (max-width: 544px) {
	h1.banner-title {font-size: 30px; color: #101010;}
	h2,h3 {font-size: 20px; line-height: 24px;}
	.green-background {background: url(https://friendsoftheearth.eu/wp-content/uploads/2020/11/green-header-mobile.png) no-repeat; background-size: cover; position: relative;}
.blue-background {background: url(https://friendsoftheearth.eu/wp-content/uploads/2020/11/blue-background-mobile.png) no-repeat; background-size: contain;}
.red-background {background-color: #ff1744!important; background-size: contain;}
.orange-background {background: url(https://friendsoftheearth.eu/wp-content/uploads/2020/11/orange-background-mobile.png) no-repeat; background-size: contain;}
	.sidebar {display: none!important;}
.spacing-right {padding-right: 50px;}
	.section {margin-bottom: 64px!important}
}