.docs-nav-wrapper{margin:0 auto}
#literature-nav, #videos-nav{text-align:center}
#literature-section{margin-top:0;padding-top:50px}
.related-resources .card2-wrapper{max-width:960px}

/*-------------------- PUBLICATIONS -----------------------*/

#pub-count{
  position:absolute;
  left:0;
  top:400px
}
#pub-count small{font-size:15px}
#pub-count em{font:22px Decagram Bold; color:#fff}

#pub-search-box{
  float:left;
  background:#1f3549;
  width:92%;
  padding:20px 4% 35px 4%;
  border-radius:8px;
  margin-bottom:40px
}

#pub-search-box h3{
  color:#fff;
  font:normal 18px Camber Medium;
}

#pub-form {float:left;width:100%}

#pub-form fieldset {
    position: relative;
    float: left;
    border: 0;
    width: 48%;
    margin:0 3% 13px 0
}

#pub-form fieldset:nth-child(even){margin-right:0}

#pub-form label{display:none}

#pub-form input {
    float:left;
    border-radius:3px;
    background:#fff;
    width:96%;
    padding:2px 2%;
    height:25px;
    font:14px Camber Medium;
    border:0
}

#pub-form #authors-field{
  width:69%;
  margin-right:3%
} 

#pub-form fieldset:nth-child(4) input:last-child{width:20%} 

#pub-search-submit{clear:left;padding-top:20px}
#pub-search-submit a:first-child{margin-right:15px}

/*----- Publications List -----*/
#publications-list{position:relative;margin-top:30px}

#expand-abstracts {
    float: right;
    margin-bottom: 30px
}

#expand-abstracts .blue-btn{
    padding:7px 15px 8px 16px;
    border-radius: 5px;
    font: 13px Decagram Semibold; 
    text-transform: uppercase
}

#pub-heading {
    float: left;
    width: 100%;
    height: 20px;
    padding-bottom: 5px;
    border-bottom: 5px solid #eee
}

#pub-heading p{float:left;font: 18px Decagram Semibold}

#pub-heading ul {float:right;min-width:260px}

#pub-heading li {
    float: left;
    margin-right: 35px;
    font: 15px Camber Medium
}
#pub-heading li:last-child{margin-right:0}

.pub-section {
    float: left;
    width:100%;
    padding:3% 0;
    border-bottom: 1px solid #ccc
}

.pub-section:last-child{border:0}

.pub-left-col {float: left;width:65%}

