/*
Theme Name: Richard Groenendijk 2017
Theme URI: https://www.hollandswild.nl
Description: Richard Groenendijk 2017 theme.
Author: Hollands Wild reclamebureau
Author URI: http://www.hollandswild.nl/
Version: 1.2.5
Tags: responsive, white, bootstrap
*/

@font-face {
    font-family: 'HelveticaNeue-Condensed';
    src: url('fonts/HelveticaNeue-Condensed/helveticaneueltcom-cn.eot');
    src: url('fonts/HelveticaNeue-Condensed/helveticaneueltcom-cn.eot') format('embedded-opentype'),
         url('fonts/HelveticaNeue-Condensed/helveticaneueltcom-cn.woff') format('woff'),
         url('fonts/HelveticaNeue-Condensed/helveticaneueltcom-cn.ttf') format('truetype'),
         url('fonts/HelveticaNeue-Condensed/helveticaneueltcom-cn.svg#HelveticaNeueLTCom57Condensed') format('svg');
}

@font-face {
    font-family: 'HelveticaNeue-LightCondensedOblique';
    src: url('fonts/HelveticaNeue-LightCondensedOblique/helveticaneueltcom-ltcno.eot');
    src: url('fonts/HelveticaNeue-LightCondensedOblique/helveticaneueltcom-ltcno.eot') format('embedded-opentype'),
         url('fonts/HelveticaNeue-LightCondensedOblique/helveticaneueltcom-ltcno.woff') format('woff'),
         url('fonts/HelveticaNeue-LightCondensedOblique/helveticaneueltcom-ltcno.ttf') format('truetype'),
         url('fonts/HelveticaNeue-LightCondensedOblique/helveticaneueltcom-ltcno.svg#HelveticaNeueLTCom47LightCondensedOblique') format('svg');
}

@font-face {
    font-family: 'HelveticaNeue-Medium';
    src: url('fonts/HelveticaNeue-Medium/helveticaneueltcom-md.eot');
    src: url('fonts/HelveticaNeue-Medium/helveticaneueltcom-md.eot') format('embedded-opentype'),
         url('fonts/HelveticaNeue-Medium/helveticaneueltcom-md.woff') format('woff'),
         url('fonts/HelveticaNeue-Medium/helveticaneueltcom-md.ttf') format('truetype'),
         url('fonts/HelveticaNeue-Medium/helveticaneueltcom-md.svg#HelveticaNeueLTCom65Medium') format('svg');
}

.alignnone {
  margin: 0 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 0 auto;
}

.alignright {
  float:right;
  margin: 0 0 2rem 2rem;
}

.alignleft {
  float: left;
  margin: 0 2rem 2rem 0;
}

a img.alignright {
  float: right;
  margin: 0 0 2rem 2rem;
}

a img.alignnone {
  margin: 0 2rem 2rem 0;
}

a img.alignleft {
  float: left;
  margin: 0 2rem 2rem 0;
}

* {
  margin:0;
  padding:0;
}

html {
  font-size: 62.5%;
}

