/******************************************************************
Theme Name: Armed Forces Entertainment
Theme URI: https://brianferdinand.com
Description: a Labs build
Author: Brian Ferdinand
Author URI: https://brian@brianferdinand.com
Version: 1.0.2

License: WTFPL
License URI: http://sam.zoy.org/wtfpl/
******************************************************************/

.article-image__featured {
    text-align: center;
}

	.promo-header {
	  padding: 175px 0 25px 0;
	}

.tour-promo-materials hr {
    margin-bottom: 25px;
    margin-top: 15px;
    background-color: #eaeaea !important;
}

.tour-promo-materials {
	  padding: 40px 0px 100px 0px;
    max-width: 65.5rem;
    margin-right: auto;
    margin-left: auto;

	}


.tour-promo-materials-card {
    padding: 11px 7px 11px 7px;
    display: flex;
}

.tour-promo-materials-card-content {
   background: #fff;
   padding-bottom: 5px;
   margin: 12px 0px 12px 0px;
	}

.tour-promo-materials-text-box {
	  background-color: #fff;
	}

.tour-promo-materials-text-box h3 {

	  line-height: 40px;
	  color: #000;
	  margin: 15px 15px 5px 15px;
	}

.tour-promo-materials-text-box p {

	  font-size: 18px;
	  color: #000;
	  margin: 5px 15px 17px 15px;
	  text-transform: none;
	  line-height: 21px;
	}

.tour-promo-materials-specific a {

	  text-transform: none;
	  color: #e31b23;

	  transition: all .3s ease;
  	border-bottom: 0px;
    border-bottom: 1px dashed #e31b23;
}

.tour-promo-materials-specific a:hover {
	  color: #4d4d4d;
    border-bottom: 1px solid #4d4d4d;
}

.tour-promo-materials-text-box a {

	  color: #e31b23;
	  text-transform: none;
    margin-bottom: 17px;
	}

.tour-promo-materials-specific h2 {

	  color: #000000;
    margin-bottom: 10px;
}

.tour-promo-materials-specific h3 {

	  color: #000000;
}





.tour-promo-materials h2 span{
  font-family: 'Montserrat';
	  font-weight: 300;
	  text-transform: none;
	  font-size: 20px !important;
    display: inline-block;
    margin-left: 12px;
}
.tour-promo-materials-close {
    text-align: right;
    margin-bottom: 40px;
}

.promo-container {
  background-color: #fff;
  max-width: 1170px;
  margin-right: 35px;
  margin-left: 35px;
}

.promo-stickynav {
	  padding-right: 25px;
    margin-bottom: 25px;
  margin-top: 125px;
	}

	.promo-stickynav a {
	  font-family: 'Montserrat';
	  font-weight: 300;
	  text-transform: none;
	  color: #000000;
	  font-size: 18px;
	  display: block;
	  border-bottom: 1px solid #ebebeb;
	  margin-bottom: 7px;
	  padding-bottom: 7px;
	  transition: all .3s ease;
	}

	.promo-stickynav a:hover !important {
	  color: #e31b23;
	}

	.promo-stickynav a:active !important {
	  color: #e31b23;
	}

	.promo-stickynav a:hover,
	a:active {
	  outline: 0;
	  color: e31b23 !important;
	}

.promo-content-container hr {
    margin-bottom: 65px;
    margin-top: 65px;
    background-color: #eaeaea !important;

}

.promo-content-container {
    padding: 50px 55px 150px 45px;
	  background-color: #fff;
    max-width: 70rem;
    margin-right: auto;
    margin-left: auto;
  margin-bottom: 175px;
	}

.promo-brand-guideline-content img {
  	margin-bottom: 20px;
    margin-top: 20px;
    display: inline-block;
}
.red-dot {
  height: 115px;
  width: 115px;
  background-color: #e31b23;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 15px;
}

.black-dot {
  height: 115px;
  width: 115px;
  background-color: #000000;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 15px;
}

.white-dot {
  height: 115px;
  width: 115px;
  background-color: #ffffff;
  border: 1px solid #7e7e7e;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 15px;
}



