/*
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=Roboto:ital,wght@0,100;1,100&display=swap');


/*----- INIT -------*/
:root {
    --blue: #007191;
    --pink: #ff6fbf;
    --pink-dark: #c21166;
    --white: #ffffff;
    --black: #000000;
    --grey: #7f878d;
	--grey-dark: #667177;
    --teal: #4ee2e0;
	--red: #6c113c;
}

.pink,.pink .heading{
    color: var(--pink)!important;
}
.pink-dark,.pink-dark .heading{
    color: var(--pink-dark)!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;
}
.teal,.teal .heading{
    color: var(--teal)!important;
}
.red,.red .heading{
    color: var(--red)!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);
}

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

/*----- BUTTONS -------*/
a.tm-button,a.tm-button.style-flat, a.tm-button.style-flat-rounded {
    height: 40px;
    line-height: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
}
.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.outline.teal a.tm-button{
    border-color: var(--teal)!important;
	color: var(--teal)!important;
} 
.tm-button-wrapper.flat a.tm-button{
    background-color: var(--white);
} 
.tm-button-wrapper.flat.pink-dark a.tm-button{
    color: var(--pink-dark)!important;
}
.tm-button-wrapper.flat.blue a.tm-button{
	background-color: var(--blue);
}
.tm-button-wrapper.flat.teal a.tm-button{
	background-color: var(--teal);
    color: var(--blue)!important;
}
/*----- BUTTONS -------*/


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

/*----- new logo -------*/
.home header.headroom--top .branding__logo {
    /*visibility:hidden!important;
    display:none;*/
}
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-03 .branding{
	flex-basis: 25%;
}
.desktop-menu header.header-03.headroom--top .header-wrap {
    padding-top: 0;
}

