/*
Theme Name: BlankSlate
Theme URI: https://opencollective.com/blankslate
Author: Bryan Hadaway
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/bhadaway/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2024.1
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme 2011-2024
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}
body {
	background-color:#fff;
	font-family: 'Jost', sans-serif;
	font-size: 1em;
	line-height:1.2em;
	color:darkgray;
}
.fullscreen-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.fullscreen-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}

@media (min-aspect-ratio: 16/9) {
  .fullscreen-video {
    width: 100%;
    height: auto;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-video {
    width: auto;
    height: 100%;
  }
}
/**********type******/
h2 {
	font-family:'Jost', sans-serif;
	font-size:3vh;
	font-weight:600;
	color:green;
	margin-bottom:1em;
	width:80%;
	line-height:1.2em;
}
strong {
	font-weight:600;
}
blockquote {
	padding:4em;
	background-color:white;
	
	
}
blockquote::before {
  content: "\f122";
  font-family: dashicons;
  font-size: 4em;
  float: left;
  margin-left: -1.2em;
  padding-left:1.2em;
}
blockquote p a {
  text-decoration: none;
  color: darkgray;
  border: 1px darkgray solid;
  padding: 5px 15px;
  border-radius: 30px;
  display: block;
  margin-bottom: -2em;
  width: fit-content;
  margin-top: 2em;
}
blockquote p a:hover {
  background: darkgray;
  color: white;
}
.campo-institucion {
	color: #faf5cc;
	margin-left: 0;
	padding: 5px 15px;
	width: fit-content;
	border-radius: 30px;
	margin-top: 10px;
	background-color: #56b038;
}
.dashicons-institucion {
	padding-top:4px;
	font-size:1em;
	color:#faf5cc !important;
}
/********** layout *****/
@media only screen and (min-width:900px) {
    .hamburger {
      display: none!important;
    }
	.menu-menu-1-container {
		text-align:unset!important;
	}
	#menu {
		width:90%!important;
		margin:0 auto!important;
		text-align:unset!important;
		padding-top:2em;
	}
	.menu-list {
		padding:unset!important;
	}
	.menu {
		padding:unset!important;
	}
	.menu ul {
		display:unset!important;
	}
	.menu ul li {
		display:unset!important;
	}
    nav#menu {
      display: block;
      max-height: none;
      overflow: visible;
    }
    nav#menu.open {
      display: block;
    }
	.frase {
		font-size:11vh!important;
		line-height:10vh!important;
	}
	.logo {
		width:90%;
		margin:0 auto;
		padding:2em 0!important;
	}
	.logo img {
		width:500px!important;
	}
	.frase-2 {
		padding:0 2em!important;
	}
	  .frase-3 {
		  padding: .8em 3.5em!important;
	}
	.widgets {
		flex-direction:row!important;
	}
	.widget-1, .widget-2, .widget-3, .widget-4 {
		width:25%;
		margin-top:0!important;
	}
	.widgets h1 {;
		font-size: 2vw!important;
		padding:2em 1.5em!important;
	}
	.widgets p{
		padding:0 2em 2em 4em;
		font-size:1.5vw!important;
	}
	.foto-inicio {
		padding:10em 10em 5em 10em!important;
	}
	.parrafo-inicio {
		font-size:3em!important;
		width:50%!important;
	}
	.logos-clientes {
		width: 90%;
		margin: 0 auto;
		display: flex;
		overflow: hidden;
		flex-direction: row!important;
		align-items: center;
		position: relative;
		justify-content:cener;
	}
	.logos-container {
		display: flex;
		transition: transform 0.5s ease-in-out;
	}

	.logo-marca {
		flex: 0 0 auto;
	}
	.logos-clientes .logo-marca {
		flex: 0 0 auto;
		transition: transform 0.5s ease-in-out;
		flex-shrink: 0;
	}

	.logos-clientes img {
		width:100%;
		/*filter:grayscale(100);*/
	}
	.logos-clientes .logo-marca {
		flex: 0 0 auto;
		transition: transform 0.5s ease-in-out;
		flex-shrink: 0;
	}
		#oceana {
		width:12%!important;
		margin:0 2em;
	}
	#codelco {
		width:10%!important;
		margin:0 2em;
	}
	#virginio {
		width:20%!important;
		margin: 0 2em;
	}
	#junta {
		width:18%!important;
		margin:0 2em;
	}
	#codesser {
		width:5%!important;
		margin:0 2em;
	}
	.destacados {
		flex-direction:row!important;
		margin-bottom:2em!important;
	}
	.fijo {
		width:20%!important;	
		padding: 2em 5em!important;
	}
	.boton-fijo {
		margin-top:unset!important;
	}
	.proyectos-destacados {
		min-height:100%;
		background-color:#faf5cc;
		position:relative;
		width:100%;
		display:flex;
		flex-direction: row!important;
	}
	.proyecto-destacado {
		width:50%!important;
		position:relative;
		display:flex;
		flex-direction:row!important;
	}
	.foto-proyecto-destacado {
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
		min-height:100%!important;
		width:100%;
	}
	article {
		width:100%;
		padding: 3em 6em!important;
	}
	.post-wrapper {
		margin-left: 25%!important;
	}
	.caja-categoria {
		width:90%!important;
		margin: 0 auto 4em !important;
		color:white;
		background:green;
		height:40vh!important;
		display:flex;
		justify-content:space-between;
		flex-direction:row!important;
	}
	.imagen-categoria {
		width:33%!important;
		height: auto!important;
		background-size:cover;
		background-position:center;
	}
	.category-entry {
		width:90%;
		margin:2em auto;
		display:flex;
		align-items:end!important;
		flex-direction:row!important;
	}
	.imagen-destacada-proyecto-categoria {
		width: 60vw!important;
		background-size: cover;
		background-position: center;
		height: 40vh;
	}
	.category-entry-title {
		font-size: 1.2em;
	    color: green;
		text-decoration: none;
	    padding: 0 2em!important;
		width: 20%;
	    line-height: 1.5em;
	}
	#footer {
		flex-direction:row!important;
		padding:3em 5em!important;
	}
	.logo-footer {
		width:400px!important;
	}
	#menu-footer {
		text-align:left!important;
		margin:0 5em!important;
		text-align:left;
	}
	.df-popup-thumb {
		width:500px!important;
	}
	.conocenos {
		width:70%;
		margin:2em 20% 5em 0;
	}
	.conocenos p{
		margin:0;
	}
	.consultores {
		display:flex;
		flex-direction:row;
		width:100%;
		justify-content:space-between;
	}
	.consultor {
		width:48%;
		display:flex;
	}
	.foto-consultor{
		width:40%;
		margin-right:0;
	}
	.texto-consultor {
		width:60%;
		padding:0 2em 0;
	}
	.linkedin{
		padding:.5em 1em;
		border:2px solid green;
		border-radius:40px;
		margin:1em 0;
		width:fit-content;
	}
	.foto-consultor a{
		color:gray;
		text-decoration:none;
	}
	.linkedin:hover, .linkedin:hover span {
		background:green;
		color: white;
	}
	.dashicons-linkedin:hover {
		color:white!important;
	}
}
 /*********************** mobile ****************************/
