body{
background: #535353 url('/img/graphics/body-bgd.jpg') repeat;
background-position:top center;
margin: 0;
padding: 0;
font-family: 'Source Sans Pro', verdana, arial, sans serif;
color: #808284;
font-size: 110%;
overflow-y:scroll;
min-width: 100%;
}


.clearfloat {zoom:1;overflow:hidden; }
.clear {clear:both; }
.all-break {word-break:break-all; }

div#mobile-nav {display:none; }

div#topbar {
width:100%;
min-width:100%;
height: 50px;
background-color:#070707;
box-shadow: 0 8px 8px -8px #6D6D6D;
} 

div#topbar-wrapper {
width:950px;
margin: 0px auto;
position:relative;
background-color:#070707;
}

  
div#wrapper {
width:860px;
text-align:left;
margin: 30px auto;
border-radius: 20px;
-webkit-box-shadow: 0px 0px 40px 10px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 40px 1px rgba(0,0,0,0.3);
box-shadow: 0px 0px 40px 10px rgba(0, 0, 0, 0.3);
}

/*
div#top{
width:900px;
height:35px;
background-image:url('/img/graphics/borders/box_top.png');
  }

div#outer{
width: 900px;
background-image:url('/img/graphics/borders/box_middle.png');
background-repeat:repeat-y;
overflow:hidden;
zoom:1;
padding: 0 0px;
box-sizing:border-box;
  }
*/
  
div#banner{
position:relative;
width:860px;
height:425px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
background-color:#000;
}

div#banner.nobanner {
height:auto; }

div#banner-mob {display:none; }



/*BANNER BACKGROUNDS*/


/*coding for fading of picture */

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } } 

div#banner > img.banner-pic {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:.7s;
  -moz-animation-duration:.7s;
  animation-duration:.7s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
}


/*WEBSITE TITLE*/

#website-title {
position: absolute;
top: 35px;
right: 30px;
z-index:9999; }

#website-title h1 {margin: 0; }
  
#website-title a {
display:block;
color: #e5d2b2;
font-size: 90px;
letter-spacing:8px;
text-transform:uppercase;
width: 456px;
height: 95px;
background-image:url('/img/graphics/ian-shaw.png');
background-repeat:no-repeat;
text-indent: -9999px;  }



/* BANNER - SIDE PANEL WITH BUTTON */


#header-sidepane {
display:flex;
flex-direction: row;
justify-content: space-between;
position: absolute;
top: 160px;
right: 45px;
width: 400px;
align-items: flex-end; }

#header-sidepane-l {
width: 200px;
text-align:center;
z-index:9999; }
 
#header-sidepane-l img {
width: 175px;
height:175px;
margin: 0px;
border:3px solid #e4d3b0;
display:inline-block;
transition: all .5s; }
 
#header-sidepane-2 {
width: 190px;
text-align:right;
z-index:9999;
margin: 0 0 5px;}
 
 
#header-sidepane-2 p  {
font-size: 28px;
font-weight:700;
color: #000;
line-height: 1.1em;
text-transform: uppercase;
margin: 0;
letter-spacing:0px;
text-align:right;}

#header-sidepane-2 p.source  {
font-size: 16px;
font-weight:300;}

#header-sidepane-2 p.quote-2  {
font-size: 17px;
font-weight:600;
line-height:1.3em;
}

#header-sidepane-2 p.quote-2.source  {
margin: 5px 0 0px;
font-size: 16px;
font-weight:300;}

#header-sidepane-2 p.quote-3  {
font-size: 16px;
font-weight:600;
line-height:1.3em;
}

#header-sidepane-2 p.quote-3.source  {
margin: 5px 0 0px;
font-size: 16px;
font-weight:300;}

 



div#navigation {
position:absolute;
bottom: 0;
left: 0;
background-color:rgba(194,27,34,.8);
box-sizing:border-box;
width: 860px;
padding: 0px; 
 }  
 
#banner.nobanner div#navigation {
position:relative; 
background-color:transparent;}
 
div#navigation.home {
}   
        
div#left-side{
        float:left;
        width:190px;
        height:335px;
        margin:0;  
  }    
        
div#topbar-wrapper div#mc_embed_signup {
position:absolute;
width: 420px;
top:11px;
left: 320px;
 }
 
div#topbar-wrapper div#mc_embed_signup input.email {
display:inline-block;
width: 150px;
padding: 3px 5px;
border:none;
border-radius: 2px;
 }

div#topbar-wrapper div#mc_embed_signup input.submit {
padding: 3px 10px;
background-color:#016CA0;
border:none;
color:#fff;
border-radius: 2px;
font-size: 12px;
 }
 
