/*
Theme Name: Twenty Seventeen Child
Theme URI: http://example.com/twenty-seventeen-child/
Description: Twenty Seventeen Child Theme
Author: Your Name
Author URI: http://example.com
Template: twentyseventeen
Version: 1.0.0
*/
@import url("https://use.typekit.net/lps0hff.css");
/*would be worth using a typekit import that isn't linked to my adobe*/
/* Add your custom styles below */


body, body a {
    font-variant-numeric: lining-nums;
}

h1, h2, h3, h4 {
    font-family: ivypresto-headline, serif;
    line-height:1.25em;
    color:#000;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
p, button, input, select, textarea {
    font-family:ff-real-text-pro-2, sans-serif;
}

h1.entry-title, h1.title, .category-latest-content h3, .promoted h3, .latest-item h3, .featured-grid h3, .issue-promotion h2 {
    font-weight:600;
    font-size:2em;
    color: rgb(8 37 54);
    line-height: 1.1em;
    margin-bottom:1em !important;
    padding-top:0;
}
.boxout-blue {
    background-color: #E8F3FF;
    padding: 10px;
    margin-bottom: 20px;
    border-top: 4px solid #111;
    margin-top: 20px;
}
.boxoutstyle {
    background-color: #E8F3FF;
    padding: 3px 10px 3px 10px;
    margin-bottom: 20px;
    border-top: 4px solid #111;
    margin-top: 20px;
}

.boxoutstyle h2 {
    padding-top: 12px
}
/* Target only pages with the 'page' body class */
body.page .wrap {
    max-width: 1200px;
    width: 100%;
    padding: 0;
    margin: auto;
    box-sizing: border-box; /* Ensure padding is included in the width */
}

/* Make the entry header full width */
body.page .entry-header {
    width: 100% !important;
    margin: 0;
    padding: 0;
}

/* Make the entry content full width and sit below the entry header */
body.page .entry-content {
    width: 100% !important;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body.page h1.entry-title {
font-size: 2.5em;
text-transform: none;
letter-spacing: 0;}

.subscribe_header {
    display: flex;
    justify-content: space-between; /* Adjust spacing between images */
    align-items: center; /* Align images vertically in the center */
}

.subscribe_header img {
    max-width: 100%; /* Ensure images resize if necessary */
    height: auto; /* Maintain aspect ratio */
    margin: 0 10px; /* Optional: Add horizontal spacing between images */
}

/* Style for the search and filter form */
.searchandfilter {
    margin: 20px 0;
    display: flex;
    align-items: center;
}

.searchandfilter ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 15px;
}

.searchandfilter li {
    display: flex;
    align-items: center;
}

.sf-input-select,
.select2-hidden-accessible {
    width: 250px;
    padding: 8px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
}

.sf-input-select:focus {
    outline: none;
    border-color: #0073aa;
}

.search-filter-reset {
    padding: 8px 12px;
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    color: #333;
    cursor: pointer;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s;
}

.search-filter-reset:hover {
    background-color: #e0e0e0;
}


/* Adjustments for smaller screens */
@media (max-width: 768px) {
    .searchandfilter {
        flex-direction: column;
        align-items: flex-start;
    }

    .searchandfilter ul {
        flex-direction: column;
        gap: 10px;
    }

    .sf-input-select {
        width: 100%;
    }

    .search-filter-reset {
        width: 100%;
        text-align: center;
    }
}


.search-form .search-submit {
	bottom: 8px;
	padding: 0.5em 1em;
	position: absolute;
	right: 0px;
	top: 0px;
}

.corporate-ip-login {
    background-color: #f1f1f1; /* Even lighter grey background for subtlety */
    border: none; /* Remove border */
    padding: 10px 20px;
    margin: 0 auto; /* Center the block */
    border-radius: 0;
    max-width: 1200px; /* Ensure alignment with the main content */
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; /* Space out elements */
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #555; /* Subtle text color */
    box-shadow: none; /* Remove shadow */
}

.corporate-ip-login p {
    margin: 0;
    flex: 1; /* Allow it to take available space */
    padding-right: 10px; /* Add some spacing between text and input */
    white-space: nowrap; /* Keep text on a single line */
}

.corporate-ip-login form {
    display: flex;
    gap: 5px;
    align-items: center;
}

.corporate-ip-login input[type="email"] {
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 14px;
    max-width: 200px; /* Reduce the width */
    height: 30px; /* Ensure consistent height */
}

.corporate-ip-login input[type="submit"] {
    padding: 5px 10px;
    background-color: #343a40; /* Darker background */
    color: white;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.3s ease;
    height: 30px; /* Ensure consistent height */
}

.corporate-ip-login input[type="submit"]:hover {
    background-color: #007bff; /* Lighter blue on hover */
}

@media (max-width: 768px) {
    .corporate-ip-login {
        flex-direction: column; /* Stack elements on smaller screens */
        align-items: flex-start;
    }
    
    .corporate-ip-login p {
        padding-bottom: 5px;
    }
    
    .corporate-ip-login form {
        width: 100%;
    }

    .corporate-ip-login input[type="email"],
    .corporate-ip-login input[type="submit"] {
        width: 100%;
        margin-top: 5px;
    }
}


/* Legacy styles */

.pullquote, blockquote{
font-family: ff-real-headline-pro, sans-serif;
font-size:2em;
font-weight: 600;
line-height:1.1em;
display:flex;
flex-wrap:wrap;
align-items:center;
margin-top:2em;
margin-bottom:2em;
font-style:normal;
color: #000;
font-size: 28px;
}


.pullquote img, blockquote img {
max-width:200px;
float:left;
margin-top:10px;
margin-bottom:10px;
margin-left:0;
margin-right:20px;
}

.pullquote p, blockquote p {
    margin-bottom:0;
}
.pullquote p em, blockquote p em {
    flex-basis: 100%;
    font-size:20px;
}

@media screen and (max-width: 1000px) {
    .pullquote img, blockquote img {
        float:none;
        margin:0;
        margin-bottom:1em;
        max-width:100%;
    }
    .pullquote, blockquote {
        font-size:24px;
    }
    .pullquote p em, blockquote p em {
        font-size:18px;
    }
   
}

.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
    border-top: none;
}

/* Ensure all content aligns with header-wrapper */
@media screen and (min-width: 48em) {
    .site-content {
        padding: 0 !important; /* Remove default padding */
    }

    .has-sidebar:not(.error404) #primary {
        float: none !important;
        width: 100% !important;
        display: flex;
        justify-content: center;
    }

    .has-sidebar #primary .wrap {
        max-width: 1200px; /* Match the max-width of header-wrapper */
        width: 100%;
        padding: 20px;
        margin: 0 auto;
        box-sizing: border-box; /* Include padding in the element's total width */
    }
}


