/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
<>FRAMEWORK 
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/*<>Grid
----------------------------------------------------------------------------------------------------------------*/

/*  SET ALL ELEMENTS BOX-SIZING TO BORDER-BOX
  If you need support for IE7 and lower use polyfill: https://github.com/Schepp/box-sizing-polyfill */
* { -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }


/* SELF CLEARING FLOATS - CLEARFIX METHOD */
.row:after, .col:after, .clr:after, .group:after, .rn:after { 
  content: ""; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; }


/* DEFAULT ROW STYLES */
.row { margin-bottom: 2em; } /* set according to preference*/
      
                  
/* DEFAULT COLUMN STYLES */
.col { 
  display: block;
  float:left;
  width: 100%;
}

@media ( min-width : 48em) {
  .col {
    margin-left: 2%;
  }
}

/* Reset Margins*/
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/* COLUMN WIDTH ON DISPLAYS +768px */
@media ( min-width : 48em ) {
  .span-1 { width: 6.5%; }
  .span-2 { width: 15.0%; }
  .span-3 { width: 23.5%; }
  .span-4 { width: 32.0%; }
  .span-5 { width: 40.5%; }
  .span-6 { width: 49.0%; }
  .span-7 { width: 57.5%; }
  .span-8 { width: 66.0%; }
  .span-9 { width: 74.5%; }
  .span-10 { width: 83.0%; }
  .span-11 { width: 91.5%; }
  .span-12 { width: 100%; }
}

/*<>Clear Fix */

.row,
.clr,
.group              { zoom: 1; } /* IE6 */

*:first-child+html .row,
*:first-child+html .clr,
*:first-child+html .group   { zoom: 1; } /* IE7 */

.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

:root { 

  --opensans: "open-sans", sans-serif;

}

/*<>Fonts
----------------------------------------------------------------------------------------------------------------*/

@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
  font-family: "twentyone";
  src:url("fonts/twentyone.eot");
  src:url("fonts/twentyone.eot?#iefix") format("embedded-opentype"),
    url("fonts/twentyone.ttf") format("truetype"),
    url("fonts/twentyone.svg#twentyone") format("svg"),
    url("fonts/twentyone.woff") format("woff");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "twentyone" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "twentyone" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-group:before {
  content: "a";
}
.icon-email:before {
  content: "b";
}
.icon-address:before {
  content: "c";
}
.icon-phone:before {
  content: "d";
}
.icon-envelope:before {
  content: "e";
}
.icon-fax:before {
  content: "f";
}
.icon-mobile:before {
  content: "g";
}
.icon-home:before {
  content: "h";
}
.icon-navicon:before {
  content: "i";
}
.icon-arrow-r:before {
  content: "j";
}
.icon-arrow-l:before {
  content: "k";
}
.icon-arrow-u:before {
  content: "l";
}
.icon-arrow-d:before {
  content: "m";
}
.icon-navicon-2:before {
  content: "n";
}
.icon-mobile-2:before {
  content: "o";
}
.icon-contact:before {
  content: "p";
}
.icon-search:before {
  content: "q";
}
.icon-pinterest:before {
  content: "r";
}
.icon-googleplus:before {
  content: "s";
}
.icon-skype:before {
  content: "t";
}
.icon-twitter:before {
  content: "u";
}
.icon-linkedin:before {
  content: "v";
}
.icon-youtube:before {
  content: "w";
}
.icon-instagram:before {
  content: "x";
}
.icon-facebook:before {
  content: "y";
}
.icon-vimeo:before {
  content: "z";
}
.icon-flickr:before {
  content: "A";
}
.icon-star:before {
  content: "B";
}
.icon-cloud:before {
  content: "D";
}
.icon-postbox:before {
  content: "E";
}
.icon-key:before {
  content: "H";
}
.icon-chat:before {
  content: "I";
}
.icon-address-2:before {
  content: "F";
}
.icon-time:before {
  content: "G";
}
.icon-checkmark:before {
  content: "K";
}
.icon-www:before {
  content: "J";
}
.icon-envelope-2:before {
  content: "L";
}
.icon-preview:before {
  content: "M";
}
.icon-playback:before {
  content: "N";
}
.icon-back:before, .icon-previous:before {
  content: "O";
}
.icon-play:before, .icon-next:before {
  content: "P";
}

.icon-chat-2:before {
  content: "Q";
}
.icon-share:before {
  content: "C";
}
.icon-playlist:before {
  content: "R";
}
.icon-bullet-1:before {
  content: "S";
}
.icon-bullet-2:before {
  content: "T";
}
.icon-bullet-3:before {
  content: "U";
}
.icon-bullet-4:before {
  content: "V";
}
.icon-previous-track:before {
  content: "W";
}
.icon-next-track:before {
  content: "X";
}
.icon-volume:before {
  content: "Y";
}

.icon-rss:before {
  content: "1";
}


