/* 
Theme Name: Accomplish Media
Theme URI: https://accomplishagency.com
Description: Our First Theme
Author URI: https://accomplishagency.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: Accomplish 
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* General CSS */

/* Remove Elementor extra spacing after text editor paragraph sections */
.elementor-widget-text-editor p:last-child {
	margin-bottom: 0;
}

/* Drift */
div#drift-frame-chat {
    z-index: 8!important;
}
div#drift-frame-controller {
    bottom: 72px!important;
    z-index: 8!important;
}


/* CTA's */
.header-cta a:hover, .header-cta a:focus, .header-cta a:active,
.global-cta-button a:hover, .global-cta-button a:focus, .global-cta-button a:active,
.text-cta-black a.elementor-button:hover, .text-cta-black a.elementor-button:focus, .text-cta-black a.elementor-button:active,
.text-cta-white a.elementor-button:hover, .text-cta-white a.elementor-button:focus, .text-cta-white a.elementor-button:active {
	text-decoration: none;
}
@-webkit-keyframes btn-icon-cta{16.65%{
-webkit-transform:translateX(5px);transform:translateX(5px)}50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes btn-icon-cta{16.65%{-webkit-transform:translateX(5px);transform:translateX(5px)}50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}
}
.text-cta-black .elementor-button,
.text-cta-white .elementor-button {
	border-bottom-width: 0.5px!important;
}
.text-cta-white .elementor-button {
    border-color: #fefef8!important;
}
.text-cta-white .elementor-button:hover, .text-cta-white .elementor-button:focus, .text-cta-white .elementor-button:active {
    border-color: #E56146!important;
	color: #E56146!important;
}
.text-cta-black .elementor-button-text:after {
    font-family: "arrow-right-thin";
    content: "\e800";
    font-style: normal;
    font-weight: 400;
    margin-left: 1em;
    font-size: 1em;
    margin-top: 3px;
    right: 0em;
    transform: translateZ(0px);
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
	color: #14274E;
}
.text-cta-white .elementor-button-text:after {
    font-family: "arrow-right-thin";
    content: "\e800";
    font-style: normal;
    font-weight: 400;
    margin-left: 1em;
    font-size: 1em;
    margin-top: 3px;
    right: 0em;
    transform: translateZ(0px);
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
	color: #FEFEF8;
}
.text-cta-black .elementor-button:hover .elementor-button-text:after,
.text-cta-white .elementor-button:hover .elementor-button-text:after,
.text-cta-black .elementor-button:focus .elementor-button-text:after,
.text-cta-white .elementor-button:focus .elementor-button-text:after,
.text-cta-black .elementor-button:active .elementor-button-text:after,
.text-cta-white .elementor-button:active .elementor-button-text:after {
    color: #E56146;
}
.text-cta-black .elementor-button:hover .elementor-button-text:after, .text-cta-black .elementor-button:focus .elementor-button-text:after, .text-cta-black .elementor-button:active .elementor-button-text:after {
    -webkit-animation-name: btn-icon-cta;
    animation-name: btn-icon-cta;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 2;
}


/* Contact */
.contact-info-box h5 {
	font-family: "Canela Regular 2";
	letter-spacing: .8px;
	margin-top: 2.5rem;
	margin-bottom: .5rem;
}
.contact-info-box a {
    color: #262626;
}


