/*
Theme Name: Mirabito
Description: Warm Thoughts Theme
Version: 2.0
Template Author: Josh Hong
Site Author: Jake Woodbury
*/


/* Root
====================================*/
:root {
	--default: #000000; /*black*/
	--primo:  #0d8a52; /*green*/
	--secondo: #d32e35; /*red*/
	--terzo: ;
	--quarto: ;
	--ffamily: "Open Sans", sans-serif;
}


/* Global Styles
====================================*/

html, body {
	overflow-x: hidden;
}

body {
	color: var(--default);
	font-family: var(--ffamily);
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	margin-bottom: 1rem;
	font-family: "Bungee", sans-serif;
}
h1, .h1 {
	color: var(--secondo);
	font-size: 48px;
	line-height: 54px;
	font-weight: 500;
}
h2, .h2 {
	color: var(--primo);
	font-size: 40px;
	line-height: 42px;
	font-weight: 500;
}
h3, .h3 {
	color: var(--secondo);
	font-size: 28px;
	line-height: 34px;
	font-weight: 500;
}
h4, .h4 {
	color: var(--secondo);
	font-size: 22px;
	font-weight: 500;
}
h5, .h5 {
	color: var(--primo);
	font-size: 20px;
	font-weight: 700;
}
a {
	color: inherit;
	text-decoration: none;
}
img {
	max-width: 100%;
	height: auto;
}
hr {
	border-top: 2px solid var(--primo);
	margin-top: 0;
}
mark {
	padding: 0;
}
ul li,
ol li {
	padding: 0.5rem 0;
}

blockquote {
	border-left: 5px solid var(--secondo);
	margin: 1rem 0;
	padding: 2rem 2rem 1rem 2rem;
	position: relative;
}
blockquote p {
	font-size: 18px;
	line-height: 26px;
	font-style: italic;
}
blockquote p:before {
	content: '\f10d';
	font-family: "FontAwesome";
	color: var(--primo);
	font-size: 7em;
	opacity: .2;
	position: absolute;
	margin-left: -20px;
}

.alignleft {
	float: left;
	margin: 0 2rem 2rem 0;
}
.alignright {
	float: right;
	margin: 0 0 2rem 2rem;
}
.aligncenter {
	display: block;
	margin: auto;
}

.small-text {
	font-size: 12px;
}
.med-text {
	font-size: 24px;
	line-height: 34px;
}
.large-text {
	font-size: 32px;
	line-height: 42px;
}
.super-large-text {
	font-size: 40px;
	line-height: 50px;
}
.bomb-large-text {
	font-size: 50px;
	line-height: 60px;
}
.extra-large-text {
	font-size: 60px;
	line-height: 70px;
}

.text-shadow {
	text-shadow: 1px 1px 3px #333;
}