/*<>Basics
----------------------------------------------------------------------------------------------------------------*/

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
    overflow-y: scroll; /* Force a scrollbar in non-IE */
}
body {
    margin: 0;
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6, p, blockquote, figure, ol, ul {
    margin: 0;
    padding: 0;
}

ul {
   list-style-type:none; 
}


nav li {
    display:inline-block;
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
}
a {
    text-decoration: none;
    color: inherit;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}
img {
    max-width: 100%;
    height: auto;
    border: 0;
}

/*<>Alignment
---------------------------------------------------------------------------------------------*/
.float-right {
  float: right;
}

.float-left {
  float: left;
}

.center {
  margin: 0 auto;
}

.align-right {
  text-align: right;
}

.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.align-justify {
  text-align: justify;
}

.vertical-align {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}



/*<>Typography
---------------------------------------------------------------------------------------------*/

/*
$fontbase = 16
$line-height-base = 24
*/

html {
  font-size: 100%;
  color: #222;
}

body,
button,
input,
select,
textarea,
ul, ol {
  color: #222;
  font-family: 'OpenSansRegular', sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
  text-rendering: optimizeLegibility;
  margin: 0 0 0.5em;  
  font-weight: inherit;
  line-height: 1.618; 
}

h1 {
  font-size: 2.25em;
  color: #ff9900;
  text-transform: uppercase;
}

h2 {
    font-size: 1.75em; 
  
}

h3 {
    font-size: 1.5em; 
   
}

h4 {
    font-size: 1.25em;
    
}

h5, h6 {
    font-size: 1.15em;     
    
}

ul li, ol li {
  padding:0;
}

ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol > li {
    position:relative; /* Create a positioning context */
    margin:0; /* Give each list item a left margin to make room for the numbers */
    padding:0.25em 2em; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */ 
   
}

ol > li:before {
    content:counter(li) ; /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position: absolute;
    left:0;
    top:0.5em;
    width: 1.5em;
    height: 1.5em;
    padding:0.15em;
    line-height: 1.5em;
    border-radius: 100%;
    text-align: center;
    font-size: .75em;
    background-color: #ff9900;
    color: #fff;
   
}

small {
    font-size: 0.75em; 
   
}



/*<>Browser Specifics
 ---------------------------------------------------------------------------------------------*/

/* Firefox*/
header { padding-top: .001em }


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
<>THEME 
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.show {
  background:url(images/bg/body.png);
}


p, ul, ol {
  margin-bottom: 1.5em;
}


.outer-wrapper {
  background-image:url(images/bg/31.jpg);  
}

.home .outer-wrapper {
  background-image:none;
  background: #fc0;

}


.show .outer-wrapper {
  background-image:none;
  background: rgba(255, 100, 0, 0.75);
  background: radial-gradient( rgba(255, 100, 0, 0.75) 40%, rgba(25, 25, 25, 0.25));
  background-size: 100% 100%;
}

.wrapper {
   width: 100%;
    max-width: 62rem;
    margin:0 auto;
    padding: 0 1em;
    position: relative;  
}

.icon {
    display: inline-block;
    padding: 0.25em;
    text-align: center;
    width:2em;
    height:2em;
    border-radius: 100%;
    font-size: 0.75rem;
    color: #aaa;
}

.spaceholder {
  min-height: 0.25em;
  margin-left: 0;
}

.panel {
  margin-bottom: 1.5rem;
}

p:empty {
  display: none;
}

.popup-image {
  position: relative;
  padding: 1.5rem;
  width: auto;
  width:80%;
  max-width: 800px;
  margin: 1.25rem auto;
  background-color: rgba(255,255,255,0.95);
  border-radius: 4px;
  color:#010A14;
  font-size: 0.75rem;
  text-align: center;
}

.popup-image img {
  width: 96%;
  max-width: 800px;
  height:auto;
}



/*<>Forms
---------------------------------------------------------------------------------------------*/



/*<>Elements
---------------------------------------------------------------------------------------------*/
.button, .button:visited, input[type="submit"], input[type="reset"], input[type="button"], button.button {
  display: inline-block;
  padding: .8em 1.5em;
  background-color: #f30;
  color: #fff;
  border-radius: 6px;
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}


 input[type="submit"] {
  width: 8em;
  color: #fff;
  background-color: #f30;
  text-transform: lowercase;
  font-size: 1em !important;
  text-align: center;
  padding:  0.75em;
  margin: 0.25em auto;
  border:none !important;
  font-family: 'OpenSansRegular';
}



/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 0.5rem;
  width: 8rem;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: rgba(255, 255, 255, 0.9);
  color: #f30;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/*Countdown*/

.hp-counter {
  background: #f90;
  padding:1rem;
}

.independence {
  text-align: center;
}

.independence-logo {
   display: inline-block;
     vertical-align: top;

}

.independence-counter {
  display: inline-block;
    vertical-align: top;
}

/* countdown exists in this block */
.layout-type_default .hasCountdown
{
  overflow: hidden;
  display: table;
  text-align: center;
}

/* event description */
.layout-type_default .countdown_descr
{
  display: block;
}

/* number groups */
.layout-type_default .countdown_section
{
  display: inline-block;
  border:5px solid #fff;
  border-radius: 100%;
  width:4.25rem;
  height: 4.25rem;
  padding:0.8rem;
  margin-right:0.25rem;
  text-align: center;
  color: #fff;
  vertical-align: middle;
  line-height: 1.5;

}

/* numbers */
.layout-type_default .countdown_amount
{
  color: #fff;

}

/* number labels */
.layout-type_default .countdown_label
{
  display: block;

  font-size: 50%;
  text-transform: uppercase;
}

/* time's up! message */
.layout-type_default .times-up
{
  display: block;
}

/*Indenpendence Calendar*/

.independence-events a{
  font-size: 0.7rem;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 2rem;
}


.alignleft {
  float:left;
  margin-right:1rem;
}

.alignright {
  float:right;
  margin-left:1rem;
}

.wp-caption-text {
  font-size:65%;
  color: #666;
}

/*<>header
---------------------------------------------------------------------------------------------------------*/

.hero {
   background-image:url("images/bg/hero.jpg"); no-repeat center center fixed; 
   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.show .hero {
  background-image:none;
}

.contact-bar-wrapper {
  background-color: rgba(0, 0, 0, 0.1);
  color: #f60;
  margin-bottom: 0.5rem;
}

.contact-bar {
  text-align: center;
}

.contact-bar ul {
  list-style-type:none;
    margin:0;
    padding:0;
    font-size: 0.6rem;
    color: #f4f4f4;
    
}

.contact-bar li{
  display: inline-block;
  padding-right: 0.25em;

}

.contact-bar .icon {
  color: #fff;
}

.contact-bar .contacts li {
  height: 2em;
  line-height: 2em;
  padding-right:0.5em;
}

.contact-bar .contacts .label {
  display: none;
}

.contact-info ul {    
    text-transform: uppercase;
    text-align: center;
 
}
.contact-info  li {
    margin-right: 1em;
    padding-top:0.25em;
    
}

.contacts {
  font-size: 0.75rem;
}

.socialmedia ul{    
    padding-top: 0.25em;
    text-align: center;
}


.logo {
  text-align: center;
}

.logo img {
  /*max-width:100px;*/
  max-width:160px;
  margin: 0 auto;
}

.slogan {
  font-size: 70%;
  color: #222;
  font-family: 'OpenSansBold';
  text-align: center;
}

/*<>navigation
---------------------------------------------------------------------------------------------------------*/

.primary-wrapper, .secondary, .show-nav .mobile-wrapper {
  display:none;
}

 .primary-wrapper .drama {
    display: none;
  }

.show-nav {
  position: relative;
}
.show-menu {
  text-transform: uppercase;
  margin-top:1.25rem;
}

.show-menu ul {
  font-size: 0.75rem;
}

.show-menu li{
  margin-right:0.25rem;
  padding:0.25rem;
}

.show-menu li:first-child {
  padding:0.25rem 1rem 0.25rem 0;
}

.show-menu li a {
  color: #f4f4f4;
}

.show-menu li a:hover {
  border-bottom: 2px solid rgba(0,0,0,0.5);
}

.show-menu li.current-menu-item {
  background:rgba(0,0,0,0.5);
  position: relative;
}

.show-menu li.current-menu-item a:hover {
  border-bottom: none;
}

.show-menu li.current-menu-item:after {
  width: 0.25rem;
  height: 0;
  content: '';
  border-top: 0.75rem solid rgba(0,0,0,0.5);
  border-right: 1.25rem solid transparent;
  border-left: 1.25rem solid transparent;
  margin-left: -1.5rem;
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
}

.mobile-wrapper {
  position: absolute;
  width:100%;
  top:5em;
  right:0;
  z-index: 1000; 
   *zoom: 1;
   text-align: right;

}

 .mobile-wrapper ul {
  background: rgba(255,255,255,0.9);
  margin-top: 1rem;
}

 .mobile-wrapper .icon-home {
  font-size: 1.25rem;
}

.mobile-wrapper li {
  text-transform: uppercase;
  font-size: 0.9rem;
  font-family: 'OpenSansExtrabold';
  border:none;
  min-width: 25%;
  text-align: center;
  padding: 0.5rem 1rem;

}

.mobile-wrapper li span {
  font-family: 'OpenSansLight';
  font-size: 0.75em;
}


.menu-label {
  font-size: 1rem;
  padding-right: 0.25em;  
  display: inline-block;
}

.menu-btn {
  display: inline-block;
}

.menu-btn span {
  display: block;
  width: 19px;
  height: 2px;
  margin: 3px 0 0 0;
  background: rgb(0,0,0);
  z-index: 99;
}

.responsive-menu{
  display: none;
}

.expand {
  display: block !important; 
}

.open-menu-link{
  display: none;
  position: absolute;
  right: 15px;
  top:0;
  line-height: 55px;
  font-size: 30px;
  cursor: pointer;
}

.visible {
  display: block !important;
}

/*.mobile-menu li {
  padding:0.5em 0.25em;
  font-size: 1rem;
  border-bottom: 1px solid #ddd;
  text-align: center;
  list-style-image: none;
}*/

.mobile-menu li.searchbox {
  border-bottom: 0
}

.mobile-menu #searchform #s {
  border: 1px solid #ddd;
  padding:1.5em !important;
  width:60%;
}

.primary-wrapper .listen {
  background: #f60;
  height: 3.5em;
  max-height: 3.5em;
  padding:0.5em;

}

.primary-wrapper .listen a {
 color:#fff;
 text-transform: uppercase;
 font-family: 'OpenSansBold';
 font-size: 0.75rem;
}

.primary-wrapper .listen a span {
  display: block;
  font-size: 0.45rem;
  font-family: 'OpenSansLight';
  
}

.primary-wrapper .menu-item-300 {
  display: none;
}
/*<>featured
---------------------------------------------------------------------------------------------------------*/
.featured {
  margin-bottom: 0;
}

/*<>content
---------------------------------------------------------------------------------------------------------*/

/*page head*/

.page-header {
  height:10rem;
  text-align: center;
}

.page-header h1 {
  font-size: 2rem;
  text-align: center;
  margin-top: 3rem;
  text-transform: uppercase;
  font-family: 'OpenSansBold';
  color: #f90;
  display: inline-block;
  border-bottom: 2px solid #fc0;
  padding: 0 2rem;
}

.info .page-subheader h2 {
  margin-top: 0;
  padding-bottom:1rem;
  font-family: 'OpenSansBold';
  font-size:1.25rem;
  text-transform: uppercase;
  color: #000;
  border-bottom: none;
}

.hp-info {
  background-color: #fc0;
}

.info {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding:2.5rem;
  background: #fff;
}

.show .info {
  background: none;
  padding: 0;
  margin-top: 0;
}

.info.list {
  background: transparent;
  padding:2rem;
  margin:0 0 2rem 0;
}

.info a {
  color: #ff3300;
}

.info h2 {
  text-transform: uppercase;
  letter-spacing: 1px;
  border-bottom: 1px solid #eee;
  color: #f60;
  margin-top: 2rem;
}

.info h3 {
  display: inline-block;
  margin-bottom: 0.25rem;
}


.info.list .item {
  background-color: #fff;
  padding:0 2rem 2rem 2rem;
}

.info .list ul, .info .pages ul, .package ul{
  margin-left:-0.15em;
}

.info .list ul li, .info .pages ul li, .package ul li   {
  padding: 0 0 0.5em 1.6em; /* match the icon width */
  text-indent: -1.6em;    /* match the icon width */
}

.info .list ul li:before, .info .pages ul li:before, .package ul li:before{
  content:"j";
  font-family: 'twentyone';
  float: left;
  width: 1.6em;
  color: #f30;
  font-weight: 800;
  font-size: 70%;
  padding-top:0.25em;
}

.info .list ul li ul li:before, .info .pages ul li ul li:before, .package ul li ul li:before{
  content:"S";
  font-size: 100%;
  padding-top:0;
}


/*<>widgets/sidebar
---------------------------------------------------------------------------------------------------------*/
.sidebar {
  margin-bottom: 1rem;
}

.show .sidebar {
  margin-top: 0;
}

.sidebar ul li:before {
  content: "";
  padding:0;
  margin:0;
}

.widget-title {
  display: none; /*hide widget headings*/
}

/*<>footer
---------------------------------------------------------------------------------------------------------*/

footer {
   background-color: #421;
   color: rgba(255,255,255,0.75);
}

.footer-info {
  margin-bottom: 1.5rem;
 
}

footer nav {
  margin-top: 1rem;
}

footer nav a {
  color: #fc0;
  font-size: 0.55rem;
  text-transform: uppercase;
  padding-right: 0.5rem;
}

footer .contact-bar .contacts h4 {
  text-transform: uppercase;
  color: #f30;
  padding:0;
  margin: 0;
  font-size: 0.8rem;
  font-family: "OpenSansBold";
}

footer .contact-bar .contacts li {
  height: 1rem;
  line-height: 1rem;
}

footer .contact-bar .contacts .label {
  display: inline-block;
  padding-right: 0.25rem;
  color: #f30;
}

footer .contact-bar .contacts .icon {
  display: none;
}

footer .contact-bar .contacts ul li {
  display: block;
}

.siteinfo {
  font-size: 0.5rem;
}

.credits {
  text-align: right; 
}

.credits a {
  color:#ff9900;
 
}

/*<>Sections/Pages
---------------------------------------------------------------------------------------------------------*/

/*<>Blog>......................................*/

.post {
  margin-bottom: 0;
}


.blog .item .date, .blog .item .author {
  width:auto;
  display: inline-block;
  padding-right: 2%;
}

.blog-photo {
  margin-bottom: 0.5rem;
}

/*Homepage..........................................*/


.hp-about, .hp-feed {
  font-size: 0.8rem;
  margin-top: 2rem;
}

.hp-about h2, .hp-feed h2{
  font-family: 'OpenSansExtrabold';
  text-transform: uppercase;
  font-size: 1rem;
}

.hp-about p a {
  padding:0.5rem;
  border:1px solid #000;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 2px;
  width:80%;
  margin:0.5rem auto;
  text-align: center;
}

.hp-about .banner {
  padding:2rem 1rem;
  font-size: 2rem;
  color: rgba(255,255,255,0.95);
}

.hp-about .banner h2 {
  font-size: 1.5rem;
  line-height: 1;
  text-transform: none;
  padding:0;
  margin: 0;
}

.hp-about .banner h3 {
  font-size: 0.75rem;
  line-height: 1;
  padding:0;
  margin: 0;
  font-family: "OpenSansLight";
}

.hp-about .banner p {
  margin-bottom: 0;
  padding: 1rem 0 0 0;
  text-align: center;
  font-family: 'OpenSansSemibold';
  border-bottom: 2px solid #fff;
}

.hp-about .banner p a {
  
  border: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: 80%;
  margin: 0.5rem auto;
  text-align: center;
  }

.who .banner {
  background: #f60;
}

.what .banner {
  background: #f40;
}

.with .banner {
  background: #f20;
}

.hp-feed {
  display: none;
}


.hp-feed h2 {
  color: #ff3300;
  text-align: center;
}

.hp-feed li {
  margin-bottom: 0.5rem;
}

.hp-feed a {
  color: #f90;
}

.hp-feed > .wrapper > div {
  padding-right: 1.5rem;
  border-right: 1px dotted #ff6600;
  font-size: 0.65rem;
}

.eu-project {
    color: #fff;
    font-size: 1rem;
    display: block;
    clear: both;
    padding: 2rem 1.5rem;
    background-color: #0E4194;
    text-align: center;
    text-transform: uppercase;
    margin-top: 2.5rem;
}


.eu-project p {
  margin-bottom: 0;
}


.eu-project span {
  color: #EBED0C;
  font-family: "OpenSansExtrabold";
}


/*<>Listen Page................................*/

.show .panel{
background: rgba(245,245,245,1);
color: #666;
border-radius: 4px;
position: relative;
}

.panel.sponsors-panel {
  background: transparent;
}

.show .panel h2 {
  font-size: 1rem;  
  color: rgba(255,100,0, 1);
  text-transform: uppercase;
  font-family: 'OpenSansExtrabold';
  margin-left: 3rem;
}

.show .panel p, .show .panel ul {
  margin-bottom: 0;
}

.info.panel {
    font-size: 0.75rem;
    padding:0.5rem 1rem;
}

.info.panel h2 {
  margin: 0.5rem 0;
  font-size:1.25rem;
}

.new-episodes {
  padding:1rem;
}

.new-episodes li, .seasons-playlist li {
  padding:0.25rem;
  line-height: 1;
}

.new-episodes li:last-child, .seasons-playlist li:last-child {
  margin-bottom: 0;
}


.new-episodes li:before, .seasons-playlist li:before {
  font-size:0.75rem;
  background-color: #f60;
  padding:0.15rem;
  width:1rem;
  height:1rem;
  border-radius: 100%;
  color: #fff;
  margin-right:0.5rem;
}

.new-episodes li, .seasons-playlist li {
  font-size: 0.75rem;
  line-height: 1.25;
  padding-left:0.5rem;
}

.new-episodes li:before, .seasons-playlist li:before {
  font-family: 'twentyone';
}

.seasons-playlist li:before {
  content: "O";
}

.new-episodes li:before {
  content: "P";
}

/*Jubilee*/
.jubilee .featured ul {
  margin-bottom: 0;
}

.jubilee .content h1 {
  font-size: 1.25rem;
  color: #000;
  font-family: 'OpenSansBold';
}

.jubilee-support {
  padding: 0.5rem;
  padding-bottom: 1rem;
  margin: 0;
  background-color: #fff;
  font-size:0.6rem;
  font-family: "OpenSansBold";
  text-align: center;
}

.jubilee-support span {
  font-family: "OpenSansRegular";
  padding: 0 0.25rem;
  border-left:1px solid #ddd;
}

.jubilee-support span:first-child{
  border-left:none;
}

.jubilee-menu {
  padding:1rem 2rem 0 2rem;
  background: rgba(255,255,255,0.5);
  margin-bottom: 1rem;}

.jubilee-menu ul li{
  font-family: 'OpenSansBold';
  font-size: 0.85rem;
  margin-right: 2rem;
  text-transform: uppercase;
}

.jubilee-menu ul li a {
  color: #c00;
}

.jubilee .panel{
background: rgba(255,255,255,1);
color: #666;
border-radius: 4px;
position: relative;
padding:2rem;
}

.jubilee .panel h2 {
  font-size: 1rem;  
  color: rgba(0,0,0,1);
  text-transform: uppercase;
  font-family: 'OpenSansExtrabold';
  padding-bottom: 0.25rem;
  border-bottom: 4px solid #a00;
  display: inline-block;
}

.jubilee .panel p, .jubilee .panel ul {
  margin-bottom: 0;
}

.jubilee-info p {

}

.jubilee .panel li a {
  font-size:0.85rem;
  padding:0.5rem 0;
  border-bottom:1px #ddd dotted;
  display: inline-block;
  color: #f30;
}

.jubilee .panel li a:last-child {
   border-bottom:none;
}

 .jubilee .panel li a:before {
    content: "j";
    font-family: 'twentyone';
    float: left;
    width: 1.6em;
    color: #f30;
    font-weight: 800;
    font-size: 60%;
    padding-top: 0.4rem;
    color: #a00;
  }


 .jubilee .jubilee-preview.panel p {
    font-size: 0.8rem;
    margin-bottom: 1rem;
  }



/*Preview*/

.preview {
  padding: 1rem;
  color: #f4f4f4;
  font-size: 0.75rem;
  border-radius: 4px;
}

.panel-icon {
  position:absolute;
  color: rgba(255,255,255,1);
  font-size: 1.5rem;
  width:2.5rem;
  height: 2.5rem;
  left:1rem;
  top:0;
  background-color: #FFB764;
  text-align: center;
  line-height: 2.5rem;
  padding:0.25rem 0;

}

.show-preview {
  z-index: 10;
}

.show .panel .show-preview p {
  margin-bottom: 0.5rem;
}


.preview-date {
  font-size: 0.75rem;
  color:#444;
  font-family: 'OpenSansExtrabold';
  text-transform: uppercase;
  padding-bottom: 0.5rem;
}

/*<>Photos................................*/

.photos ul li:before {
  display: none;
}

.photos .info .pages ul li {
  padding:0;
  text-indent: 0;
}

.photos .pgalbumtitle {
  font-weight: 400;
  font-size: 0.5rem;
  color: #f30;
  text-transform: capitalize;
}

/*<>Search Results................................*/

.search-results .posttitle a {
  font-size: 1.25rem;
}

.search-results .info h3 {
  font-size: 1.15rem;
}


/*<>Comments
---------------------------------------------------------------------------------------------------------*/
.post-comments {
  padding-top:2rem;
}

#comments input, #comments textarea {
  width:80%;
  display: block;  
}

