/*

Theme Name: Halo Theme

Template: Divi

Description: Custom Divi Theme for Halo

Theme URI: https://digitalgroupmedia.com/

Version: 1.0

Author: Digital Group Media

Author URI: https://digitalgroupmedia.com/

Tags: divi, divi theme, responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, theme-options

License: GNU General Public License v2

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Get Support Here https://digitalgroupmedia.com/

*/



/* YOUR CSS EDITS GO BELOW THIS LINE AND AND CSS RULES YOU MAKE HERE WILL OVERIDE THE MASTER THEME CSS RULES */


/* Header */

.header-contact-details:before {
    position: static;
    padding-right: 10px;
    margin: 0!important;
}
#et-boc .et_pb_button {
    line-height: 100%!important;
}
#page-container .et_pb_button:before {
    position: static!important;
    padding-right: 10px;
    margin: 0 !important;
    font-size: inherit!important;
}
#page-container .et_pb_button:after {
    position: static!important;
    padding-left: 10px;
    margin: 0 !important;
    font-size: inherit!important;
}

/* Footer */
.footer-links-color a{
    color: #fff;
}
.et-l--footer .gform_wrapper.gravity-theme .gfield textarea.large {
    height: 200px;
    resize: none;
}

/* Hero Section */
.hero-section-stars-with-text .et_pb_text_inner p, .hero-section-stars-with-text .et_pb_text_inner {
    display: flex!important;
    align-items: center;
}
span.five-star-container:before {
    content: "\e033\e033\e033\e033\e033";
    color: #ffa500!important;
    font-family: ETmodules!important;
    font-weight: 400!important;
    letter-spacing: 3px;
}
span.five-star-container {
    padding: 0px 5px;
}
.hero-section-stars-with-text img {
    padding-left: 7px;
}


/* Our Design Services Section */
.with-margin-hover-homepage .et_pb_column .et_pb_module {
    transition: .3s ease;
}
.with-margin-hover-homepage .et_pb_column:hover .et_pb_module {
    margin-bottom: 50px!important;
    transition: .3s ease;
}
.with-margin-hover-homepage .et_pb_column:before{
    content: ""!important;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0,0,0,0.3);
    transition: .3s ease;
    opacity: 1;
}
.with-margin-hover-homepage .et_pb_column:hover:before{
    opacity: .3;
    transition: .3s ease;
}
.our-design-services-section .et_pb_button {
    width: 100%!important;
    text-align: center;
}
.our-design-services-section a{
    transition: .3s ease;
}
.our-design-services-section .et_pb_column:hover h3{
    transition: .3s ease;
    text-shadow: 0em 0em 0.3em rgba(0,0,0,0.4);
}
.our-design-services-section .et_pb_button_module_wrapper {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    opacity: 0;
    transition: .3s ease;
}
.our-design-services-section .et_pb_column:hover .et_pb_button_module_wrapper {
    opacity: 1;
    transition: .3s ease;
}


/* Slick slider */
/* slick */
.slick-slide {
    height: inherit;  
}
ul.slick-dots {
    position: static!important;
    padding-top: 40px;
    padding-bottom: 0;
}
li.slick-active {
    width: 50px;
}
.slick-dots li button:before {
    content: ""!important;
    width: 10px;
    height: 10px;
    border-radius: 30px;
    opacity: 1;
    background-color: #CECECE;
    transition: .3s ease;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    background-color: #9988AC;
    width: 40px;
    transition: .3s ease;
}
.slick-arrow {
    display: none!important;
}
.project-one-slider .slick-arrow {
    display: flex!important;
}

.slick-next:before, .slick-prev:before {
    font-family: 'ETmodules';
    color: #9988AC;
    font-size: 40px;
    font-weight: bold;
}
.slick-prev:before{
    content: "\34"!important;
}
.slick-next:before{
    content: "\35"!important;
}
.slick-prev, .slick-next {
    width: 40px!important;
    height: 50px!important;
    z-index: 9!important;
}
.slick-next {
    right: -30px;
}
.slick-prev {
    left: -30px;
}
/* Why us */
.box-shadow-slider .slick-slide {
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
    border-radius: 30px;
}
.background-white-slick .slick-slide{
    background: #fff;
}

