/* ==========================================================================
   Table of Contents
   ========================================================================== */

/*

    0.  Normalize
    1.  Icons
    2.  General
    3.  Utilities
    4.  General
    5.  Single Post
    6.  Tag Archive
    7.  Read Next
    8.  Third Party Elements
    9.  Pagination
    10.  Footer
    11. Media Queries (Tablet)
    12. Media Queries (Mobile)
    13. Animations

*/

/* ==========================================================================
   0. normalize.css v3.0.3 | MIT License | git.io/normalize | (minified)
   ========================================================================== */

html { 
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body { margin: 0; }
article, aside, details,
figcaption, figure,
footer, header,
main, menu, nav,
section, summary { display:block; }
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent;}
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], 
input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table{ border-collapse: collapse; border-spacing: 0; }
td, th{ padding: 0; }


/* ==========================================================================
   1. Icons - Sets up the icon font and respective classes
   ========================================================================== */

/* Import the font file with the icons in it */
@font-face {
    font-family: "casper-icons";
    src:url("../fonts/casper-icons.eot?v=1");
    src:url("../fonts/casper-icons.eot?v=1#iefix") format("embedded-opentype"),
        url("../fonts/casper-icons.woff?v=1") format("woff"),
        url("../fonts/casper-icons.ttf?v=1") format("truetype"),
        url("../fonts/casper-icons.svg?v=1#icons") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'Playfair';
      src: url('../fonts/PlayfairDisplay-Regular.otf');
}

@font-face {
     font-family: 'Champagne';
      src: url('../fonts/cac_champagne.ttf');
}

/* Apply these base styles to all icons */
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "casper-icons", "Open Sans", sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    text-decoration: none !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Each icon is created by inserting the correct character into the
   content of the :before pseudo element. Like a boss. */
.icon-ghost:before {
    content: "\f600";
}
.icon-feed:before {
    content: "\f601";
}
.icon-twitter:before {
    content: "\f602";
    font-size: 1.1em;
}
.icon-google-plus:before {
    content: "\f603";
}
.icon-facebook:before {
    content: "\f604";
}
.icon-arrow-left:before {
    content: "\f605";
}
.icon-stats:before {
    content: "\f606";
}
.icon-location:before {
    content: "\f607";
    margin-left: -3px; /* Tracking fix */
}
.icon-link:before {
    content: "\f608";
}
.icon-menu:before {
    content: "\f609";
}
/*
    IMPORTANT: When making any changes to the icon font, be sure to increment
    the version number by 1 in the @font-face rule. `?v=1` becomes `?v=2`
    This forces browsers to download the new font file.
*/


/* ==========================================================================
   2. General - Setting up some base styles
   ========================================================================== */

html {
    height: 100%;
    max-height: 100%;
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    height: 100%;
    max-height: 100%;
    font-family: "Merriweather", serif;
    letter-spacing: 0.01rem;
    font-size: 1.5rem;
    line-height: 2.0em;
/*    color: #3A4145;*/
    color: #606060;
    -webkit-font-feature-settings: 'kern' 1;
    -moz-font-feature-settings: 'kern' 1;
    -o-font-feature-settings: 'kern' 1;
    text-rendering: geometricPrecision;
}

::-moz-selection {
    background: #D6EDFF;
}

::selection {
    background: #D6EDFF;
}

h1, h2, h3,
h4, h5, h6 {
    -webkit-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
    -moz-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
    -o-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
    color: #404040;
    line-height: 1.15em;
    margin: 0 0 0.4em 0;
    font-family: "Times New Roman", Times, serif;
    text-rendering: geometricPrecision;
}

h1 {
    font-size: 5rem;
    letter-spacing: -2px;
    text-indent: -0px; /*was -3px for some reason*/
}

h2 {
    font-size: 3.6rem;
    letter-spacing: -1px;
}

h3 {
    font-size: 3rem;
}

h4 {
    font-size: 2.5rem;
}

h5 {
    font-size: 2rem;
}

h6 {
    font-size: 2rem;
}

a {
    color: #606060;
    transition: color 0.3s ease;
}

a:hover {
/*    color: #DD178E;*/
    color: #bf1b1b;
}

p, ul, ol, dl {
    -webkit-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1;
    -moz-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1;
    -o-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1;
    margin: 0 0 1.75em 0;
    text-rendering: geometricPrecision;
}

ol, ul {
    padding-left: 3rem;
}

ol ol, ul ul,
ul ol, ol ul {
    margin: 0 0 0.4em 0;
    padding-left: 2em;
}

dl dt {
    float: left;
    width: 180px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    margin-bottom: 1em;
}

dl dd {
    margin-left: 200px;
    margin-bottom: 1em
}

li {
    margin: 0.4em 0;
}

li li {
    margin: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: #EFEFEF 1px solid;
    margin: 3.2em 0;
    padding: 0;
}

blockquote {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1.75em 0 1.75em -2.2em;
    padding: 0 0 0 1.75em;
    border-left: #4A4A4A 0.4em solid;
}

blockquote p {
    margin: 0.8em 0;
    font-style: italic;
}

blockquote small {
    display: inline-block;
    margin: 0.8em 0 0.8em 1.5em;
    font-size: 0.9em;
    color: #CCC;
}

blockquote small:before { content: "\2014 \00A0"; }

blockquote cite {
    font-weight: 700;
}

blockquote cite a { font-weight: normal; }

mark {
/*    background-color: #fdffb6; */
    background-color: #D6EDFF;
}

code, tt {
    padding: 1px 0px;
    font-family: Inconsolata, monospace, sans-serif;
    font-size: 0.85em;
    white-space: pre-wrap;
/*    border: #E3EDF3 1px solid; */
/*    background: #F7FAFB; */
    background: #F7FF0000;
/*    border-radius: 2px;*/
    -webkit-font-feature-settings: "liga" 0;
    -moz-font-feature-settings: "liga" 0;
    font-feature-settings: "liga" 0;
}

pre {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 1.75em 0;
    border: #E3EDF3 1px solid;
    width: 100%;
    padding: 10px;
    font-family: Inconsolata, monospace, sans-serif;
    font-size: 0.9em;
    white-space: pre;
    overflow: auto;
    background: #F7FAFB;
    border-radius: 3px;
}

pre code, pre tt {
    font-size: inherit;
    white-space: pre-wrap;
    background: transparent;
    border: none;
    padding: 0;
}

kbd {
    display: inline-block;
    margin-bottom: 0.4em;
    padding: 1px 8px;
    border: #CCC 1px solid;
    color: #666;
    text-shadow: #FFF 0 1px 0;
    font-size: 0.9em;
    font-weight: 700;
    background: #F4F4F4;
    border-radius: 4px;
    box-shadow:
        0 1px 0 rgba(0, 0, 0, 0.2),
        0 1px 0 0 #fff inset;
}

table {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1.75em 0;
    width: 100%;
    max-width: 100%;
    background-color: transparent;
}

table th,
table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: #EFEFEF 1px solid;
}

table th { color: #000; }

table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
    border-top: 0;
}

table tbody + tbody { border-top: #EFEFEF 2px solid; }

table table table { background-color: #FFF; }

table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
    background-color: #F6F6F6;
}

table.plain tbody > tr:nth-child(odd) > td,
table.plain tbody > tr:nth-child(odd) > th {
   background: transparent;
}

iframe, .fluid-width-video-wrapper {
    display: block;
    margin: 1.75em 0;
}

/* When a video is inside the fitvids wrapper, drop the
margin on the iframe, cause it breaks stuff. */
.fluid-width-video-wrapper iframe {
    margin: 0;
}


/* ==========================================================================
   3. Utilities - These things get used a lot
   ========================================================================== */

/* Clears shit */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Hides shit */
.hidden {
    text-indent: -9999px;
    visibility: hidden;
    display: none;
}

/* Creates a responsive wrapper that makes our content scale nicely */
.inner {
    position: relative;
    width: 80%;
    max-width: 1000px;
    margin: 0 auto;
}

/* Centres vertically yo. (IE8+) */
.vertical {
    display: table-cell;
    vertical-align: middle;
}

/* Wraps the main content & footer */
.tag-headelinersz .post-header .post-title {
    color:black!important;
}
.tag-headelinersz .post-header .post-excerpt p {
    color:#FFF!important;
}
.tag-headelinersz .post-header .post-excerpt .synopsis {
    color:#FFF!important;
}
.tag-headelinersz .post-content p {
    color:#030e0e!important;
}
.headlinerCUT .post-next-title a {
    color:black!important;
}

.tag-authority.workingCLASSfeature .post-header .post-title {
    color:#000!important;
}
.tag-authority .post-header .post-excerpt p {
    color:red!important;
}
.tag-authority .post-header .post-excerpt .synopsis {
    color:red!important;
}
.tag-authority.workingCLASSfeature .post-content p {
    color:#f9ff3d!important; 
}
.tag-workingclassmass:not(.workingCLASSfeature) .post-content p {
     /*    color:#73743d;*/ /*backwards as a KLUDGE!!!!*/
    color: #2c2d0b!important;
}*/
.tag-workingclassmass .post-header .post-title {
    color:#404040!important;
}
.tag-workingclassmass:not(.workingCLASSfeature) .post-header .post-title {
    color:#000!important;
}
.tag-workingclassmass .post-header .post-excerpt p {
    color:red!important;
}
.tag-workingclassmass .post-header .post-excerpt .synopsis {
    color:red!important;
}
.tag-workingclassmass:not(.workingCLASSfeature) .post-content p {
    color:#f9ff3d!important; 
}
.tag-workingclassmass.workingCLASSfeature .post-content p {
/*    color: #2c2d0b!important;*/
    color: #73743d!important;
}
/*.tag-workingclassmass:not(.workingCLASSfeature) .post-content p {
    color:#feffd5 !important; 
}*/
/*
@media(min-width:1000px) {
    .AUTHORITYdashed {
	border-bottom: 11px dashed #6F9d6F;
    }
}
@media(max-width:1000px) {
    .AUTHORITYdashed {
	border-bottom: 9px dashed #6F9d6F;
    }
} */ /*this is not a good idea but I DO WANT TO HAVE THE statue always same*/

.site-wrapper {
    position: relative;
    z-index: 10;
    min-height: 100%;
    background: #F7FF004A;
    -webkit-transition: -webkit-transform 0.5s ease;
            transition: transform 0.5s ease;
}

body.nav-opened .site-wrapper {
    overflow-x: hidden;
    -webkit-transform: translate3D(-240px, 0, 0);
        -ms-transform: translate3D(-240px, 0, 0);
            transform: translate3D(-240px, 0, 0);
    -webkit-transition: -webkit-transform 0.3s ease;
            transition: transform 0.3s ease;
}


/* ==========================================================================
   4. General - The main styles for the the theme
   ========================================================================== */
/* Big cover image on the home page */
.main-header {
    position: relative;
    display: table;
    width: 100%;
 /*   height: 100vh; *//*these days are over now with the published pages*/
    height:40vh;
    margin-bottom: 5rem;
    text-align: center;
    background: #222 no-repeat center center;
    background-size: cover;
    overflow: hidden;
}
#mainINDEXofPUBLISHEDWORKsz {
    position: relative;
    display: table;
    width: 100%;
    height: 100vh;
    margin-bottom: 5rem;
    text-align: center;
    background: #222 no-repeat center center;
    background-size: cover;
    overflow: hidden;
}

