/* General css for websites */

/* Cookie bar */
@media screen and (max-width: 767px) {
	.cli-bar-btn_container{
		display: block;
}
}

@media screen and (max-width: 985px) {
	.cli-bar-btn_container a{
		width:100%;
}
	.cli-bar-btn_container{
		width:100%;
}
	.cli-bar-message{
	text-align: center !important;
}
}

.eacc-message-componentMore{
	color:#890009 !important;
}
.cli_setting_save_button:hover{
	color:white !important;
}

.cli-bar-popup button:hover{
	background: none !important;
}

body .cli_settings_button{
	background-color: transparent !important;
	text-decoration: underline !important;
	color:black !important;
}

body .cli_settings_button:hover{
	background-color: transparent !important;
	text-decoration: underline !important;
	color:black !important;
}

/* Custom play icon */
/* First activate the default icon in the video player options, then hide it with custom CSS */

.eicon-play{display:none;}

/* Use this class and change/add the values to display your icon as intended */

.elementor-custom-embed-play{
    width: 100%;
    max-width: 50px;
    content: url(/wp-content/uploads/2022/03/Play-icon-01.svg);
    transition: 0.3s ease-in-out;
}

/* If you'd like to add a hover state - Example */

.elementor-custom-embed-play:hover{
    max-width: 60px;
}