/**
 * Theme Name: theme_NADINE
 * Theme URI: http://lostinbits.com Author: lostinbits
 * Author URI: http://lostinbits.com/ Description: Version: 1.0.1 License: GNU
 * General Public License v2 or later License URI:
 * http://www.gnu.org/licenses/gpl-2.0.html Tags: Text Domain: This theme, like
 * WordPress, is licensed under the GPL. Use it to make something cool, have
 * fun, and share what you've learned with others.
 */

@font-face {
  font-family : portra;
  font-style  : normal;
  font-weight : 400;
  src         : url(fonts/portra.eot?) format("eot"),
                url(fonts/portra.woff) format("woff"),
                url(fonts/portra.ttf) format("truetype");
}



* {
  -moz-box-sizing    : border-box;
  -webkit-box-sizing : border-box;
  box-sizing         : border-box;
}

a,
address,
body,
caption,
div,
em,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
label,
li,
object,
p,
q,
s,
span,
strong,
th,
ul,
var {
  margin         : 0;
  padding        : 0px;
  border         : 0;
  outline        : 0px;
  vertical-align : baseline;
  font-family    : inherit;
  font-size      : 100%;
  font-style     : inherit;
  font-weight    : inherit;
  align-items: baseline;
}

article,
footer,
header,
nav {
  display : block;
}

canvas {
  display   : inline-block;
  max-width : 100%;
}

html {
  -ms-text-size-adjust     : 100%;
  -webkit-text-size-adjust : 100%;
  font-size                : .7vw;
}

body,
input {
  color       : #000;
  font-family : Arial, Verdana,
                sans-serif;
  font-size   : 14px;
  font-size   : 1.4rem;
  font-weight : normal;
  line-height : 20px;
  line-height : 2rem;
}

body {
  height     : 100%;
  background : #fff;

}

a {
  color           : #000;
  text-decoration : none;
  font-style      : normal;
}

a:active,
a:focus,
a:hover {
  outline : 0;
}

a:active {
  color : #000;
}

a:hover {
  color : #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear       : both;
  margin      : 28px 0 14px;
  margin      : 2.8rem 0 1.4rem;
  font-weight : 400;
}

h1 {
  font-size   : 28px;
  font-size   : 2.8rem;
  line-height : 38px;
  line-height : 3.8rem;
}

h2 {
  font-size   : 26px;
  font-size   : 2.6rem;
  line-height : 36px;
  line-height : 3.6rem;
}

h3 {
  font-size   : 24px;
  font-size   : 2.4rem;
  line-height : 34px;
  line-height : 3.4rem;
}

h4 {
  font-size   : 22px;
  font-size   : 2.2rem;
  line-height : 32px;
  line-height : 3.2rem;
}

h5 {
  font-size   : 20px;
  font-size   : 2rem;
  line-height : 30px;
  line-height : 3rem;
}

h6 {
  font-size   : 18px;
  font-size   : 1.8rem;
  line-height : 28px;
  line-height : 2.8rem;
}

address {
  margin-bottom : 28px;
  margin-bottom : 2.8rem;
  font-style    : italic;
}

b,
strong {
  font-weight : 700;
}

em,
i {
  font-style : italic;
}

p {
  margin-bottom : 18px;
  margin-bottom : 1.8rem;
}

var {
  font-family : monospace,
                serif;
  font-size   : 16px;
  font-size   : 1.6rem;
}

q {}

q:after,
q:before {
  content : "";
  content : none;
}

ul {
  margin     : 0 0 28px 20px;
  margin     : 0 0 2.8rem 2rem;
  list-style : none;
}

ul {
  list-style : disc;
}

li>ul {
  margin : 0 0 0 20px;
  margin : 0 0 0 2rem;
}

img {
  border                 : 0;
  vertical-align         : top;
  -ms-interpolation-mode : bicubic;
}


input {
    color         : #000;
  font-size      : 100%;
  height        : 2.4rem;
    margin         : 0;
  padding       : 4px 10px;
  padding       : 0.4rem 1rem;
max-width      : 100%;
  border        : 2px solid #000;
  border-radius : 0;
  background    : #fff;


  vertical-align : text-top;
  line-height : normal;
}


input:focus {
  border  : 1px solid #2d2926;
  outline : 0;
}

input[type=button],
input[type=reset],
input[type=submit] {
  margin-bottom    : 3px;
  margin-bottom    : .3rem;
  padding          : 5px 20px;
  padding          : .5rem 2rem;
  color            : #2d2926;
  border           : 0;
  border-radius    : 2px;
  background-color : #afb0ae;
  /*! vertical-align   : bottom; */
  -webkit-appearance : button;
  cursor             : pointer;
}

input[disabled] {
  cursor : default;
}

input[type=checkbox],
input[type=radio] {
  padding : 0;
}

input[type=search] {
  -webkit-appearance : textfield;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance : none;
}

input::-moz-focus-inner {
  padding : 0;
  border  : 0;
}


input[type=button]:focus,
input[type=button]:hover,
input[type=reset]:focus,
input[type=reset]:hover,
input[type=submit]:focus,
input[type=submit]:hover {
  color            : #fff;
  background-color : #2d2926;
}

input[type=button]:active,
input[type=reset]:active,
input[type=submit]:active {
  color            : #fff;
  background-color : #2d2926;
}

th {
  border : 1px solid rgba(0,0,0,.1);
}

caption,
th {
  text-align  : left;
  font-weight : 400;
}

th {
  border-width : 0 1px 1px 0;
  font-weight  : 700;
}

::selection {
  color       : #fff;
  background  : #000;
  text-shadow : none;
}

::-moz-selection {
  color       : #fff;
  background  : #000;
  text-shadow : none;
}






::-webkit-input-placeholder {
  color : #afb0ae;
}

:-moz-placeholder {
  color : #afb0ae;
}

::-moz-placeholder {
  color   : #afb0ae;
  opacity : 1;
}

:-ms-input-placeholder {
  color : #afb0ae;
}

.entry-content img,
.entry-summary img,
.wp-caption {
  max-width : 100%;
}

.entry-content img,
.entry-summary img,
img[class*=align],
img[class*=attachment-],
img[class*=wp-image-] {
  height : auto;
  width: 100%;
}

.post-thumbnail img,
.wp-post-image {
  max-width : 100%;
  height    : auto;
}

body.home .wp-post-image {
  max-width : none;
}

embed,
object {
  max-width     : 100%;
  margin-bottom : 28px;
  margin-bottom : 2.8rem;
}

p>embed,
p>object,
span>embed,
span>object {
  margin-bottom : 0;
}

.wp-caption {
  margin-bottom : 28px;
  margin-bottom : 2.8rem;
}

.wp-caption img[class*=wp-image-] {
  display : block;
  margin  : 0;
}

.wp-caption {
  color : #afb0ae;
}

.wp-caption a {
  color : #2d2926;
}

.wp-caption-text {
  margin      : 9px 0;
  margin      : .9rem 0;
  font-size   : 13px;
  font-size   : 1.3rem;
  line-height : 15px;
  line-height : 1.5rem;
}

.wp-smiley {
  margin-top    : 0;
  margin-bottom : 0;
  padding       : 0;
  border        : 0;
}

.screen-reader-text {
  display  : none;
  position : absolute;
  clip     : rect(1px,1px,1px,1px);
}


.site {
  position           : relative;
  min-width          : 320px;
  height             : 100%;
  margin             : 0 1vw;
  opacity            : 1;
  /*! overflow-x         : hidden; */
  -moz-transition    : opacity .3s;
  -o-transition      : opacity .3s;
  -webkit-transition : opacity .3s;
  transition         : opacity .3s;
}

.content-area,
.main-content {
  height : 100%;
  width: 100%;
}


.page-header,
body.page .entry-header,
body.single .entry-header {
  display        : inline-block;
  width          : 20.689655172%;
  padding-right  : 20px;
  padding-right  : 2rem;
  vertical-align : top;
}

.entry-title,
.page-title {
  margin      : -3px 0 0;
  font-size   : 24px;
  font-size   : 2rem;
  font-weight : 400;
  line-height : 34px;
  line-height : 2.4rem;
  white-space : pre-wrap;
  word-wrap   : break-word;
}

.entry-content>p:last-child {
  margin-bottom : 0;
}




#image-navigation {
  text-align : right;
}

#image-navigation a:first-of-type {
  float : left;
}