.main-header .inner {
    width: 80%;
}

.main-nav {
    position: relative;
    padding: 35px 40px;
    margin: 0 0 30px 0;
}
.main-nav a {
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
}

.nav-circle {
    border-radius: 50%;
    width: 50px;
    height: 50px; 
    background-color: #fff;
    position: absolute;
    top: 25px;
    left: 40px;
}
.nav-circle-inner {
    border-radius: 50%;
    width: 28px;
    height: 28px; 
    background-color: #000;
    margin: 40% 40%;
}
.nav-circleORANGEman {
    border-radius: 50%;
    width: 7px;
    height: 7px; 
    background-color: orange;
    position: absolute;
    top: 3px;
    left: 0px;
    z-index:1;
}


#PowerfullyUNDONE {
    position: absolute;
    left: 8px;
    top: 24px;
    width: 200px;
    height: 100px;
    z-index: 1;
}

@media (min-width: 700px) {
    #POWER_ {
	position: absolute;
	left: 1104px;
	top: 145px;
	width: 100px;
	height: 50px;
	z-index: 1;
    }
}
@media (max-width: 700px) {
    #POWER_ {
	position: absolute;
	left: 390px;
	top: 132px;
	width: 50px;
	height: 25px;
	z-index: 1;
    }
}

@media (max-width: 700px) {
    .nav-circle {
	width: 20px;
	height: 20px;
    }
    .nav-circle-inner {
	width: 5px;
	height: 5px;
    }
}

.my-nav {
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 100%;
    text-align: center;
}
/*
.my-nav a:not(.frontPaA-g), .my-nav span {
    color: #fff;
    text-decoration: none;
    opacity: 0.5;
    padding: 0px 5px 0px 5px;
    text-transform: lowercase;
}*/
.my-nav .frontPaA-g, .my-nav span {
    color: #CB4c4C;
    text-decoration: none;
    opacity: 0.5;
    padding: 0px 5px 0px 5px;
    text-transform: lowercase;
}
/*
.my-nav a:first-child:hover {
    opacity: 1.0;
    color: #ff3333;
}
.my-nav a:nth-of-type(2):hover {
    opacity: 1.0;
    color: #228aff;
}*/
.front-PaA-g:first-child:hover {
    opacity: 1.0;
    color: #ff4040;
}
.front-PaA-g:nth-of-type(2):hover {
    opacity: 1.0;
    color: white;
}

/* Navigation */
body.nav-opened .nav-cover {
    position: fixed;
    top: 0;
    left: 0;
    right: 240px;
    bottom: 0;
    z-index: 200;
}

.nav {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    width: 240px;
    opacity: 0;
    background: #111;
    margin-bottom: 0;
    text-align: left;
    overflow-y: auto;
    -webkit-transition: -webkit-transform 0.5s ease,
                        opacity 0.3s ease 0.7s;
            transition: transform 0.5s ease,
                        opacity 0.3s ease 0.7s;
}

body.nav-closed .nav {
    -webkit-transform: translate3D(97px, 0, 0);
        -ms-transform: translate3D(97px, 0, 0);
            transform: translate3D(97px, 0, 0);
}

body.nav-opened .nav {
    opacity: 1;
    -webkit-transition: -webkit-transform 0.3s ease,
                        opacity 0s ease 0s;
            transition: transform 0.3s ease,
                        opacity 0s ease 0s;
    -webkit-transform: translate3D(0, 0, 0);
        -ms-transform: translate3D(0, 0, 0);
            transform: translate3D(0, 0, 0);
}

.nav-title {
    position: absolute;
    top: 45px;
    left: 30px;
    font-size: 16px;
    font-weight: 100;
    text-transform: uppercase;
    color: #fff;
}

.nav-close {
    position: absolute;
    top: 38px;
    right: 25px;
    width: 20px;
    height: 20px;
    padding: 0;
    font-size: 10px;
}

.nav-close:focus {
    outline: 0;
}

.nav-close:before,
.nav-close:after {
    content: '';
    position: absolute;
    top: 0;
    width: 20px;
    height: 1px;
    background: rgb(150,150,150);
    top: 15px;
    -webkit-transition: background 0.15s ease;
            transition: background 0.15s ease;
}

.nav-close:before {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

.nav-close:after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.nav-close:hover:before,
.nav-close:hover:after {
    background: rgb(255,255,255);
}

.nav ul {
    padding: 90px 9% 5%;
    list-style: none;
    counter-reset: item;
}

.nav li:before {
    display: block;
    float: right;
    padding-right: 4%;
    padding-left: 5px;
    text-align: right;
    font-size: 1.2rem;
    vertical-align: bottom;
    color: #B8B8B8;
    content: counter(item, lower-roman);
    counter-increment: item;
}
.nav li {
    margin: 0;
}
.nav li a {
    text-decoration: none;
    line-height: 1.4;
    font-size: 1.4rem;
    display: block;
    padding: 0.6rem 4%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.nav li a:after {
    display: inline-block;
    content: " .......................................................";
    color: rgba(255,255,255,0.2);
    margin-left: 5px;
}
.nav .nav-current:before {
    color: #fff;
}
.nav .nav-current a:after {
    content: " ";
    border-bottom: rgba(255,255,255,0.5) 1px solid;
    width: 100%;
    height: 1px;
}

.nav a:link,
.nav a:visited {
    color: #B8B8B8;
}

.nav li.nav-current a,
.nav a:hover,
.nav a:active,
.nav a:focus {
    color: #fff;
}

.subscribe-button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    height: 38px;
    padding: 0 20px;
    color: #111 !important; /* Overides `.nav a:link, .nav a:visited` colour */
    text-align: center;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 35px;
    border-radius: 3px;
    background: #fff;
    transition: all ease 0.3s;
}
.subscribe-button:before {
    font-size: 9px;
    margin-right: 6px;
}


/* Create a bouncing scroll-down arrow on homepage with cover image */
.scroll-down {
    display: block;
    position: absolute;
    z-index: 100;
    bottom: 45px;
    left: 50%;
    margin-left: -16px;
    width: 34px;
    height: 34px;
    font-size: 34px;
    text-align: center;
    text-decoration: none;
    color: rgba(255,255,255,0.7);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-animation: bounce 4s 2s infinite;
    animation: bounce 4s 2s infinite;
}

/* Stop it bouncing and increase contrast when hovered */
.scroll-down:hover {
    color: #fff;
    -webkit-animation: none;
    animation: none;
}

/* Put a semi-opaque radial gradient behind the icon to make it more visible
   on photos which happen to have a light background. */
.home-template .main-header:after {
    display: block;
    content: " ";
    width: 150px;
    height: 130px;
    border-radius: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -75px;
    background: radial-gradient(ellipse at center,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
}

/* Hide when there's no cover image or on page2+ */
.no-cover .scroll-down,
.no-cover.main-header:after,
.archive-template .scroll-down,
.archive-template .main-header:after {
    display: none
} /*FIXME:scrollhide*/

/* Appears in the top left corner of your home page */
.blog-logo {
    display: block;
    float: left;
    background: none !important; /* Makes sure there is never a background */
    border: none !important; /* Makes sure there is never a border */
}

.blog-logo img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 38px;
    padding: 1px 0 5px 0;
    width: auto;
}

.menu-button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    float: right;
    height: 38px;
    padding: 0 15px;
    border-style: solid;
    border-width: 1px;
    opacity: 1;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 35px;
    white-space: nowrap;
    border-radius: 3px;
    transition: all 0.5s ease;
}
.menu-button:before {
    font-size: 12px;
    font-weight: bold;
    margin-right: 6px;
    position: relative;
    top: 1px;
}
.menu-button:hover {
    background: #fff;
}
.menu-button:focus {
    outline: 0;
}

