/*
*Theme Name: Vox Milo childTheme 
*URI: https://athemeart.com/downloads/newsbd24/
Author: aThemeArtAuthor 
URI: http://athemeart.com/
Description:  Un thème enfant pour le site VoxMilo basé sur le thème "newsbd24-pro" - Actif depuis Aout 2022 - Permet de gérer les ressources supplémentaires (css, js) sans plugin d'injection de scripts | Permet également l'utilisation d'un nouveau shortcode pour limiter le temps de chargement quand de nombreux iframes Youtube sont intégrées dans une page | Ouvre les iframe dans une modale (materialize.css) | Note : Site hacké avant les modifications (xss injections) - Vérification modifications BO
Template: newsbd24-pro
Version: 1.0.0License: GPLv3 or later ONLY FOR CUSTOMER OF aThemeArtLicense 
URI: http://athemeart.com/Text 
*/

:root {	
--main-bg: #ffffff;
--light-txt-color: #f5f5f5; /*Greyish white*/
--featured-color: #981767; /*Violet*/
}

body {
	overflow-x: hidden;
}

#header_ad.col-md-8 {
	flex: 0 0 33.333333% !important;
	max-width : 33.333333% !important;
	margin-left: auto !important;
}

/*Cookie consent banner*/
.cmplz-cookiebanner {display: none !important;}
.cmplz-cookiebanner .cmplz-links.cmplz-documents > a.cmplz-link:first-child {display: none !important;}
.cmplz-cookiebanner .cmplz-links.cmplz-information {display: none !important;}
.cmplz-blocked-content-notice {min-width: 280px !important;}

.voxmilo-yt-container {}

.voxmilo-yt-container .voxmilo-yt-trigger {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.voxmilo-vid-icon {
	position: absolute;	
	top: calc(50% - 2rem);
	left: calc(50% - 2rem);
	font-size: 4rem;
	color: #FF0000;
	z-index: 1;
}
.voxmilo-vid-icon:after {
	content: '';
	position: absolute;
	width: 2rem;
	height: 2rem;
	top: 25%;
	left: 25%;
	background: #ffffff;
	z-index: -1;
}
/*--------------------##  Calls to Action---------------------*//* 
Edit page CTA (admin) */
.entry-header-admin {position: fixed;z-index: 1000;left: 0;top: 90%;}
/* Classic CTA*/
a.material-cta, input.material-cta, button.material-cta{
	display: block; 
	position: relative;
	background: var(--featured-color);
	filter: contrast(100%);
	border: none;
	border-radius: 8px;
	color: var(--light-txt-color);
	font-size: 1.25rem;
	font-weight: 400;
	width: max-content;
	margin: 12px auto;
	padding: 8px 12px;
	text-align: center;
	text-shadow: none;
	cursor: pointer;
	transition: 400ms ease-in-out all;
}

a.material-cta.merged, input.material-cta.merged, button.material-cta.merged {	min-width: 220px;	max-width: 240px;	margin: 0 auto;}
button.material-cta {padding: 6px 4px; font-size: 1rem; margin-top: 16px;}
a.material-cta:hover, input.material-cta:hover, button.material-cta:hover {filter: contrast(200%);}
a.material-cta.ghost, input.material-cta.ghost, button.material-cta.ghost {background:transparent; border: 2px solid var(--featured-color); color: var(--featured-color); transition: 400ms linear all;}
a.material-cta.ghost:hover, input.material-cta.ghost:hover, button.material-cta.ghost:hover {background: var(--featured-color); color: var(--light-txt-color);}
a.material-cta.whited, input.material-cta.whited, button.material-cta.whited {background:transparent; border: 2px solid var(--main-bg); color: var(--dark-txt-color); transition: 400ms linear all;}
a.material-cta.whited:hover, input.material-cta.whited:hover, button.material-cta.whited:hover {background: var(--main-bg); color: var(--featured-color);}
@media all and (max-width: 980px) {	
	a.material-cta, input.material-cta, button.material-cta {padding: 8px 4px;}
	a.material-cta.taller {padding: 16px 4px;}
}
@media all and (max-width: 768px) {	
	a.material-cta, input.material-cta, button.material-cta {padding: 6px 4px;}
}
@media all and (max-width: 580px) {	
	.material-cta {width: 100%;}
}