/*

Theme Name: KZGW Nieuw
Text Domain: kzgw

*/

ul {
    padding: 0;
    margin: 0;
}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/themes/kzgw/dist/fonts/OpenSans/open-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/kzgw/dist/fonts/OpenSans/open-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/kzgw/dist/fonts/OpenSans/open-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/kzgw/dist/fonts/OpenSans/open-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/kzgw/dist/fonts/OpenSans/open-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/kzgw/dist/fonts/OpenSans/open-sans-v18-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/kzgw/dist/fonts/OpenSans/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/kzgw/dist/fonts/OpenSans/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/kzgw/dist/fonts/OpenSans/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/kzgw/dist/fonts/OpenSans/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/kzgw/dist/fonts/OpenSans/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/kzgw/dist/fonts/OpenSans/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/kzgw/dist/fonts/OpenSans/open-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/kzgw/dist/fonts/OpenSans/open-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/kzgw/dist/fonts/OpenSans/open-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/kzgw/dist/fonts/OpenSans/open-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/kzgw/dist/fonts/OpenSans/open-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/kzgw/dist/fonts/OpenSans/open-sans-v18-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('/wp-content/themes/kzgw/dist/fonts/OpenSans/open-sans-v18-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/kzgw/dist/fonts/OpenSans/open-sans-v18-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/kzgw/dist/fonts/OpenSans/open-sans-v18-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/kzgw/dist/fonts/OpenSans/open-sans-v18-latin-800.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/kzgw/dist/fonts/OpenSans/open-sans-v18-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/kzgw/dist/fonts/OpenSans/open-sans-v18-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body {
    font-family: 'Open Sans';
}

.inner {
    margin: 0 auto;
    max-width: var(--doc-width);
    width: calc(100% - 60px);
}

