body {
    font-family: "Figtree", sans-serif;
    color: #701a50;
}

.btn-custom-color {
    background-color: #EC704C !important; /* Your desired background color */
    color: #FFFFFF !important; /* Your desired text color */
    width: 100%;
}

    .btn-custom-color:hover {
        background-color: #EC704C !important; /* Your desired background color */
        color: #FFFFFF !important; /* Your desired text color */
        width: 100%;
    }

.btn-custom-color-Mayo {
    background-color: #ffffff !important; /* Your desired background color */
    color: #EC704C !important; /* Your desired text color */
    font-size: 15px;
    text-decoration: none !important;
}


.btn-custom-color-Mayo_Network {
    background-color: #ffffff !important; /* Your desired background color */
    color: #EC704C !important; /* Your desired text color */
    font-size: 15px;
    text-decoration: none !important;
}

.btn-custom-color-Mayo:link {
    background-color: #ffffff !important; /* Your desired background color */
    color: #EC704C !important; /* Your desired text color */
    font-size: 15px;
    text-decoration: none !important;
}

.btn-custom-color-Mayo:hover {
    background-color: #ffffff !important; /* Your desired background color */
    border-color: #EC704C;
    border-width: thin;
    font-size: 15px;
    text-decoration: none !important;
    color: #EC704C !important;
}




h1 {
    font-size: 60px;
    font-weight: 300;
}

h3 {
    font-weight:bold;
}

h4 {
    font-size: 30px;
    font-weight: 300;
}

a:link {
    text-decoration-color: transparent;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    color: #262626;
}

a:hover {
    text-decoration-color: transparent;
    text-decoration: underline !important;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    text-underline-offset: .25em;
    color: #EC704C !important;
}

a:visited {
    text-decoration-color: transparent;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    color: #262626;
}
.column-container {
    /* This CSS handles the 3-column layout */
    column-count: 3;
    column-gap: 20px; /* Adjust gap as needed */
}

.column-item {
    /* Styling for each data item */
    padding: 5px;
    border: 0px solid #ccc;
    margin-bottom: 10px;
    break-inside: avoid; /* Prevents items from breaking across columns */
}


.rounded-image {
    /*border-radius: 5%;  Makes the image circular */
    width: 423px; /* Adjust the width as needed */
    height: auto; /* Maintains the aspect ratio */
}

.rounded-image-long {
    /*border-radius: 5%;  Makes the image circular */
    width: 422px; /* Adjust the width as needed */
    height: auto; /* Maintains the aspect ratio */
}

/* Custom CSS to change the color of active nav pills */
/*.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #ffffff;
    background-color: #701a50 !important;
    font-size: 17px !important;
}*/

/* Normal State (background not set by default in BS3 pills, so this sets a base) */
.nav-pills > li > a {
    background-color: #701a50; /* e.g., #f6f6f6 */
    color: #ffffff !important; /* e.g., #333 */
}

    /* Hover and Focus States */
    .nav-pills > li > a:hover,
    .nav-pills > li > a:focus {
        background-color: #EC704C !important; /* e.g., #eee */
        color: #ffffff !important; /* e.g., #000 */
    }

/* Active State (and hover/focus while active) */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: #EC704C !important; /* e.g., #428bca */
    color: #ffffff; /* e.g., #fff */
}

/*
.no-gutter {
    margin-right: 0;
    margin-left: 0;
}

.no-gutter > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
*/
.myNumber {
    color: #701A50 !important;
    font-size: 19px;
    font-weight: 700;
    padding: 17px 0 25px 0;
    line-height: 1px;
}

.mylogo {
    background-color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    font-family: Figtree;
    padding: 20px 0 20px 550px; 
    margin: auto;
    width: 100vw
}

.mySearchBox {
/*    background-color: #ffffff;
    font-weight: 700;
    border-radius: 15px;
    padding: 20px;
    width: 395px;
    height: 65px;*/
}

.mySearchBar {
/*    
    background-color: #701A50;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700;
    font-family: Figtree;
    padding: 55px 0 55px 0;
    margin: auto;
    width: 100vw

*/
}

.mySearchLink {
    background-color: #ffffff !important;
    border-color : #ffffff !important;
    border-style: none !important;
    color: #EC704C !important;
    font-size: 19px;
    font-weight: 700;
    font-family: Figtree;
    width: 45px;
}

.element1 {
    float: left;
    width: 50%; /* Adjust as needed */
}

.element2 {
    float: left; /* Or float: right; depending on desired layout */
    width: 50%; /* Adjust as needed */
}

/* Clearfix for parent container to prevent layout issues with floats */
.container::after {
    content: "";
    display: table;
    clear: both;
}

.table_component {
    overflow: auto;
    width: 100%;
}

    .table_component table {
        border: 1px none #dededf;
        height: 100%;
        width: 100%;
        table-layout: fixed;
        border-collapse: collapse;
        border-spacing: 1px;
        text-align: left;
        border-left: none;
        border-right: none;
    }

    .table_component caption {
        caption-side: top;
        text-align: left;
        border-left: none;
        border-right: none;
    }

    .table_component th {
        border: 1px none #dededf;
        color: #000000;
        padding: 5px;
    }

    .table_component td {
        border: 1px none #dededf;
        background-color: #ffffff;
        color: #000000;
        padding: 5px;
    }


    .table_component tr {
        border: 1px solid #dededf;
    }


.myBtnDeselected {
    background-color: #666666;
}


#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #701a50;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
}

    #myBtn:hover {
        background-color: #EC704C;
    }


.myPhoneNumber {
    color: #701a50 !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1px;
}

.myGrayDiv {
    background-color: #F2EFF1;
    height: 55px;
    line-height: 1px;
}

.myTopNav {
    font-family: "Figtree", sans-serif;
    color: #262626 !important;
    font-size: 15px;
    text-decoration: none !important;
    padding: 0 13px 0 0;
}


.btn-custom-color-Mayo_Network {
    background-color: #bd3b14 !important; /* Your desired background color */
    color: #ffffff !important; /* Your desired text color */
    font-size: 15px;
    text-decoration: none !important;
}

    .btn-custom-color-Mayo_Network:link {
        background-color: #bd3b14 !important; /* Your desired background color */
        color: #ffffff !important; /* Your desired text color */
        font-size: 15px;
        text-decoration: none !important;
    }

    .btn-custom-color-Mayo_Network:hover {
        background-color: #666666 !important; /* Your desired background color */
        font-size: 15px;
        text-decoration: none !important;
        color: #ffffff !important;
    }

/*btn-custom-color-Mayo_Network:visited {
    text-decoration-color: transparent;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    color: #262626;
}*/