/* ************************************************************************************************************************************
 *
 *  Custom responsive stylesheet created by Minsky.be
 *
************************************************************************************************************************************ */


/* ********************** < 1180px ********************** */

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

  /* global declaration */
  .inner,#main-section .inner{width:auto;}
  #main-section .inner{padding:0;}

  #block-block-3{display:none;}
  .region-header .block-menu ul.menu{padding-right:80px;}
  #block-search-form{right:34px;}

  .front #sidebar-right h2.block-title{position: relative;width:100%;display:block;}

  .view-agenda a figure{margin-right:4%;}
  .view-agenda a figure img{width:60px;}

  #main-section .region{padding-left:2.55%;padding-right:2.55%;}
  #sidebar-right .block-holder{padding-left:6%;}

  .view-zalen .view-content .views-row-odd > article{margin-right:3%;}
  .view-zalen .view-content .views-row-even > article{margin-left:3%;}

  #block-block-1{margin-left: calc(50% - 185px);}

}


/* ********************** < 1000px ********************** */

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

  /* global declaration */
  .region-header .block-menu ul.menu li{margin:0 12px;}
  .region-header .block-menu > .block-holder > ul.menu > li.first{display:none;}

  body.one-sidebar #middle-section,
  #main-section #sidebar-right{width:100%;}

  #main-section .region,
  #sidebar-right .block-holder{padding-left:3%;padding-right:3%;}

  #block-views-zaal-gallery-block,#block-block-5{display:none;}

  footer#footer-bottom{background-color:#f4f6f7;}

  .view-agenda .views-row{display:inline-block;width:49%;}

  #block-block-1{width:340px;margin-left: calc(50% - 170px);}
  #block-block-1 .block-block-1-inner{padding:35px;}
  #block-block-1 .block-block-1-inner #footer-logo{width:126px;height:84px;}

  footer#footer-bottom > .inner{height:460px;}
  footer#footer-bottom #footer-bg-holder{height:400px;}
  #block-block-1 .block-block-1-inner form{padding-top:10px;}
  #block-block-1 .block-block-1-inner address{margin-bottom:30px;margin-top:10px;}

  .zaalScene-title,
  .zaalGegevens h2 {
	  font-size: 20px;
  }

  .zaalScene iframe {
	  height: 95% !important;
  }

}



/* ********************** < 840px ********************** */

