/**
 * Theme Name:          Mai Law Pro
 * 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.0.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;
}


/* # My Styles
---------------------------------------------------------------------------------------------------- */

/* ----------------------- # Header # ----------------------- */

.site-header {
	border-bottom: none;
	background-color: transparent
}

.site-header .wrap {
	margin-bottom: 0;
	margin-top: 0;
}

/*.home .site-header .nav-widget {
	position: absolute;
	z-index: 9;
	background-color: transparent !important;
}*/


/* ----------------------- # Site Inner # ----------------------- */

.single-store_dir_ltg .site-inner {
	padding: 20px;
}

/*.single-store_dir_ltg .site-inner .drts-gutter-md {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}*/

.drts-content .store-title {
    line-height: 1;
}


/* ----------------------- # Footer # ----------------------- */

.site-footer {
    background-color: #2b426f;
    border-top: none;
    padding-bottom: 0;
    padding-top: 0;
}


/* ----------------------- # Forminator # ----------------------- */

.forminator-button {
	background-color: #e4b66d !important;
	border-radius: 5px !important;
}

.forminator-button:hover {
	opacity: 0.75;
}


/* ----------------------- # Directory # ----------------------- */

.store-title {
	font-size: 3rem;
	font-weight: bold;
}

.directory-listing-photos {
	
}

.drts-view-post-entities .drts-display-default-summary {
    border: none !important;
}

.drts-display-element-with-background {
    background-size: contain !important;
}

.drts-display-element+.drts-display-element-overlay {
	display: none;
	visibility: hidden;
}

.drts-view-entities-masonry .dw-panel {
    padding: 15px !important;
}

.drts-form-wrap .drts-search-keyword-text {
	padding-left: 35px !important;
}

.drts-search-form-field .drts-search-form-submit {
    background-color: #a10002 !important;
    border-color: #a10002 !important;
}

.drts-search-form-field .drts-search-form-submit:hover {
    background-color: #000 !important;
    border-color: #000 !important;
}

.store-title {
    line-height: 1;
}


/* ----------------------- # Grid # ----------------------- */

.six-column-grid .elementor-widget-wrap {
	display: grid !important;
	grid-template-columns: repeat(5, 1fr);
	grid-column-gap: 30px;
    grid-row-gap: 30px;
}

@media only screen and (max-width: 768px) {
	
	.six-column-grid .elementor-widget-wrap {
		grid-template-columns: repeat(3, 1fr);
	}
	
}

@media only screen and (max-width: 544px) {
	
	.six-column-grid .elementor-widget-wrap {
		grid-template-columns: repeat(2, 1fr);
	}
	
}


/* ----------------------- # Smart Slider # ----------------------- */

.n2-section-smartslider .n2-ss-slide {
	background-color: transparent !important;
}


/* ----------------------- # Ticker # ----------------------- */

.ticker-widget .mtphr-dnt-tick-contents {
	color: red;
	font-weight: 500;
	font-size: 1.3rem;
	
}


/* # 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) {}

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