/*
Theme Name: Happydays365 Custom Theme
Theme URI: https://happydays365.org/
Author: Happydays365 Team
Author URI: https://happydays365.org/
Description: HappyDays365 is a global observance and celebrations platform that features international, national, and fun unofficial holidays for every day of the year. Users can explore awareness days, festivals, quirky celebrations, and informative articles that highlight special events happening worldwide.
Version: 1.0
Text Domain: Happydays365
Tags: holidays, celebrations, awareness-days, international-days, national-days, daily-observances, calendar, events, festivals, quirky-holidays, global-celebrations, informative-articles

*/

*{
    box-sizing: border-box!important;
    padding:0px;
    margin:0px;
}
img.custom-logo {
    max-width: 250px;
    width: 100%;
    height: auto;
}

.happydays365-content-area {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 20px;
    line-height: 24px;
}
.happydays365-container p{
    font-size:16px!important;
}

.happydays365-container {
    max-width: 1260px!important;
    width: 100%;
    margin: 0 auto;
    padding: 0px 20px 0px 20px;
    background-color:#fff!important;
}
.happydays365-page-content p a{
	color:#2927a5;
}
.happydays365-page-content li a {
    color:#2927a5;
}
.campaign-list-item_more-btns{
    display:none;
}
.happydays365-content-area h1 {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    line-height: 45px;
}

.happydays365-content-area h2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
}

.happydays365-content-area h3 {
    font-size: 27px;
    font-weight: bold;
    line-height: 35px;
}

.happydays365-content-area h4 {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
}

.happydays365-content-area h5 {
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
}

.happydays365-content-area h6 {
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
}

.happydays365-content-area ol li {
    list-style: decimal;
}

.happydays365-content-area ul li {
    list-style: disc;
}

.happydays365-content-area ol,
.happydays365-content-area ul {
    padding-left: 30px;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 10px 0 !important;
}
ol, ul {
    box-sizing: border-box;
    padding: 0;
}
.happydays365-content-area table {
    border-collapse: collapse;
    width: 100%;
    margin: 25px 0;
}

.happydays365-content-area td,
.happydays365-content-area th {
    border: 1px solid #ccc;
    padding: 8px;
    font-size: 16px;
}

