/*
Theme Name: Monster Thema
Theme URI: https://blueict.nl/
Author: Blue ICT
Author URI: https://blueict.nl/
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face { 
    font-family:'platzcondensed';
    src:url('./fonts/Platz-Condensed-webfont.eot');
    src:url('./fonts/Platz-Condensed-webfont.eot?#iefix') format('embedded-opentype'),
           url('./fonts/Platz-Condensed-webfont.woff2') format('woff2'),
           url('./fonts/Platz-Condensed-webfont.woff') format('woff'),
           url('./fonts/Platz-Condensed-webfont.ttf') format('truetype'),
           url('./fonts/Platz-Condensed-webfont.svg#platzcondensed') format('svg');
    font-weight:normal;
    font-style:normal;
  } 
    body {  
      font-size:100%;
      background:transparent;
    }  
  html { 
      margin: 0; 
      padding: 0; 
      border: 0; 
      outline: 0; 
      font-size: 100%; 
      vertical-align: baseline; 
      background: transparent;
  } 
  
  html { 
      overflow-y: scroll;
  } 
  
  html { 
      height: 100%; 
      margin: 0; 
      padding: 0;
  } 
  
  html { 
      max-height: 100000px;
  } 
  
  body { 
      margin: 0; 
      padding: 0; 
      border: 0; 
      outline: 0; 
      font-size: 100%; 
      vertical-align: baseline; 
      background: transparent;
  } 
  
  body { 
      line-height: 1;
  } 
  
  body { 
      height: 100%; 
      margin: 0; 
      padding: 0;
  } 
  
  body { 
      max-height: 100000px;
  } 
  
  body { 
      background-position: center top; 
      font-family: Arial,sans-serif; 
      font-size: 14px; 
      line-height: 1.5; 
      -webkit-text-size-adjust: none;
  } 
  
  body { 
      font-family: Georgia,serif;
  } 
  
  body { 
      font-size: 15px;
  } 
  
  body { 
      line-height: 1.3;
  } 
  
  div { 
      margin: 0; 
      padding: 0; 
      border: 0; 
      outline: 0; 
      font-size: 100%; 
      vertical-align: baseline; 
      background: transparent;
  } 
  
  div { 
      max-height: 100000px;
  } 
  
  #page { 
      min-height: 100%; 
      width: 980px; 
      margin: auto; 
      padding: 0;
  } 
  
  canvas { 
      margin: 0; 
      padding: 0; 
      border: 0; 
      outline: 0; 
      font-size: 100%; 
      vertical-align: baseline; 
      background: transparent;
  } 
  
  table { 
      margin: 0; 
      padding: 0; 
      border: 0; 
      outline: 0; 
      font-size: 100%; 
      vertical-align: baseline; 
      background: transparent;
  } 
  
  table { 
      border-collapse: collapse; 
      border-spacing: 0;
  } 
  
  table { 
      max-height: 100000px;
  } 
  
  table { 
      border-collapse: collapse; 
      border: none;
  } 
  
  #grid_no_col { 
      margin: 0; 
      position: relative;
  } 
  
  tbody { 
      margin: 0; 
      padding: 0; 
      border: 0; 
      outline: 0; 
      font-size: 100%; 
      vertical-align: baseline; 
      background: transparent;
  } 
  
  tr { 
      margin: 0; 
      padding: 0; 
      border: 0; 
      outline: 0; 
      font-size: 100%; 
      vertical-align: baseline; 
      background: transparent;
  } 
  
  img { 
      margin: 0; 
      padding: 0; 
      border: 0; 
      outline: 0; 
      font-size: 100%; 
      vertical-align: baseline; 
      background: transparent;
  } 
  
  img { 
      border: none;
  } 
  
  span { 
      margin: 0; 
      padding: 0; 
      border: 0; 
      outline: 0; 
      font-size: 100%; 
      vertical-align: baseline; 
      background: transparent;
  } 
  
  td { 
      margin: 0; 
      padding: 0; 
      border: 0; 
      outline: 0; 
      font-size: 100%; 
      vertical-align: baseline; 
      background: transparent;
  } 
  
  #header { 
      text-align: center; 
      vertical-align: middle; 
      height: 160px; 
      padding: 0; 
      background-position: center top; 
      background-repeat: no-repeat;
  } 
  
  #hor_menu { 
      padding: 0;
  } 
  
  #middle { 
      text-align: left; 
      vertical-align: top; 
      height: 450px; 
      padding: 1em 0 0 0;
  } 
  
  #middle { 
      padding-top: 0;
  } 
  
  #grid_no_col #middle  { 
      width: 680px; 
      padding-left: 150px; 
      padding-right: 150px;
  } 
  
  #footer { 
      vertical-align: top;
  } 
  
  #top_menu { 
      font-size: 0.9em; 
      position: absolute; 
      top: 0.75em; 
      right: 30px;
  } 
  
  a { 
      margin: 0; 
      padding: 0; 
      font-size: 100%; 
      vertical-align: baseline; 
      background: transparent;
  } 
  
  a { 
      color: #2463de;
  } 
  
  a { 
      color: #000000;
  } 
  
  a:visited { 
      text-decoration: none;
  } 
  
  a:visited { 
      text-decoration: underline;
  } 
  
  a:hover { 
      text-decoration: underline;
  } 
  
  a:hover,a:active { 
      text-decoration: underline;
  } 
  
  #navcontainer_hor { 
      padding: 0 20px 0 20px;
  } 
  
  #navcontainer_hor { 
      font-size: 18px;
  } 
  
  #navcontainer_hor { 
      text-align: center; 
      border-top: 3px double #000; 
      width: 880px; 
      margin: auto; 
      padding: 0.5em;
      display: flex;
      justify-content: center;
  } 
  
  #menu-toggle {
    display: none; /* Hide the button by default */
    cursor: pointer;
    font-size: 0.9em;
    background: none;
    border: none;
    position: absolute;
    top: 0.75em;
    left: 30px;
    color: black;
}

