/*---------------------------------------------------------------------------------

 Theme Name:   WealthVista Divifoxx Child Theme
 Theme URI:    https://finance.divifoxx.com/
 Description:  Experience the perfect blend of financial sophistication and sleek design with WealthVista Divifoxx Child Theme. Tailored for Divi by Divifoxx, this theme seamlessly integrates powerful financial features, making it the ideal choice for showcasing your financial expertise and providing a captivating online experience for your clients. Elevate your financial website with the WealthVista Divifoxx Child Theme — where innovation meets financial elegance.
 Author:       Mayank Singh Yadav
 Author URI:   https://divifoxx.com/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/*---- GENERAL CSS ---------*/
/*=======================
HEADER
=======================*/
.df-header-social-media-links .et-pb-icon {
    color: var(--accent-color) !important;
    font-size: 20px;
    margin-top: 2px;
    margin-left: 10px;
}

.df-header-social-media-links h4 {
    font-family: var(--custom-heading-font) !important;
    font-weight: var(--custom-heading-font-weight) !important;
    font-size: 18px !important;
}




.sub-menu li {
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 100%;
}

.et-menu li li a {
    width: 100% !important;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul {
    background-color: var(--main-color) !important;
    border-color: var(--main-color) !important;
    margin-top: 0px;
}

/* Hover effect on sub items */
.nav li li:hover {
    background-color: var(--accent-color) !important;
    border-radius: 5px;
    color: #000000 !important;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul {
    border-radius: 5px;
    padding: 0;
    border: 0 !important;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2)
        /*Add box shadow in the box of menu*/
}

.et_pb_menu.et_pb_text_align_right .menu-item {
    text-align: left;
}

.nav li li {
    padding: 7px 20px;
    margin: 0;
    border-bottom: 1px solid #fff;
}

.nav li li:last-child {
    padding: 7px 20px;
    margin: 0;
    border-bottom: 0px;
}

.et_mobile_menu li a:hover,
.nav ul li a:hover {
    background-color: rgba(0, 0, 0, .0);
    opacity: 1;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a {
    color: #fff !important;
    padding: 15px 15px 15px 20px;
}

.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
    top: calc(100% - 1px);
    left: 0;
    width: 320px;
}

/*--- Icons ---*/
/*add icon to Divi submenu items*/

nav li li a:before {
    content: "\f51e";
    font-family: "FontAwesome";
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -10px;
    color: transparent;
    font-size: 1em;
    transition: all .3s ease;
}

/*change color and position of submenu icon on hover*/

nav li ul li a:hover:before {
    margin-left: 5px;
    color: #000 !important;
    transition: all .5s ease;
}

/*=======================
GENERAL CSS
=======================*/

h1 {
    font-weight: var(--custom-heading-font-weight);
    font-family: var(--custom-heading-font);
    color: #000;
    font-size: 70px;
    line-height: 1.2 !important;
}

h2 {
    font-size: 50px !important;
    font-weight: 800 !important;
    font-family: var(--custom-heading-font) !important;
    color: var(--main-color) !important;
    letter-spacing: 0px;
    text-align: left;
    line-height: 50px;

}

h3 {

    font-family: var(--custom-heading-font) !important;
    font-size: 36px !important;
    color: var(--main-color) !important;
    font-weight: var(--custom-heading-font-weight) !important;
    line-height: 1.2 !important;
}

h4 {
    font-size: 24px !important;
    font-weight: var(--custom-heading-font-weight) !important;
    font-family: var(--custom-heading-font);
    color: var(--accent-color) !important;
    line-height: 1.2 !important;

}

h5 {
    color: var(--main-color) !important;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: var(--custom-heading-font-weight);
    font-family: var(--custom-heading-font);
    line-height: 1.2 !important;
}

p {
    font-size: 16px !important;
    font-family: var(--custom-body-font);
    line-height: 1.9rem !important;
    color: #000 !important;
}

.center p {
    text-align: center;
}

.light-text p {
    color: #fff !important;
    font-size: 16px !important;
}

/*place button modules next to each other in the same column*/
.df-inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
}


/*----- Buttons --------*/
.df-yellow-btn.et_pb_button {
    background-color: var(--accent-color) !important;
    padding: 13px 50px 13px 30px !important;
    color: #2d2d2d !important;
    border: none;
    border-radius: 50px !important;
    transition: 1000ms;
    box-shadow: 0px 9px 18px -9px rgba(0, 0, 0, 0.3);
    text-transform: none !important;
    font-family: var(--custom-heading-font) !important;
    font-weight: var(--custom-heading-font-weight) !important;
    font-size: 18px;
}

