/*****************************************************************************************
    ** BOX MODEL                                                                            **
    *****************************************************************************************/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800");
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

	/*****************************************************************************************
    ** RESET                                                                                **
    *****************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

/* remember to define focus styles! */
:focus {
  outline: 0; }

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

#msg {
  border: 1px solid black;
  background-color: #FEC1C1;
  padding: 10px; }

#msg h2 {
  text-decoration: underline; }

.size-debugger {
  padding: 20px 0px;
  background-color: #FF0000;
  color: #FFFFFF;
  font-size: 30px; }

div.clear {
  width: 100%;
  float: left;
  clear: both;
  display: block; }

	/*****************************************************************************************
    ** FONTS 		                                                                        **
    *****************************************************************************************/
@font-face {
  font-family: 'caviar_dreamsregular';
  src: url("../fonts/CaviarDreams-webfont.eot");
  src: url("../fonts/CaviarDreams-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/CaviarDreams-webfont.woff") format("woff"), url("../fonts/CaviarDreams-webfont.ttf") format("truetype"), url("../fonts/CaviarDreams-webfont.svg#caviar_dreamsregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'caviar_dreamsbold';
  src: url("../fonts/Caviar_Dreams_Bold-webfont.eot");
  src: url("../fonts/Caviar_Dreams_Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Caviar_Dreams_Bold-webfont.woff") format("woff"), url("../fonts/Caviar_Dreams_Bold-webfont.ttf") format("truetype"), url("../fonts/Caviar_Dreams_Bold-webfont.svg#caviar_dreamsbold") format("svg");
  font-weight: normal;
  font-style: normal; }
	/*****************************************************************************************
    ** VARS AND MIXINS 		                                                                 **
    *****************************************************************************************/
/* responsive breakpoints */
/* colors */
	/*****************************************************************************************
    ** GENERAL 		                                                                        **
    *****************************************************************************************/
body {
  background-color: #FFFFFF;
  font-family: "Open Sans", arial, sans-serif;
  color: #262626;
  font-size: 16px;
  line-height: 1.5; }

.align-left {
  float: left; }

.align-right {
  float: right; }

.text-align-left {
  text-align: left; }

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

.text-align-right {
  text-align: right; }

.responsiveimg {
  width: 100%;
  height: auto !important;
  display: block; }

h1, h2 {
  font-size: 32px;
  padding: 10px 0px 30px 0px;
  text-transform: uppercase;
  font-family: caviar_dreamsregular; }
  @media only screen and (min-width: 892px) {
    h1, h2 {
      font-size: 48px;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; } }

h3 {
  font-size: 21px;
  padding: 10px 0px 30px 0px;
  text-transform: uppercase;
  font-family: caviar_dreamsregular; }
  @media only screen and (min-width: 892px) {
    h3 {
      font-size: 28px; } }

h4 {
  font-size: 16px;
  padding: 10px 0px 30px 0px;
  text-transform: uppercase;
  font-family: caviar_dreamsregular; }

.headerright h1, .headerright h2 {
  text-align: right; }

p {
  padding-top: 5px;
  padding-bottom: 25px; }

header {
  padding: 20px 0px; }

@media only screen and (min-width: 892px) {
  .padding-50-left {
    padding-left: 50px; } }

@media only screen and (min-width: 892px) {
  .padding-50-right {
    padding-right: 50px; } }

section {
  padding: 80px 0px; }
  section ul {
    list-style-image: url("../images/layout/dash.gif");
    padding-left: 25px;
    padding-bottom: 25px; }

.btn-villagelounge-green {
  background-color: #47ad68;
  color: white;
  font-weight: 800;
  text-transform: uppercase;
  border-radius: 0;
  padding-left: 35px;
  padding-right: 35px;
  letter-spacing: 1px;
  margin-top: 25px; }

.btn-villagelounge-green:hover {
  background-color: #317747;
  color: white;
  text-decoration: none; }

.btn-villagelounge-yellow {
  background-color: #dea542;
  color: white;
  font-weight: 800;
  text-transform: uppercase;
  border-radius: 0;
  padding-left: 35px;
  padding-right: 35px;
  letter-spacing: 1px;
  margin-top: 25px; }

.btn-villagelounge-yellow:hover {
  background-color: #b47e1f;
  color: white;
  text-decoration: none; }

.bows {
  background: url(../images/layout/bow-top.png) no-repeat 0% 5%, url(../images/layout/bow-bottom.png) no-repeat 100% 95%;
  background-size: 500px 77px; }
  @media only screen and (min-width: 892px) {
    .bows {
      background: url(../images/layout/bow-top.png) no-repeat 0% 10%, url(../images/layout/bow-bottom.png) no-repeat 100% 90%;
      background-size: 750px 115px; } }
  @media only screen and (min-width: 991px) {
    .bows {
      background: url(../images/layout/bow-top.png) no-repeat 0% 10%, url(../images/layout/bow-bottom.png) no-repeat 100% 90%;
      background-size: auto; } }

.paralax {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover; }

.featured {
  min-height: 500px; }

.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden; }
  .intrinsic-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* 16x9 Aspect Ratio */
