/**
 * 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;
}
a, .entry-content a{
	color: #333;
	text-decoration: none;
	transition: 500ms;
}
a:hover, .entry-content a:hover{
	color: #0069c7;
}

.heading {
	text-align: inherit;
}

.genesis-nav-menu a {
	font-weight: normal;
}
header.site-header .row .col{
	margin-bottom: 0;
}
main.content{
	margin-bottom: 0;
}

/* ================ landing page styles ===================== */
.social-items a{
	color: #333;
	font-size: 1.2em;
	font-weight: 400;
	margin: 0 8px;
}
.social-items a:hover{
	color: #0069c7;
}
.social-items i{
	margin-right: 4px;
}


.col{
	margin: 0 0 14px;
}
.col-2 .col{
	width: 50%;
	padding: 0 8px;
}
.col-3 .col{
	width: 33.33%;
	padding: 0 8px;
}

.align-center-y{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.btn-container{
	display: flex;
	max-width: max-content;
}
.btn-container.center-btn{
	margin: 0 auto;
}
.btn-container .btn, .btn-form input[type="submit"]{
	color: #fff;
	font-size: 1.2em;
	font-weight: 600;
	text-decoration: none;
	background: #0069c7;
	border: 1px solid #0069c7;
	padding: 10px 20px;
	transition: 500ms;
}
.btn-container .btn:hover, .btn-form input[type="submit"]:hover{
	color: #333;
	background: #fff;
}

.file-container input, .file-container textarea{
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 6px;
	border-radius: 4px;
	padding: 8px 10px;
}
.file-container textarea{
	max-height: 180px;
	resize: none;
}
.btn-form input[type="submit"]{
	padding: 14px 28px;
}

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

@media only screen and (min-width: 545px) {}

@media only screen and (min-width: 769px) {}

@media only screen and (min-width: 993px) {}

@media only screen and (min-width: 1160px) {}

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

@media only screen and (max-width: 1159px) {}

@media only screen and (max-width: 992px) {}

@media only screen and (max-width: 768px) {
	div.header-before{
		display: block;
	}
	header.site-header .row{
		justify-content: center;
	}
	
	.col-2 .col{width: 100%;}
	.row.col-3{justify-content: center;}
	.col-3 .col{width: 50%;}
}

@media only screen and (max-width: 544px){
	.social-items a{font-size: .95em;}
	.col-3 .col{width: 100%;}
	
	.form-section .btn-container{
		margin: 0 auto;
		min-width: 100%;
	}
	.form-section .btn-container p{
		display: flex;
		width: 100%;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.btn-form input[type="submit"]{
		width: 100%;
		margin-bottom: 10px;
	}
}