/*
Theme Name: _tk
Theme URI: http://themekraft.com/store/_tk-free-wordpress-starter-theme-based-on-twitter-bootstrap/
Author: ThemeKraft
Author URI: http://themekraft.com/
Description: Hi, I am the ultra minimal starter theme _tk, ready for your next awesome WordPress project! I am the most seamless and minimalistic integration of Twitter Bootstrap Framework into the _s starter theme from Automattic, the guys behind WordPress. You can find me on GitHub. Fork me! I'm waiting for you ;)
Version: 1.1.10
License: GNU General Public License v3.0 /
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: gray, light, two-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, sticky-post,  theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

This theme is the most seamless and minimalistic integration of Twitter Bootstrap Framework into
the _s starter theme from Automattic, the guys behind WordPress.

_s (or Underscores) http://underscores.me/, (C) 2012-2013 Automattic, Inc. Twitter Bootstrap

Credits:

1. Bootstrap

 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=f58353a31151a8c05d7c)
 * Config saved to config.json and https://gist.github.com/f58353a31151a8c05d7c

2. wp_bootstrap_navwalker

* Class Name: wp_bootstrap_navwalker
* GitHub URI: https://github.com/twittem/wp-bootstrap-navwalker

3. Glyphicons

 * http://getbootstrap.com/components/

*/


/* My Minimal WordPress Styling comes here */

a {
    color: #258f8a;
}

a:hover,
a:active,
a:focus {
    color: #258f8a;
    text-decoration: none;
    font-weight: bold;
}


/* This is a small security for too long strings titles */

body {
    word-wrap: break-word;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

* {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}

.single .entry-content ul {
    list-style: none;
}

.single .entry-content ul li:before {
    content: "\f202";
    font-family: 'FontAwesome';
    color: #258f8a;
    display: inline-block;
    margin-left: -25px;
    margin-right: 10px;

}


/* Alignment */

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}


/* Images and wp-captions should always fit and be responsive */

img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}

img[class*="wp-image-"] {
    margin-top: 10px;
    margin-bottom: 10px;
}

.wp-caption {
    border: 1px solid #ccc;
    margin-bottom: 10px;
    max-width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0 10px;
}

.wp-caption.aligncenter {
    margin-bottom: 10px;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
}

.wp-caption .wp-caption-text {
    text-align: center;
    margin-top: 10px;
}


/* WP Gallery */

.gallery {
    margin-bottom: 1.5em;
}

.gallery a img {
    border: none;
    height: auto;
    max-width: 90%;
}

.gallery dd {
    margin: 0;
}

.gallery-caption {
    display: block;
}

p {
    font-size: 14px;
    color: #626262;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Playfair Display', serif;
    font-weight: bold;
}

h1 {
    font-size: 24px;
    color: #258f8a;
}

h2 {
    font-size: 20px;
    color: #9c867a;
}


/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object {
    max-width: 100%;
}


/* Content */

.main-content-inner {
    padding-bottom: 1.5em;
}

.hentry {
    margin: 0 0 1.5em;
}

.sticky {
    display: block;
}

.bypostauthor {
    display: block;
}


/* Clearing */

.clear {
    clear: both;
}


/* Navigation */

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:active>.dropdown-menu,
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:active>a:after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */

.widget {
    margin-bottom: 2em;
}

.widget_nav_menu ul.sub-menu li,
.widget_pages ul.children li {
    padding-left: 15px;
}


/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line. * Note: you can change the whole appearance of the search_form() function in our searchform.php */

.widget_search .search-form input[type="submit"] {
    display: none;
}


/* Make sure select elements fit in widgets */

.widget select {
    max-width: 100%;
}


/**
* Some WP Theme Repository requirements
*/

.sticky {}

.gallery-caption {}

.bypostauthor {}

.entry-meta {
    clear: both;
    background-color: transparent;
}


/* HEADER */

.site-header {
    margin-top: 30px;
    color: #a7a9ac;
}

.site-header-nav {
    text-align: right;
}

@media screen and (max-width: 768px) {
    .site-header-nav {
        text-align: left;
    }
}

.home-icon {
    background-image: url(/wp-content/uploads/2017/08/home_icon.png);
    background-size: cover;
    width: 25px;
    height: 23px;
    display: block;
    background-repeat: no-repeat;
    margin-top: -2px;
}

