/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

/* Safari hack... silly Safari can't read fonts... */
@import url("google-fonts.css");
@import url("js-responsive-fixes.css");

/**
    * Index
    **** line #'s updated 09/6/19 ****
    * - Fonts & Basic Styles | ~30
    * - Header Top Section | ~245
    * - Main Menu | ~ 250
    * - Banner | ~600
    * - General Layout & Reusable Elements | ~633
    * - Donation Form | ~623
    * - Footer | ~974
    * - Home Page | ~756
    * - Who We Are/About Us | ~840
    * - What We Do | ~900
    * - Donate
    * - Media Queries | ~ at the end

**/

/*----------------------------------------------------------------------------*\
    Fonts & Basic Styles
\*----------------------------------------------------------------------------*/

/* Description */
body *{
    background-position: top center !important;
}
*{
    font-family: 'Barlow Semi Condensed', sans-serif;
}
html, body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    /* font-size: 16px; */
}

.drop_down .second .inner > ul > li > a{
        font-size: 16px;
		line-height: 19px;
    }

@media only screen and (max-width: 1200px){
    html, body{
        font-size: 15px;
    }
    .drop_down .second .inner > ul > li > a{
        font-size: 14px;
    }
}

@media only screen and (max-width: 960px){
    html, body{
        font-size: 14px;
    }
}

@media only screen and (max-width: 768px){
    html, body{
        font-size: 13px;
    }
	.drop_down .second .inner > ul > li > a{
        font-size: 14px;
    }
}

@media only screen and (max-width: 500px){
    html, body{
        font-size: 12px;
    }
}


h1, h2, h3, h4, h5, h6{
    line-height: 1.2;
}
h1, h2{
    margin-bottom: 0.5rem;
}
h3, h4, h5, h6, p{
    margin-bottom: 0.8rem;
}
blockquote, blockquote p{
    font-style: italic;
    font-weight: 500;
    color: #e3c9a0;
    text-decoration: none;
    margin: auto;
    text-align: center;
    max-width: 900px;
    letter-spacing: .02em;
    line-height: 1em !important;
}

a{
    white-space: inherit !important;
}

blockquote p{
    font-size: 1.5rem;
    line-height: 1.2rem;
}
strong{
    /* color: #1D3E5C !important; */
}
hr{
    border-style: solid;
    border-width: .5px;
}
.hidden{
    display: none;
}
.pagination ul li span {
	background-color: #fff;
	border-color: black;
}
.pagination ul li a:hover {
	background-color: #fff;
	border-color: #8E8E8E;
}
.pagination ul li span:hover {
	background-color: #fff;
	border-color: #8E8E8E;
}
.pagination ul li i {
	margin-top: -5px;
}
.separator{
    width: 134px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 25px;
}
.separator.left{
    margin-left: 0;
}
.drop_down .narrow .second .inner ul li {
	width: 220px;
    text-align: center;
}
.center-button, .center{
    display: table;
    margin-right: auto;
    margin-left: auto;
}
.qbutton, .average-button{
    line-height: 1em;
    padding: 0.8em 1em;
    height: auto;
}
.qbutton.large{
    padding: 6px 29px;
}
.white, .white *, .white span, .white h3, .white h5{
    color: #ffffff !important;
}
.footer_top .footer_top a, .footer_top a{
	color: #50AAB5;
}
.screen-reader-text {
    display: none;
}
.box-shadow{
    box-shadow: 0px 5px 8px #00000033;
}

.vc_basic_grid .vc_btn3.vc_btn3-style-custom{
    font-size: 1.1875rem;
    font-weight: 900;
    letter-spacing: 2px;
    background: none;
}
.vc-gitem-zone-height-mode-auto:before{
    display: none;
}

.title_holder{
	padding-top: 0px !important;
}

.breadcrumbs-container {
	padding: 0 0 15px 20px;
}

.breadcrumbs {
	text-transform: uppercase;
	color: #031B3F !important;
	font-weight: 600;
	letter-spacing: 1.5px;
}

.breadcrumbs a {
	text-transform: uppercase;
	color: #031B3F !important;
	font-weight: 600;
	letter-spacing: 1.5px;
}

.qode-banner:hover .qode-banner-content {
    opacity: 1;
    background-color: transparent !important;
	transition: .2s;
}

.qode-advanced-tab-text-after-icon {
	font-size: 1.2rem;
	line-height: 20px;
	text-align: center;
}

#back_to_top>span {
	line-height: 0px !important;
}

#floating-donate-button{
    font-size: 18px;
    line-height: 60px;
    height: 60px;
    font-style: normal;
    font-weight: 700;
    background-color: #D7372B;
    display: inline-table;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 999999999;
    padding: 0 22px 0 14px;
    color: #FAFAFA;
    transition: .2s;
}
#floating-donate-button:hover{
    background-color: #EB4438;
    transition: .2s;
}

#floating-donate-button:before{
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 62px solid #D7372B;
    border-left: 16px solid #ff090900;
    position: absolute;
    top: 50%;
    margin-top: -32px;
    left: -16px;
    z-index: 2;
    transition: .2s;
}
#floating-donate-button:hover:before{
    border-bottom: 62px solid #EB4438;
    transition: .2s;
}

#floating-donate-button img{
    float: left;
	height: 40px;
	width: 40px;
	margin-top: 10px;
	margin-right: 10px;
}

#floating-donate-button a{
    color: #fff;
    padding: 0 20px;
    font-size: 18px;
    line-height: 60px;
    height: 60px;
    font-style: normal;
    font-weight: 600;
}

@media only screen and (max-width: 1000px) {
		#floating-donate-button {
			display: none;
		}
}

.sign-me-up-btn {
	border-radius: 25px;
	/* margin-top: 20px; */
	width: 100% !important;
	margin-left: auto !important;
    margin-right: auto !important;
}

/*----------------------------------------------------------------------------*\
    HEADER TOP SECTION
\*----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------*\
    Main Menu
\*----------------------------------------------------------------------------*/

/* header.fixed_hiding .q_logo a, header.fixed_hiding .q_logo {
    max-height: 95px;
} */

.admin-bar header.fixed_hiding{
    top: 32px;
}
header.fixed_hiding.scrolled .q_logo, header.fixed_hiding.scrolled .q_logo a {
    opacity: 1 !important;
}
.header_inner .q_logo_hidden{
    opacity: 0 !important;
}

.header_inner .q_logo a, header.fixed_hiding.scrolled .q_logo a{
    float: left;
    height: 85px !important;
    max-height: 81px !important;
}

.header_inner .q_logo a img{
    transform: none;
    padding-left: 50px;
    transform: none !important;
}

header.fixed_hiding .q_logo_hidden a{
    float: left;
    padding-left: 50px;
}

.menu-top-menu-container{
    float: right;
    margin-right: 24px;
}

/* header.fixed_hiding.centered_logo .logo_wrapper{
    padding: 12px 0;
} */

