/*
CTC Separate Stylesheet
Updated: 2020-06-03 11:23:58
Theme Name: Zakra Child
Theme URI: https://zakratheme.com/
Template: zakra
Author: Beau
Description: Zakra is flexible, fast, lightweight and modern multipurpose theme that comes with many starter free sites (currently 10+ free starter sites and more will be added later) that you can use to make your site beautiful and professional. Check all the starter sites at https://zakratheme.com/demos. Suitable for personal blog, portfolio, WooCommerce stores, business websites and niche-based sites (like Cafe, Spa, Charity, Yoga, Wedding, Dentist, Education etc) as well. Works with Elementor plus other major page builders so you can create any layout you want. The theme is responsive, Gutenberg compatible, SEO friendly, translation ready and major WordPress plugins compatible.
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-logo,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,translation-ready,blog,news,e-commerce,rtl-language-support
Version: 1.4.3.1591183438
*/


/*===================================
			ALGEMEEN
=====================================*/

@font-face {
  font-family: 'Manrope';
  src: url('/wp-content/themes/zakra-child/Manrope-VariableFont_wght.ttf') format("truetype-variations");
  font-weight: 1 999;
}

body {
	overflow-x: hidden;
}

body, .widget, .tg-primary-menu > div ul li a {
    color: #22394c !important;
	font-family: 'Manrope' !important;
}

.tg-primary-menu a:hover {
    color: #f4a067 !important;
}

.tg-header-button-wrap a:hover {
	color: #22394c !important;
}

#masthead {
    position: sticky;
    top: 0;
	z-index: 99;
}

#masthead .site-branding {
    width: 175px;
}

h1, h2, h3, h4, h5,
#multi-step-form p.fw-step-summary-title {
	color: #22394C !important;
}

.align-center {
	text-align: center;
}

.shadow-box {
    -webkit-box-shadow: 0px 0px 10px 0 rgba(0,0,0,.08);
    -moz-box-shadow: 0px 0px 10px 0 rgba(0,0,0,.08);
    box-shadow: 0px 0px 10px 0 rgba(0,0,0,.08);
    padding: 30px;
	height: 100%;
}

.same-height .widget {
    height: 100%;
}

.same-height .widget_custom_html {
	height: auto;
}

.white-font .textwidget p, 
.white-font .textwidget h1, 
.white-font .textwidget h2,
.white-font .textwidget h3,
.white-font .textwidget h4,
.white-font .textwidget h5 {
	color: #ffffff !important;
}

.round-border,
.round-border img {
	border-radius: 10px;
}

.fill-photo-container .widget_sow-image,
.fill-photo,
.fill-photo div {
	height: 100%;
}

.fill-photo img {
	height: 100% !important;
    object-fit: cover;
}

.label,
.tg-read-more {
    background: #C8E5C6;
    padding: 2px 10px;
    font-size: 10px;
    text-transform: uppercase;
	border-radius: 3px;
    width: auto;
    display: inline-block;
    box-sizing: unset;
    letter-spacing: .5px;
	margin-right: 5px;
}

p.padding-off {
	margin-bottom: 0;
}

.list-items ul {
    margin-top: 30px;
}

.list-items li {
    border-bottom: none !important;
    padding-left: 25px;
    background: url(/wp-content/uploads/2020/06/checkmark.png) no-repeat 0 48% / auto 50%;
}


/*===================================
			FOOTER
=====================================*/

.tg-site-footer-widgets {
    background-color: #22394c;
}

.tg-site-footer-widgets h1,
.tg-site-footer-widgets h2,
.tg-site-footer-widgets h3,
.tg-site-footer-widgets p,
.tg-site-footer-widgets a {
    color: #ffffff !important;
}

.tg-site-footer .tg-site-footer-bar {
	font-size: 12px;
	font-weight: 300;
}

.tg-footer-widget-area section {
    width: 25% !important;
    float: left;
	margin-bottom: 10px;
	font-size: 14px;
}


/*===================================
			KNOPPEN
=====================================*/

.ow-button-base a,
.tg-header-button-wrap a {
    /*box-shadow: 6px 6px 0 0 #f4a067;*/
    /*border: 2px solid #22394C !important;*/
    background: transparent !important;
	position: relative;
	z-index: 1;
	border: none !important;
	color: #22394C !important;
}

.ow-button-base a::after,
.tg-header-button-wrap a::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    transform: skewX(0deg);
    transition: all 0.35s ease-in-out;
    z-index: -1;
    background-color: #C8E5C6;
    border-radius: 3px;
    top: 5px;
    left: 5px;
}

