span.contentwarn {
color: transparent;
text-shadow: var(--spoilerShadow);
}
span.contentwarn:hover {
color: var(--textColor);
text-shadow: initial;
}

/* Begin MOBILE single post story prompt */

.mbl-bottom_story_prompt {
	min-height: auto;
	width: auto;
	/* background: white; */
	margin-top: 30px;
	margin-bottom: -15px;
	border-radius: 3px;
	/* padding: 15px; */
	border-top: 1px solid var(--adDividerLight) !important;
}


.mbl-bottom_prompt_wrapper {
    font-size: 14px;
    text-align: left;
    /* box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px; */
    padding: 30px 10px;
    border-radius: 3px;
    text-align: center;
}

.mbl-bottom_prompt_title-wrapper {margin-bottom: 27px;}

a#mbl-bottom_prompt_copy {
    font-size: 14px;
    background: black;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 26px;
    /* margin-top: 10px; */
    /* margin: 20px; */
	color: var(--shareIconOff);
    text-align: center;
    background: var( --shareIconOn);
}

p.mbl-bottom_promp_title {
    font-size: 16px;
    /* line-height: 24px; */
    margin-bottom: 10px;
    font-weight: 600;
    color: #d54444;
}

p.mbl-bottom_prompt_currenttheme {
    font-size: 16px;
    line-height: 24px;
}

@media screen and (min-width: 767px) {
  .mbl-bottom_story_prompt {
    display: none;
} 
}


/* End MOBILE single post story prompt */

/* Begin desktop sidebar story prompt */

.story_prompt {
	min-height: 91px;
	width: auto;
	margin-top: 35px;
	margin-bottom: 15px;
	border-radius: 3px;
	box-shadow: 0 0px 8px rgb(0 0 0 / 17%);
	background: var(--sortNavOn);
/* 	border-top: 1px solid var(--adDividerLight) !important;
	border-bottom: 1px solid var(--adDividerLight) !important; */
}


.prompt_wrapper {
    /* display: flex; */
    flex-direction: column;
    text-align: center;
    /* box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px; */
    padding: 20px 20px 30px 20px;
    border-radius: 3px;
}

#submit_prompt {
    padding: 8px 30px;
    border-radius: 27px;
    font-size: 14px;
    text-decoration: none;
    color: var(--shareIconOff);
    text-align: center;
    background: var( --shareIconOn);
}

.prompt_title-wrapper {
/*     display: flex; */
}

.prompt_title-wrapper svg {
    margin-right: 15px;
	width: 24px;
}

p.promp_title {
	font-size: 14px;
	font-weight: 600;
	margin: 0;
}

p.prompt_title {
	font-size: 16px;
    /* line-height: 24px; */
    margin-bottom: 10px;
    font-weight: 600;
    color: #d54444;
}

p.prompt_currenttheme {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 22px;
}

/* end desktop sidebar story prompt */

/* Begin MOBILE under 1st story prompt */



.mbl_story_prompt {
	min-height: auto;
	width: auto;
	/* background: white; */
	margin-top: 10px;
	margin-bottom: 13px;
	border-radius: 3px;
	/* padding: 15px; */
	border-top: 1px solid var(--adDividerLight) !important;
}


.mbl_prompt_wrapper {
    font-size: 14px;
    text-align: left;
    /* box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px; */
    padding: 30px 10px;
    border-radius: 3px;
    text-align: center;
}

.mbl_prompt_title-wrapper {margin-bottom: 27px;}

a#mbl_prompt_copy {
    font-size: 14px;
    background: black;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 26px;
    /* margin-top: 10px; */
    /* margin: 20px; */
	color: var(--shareIconOff);
    text-align: center;
    background: var( --shareIconOn);
}

p.mbl_promp_title {
    font-size: 16px;
    /* line-height: 24px; */
    margin-bottom: 10px;
    font-weight: 600;
    color: #d54444;
}

p.mbl_prompt_currenttheme {
    font-size: 16px;
    line-height: 24px;
}

@media screen and (min-width: 767px) {
  .mbl_story_prompt {
    display: none;
} 
}


/* end MOBILE under 1st story prompt */

/* Report menu button */

.dropdown_two {
  position: relative;
  display: inline-block;
}

.dropbtn_two {
/*     background-color: var(--catNavOn); */
	background: none;
    border: none;
    cursor: pointer;
    height: 40px;
/* 	border-radius: 3px; */
}

.dropdown-content_two {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 310px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
  z-index: 1;
	right: 0;
	background: var(--commentMenuOn);
}

.dropdown_two:hover .dropdown-content_two {
  display: block;
}

.dropdown-content_two a {
    color: black;
/*     padding: 12px 16px; */
    text-decoration: none;
    display: flex;
    align-items: center;
	padding: 12px 16px;
	color: var(--textColor);
}

.dropdown-content_two ul li {
    list-style-type: none;
	
}

.dropdown-content_two ul {
	margin: 0;
}

.dropdown-content_two p {
    padding: 16px 0px 12px 16px;
    margin-bottom: 0px;
	font-style: italic;
	color: #CF4645;
}

@media screen and (min-width: 575px){
	.dropdown-content_two ul li a:hover {
		background: var(--catNavOnHov);
	}
}


@media screen and (max-width: 575px) {
	.dropdown-content_two {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100vw;
		padding-bottom: 10px;
/*     padding-top: 10px; */
		/* box-shadow: 2px 7px 5px 10px rgb(0 0 0 / 26%); */
		box-shadow: -2px -400px 5px 400px rgb(0 0 0 / 50%);
		-webkit-box-shadow: -2px -400px 5px 400px rgb(0 0 0 / 50%);
		-moz-box-shadow: -2px -400px 5px 400px rgba(0,0,0,0.50);
		z-index: 999;
	}
	
	.dropdown-content_two a {
	padding: 16px 16px;
	}
	
}

.dropdown-content_two a svg {
    margin-right: 10px;
}

.dropbtn_two svg {
    fill: var(--shareIconOn);
}


#meta_report_icon svg {
	fill: var(--flagOn);
}


/* End report menu button */



#wpfront-notification-bar.wpfront-fixed {
    z-index: 100;
}

header#site-header {
    position: sticky;
    top: 0;
    z-index: 100;
}

.proper-ad-unit.ad-sticky {
	z-index: 10 !important;
}

@media (min-width: 767px) {
	div#main_content {
		margin-top: 20px;
	}
}

@media (min-width: 767px){
	.menu_blocks #submitlist {
		display: none;
	}
}

#submitlist {
/*     margin-top: 45px; */
/*     padding-bottom: 15px; */
/*     border-bottom: 2px solid #f2f2f2; */
}

#navlist {
/*     margin-top: 15px; */
    padding-bottom: 15px;
}

.menulogo_wrapper img {
    width: 180px;
    margin-left: 35px;
}

.menulogo_wrapper {
/*     background: #323232; */
	height: 15px;
    display: flex;
    align-items: center;
}

.wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: none;
}

/* notification badge */
/* .menu-toggle .badge {
    position: absolute;
    top: 15px;
    right: -2px;
    /* padding: 0px 3px; */
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #CF4645;
    color: #CF4645;
} */



