#topbar {
  position: relative;
  background: #3d4045;
  color: #ffffff;
  height: 35px;
  width: 100%;
  padding-top: 10px;
  left: 0;
  top: 0;
  z-index: 999;
}
.topbar-content {
  height: 35px;
  margin-top: 10px;
}

/** top head height should be 175px when MHS logo is not up */

.top-head {
  height: 210px;
  position: relative;
  text-align: right;
  padding: 0 10px;
  background-color: #fff;
  *zoom: 1;
}
body {
  background: #fff;
  color: #111111;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1;
}
body {
  font-family: 'Open sans', Arial, Helvetica;
  color: #111111!important;
  font-weight: 400;
  font-size: 13px;
}
.featured-event-blk h3 {
  color: #111111!important;
}
.topten-item .info p a {
  color: #111111;
}
.topten-item h2 a {
  color: #111111;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  vertical-align: top;
}
.search-title-content a{
    color: #111!important;
}
.a-block.grey p.t-l a {
  color: #111;
  border: 1px solid #fcb234;
  padding: 4px 10px;
  font-size: 11px;
}


/** Start search bar colors -----------------------*/

.top-search-row .s-rw .lb-range {
color:#ccc;
}
.top-search-row .s-rw .lst-lik a.today {
color:#fff;
}
.top-search-row .s-rw .lst-lik a.tomorrow {
color:#fff;
}
.top-search-row .s-rw .lst-lik a.weekend {
color:#fff;
}
/** End search bar colors -----------------------*/


@media (max-width: 1030px)  {
    .fb_iframe_widget {
        display: none !important;
    }
}

/**
 * Override logo {
    /*width:width_of_logo;
    height:height_of_logo;
    background:url('Logo url') no-repeat;
    */ 
}

@media(max-width: 768px) {
    .logo{
        /*width:width_of_logo;
        height:height_of_logo;
        background:url('Logo url') no-repeat;*/
    }
}

@media(max-width: 480px) {
    .logo{
        /*width:width_of_logo;
        height:height_of_logo;
        background:url('Logo url') no-repeat;*/
    }
}

@media(max-width: 320px) {
    .logo{
        /*width:width_of_logo;
        height:height_of_logo;
        background:url('Logo url') no-repeat;*/
    }
}
/** End override logo -----------------------*/


/** Footer ----------------------------------*/

.list-logo{
  text-align: center;
}
.list-logo a{
  display: inline-block;
  margin:0 15px;
  vertical-align: middle;
}
.top-search-row .sub-blk .btn.btn-l.lgr.fr, .top-search-row .sub-blk{
   background-color:#efefef;
 }
.btn.btn-subscri{
  padding:3px;
  width:81px;
  height:27px;
 }
.btn.btn-join{
   background:#fefefe;
   cursor:pointer;
}
.btn.btn-join:hover{
   background:#ccc;
}
.top-search-row{
   padding-left:20px;
   background:#3d4045;
   box-sizing:border-box;
}
.menu-footer{
  margin: 0 10px;
  padding: 0;
  list-style: none;
  font-size: 12px;
}
.menu-footer > li{
  display: inline-block;
  padding:12px;
  width: 130px;
  vertical-align: top;
}
.menu-footer h3{
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 400;
  color:#252525;
}
.menu-footer a{
  line-height: 1;
  text-decoration: none;
  color:#252525;
}
.menu-footer a:hover{
  text-decoration: underline;
}
.menu-footer ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu-footer ul li{
  padding: 3px 0;
}
.bg-gray{
  padding: 20px 0;
  border-top: 1px solid #3d4045;
  background: #3d4045;
  color: #ffffff;
}
.footer {
  border-top: 3px solid #3d4045;
  background: #3d4045;
  padding: 20px 0;
  color: #ffffff;
}
.footer a{
  color:#fff;
  text-decoration: underline;
}
.footer a:hover{
  color:#179bd9;
  text-decoration: underline;
}
.footer > .inner > section.row {
  padding: 0 10px;
  box-sizing: border-box;
}
.copyright {
  padding: 10px 0;
  border-top: 3px solid #43474d;
  background: #43474d;
  text-align: center;
  color:#ffffff;
}
.copyright .inner a.hover {
  color:#ffffff;
  text-decoration: underline;
}
.copyright .inner a {
  color:#ffffff;
  text-decoration: underline;
}
.network{
  padding:10px;
  font-size: 11px;
  background: #ffffff;
  color:#999999;
}
.network a{
  white-space: nowrap;
  line-height: 1.7em;
  color:#999999;
}
.network a:hover{
  text-decoration: underline;
  color:#999999 !important;
}
/** End footer --------------------------------*/


