/* 
Theme Name: Public Discourse Theme
Description: Developed exclusively for The Public Discourse. A child theme of Hello Elementor.
Author: Mason Digital
Author URI: https://masondigital.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


h1,h2,h3,h4,h5,h6 {
    margin-top: .5rem;
    margin-bottom: 1rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit
}
h1 {font-size: 2.5rem}
h2 {font-size: 2rem}
h3 {font-size: 1.75rem}
h4 {font-size: 1.5rem}
@media (max-width: 767px) {
    h1 {font-size: 2rem}
    h2 {font-size: 1.6rem}
    h3 {font-size: 1.3rem}
}



.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol {
    margin-bottom: 20px;
}



@media (min-width: 576px) {
    .page-header .entry-title, 
    .site-footer .footer-inner, 
    .site-footer:not(.dynamic-footer), 
    .site-header .header-inner, 
    .site-header:not(.dynamic-header), 
    body:not([class*=elementor-page-]) .site-main {
        max-width: 700px;
    }
}
@media (min-width: 768px) {
    .page-header .entry-title, 
    .site-footer .footer-inner, 
    .site-footer:not(.dynamic-footer), 
    .site-header .header-inner, 
    .site-header:not(.dynamic-header), 
    body:not([class*=elementor-page-]) .site-main {
        max-width: 960px;
    }
}
@media (min-width: 992px) {
    .page-header .entry-title, 
    .site-footer .footer-inner, 
    .site-footer:not(.dynamic-footer), 
    .site-header .header-inner, 
    .site-header:not(.dynamic-header), 
    body:not([class*=elementor-page-]) .site-main {
        max-width: 1140px;
    }
}
@media (min-width: 1200px) {
    .page-header .entry-title, 
    .site-footer .footer-inner, 
    .site-footer:not(.dynamic-footer), 
    .site-header .header-inner, 
    .site-header:not(.dynamic-header), 
    body:not([class*=elementor-page-]) .site-main {
        max-width: 1300px;
    }
}
.page-header .entry-title, 
.site-footer .footer-inner, 
.site-footer:not(.dynamic-footer), 
.site-header .header-inner, 
.site-header:not(.dynamic-header), 
body:not([class*=elementor-page-]) .site-main {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}









#content .page-header {
    padding: 40px 20px 30px;
}
#content .page-header .entry-title {
    max-width: 1300px;
    margin: 0 auto;
}





.elementor-location-header .pillar-nav .elementor-nav-menu--main {
    overflow: auto;
    white-space: nowrap;
}
.elementor-location-header .pillar-nav .elementor-nav-menu--main .elementor-nav-menu {
    flex-wrap: nowrap!important;
}
.menu-item--home {
    display: flex;
    align-items: center;
    width: 35px;
    margin-right: 10px!important;
}
.menu-item--home a {
    padding: 5px!important;
}

@media (max-width: 1200px) {
    .elementor-location-header .pillar-nav .elementor-nav-menu--main {
        margin-left: -20px;
        padding-left: 20px;
        margin-right: -20px;
    }
}



.logos1,.logos2,.logos3,.logos4,.logos5 {
    display: none;
}
.term-the-human-person .logos0,
.term-sexuality-and-family .logos0,
.term-education-and-culture .logos0,
.term-politics-and-law .logos0,
.term-business-and-economics .logos0 { display: none; }

.term-the-human-person .logos1 { display: block; }
.term-sexuality-and-family .logos2 { display: block; }
.term-education-and-culture .logos3 { display: block; }
.term-politics-and-law .logos4 { display: block; }
.term-business-and-economics .logos5 { display: block; }

.menu-item--home a:after {background-color: transparent!important;}
.menu-item--human-person a:after {background-color: #f32c04!important;}
.menu-item--sexuality-family a:after {background-color: #F0D120!important;}
.menu-item--politics-law a:after {background-color: #5C9AB1!important}
.menu-item--education-culture a:after {background-color: #008557!important;}
.menu-item--business-economics a:after {background-color: #68288e!important;}



blockquote {
    font-style: italic;
    border-left: 4px solid #5C9AB1;
    padding-left: 20px;
    margin-inline-start: 20px;
}


.post-meta-pillars {
    display: none;
}
.home .post-meta-pillars {
    display: block;
}
.home .post-meta-cats {
    display: none;
}


.authors-meta {
    font-weight: 600;
    a:hover {
        text-decoration: underline;
    }
}


@media (min-width: 767px) {
    .elementor iframe[title="YouTube video player"] {
        width: 600px;
        height: 335px;
    }
}
@media (max-width: 767px) {
    .elementor p:has(iframe[title="YouTube video player"]) {
        position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;
    }
    .elementor iframe[title="YouTube video player"] {
        position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    }
}

.rp4wp-related-posts {
    margin-top: 20px;
    border-top: 1px solid #ccc;
    padding-top: 20px;
}
.rp4wp-related-posts ul {
    padding: 0;
    list-style: none;
    display: flex;
    gap: 15px;
}
.rp4wp-related-posts ul li {
    flex: 1;
}
.rp4wp-related-posts ul li .rp4wp-related-post-content a {
    font-family: 'Lora';
    color: #000;
    font-size: 1.3em;
    line-height: 1em;
    margin-bottom: 5px;
}
.rp4wp-related-posts ul li .rp4wp-related-post-image img {
    aspect-ratio: 16/9;
    object-fit: cover;
    margin-bottom: 5px;
}
@media (max-width: 600px) {
    .rp4wp-related-posts ul {
        flex-flow: column;
    }
}






.event__container {
    display: flex;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}
.event__container:first-child {
    margin-top: 20px;
}
.event__container:last-child {
    border-bottom: 0;
}
.event__container > div:nth-child(1) {
    width: 60px;
}
.event__caldate {
    border: 1px solid #999;
    border-radius: 5px;
    overflow: hidden;
    aspect-ratio: 1;
}
.event__caldate__month {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    background: #000;
    padding: 2px;
    margin-bottom: 3px
}
.event__caldate__day {
    font-size: 22px;
    font-weight: 300;
    text-align: center;
    color: #333;
}
.event__container > div:nth-child(2) {
    /* flex: 3; */
    flex: 1;
    padding: 0 30px;
}
.event__container > div:nth-child(3) {
    /* flex: 2; */
    width: 400px;
}
.event__date {
    font-weight: 600;
}
@media (max-width: 991px) {
    .event__container {
        flex-flow: wrap;
    }
    .event__container > div:nth-child(3) {
        width: 100%;
    }
}