.arrow {
 	 border: solid;
    color: var(--textColor);
    border-width: 0 2px 2px 0;
 	 display: inline-block;
  	padding: 3px;
	margin-left: 10px;
	margin-bottom: 2px;
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

@media (max-width: 767px){
	.cat_dropbtn {
		display: none;
	}
}

/* @media(max-width: 768px){
	.sortbar .sortbar_inner_one a {
		width: 33%;
	}
} */

@media(max-width: 768px){
	.sortbar_inner_one {
		display: flex;
		overflow: scroll;
	}
}




/* Style The Dropdown Button */
.cat_dropbtn {
  background-color: transparent;
 color: var(--textColor);
  padding: 14px;
  font-size: 12px;
  border: none;
  cursor: pointer;
 -webkit-margin-before: -1px;
	margin-top: 0;
}



/* The container <div> - needed to position the dropdown content */
.cat_dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.cat_dropdown-content {
  display: none;
  position: absolute;
  background-color: var(--menuOn);
  min-width: 124px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
	top: 42px;
}

/* Links inside the dropdown */
.cat_dropdown-content a {
  color: var(--textColor);
  padding: 10px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.cat_dropdown-content a:hover {
	background-color: var(--textHoverOn);
}

/* Show the dropdown menu on hover */
.cat_dropdown:hover .cat_dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.cat_dropdown:hover .cat_dropbtn {
  background-color: var(--menuHoverOn);
}

/* Desktop dropdown category menu ends here */

/* no scroll for when menu is open */
body.noscroll {
  overflow: hidden;  
}

/* Screen reader only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

/* Button styling */
.menu-toggle {
  display: inline-block;
/*   padding: .75em 15px; */
  line-height: 1em;
  font-size: 1em;
  color: #333;
  cursor: pointer;
}

/* .menu-toggle:hover,
#main-menu-checkbox:focus ~ .dsk_mainBurger .menu-toggle {
  color: #c00;
  outline: auto;
} */

#main-menu-checkbox {
  position: absolute;
  left: -100vw; /* get it off the screen */
}

/*
 Default styles + Mobile first
 Offscreen menu style
*/
.main-menu {
  position: absolute;
  display: none;
/*  left: -200px;*/
  top: 0;
  height: 100%;
	overflow-y: scroll;
	overflow-x: visible;
	transition: left 0.3s ease,
				      box-shadow 0.3s ease;
	z-index: 999;
}

.main-menu ul {
  list-style: none;
  margin: 0;
/*   padding: 2.5em 0 0; */
  /* Hide shadow w/ -8px while 'closed' */
/*   -webkit-box-shadow: -8px 0 8px rgba(0,0,0,.5);
     -moz-box-shadow: -8px 0 8px rgba(0,0,0,.5);
          box-shadow: -8px 0 8px rgba(0,0,0,.5); */
  min-height: 100%;
/*   width: 200px; */
/*   background: #1a1a1a; */
}

.main-menu .nav_ul_1 {
  list-style: none;
  column-count: 2;
/*  margin-top: 40px; */
  margin-left: 0;
  column-gap: 0;
}

.nav_ul_1 li,
.nav_ul_2 li,
.nav_ul_0 li {
    display: inline-block;
    width: 100%;
}

.nav_ul_2 li a, 
.nav_ul_0 li a {
    border-bottom: 2px solid #f2f2f2;
}

.nav_ul_1 li a,
.nav_ul_2 li a {
  padding: 15px 15px 15px 35px;
  color: var(--textColor);
	line-height: 1.5em;
	display: block;
    font-size: 16px;
    text-decoration: none;
    font-weight: 500;
}

.nav_ul_0 li a, 
.nav_ul_2 li a {
  padding: 15px 15px 15px 35px;
  color: var(--textColor);
	line-height: 1.5em;
	display: block;
    font-size: 18px;
    text-decoration: none;
    font-weight: 600;
}


.main-menu .menu-close {
  display: block;
  padding: 15px 15px;
  line-height: 1em;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
	font-weight: 500;
}



.main-menu li:first-child a {
/*  border-top: 1px solid #383838;*/
}

/* .main-menu a:hover,
.main-menu a:focus {
  background-color: var(--textHoverOn);
  text-decoration: underline;
  color: black;
} */

#submitlist a:hover,
#catlist a:hover,
#navlist a:hover {
	background-color: var(--textHoverOn);
  text-decoration: underline;
  color: black;
}

.main-menu .menu-close {
  position: absolute;
  right: 0;
  top: 3;
  cursor: pointer;
	display: none;
}

/*
 On small devices, allow it to toggle...
*/
/*
 :target for non-JavaScript
 aria-expanded="true/false" will be for JavaScript
*/
#main-menu-checkbox:checked ~ .dsk_mainBurger .main-menu,
.main-menu[aria-expanded="true"] {
  /*left: 0;
  outline: none;
  -moz-box-shadow: 3px 0 12px rgba(0,0,0,.25);
  -webkit-box-shadow: 3px 0 12px rgba(0,0,0,.25);
  box-shadow: 3px 0 12px rgba(0,0,0,.25);*/
  display: block;
  right: 0;
  outline: none;
  -moz-box-shadow: 3px 0 12px rgba(0,0,0,.25);
  -webkit-box-shadow: 3px 0 12px rgba(0,0,0,.25);
  box-shadow: 3px 0 12px rgba(0,0,0,.25);
/*  background: #323232; */
  width: 330px;
  
/*  background: -webkit-linear-gradient(top, #d13433 0%,#f7b42c 100%); */
/*  background: -webkit-linear-gradient(top, #b02828 19%,#d46b32 80%);  */
  background-color: var(--menuOn);
}

/*@media(max-width: 768px){
  .main-menu:target,
  .main-menu[aria-expanded="true"]{
    width: 100%
  }
}*/

#main-menu-checkbox:checked ~ .dsk_mainBurger .menu-close,
.main-menu[aria-expanded="true"] .menu-close {
  z-index: 1001;
}

#main-menu-checkbox:checked ~ .dsk_mainBurger .main-menu ul,
.main-menu[aria-expanded="true"] ul {
  position: relative;
  z-index: 1000;
}

/* 
 We could us `.main-menu:target:after`, but
 it wouldn't be clickable.
*/
#main-menu-checkbox:checked ~ .dsk_mainBurger .backdrop,
.main-menu[aria-expanded="true"] + .backdrop {
  /*position: absolute;
  display: block;  
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 998;
  background: #000;
  background: rgba(0,0,0,.85);
  cursor: default;*/
  position: absolute;
  display: block;  
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 998;
  background: #000;
  background: rgba(0,0,0,.50);
  cursor: default;
}

@supports (position: fixed) {
  .main-menu,
  #main-menu-checkbox:checked ~ .dsk_mainBurger .backdrop,
  .main-menu[aria-expanded="true"] + .backdrop {
    position: fixed;
  }
}

/*
 Larger screen styling
 Horizontal menu
*/
{
  .menu-toggle,
  .main-menu .menu-close,
  #main-menu-checkbox {
    display: none;
  }
  
  /* Undo positioning of off-canvas menu */
  .main-menu {
    /*position: relative;
		left: auto;
		top: auto;
		height: auto;
    overflow-y: auto; /* fix dumb MS Edge scrollbar issue */*/
    position: relative;
    left: auto;
    top: auto;
    height: auto;
    display: block;
    overflow-y: auto;
  }
  
  .main-menu ul {
    display: flex;
    
    /* Undo off-canvas styling */
    padding: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    height: auto;
    width: auto;
    background: none;
  }
  
  .main-menu a {
    color: #06c;
    border: 0 !important; /* Remove borders from off-canvas styling */
  }
  
  .main-menu a:hover,
  .main-menu a:focus {
    background: none; /* Remove background from off-canvas styling */
    color: #c00;
  }
}



.menu_blocks {
/*     margin-top: 50px; */
	padding-bottom: 70px;
}

.menu_blocks h4 {
    margin-left: 35px;
    font-size: 18px;
    color: var(--textColor);
	font-weight: 600;
}

.menu_blocks #catlist {
	padding-bottom: 15px;
	border-bottom: 2px solid #f2f2f2;
}


#sort_wrapper {
	box-shadow: 0 0px 3px rgb(0 0 0 / 20%);
	overflow-y: hidden;
	background: var(--sortNavOn);
}




/* @media(max-width: 768px){
	.sortbar a {
		width: 33%;
	}
} */

/* .topheader {
	position: sticky;
	position: -webkit-sticky;
		top: 0;
	z-index: 200000;
} */

/* #site_header {
    position: sticky;
    top: 0;
    z-index: 200000;
} */

#topbar_a #forumbtn {
	padding: 4px 15px !important;
    border-radius: 3px;
    margin: 8px 10px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
	color: black;
	text-align: center;
/* 	letter-spacing: 0.6px; */
	
	background: #fff;
/* 	border: 1px solid #fff; */
	
}

@media(max-width: 766px) {
	.topbar_navs {
		margin-top: 12px;
	}
}

#submitbtn2 {
    padding: 10px;
    background: #CF4645;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    color: white;
    text-align: center;
    margin-left: 30px;
    width: 130px;
}

#submitbtn2:active {
	background: #B53C3C;
}

@media(min-width: 767px) {
	.menu_blocks .submitstory_wrapper {
		display: none;
	}
}

@media(min-width: 767px) {
	.menu_blocks #searchbar_wrapper {
		display: none;
	}
}

/* @media screen and (max-width: 766px) and (min-width: 429px) {
	#main-menu-checkbox:checked ~ .dsk_mainBurger .main-menu, .main-menu[aria-expanded="true"] {
		width: 50%;
	}
} */

@media(max-width: 768px){
#main-menu-checkbox:checked ~ .dsk_mainBurger .main-menu, .main-menu[aria-expanded="true"] {
		width: 85%;
	}
}

.menu_blocks p {
    margin-left: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
}

#searchbar_wrapper li {
    margin-left: 30px;
    margin-top: 10px;
}




/*  /////// /////// /////// /////// /////// /////// */
/* //////////SLIDE MENU TEST ABOVE//////////////*//*/
/*  /////// /////// /////// /////// /////// /////// */

div#thread__container .dropdown-menu li {
    display: none !important;
}

.post-ratings {
	width: 100%;
	opacity: 1;
	/* background-color: #ffffff; */
}

.post-ratings-loading {
	display: none;
	height: 16px;
	text-align: left;
}

.post-ratings-image {
	border: 0;
}

.post-ratings img,
.post-ratings-loading img,
.post-ratings-image img {
	border: 0;
	padding: 0;
	margin: 0;
}

.post-ratings-text {
	
}