div#topbar-wrapper div#mc_embed_signup input.submit:hover {background:#037BB6; }

        
div#content-1{
width:860px;
height:auto;
text-align:left;
padding: 20px 40px 50px 40px;
line-height:1.6;
box-sizing:border-box;
overflow:hidden;
zoom:1;
box-sizing:border-box;
background-color:#fff;
}



/*THIS IS THE NEW LAYOUT CODE ZZZ*/

div#content-1.twoCol {
display:grid;
grid-template-columns: 1fr 260px;
grid-template-columns: minmax(0, 1fr) 260px;
padding: 0; }

div#content-1.twoCol-50 {
display:grid;
grid-template-columns: 1fr 400px;
grid-template-columns: minmax(0, 1fr) 400px;
padding: 0; }
 
div#colOne {
padding: 20px 30px 30px 40px;
box-sizing:border-box; }
 
div#colTwo {
padding: 30px 40px 30px 40px;
box-sizing:border-box;
background-image:url('/img/graphics/lghtmesh.png');
background-repeat:repeat;
}


body.home div#colTwo {
padding: 103px 10px 30px 0px !important;
background-image:none !important;
}
 

       
  
div#footer{
width:860px;
height:auto;
padding: 0px 0 15px;
text-align:center;
background-color:#111;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}

div#footer.twoCol {
background-repeat: no-repeat;
background-position:top center; }
 
 
div#mailchimp_footer {
width: 100%;
background-color:#1b1b1b; }

div#mailchimp_footer > div {
width: 600px;
padding: 25px 0 40px;
margin: 0px auto 40px; }
 
div#mailchimp_footer h2 {
color: #E4E4E4;
font-size:16px;
text-transform:uppercase;
line-height:1.4;
letter-spacing:1px;
font-weight:normal;
margin: 0 0 20px;}

div#mailchimp_footer input#mce-EMAIL_footer {
width: 65%;
border: none;
padding: 5px 10px;
border-radius: 100px;
font-size:12px;
text-transform:none; }

div#mailchimp_footer input#mc-embedded-subscribe_footer {
width: 30%;
border: none;
padding: 5px 10px;
background-color:#222;
border-radius: 100px;
color: #E4E4E4;
text-transform:uppercase;
border: 1px solid #E4E4E4;  }

div#mailchimp_footer input#mc-embedded-subscribe_footer:hover {
background-color: #111;
 }
 
div#credits {padding: 0 20px;margin: 30px 0 0; }

  
      
  div.albumMain {
      float:left;
      width:480px;
      margin-top:20px;
      padding:0px 0 20px 0;
      border-bottom:solid;
      border-bottom-color:#D1D1D1;
      border-bottom-width:2px;
      border-bottom-style:dotted;
   }
  
/* VIDEO PAGE */

div.video-row {
width: 100%;
border-bottom: 1px dotted #CCCCCC
 }
 
div.video {
width: 370px;
float: left;
padding: 10px 0; }

div.video.left {margin-right: 20px; }
div.video.right {margin-left: 20px; }

div.video div.thumb {
float:left;
width: 120px;
height:120px; }
 
div.video div.thumb img {
width: 120px;height: 120px;
opacity:1;
border-radius: 7px;}

div.video div.info {
float: left;
width: calc(100% - 130px);
box-sizing:border-box;
padding: 0px 20px;}

div.video div.thumb img:hover {
opacity:.9; } 