.pub-left-col div{
  float:left;
  width:25%;
  margin-right:5%
}
.pub-left-col div img{border: 1px solid #bfbfbf; border-radius:4px}
.pub-left-col div p{margin-top:10px;text-align:center;font: 14.5px/1.2 Camber Medium}

.pub-left-col ul{float:left;width:70%}
.pub-left-col li{margin-bottom:10px}
.pub-left-col ul li span{font:15px Decagram Semibold}
.pub-title{font: 16px/1.2 Decagram Semibold; color: #101820}
.pub-institution{color:#346c97;margin-bottom:0}

.pub-right-col {
    float:right;
    width: 25%;
    min-width:265px
}

.pub-right-col li{float:left;width:70px;text-align:center}
.pub-right-col li:nth-child(2) {width:75px}
.pub-right-col li:nth-child(3) {width:55px}

.pub-right-col li:last-child {
    width:65px;
    cursor: pointer;
    text-align:right
}

.pub-right-col .pub-year{
  width:45px;
  font-family:Camber Medium;
  margin:6px 0 0 0;
  text-align: center
}

.pub-desc {
    display:none;
    float: left;
    width: 100%;
    padding-top: 15px
}

.pub-desc p{line-height:1.5}
.pub-desc ul{margin-top:20px}
.pub-desc li span{font-family:Camber Semibold}

.pub-right-col .pdf-icon{width:26px}
.pub-right-col .plus-icon{width:23px}
.pub-right-col .link-icon{width:28px}

.pdf-icon{fill:#e45025}
.plus-icon{fill:#7c878e}
.link-icon{fill:#fff;stroke:#7c878e}
.featured-sidebar .small-left-arrow{fill:#346c97;vertical-align:middle}
aside{overflow:scroll;height:2800px;max-height:3000px}

/*////////////////////////// PDF VIEWER /////////////////////////////*/
#pdf-page{margin:130px 0 5% 0;min-height:800px}
#pdf-wrap{width:98%;background:#e5e5e5;padding:10px 1%}
#pdf-header {position:fixed;text-align:center;width:100%;z-index:7;right:0;left:0;margin-right:auto;margin-left:auto;top:60px}
#pdf-header-inner{position:relative;margin:0 auto;max-width:1200px;background:#e5e5e5;height:50px;border-top:40px solid #414447}
#pdf-buttons{position:absolute;left:15px;top:12px;z-index:102}
.page-btn{float:left;margin-right:10px}
.page-btn svg{width:26px}
#pdf-zoom-out svg{fill:#bbb;cursor:default}
.pdf-download{
  position:absolute;
  right:11px;
  top:8px;
  width:300px
}
.pdf-download input, .pdf-download a{
  font:500 13px Camber Semibold;
  color:#fff;
  border:0;
  cursor:pointer;
  padding:8px 15px 9px 18px;
}
.pdf-download a{
  float:left;
  color:#346c97;
  border:1px solid #346c97;
  padding:7px 15px 8px 18px
}
.pdf-download a:hover{
  color:#588eb7;
  border-color:#588eb7;
}

.pdf-download input{float: right}
#page-count{margin:15px 0 0 0;padding:0;color:#000;font-size:18px}
#pdf-viewer{float:left;width:100%;margin-top:15px}
#pdf-thumb{display:none}
#pdf-thumb .btn{padding:10px 0;font-size:18px}

#non-pdf-page{background:#fff;padding-bottom:150px}
#non-pdf-page .page-inner{margin-top:250px}
#non-pdf-page .left-paragraph{width:35%}
#non-pdf-page .right-paragraph{width:60%;padding-left:5%}
#non-pdf-page h1{font:30px Decagram Semibold;margin-bottom:20px}

/*------------------ VIDEOS ----------------------*/
#videos-hero{margin-bottom: 40px}

#videos-section{padding-bottom:50px}

#videos-section .narrow-content{max-width:1175px;margin-bottom:0}

#videos-nav{margin-bottom:15px}

#videos-section h3{padding-top:0}

#videos-section .card3-wrapper{grid-column-gap:24px}

.video-box {
  /* needed for the flex layout*/
  margin:0 20px 100px 20px;
  flex: 1 1 350px
}
@supports (display: grid) {
  .card-layout .video-box {
    margin: 0
  }
}

.video-thmb{margin-bottom:20px}

.video-body{margin:15px 0 35px}

.video-title{
 color: #101820;
 font: 17px/1.3 Decagram Semibold
}

.video-btn{
  position: absolute;
  top: 20px;
  right: 0%;
  padding: 6px 13px 7px 15px;
  font: 14px Camber Medium
}

.video-btn:hover{
  border-color: #346c97;
  color: #346c97
}

.video-title:hover{color: #346c97}

/*-------------- SINGLE VIDEO PAGE -----------------*/

#video-section, #webinar-section{margin:125px 0 0; background: #101820;overflow-x:hidden}
#video-section h4{margin:85px 0 45px; font-size: 25px; color: #fff}
.center-paragraph {width: 75%}
#video-section .center-paragraph:last-child{width: 75%}
#video-section p{margin: 35px 0 100px; font: 16px/1.5 Camber Light; color: #bfbfbf; text-align:left}

/*-------------- SINGLE WEBINAR PAGE -----------------*/
#webinar-section{padding-bottom:100px;color:#fff}
#webinar-section .page-inner{margin-top:85px}

#webinar-section .left-paragraph{width:45%;padding-right:5%}

#webinar-section .right-paragraph{width:50%}

#webinar-section .blue-btn{font:15px Decagram Semibold;width:120px;margin-top:0;padding-left:17px;padding-right:8px;color:#fff}

#webinar-section img{border:4px solid #333}

#webinar-section h1{
  font:25px Decagram Semibold;
  margin:60px 0 10px 0
}

#webinar-section #webinar-sub{
  margin-bottom:30px;
  color: #bfbfbf;
  font:20px Camber Light;
}

#webinar-section h2{
  padding-top:10px;
  margin-bottom:5px;
  font:20px Camber Semibold;
  color:#fff
}

#webinar-section h3{
  margin-bottom:3px;
  font:15px Camber Light;
  color:#fff
}

#webinar-section .left-paragraph ul{margin-top:20px}
#webinar-section .left-paragraph li{margin-bottom:10px}
#webinar-section p{color:#bfbfbf}
#webinar-section .blue-btn{color:#fff}

#webinar-abstract{
  float:left;
  width:100%;
  margin-top:20px
}

#webinar-abstract p{
  font: 15px/1.6 Camber Regular;
  padding-top:15px;
  color: #bfbfbf
}

#webinar-form-section{
   padding-top:30px;
   color:#bfbfbf;
   background: linear-gradient(180deg, rgba(38,38,38,1) 0%, rgba(0,0,0,1) 100%)
}
#webinar-form-section h3{color:#fff}
#webinar-form-section form{margin:30px 0 100px 0}
#webinar-form-section input, #webinar-form-section textarea{border:0}
#webinar-form-section #register-privacy a{color:#fff}

/*-------- SECTION FOOTER OR HEADER -----------*/
.section-footer{
    position:relative;
    padding:40px 0 60px 0;
    width:100%;
    text-align: center;
    background:#fff
}
.section-footer:before, .section-footer:after{
    content:'';
    position:absolute;
    top:0;
    width:3000px;
    height:100%;
    background:#fff
}

.section-footer:before{left:-3000px}
.section-footer:after{right:-3000px}
.section-footer h3{
    font:24px Decagram Medium;
    margin:20px 0 40px
}
.section-footer h3 em{color:#fff;font:30px Decagram Semibold}
.section-footer span{margin-right:5px;vertical-align:middle}
.section-footer a img{width:25px;vertical-align:middle}

/*---------------- MEDIA QUERIES --------------------*/

@media all and (max-width:1600px){
  #pdf-header {
      width: auto
  }
}

@media all and (max-width:1420px){
  #pdf-header{top:30px}
  #pdf-page{margin-top:110px}
  .pub-left-col{width:60%}
  #video-section{margin:50px 0 100px}
  #video-section .center-paragraph:last-child{width:70%}
  #non-pdf-page .page-inner{margin-top:200px}
  #webinar-section{margin-top:30px}
}

@media all and (max-width:1285px){
  #pub-count{top:300px}
  #video-section .center-paragraph, #video-section .center-paragraph:last-child{width:80%}
}


@media all and (max-width: 1150px) {
  .pub-left-col div {margin-right:8%}
  .pub-left-col ul{width:62%}
}

@media all and (max-width: 1120px) {
  .pub-left-col {width: 70%}
  .pub-left-col div {margin-right:5%}
  aside{overflow:visible;height:100%;max-height:auto}
  #non-pdf-page .center-paragraph{width:100%}
}

@media all and (max-width:990px){
  .pub-left-col {width:65%}
  #pdf-header{text-align:left}
  #page-count{margin-left:100px}
}

@media all and (max-width:845px){
  #literature-nav, #resources-list, #videos-nav{float:left}
  #literature-nav li:nth-child(even), #videos-nav li:nth-child(even){display:none}
  #literature-nav li, #videos-nav li{
    display:inline-block;
    float:left;
    margin:0 20px 15px 0
  }
  #literature-nav li a, #videos-nav li a{
    float:left;
    width:120px;
    padding:8px 0 9px;
    border:1px solid #53565a;
    border-radius:5px;
    text-align: center;
    font-size:15px
  }
  #literature-nav .current, #videos-nav .current{
    background:#346c97;
    border-color:transparent;
    color:#fff
  }

  .pub-section{padding-bottom:20px}
  #pub-heading ul{display:none}
  .pub-section {position: relative}
  .pub-left-col, .pub-right-col {
      float: left;
      width: 100%;
      padding: 0
  }
  .pub-right-col{padding-top:10px}

  #webinar-section .left-paragraph{width:100%;padding-right:0}
  #webinar-section .right-paragraph{width:100%;float:left;margin-top:30px}
  #webinar-section .right-paragraph img{max-width:500px}
}