.post-ratings-comment-author {
	font-weight: normal;
	font-style: italic;
}

/* START - WP Page navi style */

#div_pagenavi .wp-pagenavi span.pages,
#div_pagenavi .wp-pagenavi a,
#div_pagenavi .wp-pagenavi .extend,
#div_pagenavi .wp-pagenavi span.current {
    padding: 7px 10px 7px 10px !important;
    border-radius: 0px 0px 3px 0px;
    border: none !important;
	color:#fff !important;
	margin-right:3px !important;
	text-decoration:none !important;
	font-size:14px !important;
	background:#636363 !important;
}
#div_pagenavi .wp-pagenavi a,
#div_pagenavi .wp-pagenavi .extend {
    background: #636363 !important; 
}
#div_pagenavi .wp-pagenavi span.pages,
#div_pagenavi .wp-pagenavi span.current,
#div_pagenavi .wp-pagenavi a:hover {
    background: #000000 !important; 
}
#div_pagenavi .wp-pagenavi {
    font-size: 12px !important;
    padding: 10px 20px 10px;
	display:block;
	clear:both;
}

/* END - WP Page navi style */

/*!
 * Bootstrap v2.3.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */



/*  Sidebar Ads placements! */
.row {
  margin-left: -20px;
  *zoom: 1;
}

.row:before,
.row:after {
  display: table;
  line-height: 0;
  content: "";
}

.row:after {
  clear: both;
}

[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}
/* Sidebar Ads placements! */

/* START Page main block elements positioning */

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}


[class*="span"].hide,
.row-fluid [class*="span"].hide {
  display: none;
}

[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
  float: right;
}

.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}

.container:before,
.container:after {
  display: table;
  line-height: 0;
  content: "";
}

.container:after {
  clear: both;
}

.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
  *zoom: 1;
}

.container-fluid:before,
.container-fluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.container-fluid:after {
  clear: both;
}

/* END Page main block elements positioning */



/*  Tag/Month/Year styling  */
select {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
/*   Tag/Month/Year styling  */



/*  Affects Tag/Month/Year drop down  */
select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 30px;
}

/*  Affects Tag/Month/Year drop down  */





/*  Search icon */
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("images/glyphicons-halflings.png"); /* NANEDIT */
  background-position: 14px 14px;
  background-repeat: no-repeat;
}
/*  Search icon */




/*  burger menu close func */

.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
     -moz-transition: height 0.35s ease;
       -o-transition: height 0.35s ease;
          transition: height 0.35s ease;
}
/*  burger menu close func */



/*  burger menu icon styling */

.navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}


.btn-navbar .icon-bar + .icon-bar {
  margin-top: 3px;
}

/*  burger menu icon styling */


button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}

ul,
ol {
  padding: 0;
  margin: 0 0 10px 25px;
}

.nav-collapse ul {
    margin: 20px 0 0 0;
}

body {
    line-height: 20px;
}

h1,
h2,
h3 {
  line-height: 40px;
}

h1 {
  font-size: 38.5px;
}

h2 {
  font-size: 31.5px;
}

h3 {
  font-size: 24.5px;
	font-weight: 600;
}

h4 {
  font-size: 17.5px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 11.9px;
}

h1 small {
  font-size: 24.5px;
}

h2 small {
  font-size: 17.5px;
}

h3 small {
  font-size: 14px;
}

h4 small {
  font-size: 14px;
}

p {
  margin: 0 0 14px;
}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.gform_wrapper select {
    margin-bottom: 0px;
}



/*!
 * Bootstrap Responsive v2.3.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */



/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}


/* NO EFFECT? -- Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 724px;
  }
  .span12 {
    width: 724px;
  }
  .span11 {
    width: 662px;
  }
  .span10 {
    width: 600px;
  }
  .span9 {
    width: 538px;
  }
  .span8 {
    width: 476px;
  }
  .span7 {
    width: 414px;
  }
  .span6 {
    width: 352px;
  }
  .span5 {
    width: 290px;
  }
  .span4 {
    width: 228px;
  }
  .span3 {
    width: 166px;
  }
  .span2 {
    width: 104px;
  }
  .span1 {
    width: 42px;
  }
  .offset12 {
    margin-left: 764px;
  }
  .offset11 {
    margin-left: 702px;
  }
  .offset10 {
    margin-left: 640px;
  }
  .offset9 {
    margin-left: 578px;
  }
  .offset8 {
    margin-left: 516px;
  }
  .offset7 {
    margin-left: 454px;
  }
  .offset6 {
    margin-left: 392px;
  }
  .offset5 {
    margin-left: 330px;
  }
  .offset4 {
    margin-left: 268px;
  }
  .offset3 {
    margin-left: 206px;
  }
  .offset2 {
    margin-left: 144px;
  }
  .offset1 {
    margin-left: 82px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.7624309392265194%;
    *margin-left: 2.709239449864817%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.7624309392265194%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.43646408839778%;
    *width: 91.38327259903608%;
  }
  .row-fluid .span10 {
    width: 82.87292817679558%;
    *width: 82.81973668743387%;
  }
  .row-fluid .span9 {
    width: 74.30939226519337%;
    *width: 74.25620077583166%;
  }
  .row-fluid .span8 {
    width: 65.74585635359117%;
    *width: 65.69266486422946%;
  }
  .row-fluid .span7 {
    width: 57.18232044198895%;
    *width: 57.12912895262725%;
  }
  .row-fluid .span6 {
    width: 48.61878453038674%;
    *width: 48.56559304102504%;
  }
  .row-fluid .span5 {
    width: 40.05524861878453%;
    *width: 40.00205712942283%;
  }
  .row-fluid .span4 {
    width: 31.491712707182323%;
    *width: 31.43852121782062%;
  }
  .row-fluid .span3 {
    width: 22.92817679558011%;
    *width: 22.87498530621841%;
  }
  .row-fluid .span2 {
    width: 14.3646408839779%;
    *width: 14.311449394616199%;
  }
  .row-fluid .span1 {
    width: 5.801104972375691%;
    *width: 5.747913483013988%;
  }
  .row-fluid .offset12 {
    margin-left: 105.52486187845304%;
    *margin-left: 105.41847889972962%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.76243093922652%;
    *margin-left: 102.6560479605031%;
  }
  .row-fluid .offset11 {
    margin-left: 96.96132596685082%;
    *margin-left: 96.8549429881274%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.1988950276243%;
    *margin-left: 94.09251204890089%;
  }
  .row-fluid .offset10 {
    margin-left: 88.39779005524862%;
    *margin-left: 88.2914070765252%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.6353591160221%;
    *margin-left: 85.52897613729868%;
  }
  .row-fluid .offset9 {
    margin-left: 79.8342541436464%;
    *margin-left: 79.72787116492299%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 77.07182320441989%;
    *margin-left: 76.96544022569647%;
  }
  .row-fluid .offset8 {
    margin-left: 71.2707182320442%;
    *margin-left: 71.16433525332079%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.50828729281768%;
    *margin-left: 68.40190431409427%;
  }
  .row-fluid .offset7 {
    margin-left: 62.70718232044199%;
    *margin-left: 62.600799341718584%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.94475138121547%;
    *margin-left: 59.838368402492065%;
  }
  .row-fluid .offset6 {
    margin-left: 54.14364640883978%;
    *margin-left: 54.037263430116376%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.38121546961326%;
    *margin-left: 51.27483249088986%;
  }
  .row-fluid .offset5 {
    margin-left: 45.58011049723757%;
    *margin-left: 45.47372751851417%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.81767955801105%;
    *margin-left: 42.71129657928765%;
  }
  .row-fluid .offset4 {
    margin-left: 37.01657458563536%;
    *margin-left: 36.91019160691196%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.25414364640884%;
    *margin-left: 34.14776066768544%;
  }
  .row-fluid .offset3 {
    margin-left: 28.45303867403315%;
    *margin-left: 28.346655695309746%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.69060773480663%;
    *margin-left: 25.584224756083227%;
  }
  .row-fluid .offset2 {
    margin-left: 19.88950276243094%;
    *margin-left: 19.783119783707537%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.12707182320442%;
    *margin-left: 17.02068884448102%;
  }
  .row-fluid .offset1 {
    margin-left: 11.32596685082873%;
    *margin-left: 11.219583872105325%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.56353591160221%;
    *margin-left: 8.457152932878806%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 20px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 710px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 648px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 586px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 524px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 462px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 400px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 338px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 276px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 214px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 152px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 90px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 28px;
  }
}

/* NO EFFECT?  */

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  body {
    padding-right: 20px;
    padding-left: 20px;
  }
	/*
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-right: -20px;
    margin-left: -20px;
  }
	*/
  .container-fluid {
    padding: 0;
  }
  .dl-horizontal dt {
    float: none;
    width: auto;
    clear: none;
    text-align: left;
  }
  .dl-horizontal dd {
    margin-left: 0;
  }
  .container {
    width: auto;
  }
  .row-fluid {
    width: 100%;
  }
  .row,
  .thumbnails {
    margin-left: 0;
  }
  .thumbnails > li {
    float: none;
    margin-left: 0;
  }
  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="offset"]:first-child {
    margin-left: 0;
  }
  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 0;
  }
  .modal {
    position: fixed;
    top: 20px;
    right: 20px;
    left: 20px;
    width: auto;
    margin: 0;
  }
  .modal.fade {
    top: -100px;
  }
  .modal.fade.in {
    top: 20px;
  }
}


