/*********************************************
	This stylesheet overrides style1.css
*********************************************/

/* positioning context */
.pc {
    position: relative;
}
.hidden {
    display: none;
}


div, .byline {
    box-sizing: border-box;
}


body {
    color: black;
    font-size: 62.5%;
    text-decoration: none;
    text-align: center;
}

.wrapper {
    max-width: 1200px;
    
    margin: 0 auto;
    border: none;
    box-sizing: content-box;
    padding: 0 30px;

}
img {
    max-width: 100%;
    height: auto;
}


h1, h2, h3, h4, h5, h6 {
    line-height: 1.35;
}

a {
    text-decoration: underline;
}
a:hover {
    text-decoration:none;
  
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    text-decoration: none !important;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    text-decoration: underline !important;
}


/* gloabals ----------------------------------------------------------------------------------- */





/* byline */
.post .byline {
    position: relative;
    width: 100%;
    display: block;
    font-family: "open sans";
    font-size: 144%;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 7px;
}
.post .byline .category {
    font-weighT: 800;
    text-decoration: none;
}
.post .byline .category:hover {
    text-decoration: underline;
}



.post .byline .comments-count {
    margin-left: 10px;
   float: right;
   text-decoration: none;
   font-weight: 600;
   text-decoration: none !important;
}
.post .byline .comments-count:after {
    content: "";
    display: inline-block;
    position: relative;
    margin-left: 3px;

    line-height: 1.1em;
    font-size: 90%;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;

    background-image: url('img/comment-alt-solid.svg');
    background-size: 15px 15px;
    background-position: top left;
    background-repeat: no-repeat;

    width: 15px;
    height: 15px;
    vertical-align: middle;

    margin-top: -3px;


    
}
.post .byline .comments-count.view-count:after {
    background-image: url('img/eye-solid.svg');


    
}
.post .byline a.comments-count {
    color: black;
}

.post .byline a.comments-count.none {
    color: transparent;
}
.post .byline .comments-count.none:after {
    opacity: 0.3;

    
}
.post .byline a.comments-count:hover {
    text-decoration: underline !important;
}
.post .byline .comments-label {
   displaY: none;
}
 .feed .post .post .byline,
 .single .post .post .byline {
     font-family: "open sans";
     font-size: 144%;
     font-weight: 600;
     text-transform: uppercase;
     margin-top: 15px;
     margin-bottom: 5px !important;
}


.post .byline .time {
    display: inline-block;
}


/* title on line */

.title-on-line {
    border-top: 1px solid black;
    margin-top: 0;
    padding-top: 0;
    margin-top: 15px;
    text-align: center;
    margin-bottom: 20px;
    font-size: 100%;
}
.title-on-line span {
    displaY: inline-block;
    font-size: 190%;
    font-weight: 600;
    background: white;
    padding: 0 10px;
    transform: translatey(-50%);
    line-heighT: 1;
}

/* breaking updated */

.breaking,
.updated {
    display: inline-block;
    background: #e75c39;
    padding: 0 3px; 
    margin-right: 5px;
    border-radius: 3px;
    color: white;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
    font-family: "open sans";
    text-transform: uppercase;

}
h3 .breaking,
h3 .updated,
h4 .breaking,
h4 .updated {
    top: -4px;
    position: relative;

}
.region h2 .breaking,
.region h2 .updated,
.region h3 .breaking,
.region h3 .updated,
.region h4 .breaking,
.region h4 .updated {
    margin-top: -5px;
    vertical-align: middle;
    position: relative;

}



.feed .post .read-more {
    margin-bottom: 0;
}


.section-heading {
    font-size: 230%;
    margin-bottom: 30px;
}

#header {
    margin-bottom: 30px;
}





/* structure ----------------------------------------------------------------------------------- */

.layer2020 {
    text-align: left;
    box-sizing: border-box;
    margin: 30px 0 !important;
}
.layer2020 div p {
    box-sizing: border-box;
}

#seBanner {
    margin-bottom: 30px;
}
/* structure - front-cover */
.layer2020-front-cover {
    margin: 20px 0 30px 0 !important;
}
.layer2020-front-cover .post.first {
    width: 65.58333333333333%;
 }
 .layer2020-front-cover .featuredContent {
    width: 31.08333333333333%;
 }
@media screen and (max-width: 1024px) {
    .layer2020-front-cover {
        flex-wrap: wrap;
    }
    .layer2020-front-cover .post.first {
        width: 100%;
     }
     .layer2020-front-cover .featuredContent {
        width: 100%;
     }
     .layer2020-front-cover .featuredContent .posts {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
     }
     .layer2020-front-cover .featuredContent .posts .post {
        width: 48.33333333333333%;
     }
}