.navigation {
  position         : fixed;
  bottom           : 0;
  left             : 0;
  width            : 100%;
  height           : 40px;
  padding          : 10px 20px;
  border-top       : 1px solid #666;
  background-color : #fff;
  font-size        : 1.4rem;
}






/*

*/






/*
----- practical INFORMATION block
*/

.practical_information {
  margin-top  : 0;
  font-size   : 1.4rem;
  font-size   : 14px;
font-weight : normal;
  line-height : 10px;
}

.practical_information a {
  display          : inline-block;
  margin           : 0px 4px 7px 0;
  padding          : 0 7px;
  border-radius    : 12px;
  background-color : #f2f2f2;
  white-space      : pre-wrap ;
  overflow-wrap : break-word;
  line-height: 20px;
  border: 1px solid lightgray;
}

.practical_information .date {
  display          : inline-block;
  margin           : 0px 4px 7px 0;
  padding          : 0 7px;
  border-radius    : 12px;
  background-color : #fff;
  white-space      : normal;
  font-weight: normal;
  border: 0.5px solid #000;
  color: #000;
  line-height: 20px;
}

.practical_information .date a {
  display: inline-block;
  margin: 0;
  padding: 0;
    background-color: white ;
        border: none;



}
.no_date {
  display: none;
}

.practical_information .extra_info {
  display          : inline-block;
  margin           : 0px 4px 7px 0;
  padding          : 0 7px;
  border-radius    : 0;
  background-color : #fff;
  white-space      : normal;
  font-weight: normal;
  border-left: 3px solid #000;
  color: #000;
  line-height: 20px;
}

.single-post .practical_information {
  height      : auto;
  padding     : 0;

  white-space : initial;
  padding : 6px 11px 40px 0px;

}

.item_title::before {
  content : "";
}

.image_title {
  margin-bottom : 1rem;
  font-family   : Times New Roman,
                  Times,
                  serif;
  font-size     : 2.4rem;
  line-height   : 2.8rem;
  margin: 4px 7px 6px;
}

.family_tag_title {
  font-size  : 1.5rem;
  font-style : italic;
}

/*
------ HEADER
*/

.site-header {
  top   : 0;
  left  : 0;
  width : 100%;
}

.site-title {
  width          : 9rem;
  float          : left;
  margin         : 0;
  text-transform : lowercase;
  font-size      : 2.4rem;
  font-weight    : 400;
  line-height    : 28px;
  line-height    : 2.8rem;
}

.header_image {
  margin : 0 0;
}

.header_image img {
  width : 92vw!important;
}

.site-navigation ul {
  float      : right;
  margin     : 0;
  list-style : none;
  margin: 0rem 0;
}

.site-navigation li {
  display        : inline-block;
  position       : relative;
  text-transform : uppercase;
  font-size      : 24px;
  font-size      : 2.4rem;
  line-height    : 28px;
  line-height    : 2.8rem;
}

.site-navigation li li {
  display : block;
  /*! list-style: circle; */
}

.site-navigation ul ul ul {
  padding-left : 20px;
  padding-left : 2rem;
}

.menu-toggle {
  display     : none;
  float       : right;
  clear       : none;
  margin      : 0;
  color       : #000;
  font-family : portra;
  font-size   : 30px;
  font-size   : 5rem;
  line-height : 30px;
  line-height : 4rem;
  cursor      : pointer;
}

.menu-toggle:hover {
  color : #2d2926;
}

#navigation-close {
  z-index     : 10000;
  display     : none;
  position    : absolute;
  top         : 10px;
  top         : 1rem;
  right       : 20px;
  right       : 2rem;
  color       : #000;
  font-size   : 30px;
  font-size   : 5rem;
  line-height : 30px;
  line-height : 2rem;
  cursor      : pointer;
}

#description {
  width       : 35rem;
  float       : left;
  font-size   : 2.4rem;
  line-height : 2.8rem;
}


#primary-sidebar {
  width  : 14rem;
  height : 2.8rem;
  height : 28px;
  float  : left;
  margin : 0;
}

.search-form {
  display : inline-block;
  width   : 26rem;
  clear   : both;
}

.widget_top {
  display : inline;
  width   : 5vw;
  float   : left;
  clear   : both;
}

.search-submit {
  display : none;
  float   : right;
  clear   : both;
}

.search-form {
  width     : 12rem;
  /*! min-width : 12rem; */
  float     : left;
  float     : left;
  clear     : both;
  position: relative;
  bottom: 0px;
}

.widget_top {
  display : none;
}





/*
---- CONTENT AREA
*/

.content {
    float: left;
}

.content-area {
  height      : auto;
  /*! white-space : nowrap; */
}

.hentry,
.page-content {
  display        : inline-block;
  vertical-align : top;
  white-space    : normal;
  word-wrap      : break-word;
}

body.single .hentry {
  width        : 38vw;
  margin-right : 8rem;
  line-height  : 1.3;
}

.page-content,
body.page .hentry {
  width         : 67.391304348%;
  padding-right : 20px;
  padding-right : 2rem;
}



.page-header,
body.page .entry-header,
body.single .entry-header {
  display     : inline-flex;
  width       : 100%;
  float       : none;
  margin      : 2rem 0 2rem;
  font-family : serif;
  font-size   : 4.8rem;
}

.entry-title,
.page-title {
  margin      : 0;
  font-size   : 24px;
  font-size   : 4.8rem;
  font-weight : 400;
  line-height : 34px;
  line-height : 5rem;
  white-space : nowrap;
  word-wrap   : normal;
}

.entry-title,
.page-title {
  margin      : 0;
  font-size   : 48px;
  font-size   : 4.8rem;
  font-weight : 400;
  line-height : 50px;
  line-height : 5rem;
  white-space : pre-wrap;
  word-wrap   : break-word;
}



.titelandinfo {
  display  : inline-block;
  position : sticky;
  position: -webkit-sticky;

  top      : 7rem;
  width    : 33%;
  clear    : both;
}


.entry-content>p:last-child {
  margin-bottom : 0;
}


#mc4wp-form-1 {
    margin: -1.8rem 0 0 0;
}

/*

------- BANNER
*/


.frontpage_banner {
  width            : 110vw;
  height           : 4.4rem;
  margin: 1rem 0 0 -6vw;
  padding          : 4px;
  color            : #fff;
  background-color : black;
  font-family      : serif;
  font-size        : 4.8rem;
  line-height      : 3.7rem;
  white-space      : nowrap;
  font-style: italic;
  font-weight: bold;
  overflow: hidden;
  position: relative;
}

.frontpage_banner img {
  height : 3.4rem !important;
  padding: 0;
  vertical-align: inherit;
}

.frontpage_banner > div {
  position  : absolute;
  width     : 50%;
  animation : a 40s linear 0s infinite alternate;
}

.archief_frontpage > .frontpage_banner {

    transform: skewX(40deg);

}

.archief_frontpage > .frontpage_banner > div {
  position  : absolute;
  width     : 50%;
  animation : a 40s linear 0s infinite alternate;
}


.ongoing_frontpage > .frontpage_banner > div {
  position  : absolute;
  width     : 50%;
  animation : b 40s linear 0s infinite;
}


.archief_frontpage > .frontpage_banner > div > img {

    transform: skewX(-40deg);
    margin-right: -5px;

}

.ongoing_frontpage> .frontpage_banner {
  font-style: italic;

}

.related_items > .frontpage_banner{

  margin-top: 3rem;
  margin-left: -5rem;
}

@keyframes a {
  0% {
    left : 0;
  }

  to {
    left : -90%;
  }
}


@keyframes b {
  0% {
    left : -90%;
  }

  to {
    left : 0;
  }
}

/*
------ END OF BANNER
*/

/*
------ ABOUT PAGE
*/


.main-content-about {

    width: 100%;
    display: inline-block;

}
.main-content-about .left{
width: 33%;
float: left;
display: table;
position: sticky;
top: 7rem;
}


.main-content-about .hentry{
  width: 100% !important;
border: none !important;
}

.main-content-about .center{
width: 33%;
float: left;
display: table;
}


.main-content-about .gallery{
width: 100%;

}

.main-content-about .right{
width: 33%;
float: right;
display: table;
margin: 3rem 0;
font-family: serif;
font-size: 16px;
position: sticky;
top: 7rem;
}





/*
------ END OF ABOUT PAGE
*/

/**
 * GALLERY AND IMAGES
 * -----------------------------------------------------------------------------
 */


 .post-thumbnail {
   display        : inline-block;
   vertical-align : top;
 }

 body.home .post-thumbnail {
   height : 100%;
 }


