/* ----------------------------------------------------------------
  Styles CSS pour le moteur de recherche Google à configurer et styliser d'abord en ligne: 
  https://programmablesearchengine.google.com/controlpanel/all ;
-----------------------------------------------------------------*/
div.gsc-above-wrapper-area {margin:  0.5rem 0px 1.5rem 0px;border-color: #FFFFFF}
.gsc-expansionArea {margin-bottom:  2rem}



/*Résultats mis en avant*/
#content .gsc-results {margin-bottom: 1.5rem}
.gsc-control-cse .gs-result a.gs-title {font-size:  18px;font-weight: bold;}
.gs-promotion a.gs-title {font-size:  18px;font-weight: bold; color : var(--cnvs-post-title-font-color);text-decoration: none;}


/* Tabs , stylisée comme les boutons */
.gsc-tabsArea .gsc-tabHeader {
font-family:var(--secondary-font); 
letter-spacing:1px;
font-size: 1rem;
text-transform:uppercase; 
font-weight: 600;
color : var(--cnvs-post-title-font-color)}
/* Active tab */
.gsc-tabsArea .gsc-tabHeader.gsc-tabhActive, .gsc-refinementHeader.gsc-refinementhActive{
border-color : var(--theme-color);color: var(--theme-color);}


/* Liste des résultats */
    /* titre stylisé comme  les titres de la variante posts */
.gs-result {padding:  1rem}
.gs-webResult.gs-result a.gs-title, 
.gs-webResult.gs-result a.gs-title b
 {font-size:  18px;font-weight: bold; color : var(--cnvs-post-title-font-color);text-decoration: none;
}
.gs-webResult.gs-result a.gs-title:hover, 
.gs-webResult.gs-result a.gs-title:hover b, 
.gs-imageResult a.gs-title:hover, 
.gs-imageResult a.gs-title:hover b{
color: var(--theme-color);
}

  /* Date et introduction */
  .gs-webResult .gs-snippet {
  font-family : var(--cnvs-body-font);
  font-size : var(--cnvs-font-size-body);}

/* Pagination */
.gsc-results .gsc-cursor-box {
font-family:var(--secondary-font); 
letter-spacing:1px;
text-transform:uppercase; 
font-weight: 600;}
.gsc-results .gsc-cursor-box.gs-bidi-start-align {text-align: center}


/* Pagination */
.gsc-results .gsc-cursor {font-size:15px;
 color: var(--cnvs-body-font);text-decoration: none}
.gsc-results .gsc-cursor-box div.gsc-cursor-page {
  color: var(--theme-color);border: 1px solid var(--theme-color);padding:  10px 15px;}
.gsc-results .gsc-cursor-box div.gsc-cursor-page:hover,
.gsc-results .gsc-cursor-box div.gsc-cursor-current-page {
  color: var(--blanc);background-color: var(--theme-color);border-color: var(--theme-color);text-decoration: none}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page:hover {text-decoration: none}


/* Google */

div.gcsc-find-more-on-google, div.gcsc-branding {display: none}