/*
Theme Name:     Divi Child
Description:    DIVI child theme for Makki\'s Marketing
Author:         Makki
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
Hides all the items that float over the right margin */


#et-main-area { overflow: hidden;} /* Hides all the items that float over the right margin */

 #et-main-area { overflow: hidden;} 
   @media only screen and ( min-width: 1901px ) and ( max-width: 2500px ) {.left-diagonal::after {top: -150px; height: 85%;}}
   @media only screen and ( min-width: 1501px ) and ( max-width: 1900px ) {.left-diagonal::after {top: -131px; height: 68%;}}
   @media only screen and ( min-width: 1001px ) and ( max-width: 1500px ) {.left-diagonal::after {top: -116px;}}
   @media only screen and ( max-width: 1000px ) {.left-diagonal::after {top: -90px;}}

.mp_m_blurb_pulse:hover .et-pb-icon {
        -webkit-animation-name: gq_pulse_icon;
        animation-name: gq_pulse_icon;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
 
    @-webkit-keyframes gq_pulse_icon {
        25% {-webkit-transform: scale(1.3);transform: scale(1.3);}
        75% {-webkit-transform: scale(0.8);transform: scale(0.8);}}
    @keyframes gq_pulse_icon {
        25% {-webkit-transform: scale(1.3);transform: scale(1.3);}
        75% {-webkit-transform: scale(0.8);transform: scale(0.8);}}

.et_pb_blurb_content:hover {
   cursor: pointer !important;
}
.sonarEffect .et-pb-icon {
   border-radius: 100%;
   position: relative;
}
.sonarEffect .et-pb-icon:after {
   position: absolute;
   width: 100%;
   height: 100%;
   border-radius: 100%;
   content:'';
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
}
.sonarEffect .et-pb-icon:after {
   top: 0;
   left: 0;
}
.sonarEffect .et-pb-icon:hover {
   color: #fff;
}
.sonarEffect .et_pb_blurb_content:hover .et-pb-icon:after {
   -webkit-animation: sonarEffect 1.3s ease-out 75ms;
   -moz-animation: sonarEffect 1.3s ease-out 75ms;
   -o-animation: sonarEffect 1.3s ease-out 75ms;
   animation: sonarEffect 1.3s ease-out 75ms;
}
@-webkit-keyframes sonarEffect {
   0% {
       opacity: 0.3;
       -webkit-box-shadow: 0 0 0 2px rgba(53,186,242, 0), 0 0 10px 10px rgba(53,186,242, 0), 0 0 0 10px rgba(53,186,242, 0);
   }
   40% {
       opacity: 0.5;
       -webkit-box-shadow: 0 0 0 2px rgba(53,186,242, 0.1), 0 0 10px 10px #35BAF2, 0 0 0 10px rgba(255, 255, 255, 0.5);
   }
   100% {
       -webkit-box-shadow: 0 0 0 2px rgba(53,186,242, 0.1), 0 0 10px 10px #35BAF2, 0 0 0 10px rgba(255, 255, 255, 0.5);
       -webkit-transform: scale(1.5);
       opacity: 0;
   }
}
@-moz-keyframes sonarEffect {
   0% {
       opacity: 0.3;
       -moz-box-shadow: 0 0 0 2px rgba(53,186,242, 0), 0 0 10px 10px rgba(53,186,242, 0), 0 0 0 10px rgba(53,186,242, 0);
   }
   40% {
       opacity: 0.5;
       -moz-box-shadow: 0 0 0 2px rgba(53,186,242, 0.1), 0 0 10px 10px #35BAF2, 0 0 0 10px rgba(255, 255, 255, 0.5);
   }
   100% {
       -moz-box-shadow: 0 0 0 2px rgba(53,186,242, 0.1), 0 0 10px 10px #35BAF2, 0 0 0 10px rgba(255, 255, 255, 0.5);
       -moz-transform: scale(1.5);
       opacity: 0;
   }
}
@keyframes sonarEffect {
   0% {
       opacity: 0.3;
       box-shadow: 0 0 0 2px rgba(53,186,242, 0), 0 0 10px 10px rgba(53,186,242, 0), 0 0 0 10px rgba(53,186,242, 0);
   }
   40% {
       opacity: 0.5;
       box-shadow: 0 0 0 2px rgba(53,186,242, 0.1), 0 0 10px 10px #35BAF2, 0 0 0 10px rgba(255, 255, 255, 0.5);
   }
   100% {
       box-shadow: 0 0 0 2px rgba(53,186,242, 0.1), 0 0 10px 10px #35BAF2, 0 0 0 10px rgba(255, 255, 255, 0.5);
       transform: scale(1.5);
       opacity: 0;
   }
}

#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: #2072a7;}
 
    .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;}

.triangles::before, .triangles::after {position: absolute; content: ''; pointer-events: none;}
 
    .triangles::before, .triangles::after {
        left: 50%;
        width: 100px;
        height: 100px;
        -webkit-transform: translateX(-50%) rotate(45deg);
        transform: translateX(-50%) rotate(45deg);}
 
        /* Top arrow pointing down. Currently set as black. This can be removed if you don't want a top arrow */
            .triangles::before {top: -50px; background: #000;}
 
        /* Bottom arrow pointing down. Currently set to inherit the background of the section. This can be removed if you don't want a bottom arrow */
         .triangles::after { bottom: -50px; z-index: 10; background: inherit;}