/* Override for specific images in category, taxonomy, and search archives */
.category-thumbnail,
.taxonomy-thumbnail,
.search-thumbnail {
    max-width: none;
    width: 100px;
    height: 100px;
    object-fit: cover;
}

/* Search Archive Styles */
#search-main-content {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    max-width: 1200px;
    box-sizing: border-box;
}

.search-page-header {
    text-align: center;
    margin-bottom: 40px;
}

.search-page-title {
    font-family: ff-real-headline-pro, sans-serif;
    font-size: 2.5rem;
}

.search-article-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.search-latest-item {
    display: flex;
    align-items: flex-start;
    width: calc(50% - 20px);
    border-top: none;
}

.search-thumbnail {
    margin-right: 10px;
    width: 100px;
    height: 100px;
    object-fit: cover;
    float: left;
}

.search-latest-content {
    overflow: hidden;
}

.search-latest-content h3 {
    font-size: 1.2em;
    margin: 0 0 5px;
}

.search-post-meta {
    font-size: 0.9em;
    color: #555;
    margin-bottom: 10px;
}

.search-post-meta a {
    color: #0073aa;
    text-decoration: none;
}

.search-post-meta a:hover {
    text-decoration: underline;
}

/* Category Archive Styles */
#category-main-content {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    max-width: 1200px;
    box-sizing: border-box;
}

.category-page-header {
    margin-bottom: 40px;
}

.category-page-title {
    font-family: ff-real-headline-pro, sans-serif;
    font-size: 2rem;
}

.category-archive-description {
    font-size: 1.2rem;
    color: #666;
}

.category-article-list {
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
    gap: 20px;
    padding-top:20px;
}

.category-latest-item {
    display: flex;
    align-items: flex-start;
    width: calc(50% - 50px);
    border-top: none;
}

.category-thumbnail {
    margin-right: 10px;
    width: 100px;
    height: 100px;
    object-fit: cover;
    float: left;
}

.category-latest-content {
    overflow: hidden;
}

.category-latest-content h3 {
    font-size: 1.2em;
    margin: 0 0 5px;
}
.category-latest-content p {
    font-size:12px;
}

.promoted p.post-meta, .featured-grid p.post-meta, .latest-contnet p.post-meta, .lead p.post-meta, .category-post-meta {
    font-size: 0.9em;
    color: #555;
    margin-bottom: 10px;
    font-size:10px;
    padding-bottom:0;
}

.promoted p.post-meta a, .featured-grid p.post-meta a, .latest-content p.post-meta a, .lead p.post-meta a,  .category-post-meta a {
    color: #092535;
    text-decoration: none;
}

.promoted p.post-meta a:hover, .latest-content p.post-meta a:hover, .lead p.post-meta a:hover, .category-post-meta a:hover {
    text-decoration: underline;
}

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

    .category-latest-item{
    width:100%;
}
}
/* Taxonomy Archive Styles */
#taxonomy-main-content {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    max-width: 1200px;
    box-sizing: border-box;
}

.taxonomy-page-header {
    text-align: center;
    margin-bottom: 40px;
}

.taxonomy-page-title {
    font-family: ivypresto-headline, sans-serif;
    font-size: 2.5rem;
}

.taxonomy-archive-description {
    font-size: 1.2rem;
    color: #666;
}

.taxonomy-article-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.taxonomy-latest-item {
    display: flex;
    align-items: flex-start;
    width: calc(50% - 20px);
    border-top: none;
}

.taxonomy-thumbnail {
    margin-right: 10px;
    width: 100px;
    height: 100px;
    object-fit: cover;
    float: left;
}

.taxonomy-latest-content {
    overflow: hidden;
}

.taxonomy-latest-content h3 {
    font-size: 1.2em;
    margin: 0 0 5px;
}

.taxonomy-post-meta {
    font-size: 0.9em;
    color: #555;
    margin-bottom: 10px;
}

.taxonomy-post-meta a {
    color: #0073aa;
    text-decoration: none;
}

.taxonomy-post-meta a:hover {
    text-decoration: underline;
}


/* General adjustments */
body.single-feature .site-header {
    background: transparent !important;
    position: absolute;
    width: 100%;
    z-index: 1000;
}

/* Floating thumbnail in single-post.php */
.single-post .post-thumbnail {
    float: right;
    margin: 0 0 10px 20px;
    width: auto; /* Adjust the width as needed */
    max-width: 50%; /* Ensure the image does not exceed 50% of the content area */
}


body.single-feature .site-header .site-branding img {
    content: url('/images/lb-logo-transparent-1.png');
}

body.single-feature .site-header .main-navigation a,
body.single-feature .site-header .login-register a {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    padding: 5px 10px;
    border-radius: 3px;
}
 
p.firstpara {font-weight: 800;}

/* Feature header styles */
.feature-header {
    background-size: cover;
    background-position: center;
    height: 100vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.feature-header .header-content-title {
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    padding: 20px;
    box-sizing: border-box;
}

.feature-header .header-content-inner {margin-left: 21rem; margin-right: 21rem;}

.feature-header .header-content-title .category {
    font-size: 1rem;
    margin-bottom: 10px;
}

.feature-header .header-content-title .title {
    font-size: 3.5rem;
    font-weight: bold;
    margin: 0 0 10px;
    color: #fff;
}

.feature-header .header-content-title .standfirst {
    font-size: 1.3em;
    line-height: 1.3em;
    margin: 0;
    color: #fff;
}

/* Single-post entry-title */
.single-post .entry-title {
    font-size: 2.5rem;
}

/* Ensure the primary content area is centered and wide */
@media screen and (min-width: 48em) {
    .site-content {
        padding: 0 !important; /* Remove default padding */
    }

    .has-sidebar:not(.error404) #primary {
        float: none !important;
        width: 100% !important;
        display: flex;
        justify-content: center;
    }

    .has-sidebar #primary .wrap {
        max-width: 1200px; /* Match the max-width of header-wrapper */
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box; /* Include padding in the element's total width */
    }
}

/* Style adjustments for post tags */
.post-tags {
    margin-top: 10px;
    margin-bottom:20px;
}

.post-tags span {
    display: inline-block;
    margin-right: 15px; 
    margin-bottom: 5px;
    font-size: 12px;
    background: none;
    padding: 0;
}

.post-tags a {
    color: #453CF0; 
    text-decoration: none;
    box-shadow: none !important;
        border: 1px solid #453CF0;
    padding: 5px 10px;
    border-radius: 10px;
}

.post-tags a:hover {
    text-decoration: none;
    border-color: #3A34C4;
    color:#3A34C4;
}

/* Related content styling */
.related-content {
    margin-top: 40px;
    max-width: 1200px; /* Match the max-width of header-wrapper */
    margin: 40px auto; /* Center the related content */
    box-sizing: border-box;
    padding: 0 20px; /* Ensure padding for related content */
}

.related-content h2 {
    margin-bottom: 20px;
}

