/* CSS 

SCGB - SunCardGiveBack

Colors
Turquoise - Links: #007099;
Turquoise - Icon: #11d043;
Gold: #ffc529;
Orange - Icon: #f8c705;
Green - Icon: #11d043;
Dark Gray: #333;
Medium: #999;
Light Gray: #f6f6f6;
White: #fff;


font: font-style font-variant font-weight font-size/line-height font-family;

Fonts
H1 normal 900 60px/1em 'Montserrat', sans-serif;
H1 span: normal 700 30px/1.33em 'Montserrat', sans-serif;

Masthead Intro: ;
Headers normal 300 36px/1em 'Montserrat', sans-serif;

Body
Buttons
Submenu

Parent Class - "body.scgb"


*/

/* =Theme Reset 
--------------------------------------------------------------*/

body.scgb,
body.scgb .site-wrapper.wrapall{
	background-color: #fff !important;
}

body.scgb #header.header-v1{
	//border-bottom: none;
}

body.scgb .row{
	padding-bottom: 0px;
	margin-bottom: 0px;
}

body.scgb #footer{
	display: none;
}

body.scgb .hidden-dtop{
	display: none;
}


/* =Typography
--------------------------------------------------------------*/

body.scgb section#masthead h1{
	font: normal 900 60px/1em 'Montserrat', sans-serif;
	color: #fff !important;
}

body.scgb.content-page section#masthead h1{
	font-size: 36px;
}

#header.header-v1 #navigation>ul>li>a {
	font-weight: 700;
}

body.scgb section#masthead h1 span{
	font-size: 30px;
	font-weight: 700;
	text-transform: capitalize;
	display: block;
	padding-bottom: 30px;
}

body.scgb.content-page section#masthead h1 span{
	padding-bottom: 0px;
}

body.scgb.content-page section#masthead h1 span{
	font-size: 24px;
}

body.scgb section#masthead h1 a:hover,
body.scgb section#masthead h1 a:hover span
{
	color: #fff;
	opacity: .5;
	text-decoration: none !important;
}

body.scgb section p{
	color: #333;
	font: normal 400 17px/1.333 'Open Sans', sans-serif;
}

body.scgb section#masthead p.subheading{
	font-size: 22px;
	color: #fff !important;
}

body.scgb h2{
	text-align: center;
	text-transform: none;
	font: normal 600 36px/1.333 'Open Sans', sans-serif !important;
	color: #024a64;
}

body.scgb h2 span{
	font-size: 22px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.5;
	display: block;
}

body.scgb h3{
	text-align: center;
	text-transform: none;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 24px;
	line-height: 1.333;
	font-weight: 600 !important;
	color: #024a64;
	text-align: center;
	font-style: normal;
}

body.scgb h3 span{
	text-align: center;
	font-weight: 400!important;
	font-family: 'Open Sans', sans-serif;
}

body.scgb.content-page h2,
body.scgb.content-page h3{
	text-align: left;
}

/* =Global
--------------------------------------------------------------*/

.scgb section:not(#multiple-cards){
	padding: 78px 0;
}



/* =Masthead
--------------------------------------------------------------*/

.scgb #masthead{
	background: url(/wp-content/uploads/2019/05/giveback-masthead.png) top center no-repeat #024a64;
	color: #fff;
	text-align: center;
	padding-top: 78px;
	padding-bottom: 60px;
}

.scgb.content-page #masthead{
	padding-top: 36px;
	padding-bottom: 38px;
	text-align: left;
}

.scgb.content-page h1+p{
	display: none;
}

.scgb #masthead #suncard{
	display: block;
	margin: 0 auto 30px auto;
}

.scgb #masthead strong{
	color: #ffc529;
}


/* =Quicklinks
--------------------------------------------------------------*/

.scgb section#quicklinks{
	text-align: center;
}

.scgb #quicklinks i{
	font-size: 70px;
	display: block;
}

.scgb #quicklinks i + p{ display: none; }

.scgb #quicklinks ul.links{
	margin-left: 0px;
}

.scgb #quicklinks ul.links li{
	line-height: 1.333;
	margin-bottom: 8px;
}

.scgb #quicklinks ul.links li a{
	font-size: 18px;
}

.scgb #quicklinks ul.links li a:hover{
	text-decoration: underline !important;
}

i.scgb-icon-registration{ color: #12bbd0; }
i.scgb-icon-balance{ color: #11d043; }
i.scgb-icon-no-cards{ color: #f8c705; }


/* =Instructions
--------------------------------------------------------------*/

.scgb.content-page section#instructions{
	text-align: left;
}

.content-page #instructions ol li {
    list-style-type: decimal;
    list-style-position: outside;
    margin-bottom: 48px;
    font-size: 17px;
    color: #333;
}

.content-page #instructions ol li .screenshot{
	display: block;
	margin-top: 15px;
}

.content-page #instructions i[class*="scgb-icon-"]{
	position: absolute;
	font-size: 65px;
	margin-left: -95px;
}


/* =Multiple-cards
--------------------------------------------------------------*/

.scgb #multiple-cards{
	padding: 48px 0;
	text-align: center;
	background-color: #f2f2f2;
}

/* =Customer Service
--------------------------------------------------------------*/
.scgb section#customer-service{
	background-color: #00788a;
	text-align: left;
	padding: 36px 0;
	color: #fff;
}

.scgb #customer-service h3,
.scgb #customer-service p{
	text-align: left;
	color: #fff;
}

.scgb #customer-service #sunrail-logo,
.scgb #customer-service .customer-service-info{
	float: left;
}

.scgb #customer-service .customer-service-info{
	padding-left: 30px;
}

.scgb #customer-service .customer-service-info a{
	color:#fff;
}

.scgb #customer-service #sunrail-logo{
	width: auto;
}


@media screen and (max-width: 767px){
body.scgb .container{
	width: 100%;
}

body.scgb section#masthead{
	background: url(/wp-content/uploads/2019/05/giveback-masthead.png) 50% -100px no-repeat #024a64;
	padding: 24px 0 36px 0 !important;
}

body.scgb section#masthead h1{
	font-size: 48px;
	line-height: 1em;
}

body.scgb section#masthead h1 span{
	font-size: 20px;
}

body.scgb section#masthead #suncard{
	width: 80%;
}

body.scgb section#masthead p.subheading{
	font-size: 20px;
}

body.scgb section#customer-service .vc_col-md-12,
body.scgb section#customer-service .customer-service-info h3,
body.scgb section#customer-service .customer-service-info p {
    text-align: center;
}

.scgb #customer-service #sunrail-logo{
	float: none;
	display: inline-block;
}

body.scgb.content-page h2{
	font-size: 30px !important;
}

body.scgb.content-page h2 br{
	display: none;
}

}