/*
Theme Name: zwaremetalen Metalen
Theme URI: http://mbbl.nl
Author URI: http://mbbl.nl
Author: MBBL.nl
Version: 1.0
*/

body {
  padding: 0px;
  margin: 0px;
  background: #161616;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 22px;
}

input,
select,
textarea,
html .nf-form-content .list-select-wrap .nf-field-element > div,
html .nf-form-content input:not([type="button"]),
html .nf-form-content textarea {
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
}
img {
  max-width: 100% !important;
  height: auto !important;
}
p {
  font-size: 14px;
  color: #bbbbbb;
  line-height: 22px;
  margin-bottom: 15px;
}

a {
  color: #bbbbbb;
  outline: none;
  border: none;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}
a:hover {
  color: #a70808;
}
i,
em {
  font-style: italic;
}
b,
strong {
  font-weight: bold;
}
strong {
}
blockquote {
  font-size: 17px;
  line-height: 24px;
  color: #c9c8c6;
  margin-bottom: 20px;
  font-weight: normal;
  text-align: center;
  padding: 0px 30px;
}
blockquote p {
  font-size: 17px;
  color: #c9c8c6;
  margin-bottom: 20px;
  font-weight: normal;
  line-height: 24px;
}
blockquote strong,
blockquote p strong {
  font-size: 17px;
  color: #c9c8c6;
  margin-bottom: 20px;
  font-weight: bold;
}

small {
}

h1 {
  color: #efefef;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px;
}
h1.page-title,
h1.entry-title {
  border-bottom: 1px solid #5f5f5f;
  color: #efefef;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

a.page-title {
  color: #ffffff;
  outline: none;
  border: none;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}

a.page-title:hover {
  color: #a70808;
}

p.page-title,
p.entry-title {
  font-size: 12px;
  color: #bbbbbb;
  line-height: 20px;
  margin-bottom: 10px;
  padding-bottom: 1px;
}

h2 {
}
h2.entry-title {
}

h3 {
  color: #bbbbbb;
}

h4 {
}
h5 {
}

h6 {
}

div#content div div.entry-content ul {
  /* color: #BBBBBB; */
  margin-bottom: 16px;
  list-style-type: disc;
  padding-left: 18px;
}

/***** General Classes ******/
.edit-link {
  display: block;
  font-size: 12px;
  margin-bottom: 20px;
}
.clear {
  clear: both;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.last {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.center {
  text-align: center !important;
}

hr {
}

.more {
  display: inline-block;
  font-size: 13px;
  color: #dddddd;
  font-weight: 600;
  text-transform: capitalize;
  text-align: center;
  padding: 0px 16px;
  line-height: 26px;
  background: url(images/btn_bg.png) repeat-x;
}

.hr {
  clear: both;
  border-bottom: 1px solid #5f5f5f;
  margin-bottom: 15px;
}

div#wrapper {
  width: 1000px;
  margin: 0px auto;
}

div.home_category_posts .fleft,
div.home_category_posts .fright {
  width: 48%;
}
div.home_category_posts .fleft {
  clear: both;
}
/************** Header CSS **************/
div#header {
  /* padding-top: 233px; << This was used before banner heights were increased to 90px */
  padding-top: 277px;
  margin: 0px 0px 30px;
  position: relative;
}
div#header div#logo {
  position: absolute;
  left: 0px;
  /* top: 108px; << This was used before banner heights were increased to 90px */
  top: 132px;
  height: auto;
  width: 500px;
}
div#header div#top_nav {
  position: absolute;
  top: 36px;
  right: 0px;
}
div#header div#top_nav ul {
  float: right;
}
div#header div#top_nav ul li {
  float: left;
  font-size: 13px;
  line-height: 12px;
  color: #bbbbbb;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #460b08;
}
div#header div#top_nav ul li:first-child {
  margin-left: 0px;
  padding-left: 0px;
  border: none;
}
div#header div#top_nav ul li a {
  color: #bbbbbb;
}
div#header div#top_nav ul li a:hover {
  color: #a70808;
}
div#header div#header_banner {
  position: absolute;
  right: 0px;
  top: 70px;
}
div#header div#header_banner.one_large_banner {
  top: 92px;
}
div#header div#header_banner .header_banner_inner > ins {
  display: block !important;
}
div#header div#header_banner .header_banner_inner > ins:last-of-type {
  margin-top: 10px;
}

div#header div#header_banner div.banner_wrapper {
  width: 468px;
  /* height: 68px; << This used to be the old format.*/
  height: 90px;
}

div#header div#header_banner.one_large_banner div.banner_wrapper {
  height: 90px;
}

div#header div#left_banner div#left_banner2 div.banner_wrapper,
div#header div#right_banner div#right_banner2 div.banner_wrapper {
  width: 160px;
  height: 600px;
}

div#header div#left_banner div#left_banner2 div.banner_wrapper div.banner,
div#header div#right_banner div#right_banner2 div.banner_wrapper div.banner {
  height: 100%;
  border: none;
}

div.hd_search_widget {
  float: right;
  margin-right: 6px;
  margin-top: 5px;
}
div.hd_search_widget {
}
div.hd_search_widget .searchform label {
  display: none;
}
div.hd_search_widget .searchform input[type="text"] {
  border: none;
  background: url(images/search_field.png) left center no-repeat;
  color: #bbbbbb;
  float: left;
  font-size: 12px;
  height: 31px;
  line-height: 31px;
  padding: 0 10px;
  width: 166px;
}
div.hd_search_widget .searchform input[type="submit"] {
  background: url(images/search_field.png) -186px center no-repeat;
  border: none;
  cursor: pointer;
  float: left;
  height: 31px;
  text-indent: -999999px;
  width: 31px;
}
div.hd_search_widget .searchform input[type="submit"]:hover {
  opacity: 0.75;
}

div#footer div.footer_widget_right div#footer_banner div.banner_wrapper {
  width: 100%;
  height: 60px;
}

div#footer div.footer_widget_right div#footer_banner {
  position: relative;
  margin-top: 80px;
}

.banner-468x60 {
  width: 100%;
  height: 60px;
}

/************** Main Menu CSS **************/
div.main-nav {
  width: 100%;
  height: 40px;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 9999;
  background: #000000;
}
/* div.main-nav select{
	border: 1px solid #d4d4d4;
    border-radius:3px;
    color: #5f6060;
    padding:2px;
    text-transform: uppercase;
    width:65%;	
	margin-top:7px;
} */

div.main-nav select {
  box-sizing: border-box;
  border-radius: 2px;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out,
    color 0.2s ease-in-out;
  border: 1px solid #5f5f5f;
  background-color: #000;
  color: #a9a9a9;
  padding: 7px 10px;
  font-size: 14px;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  background-image: url(./images/dropdown-arrows.gif);
  background-repeat: no-repeat;
  background-position: right top;
  margin: 5px 10px;
  width: 65%;
}

div.main-nav select:focus {
  background-position: right bottom;
}

div.main-nav > ul {
  text-align: center;
  padding: 0;
  margin: 0 auto;
  /* display: inline-block; */
  width: auto;
}

div.main-nav > ul::after {
  content: "";
  clear: both;
  display: table;
}

div.main-nav > ul > li {
  display: inline-block;
  padding: 0;
  position: relative;
  margin: 0px 31px 0px 31px;
  cursor: pointer;
}

div.main-nav > ul > li:first-child {
}