html, body {
  height:100%;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

body {
  background-color: #000000;
  background-size:cover;
  background-repeat: no-repeat;
  background-position:top center;
  background-attachment: fixed;
  color:#FFFFFF;
  font-family:'HelveticaNeue-Condensed', Arial, sans-serif;
  font-size:1.5rem;
  line-height:2rem;
}

body.single-theater,
body.single-television {
  background-size: auto;
}

.body__image {
  background-position:top center;
  background-size:cover;
  height:100%;
  min-height:100vh;
  left:0;
  position:fixed;
  z-index:-1;
  top:0;
  width:100vw;
}


/* -------------------------------------------------- */
/* HEADER                                             */
/* -------------------------------------------------- */

.header {
  background-color:RGBA(0,0,0,0.9);
  display:flex;
  justify-content: space-between;
  left:0;
  min-height: 5.5rem;
  padding:0 1.5rem;
  position:fixed;
  top:0;
  width:100%;
  z-index:10;
align-items: center;
}

.header__logo {
  background:URL(images/richard_groenendijk.png);
  background-image:URL(images/richard_groenendijk.svg), none;
  background-size:30rem 1rem;
  background-repeat:no-repeat;
  background-position: top left;
  height:1rem;
  margin-top:1.7rem;
  transition: all .2s;
  width:30rem;
}

.header__logo:hover {
  opacity:.8;
}

.header ul,
.header li {
  list-style-type:none;
  margin:0;
  padding:0;
}

.header li {
  display:inline-block;
  padding:1.5rem 1.3rem .9rem 0;
}

.header li a {
  color:#ffffff;
  font-family:"HelveticaNeue-Condensed",Arial,sans-serif;
  font-size: 2rem;
  line-height:1;
  text-decoration:none !important;
  text-transform: uppercase;
  transition: all .2s;
}

.header li a:hover,
.header li.current-menu-item a {
  color:#fad085;
}

.header__socials {
  align-items: center;
  display:flex;
}

.header__socials a {
  color:#676767;
  display:block;
  height:2.5rem;
  margin-right:.9rem;
  position:relative;
  text-decoration:none !important;
  width:2.5rem;
}

.header__socials a.facebook {
  background:URL(images/facebook.png);
  background-image:URL(images/facebook.svg), none;
  background-size:2.5rem 5rem;
}

.header__socials a.facebook span {
  background:URL(images/facebook.png);
  background-image:URL(images/facebook.svg), none;
  background-size:2.5rem 5rem;
  background-position:0 -2.5rem;
  display:block;
  height:2.5rem;
  opacity:0;
  left:0;
  position:absolute;
  top:0;
  transition: all .2s;
  visibility:hidden;
  width:2.5rem;
}

.header__socials a.facebook:hover span {
  opacity:1;
  visibility:visible;
}

.header__socials a.spotify {
  background:URL(images/spotify.png);
  background-image:URL(images/spotify.svg), none;
  background-size:2.5rem 5rem;
}

.header__socials a.spotify span {
  background:URL(images/spotify.png);
  background-image:URL(images/spotify.svg), none;
  background-size:2.5rem 5rem;
  background-position:0 -2.5rem;
  display:block;
  height:2.5rem;
  opacity:0;
  left:0;
  position:absolute;
  top:0;
  transition: all .2s;
  visibility:hidden;
  width:2.5rem;
}

.header__socials a.spotify:hover span {
  opacity:1;
  visibility:visible;
}

.header__socials a.lock {
  background:URL(images/lock.png);
  background-image:URL(images/lock.svg), none;
  background-size:2.5rem 5rem;
}

.header__socials a.lock span {
  background:URL(images/lock.png);
  background-image:URL(images/lock.svg), none;
  background-size:2.5rem 5rem;
  background-position:0 -2.5rem;
  display:block;
  height:2.5rem;
  opacity:0;
  left:0;
  position:absolute;
  top:0;
  transition: all .2s;
  visibility:hidden;
  width:2.5rem;
}

.header__socials a.lock:hover span {
  opacity:1;
  visibility:visible;
}

.header__socials a:last-child {
  margin:0;
}

.open__mobile__nav {
  background:URL(images/rg_menu.png);
  background-image:URL(images/rg_menu.svg), none;
  background-size:2.5rem 3rem;
  background-repeat:no-repeat;
  display:block;
  height:1.5rem;
  margin-top:1.5rem;
  width:2.5rem;
}

.open__mobile__nav:hover {
  background-position:0 -1.5rem;
}

/* -------------------------------------------------- */
/* end HEADER                                         */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* MOBILE NAV                                         */
/* -------------------------------------------------- */

.mobile__nav {
  background-color:#000;
  bottom:0;
  left:0;
  overflow:hidden;
  position:fixed;
  top:0;
  transition: all .3s;
  width:0;
  z-index:100;
}

.mobile__nav--show {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding:0 3rem;
  width:100%;
}

@media screen and (min-width: 1000px) {
  .mobile__nav {
    display:none;
  }
}

.mobile__nav__top {
  align-items: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height:10rem;
  justify-content:flex-end;
  -webkit-justify-content: flex-end;
}

.close__mobile__nav {
  background: URL(images/menu_sluiten.png);
  background-image: URL(images/menu_sluiten.svg), none;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:top center;
  display:block;
  height:1.8rem;
  transition: all .6s;
  -webkit-transition: all .6s;
  width:3rem;
}

.close__mobile__nav:hover {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}


.mobile__nav__bottom {
  flex:1;
  -webkit-flex: 1;
  overflow:scroll;
  text-align:center;
}

.mobile__nav__bottom ul,
.mobile__nav__bottom li {
  list-style-type:none;
  margin:0;
  padding:0;
}

.mobile__nav__bottom li {
  padding:1rem 0;
}

.mobile__nav__bottom .sub-menu li {
  padding:0;
}

.mobile__nav__bottom .sub-menu {
  padding-top:1rem;
}

.mobile__nav__bottom li a {
  color:#fff;
  display:inline-block;
  font-family: 'Poppins', sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  position:relative;
  text-decoration:none !important;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.mobile__nav__bottom .sub-menu li a {
  font-size:1.3rem;
  font-weight:400;
}
.mobile__nav__bottom li a:after {
  background-color:#fff;
  bottom:-.5rem;
  content:"";
  height:.1rem;
  left:0;
  position:absolute;
  transition: all .3s;
  -webkit-transition: all .3s;
  width:0;
}

.mobile__nav__bottom .sub-menu a:after {
  display:none;
}

.mobile__nav__bottom li a:hover:after,
.mobile__nav__bottom li.current_page_item a:after {
  width:100%;
}

.mobile__nav__bottom .sub-menu a:hover,
.mobile__nav__bottom .sub-menu li.current_page_item a {
  color:#3BCDD7;
}

.mobile__nav__search {
  align-items:center;
  color:RGBA(153,144,117, .5);
  display:flex;
  font-size:1.2rem;
	font-weight: 400;
  justify-content: flex-end;
  max-width:25rem;
  margin:1.5rem auto;
  position:relative;
  text-align:right;
}

.mobile__nav__search input {
  background-color:#fff;
  border:0;
  border-radius:.3rem;
  color:#6E273D;
  line-height:1;
  outline: none !important;
  padding:.8rem 2rem .8rem 1rem;
  transition: all .2s;
  width:25rem;
}

.mobile__nav__search a {
  color:#6E273D;
	position:absolute;
  right:.8rem;
  top:50%;
  transform:translateY(-50%);
  transition: all .2s;
}

.mobile__nav__search a:hover {
  color:#CE0E4A;
}

/* -------------------------------------------------- */
/* end MOBILE NAV                                     */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* MAIN                                               */
/* -------------------------------------------------- */

.main {
  display:flex;
  justify-content: space-between;
  flex-direction: column;
  min-height:100vh;
  padding-top:7rem;
  position:relative;
}

@media(max-width:992px){
  .main {
    padding-top:30rem;
  }

  body.single-theater .main,
  body.single-television .main,
  body.page-template-music .main,
  body.page-template-webshop .main {
    padding-top:9.5rem;
  }
}

.main__inner {
  flex:1;
}

/* -------------------------------------------------- */
/* end MAIN                                           */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* ARTICLES                                           */
/* -------------------------------------------------- */

.articles {
  padding:3rem 0;
}

.article {
  background-color:#000;
  display:flex;
  justify-content:space-between;
  margin-bottom:2rem;
  text-decoration:none !important;
}

.article span {
  display:block;
  padding:1rem;
  position:relative;
  width:50%;
}

.article span.basket {
  background:URL(images/basket.png);
  background-image:URL(images/basket.svg), none;
  display:block;
  height:2.5rem;
  position:absolute;
  bottom:1rem;
  width:2.5rem;
}
.article h3 {
  color:#fff;
  font-size:1.8rem;
  margin:0;
  padding:0;
}

.article small {
  color:#fff;
  display:block;
  font-size:1.4rem;
  padding-top:.5rem;
}

.article:hover h3,
.article:hover small {
  color:#fad085;
}

.article:hover span.basket {
  background-position:0 -2.5rem;
}

/* -------------------------------------------------- */
/* end ARTICLES                                       */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* LARGE BANNER                                       */
/* -------------------------------------------------- */

.large__banner {
  align-items: center;
  background-size:cover;
  color:#000;
  display:flex;
  font-size:3rem;
  font-weight:bold;
  height:30rem;
  justify-content: flex-end;
  padding:0 2rem;
  text-transform:uppercase;
  width:100%;
}

@media(max-width:992px){
  .large__banner {
    font-size:1.8rem;
    justify-content:center;
    padding:0;
  }
}

.large__banner:hover {
  color:#fff;
  text-decoration:none !important;
}

/* -------------------------------------------------- */
/* end LARGE BANNER                                   */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* QUOTES                                             */
/* -------------------------------------------------- */

.quotes {
  color:#fad085;
  position:relative;
}

.quote {
  left:0;
  opacity:0;
  padding:1.5rem 0;
  position:absolute;
  text-align:center;
  top:50%;
  transform:translateY(-50%);
  transition: all 1s;
  visibility:hidden;
  width:100%;
}

.quote__active {
  opacity:1;
  visibility: visible;
}

.quote__text {
  font-size:2.1rem;
  font-style:italic;
  line-height:2.3rem;
  margin-bottom:.5rem;
}

/* -------------------------------------------------- */
/* end QUOTES                                         */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* RICHARD GROENENDIJK LOGO                           */
/* -------------------------------------------------- */

.rg_logo {
  margin-bottom:40rem;
  width:100%;
}

body.page-template-press .rg_logo,
body.page-template-news .rg_logo,
body.single-theater .rg_logo,
body.single-television .rg_logo,
body.page-template-music .rg_logo,
body.page-template-webshop .rg_logo {
  margin-bottom:5rem;
}

body.home .rg_logo {
  margin-bottom: 90px;
}

/* -------------------------------------------------- */
/* end RICHARD GROENENDIJK LOGO                       */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* PAGE CONTENT                                       */
/* -------------------------------------------------- */

.page__cnt {
  padding-bottom:2.5rem;
}

@media(max-width:992px){
  body.single-theater .page__cnt {
    margin:2rem 0;
  }
}

.page__cnt h1 {
  color: #fad085;
  font-size: 2.6rem;
  line-height:1.5;
  margin: 0 0 1rem 0;
  padding:0;
}

.page__cnt h2 {
  color: #fad085;
  font-size: 1.9rem;
  line-height:1.2;
  margin: 0;
  padding:1.5rem 0;
}

.page__cnt a {
  color:#fff;
  transition: all .2s;
  text-decoration:none !important;
}

.page__cnt a:hover {
  color:#fad085;
}

.page__cnt ul,
.page__cnt ol {
  margin-left:1.8rem;
}

/* -------------------------------------------------- */
/* end PAGE CONTENT                                   */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* NEWS CONTENT                                       */
/* -------------------------------------------------- */

.news__cnt {
  background-color:#fff;
  color:#000;
  padding:1.5rem;
}

.news__img {
  margin:0 auto 1.5rem auto;
}
.news__cnt h1 {
  color: #c00d0d;
  font-size: 1.9rem;
  line-height:2.1rem;
  margin: 0;
  padding:0 0 1.5rem 0;
  text-transform:uppercase;
}

.news__cnt p:last-of-type {
  padding:0;
  margin:0;
}

.news__cnt a {
  color:#000;
  transition: all .2s;
  text-decoration:none !important;
}

.news__cnt a:hover {
  color:#fad085;
}

/* -------------------------------------------------- */
/* end NEWS CONTENT                                   */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* DOWNLOADS                                          */
/* -------------------------------------------------- */

.downloads {

}

.downloads form {
  max-width:40rem;
  margin:0 auto;
}

.downloads input {
  background-color:#fff;
  border:0;
  border-radius:.4rem;
  color:#000;
  display:block;
  font-size: 17px;
  line-height: 17px;
  margin-bottom:.5rem;
  padding: 1.2rem .8rem .8rem .8rem;
  width:100%;
}

.downloads button {
  background-color: #fad085;
  border: 0;
  border-radius:.4rem;
  color: #000;
  font-size: 17px;
  line-height: 17px;
  margin:1.5rem 0;
  padding: 1.2rem 0 .8rem 0;
  width:100%;
}

/* -------------------------------------------------- */
/* end DOWNLOADS                                      */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* SHOWS                                              */
/* -------------------------------------------------- */

.shows {

}

.shows table {
  border-collapse:separate;
  border-spacing:0 .1rem;
  margin-top:2rem;
}

.shows table tr {
  background-color:#20201f;
  cursor:pointer;
}

.shows table tr.show__disabled {
  cursor: default;
}

.shows table td {
  border:0 !important;
  padding:.5rem 1rem 0.2rem 1rem !important;
  transition: all .2s;
}

@media(max-width:768px){
  .shows table td {
    padding:.5rem .5rem 0.2rem .5rem !important;
  }
}

.shows table tr.show__disabled td {
  color:RGBA(255,255,255,.6);
}

.shows table tr:hover td {
  color:#fad085;
}

.shows table tr.show__disabled:hover td {
  color:RGBA(255,255,255,.7);
}

/* -------------------------------------------------- */
/* end SHOWS                                          */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* THEATER                                            */
/* -------------------------------------------------- */

.theater {

}

.theater__menu,
.theater__menu li {
  list-style-type:none;
  margin:2rem 0 0 0;
  padding:0;
}

.theater__menu {
  margin:2rem 0;
}

.theater__menu a {
  color:#fff;
  display:block;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration: none !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  transition: all .2s;
}

.theater__menu a:hover,
.theater__menu li.current-menu-item a {
  color:#fad085;
}

.theater__videos {
  margin-bottom:2rem;
}

.theater__videos h2 {
  color:#fad085;
  font-size:1.9rem;
  margin:0 0 1rem 0;
  padding:0;
}

.theater__videos a {
  border:.1rem solid transparent;
  display:block;
  float:left;
  margin:0 1rem 1rem 0;
  outline: none !important;
  transition: all .2s;
  width:calc((100% / 3) - 20px);
}

.video__image {
  width:100%;
  height:10rem;
  background-size:cover;
  background-position:50% 50%;
}
.theater__videos a:hover {
  border-color:#fff;
}

.theater__videos a:hover .img__video:after {
  opacity: 1;
}

.theater__videos a:nth-child(3n+1) {
  margin-right:0;
}

.theater__videos__order {
  background-color:#000;
  border:0 !important;
  color:#fff;
  display:block;
  padding:1rem 1.5rem .8rem 1.5rem;
  text-decoration:none !important;
  width:100% !important;
}

.theater__videos__order i {
  margin-right:.5rem;
}

.theater__videos__order--bol {
  align-items: center;
  display:flex !important;
}

.theater__videos__order--bol span.icon {
  background:URL(images/bol.png);
  background-repeat:no-repeat;
  background-size:contain;
  display:inline-block;
  height:1.5rem;
  margin-right:.7rem;
  margin-top:-.4rem;
  width:1.5rem;

}
.theater__videos__order:hover {
  color:#fad085;
}

/* -------------------------------------------------- */
/* end THEATER                                        */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* NEWS                                               */
/* -------------------------------------------------- */

.news {

}

.news__block {
  background-color:#fff;
  margin-bottom:3rem;
}

a.news__block {
  display:block;
  text-decoration:none !important;
}

.news__block__text {
  color:#000;
  overflow:hidden;
  padding:1.5rem 1.5rem 1.1rem 1.5rem;
}

.news__block img {
  width:100%;
}

.news__block__text h2 {
  color:#c00d0d;
  font-size:1.9rem;
  line-height:2.1rem;
  margin:0;
  padding:0 0 1rem 0;
  text-transform:uppercase;
  transition: all .2s;
}

a.news__block:hover .news__block__text h2 {
  color:#000;
}

.news__block__text p:last-of-type {
  padding-bottom:0;
  margin-bottom:0;
}

.news__block__text a {
  color:#000;
  transition: all .2s;
  text-decoration:underline;
}

.news__block__text a:hover {
  text-decoration:none;
}

.news__block__text .readmore {
  font-style:italic;
  font-size:1.3rem;
  position:relative;
}

.news__block__text .readmore:after {
  background-color:#000;
  bottom:0;
  content: "";
  height:.1rem;
  left:0;
  position:absolute;
  transition: all .2s;
  width:0;
}

a.news__block:hover .news__block__text .readmore:after {
  width:100%;
}

.news__loadmore,
.news__loadmore:hover {
  color:#fff;
  display:block;
  padding:2rem 0;
  text-align:center;
  text-decoration: none !important;
}


/* -------------------------------------------------- */
/* end NEWS                                           */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* FOOTER                                             */
/* -------------------------------------------------- */

.footer {
  color:#fff;
  display:flex;
  justify-content: space-between;
  padding:1.5rem 1.5rem 1.2rem 1.5rem;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}

@media(max-width:992px){
  .footer {
    display:block;
    text-align:center;
  }
}

.footer a {
  color:#fff;
  transition: all .2s;
  text-decoration:none !important;
}

.footer a:hover {
  color:#fad085;
}
/* -------------------------------------------------- */
/* end FOOTER                                         */
/* -------------------------------------------------- */