/*
Theme Name: 	Divi Child Theme
Theme URI: 		http://www.elegantthemes.com/gallery/divi/
Description: 	Divi Child Theme by Skepsis
Author: 			Demetrios Panayotakopoulos
Author URI: 	http://www.skepsis.gr
Template:		Divi
Version:			1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */


/* Change the bullet of a list to 'thumb down' */
.bullet_list_thumb_down ul{
  list-style-type: none!important;
}

.bullet_list_thumb_down ul li:before{
	content: '\e052'!important;
	color: #0c71c3;
	font-family:'ETMODULES';
	margin-right:10px;
	margin-left:-14px;
	font-size: 1.2em!important;
	position: relative;
	top:4px;
}

/* Change the bullet of a list to 'check' */
.bullet_list_check ul{
	list-style-type: none!important;
}

.bullet_list_check ul li:before{
	content: '\e052'!important;
	color: #0c71c3;
	font-family:'ETMODULES';
	margin-right:10px;
	margin-left:-14px;
	font-size: 1.2em!important;
	position: relative;
	top:4px;
}


/* Links, href */
.et_pb_text_1_tb_footer.et_pb_text a:hover{
	color:#FFFFFF !important;
}


/* Underline with white line a url */
.polinde_href_w a {
	position:relative;
	text-decoration:none;
	color: white;
}

.polinde_href_w a:hover{
	color:white !important;
}

.polinde_href_w a::after{
	content:'';
	position:absolute;
	bottom: -4px;
	left: 0;
	width: 0;
	height: 2px;
	background-color:white;
	transition: width .2s ease;
}

.polinde_href_w a:hover::after{
	width: 100%;
}



/* Underline with 'blue' line a url */
.polinde_href_b a {
	position:relative;
	text-decoration:none;
	color: black;
}

.polinde_href_b a::after{
	content:'';
	position:absolute;
	bottom: -4px;
	left: 0;
	width: 0;
	height: 2px;
	background-color:#2ea3f2;
	transition: width .2s ease;
}

.polinde_href_b a:hover::after{
	width: 100%;
}


/* Underline with 'black' line a url */
.polinde_href_bl a {
	position:relative;
	text-decoration:none;
	color:black !important;
}

.polinde_href_bl a:hover{
	color:black !important;
}

.polinde_href_bl a::after{
	content:'';
	position:absolute;
	bottom: -4px;
	left: 0;
	width: 0;
	height: 2px;
	background-color:black;
	transition: width .2s ease;
}

.polinde_href_bl a:hover::after{
	width: 100%;
}



/*this sets the height of the image module*/
.pa-full-height-image-column {
	height: 100%;
}
/*this sets the height of the image container*/
.pa-full-height-image-column .et_pb_image_wrap {
	height: 100%;
}
/*this sets the height and fit of the actual image*/
.pa-full-height-image-column img {
	object-fit: cover;
	height: 100%;
}


/* --- */
.polinde_logo:hover{
	z-index: 99;
	cursor: pointer;
	border:1px solid white;
	-webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,.075),0 0 8px rgba(255,255,255,.9);
	-moz-box-shadow:inset 0 2px 2px rgba(0,0,0,.075),0 0 8px rgba(255,255,255,.9);
	box-shadow:inset 0 2px 2px rgba(0,0,0,.075),0 0 8px rgba(255,255,255,.9);
	animation: polinde_bounce 1s;
	-moz-animation: polinde_bounce 1s;
	-webkit-animation: polinde_bounce 1s; /* Chrome,Safari,Opera */
	-o-animation: polinde_bounce 1s;
}

.polinde_card:hover{
	z-index: 99;
	cursor: pointer;
	animation: polinde_bounce 1s;
	-moz-animation: polinde_bounce 1s;
	-webkit-animation: polinde_bounce 1s; /* Chrome,Safari,Opera */
	-o-animation: polinde_bounce 1s;
}

.polinde_urlimg img:hover {
	border: none;
	border-color: none;
	animation: polinde_bounce 1s ;
	-webkit-animation: polinde_bounce 1s; /* Chrome,Safari,Opera */
	-moz-animation: polinde_bounce 1s ;
	-o-animation: polinde_bounce 1s ;
}

.project-duration{
    font-size:13px;
    margin-top:3px;
}



@keyframes polinde_bounce
{
	0%  {transform: translate(0px,0px)}
	20% {transform: translate(0px,-20px)}
	30% {transform: translate(0px,0px)}
	40% {transform: translate(0px,-8px)}
	50% {transform: translate(0px,0px)}
	55% {transform: translate(0px,-3px)}
}


/* -------- */
.polinde_info {
	background: RGB(232, 240, 250) none repeat scroll 0 0;
	border-color: RGB(0, 115, 204);
	counter-increment: fast;
	overflow: auto;
	margin-top: 30px;
}