@media screen and (max-width: 1024px)  and (min-width: 800px) {
    .layer2020-front-cover .featuredContent .posts .post:first-child {
        width: 100%;
        displaY: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .layer2020-front-cover .featuredContent .posts .post:first-child .thumbnail {
        width: 48.33333333333333%;
    }
    .layer2020-front-cover .featuredContent .posts .post:first-child .thumbnail img {
        width: 100%;
    }
    .layer2020-front-cover .featuredContent .posts .post:first-child .text {
        width: 48.33333333333333%;
    }
    .layer2020-front-cover .featuredContent .posts .post.first-child  .headline {
        font-size: 300% !important;
    } 
}

@media screen and (max-width: 800px) {

     .layer2020-front-cover .featuredContent .posts .post {
        width: 100%;
     }
}




/* structure - hot topic */

 .layer2020-hot-topic {
    display: flex;
    justify-content: space-between;
    background: #eee;
    padding: 35px 0;
}
.layer2020-hot-topic .post.first {
    width: 48.33333333333333%;
    box-sizing: border-box;
}
.layer2020-hot-topic .post.first img {
    width: 100%;
    margin-bottom: 20px;
}
.layer2020-hot-topic .more-updates {
    width: 34.41666666666667%;
    padding-left: 3.33333333%;
    padding-right: 3.33333333%;
    box-sizing: border-box;
}

.layer2020-hot-topic.has-related-story .post.first {
    width: 65.41666666666667%;
    padding-left: 30px;

}
.layer2020-hot-topic > header {
    width: 17.25%;
    padding-left: 15px;
    padding-right: 10px;
    box-sizing: border-box;

}
@media screen and (max-width: 1024px) {
    .layer2020-hot-topic {
        display: block;
    }
    .layer2020-hot-topic > header {
        float: left;
        width: 22.5%;
    }

    .layer2020-hot-topic .post.first {
        width: 74.16666666666667%;
        box-sizing: border-box;
        padding-left: 0;
        padding-righT: 30px;
        float: right;
        clear: right;
    }
    .layer2020-hot-topic .more-updates {
        padding-top: 30px;
        width: 74.16666666666667%;
        padding-left: 0;
        padding-righT: 30px;

        float: right;
        clear: right;
    } 
    .layer2020-hot-topic.has-related-story {
        padding: 35px 30px;
    }
    .layer2020-hot-topic.has-related-story .post.first,
    .layer2020-hot-topic.has-related-story .more-updates {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (max-width: 800px) {
    .layer2020-hot-topic > header {
        width: 100%;
    }
    .layer2020-hot-topic {
        flex-wrap: wrap;
    }
    .layer2020-hot-topic .post.first {
        width: 100%;
        box-sizing: border-box;
    }
    .layer2020-hot-topic .post.first img {
        width: 100%;
        margin-bottom: 20px;
    }
    .layer2020-hot-topic .more-updates {
        width: 100%;
        padding-right: 0;
        box-sizing: border-box;
    }  
    .layer2020-hot-topic.has-related-story .post.first {
        width: 100%;
        padding-left: 0;  
    }
    .layer2020-hot-topic {
        padding: 35px 30px;
    }
    .layer2020-hot-topic > header {
        padding-left: 0px !important;
        padding-bottom: 20px !important;
    }

    
    .layer2020-hot-topic .post.first {
        padding-right: 0;
    }
    .layer2020-hot-topic.breaking-story > header h2::before {
        left: -20px !important;
        width: 13px !important;
        height: 13px !important;
    }
    .layer2020-hot-topic .more-updates .headline {
        font-size: 180% !important;
    }
}


/* structure regions */
 .layer2020-regions .region {

 }
 .layer2020-regions .region .post {
    padding-left: 0;
    padding-righT: 0;
}
.layer2020-regions.has3 .region {
    width: 31.08333333333333%;
}
.layer2020-regions.has4 .region {
    width: 22.5%;
}
.layer2020-regions.has5 .region {
    width: 18.08333333333333%;
}
.layer2020-regions.feed .post .attachment-large {
    margin-bottom: 0;
 }
 
 
 /* structure trending */
 .layer2020-trending .trending .thumbnail {
    width: 28.79310344827586%;
}
.layer2020-trending .trending .text {
    width: 65.58333333333333%;
}

@media screen and (max-width: 1024px) {
    .layer2020-regions.has5 .regions {
        flex-wrap: wrap;
    }
    .layer2020-regions.has5 .region {
        width: 31.08333333333333% !important;
    }
    .layer2020-regions.has5 .region:nth-child(1),
    .layer2020-regions.has5 .region:nth-child(2) {
        width: 48.33333333333333% !important;
        margin-bottom: 30px;
    }
    .layer2020-regions.has5 .region img {
        width: 100% !important;
    }
    .layer2020-regions.has5 .region .headline {
        font-size: 210% !important;
    }
}

@media screen and (max-width: 860px) {

    .layer2020-regions.has5 .region:nth-child(1) {
        width: 100% !important;
    }
    
    .layer2020-regions.has5 .region:nth-child(2),
    .layer2020-regions.has5 .region:nth-child(3),
    .layer2020-regions.has5 .region:nth-child(4),
    .layer2020-regions.has5 .region:nth-child(5) {
        width: 48.33333333333333% !important;
    }

}
@media screen and (max-width: 700px) {
    .layer2020-regions.has5 .region:nth-child(1) {
        width: 100% !important;
    }
    
    .layer2020-regions.has5 .region:nth-child(2),
    .layer2020-regions.has5 .region:nth-child(3),
    .layer2020-regions.has5 .region:nth-child(4),
    .layer2020-regions.has5 .region:nth-child(5) {
        width: 100% !important;
    }

}

@media screen and (max-width: 1024px) {
    .layer2020-regions.has4 .regions {
        flex-wrap: wrap;
    }
    .layer2020-regions.has4 .region {
        width: 48.33333333333333% !important;
    }
    .layer2020-regions.has4 .region img {
        width: 100% !important;
    }
}
@media screen and (max-width: 700px) {
    .layer2020-regions.has4 .region {
        width: 100% !important;
    }
}


@media screen and (max-width: 860px) {
    .layer2020-regions.has3 .regions {
        flex-wrap: wrap;
    }
    .layer2020-regions.has3 .region {
        width: 100% !important;
        margin-bottom: 30px;
    }
    .layer2020-regions.has3 .region img {
        width: 100% !important;
    }
    .layer2020-regions.has3 .region .headline {
        font-size: 210% !important;
    }
}


 /* ad layer */
 .layer2020-ads {
    padding-top: 10px;
    padding-bottom: 35px;
    border-bottom: 1px solid black;
}
.layer2020-ads .adsanity-inner {
    height: auto;
    max-height: auto;
    padding-bottom: 0;
}

 /* ad-row */
.layer2020-ads .ad-row,
.layer2020-ads.two .ad-row,
.layer2020-ads.three .ad-row {
    display: flex;
    justify-content: space-between !important;
}

 /* ads*/
.layer2020-ads.three .ad-row > div {
    width: 31.08333333333333%;
    text-align: center;
}
.layer2020-ads.two  .ad-row  > div {
    width: 48%;
    text-align: center;
}
.layer2020-ads.one  .ad-row  > div {
    width: 100%;
    text-align: center;
}

.layer2020-ads a img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.layer2020-ads .ad-row div,
.layer2020-ads .ad-alignnone .ad-row div {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-right: 0 !important;
}
.layer2020-ads a img {
    width: 100%;
}
.wrapper .ad-aligncenter {
    margin: 20px 0;
}
.wrapper .ad-aligncenter .ad-row a img {
    max-width: 373px;
}



@media screen and (max-width: 1024px) {
    .layer2020-ads.three .ad-row > div {
        width: 48.33333333333333%;
        text-align: center;
    }
    .layer2020-ads.three .ad-row > div:nth-child(3) {
        display: none !important;
    }
}
@media screen and (max-width: 700px) {
    .layer2020-ads.three .ad-row > div,
    .layer2020-ads.two .ad-row > div {
        width: 100%;
        text-align: center;
    }
    .layer2020-ads.three .ad-row > div:nth-child(2),
    .layer2020-ads.two .ad-row > div:nth-child(2) {
        display: none !important;
    }

}




/*
@media screen and (max-width: 1024px) {
    .layer2020-ads.three .ad,
    .layer2020-ad-row.three > div {
        width: 48.33333333333333%;

    }
    .layer2020-ads.three .ad:nth-child(3),
    .layer2020-ad-row.three > div:nth-child(3) {
        display: none;
    }
}
@media screen and (max-width: 700px) {
    .layer2020-ads.three .ad,
    .layer2020-ad-row.three > div {
        width: 100%;

    }

    .layer2020-ads.three .ad:nth-child(2),
    .layer2020-ad-row.three > div:nth-child(2) {
        display: none;
    }
}
*/

/* featured photos  */
.layer2020-featured-photos {
    padding: 30px 0;
}
.layer2020-featured-photos .posts {
    display: flex;
    justify-content: space-between;
}
.layer2020-featured-photos .post.first {
    width: 65.58333333333333%;
}
.layer2020-featured-photos .more-photos {
    width: 31.08333333333333%;
}
.layer2020-featured-photos .post p.wp-caption-text {
    border-bottom: none;
    padding-bottom: 0;
}
.layer2020-featured-photo .post .byline {
    margin-top: 0;
}

@media screen and (max-width: 1024px) {
    .layer2020-featured-photos .posts {
        flex-wrap: wrap;
    }
    .layer2020-featured-photos .post.first {
        width: 100%;
    }
    .layer2020-featured-photos .more-photos {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .layer2020-featured-photos .more-photos .post {
        width: 48.33333333333333%;
    }
   
}
@media screen and (max-width: 800px) {

    .layer2020-featured-photos .more-photos {
        flex-wrap: wrap;
    }
    .layer2020-featured-photos .more-photos .post {
        width: 100%;
    }
   
}
/* featured photo  */
.layer2020-featured-photo .post {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.layer2020-featured-photo .post .image,
.layer2020-featured-photo .post .text {
    flex-grow: 0;
    flex-shrink: 0;
    text-align: left;
}
.layer2020-featured-photo .post .image {
    width: 65.58333333333333%;
}
.layer2020-featured-photo .post .text {
    width: 31.08333333333333%;
}
.layer2020-featured-photo.alt .post .image {
    width: 74.16666666666667%;
}
.layer2020-featured-photo.alt .post .text {
    width: 22.5%;
}
@media screen and (max-width: 1024px) {
    .layer2020-featured-photo {
        padding: 35px 30px !important;
    }
    .layer2020-featured-photo .post {
        flex-wrap: wrap;
        flex-direction: row;
    }
    .layer2020-featured-photo .post .image,
    .layer2020-featured-photo .post .text,
    .layer2020-featured-photo.alt .post .image,
    .layer2020-featured-photo.alt .post .text {
        width: 100%;
    }
}
/* trending  */
.layer2020-trending {
    padding: 30px 0;
}
.layer2020-trending .trending-wrap {
    display: flex;
    justify-content: space-between;
}
.layer2020-trending .trending {
    width: 48.33333333333333%;
    text-align: left;
}
@media screen and (max-width: 1024px) {
    .layer2020-trending .headline {
        font-size: 210% !important;
    }
}
@media screen and (max-width: 800px) {
    .layer2020-trending .trending-wrap {
        flex-wrap: wrap;
    }
    .layer2020-trending .trending {
        width: 100%;        
        margin-top: 30px;

    }
    .layer2020-trending .trending article {
        flex-direction: row-reverse !important;
    }
}

@media screen and (max-width: 800px) {


    #footer .inner {
        flex-wrap: wrap;
    }

    #footer .left, 
    #footer .right {
        width: 100% !important;
    }
    #footer .left {
        padding-right: 0;
        padding-bottom: 30px;
    }
    



}

/* design ----------------------------------------------------------------------------------- */


/* front cover - design  */
.layer2020-front-cover {
    displaY: flex;
    justify-content: space-between;
    text-align: left;
}
.layer2020-front-cover .post.first {
    padding-top: 15px;
    padding-left: 0;
    padding-right: 0;
}
.layer2020-front-cover .featuredContent .post .byline {
    margin-top: 0;
}
.layer2020-front-cover .featuredContent .post {
    border-top: none;
    border-bottom: none;
    padding-top: 0;
}
.layer2020-front-cover .featuredContent .thumbnail img {
    width: 40%;
    float: right;
    margin-left: 10px;
}
.layer2020-front-cover .post.first  .headline {
    font-size: 300%;
}
.layer2020-front-cover .featuredContent .headline {
    font-size: 210%;
}  

/* regions - design  */
 .layer2020-regions.has3 .region .headline {
    font-size: 210%;
 }
 .layer2020-regions.has4 .region .headline {
    font-size: 210%;
 }
 .layer2020-regions.has5 .region .headline {
    font-size: 180%;
 }
 

/* hot topic - design  */
.layer2020-hot-topic * {
flex-shrink: 0;
flex-grow: 0;
}


.layer2020-hot-topic.breaking-story > header {
    padding-left: 40px;
    padding-right: 10px;
}

.layer2020-hot-topic > header h2 {
    font-size: 230%;
    position: relative;
    font-weight: 600;

}
.layer2020-hot-topic > header a {
}

.layer2020-hot-topic.breaking-story > header h2:before {
    position: absolute;
    top: 7px;
    left: -25px;
    content: "";
    background: #e75c39;
    width: 19px;
    height: 19px;
    border-radius: 30px;
}
.layer2020-hot-topic.breaking-story > header h2:before {
    animation: breaking-blink 1s infinite;
    animation-iteration-count: infinite;
}
@keyframes breaking-blink {
    0% {    
        background: #e75c39;
    }
    50% {
        background: transparent;

    }
  }



.more-updates h2 {
    font-size: 210%;
    font-weighT: 600;
}
h2.more-updates-title {
    font-size: 180%;
    border-bottom: none;
    margin-bottom: 20px;
}

.layer2020-hot-topic .post.first .headline {
    font-size: 260%;
}
.layer2020-hot-topic.breaking-story .headline {
    font-size: 300%;
}
.layer2020-hot-topic .more-updates .headline {
    font-size: 210%;
    font-weight: 400;
}
.layer2020-hot-topic header .byline {
    font-size: 140%;
}
.layer2020-hot-topic header .breaking,
.layer2020-hot-topic header .time {
    display: inline-block;
    margin: 5px 0;
}
.layer2020-hot-topic header .time {
    display: inline-block;
    font-family: "open sans";
    font-weight: 600;
    text-transform: uppercase;
}
.layer2020-hot-topic .more-updates {
    position: relative;

}
.layer2020-hot-topic.has-related-story .byline {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 7px;
}
.layer2020-hot-topic.has-related-story .thumbnail{
}
.layer2020-hot-topic.has-related-story .thumbnail img{
    margin-bottom: 20px;

}




/*
.layer2020-hot-topic .more-updates:before {
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    background-color: rgba(0,0,0,0.3);
    position: Absolute;
    top: 0;
    left: 0;
}
*/


.layer2020-hot-topic .more-updates .post {
    padding: 10px 0;
    border-top: 1px solid rgba(0,0,0,0.3);
}
.layer2020-hot-topic .more-updates .post:first-child {
    padding-top: 0;
    border-top: none;
}

.layer2020-hot-topic.breaking-story {
    background: #333;
}
.layer2020-hot-topic.breaking-story h2,
.layer2020-hot-topic.breaking-story h3,
.layer2020-hot-topic.breaking-story p,
.layer2020-hot-topic.breaking-story a {
    color: white;
}
.layer2020-hot-topic.breaking-story .more-updates:before {
    background-color: rgba(255,255,255,0.3);
}

.layer2020-hot-topic.breaking-story .more-updates .post {
    
    border-top-color: rgba(255,255,255,0.3);
}

.layer2020-hot-topic .post.first .byline {
    margin-top: 0;
}
.layer2020-hot-topic .more-updates .byline {
    margin-top: 0;
    padding-top: 0;
}

.more-link {
    display: block;
    font-size: 200%;
    font-weighT: 500;
}
.layer2020-hot-topic .more-link {
    margin-top: 30px;
}








/* typography ----------------------------------------------------------------------------------- */
/* trending - design  */
.layer2020-trending .headline {
    font-size: 230%;
}
.layer2020-trending h2 {
    font-size: 300%;
    margin-bottom: 30px;
}
.layer2020-trending  h3 {
   font-size: 230%;
   font-weight: 800;
}
.layer2020-trending  h4 {
   font-size: 230%;
}
.layer2020-trending {
    width: 100%;
}

.layer2020-trending .trending .articles {


}
.layer2020-trending .trending article {
    width: 100%;
    display: flex;
    justify-content: space-between;
}



.layer2020-regions .regions {
    text-align: left;
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}


.layer2020-regions .region .byline {
    margin-top: 0;   
    margin-bottom: 0;   
}

.layer2020-regions .region .post {
    border-bottom: 1px solid #ddd;
}
.layer2020-regions .region .post:first-child {
    padding-top: 0;
}
.layer2020-regions .region .post:last-child {
    border-bottom: none;
}
.layer2020-regions .region .post:first-child .byline {
    padding-top: 15px;
}



aside#jtn, aside#jtnFooter {

    text-align: left;
}


#jtnFooter {
    text-align: center;
}
#jtnFooter .inner {
    text-align: left;

    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
}
#jtnFooter .col {
    width: 48.33333333333333%;
    text-align: left;
    flex-grow: 0;
    flex-shrink: 0;
}
#jtn .col, #jtnFooter .col {
    padding-left: 0;
    border-left: none;

}
#jtn h2, #jtnFooter h2 {
    text-align: left;
}
#jtn .description, #jtnFooter .description {
    padding: 10px 0;
}
#jtn .files, #jtnFooter .files {
    display: block;
    padding: 0 5px 7px 0;
}

