/*
 Theme Name:	United Way of NE Georgia
 Theme URI:     https://www.unitedwaynega.org/
 Description:   Custom Bootstrap 5 theme built upon the SEOteric framework
 Author:        SEOteric
 Author URI:    http://www.seoteric.com
 Template:		Seoteric-Framework
 Version:       1
*/


@import url("https://use.typekit.net/fwk2yys.css");

/*////////////////////////////////////////////////
GENERAL STYLES
///////////////////////////////////////////////*/

@media (min-width: 1200px) {
    .h1, h1 {
        font-size: 56px;
    }
    .h2, h2 {
        font-size: 2.5rem;
    }
}

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary, .btn {
	font-style: normal;
  	font-stretch: normal;
  	letter-spacing: normal;
}
body {
    font-family: 'roboto', sans-serif;
    font-weight: 500;
    color:#545454;
}
strong,
b {
    font-weight: 800 !important;
}
em {
	font-style: italic !important;
}
a {
    color: #005191;
    text-decoration: underline;
}
a:hover,
#sidebar .submenu a:hover {
    color: #f26527;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.subheader{
    font-family: 'league-gothic', sans-serif;
    text-transform: uppercase;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #000;
}
.h1, h1 {
    font-size: calc(2rem + 2vw);
}
.h2, h2 {
    font-size: calc(1.65rem + .9vw);
}
.btn {
    border-radius: 0;
    text-transform: uppercase;
    font-family: 'roboto-condensed', sans-serif;
    font-weight: 700;
    color: #FFF!important;
}
.btn-primary{
    background-color: #f57814 !important;
    border-color: #f57814 !important;
}
.btn-primary:hover,
.btn-warning:hover,
.btn-secondary:hover{
    background-color: #f26527!important;
    border-color: #f26527 !important;
}
.btn-warning {
    background-color: #ffb351 !important;
    border-color: #ffb351 !important;
}
.btn-secondary {
    background-color: #005191 !important;
    border-color: #005191 !important;
}
.subheader {
    letter-spacing: 4px;
    font-weight: 400 !important;
}
.subheader.lg {
    letter-spacing: 5.6px;
}
.jumbo {
    font-size: 72px;
}
.text-orange,
.text-primary{
    color: #ffb351 !important;
}
.text-secondary {
    color: #005191 !important;
}
.ft-league {
    font-family: 'league-gothic', sans-serif;
    text-transform: uppercase;
}
.ft-condensed {
    font-family: 'roboto-condensed', sans-serif;
}
img.smallchat {
    max-width: 110px;
}
img.alignright {
    margin-left: 20px;
    margin-bottom: 20px;
}
img.alignleft {
    margin-right: 20px;
    margin-bottom: 20px;
}
/*////////////////////////////////////////////////
HEADER
////////////////////////////////////////////////*/

header .navbar-brand img{
    width: 324px;
    height: auto;
}
header .nav-item {
    white-space: nowrap;
}
header .nav-link {
    text-transform: uppercase;
    color: #000 !important;
}
/*
header li.btn {
    margin-left: 15px;
}
*/
header li.btn .nav-link {
    color: #FFF !important;
    padding: .5rem 1.5rem !important;
}
.dropdown-item.active, .dropdown-item:active,
.current-menu-item.active a{
    background-color: #f26527;
    color: #FFF;
}
header img.clicktoCall {
    max-width: 110px;
}
header li.clicktoCall {
    background: url(images/united-way-211-logo-tagline-rbg.webp) no-repeat left center;
    background-size: contain;
    text-indent: 100px;
    height: 50px;
    margin: 10px 0;
}

#heroSlides .overlay {
    z-index: 1;
}
#heroSlides .carousel-item {
    max-height: 75vh;
}
#heroSlides .carousel-caption {
    bottom: 7.25rem;
}
.carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    background-color: transparent;
    border: 2px solid #FFF !important;
    border-radius: 50%;
}
.carousel-indicators .active {
    background-color: #ffb351;
}
.carousel-control-next, .carousel-control-prev {
    width: 8%;
}
#page-banner {
    background-size: cover;
}
#page-banner .overlay h1 {
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    z-index: 10;
    color: #FFF;
}
/*////////////////////////////////////////////////
HOME PAGE
////////////////////////////////////////////////*/
section,
section .container-xl,
#heroSlides{
    position: relative;
}
section .container-xl,
#heroSlides .container-xl,
#page-banner .title{
    z-index: 1;
}
section .overlay,
#heroSlides .overlay,
#page-banner .overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    background: rgb(0,0,0);
    background: linear-gradient(270deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.7) 100%);
}
section#testimonials .overlay {
    background: rgba(0,0,0,0.6);
}
#about ul.ft-league li {
    letter-spacing: 3px;
    line-height: .8;
    font-size: 20px;
    border-right: 1px solid #ffb351;
    padding: 0 8px 0 0;
    margin-bottom: 8px;
}
#about ul.ft-league li:last-child {
    border-right: none;
}
#impact {
    background: url(images/concentric-circle-background.svg) no-repeat center;
    background-size: cover;
}
#about {
    background: url(images/school-boy-pointing-in-a-book-held-by-the-female-teacher.jpg) no-repeat top left;
    background-size: cover;    
}
#uniting .card-body {
    margin-top: -50px;
}
#testimonials {
    background: url(images/united-way-ne-georga-volunteering.jpg) no-repeat top center;
    background-size: cover;
}
#donate .col {
    background: url(images/donate-blue-background.jpg) no-repeat top center;
    background-size: cover;
}
#donate .col:last-child {
    background-image: url(images/become-a-volunteer-background.jpg);
}
#donate .col .overlay {
    background: rgba(0,81,145,0.9);
}
#donate .col:last-child .overlay {
    background: rgba(255,179,81,0.9);
}
#donate .col .card {
    z-index: 1;
}
/*////////////////////////////////////////////////
FORM STYLES
////////////////////////////////////////////////*/
body .gform_wrapper .ginput_complex .ginput_left input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), 
body .gform_wrapper .ginput_complex .ginput_right input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), 
body .gform_wrapper .ginput_complex .ginput_right select, 
body .gform_wrapper .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), 
body .gform_wrapper .ginput_complex select,
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper select, .gform_wrapper textarea{
    border-radius: 4px;
    border: 1px solid gray;
    padding: 8px;
}
body .gform_wrapper ul li.gfield {

}
body .gform_wrapper .top_label div.ginput_container {

}