div.main-nav > ul > li > a {
  text-decoration: none;
  padding: 0px !important;
}
div.main-nav ul li {
  color: #bbbbbb;
  font-size: 13px;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 40px;
}
div.main-nav ul li a {
  color: #bbbbbb;
  font-weight: bold;
}
div.main-nav > ul > li.current_page_item > a,
div.main-nav > ul > li.current-menu-item > a,
div.main-nav > ul > li.current-menu-parent > a,
div.main-nav > ul > li > a:hover {
  color: #a70808;
}
div.main-nav > ul > li > a img {
  display: none !important;
}
/*1st sub level menu*/
div.main-nav ul li ul {
  position: absolute;
  left: -15px !important;
  top: 44px !important;
  display: block;
  visibility: hidden;
  z-index: 99999;
  margin: -4px 0px 0px;
  padding: 0px;
  list-style: none;
  background: #000000;
  -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.2);
}
/*Sub level menu list items (undo style from Top level List Items)*/
div.main-nav ul li ul li {
  min-width: 175px;
  display: list-item;
  float: none;
  position: relative;
  margin: 0px;
  padding: 0px;
  color: #bbbbbb;
  font-size: 12px;
  line-height: 20px;
  text-align: left;
  text-transform: capitalize;
  transition: all 0.3s ease 0s;
}
div.main-nav ul li ul li:first-child {
  border-top: 1px solid #222222;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
div.main-nav ul li ul li ul {
}
/* Sub level menu links style */
div.main-nav ul li ul li a {
  min-width: 175px;
  color: #bbbbbb;
  font-size: 12px;
  line-height: 20px;
  padding: 5px 5px 5px 12px;
  margin: 0px;
  text-decoration: none;
  /*border-left: 1px solid #18335C;
	border-right: 1px solid #18335C;*/
  display: block;
  line-height: 20px;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
  background-position: 0px 5px;
  border-left: 1px solid #222222;
  border-right: 1px solid #222222;
  border-bottom: 1px solid #222222;
}
div.main-nav ul li ul li a:hover,
div.main-nav ul li ul li.current-menu-item a {
  /*sub menus hover style*/
  background: #222222;
}

div.main-nav ul li.megalist > ul {
  padding: 12px 10px;
  width: 200px !important;
}
div.main-nav ul li.megalist > ul li {
  float: left;
  width: 195px;
  margin: 0px 2px;
}
div.main-nav ul li.megalist > ul li:first-child {
  border: none;
}
div.main-nav ul li.megalist > ul li a {
  float: left;
  width: 178px;
  border: none;
  padding: 6px 5px 6px 12px !important;
}
div.main-nav ul li.megalist > ul li a:hover {
}
div.main-nav ul li ul {
  float: left;
}
div.main-nav ul li.megalist > ul > li {
  margin: 0px !important;
  width: 100% !important;
}
div.main-nav ul li ul li div ul {
  position: static;
  left: 0px !important;
  top: 0px !important;
  bottom: 0px !important;
  right: 0px !important;
  display: block !important;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass {
  position: absolute;
  top: 7px;
  right: 5px;
  display: none !important;
}
.rightarrowclass {
  position: absolute;
  top: 11px;
  right: 8px;
  display: none !important;
}
/*** End Main Menu CSS ***/

/************** Slider CSS **************/
div#slider {
  width: 100%;
  min-height: 250px;
  position: relative;
  margin: 0px;
  overflow: hidden;
  background: url(images/loading.gif) center center no-repeat;
}
div#slider ul.slides {
  float: left;
  width: 100%;
  list-style: none;
}
div#slider ul.slides li {
  float: left;
  padding: 0px;
  text-align: center;
  overflow: hidden;
  position: relative;
  display: none;
}
div#slider ul.slides li:first-child {
}
div#slider ul.slides li img {
  float: left;
  margin: 0px;
  max-width: 100% !important;
  height: auto;
}
ol.flex-control-nav {
  display: block;
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 99999;
  width: 100%;
  bottom: 2px;
}
ol.flex-control-nav li {
  display: inline-block;
  margin: 0 2px;
  text-indent: -9999px;
}
ol.flex-control-nav li a {
  background: url(images/control_nav.png?v=3) -28px 0px no-repeat;
  cursor: pointer;
  display: block;
  height: 27px;
  width: 28px;
  transition: none;
}
ol.flex-control-nav li a:hover {
  background-position: -56px 0;
}
ol.flex-control-nav li a.flex-active,
ol.flex-control-nav li a.flex-active:hover {
  background-position: 0px 0px;
}

div#slider span.slider_caption {
  width: 270px;
  height: 150px;
  /* background:url(images/slider_caption_bg.png) repeat; */
  background: rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 30px;
  left: 55px;
  padding: 15px;
  text-align: left;
}
div#slider span.slider_caption h2 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
div#slider span.slider_caption p {
  color: #efefef;
  font-size: 13px;
  margin-bottom: 0px;
}
div#slider span.slider_caption a.more {
  float: right;
}

div#slider ul.flex-direction-nav {
}
div#slider ul.flex-direction-nav li a {
  background: url(images/slider_nav.png?v=3) 0px 0px no-repeat;
  cursor: pointer;

  height: 50px;
  width: 38px;
  z-index: 9999;
  cursor: pointer;
  position: absolute;
  top: 39%;
  text-indent: -99999px;
  transition: none;
}
div#slider ul.flex-direction-nav li a.flex-prev {
  background-position: top left;
  left: 8px;
}
div#slider ul.flex-direction-nav li a.flex-prev:hover {
  background-position: bottom left;
  /* background-position:0px -50px; */
}
div#slider ul.flex-direction-nav li a.flex-next {
  right: 8px;
  background-position: top right;
  /* background-position:-39px 0px;	 */
}
div#slider ul.flex-direction-nav li a.flex-next:hover {
  background-position: bottom right;
  /* background-position:-39px -50px; */
}

div#slider:hover ul.flex-direction-nav li a {
  display: block;
}
div#slider .more {
  position: absolute;
  right: 15px;
  bottom: 15px;
}
div.social_media_links {
  position: absolute;
  right: 0px;
  bottom: 10px;
  z-index: 999999;
}
div.social_media_links ul {
  float: right;
}
div.social_media_links ul li {
  float: left;
  margin-right: 10px;
}
div.social_media_links ul li img {
  float: left;
  margin: 0px;
}
/************** Container CSS **************/
div#container {
  min-height: 650px;
  padding: 0px 22px 50px;
  position: relative;
}
div#left_banner {
  width: 160px;
  position: absolute;
  left: -185px;
  bottom: -640px;
  /* bottom:-320px; */
  text-align: right;
}

div#left_banner2 {
  width: 160px;
  position: absolute;
  left: -185px;
  bottom: -1265px;
  /* bottom: -945px; */
  text-align: right;
}

div#left_banner .banner_wrapper .banner,
div#left_banner2 .banner_wrapper .banner {
  text-align: right;
}

div#right_banner {
  width: 160px;
  position: absolute;
  right: -185px;
  bottom: -640px;
  /* bottom:-320px; */
  text-align: left;
}

div#right_banner2 {
  width: 160px;
  position: absolute;
  right: -185px;
  bottom: -1265px;
  /* bottom: -945px; */
  text-align: left;
}

div#right_banner .banner_wrapper .banner,
div#right_banner2 .banner_wrapper .banner {
  text-align: left;
}

html .banner_wrapper .banner > img {
  display: inline-block;
}

div#container div.left_col {
  float: left;
  width: 450px;
}
div#container div.right_col {
  float: right;
  width: 450px;
}
div.home_category_posts {
  margin-top: 20px;
  margin-bottom: 50px;
  overflow: hidden;
}
div.home_category_posts h2.home_category_title {
  font-size: 16px;
  color: #efefef;
  font-weight: 600;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #5f5f5f;
}
div.home_category_posts a.more {
  /* float:right; */
  /* padding:0px 35px;	 */
}
div.home_category_post {
  margin-bottom: 30px;
}
div.home_category_post p {
  margin-bottom: 0px;
}
div.home_category_post img {
  /* float:left; */
  /* margin-right:20px;	 */
}
div.home_category_post h3 {
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 12px;
  line-height: 16px;
}
div.home_category_post h3 a {
  color: #ffffff;
}
div.home_category_post h3 a:hover {
  color: #a70808;
}
div.home_category_links {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #5f5f5f;
}
div.home_category_links ul {
  list-style: url(images/arrow_icon.png) outside;
  margin-left: 13px;
}
div.home_category_links ul li {
  font-size: 12px;
  color: #ffffff;
  font-weight: 600;
  line-height: 20px;
  padding-left: 10px;
}
div.home_category_links ul li a {
  color: #ffffff;
}
div.home_category_links ul li a:hover {
  color: #a70808;
}
span.post_date {
  float: left;
  font-size: 11px;
  color: #bbbbbb;
  text-align: center;
  line-height: 16px;
  width: 38px;
  margin-right: 15px;
  background: url(images/date_bg.png) left center no-repeat;
}
/************** Footer CSS **************/
div#footer_wrapper {
  background: #161616 repeat-x scroll center top;
  float: left;
  margin: 0;
  padding: 0 0 30px;
  width: 100%;
}
div#footer {
  width: 1000px;
  margin: 0px auto;
  padding: 0px 0px;
}
div.footer_widget {
  float: left;
  margin-left: 266px;
  border-bottom: 0px solid #5f5f5f;
  padding-bottom: 12px;
}

div.footer_widget_mobile {
  border-bottom: 0px solid #5f5f5f;
  padding-bottom: 12px;
}

div.footer_widget h3,
div.footer_widget_right h3 {
  font-size: 16px;
  color: #efefef;
  font-weight: 600;

  border-bottom: 0px solid #5f5f5f;
  margin-bottom: 12px;
  padding-bottom: 10px;
}
div.footer_widget ul {
  list-style: url(images/arrow_icon.png) outside;
  margin-left: 13px;
}
div.footer_widget ul li {
  font-size: 11px;
  color: #bbbbbb;
  line-height: 20px;
  padding-left: 10px;
}
div.footer_widget ul li a {
  color: #bbbbbb;
  font-size: 11px;
  color: #bbbbbb;
  line-height: 20px;
}
div.footer_widget p {
  margin-bottom: 0px;
}
div.footer_widget p,
div.footer_widget p a {
  font-size: 11px;
  color: #bbbbbb;
  line-height: 20px;
}
div.footer_widget p .post_date {
  line-height: 20px;
}
div.footer_widget p a:hover,
div.footer_widget ul li a:hover {
  color: #a70808;
}

