/* CYRIAQUE LAMAR 




**/ 


html, body. div{
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}


    
    /***********************************
    <!-- navigation bar is in header -->
      ************************************/
    
    header nav {
      display: flex;
      justify-content: flex-end;
      background-size: cover;
      text-transform: uppercase;
        background-image: url("");

    }
    
    header p {
      padding: 0 20px;
      margin: 0;
    
    
    }

    nav .navbar-nav li a{
        color: #000 !important;
        }
  

.navbar-nav {
    color: #000;
}

   .navbar a:hover {

    color:#000;
    background-color:  #ccc;
   } 

   .navbar-toggler .icon-bar .navbar-toggler-icon {
    border: 2px;
    background-color: #ff0000 !important;
}

.nav-item {
    Text-transform: uppercase;
    letter-spacing: 3px;
    font-size: .9em;
    font-family: monospace;
    font-weight: bold;
    color: #000;
    text-align: center;
padding-left: 5px;
    }
    
    .nav-item a {
    Color: #000;
    
    }


    .nav-item a:visited {
        Color: #000;
        
        }

    .nav-link a {
        color: #000;
    }

    .nav-link a:visited {
        color: #000;
    }

    .nav-link a:hover {
        color: #000;
        background-color:  #ccc;
    }


    
    p {
    font-family: 'Roboto', sans-serif;
    border: 0 solid;
    border-radius: 5px;
    text-align: center;

    }
    
    .pill-black, .pill-white {
      border: 0.5px solid;
      border-radius: 5px;
      text-align: center;
    font-family: 'Roboto', sans-serif;
    
    }
    
    .pill-black {
      background-color: #000000;
      color: #FFFFFF;
    
    
    }
    

    
    header h1 {

        
        color: #000;
        font-family: monospace;
        font-size: 2.4rem;
        line-height: 2.5rem;
        letter-spacing: -.1rem; 
        text-align: center;
        text-transform:uppercase;
        font-weight: 400;
        font-style: italic;
        padding-top: 5px;
        padding-bottom: 5px;
        margin: 0;

    }
    
    .jumbotron {
     background-image: url("");
    background-color: #fff;
  
    background-repeat: no-repeat;
    background-size: 100%;
    }
    
    .jumbotron h1 {
    color: #000;
    font-family: 'Playfair Display', serif;
    font-size: 5rem;
    text-align: center;
    
    
    }
    
    .jumbotron h2 {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 3em;
    text-align: center;
    
    }
    
    h1 {
    color: #6ebe46;
    font-family: 'Playfair Display', serif;
    font-size: 2.5rem;
    font-weight: bold;
    
    }
    
    
     h2
    {
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    
    }
    
    p {
    font-family: 'Roboto', sans-serif;
    }
    
    
    ul {
      list-style-type: none;
    }
    

    



    .bill2024 {
        background-color: #fff;
        padding-top: 25px;
        padding-bottom: 25px;
    }
    
    
    .bill2024  h1 {
        
        color: #000;
        font-family: monospace;
        font-size: 3rem;
        line-height: 3.2rem;
        letter-spacing: -.1rem; 
        text-align: left;
        text-transform:uppercase;
        font-weight: 400;
        padding-top: px;
        padding-bottom: 5px;
        margin: 0;
    }
    