nav.main_menu > ul > li > a {
    text-align: center;
}

nav.main_menu > ul > li > ul > li > a {
    text-align: center;
	font-size: 1.2rem;
}

header:not(.with_hover_bg_color) nav.main_menu>ul>li:hover>a{
    /* font-weight: 500; */
    opacity: 1;
	transform: 1s;
}

.header-widget.header-right-from-logo-widget{
    padding-right: 0;
}

.header-widget.widget_nav_menu ul ul{
    width: 208px;
    margin-top: 52px;
    background-color: transparent;
}

.header-widget.widget_nav_menu ul li li{
    background-color: #d6372b;
    margin-top: 1px;
}

.header-widget.widget_nav_menu ul li li:hover{
    background-color: #EB4438;
}

body .header_bottom_right_widget_holder{
    height: 100%;
    padding: 21px 10px;
    display: block;
}

.default_template_holder {
	margin-top: 35px;
}

#searchsubmit{
    font-family: FontAwesome;
    margin-left: -41px;
    padding: 11px;
    border-width: 1px;
    border: none;
    background: none;
}

#s{
    padding: 10px;
    border-width: 1px;
    border: 1px solid #d4d4d4;
}

.menu-top-menu-container, #menu-top-menu, .menu-item, .menu-top-menu-container #menu-top-menu > .menu-item a{
    /* height: 100%; */
}
.menu-top-menu-container #menu-top-menu > .menu-item {
    background: #8fab4d;
    padding: 0 1vw 0 3vw;
    transition: .75s;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 85px;
}
.menu-top-menu-container #menu-top-menu > .menu-item:hover{
    background: #586a2f;
}

.menu-top-menu-container #menu-top-menu > .menu-item:before{
    content: "";
    border-right: 30px solid #8fab4d;
    border-top: 85px solid white;
    transition: .75s;
    left: 0;
    position: absolute;
}
.menu-top-menu-container #menu-top-menu > .menu-item:hover:before{
    border-right: 30px solid #586a2f;
}

.menu-top-menu-container #menu-top-menu > .menu-item:after{
    content: "";
    border-right: 30px solid transparent;
    border-top: 85px solid #8fab4d;
    transition: .75s;
    right: -30px;
    position: absolute;
    z-index: 1;
}
.menu-top-menu-container #menu-top-menu > .menu-item:hover:after{
    border-top: 85px solid #586a2f;
}

.menu-top-menu-container #menu-top-menu > .menu-item a{
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: .75s;
    padding: 0;
    z-index: 99;
    display: flex;
    align-items: center;
}

.menu-top-menu-container #menu-top-menu > .menu-item .menu-item a{
    padding: 10px 20px;
    text-align: center;
    display: block;
    font-size: 18px;
    letter-spacing: 2px;
}

.header-widget.widget_nav_menu ul.menu>li.menu-item-has-children>a:after{
    display: none;
}

#menu-main-menu .second .inner{
    margin-top: 7px;
}

.scrolled #menu-main-menu .second .inner{
    margin-top: 12px;
}

header.fixed_hiding .holeder_for_hidden_menu{
/*     max-height: 82px; */
}

nav.main_menu ul li.active a {
	/* font-weight: 800; */
}
/* .q_logo_hidden img{
    height: 40px !important;
} */

#searchform .screen-reader-text{
    display: none;
}

@media only screen and (min-width: 1000px){
    header.fixed_hiding .q_logo_hidden a {
        height: 85px;
    }
}
@media only screen and (max-width: 1000px){
    .menu-top-menu-container #menu-top-menu > .menu-item{
        height: 30px;
    }
    .menu-top-menu-container #menu-top-menu > .menu-item:before, .menu-top-menu-container #menu-top-menu > .menu-item:after {
        border-top-width: 32px !important;
    }
    .menu-top-menu-container{
        margin-right: 0;
    }
    .menu-top-menu-container #menu-top-menu > .menu-item:nth-child(3):after{
        display: none;
    }
    .menu-top-menu-container #menu-top-menu > .menu-item:before{
        border-top: none;
    }
    body .menu-top-menu-container #menu-top-menu > .menu-item:nth-child(3) > a:before{
        width: 20px;
        height: 20px;
        background-size: contain;
        position: absolute;
        right: 50%;
        top: 6px;
        transform: translate( -14px);
        margin-right: 0;
    }
    .header-widget.widget_nav_menu ul ul {
        width: 100%;
        margin-top: 0;
    }
}


/* Sticky Menu  -------------------------------------- */

.scrolled .menu-top-menu-container #menu-top-menu > .menu-item:hover a{
    /* margin-top: 5px; */
}

/* .scrolled .menu-top-menu-container #menu-top-menu > .menu-item:before {
    bottom: -25px;
} */

.scrolled .menu-top-menu-container #menu-top-menu > .menu-item:hover:before {
}

.menu-top-menu-container #menu-top-menu > .menu-item:nth-child(2){
    background: #3cc4f0;
}
.menu-top-menu-container #menu-top-menu > .menu-item:nth-child(2):hover{
    background: #216c84;
}

.menu-top-menu-container #menu-top-menu > .menu-item:nth-child(2):before{
    border-right-color: #3cc4f0;
}
.menu-top-menu-container #menu-top-menu > .menu-item:nth-child(2):hover:before{
    border-right-color: #216c84;
}

.menu-top-menu-container #menu-top-menu > .menu-item:nth-child(2):after{
    border-top-color: #3cc4f0;
}
.menu-top-menu-container #menu-top-menu > .menu-item:nth-child(2):hover:after{
    border-top-color: #216c84;
}

.menu-top-menu-container #menu-top-menu > .menu-item:nth-child(3){
    background: #d6372b;
    padding-left: 40px;
}
.menu-top-menu-container #menu-top-menu > .menu-item:nth-child(3):hover{
    background: #7f2119;
}

.menu-top-menu-container #menu-top-menu > .menu-item:nth-child(3):before{
    border-right-color: #d6372b;
}
.menu-top-menu-container #menu-top-menu > .menu-item:nth-child(3):hover:before{
    border-right-color: #7f2119;
}

.menu-top-menu-container #menu-top-menu > .menu-item:nth-child(3):after{
    border-top-color: #d6372b;
}
.menu-top-menu-container #menu-top-menu > .menu-item:nth-child(3):hover:after{
    border-top-color: #7f2119;
}


.menu-top-menu-container #menu-top-menu > .menu-item:nth-child(3):after{
    content: "";
    border-right: 30px solid #ffffff;
    border-top: 85px solid #d6372b;
    right: -20px;
    position: absolute;
}

.menu-top-menu-container #menu-top-menu > .menu-item:nth-child(3) > a:before{
    content: "";
    background: url(/wp-content/uploads/2019/08/heart.png);
    width: 50px;
    height: 50px;
    display: block;
    float: left;
    margin-right: 10px;
}

