:root{
  --verde: #34623F;
  --light: #CAB87C;
  --blanco: #F4F1DE;
  --negro: #212121;
  --gris: #9E9E9E;
  --typo1: 'Vollkorn', serif;
  --typo2: 'Karla', sans-serif;
  --opacidad-welcome1: 0;
  --opacidad-welcome2: 0;
  --opacidad-welcome3: 0;
  --opacidad-welcome4: 0;
  --opacidad-about: 0;
  --opacidad-contact: 0;
}

strong{
  font-family: var(--typo1);
  font-weight: 700;
}

body{
    font-family: var(--typo2);
    background: var(--blanco);	
}


nav{
}

.navbar{
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: none;
  background: rgba(244,241,222,0.8);
}

.headroom{
  will-change: transform;
  transition: transform 200ms linear;
}

.headroom--pinned{
  transform: translateY(0%);
  background: rgba(244,241,222,0.5);
}

.headroom--unpinned{
  transform: translateY(-100%);
}

.navbar-nav{
  font-family: var(--typo2);
}
a{
 color: var(--gris);
}

a:hover{
 color: var(--negro);
}


.nav-link{
  color:var(--gris);
}

.nav-link.active, 
.nav-link:hover{
	color:var(--negro);
	background: none;
}




.navbar .dropdown-menu{
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}
.navbar .dropdown a{
  color:var(--negro);
}
.navbar .dropdown-menu a{
 width: 53.44px;
 padding:.5rem;
 padding-top: 0;
 font-size: 16px; 
 font-family: var(--typo2);
}

.navbar .dropdown-menu a:not(.active){
color: var(--gris);
}

.navbar .dropdown-menu a:not(.active):hover{
color: var(--negro);
}

h1{
 font-size: 3rem;
}

h1,
h2,
h3{
  font-family: var(--typo1);
}

.animated-icon1{
 width: 30px;
 height: 20px;
 position: relative;
 margin: 0px;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-transition: .5s ease-in-out;
 -moz-transition: .5s ease-in-out;
 -o-transition: .5s ease-in-out;
 transition: .5s ease-in-out;
 cursor: pointer;
}

.animated-icon1 span{
 display: block;
 position: absolute;
 height: 4px;
 width: 100%;
 border-radius: 9px;
 opacity: 1;
 left: 0;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-transition: .25s ease-in-out;
 -moz-transition: .25s ease-in-out;
 -o-transition: .25s ease-in-out;
 transition: .25s ease-in-out;
}

.animated-icon1 span{
background: var(--verde);
}
.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}


.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}













.contact{
	 color: var(--verde);
}

.contact_1{
  width: 100%;
	font-family: var(--typo1);
}

.contact_1 p{
	font-size: 25px;
}

form{
  border-left: 2px solid var(--verde);
  }

 @media (max-width: 576px){
  form{
    border: none;
  }
 }
}
.form-control,
.form-control:active,
.form-control:focus,
.form-control:focus:active {
  color: var(--negro);
}

.md-form{
	width: 75%;
}

.md-form .form-control{
  margin-bottom: 1.2rem;
}

.md-form input[type="text"]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type="email"]:not(.browser-default):focus:not([readonly])+label,
.md-form textarea.md-textarea:focus:not([readonly])+label{
	color: var(--verde);
}

.md-form input[type="text"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="email"]:not(.browser-default):focus:not([readonly]),
.md-form textarea.md-textarea:focus:not([readonly]){
	border-bottom: 1px solid var(--verde);
	box-shadow: 0 1px 0 0 var(--verde);
}

.md-form textarea.md-textarea+label{
	top: 0;
}

.md-form textarea.md-textarea{
	padding: .6rem 0 .4rem 0;
}
.checkbox-3 {
  padding: 0;
}
.checkbox-3 input:checked ~ label:before {
  content: '\2713';

  text-indent: .6em;
  line-height: 1.8em;
  color: var(--verde);
  background-color: transparent;
  border: none;
}

.checkbox-3 label:before {
  content: '';
  color: var(--verde);
  font-size: .7em;
  font-weight: bold;
  border: 1px solid #BDBDBD;
  width: 1.8em;
  height: 1.8em;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  transition: .3s, line-height .15s;
  text-indent: .5em;
  line-height: 5em;
  overflow: hidden;
}

.checkbox-3 label {
  position: relative;
  line-height: 1.3em;
  text-indent: 1.8em;
  display: inline-block;
  color: var(--negro);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; 
  user-select: none;
}

.checkbox-3 input {
  display: none;
}

.custom-control-label {
	color: var(--blanco);
}

.custom-button{
	width: 75%;
	background: var(--verde);
	color: var(--blanco);
  border: 2px solid var(--verde);
	font-weight: 700;
}

.custom-button:hover{
  background: transparent;
	color: var(--verde);
  border: 2px solid var(--verde);
}

form{
  font-family: var(--typo2);
}
    .md-form{
      margin: auto;
    }
    .form-check{
    	width: 75%;
    	text-align: justify;
    	margin: auto;
    }
    .button{
    	text-align: center;  
    }



/*Animación scroll*/

.field {
  padding: 2em;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
}

.mouse {
  width: 25px;
  height: 45px;
  border: 2px solid var(--negro);
  border-radius: 60px;
  position: relative;
}
  .mouse:before {
    content: '';
    width: 4px;
    height: 4px;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--negro);
    border-radius: 50%;
    opacity: 1;
    animation: wheel 3s infinite;
    -webkit-animation: wheel 3s infinite;
  }
}

@keyframes wheel {
  to {
    opacity: 0;
    top: 30px;
  }
}

@-webkit-keyframes wheel {
  to {
    opacity: 0;
    top: 30px;
  }
}


u{
  text-decoration: none;
}

footer{
  background: var(--verde);
  color: var(--blanco);

}


footer a{
  color: var(--blanco);
}

footer a:hover{
  color: var(--blanco);
}





/*Cards*/

.card{
  border: none;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.10), 0 2px 10px 0 rgba(0,0,0,0.08);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.10), 0 2px 10px 0 rgba(0,0,0,0.08);

}

.card-title{
  font-family: var(--typo1);
}

.card-text{
  font-family: var(--typo2);
}

.card-body{
  background: var(--blanco);
}

.card-img-top {
    width: 100%;
    height: 15vw;
    object-fit: cover;
}

.myfilter img {

    filter: hue-rotate(-10deg) brightness(1.05) ;

}

.myfilter{

      position: relative;

}

.myfilter:after{

    position: absolute; content: ''; display: block; top: 0; left: 0; height: 100%; width: 100%;

    background: linear-gradient(to right,rgba(66, 10, 14, 0.2) 0%, rgba(66, 10, 14, 0.0) 100%);

    mix-blend-mode: darken

}


.welcome1{
  opacity: var(--opacity-welcome1);
}
.welcome2{
  opacity: var(--opacity-welcome2);
  }
.welcome3{
  opacity: var(--opacity-welcome3);
  }
.welcome4{
  opacity: var(--opacity-welcome4);
  }
.about{
  opacity: var(--opacity-about);
  }
.contact{
  opacity: var(--opacity-contact);
  }