@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] ---  //END CSS RESET  --- [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] ------ START FONTS ------ [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

@font-face {
    font-family: blacksword;
    src: url(../fonts/Blacksword.otf);
}

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

.icons {
	font-family: witchericon;
	font-weight: normal;
}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] ------ //END FONTS ------ [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] ----- START BZFORMS ----- [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

.bfClearfix {
	width: 100%;
  	box-sizing: border-box;
  	padding: 10px;
}

.bfClearfix section#contactinfo {
    border: 1px solid #666054;
    box-sizing: border-box;
    padding: 10px;
}

.bfClearfix section#contactinfo .bfElemWrap {
  	
}

.bfClearfix section#contactinfo .bfElemWrap label.control-label {
    display: block;
    width: 100%;
    color: #666054;
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: normal;
}

.bfClearfix section#contactinfo .bfElemWrap input.inputbox {
    width: 100%;
    box-sizing: border-box;
    display: block;
    padding: 10px;
    margin-bottom: 15px;
    max-width: 100%;
	font-family: 'Lustria', serif;
}

.bfClearfix section#contactinfo .bfElemWrap textarea {
    width: 100%;
    box-sizing: border-box;
    display: block;
    padding: 10px;
    margin-bottom: 15px;
    max-width: 100%;
  	height: 200px;
	font-family: 'Lustria', serif;
}

.bfClearfix button.btn {
    display: block;
    width: 260px;
    box-sizing: border-box;
    padding: 10px;
    text-transform: uppercase;
    background-color: #a99d5c;
    color: #212936;
    font-weight: bold;
    font-size: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    text-decoration: none;
    transition: 0.3s;
    border: none;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin: 10px auto;
    transition: 0.3s;
    height: 44px;
  	float: none;
}

.bfClearfix button.btn:hover {
	color: #a99d5c;
    background-color: #212936;
  	transition: 0.3s;
}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] ----- //END BZFORMS ----- [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] ----- START SERACH  ----- [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

section#stage div#articles .search {
  	padding: 10px;
}

section#stage div#articles .search form#searchForm {
    width: 100%;
    box-sizing: border-box;
    padding: 20px 10px;
    border: #22201c solid 1px;
    position: relative;
    margin-top: 10px;
}

section#stage div#articles .search form#searchForm::before {
    content: "Search Form";
    display: block;
    position: absolute;
    top: -10px;
    left: 10px;
    font-size: 18px;
    font-weight: bold;
    padding: 0 10px;
    background: #f5f4eb;
    color: #4c4027;
}

section#stage div#articles .search input[type="text"] {
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    font-size: 16px;
	font-family: 'Lustria', serif;
}

section#stage div#articles .search button.btn {
    display: block;
    width: 260px;
    box-sizing: border-box;
    padding: 10px;
    text-transform: uppercase;
    background-color: #a99d5c;
    color: #212936;
    font-weight: bold;
    font-size: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    text-decoration: none;
    transition: 0.3s;
    border: none;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin: 10px auto;
    transition: 0.3s;
    height: 44px;
  	float: none;
}

section#stage div#articles .search .btn-toolbar {
    border-bottom: #22201c dashed 1px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

section#stage div#articles .search .searchintro {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
}

section#stage div#articles .search fieldset legend {
	padding-bottom: 10px;
}

section#stage div#articles .search fieldset div {
    padding: 5px 0 10px;
}

section#stage div#articles .search .form-limit {
    padding-top: 20px;
}

section#stage div#articles .search .search-results {
    padding: 20px 0;
}

section#stage div#articles .search .result-title {
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 12px;
}

section#stage div#articles .search .result-category {
    font-size: 15px;
    padding-bottom: 10px;
    font-style: italic;
}

section#stage div#articles .search .result-text {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 10px;
}

section#stage div#articles .search .result-created {
    padding-bottom: 30px;
    font-weight: bold;
    font-size: 15px;
}

section#stage div#articles .search .pagination {
    box-sizing: border-box;
    padding: 20px;
    background-color: #22201c;
    text-align: center;
    box-shadow: 0 10px 20px rgba(0,0,0,0.7);
    width: calc(100% + 20px);
    margin-left: -10px;
    position: absolute;
}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] ----- //END SEARCH  ----- [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] - START REUSABLE STYLES - [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

h1 {
	
}

h2 {
	
}

h3 {
	
}

strong {
  	font-weight: bold;
}

em {
  	font-style: italic;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

a:link {
	color: #a99d5c;
	text-decoration: underline;
	font-weight: bold;
	transition: 0.3s;
	cursor: pointer;
}

a:visited {
	color: #a99d5c;
	text-decoration: underline;
	font-weight: bold;
}

a:active {
	color: #a99d5c;
	text-decoration: underline;
	font-weight: bold;
}

a:hover {
	color: #cec6b4;
	text-decoration: underline;
	font-weight: bold;
	transition: 0.3s;
	cursor: pointer;
}

.wrapper {
	width: 1440px;
	box-sizing: border-box;
	padding: 0 20px;
	display: block;
	margin: 0 auto;
}

.flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

div#articles h4 {
    font-weight: bold;
    font-size: 26px;
    padding: 10px 0;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #4e4749;
    margin-bottom: 5px;
    text-align: center;
}


/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] - //END REUSABLE STYLES - [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]  START HUD ELEMENTS   [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

#logindrawer {
    background: #15181f;
    background: -moz-linear-gradient(left, #15181f 0%, #232c39 50%, #15181f 100%);
    background: -webkit-linear-gradient(left, #15181f 0%,#232c39 50%,#15181f 100%);
    background: linear-gradient(to right, #15181f 0%,#232c39 50%,#15181f 100%);
    border: 2px solid #555;
    box-sizing: border-box;
    padding: 15px;
    width: 300px;
    min-height: 200px;
    position: fixed;
    z-index: 101;
    top: 80px;
    left: calc(50% + 550px);
    margin-left: -150px;
    display: none;
    box-shadow: 0 20px 25px 5px rgba(0,0,0,0.8);
}

.add-on, .control-label {
  	color: #fff;
}

#logindrawer .userdata, #logindrawer .form-login-username, #logindrawer . form-login-password, #logindrawer .controls {
	width: 100%;
}

#logindrawer .input-prepend, #logindrawer #form-login-remember, #logindraswer #form-login-submit {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

#logindraswer input {
  	-moz-appearance: none;
  	-webkit-appearance: none;
  	border-radius: 0px;
  	border: 1px solid #555;
	padding: 5px;
  	background-color: #fff;
}

#logindrawer #form-login-submit button.btn, #logindrawer .logout-button input.btn {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    text-transform: uppercase;
    background-color: #a99d5c;
    color: #212936;
    font-weight: bold;
    font-size: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    text-decoration: none;
    transition: 0.3s;
    border: none;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin: 10px auto;
  	transition: 0.3s;
  	height: 44px;
}

#logindrawer #form-login-password {
	margin: 8px 0;
}

#logindrawer #form-login-submit button.btn:hover, #logindrawer .logout-button input.btn:hover {
	background-color: #212936;
    color: #a99d5c;
  	transition: 0.3s;
  	border: 1px solid #555;
  	box-sizing: border-box;
  	padding: 9px;
}

#logindrawer ul li {
    font-size: 12px;
    margin-bottom: 5px;
}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] -  //END HUD ELEMENTS - - [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] START STRUCTURAL ELEMENTS [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

body {
    font-family: 'Lustria', serif;
	background-color: #22201c;
}

#bg {
	background: #15161d; /* Old browsers */
	background: -moz-linear-gradient(left,  #15161d 0%, #34384d 50%, #15161d 100%);
	background: -webkit-linear-gradient(left,  #15161d 0%,#34384d 50%,#15161d 100%);
	background: linear-gradient(to right,  #15161d 0%,#34384d 50%,#15161d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15161d', endColorstr='#15161d',GradientType=1 );
}

/* ------------------------------------------------------------------------------------ ..... header styles ..... ------------------------------------------------------------------------------------ */

header {
    background-image: url(../images/headerbg.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
	position: fixed;
	width: 100%;
	z-index: 100;
}

header #mobnav {
	display: none;
}

header #navsocialmedia {
	display: none;
}

header .flex {
	position: relative;
	z-index: 10;
	width: 100%;
    height: 100px;
}

header .flex #logo svg {
	fill: rgba(255,255,255,1);
	cursor: pointer;
	transition: 0.5s;
	stroke: rgba(255,255,255,0);
	stroke-width: 2;
}

header .flex #logo svg:hover {
	fill: rgba(255,255,255,0);
	cursor: pointer;
	transition: 0.5s;
	stroke: rgba(169,157,92,1);
	stroke-width: 2;
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: 5s draw linear forwards;
}

@keyframes draw {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

header .flex #signin {
    display: flex;
    align-items: center;
}

