/*
Theme Name: complexvillas clild
Theme URI:    	 http://web-mate.gr
Author:       	Webmate
Author URI:     http://web-mate.gr
Template:     	complexvillas
Description:  	complexvillas theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront

 */
:root {
  --main-color: #687B5B; /*prasino*/
  --secondary-color: #D89877; /*portokali*/
  --black-color:#000000;
  --white-color:#ffffff;
  --semiwhite-color:#FAF7F1;
  --roz-color:#D89877;

  /*Fonts*/
  --font16:1em;
  --font18:1.125em;
  --font20:1.2rem;;
  --font24:1.44rem;;
  --font30:1.728rem;
  --font35:2.074rem;
  --font42: 2.488rem;
  --font73:4.5625em;
  --fontmenu:5em;
}
h1, h2, h3, h4, h5 {
  margin: 3rem 0 1.38rem;
  font-family: 'Roboto', sans-serif;

  font-weight: 400;
  line-height: 1.3;
}

h1 {
  margin-top: 0;
  font-size: 2.488rem;
}

h2 {font-size: 2.074rem;}

h3 {font-size: 1.728rem;}

h4 {font-size: 1.44rem;}

h5 {font-size: 1.2rem;}

small, .text_small {font-size: 0.833rem;}

.post, .page{
	margin: 0;
}
html {font-size: 100%;} /*16px*/

body{
	padding: 0;
	margin: 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  line-height: 1.75;
	font-size: 16px;
}

.room-button a {
    background: var(--main-color);
    font-size: 1.3em;
    font-weight: 500;
    line-height: 38px;
	transition: 0.5s ease all;
	position:relative;
	z-index:9999;
}

.room-button a:hover {
    background: var(--roz-color);
    color: #fff!important;
    cursor: pointer;
}


.page-id-33 .footer-top,
.page-id-28 .footer-top,
.page-id-357 .footer-top,
.page-id-360 .footer-top{
	display:none;
}
.footer-top {
	background-image: url(https://octovillascomplex.gr/wp-content/uploads/2021/06/call-to-action-photo.jpg);
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding-top: 80px;
	padding-bottom:80px;
    box-shadow: inset 0 0 0 2000px rgb(8 8 8 / 30%);
    background-position: center;
	margin-bottom: 0;
}

.call-to-action.padding {
    padding: 0px 10%;
}

.call-to-action .title {
    font-size: var(--font35);
    color: #fff;
    font-weight: 500;
	margin-bottom: 0;
	letter-spacing: 3.6px;
	background: rgba(0,0,0,0.02);
}
.call-to-action .subtitle {
    font-size: var(--font24);
    color: #fff;
    margin-top: 0;
	background: rgba(0,0,0,0.02);
}


.call-to-action .room-button a {
    background: var(--main-color);
    font-size: 1.3em;
    font-weight: 500;
    line-height: 38px;
	transition: 0.5s ease all;
	position:relative;
	z-index:9999;
}

.call-to-action  .room-button a:hover {
    background: var(--roz-color);
    color: #fff!important;
    cursor: pointer;
}
.mc4wp-alert.mc4wp-success p {
    color: var(--roz-color);
}


@media (min-width: 979px) and (max-width: 1200px) {

	.call-to-action .title {
		font-size: var(--font30);
	}
}



@media only screen and (max-width: 978px){

	.call-to-action  {
		display: block!important;
	}

	.call-to-action .title,
	.call-to-action .subtitle {
		text-align:center;
	}
	.call-to-action .wp-block-column:not(:first-child) {
		margin-left: 0em;
	}
	.call-to-action .wp-block-buttons {
        place-content: center;
	}

}



.site-header{
	background-color: var(--main-color);
	color: var(--white-color);
	min-height: 780px;}
.top-bar{
	padding-top: 67px;
	padding-bottom: 40px;
	display: flex;
	justify-content: flex-end;
	font-size: var(--font20);
}
.top-bar .right {
    display: flex;
    list-style: none;
}
.polylang-ul {
    list-style: none;
    display: flex;
    margin-bottom: 0;
}
.lang-item-first:after {
    content: "|";
}
.site-header a{
	color: var(--white-color);
text-decoration: none;
margin-right: 5px;
margin-left: 5px;
	}
.activehead{
	}
.post-edit-link {
    display: none;
}

#phonehead {
	font-size: var(--font24);
	margin-right: 5%;
}
.ourmenu{
	opacity: 0;
height: 0;
transition: 0.5s ease all;

}
.site-branding{

	display: flex;

}
.site-branding a{
	width: 50%;
	}
