/*
CTC Separate Stylesheet
Updated: 2021-10-13 08:14:38
Theme Name: Accelerate Child
Theme URI: https://themegrill.com/themes/accelerate/
Template: accelerate
Author: ThemeGrill
Author URI: https://themegrill.com
Description: Accelerate is multipurpose WordPress theme made for simplicity and ease of use. This theme is a piece of art that has this premium look and feel which will make your site stand out. Supports all post formats. Accelerate can be used for portfolio, business, blog, personal, travel, corporate, business services or any other kinds of sites. Get free support in https://themegrill.com/contact/ and check the demo at https://themegrilldemos.com/accelerate/
Tags: one-column,two-columns,left-sidebar,right-sidebar,flexible-header,custom-background,custom-colors,custom-header,custom-logo,custom-menu,featured-images,footer-widgets,post-formats,blog,threaded-comments,theme-options,translation-ready,rtl-language-support,e-commerce
Version: 1.5.0.1634112878
*/

/*******
** OVERWRITE PARENT
*******/

html {
  overflow-y: auto;
}

#main {
  padding-top: 20px;
}

a img:hover {
  opacity: inherit;
  filter: none;
  box-shadow: inherit;
}

a#scroll-up {
  z-index: 9999;
}

article {
  margin-bottom: 20px;
}

.entry-content {
  position: relative;
}

.post .entry-content{
  border-radius: 0px 0px 10px 10px;
  background-color: rgba(0,0,0,0.55);
  box-shadow: 1px 1px 2px #dd0202;
}

.inner-wrap {
	max-width: 1300px;
}

button a {
  color: white;
}

/******************
** UM
******************/
.um-profile.um .um-name a, .um, .um .um-field-label {
  color: white !important;
}
/* Link colors */
.um a.um-link,
.um .um-tip:hover,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color
{
    color: #dd0202 !important;
}

.um a.um-link:hover,
.um a.um-link-hvr:hover {
    color: #9c0505 !important;
}

/* Button colors */
.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.upload,
.um-modal-header,
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover,
.um .um-button,
.um a.um-button,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active,
.um input[type=submit].um-button,
.um input[type=submit].um-button:focus,
.um input[type=submit]:disabled:hover
{
    background: #dd0202 !important;
}

.um .um-field-group-head:hover,
.picker__footer,
.picker__header,
.picker__day--infocus:hover,
.picker__day--outfocus:hover,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted,
.picker__list-item:hover,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected,
.um .um-button:hover,
.um a.um-button:hover,
.um input[type=submit].um-button:hover,
.um-profile-nav-item a:hover{
    background: #9c0505 !important;
}

.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.upload,
.um-modal-header,
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover {
  background: #9c0505 !important;
}

/* Button alt colors */
.um .um-button.um-alt, 
.um input[type=submit].um-button.um-alt {
    background: #eeeeee !important;
}

.um .um-button.um-alt:hover,
.um input[type=submit].um-button.um-alt:hover {
    background: #e5e5e5 !important;	
}

.um-header {
  border: none !important;
}

.um-profile-nav {
  background: #dd0202 !important;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top: 2px solid white;
  border-right: 2px solid white;
}

.um .um-button.um-alt:hover, .um input[type=submit].um-button.um-alt:hover {
  background-color: #a1a1a1 !important;
  color: black !important;
}

.um-col-alt {
  display: flow-root;
}

.um-row {
  margin: 0 !important;
}

.um .um-form input[type=text],
.um .um-form input[type=search],
.um .um-form input[type=tel],
.um .um-form input[type=password],
.um .um-form textarea {
  color: #666666 !important;
}

#um-meta-bio {
  background-color: transparent;
  color: white;
  font-weight: bold;
}

.um-meta-text {
  margin: 0 !important;
  font-size: 18px !important;
}

.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
  background: #0c0c0c;
}

/*********
*** END
**********/

#header-logo-image img {
 width: 300px;
}

.copyright {
  display: none;
}

.copyright.active {
  display: block;
}

/* BLACK THEME */

#page, .main-navigation, .footer-socket-wrapper {
  background-color: inherit;
}

#header-text-nav-container {
  background-color: #161616;
  border-bottom: none;
}

.main-navigation a {
  color: white;
  text-transform: uppercase;
}

#page,
#page button,
#page select,
#page textarea,
#page h1,
#page h2,
#page h3,
#page h4,
#page h5,
#page h6 {
  color: white;
}

input, textarea {
  color: black;
}

/* EDIT STYLE POPUP */
.swal2-container {
  backdrop-filter: blur(5px);
}

.swal2-popup {
  box-shadow: 0px 0px 10px 10px #0000001f;
  width: 40em !important;
}

.swal2-styled.swal2-confirm {
  background-color: #dd0202 !important;
}

.swal2-html-container {
  color: rgb(206, 206, 206) !important;
}

.swal2-validation-message {
  margin: 1em 0 0 !important;
}

.swal2-popup label {
  display: inline-block;
  margin-bottom: 5px;
}

.swal2-popup textarea {
  padding-top: 10px;
}

.xdebug-var-dump {
  color: black;
}


/* END BLACK THEME */

.swal2-popup .onebyline {
  display: block;
}


/* MENU */
.main-navigation {
  font-weight: 500;
}

.main-navigation li a {
  position: relative;
  overflow: hidden;
}

.main-navigation li {
  font-weight: 500;
  padding: 0 5px;
}

.main-navigation li a  {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: skew(-12deg);
  -ms-transform: skew(-12deg);
  transform: skew(-12deg);
  padding: 10px;
}

.header-grid {
  display: grid;
  margin: 0 auto;
  max-width: 1300px;
  grid-template-columns: 400px 1fr;
}

.header-grid .site-navigation, .header-grid .inner-wrap {
  align-self: center;
}

#header-text-nav-wrap {
  padding: 20px 0;
}

.menu-nav-container .right {
  float: right;
}

#main {
  background-image: url(/mxs_battlegrounds/wp-content/uploads/2021/12/Battlegrounds_BG.png);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}


@media screen and (max-width: 768px) {
  .site-header .menu-toggle {
    color: white !important;
    background: #202020;
  }

  .menu-nav-container .right {
    float: inherit;
  }

  .main-small-navigation .current-menu-item a {
    color: white;
    background-color: #dd0202;
  }

  .main-small-navigation a {
    background-color:#202020;
    color: white;
    border-bottom: 1px solid #444444;
  }
  
  .main-small-navigation li:last-child a{
    border-bottom: none;
  }
}