/*
	Theme Name:   Inresma Designs
	Theme URI:    https://inresma.com/
	Description:  Inresma Designs - https://inresma.com/
	Author:       Adam Designer
	Author URI:   https://inresma.com/
	Version:      1.0.0
	Template:     hello-elementor
	License:      GNU General Public License v2.0 or later
	License URI:  https://www.gnu.org/licenses/gpl-2.0.html
	Text Domain:  inresma
	Tags:         inresma, laboratorio
*/

/********************************************************* HOME *************************************************************/

#analisis-destacados img
{
	border-radius: 50%;
}

#analisis-destacados .elementor-widget-container
{
	transition: .5s;
}

#analisis-destacados .elementor-widget-container:hover
{
    border-color: transparent;
    transform: translateY(-20px);
}


/******************************************************** SERVICIOS ****************************************************/
.custom-serv-post .elementor-post__thumbnail__link
{
    z-index: -1;
    transition: .8s;
}

.custom-serv-post .elementor-post__text
{
    background: #fff;
    padding: 40px 20px 20px 20px;
    width: 93%;
    margin: -50px auto 10px auto;
    z-index: 1;
    left: 0;
    right: 0;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    transition: .8s;
}

.custom-serv-post article:hover .elementor-post__thumbnail__link
{
    transform: scale(0.9);
}

.custom-serv-post article:hover .elementor-post__text
{
    transform: translateY(-20px);
}

.custom-serv-post .elementor-post__title a:hover
{
    text-decoration: none;
}


/*************************************************************** HEADER **************************************************/

#header-sticky
{
	position: fixed;
	top: 0;
}

body.admin-bar #header-sticky
{
	top: 32px!important;
}

#header-sticky .header-nav a
{
	transition: .2s;
	border-radius: 20px;
}

#header-sticky .hfe-site-logo img
{
	height: 60px;
    width: auto;
}


/********************************************************************** CONTACTO ******************************************************************/
#custom-contact-box .elementor-icon-box-content b
{
	color: #333;
}

#custom-contact-box .elementor-icon-box-content p span
{
	color: #D25252;
}

.custom-form
{
    font-family: 'Exo 2';
    max-width: 1220px
}

.custom-form label
{
  width: 100%;
  margin-bottom: 20px;
  color: #333;
}

.custom-form input
{
  border-radius: 10px;
  background-color: #d7c0d452;
  padding: 13px 10px;
  font-size: 18px;
  border: none;
  margin-top: 15px;
  color: #333;
  transition: 1s;
}

.custom-form  textarea
{
  max-height: 200px;
  min-height: 100px;
  border-radius: 10px;
  background-color: #d7c0d452;
  padding: 13px 10px;
  font-size: 18px;
  border: none;
  color: #333;
  margin: 15px 0 0px 0;
  transition: 1s;
}

.custom-form  input:focus,
.custom-form  textarea:focus,
.custom-form  select:focus,
.custom-form  option:focus
{
    border-color: #DCC3D8 !important;
    outline: none!important;
    box-shadow: 0 0 0 0.2rem rgba(220, 195, 216,.25) !important;
    background: #d7c0d452;
    color: #333;
}

.custom-form #info .wpcf7-list-item,
.custom-form #priv .wpcf7-list-item
{
    margin: 0;
}

.custom-form #info .wpcf7-list-item-label,
.custom-form #priv .wpcf7-list-item-label
{
    margin-left: 10px;
}

.custom-form .row-input
{
    justify-content: center;
}
#enviar
{
  color: #fff!important;
  border: none;
  padding: 13px 70px;
  border-radius: 10px;
  outline: none;
  margin: 0 auto;
  font-size: 18px;
  transition: 1s;
  letter-spacing: 1px;
  

  background: -moz-linear-gradient(top left, #dcc3d8 0%, #641163 100%)!important;
  background: -webkit-linear-gradient(top left, #dcc3d8 0%,#641163 100%)!important;
  background: linear-gradient(to bottom right, #dcc3d8 0%,#641163 100%)!important;
}


.enviar-min
{
	color: transparent!important;
	border: none!important;
	border-radius: 50%!important;
	width: 50px!important;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors
{
	border: 2px solid #ba3939!important;
	border-radius: 10px!important;
	background: #ba3939!important;
	color: #fff;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok
{
	border: 2px solid #3ca78b;
	border-radius: 10px!important;
	background: #3ca78b!important;
	color: #fff;
}


.row-input
{
	position: relative; 
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.row-input p
{
	margin-bottom: 0;
}

.row-input p span
{
	display: none!important;
}

.lds-ring {
	position: absolute;
	width: 100%!important;
	height: 100%!important;
	display: flex!important;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	text-align: center;
	top: -6px;
	margin-left: auto!important;
	margin-right: auto!important;
	left: -6px;
	background: none!important;
	margin-top: 42px!important;
}

.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	margin: 6px;
	border: 2px solid #520C52;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #520C52 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}



.custom-form .text-holder{
	color:#aaaaaa;
	text-align:center;
	padding-top:40px;
}
.custom-form .button-holder{
	padding-top:100px;
}
.custom-form .ajax-button{
	position:relative;
	display:inline-block;
	width:100px;
	height:40px;
	left:50%;
	top:50%;
	margin-left:-50px;
	margin-top:-20px;
	text-align:center;
}
.custom-form .submit{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width:100px;
	height:40px;
	background-color:#111111;
	border:2px solid #FFFFFF;
	border-radius:10px;
	color:#FFFFFF;
	font-size:17px;
	cursor:pointer !important;
	outline:none;
}

.custom-form .submit:hover{
	background-color:#222222;
}
.custom-form .loading{
	font-size:0;
	width:30px;
	height:30px;
	margin-top:5px;
	border-radius:15px;
	padding:0;
	border:3px solid #FFFFFF;
	border-bottom:3px solid rgba(255,255,255,0.0);
	border-left:3px solid rgba(255,255,255,0.0);
	background-color:transparent !important;
	animation-name: rotateAnimation;
	-webkit-animation-name: wk-rotateAnimation;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes rotateAnimation {
	0%   {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
@-webkit-keyframes wk-rotateAnimation {
	0%   {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}

.custom-form .fa{
	color:#ffffff;
	font-size:18px !important;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-9px;
	margin-top:-9px;
	-webkit-transform:scaleX(0) !important;
	transform:scaleX(0) !important;
}

.custom-form .finish{
	-webkit-transform:scaleX(1) !important;
	transform:scaleX(1) !important;
}
#formulario .hide-loading{
	opacity:0;
	-webkit-transform: rotate(0deg) !important;
	transform: rotate(0deg) !important;
	-webkit-transform:scale(0) !important;
	transform:scale(0) !important;
}
  
.delete--decoration a {
    text-decoration: none!important;
}