/* Page structure */
 @media (max-width: 640px) {
     .column, .columns {
         width: 100% !important;
         float: left;
         box-sizing: border-box;
         margin-left: 0 !important;
    }
}

/* Navigation */
 .cbp-af-header {
     width: 100%;
     background: #fff;
     z-index: 10000;
    /* height: 100px; */
     overflow: hidden;
     -webkit-transition: height 0.3s;
     -moz-transition: height 0.3s;
     transition: height 0.3s;
     position: relative;
}
 nav a {
     color: #333f48;
     margin-left: 10px;
}
 nav a.active {
     color: #007DBA;
}
 nav a:hover {
     color: #00afd7;
     text-decoration: none;
}
 nav a.registration {
     color:#00AFD7;
     border:4px solid #00AFD7;
     padding:6px 8px;
}
 nav a.registration:hover, nav a.registration.active{
     color:#007DBA;
     border-color:#007DBA;
}
 .cbp-af-header .cbp-af-inner {
     width: 90%;
     max-width: 69em;
     margin: 0 auto;
     padding: 0 1.875em;
}
 @media (min-width: 1000px) {
     .cbp-af-header .cbp-af-inner {
         padding: 0 1.875em;
    }
}
 @media (min-width: 1150px) {
     .cbp-af-header .cbp-af-inner {
         padding: 0 1.875em;
    }
}
 .cbp-af-header .logo, .cbp-af-header nav {
     display: inline-block;
     position: relative;
}
 .cbp-af-header .logo {
     margin: 20px 0px 0px 0px;
     float: left;
     width: 140px;
     height: 55px;
     background: url('/content/dam/oclc/conferences/resource-sharing-conference/2017/oclc-logo.svg') no-repeat;
}
 .cbp-af-header nav {
     float: right;
     margin-top: -12px;
}
/* Transitions and class for reduced height */
 .cbp-af-header .logo, .cbp-af-header nav a {
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
}
 .cbp-af-header nav a {
     transition: none;
}
 .cbp-af-header.cbp-af-header-shrink {
     height: 70px;
     background: rgba(255,255,255,.9);
     transition: 0.35s all ease;
}
 .cbp-af-header.cbp-af-header-shrink .logo, .cbp-af-header.cbp-af-header-shrink nav a {
     line-height: 115px;
}
 .cbp-af-header.cbp-af-header-shrink .logo {
     font-size: 2em;
     margin: 15px 0px 0px 0px;
     width: 140px;
     background: url('/content/dam/oclc/conferences/resource-sharing-conference/2017/oclc-logo.svg') no-repeat;
}
/* --- Responsive breaks for nav --- */
 @media (min-width: 360px) {
     .cbp-af-header {
         height: auto;
    }
     .cbp-af-header .cbp-af-inner {
         padding: 0;
         /* text-align: center; */
    }
     .cbp-af-header .logo {
         line-height: 10px;
         float: none;
    }
     .cbp-af-header nav a {
         line-height: 36px;
    }
     .cbp-af-header nav {
         display: block;
         float: none;
         text-align: center;
         clear: left;
    }
     .cbp-af-header.cbp-af-header-shrink {
         height: auto;
    }
     .cbp-af-header.cbp-af-header-shrink .logo, .cbp-af-header.cbp-af-header-shrink nav a {
         line-height: 10px;
    }
     .cbp-af-header.cbp-af-header-shrink .logo {
         display: block;
         float: none;
         width: 100px;
         margin-top: 10px;
         margin-bottom: 20px;
         margin-left: auto;
         margin-right: auto;
         height: 30px;
    }
}
 @media (min-width: 930px) {
     .cbp-af-header {
         height: 100px;
    }
     .cbp-af-header .cbp-af-inner {
         text-align: left;
         padding: 0;
    }
     .cbp-af-header .logo, .cbp-af-header nav a {
         line-height: 118px;
    }
     .cbp-af-header nav {
         display: inline-block;
         float: right;
         text-align: right;
         clear: none;
    }
     .cbp-af-header.cbp-af-header-shrink {
         height: 70px;
    }
     .cbp-af-header.cbp-af-header-shrink .logo, .cbp-af-header.cbp-af-header-shrink nav a {
         line-height: 87px;
    }
     .cbp-af-header.cbp-af-header-shrink .logo {
         display: inline-block;
         float: left;
         margin-top: 15px;
         margin-bottom: 0px;
         margin-left: 0px;
         margin-right: 0px;
    }
}
 @media (max-width: 359px) {
	.cbp-af-header .cbp-af-inner{
		width: 100%;
		text-align: center;
		max-width: none;
		padding: 1em 0 0 0;
	}
	.cbp-af-header .logo{
		float: none;
		display: inline-block;
		margin: 0;
	}
}