/* Gravity Forms */
input::-webkit-input-placeholder {
    font-family: "Helvetica";
	font-size: 16px;
}
div#gform_wrapper_4 input {
    text-align: center;
}
::-webkit-input-placeholder {
	color: #000;
	font-size: 16px;
}
.gform_wrapper button, .gform_wrapper input, .gform_wrapper optgroup, .gform_wrapper select, .gform_wrapper textarea {
	font-family: "Helvetica";
}
.gform_button {
    font-family: "Helvetica";
	font-size: 16px!important;
    padding: 20px 35px!important;
    border-width: initial;
    background-color: #E56146;
    color: #fff;
	border-style: double;
	border-color: #fff;
	border-radius: 0;
}
.gform_wrapper [type=button]:focus, .gform_wrapper [type=button]:hover, .gform_wrapper [type=submit]:focus, .gform_wrapper [type=submit]:hover, .gform_wrapper button:focus, .gform_wrapper button:hover {
	background-color: #14274E;
}
.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
    padding: 0;
}
div#gform_wrapper_3,
.gform_confirmation_message_3 {
    margin-top: 30px;
}
.gform_wrapper input#input_4_1 {
    background: transparent;
    min-width: 275px;
}
.gform-body input, .gform-body textarea {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-radius: 0;
    background-color: #FEFEF8;
    padding-left: 4px!important;
}
.gform-body select {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-radius: 0;
    background-color: #FEFEF8;
    padding-left: 0!important;
	padding-bottom: 10px!important;
    padding-top: 10px!important;
}
form#gform_4 {
    text-align: -webkit-center;
}
div#gform_wrapper_4 {
    margin-top: 0;
}

@media only screen and (max-width: 641px) {
	.gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
		line-height: unset!important;
		min-height: unset!important;
	}
	.gform_legacy_markup_wrapper li.hidden_label input {
		margin-top: 0!important;
	}
	.gform_wrapper .gf_simple_horizontal .gform_body {
		width: 100%;
		max-width: 100%;
	}
	li#field_4_1, .gform_wrapper .gf_simple_horizontal .gform_body .top_label .gfield {
		padding-right: 0!important;
	}
	.gform_wrapper .gf_simple_horizontal .gform_footer.top_label {
   		display: inline-table;
		margin-top: 30px;
	}
}


/* Testimonials */ 
.testimonial-left > .elementor-widget-wrap {
    background-position: bottom left;
    background-size: 70%;
    background-repeat: no-repeat;
}

.swiper-container .testimonial-blockquote blockquote.elementor-blockquote {
    color: #FEFEF8;
}

.elementor-blockquote--skin-quotation .elementor-blockquote:before {
    content: "“";
    font-size: 90px;
    color: #e6e9ec;
    font-family: Times New Roman,Times,serif;
    font-weight: 900;
    margin-left: -50px;
    line-height: 1;
    display: block;
    height: .6em;
}
.elementor-widget-blockquote blockquote {
    margin: 0;
    padding: 0;
    margin-left: 0px;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    quotes: none;
    border: 0;
    font-style: normal;
    color: #fefef8;
}

@media only screen and (min-width: 1025px) {
	.elementor-widget-blockquote blockquote {
    	font-size: 18px;
    	line-height: 1.5em;
	}
}

@media only screen and (max-width: 1367px) {
	.single-testimonial .elementor-grid-1 .elementor-grid {
    	grid-template-columns: repeat(1,1fr)!important;
	}	
}



/* Long Text Force Wrap (like long email addresses) */
.long-text-wrap {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
}

/* Elementor Tab Content */

.elementor-widget-tabs .elementor-tab-content {
    padding: 60px 60px;
}

.elementor-tab-content p {
    padding: 60px;
}

@media only screen and (max-width: 1200px) {
	.elementor-widget-tabs .elementor-tab-content {
        padding: 30px;
	}
    .elementor-tab-content p {
        padding: 30px;
    }
}

@media only screen and (max-width: 880px) {
    .elementor-widget-tabs .elementor-tab-content {
        padding: 15px;
    }
    .elementor-tab-content p {
        padding: 15px;
    }
}



/* Blog Posts */
.single-post h1, .single-post h2, .single-post h3, .single-post h4, .single-post h5, .single-post h6 {
	font-family: "Canela Light";
	margin-top: 45px;
}
.single-post .footer-link h1, .single-post .footer-link h2, .single-post .footer-link h3, .single-post .footer-link h4, .single-post .footer-link h5, .single-post .footer-link h6 {
	margin-top: 0;
}
.single-post .elementor-widget-theme-post-content a, .single-post .elementor-widget-theme-post-content li a {
    color: #e56146;
}
.single-post ul, .single-post ol {
	margin-top: 15px;
	margin-bottom: 45px;
}
.single-post li {
	margin-bottom: 15px;
}
.wp-caption-text {
	margin-top: 10px;
}
.elementor-share-btn__icon {
	width: 6em;
}
.single-post .elementor .elementor-widget-theme-post-content a img,
.single-post .elementor .elementor-widget-theme-post-content img,
.single-post .elementor .elementor-widget-theme-post-content iframe {
    margin: 45px 0;
}
.single-post .elementor-location-header {
    background-color: #fff500;
}
.single-post .elementor-icon-list-text, .single-post .elementor-icon-list-text a {
    line-height: 1.5;
}