.ratio-1920x500 {
  padding-bottom: 80%; }
  @media only screen and (min-width: 435px) {
    .ratio-1920x500 {
      padding-bottom: 60%; } }
  @media only screen and (min-width: 991px) {
    .ratio-1920x500 {
      padding-bottom: 40%; } }

/* 16x9 Aspect Ratio */
.ratio-16x9 {
  padding-bottom: 56.25%; }

/* 4x3 Aspect Ratio */
.ratio-4x3 {
  padding-bottom: 75%; }

.maincontent {
  margin-top: 100px;
  padding: 80px 0px; }

.outline {
  border: 2px solid red; }

.outline-green {
  border: 2px solid #47ad68; }

.ui-datepicker {
  width: 14em; }

.sticky {
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.75);
  background-color: rgba(255, 255, 255, 0.7);
  padding: 0px;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  border-top: 0;
  height: 70px; }
  .sticky .mainmenu {
    margin-top: 0px;
    padding-bottom: 10px; }
    @media only screen and (min-width: 991px) {
      .sticky .mainmenu {
        margin-top: 20px; } }
    .sticky .mainmenu li a {
      padding: 10px 20px; }
  .sticky #mobiletoggle {
    padding-top: 15px;
    padding-right: 15px;
    margin: 0px; }
  .sticky .mobile-toggle {
    padding: 20px 10px 10px 0px; }
  .sticky img {
    padding: -5px 5px 5px 5px;
    height: 50px;
    width: auto; }
  .sticky .navmenu {
    padding: 0px;
    margin-right: 100px; }
  .sticky ul {
    text-align: center;
    margin-top: 10px; }

.hidden {
  opacity: 0; }

.visible {
  opacity: 1; }

/* HEADER */
header {
  background-color: white;
  position: absolute;
  width: 100%;
  padding: 10px 20px 10px 20px;
  margin: 0px;
  z-index: 299;
  left: 0;
  top: 0; }
  @media only screen and (min-width: 892px) {
    header {
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; } }
  @media only screen and (min-width: 991px) {
    header {
      padding: 10px 25px 10px 40px; } }
  header #logo {
    width: 150px;
    padding: 10px 10px 0px 10px;
    float: left; }
    header #logo a {
      float: left;
      display: block;
      width: 100%;
      height: 100%; }
  header #mobiletoggle {
    display: block;
    float: right;
    padding: 20px 10px 0px 0px;
    font-size: 36px; }
    @media only screen and (min-width: 892px) {
      header #mobiletoggle {
        display: none; } }
    header #mobiletoggle a {
      color: black; }
  @media only screen and (max-width: 892px) {
    header .mainmenu {
      margin-top: 0;
      position: relative;
      float: left;
      width: 100%;
      clear: both;
      background-color: white;
      display: none; }
      header .mainmenu li {
        float: left;
        clear: both;
        text-align: center;
        padding: 10px 0px;
        width: 100%; }
        header .mainmenu li a {
          color: black;
          text-transform: uppercase;
          font-size: 16px;
          font-weight: 600;
          padding: 30px 0px;
          text-align: center;
          width: 100%; }
        header .mainmenu li a:visited, header .mainmenu li a:active, header .mainmenu li a:focus {
          text-decoration: none;
          border: none; }
        header .mainmenu li a:hover,
        header .mainmenu li a.current {
          color: #dea542;
          text-decoration: none; } }
  @media only screen and (min-width: 892px) {
    header .mainmenu {
      margin-top: 35px;
      position: relative;
      float: right;
      display: block; }
      header .mainmenu li {
        float: left; }
        header .mainmenu li a {
          color: black;
          text-transform: uppercase;
          font-size: 18px;
          font-weight: 600;
          padding: 30px 15px;
          -webkit-transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out;
          -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out; }
        header .mainmenu li a:visited, header .mainmenu li a:active, header .mainmenu li a:focus {
          text-decoration: none;
          border: none; }
        header .mainmenu li a:hover,
        header .mainmenu li a.current {
          color: #dea542;
          text-decoration: none; } }