header div.cta {
    background: #15181f;
    background: -moz-linear-gradient(left, #15181f 0%, #232c39 50%, #15181f 100%);
    background: -webkit-linear-gradient(left, #15181f 0%,#232c39 50%,#15181f 100%);
    background: linear-gradient(to right, #15181f 0%,#232c39 50%,#15181f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15181f', endColorstr='#15181f',GradientType=1 );
    display: inline-block;
    padding: 10px;
    height: 50px;
    box-sizing: border-box;
    line-height: 50px;
    border: 2px solid #555;
    margin-left: 10px;
    text-align: center;
    text-decoration: none;
	display: flex;
	align-items: center;
	color: #fff;
}

header div.cta:hover {
	background: #a99d5c;
	color: #fff;
	cursor: pointer;
}

header .cta span.icons {
    font-size: 24px;
    margin-right: 7px;
	color: #a99d5c;
}

header .cta:hover span.icons {
	color: #fff;
}

header nav {
    width: 100%;
    height: 50px;
    background: #15181f;
    background: -moz-linear-gradient(left, #15181f 0%, #232c39 50%, #15181f 100%);
    background: -webkit-linear-gradient(left, #15181f 0%,#232c39 50%,#15181f 100%);
    background: linear-gradient(to right, #15181f 0%,#232c39 50%,#15181f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15181f', endColorstr='#15181f',GradientType=1 );
    border-top: solid #555 2px;
    border-bottom: solid #555 2px;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.6);
    z-index: 2;
    position: relative;
}

header nav ul li ul {
	display: none;
  	animation: fadein backwards 0.5s;
}

header nav ul li:hover ul {
    display: block;
    position: absolute;
    left: 0;
    top: 50px;
    width: 300px;
    background: #15181f;
    background: -moz-linear-gradient(left, #15181f 0%, #232c39 50%, #15181f 100%);
    background: -webkit-linear-gradient(left, #15181f 0%,#232c39 50%,#15181f 100%);
    background: linear-gradient(to right, #15181f 0%,#232c39 50%,#15181f 100%);
    border: 2px solid #555;
  	animation: fadein forwards 0.5s;
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

header nav .flex {
	height: 50px;
}

header nav ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
}

header nav ul li {
	display: inline-block;	
  	position: relative;
}

header nav ul li a:link {
    padding: 13px 20px;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
	transition: 0.3s;
}

header nav ul li a:visited {
	color: #fff;
}

header nav ul li a:hover {
	background-color: #fff;
	color: #a99d5c;
	transition: 0.3s;
}

header nav ul li ul li {
  	width: 100%;
}

header nav ul li ul li a:link, header nav ul li ul li a:visited, header nav ul li ul li a:active {
    width: 100%;
  	box-sizing: border-box;
  	text-align: left;
  	display: block;
}

header nav ul li a span.icons {
    font-size: 24px;
    display: inline-block;
    padding-right: 7px;
}

.newsicon::before {
    font-family: 'witchericon';
    content: "A";
    font-size: 24px;
    margin-right: 7px;
}

.charactersicon::before {
    font-family: 'witchericon';
    content: "B";
    font-size: 24px;
    margin-right: 7px;
}

.casticon::before {
    font-family: 'witchericon';
    content: "C";
    font-size: 24px;
    margin-right: 7px;
}

.galleryicon::before {
    font-family: 'witchericon';
    content: "D";
    font-size: 24px;
    margin-right: 7px;
}

.videosicon::before {
    font-family: 'witchericon';
    content: "E";
    font-size: 24px;
    margin-right: 7px;
}

.spoilericon::before {
    font-family: 'witchericon';
    content: "F";
    font-size: 24px;
    margin-right: 7px;
}


.forumicon::before {
    font-family: 'witchericon';
    content: "G";
    font-size: 24px;
    margin-right: 7px;
}

.contacticon::before {
    font-family: 'witchericon';
    content: "I";
    font-size: 24px;
    margin-right: 7px;
}

header nav ul li a:link span.icons, header nav ul li a:visited span.icons, header nav ul li a:active span.icons {
	color: #a99d5c;
}

header nav ul li.active a:link span.icons, header nav ul li.active a:visited span.icons, header nav ul li.active a:active span.icons {
	color: #232c39;
}

header nav ul li.active a:link, header nav ul li.active a:visited, header nav ul li.active a:active {
	color: #232c39;
}

header nav ul li.active a:link {
	background-color: #A99D5C;
	color: #232c39;
}

header nav ul li.active a:hover {
	background-color: #fff;
	color: #A99D5C;
}

header nav ul li.active a:hover span.icons {
	color: #A99D5C;
}

/* ------------------------------------------------------------------------------------ .. //end header styles .. ------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------ ...... main styles ...... ------------------------------------------------------------------------------------ */

main {
    display: block;
    padding-top: 154px;
}

main section#mainimage {
    width: 100%;
    position: relative;
    overflow: hidden;
    font-size: 0;
}

/*main section#mainimage::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-image: url(../images/trees.png);
	background-repeat: no-repeat;
	background-size:cover;
	z-index: 20;
	height: 26.5626vw;
}*/

main section#mainimage video {
    mix-blend-mode: lighten;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: auto;
    transform: scaleX(-1);
}

main section#mainimage img {
	width: 100%;
	height: auto;
}

main section#actionbar {
	width: 100%;
	min-height: 80px;
	border-top: 2px solid #555;
	border-bottom: 2px solid #555;
	background: #15181f;
    background: -moz-linear-gradient(left, #15181f 0%, #232c39 50%, #15181f 100%);
    background: -webkit-linear-gradient(left, #15181f 0%,#232c39 50%,#15181f 100%);
    background: linear-gradient(to right, #15181f 0%,#232c39 50%,#15181f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15181f', endColorstr='#15181f',GradientType=1 );
	box-shadow: 0px 15px 10px rgba(0,0,0,0.75);
	position: relative;
	z-index: 2;
}

main section#actionbar .flex {
    height: auto;
    flex-direction: row;
}

main section#actionbar .flex .cell {
    padding: 10px 0;
	width: 33.333%;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Begin Twitter Integration - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

main section#actionbar .flex .cell #example1 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding-left: 75px;
}

main section#actionbar .flex .cell #example1::before {
    content: "S";
    font-family: witchericon;
    color: #A99D5C;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 60px;
}

main section#actionbar .flex .cell #example1 ul li {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
}

main section#actionbar .flex .cell #example1 .user {
	display: none;
}

main section#actionbar .flex .cell #example1 .tweet {
    font-size: 12px;
    color: #fff;
    order: 1;
    width: 95%;
    line-height: 14px;
    height: 43px;
    overflow: hidden;
}

main section#actionbar .flex .cell #example1 .timePosted {
    order: 1;
    width: 47.5%;
    text-align: left;
}

main section#actionbar .flex .cell #example1 .timePosted a:link {
    font-size: 11px;
    display: block;
    text-align: left;
    box-sizing: border-box;
    padding-right: 10px;
    padding-top: 5px;
    font-weight: normal;
}

main section#actionbar .flex .cell #example1 .interact {
    order: 2;
    font-family: witchericon;
    width: 47.5%;
    border-left: 1px solid #555;
    box-sizing: border-box;
    padding-left: 10px;
    text-align: right;
}

main section#actionbar .flex .cell #example1 .interact a:nth-child(2) {
    padding: 0 10px;
}

main section#actionbar .flex .cell #example1 .interact a:link {
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - . . .End Twitter Integration. . . - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

main section#actionbar .flex .cell #search {
    width: 100%;
    box-sizing: border-box;
    padding: 7px 50px 0;
    position: relative;
    height: 60px;
}

main section#actionbar #search .close {
	display: none;
}

main section#actionbar .flex .cell #search form {
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: no-wrap;
}

main section#actionbar .flex .cell #search::before {
    position: absolute;
    left: 0;
    top: -10px;
    background-image: url(../images/divbelt.png);
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 80px;
    width: 40px;
    background-size: 22px;
    background-position: top center;
}

main section#actionbar .flex .cell #search::after {
    position: absolute;
    right: 0;
    top: -10px;
    background-image: url(../images/divbelt.png);
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 80px;
    width: 40px;
    background-size: 22px;
    background-position: top center;
}

main section#actionbar .flex .cell #search label {
    color: #a99d5c;
    font-size: 40px;
    margin-right: 10px;
  	font-family: 'witchericon';
}

main section#actionbar .flex .cell #search input[type="search"] {
    width: calc(100% - 100px);
    font-size: 18px;
    padding: 10px;
    box-sizing: border-box;
    border: solid 2px #555;
    font-family: 'Lustria', serif;
    box-shadow: 2px 5px 5px rgba(0,0,0,0.2) inset;
    color: #555;
  	-moz-appearance: none;
  	-webkit-appearance: none;
  	border-radius: 0px;
}

main section#actionbar .flex .cell #search button.btn {
    font-size: 18px;
    font-family: 'Lustria', serif;
    font-weight: bold;
    background-color: #a99d5c;
    color: #fff;
    padding: 10px;
    margin-left: -2px;
    border-top: 2px solid #555;
    border-bottom: 2px solid #555;
    border-right: solid 2px #555;
    border-left: none;
	transition: 0.3s;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
}