/* Portrait tablet to landscape and desktop */
/* COLLAPSE code */
/* @media (max-width: 979px) { */
@media (max-width: 767px) {
  body {
    padding-top: 0;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  .navbar-fixed-top {
    margin-bottom: 20px;
  }
  .navbar-fixed-bottom {
    margin-top: 20px;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 0 0 -5px;
  }
  .nav-collapse {
    clear: both;
  }
  .nav-collapse .nav {
/*     float: none;
    margin: 0 0 10px; */
	 display: flex;
    flex-direction: column;
  }
	
ul.nav {
    align-items: center;
    list-style-type: none;
}

ul.nav li {
    margin-bottom: 20px;
}
	
ul.nav {
    padding-inline-start: 0px;
}
}


/* Default: 980px and up  */
@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}




/* 2017 Site Merger 5/18/17 */
.postheadercat {
    padding: 1px 9px;
    border-radius: 23px;
    color: white;
    font-weight: 600;
    text-decoration: none;
}
#postheadercat_Right, #postheadercat_Unfiltered, #postheadercat_General, #postheadercat_Extras { background-color: #d13433; }
#postheadercat_Working { background-color: #DD8B5E; }
#postheadercat_Romantic { background-color: #CE76A2; }
#postheadercat_Related { background-color: #48A4D8; }
#postheadercat_Learning { background-color: #D8AE48; }
#postheadercat_Friendly { background-color: #5DB2A3; }
#postheadercat_Hopeless { background-color: #5ac7ee; }
#postheadercat_Healthy { background-color: #B6CC5C; } /* 10/23/17 */
#postheadercat_Legal { background-color: #AC9DC9; } /* 5/4/18 */


/* START Styling for in post images */

img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

.featuredimage {
    float: right;
    width: 40px;
    margin-top: 4px;
    margin-left: 10px;
}
.featuredimage img,
.categoryImage img {
    /* CUSTOM 3/18/16 -- .categoryImage */
    
    border-radius: 4px;
}

/* img align classes sion 2/5/16 */

img.alignright {
    float: right;
    margin: 0 0 1em 1em;
}
img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}
img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* END Styling for in post images */

.tagdescription p {
    margin-block-start: 0;
}

/* START New Category Bar CSS (replaces alert & announce) */

.catnav {
    height: 60px;
    box-sizing: border-box;
    display: -webkit-box;
    overflow-x: scroll;
    max-width: 964px;
    margin: 20px auto 10px auto;
    overflow-y: hidden;
	padding: 0px 10px;
}

.catnav::-webkit-scrollbar { 
	width: 0 !important 
}

.catnav a {
    display: block;
    height: 32px;
    line-height: 32px;
    margin-right: 8px;
    margin-bottom: 8px;
    background: var(--catNavOn);
    text-decoration: none;
    padding: 3px 12px;
    border-radius: 24px;
	font-weight: 600;
}


.catnav a:hover {
    background: var(--catNavOnHov);
}

/* 
.catnav_inner {
    display: flex;
	-webkit-overflow-scrolling: touch;
	overflow-x: scroll;
    display: -moz-box;
	max-width: 969px;
    margin: auto;
}
 */
.container_content {
/*     margin-top: 20px; */
}

/* END New Category Bar CSS */

/* START New Sort Bar 2-10-2021 */

.sortbar {
    height: 50px;
    position: relative;
/*     overflow: hidden; */
	max-width: 969px;
    margin: auto;
}

.sortbar_inner_one a {
    float: left;
    text-align: center;
    text-decoration: none;
    line-height: 24px;
    padding: 13px 17px;
	white-space: nowrap;
	font-size: 16px;
/*     text-transform: uppercase; */
}


.sortbar_inner {
    display: flex;
	-webkit-overflow-scrolling: touch;
/* 	overflow-x: scroll; */
    display: -moz-box;
/* 	align-items: center; */
}

.tagheader svg {
    margin-right: 10px;
    margin-bottom: -5px;
}

/* END New Sort Bar 2-10-2021 */

/* CHANGES STARTING: January 21, 2020 */

#meta_container_left {
    display: flex;
    float: left;
}

#meta_container_right {
    float: right;
}

div#desktop_storynavi_style {
    padding-top: 65px !important;
}

#meta_report_icon img {
	height: 36px;
}

/* Share dropdown menu start */

			/* Style The Dropdown Button */
.dropbtn {
/*   padding: 0 12px; */
    font-size: 16px;
    background-color: var(--catNavOn);
    border: none;
    cursor: pointer;
    height: 40px;
/*     border-radius: 3px; */
	color: var(--textColor);
}

.dropbtn svg {
    fill: var(--shareIconOn);
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
 background: var(--commentMenuOn);
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 999;
	font-size: 16px;

}
/* 
.dropdown-content .copytooltip img {
    margin-left: 16px;
    margin-top: 10px;
	width: 40px;
	height: 40px;
} */

.dropdown-content svg {
/*     width: 35px;
    height: 35px; */
	margin-right: 25px;
}

.dropdown-content button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
/*     margin-top: 9px; */
}

.dropdown-content input[type="text"] {
    border: none;
    background-image: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 1px;
    height: 1px;
    caret-color: transparent !important;
	font-size: 16px;
}

.dropdown-content input:focus,
.dropdown-content select:focus,
.dropdown-content textarea:focus,
.dropdown-content button:focus {
    outline: none;
}

/* Links inside the dropdown */

.dropdown-content a {
  color: var(--textColor);
/* 	color: #fff; */
  padding: 12px 16px;
  text-decoration: none;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 575px) {
	.dropdown-content {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100vw;
/* 		padding-bottom: 70px; */
/* 		box-shadow: 2px 7px 5px 10px rgba(0,0,0,0.26); */
		box-shadow: -2px -400px 5px 400px rgba(0,0,0,0.50);
		-webkit-box-shadow: -2px -400px 5px 400px rgba(0,0,0,0.50);
		-moz-box-shadow: -2px -400px 5px 400px rgba(0,0,0,0.50);
	}
	
	.dropdown-content a {
	padding: 16px 16px;
	}
}



.dropdown-content a:hover {
	background: var(--catNavOnHov);
}

.dropdown-content .copytooltip:hover {
	background: var(--catNavOnHov);
}


/* .dropdown-content a:first-child {
	background: #44578f;
} */

/* .dropdown-content a:nth-child(2) {
	background: #f84200;
} */

/* .dropdown-content a:nth-child(3) {
	background: #999999;
}
 */
/* Change color of dropdown links on hover */
/* .dropdown-content a:hover {background-color: #f1f1f1} */

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
	z-index: 99999;
}


.dropdown-content img {
    width: 40px;
    margin-right: 15px;
}


/* Copy Link CSS */


.copytooltip {
  position: relative;
  display: flex;
	padding: 12px 16px;
}

.copytooltip .copytooltiptext {
  visibility: hidden;
  width: auto;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.copytooltip .copytooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.copytooltip:hover .copytooltiptext {
  visibility: visible;
  opacity: 1;
}

.copytooltip button {
    color: var(--textColor);
}


/*  Removes text highlight of input field when selected */
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

/* CHANGES ENDING: January 21, 2020 */

/* Footer Nav START */

.footer_main {
  font-size: 14px;
  display: flex;
  padding: 15px 30px 50px 30px;
}

@media screen and (max-width: 577px) {
   .footer_main {
  padding-bottom: 100px;
}
}

.nav__title {
  font-weight: 600;
    font-size: 16px;
}

.footer_main ul {
  list-style: none;
  padding-left: 0;
  white-space: nowrap;
	margin: 0;
}

.footer_main li {
  list-style: none;
  line-height: 2em;
}

.footer_main a {
  text-decoration: none;
}

.footer__nav  {
  display: flex;
  margin: auto;
  justify-content: center;
}

@media screen and (max-width: 577px) {
   .footer__nav {
    flex-wrap: wrap;
  }
}

.nav__ul a {
  color: #999;
	font-size: 16px;
    line-height: 2.3;
}

#link_column {
width: 180px;
}

@media screen and (max-width: 459px) {
   #link_column {
	width: 150px;
	}
}

.nav__item {
  margin-left: 30px;
}


/* Footer Nav END */

/* Gravity form styling START */
.gform_wrapper input::-webkit-input-placeholder, 
.gform_wrapper textarea::-webkit-input-placeholder {
	color: #555555 !important;
}

.gform_wrapper .gform_footer {
	padding: 0px !important;
}
	