.related-content .related-posts {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.related-content .related-post {
    width: calc(33.333% - 20px); /* Three columns */
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    padding: 10px;
    text-align: center;
}

.related-content .related-post img {
    max-width: 100%;
    height: auto;
}

.related-content .related-post h3 {
    font-size: 1.1rem; /* Drop font size for related post titles */
}

.related-content .related-post a {
    text-decoration: none;
    color: #333;
    font-size: 1.1rem; /* Drop font size for related post links */
}

.related-content .related-post a:hover {
    text-decoration: underline;
}

/* Other existing styles */
#main-content {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0px;
    max-width: 1200px;
    box-sizing: border-box; /* Ensures padding and border are included in the element's total width and height */
}
#main-content-feature {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0px;
    max-width: 1000px;
    box-sizing: border-box; /* Ensures padding and border are included in the element's total width and height */
}
@media (max-width: 768px) {
    #main-content {
        padding-left:20px;
        padding-right:20px;
    }
}

/* Featured Story Section */
#featured-story {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 40px;
}

.featured-content {
    display: flex;
    width: 100%;
    box-sizing: border-box;
}
@media (max-width: 768px) {
    .featured-content {
        flex-wrap:wrap;
    }
}

.lead-story {
    flex: 0 1 40%;
    margin-right: 20px;
}
@media (max-width: 768px) {
    .lead-story {
        margin-right:0;
    }
}
.lead-story h2 {
    font-family: ivypresto-headline, serif;
    color: rgb(8 37 54);
    font-weight:600;
    line-height:1.1em;
    margin-top:0.5em;
    padding-top:0;
}
.lead-story h2 a {
    transition: 0.2s all ease;

}
.lead-story h2:hover > a {
    color:#453CF0;
}
.lead-story img {
    width: 100%;
    height: auto;
}
.lead-story p {
    line-height:1.1em;
    font-size:14px;
}

.promoted-stories {
    flex: 0 1 25%;
}

.promoted-stories .promoted-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.promoted {
    display: block; /* Changed from flex to block */
    overflow: hidden; /* Ensure the container doesn't overflow */
    padding-bottom:15px;
    padding-top:15px;
    border-bottom: 1px solid #CAC4D0;
    font-family: ff-real-headline-pro, sans-serif;
}
.promoted:last-of-type {
    border-bottom: none;
}

.promoted img {
    margin-left: 10px;
    float: right;
    width: 75px;
    height: unset;
}


.promoted .promoted-content {
    overflow: hidden;
    display:flex;
    align-items:flex-start;
}

.promoted h3 {
    font-size: 1em;
    margin: 0 0 5px;
    font-weight:600;
    padding-top:0;
    transition: 0.2s all ease;
}

.promoted h3:hover {
    color: #453CF0;
}

.promoted p {
    font-size: 0.8em;
    margin: 0;
}

hr.vertical-span {
    height: 100%;
    width: 1px;
    margin-bottom: 0;
    margin-top: 0;
    color: #CAC4D0;
}
/*top stories section*/
.wpp-shortcode-placeholder {
    display: none !important;
}
.promoted-list ol {
    list-style-type:none;
}
.promoted-list ol li {
    counter-increment: item;
    position: relative;
    display:flex;
    align-items:center;
    font-family:ff-real-text-pro-2, sans-serif;
    font-weight:300;
    font-size:14px;
    line-height:1.1;
}
.promoted-list ol li::before {
    content: counter(item);
    font-family: ivypresto-headline, sans-serif;
    font-size:2em;
    font-weight:700;
    margin-right:0.5em;
}
.promoted-stories#most-read {
    display:flex;
    flex-direction:column;
}
.promoted-stories#most-read h3 {
    font-size:18px;
    font-weight:600;
    text-transform:uppercase;
    padding-top:15px;
    font-family:ff-real-headline-pro, sans-serif;

}

/*most read section promotion box*/
.most-read-promotion {
    background: #DFDFDF;
    padding:1em;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.most-read-promotion img {
    width:50px;
    margin-right:10px;
}
.most-read-promotion__text p {
    font-size:14px;
    margin-bottom: 0;
    line-height: normal;
}
/* Latest Articles Section */
#latest-articles {
    margin-bottom: 40px;
}

#latest-articles .article-list {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.latest-item {
    display: flex;
    align-items: flex-start;
    width: calc(50% - 20px); /* Two columns with gap */
    border-top: none; /* Remove border-top */
}

.latest-item img {
    margin-right: 20px;
    width: 100px;
    float: left;
    max-width: none;
}

.latest-item .latest-content {
    overflow: hidden;
}

.latest-item h3 {
    font-size: 1.2em;
    margin: 0 0  5px;
    font-weight: 600;
    padding-top:0;
    transition: 0.2s all ease;
}
.latest-item h3:hover {
    color: #453CF0;
}

.latest-item .category {
    font-weight: bold;
    margin: 0 0 5px;
}

.latest-item p {
    font-size: 10px;
    margin: 0;
}

button#load-more {
    text-transform:uppercase;
    background:none;
    color:black;
    margin:auto;
    display:block;
    margin-top:1em;
}
#loader {
    display: none;
    text-align: center;
    margin: auto;
}

#loader::after {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #333;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*Highlight box*/
#highlight {
    background: #333333;
    padding:2em 4em;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}

article.highlights {
    width:45%;
    margin-top:2em;
}

article.highlights.first-post {
    width:100%;
}

#highlight h2 {
    color:white;
    font-family:ff-real-headline-pro, sans-serif;
    text-transform:uppercase;
    font-size:18px;
    letter-spacing: 2px;
}
.lead-highlight {
    display:flex;
    justify-content:space-between;
    padding-bottom:2em;
    width:100%;
}
.lead-highlight__text {
    width:40%;
}
.lead-highlight__text p {
    color:white;
    line-height:1.1em;
    font-size:14px;
}
.lead-highlight__text p.post-meta a, .highlight-text p.post-meta a {
    color:white;
    line-height:1.1em;
    font-size:12px;
    transition: all 0.2s ease;
}
.lead-highlight__text p.post-meta a, .highlight-text p.post-meta a:hover {
    text-decoration:underline;
    color:darkgray;
}
.lead-highlight__text h3 {
    color: white;
    font-size:28px;
    line-height:1.1em;
    transition: 0.2s all ease;
}
.lead-highlight__text h3:hover {
    color: darkgray;
}
.lead-highlight img {
    width:40%;
}
.highlight-standfirst {
    color:white;
}
hr.highlights-separator {
    width:100%;
    background:white;
}