.gallery {
  position        : sticky;
  position: -webkit-sticky;

  top             : 7rem;
  width           : 33%;
  height          : 100%;
  height          : 100%;
  float           : right;
  clear           : none;
  margin          : 3rem 0rem 0 0;
  white-space     : initial;
  list-style-type : none;
  list-style-type : none;
}

.gallery-item {
  display       : inline-block;
  width         : 100%!important;
  height        : 100%;
  clear         : both;
  margin        : 0 0 4rem;
  padding-right : 2rem;
  font-size     : 1.2rem;
  font-style    : italic;
  white-space   : normal;
  cursor        : crosshair;
}

.gallery-item img {
  display : block;
  width   : 100%!important;
  height  : 100%;
  height  : -moz-calc(100% - 28px);
  height  : -webkit-calc(100% - 28px);
  height  : calc(100% - 28px);
}

.gallery-item img:hover {
    /*! width: 80vw !important; */
    /*! left: 10vw; */
    /*! top: 0; */
    /*! position: fixed; */
    /*! height: auto; */

}


.mobile_image {
display: none;
}

.wp-playlist {
  border: none !important;
  padding: 0 !important;

}


.mobile_image img {
  width: 100%;
}
.end_content::before {
  content : ".";
  opacity : 0.3;
}

.end_content {
  content       : "temp_line";
  position      : relative;
  width         : 100%;
  height        : 2rem;
  clear         : both;
  margin        : 1rem 0 4rem;
  /*! color         : red; */
  /*! border-bottom : 1px solid black; */
}


.related_title {
    display: none;
}

.related-posts {
  margin: 4rem 0 0;
    width: 100%;
    float: left;
}

.related-post.clearfix {
  width: 31% !important;
height: auto;
margin: 2rem 3% 4rem 0rem;
padding: 0 !important;
float: left;
}

.related-post.clearfix:nth-of-type(3n+1) {
    margin: 2rem 0vw 0 0;
    padding-right: 0;

}


.relatedposts-post-title {
    font-size: 20px !important;
    font-family: serif !important;
    margin: 10px 0 5px !important;
}



.relatedposts-post-context > a {
  display: inline-block;
margin: 0px 0px 1px 0;
padding: 0 7px;
border-radius: 12px;
background-color: #fff;
white-space: normal;
font-weight: normal;
border: 0.5px solid #000;
color: #000;
line-height: 20px;
}




#image-navigation {
  text-align : right;
}

#image-navigation a:first-of-type {
  float : left;
}

.navigation {
  position         : fixed;
  bottom           : 0;
  left             : 0;
  width            : 100%;
  height           : 40px;
  padding          : 10px 20px;
  border-top       : 1px solid #666;
  background-color : #fff;
  font-size        : 1.2rem;
}


.nav-menu>li {
  opacity : 1;
}

#top-right-menu li {
  text-align : left;
}

.site-navigation li {
  margin-right : 22px;
  margin-right : 2.2rem;
  white-space  : nowrap;
}

.site-navigation li:last-of-type {
  margin-right : 0;
}


li.menu-item-has-children:hover

.site-navigation>div>ul>li>ul {
  z-index    : 9999;
  display    : none;
  position   : absolute;
  top        : 100%;
  left       : -20px;
  left       : -2rem;
  padding    : 0 20px 20px;
  /*! padding    : 0 2rem 2rem; */
  background : #fff;
}

.current-menu-item>a {
  color      : #000;
  font-style : normal;
}







.menu-item::after {
  content : "";
}

#main {
  height  : auto;
  padding : 2rem;
}

body.home .hentry, .page-template-page-n0dine_page .hentry {
  display       : inline-block;
  width         : 30% !important;
  height        : auto;
  margin        : 2rem 0rem 4rem 0;
  padding       : 0 0;
  padding-right : 20px;
  padding-right : 2rem;
  border        : 0;
  border-bottom: 0px solid;
  padding-bottom: 1rem;
}

body.home .hentry:nth-of-type(3n+1), .page-template-page-n0dine_page .hentry:nth-of-type(3n+1)  {
  margin        : 2rem 0vw 0 0;
  padding-right : 0;

}

body.home .hentry>a {
  display : inline-block;
  height  : auto;
  height  : -moz-calc(100% - 28px);
  height  : -webkit-calc(100% - 28px);
  height  : calc(100% - 28px);
}

body.home .hentry img, .page-template-page-n0dine_page .hentry img {
  width  : auto!important;
  height : auto;
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); */ /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); */ /* Microsoft Edge and Firefox 35+ */

}

.image_link {
  width    : 100%;
  margin   : 14px 0 0 0;
  overflow : hidden;
}

body.single .hentry {
  display        : block;
  width          : 33%;
  margin         : 3rem 0 0 0;
  padding-bottom : 90px;
  font-family    : serif;
  font-size      : 16px;
}

.page-content,
body.page .hentry {
  max-width      : ;
  padding-bottom : 1rem;
  border-bottom  : 0px solid;
}




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


.site-footer {
    bottom           : 0;
  left        : 0;
  clear       : both;
  font-size   : 14px;
  line-height : 20px;
  width   : 100%;
  padding : 0 20px 10px;
  padding : 0px 2rem 1rem;
  background-color : #f2f2f2;
}


.site-footer:after,
.site-header:after {
  content : '';
  display : block;
  clear   : both;
}


.footer-text {
  text-align : center;
}


.footer-text-left {
  width : 46vw;
  float : left;
  text-align: left;
}

.footer-text-right {
  display    : contents;
  width      : 45vw;
  float      : right;
  clear      : both;
  text-align : left;
}

.site-footer .copyright {
  width : 49.137931034%;
  float : left;
}

.site-info {
  width      : 49.137931034%;
  float      : right;
  text-align : right;
}


/*
END OF: MAIN CSS

*/

/**
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */

@-ms-viewport {
  width : device-width;
}

@viewport {
  width : device-width;
}





/**
 * MIN WIDTH 950PX / WIDER then 950px
 * -----------------------------------------------------------------------------
 */


@media
  (min-width : 951px) {

    body.admin-bar .site-header {
    top: 32px !important;
}


  .site {
    width   : 100%;
    margin  : auto auto;
    padding : 0rem 0rem;
    overflow-x: hidden;
    position: relative;
  }

  .site-header {
    z-index    : 9999;
    position   : fixed;
    width      : 100%;
    height     : 7rem !important;
    margin     : 0rem 0rem;
    padding    : 10px 20px 0;
    padding    : 2rem 3vw 0;
    background : #fff;
    top:  0rem !important;
  }

  .primary-navigation {}

  #top-main-menu {
    display      : inline-block;
    width        : 32rem;
    float        : right;
    margin-right : 9rem;
  }

  #top-right-menu {
    width      : 50%;
    float      : right;
    text-align : left;
  }

#menu-archive-year-menu{
  display: none;
    }

  body.category-archive #menu-archive-year-menu{
  display: none;

  margin: -3rem;
  background-color: red;
  width: 81vw;
  height: 2rem;
  z-index: 99999999999;
  padding: 2px 22px;
  }
