/*
Theme Name: Brook Child
Theme URI: http://brook.thememove.com/
Author: ThemeMove
Author URI: http://thememove.com/
Version: 1.0.0
Template: brook
Text Domain:  brook
Tags: editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap');
body,p,h1,h2,h3,h4,h5,h6,a,ul,li,button,input,textarea,select{
    font-family:Geologica!important;
}
div.otgs-development-site-front-end{
    display: none;
}
/*----- INIT -------*/
:root {
    --blue: #4d358b;
    /*--green: #3c9f3a;*/
    --green: #066526;
    --white: #ffffff;
    --black: #000000;
    --grey: #f5f5f5;
	--grey-dark: #ececec;
    --google-font: Geologica!important;
}

.blue,.blue .heading{
    color: var(--blue)!important;
}
.white,.white .heading{
    color: var(--white)!important;
}
.black,.black .heading{
    color: var(--black)!important;
}
.grey,.grey .heading{
    color: var(--grey)!important;
}
.green,.green .heading{
    color: var(--green)!important;
}
.grey-dark,.grey-dark .heading{
    color: var(--grey-dark)!important;
}
ul{
	padding-left:20px!important;
}
.tm-heading h5.heading{
	font-weight:500;
}
body a{
    color: var(--blue);
}
.flex-center{
    justify-content: center;
}

/*----- INIT -------*/


/*----- HEADER -------*/

/*----- new logo -------*/
.home header.headroom--top .branding__logo {
	
}
div.page-mobile-popup-logo img{
    -webkit-filter: invert(1);
    -moz-filter: invert(1);
    -o-filter: invert(1);
    -ms-filter: invert(1);
    filter: invert(1);
}
div.branding__logo img {
    padding-top: 9px;
    padding-right: 0px;
    padding-bottom: 9px;
    padding-left: 0px;
}


div.page-content {
    padding-top: 88px;
}
body.single-post.single-blog-style-standard .page-content,body.single-portfolio .page-content {
    padding-top: 0px;
}
.desktop-menu header.header-06 .branding{
	flex-basis: 16%;
}
.desktop-menu header.header-06.headroom--top .header-wrap {
    padding-top: 0;
}

@media (min-width: 1200px) {
    .desktop-menu header.header-06 .page-header-inner>.container {
        max-width: 1200px;
        padding-left: 0;
        padding-right: 0;
    }
}
nav#menu,header.header-06,header.header-06 .popup-search-wrap i{
    font-weight: 400;
}


.desktop-menu header.header-06.headroom--not-top .menu--primary .menu__container > li > a, .desktop-menu header.header-06.headroom--not-top .menu--primary .menu__container > ul > li >a {
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 15px;
    padding-right: 15px;
}
body.home header.header-06 .page-header-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: transparent;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9));
    border-color:transparent;
}
body.home header.header-06 .menu--primary a{
    color: var(--white);
}
header.header-06 .menu--primary a{
    padding-left: 10px!important;
    padding-right: 10px!important;
}
body.home header.header-06 .menu__container .menu-item:hover,body.home header.header-06 .menu--primary .menu__container > li.current-menu-item{
    border-bottom: 4px solid var(--white);
    color: var(--white);
}
body.home header.header-06 .menu__container .menu-item:hover>a .menu-item-title,body.home header.header-06 .menu__container .current-menu-item.menu-item>a .menu-item-title{
	font-weight: 500;
    color: var(--white);
}
.header-06 .menu--primary > ul > li > a:hover{
    color: var(--green);
}
body.home .header-06 .menu--primary > ul > li > a:hover{
    color: var(--white);
}
.desktop-menu header.header-06 .branding{
    flex-basis: 18%;
}
/*body.home header.header-06 .menu__container .sub-menu .menu-item:hover>a .menu-item-title,body.home header.header-06 .menu__container .sub-menu .current-menu-item.menu-item>a .menu-item-title{
	font-weight: 500;
    color: var(--black);
}*/
body.home header.header-06 .menu__container .sub-menu .menu-item:hover>a .menu-item-title{
    color: var(--black);
}
body.home header.header-06 .menu__container .sub-menu .menu-item:hover, body.home header.header-06 .menu--primary .menu__container .sub-menu > li.current-menu-item {
    border-bottom: 4px solid var(--black);
    color: var(--black);
}