#jtn .file:first-child, 
#jtnFooter .file:first-child {
    padding-left: 0;
}



#footer .inner {
    display: flex;
    justify-content: space-between;
}
#menu-footer-menu {
    text-aligN: left;
}

#footer .left, 
#footer .right {
    width: 48.33333333333333%;
    text-align: left;
    flex-grow: 0;
    flex-shrink: 0;
}
#footer .left {
    padding-right: 10%;
}

#label-subscribe {
    display: block;
    font-size: 180%;
    font-weight: 600;
    font-family: "open sans";
    margin-bottom: 20px;
}
#mce-EMAIL,
#subscribe {
    display: inline-block;
    outline: none;
    border: none;
    background: transparent;
    font-family: "open sans";
    margin: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    box-sizing: border-box;
}
#mce-EMAIL {
    font-size: 180%;
    font-weight: 400;
    border: 1px solid black;
    widtH: calc(100% - 120px);
    background: white;

}
.mc-field-group {
    position: relative;
    margin-bottom: 20px;
}
#mce-success-response {
    margin-top: 20px;
    font-size: 160%;
    line-height: 1.5;
    font-family: "open sans";
    background: #0099a8 !important;
    border-radius: 5px;
    padding: 10px;
    font-style: italic;
    color: white;
}

.mce_inline_error {
padding: 10px !important;
display: block !important;
margin: 0 !important;
widtH: calc(100% - 120px) !important;
font-size: 140% !important;
font-family: 'open sans' !important;
font-weight: 600 !important;
}
#subscribe {
    font-size: 140%;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    background-color: #0099a8 !important;
    color: white;
    widtH: 110px;
    position: absolute;
    righT: 0;
    top: 0;
    bottom: auto;
    cursor: pointer;
}
#mc_embed_signup_scroll {
    margin-bottom: 20px;
    position: relative;

}
#optin {
    clear: both;
    display: block;
    font-size: 180%;
    font-weight: 500;
    font-family: "open sans";
    float: left;    

}
#label-optin {
    display: block;
    font-size: 120%;
    font-weight: 500;
    margin-left: 25px;
    line-heighT: 1.6;
}