#menu-archive-year-menu li{
  border: 0.5px solid black;
  border-radius: 20px;
  padding: 2px 16px;
  background-color: lightyellow;
  margin-top: -1rem;
}




  #menu-archive-year-menu{
  display: none;
  }

  .nav-menu > li {
    opacity : 1;
  }

  #top-right-menu li {
    text-align : left;
  }

  .site-navigation li {
    margin-right : 22px;
    margin-right : 2.2rem;
    white-space  : nowrap;
  }

  .site-navigation li:last-of-type {
    margin-right : 0;
  }

  .site-navigation > div > ul > li > ul {
    z-index    : 9999;
    display    : inline-block;
    position   : absolute;
    top        : 100%;
    left       : -20px;
    left       : -1rem;
    padding    : 0 20px 20px;
    padding    : 1rem 0rem 1rem 2rem;
    background : #fff;
    border: 3px solid;
  }

  li.menu-item-has-children:hover > ul.sub-menu {
    display: inline-block;
  }


  body.page-template-page-n0dine_page .frontpage_banner {
    font-family: monospace;
    font-weight: lighter;
    color: #fff;
  }


  .site-navigation li li::before {
    content: "> ";
  }

  .site-navigation > div > ul > li > ul.submenu-visible {
    display : block;
  }

  .current-menu-item > a {
    color      : #000;
    font-style : inherit;
  }

  .menu-item::after {
    content : "";
  }

  #main {
    height  : auto;
    margin  : 7rem 0;
    padding : 0rem 2vw 0 3vw;
    top: 1rem;
    position: relative;
  }

  body.home .hentry, .page-template-page-n0dine_page .hentry  {
    width         : 31% !important;
    height        : auto;
    margin        : 2rem 3% 4rem 0rem;

    padding: 0 !important;
  }

  body.home .hentry > a {
    display : inline-block;
    height  : auto;
    height  : -moz-calc(100% - 28px);
    height  : -webkit-calc(100% - 28px);
    height  : calc(100% - 28px);
    width: 100%;
  }

  body.home .hentry img {
    width  : 100% !important;
    height : auto;
  }

  .image_link {
    width    : auto;
    margin   : 14px 0 0 0;
    overflow : hidden;
  }

  body.single .hentry {
    position       : sticky;
    position: -webkit-sticky;

    top            : 7rem;
    max-width      : 620px;
    height         : auto;
    float          : right;
    padding-bottom : 90px;
  }

  .page-content,
  body.page .hentry {
    max-width      : 640px;
    padding-bottom : 90px;
    padding-bottom : 1rem;
  }

  .gallery-animated img {
    cursor : pointer;
  }

  .site-footer {
    bottom: 0px !important;
    float: right;
    clear: both;
    padding: 1rem 4rem;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.6rem;

}

  .footer-text {
    text-align : center;
  }
}
/**
 * END OF: MIN WIDTH 950PX / WIDER then 950px
 * -----------------------------------------------------------------------------
 */


/**
 * MAX WIDTH 950PX
 * -----------------------------------------------------------------------------
 */

@media
  (max-width : 950px) {
  html {
    font-size : 62.5%;
    width: 100vw;
    overflow-x: hidden;
  }


  body,
  input {

    font-family : Arial, sans-serif;
                  font-weight: normal;
  }



  .site {
    margin : 0;

    width: 100%;
  }

  .site-header {
    padding : 10px 0 30px;
    padding : 1rem 0 3rem;
    position: fixed;
    z-index: 99999;
    background: #fff;
    width: 100%;
  }

  .site-title {
    width        : 17rem;
    padding-left : 20px;
    padding-left : 2rem;
    font-size    : 4rem;
    line-height  : 3.8rem;
  }

  #description {
    display     : inline-block;
    display     : none;
    width       : 27rem;
    float       : left;
    line-height : 2.8rem;
  }

  #primary-sidebar {
    /*! width  : 7rem; */
    height : auto;
    /*! float  : left; */
  }

  input {
    height        : 2.8rem;
    margin        : 0.5rem 0;
    padding       : 2pxx 10px;
    padding       : 0.2rem 1rem;
    color         : #000;
    border        : 2px solid #000;
    border-radius : 2px;
    background    : #fff;
  }

  .menu-toggle {
    display      : block;
    margin-right : 20px;
    margin-right : 2rem;
  }

  .menu-toggle.hidden {
    display : none;
  }

  .primary-navigation {
      z-index: 9999;
      display: none;
      position: absolute;
      top: 2rem;
      left: 0;
      width: 100%;
      height: auto;
      padding: 10px 20px;
      padding: 4rem 2rem;
      overflow-y: auto;
      /*! background-color: #999; */
      color: #fff;
  }
  #top-right-menu {
      top: 3rem;
      position: relative;
  }
  .toggled-on .primary-navigation {
    display : block;
  }

  .toggled-on .menu-toggle {
      display: none;
  }

 .mobile_image {
      display: block;

  }


  .gallery-item:first-child {
    display: none;
}


  .primary-navigation a {
    color       : #000;
    font-size   : 30px;
    font-size   : 3rem;
    line-height : 40px;
    line-height : 4rem;
  }

  .primary-navigation a:hover {
    color : #000;
  }

  .site-navigation li {
    display : block;
  }

  .toggled-on #navigation-close {
    display : block;
  }

  .toggled-on #main {
    display : none;
  }
  .toggled-on .site-footer{
    display: none;
  }

  .page-header, body.page .entry-header, body.single .entry-header {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  padding-right: 0;
  }

  #main {
    padding : 0 20px;
    padding : 0 2rem;
    margin: 8rem 0 0 0;overflow: hidden;
  }

  body.page #main-content,
  body.single #primary {
    padding-left : 20.689655172%;
  }

  body.home .hentry,
  body.home .hentry img,
  body.home .post-thumbnail {
    width  : 100% !important;
    height : auto;
  }

  body.home .hentry {
    display        : block;
    padding-bottom : 20px;
    padding-bottom : 3rem;
  }

  body.home .hentry:last-of-type {
    padding-bottom : 0;
  }

  body.page #main-content,
  body.single #primary {
    padding-left : 0;
  }

  .page-content,
  body.page .hentry,
  body.single .hentry {
    width         : 100%;
    padding-right : 0;
    padding-bottom: 1rem;
  }

  .titelandinfo {
    display  : inline-block;
    position : relative;
    top      : 0rem;
    width    : 100%;
    clear    : both;
  }

  .entry-title,
  .page-title {
    margin      : 0;
    font-size   : 24px;
    font-size   : 3.8rem;
    font-weight : 400;
    line-height : 34px;
    line-height : 4rem;
    white-space : pre-wrap;
    word-wrap   : break-word;
  }

  .practical_information {
    width : 100% !important;
  }

  .practical_information .date {

    /*! display: inline-block; */
    /*! margin: 0 3px 4px 0; */
    /*! padding: 0 7px; */
    /*! border-radius: 12px; */
    /*! background-color: #f2f2f2; */
    /*! white-space: normal; */
    /*! line-height: 1.4rem; */
}

.related-post.clearfix {
    width: 100% !important;
    height: auto;
    margin: 2rem 3% 4rem 0rem;
    padding: 0 !important;
    float: left;
}
.related-post.clearfix {
    width: 100% !important;
    height: auto;
    margin: 1rem 3% 0rem 0rem;
    padding: 0 !important;
    float: left;
}

.related-image img {
    width: 100%;
}

/*
------ ABOUT PAGE
*/


.main-content-about {

    width: 100%;
    display: inline-block;

}
.main-content-about .left{
width: 100%;
float: left;
display: table;

margin: 0;
}


.main-content-about .hentry{
  width: 100% !important;
}

.main-content-about .center{
width: 100%;
float: right;
display: table;
}


.main-content-about .gallery{
width: 100%;

}

.main-content-about .right{
width: 100%;
float: right;
display: table;
margin: 0;

}



/*
------ END OF ABOUT PAGE
*/


/*
------ INDEX PAGE
*/


  body.home .hentry:nth-of-type(1n) {
    display : ;
    width   : 100% !important;
    float   : initial;
    clear   : both;
  }

  .post-thumbnail {
    display : block;
  }

  .gallery {
    display    : block;
    margin-top : 28px;
    margin-top : 2.8rem;
    width: 100%;
    float: left;
  }

  .gallery-item {
    display : block;
    width   : 100% !important;
    height  : auto;
    padding : 0 0 20px;
    padding : 0 0 2rem;
  }

  .gallery-item:last-child {
    padding-bottom : 0;
  }

  .gallery-item img {
    width  : 100% !important;
    height : auto;
  }



  /*
  ------ END OF INDEX PAGE
  */

  /*
  ------ FOOTER
  */
  .site-footer {
    /*! padding-top : 30px; */
    /*! padding-top : 4rem; */
    bottom: 0px !important;
    float: right;
    clear: both;
    padding: 1rem 4rem;
    text-align: center;
    font-size: 14px;
    line-height: 16px;

    margin: 4rem 0 0 0;
}

.footer-text-left {
    width: 100%;
    float: left;
    text-align: center;

}

.footer-text-right {
    display: inline;
    width: 100%;
    clear: both;
    text-align: center;
    float: left;

}
/*
------ END OF FOOTER
*/
}

@media
  (max-width : 380px) {

.search-form {
    display: none;
}
 }


@media
  (max-width : 782px) {
  body.admin-bar .site-header {
    top : 46px;
  }
}
/**
 * END OF: MAX WIDTH 950PX
 * -----------------------------------------------------------------------------
 */


/**
 * 12.0 Print
 * -----------------------------------------------------------------------------
 */