/* Hero */
 .sb-logo {
     background: url('/content/dam/oclc/conferences/resource-sharing-conference/2020/rsc20-online-hero-animated.svg') no-repeat center;
     height: 450px;
     display: block;
     width: 100%;
     text-indent: -99999px;
     position: relative;
     z-index: 1000;
}
 .sb-logo-container {
     position: relative;
     width: 100%;
     padding-bottom: 50%;
     float: left;
     height: 0;
}
 .sb-logo {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
}

/* Connected spinners */
 .connected-container {
     top: 1200px;
}
 .connected-right {
     background: url('/content/dam/oclc/conferences/resource-sharing-conference/2017/connected-right.png') no-repeat;
     width: 325px;
     height: 1031px;
     position: fixed;
     z-index: 0;
     right: 0;
     top: 0;
     transition: all 1s;
}
 .connected-right.interior {
     background: url('/content/dam/oclc/conferences/resource-sharing-conference/2018/bridging_interior.png') no-repeat;
}
 @media (max-width: 900px) {
     .connected-right.interior {
         background: url('/content/dam/oclc/conferences/resource-sharing-conference/2018/bridging_interior_white.png') no-repeat;
    }
}
 .connected-container {
     width: 420px;
     height: 632px;
     position: absolute;
     right: 0px;
     top: 780px;
     z-index: 1500;
     overflow: hidden;
}
 .connected-right-top {
     background: url('/content/dam/oclc/conferences/resource-sharing-conference/2018/bridging-communities-rotate.png') no-repeat;
     width: 600px;
     height: 600px;
     position: absolute;
     right: -270px;
     z-index: 750;
     -webkit-transition: opacity 1s;
     transition: opacity 1s;
}
 .connected-left {
     background: url('/content/dam/oclc/conferences/resource-sharing-conference/2017/connected-left.png') no-repeat;
     width: 313px;
     height: 703px;
     position: absolute;
     z-index: 500;
     left: 0;
     top: 0;
}
 @media (max-width: 900px) {
     .connected-right {
         opacity: 0.5;
         -webkit-transition: all 1s;
         transition: all 1s;
    }
     .connected-right-top {
         opacity: 0;
         -webkit-transition: opacity 1s;
         transition: opacity 1s;
         z-index: 1;
    }
}

/* Cover blocks */
 .cover {
     background: #f2f3f5 url('/content/dam/oclc/conferences/resource-sharing-conference/2019/rsc19-bg-cover.png') no-repeat center;
     background-size:cover;
     padding: 50px 0 50px 0;
}
 .cover-1 {
     background: #00AFD7;
     border-top: 8px solid #fff;
     padding: 24px 0;
}
 .cover-1 p {
     margin: 0;
     text-align:center;
}
 .cover-1 p.desc {
     margin: 24px 13% 0 13%;
     width: 74%;
     color:#ffffff;
     font-family: 'Graphik Semibold', Helvetica, Arial, sans-serif;
     font-size: 16px;
     line-height: 20px;
}
 @media (max-width: 640px) {
	 .cover-1 p.desc {
		 margin: 24px 0 0 0;
		 width: 100%;
	}
}
 .cover-1 a.cta {
     display: inline-block;
     color: #fff;
     font-family: 'Graphik Bold', Helvetica, Arial, sans-serif;
     font-size: 24px;
     line-height: 28px;
     padding: 14px 24px;
     border: 6px solid #ffffff;
}
 .cover-1 a.cta:hover {
     background: #ffffff;
     color:#00AFD7;
}
 .cover-2 {
     background: #007DBA;
     border-top: 8px solid #fff;
     border-bottom: 8px solid #fff;
     padding: 40px 0;
}
 .cover-2, .cover-2 h2{
     color: #ffffff;
}
 @media (max-width: 480px) {
	 .cover-2 h2{
		 font-size: 3.5rem;
	}
}
 .cover-2 p a, .cover-2 p a:hover {
     color: #fff;
     text-decoration: underline;
}
 .cover-3 {
     background: #4C8C2B;
     padding: 50px 0 60px 0;
     position: relative;
     margin: 0 0 60px 0 
}
 .cover-3, .cover-3 h2, .cover-3 h3{
     color: #ffffff;
}
 .cover-3 .register{
     background: #ffffff;
     padding:24px;
     margin-bottom: 2rem;
}
 .cover-3 .register p{
     color: #333F48;
     margin: 0;
}
 .cover-3 .register a:hover{
     text-decoration: underline;
}
 .cover-3 p.note{
     font-size: 0.8em;
     font-style: italic;
}
 .cover-3 .session{
     padding: 30px 0 24px;
     border-top:1px dotted #fff;
 }
 .cover-3 .session.last{
     border-bottom:1px dotted #fff;
 }
 .cover-3 .session h3{
 	letter-spacing:0;
 	font-size: 3.3rem;
 	line-height: 1.2;
 	margin-bottom: 1rem;
 }
 .cover-3 .session p{
 	margin-bottom: 1rem;
 }
 .cover-3 .session p.datetime{
 	font-family: 'Graphik Semibold', Helvetica, Arial, sans-serif;
 	margin-bottom: 1.5rem;
 	line-height: 1.3em;
 }
 .cover-3 .session ul{
 	margin-bottom: 0;
 }