.menu-top-menu-container #menu-top-menu > .menu-item:hover a{
    font-weight: 600;
    /* margin-top: 20px; */
    color: #fff !important;
}

.menu-top-menu-container #menu-top-menu > .menu-item:hover:before{
    /* bottom: 0; */
}

header.fixed_hiding.scrolled .holeder_for_hidden_menu {
    background-color: #031b3f;
    max-height: 65px !important;
}

header.fixed_hiding.scrolled:not(.with_hover_bg_color) nav.main_menu>ul>li>a>span:not(.plus){
    top: 5px;
}

header.fixed_hiding.scrolled nav.main_menu {
    top: -5px !important;
}
header.centered_logo nav.main_menu{
    padding: 23px 0;
}

body header.fixed_hiding.scrolled .header_bottom_right_widget_holder {
    padding: 14px 10px;
}

@media only screen and (min-width: 1200px){
    nav.main_menu > ul > li > a {
        padding: 0 30px;
    }
	.content{
        margin-top: 166px;
    }
}

@media only screen and (max-width: 1200px){
    nav.main_menu > ul > li > a {
        padding: 0 17px;
    }
	.content{
        margin-top: 160px;
    }
}

@media only screen and (min-width: 1000px){
    header.fixed_hiding.centered_logo .header_inner_left {
        margin: 0;
    }

    .content.content_top_margin_none {
        margin-top: 132px !important;
    }
    header.fixed_hiding.scrolled:hover .holeder_for_hidden_menu {
        max-height: 81px;
    }
}

@media only screen and (max-width: 768px){
    #menu-item-2413 .sub-menu{
        display: none !important;
    }
}

@media only screen and (max-width: 1000px){
    .header_bottom{
        padding: 0;
    }
    .header-right-from-logo-widget {
        display: block;
        width: 100%;
        position: absolute;
    }
    .header-right-from-logo-widget {

    }
    .menu-top-menu-container, .header-right-from-logo-widget-inner, .header-widget.header-right-from-logo-widget{
        width: 100%;
    }
    .header-widget.header-right-from-logo-widget{
        display: block;
        position: absolute;
    }
    #menu-top-menu{
        display: flex;
    }
    .menu-top-menu-container #menu-top-menu > .menu-item{
        padding: 1px 0px 1px 20px;
        flex-grow: 1;
    }
    .menu-top-menu-container #menu-top-menu > .menu-item a {
        margin-top: 0;
        font-size: 1.1rem;
        width: 100%;
        text-align: center;
        display: block;
    }
    .logo_wrapper{
        margin-top: 30px
    }
    .mobile_menu_button, header.centered_logo .header_inner_right{
        margin: 30px 20px 0 20px !important;
    }
    .menu-top-menu-container #menu-top-menu > .menu-item:hover a {
        margin-top: 0;
    }
    .menu-top-menu-container #menu-top-menu > .menu-item:nth-child(3) a {
        border-bottom: none;
        height: 100%;
    }
    .scrolled .menu-top-menu-container #menu-top-menu > .menu-item a{
        margin-top: 0;
    }
    nav.mobile_menu ul li{
        padding: 0 10px;
    }
    .mobile_menu br{
        display: none;
    }
    .header_inner .widget_search{
        display: none;
    }
	 .q_logo a, .q_logo img {
        height: 100% !important;
		margin-right: 30px;
    }
}

@media only screen and (max-width: 480px){
    .q_logo a, .q_logo img {
        height: 100% !important;
		margin-right: 30px;
    }
}


/* Search Menu  -------------------------------------- */
.side_menu_button a:last-child {
    padding: 0 0 10px 10px;
}
.search_slides_from_header_bottom .qode_icon_font_awesome.fa{
    color: #84bdd7;
}
.search_slides_from_header_bottom .qode_icon_font_awesome.fa:hover{
    color: #ffffff;
}

.qode_search_submit{
    cursor: pointer !important;
}

/*----------------------------------------------------------------------------*\
    Banners
\*----------------------------------------------------------------------------*/
.page-banner-sizing {
	padding-top: 11vw !important;
	padding-bottom: 11vw !important;
}

.dark-banner-overlay:before {
	content: " ";
    background: rgba(0, 0, 0, 0.35);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
}
.background-top {
	background-position: top center !important;
}

.title.title_size_large h1 {
	font-size: 45px;
}

/*----------------------------------------------------------------------------*\
    General Items / Reusable CSS
\*----------------------------------------------------------------------------*/

.average-button {
	/* padding: 4px 25px; */
	border-radius: 25px;
	color: white !important;
	font-size: 1.2rem;
	font-weight: 700;
	min-width: 200px !important;
	/* max-width: 200px !important; */
    line-height: 1em;
    padding: 0.8em 1em;
    height: auto;
}

.stories-of-hope-button {
	margin-top: 15px !important;
	background-color: #d6372b;
	padding: 0.3em .5em;
	color: white;
	border: 2px solid #d6372b;
	border-radius: 10px;
}


.stories-of-hope-button:hover {
	background-color: white;
	color: #d6372b;
	border: 2px solid #d6372b;
}


.max-width{
    margin-left: auto;
    margin-right: auto;
}
.twoninety{
    max-width: 290px;
}
.twofifty{
    max-width: 250px;
}




/*----------------------------------------------------------------------------*\
    Donation Form
\*----------------------------------------------------------------------------*/

.give-row-top {
	max-width: 900px;
	margin: 0 auto;
	background-color: #3BC4F0;
}

.give-row {
	max-width: 900px;
	margin: 0 auto;
}

.give-row:after {
	content: " ";
    display: block;
    width: 0;
    height: 0;
    position: relative;
    border-left: 10vw solid transparent;
    border-bottom: 248px solid rgba(115, 208, 238, .2);
    margin-top: -248px;
    float: right;
    overflow: hidden;
}

/* stoked about this but let me know if its too extra - david */

.up-arrow {
  position: relative;
 -webkit-animation: arrow-move 1.8s infinite; /* Safari 4.0 - 8.0 */
  animation: arrow-move 1.8s infinite;
}

.up-arrow-2 {
  position: relative;
 -webkit-animation: arrow-move 1.8s infinite; /* Safari 4.0 - 8.0 */
  animation: arrow-move 1.8s infinite;
}

.underarrow-text, .up-arrow{
  margin-left: 180px;
}

.red-curved-arrow {
    margin-left: -430px;
    margin-top: -135px !important;
}

@-webkit-keyframes arrow-move {
  0%   {top: 0px; left: 0px;}
  25%  {top: -5px; left: 0px;}
  50%  {top: -1.25px; left: 0px;}
  75%  {top: -.4px; left: 0px;}
  100% {top: 0px; left: 0px;}
}
@keyframes arrow-move {
  0%   {top: 0px; left: 0px;}
  25%  {top: -5px; left: 0px;}
  50%  {top: -1.25px; left: 0px;}
  75%  {top: -.4px; left: 0px;}
  100% {top: 0px; left: 0px;}
}