.df-yellow-btn.et_pb_button:hover {
    background-color: var(--main-color) !important;
    padding: 13px 50px 13px 30px !important;
    border: none;
    border-radius: 50px !important;
    transition: 1000ms;
    transform: translatey(-7px);
    box-shadow: 0px 12px 18px -9px rgba(0, 0, 0, 0.6);
    color: #fff !important;
}

/*------ Blue Buttons ---------*/
.df-blue-btn.et_pb_button {
    background-color: var(--main-color) !important;
    padding: 13px 50px 13px 30px !important;
    color: #fff !important;
    border: none;
    border-radius: 50px !important;
    transition: 1000ms;
    box-shadow: 0px 9px 18px -9px rgba(0, 0, 0, 0.3);
    text-transform: none !important;
    font-family: var(--custom-heading-font) !important;
    font-weight: var(--custom-heading-font-weight) !important;
    font-size: 18px;
    text-decoration: none;
}

.df-blue-btn.et_pb_button:hover {
    background-color: var(--main-color) !important;
    padding: 13px 50px 13px 30px !important;
    border: none;
    border-radius: 50px !important;
    transition: 1000ms;
    transform: translatey(-7px);
    box-shadow: 0px 12px 18px -9px rgba(0, 0, 0, 0.6);
    color: #fff !important;
    text-decoration: none;
}

/*---- CONTATCT FORM FULL WIDTH BTN ----*/
.contact-form .et_contact_bottom_container {
    width: 100%;
    flex-direction: column;
    gap: 1em;
    padding-left: 3%;
    margin-top: 0px;
}

.contact-form .et_contact_bottom_container button {
    width: 100%;
    margin: 0;
}

/*=======================
HOME 
=======================*/
.df-title-underline .et-pb-icon {
    color: var(--main-color) !important;
}

.df-number-counter p {
    font-family: var(--custom-heading-font) !important;
    font-weight: var(--custom-heading-font-weight) !important;
    color: var(--accent-color) !important;
    font-size: 60px !important;
    line-height: 80px !important;
}

.df-number-counter h4 {
    color: #fff !important;
}

.df-floating-blrub p {
    color: var(--main-color) !important;
}

.df-floating-blrub {
    background: var(--accent-color) !important;
    border-radius: 10px;
}

.df-floating-blrub h4 {
    font-size: 60px !important;
    text-align: center;
    font-weight: 800 !important;
    color: var(--main-color) !important;
}

.df-floating-blrub .et-pb-icon {
    font-size: 80px;
    color: #fff !important;
    margin-top: 5px;
}

.df-home-service-blurb .et_pb_image_wrap {
    color: var(--accent-color) !important;
    background: var(--main-color) !important;
    padding: 10px !important;
    width: 80px !important;
    border-radius: 10px;
}

.df-home-service-icons .et-pb-icon {
    color: var(--main-color) !important;
    font-size: 110px !important;
    opacity: .2;
}

.df-blurb-style-2 .et_pb_image_wrap {
    background: var(--main-color) !important;
    width: 70px !important;
    padding: 10px;
    border-radius: 10px;
}

.df-blurb-style-2 h4 {
    color: var(--main-color) !important;
}

.df-bullet-blurb h4 {
    font-size: 20px !important;
    color: #fff !important;
    margin-left: -10px;
}

.df-bullet-blurb .et-pb-icon {
    background: var(--main-color) !important;
    color: var(--accent-color) !important;
    padding: 5px;
    border-radius: 50%;
    font-size: 16px;
    margin-top: 2px;
}

.df-number-counter-style-2 p {
    font-family: var(--custom-heading-font) !important;
    font-weight: var(--custom-heading-font-weight) !important;
    color: var(--accent-color) !important;
    font-size: 60px !important;
    line-height: 80px !important;
}

.df-number-counter-style-2 h4 {
    color: #fff !important;
    font-size: 26px !important;
}

.dark {
    background: var(--accent-color) !important;
}

.dark h4 {
    color: var(--main-color) !important;
}

.df-blurb-style-3 h4 {
    color: var(--main-color) !important;
    transition: 500ms;
}

.df-blurb-style-3 p {
    transition: 500ms;
}

.df-blurb-style-3:hover h4 {
    color: #fff !important;
    transition: 500ms;
}

