/* @override 
	https://mavronero.cy/wp-content/themes/generatepress_child/style.css?* */

/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

body, button, input, select, textarea {
	/*font-family: 'Inter', Arial, Helvetica, Geneva, sans-serif !important;*/
}

html {
    scroll-behavior: smooth;
}
	
/* ----------------------------------------------

Typography
https://fluidtypography.com/#app-get-started

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

/*body, button, input, select, textarea {

}*/


h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}


/* 
Viewport:		600px → 1300px
Font Size:		16px → 19px
Line Height:	1.6 → 1.6
*/

body {
/*font-size: clamp(1rem, 0.429vw + 0.839rem, 1.188rem) !important;
line-height: clamp(1.6rem, 0.686vw + 1.343rem, 1.9rem) !important;*/
}

/* 
Viewport:		600px → 1300px
Font Size:		18px → 24px
Line Height:	1.6 → 1.6
*/

.font-size-l {
/*font-size: clamp(1.125rem, 0.857vw + 0.804rem, 1.5rem) !important;
line-height: clamp(1.8rem, 1.371vw + 1.286rem, 2.4rem) !important;*/
}

/* 
Viewport:		600px → 1300px
Font Size:		18px → 24px
Line Height:	1.6 → 1.6
*/

.font-size-s {
/*font-size: clamp(0.875rem, 0.286vw + 0.768rem, 1rem) !important;
line-height: clamp(1.4rem, 0.457vw + 1.229rem, 1.6rem) !important;*/
}

/* 
Viewport:		600px → 1300px
Font Size:		32px → 70px
Line Height:	1.3 → 1.1
*/

.heading-1 {
/*font-size: clamp(2rem, 5.429vw + -0.036rem, 4.375rem) !important;
line-height: clamp(2.6rem, 5.057vw + 0.704rem, 4.813rem) !important;*/
}

/* 
Viewport:		600px → 1300px
Font Size:		26px → 45px
Line Height:	1.3 → 1.1
*/

.heading-2 {
/*font-size: clamp(1.625rem, 2.714vw + 0.607rem, 2.813rem) !important;
line-height: clamp(2.113rem, 2.243vw + 1.271rem, 3.094rem) !important;*/
}

/* 
Viewport:		600px → 1300px
Font Size:		22px → 32px
Line Height:	1.3 → 1.2
*/

.heading-3 {
/*font-size: clamp(1.375rem, 1.429vw + 0.839rem, 2rem) !important;
line-height: clamp(1.788rem, 1.4vw + 1.263rem, 2.4rem) !important;*/
}


button, input, select, textarea,
.gb-button {
	/*line-height: 1.8 !important;*/
}


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

Footer

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



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

Header

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

/*.header-logo img {
	display: block;
}*/

.wc-block-mini-cart__button:hover {
    background-color: transparent;
	color: #fff !important;
}

.wc-block-mini-cart__badge {
    align-items: center;
    border-radius: 3em;
    box-sizing: border-box;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 24px;
    min-width: 10px;
    padding: 9px 9px;
}

/*NAVIGATION*/


.main-navigation #primary-menu a:hover {
    color: var(--accent-strong-1) !important;
}

.wpml-language-switcher-block {
	font-size: 15px;
}

.wpml-language-switcher-block li {
	padding: 0;
	margin: 0;
}

.wpml-language-switcher-block ul.horizontal-list {
    gap: 0.5em !important;
}

.wp-block-navigation-item__label {
	display: block;
	background-color: var(--accent-subtle-1);
	padding: 8px;
	border-radius: 500px;
}

.wp-block-navigation-item__label:hover {
	background-color: var(--accent-strong-1);
	color: var(--base);
}

.wpml-language-switcher-block ul.horizontal-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    margin: 0 !important;
    gap: 1em !important;
	padding: -50px;
}

.wpml-language-switcher-block [data-wpml='language-item']:first-of-type {
    margin-top: 0px !important;
}

Breadcrumbs
<?php if (function_exists('rank_math_the_breadcrumbs')) rank_math_the_breadcrumbs(); ?>


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

Complianz

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


#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
	font-size: inherit;
	max-width: none;
	text-justify: inter-word;
}

#cmplz-document p, .editor-styles-wrapper .cmplz-unlinked-mode p, #cmplz-document li, .editor-styles-wrapper .cmplz-unlinked-mode li, #cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode td {
	font-size: inherit;
	margin-top: 0
}

#cmplz-document h2, .editor-styles-wrapper .cmplz-unlinked-mode h2, #cmplz-document h3, .editor-styles-wrapper .cmplz-unlinked-mode h3 {
	font-weight: 700;
}

.cmplz-cookiebanner .cmplz-accept { 
	/*font-weight: 700 !important;*/
}


.cmplz-cookiebanner .cmplz-logo img {
    height: 32px !important;
    max-width: inherit !important;
}

#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
    font-size: inherit;
    margin-top: inherit;
    max-width: inherit;
    text-justify: inherit;
}


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

WP FORMS

----------------------------------------------*/
.wpforms-container .wpforms-field-label, .wp-core-ui div.wpforms-container .wpforms-field-label {
	display: block;
	font-weight: 500;
	font-style: normal;
	word-break: break-word;
	word-wrap: break-word
}

/* New button styles */
.wpforms-form input[type=submit], 
.wpforms-form button[type=submit] {
    padding: 20px 45px !important;
    background-color: var(--accent-strong-1) !important;
    color: #fff !important;
	height: auto !important;
	border-radius: 500px !important;
	font-weight: 500 !important;
	border: 1px solid var(--accent-strong-1) !important;
	box-shadow: none !important;
}

