/*
Theme Name: 	American library
Author: 		Quentin Cunat
Author URI: 	http://quentincunat.fr
Description:	Child Theme for Betheme - Premium WordPress Theme
Template:		betheme
Version: 		1.6
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/* Personnalisation ALIP V2 */

/* Elargir la largeur de l'entête menu */
.layout-full-width.header-fw #Top_bar .container {
    width: 95%;
		margin-right: 20px;
		margin-left: 20px;
}

/*----- Renforcer la taille de la loupe -----*/
#Top_bar .top_bar_right .top-bar-right-icon svg{
    width: 32px;
}



/*----- Menu recentré de x px ----*/

@media only screen and (min-width: 1240px)
{
.menuo-right #Top_bar .menu_wrapper {
    float: right;
    margin-right: 0px;
		margin-top:10px;
	}
/* Réduire le padding entre les rubriques du menu */
#Top_bar .menu > li > a span:not(.description) {
    padding: 0px 10px;
	}
}

/* Couleur bouton catalog */
.action_button, .action_button:hover {
    background-color: #194573;
    color: #ffffff;
}

/*----- Modifications couleurs et typo sous menus -----*/
@media only screen and (min-width: 1240px)
{
#Top_bar .menu li ul li {
    padding: 0;
    width: 250px;
    position: relative;
    font-weight: 500;
		font-size: 18px;
		font-family: bree, sans-serif !important;
		font-style: normal;
		font-weight: 400;
	}
}
/* Changement de couleur du background menu au survol */
#Top_bar .menu > li ul li a:hover{
	text-decoration:none;
	background:#194573;
}
/* Changement de couleur du background sous menu sélectionné (cas des sous menus à 3 niveaux) */
#Top_bar .menu > li ul li.hover > a {
    background: #9e0143;
}

/* Boutons du menu social */
/* Sur appareils hors mobiles */
@media only screen and (min-width: 767px)
{
#Action_bar .social-menu li {
    padding: 12px !important;
	text-align: center;
	border-radius: 5px;
	width: 140px; 
	font-size: 16px;
	border-color: #ffffff;
	border-style: solid;
	border-width: 2px !important;
}
}
/* Sur mobiles */
@media only screen and (max-width: 767px)
{
#Action_bar .social-menu li {
    text-align: center;
    font-size: 14px;
}
}


/* Bouton catalog du menu social - last child */
/* Sur appareils hors mobiles */
@media only screen and (min-width: 767px)
{
#Action_bar .social-menu li:last-child {
    padding: 12px !important;
	text-align: center;
	border-radius: 5px;
	width: 120px; 
	font-size: 18px;
	border-color: #ffffff;
	border-style: solid;
	border-width: 2px !important;
	background-color: #9e0143;
    margin-left: 30px;
}
}

/* Sur mobiles */
@media only screen and (max-width: 767px)
{
#Action_bar .social-menu li:last-child {
    font-size: 14px;
    border-radius: 5px;
    text-align: center;
    background-color: #9e0143;
    padding: 8px;
}
#Action_bar .social-menu li:last-child a {
     font-size: 14px;
     color: #ffffff !important;
}
}

/* ---------------- Event seul --------------- */

/* Classe de container deux colonnes pour le header */
.single-event-header-custom {
    column-count: 2;
    column-gap: 20px;
    column-width: 400px; 
}
.single-event-filler10-custom {
    margin: 10px;
}
.single-event-filler40-custom {
    margin: 40px;
}

.single-event-underline-title-custom {
    border-width: 2px;
    border-color: #9e0143;
    border-style: solid;
    max-width: 20%;
}

/* Supprimer la barre All events */
.tribe-events-back {
    display: none !important;
}

/* Améliorer la présentation de l'image d'entête */
.tribe-events-event-image {
    border: none;
}

/* Elargir le bouton RSVP Here ancien Going */
.event-tickets .tribe-tickets__rsvp-actions .tribe-common-c-btn {
    max-width: 150px !important;
}

/* Faire disparaître les éléments du bloc détail, sauf le bouton Watch now */
.tribe-events-meta-group .tribe-events-single-section-title {
    display: none;
}
.tribe-events-event-meta dt, .tribe-events-event-meta dd, .tribe-events-meta-group.tribe-events-meta-group-venue {
    display: none;
}
      
/* Modifs bouton Watch now */
.tribe-events-virtual-link-button, .tribe-events-virtual-link-button:hover  {
    font-size: 120% !important;
    background-color: #9e0143;
}

/* Changements font content */
.tribe-events-content p {
    font-size: 16px;
    line-height: 20px;
}

/*--------------------- Evénements en relation --------------------------*/

/* Retirer border top qui apparaît en double à cause de la zone réservée au bouton WATCH NOW */

.tribe-events-related-events-title { 
    border-top: 0px !important; }

.tribe-events-related-events-title {
font-weight: var(--tec-font-weight-bold);
font-size: var(--tec-font-size-6);
line-height: var(--tec-line-height-2);
/* retrait de border-top: 1px solid var(--tec-color-border-secondary); et remplacement par : */
border-top: none;
}

.tribe-events-related-events-title {
margin-bottom: var(--tec-spacer-5);
/ retrait de padding-top:var(--tec-spacer-7); et remplacement par : */
padding-top:none;width:100%
width: 100%;
}

#tribe-events-footer {
    border-top: 0px !important;
}
    