/* SLIDESHOW */
.slideshow.fullscreen {
  width: 100%;
  height: 500px;
  background-color: rgba(222, 165, 66, 0.7);
  overflow: hidden; }
  .slideshow.fullscreen .carousel-slide {
    width: 100%;
    height: 100%;
    background-color: #EEEEEE;
    float: left;
    background-size: cover;
    position: relative; }
    .slideshow.fullscreen .carousel-slide .carousel-slide-template {
      position: absolute;
      background: rgba(222, 165, 66, 0.4); }
      @media only screen and (max-width: 892px) {
        .slideshow.fullscreen .carousel-slide .carousel-slide-template {
          bottom: 0px;
          left: 0px;
          max-width: 100%;
          padding: 20px; } }
      @media only screen and (min-width: 892px) {
        .slideshow.fullscreen .carousel-slide .carousel-slide-template {
          bottom: 50px;
          right: 50px;
          max-width: 65%;
          padding: 30px; } }
      @media only screen and (min-width: 991px) {
        .slideshow.fullscreen .carousel-slide .carousel-slide-template {
          max-width: 40%; } }
      .slideshow.fullscreen .carousel-slide .carousel-slide-template h4 {
        font-size: 24px;
        color: white;
        padding: 4px 0px 10px 0px; }
        @media only screen and (min-width: 892px) {
          .slideshow.fullscreen .carousel-slide .carousel-slide-template h4 {
            font-size: 34px; } }
      .slideshow.fullscreen .carousel-slide .carousel-slide-template p {
        color: white;
        padding: 4px 0px 10px 0px; }
      .slideshow.fullscreen .carousel-slide .carousel-slide-template .btn {
        background-color: #dea542;
        color: white;
        font-weight: 800;
        text-transform: uppercase;
        border-radius: 0;
        padding-left: 35px;
        padding-right: 35px;
        letter-spacing: 1px;
        margin-top: 25px; }
      .slideshow.fullscreen .carousel-slide .carousel-slide-template .btn:hover {
        background-color: #b47e1f;
        color: white;
        text-decoration: none; }

/* MENUKAART */
.menukaartmenu {
  width: 100%; }
  @media only screen and (max-width: 892px) {
    .menukaartmenu #menukaart-menu {
      float: left !important;
      display: block !important;
      list-style: none !important;
      list-style-type: none !important;
      padding-bottom: 40px;
      width: 100%; } }
  @media only screen and (min-width: 892px) {
    .menukaartmenu #menukaart-menu {
      float: right !important;
      display: block !important;
      list-style: none !important;
      list-style-type: none !important;
      padding-bottom: 40px; } }
  @media only screen and (max-width: 892px) {
    .menukaartmenu #menukaart-menu li {
      width: 100%;
      float: left;
      clear: both;
      text-align: center;
      padding-top: 10px;
      padding-bottom: 10px; } }
  @media only screen and (min-width: 892px) {
    .menukaartmenu #menukaart-menu li {
      float: left;
      padding-left: 15px; } }
  .menukaartmenu #menukaart-menu li a.menukaartitem {
    text-transform: uppercase;
    font-size: 22px;
    color: black;
    text-decoration: none;
    padding: 15px 10px 8px 0px; }
  .menukaartmenu #menukaart-menu li a.menukaartitem.active,
  .menukaartmenu #menukaart-menu li a.menukaartitem:hover {
    text-decoration: none;
    background: transparent url(../images/layout/bow-mini.png) no-repeat 100% 100%; }