#comments label {
  font-size: 0.75rem;
  padding-bottom: 0.25rem;
  text-transform: uppercase;
  color: #fff;
}

#comments #prompt-comment-subscribe input{
  display: inline-block;
  width:auto;
}

#comments input[type="submit"] {
  max-width:240px;
}

/*Episode Comments*/
.commentlist li.comment ul.children li {
  padding: 0; /* match the icon width */
  text-indent: 0;  
}

.commentlist li.comment ul.children li:before {
  content:"";
}

 ol.commentlist > li:before {
  left:0.5rem;
}

.avatar {
  width:60px;
  height:60px;
}

.con-comment {
  padding: 1rem;
  margin-bottom: 0.5rem;
  border:1px solid #eee;
  background-color: #f4f4f4;
  border-radius: 0.25rem 2rem 0.25rem 2rem;
}

.commenttext{
  font-size:0.75rem;
  border-top:1px dotted #ddd;
}

.comment-body .time {
  display: inline-block;
}

.com-reply {
  position: absolute;
  right:2%;
  bottom:5%;
}

.comment-respond p{
  font-size:60%;
}

.info .logged-in-as a {
  color: #fff;
}

/*Epidsode Recent Comments*/
.episode-comments {
  background-color: #f50;
  padding: 1rem;
}