.video .info h2 {margin: 0px 0 10px;font-size: 90%;   }
.video .info h2 a {color: #808284;}
.video .info h2 a:hover {color: #424548;  }
.video .info p {margin: 0px 0 10px;font-size: 75%;   }


/*FOLLOWING VIDEO.FULL MAY BE OLD CODE */
div.video.full {margin: 0px;width: 600px; }
div.video-row div.video.full div.info {width: 560px; }
.video.full .info h2 {margin: 10px 0 10px;font-size: 120%;   }
.video.full .info p {margin: 0px 0 10px;font-size: 85%;   }
div.video.full div.thumb img {margin-left:-700px; }
   
  
   
   
  div.separator {
  border-bottom: 2px dotted #D1D1D1;
  clear:both;
  padding-top: 5px;
  margin-bottom: 15px;
   }
   
  div.separator-1 {
  border-bottom: 2px dotted #D1D1D1;
  clear:both;
  padding-top: 10px;
  margin-bottom: 20px;
   } 
       
  a.op-hover img {
  opacity:1;
   } 
   
  a.op-hover img:hover {
  opacity:.9;
   }    
  
  
     
  
.clear {
clear:both;
}
  
div.radio {
float: left;
margin: 10px;
background-color:#DFDFDF;
padding: 30px;
color: red;
border-radius: 5px;
 }
   
     
div.recommendsItem{
float:left;
width: 460px;
margin-left:20px;
margin-bottom:20px;
padding: 0px 0 20px 0;
border-bottom-style:dotted;
border-bottom-color:#D1D1D1;
border-bottom-width:2px;
   }   
  

/* font styling */

h1 {font-size:180%;color:#c21b22;line-height:130%;text-transform:uppercase; }
h2 {font-size: 110%;color:#c21b22;line-height:140%;}
h3 {font-size:100%; }
p, li, td {font-size: 80%; }
p {margin: 0 0 10px; }
.sig-colour {color: #c21b22 !important;  }
   
p.question {font-weight:bold;font-style:italic;}
p.small {font-size:70%; }
h2.small {font-size:90%; margin: 20px 0 0px; }

h2.video {font-size: 120%;color:#333;line-height:120%;margin: 10px 0 30px;text-transform:uppercase;}
h3.video {font-size: 90%;color:#333;line-height:120%;margin: 30px 0 10px;text-transform:uppercase;}

a {
font-weight:bold;
color:#424548;
text-decoration:none;
}
  
a.active {
font-weight:bold;
color:#333333;
text-decoration:none;
}
div#content-1 a:hover {color:#000;text-decoration:underline; }
a img:hover {opacity:0.7; }

div#wrapper.management h2 {margin: 30px 0 0px; }




/*HOME NEW GRID - 3 columns*/
div#wrapper div.home-news-grid {
display:grid;
grid-template-columns: repeat(2, minmax(0, 1fr)); /*this ensure the columns are exactly equal in width*/
grid-column-gap: 20px;
grid-row-gap:20px;
margin: 0 0 20px;  }


/* HOME NEW GRID - 1/2 mcolumns */
div#wrapper.home div.home-news-grid.one-two {
grid-template-columns: 1fr 2fr; }

/* HOME NEW GRID - 2/1 mcolumns */
div#wrapper.home div.home-news-grid.two-one {
grid-template-columns: 2fr 1fr; }

/* HOME NEW GRID - 3 columns */
div#wrapper.home div.home-news-grid.threes {
grid-template-columns: repeat(3, minmax(0, 1fr)); /*this ensure the columns are exactly equal in width*/ }

/* HOME NEW GRID - 1 column */
div#wrapper.home div.home-news-grid.one{
grid-template-columns: 1fr; /*this ensure the columns are exactly equal in width*/ }


@media only screen and (max-width: 950px) {
div#wrapper.home div.home-news-grid.one-two {grid-template-columns: 1fr; }
div#wrapper div.home-news-grid {grid-template-columns: 1fr; }
div#wrapper.home div.home-news-grid.two-one {grid-template-columns: 1fr; }
div#wrapper.home div.home-news-grid.threes {grid-template-columns: 1fr;  }
}





div#wrapper div#home-news-grid div.story.news {
background-color:#F7f7f7;
padding: 10px;
box-sizing:border-box;
border: 1px solid rgb(177,0,106); }
 





/* formatting for home story box*/

div#wrapper.home div.story {
width: 100%;
box-sizing:border-box;
background-color: #f7f7f7;
padding: 10px 20px;
margin: 0px;
border: 1px solid rgb(177,0,106); }

div#wrapper.home div.home-news-grid.threes div.story {padding: 10px; }
 
div#wrapper.home div.story img {border: 1px solid #CACACA;width:100%;height:auto;box-sizing:border-box;margin: 0;display:block; }
div#wrapper.home div.story h2 {font-size:100%; }
div#wrapper.home div.story p { }
div#wrapper.home div.story.news div.news-image > p:first-of-type {margin:0 0 5px;font-size:70%;color: #999999 }
div#wrapper.home div.story.top-story img {border: 0px solid #CACACA;width: 100%;height:auto;box-sizing:border-box;margin-right: 10px; }
div#wrapper.home div.story.top-story h2 {padding-right: 20px;font-size:120%;margin-top: 20px;}
div#wrapper.home div.story.top-story p {font-size:85%;margin-bottom: 15px;}
 


/*HOME - UPCOMING DATES*/


div#wrapper.home #home-dates-mobile div.story.dates {margin: 0 0 20px; }
div#wrapper.home div.story.dates p {margin: 0 0 10px;line-height:1.3!important;}
div#wrapper.home div.story.dates p.home-date {font-weight:bold; color:#016CA0;margin: 20px 0 0;}
div#wrapper.home div.story.dates p.date-info {margin: 30px 0 0;text-align:right;}