.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}




.sharequotebox {
    background: #f5f5f5;
    padding: 30px;
}
.sharequotestxt {
    border: none;
    padding: 0;
    
    font-size: 25px;
    font-family: "Lora";
    line-height: 40px !important;
    text-align: center;
    max-width: 750px;
    margin: 0 auto;
}
.blockquote-share {
    line-height: .5;
    text-align: center;
    margin-top: 20px;
}
.blockquote-share span {
    display: inline-block;
    position: relative;
    font-size: 1.4rem;
}
.blockquote-share span:before, 
.blockquote-share span:after {
    content: "";
    position: absolute;
    height: 1px;
    border-top: 2px solid #F0D120;
    top: 16px;
    width: 100px;
}
.blockquote-share span:before {
    right: 100%;
    margin-right: 15px;
}
.blockquote-share span:after {
    left: 100%;
    margin-left: 15px;
}
.blockquote-share a {
    font-size: 160%;
    margin: 0 5px;
}
@media (max-width: 767px) {
    .sharequotebox {
        padding: 20px;
        margin: 20px -20px 0;
    }
    .sharequotestxt {
        font-size: 18px;
        line-height: 30px !important;
    }
}



.pd-filter-nav {
    display: flex;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
    overflow: auto;
    white-space: nowrap;
}
.pd-filter-nav .button {
    display: block;
    padding: 10px 20px 10px 18px;
    color: #555;
    font-weight: 600;
    border-bottom: 2px solid transparent;
    transition: .2s;
}
.pd-filter-nav .button:hover {
    background: #eee;
    color: #000;
}
.pd-filter-nav .button.active {
    border-bottom: 2px solid #5C9AB1;
    color: #000;
}