main section#actionbar .flex .cell #search button.btn:hover {
	background-color: #cec6b4;
	transition: 0.3s;
}

main section#actionbar .flex .cell #socialmedia .custom {
    font-family: 'witchericon';
    display: flex;
    justify-content: space-around;
}

main section#actionbar .flex .cell #socialmedia a:link {
	text-decoration: none;
	font-size: 50px;
	font-weight: normal;
}

main section#stage {
    width: 100%;
    min-height: 200px;
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.9) 100%), url(../images/belt.jpg), url(../images/chainmailbg.jpg), -moz-linear-gradient(left, #15181f 0%, #232c39 50%, #15181f 100%);
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.9) 100%), url(../images/belt.jpg), url(../images/chainmailbg.jpg), -webkit-linear-gradient(left, #15181f 0%, #232c39 50%, #15181f 100%);
    background-image: linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.9) 100%), url(../images/belt.jpg), url(../images/chainmailbg.jpg), linear-gradient(to right, #15181f 0%, #232c39 50%, #15181f 100%);
    background-repeat: no-repeat, repeat-x, repeat, no-repeat;
    background-blend-mode: normal, normal, normal, normal;
    background-position: top left, 50% 50%, top left, top left;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    background-attachment: fixed;
}

.pagination {
    margin: 0 auto;
    box-sizing: border-box;
    padding: 10px 0;
    background-color: #22201c;
    max-width: 760px;
    text-align: center;
    box-shadow: 0 10px 20px rgba(0,0,0,0.7);
}

.pagination p {
	color: #fff;
  	padding-bottom: 10px;
}

.pagination ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 10px 20px;
    background-color: #666054;
    align-items: center;
    flex-wrap: wrap;
}

main section#stage .pagination ul li {
    color: #fff;
    margin: 2px 5px;
    list-style: none !important;
}

main section#stage .pagination a {
	display: block;
  	width: 100%;
  	padding-top: 10px;
  	text-decoration: none;
}

main section#stage .pagination a:hover {
	color: #fff;
}

main section#stage .pagination ul li a {
    display: block;
    padding: 8px 8px 6px 8px;
    background-color: #a99d5c;
    color: #232c39;
    width: auto;
}

main section#stage .pagination ul li a:hover {
	color: #a99d5c;
  	background-color: #232c39;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Begin Article Blog Section - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

main section#stage .flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

main section#stage div#articles {
    position: relative;
    order: 2;
    width: calc(100% - 640px);
}

main section#stage div#articles .blog-featured .items-leading, main section#stage div#articles .blog-featured .items-row {
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.8) 100%), url(../images/belt.jpg), -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.8) 100%), url(../images/belt.jpg), -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.8) 100%), url(../images/belt.jpg), linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
    background-repeat: repeat-x;
    background-position: center center, center center, center calc(50% + 110px);
    background-size: 100% 220px, auto 220px, 100% 30px;
}

main section#stage div#articles .blog-featured .items-leading .leading-0, main section#stage div#articles .blog-featured .item, main section#stage div#articles .item-page, main section#stage div#articles #ed, .registration, .reset, .remind, .archive, .profile, main section#stage .login, main section#stage .logout, .profile-edit, main section#stage div#articles .search, .category-list, .category-blog, .registration-complete, .reset-complete {
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0.5) 100%), url(../images/articletexture.jpg);
	background: -moz-linear-gradient(left,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.5) 100%), url(../images/articletexture.jpg);
	background: linear-gradient(to right,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0.5) 100%), url(../images/articletexture.jpg);
	background-repeat: repeat;
	max-width: 760px;
	margin: 0 auto 20px;
	box-sizing: border-box;
	box-shadow: 0 20px 20px rgba(0,0,0,0.7);
    position: relative;
}

main section#stage .blog-featured .items-leading .leading-0 ol, main section#stage .item ol, main section#stage .item-page ol {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    counter-reset: counts;
}

main section#stage .blog-featured .items-leading .leading-0 ol li:nth-child(2n+1), main section#stage .item ol li:nth-child(2n+1), main section#stage .item-page ol li:nth-child(2n+1) {
    background-color: rgba(0,0,0,0.1);
}

main section#stage .blog-featured .items-leading .leading-0 ol li::before, main section#stage .item ol li::before, main section#stage .item-page ol li::before {
    counter-increment: counts;
    content: counter(counts) '. ';
    color: #4c4027;
    position: absolute;
    width: 32px;
    left: 10px;
    text-align: right;
    font-weight: bold;
}

main section#stage .blog-featured .items-leading .leading-0 ol li, main section#stage .item ol li, main section#stage .item-page ol li {
    font-size: 18px;
    line-height: 28px;
    padding: 7px 5px 7px 40px;
    color: #000;
}

main section#stage div#articles #instagram-embed-0 {
    width: 100% !important;
    max-width: 100% !important;
}

main section#stage div#articles div[itemprop="articleBody"] #instagram-embed-0 {
    margin: 0 auto !important;
    width: calc(100% - 40px) !important;
}

main section#stage div#articles .instagram-media {
    margin: 0 auto !important;
    width: calc(100% - 40px) !important;
}

#jform_captcha-lbl {
 	padding: 10px 0;
  	display: block;
}

main section#stage .reset-confirm, .reset-complete {
	padding: 10px;
	color: #444;
}

main section#stage .reset-confirm .control-label, .reset-complete .control-label {
	color: #444;
}

main section#stage .reset-confirm .control-group, .reset-complete .control-group {
	padding-top: 20px;
}

main section#stage .blog {
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
}

.blog .items-leading, .blog .items-row {
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0.5) 100%), url(../images/articletexture.jpg);
	background: -moz-linear-gradient(left,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.5) 100%), url(../images/articletexture.jpg);
	background: linear-gradient(to right,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0.5) 100%), url(../images/articletexture.jpg);
	background-repeat: repeat;
  	box-sizing: border-box;
	box-shadow: 0 5px 15px rgba(0,0,0,0.7);
	position: relative;
	margin-bottom: 20px;
}

section#stage .registration-complete {
    position: relative;
    border-top: #4c4027 solid 45px;
    min-height: 570px;
    padding-top: 20px;
  	padding-left: 10px;
}

section#stage .registration-complete::before {
    content: "Registration Received";
    display: block;
    position: absolute;
    background-color: #f5f1ea;
    font-size: 18px;
    font-weight: bold;
    padding: 0 10px;
    text-transform: uppercase;
    top: 12px;
    left: 20px;
    z-index: 2;
}

section#stage .registration-complete::after {
    content: "Thank you for registering a user account at TheWitcher.tv. In order to assure the quality of our site, an email has been sent to your provided email account to verify your information. Once verified, your request will be sent to our administrative team to approve. Upon approval, you should be notified of your account's activation. Thank you and we look forward to seeing you on our site! (If you are seeing this page after clicking the link in the provided email, then our admin team has just been notified of your confirmed information.)";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: calc(100% - 20px);
    border: 1px solid #222;
    padding: 20px 10px 20px;
    font-size: 18px;
    line-height: 28px;
}

main section#stage #ed .ed-post-replies-wrapper {
  	padding: 10px;
}

main section#stage .logout {
  	padding: 20px;
}

/* -  -  -  -  -  -  -  -  -  -  -  -  Registration Page  -  -  -  -  -  -  -  -  -  -  -  - */

main section#stage div#articles .registration #member-registration, main section#stage div#articles .login form, main section#stage div#articles .profile, .profile-edit, .remind, .reset {
	padding: 10px;
}

main section#stage div#articles .registration #member-registration fieldset, main section#stage div#articles .login fieldset, main section#stage div#articles .profile fieldset, .profile-edit fieldset, .remind fieldset, .reset fieldset {
	border: 1px solid #4c4027;
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;
}

main section#stage div#articles .registration #member-registration fieldset legend, main section#stage div#articles .profile fieldset legend, .profile-edit fieldset legend, .remind fieldset legend, .reset fieldset legend {
    font-size: 20px;
    font-weight: bold;
    padding: 0 10px;
    text-transform: uppercase;
}

main section#stage div#articles .profile .btn-toolbar {
	width: 100%;
  	display: block;
  	padding-bottom: 20px;
  	text-align: center;
}

main section#stage div#articles ul {
	padding-left: 30px
}

main section#stage div#articles ul li {
    font-size: 100%;
    list-style: disc;
    line-height: 24px;
    padding-bottom: 10px;
}

main section#stage div#articles .profile .dl-horizontal dd {
    font-size: 19px;
    padding: 10px 0 20px;
    font-weight: bold;
    line-height: 25px;
}

main section#stage div#articles .registration #member-registration fieldset .control-label, main section#stage div#articles .login fieldset .control-label, .profile-edit fieldset .control-label, .remind fieldset .control-label, .reset fieldset .control-label {
    color: #4c4027;
}

main section#stage div#articles .registration #member-registration fieldset .control-group, main section#stage div#articles .login fieldset .control-group, .profile-edit .control-group {
    padding: 10px;
}