#input_6_1_3, #input_7_1_3, #input_1_18_3 {
    height: 40px;
}

#input_6_2, #input_6_3, #input_6_5, #input_6_4, #input_6_6, #input_6_7, #input_6_8, #input_1_1, #input_1_2, #input_1_8, #input_7_2, #input_7_4, #input_7_8, #input_1_16 {
    height: 40px;
    width: -webkit-fill-available;
	padding-left: 10px;
	-webkit-appearance: none;
}

/* Gform for themed story submission */

#input_9_1, #input_9_2, #input_9_8, #input_1_16, #input_9_18_3 {
    height: 40px;
    width: -webkit-fill-available;
	padding-left: 10px;
	-webkit-appearance: none;
}

#gform_9 .gfield_label {
    display: none;
}

/* end Gform for themed story submission */

#gfield_description_6_8, #gfield_description_7_8 {
    padding-bottom: 15px;
	padding-top: 0px;
}

#gform_7 #field_7_1 .gfield_label, 
#gform_7 #field_7_2 .gfield_label, 
#gform_7 #field_7_4 .gfield_label, 
#gform_7 #field_7_9 .gfield_label {
    display: none;
}

li#field_6_1 .gfield_label, 
li#field_6_2 .gfield_label, 
li#field_6_3 .gfield_label, 
li#field_6_4 .gfield_label, 
li#field_6_5 .gfield_label, 
li#field_6_6 .gfield_label, 
li#field_6_7 .gfield_label, 
li#field_6_8 .gfield_label, 
li#field_6_9 .gfield_label, 
li#field_6_10 .gfield_label {
	display: none;
}

.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
	display: none !important;
}

.gform_wrapper .field_description_below .gfield_description {
    padding: 0 !important;
}

/* li#field_6_8 {
	padding-top: 15px;
	border-top: 1px solid #c1c1c14a;
} */

#gform_1 .gfield_label {
    display: none;
}

#gform_submit_button_6, #gform_submit_button_1, #gform_submit_button_7, #gform_submit_button_9 {
    padding: 7px 20px;
    background: #CF4645;
    border-radius: 3px;
    font-weight: bold;
    text-decoration: none;
    color: white;
    border: 0;
/*     text-transform: uppercase; */
    font-family: 'Open Sans';
    font-weight: 600;
    width: -webkit-fill-available;
}

.gform_wrapper .top_label input.medium {
padding: 0 15px !important;
}
.gform_wrapper input[type="text"] {
    /* CHANGED 080515 */
    
    border: 1px solid #cccccc !important;
}

#gform_confirmation_message_6 {
    color: var(--textColor);
}

label.wpforms-field-label {
    color: var(--textColor);
}


/* Gravity form styling END */


.navright .beststories_tooltip, 
.navright .alltags_tooltip,
.navright .randomstory_tooltip,
.navright .search_tooltip,
.dark-mode-toggle .darkmode_tooltip,
#meta_comments_icon .reportstory_tooltip {
  visibility: hidden;
  background-color: #f0f0f0;
  color: #000;
  text-align: center;
  border-radius: 2px;
  padding: 5px 10px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.54);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.54);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.54);
  position: absolute;
  z-index: 1;
  top: 100%;
  margin-left: -60px;
}

.navright:hover .beststories_tooltip, 
.navright:hover .alltags_tooltip, 
.navright:hover .search_tooltip, 
.dark-mode-toggle:hover .darkmode_tooltip
#meta_comments_icon:hover .reportstory_tooltip {
  visibility: visible;
}

@media (min-width: 767px){
	.navright:hover .randomstory_tooltip {
	visibility: visible;
}
}


/* feed header styling -- START  */

#post-217989 .storycontent, 
#post-220794 .storycontent,
#post-220809 .storycontent, 
#post-220806 .storycontent,
#post-220853 .storycontent,
#post-220857 .storycontent,
#post-220863 .storycontent,
#post-87353 .storycontent,
#post-218002 .storycontent,
#post-253026 .storycontent,
#post-254130 .storycontent {

    border-top: 1px solid #c1c1c14a;
    padding-top: 20px;
 
}

/* .tagheader {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #555555;
	font-size: 15px;
} */


.tagheader a {
    text-decoration: none;
    line-height: 26px;
    font-size: 20px;
    font-weight: 600;
}

.tagheader a svg {
    fill: var(--shareIconOn);
}

.tagheader a img {
    width: 20px;
    height: auto;
    margin-bottom: 5px;
}

.tagdescription {
/*     font-size: 14px; */
	font-style: italic;
}

.tagdescription p {
    margin-bottom: 0px !important;
	padding-top: 5px;
}


.feed-header {
	border-bottom: 1px solid #c1c1c14a;
	display: flex;
    line-height: 1;
	margin-bottom: 20px;
}

@media screen and (max-width: 766px) {
	.feed-header {
	margin-top: 20px;
}
}


.feed-header img {
		max-width: 50px;
		max-height: 50px;
		margin-right: 11px;
		margin-bottom: 15px;
	}

@media screen and (max-width: 766px) {
  .feed-header img {
		max-width: 34px;
		max-height: 34px;
  }
}

.feed-header .feed-header_container_image {
	margin: 5px;
	border-radius: 5px;
	flex: 0 0 60px;
}
  
.feed-header .feed-header_container_text {
	align-self: center;
	line-height: 20px;
	padding-bottom: 20px;
}

/* feed header styling -- END */

.nav-collapse.in.collapse ul li:first-child:active {
	background: #b33c3b;
}

.nav-collapse.in.collapse ul li:first-child:hover {
	background: #d24d4c;
}

/* .nav-collapse.in.collapse ul li:first-child a, .nav-collapse.collapse ul li:first-child a {
	background: #CF4645;
    border-radius: 2px;
    height: 20px;
    padding: 10px 0px;
    margin-top: 20px;
} */

ul.nav li:first-child {
    width: 100%;
    background: #CF4645;
    border-radius: 2px;
    padding: 10px;
    text-align: center;
}

.navright {
	padding: 0px 23px 0 0px;
}

/* All Tags page */
ul.st-tag-cloud {
	margin-top: 15px;
	list-style-type: none;
}

@media screen and (max-width: 1499px) {
	ul.st-tag-cloud {
		column-count: 2;
	}
}

@media screen and (min-width: 1500px) {
	ul.st-tag-cloud {
		column-count: 3;
	}
}


ul.st-tag-cloud li {
	margin-bottom: 20px;
	margin-right: 10px;
}
/* All Tags page END */

/* Mobile navigation -- WP-Pagenavi */
#mobile_pagenavi .pages, #mobile_pagenavi .first, #mobile_pagenavi .last, #mobile_pagenavi .extend, #mobile_pagenavi .current { 
	/* Mobile navigation: Hide unnecessary wp-pagenavi elements: first, last, extend (...), and intermediate pages */
	display: none; 
}

#mobile_pagenavi .wp-pagenavi {
	/* Mobile navigation: Override float: left on mobile so navigation is centered */
	float: none !important;	
	margin-top: 20px;
}

#mobile_pagenavi .nextpostslink, #mobile_pagenavi .previouspostslink {
	/* Mobile navigation: Button styling */
	width: 125px;
	background-color: #d13433;
	text-indent: 0;
	display: inline-block;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	text-align: center;
	border-radius: 5px !important;
}

#mobile_pagenavi .nextpostslink:hover, #mobile_pagenavi .previouspostslink:hover {
	/* Mobile navigation: Button hover color */
	background-color: #d8797e;
}

#mobile_pagenavi .previouspostslink {
	/* Mobile navigation: Margin between Next and Previous buttons */
	margin-right: 20px;
}
/* END Mobile navigation -- WP-Pagenavi */


/* ABOVE 11-18-2020 */

.proper-ad-unit.ad-sticky.sticky-btm .brand {
	display:none;
}

/* START Wordpress Popular Posts */

.wpforms-field-medium { border: 1px solid #ccc !important; }

.wpp-bigwrapper h2 {
	font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: rgba(34,59,74,.5);	
}
.wpp-grid {
  margin: 0 -1px 1.35rem -1px;
  font-family: "Helvetica Neue",arial,sans-serif !important;
  padding: 0;
}
 
  .wpp-grid p:empty {
    display: none;
  }
 
  .wpp-grid li {
    list-style: none;
    margin: 0 0 1.5rem;
    padding: 0;
  }
   
  .wpp-grid li:last-child {
    margin: 0;
  }
   
    .wpp-grid li .wpp-thumbnail {
      display: block;
      width: 100%;
      height: auto;
      border-radius: 5px;
    }
     
    .wpp-post-title {
      display: block;
      margin-top: 0.8em;
      font-size: 1.1rem;
      font-weight: bold;
      line-height: 1.3;
      text-align: center;
    }

@media only screen and (min-width: 320px) { /* formerly 481px */
  .wpp-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Two-columns */
    grid-gap: 1rem;
  }
}
 