.wpforms-form input[type=submit]:hover, 
.wpforms-form input[type=submit]:active, 
.wpforms-form button[type=submit]:hover, 
.wpforms-form button[type=submit]:active, 
.wpforms-form .wpforms-page-button:hover, 
.wpforms-form .wpforms-page-button:active,
div.wpforms-container-full input[type=submit]:hover, div.wpforms-container-full input[type=submit]:active, div.wpforms-container-full button[type=submit]:hover, div.wpforms-container-full button[type=submit]:active, div.wpforms-container-full .wpforms-page-button:hover, div.wpforms-container-full .wpforms-page-button:active, .wp-core-ui div.wpforms-container-full input[type=submit]:hover, .wp-core-ui div.wpforms-container-full input[type=submit]:active, .wp-core-ui div.wpforms-container-full button[type=submit]:hover, .wp-core-ui div.wpforms-container-full button[type=submit]:active, .wp-core-ui div.wpforms-container-full .wpforms-page-button:hover, .wp-core-ui div.wpforms-container-full .wpforms-page-button:active {
    background-color: var(--contrast) !important;
    color: var(--base) !important;
    border-color: var(--contrast) !important;
	box-shadow: none !important;
}
 
/* New button focus styles */
.wpforms-form input[type=submit]:focus,
.wpforms-form button[type=submit]:focus,
.wpforms-form .wpforms-page-button:focus {

}



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

SUSTAINABLE DEVELOPMENT GOALS

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


.sdg-container {
  display: flex;
  /* flex-wrap: wrap; */
  max-width: 1360px;
  margin: 80px auto;
  align-items: flex-start;
}

.sdg-container .sdg-links {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
  gap: 10px;
  align-items: flex-start;
}

@media only screen and (max-width: 767px) {
	
	.sdg-container .sdg-links .sdg-link-block {
    width: 30%;
  }
	
}

.sdg-container .sdg-links .sdg-link-block {
  width: 20%;
  overflow: visible;
}

@media only screen and (max-width: 767px) {
	
	.sdg-container .sdg-links .sdg-link-block {
    width: 38%;
	
  }
	
}

.sdg-container .sdg-links .sdg-link-block img{
  width: 100%;
}

.sdg-yes {
  overflow: visible !important; 
}

.sdg-yes img {
  /* position: relative;
  left: -2px;
  border: 2px solid #fff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4); */
}

.sdg-no {
  /* scale: 0.9; */
}

.sdg-container .sdg-details {
  width: 50%;
  background-color: #e6eced;
  font-size: 18px;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
	
	.sdg-container .sdg-details {
    width: 70%;
		font-size: 16px;
		line-height: 1.4;
	}
	
}

.sdg-container .sdg-details .sdg-detail-block {
  padding: 20px 6% 20px 6%;
}

.sdg-container .sdg-details .sdg-detail-block .avia-button {
  margin-bottom: 15px;
}

.sdg-container .sdg-details .sdg-detail-block .sdg-image img{
  width: 200px;
  /*border: 2px solid #fff;*/
}

@media only screen and (max-width: 767px) {
	
	.sdg-container .sdg-details .sdg-detail-block .sdg-image img{
    width: 100%;
  }
	
}

.sdg-container .button-dark{
	background-image: url(img/sdg/icon-link-external.svg);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: center right 30px;
	padding-right: 60px;
}

/*CUSTOM*/

.sdg-container h3 {
  margin: 20px 0 20px 0;
  font-size: 30px !important;
}

@media only screen and (max-width: 767px) {
	
	.sdg-container h3 {
		margin: 20px 0 20px 0;
		font-size: 20px !important;
	}	
	
}

.sdg-links a{
	line-height: 0;
}


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

BLOG STYLES

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

.type-post .wp-block-image,
.type-post .wp-block-gallery{
	margin-bottom: 1em;
}



.button, 
.wp-block-button .wp-block-button__link {
    background-color: var(--accent-strong-1) !important;
    color: var(--base) !important;
    display: inline-flex;
    font-size: 1em;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid var(--accent-strong-1);
    border-radius: 500px;
    padding: 15px 45px;
}

.button:hover, 
.wp-block-button .wp-block-button__link:hover {
    background-color: var(--contrast) !important;
    color: var(--base) !important;
    border: 1px solid var(--contrast) !important;
}
.button:is(:hover,:focus), 
.wp-block-button .wp-block-button__link:is(:hover,:focus) {
    color: var(--base) !important;
}


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

VACANCIES

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

.vacancy-item {
  border: 0 !important;
  border-radius: 0 !important;
  background-color: var(--accent-subtle-2) !important;
}

.vacancy-cta,
.vacancy-cta-button,
#apply-form button[type="submit"] {
  color: #fff !important;
  text-decoration: none;
  border-radius: 500px !important;
  border: 0 !important;
  background-color: var(--accent-strong-1) !important;
}

.vacancy-cta:hover,
.vacancy-cta-button:hover,
#apply-form button[type="submit"]:hover {
  background-color: var(--contrast) !important;
  color: #fff !important;
  border: 0 !important;
}

#apply-form-container {
  margin-top: 3em !important;
}




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

X-TREES

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

.x-trees-post--container {
  color: #111;
}

.x-trees-post--container > div {
  background-color: #edf1eb;
}

.x-trees-post--container h2{
  font-size: 36px !important;
}

.x-trees-post--container h3{
  font-size: 28px !important;
  font-weight: 500;
}


@media only screen and (max-width: 767px) {
	
	.x-trees-post--container h2{
	  font-size: 32px !important;
	}
	
	.x-trees-post--container h3{
	  font-size: 24px !important;
	}
}