@charset "UTF-8";
/************************************************

Stylesheet: Main Stylesheet

*************************************************/
/*********************
GENERAL STYLES
*********************/
body {
  font-size: 80%;
  line-height: 1;
}
p {
  font-size: 1.3em;
}
.off-canvas-wrapper-inner {
    max-width: 990px;
    margin: 0 auto;
  }

.off-canvas-content {
  box-shadow: none;
}

ul {
    list-style: none;
}

/*********************
LINK STYLES
*********************/
a, a:link, a:visited {
    color: #212121;
}
a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

a:hover {
    color: #00bbd8;
}

a.title { display: none; }


/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none;
      color: #222222; }
h1 {
    font-size: 2rem;
    line-height: 1.2;
    margin-bottom: 20px;
}
h2 {
    font-size: 1.8em;
    margin-bottom: 0.75em;
}
h2.sub, h3.sub {
    color: #515151;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 2em;
    letter-spacing: 2px;
    text-transform: uppercase;
}
h3.sub, h6.sub {
    text-align: center;
    border: none;
}

h4 {
    font-size: 1.2em;
    line-height: 1.25;
    }
h6 {
    font-size: 1em;
    font-weight: bold;
}
h3#reply-title {
    border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top: 40px;
    font-size: 1.1rem;
    font-weight: bold;
}

#sidebar h3.sub {
  line-height: 1;
}

tbody, tfoot, thead {
    border: none;
    background: none;
}
/*********************
HEADER STYLES
*********************/
.header ul.off-canvas-list li {
  list-style: none; }

#top-bar-menu {
    padding: 8px 16px 0;

    z-index: 2000;
    width: 990px;
}


  .top-bar, .top-bar ul {
    background-color: #fff;
}



  /*logo rollover */
  #logo a {
    display : block;
    width : 350px;
    height : 73px;
    margin-top: 10px;
  }



 
.weekbanner {
    margin-left: 10px;
    height: 360px;
    position: relative;
    margin-bottom: 40px;
    overflow: hidden;
}
.weekbanner img {
    width: auto;
    height: 360px;
    max-width: none;
    left: -30%;
    position: relative;
    margin: 0;
}



.weekbanner h4 {
      font-size: 1.2em;
    line-height: 1.25;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 4px;
    position: absolute;
    top: 15%;
    left: 0;
    padding: 15px;
    z-index: 1000;
    pointer-events: none;
}
.weekbanner h4 a {
    color: #00BBD8;
    font-family: 'bebas_neueregular', arial, sans-serif;
    font-size: 37px;
    font-style: normal;
    line-height: 40px;
    font-weight: bold;
}


.flex-video, .flex-video iframe, .flex-video object, .flex-video video {
    height: 360px;
    padding-bottom: 0;


}
.page-template-template-full-width .flex-video  {
      padding-bottom: 0;
      margin: 0 auto;
      margin-bottom: 20px;
      max-width: 750px;
      height: 420px;
}
.page-template-template-full-width .flex-video iframe {
    height: 420px;
}

.video-wrap-column .flex-video, .video-wrap-column  .flex-video iframe {
    height: 270px;

}
#post-50274 .flex-video, #post-50274  .flex-video iframe  {
      max-width: 440px;
      height:250px;
  }



/*********************
NAVIGATION STYLES
*********************/
.top-bar .title-area {
  z-index: 1; }

.off-canvas-list ul {
  margin-left: 0; }
  .off-canvas-list ul li a {
    border-bottom: 0px; }
  .off-canvas-list ul .dropdown {
    margin-left: 20px; }
#menu-berlin-art-link-1 {
      padding-top: 5px;
}

#menu-berlin-art-link-1 a {
    padding: 0.4rem 0.4rem;
    font-size: 0.8rem;
    text-transform: none;
    margin-right: 10px;
}

#menu-berlin-art-link-1 li:last-child {
  padding-right: 0;
  margin-right: 0;
}

#menu-berlin-art-link-1  a:hover {
    background-color: #ececec;
    color: #00bbd8;
}
#menu-berlin-art-link-1  a::after {
  border-color: transparent transparent transparent #00bbd8;
      margin-top: 1px;
      display: none;
}

#top-bar-menu .menu-text {
  padding: 0;
}
.off-canvas.position-right {
  display: none;
}
.off-canvas.position-right.is-open {
  display: block;
}
.dropdown.menu .submenu.first-sub {
    z-index: 1000;
    }
