/*
Theme Name:   ITSY Theme
Theme URI:    https://www.itsolutionsyorkshire.uk/
Description:  Website Design by IT Solutions Yorkshire Ltd
Author:       IT Solutions Yorkshire
Author URI:   https://www.itsolutionsyorkshire.uk/
Version:      1.0.0
Template:     Divi
*/

/***********DIVI BUTTONS**************************************************************************/
/* Ensure buttons stay inline */
.button-container {
    display: flex;
    justify-content: center; /* Center align in the column */
    gap: 10px; /* Space between buttons */
    flex-wrap: wrap; /* Allow wrapping on smaller screens */
}

/* Ensure all buttons have the same width */
.et_pb_button {
    width: 200px !important; /* Force same width */
    min-width: 200px !important;
    max-width: 200px !important;
    text-align: center; /* Keep text centered */
    display: inline-block; /* Ensure inline display */
    white-space: nowrap; /* Prevent text wrapping */
}

/* Ensure the width does not change on hover */
.et_pb_button:hover {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
}

/***********SLIDESHOW TEXT**************************************************************************/
/* Make the slide title bigger */
.et_pb_slide_title {
    font-size: 4vw !important; /* Scales with viewport width */
    font-weight: bold !important;
    text-align: center !important;
    color: #ffffff !important; /* Ensures visibility */
    line-height: 1.2 !important;
}

/* Make the slide content text bigger */
.et_pb_slide_content p {
    font-size: 2.5vw !important; /* Scales with viewport width */
    text-align: center !important;
    color: #ffffff !important;
    line-height: 1.4 !important;
    max-width: 80% !important; /* Keeps text readable on large screens */
    margin: 0 auto !important; /* Centers the text */
}

/* Override Divi’s default mobile scaling */
@media (max-width: 1024px) {
    .et_pb_slide_title {
        font-size: 6vw !important; /* Increase size for tablets */
    }
    .et_pb_slide_content p {
        font-size: 4vw !important; /* Increase size for tablets */
    }
}

@media (max-width: 768px) {
    .et_pb_slide_title {
        font-size: 7vw !important; /* Bigger for smaller screens */
    }
    .et_pb_slide_content p {
        font-size: 5vw !important;
    }
}

@media (max-width: 480px) {
    .et_pb_slide_title {
        font-size: 8vw !important; /* Ensure readability on mobile */
    }
    .et_pb_slide_content p {
        font-size: 6vw !important;
    }
}