div#wrapper.home div.story.dates p a {
border: none;
background-color:#016CA0;
color: #fff;
padding: 0px 30px 2px;
border-radius: 25px;
font-size: 15px;
font-weight:normal;
text-transform: none;
line-height:2em;}

div#wrapper.home div.story.dates p a:hover {text-decoration:none;background-color:#047ab4; }
#home-dates-mobile {display:none; }

@media only screen and (max-width: 950px) {
div#wrapper.home div.home-news-grid div.story.dates {display:none; }
#home-dates-mobile {display:block; }
}



/* FULL STORY - DEPRECATED SEPT 20204 */ 
 div#wrapper.home div.story.full {
width: 100%;
border:none;
margin-bottom: 20px;
overflow:hidden;
zoom:1;
border: 10px #c21b22 solid;
padding: 30px;
 }
 
div#wrapper.home div.story.full img {
float:left;
border: 1px solid #333333;
width:200px;
height:auto;
margin-bottom: 20px; }

div#wrapper.home div.story.full h2 {color:#c21b22;margin: 0 0 10px 220px;}
div#wrapper.home div.story.full p {margin-left:220px; }

 
 
div#wrapper.news div.separator.home {
border-bottom: none;
margin: 0px;
padding: 0px;
 }
 
div#wrapper.news div.story.news h2 {margin-top:0px; }


/* FULL STORY - NEW SEPT 2024 */ 
div#wrapper.home div.story.home {
display: grid;
grid-template-columns: 300px 1fr;
grid-column-gap: 20px; 
width: 100%;
border:none;
margin-bottom: 20px;
overflow:hidden;
zoom:1;
border: 10px #c21b22 solid;
padding: 20px 10px; }


div#wrapper.home div.story.home img {
border: 1px solid #333333;
width:100%;
height:auto;}

div#wrapper.home div.story.home h2 {color:#c21b22;margin: 0 0 20px;font-size: 18px; }
div#wrapper.home div.story.home p {}

 
 
div#wrapper.news div.separator.home {
border-bottom: none;
margin: 0px;
padding: 0px;
 }
 
@media only screen and (max-width: 950px) {
div#wrapper.home div.story.home {grid-template-columns:1fr; }
div#wrapper.home div.story.home h2 {margin:20px 0; text-align:center; }
div#wrapper.home div.story.home p {text-align:center;}
}

 
div#wrapper.news div.story.news h2 {margin-top:0px; }
 
 

 
 

/*IMPORTANT - NEW NEWS PAGE WITH GRID LAYOUT*/

div#wrapper.news div.news.story.grid-layout {
display: grid;
grid-template-columns: 300px 1fr;
column-gap: 30px;
width: 100%;
box-sizing:border-box;
border-bottom: 1px dotted #CCCCCC;
margin-bottom: 10px;
padding-bottom: 10px;
 }
 

div#wrapper.news div.news.story.grid-layout img {
float:none;
border: 1px solid #CACACA;
width:100%;
height:auto;
margin-bottom: 20px;
box-sizing:border-box; }

div#wrapper.news div.news.story.grid-layout h2 {margin-left:0px;}
div#wrapper.news div.news.story.grid-layout p {margin-left:0px; }

div#wrapper.news div.news.story div.news-text p:first-of-type {
margin:0 0 10px;
font-size:80%;
color: #808284; }
 

div#wrapper.news div.separator.home {
border-bottom: none;
margin: 0px;
padding: 0px;
 }
 
div#wrapper.news div.story.news.grid-layout h2 {margin-top:20px; }
 



/* submenu formatting */

div#content-1.reviews h2.submenu {
text-transform:lowercase;
font-size:110%;
text-transform:uppercase;
margin: 0 0 10px;
color:#424548
 }
 
h3.submenu {
text-transform:uppercase;
font-size:90%;
text-transform:uppercase;
margin: 20px 0 0px;
color:#424548
 }
 

ul.submenu {
padding:0;
margin: 0 0 25px;
list-style-type:none;
 }
 
ul.submenu li {
border-bottom:dotted #808284 1px;
padding: 0px 0 1px 0;
margin: 0 0 4px;
 }
 
ul.submenu li a{
color:#808284;
text-transform: none;  
font-weight:normal;}
 
ul.submenu li a:hover{color:#424548;text-decoration:none!important; }
ul.submenu li.active a {color: #424548;font-weight:bold; }
   
/* review pages formatting */

div#content-1.reviews h2 {
font-size:90%;
margin: 0;
line-height: 1}

div#content-1.reviews h3 {
font-size:90%;
margin: 0;
line-height:normal;
font-weight:normal;}