nav#menu,header.header-03,header.header-03 .popup-search-wrap i{
    font-weight: 300;
}
header.header-03.headroom--not-top .page-header-inner{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #007191), color-stop(1%, #007191), color-stop(97%, #c21166));
    background: -moz-linear-gradient(left, #007191 0, #007191 1%, #c21166 97%);
    background: -webkit-linear-gradient(left, #007191 0, #007191 1%, #c21166 97%);
    background: -o-linear-gradient(left, #007191 0, #007191 1%, #c21166 97%);
    background: -ms-linear-gradient(left, #007191 0, #007191 1%, #c21166 97%);
    background: linear-gradient(left, #007191 0, #007191 1%, #c21166 97%);
}
header.header-03.headroom--not-top .page-header-inner{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #007191), color-stop(1%, #007191), color-stop(97%, #c21166));
    background: -moz-linear-gradient(left, #007191 0, #007191 1%, #c21166 97%);
    background: -webkit-linear-gradient(left, #007191 0, #007191 1%, #c21166 97%);
    background: -o-linear-gradient(left, #007191 0, #007191 1%, #c21166 97%);
    background: -ms-linear-gradient(left, #007191 0, #007191 1%, #c21166 97%);
    background: linear-gradient(left, #007191 0, #007191 1%, #c21166 97%);
}
.desktop-menu header.header-03.headroom--not-top .menu--primary .menu__container > li > a, .desktop-menu header.header-03.headroom--not-top .menu--primary .menu__container > ul > li >a {
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 15px;
    padding-right: 15px;
}
header.header-03 .menu__container .menu-item-title:after{
	display:none;
}
header.header-03 .menu__container .menu-item:hover>a .menu-item-title,header.header-03 .menu__container .current-menu-item.menu-item>a .menu-item-title{
	font-weight: 700;
}
.desktop-menu header.header-03 .sm-simple .children, .desktop-menu header.header-03 .sm-simple .sub-menu{
	padding: 0;
    background-color: rgba(0,0,0,0.6);
	min-width: 150px !important;
}

.desktop-menu header.header-03 .sm-simple .children a, .desktop-menu header.header-03 .sm-simple .sub-menu a{
	position: relative;
	color: #ffffff;
	padding:4px 20px;
}
.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;
}
body.mobile-menu .header-03 .header-wrap {
    height: 80px;
}
@media (min-width: 1200px) {
    .desktop-menu header.header-03 .page-header-inner>.container {
        max-width: 1300px;
        padding-left: 50px;
        padding-right: 50px;
    }
}

/*----- 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: 700;
}
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(--grey);
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    font-family:Roboto;
}
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 .link:hover .link-icon {
    color: var(--blue)!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 -------*/

/*----- 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;
}
.cn-revoke-cookie{
    background-color: var(--blue)!important;
    background: var(--blue)!important;
    border-color: var(--blue)!important;
    color: var(--white);
    border-radius: 20px;
    height: 40px;
	margin-left:0;
    line-height: 40px;
    position: relative;
    padding: 12px 40px;
}
.cookie-banner-buttons:hover,.cn-revoke-cookie:hover,.cookie-banner-buttons:active,.cookie-banner-buttons:visited,.cn-revoke-cookie:active,.cn-revoke-cookie:visited{
    color: var(--white);
}

.cn-buttons-container{
    right: 40px;
    position: absolute;
}
@media (max-width: 900px) {
    .cn-buttons-container {
        display: block;
		right: unset;
    position: relative;
    }
}
/*----- COOKIE BANNER ------*/

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

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

.main-title,.main-title .heading{
    font-family: Roboto;
    font-size: 110px;
    line-height: 132px;
    font-weight: 100;
    letter-spacing: 10px;
    margin-bottom: 100px;
    text-transform: uppercase;
	word-wrap: break-word;
}
.main-title.small,.main-title.small .heading{
	font-size: 90px;
    line-height: 110px;
	letter-spacing: 5px;
	word-wrap: break-word;
}
.box-title,.box-title .heading{
    font-family: Roboto;
    font-size: 70px;
    line-height: 84px;
    font-weight: 100;
    letter-spacing: 0;
    margin-top: 35px;
    margin-bottom: 35px;
	text-transform: uppercase;
	word-wrap: break-word;
}
.box-tag,.box-tag .heading{
    font-size: 25px;
    line-height: 30px;
    letter-spacing: 0;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 700;
	word-wrap: break-word;
}
/*
.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: Roboto;
    font-size: 65px;
    line-height: 85px;
    font-weight: 100;
    letter-spacing: 5px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.main-title.small,.main-title.small .heading{
	font-size: 45px;
    line-height: 65px;
	letter-spacing: 5px;
}
.box-title,.box-title .heading{
    font-family: Roboto;
    font-size: 45px;
    line-height: 60px;
    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;
}
}
@media only screen and (max-width: 480px) {
  .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: Roboto;
    font-size: 50px;
    line-height: 70px;
    font-weight: 100;
    letter-spacing: 5px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.main-title.small,.main-title.small .heading{
	font-size: 30px;
    line-height: 50px;
	letter-spacing: 5px;
}
.box-title,.box-title .heading{
    font-family: Roboto;
    font-size: 30px;
    line-height: 45px;
    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;
}
}
/*----- ROW CROSS -------*/
.cross .wpb_wrapper .tm-spacer:last-child{
    position: relative;
    height:200px;
}
.cross .wpb_wrapper .tm-spacer:last-child:after{
    content:"";
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 100px;
    left:50%;
    transform: translateX(-50%);
    background: url("https://forestandtree.gr/wp-content/themes/brook-child/assets/icons/ic_plus_50x50_w.svg");
}
.white-cross .wpb_wrapper .tm-spacer:last-child:after{
    background: url("https://forestandtree.gr/wp-content/themes/brook-child/assets/icons/ic_plus_50x50_w.svg");
}
.pink-cross .wpb_wrapper .tm-spacer:last-child:after{
    background: url("https://forestandtree.gr/wp-content/themes/brook-child/assets/icons/ic_plus_50x50_p.svg");
}
.blue-cross .wpb_wrapper .tm-spacer:last-child:after{
    background: url("https://forestandtree.gr/wp-content/themes/brook-child/assets/icons/ic_plus_50x50_b.svg");
}
@media only screen and (max-width: 1200px) {
.cross .wpb_wrapper .tm-spacer:last-child{
    position: relative;
    height:100px;
}
.cross .wpb_wrapper .tm-spacer:last-child:after{
    bottom: 50px;
	width: 25px;
    height: 25px;
}
}
/*----- 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.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.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.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.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.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.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(--blue)!important;
    font-weight: 400;
    font-family: "Roboto";
}
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: 30px!important;
    border-color: #eee!important;
    background-color: #eee!important;
    height: 40px!important;
    line-height: 40px!important;
    color: var(--black)!important;
}
textarea,textarea:focus{
    border-radius: 30px!important;
    border-color: #eee!important;
    background-color: #eee!important;
    color: var(--black)!important;
}
input[type="submit"]{
    height: 40px!important;
    line-height: 40px!important;
    border-radius: 20px!important;
    font-size: 15px!important;
    color: #ffffff!important;
    font-weight: 400!important;
    font-family: "Roboto";
    text-align: center;
    border-color: var(--blue)!important;
    background-color: var(--blue)!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: "Roboto";
    text-align: center;
    border: 1px solid var(--blue)!important;
    border-color: var(--blue)!important;
    background-color: var(--white)!important;
    cursor: pointer;
  }
  
  /* file upload button hover state */
  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;
}
/*----- TEAM -------*/
.team{
    /*background: rgb(127,135,141);
    background: linear-gradient(90deg, rgba(127,135,141,1) 0%, rgba(142,149,155,1) 35%, rgba(103,114,120,1) 100%);*/
}
div.tm-team-member{
    position:relative;
	cursor:pointer;
}
div.tm-team-member:after {
    content:" ";
    position:absolute;
    top:20px;
    left:20px;
    width: 50px;
    height: 50px;
    background: url("https://forestandtree.gr/wp-content/themes/brook-child/assets/icons/ic_plus_50x50_w.svg");
    transition: 0.3s;
}
div.tm-team-member:hover:after{
    transform: rotate(45deg) ;
}
div.tm-team-member.style-01 .description{
	display:none;
}
div.tm-team-member.style-01 .photo {
    margin-bottom: 25px;
}
div.tm-team-member.style-01 .name {
    font-size: 18px;
    line-height:18px;
    margin-bottom: 5px;
    color:var(--black)!important;
	font-weight: 700;
}
div.tm-team-member .position{
    /*font-weight: 100;*/
    font-size: 18px;
    line-height:18px;
	color:var(--blue)!important;
}
body.box-active {
    overflow-y: hidden;
}

.team .popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.team .popup-container {
    background: white;
    max-width: 1170px;
    width: 90%;
    height: 550px;
    padding: 44px;
	margin-top:85px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6%;
}
.team .popup-container .member-image {
    width: 40%;
    height: auto;
    object-fit: cover;
}
.team .popup-content {
    width: 54%;
}
.team .popup-title {
    font-family: "Roboto";
    font-size: 22px;
    font-weight: 700;
    color: var(--black)!important;
    margin-bottom: 5px;
}
.team .popup-subtitle {
    font-family: "Roboto";
    color: var(--blue)!important;
    font-size: 14px;
    margin-bottom: 10px;
}
.team .popup-text {
    font-family: "Roboto";
    font-size: 17px;
    line-height: 20px;
    color: var(--black)!important;
    margin-top:40px;
}
.team .popup-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width:32px;
    height:32px;
    cursor: pointer;
}
.team .popup-overlay.active {
    visibility: visible;
    opacity: 1;
}
@media only screen and (max-width: 768px) {
div.tm-team-member:after{
	width: 25px;
    height: 25px;
}
.team .popup-container{
    overflow: hidden;
    overflow-y: scroll;
    gap: 0;
}
.team .popup-container .member-image {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.team .popup-content {
    width: 100%;
    margin-top:65px;
}
.team .popup-close {
    top: 10px;
    right: 10px;
}
}
/*----- TEAM -------*/

/*----- FAQ -------*/
.page-id-585 {
    background: blue;
}
div.tm-accordion.style-02 .accordion-section {
    position: relative;
    border-radius: 0;
    overflow: hidden;
    background: transparent;
}
div.tm-accordion.style-02 .accordion-section:before{
    display:none;
}
div.tm-accordion.style-02 .accordion-title-wrapper{
    border: 1px solid #fff;
}
div.tm-accordion.style-02 .accordion-icon:before {
    content: " ";
    width: 50px;
    height: 50px;
    background: url("https://forestandtree.gr/wp-content/themes/brook-child/assets/icons/ic_plus_50x50_w.svg");
    transition: 0.3s;
}
div.tm-accordion.style-02 .active .accordion-icon:before {
    content: " ";
	width: 50px;
    height: 50px;
    transform: translateY(-50%) rotate(45deg) ;
    /*width: 50px;
    height: 50px;
    background: url("https://forestandtree.b-labs.gr/wp-content/themes/brook-child/assets/icons/ic_plus-x_50x50_w.svg");*/
}
div.tm-accordion.style-02 .accordion-title{
    font-size: 50px;
    line-height: 60px;
    font-weight: 100;
    letter-spacing: 10px;
    background: transparent;
    text-transform: uppercase;   
    color:#fff;
}
div.tm-accordion.style-02 .active .accordion-title{
    background: transparent;
}
div.tm-accordion.style-02 .active{
    box-shadow: unset;
}
div.tm-accordion.style-02 .accordion-content{
    color:#fff;
}
@media only screen and (max-width: 768px) {
div.tm-accordion.style-02 .accordion-icon:before,div.tm-accordion.style-02 .active .accordion-icon:before {
	width: 25px;
    height: 25px;
}
div.tm-accordion.style-02 .accordion-title{
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 5px;
}
}
/*----- FAQ -------*/

/*----- TESTIMONIALS -------*/
div.tm-testimonial.style-carousel-02 .testimonial-item{
	display:flex;
	width: 675px;
	margin: 0 auto;
	justify-content: center;
}
div.tm-testimonial.style-carousel-02 .testimonial-item:hover{
	background-color: transparent;
}
div.tm-testimonial.style-carousel-02 .testimonial-item:hover, div.tm-testimonial.style-carousel .testimonial-item:hover {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    box-shadow: unset;
    color: unset;
}
div.tm-testimonial .post-thumbnail img {
    border-radius: 0;
}
div.tm-testimonial.style-carousel-02 .testimonial-item, div.tm-testimonial.style-carousel .testimonial-item {
    background: transparent;
    padding: 0;
}
div.tm-testimonial.style-carousel-02 .testimonial-info, div.tm-testimonial.style-carousel .testimonial-info{
      align-items: flex-start;
      padding-top: 0;
}
div.tm-testimonial.style-carousel-02 .testimonial-main-info, div.tm-testimonial.style-carousel .testimonial-main-info{
     padding-top: 0;
}
.tm-testimonial.style-carousel-02 .testimonial-name, .tm-testimonial.style-carousel .testimonial-name {
    font-size: 18px;
    line-height: 1.388;
    color:#000;
    font-weight:400;
    margin-bottom: 0;
}
.tm-testimonial.style-carousel-02 .testimonial-by-line, .tm-testimonial.style-carousel .testimonial-by-line {
    font-size: 18px;
    line-height: 1.388;
    color:#000;
    font-weight:700;
    margin-bottom: 20px;
}
.tm-testimonial.style-carousel-02 .testimonial-subject, .tm-testimonial.style-carousel .testimonial-subject{
	font-size: 18px;
    line-height: 1.388;
    color:#000;
    font-weight:700;
    margin-bottom: 30px;
	color: var(--pink-dark);
}
@media only screen and (max-width: 768px) {
	div.tm-testimonial.style-carousel-02 .testimonial-info, div.tm-testimonial.style-carousel .testimonial-info {
		flex-direction: column;
		width: 100%;
	}
	div.tm-testimonial.style-carousel-02 .testimonial-main-info{
		margin-left:0;
		padding-top:20px;
	}
	div.tm-testimonial.style-carousel-02 .swiper-nav-buttons{
		display:none;
	}
	
}
/*----- TESTIMONIALS -------*/

/*----- PORTFOLIO -------*/
div.post-wrapper {
    position:relative;
}
div.post-wrapper:after {
    content:" ";
    position:absolute;
    top:20px;
    left:20px;
    width: 50px;
    height: 50px;
    background: url("https://forestandtree.gr/wp-content/themes/brook-child/assets/icons/ic_plus_50x50_w.svg");
    transition: 0.3s;
}
div.post-wrapper:hover:after{
    transform: rotate(45deg) ;
}
@media only screen and (max-width: 768px) {
div.post-wrapper:after{
	width: 25px;
    height: 25px;
}
}
/*----- PORTFOLIO -------*/

/*----- PORTFOLIO SINGLE ------*/
div.single-hero{
	height: 50vh;
}
div.portfolio-nav-links h6 {
    font-size: 17px;
    line-height: 20px;
    margin: 22px 0 0;
	color: #000000;
}
div.portfolio-nav-links .prev a{
	padding-left:60px;
}
div.portfolio-nav-links .next a{
	padding-right:60px;
}
div.portfolio-nav-links .prev a div,div.portfolio-nav-links .next a div{
	display: none;
}
div.portfolio-nav-links .prev h6:before,div.portfolio-nav-links .next h6:before{
	content: " ";
	width: 50px;
	height: 50px;
}
div.portfolio-nav-links .prev h6:before{
	background: url("https://forestandtree.gr/wp-content/themes/brook-child/assets/icons/ic_left-arrow_50x50_b.svg");
}
div.portfolio-nav-links .next h6:before{
	background: url("https://forestandtree.gr/wp-content/themes/brook-child/assets/icons/ic_right-arrow_50x50_b.svg");
}
@media only screen and (max-width: 768px) {
div.portfolio-nav-links .prev h6:before,div.portfolio-nav-links .next h6:before {
	width: 25px;
    height: 25px;
}
}
/*----- PORTFOLIO SINGLE ------*/

/*----- CV FORM -------*/
div.cv-form-info{
    padding-right:100px;
}
div.cv-form {
    position:relative;
    padding-left:100px;
    display: none!important;
}
.cv-form-side {
    display: none!important;
}
.cv-form.active,.cv-form-side.active{
    display: flex!important
}
.cv-form-close {
    content:" ";
    position:absolute;
    top:20px;
    left:-80px;
    width: 50px;
    height: 50px;
    background: url("https://forestandtree.gr/wp-content/themes/brook-child/assets/icons/ic_plus-x_50x50_b.svg");
    transition: 0.3s;
    cursor: pointer;
    z-index: 999999;
    pointer-events:auto;
}
.cv-form form .row>div{
	/*padding:0!important;*/
}
div.form-divider{
	width:100%;
	height:1px;
	background:#7f878d;
	margin:10px 0 30px 0;
}

.cv-form input[type="submit"] {
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 20px !important;
    font-size: 15px !important;
    color: var(--pink-dark) !important;
    font-weight: 400 !important;
    font-family: "Roboto";
    text-align: center;
    border-color: var(--pink-dark) !important;
    background-color: transparent !important;
	width:150px;
	padding:0 25px;
}
.cv-form input[type=checkbox],.form-elements input[type=checkbox]{
	display:inline;
}
.cv-form input[type=checkbox]:before,.form-elements input[type=checkbox]:before {
    background: #eee;
    border: 1px solid #eeeeee;
    border-radius: 100%;
}
.wpcf7-acceptance .wpcf7-list-item{
	margin:0!important;
}
.wpcf7-acceptance label span{
	font-size: 12px !important;
    color: #b0b4b8 !important;
	font-family: "Roboto";
    text-align: left;
	display:inline;
}
@media only screen and (max-width: 768px) {
div.cv-form-info{
    padding-right:0;
}
div.cv-form {
    position:relative;
    padding-left:0;
    display: none!important;
}
.cv-form-close {
    content:" ";
    position:absolute;
	left:15px;
    width: 25px;
    height: 25px;
}
}
/*----- CV FORM -------*/

/*----- NEWSLETTER FORM -----*/
div.tm-mailchimp-form.style-01 .form-item{
    display:inline-block;
}
div.tm-mailchimp-form.style-01 input[type=email] {
    padding: 3px 15px;
    text-align: center;
}
div.tm-mailchimp-form.style-01 .form-submit{
    color: var(--white);
    background: var(--blue);
    border-radius: 20px;
    margin-left:10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: relative;
    padding: 0;
    width:65px;
}
div.tm-mailchimp-form.style-01 .button-text{
    color: var(--white);
    display: block;
}
div.tm-mailchimp-form.style-01 .form-item.hide{
    display:none;
}
/*----- NEWSLETTER FORM -----*/

/*----- INSIGHTS -----*/
div.tm-blog.style-grid-classic .post-info{
   padding:25px 0; 
   position:relative;
}
div.tm-blog.style-grid-classic .post-excerpt,div.tm-blog.style-grid-classic .post-date,div.tm-blog.style-grid-classic .post-title{
   padding:0 35px; 
}
div.tm-blog.style-grid-classic .post-title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
    color: var(--blue)!important;
    font-weight: 700;
    font-family: "Roboto";
}
div.tm-blog.style-grid-classic .post-excerpt{
    margin-bottom: 50px;
}
div.tm-blog.style-grid-classic .post-meta{
    border-top:1px solid #eeeeee;
    position:absolute;
    bottom:0;
    left:0;
    width: 100%;
    padding: 25px 0;
}

div.tm-blog.style-grid-classic .post-date{
    font-size: 14px;
    color: #667177;
    font-weight: 400;
    font-family: "Roboto";
}
a.tm-grid-loadmore-btn{
    display: inline-block;
    background-color: transparent;
    border: 1px solid;
	border-color: var(--white)!important;
	color: var(--white)!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;
}
a.tm-grid-loadmore-btn .button-icon{
    display:none;
}
/*----- INSIGHTS -----*/

/*----- INSIGHTS SINGLE ------*/
body.single-post.single-blog-style-standard a.hint--bounce.hint--top.hint--primary.tumblr{
	display:none;
}
body.single-post.single-blog-style-standard a.hint--bounce.hint--top.hint--primary.twitter .fa-twitter:before{
	content:"";
	width:15px;
	height:13px;
	background: url("https://forestandtree.gr/wp-content/themes/brook-child/assets/icons/x-twitter.svg");
	display:block;
}
body.single-post.single-blog-style-standard a.hint--bounce.hint--top.hint--primary:hover,body.single-post.single-blog-style-standard a.hint--bounce.hint--top.hint--primary:hover .fa:before{
	color: var(--blue) !important;
}
/*body.single-post.single-blog-style-standard .post-feature.post-thumbnail:after {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}*/
@media (min-width: 544px) {
    body.single-post.single-blog-style-standard.page-has-no-sidebar .page-content>.container {
        max-width: 576px;
    }
}
@media (min-width: 768px) {
    body.single-post.single-blog-style-standard.page-has-no-sidebar .page-content>.container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    body.single-post.single-blog-style-standard.page-has-no-sidebar .page-content>.container {
        max-width: 940px;
    }
}
@media (min-width: 1200px) {
    body.single-post.single-blog-style-standard.page-has-no-sidebar .page-content>.container {
        max-width: 1200px;
    }
}
.single-hero{
    position: relative;
}
.single-hero .post-feature img{
	width: 100%;
    height: 50vh;
    object-fit: cover;	
	object-position: 50% 30%;
}
div.single-hero div.post-feature{
	margin-bottom: 0;
}

.single-post .single-hero .entry-header {
    margin-bottom: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.single-post .single-hero .entry-header h1{
    color: #ffffff;
}
body.single-post .entry-title {
    font-size: 27px;
    line-height: 48px;
    margin: 0;
    word-wrap: break-word;
	color: var(--blue) !important;
	font-weight:700;
}
body.single-post.single-blog-style-standard .page-content{
	    padding-top: 60px;
}
.single-post article .entry-header{
    text-align:left;
}
div.nav-links a div{
	display: none;
}
div.nav-links a {
	border: 0;
    font-size: 17px;
	font-weight: 400;
    line-height: 20px;
    margin: 0;
    color: #000000;
    position: relative;
    display: block;
    padding: 0;
}
div.nav-links a:hover{
	background-color: transparent;
	color: #000000;
}
div.nav-links .previous a{
	padding-left:60px;
}
div.nav-links .next a{
	padding-right:60px;
}
div.nav-links .previous a:before,div.nav-links .next a:before{
	content: " ";
	width: 50px;
	height: 50px;
	position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
div.nav-links .previous a:before{
	left:0;
	background: url("https://forestandtree.gr/wp-content/themes/brook-child/assets/icons/ic_left-arrow_50x50_b.svg");
}
div.nav-links .next a:before{
	background: url("https://forestandtree.gr/wp-content/themes/brook-child/assets/icons/ic_right-arrow_50x50_b.svg");
	right:0;
}
@media only screen and (max-width: 768px) {
div.nav-links .previous a:before,div.nav-links .next a:before {
	width: 25px;
    height: 25px;
}
}
/*----- INSIGHTS SINGLE ------*/

/*----- 404 ------*/
body.error404 .page-content a{
	color: var(--blue)!important;
}
/*----- 404 ------*/