#author-list {
    display: flex;
    flex-flow: wrap;
    gap: 20px;
    list-style: none;
    padding: 0;
}
#author-list li {
    width: calc(33.33333% - 20px);
    margin-bottom: 20px;
    display: flex;
}
#author-list li .author__image {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    overflow: hidden;
    background: #eee;
    flex-shrink: 0;
}
#author-list li .author__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}
#author-list li .author__info {
    padding-left: 20px;
}
#author-list li .author__info h3 {
    color: #000;
    font-weight: 500;
    font-size: 1.3em;
    margin-bottom: 10px;
}
#author-list li .author__info p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
#author-list li .author__info .button {
    color: #000;
    font-size: 0.9em;
    font-weight: 700;
    text-transform: uppercase;
    background-color: var(--e-global-color-accent );
    padding: 7px 15px;
    border-radius: 3px;
    transition: .2s;
}
#author-list li .author__info .button:hover {
    background-color: #000;
    color: #fff;
}
@media (max-width: 1200px) {
    #author-list li {
        width: calc(50% - 20px);
    }
}
@media (max-width: 767px) {
    #author-list-filters {
        margin-left: -20px;
        margin-right: -20px; 
    }
    #author-list li {
        width: 100%;
  
    }
    #author-list li .author__image {
        width: 60px;
    }
    #author-list li .author__image img {
        width: 60px;
        height: 60px;
    }
}












#nav-toggle {
    position: relative;
    z-index: 9;
    background: none;
    border: none;
    color: #5C9AB1;
    width: 32px;
    min-width: 0;
    padding: 5px;
    transition: .2s;
    outline: none;
}
#nav-toggle:before,
#nav-toggle:after {
    background-color: #5C9AB1;
    content: '';
    display: block;
    height: 3px;
    transition: all 200ms ease-in-out;
}
#nav-toggle:before {
    box-shadow: 0 8px 0 #5C9AB1;
    margin-bottom: 13px;
}
#nav-toggle.active {
    transform: rotate(90deg);
}
#nav-toggle.active:before {
    background-color: #5C9AB1;
    box-shadow: 0 0 0 transparent;
    transform: translateY(8px) rotate(45deg);
}
#nav-toggle.active:after {
    background-color: #5C9AB1;
    transform: translateY(-8px) rotate(-45deg);
}

#nav-panel {}
    
#nav-panel .nav-panel__overlay {
    position: fixed;
    z-index: 99;
    width: 100%; height: 100%;
    top: 0; left: 0;
    background: rgba(0,0,0,0);
    visibility: hidden;
    transition: .2s;
}
#nav-panel .nav-panel__container {
    position: fixed;
    overflow-y: scroll;
    z-index: 999;
    top: 0;
    left: 0;
    height: 100vh;
    width: 300px;
    transform: translateX(-300px);
    background: #fff;
    background: #f7f7f7;
    color: #222;
    padding: 20px 0;
    transition: .3s ease-in-out;
}              
#nav-panel .nav-panel__container .nav-panel__branding {
    text-align: center;
    padding: 0 20px;
    margin-bottom: 20px;
}
#nav-panel .nav-panel__container .nav-panel__branding a {
    display: block;
}
#nav-panel .nav-panel__container .nav-panel__branding img {
    width: 180px;
    margin-bottom: 0px;
}
#nav-panel .nav-panel__container .nav-panel__branding .nav-panel__branding-title {
    text-transform: uppercase;
    letter-spacing: 2px;
}
        