/* When the navigation is closed */
.nav-closed .menu-button {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.6);
}
.nav-closed .menu-button:hover {
    color: #222;
}

/* When the navigation is closed and there is no cover image */
.nav-closed .no-cover .menu-button {
    border-color: #BFC8CD;
    color: #9EABB3;
}
.nav-closed .no-cover .menu-button:hover {
    border-color: #555;
    color: #555;
}

/* When the navigation is opened */
.nav-opened .menu-button {
    padding: 0 12px;
    background: #111;
    border-color: #111;
    color: #fff;
    -webkit-transform: translate3D(94px, 0, 0);
        -ms-transform: translate3D(94px, 0, 0);
            transform: translate3D(94px, 0, 0);
    transition: all 0.3s ease;
}

.nav-opened .menu-button .word {
    opacity: 0;
    transition: all 0.3s ease;
}

/* Special styles when overlaid on an image*/
.main-nav.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 70px;
    border: none;
    background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
}
.no-cover .main-nav.overlay {
    background: none;
}

/* The details of your blog. Defined in ghost/settings/ */
.page-title {
    margin: -100px 0 0px 0;
    margin-left: 15px!important;
    font-size: 19rem;
    letter-spacing: 0px;
    font-family: Playfair, "Times New Roman", serif;
    color: purple;
    font-weight: 100;
    white-space: nowrap;
}

.page-title a {
    color: rgb(199,248,255);
    text-decoration: none;
}
.page-title a:hover {

}

#hidemeUNLESSphone {
/*    display:none;
    left: 161px; */
    white-space: nowrap !important; /*this will be too hard to figggggggger-out, it IS THE PREMO CULTURE knowledge INGGGGGG!!!!!! */
    font-style: initial !important;
}
#hidemeUNLESSphoneLAYOUTspage {
    display:none;
}
/*#testingNOT{display:none;}*/

.page-description {
/*    margin: -31px;*/
    margin: -29px;
    font-size: 3.5rem;
    line-height: 1.5em;
    font-family: Georgia, "Times New Roman", serif;
/*    letter-spacing: 0.01rem;*/
    color: rgba(255,255,255,0.8);
    position: relative;
/*    left: 143px;*/
    left: 83px;
    font-weight: 100;
    font-style: italic;
}

.page-caption {
    margin: 0;
    font-size: 2.5rem;
    line-height: 1.5em;
    font-family: Champagne, "Times New Roman", serif;
    letter-spacing: 0.01rem;
    color: rgb(255, 249, 151);
    position: absolute;
 /*   bottom: -40px; */ /*was this forever but when a full-screen is just not?????well, it looks suck until YOU KNOW you are squashing my site!!!!!*/
   bottom: -31px;
 /*   right: 149px;*/
    width: 100%;
    left: 245px;
    font-weight: 100;
}

/*BEGINNING of main-header edits? NO: a new publishing PLATFORM for digital CONTENT*/
.TAG-tag-73 {
    /*display: none!important;*/ /*HIDE the newscolumn stuff from you fuckin' assholes*/
}
.TAG-tag-74 {
    display: none!important; /*HIDE the newscolumn stuff from you fuckin' assholes*/
}
.TAG-tag-75 {
    display: none!important; /*HIDE the newscolumn stuff from you fuckin' assholes*/
}
.TAG-tag-76 {
    display: none!important; /*HIDE the newscolumn stuff from you fuckin' assholes*/
}
.TAG-tag-77 {
    display: none!important; /*HIDE the newscolumn stuff from you fuckin' assholes*/
}
.TAG-tag-78 {
    display: none!important; /*HIDE the newscolumn stuff from you fuckin' assholes*/
}
.TAG-tag-79 {
    display: none!important; /*HIDE the newscolumn stuff from you fuckin' assholes*/
}
.TAG-tag-80 {
    display: none!important; /*HIDE the newscolumn stuff from you fuckin' assholes*/
}
.TAG-tag-81 {
    display: none!important; /*HIDE the newscolumn stuff from you fuckin' assholes*/
}
.TAG-tag-82 {
    display: none!important; /*HIDE the newscolumn stuff from you fuckin' assholes*/
}
.TAG-tag-85 {
    display: none!important; /*HIDE the newscolumn stuff from you fuckin' assholes*/
}
.TAG-tag-86 {
    display: none!important; /*HIDE the newscolumn stuff from you fuckin' assholes*/
}
.TAG-tag-87 {
    display: none!important; /*HIDE the newscolumn stuff from you fuckin' assholes*/
}
.TAG-tag-88 {
    display: none!important; /*HIDE the newscolumn stuff from you fuckin' assholes*/
}
.TAG-tag-91 {
    display: none!important; /*HIDE the newscolumn stuff from you fuckin' assholes*/
}
.TAG-tag-92 {
    display: none!important; /*HIDE the newscolumn stuff from you fuckin' assholes*/
}
.TAG-tag-93 {
    display: none!important; /*HIDE the newscolumn stuff from you fuckin' assholes*/
}
.TAG-tag-94 {
    display: none!important; /*HIDE the newscolumn stuff from you fuckin' assholes*/
}
.TAG-tag-97 {
    display: none!important; /*HIDE the newscolumn stuff from you fuckin' assholes*/
}
.TAG-tag-100 {
    display: none!important; /*HIDE the newscolumn stuff from you fuckin' assholes*/
}
.TAG-tag-101 {
    display: none!important; /*HIDE the newscolumn stuff from you fuckin' assholes*/
}
.TAG-tag-102 {
    display: none!important; /*HIDE the newscolumn stuff from you fuckin' assholes*/
}
.TAG-tag-103 {
    display: none!important; /*HIDE the newscolumn stuff from you fuckin' assholes*/
}
.TAG-tag-113 {
    display: none!important; /*HIDE the newscolumn stuff from you fuckin' assholes*/
}


@media(max-width:1000px) {
    .readmelikepaperPlease {
	display:inline-block!important;
    }
}
.news-column3, #tintIMAGESallwayszPlease img {
    filter: hue-rotate(-186deg);
}

#mainINDEXofPUBLISHEDWORKsz .my-nav{
    padding-bottom: 20px!important;
    padding-right: 35.5%;
}
#news-column1 .post-title {
    word-break:break-all!important;
}
#news-column2 .post-title {
    word-break:break-all!important;
}
#news-column1 .post-excerpt {
    word-break:break-all!important;
}
#news-column2 .post-excerpt {
    word-break:break-all!important;
}
#news-column1:not(#news-column2) .post-content p{
  line-height: 0.9em!important; /*not that importante!yeah and NEIGH, so let's seight i suppose.....more cinema shit thanks and bye bye steal it whore face your backwards columns are for sliding a knife into your throat over there i cannot be gamed on reading like a fucking muslim!1!lo fuckin' ell, whore face in a desperation condo"*/
  word-break:break-all!important;
  text-align:justify!important;
}
#news-column2:not(#news-column1) .post-content p{
  line-height: 0.96em!important; /*not that importante!yeah and NEIGH, so let's seight i suppose.....more cinema shit thanks and bye bye steal it whore face your backwards columns are for sliding a knife into your throat over there i cannot be gamed on reading like a fucking muslim!1!lo fuckin' ell, whore face in a desperation condo"*/
  word-break:break-all!important;
  text-align:justify!important;
}


.no-cover.main-header {
    min-height: 160px;
    max-height: 100vh;
    background: #1B2621;
    border-bottom: 10px solid grey;
/*    background-image: url("../img/title-banner.jpg");*/
}

.no-cover .page-title {
    color: #fff;
}

.no-cover .page-description {
    color: #beffb5;
}

/* Add subtle load-in animation for content on the home page */
.home-template .page-title {
    -webkit-animation: fade-in-down 0.6s;
    animation: fade-in-down 0.6s;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.home-template .page-description {
    -webkit-animation: fade-in-down 0.9s;
    animation: fade-in-down 0.9s;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}


/*UNmoved the above post-titles stuff out of the media query I HOPE IT IS SO THIS IS SO FUCKING BORING*/
@media (min-width: 500px) {
    #text-bracketedONLY {
	margin-left:18px;
/*	padding-bottom: 20px !important;*/
    }
}
@media (max-width: 500px) {
    #text-bracketedONLY {
	margin-left:0px;
        padding-bottom: 0px !important;
    }
}
@media (min-width: 500px) {
    #text-bracketedONLYGROUPs {
	margin-left:19px;
/*	padding-bottom: 20px !important;*/
    }
}
@media (max-width: 500px) {
    #text-bracketedONLYGROUPs {
	margin-left:0px;
        padding-bottom: 1px !important;
    }
}

