/* --------------------------------------- */


/* Geestmerambacht GENERAL css */


/* --------------------------------------- */

header {
    background-image: url(/grfx/header/header14.jpg);
}

header .logo {
    background: url(/grfx/logo_gab-green.png) no-repeat 0px center;
    background-size: auto 90px;
    max-width: 270px;
}

.fb-page {
    margin-right: 50px !important;
}

.instagram-block {
    display: inline-block;
    margin-left: 50px;
}

.social-instagram {
    background: url(/grfx/instagram-icon.png) no-repeat;
    background-size: 150px 146px;
    text-indent: -9999px;
    width: 150px;
    height:146px;

}

.social-instagram a{
    width: 150px;
    height:146px;
    display:block;
}

.agendalist .item h3 { color:#fff; }

.nav li:nth-child(10) {
    margin-left: 220px;
}

/* footer */

footer .logo,
#logo {
    /* background: url(/grfx/logo_gab.png) no-repeat 0px 0px; */
    background-image: url(/grfx/logo_gab.png);

    background-size: auto 70px;
    text-align: left;
    float: right;
}

footer .logo a,
#logo a {
    height: 70px;
}

.reviewlist h2 {
    background-image: url(/grfx/activiteiten-header-geestmerambacht.png);
    background-size: 300px 74px;
    height: 90px;
}


/* --------------------------------------- */


/* mediaqueries css */


/* --------------------------------------- */

@media only screen and (min-width: 1441px) {
    header {
        background-position: center 5%;
    }
    
}

@media only screen and (max-width: 1441px) {

.nav li:nth-child(11) {
    margin-left: 115px;
}
}

@media only screen and (max-width: 1370px) {
.nav li:nth-child(11) {
    margin-left: 35px;
}
}

@media only screen and (max-width: 1280px) {
    footer .logo {
        width: 346px;
    }
    .footermenu ul {
        -webkit-column-gap: 36px;
        -moz-column-gap: 36px;
        column-gap: 36px;
    }

    .nav li:nth-child(11) {
        margin-left: 0px;
    }
}

@media only screen and (max-width: 1152px) {
    /* .nav u							{ display: none; } */
    footer .logo {
        width: 304px;
    }
    .instagram-block {
        margin-left: 20px;
    }
    .fb-page {margin-right:20px !important;}
}

@media only screen and (max-width: 1024px) {
    .nav u {
        display: none;
    }

    .fb-page {margin-right:0px !important;}
    .instagram-block {
        margin-left: 0px;
    }

    .social-instagram {
        background: url(/grfx/instagram-icon.png) no-repeat;
        background-size: 100px 97px;
        text-indent: -9999px;
        width: 100px;
        height: 97px;
    }

    .social-instagram a{width:100px; height:97px;}

    footer {
        height: auto;
    }
    footer .logo {
        width: 282px;
    }
}

@media only screen and (max-width: 960px) {
    /* .nav > li:nth-of-type(10)		{ margin-left: 12px; } */

    .nav > li:last-of-type { float:none; }

    footer .logo {
        width: 229px;
    }
}


/* ==> breakpoint tablets */

@media only screen and (max-width: 800px) {
    header {
        background-image: url(/grfx/header/tablet/header14.jpg);
        background-position: center 54px;
    }
    /* .nav > li:nth-of-type(10)		{ margin-left: 0px; } */
    
    .nav u {
        display: inline-block;
    }
    .instagram-block {
        margin-left: 0px;
    }

    footer .logo {
        float: none;
        margin: auto;
    }
}

@media only screen and (max-width: 640px) {
    .instagram-block {
        margin-left: 30px;
    }
}

@media only screen and (max-width: 480px) {
    header {
        background-image: url(/grfx/header/mobile/header14.jpg);
        background-position: center 108px;
    }
    .instagram-block {display:block;}

    .fb-page {
        margin-right: 0px !important;
        display: block !important;
        width: 100% !important;
        margin-bottom: 40px;
    }
}


/* print */

@media print {
    footer .logo {
        background: none;
    }
}