/*
YUI 3.14.1 (build 63049cb)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}



:root {
    --blue: #26c3ca;
    --black: #464646;
    --white: #ffffff;
    --red: #ff5563;
    --yellow: #ffe400;
    --green: #25d74c;
    --orange: #ffc303;
    --gold: #e7b70d;
    --grey: #f0f0f0;
    
    --fntTitle:cheap-pine-sans, sans-serif;
    --fntBody: canada-type-gibson, sans-serif;
}


*
{
    vertical-align: middle;
    font-family: var(--fntBody);
    box-sizing: border-box;
    line-height: normal;

}

a
{
    text-decoration: none;
    color:var(--blue);
}

html, body
{
    text-align: center;
    width:100%;
}

html
{   
}

body
{
    position: relative;
    padding-bottom: 0;
}

#wrapper
{
    
}

.bgWrapper
{
    position: absolute;
   overflow: hidden;
    width: 100%;
   height: 100%;
    left:0;
    top:0;
    z-index:-100;
}

.bgWrapper::before {
   background: url('assets/tiedye3.png') no-repeat center center;
   background-size: cover;
   content: "";
   width: 180vw;
   height: 180vw;
   position: fixed;
    left:-50vw;
    top:-30vw;
   animation: spin 150s ease-in-out infinite;
    z-index: -100;
}

@keyframes spin {
   0% {
      transform: rotate(0deg);
   }
   100% {
      transform: rotate(360deg);
   }
}




li
{
    display: inline;
}



#footer
{
    
    background-color:var(--blue);
    animation: mymove 20s infinite;
    color:var(--white);
    padding:1rem;
    
    margin:auto;
    width: 60rem;
    max-width: 100%;
    position: relative;
}

#footer::before
{
    position: absolute;
    content:" ";
    width: 100%;
    height: 100%;
    left:0;
    top:0;
   background-image: url('assets/philly2.png');
    background-size: cover;
    opacity: .25;
    background-repeat: no-repeat;
    background-position: top center; 
    
}

#footer *
{
    z-index: 100;
    position: relative;
    text-shadow: 1px 1px var(--black);
}

#footer p 
{
    max-width: 40rem;
    margin:auto;
    font-size: 1rem;
    padding-bottom: 1rem;
    
}

#footer .newsletter
{
    text-shadow: none;
    background-color: var(--red);
    color:var(--white);
    margin-left: auto;
    margin-right: auto;
    display:inline-block;
    padding:1rem;
    border-radius: 1rem;
}


#footer .newsletter *
{
    text-shadow: none;
}

.es_textbox_button
{
    padding:.5rem;
    background-color: var(--blue);
        color:var(--white);
    text-transform: uppercase;
    border:0;
    font-size: .8rem;
}

.es_subscription_message.success
{
    color:var(--yellow);
}

.copyright
{
    
    text-transform: uppercase;
    letter-spacing: .1rem;
}

hr
{
    height:1.25rem;
    margin:0;
    background-image: url('assets/block2.png');
    background-size: contain;
    background-position:-2rem;
    border:0;
}

#content hr
{
    background-image: none;
    background-color:var(--green);
    height:0;
    
}

#content img
{
    width: 40rem;
    max-width: 90%;
    margin: 1rem; 
    margin-top: 0;
    margin-bottom: 1rem;
    
    object-fit: cover; 
    height:auto;  
}

.entry-summary img
{
    max-height: 12rem; 
    height:auto;  
}

.entry-footer
{
    padding:1rem;
    border-top:2px solid var(--blue);
    margin-top: 1rem;
}


#menu
{
   display:inline-block;
    margin-bottom: .25rem;
    margin-left: 1vw;
    margin-right: 1vw;
    text-align: center;
}

.menu a
{
    background-color:var(--blue);
    color:var(--white);
    text-decoration: none;
    text-transform: uppercase;
    padding:.5rem;
    padding-top:1rem;
    padding-bottom: 1rem;
    
    animation: mymove 20s infinite;

    display:inline-block;
    
    margin:.1rem;
    font-weight: 600;
    
    width:27vw;
    max-width: 7rem;
    font-size: .75rem;
    text-align: center;
}

#sidebar
{
    display:none;
}


@keyframes mymove{
    0% { background-color: var(--red); }
    34% { background-color: var(--green); }  
    66% { background-color: var(--blue); }
    100% { background-color: var(--red); }
}

#content
{
    padding:0;
    background-color: var(--grey);
   
    width:60rem;
    max-width: 100%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    
    color:var(--black);
    text-align: left;
    
    padding-bottom: 1rem;
    
    
}

h2, h2 a
{
    color:var(--red); 
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: .5rem;
    margin-top: 1rem;
    font-size: 1.75rem;
    display:block;
    text-decoration: none;
    text-shadow: none;
}

h2
{
   
}


.wp-block-cover h2
{
    border-top: none;
}

h1
{
    color:var(--blue);
    font-family: var(--fntTitle);
    font-size: 1.75rem;
    
    display:inline-block;
    width:40rem;
    max-width: 100%;
    text-align: center;
    
}

h1 *
{
}


.red
{
    color:var(--red);
}

h1.entry-title
{
    text-transform: uppercase;
    font-family: var(--fntBody);
    font-size: 2rem;
    color:var(--blue);   
    text-shadow: .05rem .05rem var(--white), .1rem .1rem var(--green);  
    font-weight: 600;
    background:none;
    text-align: left;
    padding-bottom:.5rem;
    padding-top: 1rem;
    margin-bottom: .5rem;
    letter-spacing: .1rem;
    
    display: block;
    width: 100%;
    text-decoration: none;
}

h1.entry-title a
{
    text-decoration: none;
    color:var(--blue);
    text-align: left;
}

h2.entry-title a, h1.entry-title a
{
    display: block;
    max-width: 40rem;
}

.entry-content
{
    width:100%;
    margin:auto;
    text-align: left;
    font-size: 1rem;
    line-height: 120%;
    
}

#content p
{
    margin-bottom: 1rem;
    text-align: left;
    width:40rem;
    max-width: 100%;
    display:inline-block;
    line-height: 150%;
    font-size: 1.1rem;
}

#content p, #content h2, .entry-title, #content h3, #content .entry-meta
{
    padding-left: 1rem;
    padding-right: 1rem;
}

.entry-content h3, .entry-meta
{
    color:var(--green);
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .1rem;
}

.entry-content a
{
    color:var(--blue);
    text-decoration: none;
    display:inline-block;
    font-weight: 600;
}


#header
{
    text-align: left;
    width:60rem;
    max-width: 90vw;
    margin:auto;
    
    display:flex;
    flex-wrap: wrap;
    align-items: center;
  justify-content: center;
}

.imgTitle
{
    width:50vw;
    flex:50vw;
    max-width: 20rem;
    padding:.1rem;
    display: inline-block;
    margin:auto;
    margin-bottom: .5rem;
    height: auto;
}

.imgPizza
{
    width:30vw;
    max-width: 10rem;
}


#header nav
{
    width:20rem;
    flex:20rem;
}





#maindiv{
    color:var(--white);
  overflow: hidden;
  white-space: nowrap;
    background-color:var(--blue);
    animation: mymove 40s infinite;
    padding-top: .25rem;
    padding-bottom: .25rem;
    margin-bottom: .25rem;
    font-size: .75rem;
}

#div1 {
  display: inline-block;
  animation: marquee 80s linear infinite;
}

#div2 {
  display: inline-block;
  animation: marquee2 80s linear infinite;
  animation-delay: -40s;
}

@keyframes marquee {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes marquee2 {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-200%);
  }
}


.simple-links-list
{
    text-align: left;
    display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
    padding-left: .25rem;
}

#content li.simple-links-item 
{
    flex-basis: 48%;
    min-width: 8rem;
    max-width: 19.5rem;
    display:block;
    background-color: var(--white);
    vertical-align: top;
    text-align: left;
    
    font-size:0;
    margin-bottom: .25rem;
    margin-right: .25rem;
    
    padding:0;
    
}

.simple-links-item a
{
    display:block;
    font-size: 1rem;
    overflow: hidden;
    padding: 0;
    color:var(--blue);
    
    
    padding-top: .25rem;
    padding-left: .25rem;
    padding-right: .25rem;
}

a:hover
{
    color:var(--yellow);
}

a:active
{
    color:var(--red);
}

.simple-links-item .link-description
{
    font-size: .8rem;
    color:var(--black);
    padding:.25rem;
    padding-top: 0;
    
    display: inline-block;
    line-height: 120%;
}

.simple-links-item .link-description a
{
    display: inline;
}

#content .simple-links-item img
{
    width:120%;
    height:10rem;
    margin:0;
    margin-bottom: .5rem;
    border:1px solid var(--grey);
    
    max-width: 100%;
    object-fit: cover;
}

#content .wp-block-cover__inner-container
{
    width: auto;
    max-width: 100%;
}

#content .wp-block-cover p
{
    color:var(--yellow);
    text-shadow: 1px 1px var(--red), 2px 2px var(--red), 3px 3px var(--red);
    font-family: var(--fntTitle);
    font-size: 3rem;
    padding-top: .5rem;
    font-weight: bold;
}

#wrapper .wp-block-image, #wrapper figcaption
{
    margin-bottom: 0;
}

.entry-meta
{
    padding-bottom: .5rem;
}

.more-link
{
    display: block;
    margin-top: .5rem;
}

.more-link::before
{
    display:inline-block;
    content:"Read More";
}

textarea, input
{
    max-width: 100%;
}

.nav-previous
{
    display:block;
    margin:1rem;
}

.nav-next
{
    display:block;
    margin:1rem;
}

iframe
{
    width: 40rem;
    height:20rem;
    max-width: 100%;
    padding:1rem;
}

figure
{
    margin:0;
}

#content li
{
    display:block;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
}

#content li::before
{
    display: inline-block;
    content:"★"; 
    color:var(--orange);
    margin-right: .5rem;
}