/* Custom Stylesheet for Gitta van der Sluis */
/* Sijmen Cozijnsen @Bladgoud webdesign | sijmen@bladgoud.biz */

/************/
/* general */
/************/
.builder .custom ul {
  list-style: none;
}

/* fix for slider */
.builder .custom .gs-opdrachtgevers div.wk-slider-container ul.wk-slider li::before {
	content: " " !important;
  display:none;
}

.builder .custom li::before {
  content: "\2022"; 
  color: #9ac522;
  display: inline-block; width: 1em;
  margin-left: -1em;
}

a.uk-button.uk-button-primary.uk-align-right.gvds-transform-normal {
  text-transform: inherit!important;
}

/************/
/* Template */
/************/
nav.uk-navbar div.uk-navbar-right div.uk-navbar-item div.custom ul li {
  padding-left: 20px;
}

.gs-footer-top {
  font-size: .9em;
}

.gs-footer-bottom {
   	background-color:#112836;
	font-size: .6em;
    padding: 5px 0!important;
}

.gs-footer-copyright {
  color: #1e4b64;
}
.gs-footer-copyright, .gs-footer-privacy {
	display: inline-block;
    margin-right: 20px;
}

.gs-footer-privacy {
	
}

div.uk-section-muted.uk-section {
  background-image: url("")!important;
}

.gvds-quote-left {
    position: relative;
    height: 0px;
    width: 66px;
    left: -76px;
    top: 16px;
}

.gvds-quote blockquote {
  margin-top: 10px;
  padding-left: 0 !important;
}

/* Icon buttons */
a.uk-icon-button.uk-icon svg {
	width: 26px;
	height: 26px;  
}

/* Toggle menu */
div.uk-navbar-toggle-icon svg {
    transform: scale(2,2.5);

}
button.uk-offcanvas-close svg  {
    transform: scale(1.5,1.5);
  color: #b5dd2b;
}
button.uk-offcanvas-close svg line {
  stroke-width: 3px;
}

.uk-offcanvas li a {
  border-bottom: 2px solid #f6fbe7;
}

.uk-offcanvas li a:hover {
  border-bottom: 2px solid #b5dd2b;
}

p.lead {
	font-size: 24px;
	line-height: 1.65;
	font-family: "Trebuchet MS",Verdana,sans-serif;
	font-weight: 700;
}

h3.gvds-resultaat {
  font-size: 22px;
  line-height: 1.4;
  color: #b5dd2c;
  font-family: Courier;
  font-weight: 600;
  letter-spacing: 1px;
}

#tm-mobile .uk-modal-dialog {
  background-color: #f0f9d4;
}
/* Hide Werkwijze Template Row */
body.gvds-over-gitta #module-95 > div:nth-child(1),
body.gvds-werkwijze #module-95 > div:nth-child(1),
body.gvds-privacyverklaring #module-95 > div:nth-child(1),
body.gvds-contact #module-95 > div:nth-child(1) {
  display: none;
}

/* Hide Opdrachtgevers Template Row */
[class*="coaching"] #module-95 > div:nth-child(2),
body.gvds-privacyverklaring #module-95 > div:nth-child(2){
  display: none;
}

/************/
/* Content */
/************/
/* Homepage */
.gvds-homepage .gvds-intro {

}

/* Icon menu */
.gs-iconmenu ul li div.wk-panel{
    max-width: 172px;
}

.gs-iconmenu h3.wk-h5 {
	min-height: 54px;
}

/* Icon menu - hide on subpages*/
.gvds-ontwikkelingsgerichte-coaching ul.wk-slideset li.wk-active:nth-child(1) { display: none !important; }
.gvds-loopbaangerichte-coaching ul.wk-slideset li.wk-active:nth-child(2) { display: none !important; }
.gvds-re-integratie-coaching ul.wk-slideset li.wk-active:nth-child(3) { display: none !important; } 
.gvds-preventieve-coaching ul.wk-slideset li.wk-active:nth-child(4) { display: none !important; } 
.gvds-werkstress-coaching ul.wk-slideset li.wk-active:nth-child(5) { display: none !important; } 

li.wk-active:nth-child(1) > div:nth-child(1) > h3:nth-child(2) > a:nth-child(1) {
  display: inline-block;
  width: 200px;
  position: relative;
  width: 200px;
  left: -22px;
  text-align: center;
}

.gvds-mobile-icon-menu {
  max-width: 360px;
  margin: auto; 
}

.gvds-mobile-icon-menu .wk-heading-large {
    font-size: 28px;
    line-height: 42px;
}


/* Opdrachtgevers slider */

.gs-opdrachtgevers {

} 

.gs-opdrachtgevers .wk-slider-container {

}

.wk-slidenav {
  color: #B5DD2C !important;
}


.wk-slidenav-position .wk-slidenav-previous {
  left: -120px !important;
  padding-right: 150px;
}
.wk-slidenav-position .wk-slidenav-next {
  right: -120px !important;
  padding-left: 150px;
}

.wk-slidenav:focus, .wk-slidenav:hover {
  color: #1E4C64 !important;
}

.gs-opdrachtgevers .wk-cover-background {
	background-size: contain;
}

div.wk-slidenav-position.gs-opdrachtgevers div.wk-overlay-panel.wk-overlay-background.wk-overlay-fade {
	background-color: rgba(240,249,212,1);
	border-radius: 500px;
	height: 80px;
	position: relative;
	top: 20px;
}

div.wk-slidenav-position.gs-opdrachtgevers h3.wk-h4 {
  	color: #1e4b64;
}

/*****************/
/* Media Queries */
/*****************/
/* Small Screen 800 */
@media only screen and (max-width: 800px) {
    /* positioning header image */
  .gvds-homepage .uk-slideshow-items .uk-cover,
  .gvds-werkwijze .uk-slideshow-items .uk-cover {
    left: 30%;
  }
  .uk-slideshow-items .uk-cover {
    left: 100%;
  }
  
  .continue .wk-slider * { pointer-events: none; }
}

/* Tablet landscape */


/* Tablet portrait */
@media only screen and (max-width: 768px) {
  /* positioning header image */
  .gvds-homepage .uk-slideshow-items .uk-cover,
  .gvds-over-gitta .uk-slideshow-items .uk-cover,
  .gvds-werkwijze .uk-slideshow-items .uk-cover {
    left: 20%;
  }
}

/* Phone landscape */
@media only screen and (max-width: 667px) {  
  
  html { font-size: 19px; }
  p.lead { font-size: 20px }
  
  /* title in headers */
    div.el-overlay.uk-panel h2 {
    font-size: 1.2em !important;
    background-color: rgb(181, 221, 44,0.5);
    display: inline;
	padding: 4px;
  }
  
  .gvds-homepage div.el-overlay.uk-panel h2,
  .gvds-over-gitta div.el-overlay.uk-panel h2 {
    max-width: 200px !important;
    display: block;
  }
    /* No line between content */
    .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
    border: none;
  }
}

/* Phone portrait */
@media only screen and (max-width: 360px) {
    /* positioning header image */
  .gvds-homepage .uk-slideshow-items .uk-cover,
  .gvds-over-gitta .uk-slideshow-items .uk-cover,
  .gvds-werkwijze .uk-slideshow-items .uk-cover {
    left: 10%;
  }
  
  .gvds-mobile-icon-menu .wk-heading-large {
    font-size: 24px;
    line-height: 36px;
   }

 }