@media only screen and (min-width: 768px) {
  .wpp-grid {
    grid-template-columns: 1fr 1fr 1fr; /* Three-columns */
  }
}

.wpp-post {
    height: 200px;
    border: 1px solid #e7e9ee;
    border-radius: 6px;
    /* width: 12%; */
	min-width: 130px;
    /* min-width: 200px; */
}

.wpp-recommend-header {
    position: relative;
    height: 50%;
    width: 100%;
    overflow: hidden;
}

.wpp-thumbnail {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: calc(100px);
    object-fit: cover;
    transform: translate(-50%,-50%);
    transition: all .2s linear;
}

.wpp-img-wrapper .overlay {
    position: absolute;
    background: linear-gradient(to top,rgba(0,0,0,.35) 10%,rgba(0,0,0,.1) 60%,transparent 90%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

h3 .wpp-recommend-title {
    position: absolute;
    bottom: 0;
    margin: 8px auto;
    left: 5%;
    white-space: normal;
    line-height: 1.25;
    overflow: hidden;
    font-size: 12px !important;
    text-shadow: 0 0.5px 2px rgba(0,0,0,.35);
    padding-bottom: 0px !important;
}

.wpp-post-title {
    font-size: 1rem;
    color: white !important;
    font-weight: 500;
    text-align: left !important;
}

.wpp-meta {
    color: rgba(30,55,70,.5);
    font-size: 90%;
    width: 90%;
    font-weight: 400;
    margin: 4px 5% 2px 5%;
}

.content-preview-wrapper {
    margin: 0 5% 6px;
    color: #333;
    font-size: 1em;
	max-height: calc(20px * 3); /* Truncate at 3 lines */
    overflow: hidden;
}

/* END Wordpress Popular Posts */


.code-block-label {
color: #5e6a74;
font-size: 11px;
}
.ad-sticky-wrapper div:first-of-type {
  background-color: rgba(0,0,0,0) !important;
}
.ad-sticky-anchor::before {
  content: "X" !important;
  margin-right: 10px !important;
  width: 25px !important;
  border-radius: 50% !important;
  font-size: 10px !important;
  background-color: #FFFFFF !important;
}

.ad-sticky.ad-sticky-anchor div {
  background-color: rgba(0,0,0,0) !important;
} 
#topbar_a #randombtn img {
	width: 15px;
	margin: 15px 10px 15px 10px;
}		
#topbar_a #randombtn {
	float: left;
}

#submitbtn {
	float: right;
}

#submitbtn, #contactbtn {
	padding: 4px 15px !important;
    background: #CF4645;
    border-radius: 3px;
    margin: 8px 10px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
	color: white;
	text-align: center;
	margin-right: 25px;
/* 	letter-spacing: 0.6px; */
}

#submitbtn:hover, #contactbtn:hover {
	background: #D1605E;
	color: white;
}

#submitbtn:active, #contactbtn:active {
	background: #B53C3C;
}

#contactbtn_p {
	text-align: center;
}




/* END - CHANGE ADD STORY 02/19/20 */
		


/* Top border for selected category color 2017 (Site Merger 5/6/17) */

.topbar_border_nar,
.topbar_border_all,
.topbar_border_uf {
    border-bottom: 6px solid #d13433 !IMPORTANT;
}
.topbar_border_naw {
    border-bottom: 6px solid #DD8B5E !IMPORTANT;
}
.topbar_border_naro {
    border-bottom: 6px solid #CE76A2 !IMPORTANT;
}
.topbar_border_nare {
    border-bottom: 6px solid #48A4D8 !IMPORTANT;
}
.topbar_border_nal {
    border-bottom: 6px solid #D8AE48 !IMPORTANT;
}
.topbar_border_naf {
    border-bottom: 6px solid #5DB2A3 !IMPORTANT;
}
.topbar_border_nah {
    border-bottom: 6px solid #5ac7ee !IMPORTANT;
}
.topbar_border_nahe {
    border-bottom: 6px solid #B6CC5C !IMPORTANT; /* 10/23/17 */
}
.topbar_border_nale {
	border-bottom: 6px solid #AC9DC9 !IMPORTANT; /* 5/4/18 */
}

/* DFP Changes 8/20/16 */

.code-block.code-block-11 {
    display: none;
}
#mobile_footer_ad,
.ad_desktop_incontent {
    clear: both;
    text-align: center;
}


/* CUSTOM 4/7/16 Responsive Mobile Navbar */
@media screen AND (min-width: 370px) AND (max-width: 766px) {
    .brand img {
        height: 22px !important;
		width: auto;
    }
    .navbar .btn-navbar {
        padding: 10px 10px !important;
    }
}
@media screen AND (min-width: 331px) AND (max-width: 369px) {
    .brand img {
        height: 25px !important;
    }
    .navbar .btn-navbar {
        padding: 8px 10px 9px 10px !important;
    }
}
@media screen AND (max-width: 330px) {
    .brand img {
        height: 20px !important;
    }
    .navbar .btn-navbar {
        padding: 8px 10px !important;
    }
}




/* Post Ratings img */

#meta_vote {
    margin: 0px 15px 0px 0px;
}
.post-ratings IMG {
    width: 30px !important;
}
.post-ratings {
    /* padding-right: 10px; */
}
.ratings_image {
    float: left;
}
.ratings_image img {
    /* height: 32px; */
}
.ratings_meta {
    float: right;
    background-color: var(--catNavOn);
    line-height: 18px !important;
    padding: 11px 11px 11px 11px;
}
.ratings_count {
    display: block;
    padding-bottom: 0px;
    font-size: 16px;
    font-family: Open Sans, sans-serif;
    text-align: center;
	color: var(--textColor)
}
.ratings_text {
    font-size: 9px;
    font-family: Arial, sans-serif;
    color: #fff;
    line-height: 12px;
    font-weight: normal;
    text-align: center;
}

#meta_vote img {
    width: 40px !important;
}
#meta_container {
	margin-top: 30px;
}


#meta_comments_wrapper {
	margin-right: 15px;
}

#meta_comments {
    float: left;
    background-color: var(--catNavOn);
    padding: 11px 11px 9px 11px !important;
}

#meta_comments a {
   text-decoration: none;
}

#meta_comments_icon {
    float: left;
}
#meta_comments_icon img {
    height: 40px;
}


/* Meta Divs Comment Counter */

.disqus-comment-count {
    font-family: Open Sans, sans-serif;
}


.sidebar_wrapper {
    text-align: center;
    padding-top: 20px;
    clear: both; 
	z-index: 100000!important;	
}

.sidebarnav {
    font-family: open sans;
	font-size: 14px;
    word-spacing: 13px;
    line-height: 1.8;
	text-align: left;
	padding-left: 5px;
}

.change-consent {
    word-spacing: 0px;
}

.sidebarnav a {
	color:#979797;
}

.sidebar_wrapper select {
    width: 300px !important;
}


#topbar_a {
    height: 60px;
    background-color: #323232;
}
#topbar_a_logo {
    
    height: 42px;
}

#topbar_a #logos {
    float: left;
}
#topbar_a #navs {
    float: right;
	display: flex;
	align-items: center;
	margin-top: 4px;
}
/* #topbar_a #navs a {
    color: white;
} */
/* #topbar_a #navs img {
    width: 70%;
    margin: 0px 10px 0px 18px;
} */

#topbar_a #navs a:hover {
    text-decoration: none !important;
    /* cancel out underline */
}

.container {
    position: relative;
}


/* START Search styling */

#menu_search {
    position: absolute;
    right: 0px;
	top: 50px;
/*     padding: 10px; */
	padding: 10px 10px 10px 0;
    background-color: #323232;
    z-index: 1;
    display: none;
}
.input-append {
	display: flex;
}

#searchbar_wrapper #searchform input[type="text"],
#menu_search #searchform input[type="text"] {
    padding: 5px 10px !important;
    border: 1px solid var(--sortNavOff);
}


.input-append .btn:last-child,
.input-append .btn,
.input-append input {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.btn {
    padding: 5px 12px !important;
    background-color: #555 !important;
    border: 0px solid #cccccc !important;
	color: #fff;
}

@media screen and (max-width: 575px){
	.btn {
   	padding: 8px 12px !important;
	}	
}

/* END Search styling */

blockquote {
    border-left: 5px solid #ccc;
    margin-left: 1.5em;
    padding-left: 5px;
}


body {
    font-family: 'Open Sans', sans-serif !important;
    /* 0815 */
    
    font-size: 1em;
    /* 0815a */
    
    font-weight: 400 !important;
    /* 0815 */
    
    background: #fff;
    color: #000;
    margin: 0;
    padding: 0;
}


/* classes used by the_meta() */

ul.post-meta {
    list-style: none;
}
ul.post-meta span.post-meta-key {
    font-weight: bold;
}

.post {
	padding-bottom: 55px;
    /* old 10px */
    clear: both;
}

h1 { /* 06/12/2017 h1 added for title */
	font-size: 28px;
	font-weight: 600;
	color: #555;
	padding-bottom: 5px;
	letter-spacing: -0.01em;
}

.storytitle {
    margin: 0;
    line-height: 1.2em; /* Restored to 1.2em 6/10/17 from 1.6em */
}
.storytitle a {
    text-decoration: none;
}


/* 9/20/16 */

.storycontent {
    margin-top: -5px;
	font-size: 16px;
	line-height: 25px;
}

.topheader {
	background-color: #323232;
}

.navbar .brand {
    padding: 0;
    margin-left: -2px;
}

.navbar .nav > li > a,
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
    text-decoration: none;
}