header.header-06 .menu__container .menu-item-title:after{
	display:none;
}
header.header-06 .menu--primary a{
    color: var(--blue);
    font-size: 14px;
    text-transform: uppercase;
}
header.header-06 .menu--primary .menu__container > li {
    border-bottom: 4px solid transparent;
}
header.header-06 .menu__container .menu-item:hover,header.header-06 .menu--primary .menu__container > li.current-menu-item{
    border-bottom: 4px solid var(--green);
    color: var(--green);
}
header.header-06 .menu__container .menu-item:hover>a .menu-item-title,header.header-06 .menu__container .current-menu-item.menu-item>a .menu-item-title{
	font-weight: 500;
    color: var(--green);
}
.desktop-menu header.header-06 .sm-simple .children, .desktop-menu header.header-06 .sm-simple .sub-menu{
	padding: 0;
    background-color: var(--white);
	min-width: 150px !important;
}

.desktop-menu header.header-06 .sm-simple .children a, .desktop-menu header.header-06 .sm-simple .sub-menu a{
	position: relative;
	color: var(--black);
	padding:4px 20px;
}



nav#menu, header.header-06, header.header-06 .popup-search-wrap span {
    font-weight: 400;
}
header.header-06 .wpml-ls-item-toggle, header.header-06 .page-open-mobile-menu span, header.header-06 .popup-search-wrap span, header.header-06 .mini-cart .mini-cart-icon {
    color: #fff;
}


.page-open-mobile-menu .icon {
    position: relative;
    width: 24px;
    height: 18px;
  }
  
  .page-open-mobile-menu:hover span:before {
    width: 80%;
  }
  
  .page-open-mobile-menu:hover span:after {
    width: 65%;
  }
  
  .page-open-mobile-menu span {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    width: 100%;
    height: 2px;
    background: var(--black)!important;
  }
  body.home .page-open-mobile-menu span {
    background: var(--white)!important;
  }

  .page-open-mobile-menu span:before, .page-open-mobile-menu span:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--black)!important;
    content: '';
    transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  
  body.home .page-open-mobile-menu span:before,body.home  .page-open-mobile-menu span:after {
    background: var(--white)!important;
  }
  .page-open-mobile-menu span:before {
    top: -8px;
  }
  
  .page-open-mobile-menu span:after {
    top: 8px;
  }
  div.page-mobile-main-menu .menu__container > li > a{
    color: var(--white)!important;
  }


/*

div.page-open-mobile-menu i{
    display: none;
}

div.page-open-mobile-menu div.icon::before {
    top: -8px;
}
div.page-open-mobile-menu .icon::after, div.page-open-mobile-menu .icon::before {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 1px;
    content: "";
    background: var(--white);
    transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    color: var(--white);
}


.desktop-menu header.header-03 .sm-simple .sub-menu a:before{
	content:'+';
	position: absolute;
	left:0;
	top:4px;
}
.desktop-menu header.header-03 .toggle-sub-menu{
	display:none;
}*/
/*----- HEADER -------*/

/*----- FOOTER -------*/
div.footer-style-01 {
    font-size: 16px;
}
div.footer-style-01 .footer-text{
    font-size: 15px;
}
div.footer-style-01 .widgettitle {
    font-size: 15px;
    line-height: 22px;
    color: var(--blue);
    border-bottom-color: rgba(0, 0, 0, 0);
    margin-bottom: 22px;
}
div.footer-style-01 ul.menu {
	padding-left:0!important;
}
div.footer-style-01 ul.menu .menu-item-title:after{
	display:none;
}
div.footer-style-01 ul.menu .menu-item:hover>a .menu-item-title{
	font-weight: 500;
}
div.footer-style-01 a,div.footer-style-01 .insight-core-bmw li a,div.footer-style-01 .insight-core-bmw li a:hover{
    color: var(--white);
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    font-family:Geologica;
}
div.footer-style-01 a:hover{
    color: var(--blue);
}
div.footer-style-01 div.about-col{
	padding-left:45px;
}
div.footer-style-01 .tm-social-networks.style-solid-thin-rounded-icon .item:hover .link,div.footer-style-01 .tm-social-networks .link:hover{
    background: var(--white);
}
div.footer-style-01 .tm-social-networks .link:hover .link-icon {
    color: var(--green)!important;
}
@media only screen and (max-width: 768px) {
	div.footer-style-01 div.about-col,div.footer-style-01 ul.menu{
	padding-left:0!important;
}
}

