/*
  Theme Name: TWC-Divi-Child-Theme
  Theme URI: https://thewebcompany.digital/
  Version: 1.0.0
  Template: Divi
  Author: Balpreet Saran
  Author URI: https://thewebcompany.digital/
  Text Domain: twc-divi-child-theme
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


.project-gallery .envira-lazy {
  height: 100%;
  width:100%;
  padding-bottom: 0px !important;
  overflow:hidden;
  
}
.project-gallery .envira-lazy img {
  aspect-ratio: 396 / 296;
  object-fit: cover;
}



ul.content-list {
  list-style: none !important;
  padding-left: 0;
}

ul.content-list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 14px;
}

ul.content-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: contain;

  /* Inline SVG tick */
  /*
  background-image: url("data:image/svg+xml;utf8,<svg fill='%23e86b0f' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M7.629 13.233L3.4 9.004l-1.4 1.4 5.629 5.629L18 5.662l-1.4-1.4z'/></svg>");
  */
  
  /* Set the desired color of the icon */
  background-color: #e86b0f;

  /* Use SVG as mask */
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='white' d='M7.629 13.233L3.4 9.004l-1.4 1.4 5.629 5.629L18 5.662l-1.4-1.4z'/></svg>") no-repeat center;
  mask-size: contain;

  /* For WebKit browsers */
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='white' d='M7.629 13.233L3.4 9.004l-1.4 1.4 5.629 5.629L18 5.662l-1.4-1.4z'/></svg>") no-repeat center;
  -webkit-mask-size: contain;
}

ul.content-list li .li-heading {
    font-weight: bold;
    font-size: 18px;
}

ul.content-list li.address::before {
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 256 256' xml:space='preserve'%3E%3Cg style='stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;' transform='translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)'%3E%3Cpath d='M 45 0 C 25.463 0 9.625 15.838 9.625 35.375 c 0 8.722 3.171 16.693 8.404 22.861 L 45 90 l 26.97 -31.765 c 5.233 -6.167 8.404 -14.139 8.404 -22.861 C 80.375 15.838 64.537 0 45 0 z M 45 48.705 c -8.035 0 -14.548 -6.513 -14.548 -14.548 c 0 -8.035 6.513 -14.548 14.548 -14.548 s 14.548 6.513 14.548 14.548 C 59.548 42.192 53.035 48.705 45 48.705 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
    
}

ul.content-list li.phone::before {
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1'  viewBox='0 0 256 256' xml:space='preserve'%3E%3Cg style='stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;' transform='translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)'%3E%3Cpath d='M 38.789 51.211 l 10.876 10.876 c 0.974 0.974 2.471 1.194 3.684 0.543 l 13.034 -6.997 c 0.964 -0.518 2.129 -0.493 3.07 0.066 l 19.017 11.285 c 1.357 0.805 1.903 2.489 1.268 3.933 c -1.625 3.698 -4.583 10.476 -5.758 13.473 c -0.247 0.631 -0.615 1.209 -1.127 1.652 c -12.674 10.986 -37.89 -2.4 -57.191 -21.701 C 6.358 45.039 -7.028 19.823 3.958 7.149 c 0.444 -0.512 1.022 -0.88 1.652 -1.127 c 2.996 -1.175 9.775 -4.133 13.473 -5.758 c 1.444 -0.635 3.128 -0.089 3.933 1.268 l 11.285 19.017 c 0.558 0.941 0.583 2.106 0.066 3.07 L 27.37 36.651 c -0.651 1.213 -0.431 2.71 0.543 3.684 C 27.913 40.335 38.789 51.211 38.789 51.211 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}

ul.content-list li.email::before {
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 256 256' xml:space='preserve'%3E%3Cg style='stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;' transform='translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)'%3E%3Cpath d='M 45 51.815 l 45 -33.87 v -1.967 c 0 -2.03 -1.646 -3.676 -3.676 -3.676 H 3.676 C 1.646 12.302 0 13.948 0 15.978 v 1.967 L 45 51.815 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round'/%3E%3Cpath d='M 47.405 60.019 c -0.712 0.536 -1.559 0.804 -2.405 0.804 s -1.693 -0.268 -2.405 -0.804 L 0 27.958 v 46.064 c 0 2.03 1.646 3.676 3.676 3.676 h 82.648 c 2.03 0 3.676 -1.646 3.676 -3.676 V 27.958 L 47.405 60.019 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}

.custom-contact-form {
    .et_pb_row {
        width: 100%;
        max-width: unset;
        padding: 0px;
        margin-bottom: 15px;
        display: flex;
        justify-content: space-between;
        
        .et_pb_column {
            margin-right: 0px;
        }
        
        &:after {
            content: none;
        }
    }
    
    
    p {
        width: 100%;
    }
    
    .et_pb_button:hover {
        padding: .3em 1em;
        cursor: pointer;
    }
    
    .et_pb_button:hover:after {
        content: none;
    }
    
    
    input[type=text], input[type=email], input[type=tel], textarea {
        width: 100%;
        padding: 10px 10px;
    }
    
}

.et_pb_row {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

footer {
    .et-menu li {
        font-size: 18px;
    }

    .et_pb_menu_inner_container {
        justify-content: start !important;
        
        .et_mobile_nav_menu {
            display: none !important;
        }
        
        
    }
    .et_pb_menu {
        .et_pb_menu__wrap {
            justify-content: start;
            
             .et_pb_menu__menu {
                display: flex !important;    
            
            }
        }
    }
    
    .et-social-icons {
        display: flex;
        justify-content: start;
        float: none;
        gap:10px;
        padding: 0px;
        
        .et-social-icon {
            margin: 0px;
            
            a {
                color: white;
                border: 1px solid white;
                padding: 10px;
                transition: 0.5s;
                
                
                &:hover {
                    color: black;
                }
                
            }
            
            
        }
    }
    .footer-menu-col {
        width: 98%;
    }
    
    .footer-branch-col {
        width: 98% ;
    }
    
    .footer-social-col {
        width: 98% ;
    }
}


.et_pb_section {
    padding: 30px 0;
}

.envira-gallery-wrap .envira-album-title {
    font-weight: 500 !important;
}


@media only screen and (max-width: 767px) {
    footer {
        .footer-menu-col {
            width: 48%;
        }
        
        .footer-branch-col {
            width: 48% ;
        }
        
        .footer-social-col {
            width: 48% ;
        }
    }
}


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

    .et_pb_section {
        padding: 30px 0;
    }
    
    footer {
        .footer-menu-col {
            width: 12% ;
        }
        
        .footer-branch-col {
            width: 25% ;
        }
        
        .footer-social-col {
            width: 12% ;
        }
    }
    
    .et_fixed_nav.et_show_nav #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container {
        padding-top: 0px !important;
            
    }

}

@media only screen and (min-width: 1607px) {
    .et_pb_section {
        padding: 30px 0 !important;
    }
}