.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow>a::after {
  visibility: hidden;
}
.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow>a:hover::after {
  visibility: visible;
}
.top-bar-right{
    position: absolute;
    top: 0px;
    right: 20px;
}
 .menu {
  float: right;
  margin-top: 30px;
}
 .menu-icon {
    position: relative;
    cursor: pointer;
    width: 30px;
    height: 26px;
}

 .menu-icon::after {
    border-radius: 4px;
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 5px;
    background: #000;
    top: 0;
    left: 0;
    box-shadow: 0 10px 0 #000,0 20px 0 #000;
}
.menu-icon:hover::after {
     background: #000; 
     box-shadow: 0 10px 0 #000,0 20px 0 #000; 
}
.is-open-right .menu-icon::after {
     background: #01bbd7; 
     box-shadow: 0 10px 0 #01bbd7,0 20px 0 #01bbd7; 
}

.menu>li:not(.menu-text)>a {
  overflow: hidden;
}
/*********************
Home page
*********************/
.huge_it_slideshow_dots_thumbnails_2 {
    display: none;
}
#huge_it_slideshow_right_2, #huge_it_slideshow_left_2 {
    margin-top: -1000px !important;
}
#hometopslider {
      margin-bottom: 8px;
}

  /* thumbnail slider : apps/slider.php */

  #slickCarousel  { visibility: hidden; } #slickCarousel.slick-initialized { visibility: visible; }

    .sliderGallery { background: white;  }
    .sliderGallery ul li a span { background-color:rgba(0,0,0,0.3); color: #ccc; text-align: center; font-size: 11px; height: 20px;
    margin-top: 100px;}
    .sliderGallery ul li a span:hover { color: white; }
    #slider-handle span { color: #aaa; font-size: 70%; }
    .ui-slider-handle { background: #aaa; }
    #slider-handle { background: #ddd; }
  .sliderGallery ul li {
    padding-left: 4px;
    padding-right: 4px;
    overflow: hidden;
  }
  .slick-slide img {

  }
  .sliderGallery ul li a {
    display: block;

    position: relative;

}
        .sliderGallery ul li a span {
    bottom: 0;
    height: 20px;
    left: 0;
    overflow: hidden;
    padding: 2px 0 2px 4px;
    position: absolute;
    z-index: 20;
    width: 100%;
}

.slick-prev:before, .slick-next:before {
    color: #666;
  }
.slick-dots {
  position: relative;
    top: 0;
  }
.slick-dots li button:before{
  font-size: 10px;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: rgb(0, 173, 239);
}


/*********************
Home Page Column stlyes
*********************/
.imageWrap {
    overflow: hidden;
    height: 120px;
}

.imageWrap img {
  width: 100%;
}
.infoSide {
  padding: 0 20px 0 10px;
}
.columnWrap {
  margin-bottom: 10px;
}
.midhomepage .column {
    padding-left: .625rem;
    padding-right: .625rem;
}

h6.sub {
  text-align: center;
  border: none;
    color: #515151;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1em;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#category-section ul {
    font-size: 80%;
}
#category-section ul li a {
    display: block;
    margin: 0;
    padding: 0 0 10px 0;
    line-height: 1.2em;
}
#category-section .column h6, #category-section .column p {
    padding-left: 10px;
    padding-right: 10px;
}

#category-section a img {
    position: relative;
    margin: 0 10px 1.5em 10px;
    top: -25px;
  }
.byline {
      margin: 0;
    font-style: normal;
    max-width: 590px;
    padding: 0;
    font-size: 11px;
    color: #000;
}
#category-section .byline {
  color: #000; }

.resourcesbanner {
  text-align: center;
}
.resourcesbanner img {
    width: 49%;
    padding: 0;
    margin: 0;
}

#category-section a img{
    
      filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
      filter: gray; /* IE6-9 */
      -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  }

#category-section a img:hover {

      filter: none;
      -webkit-filter: grayscale(0%) brightness(1);
  }

/*********************
POSTS & CONTENT STYLES
*********************/
header {
  margin-bottom: 10px;
}
#content #inner-content {
  padding: 1rem 0rem; }

.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  color: #999; }

.entry-content img {
  max-width: 100%;
      width: 100%;
      margin-bottom: 20px;
  height: auto; }

