/* Theme Name:   Tip-top media co.
Theme URI:    https://www.tiptopmediaco.com/
Description:  Divi Child Theme 
Author:       Tip-top media co.
Author URI:   https://www.tiptopmediaco.com/
Template:     Divi 
Version:      1.2.0 
License: GNU General Public License version 3.0 
License URI: http://www.gnu.org/licenses/gpl-3.0.html 
Tags: light, theme-options, creative, responsive, unique, filtered portfolio 
Text Domain:  Divi-child */

/*buttons on full-width header*/
.et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_one,
.et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_two {
    margin: 0 10px;
}

/* Show buttons inline */
.buttonsInline .et_pb_button_module_wrapper {
    display: inline-block;
    margin-right: 1em;
}

/* Center footer menu items */
#et-footer-nav ul {
    text-align: center;
}

.bottom-nav li {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

/* Change order of columns on mobile and tablet */
@media (max-width: 980px) {
    .flex {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .flex .et_pb_column {
        width: 100%;
    }

    .orderMinusOne {
        order: -1;
    }
}

/* Overlay for background with parallex effect */
.overlay1:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(130deg, #18181b 0%, rgba(24, 24, 27, 0.83) 100%);
    z-index: 99;
}

/* Woocommerce quantity  */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
    height: 40px;
}

.woocommerce #content .quantity input.qty,
.woocommerce .quantity input.qty,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-page #content .quantity input.qty,
.woocommerce-page .quantity input.qty {
    height: 44px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #000 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    border: 1px solid #000 !important;
    background: #fff !important;
}

.header_row {
    display: flex;
    align-items: center;
    backdrop-filter: blur(5px);
}

.hero_sec:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
}

.banner-sub-heading-row .et_pb_column {
    display: flex;
    justify-content: center;
}

.banner-sub-heading-row .sub-heading-text .et_pb_text_inner {
    margin-left: 10px;
}

.sub-heading-text {
    display: flex;
}

