/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */

/* Increase the default font size on small touch devices */
body {
  font-size: 100%;
}

/* =============================================================================
 *   Mobile Menu Toggle
 *   See your theme settings extensions for how to enable the menu toggle.
 *   These are example styles for the menu toggle menu, you can use these in the
 *   relevant responsive stylesheets as required. Modify to suit your design.
 * ========================================================================== */
/* The toggle link */
.at-mt .at-menu-toggle h2 {
  margin-bottom: 5px;
}

.at-mt .at-menu-toggle h2 a {
  background: #eee;
  border: 2px solid #ccc;
  padding: 2px 10px;
}

/* Menu items */
.at-mt .at-menu-toggle ul.menu li a {
  background: #eee;
  border-bottom: 1px solid #fff;
}


#logo img {
    margin-left: 0;
    margin-right: 0;
    vertical-align: bottom;
    width: 300px;
}

#header {
    width: 350px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

#columns {
    width: 350px;
    margin-left: auto;
    margin-right: auto;
}

.region-footer {
    background-position: -10px center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    width: 350px;
}

#block-tb-megamenu-main-menu{
	font-family: "Myriad Std Tilt";
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 30px;
}

.slick-slide{
	opacity: 1;
}

.fa-navicon::before, 
.fa-reorder::before, 
.fa-bars::before {
    content: " MENU";
}

.slick-active{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.fa-navicon::before, 
.fa-reorder::before, 
.fa-bars::before {
    content: " MENU";
    color: black;
}

.tb-megamenu .btn-navbar {
	width:100%;
	font-size: 20px;
	font-family: "Myriad Std Tilt";
	}

#branding {
    margin-top: 50px;
}

.tb-megamenu .nav-collapse .nav > li > a {
    font-size: 25px;
    font-weight: lighter;
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-top: 10px;
}

#block-system-main{
	background-image: url("images/footerblaadjes.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 240px auto;
    margin-bottom:0px;
    padding-bottom: 20px;
    min-height: 10px;
}

#block-block-1,
#block-block-2,
#block-block-3 {
    float: left;
    width: 50%;
    padding-left:0;
}