/*
Theme Name:Child Theme for Divi
Theme URI: https://wp-ninja.net
Description: Child Theme For Divi
Author: Eduard Ungureanu
Author URI: https://wp-ninja.net
Template: Divi
*/

/* Start your custom CSS bellow this comment
============================================ */

/*------------------------------------------------*/
/*-------------------[GENERAL]--------------------*/
/*------------------------------------------------*/

section {
  scroll-margin-top: 100px; 
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a {
    width: 100% !important;
}

.mega-menu .sub-menu li,
.mega-menu .sub-menu li a {
    width: 100%;
}

.et-menu-nav li.mega-menu>ul {
    padding: 5rem !important;
    max-width: 900px !important;
}



/* Target the internal Divi container where the background image actually sits */
.service-box, 
.service-box::before {
    background-position: center -300px !important;
    transition: background-position 0.4s ease-in-out !important;
	transition: all .3s !important;
}

/* Move it to the center on hover */
.service-box:hover, 
.service-box:hover::before {
    background-position: center -0px !important;
	transition: all .3s !important;
}


@media screen and (min-width: 768px) {
  .hero-mask, 
  .hero-mask .et_pb_background_pattern, 
  .hero-mask .et_pb_background_mask {
    -webkit-mask-image: url('https://waterstonelegacy.ca/wp-content/uploads/2026/05/pattern2.svg');
    mask-image: url('https://waterstonelegacy.ca/wp-content/uploads/2026/05/pattern2.svg');
    
    /* Maintains aspect ratio while filling the container */
    -webkit-mask-size: cover !important;
    mask-size: cover !important;
    
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    
    /* Locks the mask to the left; excess width will bleed off the right */
    -webkit-mask-position: left center;
    mask-position: left center;
  }
}


select option {
  color: black !important;
  background-color: white !important;
}

.products a.added_to_cart,
.taxable.shipping-taxable.purchasable.product-type-simple a.added_to_cart.wc-forward,
.woocommerce a.added_to_cart,
a.added_to_cart.wc-forward,
.woocommerce ul.products li.product a.added_to_cart.wc-forward,
.woocommerce-page ul.products li.product a.added_to_cart.wc-forward,
.shipping-taxable.purchasable.product-type-simple > a.added_to_cart.wc-forward {
    color: #23C0D1 !important;
    margin-left: 10px !important;
    display: inline-block;
}

/* Target the link specifically when it is a sibling of the 'added' button */
.woocommerce ul.products li.product a.button.added + a.added_to_cart {
    display: inline-block !important;
    color: #23C0D1 !important;
    margin-left: 10px !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Fallback for the standard link class */
.woocommerce .products .added_to_cart {
    color: #23C0D1 !important;
    margin-left: 10px !important;
    display: inline-block !important;
}

.woocommerce-notices-wrapper { margin-top: 40px; }
.woocommerce-notices-wrapper .woocommerce-message a.button.wc-forward { background-color: #23c0d1 !important; border-color: #23c0d1 !important; } 
.woocommerce-notices-wrapper .woocommerce-message a.button.wc-forward:hover { background-color: #20adbc !important; border-color: #20adbc !important; } 
.woocommerce-notices-wrapper .woocommerce-message { background: #002345 !important; }
.woocommerce-form__label woocommerce-form__label-for-checkbox.checkbox,
.woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox { display: none; } /* hide exclusive emails checkbox */
a {
    color: #23C0D1;
	text-decoration: none;	
}

.gform_wrapper.gravity-theme .gfield_required,
.gform_wrapper.gravity-theme .gfield_required .gfield_required_text,
#page-container .residential_commercial_form label.gfield_label, 
#page-container .newsletter_form label.gfield_label, 
#page-container .gform_wrapper.gravity-theme .gfield_label {
    color: #00274d !important;
	background-color: #ffffff !important;
}

@font-face {
    font-family: "Manrope";
    src: url("https://wilbert.digitaltea.com/wp-content/uploads/2026/01/manrope-regular.otf") format("opentype");
    font-weight: 400; /* regular */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Manrope";
    src: url("https://wilbert.digitaltea.com/wp-content/uploads/2026/01/manrope-bold.otf") format("opentype");
    font-weight: 700; /* bold */
    font-style: normal;
    font-display: swap;
}

body, p, li, span, a, input, textarea, select {
    font-family: "Manrope", sans-serif !important;
    font-weight: 400; /* default to regular */
}

strong, b {
    font-weight: 700;
}

h2.entry-title, h2.entry-title a,
h1, h1 span, h2, h2 span, h3, h3 span, h4, h4 span, h5, h5 span, h6, h6 span, #main-content > div.et-l.et-l--body > div > div.et_pb_section.et_pb_section_1_tb_body.et_pb_with_background.et_section_regular > div > div > div.et_pb_with_border.et_pb_module.et_pb_wc_tabs.et_pb_wc_tabs_0_tb_body.addional_information.et_pb_tabs > div > div > div > h2,
#main-content > div.et-l.et-l--body > div > div.et_pb_section.et_pb_section_1_tb_body.et_pb_with_background.et_section_regular > div > div > div.et_pb_module.et_pb_wc_related_products.et_pb_wc_related_products_0_tb_body.et_pb_bg_layout_ > div > section > h2 {
    font-family: "Montserrat", sans-serif !important;
	text-transform: uppercase !important;
	font-weight: 800;
}
h2.entry-title, h2.entry-title a, h1 {
	color: #00274d !important;
	line-height: 1em !important;
}

.product_links ul li a {
    border: 2px solid #23c0D1 !important;
}

/*---------------------- DIVI 5 ANGLED IMAGES --------------------------*/
@media (min-width: 1200px) {
    /* Target the Column Container */
    .angled-left-image, 
    .angled-right-image {
        max-height: 1000px !important;
        z-index: 30 !important;
        overflow: hidden !important;
        display: block !important;
        transform: skew(-10deg, 0deg) !important;
    }

    /* Target internal Divi 5 wrappers */
    .angled-left-image .et_pb_module,
    .angled-left-image .et_pb_image_wrap,
    .angled-left-image picture,
    .angled-right-image .et_pb_module,
    .angled-right-image .et_pb_image_wrap,
    .angled-right-image picture {
        height: 100% !important;
        width: 100% !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Counter-skew the actual image */
    .angled-left-image img, 
    .angled-right-image img {
        height: 100% !important;
        width: 100% !important;
        object-fit: cover !important;
        transform: skew(10deg, 0deg) scale(1.4) !important;
        display: block !important;
    }

    .angled-left-image {
        margin-right: 90px !important;
        margin-left: -90px !important;
        border-radius: 0px 50px 50px 0;
    }

    body .angled-right-image {
        margin-right: -90px !important;
        margin-left: 90px !important;
        border-radius: 50px 0 0 50px;
    }

    /* home hero pattern */
    #aws_hero {
        background-image: url('https://wilbert.digitaltea.com/wp-content/uploads/2026/01/Right-Swish.svg') !important;
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: 40% auto;
    }
    
    /* login columns */
    #post-24 > div > div > div > div > div > div.et_pb_column.et_pb_column_1_2.et_pb_column_0,
    #post-25 > div > div > div > div > div > div.et_pb_column.et_pb_column_1_2.et_pb_column_0
    {
        margin-left: 50px;
        border-radius: 50px;
    }
}

@media (max-width: 1199px) { 
    .angled-left-image,
    .angled-right-image {
        transform: none !important;
        margin: 0 !important;
        max-height: 70vw !important;
        border-radius: 20px !important;
    }
    
    .angled-left-image img, 
    .angled-right-image img {
        transform: none !important;
        object-fit: cover !important;
        height: 100% !important;
        width: 100% !important;
    }
}

/*---------------------- TEAM & SHOP --------------------------*/

#our_team .et_pb_team_member .et_pb_member_position, .published {
  color: #335271 !important;
}

.um-field-label,
.um-field-label{
	color: #00274d;
}

.um-form input[type=password], 
.um-form input[type=search], 
.um-form input[type=tel], 
.um-form input[type=text], 
.um-form textarea,
.um-form input[type=password], 
.um-form input[type=search], 
.um-form input[type=tel], 
.um-form input[type=text], 
.um-form textarea{
    color: #335271;
	border: #00274d;
}

.um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um-field-checkbox.active:not(.um-field-radio-state-disabled) i{ color: #23C0D1 !important; }

input[type=submit].um-button, #post-24 .um input[type=submit].um-button:focus,
input[type=submit].um-button, #post-25 .um input[type=submit].um-button:focus
{
    background: #23C0D1 !important;
	border-radius: 99px !important;
	font-weight: bold !important;
}


/* Home blog posts */
.blog-posts .et_pb_post {
    display: flex !important;
    flex-direction: column !important;
}

.blog-posts .post-content {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

.blog-posts .post-content-inner {
    flex-grow: 1 !important;
}

.blog-posts .more-link {
    align-self: flex-start; 
    margin-top: 20px !important;
    width: fit-content !important;
    display: inline-block !important;
    background-color: var(--gcid-secondary-color);
    font-weight: 700;
    color: #FFFFFF !important;
    font-size: 16px !important;
    padding: 10px 25px !important;
    border-radius: 5em;
	transition: all .3s !important;
}
.blog-posts .more-link:hover {
	    background-color: var(--gcid-c28d30bd-19ec-48c9-90be-0218ec0ac731);
	    transform: scaleX(1.05) scaleY(1.05);
}



/* BUTTON */

.gform_button.button {
    background-color: var(--gcid-secondary-color) !important;
    transition-property: background-color !important;
    transition-duration: 300ms !important;
    transition-timing-function: ease !important;
    transition-delay: 0ms !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    font-size: 16px !important;
    border-radius: 5em !important;
    border-width: 0px !important;
    border-color: var(--gcid-secondary-color) !important;
    border-style: none !important;
	padding-top: 15px !important;
    padding-right: 55px !important;
    padding-bottom: 15px !important;
    padding-left: 55px !important;
}

.gform_button.button:hover {
    background-color: var(--gcid-c28d30bd-19ec-48c9-90be-0218ec0ac731) !important;
    transform: scale(1.05) !important;
}