@media (min-width: 1000px) {
/* Every post, on every page, gets this style on its <article> tag */
.post.featured:not(.secondary) {
    position: relative;
    width: 100%;
    max-width: 1100px;
    margin: 0rem auto;
    padding-bottom: 10px; /* /*wayy wayy wayyyyyyyyyy too much padding, bro */
/*    border-bottom: #EBF2F6 2px solid; */
    border-bottom: #FF3131 2px solid;
    word-wrap: break-word;
    overflow: hidden;
}

#page-RECenTLYAdded {
    padding-right: 0px;
}


.post.featured:not(.secondary) .img-column {
/*    padding-right: 0px;*/
    display: inline-block;
}
.post.featured:not(.secondary) .txt-column {
    text-align: center;
    display: inline-block;
}

.post.featured:not(.secondary) .img-column img {
    width: 100%;
}

.row.secondary-row {
    position: relative;
    width: 80%;
    max-width: 1000px;
    margin: 0rem auto 2rem auto;
    padding-top: 1rem;
    padding-bottom: 3rem;
/*    border-bottom: #EBF2F6 2px solid; */
    border-bottom: #90D6FE 2px solid;
    word-wrap: break-word;
}

.post.featured.secondary .img-column {
    padding-right: 4px;
    display: inline-block;
    padding-bottom: 1rem;
}
.post.featured.secondary {
    text-align: center;
}

.secondary-column:first-child {
/*    border-right: 1px solid #e8e8e8; */
}
.secondary-column:last-child {
/*    border-left: 1px solid #e8e8e8; */
}

.post.featured.secondary .post-header {
    height: 23rem;
    display: flex;
    align-items: center;
}


.post.featured:not(.secondary) .post-title {
    font-size: 3.8rem;
    text-transform: uppercase;
}
.post.featured.secondary .post-title {
    font-size: 2.8rem;
    text-transform: uppercase;
}
.post:not(.featured) .post-title {
    font-size: 2.5rem;
    text-transform: uppercase;
}

article.post h1.post-title {
    text-transform: none !important;
}


.post.featured.secondary .img-column img {
    width: 100%;
}

/*.post.featured.secondary p {
    height: 8rem;
}*/

.post:not(.featured) {
    position: relative;
    width: 80%;
    max-width: 1000px;
    margin: 1rem auto;
    padding-bottom: 2rem;
/*    border-bottom: #EBF2F6 2px solid; */
    border-bottom: #90D6FE 2px solid !important;
    word-wrap: break-word;
    overflow: hidden;
}

.post:not(.featured) .img-column {
    padding-right: 0px;
    display: inline-block;
}
.post:not(.featured) .txt-column {
    text-align: center;
    display: inline-block;
    padding-right: 10px;
}

.post:not(.featured) img {
    width: 100%;
    padding-right: 20px;
}

/* Add a little circle in the middle of the border-bottom on our .post
   just for the lolz and stylepoints. */
/*.post:after {
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    border: #E7EEF2 2px solid;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    background: #FFF;
    border-radius: 100%;
    box-shadow: #FFF 0 0 0 5px;
}*/
}
body:not(.post-template) .post-title {
    font-size: 3.6rem;
}

@media (max-width: 1000px) {
    .smallest_image_possible_w_annotationalitiesz {
	padding-right:0px!important;
	width:31px!important;
	margin: 0 0 -0px!important;
	border-left: black 1px solid!important; /*AWESomE not!!!!! fuckme then.*/
    }
}
@media (min-width: 1000px) {
    .smallest_image_possible_w_annotationalitiesz {
	padding-right:0px!important;
	width:41px!important;
	border-left: black 1px solid!important; /*AWESomE not!!!!! fuckme then.*/
	margin: 0 0 -0px!important;
    }
}
.post-header img:not(.smallest_image_possible_w_annotationalitiesz) {
/*    width:unset!important; */ /*make all the zoomers tootal cool*/
}
#expansiveIMAGErY img {
   width:unset!important; /*make all the zoomers tootal cool*/
}

#linkNews:hover{
    text-decoration-line: overline;
    text-decoration-color:white!important;/*cool idea bro!*/
}
#linkBroadCast:hover{
    text-decoration-line: overline;
    text-decoration-color:purple!important;/*cool idea bro!*/
}
.post-title a {
    font-family: Playfair;
    text-decoration: none;
}
.post-title a:hover {
    border-bottom: 3px solid;
}

#greenMEpleasz:hover {
    color: green!important;
}
#greenMEpleasze {
    color: green!important;
}

.post .post-title {
    color: #606060;/*fixme if all fucked*/
}
#greenMusk a {
/*    color: #65bd3d!important;;*/
/*    color: #19b536!important;;*/
    color: #00ff2f!important;
}
#muskyGREEN >p {
    color: #00ff2f!important;
/*    color: #19b536!important;*/
}
#MUSKinGREEN {
    color: #00ff2f!important;
/*    color: #19b536!important;*/
}

.post-excerpt p {
    margin: 0;
    font-size: 1.5rem;
    line-height: 2.6rem;
    color: #707070;
}
.post-excerpt h4 {
    color: #707070;
}

.post-page .post .post-excerpt {
    text-align: left !important;
    font-size: 1.5rem !important;
    font-style: italic;
}
.post-ITALICs {
    font-style: italic!important; /*VERY important to consistencialize this for JUDITH BUTface who knows NOTHING about shit, the stupid fuckin' WHORE, increjulistical total old-age demented pissant*/
}
#PAGE-excerpT {
  /* word-break: break-all;*/ /*final-touch*/
    padding-top: 24px;
/*    margin-bottom: 170px; */ /*COOL THANKS for the tip*/
}

.post-page .post .post-excerpt h4 {
    padding-top: 10px;
    font-size: 1.2em !important;    
/*    padding-left: 20px;*/
}
.post-page .post .post-excerpt h4 a {
    text-transform: uppercase;
}
#post-page-aboutSECTION {
    border-bottom: none !important;
}

#PAGEabout p {
    /*word-break: break-word !important; */
}

.synopsis {
    color: #707070;
}
#muskyGREEN .synopsis {
    color:black!important;
}

.synopsis-padding {
    display: none;
}
.post-content .synopsis, .post-content .synopsis-padding {
    display: none;
}

.read-more {
    text-decoration: none;
}

.post-meta {
    display: block;
    margin: 0.75rem 0 0 0;
    font-family: "Times New Roman", serif;
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: #606060;
}

.author-thumb {
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 9px;
    border-radius: 100%;
}

.post-meta a {
    color: #606060;
    text-decoration: none;
    text-transform: uppercase;
}

.post-meta a:hover {
    text-decoration: underline;
    color: #bf1b1b;
}

.user-meta {
    position: relative;
    padding: 0.3rem 40px 0 100px;
    min-height: 77px;
}

.post-date {
    display: inline-block;
    margin-left: 8px;
    padding-left: 12px;
    border-left: #d5dbde 1px solid;
    text-transform: uppercase;
    font-size: 1.3rem;
    white-space: nowrap;
}

.user-image {
    position: absolute;
    top: 0;
    left: 0;
}

.user-name {
    display: block;
    font-weight: 700;
}

.user-bio {
    display: block;
    max-width: 440px;
    font-size: 1.4rem;
    line-height: 1.5em;
}

.publish-meta {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4.3rem 0 4rem 0;
    text-align: right;
}

.publish-heading {
    display: block;
    font-weight: 700;
}

.publish-date {
    display: block;
    font-size: 1.4rem;
    line-height: 1.5em;
}


/* ==========================================================================
   5. Single Post - When you click on an individual post
   ========================================================================== */
.post-square {
    width: 10px;
    height: 10px;
    background-color: #5e5e5e;
    position: absolute;
    right: 0px;
}
.post-GREEN {
    width: 100px;
    height: 100px;
    background-color: green;
    position: absolute;
    left:-10px!iimportant;
}
.post-squareREDmun {
    width: 200px;
    height: 1000px;
    background-color: red;
    position: absolute;
    right: 0px;
}

.post-page {
    max-width: 1000px;
}

.post-page .post-date {
    font-size: 2rem;
}

.post-page .post-title {
    margin-bottom: 20px !important;
}

.post-page .post-excerpt {
    text-align: center;
    font-size: 2rem;
    margin-top: 10px;
}
.post-excerpt {
    margin-top: 10px;
}



.post-page  img {
    width: 100%;
}/*for now it ALL zooms-in and looks super not cool for me and myself but irene likes it total suit*/ /*FIXME!*/


#pageLAYOUT-distinction {
    width: 80%!important;
    float: right;
    margin: 0 0 0 -72px; /*try something FUNKY for titty pages and then more for other stuff maybe....*/
    border-left: black 1px solid; /*AWESomE not!!!!! fuckme then.*/
}

#PUBLISHED {

}

@media(min-width: 1200px) {
    .more-tortoise:not(.color-wheelersz) {
	margin-bottom: 20px;
	margin-top: 32%;
	padding-left: 10px;
    }
    .color-wheelersz {
	margin-bottom: 20px;
	margin-top: 11.6%;
	padding-left: 10px;
    }
    .more-tortoise-muskonly {
	margin-bottom: 20px;
	margin-top: 1000% !important;
	padding-left: 10px;
    }    
}
@media(max-width: 1200px) {
    .more-tortoise:not(.color-wheelersz) {
	margin-bottom: 20px;
	padding-left: 10px;
    }
    .color-wheelersz {
	margin-top: 8.2%;
	margin-bottom: 20px;
	padding-left: 10px;
    }
    .more-tortoise-muskonly {
	margin-bottom: 20px;
	padding-left: 10px;
    }    
}