#menu-footer-menu li a {
    margin-left: 0;
    margin-right: 20px;
}



#layer2020-featured-photo {
    background: #eee;
    padding: 35px 0;
}

.layer2020-featured-photo .post h3 {
    font-size: 210%;
}
.layer2020-featured-photo h2 {
    padding-left: 30px;
}





aside#jtn, aside#jtnFooter {
    padding: 50px 30px;
}


.archive #main  .post:first-child {
    border-top: 1px solid black;
}
.category-comics.archive #main .post:first-child {
    border-top: none;
    padding-top: 0;

}
#main {
    padding: 0 !important;
    margin-left: 30px;
    margin-right: 30px;
}
.archive #main {
    margin-left: 0px;
    margin-right: 0px;
}
#main .content {
    padding-top: 15px;
    padding-right: 0;
    padding-bottom: 50px;
    text-align: left;
    width: 65.58333333333333%;
}

.post-type-archive-job #main,
.post-type-archive-tender #main,
.post-type-archive-notice #main {
    margin-left: 30px;
    margin-right: 30px;
}
.post-type-archive-job #main .content,
.post-type-archive-tender #main .content,
.post-type-archive-notice #main .content {
    padding-top: 30px !important;
}
@media screen and (max-width: 640px) {
    .post-type-archive-job #main,
    .post-type-archive-tender #main,
    .post-type-archive-notice #main {
        margin-left: 15px;
        margin-right: 15px;
    }
    .post-type-archive-job #main .content,
    .post-type-archive-tender #main .content,
    .post-type-archive-notice #main .content {
        padding-left: 0;
    }
}

