/*
Theme Name: Julius Center
Theme URI: https://template.juliuscentrum.nl
Author: JC-ICT
Author URI: https://template.juliuscentrum.nl
Description: Julius Center theme
Requires at least: WordPress 6.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: julius

/* Overall */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@100&display=swap');

BODY {font-family:'Open Sans';font-size:14px;margin:0px;background:#f2f2f2;overflow-x:hidden; min-height: 100vh;min-height: 100dvh;display: flex;flex-direction: column;}

/* Only show button when admin is logged in */
.add-news-item-wrapper {display: none;}
body.logged-in.admin-bar .add-news-item-wrapper {display: block;}
.page-wrapper.subpage {min-height: 100vh;min-height: 100dvh;display: flex;flex-direction: column;}
/* End button for admin */

A {text-decoration:none;}
h6 {font-size: 30px;margin-top: 20px;margin-bottom: 20px;color: #FC6039;}

.language-menu-wrapper #mega-menu-extra-menu a.mega-menu-link {right:0px !important;}

/* Mob menu */
.menu-header-menu-container {padding: 40px 10%;}
.menu-item-has-children a {margin-left: 50px !important;}
#mobmenuright .menu-item {border-bottom: 1px solid #FC6039;padding: 20px 0px;text-align: center;}
#mobmenuright .menu-item:last-child {border:0px !Important;}
/* End mob menu */


/* Blocks */

/* ===== Text Block ==== */
.block-text p {font-size: 20px;font-weight: 100;}
.block-text li {font-size: 20px;font-weight: 100;}
.block-text li::marker {color: #FC6039;}
.block-text li {font-size: 20px;font-weight: 100;}

/* Kadence*/

/*===== Kadence buttons =========== */
.align-left .kb-button {justify-content: left;}

.julius-outline-button a.wp-block-button__link.wp-element-button {background: transparent;border-radius: 0px;border: 2px solid #FC6039;font-size:16px;color: #FC6039;padding:10px;}
.julius-outline-button a.wp-block-button__link.wp-element-button:hover {border-color:#1091FA;color:#1091FA;}

/*==== Kadence video player ====*/
.kt-video-svg-icon.kt-video-svg-icon-size-auto:not(.kt-video-svg-icon-style-stacked) {display:none;}


/* Responsive */
@media only screen and (max-width: 1278px) {


.block-header-item {font-size:32px !important;}

/* ==== Header row ==== */
.header-title-big {font-size: 70px !important;width: 100%;}
/* ==== End header row ==== */

/* ==== Row 2 === */
.row2 .kt-row-column-wrap {grid-template-columns: 54% 46% !important;}
/* End row 2 ==== */

/* ==== Row 3 ==== */
.row3 {margin-top: -60px !important;}
/* ==== End row 3 ==== */

/* ==== Row 4 ==== */
.wp-container-core-buttons-is-layout-1fb9aab6 {display:block;}
.wp-block-button.has-custom-width.wp-block-button__width-50 {display: block;width: 100%;margin-bottom: 10px;}
.row4 .column2 {margin-top:90px;}
/* ==== End row ==== */


}

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

  .logo-wrapper figure {margin: 20px 10px 0px 0px;  }
  #mega-menu-wrap-extra-menu {margin-top: 38px !important;}
  .language-mobile #mega-menu-extra-menu a.mega-menu-link {right:0px !important;}
  .mob-menu-header-holder {height:0px !important;}

}


@media only screen and (max-width: 1023px) {
  h2 {font-size: 22px;  }
.block-header-item {font-size:28px !important;}
.block-text P {font-size:18px !important;}
.kb-button span.kt-btn-inner-text {font-size: 16px;}

/* ==== Header row ==== */
.menu-bar-wrapper {flex:unset !important;}
.header-title-big {font-size: 57px !important;width: 100%;}
.header-title-normal {font-size:50px !important;}
.header-row .kt-row-column-wrap.kt-has-2-columns {min-height:calc(50vh) !important;}
/* ==== End header row ==== */

/* ==== Row 2 === */
.row2 .kt-row-column-wrap {grid-template-columns: 60% 40% !important;}
/* End row 2 ==== */

/* ==== Row 3 ==== */

.row3 .kt-inside-inner-col .kt-has-2-columns .wp-block-kadence-column .kt-inside-inner-col  {padding:0px !important;display:block !important;}
.row3 .kt-inside-inner-col .kt-has-2-columns  {display:block !important;}
.kadence-column177_14ae11-fa {height:auto;}

/* ==== End row 3 ==== */

/* ==== Row 4 ==== */
.row4 {margin-top:-90px !important;}
.row4 .kt-inside-inner-col {padding: 20px 20px !important;}
.row4 .column2>.kt-inside-inner-col  {padding:40px 40px 20px 80px !important;margin-top:-20px !important;}
.row4 .kt-inside-inner-col .inner-col-start-button>.kt-inside-inner-col {padding: 0px !important;}
.row4 .kt-inside-inner-col .kt-has-2-columns .wp-block-kadence-column .kt-inside-inner-col  {padding:0px !important;display:block !important;}
.row4 .kt-inside-inner-col .kt-has-2-columns  {display:block !important;}
.row4 .column-background-image {height:200px;}
.row4 .wp-block-buttons {display:block;}
.row4 .column2 {margin-top:180px;}

/* ==== End row 4 ==== */

}


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

  .logo-wrapper img {margin-top: 0px;}
/*  .menu-top-wrapper.menu-full-width {display: none;} */
  .header-title-normal {font-size: 40px !important;}
  .header-title-big {font-size: 60px !important;}
  .kb-row-layout-id177_a3dbb6-77 > .kt-row-column-wrap {display:flex !important;}
  .kb-row-layout-id449_13dfe0-61 > .kt-row-column-wrap {display:flex !important;}

  .row2 .kt-row-column-wrap {display: block;  }
  .row2 .wp-block-kadence-column {width: 100% !important;margin-left: 0px !important;display: block !important;}
  .row2 .kt-inside-inner-col {padding: 30px !important;}
  .wp-block-kadence-column.kadence-column177_969ced-7a {margin-top: -40px !important;}
  .kadence-column177_14ae11-fa .kt-inside-inner-col {height: 100% !important;}
  .row4 .wp-block-buttons {display: block !important;margin-bottom:20px !important;}
  .row4 .wp-block-buttons .wp-block-button {margin-bottom:20px !important;}
  .row4 .kt-row-column-wrap {padding: 80px 20px 80px 20px !important;max-width: 90% !important;}
  .row4 .kt-inside-inner-col {text-align:center;}

  .footer-wrapper p {font-size: 14px !important;}

  /* Sub page */
  .wp-block-kadence-column.kadence-column408_c1f552-3d {margin-right: auto;}
  .wp-block-kadence-column.kadence-column408_c1f552-3d .kt-inside-inner-col {padding:40px;}
.header-row {height: calc(53vh);}
  .kadence-column408_c1f552-3d > .kt-inside-inner-col {
    background-image: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255, 1) 82%, rgba(255, 255, 255, 0) 100%) !important;
    z-index: 300;
    margin-bottom: -70px !important;
    /* padding-bottom: 10% !important; */
}
.row4-column1{margin-right:0px !important;}
.column2 {margin-top:-30px !important;}
.row4 .column-background-image>.kt-inside-inner-col
 {

    height: 300px !important;
}
.row4 .wp-block-kadence-column.kadence-column408_d30102-cc .kt-inside-inner-col {
    height: 400px !important;
}
.row4 .kt-row-column-wrap {margin: 0px;width: 100%;padding: 0px !important;grid-template-columns: unset !important;max-width: 100% !important;}
.row4 {
    width: 100% !important;
    margin-top: 0px !important;
}
.row4-1>.kt-row-column-wrap {max-width:100% !important;}
.kb-row-layout-id177_8bda08-2c > .kt-row-column-wrap {min-height:100% !important;}
.kb-row-layout-id177_8bda08-2c > .kt-row-layout-overlay {background:white !important;}
  /* End sub page */

}

@media only screen and (max-width: 450px) {
  .header-row {height: calc(42vh) !important;}
  .header-row .kt-has-2-columns {padding: 0px !important;}
  .header-title-big {font-size:50px !important;}
  .row3>.kt-inner-column-height-full>.wp-block-kadence-column>.kt-inside-inner-col {padding: 150px 0px !important;}
}
