cite {background-color:#dcdcdc!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,
.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);}

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 .bio {color:#dcdcdc}
.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;}
}