/** Navigation bar ----------------------------*/

.main-menu .mn-menu .nav > li > a {
  color: #111111;
  background-color: #ffffff;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  display: block;
  line-height: 71px;
  padding: 0 18px;
  text-align: center;
}
.main-menu .mn-menu .nav > li:first-child > a{
  padding-left:0;
}
.main-menu .mn-menu .nav > li:last-child > a{
  padding-right:0;
}
/** End navigation bar -----------------------*/


/** NEW **/
.flexslider .slides img{
  top:0!important;
}
.main-menu{
  background-color:#fff !important;
  z-index:500;
  position:relative;
}
.main-menu .mn-menu .nav > li > a{
 border:none!important;
}
.mn-menu .nav {
    height: 77px;
    margin-top: -3px;
    border-top:2px solid #5d5d5d;
    padding-left: 30px;
}
.mn-menu .nav > li{
   height:77px;
}
.category-itm .pic{
   width:300px;
   text-align:center;
   height:auto;
}
.category-itm .pic img{
    max-width:100%;
    width:auto;
    height:auto;
  }
.category-itm .category-t{
  margin-left:315px;
 }
.grid .blog-itm .pic a{
   padding-top:67%;
 }
.grid .blog-itm .pic{
   max-height:180px;
 }
@media (max-width: 768px) {
  .mn-menu .nav > li{
     height:auto;
  }
  .category-itm .category-t{
    margin-left:0;
    float:none;
   }
  .category-itm .pic{
     float:none;
     margin-bottom:20px;
     width:100%;
     text-align:center;
     height:auto;
  }
  .category-itm .pic img{
    max-width:100%;
    width:auto;
    height:auto;
  }
}
.social-top a{
  background-color: #3d4045;
  height:40px;
  width:40px;
}
.social-top a.fb::before{
   content:"|";
   height:25px;
   width:1px;
   background:#ccc;
   position:absolute;
   margin-left:6px;
   top:-30px
}
.social-top a.tu::before{
   content:"|";
   height:25px;
   width:1px;
   background:#ccc;
   position:absolute;
   margin-left:9px;
   top:-30px
}
.social-top a.em::before{
   content:"|";
   height:25px;
   width:1px;
   background:#ccc;
   position:absolute;
   margin-left:9px;
   top:-30px
}
.top-head .top-blk a {
    background-clip: padding-box;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius:50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    color: #fff;
    margin-left:15px;
}
.social-top i{
    font-size:20px;
    line-height:40px;
}
.top-head .top-blk.social-top{
  margin-top:10px;
  position:relative;
}
.fa.fa-facebook.fa-lg{
   margin-left:0px;
}
.fa.fa-twitter.fa-lg{
 margin-left:0px;
}
.fa.fa-instagram{
 margin-left:0px;
}
.b-btn .btn-b:first-child{
    margin-right:5px;
}
.b-btn .btn-b + .btn-b{
    margin-right:0;
}

/**Donate and Subscribe buttons -----------*/

