/*
Theme Name: DealerPro.io
Theme URI: https://dealerpro.io/
Machine Name: dealerpro
Author: DealerPro.io
Author URI: https://dealerpro.io/
Description: Front-end theme for DealerPro.io, powered by Aduvio.
Version: 1.0
*/

/*
	DealerPro theme - base typography

	Titles default to Montserrat and body copy to Roboto. These are only the theme
	defaults: the fonts picked in Aduvio > Front-end settings > Typography are printed
	after this file (php/includes/css-from-settings.php) and override everything here.
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body {
	font-family: "Roboto", sans-serif;
}

/* All titles - the headings plus the title elements that are not headings */
h1,
h2,
h3,
h4,
h5,
h6,
.home-hero-title,
.home-hero-subtitle,
.site-footer-title,
.blog-post-title,
.blog-post-sub-title,
.result-title,
.form-section-title,
.panel-title,
.modal-title {
	font-family: "Montserrat", sans-serif;
}


#loi-25-overlay {
    position: fixed; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 9999; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}


/*Dark Google map
The maps.google.com embed accepts no styles parameter, so the dark theme is produced by
inverting the tiles and rotating the hue back to true colours. Set on the map container by
the page that owns it (Home Page > Map Style in the website settings)*/

.map-dark {
    background: #1b1f24;
}

.map-dark iframe {
    filter: invert(92%) hue-rotate(180deg) brightness(0.92) contrast(1.05) saturate(0.75);
    -webkit-filter: invert(92%) hue-rotate(180deg) brightness(0.92) contrast(1.05) saturate(0.75);
}