@media only screen and (max-width: 740px){
    .block-media-content .image-anchor-right h2::after {
        left: 0;
    }
    .block-container.block-featured-events .block-inner,
    .block-container.block-testimonials .block-inner {
        padding-bottom: 8.25rem;
    }

  	.promo-header {
	  padding: 125px 0 25px 0;
	}
  .promo-stickynav {
	  padding-right: 25px;
    margin-bottom: 5px;
  margin-top: 15px;
	}


}
.block-bg-none .swiper-pagination-bullet-active {
    background: #262626;
}

/*
Banner Mobile Image
*/
.block-banner .bg-image__mobile {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center top;
    background-size: cover;
}
.block-banner .has-mobile-image::before {
    z-index: 1;
}
.block-banner .has-mobile-image .row {
    z-index: 2;
}
@media screen and (max-width: 740px) {
    .block-banner .swiper-slide.has-mobile-image {
        background: 0 !important;
    }
}

.block-featured-events .columns {
    display: flex;
}
.block-featured-events .columns > a {
    width: 100%;
}

/*
FAQs Block
*/
.block-faq {
    text-align: left;
    margin-bottom: 3rem;
}
.block-faq__question,
.block-faq__answer {
    position: relative;
    padding-left: 40px;
}
.block-faq__question {
    transition: all .3s ease-in-out;
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 20px;
    border-bottom: 4px solid #868686;
    margin-bottom: 32px;
    padding-right: 70px;
    line-height: 1.25;
}
.block-faq__question::before {
    content: 'Q:';
    display: inline-block;
    color: #e31b23;
    position: absolute;
    top: 0;
    left: 0;
}
.block-faq__answer {
    display: none;
}
.block-faq__answer::before {
    content: 'A:';
    display: inline-block;
    font-weight: 700;
    color: #e31b23;
    position: absolute;
    top: 6px;
    left: 0;
    font-size: 18px;
}
#body .block-faq__answer a {
    color: #ffffff;
    border-color: #ffffff;
}
#body .block-faq__answer a:hover {
    color: #BC0008;
    border-color: #BC0008;
}
.block-faqs h2 {
    padding-bottom: 2.5rem;
    position: relative;
}
.block-faqs h2 + * {
    margin-top: 4rem;
}
.block-faq__trigger {
    display: block;
    position: absolute;
    right: 0;
    top: 8px;
    color: white !important;
    border: 0 !important;
    width: 20px;
    height: 20px;
}
.block-faq__trigger::before,
.block-faq__trigger::after {
    transition: all .3s ease-in-out;
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #e31b23;
}
.block-faq__trigger::after {
    transform: rotate(90deg);
}
.block-faq__trigger:hover::before,
.block-faq__trigger:hover::after {
    background-color: #BC0008;
}

.block-faq__question.active {
    border-color: #e31b23;
}

.block-faq__question.active .block-faq__trigger::after {
    transform: rotate(0);
    background-color: #868686;
}

.block-poster-slider .swiper-pagination {
    bottom: -30px;
}
.block-poster-slider .swiper-slide {
    transition: all .3s ease-in-out;
}
.block-poster-slider .swiper-slide a {
    border-bottom: 0 !important;
}
.block-poster-slider .swiper-slide:not(.swiper-slide-active){
    transform: scale(.375) translate3d(0,0,0);
    opacity: 0;
    z-index: 0;
}
.block-poster-slider .swiper-slide.swiper-slide-active {
    opacity: 1;
    transform: scale(1) translate3d(0,0,0);
    z-index: 1;
}
.block-poster-slider .swiper-slide.swiper-slide-prev,
.block-poster-slider .swiper-slide.swiper-slide-next {
    opacity: .5;
    transform: scale(.7) translate3d(0,0,0);
}
.block-poster-slider .swiper-container__wrapper .slider-arrow-next {
    right: -20px;
}
.block-poster-slider .swiper-container__wrapper .slider-arrow-prev {
    left: -20px;
}

@media screen and (max-width: 640px){
    .block-poster-slider,
    .block-poster-slider .columns {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .block-poster-slider .row {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .block-poster-slider .swiper-slide > * {
        display: block;
        max-width: 65%;
        margin: auto;
    }
    .block-poster-slider .swiper-slide.swiper-slide-prev {
        transform:translate3d(47vw,0,0) scale(.7);
    }
    .block-poster-slider .swiper-slide.swiper-slide-next {
        transform:translate3d(-47vw,0,0) scale(.7);
    }
}
