/** ***********************************************************
Welcome to your new stylesheet. This will override styles in:

style.css
flipping_coins.css
responsive.css
colorchange2023.css
blog-styles.css
overrides.css

Please note that stylesheets are cached, so when you make updates, you will need to hit Ctrl + F5 to see them.
***************************************************************/





/** ***********************************************************
Fixing Home Page Banners on Mobile
***************************************************************/


@media only screen and (max-width: 500px) {
    section.slick-slider {
        height: 160px;}

    .slick-slide .img {
}

    .slick-dots {
        bottom: 25px;}

    header {
        height: auto;}
}

.slick-slide .img {
	background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;}


/** ***********************************************************
Fixing Interior Page Banners on Mobile
***************************************************************/

@media only screen and (max-width: 600px) {
    .greyint, .greybanner, .greyimage {
        height: 160px;}

    section.intbanner {
        height: 160px;
        padding-bottom: 0;}

    section.intbanner .greytext {
        display: none;}
}

.greyint, .greybanner, .greyimage {
	background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;}


/** ***********************************************************
Removing Grey Gradient from Banners
***************************************************************/

.greybanner {
    background: none;
    border: none;
}

section.slick-slider {
    background: none;
    border: none;
}



/** ***********************************************************
Text Colors

.box.grey h1, .box.grey h2, .box.grey h3, .box.grey h4, .box.grey h5, .box.grey h6 {
  color: #3c1053;}

***************************************************************/

