/*
@font-face {
    font-family: 'nimbus-sans';
    src: url('../../fonts/DaygloWeb/NimbusSanConL-Reg.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nimbus-sans';
    src: url('../../fonts/DaygloWeb/NimbusSanConL-Bol.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
}*/
@font-face {
    font-family: 'Romana Book';
    src: url('../../fonts/DaygloWeb/Romana-Book.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
/*

@font-face {
    font-family: 'nimbus-sans';
    src: url('/media/lggaaxhe/nimbussanl-reg.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nimbus-sans';
    src: url('/media/lggaaxhe/nimbussanl-reg.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nimbus-sans';
    src: url('/media/lggaaxhe/nimbussanl-reg.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}*/

body {
    font-family: 'nimbus-sans', sans-serif !important;
    font-size: 16px !important;
    overflow-x: hidden;
}

.dayGloTopLogo {
    height: auto !important;
}

.ns_intro {
    font-family: 'nimbus-sans', sans-serif;
    font-size: 37px;
}

.playfair-display-h1 {
    font-family: "Playfair Display", serif !important;
    font-size: 54px !important;
    font-weight: 400;
    font-style: normal;
}

.playfair-display-h2 {
    font-family: "Playfair Display", serif !important;
    font-size: 44px !important;
    font-weight: 400;
    font-style: normal;
}

.playfair-display-h3 {
    font-family: "Playfair Display", serif !important;
    font-size: 34px !important;
    font-weight: 400;
    font-style: normal;
}

.playfair-display-h4 {
    font-family: "Playfair Display", serif !important;
    font-size: 30px !important;
    font-weight: 400;
    font-style: normal;
}

.playfair-display-h5 {
    font-family: "Playfair Display", serif !important;
    font-size: 24px !important;
    font-weight: 400;
    font-style: normal;
}

.playfair-display-h6 {
    font-family: "Playfair Display", serif !important;
    font-size: 20px !important;
    font-weight: 400;
    font-style: normal;
}

.playfair-display-large {
    font-family: "Playfair Display", serif !important;
    font-size: 74px !important;
    font-weight: 400;
    font-style: normal;
}

.playfair-display-superlarge {
    font-family: "Playfair Display", serif !important;
    font-size: 111px !important;
    font-weight: 400;
    font-style: normal;
}






.nimbus-sans-h1 {
    font-family: "nimbus-sans", serif !important;
    font-size: 54px !important;
    font-weight: 400;
    font-style: normal;
}

.nimbus-sans-h2 {
    font-family: "nimbus-sans", serif !important;
    font-size: 44px !important;
    font-weight: 400;
    font-style: normal;
}

.nimbus-sans-h3 {
    font-family: "nimbus-sans", serif !important;
    font-size: 34px !important;
    font-weight: 400;
    font-style: normal;
}

.nimbus-sans-h4 {
    font-family: "nimbus-sans", serif !important;
    font-size: 30px !important;
    font-weight: 400;
    font-style: normal;
}

.nimbus-sans-h5 {
    font-family: "nimbus-sans", serif !important;
    font-size: 24px !important;
    font-weight: 400;
    font-style: normal;
}

.nimbus-sans-h6 {
    font-family: "nimbus-sans", serif !important;
    font-size: 20px !important;
    font-weight: 400;
    font-style: normal;
}

.nimbus-sans-large {
    font-family: "nimbus-sans", serif !important;
    font-size: 74px !important;
    font-weight: 400;
    font-style: normal;
}

.nimbus-sans-superlarge {
    font-family: "nimbus-sans", serif !important;
    font-size: 111px !important;
    font-weight: 400;
    font-style: normal;
}


.nimbus-sans-bold-h1 {
    font-family: "nimbus-sans", serif !important;
    font-size: 54px !important;
    font-weight: 700;
    font-style: normal;
}

.nimbus-sans-bold-h2 {
    font-family: "nimbus-sans", serif !important;
    font-size: 44px !important;
    font-weight: 700;
    font-style: normal;
}

.nimbus-sans-bold-h3 {
    font-family: "nimbus-sans", serif !important;
    font-size: 34px !important;
    font-weight: 700;
    font-style: normal;
}

.nimbus-sans-bold-h4 {
    font-family: "nimbus-sans", serif !important;
    font-size: 30px !important;
    font-weight: 700;
    font-style: normal;
}

.nimbus-sans-bold-h5 {
    font-family: "nimbus-sans", serif !important;
    font-size: 24px !important;
    font-weight: 700;
    font-style: normal;
}

.nimbus-sans-bold-h6 {
    font-family: "nimbus-sans", serif !important;
    font-size: 20px !important;
    font-weight: 700;
    font-style: normal;
}

.nimbus-sans-bold-large {
    font-family: "nimbus-sans", serif !important;
    font-size: 74px !important;
    font-weight: 700;
    font-style: normal;
}

.nimbus-sans-bold-superlarge {
    font-family: "nimbus-sans", serif !important;
    font-size: 111px !important;
    font-weight: 700;
    font-style: normal;
}


/*-----Romana Book------*/

.romana-h1 {
    font-family: "Romana Book", serif !important;
    font-size: 54px !important;
    font-weight: 400;
    font-style: normal;
}

.romana-h2 {
    font-family: "Romana Book", serif !important;
    font-size: 44px !important;
    font-weight: 400;
    font-style: normal;
}

.romana-h3 {
    font-family: "Romana Book", serif !important;
    font-size: 34px !important;
    font-weight: 400;
    font-style: normal;
}

.romana-h4 {
    font-family: "Romana Book", serif !important;
    font-size: 30px !important;
    font-weight: 400;
    font-style: normal;
}

.romana-h5 {
    font-family: "Romana Book", serif !important;
    font-size: 24px !important;
    font-weight: 400;
    font-style: normal;
}

.romana-h6 {
    font-family: "Romana Book", serif !important;
    font-size: 20px !important;
    font-weight: 400;
    font-style: normal;
}

.romana-large {
    font-family: "Romana Book", serif !important;
    font-size: 74px !important;
    font-weight: 400;
    font-style: normal;
}

.romana-superlarge {
    font-family: "Romana Book", serif !important;
    font-size: 111px !important;
    font-weight: 400;
    font-style: normal;
}

/*---------*/


@media (max-width: 767px) {

    .playfair-display-h1 {
        font-family: "Playfair Display", serif !important;
        font-size: 54px !important;
        font-weight: 400;
        font-style: normal;
    }

    .playfair-display-h2 {
        font-family: "Playfair Display", serif !important;
        font-size: 44px !important;
        font-weight: 400;
        font-style: normal;
    }

    .playfair-display-h3 {
        font-family: "Playfair Display", serif !important;
        font-size: 34px !important;
        font-weight: 400;
        font-style: normal;
    }

    .playfair-display-h4 {
        font-family: "Playfair Display", serif !important;
        font-size: 30px !important;
        font-weight: 400;
        font-style: normal;
    }

    .playfair-display-h5 {
        font-family: "Playfair Display", serif !important;
        font-size: 24px !important;
        font-weight: 400;
        font-style: normal;
    }

    .playfair-display-h6 {
        font-family: "Playfair Display", serif !important;
        font-size: 20px !important;
        font-weight: 400;
        font-style: normal;
    }

    .playfair-display-large {
        font-family: "Playfair Display", serif !important;
        font-size: 74px !important;
        font-weight: 400;
        font-style: normal;
    }

    .playfair-display-superlarge {
        font-family: "Playfair Display", serif !important;
        font-size: 111px !important;
        font-weight: 400;
        font-style: normal;
    }



    .nimbus-sans-h1 {
        font-family: "nimbus-sans", serif !important;
        font-size: 44px !important;
        font-weight: 400;
        font-style: normal;
    }

    .nimbus-sans-h2 {
        font-family: "nimbus-sans", serif !important;
        font-size: 34px !important;
        font-weight: 400;
        font-style: normal;
    }

    .nimbus-sans-h3 {
        font-family: "nimbus-sans", serif !important;
        font-size: 28px !important;
        font-weight: 400;
        font-style: normal;
    }

    .nimbus-sans-h4 {
        font-family: "nimbus-sans", serif !important;
        font-size: 24px !important;
        font-weight: 400;
        font-style: normal;
    }

    .nimbus-sans-h5 {
        font-family: "nimbus-sans", serif !important;
        font-size: 20px !important;
        font-weight: 400;
        font-style: normal;
    }

    .nimbus-sans-h6 {
        font-family: "nimbus-sans", serif !important;
        font-size: 16px !important;
        font-weight: 400;
        font-style: normal;
    }

    .nimbus-sans-large {
        font-family: "nimbus-sans", serif !important;
        font-size: 54px !important;
        font-weight: 400;
        font-style: normal;
    }

    .nimbus-sans-superlarge {
        font-family: "nimbus-sans", serif !important;
        font-size: 74px !important;
        font-weight: 400;
        font-style: normal;
    }


    .nimbus-sans-bold-h1 {
        font-family: "nimbus-sans", serif !important;
        font-size: 44px !important;
        font-weight: 700;
        font-style: normal;
    }

    .nimbus-sans-bold-h2 {
        font-family: "nimbus-sans", serif !important;
        font-size: 34px !important;
        font-weight: 700;
        font-style: normal;
    }

    .nimbus-sans-bold-h3 {
        font-family: "nimbus-sans", serif !important;
        font-size: 28px !important;
        font-weight: 700;
        font-style: normal;
    }

    .nimbus-sans-bold-h4 {
        font-family: "nimbus-sans", serif !important;
        font-size: 24px !important;
        font-weight: 700;
        font-style: normal;
    }

    .nimbus-sans-bold-h5 {
        font-family: "nimbus-sans", serif !important;
        font-size: 20px !important;
        font-weight: 700;
        font-style: normal;
    }

    .nimbus-sans-bold-h6 {
        font-family: "nimbus-sans", serif !important;
        font-size: 16px !important;
        font-weight: 700;
        font-style: normal;
    }

    .nimbus-sans-bold-large {
        font-family: "nimbus-sans", serif !important;
        font-size: 54px !important;
        font-weight: 700;
        font-style: normal;
    }

    .nimbus-sans-bold-superlarge {
        font-family: "nimbus-sans", serif !important;
        font-size: 74px !important;
        font-weight: 700;
        font-style: normal;
    }


    /*-----Romana Book------*/

    .romana-h1 {
        font-family: "Romana Book", serif !important;
        font-size: 44px !important;
        font-weight: 400;
        font-style: normal;
    }

    .romana-h2 {
        font-family: "Romana Book", serif !important;
        font-size: 34px !important;
        font-weight: 400;
        font-style: normal;
    }

    .romana-h3 {
        font-family: "Romana Book", serif !important;
        font-size: 28px !important;
        font-weight: 400;
        font-style: normal;
    }

    .romana-h4 {
        font-family: "Romana Book", serif !important;
        font-size: 24px !important;
        font-weight: 400;
        font-style: normal;
    }

    .romana-h5 {
        font-family: "Romana Book", serif !important;
        font-size: 20px !important;
        font-weight: 400;
        font-style: normal;
    }

    .romana-h6 {
        font-family: "Romana Book", serif !important;
        font-size: 16px !important;
        font-weight: 400;
        font-style: normal;
    }

    .romana-large {
        font-family: "Romana Book", serif !important;
        font-size: 54px !important;
        font-weight: 400;
        font-style: normal;
    }

    .romana-superlarge {
        font-family: "Romana Book", serif !important;
        font-size: 74px !important;
        font-weight: 400;
        font-style: normal;
    }




    /* .nimbus-sans-h1 {
        font-family: "nimbus-sans", serif !important;
        font-size: 44px !important;
        font-weight: 400;
        font-style: normal;
    }

    .nimbus-sans-h2 {
        font-family: "nimbus-sans", serif !important;
        font-size: 34px !important;
        font-weight: 400;
        font-style: normal;
    }

    .nimbus-sans-h3 {
        font-family: "nimbus-sans", serif !important;
        font-size: 30px !important;
        font-weight: 400;
        font-style: normal;
    }

    .nimbus-sans-h4 {
        font-family: "nimbus-sans", serif !important;
        font-size: 24px !important;
        font-weight: 400;
        font-style: normal;
    }

    .nimbus-sans-h5 {
        font-family: "nimbus-sans", serif !important;
        font-size: 20px !important;
        font-weight: 400;
        font-style: normal;
    }

    .nimbus-sans-h6 {
        font-family: "nimbus-sans", serif !important;
        font-size: 16px !important;
        font-weight: 400;
        font-style: normal;
    }

    .nimbus-sans-large {
        font-family: "nimbus-sans", serif !important;
        font-size: 54px !important;
        font-weight: 400;
        font-style: normal;
    }

    .nimbus-sans-superlarge {
        font-family: "nimbus-sans", serif !important;
        font-size: 74px !important;
        font-weight: 400;
        font-style: normal;
    }
       */
}






.button {
    background-color: transparent;
    border: 1px solid white;
    color: white;
    padding: 0px 10px 0px 20px;
    font-size: 18px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    z-index: 100;
    position: relative;
    cursor: pointer; /* Pointer cursor on hover */
    display: inline-flex; /* Allows alignment of items inside the button */
    align-items: center; /* Centers text and arrow vertically */
    gap: 10px;
    text-transform: uppercase;
}

.blackButtonBorder {
    background-color: transparent;
    border: 1px solid black;
    color: black;
    padding: 0px 10px 0px 20px;
    font-size: 18px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    z-index: 100;
    position: relative;
    cursor: pointer; /* Pointer cursor on hover */
    display: inline-flex; /* Allows alignment of items inside the button */
    align-items: center; /* Centers text and arrow vertically */
    gap: 10px;
    text-decoration: none !important;
    /*font-weight: bold;*/
    text-transform: uppercase;
}


    .blackButtonBorder:hover {
        background-color: transparent;
        border: 1px solid #EC008C; /* Change border color on hover */
        color: #EC008C !important; /* Change text color on hover */
        fill: #EC008C !important;
        padding: 0px 10px 0px 20px; /* Change padding on hover */
        font-size: 18px;
        cursor: pointer;
        transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease, padding 0.3s ease; /* Animate the background, color, border, and padding */
        z-index: 100;
        position: relative;
        display: inline-flex; /* Allows alignment of items inside the button */
        align-items: center; /* Centers text and arrow vertically */
        gap: 10px; /* Space between text and SVG */
    }


.divider {
    width: 1px; /* Divider thickness */
    height: 50px; /* Divider height */
    background-color: white; /* Divider color */
    margin-left: 10px; /* Space between text and divider */
}

.dividerBlack {
    width: 1px; /* Divider thickness */
    height: 50px; /* Divider height */
    background-color: black; /* Divider color */
    margin-left: 10px; /* Space between text and divider */
}

.blackButtonBorder:hover .dividerBlack {
    background-color: #EC008C;
}

.arrow {
    font-size: 20px; /* Adjust arrow size */
    margin-left: 0px; /* Space between divider and arrow */
    /* position: relative; */
    width: 30px;
    margin-top: -4px;
}

.arrow-img {
    background-image: url("/images/DaygloWeb/buttonArrowBlack.svg");
    background-repeat: no-repeat;
}

.arrow-pink-img {
    background-image: url("/images/DaygloWeb/buttonArrowPink.svg");
    background-repeat: no-repeat;
}

.blackButtonBorder > .arrow {
    height: 30px;
    width: 30px;
    margin-top: 4px;
    background-image: url("/images/DaygloWeb/buttonArrowBlack.svg");
    background-repeat: no-repeat;
}

.blackButtonBorder:hover > .arrow {
    background-image: url("/images/DaygloWeb/buttonArrowPink.svg");
    background-repeat: no-repeat;
}

.blackButtonBorder > .arrow > img {
    display: none !important;
}

.blackButtonBorder > .arrow > svg {
    display: none !important;
}

.blackButtonBorder svg {
    transition: filter 0.3s ease; /* Smooth transition for the filter effect */
}

.blackButtonBorder:hover svg {
    filter: invert(21%) sepia(86%) saturate(5961%) hue-rotate(307deg) brightness(96%) contrast(96%) !important;
}


.buttonArrow {
    float: right;
    width: 30px;
    margin-left: 15px;
    margin-right: -10px;
}



.tags a {
    display: inline-block;
    position: relative;
    padding: 5px 15px;
    border: 1px solid black;
    border-radius: 50px;
    background-color: transparent;
    color: black;
    margin: 5px;
    text-decoration: none;
    overflow: hidden; /* Prevent overflow of the sliding circle */
    transition: padding-left 0.4s ease; /* Smooth transition for the text padding */
}

    .tags a p {
        margin: 0;
        color: inherit;
        font-size: 14px;
        z-index: 1;
        position: relative;
        transition: padding-left 0.4s ease; /* Text slides over smoothly */
    }

    .tags a::before {
        content: '→'; /*url("/images/DaygloWeb/buttonArrow.svg"); */ /*'→';*/ /* Arrow symbol inside the circle */
        position: absolute;
        top: 50%;
        left: -40px; /* Start the circle off-screen to the left */
        transform: translateY(-50%);
        width: 25px;
        height: 25px;
        background-color: #EC008C; /* Pink circle */
        border-radius: 50%; /* Make it a circle */
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.4s ease; /* Smooth transition for the slide-in effect */
        font-size: 16px; /* Size of the arrow */
        z-index: 0; /* Ensure the circle is behind the text */
        color: #FFF;
    }

    .tags a:hover::before {
        left: 3px; /* Move the circle inside the a tag */
    }

    .tags a:hover p {
        padding-left: 35px; /* Text moves to the right as the circle slides in */
    }

@media (max-width: 767.98px) {
    .tags a:hover::before {
        left: -40px;
    }

    .tags a:hover p {
        padding-left: 0px;
    }
}

.superLargeText {
    font-size: 141px !important;
    margin-bottom: -10px;
}

.thinkBrighterDiv {
    height: 580px;
    padding:1.5rem !important;
}


.nav-link {
    font-size: 12px !important;
    text-decoration: none;
    letter-spacing: 2.5px;
}

.navNav {
    font-size: 14px;
}

@media only screen and (max-width: 600px) {
    /* For mobile phone screens smaller than or equal to 600px */
    .thinkBrighterDiv {
        height: 550px; /* Set the height for mobile phone screens */
    }

    .superLargeText {
        font-size: 75px !important;
    }

    .svgMove {
        top: -300px !important;
    }

        .svgMove rect {
            height: 1450px; /* Set new height for all rect elements */
        }
}

.footer {
    background-color: #4A003F;
}

.footerLogo {
    width: 50%;
}


@media (max-width: 767px) {
    .footerLogo {
        width: 70%;
    }
}

.footer {
    background-color: #4A003F;
}



    .footer ul {
        list-style-type: none;
        padding-left: 0px;
    }

.footerFooter ul, .navNav ul {
    list-style-type: none; /* Remove bullets */
    padding: 0; /* Remove default padding */
    margin: 0; /* Remove default margin */
    display: flex; /* Display list items horizontally */
    overflow: auto;
}

    .footer li, .navNav ul li {
        margin-right: 20px; /* Add spacing between items */
    }

.footer a:link, .footer a, .navNav a:link, .navNav a {
    color: #FFF;
    text-decoration: none;
}

    .footer a:hover, .navNav a:hover {
        text-decoration: underline;
    }

.mainNav a:link, .mainNav a {
    color: #FFF !important;
}

    .mainNav a:hover {
        text-decoration: underline;
        color: #FFF !important;
    }

.fw-500 {
    font-weight: 500 !important;
}

.lang-border {
    border: 2px solid;
    border-radius: 15px;
    padding: 10px;
    padding-top: 3px;
    padding-bottom: 5px;
}



.searcicle {
    background-color: #000 !important;
    display: block !important;
    position: absolute;
    z-index: 10;
    right: 1%;
    top: 0;
    cursor: hand;
    cursor: pointer
}

.searchBox {
    position: fixed;
    z-index: 1000;
    height: 100%;
    background-color: #000;
    width: 100%;
    opacity: 1;
    display: none
}

.seeMe {
    opacity: .8
}

.searchBox i {
    font-size: 70px;
    color: #fff
}

.searchSubButton {
    color: #fff;
    background-color: #12398d !important;
    border: 1px solid #000 !important;
    display: block;
    z-index: 1111;
    padding: 15px 50px !important;
    margin: 10px auto
}

.typeSearch {
    background-color: #fff !important;
    width: 50% !important;
    margin: 0 auto !important;
    display: block !important;
    font-size: 30px !important;
    padding: 10px !important;
    margin-top: 20% !important
}


.searcicle div {
    color: #fff;
    font-size: 35px;
    padding: 0 20px;
    background-color: #12398d
}

.searchie {
    top: 3px;
    right: 9px;
    font-size: 25px;
    cursor: hand;
    cursor: pointer;
    color: #999 !important
}


.serchieTitle {
    margin-bottom: 0;
    border-bottom: solid 1px #e4e4e4
}

.serchieLink {
    margin-bottom: 10px;
    display: block
}

.searchieWrap {
    padding: 20px 5px
}

.clr-Pink {
    color: #EC008C !important;
}

.bg-clr-Pink {
    background-color: #EC008C !important;
}

.clr-light-grayish-pink {
    color: #FEF1F8 !important;
}

.bg-clr-light-grayish-pink {
    background-color: #FEF1F8 !important;
}

/**/
.clr-dark-magenta {
    color: #AA0092 !important;
}

.bg-clr-dark-magenta {
    background-color: #AA0092 !important;
}

.clr-yellow {
    color: #FFE600 !important;
}

.bg-clr-yellow {
    background-color: #FFE600 !important;
}

.clr-orange {
    color: #FF8500 !important;
}

.bg-clr-orange {
    background-color: #FF8500 !important;
}

.clr-vivid-red {
    color: #FF2D2D !important;
}

.bg-clr-vivid-red {
    background-color: #FF2D2D !important;
}

.clr-lime-green {
    color: #00CD00 !important;
}

.bg-clr-lime-green {
    background-color: #00CD00 !important;
}

.clr-lime-blue {
    color: #0072FF !important;
}

.bg-clr-lime-blue {
    background-color: #0072FF !important;
}


.clr-dark-grey {
    color: #313131 !important;
}

.bg-clr-dark-grey {
    background-color: #313131 !important;
}

.clr-light-grey {
    color: #DADADA !important;
}

.bg-clr-light-grey {
    background-color: #DADADA !important;
}

.clr-very-light-grey {
    color: #F8F8F8 !important;
}

.bg-clr-very-light-grey {
    background-color: #F8F8F8 !important;
}

.clr-light-pink {
    color: #FEF1F8 !important;
}

.bg-clr-light-pink {
    background-color: #FEF1F8 !important;
}

.clr-dark-green {
    color: #002E00 !important;
}

.bg-clr-dark-green {
    background-color: #002E00 !important;
}

.clr-dark-blue {
    color: #002552 !important;
}

.bg-clr-dark-blue {
    background-color: #002552 !important;
}

.clr-violet {
    color: #4A003F !important;
}

.bg-clr-violet {
    background-color: #4A003F !important;
}

.clr-brown {
    color: #692800 !important;
}

.bg-clr-brown {
    background-color: #692800 !important;
}




.searcicle {
    background-color: #000 !important;
    display: block !important;
    position: absolute;
    z-index: 10;
    right: 1%;
    top: 0;
    cursor: hand;
    cursor: pointer
}

.searchBox {
    position: fixed;
    z-index: 1000;
    height: 100%;
    background-color: #000;
    width: 100%;
    opacity: 1;
    display: none
}

.seeMe {
    opacity: 1
}

.searchBox i {
    font-size: 70px;
    color: #fff
}

.searchSubButton {
    color: #fff;
    background-color: #12398d !important;
    border: 1px solid #000 !important;
    display: block;
    z-index: 1111;
    padding: 15px 50px !important;
    margin: 10px auto
}

.typeSearch {
    background-color: #fff !important;
    width: 50% !important;
    margin: 0 auto !important;
    display: block !important;
    font-size: 30px !important;
    padding: 10px !important;
    margin-top: 20% !important
}


.searcicle div {
    color: #fff;
    font-size: 35px;
    padding: 0 20px;
    background-color: #12398d
}

.searchie {
    top: 3px;
    right: 9px;
    font-size: 25px;
    cursor: hand;
    cursor: pointer;
    color: #999 !important
}


.serchieTitle {
    margin-bottom: 0;
    border-bottom: solid 1px #e4e4e4
}

.serchieLink {
    margin-bottom: 10px;
    display: block
}

.searchieWrap {
    padding: 20px 5px
}




.searchItem {
    margin-top: 30px;
    padding-bottom: 20px;
    border-bottom: solid 2px #f6f6f6;
}

    .searchItem a {
        text-decoration: none;
        color: #313131;
        font-weight: 600;
    }

.searchDesc {
    font-size: 14px;
}

.nimbus-sans-extralarge {
    font-family: "Playfair Display", serif !important;
    font-size: 94px !important;
    font-weight: 400;
    font-style: normal;
}

.pl-0 {
    padding-left: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}




/* Adjustments for large screens */
@media (min-width: 1200px) {
    .category-label {
        left: 18%;
    }

    .category-labelTop {
        left: 7%;
    }
}

@media (min-width: 1600px) {
    .category-label {
        left: 15%;
    }

    .category-labelTop {
        left: 6%;
    }
}

/* Adjustments for mobile screens */
@media (max-width: 767px) {
    .category-label {
        left: 1% !important;
    }

    .category-labelTop {
        left: 12%;
    }

    .nav-link {
        letter-spacing: 1.5px;
    }
}


.category-label {
    position: relative;
    top: 50px;
    left: -8px !important;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 5px 10px;
    white-space: nowrap;
    right: auto;
    width: auto;
    display: inline-block;
}

.ddlang {
    /*background: transparent;*/
    /*border-color: white !important;*/
    /*color: white;*/
    outline: none;
}

/*
    .ddlang > option {
        background-color: #EC008C !important;
    }

        .ddlang > option:hover {
            background-color: #EC008C !important;
        }

option:before {
    content: ">";
    font-size: 20px;
    display: none;
    padding-right: 10px;
    padding-left: 5px;
    color: #fff;
}

option:hover:before {
    display: inline;
}*/

.sectionFade {
    opacity: 0; /* Initially hidden */
    transform: translateY(20px); /* Optional: start slightly below */
    transition: opacity 1s ease-out, transform 1s ease-out; /* Smooth fade and movement */
}

    .sectionFade.visible {
        opacity: 1; /* Fully visible */
        transform: translateY(0); /* Reset the position */
    }

.whiteButtonBorder {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    padding: 0px 10px 0px 20px;
    font-size: 18px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    z-index: 100;
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    /*font-weight: 500;*/
    text-transform: uppercase;
}


.dividerWhite {
    width: 1px;
    height: 50px;
    background-color: #fff;
    margin-left: 10px;
}


/* Navigation Styles Update */
.dropdown-main-menu {
    position: absolute;
    top: 100%;
    left: -12px;
    z-index: 1000;
    display: none;
    float: left;
    width: 102%;
    padding: 0 0;
    margin: 0 0 0;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    margin-top: -1px;
}

.dropdown-main-basic-menu {
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
    float: left;
    background-color: #fff;
    background-clip: padding-box;
    margin-top: -1px;
}

    .dropdown-main-basic-menu li {
        text-align: left;
        list-style: none;
    }

.nav-link-color a, .nav-link-color a:link {
    color: black !important;
}

    .nav-link-color a:hover {
        color: black !important;
    }

.nav-link-color2 a, .nav-link-color2 a:link, .nav-link-color2 a:hover {
    color: #EC008C !important;
}

.navButton, navButton:link {
    color: #000000 !important;
}

    .navButton:hover, .navButton a:hover {
        color: #EC008C !important;
    }

.navbutton2, .navbutton2:link, .navbutton2:hover {
    color: black !important;
    text-decoration: none !important;
}

.nav-border-right {
    border-right: 1px solid #aaaaaa;
}

.nav-border-top {
    border-bottom: 1px solid #eeeeee;
}

.nav-border-bottom {
    border-bottom: 1px solid #eeeeee;
}

.dropdown-main-item:hover .submenu-items {
    display: block;
}

.navButton {
    color: #000000 !important;
}

    .navButton:hover {
        color: #EC008C !important;
    }

@media only screen and (min-width: 1500px) {
    .dropdown-main-menu {
        left: -12px;
        width: 102% !important;
    }
}

@media only screen and (min-width: 1400px) {
    .dropdown-main-menu {
        left: -12px;
        width: 1440px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .dropdown-main-menu {
        left: -12px;
        width: 1024px;
    }
}


.whiteButtonBorder {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    padding: 0px 10px 0px 20px;
    font-size: 18px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    z-index: 100;
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    /*font-weight: 600;*/
}


.dividerWhite {
    width: 1px;
    height: 50px;
    background-color: #fff;
    margin-left: 10px;
}


h1 {
    font-family: "Romana Book", serif !important;
    font-size: 54px !important;
}

@media (max-width: 767px) {

    h1 {
        font-family: "Romana Book", serif !important;
        font-size: 44px !important;
    }
}

h2 {
    font-family: "Romana Book", serif !important;
}

.no-font-size-selection {
    font-family: inherit;
}


.footer-sub-link {
    font-size: 14px;
    color: #e3e3e3 !important;
}


.footer-gen-link {
    font-size: 12px !important;
}

/* Resources Arrow Item */
.btnArrowPinkResources {
    width: 25px;
    margin-right: 0.75rem;
}



/* Blog Quote Image */
.blogQuote::before {
    content: '';
    background: url(/images/DaygloWeb/quotes.svg); /* sample image */
    position: absolute;
    left: 15px;
    width: 50px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    transform: rotate(180deg); /* remove this when correct image is available */
}

/* Blog Arrow List */
.blogArrowList::before {
    content: '';
    background: url('/images/DaygloWeb/buttonArrowPink.svg');
    position: absolute;
    left: 15px;
    width: 21px;
    height: 17px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 5px;
}

.career-arrow-image::before {
    content: '';
    background: url('/images/DaygloWeb/buttonArrowPink.svg');
    position: absolute;    
    width: 21px;
    height: 17px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 5px;
    margin-left:-40px;
}

/* Font size */
.resource-title-matter {
    font-size: 1.6rem !important;
}

@media (min-width: 1200px) {
    .resource-title-matter {
        font-size: 2rem !important;
    }
}

/*Think Brighter H1 line height*/

@media (max-width: 767px) {
    .thnk-bright-text-div h1 {
        line-height:1;
    }
}

/* Color Border */
.clr-border-dark{
    border:1px solid black;
}

/* Line Height */
.lt-less {
    line-height: 0.7;
}

.rte-link-decorated a{
    color:inherit !important;
}

@media (min-width: 1440px) {
    .tags a:hover {
        padding-left: 0px;
    }

    .hztags a{
        padding:5px 10px;
    }
}