.top-blk.subscribe{
  position:relative;
  bottom:-10px;
  margin-right:-10px;
  height:40px;
}
.top-subscri{
    float:right;
    height:40px;
    background:#fff;
    border:2px solid #179bd9;
    width:255px;
}
.top-subscri > form{
   line-height:40px;
   position:relative;
}
.top-subscri > form .inp.inp-txt{
   width:calc(100% - 100px);
   height:27px;
   box-sizing:border-box;
}
.top-subscri > form .btn-subscri:hover{
    background:#cccccc;
}
.top-sm-event{
     float:right;
     display:inline-block;
     width:130px;
     height:40px;
     background:#179bd9;
     margin-right:5px;
     border:2px solid #179bd9;
}
.top-sm-event:hover{
     background:#3d4045;
}
.top-sm-event a{
     color: #fff !important;
     width:100%;
     height:100%;
     display:block;
     line-height:40px;
     text-align:center;
     font-size:14px;
     font-weight:600;
     margin-left:0!important;
}
.top-sm-event a:hover{
    color:#179bd9;
}
/**End Donate and Subscribe buttons -----------*/


@media (max-width:960px){
   .top-blk.subscribe{
     margin-right:0;
   }
}
@media(max-width: 920px){
     .top-sm-event{
         /*margin-left:10px;*/
     }
}
@media(max-width: 848px){
     .top-head .top-blk.social-top{
       margin-top:12px;
    }
    .main-menu .mn-menu .nav > li > a{
          padding: 0 30px;
    }
}
@media(max-width:768px){
      .nav > li{
         height:auto;
   }
   .top-head .logo{
       margin:0 auto;
       float:none;
    }
   
   .top-head .top-blk.social-top{
      margin-top:25px;
   }
   .top-blk.subscribe{
     margin-bottom:20px;
     bottom:0;
     width:100%;
   }
   .top-subscri{
     width:calc(100% - 224px);
  }
  .top-sm-event{
     margin-left:0;
   }
  .top-head .logo{
     width:58%;
     margin:auto;
   }
   .top-head .top-blk.social-top{
     text-align:center;
     width:100%;
     margin-left:0;
   }
}
.top-search-row .sub-blk .btn.btn-l.lgr.fr {
  display: inline-block;
  background: #fff;
  color: #666;
  width: 100px;
  height: 40px;
  margin-left:0;
}
.top-search-row .sub-blk .btn.btn-l.lgr.fr:hover {
  background: #179bd9;
  color: #fff;
}
.social-top a.fb:hover, .social-top a.em:hover, .social-top a.tu:hover {
  background-color: #179bd9;
}

.form-event .s-rw .lst-lik span.no-line,
.form-event .s-rw .lst-lik a.seven,
.form-event .s-rw .lst-lik a.fourteen,
.form-event .s-rw .lst-lik a.thirsty {
display: none;
}
.s-rw .offers {
    width: 149px;
    margin-top: 26px;
    margin-left: 10px;
}
.top-search-row .s-rw input[type="checkbox"] {
margin-top: 25px;
}


/*menu align center ----------------------*/

@media (min-width: 769px) {
    .mn-menu ul {
        text-align:center
    }
    .mn-menu ul ul {
    text-align: left;
    }
    .main-menu .mn-menu .nav > li {
        display: inline-block;
        float: left;
        border:none!important;
    }
    .main-menu .mn-menu .nav > li:first-child {
        border-left: 1px solid #35b9f7;
    }
}


/*two column btn --------------------------*/

.grid .blog-t .b-btn .btn-b:first-child {
    margin-right: 2px;
}
@media(max-width: 767px) {
	.main-menu .mn-menu .nav > li > a{
		background-color:#222;
		color:#fff;
		padding-left:5px;
	}
     .mn-menu .nav{
           padding-left:0;
    }
    .main-menu .mn-menu .nav > li:first-child > a{
         padding-left:5px!important;
    }
    .main-menu .mn-menu .nav > li.cur{
        background-color:#222!important;
     }
}
@media( max-width: 480px ) {
.top-search .sub-blk.displayed,
.top-search .sub-blk.displayed button {
width: 100% !important;
}
.top-search .sub-blk.displayed {margin-top: 0px; margin-bottom: 8px;}
}

.s-rw.displayed label {
padding-top: 10px;
}
.main-slider {margin-top: 0;}