.cols {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

:root {
    --doc-width: calc(100vw - 60px);
}

@media only screen and (min-width: 1440px) {
    :root {
        --doc-width: 1380px;
    }
}

    .col-lg-1 { width: calc(calc(var(--doc-width) - 330px) / 12); }
    .col-lg-2 { width: calc(calc(var(--doc-width) - 330px) / 12 * 2 + 30px); }
    .col-lg-3 { width: calc(calc(var(--doc-width) - 330px) / 12 * 3 + 60px); }
    .col-lg-4 { width: calc(calc(var(--doc-width) - 330px) / 12 * 4 + 90px); }
    .col-lg-5 { width: calc(calc(var(--doc-width) - 330px) / 12 * 5 + 120px); }
    .col-lg-6 { width: calc(calc(var(--doc-width) - 330px) / 12 * 6 + 150px); }
    .col-lg-7 { width: calc(calc(var(--doc-width) - 330px) / 12 * 7 + 180px); }
    .col-lg-8 { width: calc(calc(var(--doc-width) - 330px) / 12 * 8 + 210px); }
    .col-lg-9 { width: calc(calc(var(--doc-width) - 330px) / 12 * 9 + 240px); }
    .col-lg-10 { width: calc(calc(var(--doc-width) - 330px) / 12 * 10 + 270px); }
    .col-lg-11 { width: calc(calc(var(--doc-width) - 330px) / 12 * 11 + 300px); }
    .col-lg-12 { width: calc(calc(var(--doc-width) - 330px) / 12 * 12 + 330px); }
    .main-menu-button {
        display: none;
    }

@media only screen and (max-width: 1024px) {
    .col-md-1 { width: calc(calc(var(--doc-width) - 330px) / 12); }
    .col-md-2 { width: calc(calc(var(--doc-width) - 330px) / 12 * 2 + 30px); }
    .col-md-3 { width: calc(calc(var(--doc-width) - 330px) / 12 * 3 + 60px); }
    .col-md-4 { width: calc(calc(var(--doc-width) - 330px) / 12 * 4 + 90px); }
    .col-md-5 { width: calc(calc(var(--doc-width) - 330px) / 12 * 5 + 120px); }
    .col-md-6 { width: calc(calc(var(--doc-width) - 330px) / 12 * 6 + 150px); }
    .col-md-7 { width: calc(calc(var(--doc-width) - 330px) / 12 * 7 + 180px); }
    .col-md-8 { width: calc(calc(var(--doc-width) - 330px) / 12 * 8 + 210px); }
    .col-md-9 { width: calc(calc(var(--doc-width) - 330px) / 12 * 9 + 240px); }
    .col-md-10 { width: calc(calc(var(--doc-width) - 330px) / 12 * 10 + 270px); }
    .col-md-11 { width: calc(calc(var(--doc-width) - 330px) / 12 * 11 + 300px); }
    .col-md-12 { width: calc(calc(var(--doc-width) - 330px) / 12 * 12 + 330px); }
    .main-menu-button {
        display: block;
    }

}

@media only screen and (max-width: 640px) {
    .col-sm-1 { width: calc(calc(var(--doc-width) - 330px) / 12); }
    .col-sm-2 { width: calc(calc(var(--doc-width) - 330px) / 12 * 2 + 30px); }
    .col-sm-3 { width: calc(calc(var(--doc-width) - 330px) / 12 * 3 + 60px); }
    .col-sm-4 { width: calc(calc(var(--doc-width) - 330px) / 12 * 4 + 90px); }
    .col-sm-5 { width: calc(calc(var(--doc-width) - 330px) / 12 * 5 + 120px); }
    .col-sm-6 { width: calc(calc(var(--doc-width) - 330px) / 12 * 6 + 150px); }
    .col-sm-7 { width: calc(calc(var(--doc-width) - 330px) / 12 * 7 + 180px); }
    .col-sm-8 { width: calc(calc(var(--doc-width) - 330px) / 12 * 8 + 210px); }
    .col-sm-9 { width: calc(calc(var(--doc-width) - 330px) / 12 * 9 + 240px); }
    .col-sm-10 { width: calc(calc(var(--doc-width) - 330px) / 12 * 10 + 270px); }
    .col-sm-11 { width: calc(calc(var(--doc-width) - 330px) / 12 * 11 + 300px); }
    .col-sm-12 { width: calc(calc(var(--doc-width) - 330px) / 12 * 12 + 330px); }
    .main-menu-button {
        display: block;
    }
}

.fhl {
    display: flex;
    justify-content: flex-start;
}
.fhc {
    display: flex;
    justify-content: center;
}
.fhr {
    display: flex;
    justify-content: flex-end;
}
.fvt {
    display: flex;
    align-items: flex-start;
}
.fvc {
    display: flex;
    align-items: center;
}
.fvb {
    display: flex;
    align-items: flex-end;
}

/* homepage items */

.homepage_items {
    margin: 20px 0 50px 0;
    color: #fff;
}

.homepage_items a {
    color: #fff;
    text-decoration: none;
}

.homepage_item {
    position: relative;
    margin: 30px 0 0 0;
}

.homepage_item:after {
    content:'';
    display: block;
    padding-bottom: 100%;
}

.homepage_item_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.homepage_items img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.homepage_items li {
    list-style: none;
}

.homepage_title {
    position: absolute;
    padding: 7px 15px;
    margin: 20px;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    background-color: #0082BA;
}

.homepage_item-gradient-container {
    background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.homepage_cta {
  margin: 0 50px 15px 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.homepage_cta p {
    margin: 0;
}

.homepage_item_arrow {
    position: absolute;
    bottom: 15px;
    right: 20px;
    font-size: 30px !important;
}

.homepage_item_link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/* sign-up section */

.sign-up-section {
    background-color: #EBF9FF;
    padding: 50px 0;
    position: relative;
    display: block;
    z-index: 0;
}

.sign-up-section::before {
    content: "";
    background-image: url('/wp-content/themes/kzgw/dist/img/kzgw_logo-beeldmerk@2x-compressed.jpg');
    background-color: #EBF9FF;
    background-blend-mode: multiply;
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 65%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

.sign-up-title {
    color: #000;
    font-size: 42px;
    font-weight: 600;
}

.sign-up-sub-title {
    margin-top: 20px;
    color: #000;
    font-size: 21px;
    line-height: 28px;
    font-weight: 600;
}

.sign-up-body {
    color: #000;
    line-height: 30px;
    font-size: 18px;
    margin-top: 20px;
}

.sign-up-link {
    margin-top: 20px;
}

.sign-up-link a {
    color: #0082BA;
    font-size: 18px;
    text-decoration: underline;
}

.sign-up-right-box-container {
    background-color: #0082BA;
    margin-top: 50px;
    display: flex;
    align-items: center;
    padding: 20px;
}

.sign-up-right-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sign-up-right-box-text {
    color: #fff;
    text-align: center;
    font-weight: 100;
    font-size: 18px;
    width: 80%;
}

.sign-up-right-box-button {
    text-align: center;
    background-color: #fff;
    color: #0082BA;
    font-weight: 600;
    padding: 20px 50px;
    margin-top: 50px;
}

.sign-up-right-box a:hover {
    text-decoration: none;
}

/* comments section */

.comments-section-wrapper {
    background-color: #EBF9FF;
}

.comments-section {
    margin: 0 auto;
    padding-top: 50px;
}

.comments-section-title {
    font-size: 32px;
    line-height: 43px;
    text-transform: none;
    font-weight: 600;
}

.comments-section h3 {
    font-size: 18px;
    font-weight: 100;
    line-height: 30px;
}

.comment-body {
    background-color: #fff;
    margin: 20px 0;
    padding: 20px;
    font-size: 18px;
    line-height: 30px;
}

.comment .depth-2 {
    margin-left: 50px;
}

.comment-author {
    color: #0082BA;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}

.comment-author cite {
    font-style: normal;
}

.says {
    display: none;
}

.comment-meta a {
    font-size: 11px;
    color: #B9B1A7;
    line-height: 15px;
    font-weight: 100;
}

.comment-form a, .comment-form a:visited, .comment-form a:active, .comment-reply-title a, .comment-reply-title a:visited, .comment-reply-title a:active {
    color: #000;
}

.comment-respond {
    padding-bottom: 30px;
}

.comment-respond textarea, .comment-respond input {
    background-color: #fff;
    line-height: 30px;
    text-indent: 5px;
    flex-grow: 1;
}

.comment-form-comment, .comment-form-author, .comment-form-email, .comment-form-url {
    display: flex;
}

.comment-form-cookies-consent {
    margin-top: 50px;
}

.comment-form-cookies-consent input[type=checkbox] {
    background: #fff;
    border: 0;
    padding: 10px;
}

#commentform label {
    margin-top: 10px;
    min-width: 100px;
}

.comment-notes {
    margin-bottom: 50px;
}

.form-submit input {
    margin: 0 !important;
    margin-top: 30px !important;
    float: none !important;
    font-weight: 600;
}

#reply-title {
    font-size: 32px;
    line-height: 43px;
    margin-block-start: 0;
    margin-block-end: 0;
    font-weight: 600;
}

#cancel-comment-reply-link {
    display: flex;
    font-size: 18px;
}

#cancel-comment-reply-link {
    color: #0082ba;
}

.comment-reply-link {
    cursor: pointer;
    background-color: #0082ba;
    border: none;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 15px;
    font-weight: 600;
    color: #fff !important;
}

.commentlist {
    list-style: none;
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
}

.comment ::marker {
    display: none;
    content: ''
}

.comment-edit-link {
    color: #0082ba !important;
}

.nocomments {
  display: none !important;
}

/* margin button contactformulier */

#form-aanmelden {
    margin: 0 !important;
}

.url {
    color: #0082BA;
}

.comment-author a {
    color: #0082BA;
}

.nieuws-detail-link {
    font-weight: bold;
    display: flex;
    justify-content: flex-end;
}

.search .main-section .screen-reader-text {
    display: none;
}

.pagination {
    padding: 20px 0;
}

.site-header-end {
    flex-direction: column;
}

.over-deze-foto {
    font-size: 12px;
    margin-top: 10px;
    margin-right: 30px;
}

a.over-deze-foto:hover {
    color: #fff;
}

.over-deze-foto i {
    font-size: 9px;
}