/*
Theme Name: Masonic Child
Description: Thème enfant pour Masonic
Author: Godin Frédéric
Template: masonic

Custom edit for PHP high-gap updates operations
Latest reviewer : Maxime
Latest edited on Tuesday February 4 2025 @ 15:00 PM
*/

@import url("../masonic/style.css");

/******************************************************************************************/
/*    Fix probleme affichage des extraits vignette pour le theme sous chrome (windows))   */
/******************************************************************************************/ 


.entry-content p {
    overflow: visible;
}

/* Affichage de la date pour les vignettes */
.updated:not(.published) {
    display: inline-block;
}
.entry-info .entry-date {
    display: inline-block;
}

/*Formatage vignette grille radio*/
.pt-cv-thumbnail.pull-left {
    width: 215px;
    height: 215px;
}

/*   Formatage des pages emissions   */

@media (min-width: 1281px) {
.alignright-emission {
    margin-left: 420px;
    position: absolute;
}
.station-show-schedules {
    padding-bottom: 150px;
}
}

@media (min-width: 1270px) and (max-width: 1280px) {
.alignright-emission {
    margin-left: 440px;
    position: absolute;
}
.station-show-schedules {
    padding-bottom: 150px;
}
}

@media (min-width: 1250px) and (max-width: 1269px) {
.alignright-emission {
    margin-left: 420px;
    position: absolute;
}
.station-show-schedules {
    padding-bottom: 150px;
}
}

@media (min-width: 1200px) and (max-width: 1240px) {
.alignright-emission {
    margin-left: 400px;
    position: absolute;
}
.station-show-schedules {
    padding-bottom: 150px;
}
}

@media (min-width: 1178px) and (max-width: 1199px) {
.alignright-emission {
    margin-left: 380px;
    position: absolute;
}
.station-show-schedules {
    padding-bottom: 150px;
}
}

@media (min-width: 1177px) {

}





/******************************************************/
/*                 MENU du theme                      */
/******************************************************/ 

/* tester fleche sur menu*/
/*#masonic li > ul:after{content:">";position: absolute;
  top:8px;right:0; }*/

/* item niveau superieur du menu (titre menu) */
nav a{   
    background:#262626;
}


/* item menu inferieur*/

nav li:hover ul a {
   background: /* #112a78 */ #585858;
   color:#fff;
}
nav ul ul a{
    background: /*#112a78 */ #585858;
}



/*gris (foncé au clair): #262626; > #424F89; > #585858; > #6E6E6E; > #999C9A; */

/* Element du menu (element superieur) de la page en cours*/

nav ul li.current_page_item > a, nav ul li.current-menu-ancestor > a, nav ul li.current-menu-item > a, nav ul li.current-menu-parent > a{
/*background-color:red;*/
color:yellow;

}

/*Element du menu (tout niveau) de la page en cours*/
#masonic .current_page_item a, #masonic .current-menu-item a {
color:yellow;
background: #446bea /*#112a78 #262626*/;
/*background:#585858;*/
}



/*survol de la souris sur menu*/

/*survol des élement non selectionner*/
nav li:hover ul a:hover{
background:#446bea /*#112a78 #837BEE#777*/;
}

nav li:hover > a,
nav ul ul :hover > a{
    background:#446bea /*#112a78 #837BEE#777*/;
}



nav ul li.current_page_item > a:hover, nav ul li.current-menu-ancestor > a:hover, nav ul li.current-menu-item > a:hover, nav ul li.current-menu-parent > a:hover{
background-color:#446bea /*#112a78 #837BEE*/;
color:yellow;
}
/*Element du menu (element inferieur) de la page en cours*/
#masonic .current_page_item a:hover, #masonic .current-menu-item a:hover {
background:#446bea /*#112a78 #837BEE*/;
}

/******************************************************/
/*              modification du theme                 */
/******************************************************/ 

/*Titre de la page , article sous le menu*/
.blog-header{
background: #999C9A;
padding-top: 5px;
padding-bottom: 5px;
}

article {
   background: white;
}

/*Changement espace de recherche*/



.masonic-search > input{
color:rgb(183,183,183) !important ;
}



/******************************************************/
/*                     Titre et slogan                */
/******************************************************/

.site-description {
   font-style: italic ;
}

/******************************************************/
/*                     Ecoute du live                 */
/******************************************************/

/********/
/* A FAIRE
Faire code responsive
/********/

.ecouter-live
{
display:block;
margin:50px 20px 0 0;
}

.ecouter-live a
{
color: #446bea /*#112a78 #7383E2 #FFFFFF #F6DE16*/ ;
font-size:xx-large;
font-weight: bold;
}

.ecouter-live a:hover
{
color:#F6DE16 /*#FFFFFF #7383E2*/ ;
}

/******************************************************/
/*             Logo social page auteur                */
/******************************************************/


.titre_social {
    width: 100%;
    height: 50px;
    position:inherit;
    margin-right: auto;
   margin-left: 10%;
}

.logo_facebook {
    width:40px;
    height: 40px;
    position:inline;
    float:left;
 }
.logo_twitter {
    width:40px;
    height: 40px;
    position:inline;
    float:left;}
	
.logo_googleplus {
    width:40px;
    height: 40px;
	position:inline;
	float:left;}
.logo_mail {
    width:40px;
    height: 40px;
	position:inline;
	float:left;}

.description-auteur , p{
	position:inherit;
	margin-right: 5%;
   margin-left: 5%;
 	text-align:left;
}

/******************************************************/
/*  Formatage des tableaux pour la grille             */
/******************************************************/