@media
  print {
  body {
    /* Brute force since user agents all print differently. */
    background : none !important;
  }
}
/**
 * Theme Name: theme_NADINE
 * Theme URI: http://lostinbits.com Author: lostinbits
 * Author URI: http://lostinbits.com/ Description: Version: 1.0.1 License: GNU
 * General Public License v2 or later License URI:
 * http://www.gnu.org/licenses/gpl-2.0.html Tags: Text Domain: This theme, like
 * WordPress, is licensed under the GPL. Use it to make something cool, have
 * fun, and share what you've learned with others.
 */

@font-face {
  font-family : portra;
  font-style  : normal;
  font-weight : 400;
  src         : url(fonts/portra.eot?) format("eot"),
                url(fonts/portra.woff) format("woff"),
                url(fonts/portra.ttf) format("truetype");
}



* {
  -moz-box-sizing    : border-box;
  -webkit-box-sizing : border-box;
  box-sizing         : border-box;
}

a,
address,
body,
caption,
div,
em,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
label,
li,
object,
p,
q,
s,
span,
strong,
th,
ul,
var {
  margin         : 0;
  padding        : 0px;
  border         : 0;
  outline        : 0px;
  vertical-align : baseline;
  font-family    : inherit;
  font-size      : 100%;
  font-style     : inherit;
  font-weight    : inherit;
  align-items: baseline;
}

article,
footer,
header,
nav {
  display : block;
}

canvas {
  display   : inline-block;
  max-width : 100%;
}

html {
  -ms-text-size-adjust     : 100%;
  -webkit-text-size-adjust : 100%;
  font-size                : .7vw;
}

body,
input {
  color       : #000;
  font-family : Arial, Verdana,
                sans-serif;
  font-size   : 14px;
  font-size   : 1.4rem;
  font-weight : normal;
  line-height : 20px;
  line-height : 2rem;
}

body {
  height     : 100%;
  background : #fff;

}

a {
  color           : #000;
  text-decoration : none;
  font-style      : normal;
}

a:active,
a:focus,
a:hover {
  outline : 0;
}

a:active {
  color : #000;
}

a:hover {
  color : #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear       : both;
  margin      : 28px 0 14px;
  margin      : 2.8rem 0 1.4rem;
  font-weight : 400;
}

h1 {
  font-size   : 28px;
  font-size   : 2.8rem;
  line-height : 38px;
  line-height : 3.8rem;
}

h2 {
  font-size   : 26px;
  font-size   : 2.6rem;
  line-height : 36px;
  line-height : 3.6rem;
}

h3 {
  font-size   : 24px;
  font-size   : 2.4rem;
  line-height : 34px;
  line-height : 3.4rem;
}

h4 {
  font-size   : 22px;
  font-size   : 2.2rem;
  line-height : 32px;
  line-height : 3.2rem;
}

h5 {
  font-size   : 20px;
  font-size   : 2rem;
  line-height : 30px;
  line-height : 3rem;
}

h6 {
  font-size   : 18px;
  font-size   : 1.8rem;
  line-height : 28px;
  line-height : 2.8rem;
}

address {
  margin-bottom : 28px;
  margin-bottom : 2.8rem;
  font-style    : italic;
}

b,
strong {
  font-weight : 700;
}

em,
i {
  font-style : italic;
}

p {
  margin-bottom : 18px;
  margin-bottom : 1.8rem;
}

var {
  font-family : monospace,
                serif;
  font-size   : 16px;
  font-size   : 1.6rem;
}

q {}

q:after,
q:before {
  content : "";
  content : none;
}

ul {
  margin     : 0 0 28px 20px;
  margin     : 0 0 2.8rem 2rem;
  list-style : none;
}

ul {
  list-style : disc;
}

li>ul {
  margin : 0 0 0 20px;
  margin : 0 0 0 2rem;
}

img {
  border                 : 0;
  vertical-align         : top;
  -ms-interpolation-mode : bicubic;
}


input {
    color         : #000;
  font-size      : 100%;
  height        : 2.4rem;
    margin         : 0;
  padding       : 4px 10px;
  padding       : 0.4rem 1rem;
max-width      : 100%;
  border        : 2px solid #000;
  border-radius : 0;
  background    : #fff;


  vertical-align : text-top;
  line-height : normal;
}


input:focus {
  border  : 1px solid #2d2926;
  outline : 0;
}

input[type=button],
input[type=reset],
input[type=submit] {
  margin-bottom    : 3px;
  margin-bottom    : .3rem;
  padding          : 5px 20px;
  padding          : .5rem 2rem;
  color            : #2d2926;
  border           : 0;
  border-radius    : 2px;
  background-color : #afb0ae;
  /*! vertical-align   : bottom; */
  -webkit-appearance : button;
  cursor             : pointer;
}

input[disabled] {
  cursor : default;
}

input[type=checkbox],
input[type=radio] {
  padding : 0;
}

input[type=search] {
  -webkit-appearance : textfield;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance : none;
}

input::-moz-focus-inner {
  padding : 0;
  border  : 0;
}


input[type=button]:focus,
input[type=button]:hover,
input[type=reset]:focus,
input[type=reset]:hover,
input[type=submit]:focus,
input[type=submit]:hover {
  color            : #fff;
  background-color : #2d2926;
}

input[type=button]:active,
input[type=reset]:active,
input[type=submit]:active {
  color            : #fff;
  background-color : #2d2926;
}

th {
  border : 1px solid rgba(0,0,0,.1);
}

caption,
th {
  text-align  : left;
  font-weight : 400;
}

th {
  border-width : 0 1px 1px 0;
  font-weight  : 700;
}

::selection {
  color       : #fff;
  background  : #000;
  text-shadow : none;
}

::-moz-selection {
  color       : #fff;
  background  : #000;
  text-shadow : none;
}






::-webkit-input-placeholder {
  color : #afb0ae;
}

:-moz-placeholder {
  color : #afb0ae;
}

::-moz-placeholder {
  color   : #afb0ae;
  opacity : 1;
}

:-ms-input-placeholder {
  color : #afb0ae;
}

.entry-content img,
.entry-summary img,
.wp-caption {
  max-width : 100%;
}

.entry-content img,
.entry-summary img,
img[class*=align],
img[class*=attachment-],
img[class*=wp-image-] {
  height : auto;
  width: 100%;
}

.post-thumbnail img,
.wp-post-image {
  max-width : 100%;
  height    : auto;
}

body.home .wp-post-image {
  max-width : none;
}

embed,
object {
  max-width     : 100%;
  margin-bottom : 28px;
  margin-bottom : 2.8rem;
}

p>embed,
p>object,
span>embed,
span>object {
  margin-bottom : 0;
}

.wp-caption {
  margin-bottom : 28px;
  margin-bottom : 2.8rem;
}

.wp-caption img[class*=wp-image-] {
  display : block;
  margin  : 0;
}

.wp-caption {
  color : #afb0ae;
}

.wp-caption a {
  color : #2d2926;
}

.wp-caption-text {
  margin      : 9px 0;
  margin      : .9rem 0;
  font-size   : 13px;
  font-size   : 1.3rem;
  line-height : 15px;
  line-height : 1.5rem;
}

.wp-smiley {
  margin-top    : 0;
  margin-bottom : 0;
  padding       : 0;
  border        : 0;
}

.screen-reader-text {
  display  : none;
  position : absolute;
  clip     : rect(1px,1px,1px,1px);
}


.site {
  position           : relative;
  min-width          : 320px;
  height             : 100%;
  margin             : 0 1vw;
  opacity            : 1;
  /*! overflow-x         : hidden; */
  -moz-transition    : opacity .3s;
  -o-transition      : opacity .3s;
  -webkit-transition : opacity .3s;
  transition         : opacity .3s;
}

.content-area,
.main-content {
  height : 100%;
  width: 100%;
}


.page-header,
body.page .entry-header,
body.single .entry-header {
  display        : inline-block;
  width          : 20.689655172%;
  padding-right  : 20px;
  padding-right  : 2rem;
  vertical-align : top;
}

.entry-title,
.page-title {
  margin      : -3px 0 0;
  font-size   : 24px;
  font-size   : 2rem;
  font-weight : 400;
  line-height : 34px;
  line-height : 2.4rem;
  white-space : pre-wrap;
  word-wrap   : break-word;
}

.entry-content>p:last-child {
  margin-bottom : 0;
}




#image-navigation {
  text-align : right;
}

#image-navigation a:first-of-type {
  float : left;
}

