/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

/* Geen powered by cookiebot logo */
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none;
}
div#CybotCookiebotDialogHeader{
	display: none;
}

/* Geen powered by cookiebot */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none;
}


@font-face {
  font-family: 'Elusive-Icons';
  src: url('../fonts/elusiveicons-webfont.eot?v=2.0.0');
  src: url('../fonts/elusiveicons-webfont.eot?#iefix&v=2.0.0') format('embedded-opentype'), url('../fonts/elusiveicons-webfont.woff?v=2.0.0') format('woff'), url('../fonts/elusiveicons-webfont.ttf?v=2.0.0') format('truetype'), url('../fonts/elusiveicons-webfont.svg?v=2.0.0#elusiveiconsregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* agenda pagina styling */

.simcal-default-calendar-grid .simcal-day {
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}

.simcal-default-calendar-grid .simcal-day:last-child {
  border-right: 1px solid #e5e5e5;
}

.simcal-default-calendar-grid tr:last-child .simcal-day {
  border-bottom: 1px solid #e5e5e5;
}

/* styling ouderportaal profiel */


.page .tml-profile input, .page .tml-profile label {
display: inline-block;
}

.page-id-530 .x-main > article:first-child {
display: block;
}

.page-id-530 .x-main > article {
display: none;
}

.page-id-530 #your-profile .tml-user-admin-bar-front-wrap, 
.page-id-530 #your-profile .tml-user-email-wrap, 
.page-id-530 #your-profile .tml-user-url-wrap, 
.page-id-530 #your-profile .tml-user-contact-method-facebook-wrap, 
.page-id-530 #your-profile .tml-user-contact-method-twitter-wrap, 
.page-id-530 #your-profile .tml-user-contact-method-googleplus-wrap, 
.page-id-530 #your-profile .tml-user-description-wrap,
.page-id-530 #your-profile > h3
 {
   display: none;
}

/* OVERAL*/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
margin-top: 0;
}

/* HEADER */

/*Logo header left*/

.x-logobar {
text-align: left;
}

/* menubalk */



.x-navbar .desktop .x-nav > li > a:hover > span, 
.x-navbar .desktop .x-nav > li.x-active > a > span, 
.x-navbar .desktop .x-nav > li.current-menu-item > a > span {
    border: none;
    box-shadow: none;
}

.x-navbar-inner {
    min-height: 55px;
}

/* topbar */

.x-topbar .x-social-global {
    float: left;
}

.x-topbar .x-social-global a {
    font-size: 30px;
    color: #b1b1b2 !important;
}

.x-topbar .x-social-global a:hover {
    color: #e71500 !important;
    background-color: transparent;
}

.x-topbar .p-info {
    float: right;
}

.x-topbar .fa {
    font-size: 14px;
    color: #e71500;
}

/*submenu */

.x-navbar .desktop .sub-menu {
    background-color: #fff !important;
    -webkit-box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.3);
    box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.3);
    padding: 0;
}

.x-navbar .desktop .sub-menu a, .x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a {
	color: #000000 !important;
	padding: 0.5em 20px !important;
}

.x-navbar .desktop .sub-menu a:hover {
  color: #ffffff !important;
  background-color: #e41a0f;
}

.masthead-stacked .x-navbar .desktop .sub-menu .sub-menu {
    top: 0;
    left: calc(100%);
}

/* SIDEBAR */

.x-sidebar .widget {
  padding: 25px;
  background-color: #f4f4f4;
  margin-top: 20px;
}

  .h-widget {
    color: #2DA9E1;
    font-family: "roboto slab";
  }
  
#text-13 > h4.h-widget{
	color: #4fb480;
}

.x-sidebar .simcal-nav h3{
	color: #4fb480;
}

@media screen and (min-width: 980px){
.x-sidebar {
margin-top: -80px;
} }

/* agenda widget */

.simcal-calendar .simcal-align-right {
display: none;
}

.x-sidebar .simcal-nav h3 {
font-size: 114.2%;
text-transform: uppercase;
font-weight: 300 !important;
    letter-spacing: 2px;
}

.x-sidebar .simcal-calendar .simcal-week-day {
text-transform: uppercase;
}

