/*
Theme Name: Regards2023
Theme URI: http://regards.fr
Version: 1.2
Description: Thème pour Regards - child of BB.
Author: Regards-fr
Author URI: https://regards.fr
template: bb-theme
*/

/* Add your custom styles here... */ 


/* ARTICLES
*********************+/
p.chapo {font-size: 26px; line-height:1.2; color: #2a303b; }

/* 
 * HEADER * MENU OVERLAY
 * WIDGET
 * PublishPress Authors box
 * ARCHIVES DE CATÉGORIES 
 * ARTICLES SINGLE
 * 
****************** */

/* COLOR
 ******************* */
.has-roser-background-color { background-color: #f7004c;}
.has-roser-color {color: #f7004c;}
.has-jauner-background-color { background-color: #ffff00;}
.has-jauner-color {color: #ffff00;}
.has-noirr-background-color { background-color: #2a303b;}
.has-noirr-color {color: #2a303b;}
.has-noirrr-background-color { background-color: #585452;}
.has-noirrr-color {color: #585452;}
.has-grisfaible-background-color { background-color: #f4f5f8;}
.has-grisfaible-color {color: #f4f5f8;}






/* HEADER
 * MENU OVERLAY
****************** */
.overlay-one {z-index:22}

.pp-advanced-menu #menu-s-abonner-soutenir.menu li.faire-un-don a { background-color: #f7004c; color: #ffff00;}
.pp-advanced-menu #menu-s-abonner-soutenir.menu li.faire-un-don a:hover { background-color: #f7004c; color: #ffffff;}

.overlay {
    height: 90%;
    width: 0;
    position: fixed; 
    left: 0;
    top: 0; 
    background-color: #7f004c;
    overflow-y: hidden;
    transition: 0.5s;
    z-index:22;
}

.admin-bar .overlay {
	top: 32px; /* Admin bar - 32px */
}

.overlay {
	top: 0; 
}


.overlay .fl-row-fixed-width {
	max-width: none;
}

.open-close-flyout {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}

.overlay-close {
	font-size: 30px;
	line-height: 1;
        display: none;
}
.overlay-close .far {font-size: 50px; color: grey;}


.overlay-active .overlay-but{
	display: none;
	line-height: 1;
}

.overlay-active .overlay-close  {
	display: inline-block;
	position: relative;
}


#burger-main button {display:flex;
flex-flow: row nowrap; justify-content: center; align-items: center; color: #ffffff;}
#burger-main .burger-label, #burger-main .fas {font-size: 30px;}
#burger-main .burger-label {padding: 0 0 0 20px}
#burger-main button {border: 0;}
#burger-main button:hover {color:#ffff00; background-color:#f7004c;}


/* WIDGET
*******************************/
/* dans themer post-text*/
.fl-widget h2 {font-size: 1.7rem; font-family:'PT Sans narrow', sans-serif; line-height: 1.1;}
.widget-recents li a {display: block; color: #333333; line-height:1.2; font-size: 1rem;}
.widget-recents a:hover {color: #7f004c;}
/* h2.widgettitle {font-family: 'PT Sans narrow', sans-serif; font-size: 1.7rem;} */


/* dans sidebar BB theme */
.fl-sidebar .fl-widget h2 {font-size: 1.7rem; font-family:'PT Sans narrow', sans-serif; line-height: 1.1; }
.fl-sidebar .fl-widget li a {font-size: 1rem; color:#2a303b; line-height: 1.2; display: block }
.fl-widget .no-comments {font-size: 1rem; color:#2a303b; line-height: 1.2; display: block;}

.fl-sidebar ol.wp-block-latest-comments {padding: 0;}

.fl-sidebar .fl-widget .wp-block-latest-comments__comment {font-size: 1rem; color:#2a303b; line-height: 1.2; display: block }


/* PublishPress Authors box
********************************/
.pp-multiple-authors-boxes-wrapper h2.widget-title.box-header-title { display:none;}
.pp-multiple-authors-layout-boxed .multiple-authors-links a:nth-child(2) { display:none;}

.fl-page .pp-multiple-authors-boxes-wrapper.box-post-id-3424.pp-multiple-authors-layout-boxed.multiple-authors-target-the-content.box-instance-id-1 .pp-author-boxes-meta a {
    background-color: #f7004c !important;
}


/* ARCHIVES DE CATÉGORIES 
************************** */
.chapo-categorie {width: 840px; margin:0 auto;} 

/* YOTUBE */
.yotu-regards .yotu-wrapper-player {
    display:grid;
    grid-template-columns: 600px 1fr;
    grid-template-rows:max-content 350px;
    margin: 0 auto;
}
.yotu-regards .yotu-playing {
    grid-column: 1 / span 3; grid-row: 1 / 2; 
    padding-bottom: 20px;
    font-size:32px; font-weight:600; 
    color:#2a303b;}
.yotu-regards .yotu-player {grid-column: 1 / 2; grid-row: 2 / 3;}
.yotu-regards .yotu-playing-description {
    grid-column: 2 / 3; grid-row: 2 / 3; 
    padding: 10px 0 0 20px; 
    font-size:18px; line-height:1.2;
    font-weight:500;}

.yotu-regards .yotu-playlist .yotu-pagination-top  {display:none;}
.yotu-regards .yotu-playlist .yotu-pagination .yotu-button-prs:hover {background-color: #2a303b; color: #ffff00;}

/* ARTICLES SINGLE
******************* */
.single h2, .single-post h2 { font-size: 26px;}
.single h2, .single-post h2 { font-size: 22px;}

.chapo { 
	font-family: Arvo, Georgia, serif; font-size:28px; line-height: 1.2; font-weight:700; color: #2a303b; 
	margin-bottom: 26px; }
.bio-auteur {font-size: 16px; font-weight:500; color:#f7004c;}
.question {font-size: 22px; line-height:1.2; font-weight:600; color: #2a303b; margin-top: 26px;}

/* objet décalé à droite */
.lire-aussi, .exergue, .wp-block-quote.citation { 
font-family: Arvo, Georgia,serif;
margin: 26px 0 26px 30px;
padding: 2px 0 2px 10px;
border-left:2px solid; }
.lire-aussi { font-size: 16px;}
.exergue { font-size: 20px; color: #f7004c;}
.wp-block-quote.citation p {font-size: 20px; color: #f7004c; font-weight:700; margin-bottom: 0;}
.wp-block-quote.citation cite {font-size: 16px; font-weight:700; color: #2a303b; margin-bottom: 0;}

@media (min-width: 992px) {
.lire-aussi { 
margin: 20px 20px 20px -80px; padding: 2px 0 2px 10px; }
.exergue, .wp-block-quote.citation { 
margin: 30px 160px 30px -80px; padding: 2px 0 2px 10px; }

.lire-aussi {font-size: 18px;}
.exergue { font-size: 22px;}
.wp-block-quote.citation p {font-size: 22px;}
.wp-block-quote.citation cite {font-size: 18px;}
}


h3.comment-reply-title {font-family:"PT Sans narrow", sans-serif; }


/* TILE MAIN
*/
.tiles-main .pp-post-tile-author a {color: white; font-size:18px; font-weight:700; }
/* .tiles-main .pp-post-tile-text  { padding-top: 10px; backgroundcolor:#f4f5f8; background-color:rgba(0,0,0,0.2); } */
.tiles-main .pp-post-tile-text a { padding: 2px 6px; backgroundcolor:#f4f5f8; background-color:rgba(0,0,0,0.8); }

/* LIENS
******************* 
a:not([href*='regards.fr']):not([href^='#']):not([href^='/']):after {
    font-family: 'FontAwesome';
    content: "\f061";
}
*/

/* HOME
content-tile bb-ext 
******************* */
.tiles-main .pp-post-tile-author a {color: white; font-size:16px; font-weight:700; }
.tiles-main .pp-post-tile-text a { padding: 2px 0;  background-color:rgba(0,0,0,0.5); }