.menukaart-main {
  display: none; }
  .menukaart-main h2 {
    font-size: 26px;
    font-weight: 800;
    display: none; }
  @media only screen and (min-width: 892px) {
    .menukaart-main .gerechten-col .menukaart_deel {
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; } }
  .menukaart-main .gerechten-col .menukaart_deel h2 {
    font-size: 26px;
    font-weight: 400;
    padding: 25px 25px 10px 25px;
    display: block;
    clear: both;
    text-align: center; }
  .menukaart-main .gerechten-col .menukaart_deel .menukaart-subline {
    text-align: center; }
  .menukaart-main .gerechten-col .menukaart_deel .inner {
    padding: 15px 25px 25px 25px; }
    .menukaart-main .gerechten-col .menukaart_deel .inner .menu-kaart-gerecht {
      padding-bottom: 20px; }
      .menukaart-main .gerechten-col .menukaart_deel .inner .menu-kaart-gerecht h6 {
        font-size: 18px;
        position: relative; }
        .menukaart-main .gerechten-col .menukaart_deel .inner .menu-kaart-gerecht h6 span.tip {
          color: red;
          font-size: 12px;
          padding-left: 15px;
          position: absolute;
          left: -40px;
          top: 5px;
          display: block;
          -ms-transform: rotate(-20deg);
          /* IE 9 */
          -webkit-transform: rotate(-20deg);
          /* Safari */
          transform: rotate(-20deg); }
      .menukaart-main .gerechten-col .menukaart_deel .inner .menu-kaart-gerecht .menu-kaart-gerecht-intro {
        font-size: 14px;
        padding-bottom: 8px; }
      .menukaart-main .gerechten-col .menukaart_deel .inner .menu-kaart-gerecht .money {
        text-align: right; }
        .menukaart-main .gerechten-col .menukaart_deel .inner .menu-kaart-gerecht .money p.prijs {
          margin: 0px;
          padding: 0px; }
    .menukaart-main .gerechten-col .menukaart_deel .inner .menu-kaart-gerecht.tip {
      /* color:$main; */ }
  .menukaart-main .gerechten-col .yellow {
    background-color: #dea542;
    color: white; }
  .menukaart-main .gerechten-col .black {
    background-color: black;
    color: white; }
  .menukaart-main .gerechten-col .red {
    background-color: red;
    color: white; }
  .menukaart-main .gerechten-col .border-1 {
    border: 1px solid #dea542; }
  .menukaart-main .gerechten-col .border-2 {
    border: 2px solid #dea542; }
  .menukaart-main .gerechten-col .border-3 {
    border: 3px solid #dea542; }
  .menukaart-main .gerechten-col .border-4 {
    border: 4px solid #dea542; }
  .menukaart-main .gerechten-col .border-5 {
    border: 5px solid #dea542; }

.menukaart-main.active {
  display: block; }

/* FOTOALBUMS */
.fotoalbum-list-album figure {
  margin-bottom: 4px;
  padding-bottom: 0px; }
.fotoalbum-list-album h2 {
  font-family: "Open Sans", arial, sans-serif;
  font-size: 16px;
  font-weight: 800;
  padding-top: 6px;
  padding-bottom: 6px; }
  .fotoalbum-list-album h2 a {
    color: black;
    text-decoration: none; }
.fotoalbum-list-album p {
  padding-top: 0px;
  margin-top: 0px; }
  .fotoalbum-list-album p a {
    color: black;
    text-decoration: none; }

.fotoalbum-omschrijving {
  padding-top: 10px;
  padding-bottom: 30px; }

.fotoalbum-list-image {
  padding-top: 5px;
  padding-bottom: 10px; }

/* RESERVEREN */
.reserveren {
  padding: 50px 10px;
  background-color: rgba(222, 165, 66, 0.7);
  color: white; }
  @media only screen and (min-width: 435px) {
    .reserveren {
      padding: 50px; } }
  .reserveren h2 {
    text-align: center; }
  .reserveren #id_reserveren_opmerking {
    height: 95px; }
  .reserveren .reserveren-opties {
    text-align: center;
    padding: 8px 0px 20px 0px;
    float: left;
    width: 100%; }
    .reserveren .reserveren-opties .btn-reserveren {
      float: left;
      width: 100%;
      background-color: #b47e1f;
      color: #dea542;
      font-weight: 800;
      text-transform: uppercase;
      border-radius: 0;
      padding: 0px 35px 0px 35px;
      margin: 10px 5px;
      letter-spacing: 1px;
      font-size: 17px;
      height: 35px;
      line-height: 35px; }
      @media only screen and (min-width: 435px) {
        .reserveren .reserveren-opties .btn-reserveren {
          float: none;
          width: auto;
          padding: 6px 35px 6px 35px; } }
    .reserveren .reserveren-opties .btn-reserveren.highlighted,
    .reserveren .reserveren-opties .btn-reserveren.active,
    .reserveren .reserveren-opties .btn-reserveren:hover {
      background-color: #dea542;
      color: white;
      text-decoration: none; }
  .reserveren .reserveertype {
    display: none;
    float: left;
    width: 100%; }
    @media only screen and (min-width: 892px) {
      .reserveren .reserveertype {
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; } }
    .reserveren .reserveertype .main-content {
      float: left;
      width: 100%; }
      .reserveren .reserveertype .main-content .content {
        float: left;
        width: 100%; }
        .reserveren .reserveertype .main-content .content #seatmeWrapper {
          margin: 0px auto;
          width: 249px; }
          .reserveren .reserveertype .main-content .content #seatmeWrapper #rm_reservation {
            padding: 5px;
            margin: 0px auto;
            width: 249px; }
            .reserveren .reserveertype .main-content .content #seatmeWrapper #rm_reservation h1.rm_header {
              font-size: 16px !important;
              padding: 3px 0px 5px 0px;
              margin-bottom: 3px 0px 5px 0px; }
            .reserveren .reserveertype .main-content .content #seatmeWrapper #rm_reservation h2.rm_restaurant_name {
              font-size: 15px;
              padding: 3px 0px 5px 0px;
              margin-bottom: 3px 0px 5px 0px; }
            .reserveren .reserveertype .main-content .content #seatmeWrapper #rm_reservation h3.rm_restaurant_city {
              font-size: 13px;
              padding: 3px 0px 5px 0px;
              margin-bottom: 3px 0px 5px 0px; }
            .reserveren .reserveertype .main-content .content #seatmeWrapper #rm_reservation .rm_row_title {
              margin-right: 3px; }
            .reserveren .reserveertype .main-content .content #seatmeWrapper #rm_reservation .rm_row_value {
              width: 130px !important; }
            .reserveren .reserveertype .main-content .content #seatmeWrapper #rm_reservation .rm_reservation_body {
              width: 239px !important; }
  .reserveren .inactive {
    display: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .reserveren .active {
    display: block;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }

#reserveer_form_feedback {
  padding-left: 15px;
  padding-right: 15px; }
  #reserveer_form_feedback h3 {
    clear: both;
    width: 100%;
    margin-bottom: 0px;
    padding-bottom: 10px; }