@media (min-width: 1000px) {
    #lowerME {
	margin-top: 100%!important;
    }
    #lowerMElittleBIT {
	margin-top: 15%!important;
    }
    #lowerMEleSS {
	margin-top: -34px!important;
	margin-bottom:2%!important;
    }
}
@media (max-width: 1000px) {
    #lowerME {
	margin-top: 0px!important;
    }
    #lowerMElittleBIT {
	margin-top: 0px!important;
    }
    #lowerMEleSS {
	margin-top: -21px!important;
	margin-bottom: 6%!important;
    }
}
.posts-next-heading {
    text-align: center;
    color: #BF1B1B; 
    font-size: 2.5rem;
    border-bottom: 2px solid lightgrey;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.post-next-title {
    font-size: 2rem;
    border-bottom: 2px solid lightgrey;
    padding-bottom: 10px;
    text-transform: uppercase;
}

#twitter-widget-0 {
    padding-left: 10px !important;
}
@media (max-width: 1000px) {
    #twitter-widget-0 {
	margin-top: 0px !important;
	margin-bottom: 30px !important;
	margin-left: 0% !important;
	margin-right: 0% !important;
	width: 100% !important;
	padding-left: 0px;
    }
}

.post-content:not(.page-content) > p:nth-of-type(2)::first-letter {
    font-size: 660%;
    float: left;
    padding-top: 18px; /*WAS 4px but NOW we are over the PROBLEMsz!!!!!*/
    padding-right: 10px;
    padding-bottom: 0px;
    text-transform: uppercase;
    text-align: justify;
}
#cultureCURIO-pageContent p {
    padding-left: 10px!important;
    padding-right: 0px!important;
}
@media(max-width: 550px) {
    #noSPACEHackathon {
	margin-top:-20px!important;
    }
}

.post-content a {
    color: #fd2424;
}
.post-content a:hover {
    color: #bf1b1b;
}

.post-content:not(.featured) p {
    padding-right: 10px;
} 

@media (max-width: 500px) {
    .post-content:not(.page-content) > p:nth-of-type(2)::first-letter {
	font-size: 660%;
	float: left;
	padding-top: 20px;
/*	padding-right: 4px; */
/*	padding-right: 10px; */
	padding-bottom: 20px;
	text-transform: uppercase;
	text-align: justify;
    }

    #offsetRECENTLY {
	padding-right: 0px!important; /*sorry, it took more stupid to get this not on not mobile i guess....*/
    }

    .tag-authority p {
	word-break:break-all!important;
	padding-right:5px!important;
    }
}

.post-template .post-header {
   margin-bottom: 3.4rem;
}

.post-template .post-title {
    font-family: Playfair;
    margin-bottom: 0;
}

.post-template .post-meta {
    margin: 0;
}

.post-template .post-date {
    padding: 0;
    margin: 0;
    border: none;
}

/* Stop elements, such as img wider than the post content, from
   creating horizontal scroll - slight hack due to imperfections
   with browser width % calculations and rounding */
.post-template .content {
    overflow: hidden;
}

/* Tweak the .post wrapper style */
.post-template .post {
    margin-top: 0;
    border-bottom: none;
    padding-bottom: 0;
}
.post-template .post-content p {
    text-align: left; /*breaking words to fill space thanks and good day to all you LOSERS totally now*/
  /* word-break: break-all;*/
}

#PAGE-contenT p {
  /*  word-break: break-all;*//*thank I suppose I can leave the mainline readable....*/
}
#PAGE-contenTtits3 p {
  /* word-break: break-all; *//*thank I suppose I can leave the mainline readable....*/
  
}

/* Kill that stylish little circle that was on the border, too */
.post-template .post:after {
    display: none;
}

/* Keep images centered, and allow images wider than the main
   text column to break out. */
@media (max-width:1000px) {
    #POW {
	margin-left:-247px!important;
    }
}
.post-content img:not(#POW) {
    display: block;
    max-width: 126%;
    height: auto;
    padding: 0.6em 0;
    /* Centers an image by (1) pushing its left edge to the
       center of its container and (2) shifting the entire image
       in the opposite direction by half its own width.
       Works for images that are larger than their containers. */
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%); /* for Safari and iOS */
    -ms-transform: translateX(-50%); /* for IE9 */
    transform: translateX(-50%);
}

.footnotes {
    font-style: italic;
    font-size: 1.3rem;
    line-height: 1.6em;
}

.footnotes li {
    margin: 0.6rem 0;
}

.footnotes p {
    margin: 0;
}

.footnotes p a:last-child {
    text-decoration: none;
}

/*format tags under each post. tags not displayed on index page*/
.tag-list {
    list-style-type: none;
    padding-left: 0px;
}
.tag-list:not(.static-PAGE) li {
    display: inline-block;
/*    background-color: #f3f3f3; */
    background-color: #fff;
/*    border-radius: 4px 4px 4px 4px;*/ /*FIXME: maybe put inline if not happy....\\\\\*/
    padding: 0px 2px 0px 2px;
    margin-right: 5px;
}
.tag-list li:hover {
/*    background-color: #e5e5e5; */
    background-color: #f8000042;
}
.tag-list.static-PAGE li:hover {
/*    background-color: #e5e5e5; */
    background-color: #3574c6;
}

.tag-list.static-PAGE li a:hover {
    text-decoration: none;
    color: #0a067b !important;
}

.tag-list-post {
    display: block;
    list-style-type: none;
/*    padding-right: 40%;
    padding-left: 1%; */ /*total renovation incoming here to capture the essence of CNN!*//*this exemption is for your stupidly wide screens mine is 3//:2 not 16:9*/
    padding-right: 20%;
    padding-left: 30%;
}
#tag-list-postNEWsite {
    display: block;
    list-style-type: none;
/*    padding-right: 40%;
    padding-left: 1%; */ /*total renovation incoming here to capture the essence of CNN!*//*this exemption is for your stupidly wide screens mine is 3//:2 not 16:9*/
    padding-right: 20%;
    padding-left: 20%;
}

/*@media (max-width: 500px) { */
@media (max-width: 700px) {
    .tag-list-post {
/*	padding-left: 2%; *//*you can sense the problem it is a lecture-series and alot of work to commune/-\it(or so)*/
/*    text-align: right !important; */ /*no longer a viable option*/ /*E!*/
    text-align: left;
    padding-right: 10% !important; /* a cool trick on mobile-BRAINiacs*/
    padding-left: 15% !important;
    }
}
.tag-list-post:not(.static-PAGE) li {
    display: inline-block;
/*    background-color: #f3f3f3; */
    background-color: #d0eeff;
    border-radius: 4px 4px 4px 4px;
    padding: 0px 2px 0px 2px;
    margin-right: 5px;
}
.tag-list-post.static-PAGE li {
    display: inline-block;
/*    background-color: #f3f3f3; */
/* set in HTML handlebars for no reason*/  /*  background-color: #f7ff00; */
    border-radius: 4px 4px 4px 4px;
    padding: 0px 2px 0px 2px;
    margin-right: 5px;
}

.tag-list-post:not(.static-PAGE) li:hover {
    text-decoration: none;
/*    background-color: #f8000042; */
    background-color: #f8000014;
}

@media(max-width: 1000px) {
    .static-PAGE {
	padding-right:0px!important;
	padding-top:25px!important; /*I give you a broken MOBILeNoLonger!*/
	
    }
}
    
/*.tag-list-post.static-PAGE:not(#recently-added-tag, #special-alerts-tag) li:hover { */
#static-PAGE:hover {
    text-decoration: none;
    background-color: #3574c6 !important;
}

.tag-list-post li a {
    text-decoration: none;
    font-size: 18px;
}

/*.tag-list-post.static-PAGE li a:hover {
    text-decoration: none;
    color: #0a067b !important;
}*/

#recently-added-tag:hover {
    text-decoration: none;
/*    background-color: #f8000042 !important; */ /*stupendus find*/
    background-color: #c7ff90 !important; /*stupendus find*/
}

#recently-added-tag a:hover {
    text-decoration: none;
    color: white !important; /*stupendus find*/
}

#special-alerts-tag:hover {
    text-decoration: none;
    background-color: blue !important; /*stupendus find*/
}

#cultural-curioszz-tag:hover {
    text-decoration: none;
    background-color: #fdc8ff !important; /*stupendus find*/
}
#cultural-curioszz-tag a {
    color: #f700ff !important; /*stupendus find*//*SUPER COOL SHIT FOLLOWS....*/
}

#cultural-curioszz-tag a:hover {
    color: #fff !important; /*stupendus find*//*SUPER COOL SHIT FOLLOWS....*/
}


/* The author credit area after the post */
.post-footer:not(.featured) {
    position: relative;
    margin: 6rem 0 0 0;  /*too much margin at the bottom I think NOT */
    padding: 1rem 0 0 0;
/*    border-top: #EBF2F6 1px solid; */
/*    border-top: #90d6fe 1px solid; */
    border-top: #fea590 1px solid;

}

.post-footer.featured {
    position: relative;
    margin: 6rem 0 0 0;
    padding: 1rem 0 0 0;
/*    border-top: #EBF2F6 1px solid; */
/*    border-top: #ff3131 1px solid; */
    border-top: #a71313 1px solid;
}

.post-footer h4 {
    font-size: 1.8rem;
    margin: 0;
}

