/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


.yellow-border{
  border: 4px solid #FFE617 !important;
}

.blue-border{
  border: 4px solid #0070f5 !important;
}


/* CSS for the modal */
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.4);
}

.modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 50%;
  border-radius: 5px;
}

.close, .closePayTomorrow {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.copy-container {
  display: flex;
  align-items: center;
}

.copy-container input {
  flex: 1;
  margin-right: 10px; /* Adjust spacing between input and button */
}

.coupon-not-found{
	color: white;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
	margin: 0 auto;
}

button#copyLinkBtn {
    background: #FFE512;
    color: #000 !important;
    border: 1px solid #000 !important;
}

.error{
	color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
	display:block !important;
}	

.hidden{
	display:none !important;
}



@media print {
    /* Define the style for printing */
    body * {
        visibility: hidden;
    }
	
	.top-header,
	.header-nav,
	.m-0,
	.sidebar,
	.coupon-location,
	.heading-separator,
	.separator-automotive-service,
	.page-banner,
	.coupons-offers-section,
	.print-all,
	.footer-list-hover,
	.copyright {
		display: none;
	}
	
    .printable .print_button button {
        visibility: hidden;
    }

    .printable, .printable * {
        visibility: visible;
    }

    .noprint{
        display: none;
    }
	
	.show-coupon-container .header {
        background-color: #FFE713 !important;
        -webkit-print-color-adjust: exact; /* For better color rendering in some browsers */
        color-adjust: exact; /* Standard property */
    }
	
	 .show-coupon-container .header::after {
        content: '';
        width: 100%;
        max-width: 535px;
        height: 6px;
        background: black;
        position: absolute;
        top: 50px;
        left: 112px;
        display: block;
    }

    /* Adjust page layout for printing */
    @page {
        size: auto; /* Let the browser choose the paper size */
        margin: 0; /* No margin */
    }
    html, body {
        width: 100%; /* Ensure full width */
        overflow: hidden; /* Hide any overflow content */
    }
	
	.coupon-with-headings .footer {
    background: #0070F5 !important;
    -webkit-print-color-adjust: exact;
}
	.sidebar {
		display: none !important;
	}
	
}


.suggestions {
/*     border: 1px solid #ccc; */
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    background: #fff;
    width: 100%;
    z-index: 1000;
/*     min-width: 426px; */
}

.suggestion-item {
    padding: 7px 7px 7px 30px;
    cursor: pointer;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    position: relative;
}

.suggestion-item:hover {
	background: #f0f0f0;
}

.suggestion-item:before {
    content: '';
    background-image: url(/wp-content/uploads/2024/03/map-icon.svg);
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    position: absolute;
    top: calc(50% - 7px);
    left: 15px;
}

div#suggestions-zip-city-state {
    top: 84px;
    max-width: 480px;
}