/* Améliorer la présentation du thumbnail des events en relation */

.tribe-events-single ul.tribe-related-events li .tribe-related-events-thumbnail img {
    transform: translate(-50%,-50%) scale(1);
}

/* Agrandir la font du titre et de la date des événements en relation */
.tribe-events-single ul.tribe-related-events li .tribe-related-events-title a {
    font-size: 120%;
}
.tribe-events-single ul.tribe-related-events li .tribe-related-event-info .tribe-event-date-start {
    font-size: 120%;
}
.tribe-events-single ul.tribe-related-events li .tribe-related-event-info .tribe-event-time {
    font-size: 120%;
}

/* Supprimer la couleur du backgroung des événements en relation et la bordure */
.tribe-events-single ul.tribe-related-events li {
    background: transparent;
    border: 0px; 
}

/* Grille des éléments mode list */

/* Recadrer les images du grid des événements */
.tribe-events .tribe-events-calendar-list__event-featured-image {
    display: block;
    width: 250px !important;
    max-height: 150px;
	  overflow: hidden;
	  text-align: center;
	  object-fit: cover;
}

/* Améliorations barre de filtre */
.tribe-events .tribe-events-c-search__button {
    background-color: #194573 !important;
}

/* Réduire l'espace au desssus de la barre de filtre des events list */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    padding-top: 0px !important;
}

/* Améliorations du bouton date picker */

.tribe-common--breakpoint-medium.tribe-common .tribe-common-h3 {
    font-size: 1.2em !important;
    background-color: #ffffff;
    padding: 5px;
}
/* Correction de l'alignement du libellé des vues list mois dans la barre de recherche */
.the_content_wrapper ul li {
    margin-bottom: 0px;
}


/* Supprimer le bouton Suscribe to calendar sur appareils et mobiles */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-subscribe-dropdown {
    display: none;
}
.tribe-events .tribe-events-c-subscribe-dropdown__container {
    display: none !important;
 }

/* Changements sur le format des événements seuls */

/* Réduire la police de caractères du titre */
@media (min-width: 768px){
.tribe-events-single-event-title 
	{
    font-size: 32px !important;
  }
}

/* Réduire le container de l'événement seul et recentrer sur desktop */
@media (min-width: 768px){
    .tribe-events-single {
    width: 90%;
    margin-left: 60px;
    }
}

/* Personnalisation affichage bloc titre et image d'entête */

@media (min-width: 768px){
    .single-event-title-custom {
    float: left;       
    }
 }
/* Réglages liens calendrier Google sous l'événement*/

@media (min-width: 768px) {
.tribe-events-cal-links {
    text-align: right;
		margin-top: -30px;
		}
}

/*********** Modif design events anciens ********************/

/* Couleur de background des boutons figurant dans les events */
.button-default .button, .button-flat .button, .button-round .button {
    background-color: #194573;
}

/*********** Modifs ticket RSVP et formulaire RSVP ***********/

/* Modifs du RSVP */

/* SUppression du cadre et du background du ticket */

.event-tickets .tribe-tickets__rsvp-wrapper {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0px !important;
    margin-top: 2px  !important;
    max-width: 80% !important;
    overflow: hidden !important;
    position: relative !important;
    transition: all .3s ease !important;
    width: 100% !important;
}

/* Diminuer un peu le padding du ticket */
.event-tickets .tribe-tickets__rsvp {
    padding: var(--tec-spacer-5) var(--tec-grid-gutter-small-half) !important;
}


/* Modifs bouton Going */

.event-tickets .tribe-tickets__rsvp-actions .tribe-common-c-btn {
    font-size: 120% !important;
    background-color: #9e0143;
}


/* Augmenter taille RSVP here */
.event-tickets .tribe-common-h6--min-medium {
    font-size: 120% !important;
}

/* Effacer le nombre de participants */
.event-tickets .tribe-tickets__rsvp-attendance {
    display: none !important;
}

/* Augmenter taille Nb de jours restants RSVP */
.event-tickets .tribe-tickets__rsvp-availability {
    font-size: 120% !important;
}

/* Insérer une marge entre la bare de share envent et le corps du texte de l'événement */
.social-rocket-inline-buttons {
    margin-bottom: 30px !important;
}

/********* Adaptations du formulaire d'inscription RSVP *************/

/* Ajout d'une marge en bas du formulaire pour le décoller du texte de l'event */ 
.tribe-common .tribe-common-g-row--gutters>.tribe-common-g-col {
    margin-bottom: 15px;
}

/* Corriger le problème du scroll sur le + et le 6 du nb d'inscrits */
.button-default button:hover:after {
	width: 30%; }

/* Couleur bouton Finish */
div.tribe-tickets__rsvp-form-buttons > button.tribe-common-c-btn.tribe-tickets__rsvp-form-button.tribe-tickets__rsvp-form-button--submit .tribe-common, .tribe-common-c-btn {
    font-size: 120% !important;
    background-color: #9e0143 !important;
}

/* Aspect bouton Cancel */
div.tribe-tickets__rsvp-form-buttons > button.tribe-common-h7.tribe-tickets__rsvp-form-button.tribe-tickets__rsvp-form-button--cancel {
    font-size: 120% !important;
    background-color: transparent !important;
}

/* Aspect boutons invités */

.tribe-tickets__rsvp-ar-guest-list-item-button {
    font-size: 120% !important;
    background-color: #969696 !important;
    padding: 10px !important;
}