.df-blurb-style-3:hover p {
    color: #fff !important;
}


.df-blurb-style-3 .et_pb_image_wrap {
    background: var(--accent-color) !important;
    width: 70px;
    border-radius: 10px;
    padding: 5px;
    transition: 500ms;
}

.df-blurb-style-3:hover .et_pb_image_wrap {
    background: #fff !important;
}

.df-blurb-style-4 .et_pb_image_wrap {
    background: var(--accent-color) !important;
    width: 70px;
    border-radius: 10px;
    padding: 5px;
    transition: 500ms;
}

.df-blurb-style-4 h4 {
    color: #fff !important;
}

.df-blurb-style-4 p {
    color: #fff !important;
}

.df-title-bar h4 {
    color: var(--main-color) !important;
}

.df-blurb-style-5 {
    background: var(--accent-color) !important;
    padding: 40px !important;
}

.df-blurb-style-5 h4 {
    color: var(--main-color) !important;
}

.df-blurb-style-5 .et_pb_image_wrap {
    background: #fff !important;
    padding: 8px;
    width: 60px;
    border-radius: 5px;
}

.df-testimonial-icon .et-pb-icon {
    color: var(--accent-color) !important;
}

.df-testimonial-name h4 {
    color: #2d2d2d !important;
    text-align: center;
}

/*======================================
FAQs
=======================================*/

.df-faq .et_pb_toggle {
    position: relative;
    display: block;
    padding: 0;
    margin-bottom: 0px !important;
    cursor: pointer;
    background: #ffffff;
    border: none;
    transition: all 300ms ease;
    border-bottom: 1px solid #ccc;
}

.df-faq .et_pb_toggle .et_pb_toggle_title {
    padding: 25px 75px 25px 30px;
    color: #131313;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    transition: all 300ms ease;
}

.df-faq .et_pb_toggle .et_pb_toggle_title:before {
    content: '\e064';
    display: block !important;
    top: 50%;
    right: 40px;
    color: var(--accent-color) !important;
    font-size: 25px;
    cursor: pointer;
    line-height: 25px;
    font-weight: 300;
    transition: all 300ms ease 0s;
}

.df-faq .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before {
    color: #fff;
}

.df-faq .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {
    position: relative;
    background: var(--main-color) !important;
    color: #ffffff;
    border-radius: 10px;
}

.df-faq-title h2 {
    font-size: 26px !important;
}



.df-faq .et_pb_toggle .et_pb_toggle_content:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 40px;
    left: auto;
    visibility: visible;
    border: 15px solid transparent;
    border-top: 15px solid var(--main-color) !important;
}

.df-faq .et_pb_toggle .et_pb_toggle_content {
    padding: 20px 25px;
}

@media only screen and (max-width : 980px) {
    .df-faq .et_pb_toggle .et_pb_toggle_title {
        font-size: 16px;
        padding: 20px 70px 20px 30px;
    }

    .df-faq .et_pb_toggle .et_pb_toggle_title::before {
        right: 16px;
    }
}


.df-calling-no-blurb .et_pb_blurb_content .et_pb_main_blurb_image {
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 0 auto 30px;
    position: relative;
    background: var(--accent-color) !important;
    padding: 15px;
}

.df-calling-no-blurb .et_pb_image_wrap:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 50%;
    animation: puborder 1.4s ease-out infinite;
    z-index: 1;
    box-sizing: border-box;
}

@keyframes puborder {
    0% {
        transform: scale(1);
        opacity: 0.67;
        /* Changed the format */
    }

    100% {
        transform: scale(2);
        opacity: 0;
    }
}

/*=============================
 * BLOG SCTION CSS
 * ===========================*/
.df-blog-style-one .et_pb_post .et_pb_image_container {
    margin: 0;
}


.df-blog-style-one .et_pb_post:hover .entry-featured-image-url:before {
    -webkit-animation: zoom-hover .75s;
    animation: zoom-hover 1s;
}

/*Read More Button*/
.df-blog-style-one .et_pb_post .more-link {
    color: #fff;
    display: inline-block;
    margin-top: 20px;
    font-weight: 700;
    background: var(--main-color) !important;
    padding: 10px;
    text-align: center;
    text-transform: capitalize;
    border-radius: 50px;

}

.df-blog-style-one .et_pb_post {
    position: relative;
}



/*position the blog posts to prepare for moving the meta*/
.df-blog-style-one article {
    position: relative;
}

