@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;800&display=swap');

:root {
    --umpm-color-primary: #2B335C;
    --umpm-color-secondary: #677ADB;
    --umpm-color-tertiary: #4F5EA8;
    --umpm-bg-whiteblue: #eef3f8;
    --umpm-corners-radius: .8rem;
    --umpm-transition-duration: 250ms;
}

body { background: #fff; font-family: 'Manrope', Open Sans, Roboto, Segoe UI, Arial, sans-serif; font-size: 18px; }

h1, h2, h3, h4, h5 { font-weight: bold; color: var(--umpm-color-primary); margin-bottom: 1em; }
h1 { font-size: 2.5rem; }
h2 { font-size: 1.8rem; }
h2 + h3 { margin-top: 0 !important; }
h2:not(:first-child), h3:not(:first-child) { margin-top: 2em; }

.link, a { color: var(--umpm-color-secondary); } 
.link:hover, a:hover { color: var(--umpm-color-tertiary); }

ul { list-style-image: none; }
::marker { color: #677adb; }

#scroll-top { background-color: var(--umpm-color-secondary); }
#scroll-top:hover { background-color: var(--umpm-color-tertiary); }

.button, input[type=submit] { background-color: var(--umpm-color-secondary); font-size: inherit; padding: 12px 24px; }
.button:hover, input[type=submit]:hover { background-color: var(--umpm-color-tertiary); }

.header-wrap { background-color: var(--umpm-color-primary); background-position-y: 35%; }

.header-wrap.header-home .overlay { background: transparent; }
.slider-box .button {font-weight: bold;}
.slider-pretitle { color: var(--umpm-color-secondary); }
.slider-subtitle span {color: #fff;background: var(--umpm-color-primary);margin-top: 1.5rem;padding: .5rem .75rem;border-radius: 4px;}

img { max-width: 100%; }
iframe { display: block; margin-inline: auto; max-width: 100%; }

#jq-menu { font-size: 16px; float: left; }
#jq-menu .jq-menu-item { text-align: center; }
#jq-menu .jq-menu-item a.selected,
#jq-menu .jq-menu-item a:hover,
#jq-menu .jq-menu-item:hover a,
#jq-menu .jq-menu-item:hover a.selected { background: var(--umpm-color-secondary); border: 0; }
#jq-menu .jq-menu-item a { margin: 0 .375em; padding: 8px 16px; border-radius: 4px; border: 0; }

#mobile-menu-overlay { background: rgb(0 0 0 / 65%); }

#mobile-menu-items { background: rgb(255 255 255 / 95%); border-radius: .8rem; padding: 1em; }
.mobile-menu-item { margin-block: .625em; }
.mobile-menu-item a { color: var(--umpm-color-primary); font-weight: bold; text-align: center; border-radius: 999px; } 
.mobile-menu-item a.selected { background: var(--umpm-color-secondary); color: #fff; }
.mobile-menu-item a:hover { background-color: var(--umpm-color-secondary); }

.content-wrap { padding-top: 0; }

/* #page-title { max-width: 75%; margin: 0 auto; text-transform: uppercase; } */

.header-wrap .container-fluid { max-width: 75%; padding: 0; }
.header-speakers + .content-wrap hr { display: none; }

.content-wrap .container-fluid .row .row { max-width: 75%; margin: 0 auto; }

.header-home ~ .content-wrap #page-title-wrap,
.header-home ~ .content-wrap .updated-date { display: none; }

.home-box #search_q_input { width: 250px; }

#page-title-wrap { border: 0; margin: 2em 0; padding: 2em 0; }
#page-title, .event-title, .news-read-title { position: relative; margin: 0; font-size: 2.5rem; font-weight: bold; letter-spacing: -1px; color: var(--umpm-color-secondary); text-align: left; }
.event-title, .news-read-title { margin-block: 1em; }
#page-title:before, .event-title:before { --width: 10em; content: ''; width: var(--width); height: 3px; background: #ADB6E1; position: absolute; top: 47%; left: calc(var(--width)*-1 - .475em); }

.news-content p { margin: 2em 0; text-justify: none; }

.right-column { padding-top: 5rem; }
.sidebar { padding: 20px 10px; }

.event-info-row { padding: 1em; border: 1px solid #EDEFF1; border-radius: .8rem; }
.event-info-row span { font-weight: bold; }

.speech-title .speaker { display: block; font-size: 1em; margin-top: .5rem; color: var(--umpm-color-secondary); }

.page-url-home.page-text { margin-top: 5rem; font-size: 1.25rem; }

/************************************************************* SHOW HIDE */
.show-hide {  border: 1px solid var(--umpm-color-primary); border-radius: var(--umpm-corners-radius);margin: 2em 0; }
.show-hide + .show-hide {margin-top: 2em; }
.show-hide-head { margin: 0; transition:0.5s;cursor:pointer;background:#fff;color:var(--umpm-color-primary); border: 0; border-radius: var(--umpm-corners-radius);line-height:1.2;font-size:100%;transition:var(--umpm-transition-duration);padding: 0; }
.show-hide-head h3 { margin: 0 !important;padding: 1em 1em 1em 2.375em;line-height: 1.333;display: block; font-size: 1.215rem; }
.show-hide-head:hover { border: 0; background: var(--umpm-bg-whiteblue);transition: var(--umpm-transition-duration); }
.show-hide-head.current { border: 0; transition:0.5s;border-radius: var(--umpm-corners-radius) var(--umpm-corners-radius) 0 0;background: var(--umpm-bg-whiteblue); }
.show-hide-head.current:hover { background: var(--umpm-bg-whiteblue);transition: var(--umpm-transition-duration); }
.show-hide-content {padding: .875em 2.5em; max-width: 100%; }
.show-hide-head h3:before {content: '';position: relative;display: inline-block;margin-left: -1rem;margin-right: .45rem;margin-bottom: -.1rem;width: 10px;height: 10px;border-right: 1px solid;border-bottom: 1px solid;border-color: var(--umpm-color-primary);transform: translate(-50%,-60%) scaleY(-1) rotate(-135deg);transition: transform var(--umpm-transition-duration); }
.show-hide-head.current h3:before {transform: translate(-50%,-20%) rotate(-135deg);transition: transform var(--umpm-transition-duration); }


.footer-wrap { background: var(--umpm-color-primary); color: #fff; font-size: 100%; }

@media (min-width: 768px) {
    .header-wrap .container-fluid { max-width: 75%; }
    .header-wrap .row [class*="col-"] { display: flex; }
}

@media (max-width: 767px) { 
    .header-wrap { padding: 2rem 0; }
    #page-title-wrap, .news-read-title { border-bottom: 3px solid #8eadbf; }
    .news-read-title {padding-bottom: 1em; }
}

/* News items */
.news-list-block {
    padding: 2em;
    margin-bottom: 2em;
    border: none;
    border-radius: 0.8rem;
    box-shadow: 0px -1px 1px rgb(0 0 0 / 8%), 1px 0px 1px rgb(0 0 0 / 8%), -1px 0px 1px rgb(0 0 0 / 8%), 0px 1px 1px rgb(0 0 0 / 8%);
}

.news-list-title {
    font-size: 1.215em;
    line-height: 1.5;
    font-weight: bold;
    margin: 0;
}

.news-list-dates {
    margin: 1rem 0;
}

.news-list-lead {
    font-size: 1rem;
    line-height: 1.5;
}

.news-list-more {
    margin-top: 1rem;
    font-weight: bold;
}

.news-list-date, .news-read-date {
    font-style: normal;
    padding: .475em 1em;
}

.news-list-lead-block {
    margin-top: 8px;
}

.downloads-block {width: fit-content; padding-inline: 1rem; background: rgba(103 122 219 / .25); border: 5px solid rgba(103 122 219 / .25); border-radius: 10vh;}
.downloads-block span { display: none; }
.downloads-block a { color: var(--umpm-color-secondary); }
.downloads-block a:hover { color: var(--umpm-color-tertiary); }

/* Schedule */
.schedule {
    --spacing: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
    margin: 2em 0;
}

.session-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
    gap: calc(var(--spacing) / 4);
    padding-top: var(--spacing);
    border-top: 1px solid var(--umpm-color-tertiary, #4F5EA8);
}

.session-title {
    margin: 0;
	font-weight: bold;
}

.session-chair {
	font-size: 1.15rem;
}

.session-chair a {
	font-weight: bold;
}

.session-chair {
	font-size: 1.15rem;
}

.schedule-item {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
    justify-content: flex-start;
}

.schedule-what-title {
    font-weight: bold;
    font-size: 1.25em;
    margin: 0;
}

.schedule-what-title span {
    font-weight: normal;
    font-style: italic;
}

.schedule-who {
    display: flex;
    flex-direction: column;
    gap: .475em;
    flex-wrap: wrap;
    margin-block: 0;
    margin-left: 1em;
    list-style-image: url(../images/layout/li.png);
}

.schedule-who-person:only-child {
    list-style: none;
    margin-left: -1em;
}

.schedule-who-name {
    font-weight: bold;
}

.schedule-who-position {
    opacity: .65;
}

.schedule-what {
    display: flex;
    flex-direction: column;
    align-self: center;
    gap: .475rem;
}

.schedule-what-title:only-child {
    text-transform: uppercase;
}

.schedule-when {
    line-height: 1.75;
    width: min-content;
	font-variant: tabular-nums;
}