.blue-give-text {
    color: #1795D5 !important;
}

#DonationForm{
    min-height: 250px;
    max-width: 650px;
    margin-left: auto;
    margin-top: auto;
    padding: 0px;
}

#HomeDonationForm{
    min-height: 215px;
    max-width: 650px;
    margin-left: auto;
    margin-top: auto;
    padding: 0px 10px 0px 10px;
}

.give-subhead{
    text-align: center;
    margin: 30px 0;
}

.give-box {
    padding: 10px 0 0;
    text-align: center;
}

.give-background {
	 background-image: url("/wp-content/uploads/2019/08/Mask-Group-30.png"), url("/wp-content/uploads/2019/09/dana-devolk-1348685-unsplash.jpg") !important;
	 background-size: 500px, cover !important;
     background-position: left bottom, center !important;
     background-repeat: no-repeat, no-repeat !important;
}

@media only screen and (min-width: 1000px) and (max-width: 1100px){
    .donation-form-header{
        max-width: 600px;
    }
}

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

	.give-background {
	 background-image: url("/wp-content/uploads/2019/09/dana-devolk-1348685-unsplash.jpg") !important;
	 background-size: cover !important;
     background-position: center !important;
     background-repeat: no-repeat !important;
	}

	.donation-form-header h1{
	font-size: 2.4rem !important;
	}

	/* .give-header-2 {
		font-size: 1.5rem !important;
	} */
	.give-header-3 {
		font-size: 1.5rem !important;
	}
	.choose-header {
		font-size: 1.5rem !important;
	}

	.give-2-line-header {
		font-size: 2rem !important;
        margin-bottom: 20px !important;
	}

	.the-205-image img{
		margin-top: 20px;
	}

	#DonationForm{
    min-height: 0;
    max-width: 650px;
    margin-left: auto;
    margin-top: auto;
    padding: 0px;
}

}

.feeds-a-homeless-circle .vc_column-inner{
    margin-top: -88px !important;
}

@media only screen and (max-width: 1200px) {
    .feeds-a-homeless-circle .vc_column-inner{
        margin-top: -140px !important;
        margin-bottom: 10px;
    }
    .give-header-once-today, .give-header-3{
        font-size: 1.8rem !important;
    }
    .choose-header{
        font-size: 1.5rem !important;
    }
}

@media only screen and (min-width: 1000px) {
    .donate-how-you-can-help p {
        white-space: nowrap;
    }
    #HomeDonationForm h4{
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 1000px) {
    .feeds-a-homeless-circle .vc_column-inner{
        margin-top: -160px !important;
        margin-bottom: 0px;
    }
    .give-header-once-today, .give-header-3{
        font-size: 1.5rem !important;
    }
    .choose-header{
        font-size: 1.3rem !important;
    }
    .the-205-image img{
        height: 150px;
        width: auto;
    }
    .give-elements-holder h4{
        margin-bottom: 0 !important;
    }
    .red-curved-arrow{
        margin-left: -352px;
        margin-top: -90px !important;
    }
    .red-curved-arrow img{
        height: 68px;
        width: auto
    }
}

/* iPad only issue */
@media only screen and (width: 768px){
    .donate-how-you-can-help .vc_column_container {
        width: 100%;
    }
}

@media only screen and (max-width: 1200px){
    /* .up-arrow, .underarrow-text{
        margin-left: 50%;
    } */
}
@media only screen and (max-width: 1000px){
    /* .up-arrow, .underarrow-text{
        margin-left: auto;
    } */
}

@media only screen and (max-width: 768px) {
    .feeds-a-homeless-circle .vc_column-inner{
        display: none !important;
    }
    .donate-how-you-can-help h2, .donate-how-you-can-help p{
        text-align: center !important;
    }
    .underarrow-text, .up-arrow {
        margin-left: 200px !important;
    }
    .give-header-once-today, .give-header-3{
        font-size: 1.8rem !important;
    }
    .choose-header{
        font-size: 1.5rem !important;
    }
    .give-header-once-today{
        margin-top: 20px !important;
    }
}

@media only screen and (max-width: 480px) {
    .underarrow-text, .up-arrow {
        margin-left: 0 !important;
    }
}

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

	.donation-form-header h1{
	font-size: 2rem !important;
	}

	.give-header-2 {
		font-size: 2rem !important;
	}
	.give-header-3 {
		font-size: 1.5rem !important;
	}
	.choose-header {
		font-size: 1.5rem !important;
	}

	.give-2-line-header {
		font-size: 1.2rem !important;
	}

}

.choose-amount {
    color: #fff;
    text-align: center;
    padding: 8px;
    letter-spacing: .2rem;
    border-radius: 4px 4px 0 0;
}

.wpb_raw_code h2{
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}


/* this part is not on the home page */
.amount {
    background-color: #031B3F;
    position: relative;
	padding: 5px 0px;
}


.amount:before{
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid #031B3F;
    border-bottom: 20px solid #031B3F;
    border-left: 9px solid #ff090900;
    position: absolute;
    margin-top: -5px;
    margin-left: -9px;
    /* float: left; */
}

.amount:after{
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid #031B3F;
    border-bottom: 20px solid #031B3F;
    border-right: 9px solid #ff090900;
    float: right;
    top: 0;
    position: absolute;
    right: -9px;
}


.amount-new {
    background-color: #DEDBD6;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}


.give-description {
    color: #fff;
    margin: 0px 5px;
    padding: 4px 6px;
    font-family: Barlow Semi Condensed;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 22px;
    text-align: center;
}

/* this isnt really orange fyi */
/* This was, at one point, should have changed the name when the color changed,
or use another identifyer: i.e. primary-color, highlight, etc...  */
.orange {
    color: #d6372b;
}

.donate_buttons input{

    border-radius: 40px;
    margin-bottom: 15px;
    -webkit-appearance: none;
    text-align: center;
    padding: 4px 1.2vw;
}
.donate_monthly,.donate_onetime{
    display: initial;
}
.donate_buttons {
    margin: 20px 0 0px;
    border-radius: 25px;
}

.single_donate_button {
	background-color: #fff;
	padding: 5px 60px;
	/* border: 2px solid #C61017 !important; */
	border-radius: 25px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 15px;
	color: #C61017 !important;
	font-size: 1.1rem;
	font-weight: 800 !important;
	min-width: 150px !important;
	max-width: 220px !important;
}
.single_donate_button:hover {
	background-color: #C61017;
	/* border: 2px solid #C61017 !important; */
	color: #fff !important;
}


.amounts {
    padding-top: 5px;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    max-width: 470px;
    margin-left: auto;
    margin-right: auto;
}
.amounts .radio-text{
    font-size: 1.4rem;
	font-weight: 800;
    color: black;
    background: #EFEFEF;
    padding: 7px 12px;
    min-width: 45px !important;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 13px;
}
.amounts .radio-text:active, .amounts .radio-text:hover, .amounts input:checked ~ .radio-text{
    color: white !important;
    background-color: #C61017;
}
.amounts label:last-child .radio-text{
    margin-right: 0;
}
#DP_Amount, #DP_Meals{
    border: none;
    font-size: 18px;
    font-weight: 600;
    font-family: Barlow;
    color: #F85836;
    max-width: 33px;
}

