/*
    Use this stylesheet to modify the layout of your
    conference.
*/


:root {
  /* Header */
  --conf-theme-header-bg: #1a64a0;
  --conf-theme-header-border-bottom: #0f4c80;
  --conf-theme-header-text: white;

  /* Subtitle area */
  --conf-theme-subtitle-bg: #f5faff;
  --conf-theme-subtitle-border: #d5e4f1;
  --conf-theme-subtitle-text: #24425a;

  /* Menu colors */
  --conf-theme-menu-bg: #f6f6f6;
  --conf-theme-menu-border: #ccc;
  --conf-theme-menu-link: #275c86;
  --conf-theme-menu-selected: #bd891a;
  --conf-theme-menu-selected-bg: #dadada;
  --conf-theme-menu-selected-border: #d0d0d0;
  --conf-theme-hover-bg: #e0e0e0;
  --conf-theme-hover-color: var(--conf-theme-menu-link);
  --conf-theme-title-sprite-bg: transparent;
  --conf-theme-announcement-sprite-bg: transparent;
  --conf-theme-announcement-border-top: 1px solid var(--conf-theme-announcement-border);
  --conf-theme-announcement-border-bottom: none;

  /* Support box */
  --conf-theme-support-bg: #f6f6f6;
  --conf-theme-support-border: #ccc;
  --conf-theme-support-header-bg: #1a64a0;
  --conf-theme-support-header-text: #f3f3f3;
  --conf-theme-support-text: #aaa;


  /* Announcement colors */
  --conf-theme-announcement-bg: #f5faff;
  --conf-theme-announcement-border: #c2d6e7;
  --conf-theme-announcement-text: #0f283d;
}



/* Other CSS as needed */



.confTitleBox {
    padding-top: 20px;
    padding-bottom: 20px;
}

.confSubTitleBox {
    padding-bottom: 20px;
}


/*This one is for Custom image */


.confheader {
    background: url('https://plan.events.mpg.de/event/486/images/204-Full-Page%20Solid%20Color(4).png')
                center center / cover no-repeat !important;
}





/*This one is the default blue shade */

/*

.confheader {
    background: #29485d !important;
}

*/


.confTitleBox,
.confSubTitleBox {
    background: transparent !important;
    border-color: transparent !important;

}


.datePlace .date::after {
    content: "\A + Aug 28, 2027 (Alumni event)";
    white-space: pre-line;
    display: inline;
    line-height: 1.1;
}

/*

body {
    background-color: #A0BACC;
}

*/ 


/* Change title font colour */
/*
.confSubTitle {
    color: #102030 !important;
}

.conference-title-link {
    color: #102030 !important;
}
*/

/* Mobile rendering*/

@media screen and (max-width: 1100px),
       screen and (max-device-width: 768px) {

    .confheader {
        background-color: #29485d !important;

        background-image:
            url('https://plan.events.mpg.de/event/486/images/211-Untitled%20(1080%20x%20480%20px)%20(1).png')
            !important;

        background-size: 100% auto !important;
        background-position: right top !important;
        background-repeat: no-repeat !important;
    }
}