#ad_desktop {
    height: 90px;
}
#ad_desktop_footer {} #ad_desktop_wrapper {
    overflow: visible;
    width: auto;
    margin-top: 5px;
    /* 0815 */
    
    margin-bottom: 25px;
    /* 0815 */
}

#ad_mobile {
    background-color: white;
    padding-bottom: 5px;
}
#ad_mobile_leaderboard {
    /* CUSTOM 9/14/16 */
    text-align: center;
	min-height: 89px;
	border-bottom: 1px solid var(--adDividerLight) !important;
}


/* CUSTOM 1/22/16 */

.post_header,
.post_footer {
    padding-bottom: 16px;
	font-size: 14px !important;
    color: #999;
    margin-top: -2px;
/*     text-transform: uppercase; */
	line-height: 1.9;
}

/* CUSTOM 3/18/16 - Added media queries to adjust supernav padding */

@media (min-width: 768px) {
    /* Desktop */
    .post_divider {
		border-bottom: 1px solid rgba(0,0,0,.1);
		margin-bottom: 22px;
		}
    .post_supernav_link {
        padding: 10px 6px 10px 6px;
    }
}
@media (max-width: 767px) {
    /* Mobile */
    #disqus_thread {
		margin: 0px 0px 24px 0px
	}
    .post_supernav_link {
        padding: 10px 5px 10px 5px;
    }
	.post_divider {
		display: none;
		}
}



#activetab_newest,
#activetab_trending,
#activetab_nar,
#activetab_all,
#activetab_uf, #activetab_nar a,
#activetab_all a,
#activetab_uf a {
/*     font-weight: bold; */
    color: #d13433;
}	
#activetab_naw, #activetab_naw a {
    color: #DD8B5E;
}
#activetab_naro, #activetab_naro a {
    color: #CE76A2;
}
#activetab_nare, #activetab_nare a {
    color: #48A4D8;
}
#activetab_nal, #activetab_nal a {
    color: #D8AE48;
}
#activetab_naf, #activetab_naf a {
    color: #5DB2A3;
}
#activetab_nah, #activetab_nah a {
    color: #5ac7ee;
}
#activetab_nahe, #activetab_nahe a { 
    color: #B6CC5C; 
}

#activetab_nale, #activetab_nale a {  
    color: #AC9DC9;
}




/* CUSTOM 9/14/16 */

#topbar_leaderboard {
    /* height: 90px; */
    
    border-bottom: none;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 10px;
    background: #323232;
}
/* CUSTOM 9/14/16 */

@media (max-width: 767px) {
    #topbar_leaderboard {
        display: none;
    }
}

/* CUSTOM 9/14/16 */

.navbar .hamburger_nav_important a {
    COLOR: #fff;
}

/* CUSTOM 9/14/16 */

.hamburger_nav a {
/*     text-transform: none !IMPORTANT;
    font-size: 1em !IMPORTANT;
    text-align: center; */
}


/* CUSTOM 1/22/16 */

@media (max-width: 767px) { 
    .storycontent {
        line-height: 1.6em !important;
        font-size: 1em !important;
    }
    .storytitle {
        margin-top: 20px;
        letter-spacing: -1px !important;
        font-size: 1.8em !important;
    }
}

#mobile_pagenavi {
    font-size: 14px;
    font-weight: bold;
    clear: both;
    /* text-transform: uppercase; */
    text-align: center !Important;
	z-index: 2147483540 !Important;
	padding-top: 65px;
}
#mobile_pagenavi_gutter {
    display: block;
/*     margin-bottom: 60px; */
}
#ad_desktop_wrapper_left {
    margin-top: -7px !important;
    /* Ad Inserter plugin fix */
    
    float: left;
    width: 728px;
    height: 90px !important;
}
#ad_desktop_wrapper_728x90_footer {
    width: 728px;
    height: 90px !important;
    margin-left: -20px !important;
}
#ad_desktop_wrapper_right {
    float: right;
    width: 200px;
}
#ad_desktop_wrapper_970 {
    ;
    margin-top: -7px !important;
    height: 90px!important;
    text-align: center;
}

.randombutton,
.randombutton_brighter,
.nextprevbutton,
.sidebutton,
.mobile_pagenavi_style {
    text-indent: 0;
    display: inline-block;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    text-align: center;
    border-radius: 5px !important;
    /* CUSTOM 11/21/15  - rounded mobile social icons */
}
#randmobile {
    /* CUSTOM 11/19/15 */
    background: white;
    color: #d13433;
    box-shadow: 0 0 0 1px #d13433 inset;
    margin-left: 10px !Important;
    margin-right: 10px !Important;
    width: 30% !Important;
}
.sidebutton {
    width: 150px;
}
#randomstory {
    float: left;
}
#addstory {
    float: right;
}
.randombutton,
.randombutton_brighter {
    width: 200px;
}
.nextprevbutton {
    /* CUSTOM 11/19/15 - removed .mobile_pagenavi_style */
    
    width: 150px;
}
.mobile_pagenavi_style {
    /* CUSTOM 11/19/15 */
    width: 30% !Important;
}
.nextprevbutton a,
.mobile_pagenavi_style a {
    color: #fff;
}
.randombutton,
.nextprevbutton,
#addstory {
    /* CUSTOM 11/22/15 - rm mobile_pagenavi_style */
    
    background-color: #d13433;
}
.randombutton_brighter,
#randomstory,
.mobile_pagenavi_style {
    /* CUSTOM 11/22/15 - add mobile_pagenavi_style */
    background-color: #d13433;
}
.randombutton:hover,
.randombutton_brighter:hover,
.nextprevbutton:hover,
#addstory:hover,
#randomstory:hover,
.mobile_pagenavi_style:hover {
    background-color: #d8797e;
}
.randombutton:active,
.randombutton_brighter:active,
#sidebutton:active {
    position: relative;
    top: 1px;
}

/*******************/
/* RESPONSIVE CODE */
/*******************/

@media (min-width: 980px) {
    .brand img {
        display: none;
    }
    .span8 {
        padding-right: 19px;
        width: 590px !important;
        /* width: 554px !important;
        border-right: #eee 1px solid; */
    }
    .span4 {
        width: 300px !important;
        /* width: 336px !important; */
    }
}
@media (min-width: 768px) and (max-width: 979px) {

    .brand img {
        display: none;
    }
	.span8 {
        padding-right: 19px;
        width: 380px !important;
        /* width: 344px !important;
        border-right: #eee 1px solid;
    */
    }
    .span4 {
        width: 302px !important;
        /* width: 338px !important; */
    }
    #ad_desktop_wrapper {
        margin-left: -15px;
    }

}
@media (max-width: 979px) {
    
    #ad_desktop_wrapper_right {
        display: none;
    }
    #ad_desktop_wrapper_left {
        float: none;
    }
    .nextprevbutton {
        width: 150px !important;
    }
    .nextprevtitles {
        display: none;
    }
}
@media (min-width: 767px) {
    #ad_mobile,
    #ad_mobile_leaderboard {
        /* CUSTOM 9/14/16 */
        
        display: none;
    }
    .ad_mobile_incontent {
        display: none;
    }
 	#sidebar {
		display: block;
	}
    #sidebar_social {
        display: none;
    }
    #div_pagenavi {
		margin: 7px -20px 80px 0px;
    }
    #main_pagenavi {
        padding-bottom: 4px;
    }
    #mobile_pagenavi {
        display: none;
    }
    #mobile_footer_ad {
        display: none;
    }
    .navbar {
        display: none;
    }
}
@media (max-width: 766px) {
    #desktop_storynavi_style {
        /* CUSTOM 11/19/15 - added #desktop_storynavi_style */
        
        display: none;
    }
    .ad_desktop_incontent {
        /* CUSTOM 2/13/16 - Hide the desktop incontent ads when mobile */
        
        display: none !important;
    }
    .container {
        margin-left: 16px;
		margin-right: 16px;
    }
    .brand img {
        margin-left: 0 !important;
        margin-top: 4px !important;
/*         width: auto !important; */
    }