/* Some of our Projects */
.img-with-transparent-border img {
    border: 5px solid transparent;
    border-radius: 20px;
}
div#popmake-325 {
    max-width: 1033px!important;
}

div#popmake-325.pum-container.pum-responsive .project-one-slider img {
    max-width: 100%;
    height: 34vw;
    object-fit: contain;
    margin: auto!important;
}
.project-one-slider img {
    cursor: zoom-in; /* Default cursor style */
}
.project-one-slider img:active {
    cursor: zoom-out; /* Change cursor style when clicked */
}
div#popmake-325.pum-container.pum-responsive .project-multiple-slider img {
    height: 110px!important;
    object-fit: cover!important;
    width: 100%;
    border: 4px solid #fff;
}
div#popmake-325.pum-container.pum-responsive .project-multiple-slider .slick-center img {
    border: 4px solid #9988AC;
}
div#popmake-325.pum-container.pum-responsive .et_pb_row {
    width: 100%!important;
    padding: 0;
}
.project-one-slider .slick-slide {
    border: 5px solid #fff;
}
.some-of-our-projects-row-container img {
    cursor: pointer;
}

/* Google Reviews */
.what_our_customer_says-main-container {
    display: flex;
    flex-wrap: wrap;
}
.what_our_customer_say-container {
    width: 100%!important;
    margin: 0!important;
}
.with-white-background:after {
    content: url(https://dev.digitalgroupmedia.com/halophysio/wp-content/uploads/Google-svg.png);
    position: absolute!important;
    right: 30px;
    top: 30px;
}
.star-rating span.et_pb_icon:before {
    content: "\e033";
    font-family: 'ETMODULES';
    color: #FCB002;
    padding: 5px 2px;
}
p.acronym-what_our_customer_say {
    width: 43px;
    height: 43px;
    border-radius: 50%;
    background-color: #5E6CBA;
    color: #fff!important;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 100%!important;
    padding-bottom: 1px!important;
    margin-right: 20px;
    font-size: 15px!important;
}
.slick-slide:nth-child(1) p.acronym-what_our_customer_say {
    background-color: #5E6CBA; 
}
.slick-slide:nth-child(2) p.acronym-what_our_customer_say {
    background-color: #1C4C8A; 
}
.slick-slide:nth-child(3) p.acronym-what_our_customer_say {
    background-color: #FBBC05; 
}
.slick-slide:nth-child(4) p.acronym-what_our_customer_say {
    background-color: #34A853; 
}
.image-and-name {
    display: flex;
}
.image-and-name h4 {
    padding: 0;
}
.image-and-name p {
    font-size: 13px;
    color: #A9A9A9;
}
.star-rating {
    width: 100%;
    padding: 10px 0;
}
.what_our_customer_says-main-container .slick-slide {
    margin: 1%;
    background-color: #fff;
    padding: 30px;
    border-radius: 30px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    box-shadow: 0px 0px 19px rgba(0,0,0,0.13);
}

.dtq-rating-figure {
    padding-right: 30px!important;
}
.dtq-review-content:after {
    content: url(wp-content/uploads/Google-svg.png);
    position: absolute!important;
    right: 5px;
    top: 15px;
}
/* Popup form */
.pum-container .et_pb_section {
    padding: 30px;
    border-radius: 30px;
}
html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
    overflow-y: hidden!important;
}
.pum-theme-110, .pum-theme-default-theme {
    background: linear-gradient(90deg,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.29735644257703087) 100%)!important;
}
button.pum-close.popmake-close {
    height: 30px!important;
    width: 30px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%!important;
    top: -10px!important;
    right: -10px!important;
    background: #9988AC!important;
}
.pum-container.pum-responsive.pum-responsive-medium {
    margin-left: -30%;
    width: 90%;
    max-width: 700px!important;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%,-50%);
    margin: 0!important;
    border-radius: 30px;
    padding: 0px!important;
}
html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {
    padding-right: 0px!important;
}

