/* This file will hold styles that are loaded using the same media query as the normal grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the widescreen layout unless they are overridden by the widescreen styles. */


/*body{
  background: blue;
}*/

 
/* HEADER SLIDESHOW */
.slideshow-top .views-slideshow-cycle-main-frame{
  width: 940px !important;
  overflow: hidden;
  height: 200px;
}
.slideshow-top .views-slideshow-cycle-main-frame img{
  overflow: hidden;
  height: 200px;
}

/* SLOGAN */
#region-branding a{
  font-size: 16px;
}

/* ZOEKVAK WEERGEVEN */
#region-search{
  display: block;
}

/* HOOFDMENU */
#region-menu{
  padding-left: inherit;
  width: inherit;
  background-color: white;
}
#region-menu #block-superfish-1{
  float: right;
  margin-right: 50px;
  background-color: #fff;
}
#region-menu #block-superfish-1 li.last ul{
  margin-left: -80px;
}
#region-menu li a{
  letter-spacing: .1em;
}

/* FRONTPAGE AFBEELDINGENRIJ */
/* CONTENT VOLLEDIGE BREEDTE OP HOMEPAGE */
.homepage #region-content,
.homepage #region-content .welkom {
  width: 240px;
}
 
/*
 *
 * styling event pagina's
 * 
 *
 */

/* kleur + positie sidebar left */
.node-type-evenement-og- #region-sidebar-first,
.node-type-evenement-pagina #region-sidebar-first,
.node-type-evenement-inschrijvingsformulier #region-sidebar-first {
  margin-top: 20px;
  background-color: rgba(0, 162, 225, 0.7);
}

/* actief menu item */
.node-type-evenement-og- ul.menu a.active,
.node-type-evenement-pagina ul.menu a.active,
.node-type-evenement-inschrijvingsformulier ul.menu a.active {
  font-weight: bold;
  color: red !important;
}
.node-type-evenement-og- ul.menu li.active-trail,
.node-type-evenement-pagina ul.menu li.active-trail,
.node-type-evenement-inschrijvingsformulier ul.menu li.active-trail {
  background-color: #aee8ff;
}

.node-type-evenement-og- ul.menu li,
.node-type-evenement-pagina ul.menu li,
.node-type-evenement-inschrijvingsformulier ul.menu li {
  display: inherit;
}

/* positie van de content */
.node-evenement-pagina,
.node-evenement-og-,
.node-evenement-inschrijvingsformulier {
  margin-left: -20px;
  position: relative;
}


/* formaat + positie event banner */
.node-evenement-pagina .field-name-field-bannerfoto,
.node-evenement-og- .field-name-field-bannerfoto,
.node-evenement-inschrijvingsformulier .field-name-field-bannerfoto {
  margin-left: -155px;
  position: relative;
  z-index: -2;
  width: 960px;
  height: auto; 
}

/* afbeeldingen rechts */
.node-evenement-pagina .field-name-field-evenement-pagina-afbeeldin,
.node-evenement-og- .field-name-field-evenement-pagina-afbeeldin,
.node-evenement-inschrijvingsformulier .field-name-field-evenement-pagina-afbeeldin {
  float: right;
  margin-right: -50px;
  margin-left: 10px;
}

.node-evenement-pagina .field-name-field-evenement-pagina-afbeeldin img,
.node-evenement-og- .field-name-field-evenement-pagina-afbeeldin img,
.node-evenement-inschrijvingsformulier .field-name-field-evenement-pagina-afbeeldin img {
  width: 80%;
  height: auto;
}

.node-evenement-pagina .field-name-field-links,
.node-evenement-og- .field-name-field-links,
.node-evenement-inschrijvingsformulier .field-name-field-links {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 20px;
  background-color: rgba(255, 255, 255, 0.5);
  width: 220px;
  height: 200px;
  padding: 15px;
}
.node-evenement-pagina .field-name-field-links a,
.node-evenement-og- .field-name-field-links a,
.node-evenement-inschrijvingsformulier .field-name-field-links a {
  font-size: 1.5em;
  color: #3c3c3e;
  line-height: 1.5em;
}
.node-evenement-pagina .field-name-field-links a:hover,
.node-evenement-og- .field-name-field-links a:hover,
.node-evenement-inschrijvingsformulier .field-name-field-links a:hover {
  color: #00a2e1;
}

/* POSITIE VAN DE TITEL */
.node-evenement-pagina .field-name-title,
.node-evenement-og- .field-name-title,
.node-evenement-inschrijvingsformulier .field-name-title {
  position: absolute;
  top: -70px;
  margin-left: 50px;
}
.node-evenement-pagina .field-name-title h2,
.node-evenement-og- .field-name-title h2,
.node-evenement-inschrijvingsformulier .field-name-title h2 {
  font-size: 3em;
}

/* CONTENT */
.node-evenement-pagina .field-name-body,
.node-evenement-og- .field-name-body,
.node-evenement-inschrijvingsformulier .field-name-body {
  padding: 10px;
}

.node-evenement-pagina .field-name-body img,
.node-evenement-og- .field-name-body img,
.node-evenement-inschrijvingsformulier .field-name-body img {
  max-width: 590px;
  height: auto;
}

.node-evenement-pagina .field-name-field-inschrijvingsform,
.node-evenement-og- .field-name-field-inschrijvingsform,
.node-evenement-inschrijvingsformulier .field-name-field-inschrijvingsform {
  padding: 0 10px;
}


/* aanpassing hoogte titel wanneer admin menu zichtbaar is */
.admin-menu .field-name-title {
  top: -85px;
}
/* navigatiemenu voor event manager */
.page-node-add-evenement-pagina #block-system-navigation .block-title {
  display: none;
}
.page-node-add-evenement-pagina #block-system-navigation li {
  display: inline-block;
}


/* extra styling specifiek voor DNA-Forensics-2014 event
 * menu links niet doorzichtig omdat banner links niet mag
 * doorlopen.
 */
.context-dna-forensics-2014 {
  /*body class*/

}
.context-dna-forensics-2014 #region-sidebar-first {
  background-color: #00a2e1;
}