.amounts input[type="radio"]{
    display: none;
}
@media only screen and (width: 768px) {
    .give-background .vc_col-sm-4, .give-background .vc_col-sm-8 {
        width: 100%;
    }
}

/* give buttons for non-home form */

.amount-button-non-home {
	border-radius: 25px !important;
	padding: 10px 25px !important;
	color: #CCCCCC !important;
 	margin-top: 5px;
	margin-bottom: 5px;
}

.amount-button-non-home:hover{
	background-color: #D7372B !important;
	color: white !important;
}

@media only screen and (min-width: 500px) and (max-width: 768px) {
	.amount-button-non-home {
		padding: 5px 10px !important;
		margin-bottom: 20px;
	}
}

.amounts-non-home .radio-text:active, .amounts .radio-text:hover, .amounts input:checked ~ .radio-text{
    color: white !important;
    background-color: #D7372B;
}

.single_donate_button-non-home {
	padding: 5px 60px;
	border: 2px solid #D7372B !important;
	background-color: white !important;
	color: #C61017 !important;
	border-radius: 25px;
	margin-left: 2px;
	margin-right: 2px;
	font-size: 1.2rem;
	font-weight: 800 !important;
	min-width: 180px !important;
	max-width: 200px !important;
}
.single_donate_button-non-home:hover {
	background-color: #D7372B !important;
	border: 2px solid #D7372B !important;
	color: white !important;
}


@media only screen and (max-width: 1200px){
    .q_elements_holder.responsive_mode_from_1000.two_columns .q_elements_item{
        width: auto;
    }
}

@media only screen and (max-width: 768px){
    /* Slider breaks on ipad size only, random fix */
    .q_elements_item{
        height: auto !important;
        display: block !important;
    }
}

@media only screen and (min-width: 450px) and (max-width: 800px) {
	.single_donate_button-non-home {
		min-width: 130px !important;
		max-width: 130px !important;
	}
}

/*----------------------------------------------------------------------------*\
    Footer
\*----------------------------------------------------------------------------*/
.btn{
    padding: 10px 25px;
    width: 65% !important;
    max-width: 100%;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 25px !important;
    color: white !important;
    font-size: 1.2rem;
    font-weight: 700;
    border: none !important;
}

.orange_button {
	background-color: #F2631B;
}
.orange_button:hover {
	background-color: #F4793B;
}

.red_button {
	background-color: #C61017;
}

.red_button:hover {
	background-color: #D86259;
}

.green_button {
	background-color: #8fab4d;
}
.green_button:hover {
	cursor: pointer;
	background-color: #A3C15C;
}
.footer-right-image {
    margin-bottom: -6px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.footer_bottom a {
	padding-right: 30px;
}

.mc4wp-form input {
    padding: 8px 8px;
    text-indent: 2%;
    font-size: 18px;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-style: italic;
    width: 100%;
}

.mc4wp-form input::placeholder {
    color: #3bc4f0;
}

/* footer .fa-facebook-f:after {
	content: " Facebook";
	font-size: 1.1rem;
	font-weight: 500;
	font-family: 'Barlow Semi Condensed', sans-serif;
	color: white;
	margin-left: 25px;
}

footer .fa-twitter:after {
	content: " Twitter";
	font-size: 1.1rem;
	font-weight: 500;
	font-family: 'Barlow Semi Condensed', sans-serif;
	color: white;
	margin-left: 25px;
}

footer .fa-instagram:after {
	content: " Instagram";
	font-size: 1.1rem;
	font-weight: 500;
	font-family: 'Barlow Semi Condensed', sans-serif;
	color: white;
	margin-left: 25px;
}


footer .fa-youtube-play:after {
	content: " YouTube";
	font-size: 1.1rem;
	font-weight: 500;
	font-family: 'Barlow Semi Condensed', sans-serif;
	color: white;
	margin-left: 25px;
} */

#media_image-7 img{
    position: absolute;
    bottom: -6px;
    display: flex;
    z-index: -1;
    right: 0;
}

@media screen and (max-width:768px) {
    footer div[style*="margin-top: 200px;"]{
        margin-top: 30px !important;
    }
}

/*----------------------------------------------------------------------------*\
    Home Page
\*----------------------------------------------------------------------------*/
.section .video-wrap {
	overflow: visible;
}

.the-arrow-line {
    position: absolute;
    font-size: 1.9rem;
    color: rgba(255, 255, 255, 0.7);
    letter-spacing: 3.5px;
    padding: 9px 0;
    width: 100vw;
    right: 300px;
    overflow: hidden;
}


.the-arrow-line-2 {
    position: absolute;
	top: -10px;
	right: 10%;
	font-size: 2rem;
	color: black;
	letter-spacing: 3.6px;
	overflow: hidden;
	opacity: .7;
	z-index: -1;
}

.see-the-impact a {
	color: white;
}


.see-the-impact a:hover {
	color: white !important;
}

.see-the-impact-effect {
	background-color: #F2631B;
	font-size: 3.9rem !important;
	transition: 1s;
	padding: 20px 10px;
}
.see-the-impact-effect:hover {
	background-color: #F4793B;
	transition: .5s;
}

/* learn more buttons on home page */
.transparent-button {
	background-color: transparent !important;
	border: none;
}

.meet-people-container {
	margin: 0px;
}

.meet-person-cards {
	margin: 20px 0px;
}

.angled-section-left:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    position: relative;
    border-right: 28vw solid #3cc4f0;
    border-bottom: 500px solid #73D0EE;
    margin-top: -500px;
    float: left;
    overflow: hidden;
}

.fa-angle-right {
	color: #031b3f !important;
	font-size: 3rem !important;
}

.fa-angle-left {
	color: #031b3f !important;
	font-size: 3rem !important;
}

.qode_content_slider .flex-direction-nav .flex-next:hover, .qode_content_slider .flex-direction-nav .flex-prev:hover {
	opacity: .8;
}


.home-counter .q_counter_holder {
    border-width: 6px;
    border-radius: 50%;
    width: 165px;
    height: 165px;
    background-color: rgba(255, 255, 255, .9);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    padding: 0px ;
}
.cutout-background {
	background-position: 100% 100% !important;
	background-size: contain;
	background-repeat: no-repeat !important;
}

body .cutout-background.hope {
	background-position: 100% 100% !important;
	background-size: contain;
	background-repeat: no-repeat;
}

.cutout-background-our-vision {
	background-position: 100% !important;
	z-index: 1;
}


/* recent posts */
.latest_post_two_title a{
	font-weight: bold !important;

}

.latest_post_two_excerpt {
	font-size: 1.75rem;
	line-height: 34px;
}