.grillehoraire ,td, th, table{
 text-align:center;
 vertical-align : middle;
 font-size: 80%;
 line-height: 120%;
 border-width:1px; 
 border-style:solid; 
 border-color:#1C1C1C;
}

.lien-grille{
color:#1C1C1C;
}
a.lien-grille:hover{
color:#FE2E2E;
}

.grillehoraire ,td, th{
 padding:7px 7px;
}

.musicales, #menu-musi, .antenne_libre{
background-color: #FA9600 /*#FACC2E #F2F5A9 #F4FA58 #FACC2E*/;
}
.culturelles, #menu-cult{
background-color: #0054B3 /*#2E9AFE #8181F7 #2E64FE*/;
}
.spirituelles, #menu-spir, .societe, #menu-soci{
background-color: #60A4F2 /*#A9E2F3 #A9E2F3 #A9E2F3*/;
}
.autre-style{
background-color: #FFFFFF;
}


/******************************************************/
/*     Formatage du plugin author avatar              */
/******************************************************/
.shortcode-author-avatars div.author-list .user .name {
	width: 120px;
	height: 120px;
}

.name hr{
    background-color: #ccc;
    border: 0 none;
    height: 1px;
    margin: 0px 0px;
    opacity: 1.0;
}

/******************************************************/
/*                  Formatage Commentaire             */
/******************************************************/
#form-allowed-tags{
display: none;
}

/******************************************************/
/*             Formatage menu icon social             */
/******************************************************/
li.social-icon{
float: right;
}
li.social-icon a{
font-size: 12px;
padding-left: 2px;
padding-right: 2px;
}

/******************************************************/
/*           Formatage plugin share button            */
/******************************************************/
.ssba, .ssba a {
    font-family: "open sans", sans-serif !important;
    font-size: 100% !important;
    font-weight: bold !important;
}

/******************************************************************************/
/*cache tout le bloc des boutons du plugin de la carte map + les infos plugin */
/******************************************************************************/
.lmm-panel-api, .leaflet-bottom{visibility: hidden;}
.wp-image-2662{
margin-right: 5px !important;
}

/******************************************************/
/*               Formatage formulaire                 */
/******************************************************/

.wpcf7
{
    margin-top: 80px !important;
}


/***************************************************************************/
/******************* Ecran supérieur à 980px *******************************/
/***************************************************************************/

@media screen and (min-width: 768px) {
#live-min {
visibility: hidden;
}

#nous-ecrire {
    width: 20%;
}

}

/***************************************************************************/
/******************* Ecran inférieur à 769px *******************************/
/***************************************************************************/

@media screen and (max-width: 980px) {
#live-max {
visibility: hidden;
}
#live-min{
display: block;
margin: 0px 20px 0 0;
 }
 
#nous-ecrire {
    width: 50%;
}
}

/***************************************************************************/
/************* Bouton lien "tout les podcast *******************************/
/***************************************************************************/
.tout-podcast{
	background-color: #848484 /*#F2F2F2*/ ;
}

.tout-podcast a{
	font-size: 120% !important;
	color: white !important;
}

.tout-podcast a:visited {
	color: white !important;
}
.tout-podcast a:hover {
	color: yellow !important;
}
.tout-podcast a:active {
	color: white !important;
}

.dernier_podcast{
	background-color: #848484;
    color: white !important;
    font-size: 120% !important;
	
}

/***************************************************************************/
/************* Bouton lien "tout les podcast *******************************/
/***************************************************************************/
.powerpress_link_d {
font-size: 80% !important;
}
/***************************************************************************/
/***** Amelioration player playlist powerpress*******************************/
/***************************************************************************/
.wp-playlist-current-item {
	overflow: hidden;
	margin-bottom: 10px;
	height: 100px !important; 
}
.wp-playlist-current-item .wp-playlist-item-description {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:normal;
}
/***************************************************************************/
/********************* Formatage radiostation*******************************/
/***************************************************************************/
.station-dj-email, .station-show-link{
	visibility: hidden;
}

/***************************************************************************/
/************* Bouton lien "tout les multi-emission *******************************/
/***************************************************************************/
.multi-emission{
	background-color: #848484 /*#F2F2F2*/ ;
}

.multi-emission a{
	font-size: 120% !important;
	color: white !important;
}

.multi-emission a:visited {
	color: white !important;
}
.multi-emission a:hover {
	color: yellow !important;
}
.multi-emission a:active {
	color: white !important;
}

/***************************************************************************/
/************* Cacher tout les podcasts      *******************************/
/***************************************************************************/
#afficher {
   width:auto;
}
#toutpodcast {
   display:none;
   background: #ddd
}
#afficher:target #toutpodcast {
   display:block
}
.masquer {
   display:none;
}
#afficher:target .masquer {
   display:inline;
}
#afficher:target .afficher {
   display:none;
}

/*Affichage grille sur mobile*/
@media screen and (max-width: 1217px) {
  #design-pc {
    display: none;
}
 .entry-content {
    padding: 0px;
}
    .wrapper {
    width: 100%;
}
}
/*Affichage grille sur mobile*/
@media screen and (min-width: 1218px) {
  #design-mobile {
    display: none;
}
}

/*Affichage grille sur mobile*/
@media (min-width: 801px) and (max-width: 1217px) {
  .pt-cv-thumbnail.pull-left {
    width: 150px;
    height: 150px;
}
}
@media (min-width: 801px) and (max-width: 900px) {
     .pt-cv-thumbnail.pull-left {
    width: 100px;
    height: 100px;
}
}
/*A tester
Voir modif du design 18 dans le plugin tabpro fichier style.php*/
@media only screen and (max-width: 480px){
	.wpsm_tab_24977 .wpsm_nav-tabs{
		float:inline-start !important;
		}
	}