/* custom responsive styles */

@media screen and (min-width: 768px) {
    .layout_full-width-media.height-lg, 
    .layout_full-width-media.height-lg {
        height: 45vw;
        max-height: 700px;
        min-height: 400px;
    }
	nav.post-navigation .nav-links > * {
		width: 375px;
		max-width: 48%;
	}
}

@media screen and (min-width: 992px) {
	div#post-results {
		padding: 0 3rem;
	}
	.entry-header .content-col {
		padding: 20px 40px 20px 20px;
	}
	.single-post .entry-content-column .post-content {
		box-shadow: 0px 0px 20px #00000029;
		margin-bottom: 4rem;
		padding-left: 4rem;
		padding-right: 4rem;
	}
	.entry-content .entry-sidebar {
		padding-left: 4rem;
	}
    #mobile-nav-toggle,
    #menu-sidebar {
        display: none;
    }
    .row-image {
        position: absolute;
        padding: 0;
        top: 0;
        left: 0;
        height: 100%;
    }
    
    .row-image.image-right {
        right: 0;
        left: auto;
        height: 100%;
    }
    .col-image.image-right {
        order: 2;
    }
    .content-inner-wrapper.layout_image-with-content {
        position: relative;
        overflow: hidden;
    }
    .content-inner-wrapper.layout_image-with-content .row-image > figure.image-wrapper.size-cover {
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0;
        padding-top: 0;
    }
    .content-col.image-right > .col-inner,
    .left.content-padding > .col-inner {
        padding-right: 4rem;
    }
    .content-col.image-right {
        margin-right: auto;
    }
    .content-col.image-left > .col-inner,
    .right.content-padding > .col-inner {
        padding-left: 4rem;
    }
    .content-col.image-left {
        margin-left: auto;
    }
    .layout_image-with-content .content-col > .col-inner {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .content-section > .container-fluid .layout_image-with-content .row-image.col-lg-9 {
        width: calc(75vw - (var(--container-width) / 25) - 0.75rem);
        flex: 0 0 calc(75vw - (var(--container-width) / 25) - 0.75rem);
    }
    .content-section > .container-fluid .layout_image-with-content .row-image.col-lg-8 {
        width: calc(66.66666667vw - (var(--container-width) / 33.33333333) - 0.75rem);
        flex: 0 0 calc(66.66666667vw - (var(--container-width) / 33.33333333) - 0.75rem);
    }
    .content-section > .container-fluid .layout_image-with-content .row-image.col-lg-7 {
        width: calc(58.33333333vw - (var(--container-width) / 41.66666667) - 0.75rem);
        flex: 0 0 calc(58.33333333vw - (var(--container-width) / 41.66666667) - 0.75rem);
    }
    .content-section > .container-fluid .layout_image-with-content .row-image.col-lg-5 {
        width: calc(41.66666667%vw - (var(--container-width) / 58.33333333) - 0.75rem);
        flex: 0 0 calc(41.66666667%vw - (var(--container-width) / 58.33333333) - 0.75rem);
    }
    .content-section > .container-fluid .layout_image-with-content .row-image.col-lg-4 {
        width: calc(33.33333333vw - (var(--container-width) / 66.66666667) - 0.75rem);
        flex: 0 0 calc(33.33333333vw - (var(--container-width) / 66.66666667) - 0.75rem);
    }
    .content-section > .container-fluid .layout_image-with-content .row-image.col-lg-3 {
        width: calc(25vw - (var(--container-width) / 75) - 0.75rem);
        flex: 0 0 calc(25vw - (var(--container-width) / 75) - 0.75rem);
    }
}

@media screen and (max-width: 1450px) {
	div#homepage-getting-started .left {
		width: 100%;
	}
	div#homepage-getting-started .right {
		width: 100%;
	}
	#homepage-getting-started .right::before {
		left: 50%;
		top: 0;
		height: 100%;
		width: 100vw;
		transform: translateX(-50%);
	}
}