.color-default { color: var(--default); }
.color-primo { color: var(--primo); }
.color-secondo { color: var(--secondo) !important; }
.color-terzo { color: var(--terzo); }
.color-quarto { color: var(--quarto); }
.black { color: #333; }
.gray {color: #dedede;}
.dark-gray{color: #54595b;}
.white, .white a { color: #fff !important;}

.bg-default { background-color: var(--default); }
.bg-primo { background-color: var(--primo); }
.bg-secondo { background-color: var(--secondo); }
.bg-terzo { background-color: var(--terzo); }
.bg-quarto { background-color: var(--quarto); }
.bg-gray { background-color: #dfdfdf; }
.bg-white { background-color: #fff; }


/* Image Overlay
==================*/

.img-overlay {
	position: relative;
}
[class^="img-overlay-"] {
	position: absolute;
}
.img-overlay-full {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.img-overlay-center {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.img-overlay-center-left {
	top: 50%;
	left: 10%;
	transform: translate(0%, -50%);
}
.img-overlay-center-right {
	top: 50%;
	right: 10%;
	transform: translate(0%, -50%);
}
.img-overlay-top-center {
	top: 0;
	left: 0;
	right: 0;
}
.img-overlay-top-left {
	top: 0;
	left: 10%;
}
.img-overlay-top-right {
	top: 0;
	right: 10%;
}
.img-overlay-bottom-center {mirab-grid-15
	bottom: 5%;
	left: 0;
	right: 0;
}
.img-overlay-bottom-left {
	bottom: 5%;
	left: 10%;
}
.img-overlay-bottom-right {
	bottom: 5%;
	right: 10%;
}

/* Buttons
==================*/

.btn {
	border: 4px solid #fff;
	border-radius: 12px;
	font-weight: 700;
	padding: 8px 20px 8px 20px;
	text-shadow: none;
	text-transform: uppercase;
	transition: 0.4s;
}
.btn-primo {
	background-color: var(--primo) !important;
	color: #fff !important;
}
.btn-primo:hover, .btn-primo:active, .btn-primo:focus {
	background-color: var(--primo) !important;
	color: #fff !important;
	border: 4px solid #fff;
}
.btn-secondo {
	background-color: var(--secondo) !important;;
	color: #fff !important;
}
.btn-secondo:hover, .btn-secondo:active, .btn-secondo:focus {
	background-color: var(--secondo) !important;;
	color: #fff !important;
	border: 4px solid #fff;
}
.btn-terzo {
	background-color: #fff;
	color: var(--secondo) !important;
}
.btn-terzo:hover, .btn-terzo:active, .btn-terzo:focus {
	background-color: #fff;
	color: #0d8a52 !important;
	border: 4px solid #fff;
}
.btn-quarto {
	background-color: #dfdfdf;
	color: var(--primo) !important;
	border-radius: 0px;
}
.btn-quarto:hover, .btn-quarto:active, .btn-quarto:focus {
	background-color: var(--primo);
	color: #fff !important;
	border: 4px solid #fff;
}


/* Zip Input
==================*/

.zipinput {
	border: 1px solid #585858;
	box-shadow: none;
	color: #585858;
	max-width: 180px;
	padding: 6px 10px;
	outline: none;
	text-align: center;
}
.zipinput::placeholder {
	color: #585858;
}


/* Breadcrumbs
====================================*/

.breadcrumbs a {
	color: #333 !important;
	text-decoration: none;
}
.breadcrumbs {
	color: #333;
}


/* Header
====================================*/

header a {
	text-decoration: none;
}
header .logo {
	margin: auto;
}


/* Content
====================================*/

.content a {
	color: #0033c4;
	font-weight:bold;
}
.content ul li {
	padding-left: 0.5rem;
}
.content ul li::marker {
	content: "\f14a";
	color: var(--primo);
	font: var(--fa-font-solid);
}

.content ul.bullet-marker li::marker {
	content: "\2022";
	color: var(--primo);
	font: inherit;
	font-weight: bold;
}
.content ul.marker-light li::marker {
	content: "\2022";
	color: #fff;
	font: inherit;
	font-weight: bold;
}

/* Footer
====================================*/

footer a {
	text-decoration: none;
}


/* Pagination
====================================*/

.pagination {
	margin: 3rem 0;
}
.page-numbers {
	border: 1px solid var(--secondo);
	padding: 5px 10px;
	text-decoration: none;
}


/* Post
====================================*/

.post {
	padding-bottom: 3rem;
}
.post h3 {
	margin: 1rem 0;
}
.post img {
	display: inline-block;
}



/* Responsive CSS
====================================*/

@media (width < 576px) {
	h1, .h1 {
		font-size: 32px;
		line-height: 42px;
	}
	h2, .h2 {
		font-size: 26px;
		line-height: 36px;
	}
	h3, .h3 {
		font-size: 22px;
		line-height: 30px;
	}
	.super-large-text {
		font-size: 36px;
		line-height: 46px;
	}
	.bomb-large-text {
		font-size: 40px;
		line-height: 50px;
	}
	.extra-large-text {
		font-size: 40px;
		line-height: 50px;
	}
}

@media (min-width: 576px) {
	.post img {
		float: right;
		margin-left: 1rem;
	}
}

@media (min-width: 768px) {
	.li-cols-2,
	.li-cols-3 {
		columns: 2;
		column-gap: 40px;
	}
}

@media (width < 992px) {
	.alignright, .alignleft {
		display: block;
		float: none;
		margin: 0 auto 1rem auto;
	}
}

@media (min-width: 1200px) {
	.li-cols-3 {
		columns: 3;
		column-gap: 40px;
	}
}


/* Custom Styles
====================================*/

.wpgmza-marker-listing-category-filter {
	/*margin-bottom:20px !important;*/
	background-color: var(--primo);
	color:#fff;
	padding:10px;
}
.wpgmza-marker-listing-category-filter span {
	margin-right:8px !important;
}
.wpgmza-marker-listing-category-filter div{
	height:auto !important;
}
.dataTables_wrapper {
	background-color:#fff;
	padding:20px;
}
ul .wpgmza_cat_checkbox_item_holder {
	display:inline-block !important;
	border:1px solid #fff;
	border-radius:5px;
	padding:5px;
	margin:3px;
	
}
.advertising img{
	border:1px solid #b1b1b1 !important;
}
.mirab-highlight-wrapper li {
	margin:auto !important;
	float:none;
	width:100% !important;
}

/*Mirabito Default*/
.zipfield {
	height:46px;
	border:0px;
	border-radius:12px;
	padding:5px;
	width:180px;
}
.bg-grey-gradient {
	background-image: url('images/bg-grey-gradient.jpg');
	background-position:top;
	background-repeat:repeat-x;
}
.bg-cream-fade {
	background-image: url('images/bg-cream-fade.png');
	background-repeat:repeat-x;
}
.bg-primo-logo {
	background-color: var(--primo);
	background-image: url('images/bg-logo.png');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}
.bg-secondo-logo {
	background-color: var(--secondo);
	background-image: url('images/bg-logo.png');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}
.bg-tile {
	background-image: url('images/bg-tile-normal.jpg');
	background-position: bottom;
    background-size: cover;
}
.bg-beans {
	background-color: var(--primo);
	background-image: url('images/bg-beans.png');
    background-size: cover;
}
.bg-car-wash {
	background-image: url('images/bg-car-wash.jpg');
	background-size:cover;
}
.bg-footer {
	background-color:#303030;
}
.bg-find-store{
	background-image: url('images/bg-find-store.png');
	background-repeat:no-repeat;
	background-position:center top;
}
.border-gray-bottom {
    border-bottom: 1px solid rgb(155, 155, 155);
}
.border-radius-12 {
	border-radius:12px;
}
.border-radius-12-top {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
.border-radius-12-bottom {
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

/*rewards table*/
.rewards-table{
    table-layout: fixed;
    width: 100%;
}
/*.rewards-table img{
    width:50%;
}
.rewards-table .ico{
	width:90px;
	height:90px;
}*/
.rewards-table th{
	text-align:center;
}
.rewards-table td{
	text-align:center;
	padding:10px;
}
.rewards-table td:first-child {
	text-align: left;
}
.rewards-table tr:nth-child(even){
	background-color:hsla(0,0%,93.7%,.6);
}
.rewards-table .fa-solid {
	font-size: 50px;
}
.rewards-table td:first-child,
.rewards-table th:first-child {
	width: 55% !important; /* Adjust as needed */
	white-space: normal;   /* Allows wrapping */
}
.rewards-table td,
.rewards-table th {
	width: auto; /* Helps redistribute the remaining columns */
}
.rewards-table .fa-solid {
    font-size: 30px;
}

/*Accordion*/
.accordion .accordion-item {
    border: none;
    border-bottom: none;
    border-radius: 0;
    background: transparent;
    width:98%;
}
.accordion .accordion-item h2{
    font-family: "Open Sans", sans-serif;
}
.accordion .accordion-button {
    background-color: var(--primo);        /* Mirabito green */
    color: #ffffff;
    font-weight: 600;
    font-size:20px;
    padding: .3rem 1rem;
    margin:10px;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.accordion .accordion-button:not(.collapsed) {
    background-color: #00843D;
    color: #ffffff;
    box-shadow: none;
}
.accordion .accordion-button:hover,
.accordion .accordion-button:focus {
    background-color: #026c33;
    color: #ffffff;
    box-shadow: none;
}
.accordion .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='red' viewBox='0 0 16 16'%3E%3Cpath fill='white' d='M1.5 5l6.5 6 6.5-6'/%3E%3C/svg%3E");
    transform: rotate(0deg);
}
.accordion .accordion-button:not(.collapsed)::after {
    transform: rotate(180deg);
}
.accordion .accordion-body {
    background: #ffffff;
    padding: 1rem;
    font-size: 1rem;
}



/*AD Rotate Plugin Style*/
.mirab-highlight-wrapper li{
	padding:10px !important;
}
.mirab-highlight-wrapper li img{
	box-shadow: 0px 0px 10px 0px #222;
}

/*STYLE FOR LOCATION SEARCH*/
.content .asl-wrapper ul li::marker{
	content:"" !important;
}
.asl-info-list {
	
}
.asl-info-list li {
	margin-bottom:0px !important;
}
.sl-logo-cont .sl-logo-box img {
	max-width:100% !important;
	max-height:100% !important;
}
.sl-logo-cont .sl-logo-box {
	margin-right:0px !important;
	margin-bottom:20px !important;
}
.wt-asl-icon {
	float: inline-start;
    line-height: inherit;
    padding-right: 8px;
   }
.content .wt-list-cats-title {
	padding-top:10px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
}
.sl-day {
	display:flex;
}
.sl-day .sl-day-lbl {
	padding-right:8px;
	font-weight:bold;
}
.asl-cont hr {
	border-top: 1px solid rgba(0, 0, 0, .9) !important;
}


/*LOGO CAROUSEL */
/* Darken the Bootstrap arrow icons */
#clientLogos .carousel-control-prev-icon,
#clientLogos .carousel-control-next-icon {
    filter: invert(1) brightness(0.2); /* makes them dark */
}

/* Position the controls outside the carousel */
#clientLogos .carousel-control-prev,
#clientLogos .carousel-control-next {
    width: auto;
    opacity: 1; /* keep visible */
}

#clientLogos .carousel-control-prev {
    left: -40px;   /* move to the left */
}

#clientLogos .carousel-control-next {
    right: -40px;  /* move to the right */
}

/* Optional: enlarge the arrows slightly */
#clientLogos .carousel-control-prev-icon,
#clientLogos .carousel-control-next-icon {
    width: 2.5rem;
    height: 2.5rem;
}


@media (width < 768px) {
	.top-nav .btn {
		border: 1px solid #aeaeae;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		width: 100%;
	}
}

@media (min-width: 768px) {
	.browsersedge {
		bottom: 20px;
		right: 0;
		position: fixed;
	}
	.browsersedge a {
		text-decoration: none;
	}
	
	.bottomfloat {
		bottom: 0;
		right: 50%;
		transform: translateX(50%);
		max-width:500px;
		position: fixed;
	}
	.bottomfloat a {
		text-decoration: none;
	}
	.rewards-table .ico {
		width: 90px; 
		height: 90px; 
	}
	.rewards-table img{
		width:50%;
	}
	.rewards-table .fa-solid {
		font-size: 50px;
	} 
}

@media (min-width: 1200px) {
	.carot-left:before {
		content: '\f0da';
		font-family: "FontAwesome";
		font-size:60px;
		color: #c1c1c1;
		margin-left:-8px;
		width: 40px;
	}
	.carot-left:after {
		content: '\f0da';
		font-family: "FontAwesome";
		font-size:60px;
		color: #c1c1c1;
		visibility:hidden;
		width: 32px;
	}

	.carot-right:after {
		content: '\f0d9';
		font-family: "FontAwesome";
		font-size:60px; 
		color: #c1c1c1;
		margin-right:-8px;
		width: 40px;
		display: flex;
        justify-content: end;
	}
	.carot-right:before {
		content: '\f0d9';
		font-family: "FontAwesome";
		font-size:60px;
		color: #c1c1c1;
		visibility:hidden;
		width: 32px;
	}
	.mirab-highlight-wrapper li {
        margin: 0 2% 3% 0 !important;
        float: left !important;
        width: 32% !important;
	}
	.mirab-highlight-wrapper li.last {
		margin-right: 0 !important;
	}
}

ol li::marker {
    font-weight: bold;
}

/* Custom Styles Responsive CSS
====================================*/

/*These styles will overwrite any CSS above. 
For normal use, there is no need to specify a Media Query for less then 576px as the CSS above will cover that.
There should not be much need of Media queries past these default bootstrap breakpoints unless the theme requires something unique.*/
@media (width > 576px) {}
@media (width > 768px) {}
@media (width > 992px) {}
@media (width > 1200px) {}
@media (width > 1400px) {}