/**
 * Theme Name:  Paceaux 3
 * Theme URI:   http://blog.frankmtaylor.com
 * Description: Paceaux 3 is clean minimal and fully responsive WordPress theme based entirely on Drop Shipping. Drop Shipping WordPress theme supports HTML5 and Schema.org code, the semantic foundation for SEO best practices. Along the awesome design this theme is customizable via a simple but yet powerful theme options. The theme supports all modern browsers and it is tested in Firefox, Chrome, Safari, Opera and Internet Explorer 10.
 * Version:     1.0.5
 * Author:      Frank M. Taylor
 * Author URI:  http://fireincome.com
 * Tags:        white, light, silver, gray, pink, purple, responsive-layout, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, flexible-header, theme-options, translation-ready, photoblogging
 * Text Domain: drop-shipping, hybrid-core
 * License:     GNU General Public License v2.0 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */
 @import url('https://fonts.googleapis.com/css?family=Cardo|Lato&display=swap');

 /* === HTML === */
 :root {
   --themeLightPltNHighest: 220, 220, 220;
   --themeLightPltNHigher: 193, 193, 193;
   --themeLightPltNHigh: 165, 165, 165;
   --themeLightPltNLow: 110, 110, 110;
   --themeLightPltNLower: 55, 55, 55;
 
   --themeDarkPltNHighest: 25, 25, 25;
   --themeDarkPltNHigher: 62, 62, 62;
   --themeDarkPltNHigh: 90, 90, 90;
   --themeDarkPltNLow: 145, 145, 145;
   --themeDarkPltNLower: 200, 200, 200;
 
   --themeLightTextColor: rgb(55, 55, 55);
   /* 55,55,55 */
   --themeLightBGColor: rgb(255, 255, 255);
   /*255,255,255 */
   --themeLightAccentColor: rgb(248, 248, 248);
   /* 248,248,248 */
   --themeLightTrimColor: rgb(238, 238, 238);
 
   --themeDarkTextColor: rgb(220, 220, 220);
   /* 220,220,220 */
   --themeDarkBGColor: rgb(23, 23, 23);
   /* 23,23,23 */
   --themeDarkAccentColor: rgb(55, 55, 55);
   --themeDarkTrimColor: rgb(40, 40, 40);
 
   --linkColor: #6ea5dc;
   --linkColorHover: #6ea5c1;
   --navigationColor: var(--linkColor);
   --navigationColorHover: var(--linkColorHover);
 
   --baseFontFamily: "Cardo",serif;
   --titleFontFamily: "Lato",Helvetica, Arial, sans-serif;
   --codeFontFamily: monospace;
 
   /*Line Heights*/
   --baseLineHeight: 1.618;
   --smallLineHeight: 1.2;
 
   /*text (body copy)*/
   --biggestTextSize: 1.3em;
   --biggerTextSize: 1.2em;
   --bigTextSize: 1.1em;
   --baseTextSize: 1em;
   --smallTextSize: 0.8em;
   --smallerTextSize: 0.75em;
   --smallestTextSize: 0.618em;
 
   /*text (titles)
         The small title sizes use the big text sizes; so they overlap
         They're here, though, so that, if desired, we can deviate and not have them overlap
 */
   --biggestTitleSize: 2.617924em;
   /* (16 x 1.618) x 1.618 */
   --bigTitleSize: 1.618em;
   --baseTitleSize: 1.5em;
   --smallTitleSize: var(--biggestTextSize);
   --smallerTitleSize: var(--biggerTextSize);
   --smallestTitleSize: var(--bigTextSize);
 
   --themeActiveLinkColor: var(--linkColor);
   --themeActiveLinkColorHover: var(--linkColorHover);
   --themeActiveTextColor: var(--themeLightTextColor);
   --themeActiveEditorialTextColor: var(--themeLightPltNLow);
   --themeActiveBGColor: var(--themeLightBGColor);
   --themeActiveAccentColor: var(--themeLightAccentColor);
   --themeActiveTrimColor: var(--themeLightTrimColor);
 
   --themeActivePltNHighest: var(--themeLightPltNHighest);
   --themeActivePltNHigher: var(--themeLightPltNHigher);
   --themeActivePltNHigh: var(--themeLightPltNHigh);
   --themeActivePltNLow: var(--themeLightPltNLow);
   --themeActivePltNLower: var(--themeLightPltNLower);
 }
 
 .theme--dark {
   --themeActiveTextColor: var(--themeDarkTextColor);
   --themeActiveEditorialTextColor: var(--themeDarkPltNLow);
   --themeActiveBGColor: var(--themeDarkBGColor);
   --themeActiveAccentColor: var(--themeDarkAccentColor);
   --themeActiveTrimColor: var(--themeDarkTrimColor);
 
   --themeActivePltNHighest: var(--themeDarkPltNHighest);
   --themeActivePltNHigher: var(--themeDarkPltNHigher);
   --themeActivePltNHigh: var(--themeDarkPltNHigh);
   --themeActivePltNLow: var(--themeDarkPltNLow);
   --themeActivePltNLower: var(--themeDarkPltNLower);
 }
 
 @media (prefers-color-scheme: dark) {
   --themeActiveTextColor: var(--themeDarkTextColor);
   --themeActiveEditorialTextColor: var(--themeDarkPltNLow);
   --themeActiveBGColor: var(--themeDarkBGColor);
   --themeActiveAccentColor: var(--themeDarkAccentColor);
   --themeActiveTrimColor: var(--themeDarkTrimColor);
 
   --themeActivePltNHighest: var(--themeDarkPltNHighest);
   --themeActivePltNHigher: var(--themeDarkPltNHigher);
   --themeActivePltNHigh: var(--themeDarkPltNHigh);
   --themeActivePltNLow: var(--themeDarkPltNLow);
   --themeActivePltNLower: var(--themeDarkPltNLower);
 }
 
 html {
   color: #373737;
   color: var(--themeActiveTextColor);
   /*Comment-B*/
   font-size: calc(0.5vw + 1rem);
   font-family: var(--baseFontFamily);
   /*Comment-D*/
   line-height: 1.168;
   line-height: var(--baseLineHeight);
 }
 
 body {
   color: var(--themeActiveTextColor);
   background: var(--themeActiveBGColor);
 }
 
 /*=====
     #Everything
   =====*/
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 ul,
 ol,
 dl,
 pre {
   line-height: 1.618;
   line-height: var(--baseLineHeight);
   margin: 0 0.618rem;
   color: var(--themeActiveTextColor);
   /* Comment-A */
 }
 
 /*=====
     #Headings
   =====*/
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   color: #373737;
   color: var(--themeActiveTextColor);
   font-family: Helvetica, Arial, sans-serif;
   font-family: var(--titleFontFamily);
   font-weight: bold;
   line-height: 1.2;
   line-height: var(--smallLineHeight);
   margin-bottom: calc(1.618vmin - 1vmax + 0.35em);
   /* increases margin as screen width gets smaller */
 }
 
 h1 {
   font-size: 2.617924em;
   font-size: var(--biggestTitleSize);
 }
 
 h2 {
   font-size: 1.618em;
   font-size: var(--bigTitleSize);
 }
 
 h3 {
   font-size: 1.5em;
   font-size: var(--baseTitleSize);
 }
 
 h4 {
   font-size: 1.3em;
   font-size: var(--smallTitleSize);
 }
 
 h5 {
   font-size: 1.2em;
   font-size: var(--smallerTitleSize);
 }
 
 h6 {
   font-size: 1.1em;
   font-size: var(--smallestTitleSize);
 }
 
 /*=====
     #Lists
   =====*/
 li {
   text-indent: -0.9em;
   line-height: 1.618;
   line-height: var(--baseLineHeight);
   padding: 0;
   margin: 0 0 0 0.618rem;
 }
 
 li {
   list-style-position: inside;
 }
 
 nav ul {
   padding: 0;
 }
 
 nav li {
   text-indent: 0;
   line-height: 1;
   padding: 0;
   margin: 0;
 }
 
 dt {
   text-indent: -0.618rem;
 }
 
 dd {
   margin: 0;
   padding: 0 0.618rem;
 }
 
 /*=====
     #Paragraphs #Blocks
   =====*/
 hr {
   color: #a5a5a5;
   color: var(--colorNeutral);
   border-width: 0.0625em;
   border-style: solid;
   margin: 1.618em 0.618rem;
 }
 
 p,
 blockquote {
   line-height: 1.618;
   line-height: var(--baseLineHeight);
 }
 
 p {
   font-size: 1em;
   font-size: var(--baseTextSize);
   margin-bottom: 0.618em;
 }
 
 /* Credit where it's due:
 https://css-tricks.com/snippets/css/simple-and-nice-blockquote-styling/
 */
 blockquote {
   background: rgba(165, 165, 165, 0.15);
   border-left: 10px solid#dcdcdc;
   border-left: 10px solid var(--colorNeutralLighter);
   margin: 1.618em 0.618rem;
   /* Comment-A */
   padding: 0.618em 0.618rem;
   quotes: "\201C""\201D""\2018""\2019";
 }
 
 blockquote::before {
   color: #c1c1c1;
   color: var(--colorNeutralLight);
   content: open-quote;
   font-size: 4em;
   line-height: 0.1em;
   margin-right: 0.25em;
   vertical-align: -0.4em;
 }
 
 blockquote > * {
   margin-left: 1.168rem;
 }
 
 /*=====
   #Content-Flow
 =====*/
 
 em,
 i,
 cite {
   font-style: italic;
 }
 
 strong,
 b {
   font-weight: 700;
 }
 
 cite {
   display: block;
   text-align: right;
 }
 
 u {
   text-decoration: none;
   border-bottom: 1px dotted red;
 }
 
 small,
 sub,
 sup {
   font-size: 0.618em;
   font-size: var(--smallestTextSize);
   line-height: 1;
 }
 
 sub {
   vertical-align: sub;
 }
 
 sup {
   vertical-align: super;
 }
 
 /*=====
     #content-flow #editorial
   =====*/
 s,
 strike,
 del,
 ins {
   color: #6e6e6e;
   color: var(--themeActiveEditorialTextColor);
   /*Comment-C*/
 }
 
 s,
 strike,
 del {
   text-decoration: line-through;
 }
 
 ins,
 del {
   background-color: rgba(220, 220, 220, 0.25);
   background-color: rgba(var(--themeActivePltNHighest), 0.25);
 }
 
 ins {
   text-decoration: none;
 }
 
 /*
   mark and selection should be different, so user knows which one they've selected.
   
   mark and selections:
     saturation: 44%
     lightness: 75%
   Hue is different
   */
 mark {
   background-color: rgb(165, 220, 165);
   background-color: rgba(165, 220, 165, 0.9);
 }
 
 ::selection {
   background-color: rgb(165, 220, 220);
   background-color: rgba(165, 220, 220, 0.9);
 }
 
 /*because mark and selection have same saturation, brightenss, mark won't easily stand out if it's selected*/
 mark::selection {
   background-color: rgb(165, 220, 110);
   background-color: rgba(165, 220, 110, 0.9);
 }
 
 /*dfn and dt both do the same thing: denote a term to be defined */
 dfn,
 dt {
   font-style: oblique;
   font-weight: 700;
   text-transform: capitalize;
 }
 
 /*=====
   #Content-flow #Code
   =====*/
 pre,
 code,
 var,
 samp,
 data {
   font-family: monospace;
   font-family: var(--codeFontFamily);
 }
 
 kbd,
 samp,
 data {
   background-color: rgba(165, 165, 165, 0.2);
   background-color: rgba(var(--themeActivePltNHigh), 0.2);
 }
 
 kbd {
   font-size: 0.75em;
   padding: 0.25ex 0.5ex;
   border: 1px solid rgb(193, 193, 193);
   border-color: rgb(var(--themeActivePltNHigher));
   border-radius: 3px;
 }
 
 /*Treat samp like a mini blockquote. because basically you're quoting what the computer would do*/
 samp,
 data {
   padding: 0 10px;
 }
 
 var,
 data {
   font-style: italic;
 }
 
 samp {
   border-left: 5px solid rgb(193, 193, 193);
   border-left-color: var(--themeActivePltNHigher);
 }
 
 data {
   padding: 0 10px;
 }
 
 pre {
   font-size: 0.75em;
   line-height: 1.2;
   padding: 0.618em 0.618rem;
   border: 1px solid rgb(193, 193, 193);
   border-color: var(--themeActivePltNHigher);
   border-radius: 2px;
   overflow: scroll;
 }
 
 /*=====
     #Ruby
   =====*/
 ruby {
   display: ruby;
   position: relative;
   margin: 0 0.5ex;
   -webkit-ruby-position: before;
   ruby-position: before;
 }
 
 rtc,
 rbc {
   font-size: inherit;
   line-height: 1;
   ruby-align: start;
 }
 
 rt {
   display: ruby-text;
   font-size: 0.7em;
 }
 
 rt + rt {
   margin-left: 0.5ex;
 }
 
 rtc > bdo {
   display: -webkit-ruby-text-container;
   display: ruby-base-container;
 }
 
 /*complex ruby for chrome and Edge*/
 /*only FF has "complete" ruby support*/
 @supports (ruby-align: left) or (not (display: ruby-base-container)) {
   ruby {
     display: inline-flex;
     flex-direction: column;
     vertical-align: 1em;
     line-height: 1;
   }
 
   rtc,
   rt {
     order: -1;
     flex-grow: 1;
     flex-shrink: 0;
   }
 
   rtc {
     display: inline-flex;
   }
 }
 
 /*Edge fixes*/
 @supports ((ruby-align: left)) {
   rtc {
     justify-content: space-between;
   }
 
   rt {
     display: inline-flex;
   }
 }
 
 :hover,
 :focus,
 :active {
   transition: all 0.3s ease-in-out;
 }
 
 a {
   color: #6ea5dc;
   color: var(--linkColor);
   text-decoration: none;
   border-bottom: 1px dotted transparent;
 }
 
 a:hover,
 a:focus {
   color: #6ea5c1;
   color: var(--linkColorHover);
   border-color: initial;
   outline: none;
 }
 
 a:active {
   border-bottom-style: solid;
 }
 
 nav a:hover,
 nav a:focus {
   border-color: transparent;
 }
 
 figure {
   background: rgba(200, 220, 220, 0.3);
   background: rgba(var(--themeActivePltNHighest), 0.3);
   padding: 0.618rem;
   max-width: 100%;
 }
 
 figcaption {
   border-top: 4px solid rgba(200, 220, 220, 0.3);
   border-top-color: rgba(var(--themeActivePltNHighest), 0.3);
   text-align: center;
 }
 
 table,
 table * {
   box-sizing: border-box;
 }
 
 table {
   font-size: 0.7em;
   border: 3px solid rgb(193, 193, 193);
   border-color: var(--themeActivePltNHigher);
   border-spacing: 0;
   border-collapse: collapse;
 }
 
 caption {
   font-size: 1em;
   text-transform: capitalize;
   font-style: italic;
 }
 
 tr {
   transition: background-color 0.3s ease-in-out;
 }
 
 tr:nth-child(even) {
   background: rgba(220, 220, 220, 0.2);
   background: rgba(var(--themeActivePltNHighest), 0.2);
 }
 
 tr:hover {
   background-color: rgba(220, 220, 220, 0.4);
   background-color: rgba(var(--themeActivePltNHighest), 0.4);
 }
 
 th,
 td {
   text-align: left;
   vertical-align: middle;
   line-height: 1.2;
   line-height: var(--smallLineHeight);
   padding: 0.4em 0.618rem;
   border-style: solid;
   border-color: rgb(193, 193, 193);
   border-color: rgb(var(--themeActivePltNHigher));
   border-width: 0;
 }
 
 th,
 td {
   border-left-width: 1px;
 }
 
 th {
   font-family: Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 1.3em;
   font-size: var(--smallestTitleSize);
   /*treat th in a body as h4*/
 }
 
 thead th,
 tfoot th {
   font-size: 1.5em;
   font-size: var(--baseTitleSize);
   /*treat th in header/footer as h3*/
 }
 
 thead tr:last-child th,
 thead tr:last-child td {
   border-bottom-width: 2px;
 }
 
 tfoot tr:first-child th,
 thead tr:last-child td {
   border-top-width: 2px;
 }
 
 [contenteditable="true"] {
   display: block;
 }
 
 [contenteditable="true"]:hover {
   outline: 1px dotted var(--themeActiveTrimColor);
 }
 
 [contenteditable="true"]:focus,
 [contenteditable="true"]:active {
   outline: 1px solid var(--themeActiveTrimColor);
 }
 
 /*===============
     #FORMS 
  ===============*/
 input {
   padding: 0.75em 0.75rem;
   border: 1px solid rgb(var(--themeActivePltNHighest));
   color: #999;
 }
 
 input[type="submit"] {
   padding: 10px 20px;
   border: none;
   border-radius: 3px;
   text-transform: uppercase;
   letter-spacing: 1px;
   background: var(--themeActiveTrimColor);
   cursor: pointer;
 }
 
 input.search-submit:hover {
   color: #fff;
   background: rgb(var(--themeActivePltNLower));
 }
 
 input.search-submit:hover {
   color: #fff;
   background: #333;
 }
 
 textarea {
   padding: 14px;
   border: 1px solid #ddd;
 }
 
 select {
   padding: 9px 7px;
   border: 1px solid rgb(var(--themeActivePltNHighest));
   color: #999;
 }
 
 /* === Alignement (WP classes) === */
 .alignleft {
   float: left;
 }
 
 .alignright {
   float: right;
 }
 
 .aligncenter {
   margin: 0 auto;
 }
 
 /**
  * Images
  * --------------------------------------------------------------------------- */
 
 /* === Thumbnails === */
 .thumbnail {
   display: block;
   position: relative;
   height: auto;
   margin-right: auto;
   margin-left: auto;
   max-width: 100%;
 }
 
 /* Top Bar */
 
 .topBar {
   background: var(--themeActiveBGColor);
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
 }
 
 #top-container {
   position: relative;
   margin: 0 auto;
   max-width: 1024px;
 }
 
 /*Social Networks*/
 
 .social {
   float: right;
 }
 
 .social i {
   display: inline-block;
   padding: 0 2px;
   line-height: 40px;
 }
 
 /*===============
     #LAYOUT 
  ===============*/
 
 body {
   max-width: 62rem;
   margin: 0 auto;
 }
 
 .layout-1c .pageContainer__contentWrapper {
   width: 100%;
 }
 
 .layout-1c .pageContainer__contentWrapper {
   width: 100%;
 }
 
 .layout-2c-l .pageContainer__contentWrapper {
  flex-grow: 1;
 }
 
 
 @media screen and (min-width: 768px) {
   
  .layout-2c-l .pageContainer__contentWrapper {
     flex-basis: 74%;
   }

   .layout-2c-l .pageContainer__sidebar {
     flex-basis: 26%;
     flex-grow:1
   }

 }
 
 .layout-2c-r .pageContainer__contentWrapper {
   float: right;
   width: 71.666%;
 }
 
 @media screen and (min-width: 768px) {
   .layout-2c-r .pageContainer__sidebar {
     float: left;
     width: 25.333%;
     padding-right: 1.5%;
     padding-left: 1.5%;
   }	
 }
 
 
 .pageContainer__contentWrapper {
   position: relative;
   margin-bottom: 30px;
 }
 
 .pageContainer {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   background: #fff;
   background: var(--themeActiveBGColor);
   padding: 0;
   width: 100%;
 }
 
 .pageContainer__content {
   margin: 0 20px 0 10px;
   border-bottom: 1px solid var(--themeActiveTrimColor);
 }
 
 .pageContainer__sidebar {
   padding-top: 10px;
   background: #f8f8f8;
   background: var(--themeActiveAccentColor);
 }
 
 .pageContainer__sidebar ul {
   margin: 0 20px 0 0;
   padding-left: 0;
 }
 
 .pageContainer__sidebar ul li:before,
 .pageContainer__sidebar[id][id] ul li a {
   color: var(--linkColor);
 }
 
 /** Article **/
 
 article.colum {
   padding-bottom: 30px;
 }
 
 .entry-header-archive h2.entry-title {
   font-size: 1.6rem;
   font-size: var(--bigTitleSize);
   font-weight: thin;
   letter-spacing: -1px;
   padding: 0;
   padding-bottom: 10px;
 }
 
 .entry-header-archive {
   text-align: center;
   font-size: 0.7rem;
   font-size: var(--smallerTextSize);
 }
 
 .entry-header-archive a {
   color: #000;
 }
 
 /*===============
     #GLOBAL #HEADER 
  ===============*/
 
 .g-header__branding {
   padding: 3rem 0 1.5rem 0;
   text-align: center;
 }
 
 .g-header__siteTitle a {
   font-weight: bold;
   font-size: 3rem;
   line-height: 2.6rem;
   text-transform: uppercase;
   padding: 0 5px;
 }
 
 .g-header__siteDescription {
   font-size: 1.15rem;
   color: #000;
   margin-top: 15px;
   margin-bottom: 0;
 }
 
 .headerWidget {
   float: none;
   width: 100%;
   padding: 0;
   padding-bottom: 0.5rem;
   text-align: center;
 }
 
 .headerWidget:empty {
   display: none;
 }
 
 .headerWidget .widget {
   padding: 10px 0;
   margin: 0;
 }
 
 .archive-header {
   font-size: 0.9rem;
 }
 
 #search-bar {
   float: right;
 }
 
 /*===============
     #GLOBAL #FOOTER
  ===============*/
 
 .g-footer {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: center;
   padding-top: 0.5rem;
   border-top: 1px solid #d8d8d8;
   margin: 0.5rem auto 0 0.5rem;
 }
 
 .g-footer__credit {
   text-align: center;
   font-size: 0.7rem;
   font-size: var(--smallerTextSize);
 }
 
 /*===============
     #MENUS 
  ===============*/
 
 .nav {
   font-family: Helvetica, Arial, sans-serif;
 }
 
 .nav:empty {
   display: none;
 }
 
 /*===============
     #MENU #PRIMARY 
     ===============*/
 
 .nav--primary {
   width: 100%;
 }
 
 .nav--primary .nav__list,
 .nav--primary .sub-menu {
   display: flex;
   list-style-type: none;
   text-align: center;
   margin: 0;
 }
 
 .nav--primary .nav__list {
   position: relative;
   list-style-type: none;
   flex-direction: column;
   width: 100%;
 }
 
 .nav--primary .sub-menu {
   font-size: 0.9em;
   flex-direction: column;
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.3s ease-out;
 }
 
 .nav--primary .current-menu-parent .sub-menu,
 .nav--primary .menu-item a:hover ~ .sub-menu,
 .nav--primary .menu-item a:focus ~ .sub-menu,
 .nav--primary .menu-item:focus-within .sub-menu,
 .nav--primary .sub-menu:hover {
   max-height: 500px;
   transition: max-height 0.3s ease-in;
   --subMenuBorder: 1px solid var(--themeActiveLinkColorHover);
   border-left: var(--subMenuBorder);
   border-right: var(--subMenuBorder);
   border-bottom: var(--subMenuBorder);
 }
 
 .nav--primary .menu-item {
   display: inline-block;
   list-style-type: none;
   position: relative;
   min-width: 6em;
 }
 
 .nav--primary a {
   display: block;
   text-transform: capitalize;
   font-weight: normal;
   text-align: center;
   letter-spacing: -1px;
   padding: 0.75em;
   border-bottom-style: dashed;
   border-bottom-color: transparent;
 }
 
 .nav--primary .menu-item a {
   border-bottom-width: 2px;
 }
 
 .nav--primary .sub-menu a {
   border-bottom-width: 1px;
 }
 
 .nav--primary a:hover,
 .nav--primary a:focus {
   border-bottom-color: var(--themeActiveLinkColorHover);
 }
 
 .nav--primary .current-menu-item > a {
   border-bottom-color: var(--themeActiveAccentColor);
 }
 
 @media only screen and (min-width: 768px) {
   .nav--primary .nav__list {
     flex-direction: row;
     justify-content: space-between;
   }
 
   .nav--primary .menu-item {
     position: relative;
     background-color: var(--themeActiveBGColor);
   }
 
   .nav--primary .sub-menu {
     position: absolute;
     z-index: 9;
     width: 100%;
   }
 
   .nav--primary .current-menu-parent .sub-menu {
     max-height: 0;
   }
 
   .nav--primary .current-menu-parent .menu-item:hover ~ .sub-menu {
     max-height: 500px;
   }
 }
 
 @media only screen and (max-width: 768px) {
   .menu-toggle {
     display: inline-block;
     position: relative;
     margin: 0;
     font-size: 0.8125rem;
     line-height: 24px;
     vertical-align: middle;
     cursor: pointer;
   }
 
   .menu-toggle button {
     position: relative;
     top: 7px;
     right: 0;
     left: 15px;
     border: none;
     background: none;
   }
 
   .menu-item .menu-toggle button::before {
     content: "\f0c9";
     display: inline-block;
     font-family: "FontAwesome";
     font-size: 25px;
     -webkit-font-smoothing: antialiased;
     padding-top: 5px;
   }
 
   .topbar__searchNav {
     float: none;
   }
 }
 
 /*===============
     #MENU #SECONDARY 
  ===============*/
 
 .nav--secondary {
   font-size: 0.8rem;
   font-size: var(--smallTextSize);
 }
 
 .nav--secondary ul {
   margin: 0;
   list-style: none;
 }
 
 .nav--secondary ul ul {
   display: none;
 }
 
 .nav--secondary li {
   display: inline-block;
 }
 
 .nav--secondary li a {
   display: block;
   padding: 8px 10px;
   text-transform: uppercase;
   font-weight: bold;
   letter-spacing: -1px;
 }
 
 /* ====== Subsidiary Menu ====== */
 
 .nav--footer {
   margin: 0 auto;
   padding-top: 0.5rem;
 }
 
 #menu-subsidiary {
   text-transform: uppercase;
   font-size: 0.8rem;
   font-size: var(--smallTextSize);
 }
 
 #menu-subsidiary ul {
   margin: 0;
   padding: 0;
   list-style: none;
 }
 
 #menu-subsidiary ul ul {
   display: none;
 }
 
 #menu-subsidiary li {
   display: inline;
   float: left;
 }
 
 .nav--footer ul li a {
   padding: 0 15px;
   border-right: 1px solid #d8d8d8;
 }
 
 /*Search Nacigation*/
 #searchnavi {
   display: inline-block;
   margin: 2px 0;
 }
 
 #searchnavi input {
   color: #505050;
   border: none;
 }
 
 #searchnavi input::-webkit-input-placeholder {
   color: #505050;
   text-transform: uppercase;
 }
 
 #searchnavi input::-moz-placeholder {
   color: #505050;
   text-transform: uppercase;
 }
 
 #searchnavi input:-ms-input-placeholder {
   color: #505050;
   text-transform: uppercase;
 }
 
 #searchnavi input:-moz-placeholder {
   color: #505050;
   text-transform: uppercase;
 }
 
 #searchnavi input::-webkit-input-placeholder::before {
   font-family: fontAwesome;
   content: "\f002  ";
 }
 
 #searchnavi input::-moz-placeholder::before {
   font-family: fontAwesome;
   content: "\f002  ";
 }
 
 /* firefox 19+ */
 #searchnavi input:-ms-input-placeholder::before {
   font-family: fontAwesome;
   content: "\f002  ";
 }
 
 /* ie */
 #searchnavi input:-moz-placeholder::before {
   font-family: fontAwesome;
   content: "\f002  ";
 }
 
 /*===============
     #CONTENT 
  ===============*/
 
 /*===============
     #CONTENT #BREADCRUMBS 
  ===============*/
 .breadcrumbs__wrapper {
   padding: 2px 0;
 }
 
 .breadcrumbs {
   font-style: italic;
   font-size: 0.7rem;
   text-transform: capitalize;
   letter-spacing: -1px;
   float: left;
   padding: 5px 10px;
 }
 
 .breadcrumbs__title {
   display: inline;
   font-size: 0.7rem;
 }
 
 .breadcrumbs__list {
   display: inline;
   margin: 0;
   list-style: none;
 }
 
 .breadcrumbs__listItem {
   display: inline-block;
   padding: 0 5px;
 }
 
 .breadcrumbs__listItem:after {
   content: " >";
 }
 
 .breadcrumbs__listItem:last-child:after {
   content: "";
 }
 
 /*===============
     #CONTENT #ENTRY #HEADER 
  ===============*/
 
 .entry-header {
   text-align: left;
   font-size: 0.7rem;
   border-bottom: 3px solid;
   margin-bottom: 0.618rem;
 }
 
 .entry-title {
   margin: 0;
   padding-bottom: 20px;
   font-size: 2.5rem;
   line-height: 2.5rem;
 }

