/* 
Theme Name: Im3dia Comunicación - Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/*FONTS*/

@font-face {
    font-family: 'Darker Grotesque';
    src: url('/wp-content/uploads/fonts/DarkerGrotesque-Light.eot');
    src: url('/wp-content/uploads/fonts/DarkerGrotesque-Light.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/fonts/DarkerGrotesque-Light.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/DarkerGrotesque-Light.woff') format('woff'),
        url('/wp-content/uploads/fonts/DarkerGrotesque-Light.ttf') format('truetype'),
        url('/wp-content/uploads/fonts/DarkerGrotesque-Light.svg#DarkerGrotesque-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant';
    src: url('/wp-content/uploads/fonts/Cormorant-Light.eot');
    src: url('/wp-content/uploads/fonts/Cormorant-Light.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/fonts/Cormorant-Light.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/Cormorant-Light.woff') format('woff'),
        url('/wp-content/uploads/fonts/Cormorant-Light.ttf') format('truetype'),
        url('/wp-content/uploads/fonts/Cormorant-Light.svg#Cormorant-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

body{
	    background-color: transparent!important;
	    background-image: linear-gradient(300deg, #363C55 35vw, #414958 35vw)!important;
}

.page-header{
	display:none;
}

#comprometidos{
	right: 0vw!important;
    position: absolute!important;
}

#somos{
	 position: absolute!important;
}


/*
#contenedor1{
	 background-color: transparent!important;
	    background-image: linear-gradient(300deg, #363C55 43.9vw, #414958 43.9vw)!important;
}*/

.destacado{
	line-height:38px!important;
}

/*MENÚ PRINCIPAL*/
#menu-principal ul {
	list-style:none;
}
#menu-principal ul li{
	float:left;
	margin-left:15px;
}

#menu-principal ul li a{
	text-transform:uppercase;
	font-family:'Darker Grotesque';
	font-weight:900;
	font-size:16px;
}

#menu-principal .elementor-menu-toggle{
	position: absolute;
    right: 0px;
    top: -50px;
	z-index: 9999;
}

.elementor-nav-menu--dropdown{
	top:-70px!important;
}

.e-eicon-close{
	fill:#363C55!important;
}

.elementor-nav-menu--dropdown .elementor-item.elementor-item-active{
	background-color: transparent!important;
    color:var(--e-global-color-accent);
}



.e--pointer-underline .elementor-item:after{
	content: ""!important;
	background-color:transparent!important;
	height:0px!important;
	width:0px!important;
}

.menu-tel:before{
   font-family: "Font Awesome 5 Free";
   content: "\f095";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   font-weight: 900;
   margin-top:15px;
   margin-right:-15px;
}

.menu-tel:hover:before{
	color:var(--e-global-color-accent);
}




.btnContacto a.elementor-button{
	padding:15px!important;
}


#faq details{
	margin:10px 0px!important;
}


#faq details summary{
	border-color:#e89427!important;
	border-width:2px!important;

}

#faq details summary .e-n-accordion-item-title-icon{
	position:absolute!important;
	right:10px!important;
}

#faq details summary .e-n-accordion-item-title-icon span > svg{
	fill:#aaa5a5;
}

#faq details > div{
	border-color:#e89427!important;
	border-width:2px!important;
	border-top:none;
}

/*UTILIDADES*/
body.home .ocultar-en-home {
  display: none;
}

.blur_2 {
  backdrop-filter: blur(2px);
}

/*SCROLLBAR*/
*::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.40);
  border-radius: 20px;
  border: 3px solid rgba(0, 0, 0, 0.34);
}

*::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.34);
}

*::-webkit-scrollbar {
  width: 12px;
}

* {
  /*firefox*/
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.40) rgba(0, 0, 0, 0.34);
}

/*Barra Cookies*/
div#cookie-law-info-bar {
  background-color: #ffffffed !important;
  width: 20%;
  right: 0;
  left: auto;
  padding: 2em !important;
  border: 1px solid #881438;
  box-shadow: -3px -3px 6px rgb(0 0 0 / 20%);
}

.cli-bar-container {
  flex-direction: column;
}

.cli-style-v2 .cli-bar-message {
  width: 100%;
  text-align: justify;
  padding-bottom: 1em;
}

a#wt-cli-accept-all-btn,
#wt-cli-privacy-save-btn {
  background-color: #881438 !important;
  border: 1px solid #881438;
}

a.medium.cli-plugin-button.cli-plugin-main-button.cli_settings_button {
  background-color: #88143800 !important;
  color: #881438 !important;
  border: 1px solid #881438;
}
@keyframes glowing {
  0% {
    box-shadow: 0 0 -10px #881438;
  }

  40% {
    box-shadow: 0 0 20px #881438;
  }

  60% {
    box-shadow: 0 0 20px #881438;
  }

  100% {
    box-shadow: 0 0 -10px #881438;
  }
}
.boton-ver-mas {
  animation: glowing 5000ms infinite;
}
@keyframes fade-in-marien{
  0%{
    opacity: 0;    
  }
  100%{
    opacity: 1;    
  }
}
.fade-in-animation {
  animation: fade-in-marien 3000ms ease-out;
}
body {
  transition:background-image ease 3000ms;
  background-attachment: fixed;
}
/*----------------------------------------------------------------->UTILIDADES*/


/* Formulario CF7 a 2 columnas responsive */

textarea, input[type=text],input[type=email], select{
	border: none;
    border-bottom: 1px solid #666;
	font-family:'Work Sans';
	padding: 1rem 0.2rem 0.2rem 0.2rem;
	color:#666;
}

select{
	font-size: 0.9rem;
    padding-left: 0px;
}

input[type=text]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,textarea::-webkit-input-placeholder { 
  position:absolute;
  left: 0px;
  top: 0px;
  font-size: 14px; 
}

input[type=submit]{
	width:100%;
	padding:10px 5px;
	background-color:#e89427!important;
	font-family: 'Darker Grotesque' !important;
    font-size: 30px !important;
    font-weight: 700 !important;
}

#responsive-form{
	max-width:100% /*-- puedes cambiar esto si quieres otro ancho del formulario --*/;
	margin:0 auto;
        width:100%;
}
.form-row{
	width: 100%;
}
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
}



@media(max-width:1366px){
	#header{
	    background-color: transparent!important;
	    background-image: linear-gradient(300deg, #363C55 27.6vw, #414958 27.6vw)!important;
	}

	#contenedor1{
		 background-color: transparent!important;
			background-image: linear-gradient(300deg, #363C55 45vw, #414958 45vw)!important;
	}
}

@media(max-width:1024px){
	.menu-tel:before{
	  position: absolute;
	}	
}
