/*
Theme Name: Daves Divi Child
Template: Divi
Author: Dave Abbey
Version: 1.0
Updated: 2016-03-17 15:02:21
*/

@charset "UTF-8";

@-webkit-keyframes bounce {
0%, 100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
}
@keyframes bounce {
0%, 100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
}
span.scroll-down.et-pb-icon { 
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

/* TOGGLE ICON */
.et_pb_toggle_open .et_pb_toggle_title:before {
transform: rotate(180deg);
content:url("/wp-content/uploads/toggle-goupcross.png");
transition:all 0.5s ease-in-out 0s;
}
.et_pb_toggle_title:before {
content:url("/wp-content/uploads/toggle-godown.png");
transition:all 0.5s ease-in-out 0s;
}

/*PERSON MODULE*/
.person-round {text-align:center;}
 .person-round img {
 max-width: 250px;
 border: 5px solid #fff;
 border-radius: 150px;
transform: rotate(-5deg);
 -webkit-filter: grayscale(90%) ;
 filter: grayscale(90%) ;
 transition: 0.5s;
 -moz-transition: 0.5s;
 -webkit-transition: 0.5s;}
 
 .person-round img:hover {
transform: rotate(0deg);
 border: 5px solid #e5e2d3;
 -webkit-filter: grayscale(0%) ;
   filter: grayscale(0%);
}

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 
/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 
/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 


.et_pb_fullwidth_menu ul li a:hover {
color: #ff0000 !important;
}
/*------------------------------------------------*/
/*------[Shadow Diagonal Lines - Quiroz.co]-------*/
/*------------------------------------------------*/
 
    #et-main-area { overflow: hidden;} /* Hides all the items that float over the right margin */
 
    .diagonal-shadow::before,
    .diagonal-shadow::after {
        position: absolute;
        content: '';
        pointer-events: none;}
 
    .diagonal-shadow {
        z-index: 1;
        padding-top: 6em;
        background: #ffffff;}
 
    .diagonal-shadow::before, 
        .diagonal-shadow::after {
        top: 0;
        left: -25%;
        z-index: -1;
        width: 150%;
        height: 75%;
        background: inherit;
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;}
 
    .diagonal-shadow::before {
        height: 50%;
        background: #535353;
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg);
        -webkit-transform-origin: 3% 0;
        transform-origin: 3% 0;}

/*------------------------------------------------*/
/*------[Shadow Diagonal Lines 2 - Quiroz.co]-------*/
/*------------------------------------------------*/
 
    #et-main-area { overflow: hidden;} /* Hides all the items that float over the right margin */
 
    .diagonal-shadow2::before,
    .diagonal-shadow2::after {
        position: absolute;
        content: '';
        pointer-events: none;}
 
    .diagonal-shadow2 {
        z-index: 1;
        padding-top: 1em;
        background: #ffffff;}
 
    .diagonal-shadow2::before, 
        .diagonal-shadow2::after {
        top: 0;
        left: -25%;
        z-index: -1;
        width: 150%;
        height: 30%;
        background: inherit;
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;}
 
    .diagonal-shadow2::before {
        height: 20%;
        background: #535353;
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg);
        -webkit-transform-origin: 3% 0;
        transform-origin: 3% 0;}

/*------------------------------------------------*/
/* overhanging logo by Geno Quiroz */
/*------------------------------------------------*/ 
#top-header {z-index: 99999;}
 
#logo {
    max-height: 220%;
    margin-top: 0px;
    z-index: 100000;
}
 
@media only screen and (max-width : 980px) {
    #logo { margin-top: 20px}}
/*------------------------------------------------*/

/*------------------------------------------------*/
/*
.pagination .wp-pagenavi a,
.pagination .wp-pagenavi span {
	float: left;
	padding: 0 14px;
	line-height: 34px;
	text-decoration: none;
	border: 1px solid #ccc;
	border-left-width: 0;
}
.pagination .wp-pagenavi .pages {
	border-left-width: 1px;
}
.pagination .wp-pagenavi .current {
	color: #999999;
	background-color: #f5f5f5;
}