/* global link styles */
a {
    color: #4FBFA5;
    text-decoration: none;
    text-underline: none;
}

a:hover {
    color: #4FBFA5;
    text-decoration: none;
    text-underline: #4FBFA5;
}

.hero-section .pt-10 {
    padding-top: 18rem !important;
}

/* /global link styles */


.articles-section {
    padding: 5rem 0 !important;
}


/* Blocks */
.site-blocks-cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    background-position: center center;
}

.site-blocks-cover.overlay {
    position: relative !important;
}

.site-blocks-cover.overlay:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
}

.site-blocks-cover .player {
    position: absolute;
    bottom: -250px;
    width: 100%;
}

.site-blocks-cover,
.site-blocks-cover .row {
    min-height: 600px;
    height: calc(100vh);
}

.site-blocks-cover.inner-page-cover,
.site-blocks-cover.inner-page-cover .row {
    min-height: 600px;
    height: calc(30vh);
}

.site-blocks-cover h2,
.site-blocks-cover h3,
.site-blocks-cover h4,
.site-blocks-cover h5 {
    color: #fff;
}

.site-blocks-cover h1 {
    font-size: 30px;
    font-weight: 900;
    color: #fff;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .site-blocks-cover h1 {
        font-size: 50px;
    }
}

.site-blocks-cover p {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.5;
}

.site-blocks-cover .intro-text {
    font-size: 16px;
    line-height: 1.5;
}

.site-block-subscribe .btn {
    padding-left: 20px;
    padding-right: 20px;
}

.site-block-subscribe .form-control {
    font-weight: 300;
    border-color: #fff !important;
    height: 80px;
    font-size: 22px;
    color: #fff;
    padding-left: 30px;
    padding-right: 30px;
}

.site-block-subscribe .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(255, 255, 255, 0.5);
    font-weight: 200;
    font-style: italic;
}

.site-block-subscribe .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.5);
    font-weight: 200;
    font-style: italic;
}

.site-block-subscribe .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(255, 255, 255, 0.5);
    font-weight: 200;
    font-style: italic;
}

.site-block-subscribe .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(255, 255, 255, 0.5);
    font-weight: 200;
    font-style: italic;
}

.bg-light {
    background: #ccc;
}

/* /end of site blocks cover */

/* front page blog post styles */

.img-box {
    min-height: 350px !important;
    width: 100% !important;
}

.slider-card-title {
    margin-bottom: 0px !important;
}

.post-title-link {
    text-decoration: none;
    text-underline: none;
    color: black;
}

.post-title-link:hover {
    color: black;
}

/* pagination styles */

.page-numbers {
    font-weight: 500;
    border: 1px solid #4FBFA5;
    border-radius: 20px;
    padding: .30rem 0.75rem;
    font-size: .875rem;
    text-decoration: none;
    text-underline: none;
}

.page-numbers:hover {
    color: white;
    background-color: #4FBFA5;
    text-decoration: none;
    text-underline: none;
}

.current {
    z-index: 3;
    color: #fff;
    background-color: #4FBFA5;
    border-color: #4FBFA5;
}

.dots {
    color: #4FBFA5;
    border: 0px solid transparent !important;
}

/* /front page blog post styles */
.blog-post-category {
    color: #939DAA;
    line-height: 1.45rem;
    font-size: 0.95em;
}

.blog-post-category a {
    color: black;
    text-decoration: none !important;
    text-underline: none !important;
}

.blog-post-category a:hover {
    color: black;
}

/* front page about cards */
.about-section .card {
    border: 0px solid transparent !important;
    box-shadow: 0px 4px 27px rgb(182 190 206 / 30%) !important;
}

/* about page cards */
.how-to-be-featured .card {
    border: 0px solid transparent !important;
    box-shadow: 0px 4px 27px rgb(182 190 206 / 30%) !important;
}

/* /front page about cards */

.twitter-feed-content {
    overflow-y: auto;
    max-height: 500px;
}

.insta-feed-content {
    overflow-y: auto;
    max-height: 500px;
}

/* clamp */
.clamp {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    -webkit-line-clamp: 1;
}

.clamp-2 {
    line-clamp: 2 !important;
    -webkit-line-clamp: 2 !important;
}

.clamp-3 {
    line-clamp: 3 !important;
    -webkit-line-clamp: 3 !important;
}

/* /clamp */

.slider {
    margin-bottom: 30px;
    position: relative;
}

.slider .owl-item.active.center .slider-card {
    transform: scale(1.15);
    opacity: 1;
    background: #4FBFA5; /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #4FBFA5, #4FBFA5); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #4FBFA5, #4FBFA5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
}

.slider-card {
    background: #fff;
    padding: 0px 0px;
    margin: 50px 25px 50px 25px;
    box-shadow: 0px 4px 27px rgb(182 190 206 / 30%);
    border-radius: 5px;
    border: none;
    /*transform: scale(0.9);*/
    opacity: 0.5;
    transition: all 0.3s;
}

.slider-card img {
    max-height: 100% !important;
    min-width: 100% !important;
    object-fit: contain !important;
}

.owl-nav .owl-prev {
    position: absolute;
    top: calc(50% - 25px);
    left: 0;
    opacity: 1;
    font-size: 30px !important;
    z-index: 1;
}

.owl-nav .owl-next {
    position: absolute;
    top: calc(50% - 25px);
    right: 0;
    opacity: 1;
    font-size: 30px !important;
    z-index: 1;
}

.owl-dots {
    text-align: center;
}

/* For Tablet View */
@media screen and (min-device-width: 768px)
and (max-device-width: 1024px) {
    .hero-section .pt-10 {
        padding-top: 18rem !important;
    }
}

/* For Mobile Portrait View */
@media screen and (max-device-width: 480px)
and (orientation: portrait) {
    .hero-section .pt-10 {
        padding-top: 6rem !important;
    }
}

/* For Mobile Landscape View */
@media screen and (max-device-width: 640px)
and (orientation: landscape) {
    .hero-section .pt-10 {
        padding-top: 6rem !important;
    }
}

/* For Mobile Phones Portrait or Landscape View */
@media screen and (max-device-width: 640px) {
    .hero-section .pt-10 {
        padding-top: 6rem !important;
    }
}