.highlight .highlight-text, .highlight .highlight-text a, .highlight .highlight-text h3, .highlight .highlight-text p {
    color:white;
}
.highlight .highlight-text h3 {
    font-size:16px;
    font-weight:400;
    transition: 0.2s all ease;
}
.highlight .highlight-text h3:hover {
    color:darkgray;
}
@media (max-width: 768px) {
    #highlight {
        padding:2em;
    }
    .lead-highlight {
        flex-wrap:wrap;
    }
    .lead-highlight__text, .lead-highlight img {
        width:100%;
    }
    article.highlights {
        width:100%;
    }
}


/*Life During Law section*/
.carousel-item {
    padding:1em;
}

.slick-slide {
    height:auto !important;
}

/*Financials section*/
section#financials h2 {
    font-family:ff-real-headline-pro, sans-serif;
    text-transform:uppercase;
    font-size:18px;
    letter-spacing: 2px;
    border-bottom:none;
    margin-bottom:1em;
}

.financials-single-section {
    display:flex;
    margin-bottom:2em;
    flex-wrap:wrap;
}
.financials-single-section .thumbnail {
    width:350px;
    height:200px;
    background-size:cover;
    position:relative;
    margin-right:2em;
}
.financials-single-section .thumbnail img {
width: 100%; 
    height: 100%; 
    object-fit: cover; 
}
.financials-single-section .thumbnail .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4); 
    z-index: 1; 
}

.financials-single-section .thumbnail h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    color: white;
    padding: 10px;
    font-size: 2em;
    z-index: 2; 
    margin:0;
}
.financials-single-section-text p {
    font-family: ff-real-headline-pro, sans-serif;
    font-weight:800;
    font-size:20px;
    margin-bottom: 0.5em;
}
.financials-single-section ul {
    margin:0;
}
.financials-single-section ul li {
    list-style-type: none;
    font-weight:500;
}

/*More From Section*/
section#more-from h2 {
    font-family:ff-real-headline-pro, sans-serif;
    text-transform:uppercase;
    font-size:18px;
    letter-spacing: 2px;
    border-bottom:none;
    margin-bottom:1em;
}

.more-from-list {
    display:flex;
    justify-content:space-between;
    gap:20px;
}
.more-from-list .more-from-item {
    flex: 1 1 calc(33.333% - 20px);
    max-width: calc(33.333% - 20px); /* Ensures the max-width is also set */
}

@media (max-width: 768px) {
    .more-from-list {
        display:block;
    }
    .more-from-list .more-from-item {
        max-width:100%;
    }
}

/* Featured Cards Section */
#featured-cards {
    margin-bottom: 40px;
}

#featured-cards .featured-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.featured-card {
    flex: 1 1 calc(33.333% - 20px); /* Ensures three cards fit in one row with a gap */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    max-width: calc(33.333% - 20px); /* Ensures the max-width is also set */
}

.featured-card img {
    margin-bottom: 10px;
    width: 150px;
    height: 150px;
}

.featured-card h3 {
    font-size: 1.5em;
    margin: 0 0 10px;
    overflow: hidden; /* Prevents text overflow */
}

.featured-card p {
    font-size: 1em;
    margin: 0;
    overflow: hidden; /* Prevents text overflow */
}

.clipped-intro {
    overflow: hidden;
}

/* Issue Promotions Section */
#issue-promotions {
    margin-bottom: 40px;
}

.issue-promotion {
    position: relative;
    padding: 20px;
    margin-bottom: 20px;
    background-size: cover;
    background-position: center;
    color: white; /* Default text color */
}

.issue-content {
    position: relative;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent background for readability */
    padding: 20px;
    border-radius: 10px;
}

.issue-content h2 a,
.issue-content ul.issue-posts li a {
    text-decoration: none;
    color: #fff;
}

.issue-content h2 {
    font-size: 2em; /* Increase font size for the title */
    font-weight: bold; /* Make the title bold */
    margin-bottom: 10px;
}

.issue-content ul.issue-posts {
    list-style: none;
    padding: 0;
}

.issue-content ul.issue-posts li {
    margin: 5px 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    #featured-story {
        flex-direction: column;
    }

    .lead-story, .promoted-stories {
        flex: 1 1 100%;
    }

    #latest-articles .article-list {
        flex-direction: column;
    }

    .latest-item {
        width: 100%;
    }

    #featured-cards .featured-grid {
        flex-direction: column;
    }

    .featured-card {
        width: 100%;
        margin-bottom: 20px; /* Add bottom margin for spacing in single column layout */
    }

    .issue-promotion {
        padding: 10px;
    }

    .issue-content {
        padding: 10px;
    }

    .issue-content h2 {
        font-size: 1.5em; /* Adjust font size for smaller screens */
    }
}

/* Override the default logo max-height */
.custom-logo-link img {
    max-height: none !important;
}

/* Custom header styles */
.site-header {
    background-color: #FFF !important;
    padding: 0 !important; /* Remove padding */
    position: relative !important;
    z-index: 999 !important;
}

.header-wrapper {
    max-width: 1200px !important; /* Same max-width as main container */
    margin: 0 auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    padding: 10px 0 !important; /* Reduce padding for the header */
    background-color: #FFF !important;
    justify-content:space-between;
}