.episode-comment {
  padding:0.5rem;
  background-color: rgba(255, 255, 255, 0.9);
  margin-bottom: 0.5rem;
}

.episode-comment-author {
  font-size: 0.6rem;
}

.episode-comment-author span {
  text-transform: capitalize;
  color: #ff3300;
 font-family: 'OpenSansSemibold';
}


.episode-comment-content {
  font-size: 0.6rem;
}

.episode-comment-source {
  font-size: 0.5rem
}


/*OTW*/
.abusing {
  background: #ffcc00;
  padding: 1rem;
  padding-bottom: 0;
  color: #fff;
  margin-bottom: 2rem;
}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
<>PLUGINS
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/*<Contact Form
-----------------------------------------------------------------------------------------------------------*/

.wpcf7 input[type="text"], .wpcf7 textarea, .wpcf7 input[type="email"], .wpcf7 input[type="password"], .request select, .request input[type="date"], .wpcf7 input[type="tel"], .wpcf7 select{
  width:100%;
  border: 1px dotted #ddd;
  margin-top: 0.25rem;
  
}

.wpcf7 input[type="text"], .wpcf7 textarea, .wpcf7 input[type="email"], .wpcf7 input[type="password"], .request input[type="date"], .wpcf7 input[type="tel"] {
  padding:0.5rem 0.25rem;
}

