/*
Theme Name: Frontier Retail
Author: Craig Jacobin
Description: This theme for Frontier Retail.
Version: 1.0.0
*/
.service-section.elementor-section {z-index: 20;}
.service-section.elementor-section .elementor-container, .service-section .elementor-container .elementor-column, .service-section .elementor-container .elementor-widget-wrap, .service-section .elementor-section.service-column-section , .service-column-section .elementor-element, .service-column-section .elementor-widget-container, .service-column-section .elementor-cta {position:static;}
.service-section .elementor-section:not(.service-column-section) .elementor-container {position:relative;z-index:2;}
.service-section .elementor-cta .elementor-cta__bg-wrapper {opacity:0;visibility:hidden;transition:0.1s all ease;z-index:-1;filter: grayscale(1);}
/* .service-section .elementor-cta:hover .elementor-cta__bg-wrapper {opacity:0.2;visibility:visible;z-index:1;} */
.service-section .elementor-cta .elementor-cta__content {z-index:3;min-height: 180px;padding: 25px;}
.service-bottom-column-section .elementor-cta .elementor-cta__icon {order:2;}
.service-bottom-column-section .elementor-cta .elementor-cta__description {order:3;}
.service-bottom-column-section .elementor-cta .elementor-cta__title {order:1;position: relative;display: table;width: auto;margin: 0 auto;}
/* .service-bottom-column-section .elementor-cta .elementor-cta__title::before {content: "";position: absolute;height: 5px;background-color: #000;width: 0;top: auto;bottom: -8px;transition: 0.2s all ease;opacity: 0;} */
/* .service-bottom-column-section .elementor-cta:hover .elementor-cta__title::before {width: 100%;opacity: 1;} */
.service-bottom-column-section .elementor-cta .elementor-cta__bg-wrapper {top: auto;bottom: 100%;height: 500px;z-index: 9; opacity:0; visibility:hidden; transition:0.1s all ease;}
.service-bottom-column-section .elementor-cta:hover .elementor-cta__bg-wrapper {opacity:1;visibility:visible;z-index: 10;}
.service-bottom-column-section .elementor-cta__bg-overlay {display: none;}
.service-bottom-main-column > .elementor-widget-wrap {max-width: 1660px;margin: 0 auto;}
.service-bottom-main-column > .elementor-widget-wrap > section.elementor-inner-section {width: 33.33%;position: static;}
.service-bottom-main-column section.elementor-inner-section .elementor-background-video-container, .service-bottom-main-column section.elementor-inner-section .elementor-background-overlay {height: 500px;top: auto;bottom: 100%;opacity: 0;visibility: hidden;z-index: 9;transition: 0s;max-width: 1440px;margin: 0 auto;left: 0;right: 0;    pointer-events: none;}
/* .service-bottom-main-column section.elementor-inner-section:hover .elementor-background-video-container, .service-bottom-main-column section.elementor-inner-section:hover .elementor-background-overlay {opacity: 1;visibility: visible;z-index: 20;} */
.service-bottom-main-column .elementor-cta .elementor-cta__content {min-height: 250px;padding: 40px 20px;}

