/* Bibliotheksleitertag 2025 microsite master */

/* Page fix */
 div.wrapper{
     padding:24px 24px 8rem 24px;
}
 div.parsyscolumncontrol.section{
     margin-bottom:0;
}
 @media handheld and (max-width: 899px), screen and (max-device-width: 899px), screen and (max-width: 899px) {
     div.parsyscolumncontrol.section .parsys_column {
         margin-bottom: 0;
    }
}
/* Pills nav */
 #bl-nav {
     margin-bottom:2rem;
}
 #bl-nav::after {
     content: "";
     clear: both;
     display: table;
}
 #bl-nav .pills.parbase.section {
     width: auto;
     margin:0px;
     float: right;
}
 #bl-nav .pills.parbase.section ul li {
     margin: 0 18px 12px 0;
}
 #bl-nav .pills.parbase.section ul li:last-of-type a{
     display: inline-block;
     cursor: pointer;
     padding: 10px 14px;
     font-weight: bold;
     font-family: 'Graphik Bold', Helvetica, Arial, 'Arial Unicode MS', sans-serif;
     color: #ffffff;
     background: #F6BE00;
     text-decoration:none !important;
}
 #bl-nav .pills.parbase.section ul li:last-of-type a:hover, #bl-nav .pills.parbase.section ul li:last-of-type a:active{
     background: #E87722;
     color: #ffffff !important;
     text-decoration:none !important;
}
 @media handheld and (max-width:480px), screen and (max-device-width:480px), screen and (max-width:480px){
     #bl-nav .pills.parbase.section {
         width: 100%;
         float: left;
    }
     #bl-nav .pills.parbase.section ul li {
         margin-bottom: 8px;
    }
}
/* Child page header */
 #bl-childpg-hed{
     background-color:#f1f1f1;
     /* background-image:url('/content/dam/campaign-landing-pages/nl/contactdag2020/images/lockup-circles-white-childpghed.png'); */
     background-repeat:no-repeat;
     background-position:center right;
     background-size:25%;
     margin:0 0 4rem;
}
 #bl-childpg-hed h1{
     margin:24px 0 24px 24px;
}
 #bl-childpg-hed h1 .deck1, #bl-childpg-hed h1 .deck2{
     display:block;
     letter-spacing: 0;
}
 #bl-childpg-hed h1 .deck1{
     font-family: 'Graphik Bold', Helvetica, Arial, 'Arial Unicode MS', sans-serif;
     font-size: 36px;
     line-height: 36px;
     color:#236192;
}