.bill2024 h1::first-letter {
  color:  #00f2fa;

  }
    .bill2024  h2 {
        
        color: #000;
        font-family: monospace;
        font-size: 1.8rem;
        line-height: 2rem;
        letter-spacing: .01rem; 
        text-align: left;
        text-transform:uppercase;
        font-weight: 400;
        padding-top: 0px;
        padding-bottom: 5px;
        margin: 0;
    }
    
    .bill2024  h3 {
        
        color: #000;
        font-family: monospace;
                font-size: 1rem;
                line-height: 1rem;
                letter-spacing: .01rem; 
                text-align: left;
                text-transform:uppercase;
                font-weight: 700;
                padding-top: 0px;
                padding-bottom: 5px;
                margin: 0;
            }
    
    


                  
            .bill2024  p {
            color: #000;
            font-family: monospace;
            font-size: 1.1rem;
            line-height: 2.5rem; 
            letter-spacing: .09rem; 
            text-align: left;
            text-transform:none;
            font-weight: 400;
            padding-top: 0px;
            padding-bottom: 5px;
          }
    
    
    
          .bill2024 a {
            color: 	#666666;
            text-decoration: none;
            }
            
            .bill2024  a:visited {
            color:	#666666;
            text-decoration: none;
            }
            
            .bill2024 a:hover {
              color:	#666666;
              text-decoration: underline;
              background-color: #00f2fa;
              }

              .bill2024  li {
                font-family: monospace;
                font-weight: 700;
               padding: 10px;
               margin: 5px;
             

              }



              
              .bill2024-nav a  {
            font-size: .8rem;
            text-transform: uppercase;
            color: #000;
            font-family: monospace;
        }
        .bill2024-nav a:visited  {
            font-size: .8rem;
            text-transform: uppercase;
            color: #000;
            font-family: monospace;
        }
    
  

    
    .future-nj-special img {

      border: 1px solid 	#E8E8E8;
      box-shadow: -10px 10px 5px 0px #F4F4F4;
    }
    

    .announcement-me h2 {
      color: #000;
     
      font-family: monospace;
      font-size: 1.4rem;
      line-height: 2.2rem;
      letter-spacing: -.1rem; 
      text-align: center;
      text-transform:none;
      font-weight: 400;
      padding: 0px;
  
      margin: 0;
      background-color: #00f2fa;
    }
  
    .announcement-me a:hover {
      color: #00f2fa;
     
      font-family: monospace;
      font-size: 1.4rem;
      line-height: 2.2rem;
      letter-spacing: -.1rem; 
      text-align: left;
      text-transform:none;
      font-weight: 400;
    padding: 0px;
      margin: 0;
      background-color: #373737;
    }
  




        .bill-dark {
            background-color: #F5F5F5;
            padding-top: 25px;
            padding-bottom: 25px;
        }
        
        
        .bill-dark  h1 {
            
            color: #000;
            font-family: monospace;
            font-size: 3rem;
            line-height: 3.2rem;
            letter-spacing: -.1rem; 
            text-align: left;
            text-transform:uppercase;
            font-weight: 400;
            padding-top: 0px;
            padding-bottom: 5px;
            margin: 0;
        }

   /**    .bill-dark h1::first-letter {
          color:  #00f2fa;
        
          }**/
        
        .bill-dark   h2 {
            
            color: #000;
            font-family: monospace;
            font-size: 1.8rem;
            line-height: 2rem;
            letter-spacing: .01rem; 
            text-align: left;
            text-transform:uppercase;
            font-weight: 400;
            padding-top: 0px;
            padding-bottom: 5px;
            margin: 0;
        }
        
        .bill-dark   h3 {
            
            color: #000;
            font-family: monospace;
                    font-size: 1rem;
                    line-height: 1rem;
                    letter-spacing: .01rem; 
                    text-align: center;
                    text-transform:uppercase;
                    font-weight: 400;
                    padding-top: 0px;
                    padding-bottom: 5px;
                    margin: 0;
                }
        
        
                      
                .bill-dark  p {
                color: #000;
                font-family: monospace;
                font-size: 1.2rem;
                line-height: 2.6rem; 
                letter-spacing: .09rem; 
                text-align: left;
                text-transform:none;
                font-weight: 400;
                padding-top: 0px;
                padding-bottom: 5px;
              }
        
        
        
              .bill-dark  a {
                color: 	#666666;
                text-decoration: none;
                }
                
                .bill-dark   a:visited {
                color:	#666666;
                text-decoration: none;
                }
                
                .bill-dark  a:hover {
                  color:	#666666;
                  text-decoration: underline;
                  }
                  
                  .bill-dark-nav a  {
                font-size: .8rem;
                text-transform: uppercase;
                color: #000;
                font-family: monospace;
            }
            .bill-dark-nav a:visited  {
                font-size: .8rem;
                text-transform: uppercase;
                color: #000;
                font-family: monospace;
            }
        
    
            

    



        
            .bill2024-leadgraph p {
              color: #000;
              font-family: monospace;
              font-size: 1.6rem;
              line-height: 2.8rem; 
              letter-spacing: .09rem; 
              text-align: left;
              text-transform:none;
              font-weight: 400;
              padding-top: 0px;
              padding-bottom: 5px;
            }
        
        
            .bill2024-caption {
        
              font-size: .6rem;
              text-transform: uppercase;
              padding-top: 3px;
              padding-bottom: 3px;
            }
            
            .bill2024-quote p {
                
              color: #000;
              font-family: monospace;
              font-size: 3rem;
              line-height: 3.2rem;
              letter-spacing: -.1rem; 
              text-align: center;
              text-transform:uppercase;
              font-weight: 400;
              font-style: italic;
              padding-top: 0px;
              padding-bottom: 5px;
              margin: 0;
          }




            .bill-footer {
                background-color:#000;
                padding-top: 25px;
                padding-bottom: 25px;
            }
            
            
            .bill-footer  h1 {
                
                color: #00f2fa;
                font-family: monospace;
                font-size: 2rem;
                line-height: 3.2rem;
                letter-spacing: -.1rem; 
                text-align: left;
                text-transform:uppercase;
                font-weight: 400;
                padding-top: 0px;
                padding-bottom: 5px;
                margin: 0;
            }
            
            .bill-footer  h2 {
                
                color: #00f2fa;
                font-family: monospace;
                font-size: 1.4rem;
                line-height: 1.4rem;
                letter-spacing: .01rem; 
                text-align: left;
                text-transform:uppercase;
                font-weight: 400;
                padding-top: 0px;
                padding-bottom: 5px;
                margin: 0;
            }
            
            .bill-footer   h3 {
                
                color: #00f2fa;
                font-family: monospace;
                        font-size: 1rem;
                        line-height: 1rem;
                        letter-spacing: .01rem; 
                        text-align: center;
                        text-transform:uppercase;
                        font-weight: 400;
                        padding-top: 0px;
                        padding-bottom: 5px;
                        margin: 0;
                    }
            
            
                          
                    .bill-footer  p {
                    color: 	#fff;
                    font-family: monospace;
                    font-size: .9rem;
                    line-height: 1.7rem; 
                    letter-spacing: .09rem; 
                    text-align: left;
                    text-transform:uppercase;
                    font-weight: bold;
                    padding-top: 0px;
                    padding-bottom: 5px;
                  }


           
            
                  .bill-footer li {
                    color: 	#fff;
                    font-family: monospace;
                    font-size: .9rem;
                    line-height: 1.7rem; 
                    letter-spacing: .09rem; 
                    text-align: left;
                    text-transform:uppercase;
                    font-weight: bold;
                    padding-top: 0px;
                    padding-bottom: 5px;
                  
                  }
            
                  .bill-footer-copyright  p {
                    color: 	#fff;
                    font-family: monospace;
                    font-size: .9rem;
                    line-height: 1.7rem; 
                    letter-spacing: .09rem; 
                    text-align: center;
                    text-transform:uppercase;
                    font-weight: bold;
                    padding-top: 0px;
                    padding-bottom: 5px;
                  }



                  .bill-footer-byline  p {
                    color: 	#fff;
                    font-family: monospace;
                    font-size: .7rem;
                    line-height: 1.2rem; 
                    letter-spacing: .09rem; 
                    text-align: center;
                    text-transform:uppercase;
                    font-weight: bold;
                    padding-top: 0px;
                    padding-bottom: 5px;
                  }


            
            
                  .bill-footer  a {
                    color: 		#fff;
                    text-decoration: none;
                    }
                    
                    .bill-footer   a:visited {
                    color:		#fff;
                    text-decoration: none;
                    }
                    
                    .bill-footer  a:hover {
                      color:		#ccc;
                      text-decoration: underline;
                      }
                      
                      .bill-footer-nav a  {
                    font-size: .8rem;
                    text-transform: uppercase;
                    color: #000;
                    font-family: monospace;
                }
                .bill-footer-nav a:visited  {
                    font-size: .8rem;
                    text-transform: uppercase;
                    color: #000;
                    font-family: monospace;
                }
            
                .bill2024-footer-copyright  p {
                    color: 	#cccccc;
                    font-family: monospace;
                    font-size: .8rem;
                    line-height: .8rem; 
                    letter-spacing: .09rem; 
                    text-align: left;
                    text-transform:none;
                    font-weight: 400;
                    padding-top: 0px;
                    padding-bottom: 5px;
                  }



                   



