/*
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-color: #FECC0E;
	--secondary-color: #696a6c;
	--gray-color: #d1d1d1;
	--background-color:#000000;
	
	
}

@font-face {
	  font-family: 'OpenSans';
	  src: URL('./font/OpenSans-Regular.ttf') format('truetype');
}

body {
	font-family: 'OpenSans' !important;
	line-height: 1.3;
}

::selection {
  	background: var(--gray-color);
}

.et_pb_menu__menu {
    cursor: context-menu;
}

/*============ Global Header - Start ================================================================================================*/

.header_section{
    padding: 0px 0px 40px 0px!important;
	background-color:var(--main-color);
}

.header_menu{
	background-color:transparent!important;
	
}

.header_menu .et-menu li{
	font-size:24px;
	color:black!important;
}


/*============ Global Header - END ==================================================================================================*/

/*============ Main Page - Start ====================================================================================================*/

.main_page_heading{
	text-align:center!important;
}

.main_page_heading h1{
	color:#ffffff!important;
	font-size:113px!important;	
}

.main_page_under_heading{
	text-align:center;
}

.main_page_under_heading h2{
	font-size:42px!important;
	color:white!important;
}

.promt_text{
	font-size:20px;
	color:black;
	text-align:center!important;	
}

.main_page_headings h1{
	font-size:40px!important;
	color:black!important;
	text-align:center!important;
}

.main_page_headings::before{
	content:'';
	width:100px;
	height:2px;
	position:absolute;
	left:45.4%;
	bottom:2%;
	background-color:#FECC0E;
}

.main_page_paragraphs{
	color:black;
	text-align:center!important;
	font-size:24px;
}

.vagonetoo_park_blurbs{
	color:black;
	font-size:17px;
	min-height: 29vw;
}

.vagonetoo_park_blurbs h3{
	color:black!important;
	font-size:35px!important;
}

.vagonetoo_park_blurbs .et_pb_main_blurb_image {
	max-width: 531px;
    max-height: 610px;
}

.vagonetoo_park_blurbs .et_pb_blurb_content{
	padding:37px;
}

.vagonetoo_park_blurbs h2.et_pb_module_header {
    padding-bottom: 24px;
}

/*============ Temp Blog - start ====================================================================================================*/

.temp_blog_posts{
	max-width: 1060px;
    padding-left: 0px;
    padding-right: 0px;
	padding-bottom: 350px;
	cursor:pointer;
}

.temp_blog_posts .et_pb_image_container img {
    vertical-align: bottom;
    max-width: 56%;
    position: absolute;
    left: -14%;
}

.temp_blog_posts a.entry-featured-image-url {
    width: 560px;
    position: absolute;
    left: -5vw;
}

.temp_blog_posts h2.entry-title {
    position: absolute;
    top: 3vw;
    left: 26vw;
    color: black;
    font-size: 50px;
}

.temp_blog_posts.et_pb_post .entry-title a {
    text-decoration: none;
    position: absolute;
    left: 47%;
	top:47px;
	font-size: 48px;
}

.temp_blog_posts p.post-meta {
    position: absolute;
    left: 47%;
    top: 0px;
	font-size:30px;
}

.temp_blog_posts .post-content {
    position: absolute;
    left: 47%;
    top: 130px;
	color:black;
	transition:all 0.3s;
}

.temp_blog_posts .post-content .more-link:hover {
	cursor:pointer;
	transition:0.3s;
	background-color:black;
	color:white;
	box-shadow: 7px 6px 14px black;
}

.temp_blog_posts .more-link {
	color: black;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    border-radius: 4px;
    text-transform: capitalize;
    max-width: 84px;
    position: absolute;
    bottom: -86px;
    padding: 3px;
}

.temp_blog_posts .post-content-inner p{
	color:black;
}


.temp_blog_posts .alignleft {
    position: absolute;
    left:-360px;
    top: 130px;
}

.temp_blog_posts .alignright {
    position: absolute;
    right: -360px;
    top: 130px;
}

.temp_blog_posts span.published {
    font-size: 33px;
    color: black;
}


/*============ Temp Blog - End ====================================================================================================*/

.temp_blog_posts .slider .et-pb-arrow-next, .et-pb-arrow-prev {
    font-size: 136px;
	top: 43%;
}

/*============ Mobile View Temp Blog - Start ======================================================================================*/

