/* Airline Cleanliness CSS */
html {
	scroll-behavior: smooth;
}

/* Hide Horizontal Bar */
body { overflow-x: hidden; }

/* FONTS */
@font-face {
	font-family: 'SouthwestSans-Regular';
	src: url('https://espanol.swabiz.com/swa-resources/fonts/SouthwestSans-Regular.eot');
	src: url('https://espanol.swabiz.com/swa-resources/fonts/SouthwestSans-Regular.eot?#iefix') format('embedded-opentype'), url('https://espanol.swabiz.com/swa-resources/fonts/SouthwestSans-Regular.otf');
	font-display: swap;
}
@font-face {
	font-family: 'SouthwestSans-Bold';
	src: url('https://espanol.swabiz.com/swa-resources/fonts/SouthwestSans-Bold.eot');
	src: url('https://espanol.swabiz.com/swa-resources/fonts/SouthwestSans-Bold.eot?#iefix') format('embedded-opentype'), url('https://espanol.swabiz.com/swa-resources/fonts/SouthwestSans-Bold.otf');
	font-display: swap;
}
/* MAIN STYLES */
/* Tags */
#clean-container h1 {
	color: #304cb2;
	font-family: 'SouthwestSans-Bold', arial, sans-serif;
	font-size: 1.875rem;
	font-weight: normal;
	margin: 0 0 1rem 0;
}
#clean-container h2 {
	color: #304cb2;
	font-family: 'SouthwestSans-Bold', arial, sans-serif;
	font-size: 1.625rem;
	font-weight: normal;
	margin: 0 0 1rem 0;
}
#clean-container h3 {
	color: #111b40;
	font-family: 'SouthwestSans-Bold', arial, sans-serif;
	font-size: 1.125rem;
	font-weight: normal;
	margin: 0 0 1rem 0;
}
#clean-container h4 {
	color: #111b40;
	font-family: 'SouthwestSans-Bold', arial, sans-serif;
	font-size: 1.125rem;
	font-weight: normal;
	margin: 0 0 1rem 0;
}
#clean-container p {
	color: #111b40;
	font-family: 'SouthwestSans-Regular', arial, sans-serif;
	font-size: 1.125rem;
	font-weight: normal;
	margin: 0 0 1rem 0;
}
#clean-container p:last-child, #clean-container p:only-child {
	margin: 0;
}
#clean-container p.disclaimer {
	font-size: .75rem;
}
#clean-container ul {
	margin: 0 0 1rem 0;
	-webkit-padding-start: 1.25rem;
}
#clean-container li {
	color: #111b40;
	font-family: 'SouthwestSans-Regular', arial, sans-serif;
	font-size: 1.125rem;
	font-weight: normal;
}
#clean-container ol {
	counter-reset: item;
	-webkit-padding-start: 0;
}
#clean-container ol li {
	display: block;
}
#clean-container ol li:before {
	content: counter(item) ". ";
	counter-increment: item;
	font-family: 'SouthwestSans-Bold', arial, sans-serif;
	font-weight: normal;
}
#clean-container ul li ul {
	margin: 0;
}
#clean-container a {
	color: #304cb2;
}
#clean-container a.more-info-link::after {
	content: url('https://www.swabiz.com/swa-resources/images/responsive/airline-cleanliness-social-distance/icon-arrow-right.png');
	margin-left: .5rem;
	height: 11px;
	width: 6px;
}
#clean-container strong {
	font-family: 'SouthwestSans-Bold', arial, sans-serif;
	font-weight: normal;
}
#clean-container section {
	margin: 1rem 0;
	width: 100%
}
/* Buttons */
#clean-container a.btn-primary {
	background-color: #ffbf27;
	border-color: #fad101 #fad101 #d2af01 #fad101;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #111b40;
	font-family: 'SouthwestSans-Bold', arial, sans-serif;
	font-size: 1rem;
	font-weight: normal;
}
#clean-container a.btn-primary:hover {
	border-color: #111b40;
}
#clean-container a.btn-primary:active {
	-webkit-box-shadow: 0 2px #8f8f8f inset;
	box-shadow: 0 2px #8f8f8f inset;
}
#clean-container a.btn-secondary {
	background-color: #ffffff;
	border-color: #304cb2;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #304cb2;
	font-family: 'SouthwestSans-Bold', arial, sans-serif;
	font-size: 1rem;
	font-weight: normal;
}
#clean-container a.btn-secondary:hover {
	text-decoration: underline;
}
#clean-container a.btn-secondary:active {
	background-color: #304cb2;
	-webkit-box-shadow: 0 2px #1a2c80 inset;
	box-shadow: 0 2px #1a2c80 inset;
	color: #ffffff;
	text-decoration: none;
}
#clean-container a.btn-blue {
	background-color: #304cb2;
	border-color: #304cb2;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #ffffff;
	font-family: 'SouthwestSans-Bold', arial, sans-serif;
	font-size: 1rem;
	font-weight: normal;
}
#clean-container a.btn-blue:hover {
	border-color: #111b40;
}
#clean-container a.btn-blue:active {
	-webkit-box-shadow: 0 2px #111b40 inset;
	box-shadow: 0 2px #111b40 inset;
}
/* Header */
#promise-header {
    background-color: #1a2c80;
    color: #ffffff;
    height: auto;
    overflow: hidden;
    padding: 0.3rem 5rem 0.3rem 1rem;
    position: relative;
}

#promise-header h1{
    color: #ffffff;
    font-size: 1.875rem;
    font-family: 'SouthwestSans-Bold', arial, sans-serif;
    font-weight: normal;
    margin: 0;
	padding: 1rem 0;
}