#close-toggle {
    display: none; /* Hide the button by default */
    cursor: pointer;
    font-size: 0.9em;
    background: none;
    border: none;
    position: absolute;
    top: 0;
    left: 25px;
    width: 17vw;
    color: black;
}

#navlist.desktop-menu {
    display: block;
}

  .float_container_center { 
      display: block; 
      margin: auto; 
      margin-top: 0.5em; 
      margin-bottom: 1em; 
      clear: both;
  } 
  
  .width_a { 
      width: 100%;
  } 
  
  p { 
      margin: 0; 
      padding: 0; 
      border: 0; 
      outline: 0; 
      font-size: 100%; 
      vertical-align: baseline; 
      background: transparent;
  } 
  
  p { 
      margin-top: 1em; 
      margin-bottom: 1em;
  } 
  
  .big { 
      font-size: 1.2em;
  } 
  
  .big { 
      text-align: center; 
      font-size: 1em;
  } 
  
  #footer_container { 
      padding: 0.6em 0 0 0; 
      margin: 1em 30px; 
      text-align: center; 
      border-top: 1px solid #c0c0c0;
  } 
  
  #footer_container { 
      border-top-color: #000000;
  } 
  
  ul { 
      margin: 0; 
      padding: 0; 
      border: 0; 
      outline: 0; 
      font-size: 100%; 
      vertical-align: baseline; 
      background: transparent;
  } 
  
  ul { 
      margin-top: 1em; 
      margin-bottom: 1em;
  } 
  
  ul { 
      margin-left: 3.5em; 
      padding-left: 0;
  } 
  
  #top_menu ul  { 
      margin: 0; 
      padding: 0; 
      list-style-type: none;
  } 
  
  #logo { 
      width: 560px; 
      height: auto; 
      display: block; 
      margin: auto; 
      margin-bottom: 0.5em;
  } 
  
  #navlist { 
      display: inline-block;
  } 
  
  #navcontainer_hor ul#navlist  { 
      text-align: left;
  } 
  
  #navcontainer_hor ul#navlist  { 
      margin: 0; 
      padding: 0; 
      list-style-type: none;
  }
  
  .show-menu {
    display: block !important;
  }

  .mobile-menu-container {
    display: none;
}
  
  h1 { 
      margin: 0; 
      padding: 0; 
      border: 0; 
      outline: 0; 
      font-size: 100%; 
      vertical-align: baseline; 
      background: transparent;
  } 
  
  h1 { 
      margin-top: 0.5em; 
      margin-bottom: 0.5em;
  } 
  
  h1 { 
      clear: both;
  } 
  
  h1 { 
      font-size: 1.75em;
  } 
  
  h1 { 
      font-family: platzcondensed,serif;
  } 
  
  h1 { 
      font-weight: normal; 
      text-transform: uppercase;
  } 
  
  h1 { 
      font-size: 2em; 
      text-align: center;
  } 
  
  .block_c { 
      margin: 1em 0; 
      padding: 0 1.5em;
  } 
  
  .block_c { 
      border: 1px solid #f0f0f0; 
      background-color: #f0f0f0; 
      color: #000;
  } 
  
  .float_container_center img  { 
      display: block;
  } 
  
  address { 
      margin: 0; 
      padding: 0; 
      border: 0; 
      outline: 0; 
      font-size: 100%; 
      vertical-align: baseline; 
      background: transparent;
  } 
  
  address { 
      color: #888; 
      font-size: 0.9em; 
      font-style: normal; 
      display: inline; 
      margin: 0 0.6em 0 0.6em;
  } 
  
  address { 
      color: #000000;
  } 
  
  #bottom_menu { 
      font-size: 0.9em; 
      display: inline;
  } 
  
  li { 
      margin: 0; 
      padding: 0; 
      border: 0; 
      outline: 0; 
      font-size: 100%; 
      vertical-align: baseline; 
      background: transparent;
  } 
  
  #top_menu ul li  { 
      display: inline; 
      margin-left: 1.2em;
  } 
  
  #navcontainer_hor ul#navlist li  { 
      margin: 0; 
      padding: 0; 
      list-style-type: none;
  } 
  
  #navcontainer_hor ul#navlist li  { 
      display: inline; 
      position: relative;
  } 
  
  b { 
      margin: 0; 
      padding: 0; 
      border: 0; 
      outline: 0; 
      font-size: 100%; 
      vertical-align: baseline; 
      background: transparent;
  } 
  
  #bottom_menu ul  { 
      margin: 0; 
      padding: 0; 
      display: inline; 
      list-style-type: none;
  } 
  
  a:link { 
      text-decoration: none;
  } 
  
  a:link { 
      text-decoration: underline;
  } 
  
  #navcontainer_hor ul#navlist li a  { 
      padding: 0.25em 0.75em 0.25em 0.75em; 
      display: inline-block; 
      line-height: 1.5;
  } 
  
  #navcontainer_hor ul#navlist li#active a#current  { 
      color: #000;
  } 
  
  i { 
      margin: 0; 
      padding: 0; 
      border: 0; 
      outline: 0; 
      font-size: 100%; 
      vertical-align: baseline; 
      background: transparent;
  } 
  
  #bottom_menu ul li  { 
      display: inline; 
      margin: 0 0.6em 0 0.6em;
  } 
  
  #bottom_menu a  { 
      color: #000000;
  } 
  
  
  /* These were inline style tags. Uses id+class to override almost everything */
  #style-ypqaJ.style-ypqaJ {  
     width: 100%;  
      height: auto;  
  }  
  #snipcss-panel-container.style-qJ4jb {  
     right: 70px;  
      top: 616px;  
  }  
  #style-DXZQp.style-DXZQp {  
     touch-action: none;  
  }  
  #style-gvCV2.style-gvCV2 {  
     touch-action: none;  
  }  
  #style-zjv6h.style-zjv6h {  
     top: -2px;  
      left: 462px;  
      height: 0px;  
      width: 0px;  
  }  
  #style-egdPD.style-egdPD {  
     top: -2px;  
      left: 1442px;  
      height: 0px;  
      width: 0px;  
  }  
  #style-h5jCN.style-h5jCN {  
     top: 160px;  
      left: 462px;  
      height: 0px;  
      width: 0px;  
  }  
  #style-FCiWv.style-FCiWv {  
     top: -2px;  
      left: 460px;  
      height: 0px;  
      width: 0px;  
  }  
  #style-AgmWv.style-AgmWv {  
     top: -2px;  
      left: 0px;  
      height: 0px;  
      width: 0px;  
  }  
  #style-nJQoS.style-nJQoS {  
     top: -4px;  
      left: -4px;  
      height: 0px;  
      width: 0px;  
  }  
  #style-PdkoL.style-PdkoL {  
     top: -4px;  
      left: -4px;  
      height: 0px;  
      width: 0px;  
  }  
  #style-RX33P.style-RX33P {  
     top: -2px;  
      left: -2px;  
      height: 0px;  
      width: 0px;  
  }  
  #style-Eevjp.style-Eevjp {  
     top: 0px;  
      left: 0px;  
      position: absolute;  
  }  
  #snipcss-kiwi.style-yDSaa {  
     left: 1810px;  
      top: 0px;  
  }  

  @media only screen and (max-width: 768px) {
    .home {
        width: 100%;
    }
    div#page {
        width: 100%;
    }
    img#logo {
        width: 100%;
        margin: 0;
    }
    td#middle {
        width: 100% !important;
        padding: 20px !important;
        overflow-x: hidden;
        overflow-y: hidden;
    }
    td#middle {
    width: 100% !important;
    padding: 20px !important;
    overflow-x: hidden;
    overflow-y: hidden;
    }
    #navcontainer_hor {
        width: auto;
    }
    .mobile-menu-container {
        display: none;
    }
    #navlist.desktop-menu {
        display: none;
    }
    #navlist.mobile-menu {
        display: none;
    }

    #menu-toggle {
        display: inline-block;
    }

    #navlist.mobile-menu {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    #navlist.mobile-menu li {
        display: block;
    }


    #navlist {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    #navlist li {
        display: block;
    }
    .mobile-menu-container {
        display: block;
    }
    #navcontainer_hor {
        text-align: left;
    }

    #navlist.mobile-menu {
        margin: 0;
        padding: 0;
        list-style-type: none;
        margin-top: 50px;
        border-top: 1px solid black;
    }

    #navlist.mobile-menu li {
        display: block;
        border-bottom: 1px solid black;
        padding: 7px 0;
    }


   }