.headline h1 {
    
    color: #004466;
    font-family: 'Lato', sans-serif;
    font-size: 5rem;
    line-height: 4.9rem; 
    letter-spacing: .05rem; 
    text-align: center;
    text-transform:none;
    font-weight: 700;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0;
}



.headline h2 {
    
    color: #004466;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: .01rem; 
    text-align: center;
    text-transform:uppercase;
    font-weight: 400;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0;
}

.headline h3 {
    
    color: #004466;
    font-family: 'Playfair Display', serif;
    font-size: 3rem;
    line-height: 3.2rem;
    letter-spacing: -.1rem; 
    text-align: center;
    text-transform:none;
    font-weight: 400;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0;
}


        
.headline p {
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2rem;
    line-height: 2.6rem; 
    letter-spacing: .09rem; 
    text-align: left;
    text-transform:none;
    font-weight: 400;
    padding-top: 0px;
  }


  .headline img {
    padding: 20px;
  }






    .main2023 {
    
        background-color: #fff;
      }
      
      
      .main2023 h1{
        color: #333333;
        font-family: 'Roboto', sans-serif;
        font-size: 5rem;
        line-height: 4.9rem; 
        letter-spacing: .05rem; 
        text-align: left;
        text-transform:none;
        font-weight: 900;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0;
      
      }
      
      .main2023 h2 {
        color: #333333;
        font-family: 'Roboto', sans-serif;
        font-size: 3rem;
        line-height: 3rem; 
        letter-spacing: .05rem; 
        text-align: left;
        text-transform:uppercase;
        font-weight: 900;
        padding-top: 0px;
        padding-bottom: 10px;
        margin: 0px;
      }
      
      

      .main2023 h3 {
        color: #333333;
        font-family: 'Roboto', sans-serif;
        font-size: 1.8rem;
        line-height: 2rem; 
        letter-spacing: .05rem; 
        text-align: left;
        text-transform:uppercase;
        font-weight: 900;
        padding-top: 0px;
        padding-bottom: 10px;
        margin: 0px;
      }
      
      
      .main2023 p {
        color: #000;
        font-family: 'Montserrat', sans-serif;
        font-size: 1.2rem;
        line-height: 2.6rem; 
        letter-spacing: .09rem; 
        text-align: left;
        text-transform:none;
        font-weight: 400;
        padding-top: 0px;
      }
      
      .main2023-caption p {
        color: #000;
        font-family: 'Montserrat', sans-serif;
        font-size: .8rem;
        line-height: 1.2rem; 
        letter-spacing: .09rem; 
        text-align: left;
        text-transform:none;
        font-weight: 400;
        padding-top: 0px;
      }
      
      .main2023 a {
      color: 	#4682B4;
      text-decoration: none;
      }
      
      .main2023 a:visited {
      color:	#4682B4;
      text-decoration: none;
      }
      
      .main2023 a:hover {
        color:	#4682B4;
        text-decoration: underline;
        }
        
      
        .main2023 li {
          padding-bottom: 20px;
        }
      
      
      
      
        .main2023-second {
      
          background-color: #e8e8e8;
        }
        
        .main2023 img {
    
          padding: 10px;
        }
      
    
        