.post-footer p {
    margin: 1rem 0;
    font-size: 1.4rem;
    line-height: 1.75em;
}

/* list of author links - location / url */
.author p {
    margin-top: 0px;
    margin-bottom: 0px;
    font-style: italic;
}

.author p a {
    text-transform: uppercase;
    font-weight: bold;
}

.author-meta {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 1.4rem;
    line-height: 1;
    font-style: italic;
    color: #9EABB3;
}

.author-meta a {
    color: #9EABB3;
}
.author-meta a:hover {
    color: #dd17e;
}

/* Create some space to the right for the share links */
.post-footer .author {
    margin-right: 20px;
    width: 354px;
    display: inline-block;
}
#page-author {
    width: 300px !important;
    float: right;
}

.post-footer h4 a {
    color: #2e2e2e;
    text-decoration: none;
}

.post-footer h4 a:hover {
    text-decoration: underline;
}

/* Drop the share links in the space to the right.
   Doing it like this means it's easier for the author bio
   to be flexible at smaller screen sizes while the share
   links remain at a fixed width the whole time */
.post-footer .share {
    position: relative;
    display: block; /* was inline-block */
    width: 115px;
}

.post-footer .share a {
    font-size: 1.8rem;
    display: inline-block;
    margin: 1rem 1.6rem 1.6rem 0;
    color: #BBC7CC;
    text-decoration: none;
}

.post-footer .share .icon-twitter:hover {
    color: #55acee;
}
.post-footer .share .icon-facebook:hover {
    color: #3b5998;
}
.post-footer .share .icon-google-plus:hover {
    color: #dd4b39;
}

/* Static Pages */
.page-about .content {
    text-align: justify;
    width: 80%;
    font-size: 2.0rem;
    line-height: 2.5rem;
}
@media (max-width: 550px) {
    .page-about .content {
	width: 100%;
	font-size: 1.6rem;
	line-height: 2.3rem;
    }
}

.page-about .post-content > p:first-of-type::first-letter {
    font-size: 700%;
    float: left;
    padding-top: 28px;
    padding-right: 4px;
    padding-bottom: 0px;
    text-transform: uppercase;
}
@media (max-width: 500px) {
    .page-about .post-content > p:first-of-type::first-letter {
	font-size: 700%;
	float: left;
	padding-top: 28px;
	padding-right: 4px;
	padding-bottom: 20px;
	text-transform: uppercase;
    }
}

.page-about .post-content p {
    text-align: justify;
}

.page-about .post {
    width: 100%;
}

.about-staff {
    padding-top: 40px;
    border-top: 1px solid #606060;
}

.editor-all {
    width: 100%;
    padding-bottom: 40px;
}

.about-staff .editor {
    text-align: left;
    font-size: 3rem;
    line-height: 2.5rem;
    padding-right: 50px;
    font-weight: bold;
    text-transform: uppercase;
}

.about-staff .editor-hyphen {
    text-align: center;
    font-size: 3rem;
    line-height: 2.5rem;
    padding-right: 50px;
    font-weight: bold;
}

.about-staff .editor-name {
    text-align: right;
    font-size: 3rem;
    line-height: 0.5rem;
    display: inline-block;
}

.about-staff .editor-contact {
    line-height: 2.5rem;
}
.editor-contact a {
    font-weight: bold;
}

@media (max-width: 550px) {
    .about-staff .editor-contact {
	line-height: 2.3rem;
    }
}

/*styling for contact form*/
#contact {
    margin-top: 0px;
    background-color: #fbfbfb
    margin-bottom: 20px;
}

.floating-label-form-group {
  font-size: 14px;
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #eeeeee;
}
.floating-label-form-group input,
.floating-label-form-group textarea {
  z-index: 1;
  position: relative;
  padding-right: 0;
  padding-left: 0;
  border: none;
  border-radius: 0;
  font-size: 1.5em;
  background: none;
  box-shadow: none !important;
  resize: none;
}
.floating-label-form-group label {
  display: block;
  z-index: 0;
  position: relative;
  top: 2em;
  margin: 0;
  font-size: 0.85em;
  line-height: 1.764705882em;
  vertical-align: middle;
  vertical-align: baseline;
  opacity: 0;
  -webkit-transition: top 0.3s ease,opacity 0.3s ease;
  -moz-transition: top 0.3s ease,opacity 0.3s ease;
  -ms-transition: top 0.3s ease,opacity 0.3s ease;
  transition: top 0.3s ease,opacity 0.3s ease;
}
.floating-label-form-group::not(:first-child) {
  padding-left: 14px;
  border-left: 1px solid #eeeeee;
}
.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1;
}
.floating-label-form-group-with-focus label {
  color: #2e2e2e;
}
form .row:first-child .floating-label-form-group {
/*  border-top: 1px solid #eeeeee; */ /*removed this to conform*/
}
.btn {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 1px;
  border-radius: 0px 0px 0px 0px;
  padding: 10px 20px;
  border: none;
  background-color: grey;
}
.btn-lg {
  font-size: 16px;
  padding: 20px 30px;
}
.btn-default:hover,
.btn-default:focus {
  background-color: #2e2e2e;
  color: white;
  transition: all 0.3s ease;
}

.contact-page .post {
    border-left: 8px solid #4e4e4e;
    padding-left: 3%; 
    margin-bottom: 100px;
    width: 40%;
    text-align: justify;
}

@media (max-width: 768px) {
    .contact-page .post {
	border-left: 4px solid #4e4e4e;
	padding-left: 5%;
	width: 80%;
    }
}

/* ==========================================================================
   6. Author profile
   ========================================================================== */

.post-head.main-header {
    height: 65vh;
    min-height: 180px;
}

.no-cover.post-head.main-header {
    height: 85px;
    min-height: 0;
    margin-bottom: 0;
    background: transparent;
}

.tag-head.main-header {
    height: 40vh;
    min-height: 180px;
}

.author-head.main-header {
    height: 40vh;
    min-height: 180px;
}

.no-cover.author-head.main-header {
    height: 10vh;
    min-height: 100px;
    background: transparent;
}

.author-profile {
    padding: 0 15px 5rem 15px;
    border-bottom: #EBF2F6 1px solid;
    text-align: center;
}

/* Add a little circle in the middle of the border-bottom */
.author-profile:after {
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    border: #E7EEF2 1px solid;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    background: #FFF;
    border-radius: 100%;
    box-shadow: #FFF 0 0 0 5px;
}

.author-image {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    overflow: hidden;
    padding: 6px;
    background: #fff;
    z-index: 2;
    box-shadow: #E7EEF2 0 0 0 1px;
}

.author-image .img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    border-radius: 100%;
}

.author-profile .author-image {
    position: relative;
    left: auto;
    top: auto;
    width: 120px;
    height: 120px;
    padding: 3px;
    margin: -100px auto 0 auto;
    box-shadow: none;
}

.author-title {
    margin: 1.5rem 0 1rem;
}

.author-bio {
    font-size: 1.8rem;
    line-height: 1.5em;
    font-weight: 200;
    color: #50585D;
    letter-spacing: 0;
    text-indent: 0;
}

.author-meta {
    margin: 1.6rem 0;
}
#page-author .author-meta {
    margin-top: -0.4rem; /*eat my shorts fucktardos*/
    margin-bottom: -0.4rem; /*eat my shorts fucktardos*/
}
#page-author .author-meta a {
    padding-left: 10px; /*thanks for the tip fucko*/
}

/* Location, website, and link */
.author-profile .author-meta {
    margin: 2rem 0;
    font-family: "Merriweather", serif;
    letter-spacing: 0.01rem;
    font-size: 1.7rem;
}
.author-meta span {
    display: inline-block;
    margin: 0 2rem 1rem 0;
    word-wrap: break-word;
    padding-left: 76px; /*not needed but....*/
}
.author-meta a {
    text-decoration: none;
}

/* Turn off meta for page2+ to make room for extra
   pagination prev/next links */
/*.archive-template .author-profile .author-meta {
    display: none;
}*/

.post.author-posts {
    position: relative;
    width: 80%;
    max-width: 1000px;
    margin: 1rem auto;
    padding-bottom: 2rem;
    border-bottom: #EBF2F6 2px solid;
    word-wrap: break-word;
    overflow: hidden;
}

.post.author-posts .img-column {
    padding-right: 0px;
    display: inline-block;
}
.post.author-posts .txt-column {
    text-align: center;
    display: inline-block;
}

.post.author-posts img {
    width: 100%;
    padding-right: 15px;
}

.post.author-posts .post-excerpt:not(.purpleMEnot) p {
    text-align: center;
}
.purpleMEnot p{text-align:right!important;}

/* ==========================================================================
   7. Read More - Next/Prev Post Links
   ========================================================================== */

.read-next {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-top: 10rem;
}

.read-next-story {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 50%;
    text-decoration: none;
    position: relative;
    text-align: center;
    color: #fff;
    background: #222 no-repeat center center;
    background-size: cover;
    overflow: hidden;
}
.read-next-story:hover:before {
    background: rgba(0,0,0,0.8);
    transition: all 0.2s ease;
}
.read-next-story:hover .post:before {
    color: #222;
    background: #fff;
    transition: all 0.2s ease;
}

.read-next-story:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    transition: all 0.5s ease;
}