div.footer_widget_right {
  float: right;
  width: 140px;
}

div.footer_widget_right ul {
  float: left;
  margin: 10px 0px 30px;
}
div.footer_widget_right ul li {
  float: left;
  margin: 0px 6px;
}
div.footer_widget_right ul li a,
div.footer_widget_right ul li a img {
  float: left;
  margin: 0px;
}

div.footer_widget_right_mobile {
  margin-left: auto;
  margin-right: auto;
  width: 140px;
}

div.footer_widget_right_mobile ul {
  float: left;
  margin: 10px 0px 30px;
}
div.footer_widget_right_mobile ul li {
  float: left;
  margin: 0px 6px;
}
div.footer_widget_right_mobile ul li a,
div.footer_widget_right_mobile ul li a img {
  float: left;
  margin: 0px;
}

div#copyrights {
  padding-top: 50px;
}
div#copyrights ul#footer_nav {
  float: right;
}
div#copyrights ul#footer_nav li {
  float: right;
}
div#copyrights ul#footer_nav li {
  float: left;
  font-size: 12px;
  line-height: 11px;
  color: #bbbbbb;
  border-left: 1px solid #bbbbbb;
  margin-left: 10px;
  padding-left: 10px;
}
div#copyrights ul#footer_nav li:first-child {
  border: none;
  margin-left: 0px;
  padding-left: 0px;
}
div#copyrights p {
  font-size: 12px;
  line-height: 11px;
  color: #bbbbbb;
  margin: 0px;
}

.searchForm {
  position: relative;
  width: 50%;
  margin: 0 auto 0;
  padding-top: 20px;
}

.searchField,
.searchButton,
.searchForm input[type="text"],
.searchForm input[type="submit"] {
  border-radius: 2px;
  box-shadow: none;
  box-sizing: border-box;
  cursor: text;
  display: block;
  font-size: 15px;
  height: 40px;
  margin: 0;
  outline: 0 none;
  padding: 0 12px;
  position: static;
  width: 100%;
}
.searchForm select {
  border-radius: 2px;
  box-shadow: none;
  box-sizing: border-box;
  cursor: text;
  display: block;
  font-size: 15px;
  height: 40px;
  margin: 0;
  outline: 0 none;
  padding: 3px;
  position: static;
  width: 100%;
}
@media only screen and (max-width: 900px) {
  div#slider {
    min-height: 70px;
  }
  div#left_banner,
  div#right_banner,
  div#left_banner2,
  div#right_banner2,
  div#slider span.slider_caption .more,
  div#header div#header_banner,
  .hd_search_widget {
    display: none;
  }
  div#wrapper,
  div#footer {
    width: 94%;
  }
  div#header {
    padding: 20px 0px 0px;
  }
  div#header div#top_nav {
    position: static;
    top: 0px;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
  div#header div#top_nav ul {
    float: none;
    display: inline-block;
    text-align: center;
  }
  div#header div#top_nav ul li {
    display: inline-block;
    float: none;
    margin-left: 6px;
  }
  div#header div#top_nav ul li:first-child {
    margin-left: 0px;
  }
  div#header div#logo {
    position: static;
    top: 0px;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
  div.main-nav > ul > li {
    float: none;
    display: inline-block;
    margin: 0px 10px;
  }
  div#slider span.slider_caption {
    height: auto;
    padding: 10px;
    top: 35px;
    left: 45px;
  }
  div#slider ul.flex-direction-nav li a.flex-prev {
    left: 0px;
  }
  div#slider ul.flex-direction-nav li a.flex-next {
    right: 0px;
  }
  div#container {
    padding-left: 0px;
    padding-right: 0px;
  }
  div#container div.left_col,
  div#container div.right_col {
    width: 47%;
  }
  div.footer_widget {
    /* float:left; */
    /* width:45%; */
    float: none;
    margin-bottom: 40px;
    margin-right: auto;
    margin-left: auto;
  }
  div.footer_comments {
    float: right;
    margin-bottom: 40px;
  }

  div.footer_widget_right {
    float: none;
    /* width:100%; */
    clear: both;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
  }
  div.footer_widget_right ul {
    /* width:100%; */
    float: none;
    overflow: auto;
  }
}

@media only screen and (max-width: 767px) {
  div#slider span.slider_caption p,
  ol.flex-control-nav {
    display: none;
  }
  div#slider span.slider_caption h2 {
    display: block;
  }
  div#slider span.slider_caption {
    width: 175px;
    height: auto;
    padding: 12px;
  }
  div#slider span.slider_caption a.more {
    float: none;
    position: static;
    left: 0px;
    right: 0px;
    bottom: 0px;
  }
  div.main-nav {
    text-align: center;
  }
  div#copyrights {
    padding-top: 20px;
    text-align: center;
  }
  div#copyrights ul#footer_nav {
    float: none;
    display: inline-block;
    text-align: center;
    margin-bottom: 5px;
  }
  div#copyrights ul#footer_nav li {
    float: none;
    display: inline-block;
    margin-left: 6px;
  }
  div#copyrights ul#footer_nav li:first-child {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 650px) {
}
@media only screen and (max-width: 600px) {
  div#container div.left_col,
  div#container div.right_col {
    float: none;
    width: 100%;
  }

  /* div.home_category_post img { display: none; } */
  .footer_zwaremetalen {
    display: none;
  }
}
@media only screen and (max-width: 550px) {
  div#slider span.slider_caption {
    width: auto;
    left: 0px;
    top: 0px;
  }
  div#slider span.slider_caption h2 {
    margin-bottom: 0px;
  }
  div.home_category_posts .fleft,
  div.home_category_posts .fright {
    width: 100%;
    float: none;
  }
}
@media only screen and (max-width: 479px) {
  div.footer_widget {
    float: none;
    width: 100%;
  }
  div#header div#top_nav ul li {
    font-size: 11px;
  }
  div#slider ul.flex-direction-nav,
  div.social_media_links {
    display: none;
  }
  div#slider span.slider_caption h2 {
    font-size: 14px;
  }
}
@media only screen and (max-width: 350px) {
  div#header div#top_nav ul li {
    font-size: 11px;
  }
  div#copyrights p {
    line-height: 20px;
    padding: 0px 20px;
  }
}

/***** admin bar *******/
img.gravatar.avatar.avatar-26.um-avatar {
  height: 16px !important;
}