@media(max-width: 450px) {
	.temp_blog_posts{
		max-width: 1060px;
    	padding-left: 0px;
    	padding-right: 0px;
		padding-bottom: 130vw;
	}

	.temp_blog_posts .et_pb_image_container img, .et_pb_post a img {
		vertical-align: bottom;
    	max-width: 100%;
    	position: absolute;
    	left: 0%;
	}

	.temp_blog_posts.et_pb_post .entry-title a, .et_pb_post h2 a {
    	text-decoration: none;
    	position: absolute;
   		left: 0%;
    	top: 55vw;
	}

	.temp_blog_posts p.post-meta {
		position: absolute;
    	left: 0%;
    	top: 50vw;
		font-size:30px;
	}

	.temp_blog_posts .post-content {
    	position: absolute;
    	left: 0%;
    	top: 70vw;
	}

	.temp_blog_posts .alignleft {
    	position: absolute;
   		left:0px;
    	top: 130vw;
	}

	.temp_blog_posts .alignright {
    	position: absolute;
    	right: 0px;
    	top: 130vw;
	}
	
	.temp_blog_posts a.more-link {
    	color: black;
		border-style: solid;
  		border-width: 2px;
		border-color: black;
		border-radius: 5px;
		text-transform: capitalize;
		max-width: 83px;
    	position: absolute;
    	bottom: -51px;
	}
	
}
	
/*============ Mobile View Temp Blog - End ========================================================================================*/

/*============ Main Page - End ====================================================================================================*/



/*============ Mobile View Main Page - Start ======================================================================================*/

@media(max-width: 450px) {
	
	
	h1{
		color:#ffffff!important;
		font-size:72px!important;
	}

	h2{
		color:black!important;
		font-size:44px!important;
	}
	
	.vagonetoo_park_blurbs{
		color:black;
		font-size:17px;
		max-height: 143vw;
	}
	
	.main_page_headings::before{
		position:absolute;
		left:34.4%;
		bottom:8%;
	}
	
	.main_page_heading{
		font-size:40px;
		color:white!important;
		text-align:center!important;
	}
	
}

/*============ Mobile View Main Page - End ========================================================================================*/

/*============ Mobile View Footer - Start ==========================================================================================*/

@media(max-width: 450px) {
	
	.footer_img{
		text-align:left!important;
		width: 80%!important;
	}

	.footer_about_heading{
		padding-top:22px;
		text-align:center;
	}

	.footer_about{
		display:flex;
		flex-flow:row;
		color:white;
		font-size:20px;
		padding-left: 16%;
	}

	.footer_media{
		padding-top:26px!important;
		text-align:center;
	}
	
}

/*============ Mobile View Footer - End ==========================================================================================*/

/*============ Footer - Start ====================================================================================================*/

.footer_img{
	width: 210px;
}

.footer_about_heading{
	padding-top:22px;
}

.footer_about{
	display:flex;
	flex-flow:row;
	color:white;
	font-size:20px;
	padding-top:32px;
}

.footer_media{
	padding-top:26px!important;
}

.footer_about.et_pb_blurb_position_left .et_pb_blurb_container {
	padding-left: 8px!important;
    font-size: 18px;
}

.footer_promt_row{
	padding-bottom:20px!important;
	padding-top:20px!important;
}

/*------------ Footer Prompt - Start ---------------------------------------------------------------------------------------------*/

.footer_promt_text{
	font-size:20px;
	color:black;
	text-align:center!important;
}


/*------------ Footer Prompt - End -----------------------------------------------------------------------------------------------*/

/*============ Footer - End ======================================================================================================*/

/*============ Μεταλλευτικό Πάρκο Φωκίδας - Start ================================================================================*/

.b::before {
    content: "";
	display: flex;
    position: absolute;
    left: -17px;
    margin-top: 9px;    
    width: 10px;
    height: 10px;
    border-radius: 3px;
    background-color: var(--main-color);
}

.metalleutiko_page_n_img{
	color:black;
	text-align:left!important;	
	padding: 3rem 0px;
	font-size:22px;	
	background-color:var(--main-color);
	padding:10px;
	box-shadow: 7px 6px 14px black;
}

.metalleutiko_page_paragraphs{
	color:black;
	text-align:center!important;
	font-size:22px;
		background-color:var(--main-color);
	padding:10px;
	box-shadow: 7px 6px 14px black;
}

/*============ Μεταλλευτικό Πάρκο Φωκίδας - End ================================================================================*/

/*============ History - Start =================================================================================================*/

.history_page_paragraphs{
	color:black;
	text-align:left;
	font-size:20px;
	background-color: var(--main-color);
    padding: 15px;
	box-shadow: 7px 6px 14px black;
}

.et_pb_module.et_pb_code.et_pb_code_0.istoria_timelines::after {
    content: "";
    background-color: black;
    position: absolute;
    width: 4px;
    height: 111px;
    left: 13px;
}