/*----- FOOTER -------*/

/*----- PAGE TITLE -------*/
div.page-title-bar-02 .heading{
    text-align: left;
}

/*----- COOKIE BANNER ------*/
.cookie-notice-container{
    text-align: left;
}
.cookie-banner-buttons{
    background-color: var(--blue)!important;
    background: var(--blue)!important;
    border-color: var(--blue)!important;
    color: var(--white);
    border-radius: 20px;
    margin-left:10px;
    width: auto;
    height: 40px;
    line-height: 40px;
    position: relative;
    padding: 0 40px;
}
.cookie-banner-buttons:hover{
    color: var(--white);
}

.cn-buttons-container{
    right: 40px;
    position: absolute;
}
/*----- COOKIE BANNER ------*/

/*----- TEXT -------*/
.text-inner-grid{
    max-width: 920px;
    margin: 0 auto;
}
/*----- TEXT -------*/


/*----- HEADING ------*/
div.tm-heading.below-thin-separator .heading{
    padding-left: 42px;
    position: relative;
}
div.tm-heading.below-thin-separator .heading:after{
    content: "";
    display: unset;
    width: 30px;
    height: 2px;
    margin-top: 0;
    opacity: 1;
    position: absolute;
    left: 0;
    bottom: 4px;
}
/*----- HEADING ------*/