.page-template-template-full-width .entry-content img {
  width: inherit;
}

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  width: 100% !important;
  max-width: 100%;
  padding: 5px; 
  margin-bottom: 20px;}
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }

    .wp-caption p.wp-caption-text {
  font-size: 0.7em;
      margin: 4px 0 7px;
    text-align: right;
}

.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #2199e8;
  color: #fff; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff; }

/*********************
IMAGE GALLERY STYLES
*********************/
/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
  margin: 0; }
  .widget ul li {
    list-style: none; }


/* sidebar */

.span8 {
  width: 300px;
}

div.colborder, div.border {
  border: none !important;
}

.colborder {
  border: none;
}

#sidebar {
  text-align: right;
}

#sidebar .item {
  margin: 0 0 15px 0;
}

#sidebar .item img {
  float: right;
  margin-bottom: 30px;
}

#sidebar ul {
  text-align: left;
  }
#sidebar ul li {
  line-height: 1.2;
    margin-bottom: 6px;
  }
#sidebar ul li a { 
    font-size: 0.8rem;
    margin-bottom: 5px;
  }

.socialicons {
  text-align: center;
  white-space: nowrap;

}
#sidebar .item .socialicons a img {
  margin-left: 14px; 
    float: none;
  margin-bottom: 0;
}

#search{
  
}

#search #s, #mc_embed_signup #e, input#signup_email {
  background-image: none !important;
  background-repeat: no-repeat;
  background-color: #eaeaea;
  font-size: 12px;
  border: 0;
  margin: 0;
  height: 30px;
  padding: 0;
  padding-left: 10px;
  width: 100%;
}

#searchsubmit {
  background: none;
  height: 30px;
    width: 44px;
    cursor: pointer;
    text-indent: -9999px;
    border: none;
  background-image: url('../../images/searchgo.png') !important;
  position: relative;
  top: -31px;
}

#mc-embedded-subscribe, #mad_mimi_signup_form .submit {
  background: none;
  height: 30px;
    width: 45px;
    cursor: pointer;
    text-indent: -9999px;
    border: none;
  background-image: url('../../images/join.png') !important;
  position: relative;
  top: -30px;
}

.mimi_field.last{
  text-align: left;
  background-color: #eaeaea;
  padding: 10px;
}


input[type=text], input[type=password], input.text, input.title, textarea {
  background-color: #eaeaea !important;
}

#huge_it_slideshow_right_2, #huge_it_slideshow_left_2 {
  margin-top: -1000px !important;
}

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  margin-top: 1em; }

  #footer {

  }

#footer ul { font-size:1em; }



/* footer logo rollover */
  .footlogo {
      padding-top: 6px;
      float: left;
  }
  .footlogo a {
    display : block;
    width : 324px;
    height : 55px;
  }

  .footlogo a:hover, .footlogo a:focus {
    background : transparent url("../../images/bal-footer-logo_h.png") no-repeat;
  }

  .footlogo a:hover img, .footlogo a:focus img {
    background : transparent;
    visibility : hidden;
  }

  .footer-credits {
    padding-top: 5px;
    padding-bottom: 5px;

    background-color: #222221;
    padding-right: 20px;
}

  .creditstext {
    text-align: justify;
    font-size: 10px;
        line-height: 1.5;
    font-family: Arial, Helvetica,sans-serif;
    color: #fff;
    background-color: #222221;
    font-weight: normal;
  }
  .creditstext a.paleblue, a:link.paleblue, a:visited.paleblue {
    color: #fff;
  }

  .creditstext a.paleblue:hover {
    color: #00BBD8;
  }


/* footer sitemap */

  #footer ul li a, ul.txt li {
    display: block;
    height: 1%;
    line-height: 1.2em;
    padding: 6px 0 6px 8px;
}
  .footer-sitemap {
    height: 170px;
    overflow: hidden;
    clear: both;
    width: 1000px;
    background: none;
  }

  ul.foot-menu li {
    float: left;
    width: 170px;
    margin-right: 1.72rem;
    background-color: #ececec;
    font-size: 92%;
    height:170px;
  }


  #footer ul.sub-menu {
    margin: 15px 0;
  }

  #footer ul.sub-menu li {
    float: none;
    margin: 0;
    height:16px;
  }

  #footer ul.sub-menu li a {
    padding: 3px 0 4px 8px;
        font-size: 0.88em;
  }



  #footer ul li a:hover, ul.txt li:hover { color: #00BBD8; background: none; }
  .partners {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  #footer .partners h3 {
    color: black;
  }
  .partners {
    text-align: center;
    background-color: #ECECEC
  }
  
  .partners a {
    
  }
  .partners a img {
    width: 180px;
    height: 72px;
  }