#main #sidebar {
    width: 31.08333333333333%;
}
@media screen and (max-width: 1024px) {
    #sidebar {
        display: none;
    }
}
.front-page #main .content .layer2020-ads {
    display: none;
} 






@media screen and (max-width: 1024px) {
    #main .content {
        width: 100%;
        padding-bottom: 30px;
    }
    #main .content .layer2020-ads {
        display: block;
    }  

}
@media screen and (max-width: 800px) {
    #main {
        margin-left: 0px;
        margin-right: 0px;
    }
    #main .content {
        padding-right: 15px;
    }
    .archive #main .content {
        padding-right: 0;
        padding-left: 0;
    }

}



.archive-title.alt  {
    margin-top: 50px;
    margin-left: 0;
    text-align: left !important;
}
.archive-title {
    margin-right: 0;
    margin-left: 0;
}
.archive-title.alt .title {
    
}




.photographer-header {
    paddinG: 40px 0 100px;
    text-align: left;
    width: 65.58333333333333%;

}
.photographer-header h1 {
    font-size: 300%;
    margin-bottom: 15px;
}
.photographer-header p {
    font-size: 180%;
    font-weight: 500;
    line-height: 1.61;
}







.photographer-feed { /* Masonry container */
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0 3.33333333%;
    grid-auto-flow: dense;
  }
  
  .photographer-feed article { /* Masonry bricks or child elements */
    width: 1fr;
  }
  .photographer-feed .post p.wp-caption-text,
  .photographs .post p.wp-caption-text{
    border-bottom: none;
    text-align: left;
}



