.width-360{width:360px}
.width-340{width:340px}
.width-300{width:300px}

.article-page {
    padding-top: 6rem;
}

.website-article header {
/*     border-left: 8px solid var(--secondcolor);
    padding-left: 12px; */
    display: block;
}
.website-article header .headine {
    font-size: 4rem;
    line-height: 1.1;
    max-width: 720px;
    margin: 0 0 15px;
}

.website-article header .description {
    font-weight:600;
    font-size: 1.8rem;
    display: block;
    letter-spacing: -0.25px;
    line-height: 1.1;
    margin-bottom: 20px;
    color: #343434;
}

.article-wrapper aside {
    width: 200px;
    padding-top: 20px;
    padding-right: 20px;
}
.article-wrapper {
    display: flex;
    align-items: flex-start;
}
.article-wrapper .main-content {
    flex: 1;
    max-width:620px;margin:0 auto
}

.main-content {
    font-size: 1.95rem;
    word-break: break-word;
    font-family:'Open sans',sans-serif;
}

.main-content p {
    margin: 20px 0;
    letter-spacing: -0.55px;
}

.main-content p a {
    font-weight: bold;
    border-bottom:3px solid #3b83cb;
    color: #3b83cb;
}

.main-content {
    font-size: 2rem;
    word-break: break-word;
}


.post-cat {
    font-size: 15px;
    font-family: 'Heading Pro Treble Extra Bold';
    border-top: 5px solid var(--secondcolor);
    padding-top: 5px;
    margin-bottom: 15px;
    display: inline-block;
}
.post-meta {
    font-size: 13px;
    font-family: 'Heading Pro Treble Regular';
}

.post-meta author {
    font-size: 13px;
    font-family: 'Heading Pro Treble Bold';
    margin-bottom: 10px;
    display: block;
}

.focus-sidebar {
    background-color: #4D4D4D;
    padding: 2rem;
    border-top: 5px solid var(--secondcolor);
}

.rounded-titl {
    display: inline-block;
    border: 2px solid var(--secondcolor);
    padding: 8px 22px;
    font-size: 14px;
    font-family: 'Heading Pro Treble Extra Bold';
    margin: 0 auto 2rem;
    border-radius: 25px;
    color: var(--secondcolor);
}
.focus-sidebar .blocked {
    border-bottom: 1px solid #FFF;
    padding-bottom: 12px;
    margin-bottom: 15px;
}.focus-sidebar .o-head {
    color: #FFF;
}.focus-sidebar .row-row-item {
    border-bottom-color: #FFF;
}


.prom-items{border:2px solid #000;padding:12px;height:100%}
.prom-items .section-name{font-size:1.8rem;line-height:1.2;margin-bottom:15px}
.prom-items .wrap-st .blocked{margin-bottom:12px;display:block;border-bottom:1px solid #222;padding-bottom:12px}

#section-triples {
    background-color: #f9f9f9;
    border-top: 1px solid #DDD;
    padding: 3rem 0;
}#section-triples .prom-items {
    background-color: #FFF;
}


.coloredwrap {
    background-color: #828385;
    padding: 0 15px;
    border-radius: 5px;
}

.coloredwrap.secondcolorwrap {
  background-color:var(--secondcolor);
}

.section-name {
    font-size: 3rem;
    font-family: 'Heading Pro Treble Extra Bold';
    border-bottom: 5px solid #f1d801;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.light-theme .section-name {
    color: #fff;
}
.light-theme .o-meta, .light-theme .o-head {
    color: #fff;
    font-weight: 400;
}

.coloredwrap .rounded-titl {
    margin-bottom: 0;
}.coloredwrap.secondcolorwrap .rounded-titl {
    background-color: #FFF;
    color: #222;
}

.mm-30{margin-bottom:3rem}
.mm-40{margin-bottom:4rem}
.mm-60{margin-bottom:6rem}


.wrap-share-top{margin-top:10px;border-bottom:1px solid #CCC;padding:10px 0}
.wrap-share-bottom{display:block;padding:10px 0 5px;border-top:1px solid #CCC;border-bottom:1px solid #CCC}
.bottom-tags{display:block;clear:both;margin-bottom:20px;margin-top:30px}
.bottom-tags .urltags{margin:-5px;display:flex;flex-wrap:wrap}
.bottom-tags .urltags li{list-style:none;font-size:14px;font-family:'Heading Pro Treble Bold';background-color:var(--secondcolor);color:var(--secondcolor);display:inline-block;margin:5px;padding:4px 10px}
.bottom-tags .urltags li a{color:#000}


.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#dcomments {
    padding: 2rem;
    background-color: #f4F4F4;
    margin-top: 2rem;
}

.main-content .twitter-tweet {
    text-align: center!important;
    margin: 0 auto 10px;
}

.wp-caption {
    max-width: 100%!important;
}

@media all and ( max-width:1023px ) {
#Latest {padding: 60px 0 10px}
#Latest .maxgridrow{padding:0}
#Latest .maxgridrow .columns{white-space:nowrap;display:block;overflow-x:scroll;padding:5px 10px}
#Latest .maxgridrow .columns .column{width:60%;flex-grow:initial;flex-basis:initial;flex-shrink:initial;padding:5px;display:inline-block;vertical-align:top}
#Latest .maxgridrow .columns .column .tile-content{display:block;white-space:normal}
#Latest .maxgridrow .columns .column figure{height:0;display:none}
#Latest .focus-col a{padding:5px}
.column.left-side{padding:0}
.article-wrapper{display:flex;flex-direction:column}
.website-article header .headine{font-size:2.6rem}
.website-article header .description{font-size:1.8rem}
/* .website-article header{border-left-width:5px} */
.sidebar-side.is-narrow{width:100%;padding:0}
.sidebar-side .width-340{width:100%}
#section-triples{margin-top:2rem;padding:20px 0}
.column.stili{padding:0;margin-bottom:20px}
.column.stili:last-child(){margin-bottom:0}
.width-360{width:100%}
.width-340{width:100%}
.width-300{width:100%} 
.at-share-dock-outer {display: none!important}
.bottom-tags .urltags li{font-size:11px}
.article-wrapper aside {
    width: 100%;
    opacity: 0.55;
}  
  
}