/*! ******************************************************
*
*	Theme Name:     Toolset Starter Child
*   Author:         OnTheGoSystems
*   Author URI:     http://www.onthegosystems.com/
*   Description:    Simple, clear and modern Bootstrap 3-based theme. Perfect base for developing all kinds of responsive sites with Toolsets, including the Layouts plugin (no extra integration needed, you activate Layouts and the drag and drop facilities work out of the box). Uses WordPress theme customizer and supports Font Awesome Icons. Supports WooCommerce integration by styles unification.
*   Version:        1.1
*   License:        GNU General Public License v2 or later
*   License URI:    http://www.gnu.org/licenses/gpl-2.0.html
*   Template:       toolset-starter
*
*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/* KLEUREN */
/*
Primair
groen #86A92F
rood #C60450
Secundair
blauw #00A4C8 #00A4C8
grijs #dadada
*/

/* FONTS */
/*
font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'Roboto', sans-serif;
*/

/* MYRFRIDA */

@font-face {
    font-family: 'myfridaregular';
    src: url('myfride_regular-webfont.woff2') format('woff2'),
         url('myfride_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'myfridaitalic';
    src: url('myfride_regular-italic-webfont.woff2') format('woff2'),
         url('myfride_regular-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'myfridabold';
    src: url('myfrida_bold-webfont.woff2') format('woff2'),
         url('myfrida_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'myfridabold_italic';
    src: url('myfrida_bold-italic-webfont.woff2') format('woff2'),
         url('myfrida_bold-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.post-meta { display: none; }

/* LEERKRACHTEN */
.box {
   display: flex;
   align-items:center;
}

img.foto-leerkrachten
{
	vertical-align: middle;
	width: 200px !important;
	height: 200px !important;
	border-radius: 100px;
	margin: 15px 20px 30px 0px;
}
.functie
{
	font-family: 'myfridaregular';
	color: #C60450;
	font-weight: normal;
	/*text-transform: uppercase;*/
	font-size: 22px;
	
}
.naam
{
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #86A92F;
	font-weight: normal;
	font-size: 18px;
	margin-left: 15px;
}
.citaat
{
	font-family: 'myfridaregular';
	color: #86A92F;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 18px;
	
}
.locatie
{
	margin-top: 30px;
	margin-bottom: 20px;
	color: #FFF;
	font-family: 'myfridabold', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	background-color: #86A92F;
	border-radius: 8px;
	display: block;
	padding: 5px 5px 5px 15px;
	font-size: 24px;
} 

p.subtitel
{
	color: #C60450;
	font-family: 'myfridaregular', Arial, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 20px;
}





/*ACTIVITEITEN LIJST*/
#activiteiten h2 a
{
    color: #C60450;
    font-family: 'myfridaregular', Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}
#activiteiten h2 span {
    color: #86A92F;
    font-family: 'myfridaregular', Arial, sans-serif;
    font-weight: 400;
    text-transform: lowercase;
    font-size: 22px;
    padding-left: 15px;
}
.activiteitafbeelding
{
	border-radius: 8px;
	margin-bottom: 25px;
	margin-top: 15px;
}
#activiteiten p{margin-bottom: 15px;}

#activiteiten .btn-primary { margin-bottom: 35px; }

/* TABEL MAANDMENU */

#maandmenu .table { background-color: #C60450;border-radius: 8px;border-spacing: 10px;
    border-collapse: separate;border-top: 0px solid #ddd; }
#maandmenu td { background-color: #dadada;border-radius: 8px;border-top: 0px solid #ddd !important; }
#maandmenu th
{
	font-family: 'myfridaregular';
	color: #FFF;
	font-size: 24px;
	font-weight: normal;
}
#maandmenu th .periode{ color: #86A92F;font-size: 16px; }
#maandmenu .dag { font-family: 'myfridaregular';color: #86A92F; }
#maandmenu ul
{
	margin:0px;padding:0px;
}
#maandmenu ul li
{
	list-style-type: none;
	list-style-position: default;
}

.table > thead > tr > th, .product-list-table > thead > tr > th, .table > thead > tr > td, .product-list-table > thead > tr > td, .table > tbody > tr > th, .product-list-table > tbody > tr > th, .table > tbody > tr > td, .product-list-table > tbody > tr > td, .table > tfoot > tr > th, .product-list-table > tfoot > tr > th, .table > tfoot > tr > td, .product-list-table > tfoot > tr > td {
    padding: 15px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 0px solid #ddd;
}

/* ARTICLE HOME */

.home article
{
	background-color: #dadada;
/*
	border-spacing: 10px;
	border-collapse: separate;
*/
	padding: 15px;
	border-radius:8px;
}

/*BUTTONS*/
.btn-primary
{
	background-color: #86A92F !important;
	border-color: #86A92F !important;
	border-radius: 4px;
	font-family: 'myfridaregular';
	font-weight: normal;
}
.btn-info {
    background-color: #C60450 !important;
    border-color: #C60450 !important;
    border-radius:4px;
	font-family: 'myfridaregular';
	font-weight: normal;
}

/*SLIDERFOTOS*/
.home #sliderfotos img.attachment-full{border-radius:8px;}
.pagination-dots .active-dot a { background-color: #86A92F !important; }
.pagination-dots .active-dot a:hover { background-color: #86A92F !important; }
/*.pagination-dots .active-dot .wpv-filter-pagination-link { color: #86A92F !important; }*/

/* BASELINE */

#baseline
{
	font-family: 'myfridaregular';
	color: #86A92F;
	font-size: 26px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 30px;
	margin-bottom: 30px;
}
#baseline strong
{
	font-family: 'myfridabold';
	font-weight: normal;
	text-transform: uppercase;
}


/* HOMEBUTTON */

#homebutton
{
	height: 0px;
}

/*
.homebutton
{
	width: 370px;
	height: 130px;
	display: block;
	background-color: #CF3;
	margin: 0 auto 0 auto;
	position: absolute;
	top: -150px;
}
*/

/* FOOTER */
.main-footer {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 50px;
    background-color: #86A92F;
    border-top: 0px solid #ccc;
    font-size: .9em;
    color: #fff;
}

#text-4 > div:nth-child(1) { text-align: right; }
.wp-image-25 { display: block; margin-left: auto; margin-right: auto; width: 50%; max-width:153px;} 
.wp-image-27 { margin-right:15px;} 
.wp-image-26 .wp-image-26 { margin-bottom: 5px !important;} 
a[target="_blank"]:not(.notarget)::after { content: none !important; }


.bg-header-image
{
	/*background-image: url(../images/header.jpg);*/
	background-image: url(https://www.dewereldbrug.eu/wp-content/uploads/2018/08/header-logo_v3.png);
	background-repeat: no-repeat;
	background-size: 1140px 193px;
	background-position: center;
	margin-top: 15px;
	margin-bottom: 25px;
}
.full-bg.header-nav > .container > .row { height: 193px;} 

.wp-post-image {border-radius:8px;}

/* MENUS */
/*
.navbar-default ul > li:nth-child(1), nav ul > li:nth-child(2), nav ul > li:nth-child(4), nav ul > li:nth-child(5) { width: 15%; display: block; }
.navbar-default ul > li:nth-child(3) { width: 40%; display: block; }
*/



/* SINGLE */
.single-post h2 { 	color: #86A92F;
	font-family: 'myfridaregular', Arial, sans-serif;/*'M PLUS Rounded 1c'*/
	font-weight: 400;
	text-transform: lowercase;
	font-size: 22px;
	/*padding-left: 15px;*/
 }
.single-post h1.page-title { margin-top: 30px; margin-bottom: 50px;  color: #FFF; font-family: 'myfridabold', sans-serif; font-weight: normal; text-transform: uppercase; background-color: #00A4C8; border-radius: 8px; padding-top: 5px; padding-bottom: 5px; } /*'M PLUS Rounded 1c'*/
.category h1.page-title { margin-top: 30px; margin-bottom: 50px;  color: #FFF; font-family: 'myfridabold', sans-serif; font-weight: normal; text-transform: uppercase; background-color: #00A4C8; border-radius: 8px; padding-top: 5px; padding-bottom: 5px; } /*'M PLUS Rounded 1c'*/

.page-title { margin-top: 30px; margin-bottom: 50px;  color: #FFF; font-family: 'myfridabold', sans-serif; font-weight: normal; text-transform: uppercase; } /*'M PLUS Rounded 1c'*/
.page-title div { background-color: #00A4C8; border-radius: 8px; padding-top: 5px; padding-bottom: 5px; } 
.page-title::after{ content: none;display: block; height: 0px; width: 0px; margin: 0 auto; margin-top: 0px; margin-top: 0px; background: transparent; }

/* VESTINGEN */
.heading2-en-sub {color: #C60450;font-family: 'myfridaregular', Arial, sans-serif; font-weight: 400; }
.heading2-en-sub span
{
	color: #86A92F;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif !important;
	font-weight: 700;
	font-size: 18px;
}




article.post > h2 a{color: #C60450;font-family: 'myfridaregular', Arial, sans-serif; font-weight: 400; text-transform: uppercase;}
article.post > h2 span
{
	color: #86A92F;
	font-family: 'myfridaregular', Arial, sans-serif;/*'M PLUS Rounded 1c'*/
	font-weight: 400;
	text-transform: lowercase;
	font-size: 22px;
	padding-left: 15px;
}

article.post > p{/*font-family: 'Roboto', sans-serif;*/}

.post-content article
{
	background-color: #dadada;
	padding: 10px;
	border-radius: 4px;
}

article img{border-radius: 4px;}

.btn-primary{background-color: #00A4C8; border-color: #00A4C8;} 

.foto-leerkrachten{border-radius: 100px;}

/*TABLE*/
/*
.table td {border-top: 0px solid #ddd !important;}
.functie {color: #C60450;font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 400; text-transform: uppercase;}
.naam {color: #86A92F;}
.citaat {color: #86A92F;font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 400; text-transform: uppercase;}


*/

/* HEADINGS */

h2 {color: #C60450;font-family: 'myfridaregular', Arial, sans-serif; font-weight: 400; text-transform: uppercase;}
h3 {color: #C60450;font-family: 'myfridaregular', Arial, sans-serif; font-weight: 400; text-transform: uppercase;}


/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
ul#menu-menu-1.ddl-nav.ddl-navbar-nav.ddl-nav-horizontal { width: 100%; }
.navbar-default, body .ddl-navbar-default { background-color: transparent !important; width: 100%; }
#menu-item-44, #menu-item-42, #menu-item-49, #menu-item-113 { width: 15%; display: block; }
#menu-item-40 { width: 40%; display: block; }
#menu-item-40 a:hover { background-color: transparent; }
.ddl-nav-wrap .ddl-nav, .ddl-nav-extra .ddl-nav-wrap { width: 100%; }
.ddl-navbar-default .ddl-navbar-nav li a { text-align: center; padding: 22px 0px 22px 0px; }
.menu-item-has-children.ddl-dropdown ul.ddl-dropdown-menu .menu-item a { text-align: center; padding: 5px 0px 5px 0px !important; } 
.menu-item-has-children.ddl-dropdown ul.ddl-dropdown-menu .menu-item a:hover { text-align: center; padding: 5px 0px 5px 0px !important; background-color: #00A4C8; color:#fff; } 
.ddl-navbar-nav > .current-menu-item > a, .ddl-navbar-nav > .current-menu-item > a:focus { color: #fff; background-color: transparent !important; } 
.ddl-nav-wrap { margin-top: 0px !important;}
.navbar, body .ddl-navbar { margin-bottom: 52px; }
#menu-item-40 > a:nth-child(1) { color: transparent; }
.nav > li > a::after, body .ddl-nav > li > a::after { content: none; }

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
ul#menu-menu-1.ddl-nav.ddl-navbar-nav.ddl-nav-horizontal { width: 100%; }
.navbar-default, body .ddl-navbar-default { background-color: transparent !important; width: 100%; }
#menu-item-44, #menu-item-42, #menu-item-49, #menu-item-113 { width: 15%; display: block; }
#menu-item-40 { width: 40%; display: block; }
#menu-item-40 a:hover { background-color: transparent; }
.ddl-nav-wrap .ddl-nav, .ddl-nav-extra .ddl-nav-wrap { width: 100%; }
.ddl-navbar-default .ddl-navbar-nav li a { text-align: center; padding: 22px 0px 22px 0px; }
.menu-item-has-children.ddl-dropdown ul.ddl-dropdown-menu .menu-item a { text-align: center; padding: 5px 0px 5px 0px !important; } 
.menu-item-has-children.ddl-dropdown ul.ddl-dropdown-menu .menu-item a:hover { text-align: center; padding: 5px 0px 5px 0px !important; background-color: #00A4C8; color:#fff; } 
.ddl-navbar-nav > .current-menu-item > a, .ddl-navbar-nav > .current-menu-item > a:focus { color: #fff; background-color: transparent !important; } 
.ddl-nav-wrap { margin-top: 0px !important;}
.navbar, body .ddl-navbar { margin-bottom: 52px; }
#menu-item-40 > a:nth-child(1) { color: transparent; }
.nav > li > a::after, body .ddl-nav > li > a::after { content: none; }

    }

    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

    }