.r-blk h3.r-ttl.datetime {
    background: #666;
}
.r-blk-ct.datetime .l-dt , .r-blk-ct.datetime .l-dt .l-dt-tt {
    color: #666;
}

.b-btn a[data-activity="click-buy-ticket"], .btn.btn-l.dt[data-activity="click-buy-ticket"] {
    border-color: #3d4045 !important;
    background:#3d4045 !important;
    color:#fff !important;
}
.b-btn a[data-activity="click-discount"], .btn.btn-l.dt[data-activity="click-discount"] {
    border-color: #7fba42 !important ;
    background:#7fba42 !important ;
    color:#fff !important;
}
.b-btn a[data-activity="click-buy-ticket"]:hover , .btn.btn-l.dt[data-activity="click-buy-ticket"]:hover {
    background:#5a5f66 !important ;
    border-color: #5a5f66 !important;
    color:#fff;
}
.b-btn a[data-activity="click-discount"]:hover, .btn.btn-l.dt[data-activity="click-discount"]:hover {
    background:#8dce4a !important ;
    border-color: #8dce4a !important;
    color:#fff ;
}
@media (max-width: 840px)
.top-search-row .sub-blk {
    margin-top: 3px;
}
.form-search .inp.inp-txt {
   width: calc(100% - 50px);
}

.astro-detail .astro-featr .blog-itm .pic {
width: 100%;
}

@media (min-width: 960px){
.astro-detail .astro-featr .blog-itm .pic {
    max-height: 350px;
}
}

@media (max-width: 959px){
.astro-detail .astro-featr .blog-itm .pic {
    max-height: 300px;
}
}

@media (min-width: 481px) and (max-width: 768px) {
.astro-detail .astro-featr .blog-itm .pic {
    max-height: 270px;
}
}

@media (max-width: 480px){
.astro-detail .astro-featr .blog-itm .pic {
    max-height: 270px;
}
}

@media (min-width: 768px) and (max-width: 979px) {
    .ft-blk .ft-ct a {
        display:inline-block;
    }
    .ft-blk .ft-ct a img {
        max-width: 100%;
        height: auto;
    }
}

.grid article.blog-itm.on-hover .b-share-cat {
    display: none;
}
.grid .blog-itm.on-hover :hover .b-share-cat {
    display: block;
}
.grid article.blog-itm.on-hover .desc{
    display: none;
}
article.blog-itm .venue-event {
    display: none;
}

@media (max-width: 480px){
    article.blog-itm .desc{
        display: none;
    }
    article.blog-itm .b-share-cat {
        display: none;
    }
}

.cur.dropdown.menu-bostix-deals a {
  background: none !important;
}

.grid .blog-itm .pic a img {
-webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
 top:0;
 }
.home .b-share-cat, #featured-event-label {display: none;}
.category-detail .pic a {
  width: 100%;
  margin-left:-20px
}
.main-menu .mn-menu .nav > li.cur > a {
    background: transparent !important;
    color: #0094DD;
}

.menu-bostix a {
color: #999999 !important;
}

.menu-blog a {
color: #179bd9 !important;
}

.menu-classes a {
color: #179bd9 !important;
}

.menu-primary-navigation {padding-left: 16px;}
.main-menu .mn-menu .nav > li.cur > a {text-decoration: underline;}

#top-join-frm .inp.inp-txt {
     width: calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
   width: -moz-calc(100% - 80px);
    height: 20px;
}
#top-join-frm {padding: 0; position: relative;}
#top-join-frm .btn-join{
    padding-right: 4px;
    height: 28px;
    float: right;
    padding-left: 8px;
position: absolute;
right: 0;
    top: 0;
}


/* Override enable/disable offer widget -------------*/

