/*
Theme Name:  Mihail.info
Theme URI:  https://mihail.info
Description:  O temă mișto, donată de Sebastian și modificată de Mihail.
Author:  Mihail, Sebastian și Claude
Author URI:  https://ssebastian.ro
Version:  2.1
License:  GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&display=swap');

/* ============================================================
   RESET & BASE
   ============================================================ */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
sub{bottom:-.25em}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
code,kbd,t,var{background:#f5e8eb;color:#bc243c;font-family:monospace,sans-serif;border-radius:4px;padding:1px 5px;font-size:.9em}
big{font-size:125%}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
img{height:auto;max-width:100%}
iframe{max-width:100%}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #f6ccda;margin:1em 0;padding:0}
input,select{vertical-align:middle}
.clear:before,.clear:after,.clearfix:before,.clearfix:after,.row:before,.row:after{content:"";display:table}
*,:before,:after{box-sizing:border-box}
.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.container:after,.container:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after{content:'';display:table}
h1,h2,h3,h4,h5,h6{font-family:'Lora',Georgia,serif;font-weight:700;text-rendering:optimizelegibility}
h1{font-size:2.6em}
h2{font-size:2.2em}
h3{font-size:1.8em}
h4{font-size:1.6em}
h5{font-size:1.4em}
h6{font-size:1.2em}
.post-content .the-content h1{font-size:24px}
.post-content .the-content h2{font-size:22px}
.post-content .the-content h3{font-size:20px}
.post-content .the-content h4{font-size:18px}
.post-content .the-content h5{font-size:16px}
.post-content .the-content h6{font-size:15px}
.post-content .the-content h1,.post-content .the-content h2,.post-content .the-content h3,.post-content .the-content h4,.post-content .the-content h5,.post-content .the-content h6{margin-bottom:10px;line-height:normal}
b,strong{font-weight:700}
dfn,cite,em,i{font-style:italic}
blockquote{margin:0 1.5em}
address{margin:0 0 1.5em}
pre{background:#1e2433;background-image:none!important;padding:20px;max-width:100%;color:#abb2bf;margin-bottom:20px;overflow:auto;border-radius:8px;font-size:.88em;line-height:1.6}
.terminal{background:#424952;color:#c3d0d8;border-radius:8px}
.cmd{background:#424952;color:#c3d0d8;border-radius:8px}
.php{background:#536d90;border-radius:8px}
abbr,acronym{border-bottom:1px dotted #666;cursor:help}
mark,ins{background:#fff9c0;text-decoration:none}
sup,sub{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}
sup{bottom:1ex}
sub{top:.5ex}
small{font-size:75%}
big{font-size:125%}
hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}
ul,ol{margin:0}
ul{list-style:inside square}
ol{list-style:inside decimal}
li > ul,li > ol{margin:0}
dt{font-weight:700}
dd{margin:0}
figure{margin:0}
table{margin:0 0 1.5em;width:100%}
th{font-weight:700}
:focus{outline:0}
.page-links{clear:both;margin:0 0 1.5em}
.page-content img.wp-smiley,.entry-content img.wp-smiley,.comment-content img.wp-smiley{border:none;margin:0;padding:0}
embed,iframe,object{max-width:100%}
.wp-caption{margin-bottom:1.5em;max-width:100%}
.wp-caption img[class*="wp-image-"]{display:block;margin:0 auto}
.wp-caption-text{text-align:center}
.wp-caption .wp-caption-text{margin:.8075em 0}
.gallery{margin-bottom:1.5em}
.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}
.gallery-columns-2 .gallery-item{max-width:50%}
.gallery-columns-3 .gallery-item{max-width:33.33%}
.gallery-columns-4 .gallery-item{max-width:25%}
.gallery-columns-5 .gallery-item{max-width:20%}
.gallery-columns-6 .gallery-item{max-width:16.66%}
.gallery-columns-7 .gallery-item{max-width:14.28%}
.gallery-columns-8 .gallery-item{max-width:12.5%}
.gallery-columns-9 .gallery-item{max-width:11.11%}
.gallery-caption{display:block}
.alignleft{display:inline;float:left;margin-right:1em}
.alignright{display:inline;float:right;margin-left:1em}
.aligncenter{clear:both;display:block;margin:0 auto}
img,.wp-caption{height:auto;max-width:100%}
a,button,input[type="button"],input[type="reset"],input[type="submit"],textarea,input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],.navigation a,.post-item,.container,.post-item .post-img img,.small-head,.inside-head,.site-header .head-icon,.widget-area{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;font-family:'Lora',Georgia,serif}
button,input[type="button"],input[type="reset"],input[type="submit"]{background:#bc243c;color:#fff;font-size:.82em;font-weight:600;padding:9px 22px;text-transform:none;letter-spacing:.03em;cursor:pointer;border:none;border-radius:6px}
button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{background:#333;color:#fff}
input[type="checkbox"],input[type="radio"]{padding:0}
input[type="search"]{-webkit-appearance:textfield;box-sizing:border-box;width:100%}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],textarea{border:1px solid #ddd;padding:10px;border-radius:4px}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,textarea:focus{color:#111;border:1px solid #222333}
textarea{overflow:auto;vertical-align:top;width:100%}

/* ============================================================
   FONT AWESOME
   ============================================================ */
@font-face{font-family:'FontAwesome';font-style:normal;font-weight:400;src:url(fonts/fontawesome-webfont.eot);src:url(fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/fontawesome-webfont.woff2) format("woff2"),url(fonts/fontawesome-webfont.woff) format("woff"),url(fonts/fontawesome-webfont.ttf) format("truetype"),url(fonts/fontawesome-webfont.svg#fontawesomeregular) format("svg")}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-clock-o,.fa-comments-o,.fa-feed,.fa-rss,.fa-times{margin-right:5px}
.fa-meh-o:before{content:"\f11a"}
.fa-times:before{content:"\f00d"}
.fa-chevron-up:before{content:"\f077"}
.fa-clock-o:before{content:"\f017"}
.fa-comments-o:before{content:"\f0e6"}
.fa-bars:before{content:"\f0c9"}
.fa-rss:before{content:"\f09e"}
.fa-plus-square:before{content:"\f0fe"}
.fa-youtube-play:before{content:"\f16a"}
.fa-twitter-square:before{content:"\f081"}
.fa-facebook-square:before{content:"\f082"}
.fa.sun-o:before{content:"\f185"}
.fa.moon-o:before{content:"\f186"}

/* ============================================================
   LINKS & BODY
   — body folosește Source Serif 4 pentru text general lizibil
   — Lora rămâne pentru headings, UI, meniu
   ============================================================ */
a{color:#bc243c;text-decoration:none}
a:hover{color:rgba(0,0,0,0.8)}
a:hover,a:active{outline:0}
a img{vertical-align:top}
.sticky{background:#F5ECCE;padding:30px;border-bottom:none!important}
body{font-family:'Source Serif 4',Georgia,serif;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5ede5;font-size:.95em;color:#3f3f3f;font-weight:400;margin:0;overflow-x:hidden}
html{overflow-x:hidden}
/* UI elements revin la Lora */
button,input,select,textarea,
.navigation,
.entry-meta,
.widget-time,
.comdate,
.site-footer,
.post-content .entry-meta{font-family:'Lora',Georgia,serif}

/* ============================================================
   LAYOUT
   ============================================================ */
.container{margin:0 auto;max-width:1310px;min-width:300px;padding:0 15px;position:relative}
.site-header{background:#333;clear:both;height:90px;width:100%;position:fixed;top:0;z-index:100;overflow:visible;box-sizing:content-box}
.admin-bar .site-header{top:32px}
@media screen and (max-width:782px){.admin-bar .site-header{top:46px}}
.small-head{position:fixed;top:0;z-index:100;height:50px;overflow:visible}
.admin-bar .small-head{top:32px}
@media screen and (max-width:782px){.admin-bar .small-head{top:46px}}
.site-content{overflow-wrap:break-word;overflow:hidden;display:flex;width:100%;background:#FFF;border-radius:5px;margin:135px 0 30px}
.admin-bar .site-content{margin-top:167px}
@media screen and (max-width:782px){.admin-bar .site-content{margin-top:181px}}
.site-footer a{color:rgba(255,255,255,0.65)}
.site-footer a:hover{color:#fff;text-decoration:underline}
.site-footer{background:#1a1a1a;color:rgba(255,255,255,0.4);font-size:.78em;padding:15px 20px;line-height:1.8}
.site-footer .about{display:none}
.site-footer .copy{margin-bottom:4px}
.site-footer .rss-links{display:inline-block}
.site-footer .rss-links a{margin-right:8px;color:rgba(255,255,255,0.5)}
#primary{padding:20px;width:67%}
#secondary{width:33%;padding:20px;background:#faf7f4;border-left:1px solid #ede5de}
.slicknav_menu,#responsive-menu{display:none}

/* ============================================================
   HEADER
   ============================================================ */
.main-navigation{position:absolute;right:20px;text-transform:uppercase;font-weight:600;font-size:1.2em;line-height:90px;font-family:'Lora',Georgia,serif}
.main-navigation ul{list-style:none;margin:0;padding-left:0}
.main-navigation li{float:left;position:relative;padding:0 15px}
.main-navigation a{display:block;text-decoration:none;color:#FFF;position:relative;font-size:.75em;letter-spacing:.08em;padding-bottom:0}
.main-navigation a::after{display:none}
.main-navigation a:hover,.main-navigation .current-menu-item a{text-decoration:underline;text-decoration-color:#bc243c;text-underline-offset:3px;text-decoration-thickness:2px}
.main-navigation a:hover::after,.main-navigation .current-menu-item a::after{display:none}
.main-navigation a:hover{color:#fff}
.main-navigation ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);float:left;position:absolute;top:1.5em;left:-999em;z-index:99999}
.inside-head{margin:0 auto;max-width:1310px;position:relative;height:90px;padding:0 15px}
.site-header .head-icon{border:3px solid rgba(255,255,255,0.9);border-radius:50%;position:absolute;left:20px;height:110px;width:110px;top:-10px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.4);z-index:101}
.site-header .head-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.small-head .head-icon{height:44px;width:44px;top:3px;border-radius:50%!important;border-width:2px}
.site-header .site-branding{position:absolute;top:50%;left:148px;transform:translateY(-50%);transition:.3s}
.small-head .site-branding{left:72px}
.small-head .theme-switch-wrapper{transform:none;vertical-align:middle}
.site-header .site-branding h1{font-size:1.6em;font-weight:700;font-family:'Lora',Georgia,serif;letter-spacing:-0.03em;line-height:24px;display:inline-block;vertical-align:middle}
.small-head .site-branding h1{font-size:1.1em}
.site-header .site-branding h1 a{color:#FFF}
.site-header .site-branding h1 a:hover{text-decoration:none}
.site-header .site-branding h2{display:block;font-size:.65em;font-weight:400;font-family:'Lora',Georgia,serif;color:rgba(255,255,255,0.5);letter-spacing:.06em;text-transform:uppercase;margin-top:3px}
.small-head .site-branding h2{display:none}
.small-head .main-navigation{font-size:1em;line-height:50px}
.small-head .inside-head{height:50px}
.theme-switch-wrapper{display:inline-block;vertical-align:middle;margin:0 0 0 10px}
.small-head .theme-switch-wrapper{transform:none}

/* ============================================================
   DARK MODE TOGGLE
   ============================================================ */
.theme-switch{position:relative;display:inline-block;cursor:pointer;line-height:0;vertical-align:middle}
.theme-switch input{opacity:0;width:0;height:0;position:absolute}
.toggle-track{display:inline-flex;align-items:center;width:44px;height:22px;background:rgba(255,255,255,0.2);border:1.5px solid rgba(255,255,255,0.6);border-radius:11px;position:relative;padding:0 2px;transition:background .3s ease}
.theme-switch input:checked + .toggle-track{background:rgba(255,255,255,0.15)}
.toggle-icon{font-size:10px;line-height:1;transition:opacity .3s ease;z-index:1}
.toggle-icon--sun{margin-right:auto;opacity:1}
.toggle-icon--moon{margin-left:auto;opacity:.45}
.theme-switch input:checked + .toggle-track .toggle-icon--sun{opacity:.45}
.theme-switch input:checked + .toggle-track .toggle-icon--moon{opacity:1}
.toggle-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 1px 3px rgba(0,0,0,0.4)}
.theme-switch input:checked + .toggle-track .toggle-thumb{transform:translateX(22px)}

/* ============================================================
   DARK MODE TRANSITIONS
   ============================================================ */
html.transition,html.transition *,html.transition *:before,html.transition *:after{transition:all 500ms;transition-delay:0}
body{margin-bottom:0!important}

/* ============================================================
   WIDGETS
   — titluri: Lora
   — linkuri articole: Source Serif 4
   ============================================================ */
.widget{margin:0 0 2.5em;position:relative}
.widget:last-of-type{margin:0}
.widget h4,.widget-title{color:#444!important;font-size:1em!important;margin-bottom:16px;text-align:left!important;text-transform:uppercase;font-family:'Lora',Georgia,serif!important;letter-spacing:.04em!important;border-left:3px solid #bc243c;padding-left:10px;font-weight:700}
.widget h4:after{display:none!important}
.widget ul,.widget li{list-style:none}
.widget li{border-bottom:none!important;margin-bottom:14px;padding-bottom:0}
.widget-articole li,#recentcomments li{border-bottom:none!important;margin-bottom:14px;overflow:hidden;padding-bottom:14px}
.widget li:last-of-type,#recentcomments li:last-of-type{margin:0;padding:0;border:none!important}
.widget li a{color:#333;font-size:1em!important;font-family:'Source Serif 4',Georgia,serif}
.widget-articole li a,#recentcomments li a{font-weight:600;color:#222;font-size:1em!important;font-family:'Source Serif 4',Georgia,serif}
.widget li a:hover,#recentcomments li a:hover{color:#bc243c}
.widget-a-description{font-size:1em;margin-left:75px;line-height:1.4;font-family:'Source Serif 4',Georgia,serif}
.recentcomments{font-size:.83em}
.widget-time{font-size:.75em;color:#999;margin-top:2px;font-family:'Lora',Georgia,serif}
.widget-articole{list-style:none}
.widget-photo{float:left}
.widget-photo img{border-radius:5px}
.widget-articole .widget-time{margin-top:3px}
#side-search{margin-bottom:10px}
.widget-comments-recent .widget-photo img{border-radius:5px}
.recommauth{font-weight:700;font-size:.95em;display:inline-flex;font-family:'Source Serif 4',Georgia,serif}
.comcon{margin-left:75px;margin-top:4px;font-size:.88em;font-family:'Source Serif 4',Georgia,serif}
.comcon a{color:#333;font-weight:600}
.comcon a:hover{color:#bc243c}
.comdate,.widget-time{margin-top:3px;font-size:.78em;color:#999}
.says{display:none}

/* ============================================================
   NAVIGATION (paginare)
   ============================================================ */
.navigation{font-size:.9em;clear:both;display:block;text-align:center;margin-top:10px}
.navigation span a{border:1px solid #ddd;color:#111;display:inline-block;border-radius:6px;font-weight:500;margin-right:5px;padding:5px 10px;font-size:.85em;font-family:'Lora',Georgia,serif}
.navigation .active a,.navigation a:hover{background:#bc243c;color:#fff!important;border:1px solid #bc243c!important}
.navigation .nav-sep{display:inline-block;margin-right:5px}

/* ============================================================
   POST ITEMS — rezumate cu Source Serif 4
   ============================================================ */
.post-item--featured{overflow:hidden;margin-bottom:18px;padding:18px;border:none;border-radius:8px;background:#fff;box-shadow:none}
.post-item--featured .entry-header .entry-title{font-size:2em;font-family:'Lora',Georgia,serif;font-weight:600;letter-spacing:-0.02em;line-height:1.2}
.post-item--featured .post-img{position:relative;width:100%;padding-bottom:46%;overflow:hidden;border-radius:6px;margin-bottom:14px}
.post-item--featured .post-img img{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;object-fit:cover;border-radius:6px!important;transition:transform .4s ease!important}
.post-item--featured:hover .post-img img{transform:scale(1.02)}
.posts-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}
.post-item--grid{overflow:hidden;padding:16px;border:1px solid #ebe3db;border-radius:8px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.04)}
.post-item--grid .entry-header .entry-title{font-size:1.5em;font-family:'Lora',Georgia,serif;font-weight:600;letter-spacing:-0.02em;line-height:1.25}
.post-item--grid .post-img{position:relative;width:100%;padding-bottom:58%;overflow:hidden;border-radius:6px;margin-bottom:12px}
.post-item--grid .post-img img{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;object-fit:cover;border-radius:6px!important;transition:transform .4s ease!important}
.post-item--grid:hover .post-img img{transform:scale(1.03)}
.post-item{overflow:hidden;margin-bottom:18px;padding:18px;border:1px solid #ebe3db;border-radius:8px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.04);position:relative}
.post-item:last-of-type{margin-bottom:18px}
.post-item .entry-header{margin-bottom:6px}
.post-item .entry-header .entry-title{font-family:'Lora',Georgia,serif;font-weight:600;letter-spacing:-0.02em}
.post-item .entry-header .entry-title a,
.post-item--featured .entry-header .entry-title a,
.post-item--grid .entry-header .entry-title a{color:#1a1a1a;transition:color .2s ease}
.post-item .entry-header .entry-title a:hover,
.post-item--featured .entry-header .entry-title a:hover,
.post-item--grid .entry-header .entry-title a:hover{color:#bc243c}
.post-item .entry-header .entry-meta,
.post-item--featured .entry-header .entry-meta,
.post-item--grid .entry-header .entry-meta{color:#aaa;font-size:.78em;margin-top:5px;text-transform:uppercase;letter-spacing:.04em;font-family:'Lora',Georgia,serif}
.post-item .entry-header .entry-meta .meta-comments{font-weight:600}
.post-item .entry-header .entry-meta a,
.post-item--featured .entry-header .entry-meta a,
.post-item--grid .entry-header .entry-meta a{color:#aaa;text-decoration:none}
.post-item .entry-header .entry-meta a:hover,
.post-item--featured .entry-header .entry-meta a:hover,
.post-item--grid .entry-header .entry-meta a:hover{color:#bc243c}
.post-item .entry-header .entry-meta span{margin-right:10px}
.post-item .entry-header .entry-meta span:last-of-type{margin-right:0}
.post-item .post-img{position:relative;width:100%;padding-bottom:52%;overflow:hidden;border-radius:6px;margin-bottom:14px}
.post-item .post-img img{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;object-fit:cover;border-radius:6px!important;transition:transform .4s ease!important}
.post-item:hover .post-img img{transform:scale(1.03)}
/* Rezumate — Source Serif 4 */
.post-item .entry-content,
.post-item--grid .entry-content{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6em;font-family:'Source Serif 4',Georgia,serif}
.post-item--featured .entry-content{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:18px;line-height:1.3em;font-family:'Source Serif 4',Georgia,serif}

/* ============================================================
   SINGLE POST — paragrafe cu Source Serif 4
   ============================================================ */
.post-content .entry-title{font-size:2.2em;color:#000;font-family:'Lora',Georgia,serif;letter-spacing:-0.02em;line-height:1.2}
.post-content .entry-meta{color:#999;font-size:.8em;margin:10px 0 20px;text-transform:uppercase;letter-spacing:.04em;font-family:'Lora',Georgia,serif}
.post-content .entry-meta a{color:#999}
.post-content .entry-meta .meta-comments a{font-weight:600}
.post-content .entry-meta .post-edit-link{margin-left:10px;font-weight:600;color:#bc243c}
.post-content .entry-meta span{margin-right:10px}
.post-content .entry-meta span:last-of-type{margin-right:0}
.post-content .the-content{line-height:1.8em;font-size:20px;overflow:hidden;position:relative;color:#2c2c2c;font-family:'Source Serif 4',Georgia,serif}
.post-content .the-content p{margin-bottom:16px;font-family:'Source Serif 4',Georgia,serif}
.post-content .the-content li{font-family:'Source Serif 4',Georgia,serif}
.post-content .the-content p:last-of-type{margin-bottom:0}
.post-content .the-content a{color:#bc243c;font-weight:600}
.post-content .the-content a:hover{color:#000}
.post-content .the-content iframe{max-width:100%}
.post-content .the-content blockquote{background:#fdf5f7;border-radius:0 6px 6px 0;border-left:4px solid #bc243c;font-style:italic;margin:0 0 20px;padding:15px 15px 15px 20px;position:relative}
.post-content .the-content blockquote:before{display:none}
.post-content .the-content blockquote p:last-of-type{margin-bottom:0}
.post-content .the-content ul{margin:0 0 20px 2em;list-style:disc}
.post-content .the-content ol{margin:0 0 20px 1em;list-style:inside decimal}
.post-content .the-content li{margin:0 0 12px}
.post-content .the-tags a{border:1px solid #ddd;border-radius:5px;color:#999;display:inline-block;font-size:.8em;margin:0 5px 10px 0;padding:2px 8px;font-family:'Lora',Georgia,serif}
.post-content .the-tags a:hover{color:#fff;border:1px solid #222333;background:#222333}
footer.entry-footer{margin:30px 0 20px}

/* ============================================================
   COMMENTS
   ============================================================ */
ol.commentlist{list-style:none;margin:20px 0 0;padding:0}
.commentlist ul,.commentlist li{list-style:none}
ol.commentlist li:last-of-type{border-bottom:none}
ol.commentlist li.comment ul.children{padding:20px}
ol.commentlist li.comment div.author{overflow:hidden}
ol.commentlist li.comment div.vcard cite.fn a.url{color:#bc243c}
.commentlist .comment-meta{clear:both;margin-bottom:20px;overflow:hidden}
.commentlist .comment-meta .author-name{font-size:.9em;margin-top:7px;font-weight:700}
.commentlist .comment-meta .comment-author a{color:#bc243c}
ol.commentlist li.comment ul.children{background:#f5ede5;border-radius:5px;margin:20px 0 0 10px;position:relative}
ol.commentlist li.comment ul.children:before{border-bottom:7px solid #f5ede5;border-left:7px solid rgba(0,0,0,0);border-right:7px solid rgba(0,0,0,0);content:"";display:inline-block;position:absolute;left:30px;top:-7px}
ol.commentlist li.comment ul.children li:last-of-type{margin-bottom:0;padding-bottom:0}
ol.commentlist li{border-bottom:1px solid #ddd;margin-bottom:20px;padding-bottom:20px;position:relative}
.comment-body{position:relative}
.comment-author img{border-radius:8px;float:left;margin-right:15px}
.comment-meta .author-name .fn{font-style:normal;font-weight:700;font-size:.9em}
.comment-meta .comment-metadata{font-size:.76em;margin-top:3px}
.comment-meta .comment-metadata a{color:#999}
#respond{margin-top:20px;position:relative}
#respond h3{border-bottom:1px solid #ddd;color:#000;font-size:1.3em;padding-bottom:5px;position:relative;text-transform:uppercase}
#author,#email,#url{margin:5px 0 10px;padding:10px;width:100%}
#commentform p{margin-bottom:10px}
#commentform p:last-of-type{margin:0}
textarea#comment{margin:5px 0 10px;height:150px}
.logged-in-as{margin-top:10px}
.logged-in-as a{font-weight:600;color:#bc243c}
.comment-form-cookies-consent input{margin-right:5px}
.form-submit .submit{width:100%}
.comment-notes{font-size:.75em;margin:10px 0;color:#999}
.comment-notes a{color:#c33e82;font-weight:600}
.comment-notes .required{color:#bc243c}
#cancel-comment-reply-link{color:#ed1c24;font-size:.8em;right:0;bottom:10px;position:absolute}
#comments{clear:both}
.postcomments{clear:both;margin-top:20px;position:relative}
.postcomments h3{color:#333;font-size:1.3em;text-transform:uppercase;margin-bottom:10px;border-bottom:1px solid #ddd;padding-bottom:5px;position:relative}
.postcomments h3 a{background:#bc243c;border-radius:3px;color:#fff;display:block;font-size:.6em;padding:4px 6px;position:absolute;right:0;top:0}
.postcomments h3 a:hover{text-decoration:none}
.postcomments h3{font-size:1em}
.pingback .rating,.pingback .reply{display:none}
.comment-content{line-height:1.4em;font-family:'Source Serif 4',Georgia,serif}
.comment-content blockquote{background:#eee;font-style:italic;margin:0 0 20px;padding:15px}
.comment-content blockquote p:last-of-type{margin:0}
.comment-content p{margin-bottom:20px}
.comment-content p:last-of-type{margin-bottom:0}
.comment-body .reply{margin:20px 0}
.comment-body .reply a{border:1px solid #999;border-radius:3px;color:#999;display:inline-block;font-size:.7em;padding:4px 8px;font-family:'Lora',Georgia,serif}
.comment-body .reply a:hover{background:#BC243C;color:#fff;border:1px solid #BC243C}
.comment-awaiting-moderation{color:#c33e82;display:block;font-size:.8em}
.comment-edit-link:before{content:"["}
.comment-edit-link:after{content:"]"}
.comment-edit-link{color:#bc243c!important;margin-left:3px}

/* ============================================================
   MISC
   ============================================================ */
.site-info{line-height:1.6em;font-size:.87em;color:rgba(255,255,255,0.5)}
.site-info a{color:rgba(255,255,255,0.65)}
.site-info a:hover{text-decoration:none;color:#fff}
.title-as{border-bottom:2px solid #f5ede5;padding-bottom:10px;margin-bottom:20px;font-size:16px;font-family:'Lora',Georgia,serif}
.title-as span{font-weight:600;color:#bc243c}
.page-title{font-size:1.8em;margin-bottom:20px;font-family:'Lora',Georgia,serif}
.post-error p{color:#BC243C;font-weight:700}
.cd-top{background:#bc243c;border-radius:8px 8px 0 0;bottom:0;color:#fff;font-size:22px;line-height:1;opacity:0;z-index:999;padding:2px 7px;position:fixed;right:20px}
.cd-top:hover{background:#9e1e33;color:#fff}
.cd-top.cd-is-visible{visibility:visible;opacity:1}
.iframe{position:relative;padding-bottom:56.25%;height:0}
.iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%}

/* ============================================================
   SOCIAL BADGE
   ============================================================ */
#socialbadge{font-weight:700;font-size:14px;font-family:'Lora',Georgia,serif}
#sfb{padding:6px 0 6px 10px;background-color:#44619d;border-radius:3px;margin-bottom:6px}
#stw{padding:6px 0 6px 10px;background-color:#59acee;border-radius:3px;margin-bottom:6px}
#sgp{padding:6px 0 6px 10px;background-color:#dd4b39;border-radius:3px;margin-bottom:6px}
#syt{padding:6px 0 6px 10px;background-color:#c81c20;border-radius:3px;margin-bottom:6px}
#srss{padding:6px 0 6px 10px;background-color:#f60;border-radius:3px;margin-bottom:6px}
#sask{padding:6px 0 6px 10px;background-color:#ff643c;border-radius:3px;margin-bottom:6px}
#socialbadge a{color:#fff}
#socialbadge a:hover{color:#fafafa!important}
.dd{display:inline-block;font-size:.8em!important;line-height:18px;color:white;height:18px;text-align:center;vertical-align:bottom}
img.wp-smiley,img.emoji{display:inline!important;border:0!important;box-shadow:none!important;height:1em!important;width:1em!important;margin:0 .07em!important;vertical-align:-.1em!important;background:none!important;padding:0!important}
#social{float:right;right:40px;position:inherit;max-width:1160px;font-size:0.8em}
.fa-facebook-o:before{content:"\f09a"}
.fa-twitter-o:before{content:"\f099"}
.fa-youtube-o:before{content:"\f16a"}
.site-footer{position:inherit}

/* ============================================================
   DARK MODE
   ============================================================ */
[data-theme="dark"] body{background-color:#2a2a2a;color:#ccc;margin-bottom:0!important}
[data-theme="dark"] #primary{background-color:#131313}
[data-theme="dark"] .site-content{background:#1e1e1e}
[data-theme="dark"] .site-header{background:#161616}
[data-theme="dark"] .site-header .site-branding h1 a{color:#ddd}
[data-theme="dark"] .site-header .head-icon{border-color:rgba(255,255,255,0.5)}
[data-theme="dark"] .slicknav_menutxt{color:#aaa}
[data-theme="dark"] .menu a{color:#aaa}
[data-theme="dark"] .slicknav_nav li a{color:#aaa}
[data-theme="dark"] #secondary{background:#1a1a1a;border-left-color:#333}
[data-theme="dark"] h1,[data-theme="dark"] h2,[data-theme="dark"] h3,[data-theme="dark"] h4,[data-theme="dark"] h5,[data-theme="dark"] h6{color:#e5e5e5!important}
[data-theme="dark"] .widget h4,[data-theme="dark"] .widget-title{color:#ccc!important;border-left-color:#bc243c}
[data-theme="dark"] p{color:#bbb}
[data-theme="dark"] .fn{color:#ccc}
[data-theme="dark"] .post-item,[data-theme="dark"] .post-item--grid{background:#1e1e1e!important;border-color:#333!important;box-shadow:none!important}
[data-theme="dark"] .post-item--featured{background:#1e1e1e!important;border:none!important;box-shadow:none!important}
[data-theme="dark"] .post-item .entry-header .entry-title a,
[data-theme="dark"] .post-item--featured .entry-header .entry-title a,
[data-theme="dark"] .post-item--grid .entry-header .entry-title a{color:#e0e0e0!important}
[data-theme="dark"] .post-item .entry-header .entry-title a:hover,
[data-theme="dark"] .post-item--featured .entry-header .entry-title a:hover,
[data-theme="dark"] .post-item--grid .entry-header .entry-title a:hover{color:#bc243c!important}
[data-theme="dark"] .post-content .entry-title{color:#e5e5e5!important}
[data-theme="dark"] .post-content .the-content{color:#bbb}
[data-theme="dark"] .post-content .the-content li{color:#bbb}
[data-theme="dark"] .post-content .the-content a:hover{color:#ddd}
[data-theme="dark"] .post-content .the-content blockquote{background:#252525;border-left-color:#bc243c}
[data-theme="dark"] h1.page-title{color:#e5e5e5!important}
[data-theme="dark"] .title-as{border-bottom:2px solid #444;color:#ccc}
[data-theme="dark"] .title-as span{color:#bc243c}
[data-theme="dark"] .navigation span a{border:1px solid #555;color:#ccc}
[data-theme="dark"] .navigation span a:hover{background:#bc243c;border-color:#bc243c;color:#fff}
[data-theme="dark"] .navigation .active a{background:#bc243c;border-color:#bc243c;color:#fff}
[data-theme="dark"] ol.commentlist li{border-bottom-color:#333}
[data-theme="dark"] ol.commentlist li.comment ul.children{background:#252525}
[data-theme="dark"] ol.commentlist li.comment ul.children:before{border-bottom-color:#252525}
[data-theme="dark"] #s{background-color:#252525;color:#ccc}
[data-theme="dark"] input[type="text"],[data-theme="dark"] input[type="email"],[data-theme="dark"] input[type="url"],[data-theme="dark"] input[type="password"],[data-theme="dark"] input[type="search"],[data-theme="dark"] textarea{border:1px solid #444;background:#252525;color:#ccc}
[data-theme="dark"] #author,[data-theme="dark"] #email,[data-theme="dark"] #url,[data-theme="dark"] #comment{background-color:#252525;border-color:#444;color:#ccc}
[data-theme="dark"] #respond h3{border-bottom-color:#444;color:#e0e0e0!important}
[data-theme="dark"] .postcomments h3{border-bottom-color:#444;color:#e0e0e0!important}
[data-theme="dark"] .comment-respond p{color:#bbb}
[data-theme="dark"] .akismet_comment_form_privacy_notice a{color:#bc243c}
[data-theme="dark"] .widget li{border-bottom:none!important}
[data-theme="dark"] .widget li a{color:#ccc!important}
[data-theme="dark"] .widget-articole li a,[data-theme="dark"] #recentcomments li a{color:#ddd!important}
[data-theme="dark"] .widget li a:hover{color:#bc243c!important}
[data-theme="dark"] .widget-time,[data-theme="dark"] .comdate{color:#777!important}
[data-theme="dark"] .widget p a{color:#bc243c}
[data-theme="dark"] .comcon a{color:#ccc!important;font-weight:600}
[data-theme="dark"] .comcon{color:#aaa}
[data-theme="dark"] .recommauth{color:#ddd}
[data-theme="dark"] #socialbadge i,[data-theme="dark"] #socialbadge a{color:#ccc}
[data-theme="dark"] #sfb{background-color:#1f2d4a}
[data-theme="dark"] #stw{background-color:#2a4c68}
[data-theme="dark"] #syt{background-color:#591115}
[data-theme="dark"] #srss{background-color:#702f07}
[data-theme="dark"] .copy a{color:#ccc}
[data-theme="dark"] .copy a:hover{color:#bc243c}
[data-theme="dark"] .rss-links a{color:#aaa}
[data-theme="dark"] .rcw h4{color:#ccc!important}


/* ============================================================
   RESPONSIVE
   ============================================================ */
@media only screen and (max-width: 960px) {
  body{font-size:.9em}
  .site-content{display:block;margin-top:105px;border-radius:0}
  .post-content .the-content{font-size:15px}
  #primary,#secondary{width:100%}
  .post-item--featured .entry-header .entry-title,
  .post-item--grid .entry-header .entry-title,
  .post-item .entry-header .entry-title{font-size:1.35em}
  .posts-grid{grid-template-columns:1fr 1fr;gap:14px}
  #secondary{margin-top:70px;border-top:4px solid #ede5de;border-left:none !important;padding-top:30px;background:#faf7f4}
  [data-theme="dark"] #secondary{background:#1a1a1a !important;border-top-color:#444 !important;border-left:none !important}
}
@media only screen and (max-width: 768px) {
  #site-navigation{display:none}
  .slicknav_menu{display:block}
  .slicknav_btn{color:#fff;font-size:2em;position:absolute;right:25px;top:22px;z-index:5}
  .small-head .slicknav_btn{top:4px}
  .slicknav_btn:hover{color:#FFF}
  .slicknav_nav{background:#333}
  .slicknav_nav li{border-bottom:1px solid rgba(255,255,255,0.15)}
  .slicknav_nav li:last-of-type{border-bottom:none}
  .slicknav_nav li a{display:block;color:#FFF;font-size:.9em;font-weight:600;padding:7px 10px;text-align:center;text-transform:uppercase}
  .slicknav_nav li a:hover{background:#222}
  .posts-grid{grid-template-columns:1fr;gap:14px}
  .site-header .head-icon{height:64px;width:64px;top:13px;left:12px;transform:none}
  .site-header .site-branding{left:86px}
}
@media only screen and (max-width: 579px) {
  .postcomments h3 span{display:none}
  .post-content .entry-title{font-size:1.6em;margin-bottom:15px}
  .post-content .entry-meta,.post-item .entry-header .entry-meta{font-size:.75em}
  .site-header .site-branding h1{font-size:1.1em}
  .site-content{margin-bottom:15px}
}
@media only screen and (max-width: 479px) {
  .site-header .site-branding{left:82px}
  .site-header .site-branding h1{font-size:1em}
  .site-header .site-branding h2{display:none}
  .site-header .head-icon{height:60px;width:60px;top:15px;left:12px}
  .small-head .head-icon{height:40px;width:40px;top:5px}
  .container{min-width:unset}
}