.wpcf7 input[type="tel"] {
  width:90%;
}

.wpcf7-list-item {
  display: block;
}

.contact-tel > div {
  margin-left: 0;
} 

.contact-form .required {
  color: #ff2200;
  font-size: 1rem;
  margin-bottom: 1.75rem;
  font-family: "OpenSansRegular";
}

.contact-form .requiredinfo {
  color: #f20;
  font-size: 0.6rem;
  margin-bottom: 2rem;
}

.contact-form input[type="submit"] {
  width: 8em;
  color: #fff;
  background-color: #f30 !important;
  text-transform: lowercase;
  font-size: 1em !important;
  text-align: center;
  padding:  0.75em;
  margin: 0.25em auto;
  border:none !important;
  font-family: 'OpenSansRegular';
}

.contact-form .note {
  font-size: 0.6rem;
  color: #f30;
}

.contact-form span.wpcf7-not-valid-tip {
  background-color: #f7e700;
  color: #333;
  font-family: 'opensanssemibold';
  padding:0.25rem;
  font-size: 0.75rem;
}

div.wpcf7-validation-errors {
    background: #f7e700;
    font-family: 'opensanssemibold';
    font-size: 0.75rem;
    padding: 1.5rem;
  }


.volunteer-form h3 {
  font-size: 1rem;
  font-family: 'OpenSansExtrabold';

}

.volunteer-form div {
  margin-bottom: 2rem;
  border-top:1px dashed #f90;
  padding: 1rem 0;
}

.volunteer-form tr td {
  padding: 0.5rem;
}

.volunteer-form th,  .volunteer-form thead th{
  background: #eee;
  font-family: 'OpenSansBold';
  font-size: 0.6rem;
  padding: 0.5rem;
}

.volunteer-form .day {
  text-align: left;
  text-transform: uppercase;
  font-family: 'OpenSansBold';
  font-size: 0.6rem;
}

.volunteer-form input[type="checkbox"] {
  height: 1rem;
  width:1rem;
  margin: 0.5rem 0;
}

.volunteer-form select  {
  width:25%;
}

.volunteer-form .contact-tel select  {
  width:90%;
}

.volunteer-time {
  border-collapse:collapse;border-spacing:0;
}
.volunteer-time td {
  border-bottom: 1px dotted #eee;
}

.volunteer-time .wpcf7-list-item-label {
  display: none;
}

.volunteer-form .date-available input[type="text"] {
  max-width: 300px;
}




/*<>Episodes
---------------------------------------------------------------------------------------------------------*/

/*single-episode*/

.episode-player {
  background: rgba(245,245,245,0.75);
  padding:2rem;

}

.episode .post-nav ul li {
  padding-top: 0;
  margin-top: 0;
  vertical-align: top;
}


.episode .post-nav .icon {
  background:#f60;
  color:#fff;
  font-size: 1.35rem;
  line-height: 1.5rem;
  padding:0.25rem;
  width:2rem;
  height:2rem;
  text-align: center;
  border:#f40 1px solid;
}