.menuphone{
	       width: 50%;
    display: flex;
    text-align: right;
    justify-content: flex-end;

}
.menuphone a{
	display: block;
	}
.menuphone #burger {
    max-width: 50px;
    display: flex;
    height: 32px;
    flex-wrap: wrap;
    padding-top: 10px;
    vertical-align: top;
}
.menuphone #burger img{
	height: 3px;
}

#phoneheadtop,
#phone2headtop{
	display: none;
}

.main-navigation ul{

	    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
	}
.main-navigation ul li{
	font-size: var(--fontmenu);
	font-weight: 400;

letter-spacing: 3px;
	width: 100%;
	}
.activehead {

	}
.activehead .ourmenu{
	    opacity: 1;
    height: 100%;
}
.col-full{
	background: transparent;
	 transition: 0.5s ease all;
		}
.activehead .col-full{
     position: fixed;
     background: var(--main-color);
    max-width: 100%;
	width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    overflow: scroll;
    transition: 0.5s ease all;
}
.activehead #burger img{
		position: relative;
		transition: 0.5s ease all;
}
#burger img:nth-child(2) {
	transform: rotate(0) ;
	transition: 0.5s ease all;
	}
#burger img:nth-child(1) {
	top: 0px;
transition: 0.5s ease all;
	}
.activehead #burger img:nth-child(1) {

top: 10px;
transition: 0.5s ease all;
	}
.activehead #burger img:nth-child(2) {
 transform: rotate(90deg);
 transition: 0.5s ease all;
}

.activehead  #burger #secondline{
 transform: rotate(90deg);
 transition: 0.5s ease all;
}


a{
	transition: 1s ease all;
	outline-color:transparent!important;
}
a:hover {
    color: var(--secondary-color)!important;
}
:focus-visible {
    outline: none;
}

.header-social{
	    display: flex;
    justify-content: center;
}
.header-social a{
	margin-top: 20px;
	margin-left: 15px;
	margin-bottom: 40px;
}

/*** FOOTER ***/

.site-footer {
    background-color: var(--main-color);
	position:relative;
	z-index:9999;
}
 .col-full {
    max-width: 1920px;
    padding: 0 5%;
    margin: 0 auto;
}
@media only screen and (min-width: 1921px){
/*	.col-full{
		padding:0 0;
	}*/
}
.footer-widgets {
    display: flex;
    justify-content: space-between;
	padding-top: 47px;
    padding-bottom: 100px;
}

/*footer 1*/
.footer1 .menu {
    padding-left: 0px;
    margin-left: 0;
    list-style: none;
	margin-bottom: 0px;
}
.footer1 .menu a ,
.footer1 .footer-location {
    font-size: var(--font24);
    color: #fff;
    text-decoration: none;
    letter-spacing: -0.53px;
    line-height: 30px;
}
.footer-location {
    margin-left: 10px;
}

.footer1 .footer-marker, .footer-location {
    display: inline-block;
	margin-top: 14px;
}

.footer1 .footer-marker {
    width: 16px;
    height: 20px;
}
/*footer 2*/

.footer2 .footer-form {
    margin-top: -12px;
}

.footer2 .cf7-fields{
	display:flex;
}
.footer2 .wpcf7-form {
    background: transparent;
    border-radius: 0;
    padding: 0;
}

.footer2 #mc-email {
    background: transparent;
	color: #fff;
    border: none;
    border-bottom: 3px solid #fff;
    width: 100%;
    margin-right: 20px;
	border-radius: 0;
}
.footer2 span.wpcf7-list-item {
    margin: 0;
}

.footer2 .wpcf7-not-valid-tip {
    position: relative!important;
    top: 19px!important;
    margin-top: -20px!important;
}

