/*
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;}
/* 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;}
/* End button for admin */

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

/* Blocks */

/* Header hompeage one block */
.menu-top-wrapper {width: 90%;margin-left: auto;padding: 30px 0px 0px 0px;position:relative;z-index:10;margin-top:30px;}
.top-bar {padding:7px;}
.menu-lang-bar-wrapper {display: flex;height:84px;}
.menu-bar-wrapper {flex: 1;position: relative;}
.menu-bar {padding: 10px;border-bottom-right-radius: 30px;position: relative;z-index: 15;display: flex;}
.menu-wrapper {width: 100%;margin-top: 12px;position:relative;}
div#mega-menu-wrap-header-menu {position: absolute;float: right;width: fit-content;right: 20px;height: 62px;}
ul#mega-menu-header-menu {height: 100% !important;}
.mega-menu-item {height: 100% !important;margin: 0px 10px !important;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {background: none !important;height: 100% !important;padding:0px;}
a.mega-menu-link {margin: 0px 10px !important;padding: 0px !important;}
.mob-menu-logo-holder {display: none;} /* Mobile menu */
.mega-menu-wrap-extra-menu .mega-menu-link {color:white !important;}
.shiftnav-toggle-button {display:none !important;}


#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover{background:none !important;height: 100%;padding: 0px;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {background:none !important;border-bottom:4px solid #C2E4FF;margin:0px 10px;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu {top:58px;left:10px;transform:none !important;}
.language-menu-wrapper {width: 140px;position: relative;padding-right: 30px;}
.language-menu-wrapper ul#menu-language {display: flex;padding: 15px 10px;margin-left: 100px;list-style: none;margin-top: 24px;margin-left:65px;}
.language-menu-wrapper li.menu-item {margin-right: 10px;}
.language-menu-wrapper a {font-family: 'Open Sans';color: white;text-decoration: none;font-size: 14px;}
.current-language-menu-item {font-weight: 700 !important;}
.language-menu-wrapper li.mega-menu-item:last-child {border-right: 0px !important;}
.language-menu-wrapper li.mega-menu-item {border-right: 1px white solid !important;}
.mega-sub-menu .mega-menu-item {background: white !important;margin:0px !important;padding:5px 10px !important;border-bottom:1px solid #972E87 !important;}
.mega-sub-menu .mega-menu-item:last-child() {border-bottom:0px !important;}
.mega-sub-menu .mega-menu-item:hover {background: #593D8B !important;color:white !important;}
.mega-sub-menu .mega-menu-item:hover a {background: #593D8B !important;}
.mega-sub-menu .mega-menu-item:hover a.mega-menu-link {color:white !important;}
.mega-sub-menu .mega-menu-item:first-child{border-top:4px solid #972E87 !important;}
.mega-sub-menu .mega-menu-item a{background: white !important;font-size:18px !important;font-weight:100 !important;text-transform:uppercase !important;}

.logo-wrapper {background: white;width: fit-content;padding: 10px 30px;margin-top:-20px;transform: skew(-0.06turn, 0deg);position: absolute;z-index: 999;left: 30px;    border-radius: 20px !important;}


img.logo-image {height: 90px;transform: skew(0.06turn, 0deg);border-radius: 20px !important;}
.header-wrapper {margin-top: -50px;position:relative;z-index:9;width:87%;}
.header {height: 600px;position: relative;background-size: cover;background-position:center;}

.text-box-wrapper {background-color: white;width: 550px;height: auto;padding: 20px 20px 80px 20px;position: absolute;z-index:16;top: 50%;transform: translate(0%, -58%);}
.text-box p {font-size: 22px;font-weight: 100;}
.text-box-button-wrapper {width: fit-content;position: absolute;right: 30px;bottom:30px;}
.text-box-button-text {padding: 10px;font-size: 18px;font-weight: 100;}

/* Header gradient layout */
.header-wrapper.gradient {width: 100%;}
.home-header-gradient-overlay {width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;z-index:15;}
.gradient .text-box-wrapper {background-color: unset;right: 100px !important;}

/* End header gradient layout */

/* End header hompeage one block */

/* Start 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;}

span.button-jc:after {content: "\f101";font-family: "Font Awesome 5 Free";font-weight: 600;margin-left: 7px;}
span.button-jc {border-top-left-radius:20px;border-bottom-right-radius:20px;padding: 10px 15px;color: white;text-transform: uppercase;font-weight: 600;float: right;right: 20px;position: relative;margin-top: 20px;}

span.button-blue:after {content: "\f101";font-family: "Font Awesome 5 Free";font-weight: 600;margin-left: 7px;}
span.button-blue:hover {background: #FC6039;}
span.button-blue {background:#1091FA ;padding: 5px 10px;color: white;text-transform: uppercase;font-weight: 600;float: right;right: 20px;position: relative;margin-top: 20px;}
.aligncenter {clear: both;margin-left: auto;margin-right: auto;display: block;}
.alignright {display: block;margin-left: auto;}
.block-text-wrapper h2 {color: #1091FA;font-size: 24px;}
.block-text img.alignright {margin-left: auto;}
.page-image-right img {margin-left: 50px;float: right;margin-bottom: 30px;border-top-left-radius: 30px;border-bottom-right-radius: 30px;width: 40%;height:auto;}

div#wpgmza_map {float: right !important;width: 50% !important;border-top-left-radius: 30px !important;border-bottom-right-radius: 30px !important;margin-left: 30px !important;display: block;position: relative;}
/* End text block */

/* Start news block */
.home-news-item {padding: 40px 0px;display:flex;}
.news-item-left {width: 300px;height: auto;background-size: cover;margin-right: 20px;}
.news-item-right {flex:1;position:relative;}
.home-news-item-date {font-weight: 700;}

.home-news-item-title {color: #FC6039;font-size: 30px;font-weight: 100;margin-bottom:20px;}
.home-news-item-intro {font-size: 20px;font-weight: 300;}
.home-news-item-read-more-wrapper {width: fit-content;position: relative;float: right;right: 40px;margin-top: 30px;}
.home-news-item-read-more {text-transform: uppercase;font-size: 20px;font-weight: 700;}
.home-news-item-read-more i.fa-solid{text-transform: uppercase !important;font-size: 20px !important;font-weight: 700 !important;padding:0px 0px 0px 5px  !important;float:none  !important;}
.home-news-item i.fa-solid {font-size: 20px;padding: 10px;float:right;}

.home-event-item {padding: 40px 0px;display:flex;}
.event-item-left {width: 300px;height: auto;background-size: cover;margin-right: 20px;}
.event-item-right {flex:1;position:relative;}
.home-event-item-date {font-weight: 700;}

.home-event-item-title {color: #FC6039;font-size: 30px;font-weight: 100;margin-bottom:20px;}
.home-event-item-intro {font-size: 20px;font-weight: 300;}
.home-event-item-read-more-wrapper {width: fit-content;position: relative;float: right;right: 40px;margin-top: 30px;}
.home-event-item-read-more {text-transform: uppercase;font-size: 20px;font-weight: 700;}
.home-event-item-read-more i.fa-solid{text-transform: uppercase !important;font-size: 20px !important;font-weight: 700 !important;padding:0px 0px 0px 5px  !important;float:none  !important;}
.home-event-item i.fa-solid {font-size: 20px;padding: 10px;float:right;}

.home .news-read-more-wrapper {display:block;}
.subpage .news-read-more-wrapper {display:none;}
.news-read-more-wrapper {font-size: 18px;font-weight: 700;position: relative;width: fit-content;float: right;right: 18px;margin-top: 10px;font-size: 20px;}

.news-detail-title-image {width: 50%;height: 500px;background-size: cover;border-top-left-radius: 30px;border-bottom-right-radius: 30px;float: right;margin: 0px 0px 20px 50px;}
.news-detail-title {font-size: 50px;}
.news-detail-date {font-weight: 100;font-size: 18px;color: #334586;}

/* End news block */

/* Team block */
.team-group-name {margin-top: 30px;font-size: 24px;border-bottom: 1px solid #d2d2d2;padding-bottom: 10px;margin-bottom: 10px;}
.team-item-wrapper {display: flex;flex-wrap: wrap;    padding-bottom: 40px;    padding-top: 20px;}
.team-item {margin: 40px 40px 80px 40px;width: calc(33% - 80px);padding-top: calc(43% - 80px);position: relative;}
.image {background-size: cover;height: 100%;position: absolute;top: 0;left: 0;width: 100%;background-position: center;}
.team-item-text-wrapper {position: relative;bottom: calc(-100% + 30px);}
.team-item-name {padding: 10px 10px 20px 10px;width: calc(90% - 20px) !important;position: relative;margin-left: auto;margin-right: auto;}
.team-item-function {padding: 10px 10px 20px 10px;margin-top: -15px;margin-left: calc(5% + 15px);position:relative;}
.team-item-organization {padding: 10px;margin-left: calc(5% + 30px);position:relative;margin-top: -10px;}

.team-item-list {width: 100%;border-bottom: 1px solid #e2e2e2;padding: 20px 20px;position: relative;display: block;}
.team-item-list:hover {background: #C2E4FF;}
.team-item-list-name {font-size: 24px;}
.team-item-list-function {font-size: 20px;font-weight: 100;}
.team-item-list-organization {font-size: 14px;font-weight: 100;}
a.team-item-list-link {display: flex;height: 100%;}
.team-item-list-left {width: 70px;height: 100%;display: block;background-size: cover;background-position:center;margin-right: 20px;}
/* End team block */

/* Block heading */
.block-header-item-page {font-size: 50px;font-weight: 100;color: white !important;background-color: #FC6039;width: fit-content;padding: 10px 40px;margin-top: -100px;text-transform: uppercase;}
/* End block heading */

/* Contact block */

.contact-item-wrapper {font-size: 18px;display: flex;padding: 10px 0px;}
.contact-item-icon {padding: 10px;}
.contact-item {padding: 10px;}
/* End contact block */


/* End blocks */

/* News subscription */
.forminator-label {background-color: #593D8B;width: fit-content;color: white;font-family: 'Open Sans' !important;font-size: 18px !important;padding: 3px 10px;font-weight: 400 !important;margin-bottom: -8px !important;z-index: 100;position: relative;left: 10px;}
.forminator-input {border: 1px solid #d2d2d2 !important;}
button.forminator-button.forminator-button-submit {background-color: #972E87;font-size: 18px !important;color: white !important;margin-left: auto !important;margin-right: auto !important;display: block !important;position: relative !important;margin-top: 30px !important;}
/* End news subscription */

/* Footer */
.footer-items-wrapper {background-size: cover;background-position: bottom;padding: 40px;display: flex;}
.footer-items-wrapper:has(.column-three) .column-wrapper {width:33%;}
.footer-items-wrapper:has(.column-two) .column-wrapper{width:50%;}
.column-wrapper {width:100%;}
.column-wrapper hr {color:white !important;}
.footer-logo-item {width: 150px !important;margin-bottom:15px;    transform: skew(0.06turn, 0deg);}
.footer-text-wrapper p a{color:white !important;font-size:18px !important;}
.footer-text-wrapper p a:hover {color:#CDCEE4 !important;}

.footer-wrapper .logo-wrapper {position: relative;background:none !important;padding:0px !important;}

/* End footer */

/* Paginations */
ul.page-numbers {display: flex;margin-left: auto;margin-right: auto;width: fit-content;}
.pagination-wrapper li {list-style: none;background: #e2e2e2;margin: 2px;width: 20px;text-align: center;padding: 5px;}
.pagination-wrapper li a {font-weight: 500;color: #1091FA;}
span.page-numbers.current {font-weight: 700;color: #FC6039;}
.pagination-wrapper li:hover {background: #1091FA;}
.pagination-wrapper li:hover a {color: white;}
/* End paginations */

/* Slider block */
.home-slider p {font-size: 34px;font-style: italic;}
.slick-slider {padding-left: 30px;padding-right: 10px;}
.home-slider .slick-next:before {content: "\f101";font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 40px;color: #0F75E0 !important;}
.home-slider .slick-prev:before {content: "\f100";font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 40px;color: #0F75E0 !important;}
/* End slider block */

/*==================== RESPONSIVE PART===================*/

/* Responsive 1240px */
@media only screen and (max-width: 1240px) {
  .contact-block .kt-row-column-wrap {display: block;}
  .contact-block .wp-block-kadence-column:nth-child(2) {margin-top: 30px;}
  .partner-item img {max-width: 100% !important;}
  .partner-wrapper {min-width: calc(33% - 40px);}

  .ons-team-column .kt-inside-inner-col {
    padding: 0px !important;
}

}




/* Responsive 1100px */
@media only screen and (max-width: 1100px) {
.language-menu-wrapper ul#menu-language {margin-top: 21px;margin-left: 35px;}
i.mob-icon-menu.mob-menu-icon {font-size: 50px;color:#972E87 !important;}
.mobmenur-container {top: 130px !important;z-index: 9999;position: relative;}
.mobmenu-panel li.menu-item {text-align: center;padding: 20px 0px;border-bottom: 1px solid #e2e2e2;width: 95%;margin-left: auto;margin-right: auto;}
.mobmenu-panel li.menu-item:last-child {border:0px;}
.shiftnav-toggle-button {display:inline-block !important;}

/* Shiftmenu */
a.shiftnav-toggle.shiftnav-toggle-shiftnav-main.shiftnav-toggle-button {float: right !important;top: 12px;position: absolute;right: 10px;background: none;color: #972E87;font-size: 30px;}
div#shiftnav-main {width: 100%;}
.shiftnav ul.shiftnav-menu li.menu-item a {color: #972E87;}
ul#menu-header-menu {margin-top: 40px;}
.shiftnav ul.shiftnav-menu li.menu-item {margin-left: auto !important;margin-right: auto !important;text-align: center !important;font-size: 24px;font-weight: 100;border-bottom: 1px solid #CDCEE4;color: #972E87;width: 65%;padding: 10px 0px !important;}
ul.sub-menu {background: #CDCEE4;}
ul.children {display: none;}
ul.sub-menu li a {font-size: 22px;color: white !important;}
img.alignnone.size-full.wp-image-882 {margin-left: 0px;float: none;width: 100%;height: 350px;position: relative;aspect-ratio: 1 / 1;object-fit: cover;}

/* Ons team */
.team-item {margin: 20px 20px 120px 20px !important;width: calc(33% - 40px) !important;height: 300px !important;}
.team-detail-image-wrapper {height: 330px !important;width: 220px !important;}
.team-detail-image-back {height: 330px  !important;width: 220px  !important;}
.team-detail-image-back-borders {height: 330px  !important;width: 220px  !important;}
/* End ons team */

/* News */
.news-detail-title-image {
  float: none;
  width: 100%;
  margin: 0px 0px 40px 0px;
}
/* End news */

}

/* Responsive 930px */
@media only screen and (max-width: 930px) {
  .home-news-item {display: block;padding-bottom:100px;}

  .sub-inner-col .kt-inside-inner-col {
      padding: 10px !important;
  }

}



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

/* First row */
.first-row .kt-row-column-wrap.kt-has-2-columns {display: block;}
.page-image-right img {margin-left: 0px;float: none;width: 100%;}
.video-item-still-image {height: 400px !important;}
.wp-block-kadence-column.kadence-column579_6e0c30-eb {margin-top: 130px;}
.partner-wrapper {min-width: calc(50% - 40px);}
.page-title-wrapper {font-size: 40px !important;}
.partner-row .kt-inside-inner-col {padding: 140px 20px !important;}
.wp-block-image img{width:302px !important;}
.footer-items-wrapper {display: block;}
.footer-wrapper .logo-wrapper {position: relative;margin-bottom: 20px;transform:none !important;margin-left: -30px;marging-top:30px;}
.footer-logo-item {transform:none !important;}
.footer-wrapper .column-wrapper {width:100% !important;}

/* Ons team */
.team-item-wrapper {display:block  !important;margin-left: auto  !important;margin-right: auto  !important;padding: 0px 50px 80px 50px   !important;}
.team-item {width: 95% !important;height:auto !important;margin: 0px 0px 80px 10px  !important;}
.image {height: 450px  !important;position: relative  !important;}
.team-details-wrapper {display: block !important;}
.team-detail-image-wrapper {width: 95% !important;}
.team-detail-image-back {width: 95% !important;}
.team-detail-image-back-borders {width: 95% !important;}
.team-detail-right-wrapper {padding: 40px 0px !important;}
/* End ons team */

/* News page */
.news-detail-title-image {height: 350px !important;}
/* End news page */

}

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

  /* Menu */
  .top-bar-wrapper{display: none;}
  .menu-top-wrapper {margin-top:10px;}
  a.shiftnav-toggle.shiftnav-toggle-shiftnav-main.shiftnav-toggle-button {top:2px !important;}

  /* Content */
  .content-wrapper {margin-bottom: 15px;}
  .sub-page-content .kt-inside-inner-col {padding: 10px !important;padding-top: 30px !important;}
  .sub-page-content .page-title-wrapper {margin-bottom: 11px !important;margin-left: 14px;font-size: 35px !important;}
  .sub-page-content {position:relative !important;display:block !important;}
  /* Blocks */

  /* Header hompeage one block */
  .logo-wrapper {left:15px !important;border-radius:10px !important;padding:10px !important;}
  img.logo-image{height:40px !important;border-radius: 10px !important;}
  .menu-top-wrapper {width: 95%; }
  .header-wrapper {width:100%;}
  .text-box-wrapper {width: calc(90% - 40px);right: 5% !important;}
  .text-box p {font-size: 18px;}

  .page-wrapper.home .kt-row-column-wrap.kt-has-2-columns {padding: 50px 30px;}
  .video-item-still-image {height: 200px !important;}
  i.fa-solid.fa-circle-play.still-image-icon:before {font-size:60px;}
  i.fa-solid.fa-circle-play.still-image-icon {font-size:60px !important;left:40% !important;}
  .wp-block-kadence-column.kadence-column579_6e0c30-eb {margin-top: 20px;}
  .page-title-wrapper {font-size:40px !important;}

  span.button-jc a {font-size: 18px !important; }
  span.button-jc a:after {font-size: 18px !important; }

/* 2nd row */
.kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id579_8fb813-08 {margin-top:40px !important;}
.page-wrapper.home .kb-row-layout-id579_8fb813-08 .kt-row-column-wrap.kt-has-2-columns {padding: 50px 10px;}

/* Mobile menu */
i.mob-icon-menu.mob-menu-icon {font-size: 35px;}
.menu-lang-bar-wrapper {height: 60px;margin-top: -10px;}
.menu-top-wrapper {width: 90%;}
.mobmenur-container{top:70px !important;}

/* Block header */
.block-header-item {font-size: 34px;}
/* End block header */


  /* News */
.home-news-item-title {font-size: 24px;}
  /* End news */




}