.post-nav .icon.icon-playlist {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

/*Playlist*/
.seasons-playlist {
  padding:1rem;
}

.player-track-title, .li-mjp {
  text-transform: capitalize;

}


/*<>Events>
---------------------------------------------------------------------------------------------------------*/

.event-date  {
  width:23.5%;
  float: left;
}

.event-details {
  width:74.5%;
  float: left;
  margin-left: 2%;
}

.start-day, .start-month, .start-year {
  text-align: center;
  text-transform: uppercase;
  font-size: 0.6rem;
}

.start-day {
  text-transform: uppercase;
  color: #f30;
  font-size: 1.5rem;
  line-height: 1;
}

.start-month {
  font-family: 'OpenSansBold';
}

.event-item h3 {
  padding:0 0 0.25em 0;
  margin:0;
  font-family: 'OpenSansSemibold';
  line-height: 1;
  display: block;
  border-bottom: none;
}

.event-item {
  padding: 0.75rem 0;
  border-bottom:1px dotted #f60;
}

.event-col {
  width:50%;
  float:left;
}

.event-specs {
  font-size: 0.6rem;
}

.event-info, .event-summary {
  margin-top: 1rem;
  display: none;
}

/*Home Page Events*/

.hp-feed .event-col {
  width:100%;
}

.hp-feed .event-time {
  font-family: 'OpenSansSemibold';
  padding-bottom: 0.25em;
}

.hp-feed .event-address {
  font-family: 'OpenSansLight';
}


.hp-feed .event-end-day, .hp-feed .event-tel, .hp-feed .event-email, .hp-feed .event-website {
  display: none;
}

/*Page - List of Events*/

.event-list .event-summary {
  display: block;
}

/*Event Post*/

.event-post .event-info {
  display: block;
  border-top:1px solid #eee;
  padding-top:1rem;
}


.event-post .event-item {
  border-bottom: none;
}


/*Ninja Forms*/
.nf-form-fields-required {
  font-size: 0.75rem;
  font-family: var(--opensans);
  font-weight: 500;
  margin-bottom: 2rem;
}


.nf-field-label label, .nf-field-label .nf-label-span {
  color: rgba(var(--teal), 1);
  font-family: var(--opensans);
  font-size: 0.8rem;
  letter-spacing: 1px;
  font-weight: 500;
  text-transform: uppercase;

}

.label-above .nf-field-label {
  margin-bottom: 2px !important;
}

.nf-field-description p {
  font-size: 0.75rem;
}

.nf-field-element p {
  font-size: 0.65rem;
  font-family: var(--opensans);
  font-weight: 500;
}

.nf-field-element ul li:before {
  display: none;
}

.nf-form-cont {
  border:1px solid rgba(var(--teal), 1);
  padding: 2rem;
  border-radius: 0.5rem;
  width:100%;
}

.nf-form-cont h3 {
  font-size: 1.75rem !important;
  font-family: var(--opensans);
  font-weight: 800;
  margin-top: -5rem;
  width: fit-content;
  padding:2rem;
  padding-left: 0;
  background: rgba(var(--white), 1.0);
  color: rgba(var(--teal), 1.0);
}

.nf-form-cont h3:before {
  display:none !important ;
}

.ninja-forms-form-wrap h4 {
  font-size: 0.95rem;
  font-family: var(--opensans);
  font-weight: 700;
}

.ninja-forms-form-wrap h5 {
  font-size: 0.85rem;
  font-family: var(--opensans);
  font-weight: 700;
  color: var(--text);
  margin:0;
  margin-top: 1rem;
}

.list-checkbox-wrap .nf-field-element li label{
  line-height: 1.5rem;
}

.nf-field legend {
  font-size: 0.9rem;
  font-family: var(--opensans);
  font-weight: 500;
}

.nf-after-field .nf-error-msg {
  font-size: 0.65rem;
}

.nf-form-fields-required {
  font-size: 0.65rem;
}

.info .pages .nf-form-content ul li:before {
  content: '';
  display: none;
}


hr.ninja-forms-field {
  margin-bottom: 2rem;
  margin-top: 1rem;
  background: transparent;
}

.submission {
    padding: 2rem;
    background: rgba(var(--teal), 0.25);
    border: 1px solid rgba(var(--teal), 0.5);
    position: relative;
    border-radius: 8px;
    margin-bottom: 2rem;
    font-size: 0.75rem;
    line-height: 1.25;
    margin-top: 2REM;
  }
.submission:before {
    content: 'u';
    font-family: 'procurement';
    width: 4rem;
    height: 4rem;
    border-radius: 100%;
    border: 1px solid rgba(var(--teal), 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    top: -2rem;
    left: -2rem;
    position: absolute;
    background: rgba(var(--teal), 0.25);
    font-size: 2.5rem;
    color: rgba(var(--teal), 1);
}

.submission strong {
  font-family: var(--opensans);
  font-weight: 700;
}

.list-radio-wrap .nf-field-element li label {
  line-height: 1.5;
}

.nf-field-containe.medium {
  margin-bottom: 5px !important;
}

.nf-field-label .nf-label-span, .nf-form-content label {
  font-size: 1rem !important;
}


.nf-field-description {
  margin-bottom: 1rem !important;
}
.nf-form-content input[type=submit] {
  text-transform: uppercase !important;
}

/*<>News>
---------------------------------------------------------------------------------------------------------*/

.list h2 {
  font-size: 1rem;
}

.list p {
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  color: #444;
}

.list .item{
  margin-bottom: 1.5rem;
  width:47.5%;
  margin-right: 2.5%;
  display: inline-block;
  vertical-align: top;
}

.list .item:nth-of-type(2n) {
  margin-right:0;
}


.list-meta {
  padding: 0 0 1rem 0;
  margin:0;
  line-height: 0.5;
}

.item  .publish-date, .item  .writer {
  font-size: 0.55rem;
  margin-bottom: 0.25rem;
  color: #999;
}

.item  a.moretag {
  padding:0.5rem;
  font-size: 0.55rem;
  text-transform: uppercase;
  color: #fff;
  background-color: #f30;
  letter-spacing: 1px;
  
}

.news-title h1 {
  text-transform: uppercase;
  font-family: 'OpenSansExtrabold';
  font-size: 1.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #eee;
  margin-bottom: 1rem;

}

.post-data {
  font-size: 0.6rem;
  margin-bottom: 0.5rem;
}
.post-data div {
  display: inline-block;
}

.news-source {
  font-size: 0.7rem;
  margin-bottom: 1.5rem;
}

p.wp-caption {
  font-size: 0.65rem;
  color: #aaa;
}

/*<>Slides
---------------------------------------------------------------------------------------------------------*/

.slideshow{
  position: relative;
}

.slide-image-wrapper {
  background-color: rgba(0, 0, 0, 0.75)
}

.slide {
  background-color: rgba(0, 0, 0,0.25);
}

.slide-info {
  padding: 1rem;
  text-align: center;
}

.hpslides .slide-info h2 {
  font-family: 'OpenSansBold';
  margin:0;
  color: #fff;
}


.hpslides .slide-info h3 {
  font-family: 'OpenSansLight';
  color: rgba(255,255,255, 0.8);
}

.hpslides .slide-info p, .hpslides .slide-info div, .show .slide-info div{
  color: rgba(255,255,255, 0.8);
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}

.show .slide-info div {
  font-size: 0.7rem;
}


.hpslides .slide-info .button, .showslides .slide-info .button  {
  border-color: rgba(255,255,255, 0.8);
  color: #fff;
}

.hpslides .slide-image {
  height:220px;
  }

.hpslides .notext .button {
  position: absolute;
  bottom:1rem;
  right:1rem;
}

.show-slideshow {
  margin-bottom: 1.5rem;
}

.show-slideshow .button {
  background: transparent;
}

.showslides li {
  position: relative
}

.showslides .slide-info {
  position: absolute;
  top:0;
  left:0;
  color: #fff;
  height: 320px;
  background: rgba(0,0,0,0.15);
  width:100%;
}

.showslides h2 {
  color: #fc0;
  text-transform: uppercase;
  font-family: 'OpenSansExtrabold';
}

.showslides .button {
  border:none;
  padding:0;
}

.showslides .button a {
  border: #fc0 1px solid;
  padding:0.25rem;
  color: #fc0;
}

.bx-wrapper {
  position: relative;
  margin: 0 0 60px 0;
  padding: 0;
  *zoom: 1;
}

.bx-wrapper img {
  width: 100%;
  display: block;
}

/** Bx Theme
===================================*/

.bx-wrapper .bx-viewport {
  left: 0;
  
  
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
      -ms-transform: translatez(0);
      -o-transform: translatez(0);
      transform: translatez(0);
}

.bx-wrapper, .bx-wrapper .bx-viewport ul, .bx-wrapper .bx-viewport li {
  margin:0;
  padding:0;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(images/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
  left: 1rem;
  background: url(images/bx_controls.png) no-repeat 0 -32px;
  opacity: 0.5;
  -webkit-transition: opacity 0.5s;
  -moz-transition:    opacity 0.5s;
  -o-transition:      opacity 0.5s;
}

.bx-wrapper .bx-next {
  right: 1rem;
  background: url(images/bx_controls.png) no-repeat -43px -32px;
  opacity:0.5;
  -webkit-transition: opacity 0.5s;
  -moz-transition:    opacity 0.5s;
  -o-transition:      opacity 0.5s;
}

.bx-wrapper .bx-prev:hover {
  opacity: 1;
}

.bx-wrapper .bx-next:hover {
  opacity: 1;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 999;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */

/*.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(images/bx_controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(images/bx_controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}
*/

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}


/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666699;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}


/*<>Social Sharing
---------------------------------------------------------------------------------------------------------*/

.share-button {
  margin-top: 0.25rem
}

.social-share {
  background: #f60;
  color: #fff;
  font-size: 1rem;
  line-height: 1rem;
  padding: 0.3rem 0.5rem;
  width: 2rem;
  height: 2rem;
  text-align: center;
  border-radius: 100%;
  border: #f40 1px solid;  
}

.social-share:before {
  font-family: 'twentyone';
  content: "C";
} 

/*<>Sponsors
---------------------------------------------------------------------------------------------------------*/
.sponsor-apply {
  text-align: center;
  text-transform: uppercase;
  padding:0.5rem;
  font-size: 0.8rem;
  font-weight: 600;
  background-color: #fc0;
}


/*Sponsor Packages
---------------------------------------------------------------------------------------------------------*/

.package {
  background: #fff;
  border:#ccc 1px solid;
  width:100%;
  margin-bottom: 2rem;
}

.package > div {
  padding:0.25rem 0.5rem;
}

.package h2 {
  color: #f60;
  text-transform: uppercase;
  font-size: 1.75rem;
  text-align: center;
  padding:0.25rem;
  margin:0;
  margin-top: 1.5rem;
}

.package h3 {
  font-size: 0.65rem;
  text-transform: uppercase;
  font-weight: 600;
  height:60px;
  text-align: center;
}


.package h4 {
  text-transform: uppercase;
  font-family: 'OpenSansBold';
  font-size: 1rem;
}


.package-details {
}

.package-pricing {
  background: #f30;
  padding:0.25rem;
  color: #fff;
  height: 150px;
  text-align: center;
}

.package-price {  
  font-size: 1.55rem;
  font-family: 'OpenSansExtrabold';  
}

.package-price span {
  font-size: 1rem;
  font-family: 'OpenSansBold';
  text-transform: uppercase;
  border-bottom: 2px solid #fff;
}

.package-terms {
  font-size:60%;

}

.youthslam .info .icon-facebook {
  background: #f60;;
  color: #fff;
  padding:0.5rem 1rem;
  margin:1rem 0;
  border-radius: 1rem;
}

/*<>Tablepreess
---------------------------------------------------------------------------------------------------------*/

.tablepress-id-1 {
  font-size: 85%
}

.dataTables_filter {
  display: none !important;
}

.air-day {
  color: #f30;
  font-family: 'OpenSansBold';
  padding-right:0.5em;
}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
<>ADD-ONS 
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.browsehappy {
  background: #fff;
  text-align: center;
  font-size: 1.5em;
  padding:1em;
}

.browsehappy a {
  color:#DC3228;
}

.scrollup{ 
    background: url("images/scroll.png") no-repeat scroll 0 0 transparent;
    bottom: 1.25em;
    display: none;
    height: 40px;
    position: fixed;
    right: 1.25em;
    text-indent: -9999px;
    width: 40px    
}

.scrollup > a:hover {
    text-decoration: none;

}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
<>RESPONSIVE STYLES 
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/*<>PHONE (pp)
----------------------------------------------------------------------------------------*/
@media (min-width: 30em) {

  html {
    font-size: 105%;
  }

  .show-menu ul {
  font-size: 1rem;
  }

  .show-menu li {
    padding:0.25rem 0.5rem;
    }

   /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>
  <>PLUGINS
  >>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

  /*Contact Forms*/

  .volunteer-form tr td {
    padding: 0.5rem;
  }

  .volunteer-form th,  .volunteer-form thead th {
    font-size: 0.65rem;
    padding: 0.5rem;
  }

  .volunteer-form .day {
     font-size: 0.65rem;
  }
}
/*<> WIDE PHONE (wp) 
----------------------------------------------------------------------------------------*/
@media (min-width: 40em) {

  html {
    font-size: 110%;
  }

  .show-menu ul {
  font-size: 1.15rem;
  }

  .show-menu li {
  padding:0.25rem 0.75rem;
  }

   /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>
  <>PLUGINS
  >>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

  /*Contact Forms*/

  
  .volunteer-form th,  .volunteer-form thead th, .volunteer-form .day {     
     font-size: 0.7rem;
  }

  
}
/* <>TABLET (tt) 
----------------------------------------------------------------------------------------*/
@media (min-width: 48em) {

  html {
    font-size: 115%;
  }


  .layout-type_default .countdown_section
{
  
  width:5rem;
  height: 5rem;
  padding:1rem;
  margin-right:1rem;
}

  /*header*/
  .contact-bar ul {
  font-size: 0.55rem;
  }

  .contact-bar {
  text-align: left;
    }

  .socialmedia ul{
    text-align: right;
  }

  .masthead ul {
    margin-bottom: 0;
  }

  .logo img {
   max-width: 100%;
  }

  .slogan {
    padding:1.5rem 0;
    text-align: left;
    font-size: 65%;
  }

  /*navigation*/
   .mobile-wrapper {
    display: none;
  }

 
  .primary-wrapper,  .show-nav .mobile-wrapper, .secondary {
    display: block;
  }

   .show .primary-wrapper {
    display: none;
   }

  .primary-wrapper {
    background-color: #fc0;
  }

  .primary ul {
    text-transform: uppercase;
    margin-bottom: 0;
    height: 3.5em;
    max-height: 3.5em;
    overflow: hidden;
    line-height: 1;
  }

  .primary li {
    padding:1.5rem 0.5rem;
    vertical-align: top;
    margin-left: -0.3rem;
    height: 3.75rem;
    overflow: hidden;
  }

  .primary li:first-child {
    padding: 1rem 0.5rem;
  }

  .primary a {
    color: #444;
    height: 3.5em;
    max-height:3.5em;
    font-size: 0.65rem;
    font-family: 'OpenSansBold';
  }
  

  .primary a span {
    font-size: 0.45rem;
    font-family: 'OpenSansLight';
    display: none;
  }


  .primary li:hover {
    background-color: #f60;
    color: #000;
    border: none;
  }

  .primary .current-menu-item {
    background-color:#f60;
    color: #000;
  }

  .primary li.menu-item-32:hover, .primary .current-menu-item.menu-item-32 {
    background-color:transparent;
    color: #f60;
  }

  .current-menu-item.menu-item-32 div, .menu-item.menu-item-32 div:hover {
    color: #f60;
  }

  .primary .icon-home {
    font-size: 1.5rem;
    padding-right: 1rem;
  }

  .secondary {
    padding:1.5rem 0;
  }

  .secondary ul {
    text-align: right;    
  }

  .secondary li {
    font-size: 0.6rem;
    text-transform: lowercase;
  }

  .secondary li a{
  border-left: 1px dotted #444;
  padding: 0 0.5em;  
  }

.secondary li:first-child a{
  border-left: none;
  }
 
  .show-menu ul {
    font-size: 1.25rem;
  }

.mobile-wrapper {
   width:auto;
  top:0;
  }

  #searchform #s {
    padding:0.75em 3em 1em 0.5em !important;     
    background-color: transparent;
    border: none;
    font-size: 0.5rem;     
    width:100%;     

  }

#searchform input[type="submit"]  {
    height: 1.5rem;
    width:1.5rem;
    border-radius: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    text-indent: -9999px;
    background: transparent;
    z-index: 10;


}

.searchbox {
  position: relative;
  width:25%;
  text-align: left;  
}

#searchform {
  border:1px dotted #eee;
  background: rgba(255,255,255,0.5);
}