.footer2 span.wpcf7-form-control-wrap.e-mail {
    width: 45%;
}

.footer2 #mc-email::placeholder {
    color: #fff!important;
    letter-spacing: -0.4px!important;
    font-size: var(--font18)!important;
    line-height: 22px!important;
}
.footer2 input[type="submit"] {
    padding: 0!important;
    background: transparent;
    border: none;
    color: #fff;
    font-size: var(--font24);
    letter-spacing: 3.5px;
    line-height: 24px;
    font-weight: bold;
	transition: 1s ease all;
	vertical-align: bottom;
	width:27%!important;
	top: 21px!important;

}
.footer2 input[type="submit"]:hover{
	color:var(--secondary-color);
	cursor:pointer;
}

.footer2 a {
    font-size: var(--font18);
    color: #fff;
    letter-spacing: -0.14px;
    line-height: 14px;
    text-decoration: none;
}
.footer2 .ajax-loader {
    width: 0px!important;
    height: 0px!important;
    padding: 0!important;
    margin: 0 0!important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: var(--roz-color)!important;
    color: #fff!important;
}


/*footer 3*/
.footer3 .footer-social {
    text-align: right;
}

.footer3 .footer-social img {
    width: 30px;
    height: 30px;
}
.footer3 .footer-social a:nth-of-type(2) {
    margin: 0 15px!important;
}

.footer3 .footer-phone {
	font-size: var(--font24);
    color: #fff;
    text-decoration: none;
    line-height: 40px;
}

/*Back to top*/
.button-top {
    padding: 0;
    z-index: 100;
    width: 60px;
    height: 60px;
    border: 0;
    border-radius: 100%;
    box-shadow: none;
    background: var(--roz-color);
    color: #000!important;
    font-size: 30px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
}
.back-to-top {
    text-align: right;
    position: relative;
    top: -35px;
}

.espa-img {
    position: fixed;
	bottom: 0;
    right: 0;
	width: 120px;
	z-index:9999;
}


@media only screen and (min-width: 1000px) and (max-width : 1072px) {
	.footer3 .footer-phone {
			font-size: var(--font22);
	}
}



@media only screen and (min-width: 768px) and (max-width : 799px) {

	#phonehead {
		font-size: 1.35em;
	}
}

@media only screen and (max-width : 767px) {
	.menu-toggle, .main-navigation.toggled ul{
		display: none;
	}
	.main-navigation ul li{
	font-size: var(--font35);
	margin-top: 25px;
	}
.site-header {

    min-height: 456px;
}

#phonehead {
	font-size: var(--font18);
	display: none;
}
#phoneheadtop,
#phone2headtop {
	display: block;
}
.site-branding a img{
	max-width: 140px;
}
#burger{
    justify-content: flex-end;
}
#burger img{
	width: 50px;
}
.top-bar{
	justify-content: space-between;
padding-top: 30px;
    padding-bottom: 35px;
    font-size:var(--font14);

}
}


@media only screen and (max-width : 1000px) {

	.footer-widgets {
		display: block;
		text-align: center;
	}
	.footer2 .cf7-fields {

		place-content: center;
	}
	.footer2 {
		margin:80px 0;
	}
	.footer3 .footer-social {
		display: flex;
		place-content: center;
	}


}

@media only screen and (max-width : 480px) {

	.footer2 #mc-email {
		width: auto;
		margin-right:0px;
	}
	.site-header {
    min-height: 350px;
	}
	.under-octo{
		font-size: var(--font24);
	}
	.footer2 .cf7-fields {
		display: block;
	}
	.footer2 {
		margin: 40px 0 80px 0;
	}

	.footer2 input[type="submit"] {
		width:100%!important;
	}
	.footer2 #mc-email::placeholder {
		text-align:center;
	}

}

@media only screen and (max-width : 1079px) and (min-width: 1001px) {


}

@media only screen and (min-width : 1001px) {



}









@media only screen and (max-width : 1315px) {
}



@media only screen and (max-width : 1000px) {


}




.wp-block-columns.wp-container-4,.wp-block-columns.wp-container-8{flex-wrap:nowrap;}