/*
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;}
.top-bar {padding:7px;}
.menu-lang-bar-wrapper {display: flex;}
.menu-bar-wrapper {flex: 1;position: relative;border-bottom-right-radius: 0px;padding-right: 30px;z-index: 99;}
.menu-bar {padding: 20px;border-bottom-right-radius: 0px;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: 63px;}
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 */
.head-banner .kt-row-column-wrap {border-top: 1px solid rgba(252, 96, 57, 0.3);border-bottom: 1px solid rgba(16, 145, 250, 0.3);}


#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover{border-bottom:4px solid #FC6039;background:none !important;height: 100%;padding: 0px;text-shadow: 2px 2px 8px #FFFFFF;}
#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;text-shadow: 2px 2px 8px #FFFFFF;}

.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;}

/* Mobile menu */

.mobmenu-right-alignment.mobmenu-panel.mobmenu-right-panel.show-panel {width: 90%;background:White !important;}
.mobmenu-content .menu-item a {font-size: 28px !important;text-transform: uppercase !important;font-family: 'Open Sans' !important;font-weight: 100 !important;text-align: center;border-bottom: 1px solid rgba(252, 96, 57, 0.7);padding: 30px 20px;color: #1091FA !important;}

/* End mobile menu */


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

/* 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;}
.block-text h1 {font-size: 60px;color: #FC6039;font-weight: 100;margin: 40px 0px;}
.block-text h2 {margin-bottom:20px;}

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 {    border-top-left-radius: 20px;border-bottom-right-radius: 20px;background: #FC6039;padding: 10px 10px;color: white;text-transform: uppercase;font-weight: 600;float: right;right: 20px;position: relative;margin-top: 20px;}

span.button-big-orange:after {content: "\f101";font-family: "Font Awesome 5 Free";font-weight: 600;margin-left: 7px;}
span.button-big-orange:hover {background: #1091FA;}
span.button-big-orange {    font-size:27px;border-top-left-radius: 20px;border-bottom-right-radius: 20px;background: #FC6039;padding: 17px 17px;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: 47%;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;}

span.button-atachment:before {content: "\f56d";font-family: "Font Awesome 5 Free";font-weight: 900;margin-right: 5px;border-right: 1px solid #FC6039;padding-right: 5px;color: #1091FA;}
span.button-atachment {background-color: white;margin: 10px 20px 10px 0px;padding: 20px;border-top-left-radius: 20px;border-bottom-right-radius: 20px;display: block;color: #FC6039;width: fit-content;}
/* End text block */

/* Start tables */
table {border-spacing: 0 !important;border-collapse: separate !important;border-top-left-radius: 30px;border: 0px solid #1091FA;display: inherit;}
.row>* {padding-left:0px;padding-right:0px;}
thead th:first-child {border-top-left-radius: 28px;}
thead th {border: 0px solid #1091FA !important;background: #1091FA !important;color: white;padding:10px 20px !important;}
td.wpdt-cell {border: 0px solid #1091FA !important;font-weight:100 !important;font-size:20px !important;padding:10px 20px !important;}

tr:first-child td {background: #1091FA;color: white;padding: 10px 20px;}
tr:first-child td:first-child {border-top-left-radius: 30px;}
td {padding: 10px 20px !important;}
tr:nth-child(even) {background: #e2e2e2 !important;}
/* End tables */



/* 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;padding-top: 20px !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;}
.forminator-col {padding-left: 0px !important;}
.forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row {margin-left:0px !important;border-color:gray !Important;}
.forminator-textarea  {border-color:#d2d2d2 !Important;}
.forminator-required {color:#FC6039 !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%;}
.footer-text-wrapper a {color:white;font-weight:700;}
.footer-text-wrapper {    font-size: 16px;}
.column-wrapper {width:100%;}
/* 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: 30px;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 1570px */
@media only screen and (max-width: 1570px) {

.home-slider p {font-size: 27px !important;}
span.button-big-orange {font-size: 24px;}

}



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

.home-slider p {font-size: 22px !important;}
span.button-big-orange {font-size: 20px;}
.head-banner-right-col .kt-inside-inner-col {padding: 100px 40px 70px 20px !important;}

}


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


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

.head-banner .kt-row-column-wrap {display: block;}
.video-block-wrapper {height: 400px;}
.head-banner .kt-row-column-wrap {padding: 0px 40px;}
.head-banner .kt-row-column-wrap {padding-bottom: 80px;}
.head-banner .kt-inside-inner-col {padding-left: 20px !important;padding-right: 20px !important;}
.video-block-wrapper {height: 500px !important;}
.head-banner .home-slider.slick-initialized.slick-slider {width: 85%;margin-left: auto;margin-right: auto;}

}






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

  /* Rows */

  .row-one .kt-inside-inner-col {padding: 20px !important;  }
  .row-one .kt-inside-inner-col h1 {font-size:40px !important;}
  .row-one .kt-inside-inner-col a {word-wrap:break-word !important;}
  .row-one {margin-top: -80px;}
  span.button-big-orange {font-size: 16px;}

  /* End rows */

  /* Mob menu */
  .mobmenu-content .menu-item a {font-size: 18px !important;}
  /* End mob menu */

  /* Header */
  .head-banner .kt-inside-inner-col {padding-left: 10px !important;padding-right: 10px !important;}

  .home-slider p {font-size: 18px !important;}
  .home-slider .slick-prev:before {font-size:24px !important;}
  .home-slider .slick-next:before {font-size:24px !important;}
  .head-banner .home-slider.slick-initialized.slick-slider {width: 95%;padding-left: 10px;}
  /* End header */

  /* Subpage */
  .sub-page-row-one {margin-top: -700px !important;}
  .sub-page-row-one .kt-row-column-wrap {max-width: 95% !important;}
  .sub-page-text-column .kt-inside-inner-col {padding: 30px 30px !important;border-top-left-radius: 24px !important;border-bottom-right-radius: 24px !important;}
  .page-image-right img {float: none;width: 100%;margin-left: 0px;  }
  .block-text li {font-size: 16px;}
  /* End subpage */


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

  /* Text block */
  .block-text p {font-size: 16px;}
  .wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable th {word-wrap: break-word !important;}
  th.wpdt-cell {
    font-size: 16px;

}
td.wpdt-cell {
    font-size: 14px !important;
}
  /* End text block */

  .footer-text-wrapper a {color: white;font-weight: 700;word-wrap: break-word;display: block;}
  .footer-items-wrapper {display: block;}
.column-wrapper.column-two {margin-top: 40px;}
.footer-items-wrapper:has(.column-two) .column-wrapper {width:100%;}


}