html {
  box-sizing: border-box;
  min-width:350px;
}

*, *::after, *::before {
  box-sizing: inherit;
}

.container {
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
  margin-left: auto;
  margin-right: auto;
  width: 95%;
}

.container::after {
  clear: both;
  content: "";
  display: table;
}

.no-sidebars #content {
  width: 100%;
}

#content{margin-top:-25px;}

.menuToggle{display:none;}

@media screen and (min-width: 45em) {
  .no-sidebars #content {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 100%;
  }
  .no-sidebars #content:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 60em) {
  .no-sidebars #content {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%;
  }
  .no-sidebars #content:last-child {
    margin-right: 0;
  }
}

.one-sidebar.sidebar-second #content {
  width: 100%;
}

@media screen and (min-width: 45em) {
  .one-sidebar.sidebar-second #content {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 74.19355%;
  }
  .one-sidebar.sidebar-second #content:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 60em) {
  .one-sidebar.sidebar-second #content {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 65.95745%;
  }
  .one-sidebar.sidebar-second #content:last-child {
    margin-right: 0;
  }
}

.one-sidebar.sidebar-first #content {
  width: 100%;
}

@media screen and (min-width: 45em) {
  .one-sidebar.sidebar-first #content {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 74.19355%;
    margin-left: 0%;
  }
  .one-sidebar.sidebar-first #content:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 60em) {
  .one-sidebar.sidebar-first #content {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 71.46809%;
    margin-left: 0%;
  }
  .one-sidebar.sidebar-first #content:last-child {
    margin-right: 0;
  }
}

.two-sidebars #content {
  width: 100%;
}

@media screen and (min-width: 45em) {
  .two-sidebars #content {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 48.3871%;
    margin-left: 25.80645%;
  }
  .two-sidebars #content:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 60em) {
  .two-sidebars #content {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 40.42553%;
    margin-left: 25.53191%;
  }
  .two-sidebars #content:last-child {
    margin-right: 0;
  }
}

#sidebar-first {
  width: 100%;
}

@media screen and (min-width: 45em) {
  #sidebar-first {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 22.58065%;
  }
  #sidebar-first:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 60em) {
  #sidebar-first {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 22.40426%;
    margin-left: -68.08511%;
  }
  #sidebar-first:last-child {
    margin-right: 0;
  }
  .one-sidebar.sidebar-first #sidebar-first {
    margin-left: 0%;
  }
}

#sidebar-second {
  width: 100%;
}

@media screen and (min-width: 45em) {
  #sidebar-second {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 22.58065%;
    margin-left: 0%;
  }
  #sidebar-second:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 60em) {
  #sidebar-second {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 31.91489%;
    margin-left: 0%;
  }
  #sidebar-second:last-child {
    margin-right: 0;
  }
}

#footer {
  float: none;
  clear: both;
}

#header, #footer,
#sidebar-first,
#sidebar-second,
#navigation {
  background: rgba(170, 170, 170, 0.2);
}

#header,
#footer,
.mission,
.breadcrumb,
.node {
  clear: both;
}

@media screen and (max-width: 1000px) {
   #header .container{
        min-height:0 !important;
    }
}

@media screen and (max-width: 840px) {
	#content{margin-top:0;}
	#main #sidebar-first{margin-top:-45px;}
	#content-area #contact-message-feedback-form label{
		text-align:left;
		width:100%;
	}
	#content-area #block-views-block-homepage-blocks-block-1 .views-row{width:48%;}
	#block-views-block-homepage-blocks-block-1 .views-field-title a{opacity:0.8;}
}

@media screen and (max-width: 720px) {
#block-basic-page-title { max-width: 100% !important; }
#main #content{margin-top:0;}
#header-region #block-basic-branding{height:240px;}
#content-area{padding:10px;}
#main #sidebar-first{margin-top:0;}
#main #sidebar-first .menu{margin-left:-10px;}
#main #sidebar-first .menu li.menu-item ul.menu{margin-left:0;}
.site-logo{left:-20px;top:-100px;}
	#header #header-region #block-basic-branding{height:auto;}
.field-collection-item--name-field-event-image-collection img{
	height:100px;
	width:auto;
}
body.section-user #main .container, body.page-whatson-01 #main .container, body.page-whatson-02 #main .container, body.page-whatson-03 #main .container, body.page-whatson-04 #main .container, body.page-whatson-05 #main .container, body.page-whatson-06 #main .container, body.page-whatson-07 #main .container, body.page-whatson-08 #main .container, body.page-whatson-09 #main .container, body.page-whatson-10 #main .container, body.page-whatson-11 #main .container, body.page-whatson-12 #main .container, body.page-whatson #main .container, body.section-whatson #main .container{
	padding-top:30%!important; 
}

#footer .block,
#footer .block-block-content{
	width:100%;
	text-align:left;
}

.menuToggle{
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	text-align:left;
	background:url(/sites/default/files/images/menu-icon.svg) no-repeat 20px;
	overflow:hidden;
	cursor:pointer;
	padding-left:60PX;
	font-size:20px;
	font-weight:bold;
}

#block-basic-main-menu>.menu{
	max-height:0;
	overflow:hidden;
	-webkit-transition: max-height 0.8s;
	-moz-transition: max-height 0.8s;
	transition: max-height 0.8s;
}

#block-basic-main-menu .menu.expand{
	max-height:1500px;
}
	

}

@media screen and (max-width: 639px) {
    
    .tablesaw-stack tbody tr{
        border-bottom: 1px solid #999999;
        padding: 15px 0 5px;
        float: left;
    }
    
    .section-whatson #content-area #block-basic-content table td{padding: 0.5em 5px 0;}

    .section-whatson #content-area #block-basic-content table td.views-field-field-end-time,
    .section-whatson #content-area #block-basic-content table td.views-field-field-date{
        float: none;
        width:auto;
        display:inline;
        padding:0;
        font-size: 1.1em;
        font-weight:600;
    }

    .section-whatson #content-area #block-basic-content table td.views-field-field-date{
        padding-left:5px;
    }

    .section-whatson #content-area #block-basic-content table td.views-field-field-date time::after{
        content:' - ';
    }
 
}

/*# sourceMappingURL=layout.css.map */