.paged .photographs.first-three  {
    display: flex;
    justify-content: space-between;

}
.paged .photographs.first-three.cf:after {
    visibility: hidden;
    display: none !important;
}
.paged .photographs.first-three .post,
.paged .photographs.first-three .post:first-child {
    width: 31.08333333333333%;
    float: none;
    clear: none;

}








.photographs.first-three .post {
    width: 31.08333333333333%;
    float: right;
    clear: right;

}


.photographs.first-three .post:first-child {
    width: 65.58333333333333%;
    float: left;
}
.photographs.first-three .post:first-child img {
    width: 100%;
}

#igloo {
    width: 36px;
    height: 23px;
}
@media screen and (max-width: 1024px) {
    .photographs.first-three {
        displaY: block;
    }
    .photographs.first-three .post {
        width: 48.3333333333333333% !important;
        float: right !important;
        
    }
    .photographs.first-three .post:first-child {
        float: left!important;
        
    }
    .photographs.first-three .ad {
        display: none;
        flex-grow: 0;
        flex-shrink: 0;
    }
    .photographer-feed { /* Masonry container */
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 600px) {
    .photographs.first-three .post {
        width: 100% !important;
        width: 1fr !important;
    }
    .photographer-feed { /* Masonry container */
        grid-template-columns: 1fr;
    }
}


.photographs .ad,
.photographer-feed .ad {
    padding-bottom: 40px !important;
}
.photographs .ad img,
.photographer-feed .ad img{
    width: 100%;
}






.feed .post {
    padding: 20px 0;
}

.feed .post.photo {
    padding: 15px 15px;

}

.feed .post .subhead {
    margin-bottom: 0;
}








#menu-item-regions,
#menu-item-opinion,
#menu-item-weekly-edition {
    
}
@media screen and (min-width: 1001px) {
    #menu-main .has-more a:after  {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        background-image: url('img/menu-carat.svg');
        background-size: 10px 20px;
        background-position: top left;
        opacity: 0.66;
    }
    #menu-main .has-more:hover a:after  {
        background-position: bottom left;
        opacity: 1;
    }

    #menu-main .has-more li a:after  {
        content: "";
        display: none;
    }
}
.page h1 {
    padding-top: 0;
    margin-top: 0;
}


