@import '/Portals/_default/cross-styling.css';
/*--------------------------------------------------------*/
.LoginPanel {
    margin-top: 40px;
}
.ui-widget-overlay {
    z-index: 9998;
}
.ui-dialog {
    z-index: 9999;
}
.counter-bg {
    background: #3a3a3a;
  /* 
    background-image: url(/Portals/ASCC/ThemePluginPro/uploads/2020/11/25/concrete-footer.jpg);
    background-position: center top;
    background-size: initial;
    background-repeat: repeat;
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
  */
    padding: 4em 2em;
}
.dg-btn-3, .dg-btn-3:link, .dg-btn-3:active, .dg-btn-3:visited, .dg-btn-3[type="button"] {
    font-weight: bold;
}
.color-black p {
    color: #191919 !important;
}
.color-black h2 {
    color: #191919 !important;
}
.contentmain {
  padding: 10px;
}
.Container-ColorHeader h5.color-white {
  color: #000 !important;
  border-top: 4px solid #ed1c24;
  border-bottom: 4px solid #ed1c24;
  padding: 7px 10px;
  text-transform: uppercase;
  margin: 0 0 15px;
  font-size: 20px;
}
div.Container-ColorHeader div.dnntitle {
    padding: 0px !important;
}
.Container-ColorHeader {
  box-shadow: none;
}
.Container-ColorHeader .dnntitle {
    font-size: 22px;
}
[class *= "dg-imagebox"] .content.color-dark .title, [class *= "dg-imagebox"] .content.color-dark .title a {
    color: #fff;
}
.dg-imagebox04 .content.color-dark .center {
    background: #b6161c;
}
.dg-imagebox04 .content.color-dark .center:hover {
    background: #740e11;
  transition: 1s;
}
@media only screen and (max-width: 991px) {
  .page-breadcrumbs > .container {
    padding-top: 13px;
    margin-bottom: 30px;
}
}
@media only screen  and (max-width: 1199px) {

}
img {
    max-width: 100% !Important;
    height: auto !IMPORTANT;
}
.dg-imagebox04 {
  border: 3px solid #858585;
  Box-shadow: inset 0 0 5px #000;
}
.dg-imagebox04 .content .title .lnr {
    margin-left: 10px;
}
.dg-imagebox04 .content.color-dark .center {
    width: auto;
}

.dg-btn-3, .dg-btn-3:link, .dg-btn-3:active, .dg-btn-3:visited, .dg-btn-3[type="button"], .dg-btn-3[type="submit"] {
    font-size: 16px;
}
@media only screen and (max-width: 1215px) {
#dng-megamenu673076 .primary_structure>li>a, #dng-megamenu673076 .primary_structure>li>a:link, #dng-megamenu673076 .primary_structure>li>a:active, #dng-megamenu673076 .primary_structure>li>a:visited {
    font-size: 15px !IMPORTANT;
    Padding: 8px !IMPORTANT;
  letter-spacing: 0.00em !IMPORTANT;
    text-transform: capitalize !IMPORTANT;
}
  @media only screen and (max-width: 991px) {
    .dng-main.Boxed {
    padding: 0px 0px !IMPORTANT;
}
  }
  #dng-megamenu673076 .primary_structure>li>a {
    padding-right: 13px;
}
}
.dg-testimonials01 .item:before {
display: none;
}
.swiper-pagination-bullet {
    background-color: #676767;
}
.is-container .is-builder .container-fluid .is-content-800 .connectSortable .ui-sortable {
/*background: url(/Portals/ASCC/ThemePluginPro/uploads/2020/11/17/ASCC-concrete.jpg) repeat top center #121212 fixed !important; */
      box-shadow: inset 0 0px 10px #000;
}
.gbg {
 background: linear-gradient(45deg,#ed1c24,#6e0d10) ;
 padding: 30px 0px;
}
.gbg2 {
 background: linear-gradient(45deg,#6e0d10,#ed1c24) ;
 padding: 30px 0px;
}
.fa-twitter-square:before {
    font-family: "font awesome 5 brands";
}
.fa-facebook-square:before {
    font-family: "font awesome 5 brands";
}
.fa-pinterest-square:before {
    font-family: "font awesome 5 brands";
}
.fa-instagram:before {
    font-family: "font awesome 5 brands";
}
.card-shadow {
border: 1px solid #d8d8d8;
border-radius: 5px;
padding: 15px;
box-shadow: 0px 0px 6px #84848469;
background: #ed1c24;
margin: 10px 0px 20px 0px;
}

.card-shadow2 {
border: 1px solid #d8d8d8;
border-radius: 3px;
padding: 15px 24px;
box-shadow: 0px 0px 3px #84848469;
}
.card-shadow3 {
border: 1px solid #d8d8d8;
border-radius: 3px;
padding: 10px;
box-shadow: 0px 0px 3px #84848469;
margin-bottom: 30px;
}
.card-shadow4 {
border: 1px solid #d8d8d8;
border-radius: 3px;
padding: 15px 24px;
box-shadow: 0px 0px 3px #84848469;
margin-bottom: 30px;
}
.card-shadow5 {
border: 1px solid #d8d8d8;
 background: #f3c27c;
border-radius: 3px;
padding: 10px;
box-shadow: 0px 0px 3px #84848469;
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
#dnn_content {
    padding-top: 0px !important;
}
}
@media only screen and (max-width: 992px) {
#dnn_content {
    padding-top: 0px !important;
}
}
.dg-title .decorated {
    color: #ffffff;
    border-color: #ffffff;
}
.swiper-button-next {
    margin: 60px 25px 0 0 !important;
}
.swiper-button-prev {
    margin: 60px 0 0 25px !important;
}