/* Blog Landing & Blog Archives */
.elementor-widget-wp-widget-categories h5 {
    font-size: 30px!important;
    font-family: 'Canela Regular 2'!important;
}
select {
    background-color: #FEFEF8!important;
}
.elementor-widget-archive-posts .elementor-button-wrapper, .elementor-widget-posts .elementor-button-wrapper {
    margin-top: 0!important;
}

/* Blog Post Loop for Insights Page */
.elementor-8792 .elementor-widget-container a img {
    width: fit-content!important;
	max-height: 275px;
    min-height: 275px;
    object-fit: cover;
}

/* Newsletter CTA */
.single-post .newsletter-cta h1, .single-post .newsletter-cta h2, .single-post .newsletter-cta h3, .single-post .newsletter-cta h4, .single-post .newsletter-cta h5, .single-post .newsletter-cta h6 {
    margin-top: 0;
}

@media (max-width: 1200px) {
    .newsletter-cta h2.elementor-heading-title {
        font-size: 42px!important;
    }
    .newsletter-cta h3.elementor-heading-title {
        font-size: 16px!important;
    }
}

@media (max-width: 767px) {
    .newsletter-cta h2.elementor-heading-title {
        font-size: 32px!important;
    }
    .newsletter-cta h3.elementor-heading-title {
        font-size: 14px!important;
    }
}

/* Elementor Post Navigation */
.elementor-post-navigation .post-navigation__next--title, .elementor-post-navigation .post-navigation__prev--title {
    line-height: 1.4!important;
    color: #14274E!important;
    font-family: 'Canela Light';
}
span.post-navigation__prev--label, span.post-navigation__next--label {
    color: #E56146;
    text-transform: capitalize!important;
    margin: 0 2px 5px 2px;
}
.elementor-post-navigation .post-navigation__arrow-prev, .elementor-post-navigation .post-navigation__arrow-next {
    margin-top: 30px;
}
.elementor-post-navigation .post-navigation__arrow-wrapper i {
    color: #14274E!important;
}
.fa.fa-long-arrow-left:before {
    content: "\f177"!important;
}
.fa.fa-long-arrow-right:before {
    content: "\f178"!important;
}

@media only screen and (max-width: 880px) {
	.elementor-post-navigation {
		flex-wrap: wrap;
	}
	.elementor-post-navigation .elementor-post-navigation__link {
    	width: unset!important;
		min-width: 100%;
	}
	.elementor-post-navigation .elementor-post-navigation__next a {
		float: right;
		margin-top: 15px;
	}
}

/* Header & Footer */ 

.header-cta .elementor-button, #header-cta .elementor-button {
	border-color: #14274E;
}
.header-cta .elementor-button:hover, .header-cta .elementor-button:focus, .header-cta .elementor-button:active,
#header-cta .elementor-button:hover, #header-cta .elementor-button:focus, #header-cta .elementor-button:active {
    border-color: #e6FFF500;
}
.elementor-sticky--effects.stickyheadersection a {
	color: #14274E;
}
.header-cta .elementor-button:hover, #header-cta .elementor-button:hover {
	border-color: #FFF500 !important;
}
.elementor-sticky--effects.stickyheadersection a:hover, .elementor-sticky--effects.stickyheadersection a:focus, .elementor-sticky--effects.stickyheadersection a:active {
	color: #FFF500 !important;
}
.footer-logo img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(260deg) brightness(102%) contrast(102%);
}
.client-logos img {
	filter: brightness(0) saturate(100%) invert(34%) sepia(30%) saturate(515%) hue-rotate(166deg) brightness(93%) contrast(99%);
}
.flex-align-botom {
    align-items: center !important;
}
.equal-width-port {
    width: 33% !important;
}


