/*
Theme Name: Divi - Child theme
Theme URI: 
Version: 0.8
Description: Divi - Child 
Author: Social Mind
Author URI: http://www.socialmind.gr
Template: Divi
*/
/*@import url(../Divi/style.css);*/
/* =Theme customization starts here

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

:root {
	--main: #b5a085;
}

@font-face {
	  font-family: 'ACGeosansLight';
	  src: URL('./font/ACGeosansLight.otf') format('truetype');
}

body {
	font-family: 'ACGeosansLight' !important;
}


.main-title {
	width: fit-content;
	margin-bottom: 30px !important;
}

.main-title h1 {
	padding: 0;
    letter-spacing: 4px;
    color: black;
	position: relative;
	transition: all 0.7s ease;
}

.main-title h1:before, .main-title h1:after {
    content: '';
    width: 0px;
    height: 1px;
    position: absolute;
    background: var(--main);
	transition: all 0.7s ease;
}

.main-title.white h1:before, .main-title.white h1:after {
	background: white;
}

.main-title h1:before {
	top: -15px;
	left: 0;
	bottom: auto;
}

.main-title h1:after {
	bottom: -15px;
	right: 0;
	top: auto;
}

.main-title.centered {
	margin-left: auto;
	margin-right: auto;
}

.main-title.et_had_animation h1 {
	color: var(--main);
	text-align: center;
}

.main-title.white h1 {
	color: white;
}

.main-title.white.et_had_animation h1 {
	color: white;
}

.main-title.et_had_animation h1:before, .main-title.et_had_animation h1:after {
	width: 100%;
}

.main-button.et_pb_text {
	width: fit-content;
	font-weight: bold;
	padding: 20px 30px;
    border: 1px solid var(--main);
    margin: 0 auto;
	font-size: 14px;
	background-image: linear-gradient(to bottom, var(--main) 50%, transparent 50%);
	background-size: 100% 200%;	
	background-position: top;
	color: white;
	transition: all 0.5s ease-in-out; 
} 

.main-button.light.et_pb_text {
	color: var(--main);
	border: 1px solid white;
	background-image: linear-gradient(to bottom, white 50%, transparent 50%);
}

.main-button.et_pb_text:hover {
	background-position: bottom;
	color: var(--main);
}

.main-button.light.et_pb_text:hover {
	color: white;
}

/* Homepage - start */

.homepage-main-banner {
	display: flex;
    align-items: center;
}

.homepage-main-banner:before {
    content: '';
    width: calc(8% + 400px);
    height: 100%;
    position: absolute;
    top: 0;
    background: #ffffff42;
    right: 0;
}

.homepage-main-banner .et_pb_row {
	margin-right: 5%;
    padding: 0;
}

.homepage-main-banner .logi-img {
	margin-right: 0;
}

.aboutus-hm-row.et_pb_row {
	margin-top: -15%;
	background: white;
    padding: 0;
}

.aboutus-hm-row.et_pb_row .et_pb_column_2 {
	padding: 60px 35px 60px 35px;
	display: flex;
	justify-content: center;
    flex-direction: column;
    gap: 30px;
}

.aboutus-hm-row.et_pb_row .et_pb_column_2:before {
    content: '';
    width: 42%;
    height: 100%;
    position: absolute;
    top: 0;
    background: #d2d0d042;
    left: 0;
}

@media screen and (min-width: 981px) {
	.aboutus-hm-row.et_pb_row .et_pb_column {
		aspect-ratio: 1/1;
	}
}

.homepage-full-row-reverse .column-1, .homepage-full-row .column-2  {
	padding: 0% 5%;
    background: var(--main);
	display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 650px;
    gap: 30px;
}

.homepage-full-row-reverse .column-1:before, .homepage-full-row .column-2:before {
    content: '';
    width: 42%;
    height: 0%;
    position: absolute;
    top: 0;
    background: #d2d0d042;
	transition: all 3s ease;
}

.homepage-full-row-reverse.et_had_animation .column-1:before, .homepage-full-row.et_had_animation .column-2:before {
	height: 100%;
}

.homepage-full-row-reverse .column-1:before {
	left: 0;
}

.homepage-full-row .column-2:before {
	right: 0;
}

/* Homepage - end */ 

/* The Marine - start */ 

.inside-row .main-title {
	margin-top: 15px;
}

.inside-row .et_pb_column:before {
    width: 30%;
    height: 0%;
	top: 0;
    position: absolute;
    background: #b5a0852e;
	transition: all 3s ease;
}

@media screen and (min-width: 981px) {
	.inside-row:not(.inside-row-reversed) .et_pb_column:nth-child(2) {
		padding-left: 50px;
	}
	
	.inside-row.inside-row-reversed .et_pb_column:nth-child(1) {
		padding-right: 50px;
	}
}

