/* topics.css */

#glitter {display:none;}

h2 {font-size:300%;font-feature-settings: "palt";
color:rgba(255, 23, 135,1);
text-shadow: 1px 3px #FFF, 1px -3px #FFF, -1px 3px #FFF, -1px -3px #FFF, 2px 2px #FFF, 2px -2px #FFF, -2px 2px #FFF, -2px -2px #FFF, 3px 1px #FFF, 3px -1px #FFF, -3px 1px #FFF, -3px -1px #FFF;
}

/* ========== TOPICS ========== */
.layout-2column {
width:90%;
display:flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap:wrap;
}
#article {
position: relative;
z-index:1;
flex-basis:100%;
width:100%;
font-size:1.8rem;
}
#page-contents.layout-1column #article {
position: relative;
z-index:1;
flex-basis:100%;
width:100%;
font-size:1.8rem;
}
#article #post h1 {
font-size:200%;
position: static;
width:auto;
transform: none;
}
#article #post .title a{
display: inline-block;
transform-origin: top left;
transform: scale(0.9, 1);
width: 113%;
letter-spacing:-1px;
color:rgb(255, 23, 135);
line-height:1.3;
text-decoration:none;
}
#article #post img {
margin:0 2rem  2rem 2rem;
min-width:240px;
}
#article #post .flex {gap:0 2%;}
#article #post.leafret img {
margin:0;
}
#article #post img.alinenone {
margin:0 auto;
}
#article #post img.size-large {
width:100%;
margin:0 0 2rem;
}
#article.archive li:last-child{
margin-bottom:0;
}
#article.archive h3 {
font-size:150%;
color:rgb(255, 23, 135);
}
#article.archive h3 a{
display: inline-block;
position: relative;
line-height:1.4;
}
#article.archive p {
}
#article.archive p:nth-of-type(1) {
font-size: 1.2rem;
background: rgba(255, 23, 135, 1);
padding-left:1rem;
color: #FFF;
margin-bottom: .5rem;
}
#article.archive p:nth-of-type(2) {
color: #333;
}
#article.archive p.img {
flex-basis:22%;
margin:0 2.5% 0 0;
background: transparent;
padding:0;
}
#article.archive div {
flex-basis:100%;
}
#article #post {background:rgba(255,255,255,.95); padding:2vw 3vw 3vw; border-radius:1em; box-shadow: rgba(200, 200, 200, 0.3) 3px 3px 0px;}

/* ========== #TOPICS #sidebar ========== */
#sidebar {
    flex-basis: 33%;
    border-radius: 1em;
}
#sidebar .wp-block-heading { margin-bottom:0;}
#sidebar .sub-heading {font-size: 1.2rem;}
#sidebar ul.wp-block-latest-posts {padding:0;}
#sidebar ul.wp-block-latest-posts li {margin-bottom:1.25em;}
#sidebar ul.wp-block-latest-posts a { display:block;padding:1em; text-decoration:none; background:rgba(255,255,255,.95); box-shadow: rgba(200, 200, 200, 0.3) 3px 3px 0px; position:relative; z-index:2; border-radius:.5em;}
#sidebar ul.wp-block-latest-posts a:hover {transform: scale(1.05);}
#sidebar ul.wp-block-latest-posts a:hover .img {transform: scale(1.05);}
#sidebar .category span {background:rgba(255, 23, 135, 1); color:#FFF; padding:0 .5em; display:inline-block;}
#sidebar ul.wp-block-latest-posts .flex { flex-wrap:wrap; justify-content:space-between; }
#sidebar .flex p {margin-bottom:0;}
#sidebar .flex .category { font-size:80%; flex-basis:30%;}
#sidebar .flex .date { text-align:right; font-size:80%; flex-basis:70%;}
#sidebar .flex .title { flex-basis:100%; margin-top:.3em; margin-bottom:.3em; line-height:1.3;}
#sidebar .flex .description {display:block; font-size:1.2rem; line-height:1.3; color:initial; flex-basis:65%;}
#sidebar .flex .img { flex-basis:30%; }


/* ========== #TOPICS #NEWS ========== */
#news.section {
padding: 4em 0 0;
width: 80vw;
margin: 0 auto;
}
#news .archive li{
margin-bottom:30px;
}
#news .archive a{
display:block;
padding: 2rem;
text-decoration:none;
display:flex;
align-items: start;
background:rgba(255,255,255,.5);
border-radius:1em;
}
#news .archive a:hover{
transform: scale(1.05);
}

/* ========== #TOPICS #SPECIAL ========== */
#special.section {
padding: 4em 0;
background: rgb(214, 0, 65);
background: linear-gradient(145deg, rgba(255, 23, 135, 1) 0%, rgba(255, 23, 135, 0) 50%);
}
#special .archive a{
display:block;
padding: 2rem;
text-decoration:none;
display:flex;
align-items: center;
border:.5px #777 solid;
background:rgba(0,0,0,.5);
}
#special .archive a:hover{
color:#FFF;
transform: scale(1.05);
}

/* ========== #TOPICS .auchives ========== */
#page-contents #article.archive {flex-basis: 100%;}
#page-contents #article.archive li {margin-bottom:30px;}
#article.archive h3 {line-height:1.3; margin-bottom: .25em;}

/* ========== #TOPICS .single ========== */
#page-contents{ margin:3em auto;}
#page-contents #article.single {flex-basis: 65%;}
#page-contents .sidebar {flex-basis:30%;}
#article #post .postdate {
position:relative;
font-size:1.2rem;
background: rgb(255, 23, 135);
color:#FFF;
margin:.75em auto;
padding:0 .75em;
}
#page-contents #post img {margin:0;}
#page-contents #post p { font-weight:100; line-height:1.6;}
.twitter-timeline { width:100% !important; }

@media (min-width:513px) and (max-width:960px){
.layout-2column {width:90%;}
}
@media (min-width:0px) and (max-width:512px){
.layout-2column {width:90%;}
#page-contents #article.single {flex-basis: 100%;}
#sidebar {flex-basis: 100%; margin-top:1.5em;}
#article.archive p.img {flex-basis:40%;}
#article.archive h3 {font-size:1.6rem;}
#article.archive p {font-size:1.2rem;}
}