/*!
Theme Name: ctrlperu
Theme URI: http://underscores.me/
Author: Gian Torres
Author URI: https://www.facebook.com/gntrrs/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ctrlperu
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

ctrlperu is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */
/* PRELOADER */ 
.preloader {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #1f2950;
   z-index: 100000;
   height: 100%;
   width: 100%;
   overflow: hidden !important;
}
.preloader .status {
   width: 100px;
   height: 100px;
   position: absolute;
   left: 50%;
   top: 50%;
   /*background-image: url(custom/img/preloader.svg);*/
   background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='L9' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 0 0' xml:space='preserve'%3E%3Cpath fill='%23fff' d='M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='1s' from='0 50 50' to='360 50 50' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/path%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: center;
   -webkit-background-size: cover;
   background-size: cover;
   margin: -50px 0 0 -50px;
}
.preloader .status .webtitle{
	position: absolute;
	width: 100%;
	display: block;
	bottom: -20px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
body{
	font-family: 'Poppins', sans-serif;
	/*font-weight: 400;*/
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Playfair Display', serif;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
img.custom-logo{
	/*width: 65px;*/
	width: 140px;
	display: block;
	transition: all .2s ease-in 0s;
}
.vcenter{
	align-items: center;
}
.cta-1, .wpcf7-submit{
	background-color: #0000FF!important;
	color: #fff;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.cta-1:hover, .cta-1:focus, .cta-1:focus-within,
.wpcf7-submit:hover, .wpcf7-submit:focus, .wpcf7-submit:focus-within{
	background-color: #3D509C!important;
}
.cta-0{
	background-color: transparent!important;
	color: #0000FF!important;
	border: 1px solid #0000FF!important;
	background-color: #fff!important;
}
.cta-0:hover, .cta-0:focus, .cta-0:focus-within{
	border-color: #3D509C!important;
}
#content{
	margin-top: 56px;
}
#primary.site-main{
	/*margin-top: 20px;*/
}
section.hero, section.hero_slideshow{
	/*display: block;*/
	/*margin: 0 20px;*/
}
section.hero .bgimage, section.hero_slideshow .bgimage{
	display: flex;
	width: 100%;
	height: 95vh;
	/*border-radius:12px*/
	overflow: hidden;
	position: relative;
}
section.hero .hero-content, section.hero_slideshow .hero-content{
	width: 65%;
	margin: auto;
	line-height: 1;
	text-align: center;
}
section.hero .hero-content h3, section.hero_slideshow .hero-content h3,
section.hero .hero-content h1, section.hero_slideshow .hero-content h1{
	font-size: 3.5rem;
	position: relative;
	z-index: 1;
	margin-bottom: 15px;
}
section.hero .hero-content p, section.hero_slideshow .hero-content p{
	font-size: 2rem!important;
	position: relative;
	z-index: 1;
}
.custom-logo-link{
	padding: .5rem .75rem;
	display: block;
}
.main-navigation{
	background-color: transparent;
	/*padding-top: 45px;*/
	padding-top: 20px;
	transition: all .2s ease-in 0s;
}
.main-navigation.s-down {
	-webkit-transform: translateY(-150px);
	-khtml-transform: translateY(-150px);
	-moz-transform: translateY(-150px);
	-ms-transform: translateY(-150px);
	-o-transform: translateY(-150px);
	transform: translateY(-150px);
}
.main-navigation.s-up{
	background-color: #fff;
	padding-top: inherit;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
.main-navigation.s-up #menu-principal a{
	color: #000;
}
.main-navigation #menu-principal a{
	color: #fff;
}
.main-navigation #menu-principal a.navbar-item:hover,
.main-navigation #menu-principal a.navbar-item:focus,
.main-navigation #menu-principal a.navbar-item:focus-within{
	background-color: transparent;
}
.hero-content::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+47,ffffff+100&0.91+0,0+47 
	background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.91) 0%, rgba(0,0,0,0) 47%, rgba(255,255,255,0) 100%); /* FF3.6-15 
	background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.91) 0%,rgba(0,0,0,0) 47%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 
	background: linear-gradient(135deg, rgba(0,0,0,0.91) 0%,rgba(0,0,0,0) 47%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8000000', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	background: -moz-linear-gradient(-45deg, rgb(0,0,0) 0%, rgba(0,0,0,0.5) 37%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgb(0,0,0) 0%,rgba(0,0,0,0.5) 37%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(135deg, rgb(0, 0, 0) 0%,rgba(0,0,0,0.5) 37%,rgba(255,255,255,0) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8000000', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.carousel-cell { width: 100%;}
@media ( min-width: 768px ) {
	.carousel-cell {
		width: 33.333333333%;
	}
}
@media (min-width: 1200px) {
	.carousel-cell {
		/*width: 20%;*/
		width: 25%;
	}
	.videos-carousel .carousel-cell{
		width: 50%;
	}
}
.flickity-slider{
	display: flex;
	align-items: center;
}
.team-img-wrap {
	text-align: center;
}
.team-img-wrap img {
	border-radius: 50%;
	/*width: 50%;*/
	width: 35%;
	margin: auto;
}
.custom-card{
	border: 1px solid #e9ecee;
	border-radius: 28px;
	padding: 70px;
	max-width: 640px;
	margin: auto;
}
@media (min-width: 992px){
	.oversec{
		/*max-width: 1000px;*/
		/*margin: -96.2px auto auto auto;*/
		margin: auto;
		position: relative;
		/*border: 1px solid #e9ecee;
		border-radius: 12px;
		overflow: hidden;*/
	}
	#primary section:not(.hero){
		padding: 50px 0;
	}
	#primary section.hero_slideshow{
		padding: 0;
	}
}
.oversec{
	background-color: #fff;
}
.bgsquare {
    height: 100%;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
}
.columns.is-gapless > .column.p-2{
	padding: 2rem!important;
}
#tab-content div.wrapcontent {
	display: none;
}
#tab-content div.wrapcontent.is-active {
	display: block;
}
.wrapserv{
	max-width: 1000px;
	margin: auto;
}
#primary p,
#primary li{
	margin-bottom: 15px;
	font-size: 1.125em;
	/*letter-spacing: 1.13px;*/
}
ul.listcheck li{
	display: list-item;
	margin-left: 26px;
	list-style-image: url("custom/assets/img/check.png");
}
header h2{
	font-size: 1.875rem;
	font-weight: bold;
	letter-spacing: 1.3px;
}
header h3 {
	font-size: 1.4rem;
	font-weight: bold;
}
.boxtrick-wrapper {
	position: relative;
}
.linkmore {
	color: #3d509c;
	text-decoration: none;
	border-bottom: 2px solid #3d509c;
}
.show, .hide {
	position: absolute;
	bottom: -30px;
	z-index: 100;
	text-align: center;
}
.hide {
	display: none;
}
.show:target {
	display: none;
}
.show:target ~ .hide {
	display: block;
}
.show:target ~ .boxtrick {
	max-height: 2000px;
}
.show:target ~ .fade {
	margin-top: 0;
}
.boxtrick {
	position: relative;
	max-height: 250px;
	overflow: hidden;
	-webkit-transition: max-height .5s ease;
	transition: max-height .5s ease;
}
section.slideshow_servicio{
	background-color: #eceef7;
}
body.home .flickity-viewport,
.single-campaign .flickity-viewport{
	/*border-radius: 12px;*/
}
.hero-slide {
	width: 100%;
	height: 60vh;
	background: #8C8;
	align-items: center;
	display: flex;
}/*
.hero-content{
	width: 80%;
	margin: auto;
}
.hero-content h3,
.hero-content p{
	position: relative;
	z-index: 1;
}
.hero-content::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.4);
}*/
/*section.contacto_widget .wpcf7-form input,*/
.wpcf7-form input{
	width: 100%;
	margin-bottom: 10px;
	border-radius: 50px;
	border: none;
	padding: 10px 15px;
}
/*section.contacto_widget .wpcf7-form textarea,*/
.wpcf7-form textarea{
	width: 100%;
	margin-bottom: 10px;
	border-radius: 25px;
	border: none;
	padding: 10px 15px;
	font-size: 13.3333px;
}
/*section.contacto_widget .wpcf7-form label,*/
.wpcf7-form label{
	clip: rect(1px,1px,1px,1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
} 
section.contacto_widget header{
	padding-bottom: 20px;
}
section.contacto_widget{
	background-color: #eceef7;
}
.flickity-button {
	background-color: transparent;
	color: hsla(0,0%,100%,.75);
}
.flickity-button:hover {
	background: transparent;
	color: #fff;
}
.columns.items{
	border-radius: 15px;
	overflow: hidden;
	margin-top: -39px;
	/*text-align: center;*/
	box-shadow: 0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);
}
.columns.items .column{
	background-color: #fff;
	padding: 1rem;
	font-weight: bold;
}
.columns.items .column:nth-of-type(2) {
	/*border-left: 1px solid;
	border-right: 1px solid;*/
	margin-left: 1px;
	margin-right: 1px;
}
.wrapitems{
	width: 70%;
}
/*
.columns.items .column:nth-of-type(1) {
	border-right: 1px solid;
}
.columns.items .column:nth-of-type(3) {
	border-left: 1px solid;
}
*/
.cta-group{
	max-width: 550px;
	margin: auto;
}
.cta-group a{
	margin-bottom: 10px;
}
@media (min-width: 992px){
	.cta-group a:nth-of-type(1) {
		margin-right: 4%;
	}
	.cta-group a {
		width: 48%;
		float: left;
	}
}
h3.sluglab{
	font-weight: bold;
	font-size: .9rem;
	letter-spacing: 1.3px;
}
@media (min-width: 992px){
	.img-content{
		text-align: center;
	}
	.img-content img{
		max-width: 50%
	}
	section.cta_transitional .wpcf7-form span.nombre-y-apellido, section.cta_transitional .wpcf7-form span.correo-electronico {
		width: 50%;
		display: inline-block;
		padding-right: 4px;
	}
}
.wpcf7-form-control-wrap {
	position: relative;
}
section.cta_transitional .wpcf7-form input{
	border: 1px solid #1f2950;
}
/*.marca{
	max-width: 150px;
}*/
.marca span{
	font-size: 2.5rem;
	font-weight: bold;
}
#colophon h5{
	font-family: 'Poppins', sans-serif;
	font-size: 1.5rem;
	font-weight: bold;
}
.acercade p{
	margin-bottom: 15px;
}
.acercade h5 {
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
}
@media (min-width: 568px){
	.main-navigation:not(.s-down):not(.s-up) .navbar-brand a {
	    font-weight: bold;
	    color: #fff;
	    font-size: 2rem;
	}
}
@media (max-width: 567px){
	section:not(.hero):not(.main_text){
		padding: 0 2rem;
	}
	.main-navigation {
		background-color: #fff;
		padding-top: inherit;
		box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
	}
	section.hero .hero-content h1, section.hero_slideshow .hero-content h1 {
		font-size: 3rem;
	}
	.boxtrick{
		max-height: 405px!important;
	}
}
.slideshow_testimonios .carousel-cell{
	width: 100%;
}
.wpcf7-acceptance label{
	clip: auto;
	height: auto;
	overflow: auto;
	position: static!important;
	width: auto;
	word-wrap: normal;
}
.wpcf7-acceptance input{
	width: auto;
}
.navbar-brand{
	transition: all .2s ease-in 0s;
}
body.home #site-navigation:not(.s-up):not(.s-down) .navbar-brand{
	/*background-color: #fff;*/
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	/*margin-top: -35px;*/
}
#site-navigation:not(.s-up):not(.s-down) .navbar-brand .custom-logo-link{
	padding: .75rem 1.5rem;
}
body.home #site-navigation:not(.s-up):not(.s-down) .navbar-brand .custom-logo-link img.custom-logo{
	/*width: 120px;*/
	/*width: 140px;*/
	/*width: 180px;*/
	width: 220px;
}
body:not(.home) .main-navigation{
	background-color: #fff;
	padding-top: inherit;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
.colorgradient1{
	background: -webkit-linear-gradient(#00ffff, #149eda);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
@media (max-width: 567px){
	#colophon{
		text-align: center;
	}
	#colophon .marca{
		margin: auto;
	}
	#colophon img.custom-logo{
		margin: auto;
	}
}
.margintopnav{
	margin-top: 86px!important;
}
.page-template-default .entry-title{
	font-size: 2rem;
	font-weight: bold;
}
input[name="opt-in[]"] {
	width: auto;
}
.mods .card-header,
.mods .card-footer,
.mods .wrap-entry-meta{
	padding: 10px 24px;
	font-size: .8rem;
}
.mods .wrap-entry-meta{
	padding: 10px 0!important;
}
.mods .card-header > .entry-meta,
.mods .wrap-entry-meta > .entry-meta{
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
}
.mods .card-header > .entry-meta .byline img,
.mods .wrap-entry-meta > .entry-meta .byline img{
	vertical-align: middle;
	border-radius: 50%;
	margin-left: 5px;
}
.single-post .entry-title{
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 10px
}
.subsblog {
	border: 1px solid #ddd;
	padding: 10px;
	position: sticky;
	top: 80px;
}
.subsblog .wpcf7-form input {
	border: 1px solid #ddd;
}
.subsblog .wpcf7-acceptance{
	font-size: .8rem;
	line-height: 1;
}
.subsblog h5{
	margin-bottom: 10px;
}
h2{
	color: #000;
}
section.text_three_image .card::before,
section.text_three_attr_2 .card::before {
	counter-increment: programa;
	content: counter(programa);
	position: absolute;
	width: 42px;
	height: 42px;
	text-align: center;
	background-color: #149EDA;
	color: #fff;
	border-radius: 50%;
	line-height: 42px;
	left: 50%;
	top: -21px;
	margin-left: -21px;
	font-weight: bold;
}
section.text_three_image,
section.text_three_attr_2 {
	counter-reset: programa;
}
section.text_three_image .card,
section.text_three_attr_2 .card{
	margin-top: 35px;
}
section:nth-child(2n+1) .button.cta-1{
	display: none;
}
.modal-content ol {
	padding-left: 2.5rem;
}
.modal-content h6 {
	font-size: 1.1rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.menufoot a{
	color: #000;
}
#colophon .custom-logo {
	width: 225px;
}
.slideshow_right img {
	max-width: 70%;
}
.slideshow_right .carousel-cell {
	text-align: center;
}
.wrapqa .message {
	margin-bottom: 10px;
	background-color:transparent
}
.wrapqa .message a{
	text-decoration: none !important;
}
.wrapqa .message a:hover .message-header{
	background-color:#00f;
	transition: all .2s ease;
	color: #fff;
}
.wrapqa .message .message-header{
	background-color: transparent;
	border-radius: 15px;
	border: 1px solid #00f;
	color: #00f;
}
.wrapqa .message .message-header h5{
	font-size: 1rem;
}
.wrapqa .message .message-body{
	color: #149eda;
	border-color: #149eda;
	background-color:#fff;
}
#accordion_first{
	max-width: 800px;
	margin: auto;
}
.message-body-content p{
	font-size: 1rem;
}
.videos-carousel img{
	display: block;
}
@media (min-width: 567px){
	body.home #site-navigation:not(.s-up):not(.s-down) .navbar-brand .custom-logo-link:not(.white) img.custom-logo{
		display: none;
	}
	body.home #site-navigation.s-up .navbar-brand .custom-logo-link.white img.custom-logo,
	body.home #site-navigation.s-down .navbar-brand .custom-logo-link.white img.custom-logo{
		display: none;
	}
}
@media (max-width: 567px){
	.custom-logo-link.white{
		display: none;
	}
	body.home #site-navigation:not(.s-up):not(.s-down) .navbar-brand .custom-logo-link img.custom-logo{
		width: 140px!important;
	}
}