@media screen and (max-width: 980px) {
	.inside-row:not(.inside-row-reversed) .et_pb_column:nth-child(2) {
		padding-left: 20px;
	}
	
	.inside-row.inside-row-reversed .et_pb_column:nth-child(1) {
		padding-right: 20px;
	}
}

.inside-row:not(.inside-row-reversed) .et_pb_column:nth-child(2) {
	padding-top: 30px;
    padding-bottom: 30px;
}

.inside-row.inside-row-reversed .et_pb_column:nth-child(1) {
	padding-top: 30px;
    padding-bottom: 30px;
}

.inside-row:not(.inside-row-reversed) .et_pb_column:nth-child(2):before {
	left: 0;
	content: '';
}

.inside-row.inside-row-reversed .et_pb_column:nth-child(1):before { 
	right: 0;
	content: '';
}

.inside-row.et_had_animation .et_pb_column:before {
	height: 100%;
}

.paroxes-column {
	display: flex;
    flex-wrap: wrap;
	gap: 1%;
    row-gap: 15px;
    justify-content: center;
}

.paroxes-column .paroxes-blurb.et_pb_blurb {
	margin-bottom: 0;
    flex: 0 1 24.25%;
    min-width: 173px;
}

.paroxes-blurb .et_pb_main_blurb_image {
	position: relative;
}

.paroxes-blurb .et_pb_main_blurb_image:before {
    width: 87%;
    aspect-ratio: 1/1;
    background: var(--main);
    position: absolute;
    content: '';
    z-index: -1;
    border-radius: 100%;
    left: 12px;
    top: 12px;
    opacity: 0.8;
}

/* The Marine - end */ 

.mapiframe iframe {
	aspect-ratio: 1/1;
    border-radius: 100%;
    margin: 0 auto;
    /* width: fit-content; */
    display: block;
}

.contact-page-form .form-full-width {
    margin-top: 30px;
}


/* START CUSTOM HEADER */
#main-header{
	background-color: #f3f3f3;
}

#main-header .container{
	max-width: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#main-header .logo_container{
	text-align: center;
	position: inherit;
}

/*#main-header #logo{
	max-height: 96px;
}*/

.top-header-button a{
	color:white;
}

.top-header-button a{
	transition: all 0.5s ease-in-out;
}

.top-header-button:hover a{
	color:#b5a085;
}

#main-header #et-top-navigation{
	background-color: var(--main) !important;
    padding: 24px 24px !important;
	display: flex;
    align-items: center;
}

.mobile_menu_bar:before{
	color: white;
}

#main-header .container .top-menu-apply, #main-header .container .logo_container, #main-header .container .custom-header-menu {
    flex: 1;
}

.et_slide_in_menu_container{
	background: var(--main);
}

.slide-in-menu-text{
	position: absolute;
    color: white;
    opacity: 0.2;
    font-size: 100px;
    line-height: 1em;
    left: 20px;
    max-width: 50%;
    bottom: 25px;
    overflow: hidden;
	font-family: 'ACGeosansLight' !important;
}

.top-header-button {
    margin: inherit !important;
}

.top-menu-apply{
	display: flex;
}

.top-header-button{
	display: flex;
    align-items: center;
}

#et-top-navigation{
	display: flex;
    height: 100%;
    align-items: center;
}

.windy-weather .windywidgetpoweredBy, .windy-weather .windy-weather div:nth-child(2) div div:nth-child(1) > div:nth-child(2), .windy-weather .windy-weather div:nth-child(2) div div:nth-child(1) > div:nth-child(3) > div:nth-child(2) p:nth-child(2) {
	display: none !important;
}
 
.windy-weather .windy-weather div:nth-child(2) div div:nth-child(1) > div:nth-child(3) > div:nth-child(2) p:nth-child(1){
	padding-bottom: 0 !important;
}

.windy-weather .windy-weather div:nth-child(2) div div:nth-child(1) > div:nth-child(3){
	justify-content: center;
}

.windy-weather .windy-weather div:nth-child(2) div div:nth-child(1) > div:nth-child(3) > div:nth-child(1){
	height: 30px !important;
    width: 30px !important;
	border: 2px solid var(--main) !important;
	aspect-ratio: 1/1;
}

.windy-weather .windy-weather div:nth-child(2) > p:nth-child(1){
	position: relative;
}

.windy-weather .windy-weather div:nth-child(2) > p:nth-child(1) a:before {
    content: "Diverso Platamon Marine";
    position: absolute;
    top: 0;
    width: 100%;
    color: black !important;
    background-color: #f8f8f8;
    left: 0;
    height: 100%;
	font-family: 'ACGeosansLight';
}

#widget_2646385 * {
    height: 100% !important;
}

#widget_2646385 {
    width: fit-content;
}

.custom-header-menu{
	display: flex;
    justify-content: flex-end;
}
/*.windy-weather .windy-weather div:nth-child(2) > p:nth-child(1){
	display: none;
}*/