@media (max-width: 480px) {
    .wc-l .a-block.offers-dates-times {
        display: block !important;
    }
    .wc-r .r-blk.apl-offer-wrapper {
        display: none;
    }
.a-block.offers-dates-times .r-blk.apl-offer-wrapper {
width: 100%;
}

}
.a-block.offers-dates-times .r-ttl.datetime {
background: #179bd9;
font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
}
.category-detail .pic {
  max-height: 375px;
  overflow:hidden;
  padding-top:25px;
  padding-left:20px;
margin-top:20px!important;
}
.btn.btn-l.pink:last-child {text-transform: uppercase;}

.btn.btn-l.pink:last-child:hover {background: #DC307D;}

#search-event .offers {
color: #ffffff !important;
font-size: 14px;
}
.top-sm-event.donate {width: 84px;}
.dsb-l {z-index: 499;}

@media (min-width: 401px)  and (max-width: 480px) {
.top-subscri {
  width: calc(100% - 220px);
}
}

@media (min-width: 769px)  and (max-width: 849px) {
.top-subscri {
  width: 188px;
}
.top-sm-event {margin-left: 0 !important;}
}

@media (max-width: 400px)  {
.top-subscri, .top-sm-event.donate, .top-sm-event {
width: 100%;
}
}

.r-blk.apl-offer-wrapper {
width: 100%;
}

.top-head .top-blk.login-top {
  display: inline-block;
  margin: 30px 0 0 0 ;
  vertical-align: middle;
  height: 55px;
  text-align: center;
  color: #3d4045;
}
.top-head .top-blk.login-top a {
  font-weight: 700;
  margin-right: 10px;
 color: #3d4045;
}
.top-head .top-blk.login-top a:hover {
 color: #179bd9;
}
#ui-datepicker-div {
z-index: 501 !important;
}

.grid .blog-itm {
max-heght: 443px;
height: auto;
}

.s-rw .offers {
  font-size: 14px;
  font-weight: 600;
  color: #fff !important;
}


/** Mailchimp signup --------------------*/

	.mc_error_msg {
		color: red;
		margin-bottom: 1.0em;
	}
	.mc_success_msg {
		color: green;
		margin-bottom: 1.0em;
	}
	.mc_merge_var{
		padding:0;
		margin:0;
	}
	#mc_signup_container {}
	#mc_signup_form {}
	#mc_signup_form .mc_var_label {}
	#mc_signup_form .mc_input {}
	#mc-indicates-required {
		width:100%;
	}
	#mc_display_rewards {}
	.mc_interests_header {
		font-weight:bold;
	}
	div.mc_interest{
		width:100%;
	}
	#mc_signup_form input.mc_interest {}
	#mc_signup_form select {}
	#mc_signup_form label.mc_interest_label {
		display:inline;
	}
	.mc_signup_submit {
		text-align:center;
	}
	ul.mc_list {
		list-style-type: none;
	}
	ul.mc_list li {
		font-size: 12px;
	}
	#ui-datepicker-div .ui-datepicker-year {
		display: none;
	}
	#ui-datepicker-div.show .ui-datepicker-year {
		display: inline;
		padding-left: 3px
	}
/** End Mailchimp signup */

.network .inner {
  width: 100%;
}
/**END:  white gap between the image and the text bar */


/** @Ticket #15097 */
.main-slider.mini .i-slider {
	padding-bottom: 39%;
}


/** Suppress homepage featured event buy button ------------------------------*/

.b-btn a[data-activity="click-buy-ticket"] {
  
	display: none;
}
/** End suppress homepage featured event buy button --------------------------*/


/** Suppress category page spotlight event buy button ------------------------------*/

.b-btn.cat-detail a[data-activity="click-buy-ticket"] {
  
	display: none;
}
/** End suppress category page spotlight event buy button --------------------------*/


/** Suppress category page featured event buy button ------------------------------*/

.b-btn.category a[data-activity="click-buy-ticket"] {
	display: none;
}
/** End suppress category page featured event buy button --------------------------*/


/** Suppress category page more events buy button ------------------------------*/

.list-more-category .more-cat-itm .b-btn a[data-activity="click-buy-ticket"] {
    display: none;
}
/** End suppress category page more events buy button --------------------------*/