.entry-title a {
	display: block;
}
 
 span.entry-terms {
   text-transform: uppercase;
 }
 
 span.entry-terms.category a,
 .entry-terms.post_tag a {
   color: #4f4f4f;
   background: #e7e7e7;
   padding: 3px 5px;
   border-radius: 1px;
   font-size: 0.7rem;
   margin-left: 3px;
   font-weight: 600;
 }
 
 span.entry-terms.category a:hover,
 .entry-terms.post_tag a:hover {
   background: #ccc;
 }
 
 /*===============
     #CONTENT #ENTRY #EMBEDDED 
  ===============*/
 
 .featuredimg {
   float: left;
   padding: 0 20px 20px 0;
   max-width: 40%;
 }
 

 
 /*===============
     #CONTENT #ENTRY #FOOTER 
  ===============*/
 
 .entry-footer {
   font-size: 0.8rem;
   color: #555;
   padding-bottom: 5px;
   letter-spacing: -1px;
 }
 
 /*===============
     #CONTENT #PAGINATION 
  ===============*/
 
 .pagination {
   margin: 0 1rem;
   padding: 1rem 0;
 }
 
 .page-numbers {
   display: block;
   float: left;
   background: #e3e3e3;
   padding: 6px 15px;
   margin-right: 5px;
   color: #333;
   font-weight: bold;
   font-size: 0.7rem;
 }
 
 a.page-numbers:hover,
 .page-numbers.current {
   background: #333;
   color: white;
 }
 
 /* === Single post navigation (between different posts) === */
 
 .loop-nav {
   padding: 5px 0;
   border-bottom: 1px solid #eee;
   border-top: 1px solid #eee;
   text-transform: uppercase;
   font-size: 0.8rem;
 }
 
 div.prev {
   display: inline-block;
   float: left;
   width: 48%;
   padding: 0 1%;
 }
 
 div.next {
   display: inline-block;
   float: right;
   width: 48%;
   padding: 0 1%;
   text-align: right;
 }
 
 /**
  * Sidebars and widgets
  * --------------------------------------------------------------------------- */
 
 /* ====== General ====== */
 
 .widget {
   margin-bottom: 2rem;
 }
 
 .widget-title {
   margin-bottom: 12px;
   overflow: hidden;
   letter-spacing: -1px;
   font-size: 1.2rem;
   font-weight: thin;
   text-transform: uppercase;
   padding-bottom: 7px;
   margin-bottom: 7px;
   border-bottom: 1px solid #dfdfdf;
 }
 
 .widget-title > span:after {
   left: 100%;
 }
 
 .widget-title > span:before {
   right: 100%;
 }
 
 .widget select {
   width: 95%;
 }
 
 .widget .search-submit {
   display: none;
 }
 
 .widget .search-field {
   width: 100%;
 }
 
 /**
  * Comments Template
  * --------------------------------------------------------------------------- */
 
 #comments-template {
   margin: 30px 0;
 }
 
 /* ====== COMMENTS ======= */
 
 #comments-number {
   margin-bottom: 30px;
 }
 
 /* === Comment list === */
 
 ol.comment-list {
   margin: 0;
   padding: 0;
   list-style: none;
 }
 
 ol.comment-list ol.children {
   list-style: none;
 }
 
 /* === Avatars === */
 
 .comment-list .avatar {
   float: left;
   margin-right: 30px;
   margin-bottom: 10px;
   border-radius: 50%;
 }
 
 /* === Meta === */
 
 .comment-meta {
   padding: 10px 0;
   text-transform: uppercase;
   font-size: 0.9rem;
   letter-spacing: 1px;
 }
 
 /* === Comment text/content === */
 
 .comment-content {
   border-bottom: 1px dotted #eee;
   font-size: 0.9rem;
 }
 
 /* === Reply link === */
 
 a.comment-permalink {
   display: none;
 }
 
 /* ====== RESPOND (COMMENT FORM) ====== */
 
 #respond {
   margin-top: 30px;
 }
 
 #respond label {
   display: inline-block;
   width: 100px;
   text-transform: uppercase;
   font-size: 0.9rem;
 }
 
 #respond p {
   margin: 0 0 0.5rem;
   font-size: 0.9rem;
 }
 
 #respond label .required {
 }
 
 #respond input {
   border-radius: 3px;
 }
 
 #respond input[type="submit"] {
   padding: 12px 19px 14px;
   border: none;
   border-radius: 3px;
   text-transform: uppercase;
   letter-spacing: 1px;
   background: #eee;
   cursor: pointer;
 }
 
 #respond input[type="submit"]:focus {
 }
 
 #respond input[type="submit"]:hover {
   color: #fff;
   background: #333;
 }
 
 #respond textarea {
   width: 100%;
   border-radius: 3px;
 }
 
 /* Media Queries * --------------------------------------------------------------------------- */
 
 @media only screen and (max-width: 860px) {
   .layout-2c-l .pageContainer__contentWrapper,
   .pageContainer__contentWrapper {
     float: none;
     max-width: 100%;
   }
 
   .layout-2c-r .pageContainer__contentWrapper,
   .pageContainer__contentWrapper {
     float: none;
     width: 100%;
   }
 
   .g-header__branding {
     width: 100%;
   }
 
   .pageContainer__sidebar {
     float: none;
     width: 100%;
     padding: 0;
     max-width: 100%;
   }
 
   .headerWidget {
     float: none;
     width: 100%;
     padding: 0;
   }
 
   .headerWidget .widget {
     padding: 10px 0;
   }
 
   .widget {
     padding: 0 2rem;
   }
 
   nav.nav--footer {
     width: 100%;
   }
 
   .breadcrumb-trail {
     display: none;
   }
 
   .footer-widgets {
     margin: 1.5em;
   }
 
   .quarter {
     width: 48%;
   }
 
   .layout-2c-r #container .pageContainer__sidebar {
     padding-left: 0;
   }
 
   .layout-2c-l #container .pageContainer__sidebar {
     padding-right: 0;
   }
 
   #menu-footer {
     float: none;
     padding: 0.5em 0;
     text-align: center;
   }
 }
 
 @media only screen and (max-width: 768px) {
   .menu-toggle {
     display: inline-block;
     position: relative;
     margin: 0;
     font-size: 0.8125rem;
     line-height: 24px;
     vertical-align: middle;
     cursor: pointer;
   }
 
   .menu-toggle button {
     position: relative;
     top: 7px;
     right: 0;
     left: 15px;
     border: none;
     background: none;
   }
 
   #searchnavi {
     float: none;
   }
 
   .social {
     float: none;
     text-align: center;
   }
 
   #menu-secondary {
     float: none;
     text-align: center;
   }
 
   #menu-secondary li {
     float: none;
   }
 }
 
 @media only screen and (max-width: 480px) {
   .quarter {
     float: left;
     width: 100%;
   }
 
   .one-third {
     float: left;
     width: 200%;
   }
 }
 
 /*=====================================
 
 IMPORTED FROMPACEAUX 2
 =======================================*/
 
 /** Article **/
 .colum {
   display: flex;
   flex-direction: column;
   padding-bottom: 45px;
 }
 
 @media screen and (min-width: 768px) {
   .colum {
     flex-direction: column;
   }
 }
 
 .entry-header-archive .entry-title.entry-title.entry-title {
   font-weight: 200;
   letter-spacing: -1px;
   text-align: left;
   font-size: 1rem;
   line-height: 1.2;
   padding: 0 0 10px;
 }
 
 .entry-header-archive {
   text-align: left;
   font-size: 0.618rem;
   margin-left: 1rem;
   flex-basis: 20%;
   border-top: 1px dashed var(--themeActiveTrimColor);
 }
 
 .entry-header-archive a {
   color: #373737;
   color: var(--themeActiveTextColor);
 }