/*------ ENGAGE KYLE ------*/
.grid.grid__banner {
    border: 3px solid #858585;
}
.grid.grid__banner .grid--item {
 	padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
    border: 3px solid #858585;
    display: flex;
    justify-content: center;
}
.grid.grid__banner .grid--item .item--image {
	display: block;
  width: 100%;
}
.grid.grid__banner .grid--item img {
    object-fit: cover;
    width: 100%;
}
.grid.grid__banner .grid--item .grid--cta {
    left: 50%;
    bottom: 10px;
    transform: translate(-50%, 0);
    transition: all 0.6s ease;
    position: absolute;
  min-width: fit-content;
    color: #fff;
  padding: 0.5rem 1rem;
  background-color: #b6161c;
  cursor: pointer;
}

.grid.grid__banner .grid--item .grid--cta:hover {
  background-color: #740e11;
}

@media screen and (min-width: 576px) {
  .grid.grid__banner .grid--item .grid--cta {
      transform: translate(-50%, -50%);
  }
  .grid.grid__banner .grid--item[data-slide='1'] .grid--cta {
	transform: translateX(88%) translateY(64%);
    right: 0;
    bottom: 0;
    top: auto;
    left: auto;
  }
  .grid.grid__banner .grid--item[data-slide='2'] .grid--cta {
    transform: translateX(-89%) translateY(64%);
    left: 0;
    bottom: 0;
    top: auto;
  }
  .grid.grid__banner .grid--item[data-slide='3'] .grid--cta {
  transform: translateX(88%) translateY(-63%);
      right: 0;
      top: 0;
      bottom: auto;
    	left: auto;
  }
  .grid.grid__banner .grid--item[data-slide='4'] .grid--cta {
	transform: translateX(-73%) translateY(-63%);
    left: 0;
    top: 0;
    bottom: auto;
  }
  .grid.grid__banner .grid--item:hover .grid--cta {
      transform: translateX(0) translateY(0);
  }
    .grid.grid__banner .grid--item .grid--cta {
      color: transparent;
      font-weight: 600;
      font-size: 20px;
      padding: 1rem;
  }
  .grid.grid__banner .grid--item:hover .grid--cta {
      color: #fff;
  }
}