.btn-orange .ow-button-base a::after,
.tg-header-button-wrap a::after {
	background-color: #f4a067;
}

.btn-white .ow-button-base a::after {
	background-color: #ffffff;
}


.ow-button-base a::before,
.tg-header-button-wrap a::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    transform: skewX(0deg);
    transition: all 0.35s ease-in-out;
    z-index: 1;
    border: 2px solid #22394C !important;
    border-radius: 3px;
    top: 0px;
    left: 0px;
}

.ow-button-base a:hover,
.tg-header-button-wrap a:hover {
    box-shadow: 0 0 0 0;
    transform: translate(5px,5px);
}

.ow-button-base a:hover::after,
.tg-header-button-wrap a:hover::after {
    top: 0px;
    left: 0px;
}





/*===================================
			LOGO SLIDER
=====================================*/

#wpls-logo-showcase-slider-1 > button.slick-prev.slick-arrow,
#wpls-logo-showcase-slider-1 > button.slick-next.slick-arrow,
#wpls-logo-showcase-slider-1 > ul {
	display: none !important;
}


/*===================================
		SUBSCIPTION TYPES
=====================================*/

h2.subscription {
    background: #22394c;
    color: #ffffff !important;
    border-radius: 100%;
    text-align: center;
    height: 124px;
    font-size: 18px;
    margin-top: -92px;
    margin-left: calc(50% - 62px);
    width: 124px;
    padding-top: 51px;
}

.subscription-focus h2.subscription {
    font-size: 24px;
    width: 150px;
    height: 150px;
    margin-top: -105px;
    margin-left: calc(50% - 75px);
    padding-top: 58px;
}

.subscription-focus .list-items li {
	font-size: 17px;
	padding-left: 30px;
}

.shadow-box.subscription-focus {
    -webkit-box-shadow: 0px 0px 15px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0px 0px 15px 0 rgba(0,0,0,.2);
    box-shadow: 0px 0px 15px 0 rgba(0,0,0,.2);
    padding: 30px;
}


/*===================================
			VORM ELEMENTEN
=====================================*/

.element-container,
.element-container .widget {
	position: relative;
}

.widget_custom_html {
    margin-bottom: 0 !important;
}

#home-statics .round-blue {
	position: absolute;
	background-image: url(/wp-content/uploads/2020/06/round-blue.png);
    content: '';
    top: -30px;
    right: -40px;
    width: 130px;
    background-size: contain;
    height: 130px;
    background-repeat: no-repeat;
}

#home-statics .bar-green {
	position: absolute;
	background-image: url(/wp-content/uploads/2020/06/bar-green.png);
    content: '';
    bottom: -20px;
    right: -40px;
    width: 160px;
    background-size: contain;
    height: 80px;
    background-repeat: no-repeat;
}

#core-values .leaf-blue {
	position: absolute;
	background-image: url(/wp-content/uploads/2020/06/leaf-blue.png);
    content: '';
    top: -35px;
    right: -40px;
    width: 190px;
    background-size: contain;
    height: 110px;
    background-repeat: no-repeat;
}




/*===================================
			MULTI STEP FORM
=====================================*/

span.fw-txt-ellipsis {
    font-size: 14px;
    font-weight: 500;
}

#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step:before {
    font-size: 20px !important;
    height: 45px !important;
    line-height: 41px !important;
    top: -10px !important;
    left: 0px;
    width: 45px !important;
}

#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step:after {
    display: none;
}

#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step .fw-txt-ellipsis[data-title]:hover:before,
#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step .fw-txt-ellipsis[data-title]:hover:after {
	display: none;
}

.widget ul.fw-progress-bar li {
	border-bottom: none !important;
}

#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step {
    margin: 20px 0 0 !important;
	padding: 0 0 0 60px !important;
	position: relative;
	width: calc(25% - 20px) !important;
}

#multi-step-form.fw-large-container .fw-progress-bar-container {
    margin-bottom: 30px !important;
    margin-top: 0 !important;
	width: 100% !important;
}

#multi-step-form .fw-wizard-step-header-container {
    margin-bottom: 0 !important;
    height: 0 !important;
}

.fw-step-block h3 {
    font-family: 'Manrope';
    font-weight: 400 !important;
    font-size: 14px !important;
}

#multi-step-form h3:after {
	font-size: 16px !important;
}

#multi-step-form .fw-step-block {
    margin-bottom: 25px !important;
}

#multi-step-form .fw-wizard-buttons {
    margin-top: 0 !important;
}