.leaderboard-ad {
    background-color: #010101 !important;
    text-align: center !important;
    padding: 10px 0 !important;
    position: relative !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

.leaderboard-ad {display:none !important;}

.leaderboard-ad .close-ad {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    cursor: pointer !important;
    color: #fff !important; /* Ensure the close icon is white */
    font-size: 18px !important; /* Make sure the close icon is visible */
    background: #333 !important; /* Background color for visibility */
    border-radius: 50% !important; /* Circle shape */
    width: 20px !important; /* Width for circle */
    height: 20px !important; /* Height for circle */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.leaderboard-ad .ad-content {
    display: inline-block !important;
    background-color: #010101 !important;
    border-radius: 5px !important;
    padding: 10px !important;
}

.site-branding {
    flex: 0 1 150px !important;
    display: flex !important;
    align-items: center !important;
    background-color: #FFF !important;
}

.site-branding img {
    width: 250px;

}

@media screen and (min-width: 30em) {
    .site-branding {
        padding: 0; /* Remove or reduce padding as needed */
    }
}

.header-content {
    display: flex !important;
    flex: 1 !important;
    flex-direction: column !important;
    gap: 0px !important; /* Reduce gap between rows */
    background-color: #FFF !important;
    align-items:flex-end;
}

.header-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    height: 40px !important; /* Reduce height of each row to 40px */
    background-color: #FFF !important;
    padding: 0 !important; /* Remove padding */
    margin: 0 !important; /* Remove margin */
}

.header-left {
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
    background-color: #FFF !important;
}

.social-icons a,
.custom-buttons .button,
.login-register .button {
    color: #fff !important;
    text-decoration: none !important;
    padding: 5px 10px !important;
    border-radius: 3px !important;
    line-height: 1.5 !important; /* Adjust line-height to fit 40px row */
}

.custom-buttons .button.newsletter { background-color: #f39c12 !important; }
.custom-buttons .button.subscriptions { background-color: #e67e22 !important; }
.custom-buttons .button.app { background-color: #3498db !important; }
.custom-buttons .button.trial { background-color: #2ecc71 !important; }

.custom-buttons .button:hover {
    opacity: 0.8 !important;
}

.custom-navigation {
    flex: 1 !important;
    height: 100% !important; /* Ensure it takes full height */
    background-color: #010101 !important;
    display: flex !important; /* Use flexbox to keep items on a single line */
    align-items: center !important;
}

.custom-navigation ul {
    display: flex !important;
    gap: 5px !important; /* Reduce spacing between menu items */
    list-style: none !important;
}

.custom-navigation li {
    display: inline !important; /* Ensure list items are inline */
}

.custom-navigation a {
    color: #000;
    line-height: 40px !important; /* Adjust line-height to fit 40px row */
    text-decoration: none !important;
}

/*.custom-navigation a:hover, .custom-navigation a:active {
    color: #fff !important;
}*/

#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link {
    color: black;
    font-size:14px;
    font-family: ff-real-text-pro-2, sans-serif;
    font-weight:300;
}


.search-form-wrapper {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    background-color: #FFF !important;
}

.search-form-wrapper form {
    display: flex !important;
    align-items: center !important;
}

.search-form-wrapper input[type="search"] {
    padding: 5px 10px !important;
    border-bottom: 1px solid #121141;
    background-color: #fff !important;
    color: #000 !important;
    width: 300px !important; /* Make the input box wider */
}

.search-form-wrapper input[type="submit"] {
    padding: 5px 10px !important;
    border-radius: 3px !important;
    color: #fff !important;
    margin-left: 5px !important;
    font-size: 14px !important; /* Adjust font size for better fit */
    background: #121141;
    font-weight:300;
    padding: 5px 25px !important;
}

/* Specific styles for the SVG icon */
.search-form-wrapper input[type="search"]::-webkit-search-cancel-button,
.search-form-wrapper input[type="search"]::-webkit-search-decoration,
.search-form-wrapper input[type="search"]::-webkit-search-results-button,
.search-form-wrapper input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

.search-form-wrapper svg {
    height: 20px !important;
    top: -5px !important;
    width: 16px !important;
    position: relative !important;
}
.upper-header-content {
    display:flex;
}
.login-register {
    display:flex;
    margin-left:2em;
    gap:5px;
}
.login-register button.header-button {
    background:#453CF0;
    color:white;
    border-radius:5px;
    padding:5px 25px;
    max-height:34px;
    font-weight:400;
    transition:all ease 0.2s;
}
.login-register button.header-button:hover {
    background:#3A34C4;
}
.login-register button.header-button  {
    color:white;
    font-size: 14px;
    line-height:1;
}
.login-register button.header-button#secondary-header {
    background:none;
    border: 1px solid #453CF0;
}

 .login-register button.header-button#secondary-header  {
    color: #453CF0 !important;
}


@media (max-width: 768px) {
    .header-wrapper {
        flex-direction: column !important;
        padding: 10px !important; /* Adjust padding for mobile view */
    }

    .site-branding {
        margin-bottom: 10px !important; /* Adjust margin for mobile view */
    }

    .header-content {
        gap: 10px !important;
    }

    .header-row {
        flex-direction: column !important;
        height: auto !important;
    }

    .header-left,
    .social-icons,
    .custom-buttons,
    .login-register,
    .custom-navigation,
    .search-form-wrapper {
        justify-content: flex-start !important;
    }

    .custom-navigation ul {
        flex-direction: column !important;
        gap: 10px !important;
    }
    .login-register {
        width:80%;
        margin: 0;
    }
    .login-register button.header-button {
        width:100%;
        display:block;
    }
}

.site-info {
    text-align: center;
    padding: 20px 0;
    width: 100% !important; /* Override the default width */
    max-width: none !important; /* Ensure no max-width is applied */
    margin: 0 auto; /* Center the element within its container */
}

/*Mega Menu styling
#mega-menu-wrap-top {
    background:#FFF;
    min-width: 1200px;
    max-width: 80vw;
}

#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    color: #453CF0;
    background:white;
    border-bottom: 1px solid #453CF0 !important;
}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    background: #141b24;
}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:focus {
    background: #141b24;
}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu {
    background: #141b24;
    width:100%;
    padding-top:10px;
    padding-bottom:30px;
}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    text-transform:none;
    color:#FFF;
    font-family: ff-real-text-pro-2, sans-serif;
    font-weight: 200;
    font-size:14px;
    line-height:1.7em !important;
}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus {
    color: #1FB6C7;
}

#mega-menu-wrap-top #mega-menu-top li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
    flex-wrap:wrap;
}

#mega-menu-wrap-top #mega-menu-top li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding:0px 15px;
}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus {
    font-weight:200;
}

#mega-menu-wrap-top #mega-menu-top li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    display:inline;
}
.mega-menu-column.col-1, .mega-menu-column.col-2 {
width:25% !important;
}
.mega-sub-menu h2 {
color:white;
margin-top:10px;
margin-bottom:10px;
font-size:20px;
}

#mega-menu-wrap-top, #mega-menu-wrap-top #mega-menu-top, #mega-menu-wrap-top #mega-menu-top ul.mega-sub-menu, #mega-menu-wrap-top #mega-menu-top li.mega-menu-item, #mega-menu-wrap-top #mega-menu-top li.mega-menu-row, #mega-menu-wrap-top #mega-menu-top li.mega-menu-column, #mega-menu-wrap-top #mega-menu-top a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top span.mega-menu-badge, #mega-menu-wrap-top #mega-menu-top + button.mega-close {
    border:none !important;
    font-size:12px;
}

@media (max-width: 1200px) {
#mega-menu-wrap-top {
min-width:90vw;
max-width:100vw;
}
}

@media (max-width: 1000px) {
    .mega-menu-column.col-1, .mega-menu-column.col-2
    {width:100% !important;}
}
@media (max-width: 600px) {
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu {
        height:unset;
        display: none !important;
    }
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link {
        color:white !important;
    }
    #mega-menu-wrap-top #mega-menu-top.mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-top #mega-menu-top.mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-top #mega-menu-top li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
        display: block !important;
    }
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
        color: black !important;
    }
}
*/
/* Feature Post Styles */
.feature-post .feature-title {
    font-size: 2.5em;
    font-weight: bold;
    margin-bottom: 20px;
}

.feature-post .feature-meta {
    font-size: 1.2em;
    margin-bottom: 20px;
}

.feature-post .feature-thumbnail img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.feature-post .feature-content {
    font-size: 1.2em; /* Increase article text size */
    line-height: 1.8;
}

.feature-post .feature-footer {
    margin-top: 40px;
    font-size: 1em;
}

.post-meta {
    font-size: 0.9em;
    margin-bottom: 10px;
    color: #082536;
    font-weight:400;
}

.post-meta .published-date,
.post-meta .updated-date,
.post-meta .author-name {
    display: inline-block;
    margin-right: 0px; /* Reduce margin */
}
.post-meta .author-avatar {
    margin-top:1em;
    margin-bottom:1em;
    display:flex;
    align-items:center;
}
.post-meta .author-avatar img {
    margin-right:1em;
}
.post-meta .author-name a {
    font-weight: bold;
    text-decoration: none;
    box-shadow: none;
}

.author-item {
    margin-right:2em;
    display:flex;
    flex-direction:column;
}
.author-item a {
    box-shadow:none !important;
}
.author-item span.author-name {
    font-family: ff-real-text-pro, sans-serif;
    font-weight:500;

}
.author-avatar {
    display:flex;
    align-items:center;
}

.author-avatar img {
    margin-right:1em;
}
.author-avatar-text h2 {
    font-family:ff-real-headline, sans-serif;
}

.author-avatar-text p.author-name, .author-avatar-text h2 {
    margin-bottom:0;
}

/* Single-post entry-title */
.single-post .entry-title {
    font-size: 2.5rem;
}
@media (max-width: 1000px) {
.single-post .entry-title {
    font-size:32px;
}
}

/* Related content styling */
.related-content {
    margin-top: 40px;
    max-width: 1200px; /* Match the max-width of header-wrapper */
    margin: 40px auto; /* Center the related content */
    box-sizing: border-box;
    padding: 0 20px; /* Ensure padding for related content */
}

.related-content h2 {
    margin-bottom: 20px;
}

.related-content .related-posts {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.related-content .related-post h3 {
    font-size: 1.1rem; /* Drop font size for related post titles */
}

.related-content .related-post {
    width: calc(33.333% - 20px); /* Three columns */
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    padding: 10px;
    text-align: center;
}

.related-content .related-post img {
    max-width: 100%;
    height: auto;
}

.related-content .related-post a {
    text-decoration: none;
    color: #333;
    font-size: 1.1rem; /* Drop font size for related post links */
}

.related-content .related-post a:hover {
    text-decoration: underline;
}

/*related content on smaller screens*/
@media (max-width: 1000px) {
    .related-content .related-post {
        width: calc(45% - 20px); /* Two columns */

    }
    }

@media (max-width: 600px) {
    .related-content .related-post {
        width: 100%;
    }
    .related-content .related-post img {
        width:100%;
    }
    }

/* Custom Login and Registration Styles */
.custom-login-container,
.custom-register-container {
    max-width: 400px;
    margin: 50px auto;
    padding: 20px;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.custom-login-container h2,
.custom-register-container h2 {
    margin-bottom: 20px;
    font-size: 24px;
    text-align: center;
}

.custom-login-container form p,
.custom-register-container form p {
    margin-bottom: 15px;
}

.custom-login-container label,
.custom-register-container label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.custom-login-container input[type="text"],
.custom-login-container input[type="password"],
.custom-login-container input[type="email"],
.custom-register-container input[type="text"],
.custom-register-container input[type="password"],
.custom-register-container input[type="email"] {
    width: calc(100% - 20px);
    padding: 8px 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.custom-login-container input[type="submit"],
.custom-register-container input[type="submit"] {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #0073aa;
    color: #fff;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.custom-login-container input[type="submit"]:hover,
.custom-register-container input[type="submit"]:hover {
    background-color: #005177;
}

.custom-login-container .error,
.custom-register-container .error {
    color: #d9534f;
    margin-bottom: 10px;
    text-align: center;
}

/* Page Heading Styling */
.page .entry-title {
    font-size: 2.5rem !important; /* Adjust the size to match your theme */
    font-weight: bold;
    margin: 20px 0; /* Space around the heading */
    padding-bottom: 10px;
    text-transform:none !important;
    letter-spacing: 0 !important;
    font-family: ff-real-headline-pro, sans-serif;
  }
  
  /* General Form Styling */
  .mailpoet-manage-subscription {
    background-color: #ffffff; /* Ensure it blends with the existing page background */
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Soft shadow */
    max-width: 600px;
    margin: 20px auto; /* Centering the form */
    font-family: Arial, sans-serif;
  }
  
  /* Label and Input Styling */
  .mailpoet_paragraph label {
    font-weight: bold;
    color: #333; /* Consistent text color */
    margin-bottom: 5px;
    display: inline-block;
  }
  
  .mailpoet_text {
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
  }
  
  /* Select Dropdown Styling */
  .mailpoet_select {
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
  }
  
  /* Checkbox Styling */
  .mailpoet_checkbox_label {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
  }
  
  .mailpoet_checkbox {
    margin-right: 10px;
  }
  
  /* Button Styling */
  .mailpoet_submit {
    background-color: #0073aa; /* Primary button color */
    color: #fff;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s ease;
  }
  
  .mailpoet_submit:hover {
    background-color: #005f8a; /* Darker shade on hover */
  }
  
  /* Error Message Styling */
  .mailpoet_error {
    color: #e74c3c; /* Red color for error messages */
    font-size: 14px;
    margin-top: 5px;
  }
  
  /* Link Styling */
  .mailpoet-change-email-info a {
    color: #0073aa;
    text-decoration: none;
  }
  
  .mailpoet-change-email-info a:hover {
    text-decoration: underline;
  }
  
  /* Mobile Responsiveness */
  @media (max-width: 600px) {
    .mailpoet-manage-subscription {
      padding: 15px;
    }
  
    .mailpoet_submit {
      width: 100%;
      font-size: 18px;
    }
  }
  
/* Container for the Category Page Header */
.category-page-header {
    background-color: #FFF;
    border-radius: 8px;
    margin: 20px 0;
  }
  
  
  /* Subcategory Filter Form Styling */
  #subcategory-filter-form {
    margin-top: 15px;
  }
  
  #subcategory-filter-form select {
    width: 100%;
    max-width: 400px; /* Limit the width for larger screens */
    padding: 10px;
    margin: 10px auto; /* Center align the select box */
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #ffffff;
    font-size: 16px;
    color: #333;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
  }
  
  #subcategory-filter-form select:hover,
  #subcategory-filter-form select:focus {
    border-color: #0073aa; /* Highlight the border on hover and focus */
    box-shadow: 0 2px 6px rgba(0, 115, 170, 0.3);
  }
  
  /* Option Styling */
  #subcategory-filter-form option {
    padding: 5px;
  }
  
  /* Responsive Design for Mobile */
  @media (max-width: 600px) {
    .category-page-header {
      text-align: left; /* Align content to the left on smaller screens */
      padding: 15px;
    }
  
    .category-page-title {
      font-size: 1.8rem;
      text-align: center;
    }
  
    #subcategory-filter-form select {
      max-width: 100%;
    }
  }  

  .header-content-inner .category a {
    text-transform: uppercase;
    letter-spacing: 2px;
    color: rgba(0, 203, 255, 1.00);
    font-family: 'aleobold';
    font-size: 0.8em;
}

/* Message prompt styling */
.ttca-message {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    background: white;
    padding: 20px;
    border-top: 2px solid #ddd;
}

.header-content-inner h1 {padding: 0px;}

.prev.page-numbers, .next.page-numbers, .nav-previous a, .nav-next a {background: #111; color: #fff; font-family: ff-real-text-pro, sans-serif; padding: 10px; font-weight: 600; font-size: 1.2rem;}

.nav-previous a:hover {color: lightblue !important} 
.nav-next a:hover {color: lightblue !important}

/* Ensures that the taxonomy filter form is a flex container */
.taxonomy-filters {
    display: flex;
    flex-wrap: wrap; /* Wrap the filters on smaller screens */
    justify-content: space-between; /* Ensure space is distributed equally */
    margin-bottom: 20px; /* Add some margin at the bottom */
}

.taxonomy-filter-wrapper {
    width:200px;
}

/*tax on mobile*/
@media (max-width: 768px) { /* Adjust the max-width value as needed */
    .taxonomy-filter-wrapper {
width:100%;
}
}
/* Styles for the select elements to be of equal size and look good */
.taxonomy-filter-select {
    width: 100%; /* Set the desired width */
    box-sizing: border-box; /* Include padding and borders in the width */
    margin-right: 10px; /* Adds some space between the dropdowns */
    padding: 8px; /* Adds some padding for better appearance */
    font-size: 14px; /* Standardizes the font size */
    border: 1px solid #ccc; /* Adds a border to match the theme */
    border-radius: 4px; /* Slightly rounded corners for better appearance */
}


/* Remove the right margin for the last select element */
.taxonomy-filter-select:last-of-type {
    margin-right: 0;
}

/* Ensure the filters stack on top of each other on smaller screens */
@media (max-width: 768px) {
    .taxonomy-filters {
        flex-direction: column; /* Stacks the dropdowns vertically on small screens */
    }
    .taxonomy-filter-select {
        margin-right: 0;
        margin-bottom: 10px;
    }

.clear-filters {
    margin-top: 15px;
}

}
.clear-filters-btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.clear-filters-btn:hover {
    background-color: #e0e0e0;
}

/*styling for law firms page*/
.taxonomy-overview h1 {
    font-family: ff-real-headline-pro, sans-serif;
    font-size:40px;
    font-weight:800;
}
.two-column-layout {
    display: flex;
    gap: 20px;
}

.alphabet-filter {
    width: 20%;
    position: sticky;
    top: 20px;
    height: calc(100vh - 40px);
    overflow-y: auto;
    padding: 10px;
}

/* Terms List Styling */
.terms-container {
    width: 80%;
    height: calc(100vh - 40px);
    overflow-y: auto;
    padding: 20px;
    background: #fff;
}

.alphabet-filter ul {
    list-style: none;
    padding: 0;
    display: flex;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap:10px;
}

.alphabet-filter a li {
    display: flex;
    align-items:center;
    justify-content:center;
    width:25px;
    height:25px;
    padding:5px;
    background:lightgray;
    border-radius: 5px;
}

.alphabet-filter a {
    text-decoration: none;
    border-radius: 5px;
    color: #333;
}

.alphabet-filter a li:hover, .alphabet-filter a li:active {
    background: #082536;
    color: white;
    padding:0;
}

.terms-list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 15px 30px;
}





/*results for search and filter*/
.pagination, .comments-pagination {
    display:flex;
    justify-content:center;
}
.pagination a, .comments-pagination a {
    margin: 0px 10px;
    padding: 10px 25px;
    font-family: ff-real-text-pro, sans-serif !important;
    font-weight:500;
    font-size:16px;
}

/*Specific Taxonomy pages*/
/*practice areas*/
.practice-area-grid {
    padding-top:2em;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
.practice-area-card {
    width: calc(25% - 10px);
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    border-radius: 20px;
    position:relative;
    min-height:100px;
}
.practice-area-card a {
    padding:1em;
    display:block;
    width:100%;
    height:100%;
}

.practice-area-card h2 {
    font-family: ff-real-headline-pro, sans-serif;
    font-size:20px;
}
@media screen and (max-width:600px) {
    .practice-area-card {
        width:100%;
    }
}

/*In-House promoted content*/
.lead-story#in-house-lead {
    flex: 0 1 50%;
    margin-right: 50px;
}
.promoted-stories#in-house-lead {
   flex: 0 1 40%;
}


