/*
Theme Name: Complemento 360
Version: 1.0
Description: Complemeto 360 Theme of Divi
Author: Juan Peláez
Author URI: https://juanpelaez.com/
Template: Divi
*/
@import url('../Divi/style.css');

body {
  overflow-x: hidden;
  height: 100vh;
}

#page-container {
  overflow: hidden;
}

#nosotros {
  display: flex;
  width: 300%;
}

.panel {
  width: 25%;
}

#c360_menu .et_pb_menu__wrap {
  justify-content: flex-end;
}

#c360_menu .et_pb_menu__wrap #menu-menu-principal {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

#c360_menu .et_pb_menu__wrap #menu-menu-principal li a {
  align-items: center;
  display: flex;
}

#c360_menu .et_pb_menu__wrap #menu-menu-principal li a::after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 7.5px;
  background-color: rgba(73, 73, 73, 0.5);
  margin-left: 10px;
  animation: slide-in 2s ease-in-out forwards; /* For animations */
}

#c360_menu .et_pb_menu__wrap #menu-menu-principal li a:hover::after {
  width: 12px;
  height: 12px;
  background-color: #e45419;
  animation: slide-in 2s ease-in-out forwards; /* For animations */
}

#c360_menu .et_pb_menu__wrap #menu-menu-principal li a:hover {
  font-size: 20px;
  color: #494949 !important;
  animation: slide-in 2s ease-in-out forwards; /* For animations */
}

.solucion_item {
  display: flex !important;
  height: 60vh;
  max-width: 90% !important;
}

@media (max-width: 980px) {
  .et_pb_menu .et_pb_menu__menu {
    display: block;
  }
  .mobile_menu_bar:before {
    display: none;
  }
  #menus_bottom {
    padding: 0px;
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  #menu_redes {
    margin-bottom: 0px;
  }
  #menu-menu-principal {
    top: 0;
    margin-bottom: 10px;
  }
  #logo_principal {
    margin: 0 0 0px;
  }
  .panel {
    width: 28%;
    display: flex;
    flex-direction: column;
    margin-top: 80px;
  }
}