main section#stage div#articles .reset fieldset p, main section#stage div#articles .remind fieldset p {
    padding: 0 0 10px;
    line-height: 24px;
}

main section#stage div#articles .registration #member-registration fieldset .control-group .controls input, main section#stage div#articles .login input[type="text"], main section#stage div#articles .login input[type="password"], .profile-edit input[type="text"], .profile-edit input[type="password"], .profile-edit input[type="email"], .reset input[type="text"], .remind input[type="email"] {
    width: 100%;
    -wekit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #4c4027;
    font-size: 18px;
    padding: 10px;
    margin-top: 5px;
    box-sizing: border-box;
    font-family: 'Lustria', serif;
}

.chzn-container {
    width: 100% !important;
    padding-top: 5px;
}

main section#stage div#articles .registration #member-registration fieldset .control-group .controls textarea, .profile-edit textarea {
    font-size: 18px;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    -wekit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #4c4027;
    font-family: 'Lustria', serif;
}
  
main section#stage div#articles .registration #member-registration button.btn, main section#stage div#articles .login button.btn, main section#stage div#articles .logout button.btn, .profile-edit button.btn, .reset button.btn, .remind button.btn {
    display: block;
    width: 260px;
    box-sizing: border-box;
    padding: 10px;
    text-transform: uppercase;
    background-color: #a99d5c;
    color: #212936;
    font-weight: bold;
    font-size: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    text-decoration: none;
    transition: 0.3s;
    border: none;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin: 10px auto;
    transition: 0.3s;
    height: 44px;
}

main section#stage div#articles .registration #member-registration button.btn:hover, main section#stage div#articles .login button.btn:hover, .profile-edit button.btn:hover {
  	color: #a99d5c;
    background-color: #212936;
}

main section#stage div#articles .registration #member-registration a, .profile-edit a {
	width: 100%;
  	text-align: center;
  	display: block;
}

main section#stage div#articles div:nth-child(2) ul.nav-tabs {
    display: flex;
    max-width: 760px;
    margin: 0 auto 20px;
    box-sizing: border-box;
    box-shadow: 0 20px 20px rgba(0,0,0,0.7);
    position: relative;
    background-color: #37322a;
    padding: 20px 10px;
    justify-content: space-between;
}
/* -  -  -  -  -  -  -  -  -  -  -  - //Registration Page -  -  -  -  -  -  -  -  -  -  -  - */

#ed .discuss-list {
  	padding: 0 20px;
}

#ed .ed-toolbar {
  	border-radius: 0;
}

#ed .ed-categories, #ed .ed-list, #ed .ed-badges {
  	padding: 10px;
  	box-sizing: border-box;
}

#ed .ed-page-title {
  	padding: 0 10px;
}

#ed form {
  	margin: 0 auto !important;
  	width: calc(100% - 20px);
}

#ed .ed-reply-item__hd {
	background-color: #fff;
}

#ed .ed-reply-item__bd {
	background-color: #fff;
}

#ed .ed-reply-content img.bb-smiley {
    display: inline;
}

#ed .ed-reply-login {
    position: relative;
    padding: 10px;
}

main section#stage div#articles .blog-featured .items-leading .leading-0 h2, main section#stage div#articles .blog-featured .item h2, main section#stage div#articles .item-page h2, main section#stage div#articles .blog .page-header h2 {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
	text-align: center;
	background: #15181f;
    background: -moz-linear-gradient(left, #15181f 0%, #232c39 50%, #15181f 100%);
    background: -webkit-linear-gradient(left, #15181f 0%,#232c39 50%,#15181f 100%);
    background: linear-gradient(to right, #15181f 0%,#232c39 50%,#15181f 100%);
}

main section#stage div#articles .blog-featured .items-leading .leading-0 h2 a, main section#stage div#articles .blog-featured .item h2 a, main section#stage div#articles .blog .page-header a {
  	font-weight: normal;
  	text-decoration: none;
  	color: #fff;
}

main section#stage div#articles .blog-featured .items-leading .leading-0 h3, main section#stage div#articles .blog-featured .item h3, main section#stage div#articles .item-page h3, main section#stage div#articles .blog dl.article-info {
	background: #666054;
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	font-family: 'IM Fell English SC', serif;
}

main section#stage div#articles .cat-children h3 {
    background: #666054;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 15px 0;
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-family: 'IM Fell English SC', serif;
    border-bottom: 1px solid #a99d5c;
    text-transform: uppercase;
}

main section#stage div#articles .cat-children div h3 {
	padding: 0;
}

main section#stage div#articles .cat-children div h3 a {
	background-color: #bbad90;
	display: block;
	width: 100%;
	box-sizing: border-box;
	color: #fff;
	font-size: 20px;
	text-align: center;
	font-family: 'IM Fell English SC', serif;
	transform: 0.3s;
  	text-transform: capitalize;
  	padding: 15px 0;
}

main section#stage div#articles th#categorylist_header_title {
  	display: none;
}

main section#stage div#articles .category-list form table {
    width: 100%;
    border-top: #4c4027 solid 45px;
    box-sizing: border-box;
    display: block;
}

main section#stage div#articles .category-list form table tbody, main section#stage div#articles .category-list form table tr, main section#stage div#articles .category-list form table tr td {
  	width: 100%;
  	display: block;
}

main section#stage div#articles .category-list form table tr td a {
	box-sizing: border-box;
  	padding: 10px;
  	width: 100%;
  	display: block;
}

main section#stage div#articles .cat-children h3 a:hover {
  	transform: 0.3s;
  	color: #bbad90;
  	background-color: #fff;
}
  
main section#stage div#articles .item-page dl, dd.published {
    display: none;
}

main section#stage .readMoreBar {
    background-color: rgba(187,173,144,0.5);
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    text-align: center;
}

main section#stage .readMoreBar a {
    text-decoration: none;
    color: #fff;
    font-weight: normal;
}

main section#stage .readMoreBar a:hover {
  	color: #232c39;
}

main section#stage .readMoreBar .shared {
  	font-size: 40px;
}

main section#stage div#articles .blog-featured .items-leading .leading-0 .item-image {
	width: 100%;
	height: auto;
}

main section#stage div#articles .blog-featured .item .intro {
    height: 340px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 5px 20px;
}

main section#stage div#articles .blog-featured .item .item-image {
	width: 50%;
	overflow: hidden;
	text-align: center;
	height: 300px;
	position: relative;
}

main section#stage div#articles .blog-featured .items-row:nth-child(even) .item .item-image {
	-webkit-clip-path: polygon(0% 0%, 90% 0, 100% 50%, 90% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 90% 0, 100% 50%, 90% 100%, 0% 100%);
	float: left;
}

main section#stage div#articles .blog-featured .items-row:nth-child(odd) .item .item-image {
	-webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 0 50%);
	clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 0 50%);
	float: right;
}
main section#stage div#articles .blog-featured .items-leading .leading-0 .item-image img, main section#stage div#articles .item-page .item-image img, main section#stage .blog .item-image img {
	width: 100%;
	height: auto;
}

main section#stage div#articles .blog-featured .item .item-image img {
    display: block;
    position: absolute;
    left: -50%;
}

main section#stage div#articles .blog-featured .items-leading .leading-0 .intro {
	padding: 0 20px;
}

main section#stage div#articles .blog-featured .items-leading .leading-0 p {
    font-size: 18px;
    line-height: 28px;
    padding: 10px 0px;
    color: #000;  
}

main section#stage div#articles .blog .leading-0 p, main section#stage div#articles .blog .items-row p {
    font-size: 18px;
    line-height: 28px;
    padding: 10px 20px;
    color: #000;  
}

main section#stage div#articles .blog .items-row {
  	margin-top: 20px;
}

main section#stage div#articles .blog-featured .item p , main section#stage div#articles .item-page p {
    font-size: 18px;
    line-height: 28px;
    padding: 10px 0px;
    color: #000;
}

main section#stage div#articles .item-page p {
    font-size: 18px;
    line-height: 28px;
    padding: 10px 20px;
    color: #000;
}

#comments-footer {
    display: none;
}

main section#stage div#articles .blog-featured .items-leading .leading-0 q, .item-page q, .items-leading q, .items-row q {
    background-color: rgba(187,173,144,0.5);
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 60px;
    font-style: italic;
	position: relative;
}

main section#stage div#articles .blog-featured .items-leading .leading-0 q::before, .item-page q::before, .items-leading q::before, .items-row q::before {
    content: "\00AB";
    position: absolute;
    top: 10px;
    left: 10px;
    color: #666054;
    font-size: 45px;
}

main section#stage div#articles .blog-featured .items-leading .leading-0 q::after, .item-page q::after, .items-leading q::after, .items-row q::after {
	content: "\00BB";
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #666054;
	font-size:45px;
}

main section#stage div#articles p img {
    max-width: 100%;
    height: auto;
    margin: 0 suto;
    display: block;
    width: 100%;
}