#promise-header .swa-heart {
    position: absolute;
    top: 8px;
    right: -20px;
    height: 100px;
    z-index: 0;
}

#promise-header .brandbar {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1;
}


/* Clean Promise */
#clean-promise {
	background-color: #d7ecf8;
	padding: 1rem;
}
#clean-promise .embed-responsive {
	border: 1px solid #111b40;
}
/* Need to know */
#clean-need-to-know {
	padding: 1rem;
	background-color: #f5f5f5;
}
/* Need to do */
#clean-need-to-do {
	padding: 1rem;
	background-color: #d7ecf8;
}
/* Clean images */
.clean-img {
	max-width: 100%;
	height: auto;
}
/* Highlights */
#clean-highlights .card {
	border: none;
	margin: 1rem 0;
}
#clean-highlights .card:first-child {
	margin: 0 0 1rem 0;
}
#clean-highlights .card:last-child {
	margin: 0;
}
#clean-highlights .clean-highlights-icon-bg {
	background-color: #304cb2;
	padding: 1rem;
	text-align: center;
}
#clean-highlights .clean-highlights-icon-bg .clean-highlights-icon {
	height: 3.5rem;
}
#clean-highlights .clean-highlights-body {
	background-color: #f5f5f5;
	padding: 1rem;
}
/* COVID */
#clean-covid {
	background-color: #f5f5f5;
	border-top: 4px solid #d5152e;
	padding: 2rem 1rem;
}
#clean-covid h2 {
	color: #d5152e;
	text-transform: uppercase;
	margin: 0;
}
/* Book now */
#clean-book-now {
	background-color: #304cb2;
	padding: 2rem;
}
#clean-book-now h2 {
	color: #ffffff;
	margin: 0;
	position: relative;
    top: 50%;
    transform: translateY(-50%);
}

/* MEDIA QUERIES */
/* IE Specific Styles */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#clean-container h1, #clean-container h2, #clean-container h3, #clean-container h4, #clean-container a.btn-primary, #clean-container a.btn-secondary, #clean-container a.btn-blue, #clean-container strong {
		font-weight: bold;
	}
	#clean-testimonials .tweet {
		display: block;
	}
}
/* Extra large devices (large desktops) */
@media (max-width: 1200px) {
}
/* Large devices (desktops) */
@media (max-width: 992px) {
    #clean-header { height: auto; }
	#clean-header svg.swa-promise-shield, #clean-header svg.swa-promise-shield image {
		width: 8rem;
    }
    #clean-header .col { 
		margin: 20px 0 5px;
	}
    #clean-header .col p { 
		max-width: 120px;
	}
	#clean-promise .embed-responsive {
		margin-top: 1rem;
	}
	#clean-highlights .clean-highlights-icon-bg .clean-highlights-icon {
		height: 2.5rem;
	}
	#clean-covid {
		padding: 1rem;
	}
}
/* Medium devices (tablets) */
@media (max-width: 768px) {
	#clean-header svg.swa-promise-shield, #clean-header svg.swa-promise-shield image {
		height: 110px;
	}
	#clean-header .col { 
		margin: 0;
	}
	#clean-header .brandbar {
		position: absolute;
		bottom: 0px;
		height: .75rem;
		left: 0px;
		z-index: 2;
	}
	#clean-testimonials .row > div {
		border-right: none;
		border-bottom: 1px solid #8f8f8f;
		display: block;
		padding: 1rem;
	}
	#clean-testimonials .row > div:last-child {
		border-bottom: none;
	}
	#clean-testimonials .tweet > .twitter-handle {
		margin: 0 0 1rem 0;
	}
	#clean-testimonials .tweet > .twitter-handle:last-child {
		margin: 0;
	}
}
@media (max-width: 991px) {
	#clean-book-now h2 { font-size: 1.5rem; }
}
@media (max-width: 767px) {
	#clean-book-now a.btn-primary {
		display: block;
		margin-top: 1rem;
	}
}
@media (max-width: 750px) {
	#clean-nav {
		display: block;
	}
	#clean-nav .nav-link {
		background-image: -o-linear-gradient(#ffffff, #f5f5f5);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
		background-image: linear-gradient(#ffffff, #f5f5f5);
		border-right: none;
		border-bottom: 1px solid #e8e8e8;
		color: #111b40;
		display: block;
		float: none;
		font-family: 'SouthwestSans-Bold', arial, sans-serif;
		padding: .5rem 0;
	}
}
/* Small devices (phones) */
@media (min-width: 577px) {
	#clean-container section:first-child {
		margin-top: 0;
	}
	#clean-container section:last-child {
		margin-bottom: 0;
	}
	.hide-on-desktop {
		display: none;
	}
}
@media (max-width: 576px) {
	.hide-on-mobile {
		display: none;
	}
	#clean-container section {
		margin: .5rem 0;
	}
	#clean-container section:first-child {
		margin-top: 1rem;
	}
	#clean-container section:last-child {
		margin-bottom: 0;
	}
	#clean-header {
		padding: 1rem;
	}
	#clean-header svg.swa-promise-shield, #clean-header svg.swa-promise-shield image {
		width: 12rem;
	}
	#clean-header .col { 
		margin: 0 0 20px 0;
	}
	#clean-header .brandbar {
		bottom: 0;
		height: .5rem;
		left: 0;
		position: absolute;
		z-index: 2;
	}
	#clean-header .fa-mask {
		bottom: 0;
		height: 175px;
		position: absolute;
		right: -55px;
		z-index: 1;
	}
	#clean-header .cabin-hero {
		display: none;
	}
	.clean-img {
		margin-bottom: 1rem;
	}
	#clean-covid a.btn-blue {
		display: block;
		margin-top: 1rem;
	}
}