.promoted-stories#in-house-lead img {
    margin-right:20px;
    width:100px;
}

.promoted-stories#in-house-lead h3 {
    font-size:1.2em;
}
.promoted-stories#in-house-lead article.promoted:first-of-type {
    padding-top:0;
}

.page-header-bar__search-closed,
.page-header-bar__search-open {
    display: none !important;
}
@media screen and (max-width: 700px) {
    .promoted-stories#in-house-lead {
   flex: 0 1 100%;
   margin-top: 20px;
}
.lead-story#in-house-lead {
    flex: 0 1 100%;
    margin-right: 0;
}
}
/*Green Ambassadors content*/
.green-ambassador-single {
    margin-bottom: 2em;
    max-width: 600px;
}
@media screen and (max-width: 700px) {
    .green-ambassador-single_header {
        flex-direction: row-reverse;
    }
}
.green-ambassador-single_header {
    background: #3e6554;
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin-bottom: 1em;
}
.green-ambassador-single_header_bio {
    color: white;
    padding: 1em;
    margin-right: 2em;
}
.green-ambassador-single_header_bio h3 {
    color: white;
    font-family: ivypresto-headline, serif;
    font-weight: 600;
    font-size: 32px;
}
.green-ambassador-single_header_bio p {
    margin-bottom: 0;
    font-size: 16px;
    font-family: ff-real-text-pro, sans-serif;
}
.green-ambassador-single_header img {
    width: 150px;
    height: 150px;
    align-self: flex-end;
}
.green-ambassador-single_body p {
    font-family: ff-real-text-pro-2, sans-serif;
    font-size: 14px;
}


