/*
Theme Name: Euaggelou
Template: hello-elementor
Author: Stefanos Missin
Author URI: https://forthright.gr
Version: 1.0.0.1753690154
Updated: 2025-07-28 11:09:14

*/

@media (max-width: 767px) {
    .elementor-9 .elementor-element.elementor-element-de5bdfe .elementor-icon-list-items.elementor-inline-items {
        gap: 16px;
    }
}

#menu-1-b78d581 li.menu-btn a{
	background: #02557E;
	color: #fff;
	padding: 4px 12px;
	border-radius: 10px;
	border: 1px solid #02557E;
	transition: .5s all;
	margin-left: 4px;
}

#menu-1-b78d581 li.menu-btn a:hover{
	transition: .5s all;
	background: #fff;
	color: #02557E;
}


.rantevou-form{
	display: flex;
	gap: 16px;
	align-items: center;
}

@media screen and (max-width: 1250px){
	.rantevou-form{
		flex-wrap: wrap;
		margin-bottom: 25px;
	}
	.rantevou-form p{
		width: 100%;
	}
	.rantevou-form p label .wpcf7-form-control-wrap{
		width: 100%;
	}
	.rantevou-form p label{
		width: 100%;
	}
	.rantevou-form p input{
		width: 100%;
	}
}

.rantevou-form .submit .wpcf7-spinner{
	margin: 0;
	width: 0;
	height: 0;
}


.rantevou-form .submit p{
	margin-bottom: 0;
}

.rantevou-form .submit p input{
	border-radius: 10px;
	background: #02557E;
	border-color: #02557E;
	color: #fff;
	font-family: 'Roboto';
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	transform: .5s all;
	margin-top: 15px;
}

.rantevou-form .submit p input:hover{
	background: #fff;
	color: #02557E;
	transform: .5s all;
}

.rantevou-form label {
	color: #000;
	font-family: 'Roboto';
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.rantevou-form label .wpcf7-form-control-wrap{
	margin-top: 10px;
	display: inline-block;
}

.rantevou-form label .wpcf7-form-control-wrap input{
	border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.10);
background: rgba(217, 217, 217, 0.00);
	color: #000;
	font-family: 'Roboto';
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.rantevou-form label .wpcf7-form-control-wrap input::placeholder{
	color: rgba(0, 0, 0, 0.30);
font-family: 'Roboto';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.custom-blog-cards{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
	justify-content: space-between;
	
}

.custom-blog-cards .custom-blog-card{
	width: 100%;
	
}

.custom-blog-cards .custom-blog-card .img-box{
	width: 100%;
}

.custom-blog-cards .custom-blog-card .img-box img{
	width: 100%;
	object-fit: cover;
	border-radius: 15px 15px 0 0;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	aspect-ratio: 372/306
}

.custom-blog-cards .custom-blog-card .gradient{
		background: #fff;
    margin-top: -20px;
    padding: 40px 15px 15px;
		border-radius: 0 0 15px 15px;
}

.custom-blog-cards .custom-blog-card .gradient .date{
	border-radius: 15px;
	background: #02557E;
	padding: 4px 12px;
	color: #FFF;
	font-family: 'Roboto';
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.custom-blog-cards .custom-blog-card .gradient .title{
	color: #000;
	font-family: 'Roboto';
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-top: 20px;
}

.custom-blog-cards .custom-blog-card .gradient .excerpt{
		color: #787878;
		font-family: 'Roboto';
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 1.5em;
		margin-top: 20px;
}

.custom-blog-cards .custom-blog-card .gradient .read-more-link{
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #02557E;
	font-family: 'Roboto';
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

@media screen and (min-width: 768px){
	.custom-blog-cards .custom-blog-card{
		width: calc(50% - 32px);
	}
}

@media screen and (min-width: 1025px){
	.custom-blog-cards .custom-blog-card{
		width: calc(33.33% - 32px);
	}
}

/*BC*/

.custom-breadcrumb , .custom-breadcrumb a{
	color: #FFF;
	text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	font-family: 'Roboto';
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.custom-breadcrumb a:hover{
	text-decoration: underline;
}

.custom-breadcrumb .current{
		color: #FFF;
	text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	font-family: 'Roboto';
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}
/*BC*/


/*Contact Form*/

.contact-form{
	display: flex;
	gap: 16px;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}


	.contact-form{
		flex-wrap: wrap;
		margin-bottom: 25px;
	}

	.contact-form p{
		width: 100%;
	}


	@media screen and (min-width: 1251px){
			.contact-form p{
			width: calc(50% - 16px);
		}
	}

	.contact-form p label .wpcf7-form-control-wrap{
		width: 100%;
	}
	.contact-form p label{
		width: 100%;
	}
	.contact-form p input{
		width: 100%;
	}

	.contact-form .message{
		width: 100%;
	}

	.contact-form .message p{
		width: 100%;
	}

.contact-form .submit p{
	width: 100%;
}




.contact-form .submit .wpcf7-spinner{
	margin: 0;
	width: 0;
	height: 0;
}


.contact-form .submit p{
	margin-bottom: 0;
}

.contact-form .submit p input{
	border-radius: 10px;
	background: #02557E;
	border-color: #02557E;
	color: #fff;
	font-family: 'Roboto';
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	transform: .5s all;
	margin-top: 15px;
}

.contact-form .submit p input:hover{
	background: #fff;
	color: #02557E;
	transform: .5s all;
}



.contact-form label {
	color: #000;
	font-family: 'Roboto';
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.contact-form label .wpcf7-form-control-wrap{
	margin-top: 10px;
	display: inline-block;
}

.contact-form label .wpcf7-form-control-wrap input{
	border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.10);
background: rgba(217, 217, 217, 0.00);
	color: #000;
	font-family: 'Roboto';
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.contact-form label .wpcf7-form-control-wrap input::placeholder{
	color: rgba(0, 0, 0, 0.30);
font-family: 'Roboto';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.contact-form label .wpcf7-form-control-wrap textarea{
	border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.10);
background: rgba(217, 217, 217, 0.00);
	color: #000;
	font-family: 'Roboto';
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.contact-form label .wpcf7-form-control-wrap textarea::placeholder{
	color: rgba(0, 0, 0, 0.30);
font-family: 'Roboto';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

/*Contact Form*/


.mobile-call-btn {
    display: none;
    position: fixed;
    bottom: 15px;
    right: 15px;
    left: 15px;
    background-color: #02557E;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 14px;
    border-radius: 50px;
    text-decoration: none;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 9999;
}
@media (max-width: 768px) {
    .mobile-call-btn {
        display: block;
    }
}