.navigation {
  position         : fixed;
  bottom           : 0;
  left             : 0;
  width            : 100%;
  height           : 40px;
  padding          : 10px 20px;
  border-top       : 1px solid #666;
  background-color : #fff;
  font-size        : 1.4rem;
}






/*

*/






/*
----- practical INFORMATION block
*/

.practical_information {
  margin-top  : 0;
  font-size   : 1.4rem;
  font-size   : 14px;
font-weight : normal;
  line-height : 10px;
}

.practical_information a {
  display          : inline-block;
  margin           : 0px 4px 7px 0;
  padding          : 0 7px;
  border-radius    : 12px;
  background-color : #f2f2f2;
  white-space      : pre-wrap ;
  overflow-wrap : break-word;
  line-height: 20px;
  border: 1px solid lightgray;
}

.practical_information .date {
  display          : inline-block;
  margin           : 0px 4px 7px 0;
  padding          : 0 7px;
  border-radius    : 12px;
  background-color : #fff;
  white-space      : normal;
  font-weight: normal;
  border: 0.5px solid #000;
  color: #000;
  line-height: 20px;
}

.practical_information .date a {
  display: inline-block;
  margin: 0;
  padding: 0;
    background-color: white ;
        border: none;



}
.no_date {
  display: none;
}

.practical_information .extra_info {
  display          : inline-block;
  margin           : 0px 4px 7px 0;
  padding          : 0 7px;
  border-radius    : 0;
  background-color : #fff;
  white-space      : normal;
  font-weight: normal;
  border-left: 3px solid #000;
  color: #000;
  line-height: 20px;
}

.single-post .practical_information {
  height      : auto;
  padding     : 0;

  white-space : initial;
  padding : 6px 11px 40px 0px;

}

.item_title::before {
  content : "";
}

.image_title {
  margin-bottom : 1rem;
  font-family   : Times New Roman,
                  Times,
                  serif;
  font-size     : 2.4rem;
  line-height   : 2.8rem;
  margin: 4px 7px 6px;
}

.family_tag_title {
  font-size  : 1.5rem;
  font-style : italic;
}

/*
------ HEADER
*/

.site-header {
  top   : 0;
  left  : 0;
  width : 100%;
}

.site-title {
  width          : 9rem;
  float          : left;
  margin         : 0;
  text-transform : lowercase;
  font-size      : 2.4rem;
  font-weight    : 400;
  line-height    : 28px;
  line-height    : 2.8rem;
}

.header_image {
  margin : 0 0;
}

.header_image img {
  width : 92vw!important;
}

.site-navigation ul {
  float      : right;
  margin     : 0;
  list-style : none;
  margin: 0rem 0;
}

.site-navigation li {
  display        : inline-block;
  position       : relative;
  text-transform : uppercase;
  font-size      : 24px;
  font-size      : 2.4rem;
  line-height    : 28px;
  line-height    : 2.8rem;
}

.site-navigation li li {
  display : block;
  /*! list-style: circle; */
}

.site-navigation ul ul ul {
  padding-left : 20px;
  padding-left : 2rem;
}

.menu-toggle {
  display     : none;
  float       : right;
  clear       : none;
  margin      : 0;
  color       : #000;
  font-family : portra;
  font-size   : 30px;
  font-size   : 5rem;
  line-height : 30px;
  line-height : 4rem;
  cursor      : pointer;
}

.menu-toggle:hover {
  color : #2d2926;
}

#navigation-close {
  z-index     : 10000;
  display     : none;
  position    : absolute;
  top         : 10px;
  top         : 1rem;
  right       : 20px;
  right       : 2rem;
  color       : #000;
  font-size   : 30px;
  font-size   : 5rem;
  line-height : 30px;
  line-height : 2rem;
  cursor      : pointer;
}

#description {
  width       : 35rem;
  float       : left;
  font-size   : 2.4rem;
  line-height : 2.8rem;
}


#primary-sidebar {
  width  : 14rem;
  height : 2.8rem;
  height : 28px;
  float  : left;
  margin : 0;
}

.search-form {
  display : inline-block;
  width   : 26rem;
  clear   : both;
}

.widget_top {
  display : inline;
  width   : 5vw;
  float   : left;
  clear   : both;
}

.search-submit {
  display : none;
  float   : right;
  clear   : both;
}

.search-form {
  width     : 12rem;
  /*! min-width : 12rem; */
  float     : left;
  float     : left;
  clear     : both;
  position: relative;
  bottom: 0px;
}

.widget_top {
  display : none;
}





/*
---- CONTENT AREA
*/

.content {
    float: left;
}

.content-area {
  height      : auto;
  /*! white-space : nowrap; */
}

.hentry,
.page-content {
  display        : inline-block;
  vertical-align : top;
  white-space    : normal;
  word-wrap      : break-word;
}

body.single .hentry {
  width        : 38vw;
  margin-right : 8rem;
  line-height  : 1.3;
}

.page-content,
body.page .hentry {
  width         : 67.391304348%;
  padding-right : 20px;
  padding-right : 2rem;
}



.page-header,
body.page .entry-header,
body.single .entry-header {
  display     : inline-flex;
  width       : 100%;
  float       : none;
  margin      : 2rem 0 2rem;
  font-family : serif;
  font-size   : 4.8rem;
}

.entry-title,
.page-title {
  margin      : 0;
  font-size   : 24px;
  font-size   : 4.8rem;
  font-weight : 400;
  line-height : 34px;
  line-height : 5rem;
  white-space : nowrap;
  word-wrap   : normal;
}

.entry-title,
.page-title {
  margin      : 0;
  font-size   : 48px;
  font-size   : 4.8rem;
  font-weight : 400;
  line-height : 50px;
  line-height : 5rem;
  white-space : pre-wrap;
  word-wrap   : break-word;
}



.titelandinfo {
  display  : inline-block;
  position : sticky;
  position: -webkit-sticky;

  top      : 7rem;
  width    : 33%;
  clear    : both;
}


.entry-content>p:last-child {
  margin-bottom : 0;
}


#mc4wp-form-1 {
    margin: -1.8rem 0 0 0;
}

/*

------- BANNER
*/


.frontpage_banner {
  width: 110vw;
  height: 4.4rem;
  margin: 1rem 0 0 -6vw;
  padding: 4px;
  color: #fff;
  background-color: black;
  font-family: monospace;
  font-size: 4rem;
  line-height: 3.7rem;
  white-space: nowrap;
  font-style: italic;
  font-weight: lighter;
  overflow: hidden;
  position: relative;
}

.frontpage_banner img {
  height : 3.4rem !important;
  padding: 0;
  vertical-align: inherit;
}

.frontpage_banner > div {
  position  : absolute;
  width     : 50%;
  animation : a 40s linear 0s infinite alternate;
}

.archief_frontpage > .frontpage_banner {

    transform: skewX(40deg);

}

.archief_frontpage > .frontpage_banner > div {
  position  : absolute;
  width     : 50%;
  animation : a 40s linear 0s infinite alternate;
}


.ongoing_frontpage > .frontpage_banner > div {
  position  : absolute;
  width     : 50%;
  animation : b 40s linear 0s infinite;
}


.archief_frontpage > .frontpage_banner > div > img {

    transform: skewX(-40deg);
    margin-right: -5px;

}

.ongoing_frontpage> .frontpage_banner {
  font-style: italic;

}

.related_items > .frontpage_banner{

  margin-top: 3rem;
  margin-left: -5rem;
}

@keyframes a {
  0% {
    left : 0;
  }

  to {
    left : -90%;
  }
}


@keyframes b {
  0% {
    left : -90%;
  }

  to {
    left : 0;
  }
}

/*
------ END OF BANNER
*/

/*
------ ABOUT PAGE
*/


.main-content-about {

    width: 100%;
    display: inline-block;

}
.main-content-about .left{
width: 33%;
float: left;
display: table;
position: sticky;
top: 7rem;
}


.main-content-about .hentry{
  width: 100% !important;
border: none !important;
}

.main-content-about .center{
width: 33%;
float: left;
display: table;
}


.main-content-about .gallery{
width: 100%;

}

.main-content-about .right{
width: 33%;
float: right;
display: table;
margin: 3rem 0;
font-family: serif;
font-size: 16px;
position: sticky;
top: 7rem;
}





/*
------ END OF ABOUT PAGE
*/

/**
 * GALLERY AND IMAGES
 * -----------------------------------------------------------------------------
 */


 .post-thumbnail {
   display        : inline-block;
   vertical-align : top;
 }

 body.home .post-thumbnail {
   height : 100%;
 }