/***** zoeken ************/
.searchField,
.searchForm input[type="text"] {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #a9a9a9;
  padding-left: 5px;
  padding-right: 5px;
  height: 30px;
  background: #505050;
  border: 1px solid #5f5f5f;
  line-height: 30px;
}
.searchForm select {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #a9a9a9;
  padding-left: 5px;
  padding-right: 5px;
  height: 30px;
  background: #505050;
  border: 1px solid #5f5f5f;
  line-height: 30px;
}
.searchForm select,
.searchForm input[type="text"] {
  margin-bottom: 15px;
}
.searchButton,
.searchForm input[type="submit"] {
  -moz-box-shadow: inset 0px 1px 3px 0px #ff0000;
  -webkit-box-shadow: inset 0px 1px 3px 0px #ff0000;
  box-shadow: inset 0px 1px 3px 0px #ff0000;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #db0000),
    color-stop(1, #820404)
  );
  background: -moz-linear-gradient(top, #db0000 5%, #820404 100%);
  background: -webkit-linear-gradient(top, #db0000 5%, #820404 100%);
  background: -o-linear-gradient(top, #db0000 5%, #820404 100%);
  background: -ms-linear-gradient(top, #db0000 5%, #820404 100%);
  background: linear-gradient(to bottom, #db0000 5%, #820404 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#db0000', endColorstr='#820404',GradientType=0);
  background-color: #db0000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #0a0a0a;
  display: inline-block;
  cursor: pointer;
  color: #d9d9d9;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  padding: 11px 23px;
  text-decoration: none;
  text-shadow: 0px -1px 0px #000000;
}
.searchButton:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #820404),
    color-stop(1, #db0000)
  );
  background: -moz-linear-gradient(top, #820404 5%, #db0000 100%);
  background: -webkit-linear-gradient(top, #820404 5%, #db0000 100%);
  background: -o-linear-gradient(top, #820404 5%, #db0000 100%);
  background: -ms-linear-gradient(top, #820404 5%, #db0000 100%);
  background: linear-gradient(to bottom, #820404 5%, #db0000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#820404', endColorstr='#db0000',GradientType=0);
  background-color: #820404;
}
.searchButton:active {
  position: relative;
  top: 1px;
}

/******* contact **********/
.contact_right {
  width: 50%;
  float: right;
}

.contact_left {
  width: 50%;
  float: left;
}

.contact {
  margin: 35px;
}

.wpcf7-text {
  color: white;
  padding-left: 5px;
  padding-right: 5px;
  height: 30px;
  background: #505050;
  border: 1px solid #5f5f5f;
  line-height: 30px;
}

.wpcf7-textarea {
  color: white;
  padding-left: 5px;
  padding-right: 5px;
  height: 200px;
  background: #505050;
  border: 1px solid #5f5f5f;
  line-height: 30px;
}

.contact_button {
  -moz-box-shadow: inset 0px 1px 3px 0px #ff0000;
  -webkit-box-shadow: inset 0px 1px 3px 0px #ff0000;
  box-shadow: inset 0px 1px 3px 0px #ff0000;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #db0000),
    color-stop(1, #820404)
  );
  background: -moz-linear-gradient(top, #db0000 5%, #820404 100%);
  background: -webkit-linear-gradient(top, #db0000 5%, #820404 100%);
  background: -o-linear-gradient(top, #db0000 5%, #820404 100%);
  background: -ms-linear-gradient(top, #db0000 5%, #820404 100%);
  background: linear-gradient(to bottom, #db0000 5%, #820404 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#db0000', endColorstr='#820404',GradientType=0);
  background-color: #db0000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #0a0a0a;
  display: inline-block;
  cursor: pointer;
  color: #d9d9d9;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  padding: 11px 23px;
  text-decoration: none;
  text-shadow: 0px -1px 0px #000000;
}

.contact_button:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #820404),
    color-stop(1, #db0000)
  );
  background: -moz-linear-gradient(top, #820404 5%, #db0000 100%);
  background: -webkit-linear-gradient(top, #820404 5%, #db0000 100%);
  background: -o-linear-gradient(top, #820404 5%, #db0000 100%);
  background: -ms-linear-gradient(top, #820404 5%, #db0000 100%);
  background: linear-gradient(to bottom, #820404 5%, #db0000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#820404', endColorstr='#db0000',GradientType=0);
  background-color: #820404;
}

.contact_button:active {
  position: relative;
  top: 1px;
}

.contact .contact_left h3,
.contact .contact_right h3 {
  color: #ffffff;
}

/******** logo ***************/
div#logo {
  max-width: 475px;
}

/********** archives *************/
.archive_table {
  color: #a9a9a9;
}

.older_posts {
  float: left;
}

.newer_posts {
  float: right;
}

tr td,
th {
  padding: 2px;
}

tr td:first-child,
tr th:first-child {
  word-wrap: break-word;
  width: 800px;
}
tr td:last-child,
tr th:last-child {
  padding-left: 10px;
}

span.archive_cat a,
span.archive_cat {
  color: #7c7c7c;
}

/******** zwaremetalen zaken zoekt *********/
a.zz_zoekt {
  text-decoration: underline;
}

/******** front page *********/
div.home_category_post {
  max-height: 105px;
  overflow: hidden;
  min-height: 100px;
}

.home_category_posts.number3 {
  margin-bottom: 4px;
}

div.home_category_post.small {
  min-height: 20px;
  max-height: 20px;
  margin-bottom: 3px;
}

/********* reactie **********/
.submit {
  -moz-box-shadow: inset 0px 1px 3px 0px #ff0000;
  -webkit-box-shadow: inset 0px 1px 3px 0px #ff0000;
  box-shadow: inset 0px 1px 3px 0px #ff0000;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #db0000),
    color-stop(1, #820404)
  );
  background: -moz-linear-gradient(top, #db0000 5%, #820404 100%);
  background: -webkit-linear-gradient(top, #db0000 5%, #820404 100%);
  background: -o-linear-gradient(top, #db0000 5%, #820404 100%);
  background: -ms-linear-gradient(top, #db0000 5%, #820404 100%);
  background: linear-gradient(to bottom, #db0000 5%, #820404 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#db0000', endColorstr='#820404',GradientType=0);
  background-color: #db0000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #0a0a0a;
  display: inline-block;
  cursor: pointer;
  color: #d9d9d9;
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  padding: 9px 15px;
  text-decoration: none;
  text-shadow: 0px -1px 0px #000000;
  margin-left: 49px;
}

.comment-form-comment {
  margin-top: 20px;
}

.comment-form-comment #comment {
  color: white;
  padding-left: 5px;
  padding-right: 5px;
  height: 200px;
  background: #505050;
  border: 1px solid #5f5f5f;
  line-height: 30px;
}

.comment-form-comment label {
  float: left;
  padding-right: 10px;
}

.comment-author img.gravatar.avatar.avatar-40.um-avatar {
  float: left;
  padding-right: 20px;
  padding-top: 4px;
}

.comment-meta.commentmetadata {
  font-size: 11px;
}

cite.fn a,
.says {
  font-size: 13px;
  font-weight: 700;
}

h3#comments-title {
  margin-bottom: 10px;
}

.comment-body p {
  font-size: 13px;
  margin-bottom: 7px;
}

.reply a.comment-reply-link {
  margin-left: 60px;
}

li.comment {
  margin-top: 20px;
}

ol.commentlist {
  margin-bottom: 20px;
}

.post {
  border-bottom-style: solid;
  border-width: 1px;
  border-color: #bbbbbb;
  /* text-align: justify;  */
}

div#comments {
  margin-top: 19px;
}

/*********** other *******/
li {
  color: #bbbbbb;
}

.entry-content {
  color: #bbbbbb;
}
.entry-content ol {
  list-style: inside decimal !important;
  margin-bottom: 16px;
}
/* Fix for overflowing */
.entry-content:after {
  display: table;
  content: "";
  clear: both;
}

#new_header_banner {
  float: left;
  width: 100%;
}
#new_header_banner .banner {
  height: auto !important;
  margin-bottom: 20px;
}
.banner_wrapper .banner {
  border: none !important;
  background-size: 100% 100% !important;
}

.category-nieuws .zwarecatheading {
  border-bottom: medium none !important;
  float: left !important;
  width: 100% !important;
  display: block;
}
.zwarecatheading {
  display: none;
}

.author-container h3 {
  color: #efefef;
  font-size: 20px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #5f5f5f;
}

.author-list {
  -moz-column-gap: 40px;
  float: left;
  margin-bottom: 30px;
  width: 100%;
}

.author-list > li {
  color: #7c7c7c;
  float: left;
  line-height: 1.5em;
  list-style-type: none;
  width: 25%;
}

@media screen and (max-width: 480px) {
  .author-list {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;

    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
    margin-left: 13px;
  }
}

.aurthor-listing-page .um-item-link a {
  color: #aaa;
  font-size: 12px !important;
  line-height: 20px;
}
.aurthor-listing-page .um-item-link a:hover {
  text-decoration: none !important;
  color: #a70808 !important;
}
.um-cover {
  display: none !important;
}
.um-125.um .um-profile-photo a.um-profile-photo-img {
  height: 90px !important;
  width: 90px !important;
}
.um-125.um .um-profile-photo a.um-profile-photo-img {
  top: -10px !important;
}

.aurthor-listing-page .um-item-link {
  font-size: 12px;
  padding-right: 40px;
}
.aurthor-listing-page {
  border: medium none !important;
  float: left;
  font-size: 12px;
  padding: 0 !important;
  width: 100%;
}
.um-profile-body.posts.posts-default {
  float: left;
  max-width: 100% !important;
  width: 100% !important;
}
.left-al {
  float: left;
  width: 50%;
}
.right-al {
  color: #a9a9a9;
  float: left;
}
.um-ajax-items {
  float: left !important;
  width: 100% !important;
}
.auth_cat,
.auth_cat a {
  color: #7c7c7c !important;
}

#ta_post_review_after {
  margin: 0px !important;
  padding: 0px !important;
  border-top: 1px dotted #161616 !important;
  border-bottom: dotted 1px #161616 !important;
  background: none repeat scroll 0 0 #161616 !important;
  width: 250px;
  margin-top: -20px !important;
}
#ta_post_review_after .after_button {
  display: none !important;
}
#ta_post_review_after span {
  display: none !important;
}
iframe {
  max-width: 100% !important;
}

div.pagination {
  padding: 25px 0px;
  color: #bbbbbb;
  width: 100%;
  text-align: center;
}
div.pagination a,
div.pagination span {
  margin: 0px 2px;
}

div.pagination span.current {
  color: #a70808;
  float: right;
  margin: 5px 0 20px 20px;
}

/* Default WordPress styling */

.alignnone {
  margin: 5px 0px 20px 0;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
  margin: 5px 20px 20px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%; /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
.wp-smiley {
  margin: 0 !important;
  max-height: 1em;
}
.bypostauthor {
}
.gallery dl {
  margin: 0;
}
.gallery-caption {
}
.sticky {
}

@media only screen and (max-width: 900px) {
  .alignleft,
  .alignright,
  a img.alignright,
  a img.alignleft,
  .wp-caption.alignleft,
  .wp-caption.alignright {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    display: block;
  }
}

/* End default WordPress styling */

/* Styling of volgende/vorige pagina in category pages */

div.navigation {
  padding: 25px 0px;
  color: #bbbbbb;
  width: 100%;
  text-align: center;
}
div.navigation a,
div.navigation span {
  margin: 0px 2px;
}
div.navigation span.current {
  color: #a70808;
}

div.navigation li {
  display: inline;
}

div.navigation li.active a {
  color: #a70808;
}

/* Styling van genretags op frontpage bij albumrecensies */
div.fp_genre_tags p {
  padding-left: 174px;
  font-size: 12px;
  color: #ffffff;
  line-height: 16px;
  margin-bottom: 5px;
}

div.fp_genre_tags_mob p {
  font-size: 12px;
  color: #ffffff;
  line-height: 16px;
  margin-bottom: 5px;
}

div.fp_genre_tags h3 {
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 3px;
  line-height: 16px;
}

span.fp_genre_tags {
  float: left;
  font-size: 11px;
  color: #bbbbbb;
  text-align: center;
  line-height: 30px;
  width: 38px;
  margin-right: 15px;
  background: url(images/date_bg.png) left center no-repeat;
  /* padding-top:8px; */
}

div.alignartikeltags p {
  float: right;
}

/* Hele smerige snot oplossing voor de niet werkende checkboxes op de website */

html
  .um-field-checkbox
  input[type="checkbox"]
  + .um-field-checkbox-state
  .um-icon-android-checkbox-outline-blank:before {
  content: "\f372";
}
html
  .um-field-checkbox
  input[type="checkbox"]:checked
  + .um-field-checkbox-state
  .um-icon-android-checkbox-outline-blank:before {
  content: "\f373";
}
html
  .um-field-checkbox
  input[type="checkbox"]
  + .um-field-checkbox-state
  .um-icon-android-checkbox-outline:before {
  content: "\f372";
}
html
  .um-field-checkbox
  input[type="checkbox"]:checked
  + .um-field-checkbox-state
  .um-icon-android-checkbox-outline:before {
  content: "\f373";
}

/* .um-icon-android-checkbox-outline:before { content: "\f373"; } */

/* Fixes for menu's */
#header div.main-nav ul li > ul {
  padding: 12px 10px;
  width: 200px !important;
}
#header div.main-nav ul li > ul li {
  float: left;
  width: 195px;
  margin: 0px 2px;
}
#header div.main-nav ul li > ul li:first-child {
  border: none;
}
#header div.main-nav ul li > ul li a {
  float: left;
  width: 178px;
  border: none;
  padding: 6px 5px 6px 12px !important;
}

#header div.main-nav ul li > ul > li {
  margin: 0px !important;
  width: 100% !important;
}

/* -------------------------------------------------------------------------*/
/* 2018 - New homepage */
/* -------------------------------------------------------------------------*/

pre {
  word-wrap: break-word;
}

html div.main-nav > ul > li {
  margin-left: 10px;
  margin-right: 10px;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

h1.page-title,
h1.entry-title {
  font-size: 18px;
  border-color: #303030;
}

.entry-title-wrapper {
  border-bottom: 1px solid #303030;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.post_author_holder {
  margin-top: 5px;
}

.entry-title-wrapper h1.entry-title {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.homepage_loop_entry_excerpt_text {
  margin-right: 10px;
}

.homepage_left_col {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.homepage_left_col .home_category_posts {
  margin-top: 0;
}

.homepage_left_col .home_category_posts.on_top {
  order: -1;
}

@media only screen and (min-width: 900px) {
  html div.main-nav > ul > li {
    margin-left: 20px;
    margin-right: 20px;
  }

  .homepage_left_col {
    float: left;
    width: 31%;
    margin-right: 4%;
    margin-top: 0;
  }

  .homepage_right_col {
    float: right;
    width: 65%;
  }

  .homepage_left_col .home_category_posts.on_top {
    order: initial;
  }
}

.small_text {
  line-height: 16px;
  font-size: 12px;
}

.white_text {
  color: #fff;
}

.gray_text {
  color: #bbb;
}

.feed_title {
  font-size: 18px;
  color: #efefef;
  font-weight: 600;
  padding-bottom: 10px;
  margin-bottom: 15px;
  /* border-bottom: 1px solid #5f5f5f; */
  border-bottom: 1px solid #303030;
}

.home_category_posts_list h3 {
  color: #fff;
  font-weight: 600;
}

.home_category_posts_list_item {
  margin-bottom: 10px;
  position: relative;
}

.home_category_posts_list_item a {
  /* display: block; */
}

.home_category_posts_list_item h3 a {
  color: #fff;
  transition: all 0.3s ease 0s;
  display: block;
}

.home_category_posts_list_item h3 a:hover,
.home_category_posts_list_item h3 a:focus {
  color: #a70808;
}

.home_category_posts_list_item .post_date_wrapper {
  position: absolute;
  left: 0;
  top: 4px;
  width: 50px;
  padding-right: 10px;
  display: block;
}

.home_category_posts_list_item .post_title_categories_wrapper {
  /* padding-left: 50px; */
  display: block;
}

.home_category_posts_list_item .genre_tags {
  margin-bottom: 0;
  margin-top: 3px;
}

.home_category_posts_list_more {
  margin-top: 20px;
  overflow: hidden;
}

.read_more_link {
  color: #fff;
  white-space: nowrap;
  word-break: keep-all;
  /* text-decoration: underline; */
}

.read_more_link:hover {
  color: #a70808;
}

.home_category_posts .home_category_posts_list_more a.more {
  float: none;
}

html div#container div.right_col {
  width: 70%;
}

pre {
  word-break: break-all;
}

/* Homepage loop */

.homepage_loop_entry_content {
  overflow: hidden;
}

.homepage_loop_entry_date_title_wrapper {
  position: relative;
}

.homepage_loop_entry_date_wrapper {
  position: absolute;
  left: 0;
  top: 4px;
  width: 50px;
  padding-right: 10px;
  display: block;
}

.homepage_loop_entry_title_wrapper {
  /* padding-left: 50px; */
  display: block;
}

.homepage_loop_entry_title_wrapper .genre_tags {
  margin-bottom: 0;
  margin-top: 3px;
  line-height: 20px;
}

.homepage_loop_entry h2 a {
  color: #fff;
  font-weight: 600;
}

.homepage_loop_entry h2 a:hover,
.homepage_loop_entry h2 a:focus {
  color: #a70808;
}

.homepage_loop_entry_excerpt {
  /* text-align: justify; */
}

.homepage_loop_entry {
  margin-bottom: 40px;
}

.homepage_loop_entry_thumbnail,
.homepage_loop_entry_thumbnail img {
  display: block;
}

.homepage_loop_entry_date_title_wrapper,
.homepage_loop_entry_thumbnail {
  margin-bottom: 16px;
}

.homepage_loop_entry_review .homepage_loop_entry_thumbnail {
  float: right;
  width: 30%;
  margin-left: 20px;
}

.homepage_loop_entry_thumbnail_normal {
  padding-bottom: 42.857142857%; /*21:9 aspect ratio, (9/21) * 100 */
  /* padding-bottom: 56.25%; 16:9 aspect ratio, (9/16) * 100 */
  position: relative;
  overflow: hidden;
}

.homepage_loop_entry_thumbnail_normal img {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100% !important;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.homepage_loop_entry_thumbnail_normal.homepage_loop_entry_thumbnail_fill_vertically
  img {
  top: 0;
  left: 50%;
  width: auto !important;
  max-width: none !important;
  height: 100% !important;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.homepage_loop_entry_read_more {
  text-align: right;
}

.homepage_pagination {
  border-top: 1px solid #5f5f5f;
}

/* Just underline the damn links in the entry content already */

.entry-content a {
  text-decoration: underline;
  /* color: #fff; */
}

.entry-content h2 {
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 15px;
  line-height: 22px;
}

/* .entry-content a:hover,
.entry-content a:focus {
	color: #a70808;
} */

/* Fixes for category pages */

html div.home_category_posts h2.home_category_title {
  border-color: #303030;
  font-size: 18px;
}

html .home_category_title_link {
  color: #fff;
}

html .home_category_title_link:hover,
html .home_category_title_link:focus {
  color: #a70808;
}

html .home_category_posts .home_category_post {
  max-height: none;
  min-height: 0;
  position: relative;
}

html
  .home_category_posts
  .home_category_post.home_category_post_with_square_thumbnail {
  min-height: 100px;
}

html .loop_category_thumbnail_wrapper {
  width: 100px;
  margin-right: 20px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

html .loop_category_meta_wrapper {
  padding-left: 120px;
}

html .loop_category_meta_wrapper .fp_genre_tags p {
  padding-left: 0;
}

html .loop_category_title_wrapper {
  /* padding-left: 53px; */
}

@media only screen and (max-width: 800px) {
  div.home_category_posts .fleft,
  div.home_category_posts .fright {
    width: 100%;
    float: none;
  }
}

@media only screen and (max-width: 600px) {
  html
    .home_category_posts
    .home_category_post.home_category_post_with_square_thumbnail {
    min-height: 0;
  }

  html .loop_category_meta_wrapper {
    padding-left: 0;
  }

  html .loop_category_thumbnail_wrapper {
    display: none;
  }

  /* .homepage_loop_entry_review .homepage_loop_entry_thumbnail {
		width: 30%;
	} */
}

div.main-nav {
  height: auto;
}

@media only screen and (max-width: 767px) {
  div.main-nav {
    /* height: 40px; */
  }
}

html .more {
  border-radius: 2px;
  border: 0;
  background-repeat: repeat;
  background-position: center;
  background-image: linear-gradient(to top, #750505, #a70808);
  box-shadow: none;
  padding: 6px 20px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  cursor: pointer;
  font-weight: bold;
  line-height: 19px;
  transition: all 0.3s ease;
}

html .more.small {
  padding: 4px 12px;
}

html .more:after {
  content: "\0203A";
  margin-left: 10px;
}

html body .more:hover,
html body .more:focus {
  color: #bbb;
}

/* New search page for 2018 */

.search-form {
  margin-top: 20px;
  margin-bottom: 20px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.search-form select,
.search-form textarea,
.search-form input[type="text"],
.search-form input[type="password"],
.search-form input[type="datetime"],
.search-form input[type="datetime-local"],
.search-form input[type="date"],
.search-form input[type="month"],
.search-form input[type="time"],
.search-form input[type="week"],
.search-form input[type="number"],
.search-form input[type="email"],
.search-form input[type="url"],
.search-form input[type="search"],
.search-form input[type="tel"],
html .nf-form-content .list-select-wrap .nf-field-element > div,
html .nf-form-content input:not([type="button"]),
html .nf-form-content textarea,
html .nf-form-content select.ninja-forms-field:not([multiple]) {
  box-sizing: border-box;
  border-radius: 2px;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out,
    color 0.2s ease-in-out;
  border: 1px solid #5f5f5f;
  background-color: #000;
  color: #a9a9a9;
  padding: 7px 10px;
  display: block;
  font-size: 14px;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
}

.search-form input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
  margin: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

html .nf-form-content .listselect-wrap .nf-field-element div,
html .nf-form-content .ninja-forms-field {
  font-size: 14px;
  padding: 7px 10px;
}

html .nf-form-content textarea.ninja-forms-field {
  height: auto;
  min-height: 200px;
}

.search-form select,
html .nf-form-content select.ninja-forms-field:not([multiple]) {
  background-image: url(./images/dropdown-arrows.gif);
  background-repeat: no-repeat;
  background-position: right top;
}

.search-form select:focus,
html .nf-form-content select.ninja-forms-field:not([multiple]):focus {
  background-position: right bottom;
}

.search-form select.autosize {
  width: auto;
}

.search-form select[multiple] {
  padding-left: 0;
  padding-right: 0;
  background-image: none;
}

.search-form select[multiple] option {
  transition: background-color 0.2s ease-in-out;
  padding-left: 7px;
  padding-right: 7px;
}

.search-form select[multiple] option:checked {
  background: linear-gradient(#5f5f5f, #5f5f5f);
  background-color: #5f5f5f !important; /* for IE */
}

.search-form select[multiple]:focus option:checked {
  background: linear-gradient(#5f5f5f, #5f5f5f);
  background-color: #5f5f5f !important; /* for IE */
}

.search-form select:focus,
.search-form textarea:focus,
.search-form input[type="text"]:focus,
.search-form input[type="password"]:focus,
.search-form input[type="datetime"]:focus,
.search-form input[type="datetime-local"]:focus,
.search-form input[type="date"]:focus,
.search-form input[type="month"]:focus,
.search-form input[type="time"]:focus,
.search-form input[type="week"]:focus,
.search-form input[type="number"]:focus,
.search-form input[type="email"]:focus,
.search-form input[type="url"]:focus,
.search-form input[type="search"]:focus,
.search-form input[type="tel"]:focus,
html .nf-form-content .list-select-wrap .nf-field-element > div:focus,
html .nf-form-content input:not([type="button"]):focus,
html .nf-form-content textarea:focus {
  outline: none;
  border-color: #a9a9a9;
  color: #fff;
  background-color: #000;
}

.search-form textarea::placeholder
.search-form input[type="text"]::placeholder
.search-form input[type="password"]::placeholder
.search-form input[type="datetime"]::placeholder
.search-form input[type="datetime-local"]::placeholder
.search-form input[type="date"]::placeholder
.search-form input[type="month"]::placeholder
.search-form input[type="time"]::placeholder
.search-form input[type="week"]::placeholder
.search-form input[type="number"]::placeholder
.search-form input[type="email"]::placeholder
.search-form input[type="url"]::placeholder
.search-form input[type="search"]::placeholder
.search-form input[type="tel"]::placeholder,
/* html .nf-form-content .list-select-wrap .nf-field-element > div:focus, */
html .nf-form-content input:not([type=button])::placeholder,
html .nf-form-content textarea::placeholder {
  color: #777;
}

.cookie-notice button[type="submit"],
.search-form button[type="submit"],
.search-form input[type="submit"],
html .nf-form-content button,
html .nf-form-content input[type="button"],
html .nf-form-content input[type="submit"],
html .nf-form-content button:hover,
html .nf-form-content button:focus,
html .nf-form-content input[type="button"]:hover,
html .nf-form-content input[type="button"]:focus,
html .nf-form-content input[type="submit"]:hover,
html .nf-form-content input[type="submit"]:focus {
  border-radius: 2px;
  border: 0;
  background-repeat: repeat;
  background-position: center;
  background-image: none;
  background-image: linear-gradient(to top, #750505, #a70808);
  box-shadow: none;
  padding: 6px 20px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  cursor: pointer;
  font-weight: bold;
  line-height: 19px;
  transition: all 0.3s ease;
}

.cookie-notice button[type="submit"]:hover,
.cookie-notice button[type="submit"]:focus,
.search-form button[type="submit"]:hover,
.search-form button[type="submit"]:focus,
.search-form input[type="submit"]:hover,
.search-form input[type="submit"]:focus,
html .nf-form-content button:hover,
html .nf-form-content button:focus,
html .nf-form-content input[type="button"]:hover,
html .nf-form-content input[type="button"]:focus,
html .nf-form-content input[type="submit"]:hover,
html .nf-form-content input[type="submit"]:focus {
  color: #bbb;
}

.search-form .radio-group + .radio-group {
  margin-top: 5px;
}

.search-form .radio-group .radio-label {
  margin-right: 10px;
  display: inline-block;
}

.search-form .radio-label .radio-label-text {
  display: inline-block;
  margin-left: 5px;
}

.search-form .radio-group .radio-label:last-child {
  margin-right: 0;
}

.search-form .input-label,
html .nf-form-content .label-above .nf-field-label,
html .nf-form-content .label-below .nf-field-label,
html .nf-form-content .label-hidden .nf-field-label {
  color: #fff;
  font-weight: bold;
  display: inline-block;
}

.search-form .input-label {
  margin-bottom: 5px;
}

html .nf-form-content .label-above .nf-field-label,
html .nf-form-content .label-hidden .nf-field-label {
  margin-bottom: 5px !important;
}

.nf-form-content .label-above .nf-field-description {
  margin-bottom: 5px;
}

html .nf-form-content .label-below .nf-field-label {
  margin-top: 5px !important;
}

.nf-form-content .label-below .nf-field-description {
  margin-top: 5px;
}

html .nf-field-label label {
  font-weight: 600;
}

html .nf-form-content label,
html .nf-field-label label {
  font-size: 14px;
  line-height: 22px;
}

.search-form .form-row + .form-row {
  margin-top: 20px;
}

.search-form .score-fields {
  display: flex;
  align-items: center;
  color: #bbb;
}

.search-form .score-fields span {
  display: block;
  white-space: normal;
}

.search-form .form-row-submit {
  /* text-align: center; */
}

html .search-form .input-small {
  width: 50px;
}

.search-form .radio-label,
.search-form .checkbox-label {
  color: #bbb;
}

.search-results-list-item {
  overflow: hidden;
}

.search-results-list-item + .search-results-list-item {
  margin-top: 3px;
}

.search-results-list-item-header-cell {
  font-weight: bold;
  color: #fff;
  margin-bottom: 10px;
}

.search-results-list-item-title-cell {
  width: 80%;
  box-sizing: border-box;
  padding-right: 10px;
  display: block;
  float: left;
}

.search-results-list-item-date-cell {
  width: 20%;
  display: block;
  float: left;
  text-align: right;
}

.search-results-list-item-title-cell .title {
  color: #bbb;
}

.search-results-list-item-title-cell .cats:before,
.search-results-list-item-title-cell .score:before {
  content: " | ";
  white-space: pre-line;
}

.search-results-list-item-title-cell .score,
.search-results-list-item-title-cell .cats,
.search-results-list-item-title-cell .cats a {
  color: #7c7c7c;
}

.search-results-list-item-title-cell .title:hover,
.search-results-list-item-title-cell .title:focus,
.search-results-list-item-title-cell .cats a:hover,
.search-results-list-item-title-cell .cats a:focus {
  color: #a70808;
}

@media only screen and (max-width: 900px) {
  .search-results-list-item + .search-results-list-item {
    margin-top: 10px;
  }

  .search-results-list-item-title-cell,
  .search-results-list-item-date-cell {
    float: none;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
    text-align: left;
  }

  .search-results-list-item-title-cell .title {
    display: block;
  }

  .search-results-list-item-title-cell .score:before,
  .search-results-list-item-title-cell .cats:before {
    content: none;
  }

  .search-results-list-item-title-cell .score,
  .search-results-list-item-title-cell .cats {
    font-size: 12px;
    line-height: 20px;
    display: block;
  }

  .search-results-list-item-date-cell-header {
    display: none;
  }

  .search-results-list-item-date-cell {
    color: #7c7c7c;
    font-size: 12px;
    line-height: 20px;
  }
}

/* Category pages */

html .loop_category_title_wrapper {
  margin-bottom: 16px;
}

html .loop_category_title_wrapper h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 22px;
  font-size: 14px;
}

html .loop_category_title_wrapper .genre_tags {
  margin-top: 3px;
  line-height: 20px;
  margin-bottom: 0;
}

html .loop_category_thumbnail {
  float: right;
  display: block;
  margin-left: 20px;
}

/* Multiple select styling */

.ms-parent {
  max-width: 100%;
  width: 400px;
  box-sizing: border-box;
}

.ms-choice {
  box-sizing: border-box;
  border-radius: 2px;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out,
    color 0.2s ease-in-out;
  border: 1px solid #5f5f5f;
  background-color: #000;
  color: #a9a9a9;
  padding: 7px 10px;
  display: block;
  font-size: 14px;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  height: 35px;
}

.ms-choice.focussed {
  border-color: #a9a9a9;
  color: #fff;
}

.ms-choice > span {
  margin-top: 4px;
}

.ms-choice > div {
  height: 35px;
  width: 15px;
}

.ms-choice > div,
.ms-choice > div.open {
  background-image: url("./images/dropdown-arrows.gif");
}

.ms-choice > div.open {
  background-position: left bottom;
}

.ms-drop {
  margin-top: 0;
  box-sizing: border-box;
  background-color: #000;
  border: 1px solid #5f5f5f;
  border-radius: 2px;
}

.ms-drop.bottom {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.75);
}

/* Facebook stuff */

.fb-like,
.fb-comments {
  margin-top: 10px;
}

.fb-comments iframe {
  width: 100% !important;
}

/* Cookie notice */
.cookie-notice {
  display: none;
  box-sizing: border-box;
  padding: 0 40px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 99999;
}

.cookie-notice.visible {
  display: block;
}

.cookie-notice a {
  text-decoration: underline;
}

.cookie-notice-inner {
  padding: 40px 0;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
}

.cookie-notice p {
  margin-bottom: 0;
  margin-top: 0;
}

.cookie-notice p + p {
  margin-top: 15px;
}

html body .btn-close,
html .cookie-notice .btn-close {
  position: absolute;
  right: -12px;
  top: -15px;
  width: 24px;
  height: 24px;
  padding: 0;
  text-align: center;
  line-height: 24px;
  font-size: 12px;
  background-image: none;
  border: 1px solid #fff;
  color: #fff;
  background-color: #000;
  border-radius: 9999px;
}

html body .btn-close:hover,
html body .btn-close:focus,
html .cookie-notice .btn-close:hover,
html .cookie-notice .btn-close:focus {
  border-color: #5f5f5f;
  color: #5f5f5f;
}

/* Cheap ass object-fit container */

.covered-media-container {
  position: relative;
  overflow: hidden;
}

.covered-media-container:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}

.covered-media-container img,
.covered-media-container .covered-media {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100% !important;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.covered-media-container.cover-vertically img,
.covered-media-container.cover-vertically .covered-media {
  top: 0;
  left: 50%;
  width: auto !important;
  max-width: none !important;
  height: 100% !important;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* Events */

.events-table {
  color: #bbb;
  overflow: hidden;
}

.events-table-header {
  font-weight: bold;
  border-top: 1px solid #202020;
  padding-top: 23px;
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 15px;
  line-height: 22px;
  color: #efefef;
}

.events-table-header:first-child {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}

.events-table-row {
  box-sizing: border-box;
  margin-left: 15px;
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  gap: 15px;
}

.events-table-row + .events-table-row {
  margin-top: 24px;
}

.events-table-col {
  box-sizing: border-box;
}

.events-table-col-thumbnail,
.events-table-col-date {
  width: 110px;
  font-size: 13px;
  flex-shrink: 0;
}

.events-table-event-header h2 {
  font-weight: bold;
  color: #efefef;
}

.events-table-event-header h2 + .events-table-event-meta-row {
  margin-top: 4px;
}

.events-table-event-meta-row {
  font-size: 12px;
  line-height: 20px;
}

.events-table-event-meta-row > p:first-child:before {
  content: "Links: ";
  font-weight: bold !important;
}

.events-table-event-meta-row-links p {
  /* Clear out any copy/pasted info */
  all: inherit !important;
  margin-bottom: 0 !important;
}

.events-table-event-meta-row .label {
  font-weight: bold;
}

.events-table-event-meta-row a {
  text-decoration: underline;
}

.events-table-event-content {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  font-size: 13px;
  line-height: 20px;
}

.events-table-event-content p,
.events-table-event-content ul,
.events-table-event-content ol {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 20px;
}

@media only screen and (max-width: 700px) {
  .events-table-row {
    flex-direction: column;
    gap: 10px;
    margin-left: 0;
  }

  /* Place image above event on mobile */
  .events-table-col-thumbnail,
  .events-table-col-date {
    width: 100%;
  }

  .events-table-col-meta {
    width: 100%;
  }
}

/* New social media images */

#slider .socials-nav {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 999999;
}

@media only screen and (max-width: 479px) {
  #slider .socials-nav {
    display: none;
  }
}

html div.footer_widget_right {
  width: auto;
  display: flex;
  justify-content: flex-end;
}

@media only screen and (max-width: 900px) {
  html div.footer_widget_right {
    justify-content: center;
  }

  html div.footer_widget_right ul {
    margin-bottom: 0;
    margin-top: 0;
  }
}

.socials-nav-list {
  display: flex;
  align-items: center;
}

.socials-nav-list li {
  display: flex;
  margin-right: 10px;
}

.socials-nav-list li:last-child {
  margin-right: 0;
}

.socials-nav-list .btn-round-icon {
  width: 28px;
}

.btn-round-icon {
  border-radius: 9999px;
  background-color: #676767;
  position: relative;
  display: inline-block;
  transition: all 0.3s ease-in-out;
}

.btn-round-icon:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.btn-round-icon img {
  width: 80%;
  height: auto;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.btn-round-icon-instagram img {
  width: 71%;
}

.btn-round-icon-spotify img {
  width: 60%;
}

.btn-round-icon-twitter img {
  margin-left: 1px !important;
  margin-top: 1px !important;
}

.btn-round-icon:hover,
.btn-round-icon:focus {
  background-color: #a70808; /* Hail Satan! */
}

/* April fools joke */

.april-fools body,
.april-fools div#footer_wrapper {
  background-color: #ed008c;
}

.april-fools a:hover,
.april-fools a:focus,
.april-fools div.main-nav > ul > li.current_page_item > a,
.april-fools div.main-nav > ul > li.current-menu-item > a,
.april-fools div.main-nav > ul > li.current-menu-parent > a,
.april-fools div.main-nav > ul > li > a:hover,
.april-fools div.main-nav > ul > li > a:focus,
.april-fools div#header div#top_nav ul li a:hover,
.april-fools div#header div#top_nav ul li a:focus,
.april-fools .entry-content a:hover,
.april-fools .entry-content a:focus,
.april-fools .home_category_posts_list_item h3 a:hover,
.april-fools .home_category_posts_list_item h3 a:focus,
.april-fools .home_category_title_link:hover,
.april-fools .home_category_title_link:focus,
.april-fools .homepage_loop_entry h2 a:hover,
.april-fools .homepage_loop_entry h2 a:focus,
.april-fools .read_more_link:hover,
.april-fools .read_more_link:focus,
.april-fools div.home_category_post h3 a:hover,
.april-fools div.home_category_post h3 a:focus {
  color: #0cebeb;
}

.april-fools p,
.april-fools .gray_text,
.april-fools a,
.april-fools p.page-title,
.april-fools p.entry-title,
.april-fools div#header div#top_nav ul li a {
  color: #ddd;
}

/* Kings day */

.kingsday a:hover,
.kingsday a:focus,
.kingsday div.main-nav > ul > li.current_page_item > a,
.kingsday div.main-nav > ul > li.current-menu-item > a,
.kingsday div.main-nav > ul > li.current-menu-parent > a,
.kingsday div.main-nav > ul > li > a:hover,
.kingsday div.main-nav > ul > li > a:focus,
.kingsday div#header div#top_nav ul li a:hover,
.kingsday div#header div#top_nav ul li a:focus,
.kingsday .entry-content a:hover,
.kingsday .entry-content a:focus,
.kingsday .home_category_posts_list_item h3 a:hover,
.kingsday .home_category_posts_list_item h3 a:focus,
.kingsday .home_category_title_link:hover,
.kingsday .home_category_title_link:focus,
.kingsday .homepage_loop_entry h2 a:hover,
.kingsday .homepage_loop_entry h2 a:focus,
.kingsday .read_more_link:hover,
.kingsday .read_more_link:focus,
.kingsday div.home_category_post h3 a:hover,
.kingsday div.home_category_post h3 a:focus {
  color: #ff802c;
}

.kingsday .more {
  background-image: linear-gradient(to top, #b35b04, #ff802c);
}

.kingsday .more:hover,
.kingsday .more:focus {
  color: rgba(255, 255, 255, 0.75);
}

.kingsday ol.flex-control-nav li a {
  background-image: url(images/control_nav-kingsday.png);
}

.kingsday div#slider ul.flex-direction-nav li a {
  background-image: url(images/slider_nav-kingsday.png);
}

/* Fix for header banner on mobile */

/* @media only screen and (max-width: 900px) {
	div#header div#header_banner {
		display: block;
		position: static;
		width: auto;
		height: auto;
	}

	div#header div#header_banner .header_banner_inner {
		position: static;
		transform: none;
	}

	div#header div#header_banner div.banner_wrapper,
	div#header div#header_banner div.banner_wrapper:last-child {
		width: auto;
		height: auto;
	}
} */

/* Background skin */

.background-skin-wrapper {
  display: none;
  position: fixed;
  /* position: absolute; */
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}

@media only screen and (min-width: 900px) {
  /* Just add a class to activate the background skin */
  .has-background-skin .background-skin-wrapper {
    display: block;
  }
}

.background-skin {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1400px;
  max-width: none !important;
}

.background-skin-link {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* Fix other elements */

@media only screen and (min-width: 900px) {
  .has-background-skin body {
    background: #000 !important;
  }

  .has-background-skin #wrapper {
    background-color: #161616;
    margin-top: 200px;
    position: relative;
    z-index: 2;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.4);
  }

  .has-background-skin #logo {
    margin-left: 15px;
  }

  .has-background-skin #top_nav,
  .has-background-skin #header_banner,
  .has-background-skin .footer_widget_right,
  .has-background-skin #footer_nav {
    margin-right: 22px;
  }

  .has-background-skin #left_banner,
  .has-background-skin #left_banner2,
  .has-background-skin #right_banner,
  .has-background-skin #right_banner2 {
    display: none;
  }

  .has-background-skin div#footer_wrapper {
    background-color: transparent;
    position: relative;
    z-index: 2;
    padding-bottom: 0;
  }

  .has-background-skin div#footer {
    padding-bottom: 30px;
    background-color: #161616;
    border-radius: 0 0 3px 3px;
    margin-bottom: 20px;
  }

  .has-background-skin div#copyrights p {
    margin-left: 22px;
  }
}

/* Temporary fix for Facebook comment box */

.fb-comments {
  margin-bottom: 20px;
}

.fb-comments iframe {
  background-color: #eee;
  border-radius: 5px;
}

/* Ninja forms */
html .nf-form-cont,
html .nf-form-wrap {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

html .nf-form-content {
  padding: 0;
  margin-top: 15px;
}

html .nf-form-content .listselect-wrap .nf-field-element div,
html .nf-form-content input.ninja-forms-field,
html .nf-form-content select.ninja-forms-field:not([multiple]) {
  height: auto;
}

html #ninja_forms_required_items,
html .nf-field-container {
  margin-bottom: 15px;
}

html .nf-error.field-wrap .nf-field-element:after,
html .nf-pass.field-wrap .nf-field-element:after {
  content: none;
}

html .nf-error-msg,
html .ninja-forms-req-symbol,
html .nf-error .nf-error-msg {
  color: #a70808;
}

html .nf-error .ninja-forms-field {
  border-color: #a70808 !important;
}

/* Radio buttons and checkboxes */
html .nf-form-content .listcheckbox-wrap li,
html .nf-form-content .listradio-wrap li {
  margin-bottom: 8px !important;
}

html .nf-form-content input[type="checkbox"].ninja-forms-field,
html .nf-form-content input[type="radio"].ninja-forms-field {
  display: none;
}

html .listradio-wrap .nf-field-element label,
html .listcheckbox-wrap .nf-field-element label,
html .checkbox-wrap .nf-field-label label {
  cursor: pointer;
}

html .listradio-wrap .nf-field-element label.nf-checked-label:before {
  top: 5px;
  bottom: auto;
  background: #a70808 !important;
  border: 0;
}

html .listradio-wrap .nf-field-element label.nf-checked-label:after {
  border: 0;
}

html .checkbox-wrap .nf-field-element label:before,
html .checkbox-wrap .nf-field-label label:before,
html .listcheckbox-wrap .nf-field-element label:before,
html .listcheckbox-wrap .nf-field-label label:before {
  font-size: 18px;
  line-height: 18px;
  width: 18px;
  height: 18px;
  left: -28px;
  top: 2px;
  bottom: auto;
  transition: none;
}

html .checkbox-wrap .nf-field-element label:after,
html .checkbox-wrap .nf-field-label label:after,
html .listcheckbox-wrap .nf-field-element label:after,
html .listcheckbox-wrap .nf-field-label label:after {
  border: 0;
  border-radius: 2px;
  width: 18px;
  height: 18px;
}

html .listcheckbox-container .nf-field-element label:after,
html .checkbox-container.label-right label:after {
  top: 2px;
}

html .checkbox-wrap .nf-field-element label.nf-checked-label:before,
html .checkbox-wrap .nf-field-label label.nf-checked-label:before,
html .listcheckbox-wrap .nf-field-element label.nf-checked-label:before,
html .listcheckbox-wrap .nf-field-label label.nf-checked-label:before {
  color: #a70808;
  transition: none;
}

html .checkbox-container .nf-field-label label {
  font-weight: inherit;
  line-height: inherit;
}

/* Horizontal alignment for checkboxes/radio buttons */
@media only screen and (min-width: 600px) {
  html .horizontal.nf-field-container .list-wrap ul,
  html .horizontal-fixed.nf-field-container .list-wrap ul {
    gap: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }

  html .horizontal-fixed.nf-field-container .list-wrap ul > li {
    width: 280px;
  }
}

/* Help box */
html .nf-help {
  color: #5f5f5f;
}

html .jBox-content > p {
  color: #000;
  margin-bottom: 0;
}

html .jBox-content > p + p {
  margin-top: 15px;
}

/* Results page */

.nf-poll-results {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.nf-poll-result-question {
  font-weight: bold;
  color: #fff;
  margin-bottom: 5px;
  overflow: hidden;
}

.nf-poll-result + .nf-poll-result {
  margin-top: 25px;
}

.nf-poll-result-answers {
  list-style-type: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.nf-poll-result-answer + .nf-poll-result-answer {
  margin-top: 8px;
}

.nf-poll-result-answer-text {
  margin-bottom: 5px;
}

.nf-poll-result-answer-bar-wrapper {
  width: 100%;
  background-color: #202020;
}

.nf-poll-result-answer-bar {
  height: 5px;
  width: 100%;
  background-color: #a70808;
}

.nf-poll-results-total-votes {
  margin-top: 25px;
}

#content .nf-poll-results {
  margin-bottom: 25px;
}

/* Ninja forms in sidebar */

.home_sidebar_form {
  color: #bbb;
}

html .home_sidebar_form .nf-form-cont,
html .home_sidebar_form .nf-form-wrap {
  max-width: none;
}

.home_sidebar_form .nf-form-fields-required,
.home_sidebar_form .ninja-forms-req-symbol {
  display: none;
}

html .home_sidebar_form .horizontal-fixed.nf-field-container .list-wrap ul,
html .home_sidebar_form .horizontal.nf-field-container .list-wrap ul {
  display: block;
}

html
  .home_sidebar_form
  .horizontal-fixed.nf-field-container
  .list-wrap
  ul
  > li {
  width: auto;
}