/* Program committee */
 .headshot {
     text-align: center;
}
 .headshot-name {
     text-transform: uppercase;
     font-family: "Graphik Bold", Helvetica, Arial, sans-serif;
     letter-spacing: 0.08rem;
     line-height: 100%;
     margin: 0 0 .5rem 0;
}
 .headshot-co {
     font-size: 1.5rem;
     line-height: 1.8rem;
}
 .speaker-name {
     font-family: "Graphik Regular", Helvetica, Arial, sans-serif;
     font-size: 4.0rem;
     margin: 0;
     text-transform: none;
     letter-spacing: -0.2rem;
     color: #236192;
}
 .speaker-title {
     font-family: "Graphik Bold", Helvetica, Arial, sans-serif;
     margin: 0;
}
 .speaker-co {
}
 
 /* Other */
 h2.green,span.green{
     color:#4C8C2B 
}
 h2.blue,span.blue{
     color:#00afd7 
}
 hr{
     border-color:#00AFD7 
}
 .nobr{
	white-space: nowrap; 
}

/* Divider Bars */
 .divider {
     height: 35px;
}
 .divider.small, .divider.small .bar-1, .divider.small .bar-2 {
     height: 8px;
}
 .divider .bar-1 {
     height: 35px;
     float: left;
     width: 30%;
}
 .divider .bar-2 {
     height: 35px;
     float: left;
     width: 10%;
}
 .divider.green-yellow {
     background: #F6BE00;
}
 .divider.green-yellow .bar-1 {
     background: #78BE20;
}
 .divider.green-yellow .bar-2 {
     background: #b7be10;
}
 .divider.blue-green {
     background: #78BE20;
}
 .divider.blue-green .bar-1 {
     background: #00AFD7;
}
 .divider.blue-green .bar-2 {
     background: #3CB67C;
}

/* Footer */
 footer {
     font-size: 1.6rem;
     color: #333f48;
     padding: 0 0 100px 0;
     margin: 0;
     background: #f0f0f0;
     position: relative;
     z-index: 1000;
}
 footer .container {
     margin-top: 50px;
}
 footer ul {
     margin: 0;
     padding: 0;
}
 footer ul li {
     list-style-type: none;
     line-height: 100%;
}
 footer p {
     margin: 0;
}
 footer h4 {
     margin: 15px 0 1rem 0;
}
 .copyright ul li {
     display: inline-block;
     margin: 0 15px 0 0;
}
 .copyright {
     margin-top:25px;
     font-size: 1.25rem;
}
 .copyright a {
     text-decoration: underline;
     color: #333f48;
}
 .copyright a:hover {
     color: #1d252d;
}
 .tollfree-area {
     font-size: 1.25rem;
     margin-top:-4px;
}
 .footer-tag {
     font-size: 1.8rem;
     font-family: "Graphik Bold", Helvetica, Arial, sans-serif;
     margin: -8px 0px 20px;
}
 .footer-logo {
     margin-bottom: 25px;
}
 .social-links {
     margin-top:20px;
}
 .social-links a {
     margin-right:7px;
}
 @media (max-width: 900px) {
     footer {
         text-align: center;
    }
}