/* GENERAL */


/* HERO 
* swap bg image size at breakpoints
*/

.section-hero {
    background-image: url(../images/_AHP3183-copy.jpg);
}

@media (max-width: 1080px) {
    .section-hero {
        background-image: url(../images/_AHP3183-copy-p-1080.jpg);
    }
}

@media (max-width: 800px) {
    .section-hero {
        background-image: url(../images/_AHP3183-copy-p-800.jpg);
    }
}

@media (max-width: 500px) {
    .section-hero {
        background-image: url(../images/_AHP3183-copy-p-500.jpg);
    }
}


/* SWIPER */

.swiper-button-disabled {
    opacity: 0 !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
    text-align: center;
}

.swiper-pagination {
    position: relative !important;
    height: 20px;
    /* margin-top: 25px; */
}

.swiper-pagination-bullet {
    background-color: transparent;
    margin: 0 4px !important;
    width: 15px;
    height: 15px;
    border: 1px solid#D8D8D8;
    opacity: 1;
    -webkit-transition: bbackground-color 200ms ease;
    transition: background-color 200ms ease;
}

.swiper-pagination-bullet:hover {
    background-color: #D8D8D8;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #D8D8D8;
    /* box-shadow: 0px 0 25px #ff0003; */
    /* -webkit-transition: box-shadow 200ms ease;
  transition: box-shadow 200ms ease; */
}

.pagination-holder {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 1.5em 0;
    text-align: center;
}

.press-slider-holder {
    margin-left: -35px;
    margin-right: -35px;
    /* width: 95%; */
    padding: 0 3em;
    position: relative;
    margin: 0 auto;
    width: 86%;
    max-width: 1200px;
}

#press-slider {
    /* margin-left: -15px;
  margin-right: -15px;
  padding-left: 35px;
  padding-right: 35px; */
}

.swiper-button-next,
.swiper-button-prev {
    color: #D8D8D8;
}

.swiper-button-prev {
    position: absolute;
    margin-top: -33px !important;
    transform: translateY(0%) !important;
    fill: #D8D8D8 !important;
    background: none !important;
}

.swiper-button-next {
    position: absolute;
    margin-top: -33px !important;
    transform: translateY(0%) !important;
    color: #D8D8D8 !important;
    background: none !important;
}

@media (max-width: 991px) {
    .press-slider-holder {
        width: 90%;
    }
    .swiper-button-next {
        right: 15px;
    }
    .swiper-button-prev {
        left: 15px;
    }
}

@media (max-width: 768px) {
    .press-slider-holder {
        width: 60%;
    }
}

@media (max-width: 479px) {}


/* FOOTER */

.footer {
    height: auto;
    padding: 10px 15px;
}

.footer .subscribe-form {
    width: auto;
    text-align: center;
    margin: 10px auto;
}

#mc_embed_signup,
#mc_embed_signup_scroll {
    display: inline-block;
}

#mc_embed_signup {
    margin: 0 0 5px;
}

#mc_embed_signup h4 {
    margin: 0 0 0.25em;
}

.signup-form-row {
    display: flex;
    justify-content: center;
    text-align: left;
}

#mc_embed_signup input {
    border: 1px solid black;
    border-radius: 0;
    height: 28px;
    font-size: 0.9rem;
}

#mc_embed_signup input:focus {
    outline: 0;
}

#mc_embed_signup input[type="email"] {
    width: 225px;
    padding: 1px 5px;
}

#mc_embed_signup input[type="submit"] {
    text-transform: uppercase;
    background-color: black;
    color: white;
}

#mc_embed_signup input.mce_inline_error {
    border-color: red !important;
}

div.mce_inline_error {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.response {
    margin: 10px 0 0;
    font-size: 1rem;
    max-width: 600px;
}


/* Text meant only for screen readers. */

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.subtle {
    margin-top: 25px;
    text-align: center;
    color: #999;
}

.subtle a {
    color: #999;
    border-bottom-color: #999;
}