.df-blog-style-one .et_pb_blog_grid .et_pb_post .post-meta a {
    color: #fff !important;
    background: var(--main-color) !important;
    padding: 10px 15px;
    border-radius: 5px;
    font-weight: 800;
    margin-right: 10px;
}

/*move the Divi Blog post meta author up over the image*/

.df-blog-style-one .et_pb_blog_grid .et_pb_post .post-meta span.author.vcard a {
    color: #fff !important;
    background: var(--main-color) !important;
    padding: 10px 15px;
    border-radius: 5px;
    font-weight: 800;
}

/*ADD ICON TO BLOG CATEGORY*/
.df-blog-style-one .post-meta>a:before {
    content: "\e078";
    font-family: ETMODULES;
    color: var(--accent-color) !important;
    font-weight: bold;
    margin-right: 8px;
}

/*ADD ICON TO BLOG AUTHOR*/
.df-blog-style-one .post-meta .author a:before {
    content: "\e08a";
    font-family: ETMODULES;
    color: var(--accent-color) !important;
    font-weight: bold;
    margin-right: 4px;
}


.df-blog-style-one .published {
    position: absolute;
    top: 30px;
    right: 30px;
    background: var(--accent-color) !important;
    color: #000;
    font-weight: 600;
    padding: 15px;
    font-size: 20px;
    width: 82px;
    line-height: 1.3em;
    border-radius: 10px;
    clip-path: circle(50% at 50% 50%);
    display: block;
    margin: 0 auto;
    z-index: 99;
}

span.published {
    text-align: center;
}

/*adjust the image spacing*/
.et_pb_post .entry-featured-image-url {
    margin: 0;
}

/* HOVER OVERLAY EFFECT */
.df-blog-style-one .et_pb_post .entry-featured-image-url:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    background: rgba(255, 196, 54, 0.3);
    border-radius: 30px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 2;
    border-radius: 30px;
}

.df-blog-style-one .et_pb_post:hover .entry-featured-image-url:before {
    -webkit-animation: zoom-hover .75s;
    animation: zoom-hover 1s;
}

/* HOVER IMAGE KEYFRAM */
@keyframes zoom-hover {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

/*keep the zoomed in image inside the image frame*/
.et_pb_blog_grid .et_pb_image_container {
    overflow: hidden;
}

/* Display the overlay*/
/*replace Divi image module hover icon with text*/

.et_overlay {
    display: block !important;
}

/*add a smooth transition for the zoom effect*/

.et_pb_blog_grid .et_pb_image_container img {
    transition: all 0.95s ease;
    -moz-transition: all 0.95s ease;
    -webkit-transition: all 0.95s ease;
}


/*make the featured image zoom in on hover*/

.et_pb_blog_grid .et_pb_post:hover img {
    transform: scale(1.15) rotate(1deg);
    -moz-transform: scale(1.15) rotate(1deg);
    -webkit-transform: scale(1.15) rotate(1deg);
}

.et_overlay {
    display: block !important;
}

/*=================================
 * SIDE BAR 
 * ================================*/

.et_pb_widget ul li {
    background-color: var(--accent-color) !important;
    color: #000 !important;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
    text-align: center;

}

.et_pb_sidebar_0.et_pb_widget_area h2 {
    font-size: 22px !important;
    color: #fff !important;
    text-align: center;
}

h2.wp-block-heading {
    font-size: 30px !important;
}

.et_pb_sidebar_0.et_pb_widget_area h2:first-of-type {
    background: var(--main-color) !important;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
}


.et_pb_widget .wp-block-search__button {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    position: absolute;
    right: 0;
    top: 0;
    color: #000 !important;
    border-width: 50px !important;
    font-size: 16px;
    font-weight: 700 !important;
    background: var(--accent-color) !important;
}

.widget_search input#s,
.widget_search input#searchsubmit,
.et_pb_widget .wp-block-search__input,
.et_pb_widget .wp-block-search__button {
    padding: 10px 30px;
    height: 50px !important;
    margin: 0;
    font-size: 16px;
    line-height: normal !important;
    border: 2px solid var(--accent-color) !important;
    border-radius: 50px;
    margin-bottom: 15px !important;
}

.et_pb_gutters2.et_pb_row .et_pb_column_1_3 .et_pb_widget {
    width: 100%;
    margin-bottom: 0;
}

/*=============================================
 * PROJECT MODULE CSS
 * ==========================================*/
.df_portfolio p {
    color: #fff !important;
    font-family: var(--custom-heading-font) !important;
    font-weight: var(--custom-heading-font-weight) !important;
}

.df_portfolio .et_pb_portfolio_filters {
    text-align: center;
}

.df_portfolio .et_pb_portfolio_filters>ul {
    display: inline-block;
    box-shadow: 0 0 55px 2px rgba(0, 0, 0, 0.01);

}

.df_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a,
.df_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 10px;
}