.polinde_warning {
	background: RGB(250, 250, 190) none repeat scroll 0 0;
	border-color: RGB(249, 163, 42);
	counter-increment: warning;
	overflow: auto;
}


.polinde_issue, .polinde_warning, .polinde_info, .polinde_note {
	border-left-style: solid;
	border-left-width: 8px;
	padding-top: 1em;
	padding-right: 2.5em;
	padding-bottom: 0.7em;
	padding-left: 30px !important;
	margin-top: 20px;
	margin-bottom: 20px!important;
	border-radius: 8px;
}


/* ---- */
.footer-button {
	position: fixed;
	z-index: 99999;
	bottom: 20px;
	color: white;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	background: rgba(20,87,220,0.4);
}

.footer-button:hover {
	background: rgba(20,87,220,0.6);
}

.top-button {
	right: 20px;
	padding:4px 6px 3px 6px;
	display:none;
	transform: translateX(200%);
}
.top-button.slide-in {
	animation: slideIn 0.5s ease-out forwards !important;
}
.top-button.slide-out {
	animation: slideOut 0.5s ease-out forwards !important;
}

.home-button {
	right: 76px;
	padding: 11px 11px 6px 11px !important;
	display:none;
	transform: translateX(300%);
}
.home-button.slide-in {
	animation: slideIn 0.5s ease-out forwards !important;
}
.home-button.slide-out {
	animation: slideOut 0.5s ease-out forwards !important;
}


@keyframes slideIn {
	from {
		transform: translateX(100%);
		opacity: 0;
	}
	to {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes slideOut {
	from {
		transform: translateX(0);
		opacity: 1;
	}
	to {
		transform: translateX(100%);
		opacity: 0;
	}
}

.zoom-in {
	cursor:zoom-in !important;
}


/*style the Divi Post Navigation buttons*/
.et_pb_posts_nav .nav-previous a,
.et_pb_posts_nav .nav-next a {
	color: #0048ff;
	background: transparent;
	border: 1px solid #0048ff !important;
	padding: .1em 1.3em;
	border-radius: 5px;
	transition: all 0.3s ease-in-out;
}

/*style the Divi Post Navigation buttons on hover*/
.et_pb_posts_nav .nav-previous a:hover,
.et_pb_posts_nav .nav-next a:hover {
	color: #ffffff;
	background: #008BDB;
	border: 1px solid #0048ff !important;
	transition: all 0.3s ease-in-out;
}


/* --- Toggle Section --- */
/* Visible state */
#myToggle.show {
  max-height: 1000px; /* large enough for content */
  opacity: 1;
}

.slide-up {
  transform: translateY(30px);
  transition: all 0.8s ease-in-out;
}

.slide-up.visible {
  opacity: 1;
  transform: translateY(0);
}


/* --- Divi Torque’s “Image Hotspot” module - Start --- */
.dtp-et-icon {
	font-style:normal !important;
}

.dtq-image-hotspot__icon i,
.dtq-image-hotspot__icon {
  font-style: normal !important;
}

.et_pb_hotspot_icon i {
  font-style: normal !important;
}
/* --- Divi Torque’s “Image Hotspot” module - End --- */


/* --- SVG World MAP WMap - Start --- */
#WMap path {
  /* fill: #808081; */
  fill: RGB(209,210,213);
  stroke: #000;
  stroke-width: 0.2
}

/* Color of country where Polinde's Project */
.svgSel {
   fill: red !important;
}

/* Color of hoverd country */
.hovered {
  fill: gold !important;
  stroke-width: .5 !important;
}

.lbl-country {
   color:white;
   padding: 4px 6px;
   background-color: #007bff;
   border-radius: .25rem;;
   cursor: pointer;
   margin-right: 5px;
   line-height: 2.3em;
   white-space: nowrap;
}

/* --- SVG World MAP WMap - End --- */


.acf_before_beneficiary, 
.acf_before_region,
.acf_before_project_no, 
.acf_before_contract_value, 
.acf_before_carried_out {
	font-weight:700;	/* Strong */
}


/* Elegant Themes Social link icons */
.my-social-icons{
    display:flex;
    gap:12px;
	justify-content: center;
    align-items: center;
}

.my-social-icons a{
    text-decoration:none;
    font-family:'ETmodules';
    font-size:18px !important;
    color:#333333;
    transition:.2s;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.my-social-icons a:hover{
    opacity:.7;
    color: #0A66C2;          /* Hover color */
}

/* Envelope */
.my-social-icons .icon-email::before{
    content:"\e076";
	padding:4px 10px;
	background-color: #E5E5E5 !important;
	border-radius: 4px 4px 4px 4px;
}

/* LinkedIn */
.my-social-icons .icon-linkedin::before{
    content:"\e09d";
	padding:4px 10px;
	background-color: #E5E5E5 !important;
	border-radius: 4px 4px 4px 4px;
}



/* --- */