.gallery {
  position        : sticky;
  position: -webkit-sticky;

  top             : 7rem;
  width           : 33%;
  height          : 100%;
  height          : 100%;
  float           : right;
  clear           : none;
  margin          : 3rem 0rem 0 0;
  white-space     : initial;
  list-style-type : none;
  list-style-type : none;
}

.gallery-item {
  display       : inline-block;
  width         : 100%!important;
  height        : 100%;
  clear         : both;
  margin        : 0 0 4rem;
  padding-right : 2rem;
  font-size     : 1.2rem;
  font-style    : italic;
  white-space   : normal;
  cursor        : crosshair;
}

.gallery-item img {
  display : block;
  width   : 100%!important;
  height  : 100%;
  height  : -moz-calc(100% - 28px);
  height  : -webkit-calc(100% - 28px);
  height  : calc(100% - 28px);
}

.gallery-item img:hover {
    /*! width: 80vw !important; */
    /*! left: 10vw; */
    /*! top: 0; */
    /*! position: fixed; */
    /*! height: auto; */

}


.mobile_image {
display: none;
}

.wp-playlist {
  border: none !important;
  padding: 0 !important;

}


.mobile_image img {
  width: 100%;
}
.end_content::before {
  content : ".";
  opacity : 0.3;
}

.end_content {
  content       : "temp_line";
  position      : relative;
  width         : 100%;
  height        : 2rem;
  clear         : both;
  margin        : 1rem 0 4rem;
  /*! color         : red; */
  /*! border-bottom : 1px solid black; */
}


.related_title {
    display: none;
}

.related-posts {
  margin: 4rem 0 0;
    width: 100%;
    float: left;
}

.related-post.clearfix {
  width: 31% !important;
height: auto;
margin: 2rem 3% 4rem 0rem;
padding: 0 !important;
float: left;
}

.related-post.clearfix:nth-of-type(3n+1) {
    margin: 2rem 0vw 0 0;
    padding-right: 0;

}


.relatedposts-post-title {
    font-size: 20px !important;
    font-family: serif !important;
    margin: 10px 0 5px !important;
}



.relatedposts-post-context > a {
  display: inline-block;
margin: 0px 0px 1px 0;
padding: 0 7px;
border-radius: 12px;
background-color: #fff;
white-space: normal;
font-weight: normal;
border: 0.5px solid #000;
color: #000;
line-height: 20px;
}




#image-navigation {
  text-align : right;
}

#image-navigation a:first-of-type {
  float : left;
}

.navigation {
  position         : fixed;
  bottom           : 0;
  left             : 0;
  width            : 100%;
  height           : 40px;
  padding          : 10px 20px;
  border-top       : 1px solid #666;
  background-color : #fff;
  font-size        : 1.2rem;
}


.nav-menu>li {
  opacity : 1;
}

#top-right-menu li {
  text-align : left;
}

.site-navigation li {
  margin-right : 22px;
  margin-right : 2.2rem;
  white-space  : nowrap;
}

.site-navigation li:last-of-type {
  margin-right : 0;
}

.site-navigation>div>ul>li>ul {
  z-index    : 9999;
  display    : none;
  position   : absolute;
  top        : 100%;
  left       : -20px;
  left       : -2rem;
  padding    : 0 20px 20px;
  /*! padding    : 0 2rem 2rem; */
  background : #fff;
}

.current-menu-item>a {
  color      : #000;
  font-style : normal;
}



  #menu-item-4791 {
    text-transform: inherit;
    font-family: monospace;
    text-transform: lowercase;
  }




.menu-item::after {
  content : "";
}

#main {
  height  : auto;
  padding : 2rem;
}

body.home .hentry, .page-template-page-n0dine_page .hentry {
  display       : inline-block;
  width         : 30% !important;
  height        : auto;
  margin        : 2rem 0rem 4rem 0;
  padding       : 0 0;
  padding-right : 20px;
  padding-right : 2rem;
  border        : 0;
  border-bottom: 0px solid;
  padding-bottom: 1rem;
}

body.home .hentry:nth-of-type(3n+1), .page-template-page-n0dine_page .hentry:nth-of-type(3n+1)  {
  margin        : 2rem 0vw 0 0;
  padding-right : 0;

}

body.home .hentry>a {
  display : inline-block;
  height  : auto;
  height  : -moz-calc(100% - 28px);
  height  : -webkit-calc(100% - 28px);
  height  : calc(100% - 28px);
}

body.home .hentry img, .page-template-page-n0dine_page .hentry img {
  width  :  100% !important;
  height : auto;
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); */ /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); */ /* Microsoft Edge and Firefox 35+ */

}

.image_link {
  width    : 100%;
  margin   : 14px 0 0 0;
  overflow : hidden;
}

body.single .hentry {
  display        : block;
  width          : 33%;
  margin         : 3rem 0 0 0;
  padding-bottom : 90px;
  font-family    : serif;
  font-size      : 16px;
}

.page-content,
body.page .hentry {
  max-width      : ;
  padding-bottom : 1rem;
  border-bottom  : 0px solid;
}




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


.site-footer {
    bottom           : 0;
  left        : 0;
  clear       : both;
  font-size   : 14px;
  line-height : 20px;
  width   : 100%;
  padding : 0 20px 10px;
  padding : 0px 2rem 1rem;
  background-color : #f2f2f2;
}


.site-footer:after,
.site-header:after {
  content : '';
  display : block;
  clear   : both;
}


.footer-text {
  text-align : center;
}


.footer-text-left {
  width : 46vw;
  float : left;
  text-align: left;
}

.footer-text-right {
  display    : contents;
  width      : 45vw;
  float      : right;
  clear      : both;
  text-align : left;
}

.site-footer .copyright {
  width : 49.137931034%;
  float : left;
}

.site-info {
  width      : 49.137931034%;
  float      : right;
  text-align : right;
}


/*
END OF: MAIN CSS

*/

/**
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */

@-ms-viewport {
  width : device-width;
}

@viewport {
  width : device-width;
}





/**
 * MIN WIDTH 950PX / WIDER then 950px
 * -----------------------------------------------------------------------------
 */


@media
  (min-width : 951px) {

    body.admin-bar .site-header {
    top: 32px !important;
}


  .site {
    width   : 100%;
    margin  : auto auto;
    padding : 0rem 0rem;
    overflow-x: hidden;
    position: relative;
  }

  .site-header {
    z-index    : 9999;
    position   : fixed;
    width      : 100%;
    height     : 7rem !important;
    margin     : 0rem 0rem;
    padding    : 10px 20px 0;
    padding    : 2rem 3vw 0;
    background : #fff;
    top:  0rem !important;
  }

  .primary-navigation {}

  #top-main-menu {
    display      : inline-block;
    width        : 32rem;
    float        : right;
    margin-right : 9rem;
  }

  #top-right-menu {
    width      : 50%;
    float      : right;
    text-align : left;
  }

#menu-archive-year-menu{
  display: none;
    }

  body.category-archive #menu-archive-year-menu{
  display: none;

  margin: -3rem;
  background-color: red;
  width: 81vw;
  height: 2rem;
  z-index: 99999999999;
  padding: 2px 22px;
  }
#menu-archive-year-menu li{
  border: 0.5px solid black;
  border-radius: 20px;
  padding: 2px 16px;
  background-color: lightyellow;
  margin-top: -1rem;
}




  #menu-archive-year-menu{
  display: none;
  }

  .nav-menu > li {
    opacity : 1;
  }

  #top-right-menu li {
    text-align : left;
  }

  .site-navigation li {
    margin-right : 22px;
    margin-right : 2.2rem;
    white-space  : nowrap;
  }

  .site-navigation li:last-of-type {
    margin-right : 0;
  }

  .site-navigation > div > ul > li > ul {
    z-index    : 9999;
    display    : none;
    position   : absolute;
    top        : 100%;
    left       : -20px;
    left       : -1rem;
    padding    : 0 20px 20px;
    padding    : 1rem 0rem 1rem 2rem;
    background : #fff;
    border: 3px solid;
  }

  .site-navigation > div > ul > li > ul.submenu-visible {
    display : block;
  }

  .current-menu-item > a {
    color      : #000;
    font-style : inherit;
  }

  .menu-item::after {
    content : "";
  }

  #main {
    height  : auto;
    margin  : 7rem 0;
    padding : 0rem 2vw 0 3vw;
    top: 1rem;
    position: relative;
  }

  body.home .hentry, .page-template-page-n0dine_page .hentry  {
    width         : 31% !important;
    height        : auto;
    margin        : 2rem 3% 4rem 0rem;

    padding: 0 !important;
  }

  body.home .hentry > a {
    display : inline-block;
    height  : auto;
    height  : -moz-calc(100% - 28px);
    height  : -webkit-calc(100% - 28px);
    height  : calc(100% - 28px);
    width: 100%;
  }

  body.home .hentry img {
    width  : 100% !important;
    height : auto;
  }

  .image_link {
    width    : auto;
    margin   : 14px 0 0 0;
    overflow : hidden;
  }

  body.single .hentry {
    position       : sticky;
    position: -webkit-sticky;

    top            : 7rem;
    max-width      : 620px;
    height         : auto;
    float          : right;
    padding-bottom : 90px;
  }

  .page-content,
  body.page .hentry {
    max-width      : 640px;
    padding-bottom : 90px;
    padding-bottom : 1rem;
  }

  .gallery-animated img {
    cursor : pointer;
  }

  .site-footer {
    bottom: 0px !important;
    float: right;
    clear: both;
    padding: 1rem 4rem;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.6rem;

}

  .footer-text {
    text-align : center;
  }
}
/**
 * END OF: MIN WIDTH 950PX / WIDER then 950px
 * -----------------------------------------------------------------------------
 */