/*     #topbar_a {
        display: none;
    } */
	
	
    #ad_desktop,
    #ad_desktop_wrapper {
        display: none;
    }
    .menu_navigation_wide {
        display: none;
    }
    #menu_search {
        display: none;
    }
    #menu_search_dropdown {
		text-align: center;
    }
    #sidebar {
        display: none;
    }
    #footer {
        margin-left: 20px;
    }
    .navbar {
        margin-right: 0px;
    }
    .btn-navbar {
        margin-right: 0px !important; 
    }
    #div_pagenavi {
        display: none;
    }
    .nav-collapse .dropdown-menu {
        position: relative !important;
    }
	
	#topbar_a #forumbtn,
	#topbar_a #submitbtn,
	#searchselect {
		display: none
	}
}

@media (min-width: 767px) {
	#logos img {
		height: 18px;
		margin-top: 17px;
	}
	
	.topbar_navs {
    margin-top: 3px;
	}
}

@media only screen and (min-width: 360px) and (max-width: 766px) {
	#logos img {
		height: 14px;
		margin-top: 9px;
		}
}

@media (max-width: 359px){
	#logos img {
		height: 11px;
		margin-top: 11px;
	}
}


.navbar .container {
	padding-top: 6px;
	padding-bottom: 6px;
    }


/****** END responsive code ******/

/* START DARK MODE ////////////////// */

/* Set base colour -- :root = light // .darkmode = dark */

:root {
	
	--shareIconDark: #fff;
	--shareIconLight: #000;

	--shareIconOn: var(--shareIconLight);
	--shareIconOff: var(--shareIconDark);
	
/* 	divider */	
	
	--commentMenuDark: #4b4b4b;
  	--commentMenuLight: #f9f9f9;

	--commentMenuOn: var(--commentMenuLight);
	--commentMenuOff: var(--commentMenuDark);
	
/* 	divider */	
	
	--catNavDarkHov: #ffffff4d;
	--catNavLightHov: #0000001a;
	
	--catNavOnHov: var(--catNavLightHov);
	--catNavOffHov: var(--catNavDarkHov);
	
/* 	divider */	
	
	--catNavDark: #ffffff33;
	--catNavLight: #0000000f;
	
	--catNavOn: var(--catNavLight);
	--catNavOff: var(--catNavDark);
	
/* 	divider */	
	
	--sortNavDark: #1f1f1f;
	--sortNavLight: #fff;
	
	--sortNavOn: var(--sortNavLight);
	--sortNavOff: var(--sortNavDark);
	
/* 	divider */	
	
	--textHoverDark: #999999;
	--textHoverLight: #ececec;
	
	--textHoverOn: var(--textHoverLight);
	--textHoverOff: var(--textHoverDark);
	
/* 	divider */	
	
	--menuHoverDark: #292929;
	--menuHoverLight: #ececec;
	
	--menuHoverOn: var(--menuHoverLight);
	--menuHoverOff: var(--menuHoverDark);
	
/* 	divider */	
	
	--menuDark: #F4901E;
	--menuLight: #fff;
	
	--menuOn: var(--menuLight);
	--menuOff: var(--menuDark);
	
/* 	divider */
	
	--moonDark: #292929;
	--moonLight: #999999;

	--moonOn: var(--moonLight);
	--moonOff: var(--moonDark);
	
/* 	divider */	
	
	--activeDark: #292929;
  	--activeLight: #ececec;
  
	--activeTabDark: var(--activeDark);
	--activeTabLight: var(--activeLight);

/* 	divider */
	
	--adDark: #444444;
  	--adLight: #e7e9ee;
  
	--adDividerDark: var(--adDark);
	--adDividerLight: var(--adLight);
	
    --spoilerShadow: 0 0 7px #000;
	
}



.darkmode {
	--mainBg: #121212;
	--formBG: #222222;
	--textColor: #FEFEFE;
	--catnav: #1f1f1f;
	--postDivider: #444444;
	--adDivider: #444444;
	--shareMenu: #333333;
    --spoilerShadow: 0 0 7px #fefefe;
	
/* 	divider */
	
	--shareIconDark: #fff;
	--shareIconLight: #000;
	
	--shareIconOn: var(--shareIconDark);
 	--shareIconOff: var(--shareIconLight);	
	
	
/* 	divider */
	
	--commentMenuDark: #4b4b4b;
  	--commentMenuLight: #f9f9f9;
	
	--commentMenuOn: var(--commentMenuDark);
 	--commentMenuOff: var(--commentMenuLight);


/* 	divider */
	
	--catNavDarkHov: #ffffff4d;
  	--catNavLightHov: #0000001a;
	
	--catNavOnHov: var(--catNavDarkHov);
 	--catNavOffHov: var(--catNavLightHov);	
	
/* 	divider */
	
	--catNavDark: #ffffff33;
  	--catNavLight: #323232;
	
	--catNavOn: var(--catNavDark);
 	--catNavOff: var(--catNavLight);	
	
/* 	divider */
	
	--sortNavDark: #1f1f1f;
  	--sortNavLight: #fff;
	
	--sortNavOn: var(--sortNavDark);
 	--sortNavOff: var(--sortNavLight);	
	
/* 	divider */
	
	--textHoverDark: #999999;
  	--textHoverLight: #ececec;
	
	--textHoverOn: var(--textHoverDark);
 	--textHoverOff: var(--textHoverLight);
	
/* 	divider */
	
	--menuHoverDark: #292929;
  	--menuHoverLight: #ececec;
	
	--menuHoverOn: var(--menuHoverDark);
 	--menuHoverOff: var(--menuHoverLight);

/* 	divider */
	
	--menuDark: #292929;
  	--menuLight: #fff;
	
	--menuOn: var(--menuDark);
 	--menuOff: var(--menuLight);

/* 	divider */
	
	--moonDark: #F4901E;
  	--moonLight: #999999;
	
	--moonOn: var(--moonDark);
 	--moonOff: var(--moonLight);

/* 	divider */
	
	--activeTabDark: var(--activeLight);
	--activeTabLight: var(--activeDark);
	
	--adDividerDark: var(--adLight);
	--adDividerLight: var(--adDark);
}


/* END Set base colour -- :root = light // .darkmode = dark */


body {
	background: var(--mainBg);
}

.post {
	background: var(--mainBg);
}

p, 
a,
li,
h3, 
h2 {
	color: var(--textColor);
}


.tagdescription {
	color: var(--textColor);
	font-size: 15px;
}

.post_supernav {
	background: var(--catnav);
}


#sidebar {
	background: var(--mainBg);
}

.span4 {
	background: var(--mainBg) !important;
}

.post_divider {
	background: var(--postDivider);
}

.code-block-6, .code-block-7, .code-block-14, .code-block-12, .code-block-15 {
	border-top: 1px solid var(--adDividerLight) !important;
	border-bottom: 1px solid var(--adDividerLight) !important;
}

/* .code-block-9 {
	border-bottom: 1px solid var(--adDividerLight) !important;
} */

.dark-mode-toggle svg {
 	color: var(--moonOn);
	cursor: pointer;
}

#navs .dark-mode-toggle {
/* 	margin-top: 10px; */
    margin-right: 23px;
}

.container .nav .dark-mode-toggle {
	align-items: center;
    justify-content: center;
    display: flex;
    margin-top: 10px;
	cursor: pointer
}


.mbl_navright {
    display: flex;
    float: right;
	align-items: center;
}

.mbl_navright .dark-mode-toggle svg {
    padding: 4px 7px 5px 7px;
}

.mbl_navright .dark-mode-toggle {
    margin-right: 10px;
}

.mbl_navright .random_icon svg {
    padding: 4px 7px 5px 7px;
}
.mbl_navright .random_icon {
    margin-right: 10px;
}


.sidebar_wrapper select {
    color: var(--textColor);
    background: var(--formBG);
}

#randmobile {
	background: var(--mainBg);
}

ul.st-tag-cloud li a {
	color: var(--textColor) !important;
}


/* Category Nav Hover Style */

#activetab_sort {
	background: var(--activeTabLight);
}


#activetab_sort:hover {
    border-radius: 0px 0px 0px 0px;
    opacity: 0.8;
}

#inactivetab:hover {
	color: var(--textColor);
}

#inactivetab_sort:hover {
	border-radius: 0px 0px 0px 0px;
    opacity: 0.8;
	background: var(--activeTabLight);
}



/* END Category Nav Hover Style */

/* START Gravity Forms Dark Mode Style */

.gform_wrapper input[type='text'], 
.gform_wrapper form select, 
.gform_wrapper .gform_body .gform_fields .gfield textarea,
.ginput_container textarea {
	color: var(--textColor);
	border: 1px solid #aaaaaa !important;
	background-color: var(--formBG);
}

.gform_wrapper .gform_fields .gfield input::-webkit-input-placeholder, 
.gform_wrapper .gform_body .gform_fields .gfield textarea::-webkit-input-placeholder, 
.report-popup input::-webkit-input-placeholder, 
.report-popup textarea::-webkit-input-placeholder  {
	color: var(--textColor) !important;
}


/* END Gravity Forms Dark Mode Style */

/* END DARK MODE ////////////////// */