.sub-heading-text:before {
    content: '';
    background-image: url(https://orange-clam-195403.hostingersite.com/wp-content/uploads/2025/09/Line-7.svg) !important;
    width: 10px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 10px;
    background-size: contain;
}

.about-main-sec:before {
    width: 100%;
    content: '';
    background-image: url(https://orange-clam-195403.hostingersite.com/wp-content/uploads/2025/09/Pattern.svg);
    background-repeat: no-repeat;
    position: absolute;
    left: 0px !important;
    top: 0px !important;
    bottom: unset !important;
    background-size: 100% !important;
    height: 100% !important;
    background-position: top !important;
}

.about-main-sec:after {
    width: 100%;
    content: '';
    background-image: url(https://orange-clam-195403.hostingersite.com/wp-content/uploads/2025/09/Pattern-1.svg);
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: unset;
    bottom: -450px;
    background-size: 100%;
    height: 100%;
    background-position: bottom;
}

.et_pb_row.about-inner-row {
    display: flex;
    justify-content: space-between;
}

.et_pb_column.about-inner-row-col-left {
    width: 48% !important;
    margin-right: 30px !important;
}

.et_pb_column.about-inner-row-col-right {
    width: 48% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    margin-left: 30px !important;
}

.carousel-container {
    width: 100%;
    max-width: 630px;
}

.main-slider img {
    width: 100%;
    height: 627px;
    object-fit: cover;
}

.thumb-slider {
    margin-top: 20px;
}

.thumb-slider img {
    width: 100%;
    cursor: pointer;
    opacity: 0.4;
    transition: all 0.3s ease;
    height: 141px !important;
    object-fit: cover;
}

.thumb-slider .slick-current img {
    opacity: 1;
    border: 1px solid #A09C76;
    padding: 10px;
}

.thumb-slider .slick-slide {
    padding: 10px;
}

.slick-slide {
    background: #000;
}

.bathroom-main-sec:before {
    content: '';
    background-image: url(https://orange-clam-195403.hostingersite.com/wp-content/uploads/2025/09/Pattern-3.svg) !important;
    width: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px !important;
    top: unset !important;
    bottom: -150px !important;
    background-size: 100% !important;
    height: 100% !important;
    background-position: bottom !important;
}

.bathroom-main-sec:after {
    content: '';
    background-image: url(https://orange-clam-195403.hostingersite.com/wp-content/uploads/2025/09/Pattern-1-1.svg) !important;
    width: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px !important;
    top: 0 !important;
    bottom: unset !important;
    background-size: 100% !important;
    height: 100% !important;
    background-position: top !important;
}

.bathroom-fitting-main-sec:before {
    content: '';
    background-image: url(https://orange-clam-195403.hostingersite.com/wp-content/uploads/2025/09/Pattern-2-1.svg) !important;
    width: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px !important;
    top: -300px !important;
    bottom: unset !important;
    background-size: 100% !important;
    height: 100% !important;
    background-position: top !important;
}

.et_pb_column.budget-bathroom-col-left {
    width: 43% !important;
    margin-right: 30px !important;
    display: flex;
    align-items: flex-end;
}

.et_pb_column.budget-bathroom-col-right {
    width: 50% !important;
    margin-left: 30px !important;
}

.budget-bathroom-row-sec {
    display: flex;
}

.bathroom-carousel-code .carousel-container {
    margin-left: auto;
}

.bathroom-inspiration-row {
    display: flex !important;
}

.bathroom-fitting-main-sec .et_pb_text.bathrooms-top-carousel-text {
    margin-left: -525px !important;
    margin-bottom: -88px !important;
}

.bathroom-fitting-sec:before {
    content: '';
    background-image: url(https://orange-clam-195403.hostingersite.com/wp-content/uploads/2025/09/Pattern-2-2.svg) !important;
    width: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px !important;
    top: 0px !important;
    bottom: unset !important;
    background-size: 100% !important;
    height: 100% !important;
    background-position: top !important;
}

.location-sec-main:before {
    content: '';
    background-image: url(https://orange-clam-195403.hostingersite.com/wp-content/uploads/2025/09/Pattern-3-1.svg) !important;
    width: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px !important;
    bottom: 0px !important;
    background-size: cover;
    height: 25.8%;
    background-position: top;
}

.et_pb_row.location-sec-main-row {
    justify-content: space-between;
    display: flex;
}

.et_pb_column.location-sec-col-left {
    margin-right: 0px !important;
    width: 27% !important;
}

.location-sec-main .et_pb_row:after {
    content: none !important;
}

.et_pb_column.location-sec-col-right {
    width: 69% !important;
}

.location-img-left .et_pb_image_wrap img {
    object-fit: cover !important;
}

.et_pb_row.project-text-row,
.et_pb_row.project-text-row .et_pb_column {
    position: unset !important;
}

/* contact css start */

.contact-info .et_pb_blurb_description a {
    color: #000000b3;
    text-decoration: underline;
}

.et_pb_row.contact-info-row {
    display: flex;
    flex-wrap: wrap;
}

.contact-info-row .et_pb_column {
    margin: 0px;
    width: 33.33%;
}

.request-sec:before {
    content: "";
    background: url(https://orange-clam-195403.hostingersite.com/wp-content/uploads/2025/09/Pattern-1-2.svg);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
}

/* contact css end */

@media screen and (max-width: 1600px) {
    .about-main-sec:after {
        bottom: -350px !important;
    }
}

@media screen and (min-device-width: 981px) and (max-device-width: 1780px) {
    .et_pb_image.location-text-img {
        top: 300px !important
    }
}

@media screen and (max-device-width: 1780px) {
    .bathroom-fitting-main-sec .bathroom-fitting-main-row .et_pb_text.bathrooms-top-carousel-text {
        margin-left: -470px !important;
        margin-bottom: 20px !important;
    }

    .et_pb_image.location-img-right {
        right: 60px !important;
    }
}

@media screen and (max-device-width: 1730px) {
    .et_pb_column.location-sec-col-right {
        width: 72% !important;
    }

    .et_pb_column.location-sec-col-left {
        margin-right: 0px !important;
        width: 26% !important;
    }
}

@media screen and (min-device-width: 981px) and (max-device-width: 1720px) {
    .bathroom-inspiration-row .et_pb_button_1_wrapper {
        margin-left: 100px !important;
    }

    .et_pb_section.area_sec {
        padding-left: 40px !important;
    }
}

@media screen and (max-device-width: 1700px) {
    .bathroom-fitting-main-sec .bathroom-fitting-main-row .et_pb_text.bathrooms-top-carousel-text {
        margin-left: -440px !important;
    }
}

@media screen and (min-device-width: 981px) and (max-device-width: 1660px) {
    .et_pb_image.location-text-img {
        top: 330px !important;
    }
}

@media screen and (max-device-width: 1660px) {
    .bathroom-fitting-main-sec .bathroom-fitting-main-row .et_pb_text.bathrooms-top-carousel-text {
        margin-left: -400px !important;
    }

    .et_pb_text.location-text {
        max-width: 470px !important;
    }
}

@media screen and (min-device-width: 981px) and (max-device-width: 1630px) {
    .et_pb_image.location-text-img {
        top: 360px !important;
    }
}

@media screen and (min-device-width: 981px) and (max-device-width: 1600px) {
    .bathroom-fitting-main-sec .bathroom-fitting-main-row .et_pb_text.bathrooms-top-carousel-text {
        margin-left: -340px !important;
    }

    .bathroom-inspiration-row .et_pb_button_1_wrapper {
        margin-left: 40px !important;
    }
}

@media screen and (min-device-width: 981px) and (max-device-width: 1579px) {
    .hero_sec {
        padding-bottom: 180px !important;
    }

    .hero_sec h1 {
        font-size: 90px !important;
    }

    .about-main-sec h2,
    .bathroom-fitting-main-sec h2,
    .bathroom-main-sec h2,
    .contact-sec h2,
    .request-sec h2,
    .location-sec-main h2,
    .bathroom-fitting-sec h2,
    .privacy-main-sec h2 {
        font-size: 60px !important;
    }

    .about-main-sec {
        padding-bottom: 100px !important;
    }

    .et_pb_row.about-inner-row.first-row {
        padding-top: 100px !important;
    }

    .bathroom-fitting-main-sec {
        padding-top: 100px !important;
    }

    .bathroom-main-sec {
        padding-bottom: 100px !important;
    }

    .et_pb_image.location-text-img {
        top: 200px !important;
    }

    .et_pb_image.location-img-right {
        right: 20px !important;
    }

    .et_pb_column.location-sec-col-right {
        padding-top: 230px !important;
        padding-bottom: 250px !important;
    }

    .thumb-slider img {
        height: 120px !important;
    }

    .main-slider img {
        height: 600px !important;
    }
}

@media screen and (min-device-width: 981px) and (max-device-width: 1520px) {
    .et_pb_text.about-inner-row-col-right-cont {
        padding-right: 50px !important;
    }

    .et_pb_text.about-inner-row-col-left-cont {
        padding-left: 50px !important;
    }
}

@media screen and (min-device-width: 981px) and (max-device-width: 1480px) {
    .et_pb_image.location-text-img {
        top: 180px !important;
    }
}

@media screen and (max-width: 1480px) {
    .bathroom-fitting-main-sec .bathroom-fitting-main-row .et_pb_text.bathrooms-top-carousel-text {
        margin-left: -280px !important;
    }

    .et_pb_column.budget-bathroom-col-right {
        width: 45% !important;
    }

    .et_pb_column.budget-bathroom-col-left {
        width: 45% !important;
    }

    .et_pb_text.location-text {
        max-width: 400px !important;
    }

    .et_pb_heading.why-location-text {
        margin-bottom: 20px !important;
    }
}

@media screen and (min-device-width: 981px) and (max-device-width: 1440px) {
    .et_pb_image.location-text-img img {
        width: 92% !important;
    }

    .bathroom-carousel-code.right .thumb-slider img {
        height: 110px !important;
    }

    .bathroom-carousel-code.right .main-slider img {
        height: 540px !important;
    }
}

@media screen and (max-width: 1440px) {
    .about-main-sec:before {
        top: 0px !important;
    }

    .budget-bathroom-row-sec .et_pb_column.budget-bathroom-col-left {
        width: 50% !important;
        margin-right: 20px !important;
    }

    .budget-bathroom-row-sec .et_pb_column.budget-bathroom-col-right {
        width: 50% !important;
        margin-left: 20px !important;
    }

    .bathroom-fitting-main-sec .bathroom-fitting-main-row .et_pb_text.bathrooms-top-carousel-text {
        margin-left: -200px !important;
    }
}

@media screen and (min-device-width: 981px) and (max-device-width: 1400px) {
    .request-sec .et_pb_row.contact-info-row {
        padding: 60px 30px !important;
    }

    .contact-info .et_pb_module_header {
        font-size: 30px !important;
    }

    .contact-info .et_pb_blurb_description {
        font-size: 20px !important;
    }

    .location-img-left .et_pb_image_wrap img {
        height: 570px !important;
    }

    .et_pb_column.location-sec-col-right {
        padding-top: 180px !important;
        padding-bottom: 200px !important;
    }

    .et_pb_image.location-text-img {
        top: 80px !important;
    }

    .et_pb_text.location-text {
        max-width: 350px !important;
    }
}

@media screen and (max-width: 1360px) {
    .budget-bathroom-col-left .bathroom-carousel-code .carousel-container {
        width: 100%;
        max-width: 560px !important;
    }

    .bathroom-fitting-main-sec:before {
        top: -100px !important;
    }

    .location-img-right img {
        max-width: 92% !important;
    }

    .location-img-left .et_pb_image_wrap img {
        height: 530px !important;
    }
}

@media screen and (min-device-width: 981px) and (max-device-width: 1360px) {
    .about-inner-row-col-right-img img {
        height: 650px !important;
    }

    .bathroom-about-first-row-center-img img {
        height: 100% !important;
    }

    .bathroom-main-sec .et_pb_heading {
        margin-bottom: 30px !important;
    }

    .et_pb_image.location-text-img img {
        width: 85% !important;
    }

    .et_pb_image.location-text-img {
        top: 170px !important;
    }
}

@media screen and (min-device-width: 981px) and (max-device-width: 1320px) {
    .et_pb_image.location-text-img img {
        width: 72% !important;
    }

    .et_pb_image.location-text-img {
        top: 255px !important;
    }
}

@media screen and (max-width: 1320px) {
    .location-img-right img {
        max-width: 80% !important;
    }
}

@media screen and (min-device-width: 981px) and (max-device-width: 1280px) {
    .about-inner-row-col-right-img {
        max-width: 480px !important;
    }

    .about-inner-row-col-right-img img {
        height: 600px !important;
    }

    .about-main-sec:after {
        bottom: -280px !important;
    }

    .bathroom-carousel-code.right .thumb-slider img {
        height: 95px !important;
    }

    .bathroom-carousel-code.right .main-slider img {
        height: 450px !important;
    }
}

@media screen and (max-width: 1280px) {
    .bathroom-fitting-main-sec .bathroom-fitting-main-row .et_pb_text.bathrooms-top-carousel-text {
        margin-left: -100px !important;
    }
}

@media screen and (min-device-width: 981px) and (max-device-width: 1199px) {
    .hero_sec {
        padding-bottom: 90px !important;
        padding-top: 220px !important;
    }

    .hero_sec h1 {
        font-size: 70px !important;
    }

    .hero_sec .et_pb_heading_0 {
        margin-bottom: 20px !important;
    }

    .about-main-sec h2,
    .bathroom-fitting-main-sec h2,
    .bathroom-main-sec h2,
    .contact-sec h2,
    .request-sec h2,
    .location-sec-main h2,
    .bathroom-fitting-sec h2,
    .privacy-main-sec h2 {
        font-size: 50px !important;
    }

    .about-main-sec .et_pb_heading {
        margin-bottom: 40px !important;
    }

    .location-img-left .et_pb_image_wrap img {
        height: 450px !important;
    }

    .et_pb_column.location-sec-col-right {
        padding-top: 140px !important;
        padding-bottom: 160px !important;
    }

    .location-img-right img {
        max-width: 68% !important;
    }

    .et_pb_image.location-text-img img {
        width: 62% !important;
    }

    .et_pb_image.location-text-img {
        top: 260px !important;
    }

    .et_pb_section.bathroom-fitting-sec {
        padding-top: 120px !important;
        padding-bottom: 120px !important;
    }

    .et_pb_section.privacy-main-sec {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }

    .thumb-slider .slick-current img {
        padding: 8px !important;
    }

    .thumb-slider .slick-slide {
        padding: 8px !important;
    }

    .request-sec .et_pb_row.request-row {
        padding-top: 120px !important;
    }

    .request-sec .et_pb_row.contact-info-row {
        margin-top: 120px !important;
    }

    .et_pb_section.request-sec {
        padding-bottom: 120px !important;
    }

    .et_pb_section.contact-sec {
        padding-bottom: 130px !important;
    }
}

@media screen and (min-device-width: 981px) and (max-device-width: 1150px) {
    .bathroom-carousel-code.right .thumb-slider img {
        height: 80px !important;
    }

    .bathroom-carousel-code.right .main-slider img {
        height: 400px !important;
    }

    .main-slider img {
        height: 500px !important;
    }

    .thumb-slider img {
        height: 100px !important;
    }
}

@media screen and (max-width: 1150px) {
    .budget-bathroom-col-left .bathroom-carousel-code .carousel-container {
        width: 100%;
        max-width: 450px !important;
    }

    .bathroom-fitting-main-sec .bathroom-fitting-main-row .et_pb_text.bathrooms-top-carousel-text {
        margin-left: unset !important;
    }
}

@media screen and (min-device-width: 981px) and (max-device-width: 1080px) {
    .about-inner-row-col-right-img {
        max-width: 400px !important;
    }

    .about-inner-row-col-right-img img {
        height: 500px !important;
    }

    .carousel-container {
        max-width: 450px !important;
    }

    .about-main-sec:after {
        bottom: -180px !important;
    }

    .location-img-right img {
        max-width: 54% !important;
    }

    .et_pb_image.location-text-img img {
        width: 56% !important;
    }

    .et_pb_image.location-text-img {
        top: 235px !important;
    }

    .et_pb_column.location-sec-col-right {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }

    .location-img-left .et_pb_image_wrap img {
        height: 340px !important;
    }
}

@media screen and (min-device-width: 981px) and (max-device-width: 1024px) {
    .et_pb_image.location-text-img img {
        width: 50% !important;
    }

    .bathroom-carousel-code.right .thumb-slider img {
        height: 70px !important;
    }

    .bathroom-carousel-code.right .main-slider img {
        height: 370px !important;
    }
}

@media screen and (max-width: 980px) {
    .about-main-sec .et_pb_column.about-inner-row-col-right {
        width: 47% !important;
        margin-left: 20px !important;
    }

    .about-main-sec .et_pb_column.about-inner-row-col-left {
        width: 47% !important;
        margin-right: 20px !important;
        margin-bottom: 0px !important;
    }

    .thumb-slider {
        margin-top: 10px !important;
    }

    .thumb-slider .slick-current img {
        padding: 5px !important;
    }

    .thumb-slider .slick-slide {
        padding: 5px !important;
    }

    .carousel-container {
        max-width: 420px !important;
    }

    .about-main-sec:after {
        bottom: -180px !important;
    }

    .bathroom-fitting-main-sec .et_pb_text.bathrooms-top-carousel-text {
        margin-left: 0px !important;
        margin-bottom: 0px !important;
    }

    .bathroom-carousel-code .carousel-container {
        margin-left: unset !important;
        margin: auto !important;
    }

    .budget-bathroom-row-sec .et_pb_column.budget-bathroom-col-left {
        width: 100% !important;
        margin-right: 0px !important;
        display: block;
    }

    .budget-bathroom-row-sec .et_pb_column.budget-bathroom-col-right {
        width: 100% !important;
        margin-left: 0px !important;
    }

    .et_pb_row.budget-bathroom-row-sec {
        flex-direction: column !important;
    }

    .bathroom-main-sec:before {
        bottom: -80px !important;
    }

    .bathroom-fitting-main-sec:before {
        top: -50px !important;
    }

    .request-sec .et_pb_row.contact-info-row {
        row-gap: 35px;
        justify-content: center;
    }

    .contact-info-row .et_pb_column {
        width: 50%;
    }

    .et_pb_column.location-sec-col-left {
        width: 100% !important;
    }

    .et_pb_column.location-sec-col-right {
        width: 100% !important;
    }

    .et_pb_row.location-sec-main-row {
        flex-direction: column;
    }

    .thumb-slider img {
        height: 100px !important;
    }

    .main-slider img {
        height: 460px !important;
    }
}

@media screen and (max-width: 767px) {
    .about-main-sec .et_pb_column.about-inner-row-col-right {
        width: 100% !important;
        margin-left: 0px !important;
    }

    .about-main-sec .et_pb_column.about-inner-row-col-left {
        width: 100% !important;
        margin-right: 0px !important;
    }

    .et_pb_row.about-inner-row {
        flex-wrap: wrap !important;
    }

    .carousel-container {
        max-width: 100% !important;
    }

    .et_pb_column.about-inner-row-col-right {
        align-items: center !important;
    }

    .et_pb_module.about-inner-row-col-right-img {
        order: 2;
    }

    .about-main-sec:after {
        bottom: -80px !important;
    }

    .bathroom-inspiration-row {
        flex-direction: column !important;
    }

    .bathroom-inspiration-col-left {
        order: 2;
        margin-bottom: 0px !important;
    }

    .contact-info-row .et_pb_column {
        width: 100% !important;
    }

    .request-sec .et_pb_row.contact-info-row {
        row-gap: 25px;
    }

    .contact-info .et_pb_main_blurb_image {
        margin-bottom: 15px !important;
    }

    .main-slider img {
        height: 480px !important;
    }

    .thumb-slider img {
        height: 110px !important;
    }

    .bathroom-carousel-code.right {
        width: 100%;
        max-width: 450px !important;
    }

    .et_pb_column.bathroom-fitting-main-sec-right-col {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 520px) {
    .thumb-slider img {
        height: 75px !important;
    }

    .main-slider img {
        height: 370px !important;
    }

    .bathroom-carousel-code.right {
        width: 100%;
        max-width: 100% !important;
    }
}