/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 3.0.94
Template: Divi
Description: Divi Child Theme powered by ElroyMedia.
Author: Etoniru Chibueze
*/


/*** Copying Elegant Themes Menu ***/

/*** add shadow to fixed header ***/
@media (min-width: 981px) {
#main-header.et-fixed-header {
    box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
    -webkit-box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
    -moz-box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
}
}
/*** adjust padding on menu ***/
.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a {
padding-bottom: 23px;
}
#top-menu li {
padding: 0 10px !important;
}
 
.et_header_style_left #et-top-navigation {
padding-top: 20px;
}
 
.et_header_style_left .et-fixed-header #et-top-navigation {
padding-top: 10px;
}
 
/*** style the menu button ***/
.donate a {
color: #fff !important;
background: #FFA500 !important;
border: 2px solid #FFA500; 
    line-height: 9px;
    font-weight: 600;
    padding: 13px 16px !important;
    text-transform: uppercase;
    font-size: 13px !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;
}
 
.donate a:hover{
    color: #fff !important;
    background-color: #FFA500 !important;
}
 
.et-fixed-header #top-menu .donate a:hover {
    background-color: #FFA500;
    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 .donate a {
    color: #fff !important;
    background-color: #B0FC23;
    box-shadow: 0px 5px 20px #d6dee4;
    -moz-box-shadow: 0px 5px 20px #d6dee4;
    -webkit-box-shadow: 0px 5px 20px #d6dee4;
}
.et-fixed-header.et_highlight_nav #top-menu .donate a {
    background-color: #2cc2e6;
    animation: highlight-nav .8s ease;
    -webkit-animation: highlight-nav .8s ease;
}
 
#main-header.et-fixed-header.et_highlight_nav #top-menu .donate a:hover {
    background-color: #B0FC23 !important;
    box-shadow: 0px 5px 20px #aab9c3;
    -moz-box-shadow: 0px 5px 20px #aab9c3;
    -webkit-box-shadow: 0px 5px 20px #aab9c3;
}
/*** 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;} 

.donate a {
border-bottom: 2px solid black !important;
}
}

/****** Corner shadows on Blog Grid Posts *******/

.et_pb_blog_grid .et_pb_post::before, .filterable-blogposts .et_pb_post::before {
content: "";
position: absolute;
height: 30px;
width: 95%;
top: 96%;
z-index: -1;
opacity: 0.15;
filter: blur(3px);
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' preserveAspectRatio='none' width='100%' height='40' fill='%23000000'%3E%3Cpath d='M0 64 C15 30 40 20 64 64 L62 0 L2 0 Z' /%3E%3C/svg%3E");
background-position:bottom center !important;
background-repeat:no-repeat !important;
transform: translateX(-50%);
left:50%;
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 2s; /* Firefox < 16 */
-ms-animation: fadein 2s; /* Internet Explorer */
-o-animation: fadein 2s; /* Opera < 12.1 */
animation: fadein 2s;
}

.et_pb_blog_grid .et_pb_post::after, .filterable-blogposts .et_pb_post::after {
position: absolute;
content: "";
bottom: 0px;
left: 0px;
width: 100%;
height: 40px;
z-index: 1;
visibility: visible;
background: inherit;
}

.et_pb_blog_grid .et_pb_post, .filterable-blogposts .et_pb_post {
position: relative;
transition: all ease-out 0.5s;
}

.et_pb_blog_grid .et_pb_post:hover, .filterable-blogposts .et_pb_post:hover {
transform: scale(1.01);
}

.et_pb_blog_grid .et_pb_post:hover::before, .filterable-blogposts .et_pb_post:hover::before {
height:35px;
top:96%;
background-position:bottom center !important;
}

@keyframes fadein {
from { opacity: 0; }
to { opacity: 0.15; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 0.15; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 0.15; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 0.15; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 0.15; }
}

/*** Reordering stacks on mobile view ***/
@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}
/***For the normal wrapping of words***/
#et-secondary-menu li, #top-menu li, .et_pb_gallery_item, .et_pb_portfolio_item, .et_pb_blurb_content, .et_pb_tabs_controls, .et_pb_tab, .et_pb_slide_description, .et_pb_pricing_heading, .et_pb_pricing_content, .et_pb_promo_description, .et_pb_newsletter_description, .et_pb_counter_title, .et_pb_circle_counter, .et_pb_number_counter, .et_pb_toggle_title, .et_pb_toggle_content, .et_pb_contact_main_title, .et_pb_testimonial_description_inner, .et_pb_team_member, .et_pb_countdown_timer_container, .et_pb_post, .et_pb_text, .product, .et_pb_widget {
word-wrap: normal;
}