/* 
 Theme Name:     Operation HOPE Inc.
 Author:         Operation HOPE Inc.
 Author URI:     operationhope.org
 Template:       Divi
 Version:        v.024
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 4.9.1
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/* 
@font-face {
    font-family: GothamBook;   
    src: url('localhost:8888/operationhopeV2/wp-content/uploads/fonts/Gotham-Book.woff');
}

body {
    font-family: Roboto !important;   
} */
#et-secondary-menu {
    float: none;
	text-align: center;
}

#top-menu li {
    display: inline-block;
    padding-right: 30px;
}
.et-fixed-header #top-menu li a {
    font-size: 14px;
}


/* style the menu button */
.donatetoday_button a {
color: #fff !important;
    line-height: 9px;
    font-weight: 600;
    padding: 13px 16px !important;
    text-transform: uppercase;
    font-size: 12px !important;
/*    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;*/
    display: block;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    border: 2px solid #fff;
}
 
.donatetoday_button a:hover {
    opacity: 1 !important;
    color: #fff !important;
    background-color: #e31d1a;
    border: 2px solid #e31d1a;
}
 
.et-fixed-header #top-menu .donatetoday_button a:hover {
    background-color: #e31d1a;
    border: 2px solid #e31d1a;
    box-shadow: 0px 5px 20px #aab9c3;
    -moz-box-shadow: 0px 5px 20px #aab9c3;
    -webkit-box-shadow: 0px 5px 20px #aab9c3;
}
 
.et-fixed-header #top-menu .donatetoday_button a {
    color: #fff !important;
    background-color: #e31d1a;
    box-shadow: 0px 5px 20px #d6dee4;
    -moz-box-shadow: 0px 5px 20px #d6dee4;
    -webkit-box-shadow: 0px 5px 20px #d6dee4;
    border: 2px solid #e31d1a;
}
.et-fixed-header.et_highlight_nav #top-menu .donatetoday_button a {
    background-color: #e31d1a;
    border: 2px solid #e31d1a;
    animation: highlight-nav .8s ease;
    -webkit-animation: highlight-nav .8s ease;
}
 
#main-header.et-fixed-header.et_highlight_nav #top-menu .donatetoday_button a:hover {
    background-color: #e31d1a;
    border: 2px solid #e31d1a;
    box-shadow: 0px 5px 20px #aab9c3;
    -moz-box-shadow: 0px 5px 20px #aab9c3;
    -webkit-box-shadow: 0px 5px 20px #aab9c3;
}
 