.home-icon.active {
    background-image: url(/wp-content/uploads/2017/08/home-icon-green.png);
}

#breadcrumbs {
    padding-top: 10px;
    list-style: none;
    display: inline-block;
    overflow: hidden;
    padding-left: 0;
}

#breadcrumbs a {
    color: #a7a9ac;
}

#breadcrumbs li {
    display: inline-block;
    vertical-align: middle;
}

#breadcrumbs strong {
    color: #238f8a;
}

#breadcrumbs .separator {
    font-size: 18px;
    font-weight: 100;
    color: #ccc;
}

@media screen and (max-width: 768px) {
    #breadcrumbs {
        position: relative;
        width: 100%;
    }
}


/* NAVBAR */

.nav-links {
    text-transform: uppercase;
    margin-bottom: 20px !important;
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.nav-links li {
    display: inline-block;
    margin-right: 5px;
}

.nav-links li a {
    color: #a7a9ac;
}

.nav-links>li a:hover {
    color: #238f8a;
}

.nav-follow .follow-icon {
    display: inline-block;
    font-size: 35px;
    color: #a7a9ac;
    margin-left: 10px;
}

.navbar {
    border-top: 1px solid #238f8a;
    border-bottom: 1px solid #238f8a;
    border-radius: 0;
    max-height: 40px;
    height: 40px;
    min-height: 40px;
    margin-bottom: 10px;
    z-index: 999;
    overflow-y: visible;
}

.navbar a {
    color: #a7a9ac;
    text-transform: uppercase;
}

.navbar a::after {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 1px;
    color: transparent;
    overflow: hidden;
    visibility: hidden;
    margin-bottom: -1px;
}

.navbar-nav > li > a {
    padding: 10px 15px
}

.navbar-header {
    height: 40px;
}

.navbar-brand {
    padding-top: 10px;
    width: 60px;
}

.navbar-nav {
    float: right;
}

.nav>li>a:hover,
.nav>li>a:focus {
    background-color: transparent;
    font-weight: bold;
    color: #238f8a;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: transparent;
    border: none;
}

.navbar-nav>li>a {
    line-height: 19px;
}

.dropdown-menu {
    left: 15px;
    background-color: #238f8a;
    border: none;
    border-radius: 0;
}

.dropdown-menu>li {
    margin: 5px 0;
}

.dropdown-menu>li>a {
    color: #fff;
    font-weight: normal;
}

.dropdown-menu>li>a:hover {
    font-weight: bold;
}

.dropdown-menu li a:hover,
.dropdown-menu li a:focus {
    background: none;
    background-color: transparent;
    color: #fff;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background: transparent;
    background-color: none;
}

.current-menu-item a {
    font-weight: bold;
    color: #238f8a;
}

.navbar-toggle {
    width: 20px;
}

.navbar-toggle .icon-bar {
    margin-top: -4px;
    background-color: #238f8a;
}

@media screen and (max-width: 1199px) {
    .navbar-nav > li > a {
        padding: 10px 10px;
    }
}

@media screen and (max-width: 992px) {
    .navbar-nav > li > a {
        padding: 10px 15px;
    }
}

@media screen and (max-width: 768px) {
    .navbar-nav {
        float: left;
        width: 100%;
    }
    .nav-links {
        margin-bottom: 10px !important;
        margin-top: 10px !important;
    }
    .navbar-collapse {
        background-color: #238f8a;
        width: 100%;
    }
    .navbar a {
        color: #fff;
    }
    .nav>li>a:hover,
    .nav>li>a:focus {
        color: #fff;
    }
    .astm-search-menu.default form {
        margin-left: 15px;
        width: 90%;
    }
}


/* SEARCH BAR */

.search-form {
    display: inline-block;
    float: right;
    margin-top: 7px;
    max-width: 360px;
    width: 32%;
}

.search-left .search-form {
    float: left;
    width: 100%;
    max-width: 400px;
}

.search-left .search-form input[type="submit"] {
    margin: 10px 0;
}

.search-form label {
    margin-bottom: 0px;
    width: 100%;
}

.search-field.form-control {
    border-radius: 0;
    border: 0;
    background-color: #e2e3e4;
    padding: 0px 5px;
    margin: 0;
    height: 25px;
    width: 100%;
}

.search-field.form-control {
    border-radius: 0;
    border: 0;
    background-color: #e2e3e4;
    padding-left: 20px;
}

span.icon-search {
    position: absolute;
    top: 10px;
    margin-left: 4px;
    color: #a7a9ac;
}

.nav>li.astm-search-menu,
.search-form.bottom-form {
    display: none;
}

.astm-search-menu.default a {
    display: inline-block;
    float: left;
}

.astm-search-menu.default form {
    float: left;
    display: inline-flex;
}

.astm-search-menu.default .search-field.form-control {
    height: 100%;
}

.astm-search-menu.default .search-submit.btn.btn-default {
    border-radius: 0;
    background: #fff;
    color: #238f8a;
    font-weight: bold;
}

.search-404 {
    float: left;
}

.search-404 .search-form {
    width: 100%;
    max-width: 600px;
}

@media screen and (max-width: 992px) {
    .search-form.menu-form {
        display: none;
    }
    .search-form.bottom-form {
        display: inline-block;
    }
    span.icon-search {
        top: 60px;
    }
}

@media (max-width: 767px) {
    .search-form.menu-form,
    .search-form.bottom-form {
        display: none;
    }
    .nav>li.astm-search-menu {
        display: block;
    }
}


/* NEWSLETTER */

.newsletter-block {
    background-image: url('/wp-content/uploads/2017/08/Nieuwsbrief_balk_zonder_tekst.png');
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding-top: 9%;
}

.newsletter-image {
    margin: 50px auto 30px;
    display: inline-block;
}

.newsletter-form {
    margin: 0px auto 80px;
    display: block;
}

.mc-field-group input.firstname, .mc-field-group input.lastname, .mc-field-group input.email {
    padding: 10px;
    margin: 0;
    width: 100%;
    display: block;
    max-width: 450px;
    border: none;
    margin-bottom: 5px !important;
    margin: 0 auto;
    text-align: center;
}
.mc-field-group input.button {
    padding: 10px;
    margin: 0 auto;
    width: 100%;
    background-color: #238f8a;
    color: #FFF;
    border: none;
    max-width: 450px;
}

@media screen and (max-width: 768px) {
    .mc-field-group input.button,
    .mc-field-group input.email {
        width: 100%;
        margin: 10px auto;
    }
    .mc-field-group input.button {
        max-width: 150px;
        display: block;
    }
    .newsletter-form {
        margin: 0px auto 0px;
    }
}


/* MASONRY */

ul.grid {
    list-style-type: none;
    -webkit-padding-start: 0px;
    padding: 0 !important;
}

.grid > li {
    list-style-type: none;
    margin-bottom: 15px;
}

.grid li {
    display: block;
    opacity: 0;
}

.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li {
    opacity: 1;
}


/* Effect 2: Move Up */

.grid.effect-2 li.animate {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: moveUp 0.65s ease forwards;
    animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
    0% {}
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes moveUp {
    0% {}
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

ul.grid li a:after {
    content: '\A';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(211, 211, 211, 0.4);
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

ul.grid li a:hover:after {
    opacity: 1;
}


/* BLOG STYLES */

.blog-title {
    font-size: 24px;
    font-family: 'Playfair Display', serif;
    color: #258f8a;
}

.blog-content {
    font-size: 14px;
    color: #a7a9ac;
}


/* INFORMATION STYLES */

.information-content {
    font-size: 14px;
    color: #a7a9ac;
}

.information-title {
    font-family: 'Playfair Display', serif;
    color: #238f8a;
    text-align: center;
}

.greenNumbers {
    list-style-type: none;
}

.greenNumbers ol {
    margin-left: 2em;
}

.greenNumbers li {
    counter-increment: count-me;
}

.greenNumbers li::before {
    content: counter(count-me) ". ";
    display: block;
    position: relative;
    max-width: 20px;
    max-height: 0px;
    left: -1.1em;
    color: #258f8a;
}

ol {
    font-size: 14px;
    color: #626262;
    margin: 0;
    padding: 0;
    margin-left: 15px;
}


/* INFORMATION SLIDER */

@media (max-width: 768px) {
    .information-posts-slider {
        text-align: center;
    }
}


/* CONTACT FORM */

.wpcf7 label {
    width: 100%;
    color: #4fa5a1;
}

.wpcf7 input,
button,
select,
textarea {
    width: 100%;
    border: 1px solid #4fa5a1;
    color: #000;
    font-weight: normal;
    padding: 5px;
}

.wpcf7 .wpcf7-submit {
    width: 100%;
    background: #FFF;
    border: none;
    color: #4fa5a1;
    font-weight: bold;
    height: 40px;
    border: 1px solid #4fa5a1;
}

.wpcf7 .wpcf7-submit:hover {
    background: #4fa5a1;
    color: #FFF;
}


/* ARCHIVE */


/* MOODBOARD */

.moodboard-block {
    background: #238f8a;
    padding: 40px 35px 45px;
}

.moodboard-block > h1 {
    text-align: center;
    color: #fff;
    font-weight: normal;
    font-size: 42px;
    padding: 0;
    margin: 0;
}

.moodboard-block > p {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
}


/* PERSBERICHT */


/* SIDEBAR */

.sidebar-title {
    display: block;
    font-family: 'Open Sans';
    font-weight: normal;
    font-size: 16px;
    color: #FFF;
    background: #9c867a;
    margin: 0;
    padding: 20px;
    text-transform: uppercase;
}

.sidebar-post-title {
    color: #258f8a;
}

.sidebar-hr {
    border-top: 1px solid #258f8a;
}


/* HOOVER EFFECT */

.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

.hovereffect.green {
    background: #238f8a;
}

.hovereffect .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    padding: 50px 20px;
}

.hovereffect img {
    display: block;
    position: relative;
    max-width: none;
    width: -moz-calc(100% + 20px);
    width: -webkit-calc(100% + 20px);
    width: calc(100% + 20px);
    height: -moz-calc(100% + 20px);
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hovereffect:hover img {
    opacity: 0.4;
    filter: alpha(opacity=40);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.hovereffect h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    overflow: hidden;
    padding: 0.5em 0;
    background-color: transparent;
}

.hovereffect h2:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    content: '';
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.hovereffect:hover h2:after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.hovereffect a,
.hovereffect p {
    font-size: 30px;
    color: #FFF;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.hovereffect:hover a,
.hovereffect:hover p {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.hovereffect p {
    position: relative;
    top: 40%;
}

.hovereffect a {
    background: #FFF;
    padding: 5px;
    margin: 5px;
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 5px;
}

.fa-twitter,
.fa-instagram,
.fa-facebook,
.fa-pinterest {
    display: block;
}

.fa-twitter:before,
.fa-instagram:before,
.fa-facebook:before,
.fa-pinterest:before {
    color: #238f8a;
    opacity: 0.8;
    /* Opacity (Transparency) */
    display: block;
}


/* FLEXIBEL CONTENT */

.flexibel-content article {
    margin: 30px 0 40px;
}

.flexibel-content article img {
    margin-bottom: 15px;
}


/* FOOTER */

footer {
    background-color: #238f8a;
    color: #FFF;
    padding: 20px 0px 40px;
}

footer p {
    color: #fff;
}

footer .widget-title {
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
}

footer .textwidget {
    font-size: 12px;
}

.flower-list {
    margin: 0;
    padding: 0;
    list-style-image: url('/wp-content/themes/_tk/images/list-icon.png');
}

.flower-list > li {
    margin: 10px;
    margin-left: 18px;
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #fff;
    text-decoration: underline;
}

.footer-logo {
    float: right;
    margin-top: 5px;
    display: block;
}

.footer-logo-ibulb {
    float: right;
    display: block;
    margin-top: -10px;
}

.footer-logo-text {
    font-size: 12px;
    float: right;
    display: block;
    margin-top: 50px;
}

.footer-logo-text img {
    margin-left: 10px;
}

@media screen and (max-width: 768px) {
    footer > .container {
        max-width: 500px;
    }
    .site-footer-inner {
        margin: 20px auto;
        display: block;
    }
    .footer-logo {
        float: none;
        margin-top: 30px;
    }
    .footer-logo-text {
        float: none;
        margin-top: 10px;
    }
    .footer-logo-ibulb {
        float: none;
        display: inline-block;
    }
}

/* CARET */
.caret {
    display: none;
}

@media screen and (max-width: 767px) {
    .caret-area {
        position: relative;
        top: -5px;
        z-index: 99;
        display: inline;
        padding: 10px;
        margin-top: -10px;
        float: right;
    }
    
    .caret {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 10px dashed;
        border-top: 10px solid\9;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
    }
    .dropdown-menu {
        float: none;
        position: relative;
        box-shadow: none;
    }
    
}