.timeline__content h2{
	font-weight:bolder!important;	
}
/*istoria_timelines .timeline__content
.istoria_timelines.timeline__content:nth-child(even){
	background: black!important;
}*/
.timeline__items .timeline__item:nth-child(odd) .timeline__content{
	background: #eaeaea!important;
}

.timeline__items .timeline__item:nth-child(even) .timeline__content{
	background: #f8f8f8!important;
}

/*============ History - End ===================================================================================================*/

/*============ Interactive Digital Technology - Start ==========================================================================*/

.digital_page_paragraphs_n_img_1{
	color:black;
	text-align:left!important;	
	font-size:22px;	
	padding:25px;
	margin-top:5rem;
	background-color:var(--main-color);
	box-shadow: 7px 6px 14px black;
}

.digital_page_paragraphs_n_img_2{
	color:black;
	text-align:left!important;	
	font-size:22px;
	background-color:var(--main-color);
	padding:10px;
	box-shadow: 7px 6px 14px black;
}

.digital_page_paragraph{
	color:black;
	text-align:center!important;
	font-size:24px;	
	padding:10px;
	box-shadow: 7px 6px 14px black;
	background-color:var(--main-color);
}


/*============ Interactive Digital Technology - End ==========================================================================*/

/*============ Contact - Start ===============================================================================================*/

.contact_blurd{
	background-color:var(--main-color);
	padding:10px;
	box-shadow: 7px 6px 14px black;
	width: 22rem;
}

.et_pb_blurb_0 .et-pb-icon, .et_pb_blurb_1 .et-pb-icon, .et_pb_blurb_2 .et-pb-icon, .et_pb_blurb_3 .et-pb-icon{
	font-size:80px;
}

.contact_blurd .et_pb_blurb_description{
	color:black;
	text-align:center!important;
	font-size:18px;
}

.contact_map{
	box-shadow: 7px 6px 14px black;
}

/*============ Contact - End ==================================================================================================*/

/*============ Sub-Menu - Start ===============================================================================================*/

ul.sub-menu {
    border-color: black!important;
    border-width: 2px;
	max-width: 15rem;
	
}

.et-menu a:hover{
	opacity:0.6;
}

.nav ul li a:hover{
	background-color:#e3b70e;
}

.header_menu.et_pb_menu_0_tb_header.et_pb_menu .nav li ul, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul{
	background-color:var(--main-color)!important;
}
.et-hover::hover{
	border-bottom:1px;
	border-color:black;
}

.et-menu li li a {
    width: 240px;
	padding: 10px 10px;
}

.nav li li a{
	font-size: 16px;
}