.happydays365-content-area dl {
    margin: 20px;
    padding: 0;
    font-family: Arial, sans-serif;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.happydays365-content-area dt {
    font-weight: bold;
    margin: 10px 0 5px;
    padding: 10px;
    background-color: #eee;
    border-bottom: 1px solid #ddd;
}

.happydays365-content-area dd {
    margin: 0 0 10px 20px;
    padding: 10px;
    border-left: 2px solid #ddd;
    background-color: #fff;
}

.happydays365-content-area li {
    line-height: 30px;
}



/* Add FontAwesome arrow only to top-level menu items with children */
.menu-item-has-children>a::after {
    content: "\f078";
    font-family: "FontAwesome";
    margin-left: 5px;
    color: #000;
    position: absolute;
    top: 0px;
    right: -18px;
    font-size: 10px;
}

/* Hide arrow for nested submenu items */
.sub-menu .menu-item-has-children>a::after {
    display: block;
    right: 0;
}

.py-da-navigationcl {
    position: relative;
    left: auto;
    padding-top: 0;
    display: inline-block;
    width: 100%;
}

.py-da-navigationcl a {
    display: block;
    position: relative;
    margin: 0;
    height: auto;
    font-size: 17px;
    line-height: 40px;
    color: #fff;
    overflow: visible;
    text-decoration: none;
	padding: 0px 15px;
}

.sub-menu li a {
    line-height: 24px;
    margin: 5px 0;
    Color: #000;

}

.py-da-navigationcl li {
    position: relative;
    display: inline-block;
}

.py-da-nav-select {
    display: inline-block;
    visibility: visible;
    width: 100%;
    text-align: right;
}

.py-da-navigationcl a:hover,
.py-da-navigationcl a:focus {
    color: #fff;
}

.py-da-navbar-togglecl {
    display: none;
}

.sub-menu {
    display: none;
    position: absolute;
    left: 0;
    background: #fff;
    width: 180px;
    text-align: left;
    padding: 10px 0;
    box-shadow: 0 0 6px #ddd;
    top: 34px;
    word-break: break-word;
    z-index: 999;
}

.menu-item:hover .sub-menu {
    display: block;
}

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

.sub-menu .sub-menu {
    left: auto;
    right: 100%;
    top: -10px;

}

.py-da-nav-select .sub-menu>li>.sub-menu {
    display: none;
    position: absolute;

}

.py-da-nav-select .menu__list>li:hover>.sub-menu,
.py-da-nav-select .sub-menu>li:hover>.sub-menu {
    display: block;
}

.nav-menu li.menu-item-has-children:hover>a::after {
    transform: rotate(-180deg);
}

.header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/* FontAwesome arrow for top-level menu items */
/* .menu-item-has-children > a::after {
    content: "\f078";
    font-family: "FontAwesome";
    margin-left: 5px;
    color: #fff;
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 10px;
} */

/* .happydays365-nav-menu li.menu-item-has-children:hover > a::after {
    transform: rotate(-180deg);
} */

/* Hide arrow for nested submenu items */
/* .sub-menu .menu-item-has-children > a::after {
    display: block;
   right: 33px;
    top: 5px;
} */

.happydays365-footer {
    text-align: center;
}
.aligncenter {
    clear: both;
    display: block;
    margin: auto;
}

.campaign-list-item_key-features ul li {
    list-style: none;

}

.campaign-list-item_key-features ul {
    padding-left: 0;
}

a.su-button {
    background: #5cb85c !important;
   
}

@media only screen and (max-width: 590px) {
	  .happydays365-content-area table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}
@media only screen and (max-width: 991px) {

    .happydays365-table-auto {
        overflow-x: scroll;
        width: 100%;
    }
    .happydays365-container{
        width:90%;
        margin:auto;
    }
    .home-page.author-box-wrapper {
    padding: 90px 20px 30px;
    box-shadow: none;
    max-width: 1500px;
    margin: auto;
    width:100%;
}

}

/*AUTHOR SECTION START*/
.main-title{
    text-align:left;
}
.custom_top_author {
    display: flex;
    align-items: center;
    gap: 16px;
   background: #c9316fab;
    border-radius: 10px;
    padding: 10px;
    
}
.author_imag img {
    width: 60px;
    min-width:60px;
    height: 60px;
    border-radius: 100%;
    object-fit: cover;
}
.name_author_out {
    display: flex;
}
.name_author_out span.lbl {
    margin-right: 5px;
}
.name_author_out h4 {
    margin: 0;
    color: #000;
    line-height: 24px;
    font-size: 18px;
    font-weight: normal;
}
.name_author_out p{
margin:0 !important;
}
 
 
/*AUTHOR SECTION And Page START*/
 
.main-title {
    text-align: left;
}
 
.custom_top_author {
    display: flex;
    align-items: center;
    gap: 16px;
}
 
.author_imag img {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 100%;
    object-fit: cover;
}
 
.name_author_out {
    display: flex;
    align-items: center;
}
 
.name_author_out span.lbl {
    margin-right: 5px;
}
 
.name_author_out h4,
.name_author_out p {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
 
.name_author_out a p {
    font-weight: 600;
    font-size: 16px;
}
 
.name_author_out a:hover p {
    color: #ea0101;
}
 .happydays365t_modifyDetails span{
    color:#fff;
 }
  .happydays365t_modifyDetails .custom_author_info a{
    color:#fff;
  }
.happydays365t_modifyDetails {
    
    border-radius: 20px;
    padding: 10px;
    margin-bottom: 20px;
}
 
.author_imag img {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 100%;
    object-fit: cover;
}
 
.author_imag {
    line-height: 0;
}
 
.name_author_out {
    display: flex;
}
 
.name_author_out span.lbl {
    margin-right: 5px;
}
 
.name_author_out a {
    color: inherit;
}
 
/*Author Page css*/
.header-profile-details h2 {
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 0;
}
 
.profile-header-container {
    display: flex;
    align-items: center;
    gap: 30px;
}
 
.header-avatar-container img {
    padding: 0;
    border: 0;
    width: 75px;
    height: 75px;
    object-fit: cover;
}
 
.header-profile-details h2 {
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 0;
}
 
.profile-fields-group.profile-fields-group-1 {
    border: 1px solid #eee;
    margin: 1.5rem 0 0;
    padding: 15px 20px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    letter-spacing: 1px;
    background-color:#fff;
}
 
.profile-fields-group.profile-fields-group-1 h3 {
    margin-top: 0;
    margin-bottom: 20px;
    color: #000;
    font-weight:bold;
}
.home-page.author-box-wrapper {
    padding: 90px 20px 30px;
    box-shadow: none;
    max-width:1500px;
    margin:auto;
}
 
.author-f-name .label, .author-description-name .label {
    font-weight: 600 !important;
    font-size: inherit;
    line-height: inherit;
    background: transparent;
    color: #222222;
    padding: 0px;
}
.profile-fields-table .data{
    color: #222222;
}
 
.author-f-name {
    display: flex;
    gap: 15px;
    font-size: 20px;
}
 .header-profile-details h2{
    color:#fff;
 }
.author-description-name {
    margin-top: 20px;
    font-size: 20px;
}
.name_author_out a:hover,
.name_author_out a:hover p {
    color: #fff ;
    text-decoration-color: #fff ;
}


/* //custom css// */
.custom_top_author span,
.custom_top_author p{
    color:#fff!important
}
#header .logo {
    width: 100%;
    text-align: left;
}
#header div.menu-wrapper {
    padding: 10px 0;
}