main section#stage div#articles .blog p img {
    max-width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box;
    border: 5px solid #fff;
    width: 100%;
}

main section#stage div#articles .blog-featured .items-leading .leading-0 .jcomments-links {
    box-sizing: border-box;
    width: calc(100% + 40px);
    padding: 10px 20px;
    background-color: #666054;
    margin-left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    margin-left: -20px;
}

main section#stage div#articles .blog-featured .item .jcomments-links {
    box-sizing: border-box;
    width: 100%;
    padding: 10px 20px;
    background-color: #666054;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    position: absolute;
    border: 0;
    bottom: 0;
    left: 0;
}

main section#stage div#articles .blog-featured .items-leading .leading-0 .jcomments-links a:link, main section#stage div#articles .blog-featured .item .jcomments-links a:link {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

main section#stage div#articles .blog-featured .items-leading .leading-0 .jcomments-links a:visited, main section#stage div#articles .blog-featured .item .jcomments-links a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

main section#stage div#articles .blog-featured .items-leading .leading-0 .jcomments-links a:active, main section#stage div#articles .blog-featured .item .jcomments-links a:active {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

main section#stage div#articles .blog-featured .items-leading .leading-0 .jcomments-links a:hover, main section#stage div#articles .blog-featured .item .jcomments-links a:hover {
	color: #a99d5c;
	text-decoration: none;
	font-weight: bold;
}

/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ --Author Info Box-- /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ */

#author_infobox {
    background-color: #fff;
    color: #000000;
    border: 1px solid #555;
    border-radius: 0;
    margin: 0px 10px;
    padding: 15px;
    overflow: hidden;
    clear: both;
  	width: calc(100% - 24px);
  	box-sizing: border-box;
}

#author_infobox .author_infobox_name {
    margin-bottom: 8px;
    display: flex;
    flex-direction: column;
}

#author_infobox .author_infobox_socialmedia {
    margin-bottom: 8px;
    width: 100%;
    display: block;
    clear: both;
}

#author_infobox .author_infobox_name a {
	
}

#author_infobox .author_infobox_name span {
    margin-bottom: 5px;
}

#author_infobox .author_infobox_name span.marginleft {
    margin: 5px 0;
}

#author_infobox .author_infobox_description, #author_infobox .author_infobox_articles_list {
    width: 100%;
    margin-top: 10px;
    font-size: 15px;
    line-height: 22px;
}

/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ //Author Info Box- /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ */

/* - - - - - - - - - JC Comments Integration Section - - - - - - - - - */

main section#stage div#articles #jc div.comments-policy {
    padding: 10px;
    box-sizing: border-box;
    width: calc(100% - 40px);
    font-size: 16px;
    line-height: 24px;
}

main section#stage div#articles #jc h4 {
    background: none;
    padding: 5px 20px;
    box-sizing: border-box;
}

main section#stage div#articles #jc form#comments-form textarea {
    width: 100%;
    max-width: 100% !important;
    min-height: 140px;
}

#comments-form p, #comments-form #comments-form-buttons, #comments-form #comments-form-error, #comments-form #comments-form-captcha-holder {
    font: normal 1em Verdana, Arial, Sans-Serif;
    font-size: 1em;
    line-height: normal;
  	margin-left: 0 !important;
    margin-top: 10px;
    margin-bottom: 8px;
    overflow: hidden;
    padding: 0;
}

#comments-form .grippie {
    height: 15px;
    display: block;
    overflow: hidden;
    color: #ccc;
    padding: 0;
    margin: 0;
    border: none;
    max-width: 400px !important;
    width: 350px;
    cursor: s-resize;
    background: none;
    font-size: 15px;
}

#jc .rbox {
    max-width: calc(100% - 40px);
}

#comments .comment-body {
    padding: 15px 0;
}

#comments-form .btn a {
    display: block;
    box-sizing: border-box;
    padding: 15px;
    text-transform: uppercase;
    background-color: #a99d5c;
    color: #212936;
    font-weight: bold;
    font-size: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    text-decoration: none;
    transition: 0.3s;
    height: 50px;
    width: 160px;
    text-align: center;
}

#comments-form .btn a:hover {
  	background-color: #212936;
  	color: #a99d5c;
}

#comments-form .btn div, #comments-report-form .btn div {
    margin: 0;
    float: none;
    background: none !important;
    padding: 0;
}

#comments-form .btn, #comments-report-form .btn {

    float: none !important;
    background: none !important;
    margin-right: 0 !important;
    padding: 0 !important;

}

#comments-form p, #comments-form #comments-form-buttons, #comments-form #comments-form-error, #comments-form #comments-form-captcha-holder {
    font-family: 'Lustria', serif;
    font-size: 100% !important;
    line-height: normal;
    margin-left: 0 !important;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 20px;
    overflow: visible;
}

.jcomments-links .shareWrap h5 {
	color: #fff;
  	font-family: 'witchericon';
  	cursor: pointer;
}

.jcomments-links .shareIcons {
    font-family: 'witchericon';
    position: absolute;
    background-color: #bbad90;
    box-sizing: border-box;
    padding: 10px;
    bottom: 41px;
    right: 0;
    font-size: 50px;
    box-shadow: 0 0 20px rgba(0,0,0,0.7);
  	display: none;
}

main section#stage div#articles .blog-featured .items-leading .leading-0 .jcomments-links .shareIcons a, main section#stage div#articles .blog-featured .item .jcomments-links .shareIcons a {
  	font-weight: normal;
}

main section#stage div#articles .blog-featured .items-leading .leading-0 .jcomments-links .shareIcons a:nth-child(2), main section#stage div#articles .blog-featured .item .jcomments-links .shareIcons a:nth-child(2) {
	padding: 10px 0;
}

main section#stage div#articles .blog-featured .items-leading .leading-0 .jcomments-links .shareIcons a:hover, main section#stage div#articles .blog-featured .item .jcomments-links .shareIcons a:hover {
	color: #666054;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - End Aricle Blog Section - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

 aside.left {
    width: 300px;
    position: relative;
	order: 1;
}

 aside.right {
	width: 300px;
	position: relative;
	order: 3;
}

aside.right #pinch {
	display: none;
}

aside.right #archivedarticles {
	background-image: url(../images/articletexture.jpg);
	background-repeat: repeat;
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	text-align: center;
	box-shadow: 0 20px 20px rgba(0,0,0,0.7);
	height: 70px;
}

 aside.right #archivedarticles .cta {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	text-transform: uppercase;
	background-color: #a99d5c;
	color: #212936;
	font-weight: bold;
	font-size: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	text-decoration: none;
	transition: 0.3s;
}

 aside.right #archivedarticles .cta:hover {
	transition: 0.3s;
	background-color: #212936;
	color: #a99d5c;
}

 aside.right #largead {
	box-shadow: 0 20px 20px rgba(0,0,0,0.7);
	margin-top: 20px;
	width: 100%;
	max-height: 600px;
	overflow: hidden;
	background-image: url(../images/articletexture.jpg);
	background-repeat: repeat;
}

aside.right #largead img {
	display: block;
  	margin: 0 auto;
}

 aside.left #smallad {
	box-shadow: 0 20px 20px rgba(0,0,0,0.7);
	margin-top: 20px;
	width: 100%;
	max-height: 250px;
	overflow: hidden;
	background-image: url(../images/articletexture.jpg);
	background-repeat: repeat;
}

aside.left #smallad img {
	display: block;
  	margin: 0 auto;
}

aside.right #affiliates {
    background-image: url(../images/articletexture.jpg);
    background-repeat: repeat;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    box-shadow: 0 20px 20px rgba(0,0,0,0.7);
    min-height: 150px;
    margin: 20px 0 0;
}

aside.right #affiliates img {
  	max-width: 100%;
  	height: auto;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Start Advanced Poll Integration - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

 aside.left #poll, aside.right #pinch #poll {
	width: 100%;
	box-sizing: border-box;
	background-image: url(../images/articletexture.jpg);
	background-repeat: repeat;
	height: 600px;
	box-shadow: 0 20px 20px rgba(0,0,0,0.7);
}

 aside.left #poll .header, aside.right #pinch #poll .header {
    background-blend-mode: normal, hard-light;
    background-repeat: no-repeat, repeat;
    background-image: url(../images/mark.png), url(../images/articletexture.jpg);
	background-position: 220px 8px, top left;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    font-size: 20px;
    text-align: center;
    border-bottom: 1px dashed #4c4027;
    background-color: #000;
}

 aside.left #poll .header .script, aside.right #pinch #poll .header .script {
    font-family: 'IM Fell English SC', serif;
    padding-top: 7px;
    transform: rotate(-4deg);
    color: #666054;
}

 aside.left #poll .advpoll-wrapper {
	
}

 aside.left #poll .advpoll-question, aside.right #pinch #poll .advpoll-question {
	text-transform: uppercase;
	color: #4c4027;
	font-size: 17px;
	padding: 15px 20px;
}

 aside.left #poll li.advpoll-answer, aside.right #pinch #poll li.advpoll-answer {
    padding: 10px 20px;
    font-size: 18px;
    color: #4c4027;
}

 aside.left #poll li.advpoll-answer:nth-child(2n+1), aside.right #pinch #poll li.advpoll-answer:nth-child(2n+1) {
    background-color: rgba(187,173,144,0.5) !important;
}

 aside.left #poll .advpoll-wrapper-1.advpoll-wrapper .advpoll-answer-wrapper, .advpoll-wrapper-1.advpoll-wrapper .advpoll-graph-wrapper, aside.right #pinch #poll advpoll-answer-wrapper {
    background-color: rgba(0,0,0,0) !important;
    padding: 0 !important;
}

 aside.left #poll .advpoll-button-vote,  aside.left #poll .advpoll-button-result, aside.right #pinch #poll .advpoll-button-vote, aside.right #pinch #poll .advpoll-button-result {
    display: block;
    width: calc(100% - 20px);
    box-sizing: border-box;
    padding: 15px;
    text-transform: uppercase;
    background-color: #a99d5c;
    color: #212936;
    font-weight: bold;
    font-size: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    text-decoration: none;
    transition: 0.3s;
    margin: 10px auto 0px;
    text-align: center;
    border-radius: 0;
}