/* Form Style */
.gform-body input, .gform-body textarea, .gform-body select {
    background: #ffff!important;
    border: 1px solid #dddddd!important;
    border-radius: 20px;
    padding: 20px 15px 20px 45px!important;
    color: #696969!important;
    line-height: 100%!important;
}
input.gform_button {
    background: #9988AC!important;
    padding: 15px 25px!important;
    border-radius: 30px;
    color: #fff;
    border: 1px solid #9988AC!important;
    font-family: 'Neue Haas Display Medium',Helvetica,Arial,Lucida,sans-serif;
    font-size: 15px;
    cursor: pointer;
    margin-bottom: 0!important;
    transition: .1s ease-in-out;
    line-height: 100%!important;
}
.gform_footer.before, .gform_footer.top_label {
    padding-bottom: 0!important;
}

.ginput_container.ginput_container_select:before {
    content: "\f568";
}
.fullname-form .ginput_container.ginput_container_text:before {
    content: "\f007";
}
.location-form .ginput_container.ginput_container_text:before {
    content: "\f3c5";
}
.phone-number-form .ginput_container.ginput_container_phone:before {
    content: "\f095";
}
.email-form .ginput_container.ginput_container_email:before {
    content: "\f0e0";
}
.message-form .ginput_container.ginput_container_textarea:before {
    content: "\f27a";
    position: absolute;
    font-family: 'FontAwesome';
    left: 15px;
    top: 28px;
    color: #9988AC;
}
.site-forms .ginput_container:before {
    position: absolute;
    font-family: 'FontAwesome';
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #9988AC;
    font-weight: bold;
}
.site-forms .ginput_container, .fullname-form .ginput_complex .gform-grid-col {
    position: relative!important;
}
.fullname-form .ginput_complex .gform-grid-col:before {
    content: "\f007";
	 position: absolute;
    font-family: 'FontAwesome';
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    color: #9988AC;
    font-weight: bold;
}
.fullname-form .ginput_complex .gform-grid-col.name_first:before {
	left: 15px;
}
.company-form .ginput_container:before {
    content: "\f1ad";
}

.customized-height-of-message-textarea .gform_wrapper.gravity-theme .gfield textarea.large {
    height: 150px;
    resize: none;
    overflow: hidden;
}
.gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 25px!important;
}
.gchoice {
    display: flex!important;
    margin-top: 5px!important;
}
.gchoice input {
    margin-right: 10px!important;
    margin-top: 5px;
}
.ginput_container.ginput_container_select:after {
    content: '\43';
    font-family: 'ETmodules';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #9988AC;
}
.ginput_container.ginput_container_select select{
    appearance: none;
    -webkit-appearance: none;
    line-height: 154%!important;
    color: #696969!important;
}
::placeholder {
    color: #696969;
    opacity: 1; /* Firefox */
  }

::-ms-input-placeholder { /* Edge 12 -18 */
    color: #696969;
}

/* Slider */