.qode-blog-carousel-titled .qode-bct-post .qode-bct-post-text {
    padding: 15px 15px 20px;
    background-color: #e3e8e8;
    text-align: center;
}

.qode-blog-carousel-titled .qode-bct-post{
    padding: 0 10px;
}

.qode-blog-carousel-titled .qode-bct-post .qode-bct-post-date{
    display: none;
}

.home .qode-blog-carousel-titled .qode-bct-posts-holder{
    padding: 32px 0px 44px;
}

.home .caroufredsel_wrapper{
    height: 460px !important;
}

.single-post .post_image img{
    min-height: 450px;
    max-width: 1000%;
    width: auto !important;
    transform: translate(-50%, 0);
    left: 50%;
}
.single-post h1{
    font-size: 4rem;
}

.post_info, .entry_date{
    display: none !important;
}

@media (min-width: 768px){
    .changing-lives .vc_col-sm-6 {
        min-height: 450px;
    }
}

@media screen and (max-width: 1160px){
    .hope:after{
        content: "";
        display: block;
        background: rgba(255, 255, 255, 0.75);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
    }
}

@media only screen and (max-width: 1000px){
    .archive .column1, .archive .column2, .archive .column3, .archive .column4 {
        width: 100% !important;
    }
    .archive .column2{
        display: none;
    }
}

/*----------------------------------------------------------------------------*\
 About Us / Who We Are Main + Subs
\*----------------------------------------------------------------------------*/

.angled-section-left-small:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    position: relative;
    border-right: 10vw solid transparent;
    border-bottom: 245px solid #73D0EE;
    margin-top: -245px;
    float: left;
    overflow: hidden;
}

.angled-section-left-john:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    position: relative;
    border-right: 50vw solid transparent;
    border-bottom: 1050px solid rgba(59,196,240,.2);
	margin-top: -1050px;
    float: left;
    overflow: hidden;
}


.our-vision-part1{
	z-index: 10;
}

.our-vision-part1 p{
	font-size: 1.3rem !important;
	line-height: 30px !important;
	color: #031B3F !important;
}

.our-vision-part1 li{
	color: white !important;
	font-size: 1.1rem;
}

.our-vision-part2 p {
	color: #414042 !important;
	font-size: 1.75rem;
}

.meet-john-section li{
	font-size: 1.1rem !important;
	font-weight: 400 !important;
	color: #031B3F !important;
	line-height: 30px;
	padding-left: 30px;
}

.meet-john-section p{
	font-size: 1.1rem !important;
	font-weight: 400 !important;
	color: #031B3F !important;
	line-height: 30px;
}

.who-we-are-links a:link {
	color: #031B3F !important;
	transition: .3s;
}

.who-we-are-links a:link:hover {
	color: #0C3C84 !important;
	transition: .3s;
}

.the-arrow-line-3 {
    position: absolute;
	left: -110px;
	font-size: 2rem;
	color: black;
	letter-spacing: 5px;
	overflow: hidden;
	opacity: .7;
	z-index: -1;
}

@media only screen and (max-width: 768px){
    .cutout-picture-who-we-are img{
        display: none;
    }
}

@media only screen and (width: 768px){
    .who-we-are-links .vc_col-sm-3{
        width: 100%;
    }
}

/*----------------------------------------------------------------------------*\
 What We Do
\*----------------------------------------------------------------------------*/

.story-button {
	min-width: 250px;
	max-width: 320px;
	padding: 5px 8px;
}


.the-arrow-line-4 {
    position: absolute;
	top: 20px;
	right: -140px;
	transform: rotate(-270deg);
	font-size: 2.5rem;
	color: white;
	letter-spacing: 5px;
	overflow: hidden;
	opacity: .8;
	z-index: -1;
}

.white-border-left {
	 border-left: 5px solid white !important;
}

.meet-mike-picture-container {
	border-right: 20px solid white !important;
}

.meet-mike-arrow-line {
	position: relative;
	font-size: 2rem;
	color: #5A5959;
	letter-spacing: 5px;
	overflow: hidden;
	margin-top: -70px;
	float: left;
	z-index: 9999;
}

.angled-section-see-our-impact-left {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0% 0%;
}


/*----------------------------------------------------------------------------*\
    Get Involved Page
\*----------------------------------------------------------------------------*/

.share-background-cutout {
	background-position: 100% 70% !important;
	background-size: 425px;
	background-repeat: no-repeat !important;
	margin-right: -50px !important;
	margin-bottom: -45px !important;
}

.volunteer-button {
	margin-bottom: 30px;
	padding: 5px !important;
	color: #fff !important;
	border: 2px solid #fff !important;
	transition: .3s !important;
	border-radius: 10px !important;
}

.volunteer-button:hover {
	color: #fff !important;
	background-color: #031b3f;
	border: 2px solid #031b3f !important;
	transition: .3s !important;
}
.wpb_gallery .wpb_flexslider.flexslider.drag_enabled {
	margin-bottom: 0px !important;
}

.bigger-li {
	font-size: 1.2rem;
}

/*----------------------------------------------------------------------------*\
    Ways To Give Page
\*----------------------------------------------------------------------------*/

.qode-banner .qode-banner-content {
	background-color: rgba(0,0,0,0);
}
.qode-banner .qode-banner-content{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    padding: 10%;
    box-sizing: border-box;
    background-color: rgba(3,27,64,0.75);
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
}

.qode-banner .qode-banner-content:before {
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(3,27,64,0.3);
    opacity: 1;
    z-index: -1;
    transition: opacity .3s ease-out;
}

.another-arrow-line-help {
	font-size: 2rem;
	color: #fff;
	letter-spacing: 5px;
	opacity: .8;
	overflow: hidden;
	margin-top: 40px;
	float: left;
	z-index: 9999;
}

.learn-more-button-slim {
    border-radius: 25px !important;
    white-space: nowrap !important;
    background-color: transparent !important;
	border: 2px solid white !important;
}

.learn-more-button-slim:hover{
    background: #D7372B !important;
}

.needs-list-li li{
	font-size: 1.3rem !important;
	padding: 0 9% !important;
}

.needs-list-li li li{
	font-size: 1.1rem !important;
	margin-left: -30px;

}

.min-height-map {
	min-height: 400px !important;
}


/*----------------------------------------------------------------------------*\
    Stay Informed
\*----------------------------------------------------------------------------*/

.latest-video-background {
	 background-image: url("/wp-content/uploads/2019/08/connect-1.png") !important;
	 background-size: 700px !important;
     background-position: 98% -4% !important;
     background-repeat: no-repeat !important;
}

.caldera-grid .btn-default {
	background-color: #FE5D02 !important;
	font-weight: 700;
	font-size: 1.1rem;
}

.caldera-grid .form-group {
     margin-bottom: 0px;
}
.caldera-grid .btn {
	min-width: 125px;
}

#caldera_form_1 {
	padding-left: 10%;
	padding-right: 10%;
}

