/*
 Theme Name: Pan African Training Child Theme
 Theme URI: https://designntouch.co.za/
 Description: A Child Theme for Divi
 Author: Design N Touch
 Author URI: https://designntouch.co.za/
 Template: Divi
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Add your custom styles below */


/************************** FORMS **************************/
.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=flat] .forminator-repeater-field, 
.forminator-ui.forminator-custom-form[data-design=flat] .forminator-repeater-field {
    border-radius: 0px !important;
}

.forminator-button-submit {
    background-color: #051338 !important;
}

.forminator-button-submit:hover {
    background-color: #051338 !important;
}

/************************** HOME BLURBS **************************/
.pan_blurbs_archer .et_pb_column .et_pb_blurb .et_pb_main_blurb_image::before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    transition: 0.5s;
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 6;
    box-shadow: inset 0 0 0 0 #fff;
}

.pan_blurbs_archer .et_pb_column .et_pb_blurb:hover .et_pb_main_blurb_image::before {
    box-shadow: inset 0 0 0 15px #fff;
}

.pan_blurbs_archer .et_pb_blurb .et_pb_blurb_description a {
    padding: 12px 10px 14px 10px;
    background: 0 0;
    transition: 0.3s;
    position: relative;
    display: block;
    max-width: 145px;
    text-align: center;
    margin-top: 12px;
    font-weight: 500 !important;
    z-index: 0;
}

.pan_blurbs_archer .et_pb_blurb .et_pb_blurb_description a::before {
    content: "";
    display: block;
    background: #051338 !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    left: 0 !important;
    top: 0 !important;
    z-index: -1;
    transition: 0.3s;
}

.pan_blurbs_archer .et_pb_blurb .et_pb_blurb_description a:hover::before {
    opacity: 0.8 !important;
}

.pan_blurbs_archer .et_pb_blurb {
    overflow: hidden;
}

.pan_blurbs_archer .et_pb_blurb_content {
    display: flex;
    flex-direction: row-reverse;
}

.pan_blurbs_archer .et_pb_blurb_content .et_pb_main_blurb_image {
    overflow: hidden;
}

.pan_blurbs_archer .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
    height: 100%;
    width: 100%;
    transition: all 0.2s !important;
}

.pan_blurbs_archer .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img {
    opacity: 0;
    position: absolute;
}

.pan_blurbs_archer .et_pb_blurb_container {
    padding: 52px 15px 40px 43px;
}

.pan_blurbs_archer .et_pb_column .et_pb_blurb .et_pb_main_blurb_image .et_pb_image_wrap::before {
    content: "";
    background: #fff;
    width: 0;
    height: 8px;
    transition: all 0.1s;
    transition-delay: 0.2s;
    position: absolute;
    top: 24px;
    right: 29px;
    z-index: 5;
    border-radius: 5px;
}

.pan_blurbs_archer .et_pb_column .et_pb_blurb .et_pb_main_blurb_image .et_pb_image_wrap::after {
    content: "";
    background: #fff;
    width: 8px;
    height: 0;
    transition: all 0.2s;
    position: absolute;
    top: 24px;
    right: 27px;
    z-index: 5;
    border-radius: 5px;
}

.pan_blurbs_archer .et_pb_column .et_pb_blurb .et_pb_main_blurb_image::after {
    content: "";
    background: #fff;
    width: 8px;
    height: 0;
    transition: all 0.3s;
    transition-delay: 0.3s;
    position: absolute;
    top: 26px;
    left: calc(100% - 35px);
    z-index: 5;
    border-radius: 5px;
    transform: rotate(45deg);
    transform-origin: 0 0;
}

.pan_blurbs_archer .et_pb_column .et_pb_blurb:hover .et_pb_main_blurb_image .et_pb_image_wrap::before {
    width: 135px;
}

.pan_blurbs_archer .et_pb_column .et_pb_blurb:hover .et_pb_main_blurb_image .et_pb_image_wrap::after {
    height: 135px;
}

.pan_blurbs_archer .et_pb_column .et_pb_blurb:hover .et_pb_main_blurb_image::after {
    height: 85%;
}

.pan_blurbs_archer .et_pb_blurb_content .et_pb_blurb_container,
.pan_blurbs_archer .et_pb_blurb_content .et_pb_main_blurb_image {
    width: 50%;
}

@media all and (min-width: 981px) and (max-width: 1250px) {
    .pan_blurbs_archer .et_pb_blurb_content .et_pb_blurb_container {
        width: 60%;
    }
    .pan_blurbs_archer .et_pb_blurb_content .et_pb_main_blurb_image {
        width: 40%;
    }
    .pan_blurbs_archer .et_pb_column:hover::before {
        width: 50px;
    }
    .pan_blurbs_archer .et_pb_column:hover::after {
        height: 50px;
    }
    .pan_blurbs_archer .et_pb_column:hover .et_pb_blurb::before {
        height: 60%;
    }
    .pan_blurbs_archer .et_pb_column .et_pb_blurb:hover .et_pb_main_blurb_image .et_pb_image_wrap::before {
        width: 95px !important;
    }
    .pan_blurbs_archer .et_pb_column .et_pb_blurb:hover .et_pb_main_blurb_image .et_pb_image_wrap::after {
        height: 95px !important;
    }
}

@media only screen and (max-width: 767px) {
    .pan_blurbs_archer .et_pb_column:hover::before {
        width: 50px;
    }
    .pan_blurbs_archer .et_pb_column:hover::after {
        height: 50px;
    }
    .pan_blurbs_archer .et_pb_column:hover .et_pb_blurb::before {
        height: 60%;
    }
}

@media all and (max-width: 480px) {
    .pan_blurbs_archer .et_pb_blurb::before,
    .pan_blurbs_archer .et_pb_column::after,
    .pan_blurbs_archer .et_pb_column::before {
        display: none;
    }
}

@media all and (max-width: 480px) {
    body .pan_blurbs_archer .et_pb_blurb_content .et_pb_blurb_container {
        width: 100%;
        padding: 40px 30px 40px 30px !important;
    }
    .pan_blurbs_archer .et_pb_blurb_content .et_pb_main_blurb_image {
        display: none;
    }
}

.pan_blurbs_archer_law_personal_injury.pan_blurbs_archer .et_pb_column .et_pb_blurb .et_pb_main_blurb_image::before {
    box-shadow: inset 0 0 0 0 #0b0b0b;
}

.pan_blurbs_archer_law_personal_injury.pan_blurbs_archer .et_pb_column .et_pb_blurb:hover .et_pb_main_blurb_image::before {
    box-shadow: inset 0 0 0 15px #0b0b0b;
}

.pan_blurbs_archer_law_personal_injury.pan_blurbs_archer .et_pb_blurb .et_pb_blurb_description a {
    padding: 0 0 0 3px !important;
    max-width: 110px;
    text-align: left;
    margin-top: 18px;
}

.pan_blurbs_archer_law_personal_injury.pan_blurbs_archer .et_pb_blurb_container {
    padding: 51px 15px 50px 44px !important;
}

.pan_blurbs_archer_law_personal_injury.pan_blurbs_archer .et_pb_blurb .et_pb_blurb_description a::before {
    opacity: 1 !important;
    bottom: 2px !important;
    left: 0 !important;
    width: 104% !important;
    height: 9px !important;
    background: #ad8b63 !important;
    top: auto !important;
}

.pan_blurbs_archer_law_personal_injury.pan_blurbs_archer .et_pb_blurb .et_pb_blurb_description a:hover::before {
    opacity: 1 !important;
    width: 15% !important;
}