.df_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li a,
.df_portfolio .et_pb_portofolio_pagination ul li a {
    border: 1px solid #dbdbdb;
    margin: 5px;
    background-color: #fff;
    -webkit-transition: all 0.65s ease;
    -o-transition: all 0.65s ease;
    transition: all 0.65s ease;
    border-radius: 10px;
}

.df_portfolio .et_pb_portofolio_pagination {
    text-align: center;
    border-top: none;
    margin-top: 40px;
}

.df_portfolio .et_pb_portofolio_pagination ul {
    display: inline-block;
    box-shadow: 0 0 55px 2px rgba(0, 0, 0, 0.01);
}

.df_portfolio .et_pb_portofolio_pagination ul li {
    padding: 0;
}

.df_portfolio .et_pb_portofolio_pagination ul li a {
    padding: 10px 12px;
}

.df_portfolio .et_pb_portfolio_item {
    z-index: 1;
    -webkit-transition: z-index 0.65s ease;
    -o-transition: z-index 0.65s ease;
    transition: z-index 0.65s ease;
}

.df_portfolio .et_pb_portfolio_item:hover {
    z-index: 999;
}

/* end */
.df_portfolio .et_pb_portfolio_item h4 {
    margin-top: 0 !important;
}

/* move the title and meta above the portfolio item image */
.df_portfolio h4.et_pb_module_header,
.df_portfolio p.post-meta {
    position: absolute;
    opacity: 0;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
    width: auto;
    height: auto;
    text-align: center;
    padding: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transition-delay: 0.05s;
    -o-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.df_portfolio h4.et_pb_module_header {
    top: 80px;
}

.df_portfolio p.post-meta {
    bottom: 80px;
}


.df_portfolio .et_pb_portfolio_item:hover h4.et_pb_module_header,
.df_portfolio .et_pb_portfolio_item:hover p.post-meta {
    opacity: 1;
    -webkit-transition-delay: 0.55s;
    -o-transition-delay: 0.55s;
    transition-delay: 0.55s;
}

.df_portfolio .et_pb_portfolio_item:hover h4.et_pb_module_header {
    top: 60px;
}

.df_portfolio .et_pb_portfolio_item:hover p.post-meta {
    bottom: 60px;
}


.df_portfolio .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay {
    z-index: 3;
    opacity: 1;
}

.df_portfolio .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay:before {
    top: 50%;
}


@media (min-width: 981px) {
    .df_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item {
        width: 24.625% !important;
        margin: 0 .25% .25% 0 !important;
    }
}

@media (max-width: 980px) {
    .df_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {
        width: 33.166% !important;
        margin: 0 .25% .25% 0 !important;
    }

    .df_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item:nth-child(n).last_in_row {
        margin-right: 0 !important;
    }
}

@media (max-width: 767px) {
    .df_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {
        width: 49.75% !important;
        margin: 0 .25% .25% 0 !important;
    }

}

@media (max-width: 479px) {
    .df_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {
        width: 100% !important;
        margin: 0 0 1% 0 !important;
    }
}

.df_portfolio.effect-book .et_pb_portfolio_filters li a.active,
.df_portfolio.effect-book .et_pb_portfolio_filters li a:hover,
.df_portfolio.effect-book .et_pb_portofolio_pagination ul li a.active,
.df_portfolio.effect-book .et_pb_portofolio_pagination ul li a:hover {
    background-color: var(--accent-color) !important;
    color: #000 !important;
    border-radius: 10px !important;
}


.effect-book .et_portfolio_image {
    -webkit-perspective: 35em;
    perspective: 35em;
}

.effect-book .et_portfolio_image:before,
.effect-book .et_portfolio_image:after {
    content: '';
    position: absolute;
    opacity: 0;
    top: 0;
    height: 100%;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.65s ease;
    -o-transition: all 0.65s ease;
    transition: all 0.65s ease;
    -webkit-transition-delay: 0.45s;
    -o-transition-delay: 0.45s;
    transition-delay: 0.45s;
}

.effect-book .et_pb_portfolio_item:hover .et_portfolio_image:before,
.effect-book .et_pb_portfolio_item:hover .et_portfolio_image:after {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.effect-book .et_portfolio_image:before {
    background-image: -webkit-linear-gradient(left, transparent 65%, rgba(0, 0, 0, 0.1) 97%, rgba(0, 0, 0, 0.11) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(65%, transparent), color-stop(97%, rgba(0, 0, 0, 0.11)), to(rgba(0, 0, 0, 0.11)));
    background-image: -webkit-linear-gradient(left, transparent 65%, rgba(0, 0, 0, 0.1) 97%, rgba(0, 0, 0, 0.11) 100%);
    background-image: -o-linear-gradient(left, transparent 65%, rgba(0, 0, 0, 0.1) 97%, rgba(0, 0, 0, 0.11) 100%);
    background-image: linear-gradient(to right, transparent 65%, rgba(0, 0, 0, 0.1) 97%, rgba(0, 0, 0, 0.11) 100%);
    left: 0;
    -webkit-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.effect-book .et_portfolio_image:after {
    background-image: -webkit-linear-gradient(right, transparent 65%, rgba(0, 0, 0, 0.14) 98%, rgba(0, 0, 0, 0.1) 100%);
    background-image: -webkit-gradient(linear, right top, left top, color-stop(65%, transparent), color-stop(98%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
    background-image: -webkit-linear-gradient(right, transparent 65%, rgba(0, 0, 0, 0.14) 98%, rgba(0, 0, 0, 0.1) 100%);
    background-image: -o-linear-gradient(right, transparent 65%, rgba(0, 0, 0, 0.14) 98%, rgba(0, 0, 0, 0.1) 100%);
    background-image: linear-gradient(to left, transparent 65%, rgba(0, 0, 0, 0.14) 98%, rgba(0, 0, 0, 0.1) 100%);
    right: 0;
    -webkit-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

.effect-book .et_pb_portfolio_item:hover .et_portfolio_image:before,
.effect-book .et_pb_portfolio_item:hover .et_portfolio_image:after {
    background-color: rgba(12, 54, 106, 0.63);
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.et_overlay {
    display: none;
}



/*=======================
FOOTER
=======================*/

.df-footer-title h4 {
    color: #fff !important;
}

.df-title-icon-light .et-pb-icon {
    color: var(--accent-color) !important;
}

.df-footer-title-link .et-pb-icon {
    color: var(--accent-color) !important;
    font-size: 24px;
}

.df-footer-title-link h4 {
    color: #fff !important;
    font-size: 18px !important;
    margin-left: -20px;
    margin-top: 2px;
}

.df-footer-title-link {
    transition: transform 0.5s ease;
}

.df-footer-title-link:hover {
    transform: translateX(13px);
}

.df-footer-info .et-pb-icon {
    color: var(--accent-color) !important;
}

.df-footer-info h4 {
    color: #fff !important;
    font-size: 20px !important;
}

.df-footer-info p {
    color: #fff !important;
}


.df-footer-blurb-1 .et-pb-icon {
    background: var(--main-color) !important;
    color: #fff !important;
    border-radius: 50%;
    padding: 15px;
}

.df-footer-blurb-1 h4 {
    color: var(--main-color) !important;
    margin-bottom: -10px;
    margin-top: 5px;
}

.df-posts a {
    color: blue;
    text-decoration: underline;
}

/*=======================
ABOUT US
=======================*/

.df-nav-sec-title-links p {
    color: #fff !important;
    font-size: 20px !important;
}

.df-blurb-style-6 .et_pb_image_wrap {
    background: var(--main-color) !important;
    padding: 5px;
    width: 60px !important;
    border-radius: 10px;
}

.df-blurb-style-6 h4 {
    color: var(--main-color) !important;
    margin-top: 0px;
    font-size: 20px !important;
}

.df-blurb-style-7 {
    padding: 60px 30px !important;
}

.df-blurb-style-7 h4 {
    font-size: 26px !important;
}

/*========================
Blog Full Width
===========================*/
/*-----Blog Full width----------*/


.df-full-wdth .et_pb_post {
    background: #F3F3F3;
    border-radius: 20px;
    padding: 60px;
}

/*blog image aspect ratio square 1:1*/

.df-full-wdth .entry-featured-image-url {
    padding-top: 30%;
    display: block;
}

.df-full-wdth .entry-featured-image-url img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    border-radius: 20px;
}



/*add icon to blog author meta text*/

.df-full-wdth .post-meta .author a:before {
    content: "\e08a";
    font-family: ETMODULES;
    color: var(--main-color) !important;
    font-weight: bold;
    margin-right: 4px;
}

/*add icon to blog category meta text*/

.df-full-wdth .post-meta>a:before {
    content: "\e078";
    font-family: ETMODULES;
    color: var(--main-color) !important;
    font-weight: bold;
    margin-right: 4px;
}

/*add icon to blog published date meta text*/

.df-full-wdth .post-meta .published:before {
    content: "\e023";
    font-family: ETMODULES;
    color: var(--main-color) !important;
    font-weight: bold;
    margin-right: 4px;
}


/*---FULL WIDTH WITH SIDEBAR----*/
/*add media query so changes only affect tablet and desktop*/

@media (min-width: 767px) {

    /*set the image width*/

    .df-full-wdth-2 .entry-featured-image-url {
        width: 30%;
        float: left;
        margin-bottom: 0 !important;
    }

    /*set the details width*/

    .df-full-wdth-2 .entry-title,
    .df-full-wdth-2 .post-meta,
    .df-full-wdth-2 .post-content {
        width: 70%;
        float: left;
        padding-left: 30px;
    }
}


.df-full-wdth-2 .et_pb_post {
    background: #F3F3F3;
    border-radius: 20px;
    padding: 30px;
}


/*=============================
OUR TEAM
==============================*/
.df-message-icon .et-pb-icon {
    background: var(--accent-color) !important;
    font-size: 26px !important;
    padding: 15px;
    border-radius: 50%;
}

.df-team-title-name h4 {
    color: var(--main-color) !important;
}


/*=============================
Comming Soon
==============================*/
.df-coming-soon-heading-one h1 {
    color: #fff !important;
    font-size: 160px !important;
    font-weight: 900 !important;
    text-align: Center;
    line-height: 1 !important;
}

.df-coming-soon-heading-three h4,
.df-coming-soon-heading-two h2 {
    color: #fff !important;
    text-align: Center;
}

.df-coming-soon-heading-two h2 {
    font-size: 28px !important;
}

.df-coming-soon-heading-three h4 {
    font-size: 22px !important;
    font-weight: 300 !important;
}

/* Styles for medium screens */
@media screen and (min-width: 400px) and (max-width: 768px) {
    .df-coming-soon-heading-one h1 {
        font-size: 150px !important;
    }

}

@media screen and (max-width: 400px) {
    .df-coming-soon-heading-one h1 {
        font-size: 60px !important;
    }

    .df-coming-soon-heading-three h4 {
        font-size: 20px !important;
        line-height: 1.2;
    }

    .df-coming-soon-heading-two h2 {
        font-size: 26px !important;
        line-height: 1.2;
    }
}

/*===============================
404 Error Page
=================================*/
.df-four-o-four-title-one h1 {
    color: #fff !important;
    font-size: 250px !important;
    font-weight: 900 !important;
    text-align: Center;
    line-height: 1 !important;
}

.df-four-o-four-title-three h4,
.df-four-o-four-title-two h2 {
    color: #fff !important;
    text-align: Center;
}


/* Styles for medium screens */
@media screen and (min-width: 400px) and (max-width: 768px) {
    .df-four-o-four-title-one h1 {
        font-size: 150px !important;
    }

}

@media screen and (max-width: 400px) {
    .df-four-o-four-title-one h1 {
        font-size: 80px !important;
    }

    .df-four-o-four-title-three h4 {
        font-size: 20px !important;
        line-height: 1.2;
    }

    .df-four-o-four-title-two h2 {
        font-size: 28px !important;
        line-height: 1.2;
    }
}

/*====================
SERVICE PAGE
========================*/
.df-service-tab-links {
    border-radius: 5px !important;
    background: var(--accent-color) !important;
    transition: 1000ms;
}

.df-service-tab-links h4 {
    color: #000 !important;
    transition: 1000ms;
}

.df-service-tab-links:hover {
    background: var(--main-color) !important;
}

.df-service-tab-links:hover h4 {
    color: #fff !important;
}

.active {
    background: var(--main-color) !important;
}

.active h4 {
    color: #fff !important;
}

.df-service-titles h3 {
    font-size: 24px !important
}

/*=============================
CAREER PAGE
===============================*/
.dark-title h4 {
    color: var(--main-color) !important;
    line-height: 1.2 !important;
    margin-top: 5px !important;
    font-size: 18px !important;
}

.dark-title .et-pb-icon {
    font-size: 14px;
    margin-top: 5px;
}

.df-career-title h4 {
    background: var(--main-color) !important;
    border-radius: 10px;
    padding: 15px;
    color: #fff !important;
}

.df-career-blurb {
    padding: 40px;
    outline: 2px solid var(--accent-color) !important;
    outline-offset: -8px;
    border-radius: 20px;
}

.df-career-blurb .et-pb-icon {
    background: var(--main-color) !important;
    color: var(--accent-color) !important;
    padding: 10px;
    font-size: 50px;
    border-radius: 10px;
    outline: 2px solid var(--accent-color) !important;
    outline-offset: 8px;
}

.df-career-blurb h4 {
    color: var(--main-color) !important;
    text-align: Center;
    margin-bottom: 15px;
}

.df-career-blurb p {
    color: var(--main-color) !important;
    text-align: Center;
}

.df-career-titles h4 {
    color: var(--main-color) !important;
}

/*Make The Divi Contact Form Checkbox Or Radio Buttons Inline*/
.contact-form .et_pb_contact_field_options_list span {
    display: inline-block;
    margin-right: 30px;
}

.df-career-details .et-pb-icon {
    background: var(--accent-color) !important;
    color: #000 !important;
    padding: 15px;
    border-radius: 10px;
}

.df-career-details {
    border-radius: 10px;
    border: 1px solid #dbdbdb;
}



/*=============================
CONTACT PAGE
===============================*/
.df-contact-page-blurb .et-pb-icon {
    background: var(--main-color) !important;
    color: #fff !important;
    border-radius: 50%;
    padding: 15px;
    font-size: 40px;
}

.df-contact-page-blurb h4 {
    color: var(--main-color) !important;
}

.df-contact-page-blurb h4,
.df-contact-page-blurbp p {
    text-align: center;
}

.df-contact-page-blurb {
    padding: 40px 20px;
}


/*=======================================================*/
.dark {
    background: var(--accent-color) !important;
}

.dark h4 {
    color: var(--main-color) !important;
}


/*====================
MEDIA QUEIRES
========================*/
/* Styles for medium screens */
@media screen and (min-width: 400px) and (max-width: 768px) {
    h1 {
        font-size: 60px !important;
    }

    h2 {
        font-size: 44px !important;
    }

    h3 {
        font-size: 28px !important;
    }
}


/*------ Media Queries ------*/
@media screen and (max-width: 400px) {
    h1 {
        font-size: 46px !important;
    }

    h2 {
        font-size: 36px !important;
        line-height: 1;
    }

    h3 {
        font-size: 28px !important;
    }

    h4 {
        font-size: 20px;
    }

    .df-ctc-title h2 {
        font-size: 24px !important;
        font-weight: 300 !important;
        line-height: 1.2;
    }

    .df-blurb-style-3 .et_pb_image_wrap {
        width: 76px !important;
    }

    .df-blog-style-one .et_pb_blog_grid .et_pb_post .post-meta a {
        color: #000 !important;
        background: transparent !important;
        padding: 0px !important;
    }

    /*ADD ICON TO BLOG CATEGORY*/
    .df-blog-style-one .post-meta>a:before {
        content: "\e078";
        font-family: ETMODULES;
        color: var(--main-color) !important;
        font-weight: bold;
        margin-right: 8px;
    }

    /*ADD ICON TO BLOG AUTHOR*/
    .df-blog-style-one .post-meta .author a:before {
        content: "\e08a";
        font-family: ETMODULES;
        color: var(--main-color) !important;
        font-weight: bold;
        margin-right: 4px;
    }

    .df-home-1st-blurb h4 {
        font-size: 18px !important;
        margin-top: 25px !important;
    }

    /*---- about us -----*/
    .df-blurb-style-7 h4 {
        font-size: 22px !important;
    }

    .df-blurb-style-7 .et_pb_image_wrap {
        width: 60px !important;
    }

    /*--- 20+ Year Blurb ---*/
    .df-floating-blrub .et-pb-icon {
        font-size: 50px;
    }

    .df-floating-blrub h4 {
        font-size: 40px !important;
        margin-bottom: -15px !important;
    }

    .df-floating-blrub {
        padding: 20px 40px !important;
    }
}