.advpoll-button-vote:hover, .advpoll-button-result:hover {
	transition: 0.3s;
	background-color: #212936;
	color: #a99d5c;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  End Advanced Poll Integration  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* ------------------------------------------------------------------------------------ ... //end main styles ... ------------------------------------------------------------------------------------ */

footer {
	border-top: #1d1c18 solid 2px;
	width: 100%;
	box-sizing:border-box;
	padding: 20px 0;
	background: #2a251e;
	background: -moz-linear-gradient(left,  #2a251e 0%, #666054 50%, #2a251e 100%);
	background: -webkit-linear-gradient(left,  #2a251e 0%,#666054 50%,#2a251e 100%);
	background: linear-gradient(to right,  #2a251e 0%,#666054 50%,#2a251e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a251e', endColorstr='#2a251e',GradientType=1 );
}

footer .flex {
	align-items: normal;
}

footer .flex .cell {
	box-sizing: border-box;
	width: 25%;
	padding: 0 15px;
	border-left: 1px solid rgba(169,157,92,1);
}

footer .flex .cell:last-child {
	border-right: 1px solid rgba(169,157,92,1);
}

footer .flex .cell p {
	color: #fff;
	padding: 10px 0;
	font-size: 15px;
	line-height: 24px;
}

footer .flex .cell h3 {
    color: #fff;
    font-family: 'IM Fell English SC', serif;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 24px;
}

footer .flex .cell h4 {
    color: #fff;
    font-family: 'IM Fell English SC', serif;
    width: 100%;
    font-size: 18px;
    margin: 18px 0;
}

footer .flex .cell ul {
	
}

footer .flex .cell ul li {
    color: #fff;
    line-height: 24px;
    font-size: 15px;
    margin-bottom: 15px;
    list-style: disc;
    padding-left: 2px;
    margin-left: 20px;
}

footer .flex .cell .flex {
	
}

footer .flex .cell .flex ul li {
	margin-bottom: 2px;
}

#copyright {
    text-align: center;
    color: #fff;
    font-size: 15px;
    padding: 40px 0;
}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] //END STRUCTURAL ELEMENTS [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]  NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]  NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]  NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]  NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]  NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

@media all and (max-width: 1440px) and (min-width: 1280px) {

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] - START REUSABLE STYLES - [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

.wrapper {
	width: 100%;
}

header nav ul li a:link {
    padding: 13px 10px;
}

main section#stage div#articles {
    width: calc(100% - 640px);
    max-width: 800px;
}

main section#stage div#articles .blog-featured .items-leading .leading-0 .item-image {
    width: 100%;
    height: auto;
}

#logindrawer {
    margin-left: 0;
    left: auto;
    right: 20px;
}
  
.pagination {
    width: 100%;
}  

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] - //END REUSABLE STYLES - [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
	
}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]  NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]  NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]  NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]  NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]  NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

@media all and (max-width: 1279px) and (min-width: 1024px) {

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] - START REUSABLE STYLES - [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

.wrapper {
	width: 100%;
}

header nav ul li a:link {
    padding: 13px 8px;
    font-size: 14px;
}

/* -------------------- ACTION BAR EDITS -------------------- */

main section#actionbar .flex .cell {
    padding: 10px 0;
    width: calc(50% - 55px);
}

main section#actionbar .flex .cell:last-child {
	width: 110px;
	padding: 5px 0;
}

main section#actionbar .flex .cell #example1 {
    padding-left: 55px;
}

main section#actionbar .flex .cell #example1::before {
    font-size: 40px;
    padding-top: 10px;
}

main section#actionbar .flex .cell #search label {
    font-size: 30px;
    margin-right: 10px;
}

main section#actionbar .flex .cell #search input[type="search"] {
    width: calc(100% - 95px);
}

main section#actionbar .flex .cell #socialmedia .custom {
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
}

main section#actionbar .flex .cell #socialmedia a:link {
    font-size: 28px;
    line-height: 33px;
}

/* ------------------ //ACTION BAR EDITS -------------------- */  
  
main section#stage div#articles .blog-featured .items-leading .leading-0, main section#stage div#articles .blog-featured .item {
	width: 100%;
}

main section#stage div#articles .blog-featured .items-leading .leading-0 .item-image {
    width: 100%;
    height: auto;
}

#logindrawer {
    margin-left: 0;
    left: auto;
    right: 20px;
}

main section#stage div#articles .blog-featured .items-leading .leading-0, main section#stage div#articles .blog-featured .item, main section#stage div#articles .item-page, main section#stage div#articles #ed, .registration, .reset, .remind, .archive, .profile, main section#stage .login, main section#stage .logout, .profile-edit, main section#stage div#articles .search, .category-list, .category-blog, .blog {
    max-width: 100%;
}  
  
main section#stage div#articles {
    width: calc(100% - 320px);
    margin: 0px 20px 20px 0px;
    max-width: 100%;
}
  
aside.left {
	display: none;  
}
  
aside.right #pinch {
    display: block;
    margin-bottom: 20px;
}
  
 aside.right #smallad {
    margin-bottom: 20px;
   	margin-top: 20px;
}

.pagination {
    width: 100%;
    max-width: 100%;
}
  
footer .flex {
    flex-direction: row;
    flex-wrap: wrap;
}

footer .flex .cell:last-child {
    border-right: none;
}

footer .flex .cell:nth-child(even) {
	border-right: 1px solid rgba(169,157,92,1);
}

footer .flex .cell {
    width: 50%;
    margin-bottom: 30px;
}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] - //END REUSABLE STYLES - [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
	
}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]  NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]  NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]  NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]  NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]  NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

@media all and (max-width: 1023px) and (min-width: 660px) {

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] - START REUSABLE STYLES - [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

.wrapper {
	width: 100%;
}
  
main section#stage {
    min-height: auto;
    padding-bottom: 0;
}  
  
main section#stage .flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
  
main section#stage div#articles {
    margin-bottom: 20px;
  	order: 1;
  	width: 100%;
}  
  
main section#stage div#articles .blog-featured .items-leading .leading-0, main section#stage div#articles .blog-featured .item, main section#stage div#articles .item-page, main section#stage div#articles #ed, .registration, .reset, .remind, .archive, .profile, main section#stage .login, main section#stage .logout, .profile-edit, main section#stage div#articles .search, .category-list, .category-blog, .blog {
    max-width: 100%;
}  
  
/* -------------------- MOBILE NAV -------------------- */

header #navsocialmedia {
    display: block;
    font-family: witchericon;
    position: absolute;
    top: 7px;
    font-size: 35px;
}

header #navsocialmedia a {
	text-decoration: none;
	font-weight: normal;
	margin-right: 10px;
}

header #mobnav {
    display: flex;
    position: absolute;
    right: 20px;
	color: #fff;
	cursor: pointer;
}

header #mobnav:hover #menulabel {
	color: #a99d5c;
	transition: 0.3s;
}

header #mobnav:hover #bars .bar1, header #mobnav:hover #bars .bar2, header #mobnav:hover #bars .bar3 {
	background-color: #a99d5c;
	transition: 0.3s;
}

header #mobnav #menulabel {
    color: #fff;
    padding: 17px 10px;
	transition: 0.3s;
}

header #mobnav #bars .bar1, .bar2, .bar3 {
    width: 40px;
    height: 7px;
    background-color: #fff;
    margin: 7px 0;
    transition: 0.3s;
}
  
header nav ul li ul {
    display: none !important;
}  

/* Change State */

header #mobnav #bars .bar1.change {
	-webkit-transform: rotate(-45deg) translate(-10px, 10px);
    transform: rotate(-45deg) translate(-10px, 10px);
}

header #mobnav #bars .bar2.change {
	opacity: 0;
}

header #mobnav #bars .bar3.change {
	-webkit-transform: rotate(45deg) translate(-10px, -10px);
    transform: rotate(45deg) translate(-10px, -10px);
}

