/**************************************************************
<link rel="stylesheet" href="/wp-content/themes/grandprix/assets/css/redhat.css">
***************************************************************/

.redhat-btn button
 {
  background: #ee1e1b !important;
  padding: 15px 50px !important;
  font-weight: bold;
  text-transform: uppercase;
color:#fff;
}

.redhat-btn button:hover
 {
color:#fff;
}

.redhat-txtblan
{
color:#fff;}


.redhat-txtblan strong {
  font-size: 18px;
  font-weight: 500;
  margin-top: 20px !important;
  float: left;
  width: 100%;
}

.RHEL strong  {
  font-size: 22px;
  font-weight: 500;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.RHEL {
color: #000;
  font-size: 19px;
}

.prkoi-choisir p {
  font-size: 17px !important;
  line-height: 22px !important;
}

.prkoi-choisir h4 {
  font-weight: bold !important;
  font-size: 25px !important;
}

.prkoi-choisir .mkdf-item-showcase-holder .mkdf-is-item {
  margin-top: 10px !important;
  margin-bottom: 80px !important;
}


@media only screen and (min-width: 768px) 
{
    .redhat-video
       {
	     height:400px;
		 display: block;
       }

}

@media only screen and (max-width: 768px) 
{
	   
	 .ttre-pkoi .mkdf-is-image.mkdf-appeared 
	 {
		 display:none !important;
	 }
	 
	 .prkoi-choisir .mkdf-item-showcase-holder .mkdf-is-item 
	 {
         margin-bottom: 30px !important;
     }
	 
	 .cap-video h3
	 {
		 font-size:22px;
	 }
	 
	 .cap-video .mkdf-video-button-image
	 {
		 height:60px;
	}
	
	 .cap-video .mkdf-video-button-play-image-holder
	 {
		 width:70px;
	 }
	 
	 .mkdf-page-footer .mkdf-footer-top-holder .mkdf-footer-top-inner.mkdf-grid 
	 {
		 padding:30px !important;
	 }
	 
	  .mkdf-container-inner, .mkdf-grid, .mkdf-row-grid-section {
    width: 100% !important;
    padding: 10px 10px !important;
    margin: 0 !important;
  }
	 
}


/* Conteneur principal : référence pour le positionnement absolu */
.redhat-video {
    position: relative;
	display: block;
}

/* Le conteneur du bouton play recouvre toute la zone et centre son contenu */
.redhat-video .mkdf-video-button-play-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* L’image elle-même reste dans son conteneur d’origine 
   (ex: .mkdf-video-button-play-image-holder) déjà dimensionné 
   mais on peut la contraindre si besoin */
.redhat-video .mkdf-video-button-play-image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}