.book2023 {
    background-color: #EBEDEF;
    
}


.book2023 h1 {
    
    color: #004466;
    font-family: 'Playfair Display', serif;
    font-size: 3rem;
    line-height: 3.2rem;
    letter-spacing: -.1rem; 
    text-align: center;
    text-transform:none;
    font-weight: 400;
    padding-top: 0px;
    padding-bottom: 5px;
    margin: 0;
}

.book2023 h2 {
    
    color: #004466;
    font-family: 'Roboto', sans-serif;
    font-size: 2rem;
    line-height: 2rem;
    letter-spacing: .01rem; 
    text-align: center;
    text-transform:uppercase;
    font-weight: 400;
    padding-top: 0px;
    padding-bottom: 5px;
    margin: 0;
}

.book2023 h3 {
    
            color: #004466;
            font-family: 'Roboto', sans-serif;
            font-size: 1rem;
            line-height: 1rem;
            letter-spacing: .01rem; 
            text-align: center;
            text-transform:uppercase;
            font-weight: 400;
            padding-top: 0px;
            padding-bottom: 5px;
            margin: 0;
        }


              
      .book2023 p {
        color: #000;
        font-family: 'Montserrat', sans-serif;
        font-size: 1.2rem;
        line-height: 2.6rem; 
        letter-spacing: .09rem; 
        text-align: left;
        text-transform:none;
        font-weight: 400;
        padding-top: 0px;
        padding-bottom: 5px;
      }



      .book2023 a {
        color: 	#666666;
        text-decoration: none;
        }
        
        .book2023 a:visited {
        color:	#666666;
        text-decoration: none;
        }
        
        .book2023 a:hover {
          color:	#666666;
          text-decoration: underline;
          }
          
    .book2023-nav a  {
        font-size: .8rem;
        text-transform: uppercase;
    }
    .book2023-nav a:visited  {
        font-size: .8rem;
        text-transform: uppercase;
    }










    .press2023  {
    
        background-color: #fff;
      }
      
      
      .press2023  h1{
        color: #333333;
        font-family: 'Roboto', sans-serif;
        font-size: 5rem;
        line-height: 4.9rem; 
        letter-spacing: .05rem; 
        text-align: left;
        text-transform:none;
        font-weight: 900;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0;
      
      }
      
      .press2023  h2 {
        color: #333333;
        font-family: 'Roboto', sans-serif;
        font-size: 3rem;
        line-height: 3rem; 
        letter-spacing: .05rem; 
        text-align: left;
        text-transform:uppercase;
        font-weight: 900;
        padding-top: 0px;
        padding-bottom: 10px;
        margin: 0px;
      }
      
      

      .press2023 h3 {
        color: #333333;
        font-family: 'Playfair Display', serif;
        font-size: 3rem;
        line-height: 3.2rem;
        letter-spacing: -.1rem; 
        text-align: left;
        text-transform:none;
        font-weight: 400;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0;
      }


      .press2023 h4 {
        color: #333333;
        font-family: 'Roboto', sans-serif;
        font-size: .9rem;
        line-height: 2rem; 
        letter-spacing: .05rem; 
        text-align: left;
        text-transform:uppercase;
        font-weight: 500;
        padding-top: 0px;
        padding-bottom: 20px;
        margin: 0px;
      }
      
      
      
      .press2023 p {
        color: #000;
        font-family: 'Montserrat', sans-serif;
        font-size: 1.2rem;
        line-height: 2.6rem; 
        letter-spacing: .09rem; 
        text-align: left;
        text-transform:none;
        font-weight: 400;
        padding-top: 0px;
      }
      
      .press2023 n p {
        color: #000;
        font-family: 'Montserrat', sans-serif;
        font-size: .8rem;
        line-height: 1.2rem; 
        letter-spacing: .09rem; 
        text-align: left;
        text-transform:none;
        font-weight: 400;
        padding-top: 0px;
      }
      
      .press2023  a {
      color: 	#000;
      text-decoration: none;
      }
      
      .press2023  a:visited {
      color:	#000;
      text-decoration: none;
      }
      
      .press2023  a:hover {
        color:	#cccccc;
        text-decoration: underline;
        }
        
      
        .press2023 li {
          padding-bottom: 5px;
        }
     











    .book {
    
    background-color: #f8f8f8;
    }
    
    .book h1 {
        color: #000;
        font-family: 'Playfair Display', serif;
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    padding-top: 3px;
    }
    
    .book h2 {
        color: #000;
        font-family: 'Playfair Display', serif;
    font-size: 1.8em;
    font-weight: bold;
    text-align: left;
    padding-top: 3px;
    
    }
    
    .book h3 {
        color: #000;
        font-family: 'Playfair Display', serif;
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
    padding-top: 3px;
    
    }

    .book p {
        text-align: left;
    }















    
    
    .prime {
    
        background-color: #004466;
        }
    
        .prime h1{
            color: #fff;
            font-family: 'Playfair Display', serif;
            font-size: 5rem;
        }
    
        .prime h2{
            color: #fff;
            font-family: 'Playfair Display', serif;
            font-size: 2em;
            text-align: left;
    
            
        }
    
        .prime h3 {
    
          font-family: 'Karla', sans-serif;
          text-transform: uppercase;
          color: #eb3700;
          font-size: 1.2em;
      }
      .prime h4 {
      
          font-family: 'Roboto', sans-serif;
          text-transform: uppercase;
          color: #eb3700;
          font-size: .9em;
      }
    
    
        .prime p {
            color: #fff;
    
        }
    
    .prime a {
        color: #ccc;
    
    }
    
    .prime a:visited {
        color:#ccc;
    }
    
    
    
    .currentevents {
    
      background-color: #004466;
      }
    
      .currentevents h1{
        color: #fff;
        font-family: 'Playfair Display', serif;
        font-size: 3rem;
        line-height: 3.2rem;
        letter-spacing: -.1rem; 
        text-align: center;
        text-transform:none;
        font-weight: 400;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0;
      }
    
      .currentevents h2{
          color: #fff;
          font-family: 'Playfair Display', serif;
          font-size: 2em;
          text-align: left;
    
          
      }
    
      .currentevents h3 {
    
        font-family: 'Karla', sans-serif;
        text-transform: uppercase;
        color: #FADBD8;
        font-size: 1.2em;
    }
    .currentevents h4 {
    
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        color: #FADBD8;
        font-size: .9em;
        padding-bottom: 10px;
    }
    
    
      .currentevents p {
        color: #fff;
        font-family: 'Montserrat', sans-serif;
        font-size: 1rem;
        line-height: 1.2rem; 
        letter-spacing: .09rem; 
        text-align: left;
        text-transform:none;
        font-weight: 400;
        padding-top: 0px;
    
      }
    
    .currentevents a {
      color: #ccc;
    
    }
    
    .currentevents a:visited {
      color:#ccc;
    }
    
    
    
    
    
    
    
    
    .pastevents {
    
        background-color: #000;
        }
      
        .pastevents h1{
          color: #fff;
          font-family: 'Playfair Display', serif;
          font-size: 3rem;
          line-height: 3.2rem;
          letter-spacing: -.1rem; 
          text-align: center;
          text-transform:none;
          font-weight: 400;
          padding-top: 0px;
          padding-bottom: 0px;
          margin: 0;
        }
      
        .pastevents h2{
            color: #fff;
            font-family: 'Playfair Display', serif;
            font-size: 2em;
            text-align: left;
      
            
        }
      
        .pastevents h3 {
      
          font-family: 'Karla', sans-serif;
          text-transform: uppercase;
          color: #FADBD8;
          font-size: 1.2em;
      }
      .pastevents h4 {
      
          font-family: 'Roboto', sans-serif;
          text-transform: uppercase;
          color: #FADBD8;
          font-size: .9em;
          padding-bottom: 10px;
      }
      
      
        .pastevents p {
            color: #fff;
            font-family: 'Montserrat', sans-serif;
            font-size: 1rem;
            line-height: 1.2rem; 
            letter-spacing: .09rem; 
            text-align: left;
            text-transform:none;
            font-weight: 400;
            padding-top: 0px;
      
        }
      
      .pastevents a {
        color: #ccc;
      
      }
      
      .pastevents a:visited {
        color:#ccc;
      }
      
      
      
      
      
    
    
    
    
    
    
    
    
    
    
    
    
    .events {
        background-color: #052536;
    
    
    }
    
    .events h1{
        color: #fff;
        font-family: 'Playfair Display', serif;
        font-size: 5rem;
    }
    
    .events h2{
        color: #fff;
        font-family: 'Playfair Display', serif;
        font-size: 2em;
        text-align: left;
    }
    
    
    .events h3 {
    
        font-family: 'Karla', sans-serif;
        text-transform: uppercase;
        color: #eb3700;
        font-size: 1.2em;
    }
    .events h4 {
    
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        color: #eb3700;
        font-size: .9em;
    }
    
    .events p {
        color: #fff;
    
    }
    
    .events a {
    color: #ccc;
    
    }
    
    .events a:visited {
    color:#ccc;
    }
    
    
    
    
    
    
    
    
    .cv {
    
      background-color: #fff;
    }
    
    
    .cv h1{
      color: #333333;
      font-family: 'Roboto', sans-serif;
      font-size: 5rem;
      line-height: 4.9rem; 
      letter-spacing: .05rem; 
      text-align: left;
      text-transform:none;
      font-weight: 900;
      padding-top: 0px;
      padding-bottom: 0px;
      margin: 0;
    
    }
    
    .cv h2 {
      color: #333333;
      font-family: 'Roboto', sans-serif;
      font-size: 3rem;
      line-height: 3rem; 
      letter-spacing: .05rem; 
      text-align: left;
      text-transform:uppercase;
      font-weight: 900;
      padding-top: 0px;
      padding-bottom: 10px;
      margin: 0px;
    }
    
    
    .cv h3 {
      color: #333333;
      font-family: 'Roboto', sans-serif;
      font-size: 3rem;
      line-height: 3em; 
      letter-spacing: .05rem; 
      text-align: left;
      text-transform:none;
      font-weight: 400;
      padding-top: 10px;
    }
    
    
    .cv p {
      color: #333333;
      font-family: 'Roboto', sans-serif;
      font-size: 1rem;
      line-height: 1.5em; 
      letter-spacing: .05rem; 
      text-align: left;
      text-transform:none;
      font-weight: 300;
      padding-top: 0px;
    }
    
    
    
    .cv a {
    color: 	#4682B4;
    text-decoration: none;
    }
    
    .cv a:visited {
    color:	#4682B4;
    text-decoration: none;
    }
    
    .cv a:hover {
      color:	#4682B4;
      text-decoration: underline;
      }
      
    
      .cv li {
        padding-bottom: 20px;
      }
    
    
    
    
      .cv-education {
    
        background-color: #e8e8e8;
      }
      
    
    
    
    
    
    
    
    
    
    
    .artprojects1 {
      background-color:  #f8f8f8;
    
    
    }
    
    .artprojects1   h1 {
        color: #4C4E52;
        font-family: 'Playfair Display', serif;
        font-size: 5rem;
        line-height: 4.9rem; 
        letter-spacing: .05rem; 
        text-align: left;
        text-transform:none;
        font-weight: 900;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 0;
    }
    
    
    .artprojects1   h2 {
        color: #004466;
        font-family: 'Playfair Display', serif;
        font-size: 3rem;
        line-height: 3.2rem;
        letter-spacing: -.1rem; 
        text-align: left;
        text-transform:none;
        font-weight: 400;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0;
    }
    
    .artprojects1 h3 {
      color: #4C4E52;
      font-family: 'Roboto', sans-serif;
      font-size: 1rem;
      line-height: 1.5em; 
      letter-spacing: .05rem; 
      text-align: right;
      text-transform:none;
      font-weight: 900;
      padding-top: 0px;
    }
    
    .artprojects1 p {
      color: #333333;
      font-family: 'Roboto', sans-serif;
      font-size: 1rem;
      line-height: 1.5em; 
      letter-spacing: .05rem; 
      text-align: left;
      text-transform:none;
      font-weight: 300;
      padding-top: 0px;
    }
    
    
    .artprojects1 a a:visited {
      color:  #685432 ;
      font-family: 'Roboto', sans-serif;
      font-size: 1rem;
      line-height: 1.5em; 
      letter-spacing: .05rem; 
      text-align: left;
      text-transform:none;
      font-weight: 300;
      padding-top: 0px;
    }
    
    
    
    
    
    
    .artprojects2 {
      background-color: #e8e8e8;
    
    
    
    }
    
    .artprojects2   h1 {
        color: #4C4E52;
        font-family: 'Playfair Display', serif;
        font-size: 5rem;
        line-height: 4.9rem; 
        letter-spacing: .05rem; 
        text-align: left;
        text-transform:none;
        font-weight: 900;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 0;
    }
    
    
    .artprojects2   h2 {
        color: #004466;
        font-family: 'Playfair Display', serif;
        font-size: 3rem;
        line-height: 3.2rem;
        letter-spacing: -.1rem; 
        text-align: left;
        text-transform:none;
        font-weight: 400;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0;
    }
    
    .artprojects2 h3 {
      color: #4C4E52;
      font-family: 'Roboto', sans-serif;
      font-size: 1rem;
      line-height: 1.5em; 
      letter-spacing: .05rem; 
      text-align: right;
      text-transform:none;
      font-weight: 900;
      padding-top: 0px;
    }
    
    .artprojects2 p {
      color: #333333;
      font-family: 'Roboto', sans-serif;
      font-size: 1rem;
      line-height: 1.5em; 
      letter-spacing: .05rem; 
      text-align: left;
      text-transform:none;
      font-weight: 300;
      padding-top: 0px;
    }
    
    
    .artprojects2 a a:visited {
      color:  #685432;
      font-family: 'Roboto', sans-serif;
      font-size: 1rem;
      line-height: 1.5em; 
      letter-spacing: .05rem; 
      text-align: left;
      text-transform:none;
      font-weight: 300;
      padding-top: 0px;
    }
    
    
    
    
    
    
    
    

    
    
    
    
    
    
    .press-page {
    
      background-color: #fff;
      }
    
      .press-page h1{
          color: #000;
          font-family: 'IBM Plex Serif', serif;
          font-size: 4rem;
          line-height: 2rem; 
          letter-spacing: 0rem; 
          text-align: center;
          text-transform:none;
          font-weight: normal;
          padding-top: 10px;
          padding-bottom: 10px;
      }
    
      .press-page h2{
          color: #666;
          font-family: 'IBM Plex Serif', serif;
          font-size: 4rem;
          line-height: 2rem; 
          letter-spacing: 0rem; 
          text-align: left;
          text-transform:none;
          font-weight: normal;
          padding-top: 10px;
          padding-bottom: 10px;
    
          
      }
    
      .press-page h3 {
    
        color: #666;
        font-family: 'IBM Plex Serif', serif;
        font-size: 3.5rem;
        line-height: 3.7rem; 
        letter-spacing: 0rem; 
        text-align: left;
        text-transform:none;
        font-weight: normal;
        padding-top: 10px;
        padding-bottom: 10px;
    
    }
    .press-page h4 {
    
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        color: #787878;
        font-size: .9rem;
        line-height: .9rem; 
        letter-spacing: 0rem; 
        text-align: left;
        text-transform:none;
        font-weight: normal;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    
      .press-page p {
          color: #000;
    
      }
    
    .press-page a {
      color: #666;
    
      text-decoration: none;
    
    }
    
    .press-page a:hover {
      color:#a7a7a7;
    
      text-decoration: underline dotted;;
    }
    
    
    .press-page a:visited {
      color:#666;
    
      text-decoration: none;
    }
    
    
    
    
  
    
    
    
    
    
    
    
    
    
    
    
    

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    /*** <!--
    
    font-family: 'Alfa Slab One', cursive;
    
    
        font-family: 'Playfair Display', serif;
    
        font-family: 'Lobster', cursive;
    
        font-family: 'Righteous', cursive;
    
        font-family: 'Roboto Condensed', sans-serif;
    
        font-family: 'Roboto', sans-serif;
    
    -->
    
    **/
    
    .list-format {
      color: #ccc;
    font-family: 'Roboto', sans-serif;
      text-transform: uppercase;
    
    }
    
    
    /***********************************
    <!-- Stylings for Wordpress -->
     all the .post happens first including title of a post, while .entry is inside in the entry field **/
    
    .post a:link {
    
      color:	#000000;
      text-decoration: none;
    }
    
    .post a:visited {
    
      color:	#000000;
      text-decoration: none;
    }
    
    .post a:hover {
      color:	#585858;
    }
    
    .post h1 {
    
    
    }
    
    /** h2 is title of a post but also titles are links **/
    
    .post h2 {
      color:  #000000;
    font-size: 3rem;
    font-family: 'Playfair Display', serif;
    text-align: left;
    }
    
    /** h3 is the Byline on post **/
    .post h3 {
      color:  #A9A9A9;
    font-family: 'Roboto', sans-serif;
                 font-size: 1rem;
                 font-style: normal;
                 text-transform: uppercase;
                 font-weight:normal;
    
                  }
    
    /**   h4 is formatting for the meta data -- Author - Date - time and other meta data at the top of the opst **/
    
    .post h4 {
    font-family: 'Roboto', sans-serif;
             font-size: .8rem;
             font-style: normal;
             text-transform: uppercase;
    
             font-weight: normal;
             color: #808080;
             margin: 0 0 5 0;
             border-bottom: 2px #E0E0E0 solid;
    
               }
    
    
    /** the ENTRY class impacts only what is in the entry field, and inherits everthing in the Post
    POST holds post title, post entry field **/
    
    .entry a { color: #686868; }
    
    .entry a:visited { color: #686868; }
    
    .entry a:hover { color: #405489; }
    
    .entry p {
          font-size: 1.7rem;
    font-family: 'Roboto', sans-serif;
          color:  #000000;
    
          text-transform: none;
          letter-spacing: normal;
          line-height: 150%;
          text-indent: 0em;
      }
    
    
    .entry blockquote {
          font-size: 1.4rem;
    font-family: 'Roboto', sans-serif;
          background-image: url("http://www.ianmacallen.com/siteimages/quotes.gif");
    
          background-repeat: no-repeat;
          background-position: left top;
          background-color: #F8F8F8;
          margin: 10px;
          font-style: italic;
          font-weight: normal;
          text-transform: none;
          letter-spacing: normal;
          line-height: 145%;
          text-indent: 0px;
          padding: 30px;
    
         }
    .entry h1 {
      /** inheriting .post h1 **/
    }
    
    .entry h2 {
      /** inheriting .post h2 **/
    }
    
    .entry h3 {
      /** used for PAGE subheadings inheriting .post h3 **/
      font-size: 1.9rem;
    font-family: 'Roboto', sans-serif;
    
      line-height: 145%;
    font-weight: bold;
          color: #666666;
    
    }
    
    /**** entry H4 is used for event meta data -- author, date, location -- at the end of every post **/
    .entry h4 {
    font-family: 'Roboto', sans-serif;
                    font-size: .8rem;
                    font-style: normal;
                    text-transform: uppercase;
    
                    color: #666666;
    line-height: 145%;
    
                    border-bottom: 2px #cccccc solid;
    
    
                    }
    
    
    .entry h5 {
      color: #000000;
    font-family: 'Roboto', sans-serif;
      font-weight: bold;
      line-height: 1.4em;
      font-size: 20px;
    
    
    
    }
    
    
    /*** Using Data Class for information inside posts, mainly for Venue information but also formatting other data in reading series resource area **/
    
    .data h3 {
    
      font-weight: bold;
      text-transform: uppercase;
    
      font-size: 1.5rem;
    font-family: 'Roboto', sans-serif;
      color:  #666666;
    
    
      letter-spacing: normal;
      line-height: 175%;
      text-indent: 0em;
    
    
    }
    
    .data h4 {
    
    
                    font-weight: bold;
                    text-transform: uppercase;
    
                    font-size: .9rem;
    font-family: 'Roboto', sans-serif;
                    color:  #666666;
    
    
                    letter-spacing: normal;
                    line-height: 175%;
                    text-indent: 0em;
                    border-bottom: none;
    
    }
    
    /*** recentpost is for adding a recent post section to the bottom of pages ****/
    
    .recentpost  {
      padding: 5px;
      background-color: #F8F8F8;
    }
    
    .recentpost  a:link {
      color: #A8A8A8;
    }
    
    .recentpost a:visited {
      color: #A8A8A8;
    
    }
    
    .recentpost h1 {
      font-family: 'Roboto', sans-serif;
            font-size: 4rem;
            font-style: normal;
            text-transform: uppercase;
    
    
            font-weight: normal;
            color: #666666;
            margin: 0 0 5 0;
            border-bottom: 2px #E0E0E0 solid;
            padding: 5px;
    }
    
                    /***********************************
                    A division only for the navigation between past and new posts
    
                    This should be turned into pills
                    ************************************/
    
                   .navigationbetweenposts {
                        background:#fff;
                        padding: 10px;
                        text-transform: uppercase;
                        font-size: 10px;
    
    
                        }
    


    
    .side  {
    font-family: 'Playfair Display', serif;
      text-align: left;
      color: #105ea1;
    }
    
    .side h2 {
      text-transform: uppercase;
        color: #105ea1;
        font-size: .8em;
        text-align: left;
    
    }
    
    
    .text-cursive {
    color:  #fff;
    font-family: 'Crimson Text', serif;
    
    
    }
    
    .text-lowernav {
    text-transform:uppercase;
    font-family: 'Roboto', sans-serif;
      color: #fff;
      font-weight: bold;
      padding-bottom: 5px;
    
    }
    
    .text-description {
      color: #ccc;
    font-family: 'Roboto', sans-serif;
    
      font-size: .9em;
      line-height: 3em;
    }
    
    .text-copyright {
      color: #ccc;
    font-family: 'Roboto', sans-serif;
      text-transform: uppercase;
      font-size: .4em;
      line-height: 1.6;
    
    }
    
    .page-footer h4 {
      color: #fff;
      text-transform: uppercase;
      font-size: .9em;
      text-align: left;
      font-weight: bold; 
    
    }
    
    .page-footer a {
    color:#fff;
    
    }
    
    .page-footer ul {
    
      text-align: left;
    }
    
    .page-footer p {
    color:#fff;
    }
    
    .footer-copyright h4 {
      text-align:center;
      font-weight:normal;
      text-transform:uppercase;
      color:#ccc;
      
    }