/**************************************************************/
  /* Default Mobile Styles */
  .hamburger {
    cursor: pointer;
    width: 30px;
    height: 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
 .hamburger div {
    width: 100%;
    height: 4px;
    background-color: #000;
    transition: all 0.3s ease;
    position: absolute;
  }
  .hamburger div:nth-child(1) {
    top: 4px;
  }
  .hamburger div:nth-child(2) {
    top: 12px;
  }
  .hamburger div:nth-child(3) {
    top: 20px;
  }
  .hamburger.open div:nth-child(1) {
    transform: rotate(45deg);
    top: 12px;
  }
  .hamburger.open div:nth-child(2) {
    opacity: 0;
  }
  .hamburger.open div:nth-child(3) {
    transform: rotate(-45deg);
    top: 12px;
  }
  /* Mobile Menu Styles */
  #menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
	  text-align:center;
  }
  #menu.open {
    max-height: none;
    transition: max-height 0.3s ease;
  }
.menu {
	padding:1em;
}
.menu-list {
	padding:2em;
}
.menu-menu-1-container {
	text-align:center;
}
p {
	font-family:'Jost', sans-serif;
	font-size:2.2vh;
	line-height:1.4em;
	margin: 0 auto 1em auto;
	color: darkgray;
}
.fondo {
	background-color:#faf5cc;
}
#wrapper {
	width:100%;
	margin:0 auto;
	
}
#header {
	width:100%;
	height:80vh;
	/*background-image: url('https://dysconsultores.cl/portada.mp4');*/
	background-position:center;
	background-size: cover;
}
/**** inicio ******/
.frase {
	font-family: 'Jost', sans-serif;
	font-weight: 500;
	font-size: 7vh;
	color: white;
	padding: .8em;
	line-height:7vh;
	filter:drop-shadow(#7f7e7e .2rem .2rem 5px)
}
.logo {
	padding:2em;
}
.logo img {
	width:90%;
	height:auto;
}
#menu {
	width:100%;
	/*padding:2em;*/
}
.menu  {
	display:inline-block;
}
.menu li {
	display:inline-block;
}
#menu ul li a{
	font-family: 'Familjen Grotesk', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  margin-right: .5em;
  padding: 9px 19px 12px;
  border: 2px solid green;
  border-radius: 24px;
  float: left;
  font-size: 1.2em;
	color:green;	
	text-decoration:none;
}
#menu ul li a:hover {
	 color: white;
	background:green;
}
.frase-2 {
	font-family: 'Jost', sans-serif;
	font-size:5vh;
	font-weight:normal;
	color:green;
	line-height:6vh;
	padding:0 1em;
}
.frase-3 {
	font-family: 'Jost', sans-serif;
  font-size: 3vh;
  font-weight: 400;
  color: #7c7b7b;
  padding: 1.6em;
  line-height: 1.2em;
}
.widgets {
	display:flex;
	flex-direction:column;
	width:100%;
	background-color: #faf5cc;
	padding-top: 15vh;
}
.widget-1, .widget-2, .widget-3, .widget-4 {
	width:100%;
	margin-top:-7vh;
}
.widget-1, .widget-3 {
	background-image: url('https://dysconsultores.cl/wp-content/uploads/2024/05/DyS-fondo-widget-3.svg');
	background-size:cover;
	height:auto;
}
.widget-2, .widget-4 {
	background-image: url('https://dysconsultores.cl/wp-content/uploads/2024/05/DyS-fondo-widget-4.svg');
	background-size:cover;
	height:auto;
}
.widgets h1 {
	font-family: 'Familjen Grotesk', sans-serif;
	font-size:4vh;
	font-weight:300;
	color:white;
	padding: 10vh 5vh 0;
}
.widgets p {
	color:white;
	font-family:'Jost', sans-serif;
	font-size:2.5vh;
	padding:2em 2em 3.5em !important;
	line-height:1.2em;
	font-weight:300;
}
.foto-inicio {
	padding:2em;
}
.parrafo-inicio {
	font-family: 'Jost', sans-serif;
	font-size:2em;
	text-align:center;
	color:green;
	font-weight:300;
	width:70%;
	margin:0 auto;
}
.destacados {
	width:100%;
	display:flex;
	flex-direction:column;
	margin-top:5em;
	margin-bottom:2em;
	min-height:50vh;
	position:relative;
}
.fijo {
	background-color:green;
	padding:2em;
	width:100%;
	position:relative;
}
.fijo p{
	font-family:'jost', sans-serif;
	font-size:2.5vh;
	font-weight:400;
	color: #fff;
}
.boton-fijo {
	margin-top:5em;
}
.boton-fijo a {
position: absolute;
  bottom: 1.5em;
  padding: 1em;
  border: 1px white solid;
  border-radius: 24px;
  color: white;
  text-decoration: none;
  font-family: 'Jost', sans-serif;
}
.proyectos-destacados {
	min-height:100%;
	background-color:#faf5cc;
	position:relative;
	width:100%;
	display:column;
}
.proyecto-destacado {
	width:100%;
	position:relative;
	display:flex;
	flex-direction:column;
}
.logos-clientes {
	width:90%;
	margin:0 auto;
	display:flex;
	flex-direction:column;
	justify-content:space-evenly;
	align-items:center;
}
.logos-clientes img {
	width:100%;
	/*filter:grayscale(100);*/
}
.swiper-wrapper img {
	padding:2em;
}
.oceana {
	width:42%;
	margin:0 2em;
}
.codelco {
	width:30%;
	margin:0 2em;
}
.virginio {
	width:60%;
	margin: 0 2em;
}
.junta {
	width:30%;
	margin:0 2em;
}
.codesser {
	width:25%;
	margin:0 2em;
}
/***** entradas y paginas ******/
.titulo-proyecto-destacado {
	width:80%;
}
.titulo-proyecto-destacado p {
	font-family:'Jost', sans-serif;
	font-size: 3vh;
	color:green;
	text-decoration:none;
	padding:1em;
	line-height:1.2em;
}
.titulo-proyecto-destacado a {
	text-decoration:none;
	color:green;
}
.foto-proyecto-destacado {
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	min-height:30vh;
	width:100%;
}
.post-wrapper {
	margin-left: unset;
}
figure {
	margin:2em 0;
}
article {
	width:100%;
	padding: 2em;
}
.entry-title a {
	font-family:'Jost', sans-serif;
	font-size:2em;
	font-weight:normal;
	color:#006633;
	text-decoration:none;
	line-height:1.2em;
}
.entry-title {
	padding-bottom: 3em;
    border-bottom: green solid 3px;
    margin-bottom: 1em;
	line-height:1.2em;
}
.imagen-destacada-proyecto {
	width:100%;
	height: 70vh;
	background-position:center;
	background-size:cover;
	border-bottom:15px #006633 solid;
	margin-bottom:3em;
}
.entry-footer {
	margin-top:2em;
}
.cat-title {
	  display: inline-block;
	  border: 1px solid darkgray;
	  padding: .5em 1em;
	  border-radius: 20px;
	margin-right:10px;
	margin-bottom: 10px;
}
.cat-links {
	display:inline-block;
}
.cat-links a {
	text-decoration:none;
	color:green;
	display:inline-block;
	border:1px solid green;
	padding: .5em 1em;
	border-radius:20px;
}
.cat-links a:hover {
	color:white;
}
.cat-links a:hover {
	background:green;
	color:white;
	border-radius:20px;
}
/************ categorias *******/
.caja-categoria {
	width:100%;
	margin:0;
	color:white;
	background:green;
	height:70vh;
	display:flex;
	flex-direction:column-reverse;
	justify-content:space-between;
}
.titulo-descripcion {
	display: flex;
    flex-direction: column;
    justify-content: end;
	padding:2em;
}
.imagen-categoria {
	width:100%;
	height: 30vh;
	background-size:cover;
	background-position:center;
}
.entry-title-caja-categoria, .caja-categoria p {
	color:white;
	color: #faf5cc;
}
.entry-title-caja-categoria {
	font-size:2em;
	text-transform:uppercase;
	font-family: 'Familjen Grotesk', sans-serif;
	padding-bottom:.5em;
}
.caja-categoria p {
	font-size:1.2em;
	font-family:'Jost', sans-serif;
}
.category-entry {
	width:90%;
	margin:2em auto;
	display:flex;
	/*align-items:end;*/
	/*padding: 0 1em;*/
	flex-direction:column;
}
.category-entry-title {
	font-size: 1.2em;
   color: green;
 	text-decoration: none;
   padding: 1em 0;
 	width: unset;
  line-height: 1.5em;
}
.category-entry-title a {
	color:green;
	text-decoration:none;
}
.ver-mas{
	padding: .2em 1em;
	background: green;
    color: white !important;
    border-radius: 40px;
    width: fit-content;
	margin-top:1em;
}
.ver-mas:hover {
	background:#1dac1d;
}
.ver-mas a {
	color:white;
	font-family: 'Familjen Grotesk', sans-serif;
	font-size:.9em;
}
.imagen-destacada-proyecto-categoria {
	width: unset;
  	background-size: cover;
 	background-position: center;
 	height: 40vh;
	background-size: cover;
    background-blend-mode: normal; /* Initial state */
   transition: background 0.3s ease-in-out, filter 0.3s ease-in-out;
}
.imagen-destacada-proyecto-categoria:hover {
	filter: grayscale(100%) brightness(1); /* Apply grayscale and lightness */
    /* background-color: lightgreen; Tint with light green */
    background-blend-mode: multiply; /* Blend with the background color */
}
.entry-image {
	position:relative;
}
.autor {
	position: absolute;
	z-index: 3;
	padding: .5em 1em;
	background: #008000;
	margin: 1em;
	border-radius: 24px;
    color: white;
}
.autor:hover {
	background:#65bd1b;
}
.autor a{
	color:white;
	text-decoration:none;
}
.autor a:hover {
	color:lightgray
}
/********** paginas*********/
.entry-title-pagina {
  font-size: 2em;
  text-transform: uppercase;
  font-family: 'Familjen Grotesk', sans-serif;
  padding-bottom: .5em;
  color: green;
}
.linkedin{
  padding:.5em 1em;
  border:2px solid green;
  border-radius:40px;
  margin:1em 0;
  width:fit-content;
	}