@media only screen and (min-width: 981px) {

    /* Business we Clean */
    .six-two-one-slider .slick-slide, .nine-two-one-slider .slick-slide {
        width: 31.33%!important;
        margin: 1%;
    }

    /* Why choose us */
    /* slick */
    .not-slick-on-desktop .slick-list, .not-slick-on-desktop .slick-track {
        width: 100%!important;
    }
    .not-slick-on-desktop .slick-track {
        display: flex!important;
        flex-wrap: wrap;
        justify-content: center;
    }
    .slick-slide {
        position: relative!important;
    }
    .reviews-module-container .slick-track  {
        display: flex!important;
        flex-wrap: nowrap!important;
    }

    .blue-bg-white-all-hover h4, 
    .blue-bg-white-all-hover img,
    .blue-bg-white-all-hover p,
    .blue-bg-white-all-hover .et_pb_blurb_description {
        transition: .3s ease;
    }
    .blue-bg-white-all-hover .slick-slide:hover h4,
    .blue-bg-white-all-hover .slick-slide:hover p,
    .blue-bg-white-all-hover .slick-slide:hover .et_pb_blurb_description {
        color: #fff!important;
    } 
    /* .blue-bg-white-all-hover .slick-slide:nth-child(odd):hover h4 {
        color: #98C83F!important;
    }  */
    .blue-bg-white-all-hover .slick-slide:hover img {
        filter: brightness(0) invert(1);
    } 
    .blue-bg-white-all-hover .slick-slide:nth-child(odd):before {
        background-color: #0092CF!important;
    }
    .blue-bg-white-all-hover .slick-slide:nth-child(even):before {
        background-color: #98C83F!important;
    }
    .blue-bg-white-all-hover .slick-slide:before {
        left: 50%;
        transform: translateX(-50%);
        top: 0%;
        box-shadow: 0px 0px 19px rgba(0,0,0,0.13);
        transition: .3s ease;
        z-index: 0;
        width: 100%;
        height: 0%;
        content: "";
        position: absolute;
    }
    .blue-bg-white-all-hover .slick-slide:hover:before {
        width: 100%;
        height: 100%;
        transition: .3s ease-in-out;
    }

}
@media only screen and (max-width: 1360px) {
    .screen1024-display-none {
        display: none!important;
    }
}
@media only screen and (max-width: 1025px) {
    .screen1024-full-width-with-margin {
        width: 100%!important;
        margin: 0!important;
        margin-bottom: 30px!important;
    }
    .screen1024-full-width-no-margin {
        width: 100%!important;
    }
    .screen1024-half-width-no-margin {
        width: 50%!important;
    }
    .what_our_customer_says-main-container .slick-track {
        display: flex!important;
    }
    .cta-image-column-container {
        display: flex;
        justify-content: center;
    }
    .cta-image-column-container .et_pb_module {
        transform: none;
    }
    .et-l--header .et_pb_icon a{
        display: flex;
    }
    
}


@media only screen and (min-width: 1025px) {
    .what_our_customer_says-main-container .slick-list, .what_our_customer_says-main-container .slick-track {
        width: 100%!important;
    }
}

@media only screen and (max-width: 980px) {

    .slick-track {
        display: flex;
    }
    .slick-slide {
        margin: 15px;
    }
    div#popmake-325.pum-container.pum-responsive .project-one-slider img {
        height: 60vw;
    }
    .project_photos-main-container .slick-slide {
        margin: 0px;
    }
    ul.slick-dots {
        position: static!important;
        padding-top: 20px;
        padding-bottom: 0;
        padding-left: 0;
    }
    .slick-dots li {
        width: 10px;
        height: 10px;
        margin: 0 5px;
    }
    li.slick-active {
        width: 35px;
    }
    .slick-dots li.slick-active button:before {
        width: 35px;
    }
    div#popmake-325.pum-container.pum-responsive .project-multiple-slider img {
        height: 75px!important;
    }
    .pum-container .et_pb_section {
        padding: 30px;
    }
    .gform_wrapper.gravity-theme .gform_fields {
        grid-row-gap: 15px!important;
    }
    .custom-slider-container {
        display: block!important;
    }
}

@media only screen and (max-width: 480px) {
    .gchoice input {
        width: 10px!important;
    }
    .pum-container .et_pb_section {
        padding: 20px;
    }
    .pum-container .et_pb_row {
        width: 100%!important;
    }
    div#popmake-325.pum-container.pum-responsive .project-one-slider img {
        height: 70vw;
    }
    #main-content .et_pb_button_module_wrapper {
        width: 100%;
        margin-left: 0!important;
        margin-right: 0!important;
    }
    #main-content .our-design-services-section .et_pb_button_module_wrapper {
        width: auto!important;
        margin-left: 0!important;
        margin-right: 0!important;
    }
    #et-boc #main-content .et_pb_button {
        width: 100%!important;
        text-align: center;
    }

    /* Slick */
    .slick-prev, .slick-next {
        width: 25px!important;
        height: 35px!important;
    }
    .slick-next:before, .slick-prev:before {
        font-size: 30px;
    }
    .slick-next {
        right: -20px;
    }
    .slick-prev {
        left: -25px;
    }
    
    .free-guide-form-container fieldset#field_4_4 {
        padding-top: 15px;
    }
    .free-guide-form-container .gform_wrapper.gravity-theme .gform_fields {
        grid-row-gap: 0px!important;
    }
    .gform_wrapper.gravity-theme .gfield textarea {
        height: 140px!important;
    }
}