.nav li li{
	line-height:1.3rem;
    padding: 0;
    margin: 0;	
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul {
    width: 15rem;
	
}

/*============ Sub-Menu - End =================================================================================================*/

/*============ Timeline - Start ===============================================================================================*/

.istoria_timelines .timeline__content{
	border:1px solid black;
} 

.timeline__wrap {
    padding: 41px;
}

/*============ Timeline - End =================================================================================================*/

/*============ Background Img - Start =========================================================================================*/

.background_img_1 {
    position: absolute;
    top: 20rem;
    left: -60%;
    max-width: 500px;
}

.background_img_2 {
    position: absolute;
    max-width: 500px;
    bottom: 10rem;
    right: -55%;
}

.showcase_background_img_1{
    position: absolute;
    top: 0;
    left: -60%;
    max-width: 500px;
}


/*============ Background Img - End ===========================================================================================*/

/*============ Metalleutiko park - Start ======================================================================================*/

.metaleutiko_park_blurbs p{
	text-align:center;
	color:black;
	font-size:20px;
}

.metaleutiko_park_blurbs{
	padding:10px;
	min-height: 19rem;

}

/*============ Metalleutiko park - End ========================================================================================*/

/*============ Contact Form - Start ===========================================================================================*/

.contact_corm_epikinonia{
	text-align:center;
	
}

label.form{
	font-size:25px;
	color:black;
	display: flex;
    flex-flow: column;
	margin:10px;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.input {
	border:2px solid black;
	border-left:4px solid black;
	background-color:var(--main-color);
    height: 30px;
    font-size: 16px;
    
}

span.wpcf7-list-item {
    font-size: 17px;
}

.wpcf7 input[type="text"], 
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="radio"],
.wpcf7 input[type="textarea "]{
    width: 55%;
}

.wpcf7-not-valid-tip{
    content: "";
	position: absolute;
    left: 37.5%;
    font-size: 0px;
    background-color: black;
    border: 2px solid black;
    width: 25%;
    padding-bottom: 2px;
    border-radius: 0px 0px 31px 31px;
	transition:all 0.3s;
}

textarea {
    padding: 4px;
    border:2px solid black;
	background-color:var(--main-color);
	/*box-shadow: 7px 6px 14px black;*/
}

.contact_us_background{
	background-color:var(--main-color);
	box-shadow: 7px 6px 14px black;
}

.wpcf7-form-control.wpcf7-submit {
    width: 100px;
    text-align: center;
    padding: 10px;
    margin: 20px;
    border-radius: 10px;
	border:2px solid black;
	font-size: 16px;
	transition: all 0.3s;
	cursor:pointer;
	background-color:var(--main-color);
	box-shadow: 3px 6px 14px black;
}

.wpcf7-form-control.wpcf7-submit.has-spinner:hover{
	cursor:pointer;
	transition:0.3s;
	background-color:#ab8909;
	color:#262626;
	box-shadow: 7px 6px 14px black;
}

.wpcf7-spinner {
    background-color:black;
	display: flex;
	position:absolute!important;
	left: 43%;
    bottom: 10%;
}

.wpcf7 form.invalid .wpcf7-response-output{
	color:black;
	border:2px solid black;
}

span.con_labels {
    padding: 3px;
}

/*============ Contact Form - End =============================================================================================*/

/*============ Ta Nea Blog - Start ============================================================================================*/

.ta_nea_blog_post .et_pb_post{
	background-color: var(--main-color);
    margin: -16px;
    padding: 45px;
    border-radius: 30px;
    box-shadow: 7px 6px 14px black;
	transition: all 0.3s;
	
}

.ta_nea_blog_post .et_pb_post:hover{
	 -webkit-filter: brightness(70%);
    box-shadow: 10px 9px 17px black;
	cursor:pointer;
}

.ta_nea_blog_post .entry-title{
	color:black;
	font-size:30px;
}

.ta_nea_blog_post .post-meta .published{
	color:black;
	font-size:19px;
}

.ta_nea_blog_post .post-content .post-content-inner p{
	color:black;
	font-size:17px;
}

.et_pb_module.et_pb_image.et_pb_image_1.ta_nea_background_img_2.et-animated.et_had_animation {
    position: absolute;
    top: 34rem;
    right: -47rem;
}



/*============ Ta Nea Blog - End ==============================================================================================*/

#pages-container{
	max-height: 283px;
    min-height: 283px;
}

#CarPrev,#CarNext:hover{
	cursor: pointer;
	
}

#CarPrev{
	background-color: white;
	color:var(--main-color);
	position:absolute;
	font-size:30px;
    border: 0px;
	left: -16vw;
    bottom: 35%;
}

#CarNext{
    background-color: white;
	color:var(--main-color);
	position:absolute;
	font-size:30px;
    border: 0px;
	right: -16vw;
    bottom: 35%;
}


#GetPosts{
	max-height: 70vh;
    min-height: 70vh;
}

.PostsTest {
	display:none;
}

.PostDate{
	position: absolute;
    left: 46%;
	font-size:33px;
	color:black;
	
}

.PostTitle{
	position: absolute;
	left: 46%;
    bottom: 38%;
	font-size:50px;
	color:black;
}

.PostCont{
	position: absolute;
	left: 46%;
    bottom: 29%;
	font-size:14px;
	color:black;
}

.PostReadMore{
	position: absolute;
    left: 46%;
    bottom: 26%;
	color: black;
	background-color:white;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    border-radius: 4px;
    text-transform: capitalize;
	padding:3px;
	
}

.PostReadMore:hover{
	cursor:pointer;
	transition:0.3s;
	background-color:black;
	color:white;
	box-shadow: 7px 6px 14px black;
	
}


.PostImg .attachment-post-thumbnail.size-post-thumbnail.wp-post-image{
	max-width:560px!important;
	max-height:315px!important;
	position:absolute;
	left:-10%;
}



/*=============================================================================================================================*/

div#pages-container-checkbox-after{
	margin-top: 600px 0px;
}


.PostsTest1 {
	margin-bottom: 10vh;
}

PostsTest1.PostDate1{

	font-size:33px;
	color:black;
	
}

.PostTitle1{

	font-size:50px;
	color:black;
}

.PostCont1{

	font-size:14px;
	color:black;
}

.PostImg1 .attachment-post-thumbnail.size-post-thumbnail.wp-post-image{
	max-width:560px!important;
	max-height:315px!important;
	position:absolute;
}