/*PRINT CSS*/
@media print {
    /* All your print styles go here */
nav,header.page-header .l500-basic, p.pullquote, .related-content, legal500-header {
      display: none !important;
    }
    img.alignright, img.alignleft {
        display:block;
        clear:both;
    }
    .post-meta {
        display:block;
    }
}

/*Green Ambassador CPT*/
#green-ambassadors-top {
    font-family: ff-real-headline-pro, sans-serif;
}
a #green-ambassadors-top {
    text-decoration: none; /* remove default underline */
    border-bottom: 5px solid black;
    transition: border-bottom-width 0.1s ease;
    display: inline;
}
a #green-ambassadors-top:hover {
    border-bottom-width: 6px;
}
.green-ambassador_header {
    display:flex;
    margin-bottom:2em;
    margin-top:1em;
}
.green-ambassador_header__text, .green-ambassador_header__img {
    width:50%;
}
.green-ambassador_header__img img {
    width:60%;
}
.green-ambassador_header__text h2 {
    font-size:3em;
    font-weight:800;
    margin-bottom:0;
}
.green-ambassador_header__text h3, .green-ambassador_header__text h4 {
    font-size:2em;
    font-family: ff-real-headline-pro, sans-serif;
    font-weight:800;
    margin-top:0.5em;
    padding-top:0;
}
.green-ambassador_header__profiles {
    display:flex;
    gap:10px;
    justify-content:flex-start;
    flex-wrap:wrap;
    margin-top:2em;
}
.green-ambassador_header__profiles a {
    box-shadow: none !important;
}
.green-ambassador_header__links {
    background: #453CF0;
    color: white;
    border-radius: 5px;
    padding: 5px 25px;
    max-height: 34px;
    font-weight: 400;
    font-size:14px;
    transition: all ease 0.2s;
    font-variant-numeric: lining-nums;
}
.green-ambassador_header__links:hover {
    background: #3A34C4 !important;
}
.green-ambassadors-writeup {
    max-width:800px;
}
.green-ambassadors-writeup p {
    font-size:16px;
}