::-webkit-input-placeholder,
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select { 
	color: #adadad;
	}
::-moz-placeholder { 
	color: #adadad;
}
:-ms-input-placeholder { 
	color: #adadad;
	}
:-moz-placeholder { 
	 color:#adadad;
	}

body .gform_wrapper .ginput_complex .ginput_left input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), 
body .gform_wrapper .ginput_complex .ginput_right input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), 
body .gform_wrapper .ginput_complex .ginput_right select, 
body .gform_wrapper .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), 
body .gform_wrapper .ginput_complex select,
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper select, .gform_wrapper textarea{

}



/*////////////////////////////////////////////////
PAGE STYLES
////////////////////////////////////////////////*/


.emailLink {
    position: relative;
    padding-left: 40px;
    display: inline-block;
}
.emailLink:before {
    position: absolute;
    left: 0;
    content: '';
    display: inline-block;
    width: 33px;
    height: 24px;
    background: url(images/email-icon.svg) no-repeat center;
    background-size: contain;
} 
#apply {
    background: url(images/apply-for-grant-background-blue.jpg) no-repeat center center;
    background-size: cover;
}
#apply .btn-outline-light:hover {
    background-color:#f57814!important;
    border-color:#f57814!important;
}
#action .iconContainer {
    width: 136px;
    height: 136px;
    margin: 20px auto;
    align-items: center;
    display: flex;
}
#action a h4 {
    color: #000;
}
#action a p {
    color: #545454;
}
#action a {
    text-decoration: none;
}
#action a:hover .card {
    background-color: #f7f7f7;
}
/*SIDEBAR STYLES*/
#sidebar .submenu li {
    padding-bottom: 20px;
}
#sidebar .submenu li:last-child {
    padding-bottom: 0;
}
#sidebar .submenu a {
    color: #545454;
    text-decoration: none;
}


/*////////////////////////////////////////////////
Accordion Styles
////////////////////////////////////////////////*/
.accordion-flush .accordion-item .accordion-button {
    border-radius: 0;
    font-size: calc(1.325rem + .9vw);
    color: #005191;
}
.accordion-button:not(.collapsed) {
    color: #FFF !important;
    background-color: #f57814;
}
/*////////////////////////////////////////////////
FOOTER
////////////////////////////////////////////////*/

footer {

}
footer a {
    color: #545454;
    text-decoration: none;
}
footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

footer ul.contactInfo li,
footer ul.menu li {
    margin-bottom: 12px;
    text-transform: none;
}

footer .seoteric p {

}
footer ul.socials {
    justify-content: end;
}
footer ul.socials li.list-group-item {
    background: none;
    border: none;
    padding: 0;
}
footer ul.socials li.list-group-item a {
    display: block;
    padding: 0;
    background: #005191;
    margin-left: 10px;
    color: #FFF;
    font-size: 16px;
    width: 24px;
    height: 24px;
    text-align: center;
}
footer ul.socials li.list-group-item a:hover {
    background: #f57814;
}


/*////////////////////////////////////////////////
RESPONSIVE
////////////////////////////////////////////////*/


@media only screen and (max-width: 1400px) {

}

@media screen and (max-width:979px){
    #heroSlides .carousel-caption {
        bottom: 2.25rem;
    }	
    footer ul.socials {
        justify-content: center;
    }    
}
@media screen and (max-width:859px){

}
@media screen and (max-width:767px){
    #heroSlides .carousel-item img {
        height: 60vh;
        width: auto !important;
        left: -20%;
        position: relative;
    }

}
@media screen and (max-width:599px){
    img.alignright,
    img.alignleft {
        margin: 0 0 20px 0;
        float: none;
    }
	
}
@media screen and (max-width:479px){
	header .navbar-brand img {
        width: 200px;
    }
}