/*----- SHAPES ------*/
.green-bg-circle{
    position: relative;
}
.green-bg-circle::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--green);
    /*border-radius: 50%;*/
    border-radius: 6px;
}
.bg-greece{
    position: relative;
}
.bg-greece::before{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background: url( https://greeklivingearth.eu/wp-content/uploads/2025/06/Greek_map.svg) center center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .4;
    width: 80%;
    height: 80%;
    transform: translate(-50%,-50%);
}
.colored-box.vc_col-sm-3{
    width: 27%;
}
.home-hero{
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9)), url(https://greeklivingearth.eu/wp-content/uploads/2025/06/pexels-todd-trapani.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.counter-bg{
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8)), url(https://greeklivingearth.eu/wp-content/uploads/2025/06/pixabay-206893_purple.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.counter-bg2{
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8)), url(https://greeklivingearth.eu/wp-content/uploads/2025/06/pexels-todd-trapani_purple.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

div.page-title-bar-02.page-title-bar{
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8)), url(https://greeklivingearth.eu/wp-content/uploads/2025/06/mark-2257524_green.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media only screen and (max-width: 768px) {
    .colored-box.vc_col-sm-3{
        width: 100%;
    }
}
/*----- SHAPES ------*/
/*----- BUTTONS -------*/
a.tm-button,a.tm-button.style-flat, a.tm-button.style-flat-rounded {
    height: 50px;
    line-height: 50px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.tm-button-wrapper.outline a.tm-button{
    background-color: transparent;
    border: 1px solid;
} 
.tm-button-wrapper.outline.white a.tm-button{
    border-color: var(--white)!important;
} 
.tm-button-wrapper.flat.green a.tm-button{
    background-color: var(--green);
    border-color: var(--green);
    color: var(--white)!important;
} 
.tm-button-wrapper.flat.blue a.tm-button{
	background-color: var(--blue);
    border-color: var(--blue);
}
/*.tm-button-wrapper.flat.teal a.tm-button{
	background-color: var(--teal);
    color: var(--blue)!important;
}*/
/*----- BUTTONS -------*/

/*----- CLIENT GRID ------ */
div.tm-client.style-grid .grid-item{
    align-items: center;
    display: flex;
    justify-content: center;
    background: var(--grey);
}
div.tm-client.style-grid .grid-item:after{
    display: none;
}
/*----- CLIENT GRID ------*/

/*----- BLOG GIRD -------*/
div.tm-blog.style-grid-classic-02 .post-info{
    background: var(--grey-dark);   
}
div.tm-blog.style-grid-classic-02 .post-title,div.tm-blog.style-grid-classic-02 .post-meta{
    color: var(--blue);
}
/*----- BLOG GIRD -------*/

/*----- COUNTER -----*/
div.tm-counter.style-01 .number-wrap{
    font-size: 78px;
    line-height: 122px;
}
div.tm-counter.style-01 .number-wrap{
    font-size: 78px;
    line-height: 122px;
}
div.tm-counter.style-01 .heading{
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
}
div.tm-counter.style-01.about-counter .counter-wrap{
    display: inline-block;
    background-color: var(--blue);
    padding: 20px;
    border-radius: 6px;
}
div.tm-counter.style-01.about-counter .heading{
    display: inline-block;
}
/*----- COUNTER -----*/

/*----- TITLE -------*/
.title-tag,.title-tag .heading{
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 10px;
    margin-bottom: 100px;
    text-transform: uppercase;
    font-weight: 700;
}
.title-tag.small,.title-tag.small .heading{
	font-size: 20px;
    line-height: 26px;
	letter-spacing: 0;
}

.main-title,.main-title .heading{
    font-family: var(--google-font);
    font-size: 110px;
    line-height: 132px;
    font-weight: 100;
    letter-spacing: 10px;
    margin-bottom: 100px;
    text-transform: uppercase;
}
.main-title.small,.main-title.small .heading{
	font-size: 90px;
    line-height: 110px;
	letter-spacing: 5px;
}
.box-title,.box-title .heading{
    font-family: var(--google-font);
    font-size: 70px;
    line-height: 84px;
    font-weight: 100;
    letter-spacing: 0;
    margin-top: 35px;
    margin-bottom: 35px;
	text-transform: uppercase;
}
.box-tag,.box-tag .heading{
    font-size: 25px;
    line-height: 30px;
    letter-spacing: 0;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 700;
}
/*
.title-tag,.title-tag .heading{
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 10px;
    margin-bottom: 50px;
    text-transform: uppercase;
    font-weight: 700;
}
.main-title,.main-title .heading{
    font-size: 55px;
    line-height: 66px;
    font-weight: 300;
    letter-spacing: 10px;
    margin-bottom: 50px;
    text-transform: uppercase;
}*/
/*----- TITLE -------*/

/*.page .vc_row{
    padding-bottom:240px;
    position: relative;
}*/
@media only screen and (max-width: 768px) {
  .title-tag,.title-tag .heading{
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 5px;
    margin-bottom: 50px;
}
.title-tag.small,.title-tag.small .heading{
	font-size: 20px;
    line-height: 26px;
	letter-spacing: 0;
}

.main-title,.main-title .heading{
    font-family: var(--google-font);
    font-size: 75px;
    line-height: 95px;
    font-weight: 100;
    letter-spacing: 5px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.main-title.small,.main-title.small .heading{
	font-size: 50px;
    line-height: 70px;
	letter-spacing: 5px;
}
.box-title,.box-title .heading{
    font-family: var(--google-font);
    font-size: 50px;
    line-height: 65px;
    font-weight: 100;
    letter-spacing: 0;
    margin-top: 20px;
    margin-bottom: 20px;
	text-transform: uppercase;
}
.box-tag,.box-tag .heading{
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 700;
}
}

/*----- CUSTOM LIST -------*/
.custom-icon-list ul{
    list-style: none; /* Remove default bullets */
    padding: 0;
    margin: 0;
  }
  
  .custom-icon-list ul li {
    position: relative;
    padding-left: 30px; /* space for icon */
    margin-bottom: 10px;
  }
  
  .custom-icon-list ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 15px;
    height: 10px;
    background-image: url('https://greeklivingearth.eu/wp-content/uploads/2025/06/check-1.svg'); /* Replace with your icon path */
    background-size: contain;
    background-repeat: no-repeat;
  }
  
/*----- ROW CROSS -------*/

/*----- BOX ICONS -------*/
/*
.tm-box-icon.small .image img{
    width: 50px;
    height: 50px;	
}
.tm-box-icon.large .image img{
    width: 80px;
    height: 80px;	
}
.tm-box-icon.small .image {
    margin-bottom: 20px;
}
.tm-box-icon.small .tm-box-icon__btn{
	background-color: transparent;
    border: 1px solid;
	border-color: var(--grey-dark)!important;
	color: var(--grey-dark)!important;
	height: 40px;
    line-height: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
	font-weight: 400;
	text-align: center;
	padding-left: 36px;
	padding-right:36px;
	margin-top: 0;
    position: absolute;
    bottom: -40px;
    left: 85px;
}
.tm-box-icon.small .tm-box-icon__btn .button-icon{
	display:none;
}*/
/*----- BOX ICONS -------*/

/*----- SWIPPER ------*/
/*
div.tm-swiper .swiper-nav-button i{
	display:none;
}
div.tm-swiper .swiper-nav-button.swiper-button-next{
	background: url("https://forestandtree.b-labs.gr/wp-content/themes/brook-child/assets/icons/ic_right-arrow_50x50_p.svg");
}
div.tm-swiper .swiper-nav-button.swiper-button-prev{
	background: url("https://forestandtree.b-labs.gr/wp-content/themes/brook-child/assets/icons/ic_left-arrow_50x50_p.svg");
}
.white-arrow div.tm-swiper .swiper-nav-button.swiper-button-next{
	background: url("https://forestandtree.b-labs.gr/wp-content/themes/brook-child/assets/icons/ic_right-arrow_50x50_w.svg");
}
.white-arrow div.tm-swiper .swiper-nav-button.swiper-button-prev{
	background: url("https://forestandtree.b-labs.gr/wp-content/themes/brook-child/assets/icons/ic_left-arrow_50x50_w.svg");
}
.blue-arrow div.tm-swiper .swiper-nav-button.swiper-button-next{
	background: url("https://forestandtree.b-labs.gr/wp-content/themes/brook-child/assets/icons/ic_right-arrow_50x50_b.svg");
}
.blue-arrow div.tm-swiper .swiper-nav-button.swiper-button-prev{
	background: url("https://forestandtree.b-labs.gr/wp-content/themes/brook-child/assets/icons/ic_left-arrow_50x50_b.svg");
}*/
/*----- SWIPPER ------*/

/*----- FORMS ------*/
.thank-you,.form-elements.hide{
    display: none!important;
}
.thank-you.active{
    display: block!important;
}
form label{
    font-size: 17px;
    color: var(--green)!important;
    font-weight: 400;
    font-family: var(--google-font);
}
input[type='text'], input[type='email'], input[type='url'], input[type='password'], input[type='search'], input[type='number'], input[type='tel'], input[type='range'], input[type='date'], input[type='month'], input[type='week'], input[type='time'], input[type='datetime'], input[type='datetime-local'], input[type='color'], select{
    border-radius: 6px!important;
    border-color: var(--grey)!important;
    background-color: var(--grey)!important;
    height: 40px!important;
    line-height: 40px!important;
    color: var(--black)!important;
}
textarea,textarea:focus{
    border-radius: 6px!important;
    border-color: var(--grey)!important;
    background-color: var(--grey)!important;
    color: var(--black)!important;
}
input[type="submit"]{
    height: 40px!important;
    line-height: 40px!important;
    border-radius: 6px!important;
    font-size: 15px!important;
    color: #ffffff!important;
    font-weight: 400!important;
    font-family: var(--google-font);
    text-align: center;
    border-color: var(--green)!important;
    background-color: var(--green)!important;
    width: auto!important;
}
input[type="file"]::file-selector-button {
    height: 40px!important;
    line-height: 40px!important;
    border-radius: 20px!important;
    padding: 0 40px;
    font-size: 15px!important;
    color: var(--blue)!important;
    font-weight: 400!important;
    font-family: var(--google-font);
    text-align: center;
    border: 1px solid var(--blue)!important;
    border-color: var(--blue)!important;
    background-color: var(--white)!important;
    cursor: pointer;
  }
  
  input[type="file"]::file-selector-button:hover {
    border-color: var(--blue)!important;
    background-color: var(--blue)!important;
    color: var(--white)!important;
  }
  
  /* file upload button active state */
  input[type="file"]::file-selector-button:active {
    border-color: var(--blue)!important;
    background-color: var(--blue)!important;
    color: var(--white)!important;
  }
  

form label span{
    color: var(--black) !important;
    font-weight: 400;
    line-height: 1.58;
    font-size: 16px;
    display:block;
}
div.tm-contact-form-7 .wpcf7-form-control-wrap {
    display: block;
    margin-top: 8px;
}
div.tm-contact-form-7 .wpcf7-acceptance input[type=checkbox],div.tm-contact-form-7 .wpcf7-acceptance .wpcf7-list-item-label{
    display: inline;
}

/*----- HOME ANIMATION -----*/
#lottie{
	background-color:#4d358b;
	width:200px;
	height:100px;
	display:block;
	overflow: hidden;
	transform: translate3d(0,0,0);
	text-align: center;
	opacity: 1;
	margin:0 auto;
}
.home #lottie{
	background-color:#066526;
}
/*----- HOME ANIMATION -----*/