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

/* Blocks */

/* Header hompeage one block */


img.logo-image {height: 50px;}
.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 */

/* Header full width */

/* End header full width */

/* 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-orange:after {content: "\f101";font-family: "Font Awesome 5 Free";font-weight: 600;margin-left: 7px;}
span.button-orange:hover {background: #1091FA;}
span.button-orange {background: #FC6039;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: #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: #1091FA;}

/* 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: #1091FA;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: #FC6039;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%;}
.footer-wrapper {
  margin-top:auto
}
/* 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 1100px */
@media only screen and (max-width: 1100px) {
.language-menu-wrapper ul#menu-language {margin-top: 21px;margin-left: 35px;}
}

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

  /* Blocks */

  /* Header hompeage one block */
  .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;}



  /* End header homepage one block */


}