#nav-panel .nav-panel__container .nav-panel__search {
    padding: 0 20px;
    margin-bottom: 20px;
}
#nav-panel .nav-panel__container .nav-panel__search .search-form {}
#nav-panel .nav-panel__container .nav-panel__search .search-form input[type="search"] {
    border-radius: 5px;
    border-color: #ccc;
    padding: 8px 15px;
}
#nav-panel .nav-panel__container .nav-panel__search .search-form input[type="submit"] {
    display: none;
}     
#nav-panel .nav-panel__container #mobile-menu {
    margin-bottom: 20px;
}
#nav-panel .nav-panel__container #mobile-menu .menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
#nav-panel .nav-panel__container #mobile-menu .menu .menu-item {}
#nav-panel .nav-panel__container #mobile-menu .menu .menu-item a {
    display: block;
    text-decoration: none;
    padding: 10px 20px;
    font-size: 17px;
    font-weight: 700;
    color: #333;
}
#nav-panel .nav-panel__container #mobile-menu .menu .menu-item .sub-menu {
    display: none;
    padding: 0px 0px 10px 10px;
    list-style: none;
}
#nav-panel .nav-panel__container #mobile-menu .menu .menu-item .sub-menu .menu-item {}
#nav-panel .nav-panel__container #mobile-menu .menu .menu-item .sub-menu .menu-item a {
    color: #5C9AB1;
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
    padding: 5px 10px;
}
#nav-panel .nav-panel__container #mobile-menu .menu .menu-item:first-child {
    border-top: 0;
}
#nav-panel .nav-panel__container #mobile-menu .menu .menu-item.current-menu-item a {
    color: #000;
}
#nav-panel .nav-panel__container #mobile-menu .menu .menu-item.active {
    background: rgba(0,0,0,.06);
}
#nav-panel .nav-panel__container #mobile-menu .menu .menu-item-has-children > a:hover  {
    text-decoration: none;
}
#nav-panel .nav-panel__container #mobile-menu .menu .menu-item-has-children > a:after {
    content: '\f107';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 600;
    color: #5C9AB1;
    float: right;
}
#nav-panel .nav-panel__container #mobile-menu .menu .menu-item-has-children.active > a:after {
    content: '\f106';
}           
#nav-panel .nav-panel__container #mobile-menu .menu > .menu-item a {
    
}
#nav-panel .nav-panel__container #mobile-menu .menu > .menu-item:first-child a {
    border-top: 0;
}
#nav-panel .nav-panel__container #mobile-menu .menu > .menu-item > a {
    border-top: 1px solid rgba(0,0,0,.1);
}
#nav-panel .nav-panel__container #mobile-menu .menu > .menu-item > a:hover {
    text-decoration: none;
}      
#nav-panel .nav-panel__container .nav-panel__extra {
    font-size: 85%;
    text-align: center;
    margin-bottom: 30px;
}
#nav-panel .nav-panel__container .social {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}
#nav-panel .nav-panel__container .social .social-link {
    color: #fff;
    background: #5C9AB1;
    width: 40px; height: 40px;
    border-radius: 100%;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    opacity: .9;
}
#nav-panel .nav-panel__container .social .social-link:last-child {
    margin-right: 0;
}
#nav-panel .nav-panel__container .social .social-link:hover {
    opacity: 1;
    text-decoration: none;
}
#nav-panel .nav-panel__container .social .social-link i {
    line-height: 1;
    margin-top: 2px;
}
#nav-panel .nav-panel__container .nav-panel__bottom {
    font-size: 75%;
    text-align: center;
}
    
#nav-panel.active {}
#nav-panel.active .nav-panel__overlay {
    visibility: visible;
    background: rgba(0,0,0,.3);
}
#nav-panel.active .nav-panel__container {
    transform: translateX(0); 
}
.admin-bar #nav-panel {
    top: 32px;
}
@media (max-width: 785px) {
    .admin-bar #nav-panel {
        top: 45px;
    }
}





#pillar-sub_human-person,
#pillar-sub_sexulality-family,
#pillar-sub_politics-law,
#pillar-sub_education-culture,
#pillar-sub_business-economics {
    display: none;
}
.archive.term-the-human-person #pillar-sub_human-person {display: inline-block;}
.archive.term-sexuality-and-family #pillar-sub_sexulality-family {display: inline-block;}
.archive.term-politics-and-law #pillar-sub_politics-law {display: inline-block;}
.archive.term-education-and-culture #pillar-sub_education-culture {display: inline-block;}
.archive.term-business-and-economics #pillar-sub_business-economics {display: inline-block;}



.about_author h2 {
    margin-bottom: 30px;
}
.about_author_inner {
    display: flex;
    gap: 30px;
    margin-bottom: 30px;
}
.about_author_avatar {
    flex-shrink: 0;
    width: 120px;
    height: 120px;
    aspect-ratio: 1;
    border-radius: 100%;
    background: #eee;
    background-image: url('https://www.thepublicdiscourse.com/wp-content/uploads/2023/03/public-discourse_icon.png');
    background-size: cover;
}
.about_author_avatar img {
    width: 120px;
    aspect-ratio: 1;
    border-radius: 100%;
}
.about_author_cont {
    padding-top: 15px;
}
.about_author_cont_title {
    margin: 0 0 10px;
    font-weight: 500;
}
.about_author_cont_title a {
    color: #333;
}