.horiz-newsletter-signup .green_button{
    background-color: #FE5D02 !important;
    font-weight: 700;
    font-size: 1.1rem;
    min-width: 125px;
}
.horiz-newsletter-signup .mc4wp-form-fields div {
    width: 24%;
    margin-bottom: 15px;
    display: inherit;
}

.horiz-newsletter-signup .mc4wp-form-fields{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.position-bottom {
	margin-top: 40px;
}

.q_price_table .price_table_inner {
	height: 300px;
    background-color: white !important;
    position: relative;
	border: 2px solid #031b3f !important;
	color: black !important;
	box-shadow: 2px 5px 6px #D4D4D4;
	transition: .3s;
}


.q_price_table .price_table_inner:hover{
	height: 300px;
    background-color: white !important;
    position: relative;
	border: 2px solid #031b3f !important;
	color: black !important;
	box-shadow: 2px 6px 10px #D4D4D4;
	transition: .3s;
}

.q_price_table ul > li > h3 {
	color: black !important;
}

.price_table_inner .price_button a{
	border-color: #fff !important;
	color: #fff !important;
}

.price_table_inner .price_button a:hover{
	color: #fff !important;
}

@media screen and (max-width: 768px){
    .horiz-newsletter-signup .mc4wp-form-fields div{
        width: 100% !important;
    }
}

/*----------------------------------------------------------------------------*\
    Our Impact Page
\*----------------------------------------------------------------------------*/


.right-angled-section:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 900px solid #031B3F;
    border-left: 100px solid transparent;
    margin-top: 0px;
    margin-left: -98px;
    float: left;
	overflow: hidden;
	z-index: 0;
}


.right-angled-section-impact:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    position: relative;
    border-left: 250px solid transparent;
    border-bottom: 300px solid rgba(59,164,240,.2);
	margin-top: -300px;
	margin-right: -100px;
    float: right;
    overflow: hidden;
}

@media screen and (min-width: 790px) and (max-width: 899px) {

	.right-angled-section:before {
		content: " ";
		display: block;
		width: 0;
		height: 0;
		border-bottom: 1200px solid #031B3F;
		border-left: 100px solid transparent;
		margin-top: 0px;
		margin-left: -98px;
		float: left;
		overflow: hidden;
		z-index: 0;
	}
}

@media screen and (min-width: 900px) and (max-width: 1156px) {

	.right-angled-section:before {
		content: " ";
		display: block;
		width: 0;
		height: 0;
		border-bottom: 980px solid #031B3F;
		border-left: 100px solid transparent;
		margin-top: 0px;
		margin-left: -98px;
		float: left;
		overflow: hidden;
		z-index: 0;
	}
}

.big-z {
	z-index: 999;
}

.cutout-background-impact {
	background-position: 70% 140% !important;
	background-size: contain;
	background-repeat: no-repeat !important;
}

.heres-how .q_counter_holder {
    display: flex;
	background-color: #031B3F !important;
    align-items: center;
    border-bottom: 1px solid #36515F;
    padding: 20px 0;
    width: 100%;
}
/* not sure why these keep changing dep on the day, but i have both now. */
.heres-how .q_counter_holder:nth-child(09)  {
    border-bottom: none;
}
.heres-how .q_counter_holder:nth-child(10)  {
    border-bottom: none;
}

.heres-how .q_counter_holder span.counter {
	font-family: Playfair Display;
	font-style: italic !important;
	min-width: 160px;
	margin-right: 20px;
	text-align: right;
	font-size: 3rem !important;
}

.heres-how .q_counter_holder .counter_text {
	font-size: 1.5rem !important;
}

.heres-how .q_elements_item_content div:nth-child(n+7):nth-child(-n+10) span.counter:after {
	content: "+";
}


.the-arrow-line-impact {
	font-size: 2rem;
	color: #fff;
	letter-spacing: 3.6px;
	overflow: hidden;
	opacity: .7;
	margin-top: -20px;
	float: left;
}


/*----------------------------------------------------------------------------*\
    Donate Page
\*----------------------------------------------------------------------------*/

#menu-donate-page-menu{
    display: none !important;
}
.donation_page_wrapper #menu-donate-page-menu{
    display: block !important;
}
#menu-donate-page-menu a{
    font-size: 20px;
    color: #fff;
    background: #F2631B;
    padding: 30px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99999;
}
#menu-donate-page-menu a:hover{
    color:#ddd !important;
}

.admin-bar #menu-donate-page-menu a{
    top: 32px;
}

.donation_page_wrapper #custom_html-22, .donation_page_wrapper #floating-donate-button, .donation_page_wrapper #menu-item-1332, .donation_page_wrapper .footer_top_holder, .donation_page_wrapper .holeder_for_hidden_menu, .donation_page_wrapper #menu-top-menu{
    display: none !important;
}

.donation_page_wrapper header.fixed_hiding .header_bottom{
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.11);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.11);
    box-shadow: 0 1px 3px rgba(0,0,0,.11);
}

.donation_page_wrapper .default_template_holder{
    padding-top: 0 !important;
    margin-top: -10px !important;
}

@media only screen and (min-width: 1000px){
    header.fixed_hiding .header-right-from-logo-widget{
        width: auto;
    }
    .donation_page_wrapper header.fixed_hiding .header_bottom{
        height: 85px;
    }
}

@media only screen and (max-width: 1000px){
    #menu-donate-page-menu a{
        display: none;
    }
    .donation_page_wrapper .mobile_menu_button, .donation_page_wrapper .logo_wrapper{
        margin-top: 0 !important;
    }
}


/*----------------------------------------------------------------------------*\
    NEWSLETTERS
\*----------------------------------------------------------------------------*/


.price_table_inner ul li.table_title {
    padding: 25px 25px 3px;
    min-height: 65px;
}

.price_button a {
	background-color: #d6372b;
    color: #fff !important;
}



/*----------------------------------------------------------------------------*\
    Contact Form
\*----------------------------------------------------------------------------*/

.nf-form-fields-required{
    display: none;
}

.nf-form-content input[type=button]{
    background-color: #F2631B !important;
    cursor: pointer !important;
    padding: 10px 25px;
    width: 65% !important;
    max-width: 100%;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 25px !important;
    color: white !important;
    font-size: 1.2rem;
    font-weight: 700;
    border: none !important;
}

.nf-form-content input[type=button]:hover {
    background-color: #F4793B !important;
}

hr.ninja-forms-field{
    margin: 30px 0px 15px !important;
}


/*----------------------------------------------------------------------------*\
    Social Icons
\*----------------------------------------------------------------------------*/
.x-footer-icon:hover img {
	content: url('https://www.bayarearescue.org/wp-content/uploads/2023/10/logo2.png');
}

#custom_html-25 {
	display: inline-block;
    width: 35px;
	padding-right: 10px;
}

@media screen and (max-width: 600px) {
	#custom_html-25 {
		padding-left: 10px;
	}
}