@media all and (max-width:736px){
   #pub-form fieldset{width:100%;margin-right:0}
   .pub-left-col div p{text-align:left}
    #video-section .center-paragraph, #video-section .center-paragraph:last-child{width:95%}
}

@media all and (max-width:670px){
  #pub-count{top:0;position:relative;margin:0 auto 20px auto}
  .pdf-download{width:270px}
  #non-pdf-page .page-inner{margin-top:130px}
  #non-pdf-page .left-paragraph, #non-pdf-page .right-paragraph{padding:0;width:100%}
  #non-pdf-page .left-paragraph{width:300px}
  #non-pdf-page h1{margin-top:30px}
}

@media all and (max-width:570px){
  #pdf-page{margin-top:100px}
  #pdf-header{top:0;text-align:center}
  #pdf-header-inner{height:100px}
  #page-count{margin-left:0}
  .pdf-download{top:50px;text-align:center;width:95%}
  .pdf-download input, .pdf-download a{float:none}
  .pdf-download a{margin-right:20px}
  #pdf-header p{font-size:15px}
  #pdf-download i{font-size:18px}
  #request-checkboxes input{padding:0}
}

@media all and (max-width:480px){
  .pub-left-col div{margin-right:0;width:100%;margin-bottom:20px}
  .pub-left-col div img{width:65%}
  .pub-left-col ul{width:100%}
  #non-pdf-page .left-paragraph img{width:100%}
}