.x-sidebar .simcal-month {
background-color: #fff;
}

.x-sidebar .simcal-default-calendar-grid .simcal-no-events, .x-sidebar .simcal-default-calendar-grid .simcal-day-has-events, .x-sidebar .simcal-default-calendar-grid .simcal-day-has-events > div, .x-sidebar .simcal-default-calendar-grid .simcal-no-events > div, .x-sidebar .simcal-default-calendar-grid .simcal-events-dots {
    min-height: 5px !important;
}

.x-sidebar .simcal-default-calendar-grid.simcal-default-calendar-light .simcal-day-number {
background-color: #f5f5f5;
}

.x-sidebar .simcal-default-calendar-grid .simcal-day {
border: 1px solid #e6e6e6;
margin: 0;
padding: 0;
}

.simcal-event-bubble .simcal-event-details .simcal-event-description, .simcal-event-bubble .simcal-event-details p, ul.simcal-events {
margin: 0 !important;
}

/* FOOTER */

.x-colophon.top {
  background-color: #4fb681;
  font-weight: 300;
  font-size:0.8em;
  font-family: "roboto" ,sans-serif;
}

.x-colophon.top p {
color: #ffffff;
}


.x-colophon.top a {
color: #ffffff;
text-decoration: underline;
}

.x-colophon.top a:hover {
  opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.x-colophon.top .fa {
    color: #ffffff;
    font-size: 40px;
    margin-left: 15px;
}

.x-colophon.top .x-column.last {
text-align: left;
}

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

 
 .x-colophon.top .x-column.last {
 text-align: left;
 margin-top: 50px;
 }
 
 .x-colophon.top .fa {
 margin-left: 0;
 margin-right: 15px;
 }
 }
 
 /* Footer widgets */
 
 .button, [type="submit"] {
    border-radius: 0;

/* vervolgpagina broodkruimels en titel */

.x-landmark, .x-breadcrumbs-wrap {
    display: block;
    width: 100% !important;
}

.x-breadcrumbs {
    text-align: left!important;
}

.x-breadcrumbs-wrap {
    text-align: left;
    padding-left: 40px;
    height: 40px;
}

.x-header-landmark {
    border: 0px;
    padding: 40px 0;
  font-size: 20px;
}

.x-header-landmark .h-landmark {
   font-weight: 700;
  letter-spacing: 0;
}

/* vervolgpagina content */

.x-container.offset {
  margin-top: 0;
}


/* MOBIEL */

/* MENU MOBIEL SCROLLEN 

@media screen and (max-width: 900px){
.x-navbar-fixed-top {
   position: relative !important;
}  

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

  .x-logobar{  
    margin-left: 10px;
    width: 95%;  
}
  
  .x-colophon.top {
    padding-left: 10px;
    padding-right: 10px;
} 

#slogan {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
  
  #designedby{
    
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
  }*/
  
  @media screen and (max-width: 900px) {
  #slogan {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
  }
  
  .x-navbar .x-nav-wrap.mobile li .sub-menu {
    background-color: none !important;
}

.x-navbar .x-nav-wrap.mobile li .sub-menu a {
	color: #ffffff;
}
  
.x-navbar .mobile .x-nav li > a {
border: 1px solid #ffffff;
}


/* mobiele website afstanden */
@media screen and (max-width: 767px) {
.home .x-section, .page-template-default .entry-content, .x-topbar, .x-logobar-inner,  .single-post .entry-wrap {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  
  .home .x-section.map {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .x-topbar .x-social-global {
    margin-bottom: 0;
    text-align: left;
    width: 110px;
}
.x-colophon.top .x-column .widget:first-child {
margin-top: 0;
}
.x-colophon.top {
    padding-left: 25px !important;
    padding-right: 25px !important;
    padding-bottom: 0 !important;
}
}

@media screen and (max-width: 467px) { 
.x-topbar .x-social-global {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.x-topbar .p-info {
float: none;
}
}

/* HOMEPAGINA */

.home .x-recent-posts .x-recent-posts-date { 
  display: none;
}

.home .blokken .h-recent-posts, .home .blokken p {
  font-size: 14px;
  color: #565655;
  font-size: 400 !important;
}

.home .blokken .h-recent-posts:hover {
  color: #e4190f;
}

.home .blokken p {
  margin: -5px 0 23px 0;
}

.home .blokken .x-recent-posts-content, .home .blokken .h-recent-posts {
  margin: 0;
  padding: 0;
}

.home .x-recent-posts a {
  background-color: transparent;
  border:0;
  margin:0 -10px;
  margin-bottom: 5px !important;
}

.home .blokken .h-recent-posts::before {
  content:"• ";
   display: inline-block;
  margin-right: 7px;
  margin-bottom: 3px;
  margin-left: 5px;
}

.home .blokken .x-column:first-child .x-btn {
  background-color: #e4140e;
  border-color: #e4140e;
}

.home .blokken .x-column:nth-child(2) .x-btn {
  background-color: #f39100;
  border-color: #f39100;
}

.home .blokken .x-column:last-child .x-btn {
  background-color: #f8c612;
  border-color: #f8c612;
}

.home .blokken .x-column .x-btn:hover {
  opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.home .tekst .x-btn {
  display: inline-block;
  margin-right: 20px;
}

.home .map .x-map {
  margin: 0;
}

/* NIEUWS */

.x-iso-container-posts > .hentry .entry-wrap {
-webkit-box-shadow: 0 0 8px 0 rgba(1,1,1,0.3);
box-shadow: 0 0 8px 0 rgba(1,1,1,0.3);
border: 0px;
}

.x-navbar .desktop .x-nav > li > a:hover > span, .x-navbar .desktop .x-nav > li.x-active > a > span, .x-navbar .desktop .x-nav > li.current-menu-item > a > span {
    box-shadow: none !important;
}

.blog .entry-title::before {
content: none;
}

.blog .entry-title a {
text-transform: none;
font-weight: 700;
}

.more-link {
text-decoration: none;
}

.single-post .entry-featured {
max-height: 580px;
}

.entry-thumb img {
    min-width: 100%;
    transition: opacity 0.75s ease 0s;
    width: auto;
}

/* FOTOALBUM */

/*  Menu boven portfolio pagina's 

[data-x-icon], [class*="x-icon-"] {
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    text-rendering: auto;
}

.x-icon-plus::before {
    content: "Selecteer categorie";
}

.x-portfolio-filters {
    font-size: 14px;
    height: 29px;
    letter-spacing: 0;
    line-height: 29px;
    padding: 0 15px;
    text-transform: none;
    width: auto;
}*/

/* Beeld boven portfolio opschuiven 

.single-x-portfolio .entry-featured {
    margin: 30px 0 0;
}*/

/* GROEPENPAGINA */

.groepwelkom .with-image {
border: 1px solid #f4f4f4;
padding: 0;
pointer-events: none;
cursor: default;
}

.groepwelkom .with-image .x-recent-posts-content, .groepwelkom .x-text .title, .groepwelkom .x-text .excerpt-dash {
display: none;
}

.x-portfolio .entry-info {
    width: 100% !important;
  }

/* inloggen knop 

.x-btn-widgetbar {
  height: 46px;
  width: 140px;
  position: absolute;
  border: none;
  padding-top: 16px;
  text-align: center;
  color: #fff;
  transition: all .2s ease-in-out;
}

.x-btn-widgetbar::after { 
    content: "Inloggen voor ouders";
}*/

/* styling ouderportaal 

.widget_ouderportaal_login_widget h2 {
  text-transform: none;
  font-size: 18px;
  color: #727272;
  margin-bottom: 6px;
  padding-top: 5px;
}

.page .tml-profile input, .page .tml-profile label {
display: inline-block;
}

.logged-in .x-btn-widgetbar {
  display: none;
}

.logged-in .x-topbar .p-info {
  margin-right: 5px;
}

#loginform p {
  margin-bottom: 10px;
}

#loginform .button {
  padding: 5px 25px !important;
text-shadow: none !important;
font-size: 13px;
}*/


/* weergave featured image op index en op berichtenpag */

.entry-featured {
    padding: 0px;
    margin: 25px -24px;
}

.single-post .entry-featured {
    max-height: 580px;
    margin: 20px 0;
}

.x-landmark {
    max-width: 70% !important;
  }