/*********************
archive page styles
*********************/
.archive .attachment-post-thumbnail, .search .attachment-post-thumbnail {
    float: left;
    max-width: 150px;
    margin: 0 10px 1.5em 10px;
}
/*********************
FOUNDATION STYLES
*********************/

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }

/*********************
BANNER ADVERT STYLES
*********************/
  .billboard {
    text-align: center;
    padding-top: 10px;
    margin-bottom: 5px;
  }

 .skyscraper {
 	position: absolute;
    right: -100px;
    top: 115px;

 }

/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. 

Remember to add things that won't make sense to print at 
the bottom. Things like nav, ads, and forms shouldbe set 
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }



/* fonts */

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

.off-canvas {
  background: none;
  border-left: 1px solid rgba(204, 204, 204, 0.31);
  height:100%
  ;
}

/* Hiding the Facebook like/share when directly in posts */
p .fb_iframe_widget {
  display: none;
  }
p [class*="fb_iframe_widget"]{
  padding: 0;
}

/******************************************************************

MEDIA queries

******************************************************************/

/* laptop sceens */
@media screen and (max-width: 1284px)  { 
  /* Styles */

}

/* iPads (landscape) ----------- */
@media screen and (max-width : 1024px){
/* Styles */

  #top-bar-menu {
        position: fixed;
        top: 0;
    width: 100%;
    left: 0;
    border-bottom: 1px solid rgba(204, 204, 204, 0.6);
  }
  #content {
    margin-top: 100px;
  }

  #sidebar .item {
    clear: both;
  }
 .weekbanner {
    max-height: 220px;
    overflow: hidden;
    margin-left: 0; 
  }
  .weekbanner .attachment-post-thumbnail {
    width: 97%;
    height: auto;
    margin: 0;
    left: 0;
    max-width: 100%;
  }
  .weekbanner h4 {
    left: 10px;
  }
  .video-wrap-column {
    padding: 0 50px;
  }
  .resourcesbanner img {
    width: 30%;
    padding: 5px;
  }

  .show-for-large-up {
    display: none;
  }


}

/* iPads (portrait) ----------- */
@media screen and (max-width : 768px){

   #top-bar-menu {

  }
    .top-bar-right {
    position: absolute;
    top: 0px;
    right: 20px;
    height: 100%;
    max-width: 20%;
  }
 .menu {
    border-left: 1px solid rgba(204, 204, 204, 0.6);
    position: relative;
    top: 0;
    padding-top: 28px;
    padding-left: 20px;
    height:100%;
    margin-top: 0;
  }
  ul.vertical.menu {
    width: 100%;
    padding-right: 20px;
    z-index: 2000;
  }
  .is-accordion-submenu-parent>a::after {
    right: 0;
  }
    .footer-sitemap {
    display: none;
  }
  #footer.column, #footer.columns {
    padding: 0;
  }
  .footer-credits {
    padding-left: 20px; }
  .footlogo { 
    float: none;
  }
    .creditstext {
    padding: 5px 10px 20px 10px;
  }
 
}

/* medium to small screens */
@media only screen and (max-width: 640px) {

  #logo a {
    height: 60px;
  }
  #logo a img {
    height:50px;
  }


}

/* Smartphones (portrait) ----------- */
@media screen and (max-width : 480px) {
  #content {
    margin-top: 70px;
  }

  .video-wrap-column {
    padding: 0 20px;
  }

  #sidebar .item .textwidget img {
    width: 100%;
  }
  #sidebar .item .socialicons a img {
    width: 40px;
  }
  table {
    font-size: 12px;
  }
  .page-template-template-full-width .flex-video  {
      max-height: 230px;
}
  .page-template-template-full-width .flex-video iframe {
 max-height: 230px;
  }



}

/* medium to small screens */
@media only screen and (max-width: 340px) {

  #logo a {
    height: 50px;
  }
  #logo a img {
    height:40px;
  }
.menu {
    padding-top: 24px;
  }


}