/** *  F O N T S
    ==================================================================================*/ 


    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');

  


    /** *  V A R I A B I L I
    ==================================================================================*/


    :root  {
        
        /** --------------- GESTIONE FONTS ----------------- */

        --font:             'Montserrat';


         /** --------------- GESTIONE COLORI ----------------- */
        
  
        --bianco:           #fff;  
        --gef:              #E1117A;
        --srj:              #E6007E;
        --senior:           #0D8933;
        --alberti:          #013883;
        
            }    


    /** * STRUTTURA
    ==================================================================================*/


    html                    { font-size: 62.5%; }   
    body                    { font-size: 1.6rem; position: relative;}

    body            		{ font-family: var(--font),serif;     color: #111;  }

    .container-fluid        { padding: 0;}

    .menunav                { padding: 0; }

    .logo                   { padding-top: 15px; padding-bottom:15px; margin: 0 auto; }

    .site-title             { background-image: url("../img/logo.svg"); text-indent: -9999px; display: block; margin: 0 auto; }   
    .site-description       { display: none; }

    header, footer          { background-image: url(../img/bg.webp); background-size: cover; background-position: center center; min-height:  500px; }

    footer                  { background-color:  var(--maincolor); display: block; padding: 40px;   }

    .gutter                 { display: block; height: 155px;}

    #gef                    { padding-top: 40px;}
    #senior                 { padding-bottom: 40px;}
    #senior, #gef           { background-color: #F3F3F3;}
    #alberti                { padding: 120px 0;}

    .choose { position: absolute; right: 40px; top: 40px;}
    .lingue { width: 20px; height: auto; display: inline; margin-right: 20px; }


    /*---------- Video Embeds ---------*/

    .video-container { 
      position: relative; 
      padding-bottom: 56.25%; 
      height: 0; 
      overflow: hidden;
      max-width: 1200px;
      margin: 0 auto;
    }

    .video-container iframe, .video-container object, .video-container embed, .video-container video { 
      position: absolute; 
      top: 0; 
      left: 0; 
      right: 0;
      width: 100%;
      height: 100%;
    }



    /** * TIPOGRAFIA
    ==================================================================================*/
    
    
    /** * TITOLI  ----------------------------------------------------------------------- */

    h1, h2, h3, h4, h5, h6    { font-family: var(--bodoni), 'serif';  font-weight: 700; }

    h2      { font-size:  2.8rem; }
    h3      { font-size:  2.6rem; }
    h4      { font-size:  2.1rem; }

    

    /** * PARAGRAFI  ----------------------------------------------------------------------- */

    p, ul, ol             { font-size: 16px; font-weight: 400; line-height: 150%;}
    b, strong             { color: var(--rosso); }
    
    html 				  { text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;} 
    body 				  { *zoom: 1; text-align: left; overflow-x: hidden; -ms-word-wrap: break-word; word-wrap: break-word; }

    /** * FOOTER  ----------------------------------------------------------------------- */

    footer p              { color: var(--bianco); font-size: 18px; line-height: 180%; font-weight: 500; margin: 40px 0;}
    footer h3, footer h4, footer h5             { color: var(--giallo);  }
    
    footer h3             { margin: 0; font-size: 18px; font-weight: 600;  }
    footer h4             { margin: 0;   font-size: 16px; font-weight: 600;  }

    footer a              { color: var(--bianco); text-decoration: underline; text-underline-offset: 5px;}
    footer a:hover        { color: var(--gef);}

    /** * LINKS  ----------------------------------------------------------------------- */

    a                     { text-decoration: none; }
    a:link                { }
    a:focus               { outline: 0;}
    a:hover               { text-decoration:none; } 

    /** * GEF  ----------------------------------------------------------------------- */

    #gef img.gef    { width: 195px; height: auto; margin-bottom: 40px; }
    #gef h3         { color: var(--gef); font-size: 2.3em; margin-bottom: 40px; }
    #gef p          { color: #013883; font-size: 1.6em; font-weight: 500; margin-bottom: 40px; }  
    #gef img        { margin-bottom: 5px; }


    /** * SanremoJunior  ----------------------------------------------------------------------- */

    #srj img.srj    {  }
    #srj h3         { color: var(--gef); font-size: 2.3em; margin-bottom: 40px; }
    #srj p          { color: #29AAE0; font-size: 1.6em; font-weight: 500; margin-bottom: 40px; }
    #srj .photos    { margin: 40px 0; }

    /** * Senior  ----------------------------------------------------------------------- */

    #senior img.senior      {  }
    #senior h3              { color: var(--senior); font-size: 2.3em; margin-bottom: 40px; }
    #senior p               { color: #F1981C; font-size: 1.6em; font-weight: 500; margin-bottom: 40px; }
    #senior img             { margin-bottom: 5px; }

    /** * Alberti  ----------------------------------------------------------------------- */

    #alberti img.alberti     {  box-shadow: 20px 20px 40px rgb(0 0 0 / 40%); }
    #alberti h3              { color: var(--alberti); font-size: 2.3em; margin: 0; }
    #alberti p               { color: #013883; font-size: 1.6em; font-weight: 500; }
    #alberti ol              { color: #013883; font-size: 1em; font-weight: 500; margin-top: 40px; }

    /** * POST META  ----------------------------------------------------------------------- */


    .post-meta              { margin-bottom: 20px; }
    .post-meta p            { display: inline-block;   margin-bottom: 0; }
    .post-meta p + p:before { content: "/"; margin: 0 15px 0 11px; color: var(--bianco);}
    .post-meta a        { color: #fff; padding-bottom: 1px; border-bottom: 1px solid var(--bianco);}
    .post-meta a:hover  { color: #FFB300; border-bottom-color: var(--giallo); }

    small   { font-size: 11px; color: #fff; }



    /** * G U T E N B E R G
    ==================================================================================*/



    .alignwide          { margin: 0px calc(25% - 25vw); max-width: 100vw;}
    .alignwide img      { max-width: 1600px; display: inline; }
    
    .wp-block-image .alignleft              { float: left;	margin: 5px 40px 30px 0; }

    .alignfull              { margin: 50px calc(50% - 50vw); max-width: 100vw; width: 100vw;}

    .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover h2, .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover-image h2 {  font-size: 28px; color: #fff; font-weight: 200; letter-spacing: 4px; text-transform: uppercase; }

    .wp-block-cover, .wp-block-cover-image { min-height: 500px;}



    /** * BTN
    ==================================================================================*/
    
    .btn    { text-transform: uppercase; font-size: 0.8em; padding:20px 35px; margin-top: 40px;  }

    
    .btn-gef { color: #fff; background-color: var(--gef); border-color: var(--gef); }   
    .btn-srj { color: #fff; background-color: var(--srj); border-color: var(--srj); }
    .btn-senior { color: #fff; background-color: var(--senior); border-color: var(--senior); }
    
 

    /** * W I D G E T
    ==================================================================================*/
    
    .widget         { margin:  0 0 40px 0;}



    /** *   R E S P O N S I V E
    ==================================================================================*/
    

    @media all and (max-width: 986px) {

    }

    /** * ==================================================================================*/

    @media (max-width: 480px) {
        
          
        .site-title             { background-size: cover; width: 300px; height: 85px; margin: 0 auto; }   
        .site-title a           { display: block; width: 300px; height: 85px; }
        
        section                 { padding: 20px; }
        
        .logo h2                { font-size: 1.4em; color: #fff; line-height: 120%; max-width: 90%; text-align: center; margin: 40px auto; }
        
        #gef                    { text-align: center !important; }
        
        .gutter                 { display: none !important;}
        
        
        /** * ALBERTI  ----------------------------------------------------------------------- */
        
        #alberti                { padding: 0 0 40px 0; }
        #alberti img.alberti    { width: 90% !important; margin: 40px auto; display: block; }
        
        /** * GEF  ----------------------------------------------------------------------- */

        #gef h3                 { font-size: 1.8em; margin-bottom: 40px; }
        #gef p                  { font-size: 1em;  } 
        
        /** * SanremoJunior  ----------------------------------------------------------------------- */

        #srj h3                 { font-size: 1.8em; margin-bottom: 40px; }
        #srj p                  { font-size: 1em;  }
        #srj img                { margin-bottom: 3px;  }

        /** * Senior  ----------------------------------------------------------------------- */

        #senior h3              { font-size: 1.8em; }
        #senior p               { font-size: 1em; margin: 0; }
        .btn-senior             { margin: 20px 0 !important;} 
            
        #Livello_1              { display: none;}



      }

    /** * ==================================================================================*/

    @media (min-width: 480px) and (max-width: 760px) {

       
        .site-title             { background-size: cover; height: 170px; width: 200px; margin:0 auto; }   
        .site-title a           { display: block; height: 170px; width: 200px; }
    
      }

    /** * ==================================================================================*/

    @media (min-width: 768px) and (max-width: 1023px) {
         
        .site-title             { background-size: cover; width: 300px; height: 85px; margin-bottom: 20px; }   
        .site-title a           { display: block; width: 300px; height: 85px;}
        

    }

    /** * ==================================================================================*/

    @media (min-width: 1023px) and (max-width: 1280px) {
         
        
        .site-title             { background-size: cover; width: 300px; height: 85px;  margin-bottom: 20px; }   
        .site-title a           { display: block; width: 300px; height: 85px; }

        


    }
    


    /** * ==================================================================================*/
    
    @media (min-width: 1281px) {
        
        
        .site-title         { background-size: cover; width: 300px; height: 85px;   margin-bottom: 20px; }   
        .site-title a       { display: block; width: 300px; height: 85px; }
        
        .logo h2            { font-size: 2.4em; color: #fff; line-height: 120%; max-width: 70%;}

        
        
       

        
    }  

    /** * THE END ==================================================================================*/