/*
Theme Name:   Movedo Child
Theme URI:    https://themeforest.net/user/greatives
Description:  Movedo Child Theme
Version:      1.0.0
Author:       A.Wuchte
Author URI:   https://mulder.at
Template:     movedo
*/
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/montserrat-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/montserrat-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/montserrat-v30-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* nunito-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/nunito-v31-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
html,body {
  font-size: 16px;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px;
  color: #1d1d1d;
}

#grve-header .grve-horizontal-menu ul.grve-menu ul.sub-menu {
  text-align: left;
  width: 150px;
  left:25px;
}
h1, h2, h3, h4, h5, h6, .grve-h1, .grve-h2, .grve-h3, .grve-h4, .grve-h5,
	.grve-h6 {
  font-family: Montserrat;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
}
h2, .grve-h2 {
  font-family: Montserrat, Helvetica, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: none;
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: 0px;
}
.grve-headings-light h1, .grve-headings-light h2, .grve-headings-light h3,
	.grve-headings-light h4, .grve-headings-light h5, .grve-headings-light h6,
	.grve-headings-light .grve-heading-color, .grve-column.grve-headings-light h1,
	.grve-column.grve-headings-light h2, .grve-column.grve-headings-light h3,
	.grve-column.grve-headings-light h4, .grve-column.grve-headings-light h5,
	.grve-column.grve-headings-light h6, .grve-column.grve-headings-light .grve-heading-color,
	.grve-split-content .grve-headings-light.grve-media-wrapper .grve-title
	{
	color: #1d1d1d;
}

#grve-feature-section .grve-title,#grve-feature-section .grve-description {
  font-family: Montserrat, Helvetica, sans-serif !important;
  font-weight: 800 !important;
  font-style: normal;
 
  text-transform: none;
  line-height: 60px;
  letter-spacing: -1.3px;
}
#grve-feature-section .grve-title{
	 font-size: 48px !important;
}
#grve-feature-section .grve-description {
	 font-size: 40px !important;
}
.page-id-108 #grve-feature-section .grve-title {
  letter-spacing: normal;
  /*font-size: 8.5rem ;*/
  font-size: clamp(2.5rem, 0.073rem + 10.787vw, 7.5rem)!important;
  /*line-height:9.5rem;*/
  line-height:clamp(3rem, 0.573rem + 10.787vw, 8rem);
  text-transform: uppercase;
  padding-bottom: 2rem;
}
.page-id-108 .grve-box-icon .grve-wrapper-icon{
	display:none;
}
 #grve-header .grve-main-menu .grve-wrapper > ul > li > a{
font-family: Montserrat, Helvetica, sans-serif;
	font-weight: 700;
	font-style: normal;
	  font-size:1rem;
	text-transform: uppercase;
	letter-spacing: 0px;
	color: #014B4C;
}
#grve-header .grve-horizontal-menu.grve-position-right ul.grve-menu > li:not(:first-child) > a {
  padding: 0px 0px 0px 1.7em;
}
#grve-header:lang(es) .grve-horizontal-menu.grve-position-right ul.grve-menu > li:not(:first-child) > a {
  padding: 0px 0px 0px 1em;
}
.grve-header-element .grve-item .grve-icon-menu {
	font-size:2rem ;
}
#grve-hidden-menu .grve-hiddenarea-content .grve-menu > li > a{
	font-size: 1rem !important;
}
.grve-leader-text, .grve-leader-text p, p.grve-leader-text {
  font-family: Montserrat, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1rem;
  text-transform: none;
  line-height: 30px;
  letter-spacing: 0px;
   color: #1d1d1d !important;
}
 .grve-btn.grve-btn-extralarge {
  font-size: 1rem !important;
}
.grve-btn{
font-family: Nunito, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal;
  font-size: 1rem !important; 
  text-transform: uppercase;
  letter-spacing: 0px;
  padding: 1em 2.545em !important;
}
.grve-back-top{
	right:52px;
	bottom:-52px;
}

.grve-back-top i {
  font-size: 46px;
  padding:1rem;
  background-color: #014B4C;
}

#grve-theme-wrapper .grve-fullwidth-btn.grve-btn.grve-fluid-btn-short {
  margin: 0;
  padding: 0 1.538rem;
  line-height: 2rem;
} 
.button-row .grve-btn.grve-btn-extralarge {
  font-size: 1.5rem !important;
}
.teaser{
	position: relative;
}
.grve-box-content{
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	
}
.grve-box-content h2{	
	color:#fff;
	font-size: 2.5rem;
	line-height:1em !important;
}
#grve-main-content a{
	font-weight: 700;
}

#contacts img{
	width:50px;
	height:50px;
}
#contacts {
	width:60px;	
	margin-bottom:4rem;
	position:fixed;
	right:20px;
	z-index: 900 !important;
	background:#fff;
	top:110px;
	border:3px solid #014B4C;
}
#contacts .grve-column-1-3 {
	width: 100% !important;
	
}

@media ( max-width : 768px) {
	#contacts img {
		width: 100%;
		height: 35px;
		margin-bottom:.5rem;
	}
	#contacts {
		width: 40px;
	}
	#contacts .grve-column-1-3 {
	
	padding-left:10px !important;
	padding-right:10px !important;
}
}

@media ( min-width : 1024px) and (max-width: 1240px) {
	.grve-logo img {
		height: clamp(1.688rem, -5.127rem + 10.648vw, 3.125rem) !important;
	}
	.grve-logo .grve-wrapper {
		top: 60%;
	}
	
}
@media ( min-width : 960px) and (max-width: 1240px) {
	.grve-box-content h2{	
	line-height:1em !important;
	font-size: 2.0rem;
}
}