/* //Change State */

/* -------------------- //MOBILE NAV -------------------- */

header nav ul li a:link {
    padding: 13px 8px;
    font-size: 14px;
}

header .flex #logo svg {
	width: 221px;
	height: 27px;
}

header nav .flex {
    height: auto;
}

header nav .wrapper ul {
    display: none;
    position: absolute;
    left: 0;
    top: 52px;
    width: 100%;
    background: #15181f;
    background: -moz-linear-gradient(left, #15181f 0%, #232c39 50%, #15181f 100%);
    background: -webkit-linear-gradient(left, #15181f 0%,#232c39 50%,#15181f 100%);
    background: linear-gradient(to right, #15181f 0%,#232c39 50%,#15181f 100%);
    z-index: 110;
    box-shadow: 0 1000px 0 1000px rgba(0,0,0,0.8);
}

header nav ul li {
    display: block;
    border-bottom: 2px solid #555;
}

header nav ul li a:link {
    padding: 8px 8px;
    font-size: 14px;
}

/* -------------------- ACTION BAR EDITS -------------------- */

main section#actionbar {
	overflow: hidden;
}

main section#actionbar .flex .cell {
    padding: 10px 0;
    width: calc(100% - 100px);
}

main section#actionbar .flex .cell:nth-child(2) {
	width: 100px;
}

main section#actionbar .flex .cell:last-child {
	width: 110px;
	padding: 5px 0;
	display: none;
}

main section#actionbar .flex .cell #search::before {
    width: 26px;
}

main section#actionbar .flex .cell #search::after {
    display: none;
}

main section#actionbar .flex .cell #example1 {
    padding-left: 55px;
}

main section#actionbar .flex .cell #example1::before {
    font-size: 40px;
    padding-top: 10px;
}

main section#actionbar .flex .cell #search {
    padding: 7px 0px 0 50px;
    height: 60px;
}

main section#actionbar .flex .cell #search button.btn {
    display: none;
}

main section#actionbar .flex .cell #search label {
    font-size: 40px;
    margin-right: 10px;
    cursor: pointer;
}

main section#actionbar .flex .cell #search input[type="search"] {
    width: calc(100% - 95px);
  	display: none;
}

main section#actionbar .flex .cell #socialmedia .custom {
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
}

main section#actionbar .flex .cell #socialmedia a:link {
    font-size: 28px;
    line-height: 33px;
}

/* ------------------ //ACTION BAR EDITS -------------------- */

main section#stage {
    min-height: auto;
}  

main section#stage div#articles .blog-featured .items-leading .leading-0, main section#stage div#articles .blog-featured .item, main section#stage div#articles .item-page, main section#stage div#articles #ed, .registration, .reset, .remind, .archive, main section#stage div#articles .login, main section#stage .logout, .profile-edit, main section#stage div#articles .search, .category-list, .category-blog, .blog  {
	width: auto;
}
  
main section#stage div#articles div:nth-child(2) ul.nav-tabs {
  	width: auto;
}    

main section#stage div#articles .blog-featured .items-leading .leading-0 .item-image {
    width: 100%;
    height: auto;
}

#logindrawer {
    margin-left: 0;
    left: auto;
    right: 20px;
}

main section#stage div#articles .blog-featured {
    padding: 0;
}

div#articles .blog-featured .item {
    width: 620px;
    margin: 0 auto 20px;
    max-width: 100%;
}

aside.left {
	order: 2;
  	width: calc(50% - 10px);
}  
  
 aside.right {
    margin-left: 20px;
    order: 3;
   	width: calc(50% - 10px);
}

 aside.left #smallad {
    margin-bottom: 20px;
}
  
aside.left #poll .header, aside.right #pinch #poll .header {
    background-position: right 8px, top left;  
}  

/* - - - - - - - - - - - - - - - - SEARCH JET OUT STYLES - - - - - - - - - - - - - - - - */

main section#actionbar .flex .cell #search.jet::before {
    display: none;
}

main section#actionbar .flex .cell #search.jet {
	position: inherit;
}

main section#actionbar .flex .cell #search.jet form input[type="search"] {
    width: calc(100% - 155px);
    display: block;
}

main section#actionbar .flex .cell #search.jet button.btn {
    display: block;
}

main section#actionbar .flex .cell #search.jet form {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: no-wrap;
    background-color: #232c39;
    position: absolute;
    padding: 16px 20px 16px 70px;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    background-image: url(../images/divbelt.png);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 20px 0px;
}

section#actionbar #search.jet .close {
    position: absolute;
    color: #fff;
    font-size: 33px;
    font-family: witchericon;
    cursor: pointer;
    top: 23px;
    right: 25px;
}
  
.pagination {
    max-width: 100%;
}
  
section#stage div#articles .search .pagination {
    width: 100%;
}

/* - - - - - - - - - - - - - - - END SEARCH JET OUT STYLES - - - - - - - - - - - - - - - */

#largead ins.adsbygoogle {
	display: block !important;
    width: 300px !important;
    height: 600px !important;
    margin: 0 auto !important;
}
  
#smallad ins.adsbygoogle {
    display: block !important;
    width: 300px !important;
    height: 250px !important;
    margin: 0 auto !important;
}  
  
footer .flex {
    flex-direction: row;
    flex-wrap: wrap;
}

footer .flex .cell ul li {
    font-size: 13px;}

footer .flex .cell:last-child {
    border-right: none;
}

footer .flex .cell:nth-child(even) {
	border-right: 1px solid rgba(169,157,92,1);
}

footer .flex .cell {
    width: 50%;
    margin-bottom: 30px;
}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] - //END REUSABLE STYLES - [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
	
}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]  NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]  NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]  NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]  NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]  NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

@media all and (max-width: 659px) and (min-width: 0px) {

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] - START REUSABLE STYLES - [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

.wrapper {
    width: 100%;
    padding: 0 10px;
}
  
main section#stage {
    min-height: auto;
    padding-bottom: 0;
}
  
main section#stage div#articles {
    padding-bottom: 20px;
    order: 1;
    width: 100%;
}
  
main section#stage div#articles .blog-featured .items-leading .leading-0, main section#stage div#articles .blog-featured .item, main section#stage div#articles .item-page, main section#stage div#articles #ed, .registration, .reset, .remind, .archive, .profile, main section#stage .login, main section#stage .logout, .profile-edit, main section#stage div#articles .search, .category-list, .category-blog, .blog {
    max-width: 100%;
}    

header .flex #signin a:first-child {
	display: none;
}

#logindrawer {
    margin-left: 0;
    left: auto;
    right: 10px;
}

/* -------------------- MOBILE NAV -------------------- */

header nav {
	box-shadow: none;
}

header #navsocialmedia {
    display: block;
    font-family: witchericon;
    position: absolute;
    top: 10px;
    font-size: 28px;
}

header #navsocialmedia a {
    text-decoration: none;
    font-weight: normal;
    margin-right: 5px;
}

header #mobnav {
    display: flex;
    position: absolute;
    right: 10px;
    color: #fff;
    cursor: pointer;
}

header #mobnav:hover #menulabel {
	color: #a99d5c;
	transition: 0.3s;
}

header #mobnav:hover #bars .bar1, header #mobnav:hover #bars .bar2, header #mobnav:hover #bars .bar3 {
	background-color: #a99d5c;
	transition: 0.3s;
}

header #mobnav #menulabel {
    color: #fff;
    padding: 17px 10px;
	transition: 0.3s;
}

header #mobnav #bars .bar1, .bar2, .bar3 {
    width: 40px;
    height: 7px;
    background-color: #fff;
    margin: 7px 0;
    transition: 0.3s;
}

/* Change State */

header #mobnav #bars .bar1.change {
	-webkit-transform: rotate(-45deg) translate(-10px, 10px);
    transform: rotate(-45deg) translate(-10px, 10px);
}

header #mobnav #bars .bar2.change {
	opacity: 0;
}

header #mobnav #bars .bar3.change {
	-webkit-transform: rotate(45deg) translate(-10px, -10px);
    transform: rotate(45deg) translate(-10px, -10px);
}

/* //Change State */

/* -------------------- //MOBILE NAV -------------------- */

header nav ul li a:link {
    padding: 13px 8px;
    font-size: 14px;
}

header .flex {
    height: 70px;
}

header .flex #logo svg {
    width: 156px;
    height: auto;
}

header nav .flex {
    height: auto;
}

header nav .wrapper ul {
    display: none;
    position: absolute;
    left: 0;
    top: 52px;
    width: 100%;
    background: #15181f;
    background: -moz-linear-gradient(left, #15181f 0%, #232c39 50%, #15181f 100%);
    background: -webkit-linear-gradient(left, #15181f 0%,#232c39 50%,#15181f 100%);
    background: linear-gradient(to right, #15181f 0%,#232c39 50%,#15181f 100%);
    z-index: 110;
    box-shadow: 0 1000px 0 1000px rgba(0,0,0,0.8);
}

header nav ul li {
    display: block;
    border-bottom: 2px solid #555;
}

header nav ul li a:link {
    padding: 8px 8px;
    font-size: 14px;
}
  
header nav ul li ul {
    display: none !important;
}   

main {
    display: block;
    padding-top: 124px;
}

main section#mainimage img {
    width: 200%;
    height: auto;
    margin-left: -50%;
}  
  
main section#mainimage::after {
	background-image: none;
}  
  
/* -------------------- ACTION BAR EDITS -------------------- */

main section#actionbar {
	overflow: hidden;
}