.foto-consultor a{
  color:gray;
  text-decoration:none;
}
.linkedin:hover, .linkedin:hover span {
  background:green;
  color: white;
}
.dashicons-linkedin:hover {
  color:white!important;
}
.conocenos {
	margin:0 0 4em 0;
}
.conocenos p{
	margin:1em 0;
}
.texto-consultor {
  margin-bottom:5em;	
}
.conocenos h2 {
	margin-bottom:0;
}
/********** footer********/
#footer {
	width: 100%;
	padding:2em;
	display:flex;
	align-items:start;
	flex-direction:column;
}
.logo-footer {
	width:70vw;
	margin:0 auto;
}
#menu-footer {
	margin:2em auto;
	text-align:center;
	width:100%;
}
.menu-footer {
	width:100%;
}
.menu-footer li {
	padding-bottom:.9em;
}
.menu-footer li a {
	text-decoration:none;
	color:green;
	font-size: 1.2em;
}
.menu-footer li a:hover {
	color:darkgray;
}
.dashicons{
	color:green;
	margin-left: .2em;
 	margin-right: .2em;
	font-size:1em!important;
}
.dashicons:hover {
	color:darkgray;
}

.siguenos {
	font-size:1.2em;
	color:green;
	padding-bottom:1em;
	text-align:right;
}
#rrss {
	text-align: right;
 	width: 100%;
}
#rrss a {
	text-decoration:none;
	font-size:2em;
	color:green;
}
#rrss a:hover {
	color:darkgray;
}