.comment-content.entry p {
    padding-bottom: 10px;
}
.comment-reply-link {
    margin-top: 0;
    margin-bottom: 10px;
}

.update-hr {
    background: transparent;
    border: none;
    padding: none;
    margin: none;
    outline: none;
    
    display: block;
    width: 100%;
    height: 3px;
    border: 1px solid black;
    border-left: none;
    border-right: none;
    margin: 30px 0;
    }
    #updates {


    }
    #updates .update {
        margin: 7px 0;
        padding: 15px;
        background-color: #fff9b6;
    }
    #updates .update:first-child {
        margin: 0 0 0;
    }
    #updates p {
        margin: 10px 0 0;

    }
    #updates p.byline {
        margin-top: 10px;
        margin-bottom: 0;
    }
    #updates p.byline:first-child {
        margin-top: 0;
    }

    #updates .byline .time {
        font-weight: 700;
    }
    
    #updates h3 {
         margin-top: 0;
         padding-top: 0;
    }
    #updates h4 {
        margin-top: 10px;
        margin-bottom: 0;
    }
    #menu-main {
        padding: 0 10px;
    }
    #menu-main li a {
        box-sizing: border-box;
        display: block;
        padding: 8px 8px 8px 10px;
    }
    #menu-main {
        overflow: visible !important;
    }
    #menu-main > li {
        position: relative;
    }
    .sub-menu {
        display: none;
        background: #005861;
        position: absolute;
        top: 31px;
        left: 0;
        width: 250px;
        padding: 20px;
    }
    #menu-main > li:hover a {
        background: #005861;
            color: white;
    }
    #menu-main > li:hover .sub-menu {
        displaY: block;
    }
    #menu-main .sub-menu li {

        display: block;
    }
    #menu-main .sub-menu li a:hover {
        text-decoration: underline;
    }
    .sub-menu li a {
        display: block !important;
        width: 100%;
        color: white;
        text-align: left;
    }


    @media screen and (max-width: 640px) {
        .wrapper {
            padding: 0 20px;
        }
        #header {
            margin-bottom: 20px;
        }
        .feed .post {
            padding-left: 0;
            padding-right: 0;
        }
        .layer2020-hot-topic.breaking-story,
        .layer2020-hot-topic,
        .layer2020-hot-topic.has-related-story,
        #layer2020-featured-photo {
            padding: 25px 20px !important;

        }

        .layer2020-hot-topic.breaking-story > header h2::before {
            left: 0 !important;
        }
        .layer2020-hot-topic.breaking-story > header h2 {
            text-indent: 20px;
        }
    }


    .archive #main .content {
        padding-top: 0;
    }
    .archive.paged #main .content .post:first-child {
        border-top: none;
        padding-top: 0;
    }

    code {
        display: block;
        font: bold 140% monospace;
        line-height: normal;
        padding: 5px;
        background: darkslategray;
        color: mediumturquoise;
        line-height: 1.2;
        border-radius: 5px;
        margin-bottom: 30px;
    }

    .author #main .post:first-child {
        border-top: none;
    }



    .wpcf7-form input,
    .wpcf7-form textarea {
        font-size: 100%;
        font-weight: 400;
        border: 1px solid black;
        widtH: calc(100% - 120px);
        background: white;
        padding: 10px;
        margin: 10px 0;
    }    
    .wpcf7-form p {
        margin: 10px 0;
    }

    .wpcf7-form input[type=submit] {
        font-size: 100%;
        font-weight: 700;
        font-family: "open sans";
        text-align: center;
        text-transform: uppercase;
        background-color: #0099a8 !important;
        color: white;
        widtH: 90px;
        bottom: auto;
        cursor: pointer;
        border: none;
        outline: none;
        height: 44px;
        line-height: 43px;
        padding: 0;
    }
    div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-response-output {
        padding: 30px 0;
    }

    span.wpcf7-not-valid-tip {
        background: firebrick !important;
        color: white !important;
        width: 85%;
        border-radius: 5px;
        padding: 5px;
        font-size: 80% !important;
        font-family: "open sans";
        font-weight: 700 !important;
        display: block !important;
        margin-bottom: 20px !important;
    }
    div.wpcf7-validation-errors::before, div.wpcf7-acceptance-missing::before {
        padding: 5px;
        border-radius: 5px;

        font-size: 80% !important;
        font-family: "open sans" !important;
        font-weight: 700 !important;

    }
    div.wpcf7-response-output {
        margin: 2em 0 1em;
    }

    .page-template-customarchive .sType ul {
        padding-left: 0;
    }
    .page-template-customarchive .sType li {
        width: 33.33333333%; 
        float: left;
        display: block;
        padding-right: 5%;
        box-sizing: border-box;
    }




    @media screen and (max-width: 800px) {   
        .page-template-customarchive .sType li {
            width: 50%; 
        }
        .page-template-customarchive #main,
        .page-template-customsearch #main {
            padding-top: 0 !important;
            padding-bottom: 30px !important;
        }
        .page-template-customarchive #main .content,
        .page-template-customsearch #main .content {
            padding-bottom: 60px !important;
        }
        
    }





    #searchform input {
        display: inline-block;
        outline: none;
        border: none;
        background: transparent;
        font-family: "open sans";
        margin: 0;
        padding: 0;
        height: 40px;
        line-height: 40px;
        padding: 0 15px;
        box-sizing: border-box;
        font-size: 180%;
        font-weight: 400;
        border: 1px solid black;
        widtH: calc(100% - 120px);
        background: white;
        text-transform: none;
    }
    #searchform input[type=submit] {
        font-size: 140%;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
        background-color: #0099a8 !important;
        color: white;
        widtH: 110px;
        position: relative;
        righT: 0;
        top: 0;
        bottom: auto;
        cursor: pointer;
        border: none;
        float: right;
    }
    #menu-jobs li a:hover,
    #menu-top li a:hover {
        text-decoration: underline;
    }



    .weather-atlas-wrapper .weather-atlas-body {
        padding: 0 1.25em;
    }



    #menu-top .fa-facebook-square {
        margin-left: 5px;
    }
    #menu-jobs li a,
    #menu-top li a {
        padding: 0 4px;
    }
    #menu-top li#menu-item-89 a {
        padding-right: 0;
    }