div#content-1.reviews h3 a {
color: #808284;
font-weight:normal;}

div#content-1.reviews div#colOne h3:first-of-type {
margin-top:10px;
 }

div#content-1.reviews div#colOne p:first-of-type {
margin-top:20px;
 }
 
div#content-1.reviews div#colOne ul.submenu li a {
text-transform:none;
 }


/* new stories formatting */

div.home.row {
width: 550px;
border-bottom: 1px dotted #DDDDDD;
zoom:1;
overflow:hidden;
box-sizing:border-box; 
padding: 0  0 10px 0;
margin: 10px 0;}

div.home.row div.story {
float: left;
width: 50%;
box-sizing:border-box; }
 
div.home.row div.story.left {padding-right:20px }
div.home.row div.story.right {padding-left:20px }
 
div.home.row div.story img {
width: 250px;
height: 150px;
box-sizing:border-box; }

div.home.row div.story img.border {border: 1px solid #CCCCCC;; }

div.home div.story p.date {
margin: 0 0 5px;
font-size:70%;
text-transform:lowercase; }

div.home div.story h2 {
font-size:90%;
margin: 20px 0 10px;
}
   
   
    
div.quotes {
float:left;
width:480px;
margin-top:10px;
padding:0px 0 10px 0;
border-bottom:2px dotted #D1D1D1; }  
    
div.quotes p.by {
padding-left: 20px;
font-style:italic; }
 
 

#content-1 .comedy h2 {
font-size:16pt;
}    
      
  
div#home-main-col {
float:left;
width:300px;
padding-right:50px" 
}
     
div#home-main-col p {
margin-left: 120px;
}
   
div#home-main-col h2 {
color: #006FA2;
}
   
   
div#home-main-col-1 {
float:left;
width:450px;
padding:20px 0px 0 0;
}
   
div#home-main-col-2 { 
float:right;
width:250px;
padding-top:20px;
}
     
div#home-main-col-1 p {
margin: 5px 0 5px 0;
}
   
div#home-main-col-1 p, div.news-archive p {
margin: 5px 0 0 120px;
   }
   
div#home-main-col-1 h2, div.news-archive h2 {
color: #595B5C;
margin: 0 0 5px 120px;
font-size: 11pt;
}

div.fb-like {
position:absolute;
top: 12px;
left: 30px;
 }
 

 
div.twitter {
position:absolute;
top: 14px;
left: 150px;
 }
  
div.home-article-icon {
float:left;
width: 120px;
 }
   
 img.home-article-icon, div.home-article-icon img {
width: 100px;
height: 100px;
}

div#home-main-col-1  div.home-article-icon p, div.news-archive div.home-article-icon p {
margin: 5px 0 0 0;
font-size:90%;
color: #999;
text-align:center;
padding-right: 10px;
text-transform:lowercase;
} 
   

  
div.gallery-layout {
width: 450px;
margin: 0 40px;
}
  
div.gallery-layout h2 {
margin: 20px 0 5px;
}
   
div.gallery-layout p {
margin: 5px 0 40px;
}
   
div#content-1 .listen img {
width: 150px;
height: 150px;
box-sizing:border-box;
border: 1px solid #767676;}
   
div#content-1 .listen img:hover {border: 1px solid #000;}
   
/* footer styling */ 
div#footer p{color: #E4E4E4;font-size:13px;text-transform:uppercase;line-height:1.4;letter-spacing:1px}
  
      
div#footer p a{
color: #F8f8f8;
font-weight:normal;
text-decoration:none;}  

div#footer p a:hover{text-decoration:underline;}  
   
div.shop-layout {
width: 550px;
margin:30px 0px;
overflow:hidden; 
zoom:1;}

/* shop styling */
  
div.shop-layout div {
float:left;
width: 150px;
padding: 0 20px 0 0;
text-align:center;
margin: 10px 0 30px;
}

div.shop-layout div.separator {
clear:both;
float:none;
width: 100%;
 }
  
div.shop-layout div p {
margin: 0 0 5px;
font-size:85%;}
 