/* FOOTER */
footer {
  width: 100%;
  background-color: #dea542;
  color: white; }
  footer #footer {
    padding-top: 30px;
    padding-bottom: 60px; }
    footer #footer .footerblok {
      display: block; }
      footer #footer .footerblok .inner {
        padding: 20px; }
      footer #footer .footerblok h4 {
        padding-top: 35px; }
        @media only screen and (min-width: 892px) {
          footer #footer .footerblok h4 {
            font-size: 22px; } }
      footer #footer .footerblok ul li a {
        color: white;
        text-decoration: none;
        text-transform: uppercase; }
      footer #footer .footerblok .contact-row {
        padding: 0 0 20px 0;
        position: relative; }
        footer #footer .footerblok .contact-row .contact-row-icon {
          position: absolute;
          left: 0;
          top: 0;
          padding: 5px 15px 0 0;
          line-height: 24px; }
        footer #footer .footerblok .contact-row .contact-row-data {
          text-align: left;
          line-height: 24px;
          padding-left: 30px; }
          footer #footer .footerblok .contact-row .contact-row-data a {
            color: white; }
      footer #footer .footerblok .contact-row:hover .contact-row-icon {
        color: white;
        transition: all 0.9s ease; }
      footer #footer .footerblok .contact-row:last-child {
        padding-bottom: 40px; }
      footer #footer .footerblok .openingstijden {
        max-width: 320px;
        width: 100%; }
        footer #footer .footerblok .openingstijden .openingstijden-dag {
          float: left;
          position: relative;
          clear: both;
          width: 100%;
          padding-bottom: 3px; }
          footer #footer .footerblok .openingstijden .openingstijden-dag .openingstijden-note {
            clear: both;
            font-size: 9px;
            padding-bottom: 5px; }
          footer #footer .footerblok .openingstijden .openingstijden-dag .openingstijden-tijd {
            position: absolute;
            right: 0;
            top: 3px; }
        footer #footer .footerblok .openingstijden .openingstijden-note {
          float: left;
          position: relative;
          clear: both;
          width: 100%;
          padding-bottom: 3px; }
          footer #footer .footerblok .openingstijden .openingstijden-note p {
            text-align: center;
            font-size: 13px;
            text-style: italic; }
      footer #footer .footerblok a.social-link:active,
      footer #footer .footerblok a.social-link:link,
      footer #footer .footerblok a.social-link:visited,
      footer #footer .footerblok a.social-link {
        width: 100%;
        padding: 2px 0px;
        display: block;
        color: white;
        font-size: 18px;
        text-decoration: none; }
        @media only screen and (min-width: 435px) {
          footer #footer .footerblok a.social-link:active,
          footer #footer .footerblok a.social-link:link,
          footer #footer .footerblok a.social-link:visited,
          footer #footer .footerblok a.social-link {
            width: 90%; } }
      footer #footer .footerblok a.social-link:hover {
        transition: all 0.8s ease;
        color: white; }
      footer #footer .footerblok a.social-link span {
        margin: 0px 0px 0px 10px;
        font-size: 14px; }
  footer #bottombar {
    background-color: rgba(255, 255, 255, 0.7);
    width: 100%;
    padding: 10px 0px;
    color: #dea542; }
    footer #bottombar a {
      text-decoration: none;
      color: #b47e1f; }

/*# sourceMappingURL=style.css.map */