/* ==========================================================================
     Project:     Sunoco - Petro Taino 
     Date:        09/25/2025 - File created	
     Created by:  Third Wave Digital (www.thirdwavedigital.com)
========================================================================== */

:root {
	--grey: #E0E0E0;
	--blue: #263571;
	--light-blue : #384ea5;
}

/* ==========================================================================
     Main Layout
========================================================================== */ 
.container {max-width: 1280px; width: 100%;}

/* Cookie Banner */
.cookie-wrapper {position: fixed; bottom: 0px; left: 0px; right: 0px; margin: auto; width: 100%; color: var(--white); z-index: 9999;}
.cookie-wrapper .btn-sm{padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: 0rem;}
.cookie-privacy {font-size: .875rem;}
.cookie-choice a {font-size: .875rem;}
.cookie-choice .list-inline-item, .cookie-choice-expand .list-inline-item {margin-right: 0px !important;}
.cookie-choice-expand {height: 575px; max-height: 575px; font-size: .875rem;}
.cookie-choice-expand.show {overflow-y: auto; overflow-x: hidden;}
.btn-close-cookie {text-decoration: none;}
.form-check-input[disabled]~.form-check-label {color:var(--grey)}
.form-check-input {position: absolute;margin-top: .3rem !important;margin-left: -1.25rem !important;}

/* Btns */
.btn, .btn-white { border:none; text-decoration:none; border: none; border-radius: 0px; text-align:center; font-weight:700;  text-transform: uppercase; background:none; box-shadow: none;}

.btn-white {background:var(--white); color: var(--blue)}
	.btn-white:hover, .btn-white:focus, .btn-white.active {background:var(--light-blue); color: var(--white);}

.btn-link {padding: 0px; text-transform: uppercase; font-weight: 700; border-bottom: 2px solid var(--blue); text-align:left; padding-bottom: 5px; border-radius: 0px;}
	.btn-link:hover, .btn-link:focus {text-decoration: none;}

.btn-close-cookie:hover, .btn-close-cookie:focus {background-color: transparent; text-decoration: underline;}

/* Backgrounds */
.bg-blue {background: var(--blue)}

/* Bootstrap */
.d-none {display: none !important;}
.ml-0 {margin-left: 0rem;}
.mb-5 {margin-bottom: 3rem}
.list-unstyled	{list-style: none;}

.collapse:not(.show) {
    display: none !important;
}

/* ==========================================================================
     Media Queries
========================================================================== */

@media (min-width: 0px) {
	.cookie-wrapper .container {padding-left: 30px; padding-right: 30px;}
}


@media (min-width: 768px) {
	.cookie-wrapper .container {padding-left: 60px; padding-right: 60px;}
}