/** New style mobile #15338 --------------------------*/

.top-head .logo.logo-show-mobile {
	display: none;
}
.top-head .blk-header-info {
	display: inline-block;
}
@media (max-width: 835px) {
    .top-head .logo.logo-show-mobile {
        margin: 0 auto;
        width: 58%;
        float: none;
    }
	.top-head {
		height: auto;
	}
	.top-head .logo.logo-show-mobile {
		display: block;
	}
	.top-head .logo.logo-show-pc {
		display: none;
	}
	.top-blk.subscribe {
		display: none;
	}	
	.top-head .blk-header-info {
		text-align: center;
		display: block;
	}
	.top-head .top-blk.social-top {
		width: auto;
		float: none;
		display: inline-block;
        height: 45px;
	}
	.top-head .top-blk.login-top {
		margin-right: 30px;
	}
}

@media (max-width: 480px) {
	.top-head .top-blk.login-top a:first-child {
		margin-left: 0px;
	}
	.top-head .top-blk.login-top {
		display: block;
		margin-right: 0;
		height: auto;
      	margin-bottom: 30px;
        font-size: 12px;
	}
	.social-top a::before {
		display: none;
	}
    .top-head .top-blk.social-top {
      display: none !important;
    }
    .top-head .logo.logo-show-mobile {
      width: 70%;
    }
}
/** END style mobile #15338 --------------------------*/


/** @ticket #19377 ---------------------**/

#topbar{
  height: auto;
  padding-bottom: 10px;
}

#topbar div.inner p{
  padding: 0px 5px;
}
/** END @ticket #19377 -----------------*/


/** BEGIN MHS and Takeover Ad CSS 

.main-menu {
    background: none!important;
}
.main-menu .inner {
    background: white;
}
.fullw.clients, .footer, .copyright {
    background: none;
    padding: 0;
    border: none;
}
.fullw.clients .inner {
    background: white;
    padding: 20px 0;
    border-top: 1px solid #ddd;
}
.footer .inner {
    border-top: 3px solid #3d4045;
    background: #3d4045;
    padding: 20px 0;
}
.copyright .inner {
    background: #43474d;
    padding: 10px 0;
}
.network {
    padding: 10px 10px 10px 10px;
    background: #ffffff;
    color: #999999;
}
.network .inner {
    background: white;
    color: #999999;
    padding: 10px;
    box-sizing: border-box;
}
.adv {
    position: absolute;
    top: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 600;
    display: block;
    width: calc((100vw - 970px) / 2);
}
.adv.left {
    left: 0;
}
.adv.right {
    right: 0;
}

@media (max-width: 1599px) {
    body.page.custom-background {
        background-color: #ffffff;
        background-image: none;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size:cover;
        background-image: url(https://calendar.artsboston.org/wp-content/uploads/sites/calendar.artsboston.org/images/2019/10/MHS19_Background.jpg); /* use this if having the advertisement background image width = 1200px - 1599px */
    }
}
/** END MHS and Takeover Ad CSS --------------------*/


@media (max-width: 1199px) {
    .adv {
        display: none;
    }
}

@media (max-width: 768px) {
   body{
        background-color: white!important;
        background-image: none!important;
    }
}
@media (max-width:480px){
.top-sm-event.donate{
        margin-right: 0px;
    }
}

/** BEGIN:  white gap between the image and the text bar */

.main-slider.mini .i-slider {
    max-height: 400px;
    padding-bottom: 37%;
}
@media (max-width: 360px) and (min-width: 320px) {
   .main-slider.mini .flex-control-paging {
         bottom: 63px !important;
   }
}
/** END:  white gap between the image and the text bar */


/**MC subscribe field in footer ---------------*/

#mc_embed_signup input.email {
    font-family: "Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;
    font-size: 15px;
    color: #ffffff;
    display: block;
    padding: 0 0.4em;
    margin: 0 4% 10px 0;
    min-height: 32px;
    width: 68%;
    min-width: 130px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
/**END MC subscribe field in footer ---------------*/