@media only screen and (min-width:840px){#block-system-main-menu{display:block !important;}}

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

  h1,h2,h3,h4,h5,h6{line-height:1.2em;}

  /* logo */
  header#header-top{position: relative;}
  header#header-top #branding{padding:20px 10px 18px 30px;margin:0;float:none;position: relative;}
  h1#site-name a{width:102px;height:67px;}
  header#header-top .inner .region-header{margin:0;}

  #responsive-trigger{display:block;}
  #block-system-main-menu, #block-search-form,
  #editor-holder #editor-show-hide-trigger{display:none;}

  /* responsive menu */
  html{background-color:#006a53;}
  body{
     position: relative;left:0;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }

  #block-system-main-menu{
    display:block;

    width:260px;right:-260px;top:0;
    position: fixed;z-index:20;

    -moz-transition: all 0.3s ease 0.1s;
    -webkit-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
  }

  #block-block-8 {
  	width: 100vw;
  	height: 40vh;
  }

  #block-block-8 .block-holder {
  	width: 100vw !important;
  	height: 40vh !important;
  	overflow: hidden;

	background-image: url("/sites/all/themes/brabanthal/images/brabanthal-drone.jpg");
	background-size: cover;
	background-position: center;
  }

  #block-block-8 iframe {
	  display: none;
  }

  .view-zalen .view-content .views-row {
	  float: none;
	  display: inline-block;
	  width: 49%;
	  vertical-align: top;
  }

  body.open{left:-260px;}
  body.open #block-system-main-menu{right:0%;}
  body.open #responsive-trigger{
    background-color:#014738;
    background-image:url('../images/resp-menu-close.svg');
  }

  .zaalGegevens {
	  width: 39%;
  }

  .zaalScene {
	  width: 60%;
  }

  .region-header .block-menu ul.menu{padding:80px 30px;}
  .region-header .block-menu > .block-holder > ul.menu > li.first{display:block;}
  .region-header .block-menu > .block-holder > ul.menu > li{float:none;margin:0;}
  .region-header .block-menu > .block-holder > ul.menu > li a{display:block;text-align: right;line-height:38px;}

  .region-header .block-menu ul.menu li.expanded::after,.region-header .block-menu ul.menu li.expanded::before{display:none;}
  .region-header .block-menu ul.menu li.expanded > a{padding:0;}

  .region-header .block-menu > .block-holder > ul.menu > li > a::after{margin-left:0;left:auto;right:0;}

  .region-header .block-menu ul.menu li.expanded ul.menu{
    opacity:1;visibility:visible;
    background-color:transparent;
    position:relative;left:auto;top:auto;
    border-right:1px solid rgba(255,255,255,0.2);
    padding:0 20px 4px;margin:16px 10px 12px 0;


    -webkit-border-radius:0;
    border-radius:0;

    -webkit-box-shadow: 6px 10px 16px 0 rgba(0,0,0,0);
    box-shadow: 6px 10px 16px 0 rgba(0,0,0,0);

    -ms-transform: translate(0,0);
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }

  .region-header .block-menu ul.menu li.expanded > ul.menu::before{display:none;}
  .region-header .block-menu ul.menu li.expanded > ul.menu li a{
    font-weight:400;font-family: 'Open Sans', sans-serif;
    color:rgba(255,255,255,0.5);
  }
  .region-header .block-menu ul.menu li.expanded > ul.menu li a:hover,
  .region-header .block-menu ul.menu li.expanded > ul.menu li a:focus{color:rgba(255,255,255,1);}

}
/* ********************** < 700px ********************** */

@media only screen and (max-width:700px){
	.node-zaal {

	}

	.node.node-zaal fieldset{
  	  width: 100%;
  	  margin: 0 auto;
    }

	.zaalGegevens {
		width: 100%;
	}

	.zaalGegevens h2 {
		text-align: center;
	}

	.zaalGegevens-wrapper {
		min-height: initial;
	}

    .zaalScene {
  	  width: 100%;
  	  margin: 0 auto;
	  padding-left: 0;
	  padding-right: 0;
	  margin-bottom: 20px;
    }

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


/* ********************** < 500px ********************** */

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

  h1{font-size:26px;}

  /* global declaration */
  .view-zalen .view-content .views-row{width:100%;}
  .view-zalen .view-content .views-row-odd > article,
  .view-zalen .view-content .views-row-even > article{margin-left:0;}

  .view-agenda .views-row{display:block;width:100%;}

  .front aside#carousel .rewrite-item,
  aside#carousel .rewrite-item{padding:35% 0;}

  #made-by{display:none;}

  .webform-layout-box.equal.child-width-2 > div{width:100%;}
  .webform-layout-box.equal.child-width-2 > div:last-child{margin:0;}

  #block-block-1{margin:0;width:auto;}
  footer#footer-bottom > .inner{padding:0 15px;}

  #main-section .region, #sidebar-right .block-holder {padding-left: 5%;padding-right: 5%;}
}

@media only screen and (max-height:420px){
  #block-system-main-menu{height:100%;overflow-y:scroll;}
}


/* ************************************************************************************************************************************
 *
 * Back-end viewport for easier development
 *
************************************************************************************************************************************ */

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

  /* hide admin menu */
  #admin-menu{display:none !important;}
  html body.admin-menu{margin-top:0 !important;}

  /* hide tasks and messages */
  .messages{display:none;}
  ul.tabs-primary{display:none;}

}