/* Popup Maker Custom CSS */
@media only screen and (max-width: 880px) {
	.pum-theme-8420 .pum-container, .pum-theme-default-theme .pum-container {
		padding: 30px!important;
	}

.equal-width-port, .port-featured-wide {
        width: 100% !important;
    }
}

/* Portfolio Grids */
.elementor-7612 .elementor-element.elementor-element-bbdd60b:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap,
.elementor-7612 .elementor-element.elementor-element-bbdd60b > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-size: cover!important; max-width: 100%;
}


/* Elementor Flex Grid Fix */
 .elementor-section .elementor-container {
    flex-wrap: wrap;
    justify-content: space-between;
}
.elementor-section-content-middle.elementor-section-full_width.grid-column-wrap.client-logos.client-logos-large.elementor-section-height-default.elementor-section-height-default > div > div > div  {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  grid-gap: 30px;
}
.grid-column-wrap.client-logos.client-logos-large.elementor-section-height-default.elementor-section-height-default > div > div > div > div.elementor-element.elementor-widget.elementor-widget-image {
    align-self: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-basis: 100%;
    object-fit: contain;
    text-align: center;
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 40px !important;
    border-radius: 8px;
    background-color: #e7e7e730;
}

.grid-column-wrap.client-logos.client-logos-large.elementor-section-height-default.elementor-section-height-default > div > div > div > div.elementor-element.elementor-widget.elementor-widget-image:before {
  content: "";
  padding-bottom: 100%;
  display: block;
}

.db-column-wrap .elementor-column {
    flex: 1 1 33% ;
}

@media (max-width: 1367px) { 
    .db-column-wrap.client-logos-large .elementor-column  {
        flex: 1 1 20% ;
    }
    .db-column-wrap .elementor-column.client {
        flex: 1 1 50% ;
    }
}

@media only screen and (max-width: 880px) {
    .equal-width-port, .port-featured-wide {
        width: 100% !important;
    }
    .db-column-wrap.client-logos-large .elementor-column {
        flex: 1 1 50% ;
        justify-content: space-evenly;
    }
    .elementor-column.elementor-col-100.elementor-top-column.elementor-element.elementor-element-bbdd60b.overflow-hide {
        max-height: 400px;
    }
}


/* Lazy Load Control */
.elementor-widget-container:has(.lazyload-observe) {
    /* we set the opacity to 0 */
    background-image: linear-gradient(
    90deg,
    #eeeee 0%, #eeeee 40%,
    #ddddd 50%, #ddddd 55%, 
    #eeeee 65%, #eeeee 100%);
    background-size: 400%;
    animation: shimmer 1500ms infinite;
}

@keyframes shimmer {
    from { background-position: 100% 100%; }
    to { background-position: 0 0; }
}

.elementor img.lazyload-loaded {
    transition: opacity 1s linear 0.5s;
    opacity: 1;
}


/* Privacy Policy Header Spacing */
.page-id-7190 h3, .page-id-7190 h4, .page-id-7190 h5, .page-id-7190 h6 {
    margin-top: 45px;
}

.elementor-7622 .elementor-element.elementor-element-0068509 {
    min-width: 66.02%;
}


/* Service Grid */
.elementor-flip-box__layer__description {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-content: center;
}


/* Our Work fade each */
.elementor-animation-grow.lazyload-loaded {
    transition-duration: .3s !important;
    transition-property: transform !important;
    transition:  transform 5s !important;
}
.fade-in  {
    animation: fadein 3s;
    animation-delay: 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.db-column-wrap.client-logos.client-logos-large.elementor-section-height-default.elementor-section-height-default > div > div > div > div.elementor-element.elementor-widget__width-auto.elementor-widget.elementor-widget-image > div {
    width: 150px;
    height: 150px;
    background-color: #fff;
}