main section#actionbar .flex .cell {
    padding: 10px 0;
    width: calc(100% - 58px);
}

main section#actionbar .flex .cell:nth-child(2) {
    width: 57px;
}

main section#actionbar .flex .cell:last-child {
	width: 110px;
	padding: 5px 0;
	display: none;
}

main section#actionbar .flex .cell #search::before {
	display: none;
}

main section#actionbar .flex .cell #search::after {
    display: none;
}

main section#actionbar .flex .cell #example1 {
    padding-left: 0px;
}

main section#actionbar .flex .cell #example1::before {
    font-size: 40px;
    padding-top: 10px;
}

main section#actionbar .flex .cell #search {
    padding: 7px 0px 0 15px;
    height: 60px;
}

#logindrawer input[type="text"] {
    display: block;
    width: 135px;
}
 
#logindrawer input[type="password"] {
    display: block;
    width: 135px;
}  
  
main section#actionbar input[type="text"] {
    width: calc(100% - 95px);
	display: none;
}

main section#actionbar .flex .cell #search input[type="submit"] {
    display: none;
}

main section#actionbar .flex .cell #search label {
    font-size: 40px;
    margin-right: 12px;
    cursor: pointer;
}

main section#actionbar .flex .cell #search input[type="search"] {
    width: calc(100% - 95px);
}

main section#actionbar .flex .cell #socialmedia .custom {
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
}

main section#actionbar .flex .cell #socialmedia a:link {
    font-size: 28px;
    line-height: 33px;
}

main section#actionbar .flex .cell #example1 .timePosted {
    display: none;
}

main section#actionbar .flex .cell #example1 .interact {
    display: none;
}

main section#actionbar .flex .cell #example1 .tweet {
    width: 100%;
    height: 57px;
}

main section#actionbar .flex .cell #example1::before {
    display: none;
}

/* ------------------ //ACTION BAR EDITS -------------------- */

main section#stage div#articles .blog-featured .items-leading .leading-0, main section#stage div#articles .blog-featured .item, main section#stage div#articles .item-page, main section#stage div#articles #ed, .registration, .reset, .remind, .archive, main section#stage div#articles .login, main section#stage .logout, .profile-edit, main section#stage div#articles .search, .category-list, .category-blog, .blog  {
	width: 100%;
}
  
main section#stage div#articles div:nth-child(2) ul.nav-tabs {
  	width: 100%;
}   

main section#stage div#articles .blog-featured .items-row:nth-child(even) .item .item-image, main section#stage div#articles .blog-featured .items-row:nth-child(odd) .item .item-image  {
    float: none;
    width: 100%;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 50% 100%, 0 90%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 50% 100%, 0 90%);
	height: auto;
}

main section#stage div#articles .blog-featured .item .item-image img {
    display: block;
    position: relative;
    left: 0;
    width: 100%;
    height: auto;
}

main section#stage div#articles .blog-featured .item .intro {
    height: 250px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 5px 10px;
}

main section#stage div#articles .blog-featured .items-leading .leading-0 .item-image {
    width: 100%;
    height: auto;
}

main section#stage div#articles .blog-featured {
    padding: 0px 0 0;
}

div#articles .blog-featured .item {
    width: 620px;
    margin: 0 auto 20px;
    max-width: 100%;
} 

aside.left {
    position: relative;
    margin: 0 auto;
}
  
aside.left #poll .header, aside.right #pinch #poll .header {
    background-position: right 8px, top left;  
}   

 aside.right {
    margin: 0 auto;
}

 aside.left #smallad {
    margin-bottom: 20px;
}

/* - - - - - - - - - - - - - - - - SEARCH JET OUT STYLES - - - - - - - - - - - - - - - - */

main section#stage .flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}  
  
main section#actionbar .flex .cell #search.jet::before {
    display: none;
}

main section#actionbar .flex .cell #search.jet {
	position: inherit;
}

main section#actionbar .flex .cell #search.jet form input[type="search"] {
    width: calc(100% - 155px);
    display: block;
}

main section#actionbar .flex .cell #search.jet input[type="submit"] {
    display: block;
}

main section#actionbar .flex .cell #search.jet form {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: no-wrap;
    background-color: #232c39;
    position: absolute;
    padding: 16px 0px 16px 10px;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    background-image: none;
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 20px 0px;
}

main section#actionbar .flex .cell #search.jet form .close {
    position: relative;
    color: #fff;
    font-size: 33px;
    display: block;
    font-family: witchericon;
    cursor: pointer;
    margin-left: 10px;
}

main section#stage div#articles .blog-featured .items-leading .leading-0 q {
    padding: 20px 30px;
}

main section#stage div#articles .blog-featured .items-leading .leading-0 .jcomments-links {
    padding: 10px;
    font-size: 12px;
    width: calc(100% + 20px);
    margin-left: -10px;
}

main section#stage div#articles .blog-featured .items-leading .leading-0 p, main section#stage div#articles .blog-featured .item p, main section#stage div#articles .item-page p {
    font-size: 15px;
}
  
main section#stage div#articles .item-page p {
    padding: 10px 10px;
}  

main section#stage div#articles .blog-featured .item .jcomments-links {
    padding: 10px;
  	top: auto;
  	bottom: 0;
  	font-size: 12px;
}

  
main section#stage div#articles .blog-featured .items-leading .leading-0 .intro {
    padding: 0 10px;
}

main section#stage div#articles .blog-featured .items-leading .leading-0 h2, main section#stage div#articles .blog-featured .item h2, main section#stage div#articles .item-page h2 {
    font-size: 19px;
    line-height: 24px;
}
  
main section#stage div#articles .item-page {
	width: calc(100% - 20px);
}

section#actionbar #search.jet .close {
    position: absolute;
    color: #fff;
    font-size: 33px;
    font-family: witchericon;
    cursor: pointer;
    top: 23px;
    right: 10px;
}  

aside.left {
	order: 2;
    width: 100%;
}  
  
  aside.right {
  order: 3;
    width: 100%;  
  }  
    
aside.right #largead {
    margin-bottom: 20px;
}
  
#largead ins.adsbygoogle {
	display: block !important;
    width: 300px !important;
    height: 600px !important;
    margin: 0 auto !important;
}
  
#smallad ins.adsbygoogle {
    display: block !important;
    width: 300px !important;
    height: 250px !important;
    margin: 0 auto !important;
}
  
.pagination {
    width: 100%;
}  
  
section#stage div#articles .search .pagination {
    width: 100%;
}

/* - - - - - - - - - - - - - - - END SEARCH JET OUT STYLES - - - - - - - - - - - - - - - */

footer {
	padding: 20px 0 0px;
}

footer .flex {
    flex-direction: row;
    flex-wrap: wrap;
}

footer .flex .cell ul li {
    font-size: 13px;}

footer .flex .cell:last-child {
    border-right: none;
	border-left: none;
	border-bottom: none;
}

footer .flex .cell p {
    font-size: 13px;
    line-height: 22px;
}

footer .flex .cell:nth-child(even) {
	border-bottom: 1px #a99d5c dashed;
	border-right: none;
	border-left: none;
	border-top: none;
}

footer .flex .cell {
    width: 100%;
    margin-bottom: 30px;
    border-bottom: 1px #a99d5c dashed;
	border-left: none;
}

footer .flex .cell .flex {
    flex-wrap: nowrap;
    padding-bottom: 20px;
}

#copyright {
    font-size: 12px;
    line-height: 20px;
}
  
#logindrawer { 
  	top: 70px;
}
  
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ --Author Info Box-- /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ */

#author_infobox .author_infobox_image_profile {
    float: none;
    margin: 5px auto;
    display: block;
    width: 150px;
}
  
#author_infobox .author_infobox_title {
    text-align: center;
} 
  
#author_infobox .author_infobox_name {
    text-align: center;
}
  
#author_infobox .author_infobox_position {
    text-align: center;
}
  
#author_infobox .author_infobox_socialmedia {
    text-align: center;
}  
  
#author_infobox .author_infobox_aboutme, #author_infobox .author_infobox_articles {
    text-align: center;
}  
  
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ -//Author Info Box- /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ */  
  
main section#stage .blog-featured .items-leading .leading-0 p, main section#stage .item p, main section#stage article .item-page p, main section#stage article ul li, main section#stage article ol li, main section#stage .blog-featured .items-leading .leading-0 ol li, main section#stage .item-page ol li {
    font-size: 16px;
    line-height: 24px;
}
  
  
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] - //END REUSABLE STYLES - [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
	
}