/*
 Theme Name:   Photofly Child
 Description:  A child theme for Photofly
 Template:     photofly
 Version:      1.0.0
*/

:root {
    --wegerhoff-orange: #F4AD24;
    --wegerhoff-blue: #2C3F5B;
    --wegerhoff-darkblue: #242A33;
}

p {
    margin-bottom: 0;
}

em {
    font-weight: normal;
}

.img-br-60 img {
    filter: brightness(0.6);
}

.custom-accordion .e-n-accordion-item-title {
    border: none !important;
}

.custom-btn a,
button.custom-btn {
    outline: 1px solid var(--wegerhoff-orange);
}

#container-top video {
    filter: brightness(0.6);
}

.call-to-action-btn a {
    border-radius: 5px;
    text-transform: unset;
}

.call-to-action-title h2 {
    text-transform: unset;
}

#story-clips-more .call-to-action {
    text-align: start;
}

button#offer-btn {
    border: none;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    padding: 16px 32px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-size: 20px;
    font-weight: 500;
    color: var(--wegerhoff-orange);
    background: var(--wegerhoff-blue);
    font-family: "Montserrat", Sans-serif;
    width: fit-content;
    align-self: center;
}

a:has(button#offer-btn) {
    margin-top: auto;
}

button#offer-btn:hover {
    color: var(--wegerhoff-blue);
    background: var(--wegerhoff-orange);
}

/* service-box */
#service-container .elementor-element .elementor-widget-service,
#service-container .elementor-element .elementor-widget-container,
#service-container .elementor-element .service-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#service-container .elementor-element .service-box:hover>.content {
    border-right: 10px solid var(--wegerhoff-orange);
    border-bottom: 10px solid var(--wegerhoff-orange);
}

#service-container .service-box.style1:hover .content h3.title {
    color: var(--wegerhoff-orange);
}

#service-container .elementor-element .service-box .content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

#service-container .elementor-element .service-box .content>p {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#service-container .elementor-element .service-btn {
    margin-top: auto !important;
    padding-top: 20px;
}

.service-box.style1 .content .description:before {
    display: none;
}

.service-box-custom .icon {
    display: flex;
    justify-content: center;
}

.service-box-custom .icon>img {
    max-height: 373px;
}

@media (min-width: 480px) and (max-width: 600px) {
    .service-box.style1 .icon img {
        object-fit: contain;
    }
}

/* end service-box */

/* testimonial start */
.testimonial.style5 .testi-star i.active,
.testimonial.style5 p.quote:before {
    color: var(--wegerhoff-orange) !important;
}

.testimonial.style5 button.owl-dot.active {
    background: var(--wegerhoff-orange);
    border: 2px solid var(--wegerhoff-orange);
}

.owl-carousel .owl-item .author>img {
    height: 200px;
    width: auto;
    object-fit: cover;
}

@media(min-width: 768px) {
    .owl-carousel .owl-item .author>img {
        height: 348px;
    }
}

@media(max-width: 575.98px) {
    .owl-carousel .author_thumb {
        flex-direction: column;
        align-items: center;
    }
    
    .owl-carousel .author_thumb>.bio {
        margin-left: 0;
    }
}

/* testimonial end */

/* scrollup start */
#scrollUp {
    background: var(--wegerhoff-orange);
}

/* scrollup end */

/* blog post */
#service-container .owl-stage {
    width: 100% !important;
}

#service-container .owl-item {
    width: 50% !important;
}

/* end blog post */

.darkened-bg {
    background-color: #33333366;
    background-blend-mode: multiply;
    background-size: cover;
}

.backdrop-blur::before {
    content: "";
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

.bg-overlay-white::before {
    content: "";
    background-color: #ffffffa8;
}

/* start hide breadcrumb */
.breadcumb-area {
    display: none !important;
}
/* end hide breadcrumb */

/*  */
#videomarketing .service-box.style1 .content {
    text-align: left;
}

.bold, .bold>* {
    font-weight: bold !important;
}

/* overwrite theme default start */
strong, b {
    font-weight: 700;
}
/* overwrite theme default end */

.color-inherit-links a {
    color: inherit;
}

.color-inherit-links a:hover {
    color: var(--wegerhoff-orange);
}

@media(max-width: 575.98px) {
	.mobile-desc-flex-col .description {
		display: flex;
		flex-direction: column;
	}
}