@-webkit-keyframes highlight-nav {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes highlight-nav {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
 
/* style the mobile menu links and button */
@media (max-width: 980px) {
.et_mobile_menu li {
text-align: center;
}
 
.et_mobile_menu li a {
border-bottom: none;
}
.et_mobile_menu li a:hover {
background-color: transparent;}
 
.donatetoday_button a {
border-bottom: 2px solid #fff !important;
}
}

/* FOR THE LOGOS HOVER  */
/* COLUMNS */
.ten-columns .et_pb_module {width: 10%; float: left;}
.nine-columns .et_pb_module {width: 11.11%; float: left;}
.eight-columns .et_pb_module {width: 12.5%; float: left;}
.seven-columns .et_pb_module {width: 14.28%; float: left;}
.six-columns .et_pb_module {width: 16.66%; float: left;}
.five-columns .et_pb_module {width: 20%; float: left;}
.four-columns .et_pb_module {width: 25%; float: left;}
.three-columns .et_pb_module {width: 33.33%; float: left;}

@media only screen and (max-width: 970px) {
 /* For tablets: */ 
 .ten-columns .et_pb_module, .nine-columns .et_pb_module, .eight-columns .et_pb_module, .seven-columns .et_pb_module, .six-columns .et_pb_module, .five-columns .et_pb_module, .four-columns .et_pb_module {
 width: 33%;
 }
}

@media only screen and (max-width: 760px) {
 /* For mobile phones: */
 .ten-columns .et_pb_module, .nine-columns .et_pb_module, .eight-columns .et_pb_module, .seven-columns .et_pb_module, .six-columns .et_pb_module, .five-columns .et_pb_module, .four-columns .et_pb_module {
 width: 50%;
 }
}
@media only screen and (max-width: 600px) {
 /* For mobile phones: */
 .ten-columns .et_pb_module, .nine-columns .et_pb_module, .eight-columns .et_pb_module, .seven-columns .et_pb_module, .six-columns .et_pb_module, .five-columns .et_pb_module, .four-columns .et_pb_module {
 width: 100%;
 }
}

@media only screen and (max-width: 980px) {
 /* For tablets: */
.three-columns .et_pb_module {width: 33.33%; padding: 20px}
/* .four-columns .et_pb_module {width: 25%; padding: 20px} */
}

/* @media only screen and (max-width: 479px) { */
 /* For phones: */
/* .three-columns .et_pb_module {width: 33.33%; float: left; padding: 20px;}
.four-columns .et_pb_module {width: 100%; float: left; padding: 20px}
} */

/* END */

/****For the blurbs***/
/**Start**/
.five-columns2 .et_pb_module {width: 20%; float: left; padding: 20px}
/**End**/

/* LOGOS */
.partner-logo img {
 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
 filter: grayscale(100%);
 transform:scale(0.95);
 opacity: 0.25;
 -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -ms-transition: all .4s ease;
 -o-transition: all .4s ease;
 transition: all .4s ease;
}
.partner-logo img:hover {
 opacity:1;
 transform:scale(1);
 -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
 filter: grayscale(0%);
 -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -ms-transition: all .4s ease;
 -o-transition: all .4s ease;
 transition: all .4s ease;
}
/* END */

/* FOR THE LOGOS HOVER  */

/* Begin for material blurb padding added 20px  */
.et_pb_jt_material_blurb_text_container {
    padding: 20px;
    position: relative;
}
/* End for material blurb padding added 20px  */


/*FOR persons modules*/
.b3_team .et_pb_team_member_description {
padding:30px;
text-align: -webkit-center;
}
.b3_team .et_pb_member_position {
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
}
.b3_team .et_pb_member_position:after {
content: ' ';
display: block;
width: 20px;
margin: 5px 0 0;
border: 1px solid;
}
.b3_team:hover .et_pb_member_social_links a {
opacity:1;
transform: translate(0px, -15px);
-webkit-transform: translate(0px, -15px);
-ms-transform: translate(0px, -15px);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.b3_team .et_pb_member_social_links a {
opacity:1;
margin-top: 20px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.b3_team:hover img {
-ms-transform: scale(1.00) !important;
-webkit-transform: scale(1.00) !important;
transform: scale(1.00) !important;
-webkit-transition: all 500ms cubic-bezier(0.170, 0.690, 0.470, 0.995);
-moz-transition: all 500ms cubic-bezier(0.170, 0.690, 0.470, 0.995);
-o-transition: all 500ms cubic-bezier(0.170, 0.690, 0.470, 0.995);
transition: all 500ms cubic-bezier(0.170, 0.690, 0.470, 0.995);
}
.b3_team {
border: none !important;
border-radius: 15px;
-moz-border-radius:15px;
-webkit-border-radius: 15px;
-o-border-radius: 15px;
overflow: hidden;
width: 100%;
position: relative;
z-index: 1;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
box-shadow:0 20px 150px rgba(0,0,0,0.2);
-webkit-box-shadow:0 20px 150px rgba(0,0,0,0.2);
-moz-box-shadow:0 20px 150px rgba(0,0,0,0.2);
}
.b3_team img {
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
-ms-transform: scale(1.03);
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transform-origin: bottom;
-moz-transform-origin: bottom;
-ms-transform-origin: bottom;
-o-transform-origin: bottom;
transform-origin: bottom;
}

/*For column vertical align in the about us page module*/
/*
 * .ds-vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 
 * */

/* Updating the spacing on the homepage OUR WORK section between the words */
.n10s-block h2 {
    word-spacing: 0.15em;
    font-weight: 300 !important;
    color: #fff;
}


/*  TEMPORARY FIX FOR THE OPACITY OF THE IMAGES THAT ARE NOT SHOWING ON THE HOMEPAGE AND MEMBERSHIP*/
.et-waypoint {
    opacity: 1;
}


/* Padding top on donation page fix */
.donationpageheader {
    padding-top: 90px !important;
}


/*  GIVEWP CUSTOMIZATIONS*/

.give-btn {
    background: #E12226;
    border: 1px solid #E12226;
    color: #fff;
    padding: 8px 10px;
    cursor: pointer;
    line-height: 1.2em;
    font-size: 20px;
    border-radius: 4px;
    padding: 20px 0px 20px;
	width: 100%;
	font-weight: bold;
}

.give-btn:hover {
    background: #ff5c5f;
}




button.give-donation-level-btn.give-btn.give-btn-level-0 {
    background: #e22326;
    background: #E12226;
    border: 1px solid #E12226;
    color: #fff;
    padding: 8px 10px;
    cursor: pointer;
    line-height: 1.2em;
    font-size: 15px;
    border-radius: 4px;
    padding: 6px 10px 6px;
}

button.give-donation-level-btn.give-btn.give-btn-level-0:hover {
    background: #ff5c5f;
}


button.give-donation-level-btn.give-btn.give-btn-level-custom {
    background: #e22326;
    background: #E12226;
    border: 1px solid #E12226;
    color: #fff;
    padding: 8px 10px;
    cursor: pointer;
    line-height: 1.2em;
    font-size: 15px;
    border-radius: 4px;
    padding: 6px 10px 6px;
}

button.give-donation-level-btn.give-btn.give-btn-level-custom:hover {
	background: #ff5c5f;
}


form[id*=give-form] .give-donation-amount .give-currency-symbol.give-currency-position-before {
    border-left: 1px solid #e22326;
    border-right: none;
	display: none;
}

form[id*=give-form] .give-donation-amount .give-currency-symbol {
    background-color: #e22326;
    border-top: 1px solid #e22326;
    border-bottom: 1px solid #e22326;
    color: #fff;
    margin: 0;
    padding: 0 12px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    box-sizing: border-box;
    float: left;
	border-radius: 4px 0px 0px 4px;
}

form[id*=give-form] .give-donation-amount #give-amount, form[id*=give-form] .give-donation-amount #give-amount-text {
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 4px 4px 4px 4px;
    height: 60px;
    line-height: 35px;
    padding: 0 35px;
    margin: 0;
    font-size: 25px;
    box-sizing: border-box;
    width: 100%;
    float: none;
	font-weight: 600;
}

.et_pb_jt_material_blurb_0 {
    background-color: #ffffff;
}

/* textsymbols */

.textsymbols1 {
    left: 0;
}
.textsymbols2, .textsymbols1 {
    position: absolute;
    top: 20%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.textsymbols2, .textsymbols1 {
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1rem;
/*     color: #c1c1ba; */
    padding: 0 10px;
}
.textsymbols2 {
	padding-left:35%;
}

/* the usd/month version */
.textsymbolsU {
    left: 0;
}
.textsymbolsM, .textsymbolsU {
    position: absolute;
    top: 25%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.textsymbolsM, .textsymbolsU {
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1rem;
/*     color: #c1c1ba; */
    padding: 0 10px;
}

.textsymbolsM {
	padding-left:13%;
}

/* .et_pb_counters, .et_pb_pricing, .et_pb_tabs_controls, .et_pb_widget_area ul {
	padding: unset;
} */
/*This is for the bullet points in the About Us and other pages*/
ul.indent-bullet {
    margin-left: 40px;
}


.blacklink a {
	color: #666666;
}

.volunteer-bank a {
    color: #503286;
}

/* for the inline email opt in in the home page */
/* .et_pb_signup_1.et_pb_subscribe .et_pb_newsletter_form {
    display: -webkit-inline-box;
} */
.et_pb_column_4_4>.et_pb_newsletter {
	display: inline-block;
}
.et_pb_newsletter_form p {
   padding-right: 5px;
}

/* .et_pb_custom_mail_icon{
content:"\e010";
padding-left: 5px;
} */
.et_pb_custom_mail_icon:before{
content:"\e010" ;
padding-left: 5px;
}
/* .et_pb_custom_mail_icon:after{
content:"\e010" ;
padding-left: 5px ;
} */

.et_pb_member_social_links_custom {
    margin-top: 20px;
    padding: 0;
    list-style-type: none!important;
}

.et_pb_member_social_links_custom li {
    display: inline-block;
    margin-right: 15px;
}

.et_pb_member_social_links_custom a {
    display: inline-block;
    position: relative;
    color: #b2b2b2;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    transition: color .3s ease 0s;
}

.et_pb_signup_0.et_pb_subscribe .et_pb_newsletter_form {
    width: auto;
    display: inline-flex;
}

/* temporary fix for the cart on the menu display none */
#et-top-navigation .et-cart-info {
    display: none;
}

.et_pb_toggle {
    border: 0px;
/* 		solid #d9d9d9; */
}

.et_pb_EMAIL_icon:before {
    content: "\e010";
	padding-left: 5px;
}

/* THIS is for the contact form for pledge birthday */
/* p.et_pb_contact_field.et_pb_contact_field_10.et_pb_contact_field_half {
    float: none;
    display: inline-block;
    width: 33.33%;
}
p.et_pb_contact_field.et_pb_contact_field_11.et_pb_contact_field_half.et_pb_contact_field_last {
    float: none;
    display: inline-block;
    width: 33.33%;
}
p.et_pb_contact_field.et_pb_contact_field_12.et_pb_contact_field_half {
    float: none;
    display: inline-block;
    width: 33.33%;
}
.et_pb_contact .et_pb_contact_field_half{
	float: none;
    display: inline-block;
    width: 33.33%;
} */

.et_contact_bottom_container {
	text-align: center
}



/* EDITS FOR THE BLOG TO LOOK LIKE MEDUIM */

#display-medium-owl-demo img {
	display: none;
}

.display-medium-item {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    padding: 23px 0;
    margin-bottom: 24px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(255, 255, 255, 1);
    padding-left: 20px;
    padding-right: 20px;
}

#display-medium-owl-demo .details-title {
    border-bottom: none;
}

h1.display-medium-title.details-title {
    font-weight: 600;
}



/* EDDITING THE HOMEPAGE POPUPS FOR THE INFO INPUT */
.bdaytext{
	width: 33.33%;
    border: 1px solid #c1c1ba;
    font-size: 16px;
    line-height: 1.3;
    border-radius: 0px 0px 0px 0px;
    border-right: 0;
    padding: 13px 10px;
}

.bdaymonth {
	border-radius: 4px 0px 0px 4px;
}
.bdayyear{
	border-right: 1px solid #c1c1ba;
	border-radius: 0px 4px 4px 0px;
}
.fullnamebday{
	font-size: 16px;
	line-height: 1.3;
	padding: 13px 10px !important;
	border-radius: 4px;
	border: 1px solid #c1c1ba;
	margin-bottom: 0;
	height: auto;
	text-align: left;
	color: #333232;
	width: 100%;
	cursor: pointer;
	vertical-align: bottom;
}
.pledgebutton{
	height: 48px;
	line-height: 48px;
	background-color: #4CADB7;
	color: #fff;
	transition: background-color .15s linear;
	padding: 0;
	width: 100%;
	text-align: center;
	border: 0;
	box-shadow: none;
	text-transform: uppercase;
	letter-spacing: .1em;
	border-radius: 4px;
	border: 0;
	font-size: 15px;
	padding: 0 20px;
	font-weight: 500;
	display: inline-block;
}
.pledgebutton:hover{
	background-color: #4CADB7;
}
.silverbutton{
	height: 48px;
	line-height: 48px;
	background-color: #58595B;
	color: #fff;
	transition: background-color .15s linear;
	padding: 0;
	width: 100%;
	text-align: center;
	border: 0;
	box-shadow: none;
	text-transform: uppercase;
	letter-spacing: .1em;
	border-radius: 4px;
	border: 0;
	font-size: 15px;
	padding: 0 20px;
	font-weight: 500;
	display: inline-block;
}
.silverbutton:hover{
	background-color: #58595B;
} 

.pinkbutton{
background-color: #E01B7E;
}
.pinkbutton:hover{
background-color: #E01B7E;
}
.bluishbutton{
background-color: #1D4556;
}
.bluishbutton:hover{
background-color: #1D4556;
}
.orangebutton{
background-color: #EA5911;
}
.orangebutton:hover{
background-color: #EA5911;
}
.redbutton{
background-color: #E12226;
}
.redbutton:hover{
background-color: #E12226;
}

.lefttextfield{
    height: 48px;
    border: 1px solid #c1c1ba !important;
    line-height: 1.3;
    border-radius: 4px 0px 0px 4px;
    border-right: 0;
    padding: 13px 10px !important;
    font-size: 15px;
}

.righttextfield{
    height: 48px;
    border: 1px solid #c1c1ba !important;
    line-height: 1.3;
    border-radius: 0px 0px 0px 0px;
    border-right: 0;
    padding: 13px 10px !important;
    font-size: 15px;
}

.emailbuttonfield{
    height: 48px;
    line-height: 48px;
    background-color: #E12226;
    color: #fff;
    transition: background-color .15s linear;
    text-align: center;
    box-shadow: none;
    text-transform: uppercase;
    letter-spacing: .1em;
    border-radius: 0px 4px 4px 0px;
    border: 0;
    font-size: 15px;
    padding: 0 20px;
    font-weight: 500;
    display: inline-block;
}

/* email social icon on about us */
.et-social-email a.icon:before {
    content: "\e010";
}

/* temp only */
a.et-cart-info {
    display: none;
}

.et_bloom_form_header.et_bloom_header_text_dark {
    padding: 0px !important;
}
.et_bloom_form_text {
	padding: 0px !important;
}


.et_pb_column.et_pb_column_1_2.et_pb_column_11.et_pb_css_mix_blend_mode_passthrough {
    border: none;
}

/* temp */
.et_bloom .et_bloom_form_header img, .et_bloom .et_bloom_form_header .et_bloom_form_text {
    padding: 0px;
}

.et_bloom .et_bloom_form_container .et_bloom_form_text, .et_bloom .et_bloom_form_container .et_bloom_form_img {
    padding: 0px;
}

.et_bloom .et_bloom_form_container .et_bloom_form_header {
    padding: 0px;
}

.et_bloom_form_content.et_bloom_2_fields.et_bloom_bottom_inline {
    display: none;
}

.et_bloom .et_bloom_form_header img, .et_bloom .et_bloom_form_header .et_bloom_form_text {
    max-width: 100%;
    padding: 0px;
    display: block;
    clear: both;
}
/* temp */