.x-footer-icon img {
	margin-top: -15px !important;
}

.x-social-icon {
	display: inline-block;
}

.x-social-icon img {
	background-color: #031b3f;
    border-radius: 50%;
    padding: 13px;
    margin: -10px 2px 0px 5px;
}



/*----------------------------------------------------------------------------*\
    Bridge Builder
\*----------------------------------------------------------------------------*/

.page-id-4127 .banner-area{
    background-position: 67% top  !important;
}

body:not(.qode_disabled_responsive_button_padding_change) .qbutton{
    padding: 10px 14px;
}

.six-hundred-max-width .q_elements_item_content{
    max-width: 600px !important;
}

#restore-bg{
    background-position: right bottom !important;
}

body.page-id-4127 .blue-bk{
    background-position: top !important;
}

#bridge-builder-form{
    position: absolute !important;
}

@media screen and (max-width:768px) {
    #embeddedDonationSN{
        height: 1738px !important;
    }
}

@media screen and (max-width:600px) {
    #embeddedDonationSN{
        height: 1935px !important;
    }
}


/*----------------------------------------------------------------------------*\
    Media Queries
\*----------------------------------------------------------------------------*/

@media only screen and (max-width: 1000px) {
	.meet-mike-picture-container .wpb_single_image.vc_align_right {
		text-align: center !important;
	}

	.white-border-left {
		border-left: none !important;
	}

	.meet-mike-arrow-line {
		display: none;
	}
}


@media only screen and (max-width: 800px) {
	.right-angled-section:before {
		display: none;
	}

	.even-more-ways-resp h1 {
		font-size: 3rem !important;
	}


}

@media only screen and (min-width: 900px) and (max-width: 1000px) {
	.right-angled-section:before {
		content: " ";
		display: block;
		width: 0;
		height: 0;
		border-bottom: 1100px solid #031B3F;
		border-left: 100px solid transparent;
		margin-top: 0px;
		margin-left: -98px;
		float: left;
		overflow: hidden;
		z-index: 0;
	}

}

/* ipad and below */
@media only screen and (max-width: 768px){
    .video_section{
        padding-top: 250px !important;
    }
    .video_section h1{
        font-size: 3.5rem !important;
    }
    .video_section h3{
            font-size: 2rem !important;
    }
    .hide-tablet{
        display: none;
    }
	.man-cooking-cutout {
		padding-top: 160px;
	}

	.white-border-left {
		 border-left: 0px !important;
	}

	.meet-mike-picture-container {
		border-right: 0px !important;
	}

	.white-border-left {
		display: none;
	}

	.angled-section-left-small:after {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        position: relative;
        border-right: 20vw solid transparent;
        border-bottom: 300px solid #73D0EE;
        margin-top: -300px;
        float: left;
        overflow: hidden;
    }

	.vc_custom_1567829338553 {
		padding-left: 0px !important;
		padding-right: 0px !important;
		padding-top: 30px !important;
		min-height: 90px
	}
    .do-you-need-help-mobile {
		background-position: left;
     /* background: none !important; */
        padding: 0px !important;
    }
	.caldera-grid .form-group {
     margin-bottom: 15px;
	}

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

	.the-arrow-line-4 {
		display: none;
	}
	.meet-mike-arrow-line {
		display: none;
	}

	.another-arrow-line-help {
		display: none;
	}
	.the-arrow-line-impact {
		display: none;
	}

	.the-arrow-line {
    	display: none;
	}

	.meet-mike-picture-container .wpb_single_image.vc_align_right img {
		height: 500px;
		width: auto;
	}

	/* h2 {
		font-size: 2.2rem !important;
	} */

}


@media only screen and (max-width: 500px) {
    #menu-top-menu .sub-menu{
        display: none !important;
    }
	.hide-on-mobile {
		display: none;
	}

	.man-cooking-cutout {
		padding-top:0;
	}

	.page-banner-sizing {
		padding-top: 20vw !important;
		padding-bottom: 21vw !important;
	}


	.man-cooking-cutout {
	   margin-top: 0px !important;
	}

	.hide-on-small {
		display: none;
	}

	.position-bottom {
		margin-top: 15px;
	}

	.vc_custom_1567829338553 {
		padding-left: 15% !important;
		padding-right: 15% !important;
		padding-top: 20px !important;
		min-height: 0;
	}
	.share-background-cutout {
		display: none;
	}
	.the-205-image {
		/* margin-top: 40px; */
		margin-bottom: 20px;
	}




}



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

	.single_donate_button {
		min-width: 230px !important;
		max-width: 230px !important;
	}
	.single_donate_button-2 {
		min-width: 230px !important;
		max-width: 230px !important;
	}
	.see-the-impact-effect {
		font-size: 2rem !important;
	}
	.counter-holder {
		padding: 0px 0px;
	}
	.meet-people-container {
		margin: 0px;
	}

	.meet-person-cards {
		margin: 0px 0px;
		padding: 40px 0px;
	}

	.about-us-element-holders .q_elements_item {
		min-height: 300px;
	}

	.cutout-picture-who-we-are img{
		height: 400px;
		width: auto;
		position: relative;
		bottom: 0%;
		margin-top: -130px !important;
	}


	.angled-section-left-small:after {
		content: " ";
		display: block;
		width: 0;
		height: 0;
		position: relative;
		border-right: 50vw solid transparent;
		border-bottom: 430px solid #73D0EE;
		margin-top: -400px;
		float: left;
		overflow: hidden;
	}

}

@media screen and (max-width: 1000px){
.sidebar{display: none;}
}

/* Safari issues */
_::-webkit-full-page-media, _:future, :root .selector {
    /* border-bottom: 61px solid #D7372B; */
}


.mejs-layers{
    display: none !important;
}

.vc_row.wpb_row.section{
    background-repeat: no-repeat !important;
}

img[data-src="https://www.bayarearescue.org/wp-content/uploads/2020/07/greater-than.png"]{
    max-height:30px !important;
}

/* Give to menu */
@media only screen and (min-width: 1000px){
    .give-to:before{
        content: "";
        background: url(https://www.bayarearescue.org/wp-content/uploads/2020/08/Give-To.png);
        width: 110px;
        height: 23px;
        display: block;
        position: absolute;
        top: -20px;
        background-size: contain;
        background-repeat: no-repeat;
    }
}
@media screen and (max-width: 1200px){
    .give-to:before{
        width: 75px;
        top: -11px;
    }
    header.centered_logo nav.main_menu {
        padding: 20px 0;
    }
}


.flexslider, .portfolio_slider{
    margin-bottom: 0 !important;
}
.vc_custom_1569504346220 .responsive_mode_from_768 .q_elements_item:nth-child(2) {
    padding-bottom: 65px !important;
}




/* revslider */
#rev_slider_1_1_wrapper video{
    object-position: top !important;
}

.footer-logo{
    max-height: 70px;
    width: auto;
}

.x-footer-icon img{
	height: 28px !important;
}