#bl-childpg-hed h1 .deck-green{
     color:#4C8C2B;
}

 #bl-childpg-hed h1 .deck2{
     font-family: 'Graphik Light', Helvetica, Arial, 'Arial Unicode MS', sans-serif;
     font-weight:bold;
     color:#236192;
     font-size: 18px;
     line-height: 18px;
}
 #bl-childpg-hed h2{
     margin: 24px 24px 24px 0;
     font-family: 'Graphik Light', Helvetica, Arial, 'Arial Unicode MS', sans-serif;
     font-size: 54px;
     line-height: 54px;
     letter-spacing: -0.5px;
     text-align:right;
}
 @media handheld and (min-width: 700px) and (max-width: 899px), screen and (min-device-width: 700px) and (max-device-width: 899px), screen and (min-width: 700px) and (max-width: 899px) {
     #bl-childpg-hed{
         background-size:30%;
    }
     #bl-childpg-hed .parsys_column.cq-colctrl-lt0-c0{
         width: 50% !important;
         padding-right: 2%;
         float:left;
    }
     #bl-childpg-hed .parsys_column.cq-colctrl-lt0-c1{
         width: 50% !important;
         padding-left: 2%;
         float:left;
    }
     #bl-childpg-hed h1 .deck1{
         font-size: 28px;
         line-height: 28px;
    }
     #bl-childpg-hed h1 .deck2{
         font-size: 14px;
         line-height: 14px;
    }
     #bl-childpg-hed h2{
         font-size: 44px;
         line-height: 44px;
    }
}
 @media handheld and (max-width: 699px), screen and (max-device-width: 699px), screen and (max-width: 699px) {
     #bl-childpg-hed{
         background-size:contain;
    }
     #bl-childpg-hed h1 {
         margin-top: 0px;
         padding-top: 24px;
    }
     #bl-childpg-hed h1 .deck1{
         font-size: 28px;
         line-height: 26px;
         padding-bottom: 2px;
    }
     #bl-childpg-hed h1 .deck2{
         font-size: 14px;
         line-height: 14px;
    }
     #bl-childpg-hed h2{
         font-size: 44px;
         line-height: 44px;
         text-align:left;
         margin-left:24px;
    }
}
 @media handheld and (max-width: 320px), screen and (max-device-width: 320px), screen and (max-width: 320px) {
     #bl-childpg-hed h2{
         font-size: 38px;
         line-height: 38px;
    }
}
/* Speakers */
	
 #speakers .parsyscolumncontrol.section {padding-bottom: 40px;}
	
 #speakers{
     margin-top:2rem;
}
 #speakers .image.parbase.section{
     margin-bottom:2rem;
}
 #speakers .image.parbase.section img{
     max-width:180px;
}

 #speakers h4{
     margin-bottom:0.5rem;
     color:#333F48;
}
 @media handheld and (min-width: 680px) and (max-width: 899px), screen and (min-device-width: 680px) and (max-device-width: 899px), screen and (min-width: 680px) and (max-width: 899px) {
     #speakers .parsys_column.cq-colctrl-lt2-c0, #speakers .parsys_column.cq-colctrl-lt2-c1, #speakers .parsys_column.cq-colctrl-lt2-c2{
         float: left;
         width: 33.3% !important;
         padding-right: 2%;
    }
}
 @media handheld and (max-width: 679px), screen and (max-device-width: 679px), screen and (max-width: 679px) {
     #speakers .parsys_column.cq-colctrl-lt2-c0, #speakers .parsys_column.cq-colctrl-lt2-c1, #speakers .parsys_column.cq-colctrl-lt2-c2{
         float: none;
         width: 100%;
         padding-right: 0;
    }
     #speakers .image.parbase.section, #speakers .text.parbase.section, h3.speakers{
         text-align: center;
    }
     #speakers .text.parbase.section{
         margin-bottom: 2rem;
    }
}
/* Program */
 #legend{
     margin:2rem 0 1rem;
     border:1px solid #BBBCBC;
     padding:14px;
}
 #legend h5{
     color:#333F48;
}
 #legend p{
     margin:0 0 8px;
     font-size:14px;
     line-height:18px;
}
 #legend span{
     width:12px;
     height:12px;
     display:inline-block;
     position:relative;
     top:2px;
     margin-right:8px;
}
 table.agenda{
     width:100%;
    /* border-style:solid;
     border-width:1px 0 0 0;
     border-color:#BBBCBC;
     */
     border:none;
     margin:2rem 0 4rem 0;
}
 table.agenda th,table.agenda td{
     padding:12px 16px;
     border-style:solid;
     border-width:0 0 1px 0;
     border-color:#BBBCBC;
     vertical-align:top;
}
 table.agenda tr.date td{
     padding:16px;
}
 table.agenda tr.date td,table.agenda th{
     font-family: 'Graphik Bold', Helvetica, Arial, 'Arial Unicode MS', sans-serif;
}
 table.agenda tr.date td{
     font-size:24px;
     line-height:28px;
}
 table.agenda th{
     text-transform:uppercase;
     font-size:14px;
     line-height:14px;
     background:#f1f1f1;
     color:#888B8D;
}
 table.agenda td{
     font-size:18px;
     line-height:22px;
}
 table.agenda td.time{
     font-family: 'Graphik Semibold', Helvetica, Arial, 'Arial Unicode MS', sans-serif;
     white-space:nowrap;
}
 table.agenda td.desc, table.agenda td.spkr{
     width:35%;
}
 table.agenda td strong,table.agenda td b{
     font-family: 'Graphik Semibold', Helvetica, Arial, 'Arial Unicode MS', sans-serif;
}
 table.agenda td.leg span{
     width:16px;
     height:16px;
     display:block;
     position:relative;
     top:2px;
}
 table.agenda td.reg span.link-btn-blue a{
     margin: 0;
     padding: 8px 12px 8px !important;
     font-size: 18px !important;
     line-height: 22px !important;
}
 #legend span.blue,table.agenda td.leg span.blue{
     background:#00AFD7;
}
 #legend span.orange,table.agenda td.leg span.orange{
     background:#E87722;
}
 #legend span.green,table.agenda td.leg span.green{
     background:#78BE20;
}
 #legend span.magenta,table.agenda td.leg span.magenta{
     background:#AE2573;
}
 @media handheld and (max-width: 600px), screen and (max-device-width: 600px), screen and (max-width: 600px) {
     table.agenda tr.header{
         display:none;
    }
     table.agenda td{
         display:block;
         width:100% !important;
         border-bottom:none;
         padding-bottom:0;
         padding-left:0;
         padding-right:0;
    }
     table.agenda tr.date td{
         padding:0 0 12px 0;
    }
     table.agenda tr{
         border-bottom:1px solid #BBBCBC;
    }
     table.agenda tr td:last-of-type{
         padding-bottom:12px;
    }
}
/* Footer */
 footer{
     background-image: url('/content/dam/campaign-landing-pages/en/2020/images/landingpg_tribar_green.png');
     background-repeat:no-repeat;
     background-position:top center;
     background-size:100% 12px;
     background-color:#f1f1f1;
     max-width: none;
}
 footer .footer.iparsys.parsys{
     max-width: 1100px;
     margin: 0 auto !important;
}
 #footer{
	 margin-top:4rem; 
}
#footer-logo,#footer-tagline,#footer-phone,#footer-social,#footer-local-links,#footer-oclc-links{
     text-align:left;
}
 #footer-logo{
     max-width:160px;
     margin-bottom:2rem;
}
 #footer-tagline p,#footer-phone p{
     font-size:18px;
     line-height:22px;
     margin-bottom:3rem;
}
 #footer-tagline p{
     font-family: 'Graphik Bold', Helvetica, Arial, 'Arial Unicode MS', sans-serif;
}
 #footer-social{
     margin-bottom:8rem;
}
 #footer-social p{
     margin:0;
}
 #footer-social p.social-links a{
     margin:0 3px;
}
 #footer-social p.social-links a img{
     height:36px;
}
 #footer-local-links ul,#footer-oclc-links ul{
     margin-bottom:4rem;
}
 #footer-local-links ul li,#footer-oclc-links ul li{
     display:block;
     font-size:18px;
     line-height:22px;
     margin:0 0 6px 0;
}
 @media handheld and (max-width: 899px), screen and (max-device-width: 899px), screen and (max-width: 899px) {
     #footer-social{
         margin-bottom:4rem;
    }
     #footer-logo{
         margin: 0 auto;
         margin-bottom: 2rem;
    }
     #footer-logo,#footer-tagline,#footer-phone,#footer-social,#footer-local-links,#footer-oclc-links{
         text-align:center;
    }
}
/* Misc */
 .nobr{
     white-space:nowrap;
}
 .visuallyhidden{
     position: absolute !important;
     height: 1px;
     width: 1px;
     overflow: hidden;
     clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
     clip: rect(1px, 1px, 1px, 1px);
     white-space: nowrap;
}