.read-next-story .post {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.read-next-story .post:before {
    content: "Read This Next";
    padding: 4px 10px 5px;
    text-transform: uppercase;
    font-size: 1.1rem;
    font-family: "Open Sans", sans-serif;
    color: rgba(255,255,255,0.8);
    border: rgba(255,255,255,0.5) 1px solid;
    border-radius: 4px;
    transition: all 0.5s ease;
}
.read-next-story.prev .post:before {
    content: "You Might Enjoy";
}

.read-next-story h2 {
    margin-top: 1rem;
    color: #fff;
}

.read-next-story p {
    margin: 0;
    color: rgba(255,255,255,0.8);
}

/* Special styles for posts with no cover images */
.read-next-story.no-cover {
    background: #f5f8fa;
}

.read-next-story.no-cover:before {
    display: none;
}

.read-next-story.no-cover .post:before {
    color: rgba(0,0,0,0.5);
    border-color: rgba(0,0,0,0.2);
}

.read-next-story.no-cover h2 {
    color: rgba(0,0,0,0.8);
}

.read-next-story.no-cover p {
    color: rgba(0,0,0,0.5);
}

/* if there are two posts without covers, put a border between them */
.read-next-story.no-cover + .read-next-story.no-cover {
    border-left: rgba(0,0,100,0.04) 1px solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Correctly position site-footer when next to the .read-next container */
.read-next + .site-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
}

/* ==========================================================================
   8. Third Party Elements - Embeds from other services
   ========================================================================== */

/* Github */
.gist table {
    margin: 0;
    font-size: 1.4rem;
    text-rendering: auto;
}
.gist td {
    line-height: 1.4;
}
.gist .line-number {
    min-width: 25px;
}

/* Pastebin */
.content .embedPastebin {
    margin-bottom: 1.75em;
}


/* ==========================================================================
   9. Pagination - Tools to let you flick between pages
   ========================================================================== */

/* The main wrapper for our pagination links */

.pagination {
    position: relative;
    width: 100%;
    margin: 2rem auto 0rem auto;
    font-family: "Open Sans", sans-serif;
    font-size: 1.3rem;
    color: #9EABB3;
    text-align: center;
}
/*
.pagination a {
    color: #9EABB3;
    transition: all 0.2s ease;
}
*/
/* Push the previous/next links out to the left/right */
.older-posts,
.newer-posts {
    position: absolute;
    display: inline-block;
    padding: 0 15px;
    border: #bfc8cd 1px solid;
    text-decoration: none;
    border-radius: 4px;
    transition: border 0.3s ease;
}

.older-posts {
    right: 10%;
}

.page-number {
    display: inline-block;
    padding: 2px 0;
    min-width: 100px;
}

.newer-posts {
    left: 10%;
}

.older-posts:hover,
.newer-posts:hover {
    color: #889093;
    border-color: #98a0a4;
}

/*my pagination stuff*/
.older-posts-first {
    font-family: Playfair, "Times New Roman", Times, serif;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 2.7rem;
    color: #707070;
}

.older-posts-first:hover {
    color: #bf1b1b;
}

.groupies-posts-first {
    font-family: Playfair, "Times New Roman", Times, serif;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 2.7rem;
    color: black;
}

.groupies-posts-first:hover {
    color: green;
}

#GROUP_navigator:hover {
    color: black;
}

#GROUP_navigator_ENDpoint:hover {
    color: red;
}

/*
.older-posts-second {
    font-family: Playfair, "Times New Roman", Times, serif;
    font-size: 1.8rem;
    color: #337ab7;
    text-decoration: none;
    position: absolute;
    left: 20%;
}
*/
.older-posts-second {
    font-family: Playfair, "Times New Roman", Times, serif;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 2.7rem;
    color: #707070;
}

.older-posts-second:hover {
    color: #889093;
}

/*end my pagination stuff*/

.extra-pagination {
    display: none;
    border-bottom: #EBF2F6 1px solid;
}
.extra-pagination:after {
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    border: #E7EEF2 1px solid;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    background: #FFF;
    border-radius: 100%;
    box-shadow: #FFF 0 0 0 5px;
}
.extra-pagination .pagination {
    width: auto;
}

/* On page2+ make all the headers smaller */
/*.archive-template .main-header {
    max-height: 30vh;
}*/

/* On page2+ show extra pagination controls at the top of post list */
.archive-template .extra-pagination {
    display: block;
}


/* ==========================================================================
   10. Footer - The bottom of every page
   ========================================================================== */

.site-footer {
    position: relative;
    margin: 4rem 0 0 0;
    padding: 9rem 20%;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.25rem;
    font-weight: 100;
    line-height: 1.75em;
    color: #BBC7CC;
    background-color: #1B2621;
    border-top: 10px solid grey;
}

.site-footer a {
    color: #BBC7CC;
    text-decoration: none;
    font-size: 1.75rem;
}

.site-footer a:hover {
    border-bottom: #bbc7cc 1px solid;
}

.poweredby {
    display: block;
    width: 45%;
    float: right;
    text-align: right;
    opacity: 0.6;
}

.copyright {
    display: block;
    width: 45%;
    float: left;
    opacity: 0.6;
}

@media (max-width: 500px) {
    .site-footer {
	font-size: 1.1rem;
    }
    .site-footer a {
	font-size: 1.0rem;
    }
    .copyright {
	width: 50%;
    }
}

/* ==========================================================================
   11. Media Queries - Smaller than 900px
   ========================================================================== */
@media (max-width:1235px) {
    .page-title {
	font-size:17rem;
    }
}

@media (max-width:1100px) {
    .page-title {
	font-size: 15rem;
    }
}

@media (max-width:1000px) {
    .main-header {
	margin-bottom: 0px; /*an insight baby*/
    }

    .page-title {
/*	font-size: 10rem;*/
	font-size: 11rem;
    }

    .page-description {
	margin: -18px;
	font-size: 2.8rem;
	line-height: 1.25em;
	left: 83px!important;
    }

    .page-caption {
	left: 157px!important;
	font-size: 1.9rem;
	line-height: 1.5em;
	
    }
}

@media (max-width:900px) {
    .page-title {
	font-size: 11rem;
    }
}

@media (max-width:700px) {
    .page-title {
	font-size: 8rem;
	margin-top: -60px;
    }

    .page-description {
	margin: -13px;
	font-size: 2.3rem;
	line-height: 1.25em;
	left: 83px!important;
    }

    .page-caption {
	left: 157px!important;
	font-size: 1.9rem;
	line-height: 1.5em;
	bottom: -28px;
    }
}

.uniqeENTRYpostHeading {
    margin-bottom:5px!important;
}

@media (max-width:550px) {
    .no-cover.main-header:not(.uniqeENTRYheading, .uniqeENTRYpostHeading) {
	height: 40vh!important; /*not doing the cinematicity here?Not at the moment*/	
    }
    .uniqeENTRYheading {
	height: 23vh!important; /*WAS 30 for thetortoise meandering bullshit site, apparently now; althought NOTimportant\\\\\*/
    }
    .uniqeENTRYpostHeading {
	height: 23vh!important; /*althought NOTimpWAS:32vh for tortoise looser streak;IMPOtantoortant\\\\\*/
	margin-bottom:5px!important;
    }
    #anAlternATteApproachPrecisionPointed {
	padding-top: 4px; /*NOT!importantbut, nevertheless, more consistentializated for the breiniackz!*/
	padding-right: 20px!important; /*to MAKE THIS WORK this is absolutely necessary*/
    }

    .main-header .inner {
	width: 100%;
    }

    .page-title:not(#page-title-makron,#page-title-makronDelighT) {
	font-size: 7.5rem;
	margin-top: -40px;
	margin-left:-15px!important; /*this is the limit of stupid now so bye bye*/
    }
    #page-title-makron {
	font-size: 6rem;
	margin-top: -40px;
    }
    #page-title-makronDelighT {
	font-size: 7rem;
	margin-top: -40px;
    }

    #hidemeUNLESSphoneLAYOUTspage {
	display: unset;
    }#testingNOT{display:unset!important;}
   
   /* #moveuptheSeraphPageplease{
	bottom:-21px!important;
    }*/

    .page-description {
	margin: -8px;
	font-size: 1.8rem;
	line-height: 1.25em;
	left: 26px!important; /*wass 123px ; also: 59px works well*/
/*	width: 370px;*/ /*wass 250 for what reason?????, to make a diff. title read right; and 350px works with 59,above)*/
    }

    .page-caption {
	left: 81px!important;
	font-size: 1.5rem;
	line-height: 1.5em;
	bottom: -28px;
    }
    .my-nav {
	font-size: 1rem;
    }
}
 