.white-txt {
	color: #ffffff !important;}

.grey-txt {
	color: #DEE2E5 !important;}

.black-txt {
	color: #000000 !important;}

.purple-txt {
	color: #3C1053 !important;}

.orange-txt {
	color: #F56600 !important;}

.green-txt {
	color: #009B77 !important;}

.yellow-txt {
	color: #FFC600 !important;}


/** ***********************************************************
Background Colors
***************************************************************/


.purple-back {
	background-color: #3C1053;}

.orange-back {
	background-color: #F56600;}

.green-back {
	background-color: #009B77;}

.yellow-back {
	background-color: #FFC600;}

.white-back {
	background-color: #ffffff;}

.grey-back {
	background-color: #DEE2E5;}

.black-back {
	background-color: #000000;}


/** ***********************************************************
Stroke Boxes
***************************************************************/


.purple-stroke {
	border-color: #3C1053;}

.orange-stroke {
	border-color: #F56600;}

.green-stroke {
	border-color: #009B77;}

.yellow-stroke {
	border-color: #FFC600;}

.white-stroke {
	border-color: #ffffff;}

.grey-stroke {
	border-color: #DEE2E5;}

.black-stroke {
	border-color: #000000;}


/** ***********************************************************
Callout Boxes
***************************************************************/


.purple {
	background-color: #3C1053;
	color: #ffffff;}

.purple h1, .purple h2, .purple h3, .purple h4, .purple h5, .purple h6, .purple p {
	color: #ffffff;}

.orange {
	background-color: #F56600;
	color: #ffffff;	}

.orange h1, .orange h2, .orange h3, .orange h4, .orange h5, .orange h6, .orange p {
	color: #ffffff;}

.green {
	background-color: #009B77;
	color: #ffffff;}

.green h1, .green h2, .green h3, .green h4, .green h5, .green h6, .green p {
	color: #ffffff;}

.yellow {
	background-color: #FFC600;	
	color: #3C1053;}

.yellow h1, .yellow h2, .yellow h3, .yellow h4, .yellow h5, .yellow h6, .yellow p {
	color: #3C1053;}

.white {
	background-color: #ffffff;}

.grey {
	background-color: #DEE2E5;}

.black {
	background-color: #000000;	
	color: #ffffff;}

/** ***********************************************************
Shorthand for Additional Margins, Padding, and Gap
***************************************************************/


.mt0 {
	margin-top: 0px;}

.mt25 {
	margin-top: 25px;}

.mt50 {
	margin-top: 50px;}

.mt75 {
	margin-top: 75px;}

.mt100 {
	margin-top: 100px;}

.mb0 {
	margin-bottom: 0px;}

.mb25 {
	margin-bottom: 25px;}

.mb50 {
	margin-bottom: 50px;}

.mb75 {
	margin-bottom: 75px;}

.mb100 {
	margin-bottom: 100px;}

.m0 {
	margin: 0px;}

.m25 {
	margin: 25px;}

.m50 {
	margin: 50px;}

.m75 {
	margin: 75px;}

.m100 {
	margin: 100px;}

.mv0 {
	margin-top: 0px;
	margin-bottom: 0px;}

.mv25 {
	margin-top: 25px;
	margin-bottom: 25px;}

.mv50 {
	margin-top: 50px;
	margin-bottom: 50px;}

.mv75 {
	margin-top: 75px;
	margin-bottom: 75px;}

.mv100 {
	margin-top: 100px;
	margin-bottom: 100px;}

.mh10 {
	margin-left: 10%;
	margin-right: 10%;}

.mh15 {
	margin-left: 15%;
	margin-right: 15%;}

.mh20 {
	margin-left: 20%;
	margin-right: 20%;}

.mh25 {
	margin-left: 25%;
	margin-right: 25%;}

.mh30 {
	margin-left: 30%;
	margin-right: 30%;}

@media only screen and (max-width: 600px) {
	.mh10 {
		margin-left: 0%;
		margin-right: 0%;}

	.mh15 {
		margin-left: 5%;
		margin-right: 5%;}

	.mh20 {
		margin-left: 10%;
		margin-right: 10%;}

	.mh25 {
		margin-left: 12%;
		margin-right: 12%;}

	.mh30 {
		margin-left: 15%;
		margin-right: 15%;}
}

.padt0 {
	padding-top: 0px;}

.padt25 {
	padding-top: 25px;}

.padt50 {
	padding-top: 50px;}

.padt75 {
	padding-top: 75px;}

.padt100 {
	padding-top: 100px;}

.padb0 {
	padding-bottom: 0px;}

.padb25 {
	padding-bottom: 25px;}

.padb50 {
	padding-bottom: 50px;}

.padb75 {
	padding-bottom: 75px;}

.padb100 {
	padding-bottom: 100px;}

.pad0 {
	padding: 0px;}

.pad25 {
	padding: 25px;}

.pad50 {
	padding: 50px;}

.pad75 {
	padding: 75px;}

.pad100 {
	padding: 100px;}

.padv0 {
	padding-top: 0px;
	padding-bottom: 0px;}

.padv25 {
	padding-top: 25px;
	padding-bottom: 25px;}

.padv50 {
	padding-top: 50px;
	padding-bottom: 50px;}

.padv75 {
	padding-top: 75px;
	padding-bottom: 75px;}

.padv100 {
	padding-top: 100px;
	padding-bottom: 100px;}

.padh0 {
	padding-left: 0px;
	padding-right: 0px;}

.padh25 {
	padding-left: 25px;
	padding-right: 25px;}

.padh50 {
	padding-left: 50px;
	padding-right: 50px;}

.padh75 {
	padding-left: 75px;
	padding-right: 75px;}

.padh100 {
	padding-left: 100px;
	padding-right: 100px;}


@media only screen and (max-width: 600px) {
	.padh0 {
		padding-left: 0px;
		padding-right: 0px;}

	.padh25 {
		padding-left: 10px;
		padding-right: 10px;}

	.padh50 {
		padding-left: 20px;
		padding-right: 20px;}

	.padh75 {
		padding-left: 30px;
		padding-right: 30px;}

	.padh100 {
		padding-left: 40px;
		padding-right: 40px;}
}

.gap0 {
	gap: 0px;}

.gap25 {
	gap: 25px;}

.gap50 {
	gap: 50px;}

.gap75 {
	gap: 75px;}

.gap100 {
	gap: 100px;}

.rev-col {
	flex-direction: row-reverse;}

.circle-box {
	border-radius: 50%;}


/** ***********************************************************
Changing the Text Sitewide
***************************************************************/


body, p {
  font-family: "Poppins", sans-serif;
  line-height: 1.5;
  margin-bottom: 10px;}
  
h1, h2, h3, h4, h5, h6, .bluest, .bluest p, .toplinks, a, .tails, .col3, .navliner button, cta, button, .navliner {
  font-family: "Poppins", sans-serif;
  line-height: 1.2;}

h1, h2, h3, h4, h5, h6 {
  margin-top: 20px;
  margin-bottom: 10px;}
 
h1 {
  font-size: 34pt;
  font-weight: 900;}
 
h2 {
  font-size: 27px;
  font-weight: 800;}
 
h3 {
  font-size: 20px;
  font-weight: 900;}
 
h4 {
  font-size: 17px;
  font-weight: 800;}
 
h5 {
  font-size: 14px;
  font-weight: 700;}
 
body, p {
  font-family: Poppins, sans-serif;
  font-weight: normal;
  font-size: 11pt;
  line-height: 1.75;}

a, button, .cta, a.cta, a .cta, .ctaO, a.ctaO, a .ctaO {
  font-family: Poppins, sans-serif;}


/** ***********************************************************
Targeted Text Changes Sitewide
***************************************************************/


.light {
  font-weight: normal;}

.footnote {
	font-size: 10px;}
 
/** Styles home page rates **/
.Rname {
  font-family: Poppins, sans-serif;
  font-weight: 900;
  font-size: 20px;}
 
/** Styles rates tables **/
.content_rates_table {
  font-family: Poppins, sans-serif; 
  font-size: 14px;}

/** Styles rates table titles **/
.content_rates_table_title {
  font-family: Poppins, sans-serif;
  font-weight: 900;
  font-size: 18px !important;}

/** Styles rates tables **/
.content_rates_table_fields {
  font-family: Poppins, sans-serif;
  font-weight: 600;
  font-size: 14px;}
 
.regionbox h2 {
  font-size: 16px;
  font-weight: 600;}
 
.tails {
  font-size: 14px;}

/** Styles main menu items **/
.navliner .CMitem {
  margin: 0px 18px;}

/** Styles login button **/
button#CMi6.CMitem {
      margin: 8px 20px;}

/** Style hyperlinks in the footer 
.greh a, .greh a:visited {
    color: #333;
    text-decoration: none;}**/

/** Style hyperlinks in the footer 
.greh a:hover, .greh a:active{
    color: #F56600;
    text-decoration: none;}**/

/** ***********************************************************
#maincontent a, #maincontent a:visited {
    color: #F56600;}
***************************************************************/

/** Ensures button text stays white **/
#maincontent a.cta, #maincontent  a.cta:visited, #maincontent a.ctaO, #maincontent  a.ctaO:visited {
    color: #ffffff;}

.balance {
	text-wrap: balance;
}

/** ***********************************************************
Fixing Mobile Menu
***************************************************************/

ul.mobimenu li:last-child {
     display: none !important; 
}

ul.mobimenu ul li:last-child {
     display: block !important; 
}

/** ***********************************************************
Styles callouts and promos on CloseEnuff page
***************************************************************/

.big-numbers {
		font-size: 120px;
		font-weight: 800;
		line-height: 120px;
}

@media only screen and (max-width: 600px) {
  .big-numbers {
		font-size: 60px; 
		font-weight: 800; 
		line-height: 60px;
  }
}

.big-promo {
		font-size: 100px;
		font-weight: 800;
		line-height: 100px;
}

@media only screen and (max-width: 600px) {
  .big-promo {
		font-size: 60px; 
		font-weight: 800; 
		line-height: 68px;
  }
}

.mid-promo {
		font-size: 40px; 
		font-weight: 800;
		line-height: 60px;
}

@media only screen and (max-width: 600px) {
  .mid-promo {
		font-size: 30px;
		font-weight: 800;
		line-height: 40px;
  }
}

.small-promo {
		font-size: 30px;
		line-height: 40px;
}

@media only screen and (max-width: 600px) {
  .small-promo {
		font-size: 22px; 
		line-height: 26px;
  }
}



@media only screen and (min-width: 800px) {
	.anchor-area {
	  scroll-margin-top: 200px;
	}
}

/** ***********************************************************
ON HOLD

.inside p a, .inside p a:visited {
    color: #F56600;}

a.cta, a.ctaO, a.ctaP, a.cta:visited, a.ctaO:visited, a.ctaP:visited {
    color: #FFFFFF !important;}

***************************************************************/

@media only screen and (max-width: 600px) {
	.inside {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
  }
}