div.shop-layout div>img{
width: 150px;
height:150px;
margin-bottom:5px;
border: 1px solid #A2A4A6; }
  
div.shop-layout div form input{
opacity:0.9;
outline-style:none;}
  
div.shop-layout div form input:hover{opacity:1;  }
  
form.view-cart {margin-top: 10px; }
 
form.view-cart input {
opacity:0.9;
outline-style:none; }
 
form.view-cart input:hover {opacity:1; }
     
   
/* Topbar page icons*/

ul.icons {
margin:0;
padding:0;
position:absolute;
right: 25px;
top: 8px;}

ul.icons.footer {
position:relative;
right:auto;
top:auto;
margin: 0 auto 20px;
width: 350px;
text-align:center;
 }
 
 
ul.icons li{
list-style-type:none;
margin: 0 4px 0;
padding: 0;
float: left; }

ul.icons.footer li {float:none;display:inline-block; }
 
ul.icons li a{
display:block;
height:35px;
width: 35px;
background-color:#666;
border-radius:  50%; }
 
ul.icons li a:hover {background-color:#c21b22;opacity:1; }
ul.icons li a img {height:35px;width: 35px; }
ul.icons li a img:hover {opacity:1; }

ul.icons.footer li a{height:45px;width: 45px;}
ul.icons.footer li a img {height:45px;width: 45px; }

ul.icons li a{
-webkit-transition: background-image 0.2s ease-in-out;
transition: background-image 0.2s ease-in-out;
 }

/*
img.albumsArtowork {
width: 150px;
height: 150px;
border: 1px solid #DDDDDD;
border-radius: 0px; }

*/
/* Push
@-webkit-keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.push {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.push:hover, .push:focus, .push:active {
  -webkit-animation-name: push;
  animation-name: push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

*/

#content-1 table.shipping {
width:300px;
margin: 10px 0 60px;
 }

table.shipping td {
text-align:left;
width: 150px;
padding: 1px 5px;
border: 1px dotted #A6A9AC;
 }
 
table.shipping>tbody>tr:first-child>td{
font-weight:bold;
 }
 
 
#content-1 table.shop {
width:80%;
margin: 20px 0 60px;
 }

table.shop td {
text-align:center;
padding: 5px;
border: 1px dotted #A6A9AC;
 }
 