.site-search.icon.icon-search {
  position: absolute;
   right: 0.025rem;
   top:0.025rem;
   color: #f30;
}

  .sidebar {
  margin-top: 2rem;
  }

  /*Pages/Sections............................................................*/
  /*Homepage*/
  
  .hp-about .banner {
    font-size: 1.5rem;
  }

    /*Sponsor Packages*/

   .package {
    width:48%;
    margin-left: 2%;
    float: left;
   
  }

  .package ul li {
    font-size:70%;
  }
  
  /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>
  <>PLUGINS
  >>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

  /*Slides*/

  .slide-image-wrapper.col, .slide-info.col { 
  display: block;
  float:left;
  width: 100%;
  margin-left: 0;
  }

  .slide-info {
  padding:1rem 20%;
  }

  .hpslides .slide-image {
  height:360px;
  }

  /*Player*/
  .season-5 .li-mjp:last-child a:after {
    content: 'new';
    margin-left: 0.5rem;
    padding:0.25rem;
    font-size: 0.6rem;
    background: #f30;
    color: #fff;
    text-transform: uppercase;
  }

}


/* <>WIDE TABLET (wt) 
----------------------------------------------------------------------------------------*/
@media (min-width: 64em) {

  html {
    font-size: 120%;
  }

  .contact-bar ul {
  font-size: 0.6rem;
  }

  .slogan {
    font-size: 75%;
  }

  /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
  Navigation
  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

  .primary li {
    padding:1rem 0.75rem;
  }

  .primary a span {
    display: block;
    font-size: 0.55rem;
    padding-top: 0.25rem;

  }

  .primary a {
    font-size: 0.75rem;
  }

  .primary-wrapper .listen {
    padding:0.5em 1em;
  }

  .primary-wrapper .listen a {
   color:#fff;
   text-transform: uppercase;
   font-family: 'OpenSansBold';
   font-size: 0.95rem;
  }

  .primary-wrapper .listen a span {
    display: block;
    font-size: 0.55rem;
    font-family: 'OpenSansLight';
    
  }

   /*Pages/Sections............................................................*/
  /*Homepage*/
  
  .hp-about .banner {
    font-size: 1.75rem;
  }


    /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>
  <>PLUGINS
  >>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

  /*SLides*/
  .slide-image-wrapper.col {
    width:66%;
    } 

  .slide-info.col {
    width:32%;
    margin-left: 2%;
  }

  .slide-info {
  padding:1rem;
  text-align: left;
  }

  .hpslides {
    font-size:90%;
  }

  .hpslides .slide-image {
  height:420px;
  }

  /*Sponsor Packages*/

   .package {
    width:23%;
  }

.package-description {
  height:400px;
}

 
}
/*<>DESKTOP (dd) 
----------------------------------------------------------------------------------------*/
@media (min-width: 75em) {
   html {
    font-size: 125%;
  }

  .contact-bar ul {
  font-size: 0.65rem;
  }

.primary a {
    font-size: 0.85rem;
  }


 /*Pages/Sections............................................................*/
  /*Homepage*/
  
  .hp-about .banner {
    font-size: 2rem;
  }

    /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>
  <>PLUGINS
  >>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

  /*SLides*/
  .hpslides {
    font-size:100%;
  }

  .hpslides .slide-image {
  height:480px;
  }

}
/* <>WIDESCREEN (wd) 
----------------------------------------------------------------------------------------*/
@media (min-width: 80em) {}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 
<>PRINT STYLES 
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

@media print {
  * {
    background: transparent !important;
    color: black !important; /* Black prints faster: sanbeiji.com/archives/953 */
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  a, a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /* Do not show javascript and internal links */
  a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; 
  }

  /* Printing Tables: css-discuss.incutio.com/wiki/Printing_Tables */
  thead {
    display: table-header-group;
  }

  tr, img {
    page-break-inside: avoid;
  }

  @page {
    margin: 0.5cm;
  }

  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2, h3 {
    page-break-after: avoid;
  }
}