.entry-header-archive + a {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
}


.entry-header-archive + a:hover,
.entry-header-archive + a:focus,
.entry-header-archive + a:active {
	border-bottom-color: transparent;
}
 
 .entry-summary {
   padding-left: 1rem;
   width: 100%;
 }
 
 .entry-content .aside,
 .entry-content aside {
   font-size: 0.6em;
   font-style: italic;
   text-shadow: 0px 1px 1px rgba(220, 220, 220, 0.8);
   padding: 0.618em 1.618rem;
   background-color: rgba(220, 220, 220, 0.2);
 }
 
 /**
    * Header
    * --------------------------------------------------------------------------- */
 
 .g-header {
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   justify-content: flex-start;
   background-color: var(--themeActiveBGColor);
 }
 
 .g-header__branding {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   padding: 0 0 1.5rem;
 }
 
 .g-header__branding {
   padding: 0 0 1.5rem;
 }
 
 .site-title {
   text-transform: uppercase;
   padding: 0;
   margin-bottom: 0;
 }
 
 body.custom-header .g-header__siteTitle[id][id] a {
   color: var(--themeActiveTextColor);
 }
 
 .site-title a {
   outline: none;
   border: none;
 }
 
 .site-title a:hover,
 .site-title a:focus,
 .site-title a:active {
   outline: none;
   border: none;
 }
 
 .g-header__siteDescription {
   color: var(--themeActiveTextColor);
   font-size: 1.618em;
   margin-top: 0;
 }
 
 .archive-title {
   text-transform: uppercase;
   letter-spacing: -2px;
   padding: .618em 0 0 0;
   margin-bottom: 0;
 }
 
 .archive-description {
   font-size: 0.8rem;
   font-style: italic;
 }
 
 #search-bar {
   float: right;
 }
 
 /**
    * Menus
    * --------------------------------------------------------------------------- */
 
 /* ====== Primary Menu ====== */
 .main-menu {
   position: relative;
 }
 
 /* ====== Secondary Menu ====== */
 #menu-secondary {
   float: right;
   font-size: 0.8rem;
 }
 
 #menu-secondary .wrap {
 }
 
 #menu-secondary ul {
   margin: 0;
   list-style: none;
 }
 
 #menu-secondary ul ul {
   display: none;
 }
 
 #menu-secondary li {
   display: inline-block;
 }
 
 #menu-secondary li.current-menu-item {
 }
 
 #menu-secondary li a {
   display: block;
   padding: 8px 10px;
   text-transform: uppercase;
   font-weight: bold;
   letter-spacing: -1px;
 }
 
 #menu-secondary li a:hover {
 }
 
 /* ====== Subsidiary Menu ====== */
 
 #menu-subsidiary {
   text-transform: uppercase;
   font-size: 0.8rem;
 }
 
 #menu-subsidiary .wrap {
 }
 
 #menu-subsidiary ul {
   margin: 0;
   padding: 0;
   list-style: none;
 }
 
 #menu-subsidiary ul ul {
   display: none;
 }
 
 #menu-subsidiary li {
   display: inline;
   float: left;
 }
 
 .nav--footer ul li a {
   padding: 0 15px;
   border-right: 1px solid #d8d8d8;
 }
 
 /*Search Nacigation*/
 
 .topbar__searchContainer {
     position: relative;
     border-bottom: 3px solid var(--themeActiveAccentColor);
 }
 
 .topbar__searchContainer::before {
     content: '\1F50D';
     position: absolute;
     left: -1.5ex;
     color: var(--themeActiveTextColor);
     font-size: var(--biggerTextSize);
 }
 .topbar__searchContainer input[placeholder="Search"] {
   font-size: var(--smallTextSize);
   width: 1em;
   padding: 0.618em 1rem .618em 2ex;
   transition: width .2s ease-out;
   border: none;
 }
 
 .topbar__searchContainer input[placeholder="Search"]:focus {
     width: 10em;
     transition: width: .2s ease-in;
 }
 
 .topbar__searchNav {
   display: inline-block;
   margin: 2px 0;
 }
 
 .topbar__searchNav input {
   color: #505050;
   border: none;
 }
 
 .topbar__searchNav input::-webkit-input-placeholder {
   color: #505050;
   text-transform: uppercase;
 }
 
 .topbar__searchNav input::-moz-placeholder {
   color: #505050;
   text-transform: uppercase;
 }
 
 .topbar__searchNav input:-ms-input-placeholder {
   color: #505050;
   text-transform: uppercase;
 }
 
 .topbar__searchNav input:-moz-placeholder {
   color: #505050;
   text-transform: uppercase;
 }
 
 /* firefox 19+ */
 .topbar__searchNav input:-ms-input-placeholder::before {
   font-family: fontAwesome;
   content: "\f002  ";
 }
 
 /* ie */
 .topbar__searchNav input:-moz-placeholder::before {
   font-family: fontAwesome;
   content: "\f002  ";
 }
 
 /**
    * Content
    * --------------------------------------------------------------------------- */
 /* ====== BREADCRUMBS ====== */
 .breadcrumbs__wrapper {
   padding: 2px 0;
   width: 100%;
 }
 
 /* === Post Header === */
 
 .entry-title {
   margin: 0;
   padding-bottom: 20px;
   font-size: 2.5rem;
   line-height: 2.5rem;
 }
 
 span.entry-terms {
   text-transform: uppercase;
 }
 
 span.entry-terms.category a,
 .entry-terms.post_tag a {
   color: #4f4f4f;
   background: #e7e7e7;
   padding: 3px 5px;
   border-radius: 1px;
   font-size: 0.7rem;
   margin-left: 3px;
   font-weight: 600;
 }
 
 span.entry-terms.category a:hover,
 .entry-terms.post_tag a:hover {
   background: #ccc;
 }
 
 /* === Post content and excerpts === */
 
 .featuredimg {
   float: left;
   padding: 0 20px 20px 0;
   max-width: 40%;
 }
 
 .more-link {
   margin-top: .618em;
 }
 
 .more-link a {
   display: inline-block;
   font-size: 0.8rem;
   letter-spacing: 1px;
   text-align: center;
   text-transform: capitalize;
   color: #fefefe;
   padding: 0.618em .618rem;
   background: var(--themeActiveLinkColor);
   border-bottom: none;
   border-radius: 2px;
 }
 
 .more-link a:hover,
 .more-link a:focus {
   color: #fefefe;
   background: var(--themeActiveLinkColorHover);
	 border-bottom: none;
 }
 
 .sources {
   font-size: 0.618rem;
   padding: 0.618rem;
   border: 4px solid #ccc;
 }
 
 .sources p {
   margin: 0 0.618rem;
 }
 
 /* === Post Footer === */
 .entry-footer {
   font-size: 0.8rem;
   color: #555;
   padding-bottom: 5px;
   letter-spacing: -1px;
 }
 
 /* ====== PAGINATION ====== */
 .pagination {
   width: 80%;
   padding: 1em 0;
   margin: 0;
 }
 
 .nav-links {
   display: flex;
   justify-content: space-around;
   width: 100%;
 }
 
 @media screen and (min-width: 768px) {
   .pagination {
     margin-left: 20%;
   }
 }
 
 .page-numbers,
 .prev,
 .next {
   display: inline-flex;
   float: none;
   color: rgb(var(--themeActivePltNLower));
   font-weight: bold;
   font-size: 0.7rem;
   padding: 0.5em 0.9375em;
   background: #e3e3e3;
   margin: 0.25em 0;
 }
 
 a.page-numbers:hover,
 .page-numbers.current {
   background: rgb(var(--themeActivePltNLower));
   color: white;
 }
 
 /* === Single post navigation (between different posts) === */
 .loop-nav {
   padding: 5px 0;
   border-bottom: 1px solid var(--themeActiveTrimColor);
   border-top: 1px solid var(--themeActiveTrimColor);
   text-transform: uppercase;
   font-size: 0.618rem;
 }
 
 /**
    * Sidebars and widgets
    * --------------------------------------------------------------------------- */
 /* ====== General ====== */
 
 .widget {
   margin-bottom: 2rem;
 }
 
 .widget-title {
   margin-bottom: 12px;
   overflow: hidden;
   letter-spacing: -1px;
   font-size: 1.2rem;
   font-weight: 200;
   text-transform: uppercase;
   padding-bottom: 7px;
   margin-bottom: 7px;
   border-bottom: 1px solid #dfdfdf;
 }
 
 .widget li {
   text-indent: 0;
   list-style-position: inside;
   font-size: 0.8rem;
   font-size: var(--smallTextSize);
   line-height: 1.2;
   line-height: var(--smallLineHeight);
   margin-bottom: 0.618em;
 }
 
 .widget-title > span:after {
   left: 100%;
 }
 
 .widget-title > span:before {
   right: 100%;
 }
 
 .widget select {
   width: 95%;
 }
 
 .widget .search-submit {
   display: none;
 }
 
 .widget .search-field {
   width: 100%;
 }
 
 /**
    * Comments Template
    * --------------------------------------------------------------------------- */
 #comments-template {
   margin: 30px 0;
 }
 
 /* ====== COMMENTS ======= */
 
 #comments-number {
   margin-bottom: 30px;
 }
 
 /* === Comment list === */
 ol.comment-list {
   margin: 0;
   padding: 0;
   list-style: none;
 }
 
 ol.comment-list ol.children {
   list-style: none;
 }
 
 /* === Avatars === */
 .comment-list .avatar {
   float: left;
   margin-right: 30px;
   margin-bottom: 10px;
   border-radius: 50%;
 }
 
 /* === Meta === */
 .comment-meta {
   padding: 10px 0;
   font-size: 0.9rem;
   letter-spacing: 1px;
 }
 
 /* === Comment text/content === */
 .comment-content {
   border-bottom: 1px dotted var(--themeActiveTrimColor);
   font-size: 0.9rem;
 }
 
 /* === Reply link === */
 
 a.comment-permalink {
   display: none;
 }
 
 /* ====== RESPOND (COMMENT FORM) ====== */
 #respond {
   margin-top: 30px;
 }
 
 #respond label {
   display: inline-block;
   width: 100px;
   text-transform: uppercase;
   font-size: 0.9rem;
 }
 
 #respond p {
   margin: 0 0 0.5rem;
   font-size: 0.9rem;
 }
 
 #respond label .required {
 }
 
 #respond input {
   border-radius: 3px;
 }
 
 #respond input[type="submit"] {
   padding: 12px 19px 14px;
   border: none;
   border-radius: 3px;
   text-transform: uppercase;
   letter-spacing: 1px;
   background: var(--themeActiveTrimColor);
   cursor: pointer;
 }
 
 #respond input[type="submit"]:hover {
   color: #fff;
   background: rgb(var(--themeActivePltNLower));
 }
 
 #respond textarea {
   width: 100%;
   border-radius: 3px;
 }
 
 .comment {
   padding: 0.618rem;
   margin: 0 0 1.618rem;
   background: rgba(89, 162, 178, 0.1);
 }
 
 @media only screen and (max-width: 860px) {
   .topBar {
     width: 100%;
   }
 
   #container {
     width: 100%;
   }
 
   .top-container {
     width: 100%;
   }
 
   .layout-2c-l .pageContainer__contentWrapper,
   .pageContainer__contentWrapper {
     float: none;
     max-width: 100%;
   }
 
   .layout-2c-r .pageContainer__contentWrapper,
   .pageContainer__contentWrapper {
     float: none;
     width: 100%;
   }
 
   .g-header__branding {
     width: 100%;
   }
 
   .pageContainer__sidebar-primary {
     float: none;
     width: 100%;
     padding: 0;
     max-width: 100%;
   }
 
   .widget {
     padding: 0 2rem;
   }
 
   .g-footer {
     width: 100%;
   }
 
   .nav--footer {
     width: 100%;
   }
 
   .breadcrumbs {
     display: none;
   }
 
   .footer-widgets {
     margin: 1.5em;
   }
 
   .quarter {
     width: 48%;
   }
 
   .layout-2c-r #container .pageContainer__sidebar-primary {
     padding-left: 0;
   }
 
   .layout-2c-l #container .pageContainer__sidebar-primary {
     padding-right: 0;
   }
 
   .g-footer__credit {
     float: none;
     padding: 0.5em 0;
     text-align: center;
   }
 
   #menu-footer {
     float: none;
     padding: 0.5em 0;
     text-align: center;
   }
 }
 
 @media only screen and (max-width: 480px) {
   .quarter {
     float: left;
     width: 100%;
   }
 
   .one-third {
     float: left;
     width: 200%;
   }
 }
 
 .addtoany_share_save_container {
   border: 3px solid rgba(var(--themeActivePltNHighest), 0.3);
   padding: 0.618rem;
 }
 
 .addtoany_list.addtoany_list {
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-around;
 }
 
 .themeToggler__wrapper {
   top: 0;
   right: 0;
   font-size: var(--smallTextSize);
   width: 9em;
   margin: 0 0.618rem;
 }
 
 .themeToggler__wrapper {
   background-color: var(--themeActiveTextColor);
 }
 
 .themeToggler {
   display: block;
   font-family: inherit;
   color: var(--themeActiveBGColor);
   padding: 0.618em 1em;
 }
 
 .themeToggler__input {
   visibility: hidden;
   position: fixed;
   left: -9999px;
 }
 
 .theme--dark .themeToggler__isDark {
   display: inline-block;
 }
 
 .theme--dark .themeToggler__isLight {
   display: none;
 }
 
 .themeToggler__isDark {
   display: none;
 }

 /*===============
     #Reading time
  ===============*/

.rt-reading-time {
	font-style: italic;
	margin-bottom: .2em;
}

 /*===============
     #Accessibility stuffs 
  ===============*/
 .skip-link,
 .screen-reader-text {
   position: fixed;
   left: -9999px;
 }