/*
Theme Name: Webamplo
Template: Divi
*/

/****************Fade In on Load****************/

.CodeMirror {
    height: 700px!important;
}


body {
animation: fadeIn ease 2s;
-webkit-animation: fadeIn ease 2s;
-moz-animation: fadeIn ease 2s;
-o-animation: fadeIn ease 2s;
-ms-animation: fadeIn ease 2s;
}
@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-moz-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-o-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

/****************Fade In on Load END****************/

/****************Menu Collapse START****************/
  .et_mobile_menu .menu-item-has-children > a:after {
    content: '\50';
	font-family: 'ETmodules';
	font-size: 16px;
	font-weight: normal;
	position: absolute;
	right: 10px;
	top: 13px;
}

.et_mobile_menu .menu-item-has-children > .dfh-menu-switched-icon:after {
	content: '\4f';
}
  
  .et_mobile_menu .menu-item-has-children > a {
	position: relative;
}

.et_mobile_menu .menu-item-has-children .sub-menu li {
	display: none;
}

.et_mobile_menu .menu-item-has-children .sub-menu .dfh-show-menu-items {
	display: block;
}
  
.WMPLO-navigation-v1 .nav li li {
    padding: 0;
}
  
.WMPLO-navigation-v1 .et_pb_menu .et_mobile_menu,
.WMPLO-navigation-v1 .et_mobile_menu {
  padding: 0;
  border-width: 2px;
	border-radius: 5px;
}
  
.WMPLO-navigation-v1 .et_pb_menu .et_mobile_menu a,
.WMPLO-navigation-v1 .et_mobile_menu a {
  padding: 12px 20px;
}
  
  @media screen and (min-width: 981px) {
.WMPLO-navigation-v1 .et-menu > .menu-item-has-children > .sub-menu:before {
    font-family: ETmodules;
    content: '\42';
    position: absolute;
    right: 20px;
    top: -17px;
    font-size: 30px;
    color: #000000;
  }
   .WMPLO-navigation-v1 .et-menu .sub-menu .menu-item-has-children>a:first-child:after {
    content: "\35";
}
  .WMPLO-navigation-v1.et_pb_menu .et-menu-nav li ul.sub-menu li ul.sub-menu {
    left: 200px !important;
      top: 0;
}
  }
  .WMPLO-navigation-v1 .et_pb_menu__menu .nav li ul.sub-menu a{
    font-size: 16px!important;
    line-height: 1.3;
    text-transform: initial;
    font-weight: 500;
}
.WMPLO-navigation-v1 .et_pb_menu__menu>nav>ul>li {
    margin-top: 12px;
    padding-bottom: 5px;
}
/****************Menu Collapse END****************/

/****************GLOBALS START****************/
.wmplo-vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 
.wmplo-shadow img {
       box-shadow: 0 8px 60px 0 rgb(22 34 62 / 27%), 0 12px 30px 0 rgb(178 82 0 / 7%);
    border-radius: 5px;
    border: 2px solid #ffffff;
}

/*
.WMPLO-navigation-v1 .et_pb_menu__menu>nav>ul>li>ul {
    top: calc(100% + 5px);
}
/*BUTTONS START*/
.et_pb_button {
  display: inline-block;
 background: linear-gradient(to right,#8a221b94 50%,#8a221b 50%)!important;
  background-size: 200% 100%!important;
  background-position: right bottom!important;
  transition: all .5s ease-out!important;
    border-radius: 4px!important;
    box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 0%);
    color: #ffffff;
}
.et_pb_button:hover {
  background-position: left bottom!important;
}

.btn-2.et_pb_button {
  display: inline-block;
    background: linear-gradient(to right,#ffffffcc 50%,#ffffff 50%)!important;
    background-size: 200% 100%!important;
    background-position: right bottom!important;
    transition: all .5s ease-out!important;
    border-radius: 4px!important;
    box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 0%);
    color: #000000!important;
}
.btn-2.et_pb_button:hover {
  background-position: left bottom!important;
}
/*BUTTONS END*/
/****************GLOBALS END****************/