/*
Theme Name: UMCU
Theme URI: https://www.umcutrecht.nl
Author: JC-ICT
Author URI: https://www.umcutrecht.nl
Description: UMCU theme
Requires at least: WordPress 6.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: umcu

/* 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:18px;background-color:#F1F1F1;margin:0px;}
.link-no-decoration{text-decoration:none;}
h1 {font-family: 'Open Sans';font-size: 3rem;line-height: 1.125;}
h2 {  font-weight:100;font-size: 1.9rem;line-height: 1.33;}
h3 {font-weight:500;font-size:1.5rem;}
li {font-weight:100;}
a {color: #FC6039;text-decoration: none;font-weight: 500;word-wrap:break-word;}
.sub-page-standard-text {margin-top: 50px;font-weight:100;font-size:20px;}
.post-item-wrapper {margin-top: -35px;}
.wp-caption-text {display: none;}
p {font-weight: 100;font-size: 20px;}
.block-text ul {margin-left: -35px;font-weight: 100;}
ul {margin-left: -20px;}
td {padding: 0px 10px;}
th {text-align: left;padding: 0px 10px;}

/* Rows style */
.content-row {width:95%;margin-left:auto;margin-right:auto;margin-top: 40px;}
/* End rows style */


/* Menu */
.menu-wrapper {display: flex;}
.menu-items-wrapper {flex: 1;}
.menu-block-wrapper {height: 60px;background: #1091FA;padding: 15px;display: flex;flex: 1;border-bottom-right-radius: 40px;margin-right: -40px;z-index: 100;}
.menu-logo-wrapper {position: relative;display: inline;}
.menu-logo-wrapper img {height: 100%;}
.menu-language-items-wrapper {background: #FC6039;width: 200px;}
.menu-items-row-wrapper {background: #fff;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);padding:10px 15px;display:flex;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {font-size:15px;font-weight:500;color:#001021;height:auto;line-height:17px;}
#mega-menu-wrap-header-menu #mega-menu-header-menu {text-align:left;margin-left:0px;}
.trp-shortcode-anchor:not(.trp-opposite-button){visibility: unset !important;}
.menu-translate-wrapper {width: 100px;}
.menu-translate-mobile-wrapper {display:none;}
.menu-language-items-wrapper .trp-shortcode-switcher__wrapper {top: 20px;position: absolute;right: 40px !important;width: fit-content;}
.menu-language-items-wrapper .trp-shortcode-switcher {padding: 5px;}
.menu-language-items-wrapper .trp-language-item-name {font-weight: 700 !important;color: #1a21d5 !important;}
.menu-language-items-wrapper .trp-shortcode-arrow {color: #1a21d5 !important;}


/* End menu */

/* Header */
.page-header-wrapper {display:flex;}
.page-header-image-wrapper {aspect-ratio: 16 / 9;width: 50%;background-size: cover;background-repeat: no-repeat;background-position:center;border-top-left-radius: 60px;border-bottom-right-radius: 60px;margin:20px;}
.page-header-event-info-wrapper {background-color: white;width: 50%;padding: 60px;border-top-right-radius: 60px;border-bottom-left-radius: 60px;margin-top: 80px;margin-left: -140px;margin-bottom: -50px;}
.page-header-event-name {font-size: 48px;font-weight: 400;line-height: 54px;}
.page-header-event-title {font-size: 30px;line-height: 60px;}
.page-header-event-sub-title {font-size: 20px;line-height: 28px;}
.page-header-event-date-wrapper {display: flex;width: fit-content;background-color: #e2e2e2;border-top-right-radius: 20px;border-bottom-left-radius: 20px;margin-top: 40px;}
.page-header-event-date-label {margin-right: 10px;background-color: #FC6039;padding: 10px 20px;border-top-right-radius: 20px;border-bottom-left-radius: 20px;color: white;min-width: 70px;}
.page-header-event-date-item {padding: 10px 40px 10px 20px;min-width: 140px;}
.page-header-event-time-wrapper {display: flex;width: fit-content;background-color: #e2e2e2;border-top-right-radius: 20px;border-bottom-left-radius: 20px;margin-top: 10px;}
.page-header-event-time-label {margin-right: 10px;background-color: #1091FA;padding: 10px 20px;border-top-right-radius: 20px;border-bottom-left-radius: 20px;color: white;min-width: 70px;}
.page-header-event-time-item {padding: 10px 40px 10px 20px;min-width: 140px;}
.page-header-extra-tekst {margin-top:40px;}
/* End header */

/* Content */
.content-wrapper {margin-top: 140px;width: 90%;margin-left: auto;margin-right: auto;margin-bottom:140px;}
.content-label-wrapper {text-align: center;font-size: 48px;margin: 50px;}
.locaties-wrapper {float: right;background: rgba(214, 230, 214, 0.4);border-top-left-radius: 30px;border-bottom-right-radius: 30px;margin: 0px 0px 30px 60px;min-width: 300px;}
.locatie-label {font-size: 32px;margin-bottom: 20px;background: rgba(214, 230, 214);padding:20px 40px;color:#1a21d5;border-top-left-radius: 30px;}
.locatie-tekst-wrapper {padding: 10px 40px 60px 40px;}
.locatie-tekst.plaats {display:flex;}
.locatie-tekst.gebouw {font-size:22px;margin-bottom:10px;}
.locatie-tekst.link-locatie {margin-top:10px;}
a .locatie-tekst.link-locatie:hover {color:#1091FA;}
/* End content */

/* Forms */
.form-items-wrapper {margin-bottom: 80px;padding: 50px 80px;width: 80%;margin-left: auto;margin-right: auto;background: White;border-top-left-radius: 60px;border-bottom-right-radius: 60px;}
.forminator-field .forminator-label {color: #1A21D5;}
.forminator-field input {border-top-left-radius: 10px ! important;border-bottom-right-radius: 10px !important;border-color: #d2d2d2;margin-top: 5px !important;padding: 12px !important;}
.forminator-field textarea {border-top-left-radius: 10px ! important;border-bottom-right-radius: 10px !important;border-color: #d2d2d2;margin-top: 5px !important;padding: 12px !important;}
span.forminator-radio-label {font-size: 16px;}
button.forminator-button.forminator-button-submit {border-radius: 100px !important;font-size: 16px;padding: 10px 40px !important;background-color: #1A21D5;color: white;font-weight: 600 !important;}
.forminator-radio.forminator-is_checked .forminator-radio-bullet:before {background: #1A21D5;}
/* End forms */

/* Footer */
.footer-items-wrapper {background: #E4EEF5;margin-top: 40px;padding: 15px 30px 10px 30px;}
img.footer-logo {height: 50px;}
.footer-extra-options-wrapper {padding: 20px 30px;background: white;display:flex;}
.copyright-wrapper {flex: 1;}
.avg-wrapper {width: fit-content;}
.avg-wrapper #mega-menu-wrap-extra-menu #mega-menu-extra-menu {padding:0px;}
.avg-wrapper #mega-menu-wrap-extra-menu #mega-menu-extra-menu > li.mega-menu-item > a.mega-menu-link {font-size: 16px !important;color: black;font-weight: 400;text-transform: none;padding: 0px;height: 0px;line-height: normal;margin-top: -12px;}
.avg-wrapper #mega-menu-wrap-extra-menu #mega-menu-extra-menu > li.mega-menu-item > a.mega-menu-link:hover {color:#1A21D5;}

/* End footer */

/* ====== SUB Page ====== */

.content-row.subpage {width: 80%;margin-left: auto;margin-right: auto;background: white;padding: 60px;border-top-left-radius: 60px;border-bottom-right-radius: 60px;margin-top:0px;}
.page-title-wrapper {width: 80%;position: relative;margin-left: auto;margin-right: auto;}
.page-title {width: 80%;margin-top: 40px;font-size: 60px;width: fit-content;position: relative;background: #004285;color: white;font-weight: 100;padding: 10px 50px;border-top-right-radius: 40px;border-bottom-left-radius: 40px;margin-bottom: -40px;margin-left: 30px;}

/* ====== END SUB Page ====== */

@media (max-width:1250px)  {

/* Header - max-width 1250p */
.page-header-image-wrapper {width:60%;background-position-x: 70%;}
.page-header-event-info-wrapper {width:40%;}
.page-header-event-name {font-size:40px;}
.page-header-event-title {font-size: 26px;}
.page-header-event-sub-title {font-size: 18px;}
/* End header - max-width 1250p */

/* Content */
.locaties-wrapper {min-width: 200px !important;}
.locatie-label {padding: 10px 30px;font-size: 26px;}
.locatie-tekst-wrapper {padding: 0px 30px 30px;}
.locatie-tekst {font-size:16px;}
.locatie-tekst.gebouw {font-size:20px;}
/* End content */
}

@media (max-width:1000px)  {

/* Menu */
.menu-translate-mobile-wrapper {display:block;}
.menu-language-items{display:none;}
.mobmenul-container, .mobmenur-container {right: 30px;top: 30px !important;}
.mobmenur-container i {font-size:30px  !important;}
span.right-menu-icon-text {    margin-top: 6px;font-size: 18px  !important;}
.menu-header-menu-container {width: fit-content;margin-left: auto;margin-right: auto;text-align: center;}
.mobmenu-content li:before{content:unset;}
.mobmenu-content li {width: 100%;text-align: center;position: relative;display: block;}
.mobmenu-content li a {font-size: 40px !important;padding: 20px 0px !important;border-bottom: 1px solid #FC6039;}
.mobmenu-content li:last-child a {border-bottom:0px;}
.trp-language-switcher {padding: 0px !important;}
/* End menu */

/* Header - max-width 1000p */
.page-header-event-info-wrapper {padding: 30px;}
.page-header-event-name {font-size: 30px;}
.page-header-event-title {line-height: 32px;font-size: 23px;}
.page-header-event-sub-title {font-size: 16px;line-height:19px;}
.page-header-event-date-wrapper {  border-top-right-radius: 10px;border-bottom-left-radius: 10px;}
.page-header-event-date-label {font-size: 16px;padding: 5px 10px;border-top-right-radius: 10px;border-bottom-left-radius: 10px;}
.page-header-event-time-label {font-size: 16px;padding: 5px 10px;border-top-right-radius: 10px;border-bottom-left-radius: 10px;}
.page-header-event-date-item {font-size: 16px;padding: 5px 10px;}
.page-header-event-time-item {font-size: 16px;padding: 5px 10px;}
.page-header-extra-tekst {font-size:16px;}
/* End header - max-width 1000p */

}

@media (max-width:768px)  {

/* Header - max-width:768 */
.page-header-wrapper {display: block;position: relative;}
.page-header-image-wrapper {width: 95%;}
.page-header-event-info-wrapper {margin-left: auto;margin-right: auto;width: 80%;margin-top: -60px;}
/* End header */

/* Content - max-width:768 */
.locaties-wrapper {float: none;width: 100%;margin: 0px;}
/* End content */

/* Form - max-width:768 */
.form-items-wrapper {width:auto;}
/* End form */

}

@media (max-width:500px){

/* Header - max-width:500px */
.page-header-image-wrapper {height:400px;}
/* End header */

/* Forms - max-width:500px */
.content-label-wrapper {margin:50px 0px;}
.form-items-wrapper {padding: 30px;}
/* End forms */

}