/**
 * MAX WIDTH 950PX
 * -----------------------------------------------------------------------------
 */

@media
  (max-width : 950px) {
  html {
    font-size : 62.5%;
    width: 100vw;
    overflow-x: hidden;
  }


  body,
  input {

    font-family : Arial, sans-serif;
                  font-weight: normal;
  }



  .site {
    margin : 0;

    width: 100%;
  }

  .site-header {
    padding : 10px 0 30px;
    padding : 1rem 0 3rem;
    position: fixed;
    z-index: 99999;
    background: #fff;
    width: 100%;
  }

  .site-title {
    width        : 17rem;
    padding-left : 20px;
    padding-left : 2rem;
    font-size    : 4rem;
    line-height  : 3.8rem;
  }

  #description {
    display     : inline-block;
    display     : none;
    width       : 27rem;
    float       : left;
    line-height : 2.8rem;
  }

  #primary-sidebar {
    /*! width  : 7rem; */
    height : auto;
    /*! float  : left; */
  }

  input {
    height        : 2.8rem;
    margin        : 0.5rem 0;
    padding       : 2pxx 10px;
    padding       : 0.2rem 1rem;
    color         : #000;
    border        : 2px solid #000;
    border-radius : 2px;
    background    : #fff;
  }

  .menu-toggle {
    display      : block;
    margin-right : 20px;
    margin-right : 2rem;
  }

  .menu-toggle.hidden {
    display : none;
  }

  .primary-navigation {
      z-index: 9999;
      display: none;
      position: absolute;
      top: 2rem;
      left: 0;
      width: 100%;
      height: auto;
      padding: 10px 20px;
      padding: 4rem 2rem;
      overflow-y: auto;
      /*! background-color: #999; */
      color: #fff;
  }
  #top-right-menu {
      top: 3rem;
      position: relative;
  }
  .toggled-on .primary-navigation {
    display : block;
  }

  .toggled-on .menu-toggle {
      display: none;
  }

 .mobile_image {
      display: block;

  }


  .gallery-item:first-child {
    display: none;
}


  .primary-navigation a {
    color       : #000;
    font-size   : 30px;
    font-size   : 3rem;
    line-height : 40px;
    line-height : 4rem;
  }

  .primary-navigation a:hover {
    color : #000;
  }

  .site-navigation li {
    display : block;
  }

  .toggled-on #navigation-close {
    display : block;
  }

  .toggled-on #main {
    display : none;
  }
  .toggled-on .site-footer{
    display: none;
  }

  .page-header, body.page .entry-header, body.single .entry-header {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  padding-right: 0;
  }

  #main {
    padding : 0 20px;
    padding : 0 2rem;
    margin: 8rem 0 0 0;overflow: hidden;
  }

  body.page #main-content,
  body.single #primary {
    padding-left : 20.689655172%;
  }

  body.home .hentry, .page-template-page-n0dine_page .hentry.
  body.home .hentry img, , .page-template-page-n0dine_page .hentry img,
  body.home .post-thumbnail, .page-template-page-n0dine_page .post-thumbnail
  {
    width  : 100% !important;
    height : auto;
  }

  body.home .hentry {
    display        : block;
    padding-bottom : 20px;
    padding-bottom : 3rem;
  }

  body.home .hentry:last-of-type {
    padding-bottom : 0;
  }

  body.page #main-content,
  body.single #primary {
    padding-left : 0;
  }

  .page-content,
  body.page .hentry,
  body.single .hentry {
    width         : 100%;
    padding-right : 0;
    padding-bottom: 1rem;
  }

  .titelandinfo {
    display  : inline-block;
    position : relative;
    top      : 0rem;
    width    : 100%;
    clear    : both;
  }

  .entry-title,
  .page-title {
    margin      : 0;
    font-size   : 24px;
    font-size   : 3.8rem;
    font-weight : 400;
    line-height : 34px;
    line-height : 4rem;
    white-space : pre-wrap;
    word-wrap   : break-word;
  }

  .practical_information {
    width : 100% !important;
  }

  .practical_information .date {

    /*! display: inline-block; */
    /*! margin: 0 3px 4px 0; */
    /*! padding: 0 7px; */
    /*! border-radius: 12px; */
    /*! background-color: #f2f2f2; */
    /*! white-space: normal; */
    /*! line-height: 1.4rem; */
}

.related-post.clearfix {
    width: 100% !important;
    height: auto;
    margin: 2rem 3% 4rem 0rem;
    padding: 0 !important;
    float: left;
}
.related-post.clearfix {
    width: 100% !important;
    height: auto;
    margin: 1rem 3% 0rem 0rem;
    padding: 0 !important;
    float: left;
}

.related-image img {
    width: 100%;
}

/*
------ ABOUT PAGE
*/


.main-content-about {

    width: 100%;
    display: inline-block;

}
.main-content-about .left{
width: 100%;
float: left;
display: table;

margin: 0;
}


.main-content-about .hentry{
  width: 100% !important;
}

.main-content-about .center{
width: 100%;
float: right;
display: table;
}


.main-content-about .gallery{
width: 100%;

}

.main-content-about .right{
width: 100%;
float: right;
display: table;
margin: 0;

}



/*
------ END OF ABOUT PAGE
*/


/*
------ INDEX PAGE
*/


  body.home .hentry:nth-of-type(1n), .page-template-page-n0dine_page .hentry:nth-of-type(1n)  {
    display : ;
    width   : 100% !important;
    float   : initial;
    clear   : both;
  }

  .post-thumbnail {
    display : block;
  }

  .gallery {
    display    : block;
    margin-top : 28px;
    margin-top : 2.8rem;
    width: 100%;
    float: left;
  }

  .gallery-item {
    display : block;
    width   : 100% !important;
    height  : auto;
    padding : 0 0 20px;
    padding : 0 0 2rem;
  }

  .gallery-item:last-child {
    padding-bottom : 0;
  }

  .gallery-item img {
    width  : 100% !important;
    height : auto;
  }



  /*
  ------ END OF INDEX PAGE
  */

  /*
  ------ FOOTER
  */
  .site-footer {
    /*! padding-top : 30px; */
    /*! padding-top : 4rem; */
    bottom: 0px !important;
    float: right;
    clear: both;
    padding: 1rem 4rem;
    text-align: center;
    font-size: 14px;
    line-height: 16px;

    margin: 4rem 0 0 0;
}

.footer-text-left {
    width: 100%;
    float: left;
    text-align: center;

}

.footer-text-right {
    display: inline;
    width: 100%;
    clear: both;
    text-align: center;
    float: left;

}
/*
------ END OF FOOTER
*/
}

@media
  (max-width : 380px) {

.search-form {
    display: none;
}
 }


@media
  (max-width : 782px) {
  body.admin-bar .site-header {
    top : 46px;
  }
}
/**
 * END OF: MAX WIDTH 950PX
 * -----------------------------------------------------------------------------
 */


/**
 * 12.0 Print
 * -----------------------------------------------------------------------------
 */

@media
  print {
  body {
    /* Brute force since user agents all print differently. */
    background : none !important;
  }
}

img.footer_logo {
  max-height: 100px;
  width: auto;
  margin: 10px;
}