table.shop td.pic {width: 100px; height:100px; padding: 5px;font-weight:bold; vertical-align:middle;}
table.shop td.pic img {width: 100px;height:100px;;border: 1px solid #B8B8B8; }
table.shop td.format {width: 150px; text-align:center;}
table.shop td.signed {width: 100px; text-align:center }
table.shop td.buy {width: 100px; text-align:center }
table.shop select {color: #808284;width: 80%;}

p.woocommerce-info {display:none; }
 
/* dropdown menu */
 
nav ul {
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 0px 2px rgba(0,0,0,.6);
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
nav li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    min-width:13%;
}
nav a {
    color: #e4d3b0;
    display: block;
    font: bold 16px/50px sans-serif;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

nav a.active {color: #e4d3b0;}

nav ul ul li { }

nav ul ul a {
    font: bold 14px/20px sans-serif;
    padding: 8px 10px;
    border-top: 1px solid #e4d3b0;
 }


nav .dropdown:after {
    content: ' \25ba';
}

nav li:hover a {
    color: #e4d3b0 ;
    background: #c21b22;
    
}
nav li ul {
    float: left;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 35px;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
nav li:hover ul {
    opacity: 1;
    top: 50px;
    visibility: visible;
}
nav li ul li {
    float: none;
    width: 100%;}

nav ul ul li a {color: #e4d3b0 !important; }

nav ul ul li:hover a {background: #9e151b;}

/* Clearfix for dropdown menu*/

.cf:after, .cf:before {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
.cf {
    zoom:1;
}

/* tour dates formatting */

table.tour {
width: 90%;
border-collapse: collapse;
border-spacing: 0;
border:0;
margin: 0;
padding: 0;
table-layout: auto;
box-sizing:border-box;
}

table.tour td {
padding:5px;	
margin: 0;
color: #666666;
border: 1px dotted #9D9D9D;
font-size:80%;
box-sizing:border-box;
 }

td.tour1 {width:20%;}
td.tour2 {width: 40%;}

table.tour td.heading {
font-weight:bold;
 }

th.month {
padding: 10px;
background-color: #c21b22;
color: #fff;
border: 1px dotted #9D9D9D;
box-sizing:border-box;
}

div.no-records {margin: 30px 0; }

/* reviews formatting */


.hide, span.hide-1 {display:none; }
#wrapper.reviews div#colTwo span.hide {display:inline; }

#wrapper.reviewspress span.hide, #wrapper.reviewspress span.hide-1 {display:inline; }

/* links formatting */

ul.links {
margin: 0px 0 10px;
list-style-type:none;
padding: 0;
 }
 
ul.links li a {font-weight:normal;font-size: 90%;}

ul.links li a:hover {color: #000; }
h3.links {font-size: 90%; margin: 0;padding: 0;text-transform:uppercase; border-bottom: 1px dotted #999999}


img.pull-left {
float:left;
margin: 5px 20px 10px 0px;
 }
 
/* image gallery formatting */

div.images-home h2{margin: 20px 0 0 ; }
div.images-home div.separator {border:none; margin: 20px 0; }

/* newsletter formatting */

#wrapper #mc_embed_signup .indicates-required {
    font-size: 11px;
    margin-right: 4%;
    text-align: right;
}

#wrapper #mc_embed_signup .mc-field-group {
    clear: left;
    min-height: 50px;
    padding-bottom: 3%;
    position: relative;
 
   width: 96%;
}

div#wrapper #mc_embed_signup .mc-field-group input {
    display: block;
    padding: 8px 0;
    text-indent: 2%;
    width: 100%;
}

div#wrapper #mc_embed_signup .mc-field-group label {
    display: block;
    margin-bottom: 3px;
}


div#wrapper #mc_embed_signup .button {
    background-color: #aaa;
    border: 0 none;
    border-radius: 4px;
    clear: both;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    margin: 0 5px 10px 0;
    padding: 0 22px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
}

div#wrapper #mc_embed_signup .button:hover {background: #777; }

/* albums formatting */

div.albumCover {
    float:left;
    width:220px;
    margin: 0;
    padding:0; }
    
div.albumCover img {width: 200px;height:auto; border: 1px solid #666; }
    
div.albumInfo {
    float:left;
    margin-left:0px;
    width:320px;}
 
div.albumMain p {padding-left:20px;}


/* reviews index formatting - 2 column */

div.col-50 {
float: left;
width: 325px; }

div.col-50.left {margin-right: 100px; }

div.col-50 ul.submenu li a {text-transform:none; }


div#wrapper.recommends h2 span.type {
color: #666;
font-size: 85%;
margin: 0 5px 0 0px;
font-style:normal;
font-weight:bold;
}

div#wrapper.recommends h2 span.type:after {
content:':';
 } 

div#wrapper.recommends h2 {margin: 30px 0 0px;padding: 0;font-size:110%;line-height:110%; } 
div#wrapper.recommends p {margin: 20px 0 0 0; }
div#wrapper.recommends h2 + p {margin: 0;padding: 0; }

img.charlotte {height:200px; width: auto;margin: 20px 20px 10px 0; }

form#wpforms-form-209 {padding: 20px; background-color:#DE691C;border-radius:5px; }
form#wpforms-form-209 label {color:#fff; }
form#wpforms-form-209 textarea, form#wpforms-form-209 input {border:none; }
form#wpforms-form-209 label.wpforms-field-label {font-size:130%;margin: 20px 0 5px; }

form#wpforms-form-209 span.wpforms-required-label {color: #fff !important; }

 input[type=radio] {
    border: 0px;
    height: 20px !important;
    width:auto !important;
}

img.full-width { 
float:left;
margin:0 20px 40px 0;
}


div.event-month {
width: 100%;
margin: 20px 0px;
padding: 10px 20px;
background-color:#c21b22;
color:#fff;
font-weight:bold;
font-size:120%;
text-transform:uppercase;
box-sizing:border-box;
 }

div.event-box {
width: 100%;
margin: 20px 0px;
padding: 20px;
background-color:#ebebeb;
box-sizing:border-box;
border: 1px solid #BFBFBF;
 }
 
div.event-box:after {
    content: '';
    display: block;
    clear: both;
}


div.event-date {
font-size:100%;
font-weight:bold;
width: 50%;
float:left; }

div.event-date span.event-day {
color: #c21b22;
font-weight:bold;
font-size:100%; }
 
div.event-date span.event-day:after {
content: '\A';
display: block;}
 
div.event-right {
width: 50%;
float:left; }
 
div.event-venue {
color: #424548;
font-weight:bold;
font-size:90%;}

div.event-info a {
text-decoration:underline;}

div.event-info {
color: #424548;
font-weight:500;
font-size:80%;
font-style:italic;}



div.journalism-box  {
border-bottom: 2px dotted #D1D1D1;
padding: 0 0 10px;
margin: 0;
   }
   
p.news-menu {margin: 0 0 20px; }


/*SHOP PAGES ALBUMS */

div.shopAlbums {
display: grid;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-columns: repeat(3, 1fr );
  padding:0; }
 
div.album-box {
position:relative;
padding: 10px;
background-color:#f1efe9;
border-radius:5px;
text-align:center; 
border: 1px solid #c21b22;
box-sizing:border-box;}

div.buttons {position:absolute; bottom: 10px; width: 100%;}

div.album-box img {
width: 100%;
box-sizing:border-box; 
border: 1px solid #333;}

div.album-box div.title {
margin: 20px 0 0px;
text-transform:uppercase;
font-size:16px;
line-height:normal;
color:#333; }
 
div.album-box div.price {
margin: 0px 0 50px;
font-size:14px;
line-height:normal; }

div.album-box p {margin:10px 0 5px 0; }
div.album-box p span.title {font-weight:bold; }

.buyNow {
	background-color:#c21b22;
	border-radius:50px;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:"Source Sans Pro", verdana, arial, "sans serif";
	font-size:14px;
    letter-spacing:1px;
    line-height:1em;
	font-weight:normal;
	padding:4px 15px;
    margin: 0 5px;
	text-decoration:none;
    text-transform:uppercase;
}

.buyNow:hover {	background-color:#9e151b;}
.buyNow:active {position:relative;	top:1px;}

div#content-1 a.buyNow {color: #fff; }
div#content-1 a.buyNow:hover {color: #fff;text-decoration:none; }
 
.buyNow.download {
	background-color:#c21b22;
}
.buyNow.download:hover {
	background-color:#9e151b ;
}
.buyNow.download:active {
	position:relative;
	top:1px;
}

.info-box {
width: 100%;
box-sizing:border-box;
margin: 30px 0;
padding: 20px 20px 10px;
background-color:#f1efe9;
border-radius:5px;
border: 1px solid #c21b22;
box-sizing:border-box;}

div.info-box h2 {margin:0 0 30px; }
div.info-box p {margin: 0 0 10px; }



/*ALBUMS PAGES DISPLAY */

div.albumsDisplay {
display: grid;
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-columns: repeat(4, 25%);
}
 
div.box5 {
padding: 0px;
border: 1px solid #ccc;
box-sizing:border-box;}


div.box5 img {
width: 100%;
display:block; }

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
    margin: 0 0px 10px 0px;}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}
.videoWrapper {padding-bottom: 56.25%; /* 16:9 */}
.videoWrapper.square {padding-bottom: 75%; /* 16:9 */}

#charity-work div.box{
display:grid;
grid-template-columns: 150px 1fr;
grid-column-gap: 20px;
 }
#charity-work h2 {margin: 0 0 10px; }
#charity-work img {width: 150px;height:auto; border: 1px solid #000; border-radius: 5px;}
#charity-work div.separator {margin: 20px 0; border-bottom: 1px dotted #000; }


/*EPK SECTION ON MAIN WEBSITE */

div.epk-image-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 10px;
grid-row-gap: 10px;
margin: 0px 0 30px;
padding: 10px;
background-color:#f1efe9;
 }
 
div.epk-image-grid a, div.epk-image-grid a img {display:block;margin: 0; }

div.epk-image-grid img {
width: 100%;
height:auto;
 }
 
div.epk-image-grid img.border {border: 1px solid #000; }
 
body.management.epk p.by {font-weight:bold; text-transform:uppercase;margin:0;line-height:normal;} 
body.management.epk p.date {font-weight:normal; text-transform:uppercase;font-size:12px;line-height:normal;} 
body.management.epk hr {border-top: 1px dotted #666; margin: 20px 0; }
h2.hires {margin: 20px 0 10px; }


/*ALBUMS PANEL ON HOME PAGE*/

#album-panel {
width:100%;
background-color:#f7f7f7;
padding: 20px 0;
box-sizing:border-box; }

#ap-grid {
display:flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
column-gap: 20px;
}

#ap-grid > div {
width: 50%;
background-color:#fff;
padding: 20px 30px;
 }
 
 

div.ap-grid-1 {
display:flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-end;
column-gap:20px;
}

.ap-grid-1 > div {width: 50%;}

.ap-grid-1 > div p:last-child {margin: 0; }

.ap-grid-1 img {
width: 100%;
height:auto;
display:block; }

#ap-grid div.text p {
font-size: 14px;
 }
 
#ap-grid div.text p a {text-decoration:none; font-weight:bold; }
#ap-grid div.text p a:hover {text-decoration:underline; font-weight:bold; }

@media only screen and (max-width: 950px){

#album-panel {
padding: 20px;
box-sizing:border-box; 
margin: 20px 0;}

#ap-grid {
display:flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
column-gap: 10px;
}

#ap-grid > div {
width: 50%;
background-color:#fff;
padding: 0;
 }
 
#ap-grid div.pic {width: 100%; }
#ap-grid div.text {display:none; }


}