.tafel-orange-bg {
    background-color: #ef7d07;
}

.tafel-orange-text {
    color: #ef7d07;
}

.navbar-tafel .navbar-brand {
  color: rgba(239, 125, 7, 1);
}

.navbar-tafel .navbar-brand:hover, .navbar-tafel .navbar-brand:focus {
  color: rgba(239, 125, 7, 1);
}

.scroll-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    color: #FFFFFF;
    background-color: rgba(0,0,0,.5);
    display: none;
    z-index: 1050;
    cursor: pointer;
    font-size: 1.5rem;
}

/* Required height of parents of the Half Page Carousel for proper displaying carousel itself */
html,
body,
.view {
  height: 100%; }

/* Half Page Carousel itself*/
.carousel {
  height: 50%; }
  .carousel .carousel-inner {
    height: 100%; }
    .carousel .carousel-inner .carousel-item,
    .carousel .carousel-inner .active {
      height: 100%; }

/* Adjustment for mobile devices*/
@media (max-width: 776px) {
  .carousel {
    height: 100%; } }

/* Navbar animation */
.navbar {
  background-color: rgba(0, 0, 0, 0); }


.navbar {
    box-shadow: none !important;
    font-weight: 300;
}
.navbar, .pagination .page-item.active .page-link {
    -webkit-box-shadow: 0 !important;
}

.top-nav-collapse {
  background-color: #f07d00; }


/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
  .navbar {
    background-color: #f07d00; } 

}

/* Footer color for sake of consistency with Navbar */
.page-footer {
  background-color: #f07d00; 
}


@media only screen and (max-width: 1920px) {
    main {
        min-height: 441px;  
    }
    .dropdown-submenu {
        position: relative;
      }

      .dropdown-submenu a::after {
        transform: rotate(-90deg);
        position: absolute;
        right: 6px;
        top: 1.3em;
      }

      .dropdown-submenu .dropdown-menu {
        top: -.4em;
        left: 100%;
        margin-left: .1rem;
        margin-right: .1rem;
      }
}


@media only screen and (min-width: 1922px) {
    main {
        min-height: 611px;  
    }
        .dropdown-submenu {
        position: relative;
      }

      .dropdown-submenu a::after {
        transform: rotate(-90deg);
        position: absolute;
        right: 6px;
        top: 1.3em;
      }

      .dropdown-submenu .dropdown-menu {
        top: -.4em;
        left: 100%;
        margin-left: .1rem;
        margin-right: .1rem;
      }
}



.cl-switch input[type="checkbox"] {
  display: none;
  visibility: hidden;
}
.cl-switch .switcher {
  display: inline-block;
  border-radius: 100px;
  width: 35px;
  height: 15px;
  background-color: #ccc;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
}
.cl-switch .switcher:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  margin-top: -2.5px;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.cl-switch .switcher:active:before {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(63, 81, 181, 0.3);
  transition: all, 0.1s;
}
.cl-switch .label {
  font-family: "Roboto", sans-serif;
  cursor: pointer;
  vertical-align: middle;
  margin: 0 5px;
}
.cl-switch input[type="checkbox"]:checked + .switcher {
  background-color: #8591d5;
}
.cl-switch input[type="checkbox"]:checked + .switcher:before {
  right: 100%;
  margin-right: -20px;
  background-color: #3f51b5;
}
.cl-switch.cl-switch-large .switcher {
  width: 52px;
  height: 22px;
}
.cl-switch.cl-switch-large .switcher:before {
  width: 30px;
  height: 30px;
  margin-top: -4px;
}
.cl-switch.cl-switch-large .label {
  font-size: 18px;
}
.cl-switch.cl-switch-large input[type="checkbox"]:checked + .switcher:before {
  margin-right: -30px;
}
.cl-switch.cl-switch-xlarge .switcher {
  width: 87px;
  height: 37px;
}
.cl-switch.cl-switch-xlarge .switcher:before {
  width: 50px;
  height: 50px;
  margin-top: -6px;
}
.cl-switch.cl-switch-xlarge .label {
  font-size: 24px;
}
.cl-switch.cl-switch-xlarge input[type="checkbox"]:checked + .switcher:before {
  margin-right: -50px;
}


.cl-switch.cl-switch-primary input[type="checkbox"]:checked + .switcher {
  background-color: #ffd54f;
}
.cl-switch.cl-switch-primary input[type="checkbox"]:checked + .switcher:before {
  background-color: #ffa000;
}
.cl-switch.cl-switch-primary .switcher:active:before {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(255, 152, 0, 0.7);
}

.cl-switch.cl-switch-success input[type="checkbox"]:checked + .switcher {
  background-color: #00C851;
}
.cl-switch.cl-switch-success input[type="checkbox"]:checked + .switcher:before {
  background-color: #007E33;
}
.cl-switch.cl-switch-success .switcher:active:before {
  box-shadow: 0 1px 3px rgba(233, 30, 99, 0.7), 0 0 0 10px rgba(76, 175, 80, 0.7);
}