@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url("/content/assets/icons/css/fontello.css"); /* backward compatible */
@import url("/content/assets/ionicons/css/ionicons.min.css");

/* TEXT COLORS */
.blue-text { color: #097FAF !important; }
.green-text { color: #44B981 !important; }
.yellow-text { color: #FFDE17 !important; }
.black-text { color: #231F20 !important; }
.charcoal-text { color: #2C2927 !important; }
.white-text { color: #FFFFFF !important; }

/* BACKGROUND COLORS */
.white-bkgd { background-color: #FFF !important; } 
.blue-bkgd { background-color: #097FAF !important; }
.green-bkgd { background-color: #44B981 !important; }
.yellow-bkgd { background-color: #FFDE17 !important; } /* ALERT BAR */
.black-bkgd { background-color: #231F20 !important; } /* RATES BAR */
.charcoal-bkgd { background-color: #2C2927 !important; } /* FOOTER BAR */

/* LAYOUT */
body, html {  width: 100%; height: 100%; padding: 0px; margin: 0px; }
.container { 
	font-family: "Lato" !important; 
	width: 100% !important; 
	height: 100% !important; 
	padding: 0px !important; 
	margin: 0px !important; 
	max-width: 100% !important;
}
.clear-float { clear: both; }
fieldset { border: none; margin-top: 0px; padding-top: 0px; }
.fieldset-class { font-size: .85em; }
.no-padding { padding: 0px !important; }
.no-margin{ margin: 0px !important; }
.pad-5-percent { padding: 5% !important; }

/* FORM */
input[type=text], input[type=password] { 
	font-family: "Lato" !important;
	color: #2C2927 !important; 
	margin: 5px !important; 
	padding: 5px !important; 
  	font-size: 1em !important;
  	border: none !important;
  	transition: all .25s;
}
.submitButton { background-color: #097FAF !important; color: white !important; padding: 5px !important; margin: 5px !important; border-radius: 4px !important; border: none !important; transition: all .5s !important; }
.submitButton:hover { cursor: pointer !important; background-color: #FFDE17 !important; color: #2C2927 !important; }
.loginForm { padding-bottom: 1px !important; }

.topic-border button {
	text-align: right;
	padding: 10px;
	margin: 10px;
	background-color: #097FAF; 
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1em;
	border-radius: 8px;
	border: none;
	transition: all 1s;
	float: right;
}

.topic-border button:hover { 
	cursor: pointer; 
	background-color: #FFDE17; 
	color: #2C2927; 
	filter: drop-shadow(0 0 0.25rem #000);
}



.topic-paragraph {
  color: black !important;
}

/* PRE-2024 UPDATED STYLES */
.testimonial-div {
  	border-radius: 8px;
	filter: drop-shadow(0 0 0.25rem #000);
}

.tabnav {
	border-radius: 8px;
	background-color: #FFFFFF;
	margin: 20px 10px;
	border: 3px solid #097FAF !important;
}


#timeline {
	background-color: white !important;
	border-radius: 8px;
	padding: 20px;
	border: 3px solid #097FAF !important;
}

.input-form input[type=text], input[type=email], input[type=tel] {
	font-family: "Lato" !important;
	color: #2C2927 !important; 
	margin: 5px !important; 
	padding: 5px !important; 
  	font-size: 1em !important;
  	border: 2px solid gray !important;
	border-radius: 3px;
  	transition: all .25s;
}
 
/* PRE-2024 HIDES */
.subheader-solid { display: none !important; }
#pageTitle { display: none !important; }

@media screen and (max-width: 1200px) { 
/* MOBILE */
	
	/* PRE-2024 HIDES */
	.three-column { float: none; width: 100%; padding: 5px; box-sizing: border-box; }
	
	fieldset { display: none; }
	.navigation-list { display: none; }
	
	/* LAYOUT */
	.full-column { width: 100%; padding: 10px; box-sizing: border-box; }
	.half-column { width: 100%; padding: 0px 5px; box-sizing: border-box; }
	.third-column { width: 33.333%; padding: 5px; box-sizing: border-box; float: left; }
	.alert-bar { font-weight: bold; text-align: center; color: #2C2927; padding: 10px; }
	.header { text-align: center; }
	#sw66-logo { text-align: center; height: 150px; padding-top: 10px; }
	.social-icons { height: 30px; }
	#home-box {
		/* background-image: url("home_background.png"); */
		background-image: linear-gradient(180deg, rgba(9,127,175,1) 0%, rgba(255,255,255,0) 33%, rgba(255,255,255,0) 100%), url("home_background_new.png");
		background-position: top; 
		background-repeat: no-repeat; 
		background-size: cover; 
		text-align: center;
	}
	#sub-box {
		background-color: rgba(9,127,175,1); 
		text-align: center;
		text-transform: uppercase;
		font-size: 1.5em;
		color: white;
		font-weight: 700;
		padding: 10px; 
	}
	
	#banking-box { width: 100%; background-color: #44B981; }
	#banking-box a { color: white; }
	.banking-box-space { margin: auto; padding-top: 5px; color: white; text-transform: uppercase; text-align: center; }
	.banking-box-lock { float: none; width: 50px; padding-top: 10px; }
	.banking-box-text { float: none; margin-left: 10px; font-size: 1.5em; line-height: 1; }
	
	.float-left { float: none; }
	.float-right { float: none; }
	.left-options { display: block; }
	.right-options { display: block; }
	
	.top-bar { background-color: rgba(9,127,175,1); color: white; padding: 10px;  }
	.top-bar a { color: white; }
	.nav-bar { background-color: #231F20; color: white; padding: 3px; word-spacing: 4px; }
	.nav-bar a { color: white; text-decoration: none; }
	
	/* NAV */
	.navigation-list { list-style: none; padding-left: 0px; }
	.navigation-list li {
    	font-size: 1.25em;
    	border-top: thin solid gray;
    	padding: 6px;
  	}
	
	.feature-icons { width: 75px; }
	.promo-image { width: 100%; }
	.promo-area { padding: 5px 20px; margin: auto; box-sizing: border-box; width: auto; max-width: 500px;}
	.footer-column { padding: 5px 20px !important; margin: auto; width: 100%; clear: both !important; }
	.footer-search { font-family: "Lato"; font-weight: 700; color: #2C2927; text-transform: uppercase; padding: 5px; width: 90%;}
	.footer-logo { height: 50px; }
	.no-decoration { text-decoration: none; }
	.clear-float { clear: both; }
	.hide-mobile { display: none; }
	.mobile-rules { border: 1px solid white; }

	/* TEXT STYLES */
	.rates-p-text { color: white; text-transform: uppercase; font-size: .75em; text-align: center; line-height: 1; margin: 0px;}
	.rates-p-rate { color: white; text-transform: uppercase; font-size: 1.75em; text-align: center; font-weight: 700; line-height: 1; margin: 0px;}
	.feature-text { color: #097FAF; text-transform: uppercase; font-size: 1em; text-align: center; font-weight: 700; line-height: 1; margin: 0px; }
	.promo-text { color: white; text-transform: uppercase; font-size: 1em; text-align: center; font-weight: 700; line-height: 1;}
	.footer-colheads { color: white; text-align: center; font-size: 1.25em; font-weight: 700; text-transform: uppercase; border-bottom: 2px solid white; padding: 5px; }
	.footer-disclaimer { color: white; font-size: .75em; line-height: 1.25; padding: 20px; width: auto; margin: auto; padding-bottom: 50px; }
	.footer-list { color: white; font-size: 1.25em; margin: 0px; list-style: none; text-align: center;  padding: inherit; }
	.footer-list li a { color: white; text-decoration: none; transition: all .5s; line-height: 2; }
	.footer-list li a:hover { color: #44B981;  }
	.footer-housekeeping { color: white; font-size: .85em; padding: 0px; line-height: 1.75; }
	.footer-housekeeping a { text-transform: uppercase; color: #44B981; }
	.center-text { text-align: center; }
	
	/* CONTENT AREAS */
	.content-container {
		padding: 5px;
		background-color: white !important;
	}
	.topic-border {
		border: 3px solid #097FAF;
		border-radius: 8px;
		padding: 10px 20px;
		margin: 10px;
		background-color: white;
	}
	
	.topic-headimg {
		border: 3px solid #097FAF;
		border-radius: 8px;
		padding: 0px;
		margin: 10px;
		box-sizing: border-box;
		width: 95%;
	}
	
	.topic-image {
		float: right;
		width: 33%;
	}
	.topic-header {
    	text-transform: uppercase;
    	font-weight: 700;
   	 	font-size: 1.5em;
	}
	.topic-links {
		box-sizing: border-box;
		padding: 0px;
	}
	.topic-links a {
		text-transform: uppercase;
   	 	font-size: 1em;
		color: #097FAF;
	}
	
	.topic-paragraph ul {
		padding-left: 15px;
	}
	
	.topic-paragraph ul li {
		list-style: square;
		line-height: 1.5;
	}
	
	.topic-paragraph a {
		color: #44B981;
	}
	

	.topic-list a {
		color: #44B981;
	}
	
	.sidebar-container {
		padding: 10px;
		text-align: center;
	}
	.sidebar-icon {
		width: 40px;
	}
	.sidebar-paragraph {
		text-align: center;
		text-transform: uppercase;
    	font-weight: 700;
   	 	font-size: 1em;
		color: white;
	}
	.sidebar-paragraph a {
		transition: all .5s; 
		color: white;
	}
	.sidebar-paragraph a:hover {
		color: #44B981;
	}
	.sidebar-header {
		color: white;
		text-align: center;
		font-size: 1.25em;
		font-weight: 700;
		text-transform: uppercase;
		padding: 5px;
	  }
	.sidebar-list { 
		color: white;
    	list-style: none;
    	font-size: 1.25em;
    	text-align: center;
    	line-height: 2;
    	padding: 0px;
	}
	.sidebar-list li a { color: white; text-decoration: none; transition: all .5s; }
	.sidebar-list li a:hover { color: #44B981;  }
	.services-headerbar { 
		text-align: center;
		font-size: 1.25em;
		font-weight: 700;
		text-transform: uppercase;
		padding: 5px;
	}
	.services-border {
		border: 3px solid #097FAF;
		padding: 5px 5px 5px 40px;
		margin: 10px;
		background-color: white;
	}
	.services-header {
    	text-transform: uppercase;
    	font-weight: 700;
   	 	font-size: 1em;
	}
	.services-paragraph {
		font-size: .75em;
		margin: auto;
		line-height: 1.5;
	}
	.toggle-icon {
		height: .75em;
    	position: absolute;
    	left: 35px;
    	transform: translateY(30%);
	}
	
}



@media screen and (min-width: 1201px) {
/* DESKTOP */
	
	/* PRE-2024 HIDES */
	.three-column { float: left; width: 33%; padding: 5px; box-sizing: border-box; }
	
	/* LAYOUT */
	.full-column { width: 100%; padding: 10px; box-sizing: border-box; }
	.half-column { width: 50%; padding: 5px; box-sizing: border-box; float: left; }
	.third-column { width: 33.333%; padding: 5px; box-sizing: border-box; float: left; }
	.alert-bar { 
		position: absolute; 
		top: 0px; 
		left: 0px; 
		width: 100%; 
		font-weight: bold; 
		text-align: center; 
		color: #2C2927; 
		padding: 10px; 
		box-sizing: border-box; 
	}
	#sw66-logo { position: absolute; left: 10px; top: 10px; height: 200px; filter: drop-shadow(0 0 0.25rem #000); }
	.social-icons { height: 30px; transition: all .25s; }
	.social-icons:hover { height: 28px; }
	#home-box { 
		height: 55vw; 
		/* background: rgba(9,127,175,1) 0%; */
		background-image: url("home_background_new.png");
		background-image: linear-gradient(180deg, rgba(9,127,175,1) 0%, rgba(255,255,255,0) 33%, rgba(255,255,255,0) 100%), url("home_background_new.png");
		background-position: top; 
		background-repeat: no-repeat; 
		background-size: cover; 
		text-align: center;
		padding: 40px;
		padding-top: 60px;
	}
	#sub-box {
		background-color: rgba(9,127,175,1); 
		text-align: left;
		text-transform: uppercase;
		font-size: 2em;
		color: white;
		font-weight: 700;
		padding: 75px 0px 75px 250px;
	}
	.float-left { float: left; }
	.float-right { float: right; }
	.left-options { display: inline-block; transform: translate(0px, 25%); }
	.right-options { display: inline-block; transform: translate(-10px, -35%); }
	.top-bar { background-color: rgba(9,127,175,1); color: white; padding: 10px 250px; padding-top: 50px !important; }
	.top-bar a { color: white; /* text-decoration: none;*/ }
	.nav-bar { background-color: #231F20; color: white; padding: 10px 250px; word-spacing: 4px; }
	.nav-bar a { color: white; text-decoration: none; }
	/* NAV */
	.navigation-list { list-style: none; padding-left: 0px; }
	.navigation-list li { display: inline; }
	
	#banking-box { position: absolute; top: 0px; right: 10px; width: auto; z-index: 5000; background-color: #231F20; border-radius: 0px 0px 8px 8px; filter:drop-shadow(0 1mm 0.25rem #2C2927); }
	#banking-box a { color: white; text-decoration: none; }
	#banking-box a:hover { text-decoration: underline; }
	#forgot, #terms { padding-left: 5px; }
	.banking-box-space { margin-left: 20px; width: 80%; color: white; text-transform: uppercase; }
	.banking-box-lock { float: left; width: 30px; }
	.banking-box-text { float: left; margin-left: 10px; font-size: 1.1em; line-height: 1; }
	
	.feature-icons { width: 75px; }
	.promo-image { width: 100%; }
	.promo-area { padding: 5px 20px; margin: 1%; box-sizing: border-box; width: 31%; float: left; }
	.footer-column { padding: 20px; }
	.footer-search { font-family: "Lato"; font-weight: 700; color: #2C2927; text-transform: uppercase; padding: 5px; width: 90%;}
	.footer-logo { height: 50px; }
	.no-decoration { text-decoration: none; }
	.hide-desktop { display: none; }
	.mobile-rules { display: none; }

	/* TEXT STYLES */
	.rates-p-text { color: white; text-transform: uppercase; font-size: .75em; text-align: center; line-height: 1; margin: 0px;}
	.rates-p-rate { color: white; text-transform: uppercase; font-size: 2em; text-align: center; font-weight: 700; line-height: 1; margin: 0px;}
	.feature-text { color: #097FAF; text-transform: uppercase; font-size: 1em; text-align: center; font-weight: 700; line-height: 1; margin: 0px; }
	.promo-text { color: white; text-transform: uppercase; font-size: 1em; text-align: center; font-weight: 700; line-height: 1;}
	.footer-colheads { color: white; text-align: center; font-size: 1.25em; font-weight: 700; text-transform: uppercase; border-bottom: 2px solid white; padding: 5px; }
	.footer-disclaimer { color: white; font-size: .75em; line-height: 1.25; padding: 20px; width: 95%; margin: auto; padding-bottom: 50px; }
	.footer-list { color: white; font-size: .85em; padding: 10px; margin-top: 0px; }
	.footer-list li a { color: white; text-decoration: none; transition: all .5s; }
	.footer-list li a:hover { color: #44B981;  }
	.footer-housekeeping { color: white; font-size: .85em; padding: 0px; line-height: 1.75; }
	.footer-housekeeping a { text-transform: uppercase; color: #44B981; }
	.center-text { text-align: center; }	
	
	/* CONTENT AREAS */
	.content-container {
		width: 80%;
		box-sizing: border-box;
		padding: 5px;
		float: left;
		background-image: linear-gradient(180deg, #44B981 0%, rgba(255,255,255,1) 100%);
		min-height: 350px;
	}
	.topic-border {
		border: 3px solid #097FAF;
		border-radius: 8px;
		padding: 10px 20px;
		margin: 10px;
		background-color: white;
	}
	
	
	
	.topic-headimg {
		border: 3px solid #097FAF;
		border-radius: 8px;
		padding: 0px;
		margin: 10px;
		box-sizing: border-box;
		width: 98%;
	}
	
	.topic-image {
		float: left;
		width: 175px;
		padding: 10px;
	}
	.topic-header {
    	text-transform: uppercase;
    	font-weight: 700;
   	 	font-size: 1.5em;
		margin-bottom: 25px;
	}
	.topic-links {
		float: left;
		width: 40%;
		box-sizing: border-box;
		padding: 0px 15px;
		line-height: 2;
	}
	.topic-links a {
		text-decoration: none;
		text-transform: uppercase;
    	font-weight: 700;
   	 	font-size: .75em;
		color: #097FAF;
		background-image: linear-gradient(#097FAF, #44B981);
		background-size: 0% 0.1em;
		background-position-y: 100%;
		background-position-x: 0%;
		background-repeat: no-repeat;
		transition: all 0.2s ease-in-out;
	}
	 
	.topic-links a:hover {
		color: #44B981; 
		background-size: 100% 0.1em;
	}
	
	.topic-paragraph a {
		color: #44B981;
	}
	
	.topic-paragraph ul li {
		list-style: inside;
		line-height: 1.5;
		padding-left: 160px;
	}
	
	
	.topic-list a {
		color: #44B981;
	}
	
	.sidebar-container {
		width: 20%;
		box-sizing: border-box;
		padding: 20px;
		float: left;
		text-align: center;
	}
	.sidebar-icon {
		width: 40px;
	}
	.sidebar-paragraph {
		text-align: center;
		text-transform: uppercase;
    	font-weight: 700;
   	 	font-size: 1em;
		color: white;
	}
	.sidebar-paragraph a {
		transition: all .5s; 
		color: white;
	}
	.sidebar-paragraph a:hover {
		color: #44B981;
	}
	.sidebar-header {
		color: white;
		text-align: center;
		font-size: 1.25em;
		font-weight: 700;
		text-transform: uppercase;
		padding: 5px;
	  }
	.sidebar-list { color: white; font-size: .85em; padding-left: 40px; text-align: left; }
	.sidebar-list li a { color: white; text-decoration: none; transition: all .5s; }
	.sidebar-list li a:hover { color: #44B981;  }
	.services-headerbar { 
		text-align: center;
		font-size: 1.25em;
		font-weight: 700;
		text-transform: uppercase;
		padding: 5px;
	}
	.services-border {
		border: 3px solid #097FAF;
		padding: 5px 5px 5px 40px;
		margin: 10px;
		background-color: white;
	}
	.services-header {
    	text-transform: uppercase;
    	font-weight: 700;
   	 	font-size: 1em;
	}
	.services-paragraph {
		font-size: .75em;
		margin: auto;
		line-height: 1.5;
	}
	.toggle-icon {
		height: .75em;
    	position: absolute;
    	left: 35px;
    	transform: translateY(30%);
		cursor: pointer;
	}
}


.topic-list ul li {
	padding-left: 0px !important;
}

/* SPECIAL TABLET STYLES */

@media screen and (min-width: 800px) and (max-width: 1199px) {
	/* TABLET */

	.promo-area { 
		padding: 5px 20px; 
		margin: 1%; 
		box-sizing: border-box; 
		width: 31%; 
		float: left; 
	}
	
	 .mobile-rules {
    	display: none;
  	}
}

/* 2024 CONTENT.CSS SPECIAL CONDITIONS */

.size-48 {
  font-size: 48px !important;
}