cite {background-color:#dcdcdc!important}

.bio.cajole {color:#f26d21!important;border-top:2px solid white;max-width:unset}
.bio.cajole p {max-width:700px;margin-left:auto;margin-right:auto}
.bio.cajole a {color:#f26d21!important}



#preloading,
.nav-bg,
nav,
.general {background-color:#505050!important;}

.blog-bg {background-color:#d1d1d1!important;}

footer {border-top:2px solid #dcdcdc!important}

nav {border-bottom:2px solid #dcdcdc!important}

nav .log-in,
nav .border,
footer a,
footer .padding,
nav .link,
.wrapper700 a.contributor,
.wrapper700,
.embed-caption,
.photo-caption,
.mobile-social-media,
nav .home {color:#dcdcdc}

.bg-white,
#nav-icon span:nth-child(1),
#nav-icon span:nth-child(2),
#nav-icon span:nth-child(3) {background: #dcdcdc;}

nav .search {background-image:url(/img/es-search-icon2.svg)}
nav .search:hover {background-image: url(/img/es-search-icon-hover2.svg)}
.lightbox-area .zoom-icon {background-image:url(/img/es-zoom-icon2.svg)}
.lightbox-area .zoom-icon:hover {background-image:url(/img/es-zoom-icon-ho`ver2.svg);}
.left-arrow {background-image:url(/img/es-left-arrow2.svg);}
.paging .left-arrow {width:190px;background-repeat: no-repeat;}
.paging .left-arrow:after {content: 'Later Posts';color: #dcdcdc;letter-spacing:1px;}
.left-arrow:hover {background-image: url(/img/es-left-arrow-hover2.svg)}
.paging .left-arrow:hover:after {color:#f36e21;}

.right-arrow {background-image:url(/img/es-right-arrow2.svg)}
.paging .right-arrow {width:190px;background-repeat: no-repeat;background-position-x:right;}
.paging .right-arrow:before {content: 'Earlier Posts';color: #dcdcdc;letter-spacing:1px;padding-right:10px;}
.right-arrow:hover {background-image: url(/img/es-right-arrow-hover2.svg)}
.paging .right-arrow:hover:before {color:#f36e21;}

.archive-header .padding .down span  {background-image:url(/img/es-down-arrow2.svg);}
.archive-header .padding .down:hover span  {background-image:url(/img/es-down-arrow-hover.svg);}
.archive-header .padding .up span  {background-image:url(/img/es-up-arrow2.svg);}
.archive-header .padding .up:hover span  {background-image:url(/img/es-up-arrow-hover.svg);}

.return-to-top {background-image:url(/img/es-top2.svg)}
.return-to-top:hover {background-image: url(/img/es-top-hover2.svg)}

.mobile-social-media .twitter,
.social-media .twitter {background-image:url(/img/es-twitter2.svg)}
.social-media .twitter:hover {background-image:url(/img/es-twitter-hover2.svg);}

.mobile-social-media .facebook,
.social-media .facebook {background-image:url(/img/es-facebook2.svg);}
.social-media .facebook:hover {background-image:url(/img/es-facebook-hover2.svg);}

.mobile-social-media .mail,
.social-media .mail {background-image:url(/img/es-mail2.svg);}
.social-media .mail:hover {background-image:url(/img/es-mail-hover2.svg);}

.mobile-social-media .print,
.social-media .print {background-image:url(/img/es-print2.svg);}
.social-media .print:hover {background-image:url(/img/es-print-hover2.svg);}

a.selected, 
#dropmenu a.orange {color:#f36e21}

.blogger {margin-top:152px;position: relative}
.blogger .header {font-family:'p-m';font-size:21pt;line-height:28pt;text-align: center;color:#dcdcdc}
.blogger .header h1 {text-transform: uppercase;letter-spacing:3px}
.blogger .header h2 {letter-spacing:0.1px}
.blogger .item img {width:100%;height:auto;padding-bottom:28px}
.blogger .item {max-width:800px;margin-left:auto;margin-bottom:-2px;margin-right:auto;overflow: hidden;background-color:#dcdcdc;position: relative;border:2px solid #dcdcdc;box-sizing:border-box}
.blogger .item:hover {border:2px solid #f36e21}
.blogger .item a {color:black;text-decoration: none;display:block;padding-top:2px;padding-bottom:13px;margin-left: -26px;}
.blogger .item:hover a {color:#f36e21}
.blogger .item .blog-date {margin-left:24px;text-transform: uppercase;overflow: hidden;line-height: normal;margin-top:18px}
.blogger .item .padding {margin-left:50px;margin-right:50px;padding-top:25px}
.blogger .item .title {font-family:'p-m';font-size:21pt;line-height:28pt;text-align: center;padding-bottom:32px}
.blogger .item .title h1 {text-transform: uppercase;letter-spacing:2px}
.blogger .item .title h2 {letter-spacing:0.1px}
.blogger .line {width:100%;height:50px;overflow: hidden;}
.header + .line {height: 26px!important;}

.blog-detail .header h2 {display:none;}
.blog-content {max-width:800px;margin-left:auto;margin-bottom:-2px;margin-right:auto;overflow: hidden;position: relative;margin-top: 130px;}
.blog-content .right-arrow,
.blog-content .left-arrow {top:-7px}
.blog-content .blog-date {text-transform: uppercase;overflow: hidden;line-height: normal;margin-top:20px;color:#dcdcdc}
.blog-content .padding {margin-left:auto;margin-right:auto;padding-bottom:24px;margin-left:50px;margin-right:50px;overflow:hidden;padding-top:20px}
.blog-content .title {padding-top:16px;text-align: center;padding-bottom:38px;color:#dcdcdc;}
.blog-content .title h1 {font-family:'p-m';font-size:21pt;letter-spacing:3px;line-height:28pt;text-transform: uppercase;text-align: center;padding-top:14px}
.blog-content .title h2 {font-family:'p-m';font-size:21pt;letter-spacing:0.1px;line-height:28pt;text-align: center}
.blog-content  .bg {width:100%;background-color:#dcdcdc;position: relative}
.blog-content a {color:black;text-decoration: none;border-bottom:1px solid #f26d21}
.blog-content a:hover {color:#f26d21}
.blog-content .text-orange a {color:#f26d21;}
.blog-content .bio {color:#dcdcdc}
.blog-content .photo-caption a {color:inherit}
.blog-content .photo-caption a:hover {color:#f26d21}

.blog-content .bio a {color: #dcdcdc;}
.blog-content .bio a:hover {color:#f26d21;}

.archive-header {background-color:transparent;color:#dcdcdc;}
.archive tbody tr td {color:#dcdcdc;}
.archive tbody tr td a {color:#dcdcdc;}
.archive {width:100%;}
.archive-header .padding div:first-of-type {width: 20%;}
.archive-header .padding div:nth-of-type(2) {width: 55%;}
.archive tbody tr td:first-of-type {width: 20%;}
.archive tbody tr td:nth-of-type(2) {width: 55%;}

.blog-contributor-detail,
.wrapper700 a.u-link {color: #dcdcdc;}

.paging {text-align:center;padding-top:24px;padding-bottom:24px;color:#b1b1b1;font-family: 'bc';font-size: 15pt;position: relative;max-width: 800px;margin-left: auto;margin-right: auto;}
.paging .active {color:#dcdcdc}
.paging a {color:#b1b1b1;padding-left:5px;padding-right:5px;text-decoration: none}
.paging a:hover {color:#f26d21}
.paging .left-arrow {float:left;padding:0;}
.paging .right-arrow {float:right;padding:0;}

nav.openned {background-color: #d1d1d1!important;border-bottom: 2px solid white!important;}
nav.openned .home {color:white;}
nav.openned .link {color:black;}
nav.openned .search {background-image: url(/img/es-search-icon.svg);}
.nav-bg.openned {background-color: #d1d1d1!important;}

.archive-header .padding,
.archive tbody tr {border-bottom: 2px solid #dcdcdc;}

.blog-content cite .padding {padding-top:0}

@media screen and (max-width: 650px) {
    .padding p:first-of-type {margin-top: 1em!important;}
    .blog-content .blog-date {margin-top:0}
    .blog-content .padding {padding-top:0}
    .blogger .item .padding {margin-left:20px;margin-right:20px;}
    .blogger .item .blog-date {margin-left:20px;}
    .blogger .item a {margin:0;}
    .blogger .item .title {font-size:14pt;line-height:22pt;}
    .blogger .line {height: 22px;}  
    .wrapper700 {margin-top:134px}
}

@media screen and (max-width: 500px) {
    .paging .left-arrow,
    .paging .right-arrow{width: 30px;}

    .paging .left-arrow:after,
    .paging .right-arrow:before {content: ''}
}


@media screen and (max-width: 320px) {
    .subnav .link {font-size:14px;margin-right:10px;}
}

@media print {
    cite,
    .blogger .item,
    .blog-content .bg,
    nav,
    .general {background-color:white!important;}

    nav {border-color: white!important;color:black!important;}

    .archive-header {position:relative!important;top:unset!important;margin-top:0!important;display:block!important;width:100%!important;}

    .archive tbody tr td,
    .archive-header .padding, 
    .archive tbody tr {border-color:black!important;}

    .archive tbody tr td a,
    .archive tbody tr td,
    .archive-header,
    .wrapper700 a.u-link,
    .wrapper700,
    .wrapper700 a.contributor,
    .embed-caption,
    .photo-caption,
    .blog-content .bio,
    .blog-content .bio a,
    .blog-content .blog-date,
    .blog-content .title,
    nav a {color:black!important;}

    .archive,
    .wrapper700,
    .blog-content,
    .blogger {margin-top:0!important;}

    footer {border-top:0!important}

    .title h1,
    .title h2,
    .title h3 {font-size:15pt!important;line-height:24pt!important;}
    .copy {font-size:11pt!important;line-height:15pt!important;}

    footer,
    .blog-date,
    cite {font-size: 10pt!important;line-height: 13pt!important}
    cite .padding ol {list-style: decimal;margin-left:unset;}
    .anchor-hot > li > div:first-of-type {display:none;}
    .anchor-hot > li > div {float:unset;}
    .anchor-hot {padding-left:2.5em;}

    .lightbox-area {width:50%;}
    .embed-caption,
    .photo-caption {width:50%;margin-left:auto;margin-right:auto;font-size:10pt;line-height: 13pt}  
}