@media (max-width: 1000px) {
    #page-RECenTLYAdded {
	padding-right: 0px;
    }
    .post:not(.featured, #page-RECenTLYAdded) {
	padding-right: 0px;
	position: relative;
	width: 100%;
	max-width: 1000px;
	margin: 1rem auto;
	padding-bottom: 2rem;
/*	border-bottom: #EBF2F6 2px solid; */
	border-bottom: #90D6FE 2px solid;
	word-wrap: break-word;
	overflow: hidden;
    }
    .post.featured:not(#page-RECenTLYAdded) {
	padding-right: 10px; 
        position: relative;
        width: 100%;
        max-width: 1000px;
        margin: 1rem auto;
/*        padding-bottom: 2rem; */
        padding-bottom: 10px;
        border-bottom: #FF3131 2px solid;
        word-wrap: break-word;
        overflow: hidden;
    }

    .post .img-column {
	padding-right: 0px;
	display: inline-block;
    }
    #aTEXTHEADERtoREMOVE { /*sorry, this is coded weirdly..*/
	display: none !important; 
    }
    .post .txt-column {
	text-align: center;
	display: inline-block;
    }

    .post img {
	width: 100%!important; /*IF!triggered*//*FIXME please if not working cool*/
/*	padding-right: 20px; */
	padding-right: 15px; 
    }
}

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

    blockquote {
        margin-left: 0;
    }

    .main-header {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: auto;
        min-height: 240px;
        height: 60vh;
        padding: 15% 0;
    }

    .scroll-down,
    .home-template .main-header:after { display: none; }
/*
    .archive-template .main-header {
        min-height: 180px;
        padding: 10% 0;
    }
*/
    .blog-logo img {
        padding: 4px 0;
    }

    .post {
        font-size: 0.95em
    }

    body:not(.post-template) .post-title {
        font-size: 3.2rem;
    }

    hr {
        margin: 2.4em 0;
    }

    ol, ul {
        padding-left: 2em;
    }

    h1 {
        font-size: 4.5rem;
        text-indent: -2px;
    }

    h2 {
        font-size: 3.6rem;
    }

    h3 {
        font-size: 3.1rem;
    }

    h4 {
        font-size: 2.5rem;
    }

    h5 {
        font-size: 2.2rem;
    }

    h6 {
        font-size: 1.8rem;
    }

    .author-profile {
        padding-bottom: 4rem;
    }

    .author-profile .author-bio {
        font-size: 1.6rem;
    }

    .author-meta span {
        display: block;
/*        margin: 1.5rem 0; */ /*FINAL final touch!*/
	margin-top: 1.5rem;
	margin-bottom: 0px;
	padding-left: 76px;
    }
    .author-profile .author-meta span {
        font-size: 1.6rem;
    }

    .post-head.main-header {
        height:45vh;
    }

    .tag-head.main-header,
    .author-head.main-header {
        height: 30vh;
    }

    .no-cover.post-head.main-header {
        height: 55px;
        padding: 0;
    }

    .no-cover.author-head.main-header {
        padding: 0;
    }

    .read-next {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 4rem;
    }

    .read-next p {
        display: none;
    }

    .read-next-story.no-cover + .read-next-story.no-cover {
        border-top: rgba(0,0,100,0.06) 1px solid;
        border-left: none;
    }

}


/* ==========================================================================
   12. Media Queries - Smaller than 500px
   ========================================================================== */

@media only screen and (max-width: 500px) {
/*
    .main-header {
        margin-bottom: 15px;
        height: 40vh;
    }

    .no-cover.main-header {
        height: 30vh;
    } */
/*
    .archive-template .main-header {
        max-height: 20vh;
        min-height: 160px;
        padding: 10% 0;
    }
*/
    .main-nav {
        padding: 5px;
        margin-bottom: 2rem;
    }

    .blog-logo {
        padding: 5px;
    }

    .blog-logo img {
        height: 30px;
    }

    .menu-button {
        padding: 0 5px;
        border-radius: 0;
        border-width: 0;
        color: #2e2e2e;
        background: transparent;
    }
    .menu-button:hover {
        color: #2e2e2e;
        border-color: transparent;
        background: none;
    }
    body.nav-opened .menu-button {
        background: none;
        border: transparent;
    }

    .main-nav.overlay a:hover {
        color: #fff;
        border-color: transparent;
        background: transparent;
    }

    .no-cover .main-nav.overlay {
        background: none;
    }
    .no-cover .main-nav.overlay .menu-button {
        border: none;
    }

    .main-nav.overlay .menu-button {
        border-color: transparent;
    }

    .nav-title {
        top: 25px;

    }

    .nav-close {
        position: absolute;
        top: 18px;
    }

    .nav ul {
        padding: 60px 9% 5%;
    }

    .inner,
    .pagination {
        width: 100%;
        margin: 2rem auto;
	padding-left:0px!important; /*and THAT?yeah, that is all I will do for the simple phone ass holesz! what fukkin' trash I mean get.a LIFE women? No, 'men' on "oedipus", please You couldn't CHARM fuckin' ice-cream cone*/
    }

    .post {
        width: auto;
        margin-top: 1rem;
        margin-bottom: 1rem;
        margin-left: 0px;
        margin-right: 0px;
        padding-bottom: 1rem;
        line-height: 1.8em;
    }

    .post-content p {
	text-align: justify !important;
    }

    .post-date {
        display: none;
    }

    .post-template .post-header {
        margin-bottom: 4rem;
    }

    .post-template .post-date {
        display: inline-block;
    }

    hr {
        margin: 1.75em 0;
    }

    p, ul, ol, dl {
        font-size: 1.05em;
        margin: 0 0 2.5rem 0;
    }

/*    .page-title {
        font-size: 3rem;
    } */

    .post-excerpt p {
        font-size: 0.95em;
	line-height: 1.5em;
    }
 /*
    .page-description {
        font-size: 1.6rem;
    }
*/
    h1, h2, h3,
    h4, h5, h6 {
        margin: 0 0 0.3em 0;
    }

    h1 {
        font-size: 2.8rem;
        letter-spacing: -1px;
    }

    h2 {
        font-size: 2.4rem;
        letter-spacing: 0;
    }

    h3 {
        font-size: 2.1rem;
    }

    h4 {
        font-size: 1.9rem;
    }

    h5 {
        font-size: 1.8rem;
    }

    h6 {
        font-size: 1.8rem;
    }

    body:not(.post-template) .post-title {
        font-size: 2.5rem;
    }

    .post-template .site-footer {
        margin-top: 0;
    }

    .post-content img {
        padding: 0;
        width: calc(100% + 32px); /* expand with to image + margins */
        min-width: 0;
        max-width: 112%; /* fallback when calc doesn't work */
    }

    .post-meta {
        font-size: 1.3rem;
        margin-top: 1rem;
    }

    .post-footer {
/*        padding: 5rem 0 3rem 0; */ /*fixme if not cool-enough for Prize shit never getting nowheresz....*/
        text-align: center;
    }

    .post-footer .author {
        margin: 0 0 2rem 0;
        padding: 0 0 1.6rem 0;
        border-bottom: #EBF2F6 1px dashed;
    }
    #page-author {
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
    }

    .post-footer .share {
        position: static;
        width: auto;
    }

    .post-footer .share a {
        margin: 1.4rem 0.8rem 0 0.8rem;
    }

    .author-meta li {
        float: none;
        margin: 0;
        line-height: 1.75em;
    }

    .author-meta li:before {
        display: none;
    }

    .older-posts,
    .newer-posts {
        position: static;
        margin: 10px 0;
    }

    .page-number {
        display: block;
    }

    .site-footer {
        margin-top: 3rem;
    }

    .author-profile {
        padding-bottom: 2rem;
    }

    .post-head.main-header {
        height: 30vh;
    }

    .tag-head.main-header,
    .author-head.main-header {
        height: 20vh;
    }

    .author-profile .author-image {
        margin-top: -70px;
    }

    .author-profile .author-meta span {
        font-size: 1.4rem;
    }
/*
    .archive-template .main-header .page-description {
        display: none;
    }
*/
    .read-next {
        margin-top: 2rem;
        margin-bottom: -37px;
    }

    .read-next .post {
        width: 100%;
    }

}


/* ==========================================================================
   13. Animations
   ========================================================================== */

/* Used to fade in title/desc on the home page */
@-webkit-keyframes fade-in-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fade-in-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

/* Used to bounce .scroll-down on home page */
@-webkit-keyframes bounce {
    0%, 10%, 25%, 40%, 50% {
        -webkit-transform: translateY(0) rotate(-90deg);
                transform: translateY(0) rotate(-90deg);
    }
    20% {
        -webkit-transform: translateY(-10px) rotate(-90deg);
                transform: translateY(-10px) rotate(-90deg);
    }
    30% {
        -webkit-transform: translateY(-5px) rotate(-90deg);
                transform: translateY(-5px) rotate(-90deg);
    }
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0) rotate(-90deg);
                transform: translateY(0) rotate(-90deg);
    }
    40% {
        -webkit-transform: translateY(-10px) rotate(-90deg);
                transform: translateY(-10px) rotate(-90deg);
    }
    60% {
        -webkit-transform: translateY(-5px) rotate(-90deg);
                transform: translateY(-5px) rotate(-90deg);
    }
}


/* ==========================================================================
   End of file. Animations should be the last thing here. Do not add stuff
   below this point, or it will probably fuck everything up.
   ========================================================================== */
@media (max-width:1000px) {
    .total-DIGITALctrl img{
	width: 100%;
	padding-right: 15px;!important
	padding-top: 9px!important;
/*	margin-left: 34px!important;
	margin-bottom: -21px!important*/
	margin-bottom: -18px!important;
	margin-top: 3px!IMPORTANT; /*please, study it and never WEigHT on it, it is a new level of stupid digital scry shit dumbasses*/
	margin-left: 43px!important;
    }
}
@media (min-width:1000px) {
    .total-DIGITALctrl img{
	width: 45px;
	padding-bottom: 3px;
	margin-left: 8px;
    }
}