.green-ambassadors-navigation {
    display:flex;
    width:50%;
    justify-content:space-between;
}

.green-ambassadors-navigation a {
    box-shadow:none !important;
    font-weight:500;
    font-family: ff-real-text-pro, sans-serif;
    font-size:14px;
}

@media screen and (max-width: 700px) {
    a #green-ambassadors-top {
        border-bottom:none;
        color: #4740E8;
    }
    .green-ambassador_header {
        flex-wrap:wrap;
    }
    .green-ambassador_header__text, .green-ambassador_header__img {
        width:100%;
    }
    .green-ambassador_header__img {
        margin-top:2em;
    }
    .green-ambassadors-navigation {
        width:100%;
    }
    .green-ambassador_header__profiles {
        justify-content:space-between;
    }
    .green-ambassador_header__profiles a {
        min-width:30vw;
    }
    
    .green-ambassador-single-item h3 {
        font-size:1.5em;
    }
}

/*Green Ambassadors homepage*/
header.category-page-header#ga-header {
    background: #F4F7FA;
    padding:1em;
}
h1.category-page-title {
    text-align:left;
    font-weight:600;
}
h1.category-page-title#green-ambassadors {
    font-size:2.5em;
    font-weight:600;
}
.category-archive-description#green-ambassadors {
    max-width:600px;
    width:50%;
}
.category-archive-description#green-ambassadors p {
    color: black;
    line-height:1.2;
}
.ga-header-extra {
    color: #4740E8;
    margin-top: 1em;
    margin-bottom:2em;
    display:block;
}

button.ga-submit {
    background: #453CF0;
    color: white;
    border-radius: 5px;
    padding: 5px 25px;
    max-height: 34px;
    font-weight: 400;
    transition: all ease 0.2s;
}
button.ga-submit:hover, button.ga-submit:active, button.ga-submit:focus {
    background: #3A34C4;
}

@media screen and (max-width: 1280px) {
.category-archive-description#green-ambassadors {
    max-width:unset;
    width:unset;
}
}
/*Green Ambassadors edition pages*/
.green-ambassadors-region-grid {
    display:flex;
    gap:20px;
    justify-content:flex-start;
    flex-wrap:wrap;
}
.green-ambassadors-region-grid h1 {
    width:100%;
    font-family:ff-real-headline-pro, sans-serif;
    font-weight:600;
}
.green-ambassadors-region-grid h2 {
    width:100%;
    padding-top:0;
}
.green-ambassador-single-item {
    width:30%;
    max-width:200px;
}
.green-ambassador-single-item h3 {
    padding-top:0;
    font-weight:600;
    margin-top:10px;
    margin-bottom:0;
}
.green-ambassador-single-item h4 {
    padding-top:0;
    font-weight:600;
    font-family: ff-real-text-pro, sans-serif;
}

.green-ambassador_header__text h4#region {
    color: #4740E8;
    font-size:16px;
    font-weight:400;
}
@media screen and (max-width: 700px) {
    .green-ambassador-single-item {
        width:80%;
        max-width:unset;
    }
    .green-ambassadors-region-grid h2 {
        font-size:2em;
        font-weight:600;
    }
    }


/*Menu change to flyout menu 17-07-2025*/
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    background: rgb(8 37 54) !important;
}
#mega-menu-wrap-top.mega-keyboard-navigation > li.mega-menu-item > a.mega-menu-link:focus {
    background: rgb(8 37 54) !important;
}
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
 background: rgb(8 37 54) !important;

}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li {
    padding:0 !important;
}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li a {
    padding:5px 10px !important;
}

ul.mega-sub-menu, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    background: rgb(8 37 54);
    color: #fff;
}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:focus {
    background: rgb(8 37 54) !important;
}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
    background: rgb(8 37 54) !important;
    color: #1FB6C7 !important;
}
.mega-menu.max-mega-menu.mega-menu-horizontal {
    min-width: 1200px !important;
    max-width: 80vw !important;
}
#mega-menu-wrap-top  {
    background: none;
}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link {
    color: rgb(8 37 54);
    
}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    color: #fff;
}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:hover {
    background: rgb(8 37 54);
    color: #fff;
}
#mega-menu-wrap-top {
}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:active {
    color: #fff;
}
span.mega-menu-description {
    display: none !important;
}
#mega-menu-wrap-top .mega-menu-toggle .mega-toggle-blocks-right {
    min-width:90vw;
}
@media (max-width: 600px) {
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu {
        height:unset;
        display: none !important;
    }
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link {
        color:white !important;
    }
    #mega-menu-wrap-top #mega-menu-top.mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-top #mega-menu-top.mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-top #mega-menu-top li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
        display: block !important;
    }

    #mega-menu-wrap-top .mega-menu-toggle.mega-menu-open + #mega-menu-top, #mega-menu-wrap-top .mega-menu-toggle.mega-menu-open ~ button.mega-close {
        top:60px;
    }
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        padding-left:20px;
    }
    ul.mega-sub-menu {
        border-bottom:1px solid grey !important;
    }
    #mega-menu-wrap-top #mega-menu-top li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
        color: white !important;
    }
}
@media (max-width: 768px) {
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link {
        display:flex;
        flex-wrap:wrap;
        max-width:100vw;
        justify-content:space-between;
    }
    #mega-menu-wrap-top .mega-menu-toggle.mega-menu-open ~ button.mega-close {
        left:90%;
    }
  }