.fw-alert-user {
	display: none !important;
}

#multi-step-form .fw-wizard-buttons button, #multi-step-form .fw-wizard-buttons .fw-btn {
	color: #22394C !important;
	text-transform: none !important;
}

#multi-step-form .fw-step-block input, #multi-step-form .fw-step-block textarea,
#multi-step-form .fw-text-input, #multi-step-form .fw-text-input[type="text"], #multi-step-form input.msfp-registration-input {
	width: 50% !important;
	max-width: 50% !important;
}

#multi-step-form [data-type=fw-radio] label, #multi-step-form [data-type=fw-checkbox] label {
    font-size: 14px !important;
    line-height: 20px !important;
}

#multi-step-form [data-type=fw-checkbox] label:before {
	width: 20px !important;
	height: 20px !important;
}

#multi-step-form .fw-step-part {
	margin: 0 !important;
}

#multi-step-form .fw-btn-submit {
	margin-top: 10px !important;
}

#multi-step-form .fw-btn-submit, #multi-step-form .fw-toggle-summary {
	width: auto !important;
	padding: 10px 20px !important;
	text-transform: none !important;
}

#multi-step-form div.fw-step-summary-field {
	border-left: none !important;
    background-color: transparent !important;
}

#multi-step-form div.fw-step-summary-field-title {
    padding: 0 0 0 3px !important;
    border-bottom: none !important;
}

#multi-step-form .fw-btn-submit {
    background: #f4a067 !important;
    color: #22394C !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: .6px !important;
}

.tg-page-header {
    padding: 5px 0 0;
}

.site-branding .custom-logo-link {
    margin-right: 0px !important;
}


/*===================================
		ACCORDION STYLE 1
=====================================*/

.lsow-accordion.style1 .lsow-panel {
    margin: 15px 0 0;
    background: #ffffff;
    border-radius: 0px;
    box-shadow: 0px 0px 10px 0 rgba(0,0,0,.08);
}

.lsow-accordion.style1 .lsow-panel .lsow-panel-title {
    font-size: 16px;
    font-weight: 600;
    color: #22394c;
}

.lsow-accordion.style1 .lsow-panel .lsow-panel-content {
    background: #ffffff;
    padding: 30px 30px 10px;
}

.lsow-accordion.style1 .lsow-panel.lsow-active .lsow-panel-title {
    color: #22394c;
    background: #efefef;
}

.lsow-accordion.style1 .lsow-panel:hover .lsow-panel-title {
    background: #efefef;
}


/*===================================
		PROGRAMS CONTENT
=====================================*/

.content-type {
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 20px;
}

.content-type img,
.time-complete img {
    margin-right: 5px;
}

.time-complete {
    display: inline-block;
    margin-bottom: 20px;
    opacity: .5;
}


/*===================================
				BLOG
=====================================*/

.zakra-article {
    width: calc(45% - 10px);
    margin: 0 20px 20px;
    float: left;
	min-height: 620px;
}

.site-content {
    margin-top: 0px;
    margin-bottom: 0px;
}

.post .panel-grid {
	position: relative;
}

.meta-blog {
    position: absolute;
    top: 0;
    left: 0;
}

.zakra-single-article .entry-meta {
    margin: 0;
}

.zakra-article .entry-title {
	font-size: 26px;
}

.zakra-article .entry-content {
	text-align: justify;
}

.zakra-single-article .widget-title {
	font-size: 26px !important;
}


.zakra-single-article h2 {
	font-size: 22px !important;
}

.tg-read-more:hover {
    color: #ffffff !important;
    background: #22394c;
}

.tg-meta-style-two .entry-meta a:hover {
    color: #abb2ee;
	cursor: default;
}

.size-post-thumbnail {
    height: 200px;
    object-fit: cover;
}

.tg-site-sidebar {
    padding-top: 40px;
}

.overview-blog {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 10px;
    padding: 6px 0;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.widget ul li {
    border-bottom: none;
}

.tg-site-sidebar a {
    color: #22394C;
    padding: 0 0 5px 10px !important;
    font-size: 14px;
}

.current-cat a {
    color: #f4a067;
}

#cookie-notice .cn-button {
    color: #22394c;
    background: #C8E5C6;
}

#cn-more-info {
    color: #ffffff;
}

#cn-more-info:hover {
    color: #b5c3e5;
}


/*===================================
			PRIVACY & TERMS
=====================================*/

.narrower-page {
    width: 760px;
    margin: 0 auto;
	position: relative;
}