[class*="dg-btn-"] {
    padding: 0 10px !important;
}
@media only screen and (min-width: 801px) and (max-width: 864px) {
.resp-buttons .dg-btn-3 {
    font-size: 15px;
}
[class*="dg-btn-"] {
    padding: 0 7px !important;
}
}
@media only screen and (min-width: 767px) and (max-width: 800px) {
.resp-buttons .dg-btn-3 {
    font-size: 14px;
}
[class*="dg-btn-"] {
    padding: 0 5px !important;
}
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.edMaps_mapWrapper.edMaps_theme__default-Default .edMaps_markerList > div {
    flex-basis: 24% !important;
}
@media only screen and (max-width: 1199px) {
.edMaps_mapWrapper.edMaps_theme__default-Default .edMaps_markerList > div {
    flex-basis: 32% !important;
}
}
@media only screen and (max-width: 890px) {
.edMaps_mapWrapper.edMaps_theme__default-Default .edMaps_markerList > div {
    flex-basis: 49% !important;
}
}
@media only screen and (max-width: 630px){
.edMaps_mapWrapper.edMaps_theme__default-Default .edMaps_markerList > div {
    flex-basis: 100% !important;
}
}
.edMaps_mapWrapper.edMaps_theme__default-Default .edMaps_markerList {
    max-height: 400px !important;
    display: flex !important;
    flex-flow: row wrap !important;
}
p.edMaps_title {
    font-weight: bold;
    font-size: 1em !important;
}
.edMaps_mapWrapper.edMaps_theme__default-Default .edMaps_markerList .edMaps_html p {
    font-size: 14px !important;
}
/*Active Forms*/
.ModActiveForumsC input, .ModActiveForumsC select, .ModActiveForumsC textarea {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.ModActiveForumsC select {
    padding: 0.32rem;
    background: #fff;
}
.ModActiveForumsC .aftextbox {
    background-color: #fff;
    border: solid 1px rgb(118, 118, 118);
}

/*Homepage Banner 2022*/
.grid-banner {
  display: flex;
  flex-wrap: wrap;
  border: 3px solid #858585;
  transition: all 0.25s ease-in-out;
}
.grid-banner a.banner--item {
  flex-basis: calc(50% - 6px);
  display: block;
  border: 3px solid #858585;
  position: relative;
  transition: all 0.25s ease-in-out;
}
img.banner--item__img {
  object-fit: cover;
  width: 100%;
  vertical-align: middle;
}
.banner--item__title span {
  font-weight: 600;
  font-size: 0px;
  color: transparent;
  padding: 1rem;
  display: block;
  transition: font-size 0.25s ease-in-out;
}
.banner--item__title {
  background: #b6161c;
  /*height: 20px;
  width: 20px;*/
  position: absolute;
  transition: all 0.25s ease-in-out;
  z-index: 10;
}
.grid-banner a.banner--item:hover .banner--item__title {
  height: auto;
  width: auto;
}
.grid-banner a.banner--item:hover .banner--item__title span {
  font-size: 20px;
  color: #fff;
}
.banner--item__title:hover {
  background: #740e11;
}

@media screen and (min-width: 768px){
img.banner--item__img {
  object-fit: cover;
  width: 100%;
  vertical-align: middle;
  cursor: default;
  pointer-events: none;
}
a.banner--item:nth-of-type(1) .banner--item__title {
  bottom: 0;
  right: 0;
}
a.banner--item:nth-of-type(2) .banner--item__title {
  bottom: 0;
  left: 0;
}
a.banner--item:nth-of-type(3) .banner--item__title {
  top: 0;
  right: 0;
}
a.banner--item:nth-of-type(4) .banner--item__title {
  top: 0;
  left: 0;
}
}
@media screen and (max-width: 767px){
.grid-banner a.banner--item {
  flex-basis: calc(100% - 6px);
  pointer-events: none;
}
a.banner--item .banner--item__title {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: auto;
}
.banner--item__title span {
  font-size: 16px;
  color: #fff;
  padding: 0.5rem;
  pointer-events: auto;
}
img.banner--item__img {
  object-fit: cover;
  width: 100%;
  vertical-align: middle;
  pointer-events: none;
}
}

/* YM SSO */
.dnnLogin .LoginTabGroup {display: none}

.LoginContainer .YMLoginBtn {
    color: white !important; 
    margin-top: 2rem;
}

.Login .userProperties .userLogin{
    display: none;
}

/* Reports */
.DNN_Reports_Grid_Pager table{
    margin-top: 1rem
}
.DNN_Reports_Grid_Pager table tr td:not(:last-of-type){
    padding-right: .25rem
}

/* Filter forum subscriptions css */

.filterSubscriptionsForm {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 2rem;
}

.filterSubscriptionsForm>div {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.filterSubscriptionsForm .form-field {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1 1 calc(33% - 1rem);
}

.filterSubscriptionsForm .form-field label {
    font-weight: bold;
    font-size: 1.25rem;
}

.filterSubscriptionsForm .form-input {
    width: 100%;
    max-width: 350px;
    padding: 0.5rem 1rem;
}

.filterSubscriptionsForm>button {
    width: max-content;
    padding: 0.5rem 1.5rem;
    text-transform: uppercase;
}

.filterSubscriptionsForm .btn-container button {
    width: max-content;
    padding: 0.5rem 1.5rem;
    text-transform: uppercase;
}

.filterSubscriptionsForm .btn-container .clear-filter {
    padding: 0 10px;
    font-size: 16px;
    font-weight: bold;
    background-color: white;
    display: inline-block;
    border: 1px solid transparent;
}

.ModDNNReportsC tr:nth-of-type(even) {
    background: #eee;
}
.ModDNNReportsC tr:last-of-type {
    background: transparent;
}
.ModDNNReportsC td, th {
    padding: 0.35rem 0.65rem;
}
.DNN_Reports_Grid_Pager {
    font-weight: 600;
}