/*
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:20px;margin:0px;background:#f2f2f2 !important;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 !important;color: #D23E39 !important;font-weight: 700;}
h6 {font-size: 30px;margin-top: 20px;margin-bottom: 20px;color: #D23E39;}

/* Mobile menu */

ul#mobmenuright {text-align: center;width: 80%;margin-left: auto;margin-right: auto;}
.wp-mobile-menu li.menu-item:last-child {border: 0px;}
.wp-mobile-menu li.menu-item {border-bottom: 1px solid #D23E39;padding: 30px;}
.mobmenur-container i {margin-top:-20px !important;margin-right:20px !important;font-size:40px !important;}
/* End mobile menu */


/* Blocks */

/* Header hompeage one block */
.menu-top-wrapper {width: 90%;margin-left: auto;padding: 30px 0px 0px 0px;position:relative;z-index:10;}
.top-bar {padding:7px;min-height: 30px;}
.menu-lang-bar-wrapper {display: flex;}
.menu-bar-wrapper {flex: 1;position: relative;}
.menu-bar {padding: 20px;border-bottom-right-radius: 30px;position: relative;z-index: 15;margin-right: -30px;display: flex;}
.menu-wrapper {width: 100%;margin-top: 8px;position:relative;}
div#mega-menu-wrap-header-menu {position: absolute;float: right;width: fit-content;right: 20px;height: 66px;}
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;border-bottom: 4px solid #C2E4FF;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-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover{border-bottom:4px solid #D23E39;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-item > a.mega-menu-link {color: #008dac !important;}
.logo-wrapper {min-height: 54px;max-height:54px;}
.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;}

img.logo-image {height: 50px;}
.block-header-homepage-wrapper {position:relative;z-index:30;}
.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: 40px 40px 40px 40px;position: absolute;z-index:16;top: 50%;transform: translate(0%, -58%);border-top-right-radius: 30px;border-bottom-left-radius: 30px;}
.text-box h1 {color: #D23E39;font-size:30px;}
.text-box p {font-size: 18px;font-weight: 200;}
.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 h1 {font-size: 60px;color: #D23E39;font-weight: 100;}
.block-text p {font-weight: 200;}
.block-text li::marker {color: #D23E39;}
.block-text li {font-weight: 100;}
span.button-orange:after {content: "\f101";font-family: "Font Awesome 5 Free";font-weight: 600;margin-left: 7px;}
span.button-orange:hover {background: #008DAC;}
span.button-orange {background: #D23E39;padding: 5px 10px;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: #D23E39;}
span.button-blue {background:#008DAC ;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: #008DAC;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: #D23E39;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: #D23E39;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: #008DAC;}

/* 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 */



/* 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 */

/* Partners block */
.partner-block-wrapper {display: flex;width: fit-content;margin-left: auto;margin-right: auto;}
.partner-wrapper {text-align: center;margin: 20px;}
.partner-item img {max-width: 99%;max-height: 200px;}
/* End partners block */

/* End blocks */



/* News subscription */
.forminator-label {background-color: #008DAC;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: #D23E39;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%;}
img.footer-logo-item {height: 100%;}
.footer-items-wrapper .logo-wrapper{height:54px;}
/* 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: #008DAC;}
span.page-numbers.current {font-weight: 700;color: #D23E39;}
.pagination-wrapper li:hover {background: #008DAC;}
.pagination-wrapper li:hover a {color: white;}
/* End paginations */

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

/* Responsive 1100px */
@media only screen and (max-width: 1100px) {
.language-menu-wrapper ul#menu-language {margin-top: 21px;margin-left: 35px;}
}


/* Responsice 1024 */
@media only screen and (max-width: 1024px) {

  /* Header block */
  .text-box-wrapper {width: 100%;right: -70px !important;}
  /* End header block */

  /* Text block */
  .page-image-right img {width: 50% !important;}
  /* End text block */

}

/* Responsice 770 */
@media only screen and (max-width: 770px) {

  /* Header block */
  .header-wrapper {width: 92%;}
  .text-box-wrapper {right:-7%  !important;}
  .text-box-wrapper h1 {font-size: 30px;}

  /* End header block */

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

  /* Text block */
  .block-text p {font-size: 18px;}
  /* End text block */

}

/* Responsive 675px */
@media only screen and (max-width: 675px) {
/* Text block */
.page-image-right img {width: 100% !important;}
/* End text block */
}

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

  /* Mobile menu */
  .wp-mobile-menu li.menu-item {padding:30px 10px;}
  .wp-mobile-menu li.menu-item a {font-size:20px !important;}
  /* End mobile menu */

  /* Blocks */

  /* Header hompeage one block */
  .header {height:850px !important;}
  .menu-top-wrapper {width: 95%; }
  .header-wrapper {width:100%;}
  .text-box-wrapper {width: calc(90% - 40px);right: 5% !important;}
  .text-box-wrapper h1 {font-size: 20px;}
  .text-box p {font-size: 16px;}
  /* End header homepage one block */

  /* Text block */
  .page-image-right img {width: 100% !important;height: 100% !important;margin-left: 0px !important;float: none !important;max-height: unset !important;}
  .block-text h1 {font-size:30px;}
  .block-text li {font-size:18px;}
  /* End text block */

 /* Partners block */
 .partner-block-wrapper {display: block; }
 .partner-wrapper {width: 100% !important;margin: 20px 0px;}
img {max-height: 150px !important;}

 /* End partners block */

 /* Footer */
 .footer-items-wrapper {padding: 40px 20px; }
 img.footer-logo-item {
    width: 70%;
    height: auto;
}
 /* End footer */

}