/*
Theme Name: Howrightnow Custom Theme
Theme URI: https://howrightnow.org/
Author: Howrightnow Team
Description: A clean and minimalist WordPress theme optimized for long-form storytelling, regional and cultural writing, and community‑driven narratives. It emphasizes readability and typography, supports multiple authors, and is designed to present rich content focusing on city, countryside, and cultural exploration. Fully mobile‑friendly, the theme prioritizes clear layout, easy navigation, and a distraction‑free reading experience — ideal for blogs, residencies, or narrative‑driven journals.
Version: 1.0
Tags: minimalist, clean design, readable typography, long‑form blogging, multiple authors, storytelling blog, cultural / travel writing, regional narratives, mobile friendly, journal / residency blog, blog layout, content‑first design, narrative / essay theme

*/


img.custom-logo {
    max-width: 160px;
    width: 100%;
    height: auto;
}

.howrightnow-content-area {
    font-size: 16px;
    padding-top: 0px;
    padding-bottom: 20px;
    line-height: 24px;
}
.howrightnow-container p{
    font-size:16px!important;
}
.howrightnow-container {
    max-width: 1280px!important;
    width: 100%;
    margin: auto;
	padding: 20px 0px;
}
.howrightnow-page-content p a{
	color:#2927a5;
}
.howrightnow-page-content li a {
    color:#2927a5;
}
.campaign-list-item_more-btns{
    display:none;
}
.howrightnow-content-area h1 {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    line-height: 45px;
}
footer .break-words h3 {
    margin-top: 0 !important;
}
.howrightnow-content-area h2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
}

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

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

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

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

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

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

.howrightnow-content-area ol,
.howrightnow-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;
}
.howrightnow-content-area table {
    border-collapse: collapse;
    width: 100%;
    margin: 25px 0;
}

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

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

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

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

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


/* 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: 18px;
    right: 0;
    font-size: 10px;
} */

.howrightnow-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;
}

.howrightnow-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: #000 !important;
}

@media only screen and (max-width: 590px) {
	  .howrightnow-content-area table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}
.howrightnow-toggle-menu{
    cursor: pointer;
}
.sub-menu{
    display:none;
    position: absolute;
}
/* #menu-header-top  li.menu-item-has-children:hover .sub-menu{
     display:block;
} */
@media only screen and (max-width: 991px) {

    .header-inner{
        padding: 10px 0px;
    }

/* custom */
.sub-menu{
    position: relative;
}
.menu-item-has-children > a::after{
    content:none;
}
/* .howrightnow-toggle-menu .fa-angle-down:before{
    margin-left: 30px;
    position: relative;
    left: 100%;
} */
 .howrightnow-toggle-menu{
      position: relative;
    left: 26%;
 }
#primaryNav{
    margin-bottom:1rem;
}
.newheader1 .inner-nav{
   flex-direction: column;;
    display:flex;
    justify-content: space-between;
   

}
nav#primaryNav{
    display:none;
}
nav#primaryNav.show{
    display:block;
}
.howrightnow-navbar-toggle-wrapper {
    width: 32px;
    height: 24px;
    top: 11%;
    right: 16px;
    position: absolute;
    
}

.howrightnow-navbar-toggle,
.howrightnow-navbar-toggle::before,
.howrightnow-navbar-toggle::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: white;
    transition: 0.3s ease;
    border-radius: 4px;
    position: relative;
}

.howrightnow-navbar-toggle::before {
    top: -8px;
}

.howrightnow-navbar-toggle::after {
    top: 8px;
}

/* Animate hamburger → X */
.howrightnow-navbar-toggle.active {
    background: #fff;
}

/* .howrightnow-navbar-toggle.active::before {
    transform: rotate(45deg);
    top: 0;
}

.howrightnow-navbar-toggle.active::after {
    transform: rotate(-45deg);
    top: 0;
} */


/* // */
    .howrightnow-table-auto {
        overflow-x: scroll;
        width: 100%;
    }
    img.custom-logo {
    max-width: 96px;
   
}
.menu-item-has-children .sub-menu {
    display: none;
}

.menu-item-has-children.open .sub-menu {
    display: block;
}


}

/*AUTHOR SECTION START*/
.main-title{
    text-align:left;
}
.custom_top_author {
    display: flex;
    align-items: center;
    gap: 16px;
  	background: #c6d3b09e;
    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 {
 text-decoration: none;
}
 
.name_author_out a:hover p {
    color: #ea0101;
}
 .howrightnowt_modifyDetails span{
    color:#fff;
 }
  .howrightnowt_modifyDetails .custom_author_info a{
    color:#fff;
  }
.howrightnowt_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;
}
 
.profile-fields-group.profile-fields-group-1 h3 {
    margin-top: 0;
    margin-bottom: 20px;
    color: #000;
}
.home-page.author-box-wrapper {
    padding: 90px 20px 30px;
    box-shadow: none;
    max-width:1500px;
width:100%;
    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:#222;
 }
.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_author_info span,
.custom_author_info p{
     color: #000 ;
}


/* custom css */



/* .header-top-new{
    margin-top:35px!important;
}
.newheader{
    display:none;
}
footer.footernew{
      display:block!important;
}
footer{
     display:none;
} */