.et_mobile_menu li.menu-item a:hover, ul li.menu-item a:hover {
	opacity: 1;
}

ul#mobile_menu_slide li.menu-item a {
    padding-left: 20px !important;
    padding-right: 20px !important;
    position: relative;
}

ul#mobile_menu_slide li.menu-item a:before {
    content: '';
    width: 0%;
    height: 100%;
    background: #ffffff3b;
    position: absolute;
    top: 0;
	transition: all 0.8s ease;
    left: 0;
}

ul#mobile_menu_slide li.menu-item a:hover:before {
	width: 100%;
}
/* END CUSTOM HEADER */

/* START footer */

footer .footer-menu.et_pb_widget_area {
    margin-bottom: 10px;
    padding: 0;
}

footer .footer-menu.et_pb_widget_area .fwidget {
    text-align: center;
    margin: 0 auto;
    display: block;
    float: unset;
    margin-bottom: 25px;
}

.et_pb_blurb.footerblurb .et_pb_main_blurb_image  {
    margin-bottom: 10px;
}

.et_pb_blurb.footerblurb .et_pb_blurb_content {
    max-width: 260px;
}

footer .custom-wind-info p {
    display: none;
}

footer .custom-wind-info * {
    background: transparent !important;
}

.footer-weather-row {
	position: absolute;
    padding: 0;
    width: fit-content;
    top: 0;
    left: 0;
}

/* END footer */

.custom-wind-info .popup {
	display: none !important;
}

.custom-wind-info * {
	cursor: auto !important;
}

@media screen and (max-width: 980px){
	.et_header_style_left #logo {
    	max-width: 100% !important;
	}
	
	.et_header_style_left #et-top-navigation .mobile_menu_bar {
		padding-bottom: 0;
	}
	
	.et_fixed_nav #main-header {
		position: fixed;
	}
	
	.slide-in-menu-text {
		max-width: 100%;
		opacity: 0.1;
		font-size: 71px;
	}
	
	.homepage-full-row .et_pb_column_empty, .homepage-full-row-reverse .et_pb_column_empty {
		display: block;
		width: 100%;
		aspect-ratio: 3/2;
		height: auto;
	}
	
	.aboutus-hm-row.et_pb_row {
		max-width: 85%;
	} 
	
	.aboutus-hm-row.et_pb_row {
	    margin-top: -31vh;
	}
	
	.homepage-full-row-reverse {
		display: flex;
		flex-direction: column-reverse;
	}
	
	.inside-row .et_pb_column_empty {
		width: 100%;
		aspect-ratio: 2/1;
		display: block;
	}
	
	.inside-row-reversed {
		display: flex;
		flex-direction: column-reverse;
	}
}

@media screen and (max-width: 704px) {
	.custom-wind-info{
		display: none !important;
	}
	
	#main-header .container .top-menu-apply, #main-header .container .logo_container, #main-header .container .custom-header-menu{
		flex: auto;
	}
}

@media screen and (max-width: 550px) {
	#main-header .top-header-button{
		padding: 10px 10px;
    	font-size: 12px;
	}
	
	.logo_container{
		display: flex;
    	flex-direction: column;
    	align-items: center;
		padding: 0 10px;
	}
	
	.apply-form .wpcf7-form {
		flex-direction: column;
	}
}

@media screen and (max-width: 483px) {
	.homepage-main-banner .et_pb_row{
		margin-right: auto;
	}
}

@media screen and (max-width: 900px) {
	.paroxes-section .et_parallax_bg {
		background-image: url(https://diversomarine.gr/wp-content/uploads/2023/10/background-1-mobile-scaled.jpg) !important;
    	background-position-x: 98%;
	}
	 
	.paroxes-section .et_parallax_gradient {
		background-image: linear-gradient( 180deg, rgb(0 0 0 / 40%) 0%, rgba(0,0,0,0.4) 100% ) !important;
	}
}

.et_pb_gallery .et_overlay{
	background: hsl(0deg 0% 2% / 30%);
}

.et_pb_gallery .et_overlay:before{
	color: #b5a085;
}

.et_pb_gallery .et_overlay:before {
    color: #b5a085;
	content: "\e054" !important;
}

.mfp-title {
    display: none;
}

@media screen and (min-width: 981px){
	.et_pb_gallery .et_pb_gallery_item.et_pb_grid_item {
		margin-right: 1%;
		margin-bottom: 1%;
		width: 24.25%;
	}
}

@media screen and (max-width: 980px){
	.et_pb_gallery .et_pb_gallery_item.et_pb_grid_item {
		margin-right: 2.5%;
		margin-bottom: 2.5%;
		width: 47%;
	}
	
	.et_pb_gallery .et_pb_gallery_item.et_pb_grid_item:nth-child(2n){
		margin-right: 0 !important;
	}
}