.wpcf7-form .wpcf7-form-control {font-family: "Montserrat";outline: none;resize: none;width: 100%;border-radius: 0;padding: 15px 5px;border: none;border-bottom: 1px solid #000000;font-size: 20px;margin: 16px 0;display: flex;width: 100%}
.wpcf7-form textarea.wpcf7-form-control {border-top: 1px solid #000000;height: 165px;padding-top: 20px;}
.wpcf7-form .form-sec {display: flex;min-width: 100%;margin: 0 -8px;width: auto;}
.wpcf7-form .form-sec .form-sec-left, .wpcf7-form .form-sec .form-sec-right {width: 50%;padding: 8px;}
.wpcf7-form .form-sec .form-sec-left p {display: flex;flex-wrap: wrap;margin: 0 -8px;}
.wpcf7-form .form-sec .form-sec-left p label {padding: 8px;width: 50%;}
.wpcf7-form .form-sec .form-sec-left p br {display: none;}
.wpcf7-form .form-sec-button .wpcf7-submit.wpcf7-form-control {width: 100%;margin: 48px auto 0;max-width: 510px;text-align: center;justify-content: center;text-transform: uppercase;padding: 18px;cursor: pointer;transition: 0.15s all ease; appearance: none;border-radius: 0;}

/*** Work sec ***/
.work-section article.work {background-size: cover;background-position: center;background-repeat: no-repeat;padding: 11.2% 5% 2.7% 5%;position: relative;margin-bottom: 40px;}
.work-section article.work > a {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin-bottom: 0 !important;}
.work-section article.work:before {content: "" !important;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgb(0 0 0 / 60%);z-index: 0;opacity: 0;visibility: hidden;display: block !important;transition: 0.2s all ease;}
.work-section article.work .elementor-post__text {position: relative;pointer-events: none;opacity: 0;visibility: hidden;transition: 0.2s all ease;}
.work-section article.work:hover:before, .work-section article.work:hover .elementor-post__text {opacity: 1;visibility: visible;}
.elementor-element.work-title .elementor-heading-title{line-height: 1.1;}
.elementor-element.work-title .elementor-heading-title small {font-size: 29.17px;font-weight: 300;vertical-align: middle;display: block;}

.work-section article.work.work-cat-yellow-color .elementor-post__title a {color: #ffdb98;}
.work-section article.work.work-cat-green-color .elementor-post__title a {color: #BEF7F0;}
.work-section article.work.work-cat-blue-color .elementor-post__title a {color: #A0CCFA;}
.work-section article.work.work-cat-purple-color .elementor-post__title a {color: #D6BDFF;}

.hero-slider .elementor-icon-box-title {margin: 0;}

.slick-dots {position: absolute;bottom: -40px;list-style: none;display: block;text-align: center;padding: 0;width: 100%;z-index: 10;margin: 0;}
.slick-dots li {position: relative;display: inline-block;height: 20px;width: 20px;margin: 0;padding: 0;cursor: pointer;}
.slick-dots li button {border: 0 !important;background: transparent;display: block;height: 20px;width: 20px;line-height: 0;font-size: 0;color: transparent;padding: 5px;cursor: pointer;outline: none;}
.slick-dots li button:hover, .slick-dots li button:focus {outline: none;}
.slick-dots li button:before {position: absolute;top: 6px;left: 6px;content: "";width: 9px;height: 9px;background-color: #CACACA;border-radius: 10px;}
.slick-dots li.slick-active button:before {background-color: #000;}

.slick-slider a.slick-arrow {position: absolute;top: 43%;transform: translate(0, -50%);height: 40px;width: 40px;text-align: center;display: flex;justify-content: center;align-items: center;z-index: 9;}
.slick-slider a.prev-arrow.slick-arrow {left: 60px;}
.slick-slider a.next-arrow.slick-arrow {right: 60px;}
.slick-slider a.next-arrow.slick-arrow img {transform: rotate(180deg);}

footer .footer-right .elementor-widget-wrap .elementor-element {min-width: 280px;}
.elementor-location-header header.elementor-section {transition: 0.2s all ease !important;}
.elementor-location-header header.elementor-section.elementor-sticky--effects {padding: 20px 0;box-shadow: 0 0 10px rgb(0 0 0 / 10%);}

header.elementor-section .header-right > .elementor-widget-wrap > .elementor-element {margin: 0}
header.elementor-section .header-right .elementor-widget-search-form {position: static;}
header.elementor-section .header-right .elementor-widget-search-form .elementor-widget-container {position: static;}
header.elementor-section .header-right .elementor-widget-search-form .elementor-search-form {width: 55px;position: absolute;right: -10px;top: 50%;transform: translate(0, -50%);z-index: 9;}
header.elementor-section .header-right .elementor-widget-search-form .elementor-search-form__container {padding: 0}
header.elementor-section .header-right .elementor-widget-search-form .elementor-search-form.elementor-search-form--focus {width: 100%;}
header.elementor-section .header-right .elementor-widget-search-form .elementor-search-form .elementor-search-form__input {padding-left: 12px;padding-right: 12px;}
header.elementor-section .header-right .elementor-widget-search-form .elementor-search-form .elementor-search-form__icon {opacity: 1;}
header.elementor-section .header-right .elementor-widget-search-form .elementor-search-form:not(.elementor-search-form--focus) {cursor: pointer;}

.hero-slider-base .elementor-widget-icon-box .elementor-icon-box-wrapper {align-items: center;}


@media screen and (min-width: 1700px) {
	.service-bottom-section.elementor-section .service-bottom-column-section > .elementor-container {max-width: 1660px;}
}
@media screen and (min-width: 768px) {
	.service-bottom-section.elementor-section:not(:hover) {z-index: 0}
	.service-bottom-column-section .elementor-column, .service-bottom-column-section .elementor-widget-wrap, .service-bottom-column-section .elementor-element, .service-bottom-column-section .elementor-widget-container, .service-bottom-column-section .elementor-cta {position:static;}
}

@media screen and (max-width: 1500px) {
	.hero-slider-base p br {display: none;}
}
@media screen and (max-width: 1366px) {
	.wpcf7-form .form-sec {flex-wrap: wrap;}
	.wpcf7-form .wpcf7-form-control {font-size: 16px;}
	.wpcf7-form textarea.wpcf7-form-control {height: 160px;border-top: none;padding-top: 15px;}
	.wpcf7-form .form-sec .form-sec-left, .wpcf7-form .form-sec .form-sec-right {width: 100%;}
	.wpcf7-form .form-sec-button .wpcf7-submit.wpcf7-form-control {margin-top: 30px;}
}

@media screen and (max-width: 1199px) {
.work-section article.work {padding: 13% 5% 4% 5%;margin-bottom: 20px;}
.home .work-section article.work:last-child {margin-bottom: 0;}
.wpcf7-form .form-sec-button .wpcf7-submit.wpcf7-form-control {max-width: 350px;}

}

@media screen and (max-width: 1024px) {
	.service-bottom-column-section .elementor-cta .elementor-cta__description br {display: none;}
	.elementor-section.elementor-section-boxed:not(.elementor-inner-section) >.elementor-container {padding-right: 15px;}
	.elementor-location-header header.elementor-section.elementor-sticky--effects {padding: 10px 0;}
	header.elementor-section .header-right .elementor-widget-search-form .elementor-search-form.elementor-search-form--focus {width: 320px;}
	.slick-slider a.prev-arrow.slick-arrow {left: 20px;}
	.slick-slider a.next-arrow.slick-arrow {right: 20px;}
	.elementor-location-header header.elementor-section .header-right .elementor-nav-menu--dropdown.elementor-nav-menu__container {transition: 0.2s all ease;}
	.elementor-location-header header.elementor-section.elementor-sticky--effects .header-right .elementor-nav-menu--dropdown.elementor-nav-menu__container {margin-top: 16px !important;}
}
@media screen and (max-width: 767px) {
	.elementor-location-header header.elementor-section.elementor-sticky--effects .header-right .elementor-nav-menu--dropdown.elementor-nav-menu__container {margin-top: 9px !important;}
	.two-column-mobile-section > .elementor-container > .elementor-column {width: 25%}
	.service-section .elementor-cta .elementor-cta__content {min-height: 140px;padding: 15px 0;}
	.service-bottom-main-column > .elementor-widget-wrap > section.elementor-inner-section {width: 100%}
	.service-bottom-column-section .elementor-cta .elementor-cta__bg-wrapper, .service-bottom-main-column section.elementor-inner-section .elementor-background-video-container, .service-bottom-main-column section.elementor-inner-section .elementor-background-overlay {display: none !important;}
	footer .footer-right .elementor-widget-wrap .elementor-element {min-width: 100%;}
	.wpcf7-form .form-sec-button .wpcf7-submit.wpcf7-form-control {max-width: 280px;}
	.service-section .elementor-cta .elementor-cta__bg-wrapper {display: none;}
	.service-bottom-main-column .elementor-cta .elementor-cta__content {min-height: 200px;}
}
@media screen and (max-width: 575px) {
	header.elementor-section .header-right .elementor-widget-search-form .elementor-search-form.elementor-search-form--focus {width: 280px;}
	.slick-slider a.slick-arrow {top: 25%;}
	.slick-slider a.prev-arrow.slick-arrow {left: 15px;}
	.slick-slider a.next-arrow.slick-arrow {right: 15px;}
	.work-section article.work {padding: 15% 5% 3% 5%;margin-bottom: 20px;}
	.wpcf7-form .wpcf7-form-control {margin: 0;}
	.wpcf7-form .form-sec .form-sec-left p label {width: 100%;}
	.wpcf7-form .form-sec-button .wpcf7-submit.wpcf7-form-control {margin-top: 20px;}
}