@media screen and (min-width: 1000px) {
    #menu-main .showChildren {
        display: none !important;
    }
}

    @media screen and (max-width: 1000px) {
        #menu-main {
            margin: 0;
            paddinG: 0;
            display: block;
        }
        #menu-main .sub-menu {
            position: relative;
            padding: 0;
            margin: 0;
            left: auto;
            right: auto;
            top: auto;
            bottom: auto;
            border: 1px solid rgba(0,0,0,0.3);
            width: auto;
            height: auto;
        }
        #menu-main li {
            box-sizing: border-box;
            position: relative;
        }
        #menu-main li .sub-menu,
        #menu-main li:hover .sub-menu {
            display: none;
        }
        #menu-main li .sub-menu.show,
        #menu-main li:hover .sub-menu.show {
            display: block !important;
        }
        #menu-main li .sub-menu li a {
            font-weight: 600;
        }
        #menu-main li.has-more > a {
            background: transparent !important;
        }


        #menu-main li a,
        #menu-mobile li a {
            box-sizing: border-box;
            display: block;
            padding: 12px 8px 12px 10px;
            text-align: left;
            font-sizE: 160%;
            border-top: 1px solid rgba(255,255,255,0.3);
        }
        #menu-mobile li a {
            border-top: 1px solid rgba(0,0,0,0.3);
            margin: 0;
        }
        #menu-mobile {
            padding: 0;
            margin: 0;
            display: block;
        }
        #menu-main li {
            display: block !important;
        }
        #menu-main .showChildren {
            content: "";
            display: inline-block;
            width: 40px;
            height: 40px;
            background-image: url('img/carat.svg');
            background-size: 40px 80px;
            background-position: top left;
            background-repeat: none;
            opacity: 0.66;
            position: absolute;
            top: 0;
            right: 0;
            margin: 0;

        }
        #menu-main .showChildren.show {
            background-position: bottom left;
        }
        #menu-main .hidden {
            display: inline-block;
            position: relative;
            top: auto;
            left: auto;
            widtH: auto;
            height: auto;
            margin-right: 10px;
        }

    }


    @media screen and (max-width: 640px) {
        .layer2020-trending .post .attachment-thumbnail {
            float: none;
            margin-left: 0;
            display: block;
            /* max-width: none;    nov6-2020 */
            max-width: 100%;
        }
    }


    .metaslider .flexslider {
        margin-bottom: 60px !important;
    }
    .metaslider .flex-control-nav {
        bottom: -40px !important;
    }
    @media screen and (max-width: 500px) {
        .metaslider .caption {
            font-size: 80%;
        }
    }

@media screen and (max-width: 1000px) {
    #header .topBar .ad-row {
        margin-left: 0;
        margin-right: 0;
    }
    #header .topBar .ad-row > div {
        height: auto;
        max-height: 90px;
    }
}


    .ad-aligncenter .ad-row {
        justify-content: center;
        -ms-flex-pack: center;
        margin-left: 0;
        margin-right: 0;
    }




    #comments .cld-common-wrap {
        min-width: 50px;
    }

    #at-image-sharing-tool {
        z-index: 10000 !important;
        position: fixed;
    }
  

    .lity-content img {
        max-height: 90vh !important;
        max-width: 90vw !important;
    }