@charset "utf-8";


/* CSS Document */

.btn-group.open .btn.dropdown-toggle {
    background-color: #ebebeb;
}

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #34629b;
}

.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
    border-top-color: #356fa8;
    border-bottom-color: #356fa8;
}

.csof {
    font-size: 2em;
    margin-top: 4em;
}

#gform_17 h3 {
    padding-top: 40px;
    color: #CB1B1E;
}

#gform_17 .first h3 {
    padding-top: 0px;
    color: #CB1B1E;
}


#gform_17 h2 {
    padding-top: 40px !important;
}




/* LK Styles */


/* Fade transition for carousel items */

.carousel .item {
    left: 0 !important;
    -webkit-transition: opacity .75s;
    /*adjust timing here */
    -moz-transition: opacity .75s;
    -o-transition: opacity .75s;
    transition: opacity .75s;
}

.carousel-control {
    background-image: none !important;
    /* remove background gradients on controls */
}



/* Fade controls with items */

.next.left,
.prev.right {
    opacity: 1;
    z-index: 1;
}

.active.left,
.active.right {
    opacity: 0;
    z-index: 2;
}



/* Restyle bootstrap indicators to match Royal Slider look */

.carousel-indicators {
    bottom: -40px;
}

.carousel-indicators .active {
    margin: 0;
    margin-left: 10px;
    width: 5px;
    height: 5px;
    background-color: rgb(255, 255, 255);
}

.carousel-indicators li {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0;
    margin-left: 10px;
    text-indent: 0px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    background-color: #B2B2B2;
}



/*
/* Generic HHS Styles
/*
/* */

#hhs-header {
    border-bottom: 6px solid rgb(255, 255, 255);
    background: url('/wp-content/themes/hhsmain/assets/img/header-background.png') no-repeat;
    background: linear-gradient(to left, rgb(53, 131, 190), rgb(16, 82, 134));
}

#hhs-logo {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
}



/*
/* LA Food Bank
/*
/* */

#intro h1 {
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    font-size: 60px;
    font-weight: 800;
    color: #3284BF;
    text-align: center;
    text-transform: uppercase;
}

.volunteers-needed {
    margin-top: 0;
    padding-top: 0px;
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    color: #3284bf;
    text-align: left;
}

#intro h1.gold {
    color: #FFC828;
    font-size: 48px;
    margin-top: 0px;
    margin-bottom: 20px;
    padding-bottom: 0px;
}

.limit {
    margin-top: -15px;
    font-size: 24px;
    font-weight: 500;
    color: #3284BF;
    text-align: center;
}

.limit-reg {
    font-size: 20px;
    font-weight: 500;
    color: #3284BF;
    text-align: center;
    margin-top: 25px;
}

.limit-reg sup {
    color: rgb(121, 0, 0);
}

.lafb-main-button {
    display: inline-block;
    background: #0054A6;
    padding: 10px 15px;
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    font-weight: 800;
    color: #FFFFFF;
    text-transform: uppercase;
}

.lafb-main-button a {

    color: #FFFFFF !important;
}
.zero-top {
	margin-top: 0px !important;
}
.bottom-thirty {
	margin-bottom: 30px !important;
}
.bottom-widget-lafb a {
    font-size: 18px;
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-decoration: underline !important;
    color: #3284BF;
    padding-bottom: 5px;
    display: inline-block;
}

.pnr-18 {
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: normal;
}

#dates {
    margin-top: 10px;
}

#gform_page_12_1 .gform_page_footer,
#gform_page_13_1 .gform_page_footer {
    border-top: none;
}

#input_12_7 li.gchoice_12_7_1 {
    display: inline-block;
    padding-left: 30px !important;
}

#lafb-success li {
    font-size: 18px;
}

#lafb-success h2 {
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
    color: #3284BF;
}

.lafb-subheading-h2 {
    font-size: 40px !important;
    font-weight: 800 !important;
    color: #3284BF !important;
    text-align: center !important;
    text-transform: none !important;
    font-family: "proxima-nova", Helvetica, Arial, sans-serif !important;
}

#lafb-success a {
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-transform: none;
    color: #3284BF;
    text-decoration: none;
}

.lafb-button,
#lafb-return {
    margin-top: 30px;
}

.lafb-button a,
#lafb-return a {
    display: inline-block;
    background: #0054A6;
    padding: 10px 15px;
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    font-weight: 800;
    color: #FFFFFF;
    text-transform: uppercase;
}

.lafb-button a:hover,
.lafb-lafb-button a:active,
#lafb-return a:hover,
#lafb-return a:active {
    background: #3284BF;
    color: #FFFFFF;
    text-decoration: none;
}



/* Styles for Survey Forms */

#gform_16 label {
    font-weight: bold;
}

#gform_16 .gfield_checkbox li label {
    font-weight: normal;
}



/* Change label on request form due date */

#field_3_10 label:after {
    content: ' — Please See Important Note Below';
    color: rgb(121, 0, 0);
}