@media screen and (max-width: 992px) {
	div#homepage-getting-started .layout_two-column .col-inner {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.home .card-slider-outer {
		position: relative;
		border: 1px solid var(--gray);
		padding: 0 1rem 2rem 1rem;
	}
	.blog-right-col::before, #homepage-getting-started .right::before {
		top: 0 !important;
		left: 50%;
		transform: translateX(-50%);
	}
	.blog-right-col > .col-inner, #homepage-getting-started .right > .col-inner {
		padding: 2rem 0;
	}
	.entry-header .entry-header-bg-image {
		position: relative;
		width: 100%;
		height: 48vw;
		max-height: 400px;
		min-height: 240px;
		margin-bottom: 2rem;
	}
	.hp-hero .content-col .col-inner {
		padding: 0;
	}

	#homepage-header-content {
		padding-top: 2rem;
		top: 0;
	}
	.padding-md.entry-sidebar {
		padding-top: 0;
	}
	.home .col-12.entry-content {
		padding-top: 2rem;
	}
	div#header-nav-col {
		margin-right: auto;
	}
	.entry-sidebar {
		margin-top: 3rem;
	}
}

@media screen and (max-width: 768px) {
	.single-event {
		margin-top: 1rem;
	}
	div#homepage-header-content {
		background: linear-gradient(0deg, #fff 55%, var(--dark-blue) 55%);
	}
	div#homepage-header-content figure.image-wrapper.post-card-image {
		padding-top: 45%;
	}
	#page button.accordion-button,
	#page .accordion-button::after {
		font-size: 1.5rem;
	}
	#page .btn-lg {
		font-size: 1.5rem;
	}
	ul#menu-secondary-header-menu {
		display: none;
	}
	.navbar-brand img {
		max-height: 75px;
	}
	div#header-nav-col {
		margin-right: auto;
	}

	.search-toggle {
		margin-left: 0;
	}
	.swiper-slide {
		padding: 0;
	}
	div#homepage-getting-started .layout_two-column .col-inner {
		padding: 2rem 0;
	}

	#page .category-buttons .btn {
		padding: 0.25rem 1rem;
		font-size: 0.85rem;
	}
	figure.footer-logo img {
		width: 150px;
		height: auto;
	}
	.post-image img {
		max-height: 200px;
		width: auto;
	}
	figure.credit-card-thumbnail > img {
		width: 225px;
	}
	.w-100.card-header h3 {
		font-size: 1.5rem;
	}

	.card-slider-outer h2.slider-title {
		font-size: 2rem;
	}
	.resource-wrapper figure.image-wrapper {
		margin-bottom: 1rem;
	}
	.row.content-row.layout_buttons > *+* {
		margin-top: 1rem;
	}
	.content-section:not(.bg-white):not(.bg-none) {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.d-flex.nav-links.justify-content-between > * {
		width: 100%;
		max-width: 100%;
	}
	figure.credit-card-thumbnail {
		text-align: center;
	}
	.social-icons li {
		padding-right: 0;
		padding-left: 0;
		margin-left: 0;
		margin-right: 0;
	}
	#page .social-icons li+li {
		margin-left: 1rem;
	}
	div#homepage-header-content {
		padding-top: 0;
		margin-top: 0;
	}
	.category-display {
		padding: 1rem;
	}
	.row.content-row.layout_blog-category-display > *+* {
		margin-top: 2rem;
	}
}


@media screen and (max-width: 768px) and (min-width: 576px) {
    .custom-credit-card-display .responsive-center, 
    .custom-credit-card-display .terms-link {
        text-align: center;
        display: block;
        margin: 0 auto;
    }
}
@media screen and (max-widtH: 576px) {
	.accordion-body {
		padding: 0.5rem 1rem 1.5rem;
	}
	#page button.accordion-button,
	.content-row.layout_featured-in-section,
	.single-event {
		padding: 1rem;
	}
	.navbar-brand img {
        max-height: 60px;
    }
	#main-nav .navbar {
		padding: 0rem 1rem;
	}
	figure.image-logo img {
		max-width: 100%
	}
	.padding-md {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	form.seva-form.formkit-form {
		padding-top: 2rem;
		margin-bottom: 2rem;
	}
	.swiper-button-prev, .swiper-rtl .swiper-button-next {
		left: var(--swiper-navigation-sides-offset, 5px);
	}
	.swiper-button-next, .swiper-rtl .swiper-button-prev {
		right: var(--swiper-navigation-sides-offset, 5px);
	}
}