@media screen and (min-width: 992px) {
    .campaign-shortcode-table_offers-list .campaign-list-item:nth-child(-n+10) {
        max-width:1220px;
    }
    #header .logo{
    margin-top:10px!important;
}
}

@media screen and (max-width: 1023px) {
    #header nav {
        position: unset;
        background: unset;
        opacity: 1;
        visibility: visible;
        box-shadow: unset;
        text-align: right;
    }
  
}

@media only screen and (max-width: 991px) {

    .menu-item-has-children>a::after,
    .sub-menu .menu-item-has-children>a::after {
        display: none;
    }

.py-da-navigationcl {
    position: absolute !important;
    right: 0;
    top: 100% !important;
    width: 97%;
    cursor: pointer;
    text-align: left;
    background: #fff !important;
    left: 16px !important;
    display: none;
    padding: 14px !important;
    Z-index: 999 !important;
}

    .py-da-navbar-togglecl {
        display: block !important;
    }

    .py-da-navbar-togglecl {
       background-color: #050104;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 20px;
        right: 15px;
        text-align: center;
        cursor: pointer;
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: transparent;
    }

    .py-da-navbar-togglecl span {
        width: 20px;
        height: 2px;
        background-color: #fff;
        display: inline-block;
        position: relative;
        top: 2px;
        right: 0;
    }

    .py-da-navbar-togglecl span::before,
    .py-da-navbar-togglecl span::after {
        content: "";
        position: absolute;
        background-color: #fff;
        width: 100%;
        height: 2px;
        left: 0;
        top: -7px;
    }

    .py-da-navbar-togglecl span::after {
        top: 7px;
    }

    .py-da-navigationcl li {
        position: relative;
        display: inline-block;
        Padding: 0 20px;
        margin: 0;
        width: 100%;
        box-sizing: border-box;

    }


    .py-da-navigationcl a {
        font-size: 15px;
        color: #fff;
        height: auto;
        padding: 5px 10px;
        margin: 0;
        line-height: 36px;
        text-align: center;
    }

    .py-da-navigationcl ul {
        visibility: visible;
        position: relative;
        display: block;
        left: 0;
        top: 0;
        margin: 0 !important;
        width: 100%;
        padding: 0 !important;
    }

    .py-da-navigationcl ul a {
        height: auto;
        width: 100%;
        overflow: visible;
        line-height: 26px;
        background-image: none;
        border-width: 0;
        text-align: left;
    }

    .py-da-navigationcl li:hover>ul {
        visibility: visible;
        top: auto;
    }

    .py-da-toggle-menu {
        position: absolute;
        right: -7px;
        width: 40px;
        height: 30px;
        font-size: 15px;
        transform: rotate(0deg);
        text-align: center;
        top: 7px;
        cursor: pointer;
        z-index: 999;
        display: block;
        color: #000;
    }
    .py-da-toggle-menu i {
        transition: transform 0.3s ease;
    }
 
    .py-da-toggle-menu.on i {
        transform: rotate(180deg);
    }
    .sub-menu .py-da-toggle-menu {
        top: 10px;
    }

    .py-da-nav-select {
        display: inline-block;
        visibility: visible;
        width: 100%;
        text-align: left;
        margin: 0;
    }

    .sub-menu {
        display: block;
        position: relative;
        left: 0;
        background: transparent;
        width: 100%;
        text-align: left;
        padding: 0 !important;
        box-shadow: none;
        top: auto;
    }

    .sub-menu .sub-menu {
        left: 0;
        right: 0;
        top: 0;
    }

    .py-da-nav-select .sub-menu>li>.sub-menu {
        display: block;
        position: relative;

    }

    .py-da-nav-select .menu__list>li:hover>.sub-menu,
    .py-da-nav-select .sub-menu>li:hover>.sub-menu {
        display: block;
    }
    
.py-da-navbar-togglecl {
    top: 22px;
    right: 64px;
}


}
@media only screen and (max-width: 575px) {

#header .logo a {
    font-size: 18px;
}
.py-da-navbar-togglecl {
    top: 22px;
    right: 33px;
}
.py-da-navigationcl {
    left: 6px !important;
}
}