/*
Theme Name: Freaky Trigger 2023
Theme URI: https://freaktrigger.co.uk/
Author: Steve 'Mannio' Mannion and Alan 'Al' Trewartha
Author URI: https://freaktrigger.co.uk/
Description: For the relaunch in 2023 of the separate FT, Popular and People's Pop Polls
Requires at least: 6.1
_Tested up to: 6.1
_Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: freakytrigger
_Tags: 
*/

body {
     background-color: #eeeeee;
     font-family: 'PT Serif', serif;
     font-family: 'PT Sans', sans-serif;
     letter-spacing: -0.025em;
     overflow-x: clip;
}
body a {
     color: #4b339b;
     text-decoration: none;
}
body a:hover {
    text-decoration: underline;
}

.navbar {
     position: relative;
     background-color: rgba(255,255,255,.75); /* fallback */
     width: 100%;
}
 .navbar::before {
    background: url(images/bg-header.png);
    background-size: 150%;
    background-position: 35% 64%;
    z-index: 1;
    top: 0;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    filter: blur(3px);
    opacity:.75;
}

 .navbar::after {
     content: '';
     position: fixed;
     width: 100%;
     height: 100%;
     z-index: -1;
     opacity: 1;
     transform: rotate(15deg);
     scale:1.5;
     filter: brightness(1.1);
     background: radial-gradient(at 30% -5%, #92f2f2, #d6cff1, rgba(255, 255, 255, 0) 25%), radial-gradient(at 50% 70%, #c4f2e5, rgba(255, 255, 255, 0) 30%), radial-gradient(at 70% 0%, #d6cff1, rgba(255, 255, 255, 0) 20%), linear-gradient(75deg, #92f2f2 5%, rgba(255, 255, 255, 0), #a8d0f0, rgba(255, 255, 255, 0), #eed5f2, rgba(255, 255, 255, 0), #d6cff1, rgba(255, 255, 255, 0), #c4f2e5 90%), radial-gradient(at 30% 50%, #92f2f2, rgba(255, 255, 255, 0) 30%), radial-gradient(at 30% 50%, #9cb9fc, rgba(255, 255, 255, 0) 30%), radial-gradient(at 100% 50%, #92f2f2, #c2dcf2, rgba(255, 255, 255, 0) 50%), linear-gradient(115deg, #92f2f2 5%, #a8d0f0 10%, #d6cff1, #eed5f2 20%, #a8d0f0, #a8d0f0 30%, #d6cff1, #c2dcf2 40%, #92f2f2, #a8d0f0 70%);
}
.navbar * {
     z-index: 2;
}
.mega-menu-toggle {
    background: transparent !important;
}
.mega-toggle-animated-inner,
.mega-toggle-animated-inner::before, 
.mega-toggle-animated-inner::after {
    width: 32px !important;
    height: 2px !important;
    background-color: rgba(0,0,0,.4) !important;
    border-radius: 2px !important;
}
.mega-sub-menu ul {
    padding-left: 0;
}
.mega-sub-menu ul li,
.mega-sub-menu ul li a,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
    color: #fff !important;
}
.mega-sub-menu ul li, .tagcloud a {
    display: inline-block;
    padding: 5px 1em;
    margin: 0px 5px 5px 0;
    background-color: rgba(0,0,0,.25);
    border-radius: 1rem;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, #wp-calendar caption {
        font-size: 14px !important;
    margin: 0px 0px 5px 5px !important;
    font-family: 'Work Sans' !important;
    font-weight: 600 !important;
        text-rendering: geometricPrecision;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 ul.mega-sub-menu {
    box-shadow: 1px 5px 10px rgb(0 0 0 / 45%) !important;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    margin: 0 0 12px;
}

.mega-sub-menu ul li a {
    color: #9FAACC !important;
}
.mega-sub-menu ul li a:hover {
    text-decoration: underline;
}
.mega-sub-menu .mega-sub-menu {
        max-width: 1024px !important;
    margin: auto !important;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 input {
    max-width: 480px;
    width: 100%;
    height: 40px;
    border-radius: 5px;
    border: 5px solid transparent;
}

.mega-sub-menu form label + input {
    max-width: 400px;
}
/*.mega-sub-menu form label + input + input {
    max-width: 90px !important;
}*/

.mega-menu-wrap input#s {
    width:65% !important; 
    max-width: 290px !important;
    border-radius:5px 0 0 5px !important;
}

.mega-menu-wrap input#searchsubmit {width:33% !important; border-radius: 0 5px 5px 0 !important;}

    ::-webkit-scrollbar {
        height: 0;
        background: rgba(0,0,0,.15);
        border-radius: 1px !important;
    }

    ::-webkit-scrollbar-track {
      background: transparent; 
    }
     
    ::-webkit-scrollbar-thumb {
      background: rgba(0,0,0,.5);
        border-radius: 1px !important;
    }

    ::-webkit-scrollbar-thumb:hover {
      background: #555; 
    }


.series-list{
    list-style-type: none; padding-left: 1em;
}
.series-list li {margin:.5em}
.series-list li a{
}

.body-grad {
     background-color: #fafafa;
     background: linear-gradient(0deg, rgba(255,255,255,.75) 10%, rgba(0,0,0,0.001) 90%),
     linear-gradient(180deg, rgba(255,255,255,.5) 10%, rgba(255,255,255,0.25) 40%);
    min-height:180px;

}
.body-grad:before {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 180px;
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 90%);
    z-index: 0;
}
.body-grad .container {
/*    min-height: 500px !important;*/
}
.bg-dark {
     background-color: #4b339b !important;
}

footer {
     position: static;
     bottom: 0;
     width: 100%;
}
footer.bg-dark {
    padding: 1rem;

}
footer.bg-dark img {
    opacity: .5;
    filter: brightness(0.25);
    max-width: 60px;
}
footer a {
     color: #9FAACC;
     text-decoration: none !important;
}

footer a:hover {
     color: #fff;
}

footer p {
    margin-bottom: 0 !important;
    color: rgba(255,255,255,.75);
    font-size: 0.85em;
}

footer p.has-text-align-center {
    font-family:  'PT Sans', sans-serif;
    color:  rgba(255,255,255,.5);
    font-size:  85%;
    margin: 1.5em 0;
}
footer .wp-block-column {
    margin-bottom: 1em !important;
}

h1, h2, h3, h4, h5 {
    font-family: 'PT Serif';
    font-weight: 700 !important;
    line-height: 1.15 !important;
    text-rendering: auto !important;
    letter-spacing: -0.03em;
    color: rgba(50,10,100);
}

h1 {
    line-height: 1.1 !important;
    font-size: 2rem !important;
    text-shadow: 0 0 2rem rgb(255 255 255 / 75%);

}
h2 {
    font-size: 1.5rem;
}
h3, .col-md-4 h2, .col-lg-4 h2 {
     font-size: 1.5rem !important;
}
.col-md-4 div h2, .col-lg-4 div h2,
.col-md-4 div h3, .col-lg-4 div h3 {
    margin: 1em 10px 0.5em;
    font-family: 'PT Serif';
    font-size: 120% !iMPORTANT;
    text-rendering: geometricPrecision;
}
.col-md-4 div:first-of-type h2,
.col-md-4 div:first-of-type h3 {
    margin: 0 0.5em;
}
.col-md-4 div p, .col-lg-4 div p {
    margin: 10px;
    margin-bottom: 0 !important;
}
h3.small {
    font-size:  1em !important;
    padding: 5px 0 0 10px;
}
.col-lg-8 > h2 {
    margin: 0 2em 2em 0.75em;
    font-family: 'PT Serif';
    font-size: 1.5em;
}
.bg-dark h3 {
    color: rgba(255,255,255.75);
}
 
.heading-line h3 {
    display: inline-block;
    background-color: rgba(255,255,255,.2);
    line-height: 1.5;
    margin-top: 0;
    position: relative;
    padding-right: .35em;
    font-size: 1.25rem !important;
    letter-spacing: -0.03em;
}
/*.col-lg-4 > div > h3::before,*/
.heading-line h3::before {
    position: absolute;
    content: '';
    display: inline-block;
    height: 100%;
    width: -webkit-fill-available;
    z-index: -1;
    left: 0;
    top: 0;
    margin-bottom: -1em;
    background: rgba(255,255,255,1);

}
/*.col-lg-4 > div::after,*/
.heading-line::after {
    position: absolute;
    content: '';
    display: inline-block;
    height: 1px;
    width: 100%;
    left: 0;
    top: 40%;
    background: rgba(0,0,150,.25);
    z-index: -2;
}


p, .article-body li, .article-body > div {
     margin-bottom: 1.5rem !important;
     line-height: 1.45;
     font-family: 'PT Serif', sans-serif;
         color: rgba(0,0,0,.9);
}
p.lead {
     margin-bottom: 3rem !important;
}
p.card-text,
.card-img-overlay .card p {
    color: rgba(0,0,0,.9) !important;
    margin: 0 0 10px 0;
    font-size: 90%;
}

p.card-text.small {
    font-size: 85% !important;
    font-family: 'PT Sans', sans-serif !important;
    margin: 5px 0 !important;
}
p > a, li a, .article-body > a, .article-body > * a {
    font-weight: 600;
}
.article-body p:first-of-type, 
.wpd-comment-date {
    font-size: 1em !important;
}
.mod-excerpt p {
     margin-bottom: .75rem !important;
     font-size: 90% !important;
 }


a.mega-menu-link {
    color: #4b339b !important;
    font-weight: 600 !important;
    line-height: 100% !important;
    margin-top: -2px !important;
    padding-top: 1em;
    position: relative !important;
}
a.mega-menu-link:before {
    font-size: 20px;
}
a.mega-menu-link:hover {
    background: transparent!important;
    background: linear-gradient(to bottom, rgba(221, 221, 221, 0), #ddd);
    color: #33c840;
    border: none !important;

}
.mega-sub-menu select {
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='15' height='10' viewBox='0 0 256 256' xml:space='preserve'%3E%3Cdefs%3E%3C/defs%3E%3Cg style='stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;' transform='translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)' %3E%3Cpath d='M 90 24.25 c 0 -0.896 -0.342 -1.792 -1.025 -2.475 c -1.366 -1.367 -3.583 -1.367 -4.949 0 L 45 60.8 L 5.975 21.775 c -1.367 -1.367 -3.583 -1.367 -4.95 0 c -1.366 1.367 -1.366 3.583 0 4.95 l 41.5 41.5 c 1.366 1.367 3.583 1.367 4.949 0 l 41.5 -41.5 C 89.658 26.042 90 25.146 90 24.25 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round' /%3E%3C/g%3E%3C/svg%3E");
	background-position: right center;
	background-repeat: no-repeat;
	background-color: #fff;
	height: 40px;
    width: 100%;
    border-radius: 5px;
    padding: 5px 20px 5px 5px;
}
li.mega-menu-item > a.mega-menu-link {
    padding: 15px 10px 10px 15px !important;

}
li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    top: -12px !important;
}



.card-title {
    font-family: 'PT Sans' sans-serif;
    font-family: 'PT Serif', serif;
    font-size: 1.5em !important;
    width: 95%;
    display: block;
      /* Fallback for non-webkit */
      display: -webkit-box;
      max-width: 90%;
      /* Fallback for non-webkit */
      margin: 0;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;

}

.grad, .grad-ring {
     position: relative;
     z-index: 0;
}

 .grad-ring::after, .grad::after {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: -1;
     border-radius: 100%;
     opacity: 1;
     filter: brightness(1.1);
     background: radial-gradient(at 30% -5%, #92f2f2, #d6cff1, rgba(255, 255, 255, 0) 25%), radial-gradient(at 50% 70%, #c4f2e5, rgba(255, 255, 255, 0) 30%), radial-gradient(at 70% 0%, #d6cff1, rgba(255, 255, 255, 0) 20%), linear-gradient(75deg, #92f2f2 5%, rgba(255, 255, 255, 0), #a8d0f0, rgba(255, 255, 255, 0), #eed5f2, rgba(255, 255, 255, 0), #d6cff1, rgba(255, 255, 255, 0), #c4f2e5 90%), radial-gradient(at 30% 50%, #92f2f2, rgba(255, 255, 255, 0) 30%), radial-gradient(at 30% 50%, #9cb9fc, rgba(255, 255, 255, 0) 30%), radial-gradient(at 100% 50%, #92f2f2, #c2dcf2, rgba(255, 255, 255, 0) 50%), linear-gradient(115deg, #92f2f2 5%, #a8d0f0 10%, #d6cff1, #eed5f2 20%, #a8d0f0, #a8d0f0 30%, #d6cff1, #c2dcf2 40%, #92f2f2, #a8d0f0 70%);
}

.grad::before {
    background: url(images/bg-header.png);
    background-size: 100%;
    background-position: inherit;
    z-index: -2;
    position: absolute;
    top: 0;
    content: '';
    /*width: 100%; seems problematic */
    width: -webkit-fill-available;
    height: 100%;
    filter: blur(1.5px);
}

 .grad::after {
     border-radius: 0;
     position: absolute;
     top: 0;
     left: 0;
     z-index: -2;
     filter: opacity(0.6);
}
.bg-featured-wrapper::before {
    background: radial-gradient(at 30% -5%, #92f2f2, #d6cff1, rgba(255, 255, 255, 0) 25%), radial-gradient(at 50% 70%, #c4f2e5, rgba(255, 255, 255, 0) 30%), radial-gradient(at 70% 0%, #d6cff1, rgba(255, 255, 255, 0) 20%), linear-gradient(75deg, #92f2f2 5%, rgba(255, 255, 255, 0), #a8d0f0, rgba(255, 255, 255, 0), #eed5f2, rgba(255, 255, 255, 0), #d6cff1, rgba(255, 255, 255, 0), #c4f2e5 90%), radial-gradient(at 30% 50%, #92f2f2, rgba(255, 255, 255, 0) 30%), radial-gradient(at 30% 50%, #9cb9fc, rgba(255, 255, 255, 0) 30%), radial-gradient(at 100% 50%, #92f2f2, #c2dcf2, rgba(255, 255, 255, 0) 50%), linear-gradient(115deg, #92f2f2 5%, #a8d0f0 10%, #d6cff1, #eed5f2 20%, #a8d0f0, #a8d0f0 30%, #d6cff1, #c2dcf2 40%, #92f2f2, #a8d0f0 70%);
    position: absolute;
    top: 0;
    height: 100%;
    content: '';
    width: 100%;
    display: block;
    z-index: -1;

}
.bg-featured {
    position: absolute;
    height: 105%;
    background-size: cover !important;
    top: 30px;
    left: -5%;
    width: 110%;
    z-index: -1;
    filter: blur(5px);
}
.bg-featured::after, .bg-featured-wrapper::after {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255,255,255,0) 10%, rgba(255,255,255,.25) 70%, rgba(240,240,240,1) 90%);
}
.bg-featured::after {
    background: linear-gradient(180deg, rgba(255,255,255,.01) 10%, rgba(240,240,240,.5) 70%, rgba(240,240,240,1) 90%);

}

.bg-featured-wrapper::after {
    z-index: -2;
}

.bg-featured-wrapper .img.featured {
    height:  300px;
}


.grad-ring span {
     background-color: #f5f5f5;
     border-radius: 100%;
     letter-spacing: -4px !important;
     font-weight: bolder;
     margin: 3px;
     position: relative;
     left: 0;
     color: #4b339b;
}
 .border-left {
     position: relative;
         /* border-left: 3px solid #4b339b; */

}


 .subhead-grad {
     background-color: #d6cff1;
     background-image: url(images/bg-placeholder.png);
    /* displays if no featured image */
     background-repeat: no-repeat !important;
     background-size: 110% !important;
     background-position: center 20% !important;
     min-height:100px;
     padding:1rem;
     height:100%;
     position: absolute;
     top:0;
     left:-5%;
     width:104%;
     z-index:-1;
     filter:blur(9px);
     opacity:.65;
}
 .subhead-grad-overlay-high {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 1%, rgba(255,255,255,0.1) 16%, rgba(255,255,255,0.1) 90%);
    position: absolute;
    left: 0;
    width: 100%;
    height: 100% !important;
    z-index: -1;
} 

.subhead-grad-overlay-low {
     min-height:120px;
     background:rgba(255,255,255,0.2) 100%;
}
.img-fill {
    filter: blur(1px);
    border-radius: inherit !important;
    margin: -16px -16px 0 0;
    box-shadow: 1px 1px 10px rgb(0 0 0 / 15%);
    height: 100%;
    min-height: 440px;
    /* object-fit: unset; */
    /* object-position: center; */
    transform: scale(1.5);
    transform-origin: 30% 30%;
    width: 100%;
}
.img-overlay .img-fill {
    height: auto; /* does not fill inside aside img-card */
    box-shadow: none;
}
.aside .img-overlay .img-fill {
    height: inherit;
}

.card-img {
    background: repeating-linear-gradient(135deg, #eee, #eee 4px, transparent 4px, transparent 8px);
    border-radius: 1rem;
    z-index: 0;
}

.card-img p {
    margin-bottom: 4px;
}
.wp-block-latest-comments li {
    padding: 5px;
    position: relative;
    margin: 1.5em 0 .5em 0;
    border-radius: .5rem;
    background: repeating-linear-gradient(135deg, #eee, #eee 4px, transparent 4px, transparent 8px);
    z-index: 0;
    width: 95%;
        list-style: none;
}
.wp-block-latest-comments li::after {
    position: absolute;
    content: '';
    top: -10px;
    left: 17px;
    width: 100%;
    height: 100%;
    border-radius: .5rem;
    background-color: #fff;
    background: radial-gradient(at 30% -5%, #92f2f2, #d6cff1, rgba(255, 255, 255, 0) 25%), radial-gradient(at 50% 70%, #c4f2e5, rgba(255, 255, 255, 0) 30%), radial-gradient(at 70% 0%, #d6cff1, rgba(255, 255, 255, 0) 20%), linear-gradient(75deg, #92f2f2 5%, rgba(255, 255, 255, 0), #a8d0f0, rgba(255, 255, 255, 0), #eed5f2, rgba(255, 255, 255, 0), #d6cff1, rgba(255, 255, 255, 0), #c4f2e5 90%), radial-gradient(at 30% 50%, #92f2f2, rgba(255, 255, 255, 0) 30%), radial-gradient(at 30% 50%, #9cb9fc, rgba(255, 255, 255, 0) 30%), radial-gradient(at 100% 50%, #92f2f2, #c2dcf2, rgba(255, 255, 255, 0) 50%), linear-gradient(115deg, #92f2f2 5%, #a8d0f0 10%, #d6cff1, #eed5f2 20%, #a8d0f0, #a8d0f0 30%, #d6cff1, #c2dcf2 40%, #92f2f2, #a8d0f0 70%);
    z-index: -1;
}

.wp-block-latest-comments li article {
    background-color: #fff;
    margin: 0 3px;
    top: -13px;
    position: relative;
    z-index: 0;
    border-radius: .5em;
        padding-top: 10px;
    line-height: 1.3;
    width: 105%;
    box-shadow: 1px 1px 10px rgb(0 0 0 / 15%);

}
.wp-block-latest-comments li * {
    z-index: 2;
}

.wp-block-latest-comments__comment-date {
    font-size: 90% !important;
    margin: 3px 0 5px 0 !important;
    opacity: .75;
}
.card a > h2, .card a > h3, .card a > h4, .card a > h5,
.wp-block-latest-comments li article footer a {
    color: #4b339b !important;
    font-weight: 600;
    text-rendering: geometricPrecision;
    letter-spacing: -0.025em;
    line-height: 1.3;
}
.wp-block-latest-comments li article footer {
    font-family: 'Work Sans';
}
.wp-block-latest-comments li article footer a {
    font-family: 'PT Serif';
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.03em;
}
.wp-block-latest-comments li article footer a.wp-block-latest-comments__comment-author {
    pointer-events: none;
    font-weight: 400;
    font-size: 1em !important;
    color: rgba(0,0,0,.75) !important;
}

.card a > h2:hover, .card a > h3:hover, .card a > h4:hover, .card a > h5:hover, 
.wp-block-latest-comments li article footer a:hover {
    color: #4b339b !important;
    text-decoration: underline !important;
}
.wp-block-latest-comments__comment-meta {
    margin-left:  0;
}
.wp-block-latest-comments__comment-avatar {
    position: absolute;
    margin: -5px 7px 5px 7px;
    width: 3em !important;
    height: 3em !important;
    margin-right: 0;
    border-radius: 100%;
    border: 1px solid rgba(0,0,0,.05);
    padding: 1px;
}
.wp-block-latest-comments__comment {
    padding: 5px 10px;
}
.wp-block-latest-comments__comment-excerpt p {
    font-size: 1em !important;
    font-family: 'PT Serif', sans-serif;
    line-height: 1.3 !important;
    padding-bottom: 1em;
    margin: 1em 0 0 0 !important;
    letter-spacing: -0.015em;
    text-rendering: geometricPrecision;
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
    margin-left: 0 !important;
    padding-left: 56px;
    padding-right: 1em;
}

a.card-img {
    background: repeating-linear-gradient(135deg, rgba(255,255,255,.5), rgba(255,255,255,.5) 4px, transparent 4px, transparent 8px)
}

.bg-dark a.card-img {
    background: repeating-linear-gradient(135deg, rgba(0,0,0,.25), rgba(0,0,0,.25) 4px, transparent 4px, transparent 8px);
}


.badge {
     color: #444 !important;
     background-color: rgba(50,0,150,.05) !important;
     
    font-size: .95em !important;
    /* font-family: 'PT Serif', serif; */
    font-family: 'Work Sans' !important;
    letter-spacing: -0.01em;
    margin: 0 0 0 0.5em;
    text-decoration: none !important;
    text-transform: capitalize;
    text-rendering: geometricPrecision;
}
a.badge {
    color: #4b339b !important;
}

a.badge:hover {
     color:#4b339b !important;
     text-decoration: underline !important;

}


 .navbar>.container {
     flex-wrap: unset !important;
}
 a.navbar-brand {
     margin-bottom: -8px;
     width: 150px;
     line-height: 1;
     font-size: 1em;
     text-transform: uppercase;
     font-family: 'Work Sans', serif;
    font-weight: 800;
    letter-spacing: -0.5px;
     padding: 0.5rem;
     color: #4b339b;
}
 a.navbar-brand.active {
     background-color: #fff;
     border-radius: 1rem 1rem 0 0;
    position: relative;
    box-shadow: 0px -1px 5px rgb(50 0 200 / 5%);
}
 a.navbar-brand.active::after {
     position: absolute;
     bottom: 0;
     width: 90%;
     left: 5%;
     display: block;
     content: '';
     height: 3px;
     background-color: #4b339b;
}
 a.navbar-brand:hover {
    color: #4b339b;
    background: rgba(255,255,255,.35);
    border-radius: 1rem 1rem 0 0;
    transition: all ease-in .5s;
    box-shadow: 0px -10px 15px 0px rgb(50 0 200 / 15%);
}
li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    background: transparent;

}
li.mega-menu-item > a.mega-menu-link {
    height: 40px;
    background: transparent !important;
    border-radius: 5px 5px 0 0 !important;
    border: none !important;
    padding: 15px 10px 10px 10px !important;
}
li.mega-menu-megamenu > ul.mega-sub-menu {
    z-index: 999;
    background: #4b339b !important;
    position: fixed;
    width: 100%;
    /* max-width: none; */
    left: 0;
    margin: 0;
    border-radius: 1rem !important;
    padding: 1em 0;
    line-height: 1.3;
    box-shadow: 1px 5px 10px rgb(0 0 0 / 45%);
    color:  #fff !important;
}

 .container .img-fluid {
     /*max-width: 100%;
     min-width: 50%;*/
     height: auto;
     border-radius: .5em;
     box-shadow: 0 5px 15px rgba(0,0,0,.05);
     border: 3px solid rgba(0,0,0,.05);
}
.img-featured {
    min-height: 150px;
}
.img-featured > img {
    /*height: 280px;*/
    border-radius: 0.5em;
    box-shadow: 0 5px 10px rgb(0 0 0 / 15%);
    border: 1px solid rgba(0,0,0,.05);
    /*min-width: 100%;*/
    margin-bottom: 0.5em;
}
/*.img-featured + div {
    padding: 1em;
}
.content-title {
    width: 100%;
    padding-left: 1em;
}
*/

.img-featured::after {
    background: repeating-linear-gradient(135deg, rgba(255,255,255,.5), rgba(255,255,255,.5) 4px, transparent 4px, transparent 8px);
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    right: 66.6%;
    top: -4px;
    z-index: -1;
}
 .navbar-brand img {
    display: none;
    filter: hue-rotate(-20deg);
}
 .navbar>.container {
     flex-wrap: wrap-reverse !important;
}
 a.navbar-brand {
     font-size: 14px;
     width: 33.3%;
     text-align: center;
}
 .navbar-menu {
     margin: auto !important;
     width: 100%;
     text-align: center;
}
 .bg-dark-shade {
     background-color: rgba(0, 0, 0, 0.2);
}

.btn-more, .btn-less {
    position: relative;
    color: #4b339b;
    letter-spacing: 0;
    min-height: 32px;
    border-radius: 0.5rem;
    border: 1px solid rgba(30,0,90,.1);
    font-family: 'PT Sans', sans-serif;
    max-width: 250px;

}

.btn-more {
    padding-left: .75em;
    padding-right: 1.5rem;
}
.btn-less {
    padding-left: 1.5em;
    padding-right: 1em;
}
.btn-lg {
    min-width: 200px;
}
.btn-more:hover, .btn-less:hover, 
.btn-more > a:hover, .btn-less > a:hover,
{
    background-color: #4b339b;
    color:  #fff;
    border: 1px solid transparent;
}
.btn-more::before {
    position: absolute;
    top: 11px;
    right: 7px;
    display: block;
    content: '';
    height: 8px;
    width: 8px;
    border-left: 2px solid #4b339b;
    border-top: 2px solid #4b339b;
    border-radius: 1px;
    transform: rotate(135deg);
   ; 
}
.btn-more::after {
    position: absolute;
    top: 14px;
    right: 6px;
    display: block;
    content: '';
    height: 2px;
    width: 12px;
    border-radius: 2px;
    background-color: #4b339b;
    border: 0;
    transform: rotate(180deg);
}

.btn-lg.btn-more::before,
.btn-lg.btn-less::before {
    position: absolute;
    top: 15px;
    right: 16px;
    display: block;
    content: '';
    height: 16px;
    width: 16px;
    border-left: 2px solid #4b339b;
    border-top: 2px solid #4b339b;
    border-radius: 1px;
    transform: rotate(135deg);
   ; 
}
.btn-lg.btn-less::before {
    top: 15px;
    right:  unset;
    left: 16px;
    height: 16px;
    width: 16px;
}
.btn-lg.btn-more::after {
    display: none;
}
.btn-more:hover::before, .btn-less:hover::before {
    border-color:  #fff;
}

.btn-more:hover::after, .btn-less:hover::after {
    background-color:  #fff;
}

.btn-less::before {
    position: absolute;
    top: 11px;
    left: 7px;
    display: block;
    content: '';
    height: 8px;
    width: 8px;
    border-left: 2px solid #4b339b;
    border-top: 2px solid #4b339b;
    border-radius: 1px;
    transform: rotate(315deg);
   ; 
}
.btn-less::after {
    position: absolute;
    top: 14px;
    left: 6px;
    display: block;
    content: '';
    height: 2px;
    width: 12px;
    border-radius: 2px;
    background-color: #4b339b;
    border: 0;
    transform: rotate(180deg);
}


.btn-prev::after, 
.btn-next::after {
    display: none;
}
.btn-prev::before, 
.btn-next::before {
    top: 35%;
    left: 10px;
    height: 16px;
    width: 16px;
}
.btn-next::before {

}

.btn-light:hover, .btn-light a:hover {
    background: #4b339b;
    color: #fff !important;
}


.card {
     border: none !important;
     padding:1em;
     border-radius:1em;
     margin-bottom: 1em;
}

.card-shadowed {
    box-shadow: 0 15px 25px rgb(0 0 0 / 5%);
}
.card-img-overlay {
    border-radius: 1rem !important;
}
.col-md-8 .card-img-overlay::before ,
.col-lg-8 .card-img-overlay::before {
    position: absolute;
    content: '';
    display: block;
    height: 102%;
    z-index: -2;
    top: -1em;
    left: 8px;
    width: 90%;
    background: radial-gradient(at 30% -5%, #92f2f2, #d6cff1, rgba(255, 255, 255, 0) 25%), radial-gradient(at 50% 70%, #c4f2e5, rgba(255, 255, 255, 0) 30%), radial-gradient(at 70% 0%, #d6cff1, rgba(255, 255, 255, 0) 20%), linear-gradient(75deg, #92f2f2 5%, rgba(255, 255, 255, 0), #a8d0f0, rgba(255, 255, 255, 0), #eed5f2, rgba(255, 255, 255, 0), #d6cff1, rgba(255, 255, 255, 0), #c4f2e5 90%), radial-gradient(at 30% 50%, #92f2f2, rgba(255, 255, 255, 0) 30%), radial-gradient(at 30% 50%, #9cb9fc, rgba(255, 255, 255, 0) 30%), radial-gradient(at 100% 50%, #92f2f2, #c2dcf2, rgba(255, 255, 255, 0) 50%), linear-gradient(115deg, #92f2f2 5%, #a8d0f0 10%, #d6cff1, #eed5f2 20%, #a8d0f0, #a8d0f0 30%, #d6cff1, #c2dcf2 40%, #92f2f2, #a8d0f0 70%);
    border-radius: 1rem;
}
.card-img-overlay .card {
    bottom: -1.5em;
    left: -0.5rem;
    border-radius: 0 2rem 0 1rem;
    background: linear-gradient(180deg, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 40%);

}

.card-img, .img-overlay, .card-img-overlay {
    height: 440px;
    margin-bottom: 0;
}
.img-overlay {
/*    overflow: clip; */    
    overflow: hidden;
    overflow-clip-margin: content-box;
    border-radius: inherit;
    box-shadow: 1px 1px 10px rgb(0 0 0 / 15%);
    /*  display: do not use!  */   
    position: relative;
    /*width: fit-content; do not use! */
    margin-top: -15px;
    margin-right: -15px;
}

.img-overlay::before {
    position: absolute;
    display: block;
    content: '';
    height: 100%;
    width: 100%;
    background: #111;
    background: radial-gradient(at 30% -5%, #92f2f2, #d6cff1, rgba(255, 255, 255, 0) 25%), radial-gradient(at 50% 70%, #c4f2e5, rgba(255, 255, 255, 0) 30%), radial-gradient(at 70% 0%, #d6cff1, rgba(255, 255, 255, 0) 20%), linear-gradient(75deg, #92f2f2 5%, rgba(255, 255, 255, 0), #a8d0f0, rgba(255, 255, 255, 0), #eed5f2, rgba(255, 255, 255, 0), #d6cff1, rgba(255, 255, 255, 0), #c4f2e5 90%), radial-gradient(at 30% 50%, #92f2f2, rgba(255, 255, 255, 0) 30%), radial-gradient(at 30% 50%, #9cb9fc, rgba(255, 255, 255, 0) 30%), radial-gradient(at 100% 50%, #92f2f2, #c2dcf2, rgba(255, 255, 255, 0) 50%), linear-gradient(115deg, #92f2f2 5%, #a8d0f0 10%, #d6cff1, #eed5f2 20%, #a8d0f0, #a8d0f0 30%, #d6cff1, #c2dcf2 40%, #92f2f2, #a8d0f0 70%);
    z-index: -1;
    left: 8px;
    top: -8px;
    border-radius: 1rem;
    transform: scale(2);
}

 .post-meta {
    font-size: .85em;
    font-family: 'Work Sans' !important;
    color: rgba(0,0,50,.75);
}
.post-meta strong {
    color: rgba(0,0,50,.9);
    font-size: 1.15em !important;
}
.article-wrapper {
    background-color: rgba(255,255,255,.5);
}

ol.wp-block-latest-comments {
    padding-left: 0;
}

.card-img + .card-img  {
    margin-top: 5rem;
}
 .blog-1:before, 
 .blog-2:before {
    content: "Meanwhile on Popular…";
    position: relative;
    z-index:  1;
    top: -16px;
    padding: 5px 10px;
    /* text-transform: uppercase; */
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.5px;
    left: 22px;
    color: rgba(50,10,100);
    display: inline-block;
    height: 30px;
    border-radius: 0.5rem 0.5rem 0 0;
    background-color: #fff;
    background-blend-mode: saturation;
    filter: brightness(1.15);
    background: radial-gradient(at 30% -5%, #92f2f2, #d6cff1, rgba(255, 255, 255, 0) 25%), radial-gradient(at 50% 70%, #c4f2e5, rgba(255, 255, 255, 0) 30%), radial-gradient(at 70% 0%, #d6cff1, rgba(255, 255, 255, 0) 20%), linear-gradient(75deg, #92f2f2 5%, rgba(255, 255, 255, 0), #a8d0f0, rgba(255, 255, 255, 0), #eed5f2, rgba(255, 255, 255, 0), #d6cff1, rgba(255, 255, 255, 0), #c4f2e5 90%), radial-gradient(at 30% 50%, #92f2f2, rgba(255, 255, 255, 0) 30%), radial-gradient(at 30% 50%, #9cb9fc, rgba(255, 255, 255, 0) 30%), radial-gradient(at 100% 50%, #92f2f2, #c2dcf2, rgba(255, 255, 255, 0) 50%), linear-gradient(115deg, #92f2f2 5%, #a8d0f0 10%, #d6cff1, #eed5f2 20%, #a8d0f0, #a8d0f0 30%, #d6cff1, #c2dcf2 40%, #92f2f2, #a8d0f0 70%);

}

 .blog-1:before {
     content: "Meanwhile on Freaky Trigger…";
}
 .ft-links-footer p {
     width:24% ;
}
.article-body {
    font-family: 'PT Serif', sans-serif;
    font-size: .95em !important;
    letter-spacing: -0.015em;
    text-rendering: geometricPrecision;
}
.article-body object {
    width: 100%;
    margin: 1em 0;
    height: inherit;
    border: 3px double rgba(0,0,0,.1);
}
li#mega-menu-item-custom_html-10 div.custom-html-widget, li.widget_tag_cloud {
	max-height:400px !important;
	overflow: auto !important;
}
 div.wp_comments div.navigation {
     height:3em;
}
 div.wp_comments div.navigation div.alignleft {
    float: left;
}
 div.wp_comments div.navigation div.alignright {
    float: right;
}

.article-body > p > img,
.article-body > p > a > img  { /* if img gets wrapped in paragraph mistakenly */
    min-width: 50%;
    float: right;
    border: 1px solid rgba(0,0,0,.05);
    padding: 2px;
    border-radius: 0.5rem;
    margin-left: 2em;
    margin-top: 1em;
    margin-bottom: 1em;
}
.article-body h3 {
    margin: 1em 0;
}
.if-popular + div img:first-child {
    display: none;
}

figure.alignleft img,
 img.alignleft, img.left {
    float: left;
    margin-right:1em;
    margin-bottom: 1em;
    border: 1px solid rgba(0,0,0,.05);
    padding: 2px;
    border-radius: 0.5rem;
    min-width: 50%;
    width: 50%;
    height: auto;
}
figure.alignright img,
 img.alignright, img.right {
    float: right;
    margin-left:1em;
    margin-bottom: 1em;
    border: 1px solid rgba(0,0,0,.05);
    padding: 2px;
    border-radius: 0.5rem;
    min-width: 50%;
    width: 50%;
    height: auto;
}
figure.aligncenter img,
img.aligncenter, img.center, center img, .size-full img, .size-large img {
    width: 100%;
    border: 1px solid rgba(0,0,0,.05);
    padding: 2px;
    border-radius: 0.5rem;
    margin: 1em 0;
    display: block;
}

figure.alignleft.size-full img {
    width: 100%;
    margin: 0 1em 1em 0;
}
figure.alignright.size-full img {
    width: 100%;
    margin: 0 0 1em 1em;
}
.wp-block-image .alignleft,
.wp-block-image .alignright,
img.size-thumbnail {
    width: 50% !important;
}
img.alignleft:first-of-type {
    float: right !important;
    margin-right:0 !important;
    margin-left:1em !important;
}

figure {
    margin: 1px; /* specify by parent, sibling or child */
}


.wp-block-columns {
    margin-bottom: 1px !important;
    gap: 1px !important;
}

p + ol, p + ul
.wp-block-columns + ul,
.wp-block-columns + ol,
.wp-block-columns + p {
    margin-top: 1rem !important; 
}
.article-body .wp-block-columns {
    margin-bottom:  0 !important;
}
.card-poll .wp-block-column, 
.card-poll figure.wp-block-image.size-large ,
.card-poll figure.wp-block-image.size-full {
    align-items: stretch !important;
    display: flex !important;
    margin:  0 !important;
}

.card-poll figure.wp-block-image {
    object-fit: cover;
    margin:  0 !important;
}
.card-poll figure.wp-block-image img,
.wp-block-column figure,
figure.wp-block-image.size-full img {
    margin: 0 !important;
}
figure.wp-block-image.size-full img, 
.wp-block-column figure {
    height: 100%;
}
ol {
    font-size: 90%;
    padding-left: 1em;
}

ol li {
    margin-bottom:  1em;
}

#populist		{ font-family: 'PT Sans' !important; }
#populist li	{ margin-bottom:  .5em; }
#populist li:nth-child(10n)
				{ margin-bottom:2em }

.relatedPosts div {
    background-color: #fff;
    margin: 1em 0 1.5em 0;
    top: 0;
    position: relative;
    z-index: 0;
    border-radius: 0.5em;
    padding: 15px;
    line-height: 1.3;
    width: 100%;
    box-shadow: 1px 1px 10px rgb(0 0 0 / 15%);
    font-family: 'PT Serif';
}

.relatedPosts figure:empty {display:none}
.relatedPosts figure {
    float: right;
    height: 100%;
    border-radius: 0.5em;
    min-width: 140px;
    min-height: 140px;

} 
.relatedPosts div img {
    position: relative;
    right: -10px;
    width: 100%;
    height: 100%;
    max-width: 140px;
    max-height: 140px;
    border-radius: 0.5em;
    margin: -20px 0 0px 15px;
    border: 1px solid rgba(0,0,0,.05);
    padding: 2px;
    background: radial-gradient(at 30% -5%, #92f2f2, #d6cff1, rgba(255, 255, 255, 0) 25%), radial-gradient(at 50% 70%, #c4f2e5, rgba(255, 255, 255, 0) 30%), radial-gradient(at 70% 0%, #d6cff1, rgba(255, 255, 255, 0) 20%), linear-gradient(75deg, #92f2f2 5%, rgba(255, 255, 255, 0), #a8d0f0, rgba(255, 255, 255, 0), #eed5f2, rgba(255, 255, 255, 0), #d6cff1, rgba(255, 255, 255, 0), #c4f2e5 90%), radial-gradient(at 30% 50%, #92f2f2, rgba(255, 255, 255, 0) 30%), radial-gradient(at 30% 50%, #9cb9fc, rgba(255, 255, 255, 0) 30%), radial-gradient(at 100% 50%, #92f2f2, #c2dcf2, rgba(255, 255, 255, 0) 50%), linear-gradient(115deg, #92f2f2 5%, #a8d0f0 10%, #d6cff1, #eed5f2 20%, #a8d0f0, #a8d0f0 30%, #d6cff1, #c2dcf2 40%, #92f2f2, #a8d0f0 70%);
}

span.crp_title {
    font-family: 'PT Serif';
    font-size: 1.5em;
    line-height: 1.1;
    font-weight: 600;
    width: 100%;
    display: block;
    margin-bottom: 0.5em;
}
span.crp_excerpt {
    display: block;
    width: 100%;
    margin: 20px 0 0 0;
}

div.footer_ft_icon {
    padding: 24px;
}
 div.footer_ft_icon img {
    filter: contrast(2.5);
    opacity: .66;
}
 p.footer_ft_copyright {
/*    background-color: rgba(0, 0, 0, 0.2);
*/    
    padding: 2rem;
    font-size: 80%;
    font-family: 'PT Sans', sans-serif;
    color: rgba(255,255,255,.5);
}

.width-100-then-75 {
    width: 100%;
}

ul.mega-sub-menu {
    border: none !important;
    border-radius: 1rem !important;
    background-color: #fafafa !important;
    box-shadow: 1px 1px 10px rgb(0 0 0 / 15%);
}

.slick-dots {
    position: relative !important;
    bottom: 0 !important;
    margin: 1em 0 !important; 
}
.slick-dotted.slick-slider {
    margin-bottom: 0 !important; 
}
.slick-next {
    right: -40px;
}
.slick-prev {
    left: -40px;
}
.slick-list {
    height: 460px;
}
.slick-dots li button:before {
    font-size: 15px;
}
.slick-slide img {
    height: 440px;
}
.slick-dots li button:before {
    line-height: 24px;
    width: 24px;
    height: 24px;
    font-size: 24px;
    opacity: 1;
    color: rgba(255,255,255,.25);
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: rgba(255,255,255,1);
}
.slick-prev:before, .slick-next:before {
    font-size: 30px;
    opacity: .5;
}

.pop_score {
    border:1px solid #aaa; cursor: pointer;
    border-radius: 100%;
    background-color: #fff;
    height: 2.2em;
    width: 2.2em;
    line-height: 2.2em;
    font-size:1.2em;
    display: inline-block;
    text-align: center;
    margin-right:.1em;
}
.pop_score:hover {background: #fcc}
.your_registered_vote {background: #c50 !important; color:white !important }

ol#populist {
    margin-left:2em;
}
.ays-poll-main {
    margin-bottom: 4px !important;
    max-width: 100% !important;
    filter: hue-rotate(20deg);
}
.ays-poll-main:first-of-type {
    margin-top: 40px 0 20px !important;
}
.article-body .ays-poll-main {
    width: 100% !important;
    margin: 1em 0 2em 0 !important;
}
.box-apm *,
.apm-title-box, 
.ays-poll-main div {
    color: rgba(50,10,100);
    font-family: 'PT Sans', sans-serif !important;
    filter: hue-rotate(5deg);
}
.apm-title-box h5 {
    color: rgba(50,10,100) !important;
    font-size: 18px !important;
    font-family: 'PT Serif' !important;
    font-weight: 400 !important;
    letter-spacing: -1px;
    padding-bottom: 10px;
}
.ays-poll-main .box-apm > div {
    margin: 0 0 8px 0;
    background-color: transparent !important;
    color: rgba(50,10,100) !important;
}
.ays-poll-main .box-apm > div.ays_question {
    margin: 16px 0;
    background-color: rgba(255,255,255,.9) !important;
    border-radius: 1em;
    padding: 0.5em;
    /* font-size: 80% !important; */
}
.ays_question p, 
.ays_question b, 
.ays_question a, 
.ays_question em, 
.ays_question strong {
    font-family: 'PT Sans', sans-serif !important;
}
.ays_question p {
    margin: 0 !important;
    line-height: 1.5 !important;
}
.ays_question em {
    font-style: normal !important;
    font-weight:  600 !important;
    line-height: 1.5 !important;
        font-size: 125%;
}
.ays_question p a {
    color: blue !important;
    filter: hue-rotate(320deg);
}
.ays-poll-main .box-apm > div.ays_question p {
    font-size: 14px !important;
    border-bottom: 1px solid rgba(0,0,0,.15);
    padding: 5px;
}
.ays-poll-main .box-apm > div.ays_question p:last-child {
    border-bottom: none;
}
.ays_poll_fa {
    font-family: "Font Awesome 5 Free" !important;
}
.box-apm, 
.ays-poll-main > form > div {
    border-radius: 1em !important;
    background: #f5f5f5 !important;
    border: 1px solid #eee !important;
    padding: 10px 10px 5px 10px !important;
    z-index:  0;
}
.box-apm::after
.ays-poll-main > form > div::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: -1 !important;
    opacity: 1 !important;
    filter: brightness(1.1) !important;
    background: radial-gradient(at 30% -5%, #92f2f2, #d6cff1, rgba(255, 255, 255, 0) 25%), radial-gradient(at 50% 70%, #c4f2e5, rgba(255, 255, 255, 0) 30%), radial-gradient(at 70% 0%, #d6cff1, rgba(255, 255, 255, 0) 20%), linear-gradient(75deg, #92f2f2 5%, rgba(255, 255, 255, 0), #a8d0f0, rgba(255, 255, 255, 0), #eed5f2, rgba(255, 255, 255, 0), #d6cff1, rgba(255, 255, 255, 0), #c4f2e5 90%), radial-gradient(at 30% 50%, #92f2f2, rgba(255, 255, 255, 0) 30%), radial-gradient(at 30% 50%, #9cb9fc, rgba(255, 255, 255, 0) 30%), radial-gradient(at 100% 50%, #92f2f2, #c2dcf2, rgba(255, 255, 255, 0) 50%), linear-gradient(115deg, #92f2f2 5%, #a8d0f0 10%, #d6cff1, #eed5f2 20%, #a8d0f0, #a8d0f0 30%, #d6cff1, #c2dcf2 40%, #92f2f2, #a8d0f0 70%) !important;
}
.ays-poll-main > form > div::before, 
.box-apm::before {
    position: absolute;
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    filter: opacity(0.5);
    background: radial-gradient(at 30% -5%, #92f2f2, #d6cff1, rgba(255, 255, 255, 0) 25%), radial-gradient(at 50% 70%, #c4f2e5, rgba(255, 255, 255, 0) 30%), radial-gradient(at 70% 0%, #d6cff1, rgba(255, 255, 255, 0) 20%), linear-gradient(75deg, #92f2f2 5%, rgba(255, 255, 255, 0), #a8d0f0, rgba(255, 255, 255, 0), #eed5f2, rgba(255, 255, 255, 0), #d6cff1, rgba(255, 255, 255, 0), #c4f2e5 90%), radial-gradient(at 30% 50%, #92f2f2, rgba(255, 255, 255, 0) 30%), radial-gradient(at 30% 50%, #9cb9fc, rgba(255, 255, 255, 0) 30%), radial-gradient(at 100% 50%, #92f2f2, #c2dcf2, rgba(255, 255, 255, 0) 50%), linear-gradient(115deg, #92f2f2 5%, #a8d0f0 10%, #d6cff1, #eed5f2 20%, #a8d0f0, #a8d0f0 30%, #d6cff1, #c2dcf2 40%, #92f2f2, #a8d0f0 70%) !important;
}
.apm-title-box {
    background-color: transparent !important;
}
.answer-title.flex-apm {
    border-top: 1px solid rgba(50,100,150,.25) !important;
}
.answer-title.flex-apm:first-child {
    border-top: none !important;
}
.box-apm label,
.choosing-poll label {
    background-color: #fff !important;
    border: 2px solid rgba(155,255,255,.25) !important;
    border-radius: 0.5rem !important;
    text-transform: inherit !important;
    margin-bottom: 0px !important;
    padding: 8px !important;
    box-shadow: 2px 2px 8px rgba(255,255,255,.25) !important;
}
.box-apm input[type=radio]:checked + label,
.choosing-poll input[type=radio]:checked + label {
    border: 2px solid rgba(27,127,204,.8) !important
}
.choosing-poll input[type='radio'] + label {
    font-size: 14px !important;
}
.box-apm label.ays_enable_hover:hover,
.choosing-poll label.ays_enable_hover:hover {
    background-color: rgba(100,100,250,.15) !important;
    transition: all ease-in .2s !important;
    color: #fff !important;

}
.choosing-poll label.ays_enable_hover:hover * {
    color: #FBFEF9 !important;
}

.box-apm .ays-poll-answer-container-list {
    margin-bottom: 5px !important;
}
.ays-poll-btn {
    background-color: #00B38F !important;
    color: #fff !important;
    font-weight: 600 !important;
    letter-spacing: 1px;
    box-shadow: 2px 5px 15px rgb(0 0 0 / 15%) !important;
    border-radius: 25px !important;
    min-width: 150px;
}
.ays_label_poll {
    padding: 8px !important;
}
.ays-poll-answers {
    max-width: 100% !important;
    display: contents;
}
.ays_label_poll {
    padding: 2px !important;
}
.ays-poll-each-answer-list {
    padding: 0 5px !important;
}

.ays-poll-each-image-list, .ays-poll-each-image {
    object-fit: cover !important;
    margin-right: 5px !important;
    border-radius: 5px !important;
    border: 1px solid rgba(0,50,100,.1);
    height: 75px !important;
    width: 75px !important;
    display: none !important;
}
.results-apm {
    padding: 0 !important;
}
.answer-percent {
    max-width: 100%;
    min-width: 10px;
    height: 18px;
    padding: 4px 4px 2px 2px;
    line-height: 1;
    margin: 4px 0 12px 0;
    background-color: #0C6291;
    border-radius: 8px;
    text-align: right;
    font-size: 14px !important;
    transition: 1s ease-out !important;
    box-shadow: 2px 2px 1px rgb(0 0 100 / 25%) !important;
}
.answer-votes {
    background-color: #fff;
    padding: 2px 5px;
    border-radius: 20px;
    min-width: 30px;
    display: inline-table;
    height: 30px;
    text-align: center;
    margin-top: 4px !important;
    font-size: 90%;
    line-height: 2;    
    letter-spacing: 0.005em;
}

div[id*='ays-poll-container-'] .ays_grid_answer_span, div[id*='ays-poll-container-'] .answer-title .answer-text {
    width: 90%;
    line-height: 1.2;
    font-size: 85%;
    font-weight: 400;
    padding: 5px 5px 5px 2px;
    color: rgba(50,10,100);
}


.card-poll,
.card-poll .card-img-overlay {
    /* min-height:fit-content !important;*/
}
.card-poll {
    /*height: fit-content !important;
    min-height: 440px !important;*/
    height: initial !important;
}

.card-poll > .card-img-overlay {
    height: fit-content !important;
    position: relative !important;
}

.card-poll .card-img-overlay .card {
    width: 100%;
    top: -2.5em !important;
    border-radius: 1rem;
    margin-bottom:  -2em !important;
}
.card-poll p.show_timer_countdown {
    word-spacing: 3px;
    text-transform: capitalize;
    font-size: 13px !important;
    line-height: 1.25;
    background-color: rgba(255,255,255,.65);
    display: inline-block;
    padding: 5px 10px;
    border-radius: 25px;
    margin: -10px 0 0 !important;
}

.comment-capsule {
    position: relative;
    display: block;
    border-radius: 0.5rem;
    background-color: #fff;
/*    background: radial-gradient(at 30% -5%, #92f2f2, #d6cff1, rgba(255, 255, 255, 0) 25%), radial-gradient(at 50% 70%, #c4f2e5, rgba(255, 255, 255, 0) 30%), radial-gradient(at 70% 0%, #d6cff1, rgba(255, 255, 255, 0) 20%), linear-gradient(75deg, #92f2f2 5%, rgba(255, 255, 255, 0), #a8d0f0, rgba(255, 255, 255, 0), #eed5f2, rgba(255, 255, 255, 0), #d6cff1, rgba(255, 255, 255, 0), #c4f2e5 90%), radial-gradient(at 30% 50%, #92f2f2, rgba(255, 255, 255, 0) 30%), radial-gradient(at 30% 50%, #9cb9fc, rgba(255, 255, 255, 0) 30%), radial-gradient(at 100% 50%, #92f2f2, #c2dcf2, rgba(255, 255, 255, 0) 50%), linear-gradient(115deg, #92f2f2 5%, #a8d0f0 10%, #d6cff1, #eed5f2 20%, #a8d0f0, #a8d0f0 30%, #d6cff1, #c2dcf2 40%, #92f2f2, #a8d0f0 70%);
*/    
    z-index: 0;
    font-family: 'PT Serif', sans-serif !important;

    padding: 5px;
    margin: 1.5em 0 0.5em 0;
    background: repeating-linear-gradient(135deg, #eee, #eee 4px, transparent 4px, transparent 8px);
    width: 95%;
}

.comment-capsule::after {
    position: absolute;
    content: '';
    top: -10px;
    left: 17px;
    width: 100%;
    height: 100%;
    border-radius: 0.5rem;
    background-color: #fff;
    background: radial-gradient(at 30% -5%, #92f2f2, #d6cff1, rgba(255, 255, 255, 0) 25%), radial-gradient(at 50% 70%, #c4f2e5, rgba(255, 255, 255, 0) 30%), radial-gradient(at 70% 0%, #d6cff1, rgba(255, 255, 255, 0) 20%), linear-gradient(75deg, #92f2f2 5%, rgba(255, 255, 255, 0), #a8d0f0, rgba(255, 255, 255, 0), #eed5f2, rgba(255, 255, 255, 0), #d6cff1, rgba(255, 255, 255, 0), #c4f2e5 90%), radial-gradient(at 30% 50%, #92f2f2, rgba(255, 255, 255, 0) 30%), radial-gradient(at 30% 50%, #9cb9fc, rgba(255, 255, 255, 0) 30%), radial-gradient(at 100% 50%, #92f2f2, #c2dcf2, rgba(255, 255, 255, 0) 50%), linear-gradient(115deg, #92f2f2 5%, #a8d0f0 10%, #d6cff1, #eed5f2 20%, #a8d0f0, #a8d0f0 30%, #d6cff1, #c2dcf2 40%, #92f2f2, #a8d0f0 70%);
    z-index: -1;
}
.comment-capsule > div {
    background-color: #fff;
    margin: 0 3px;
    top: -13px;
    position: relative;
    z-index: 0;
    border-radius: 0.5em;
    padding-top: 10px;
    line-height: 1.3;
    width: 105%;
    min-height: 60px;
    box-shadow: 1px 1px 10px rgb(0 0 0 / 15%);
}
.comment-capsule span {
    font-size:  85%;
    font-weight:  600;
    margin-left: 1em;
    font-family: 'PT Sans', sans-serif;
}
.comment-capsule em {
    font-weight: 400;
}
.comment-capsule p {
    margin: 0.5em 0.5em 0 1em !important;
    padding-bottom: 1em;
    font-size: 85%;
}

.ays-poll-btn, 
.ays_poll_passed_count {
    background-color: #f5f5f5 !important;
    color: #FFF !important;
}

.ays_poll_passed_count {
    background-color: rgba(255,255,255,.75) !important;
    color: rgba(50,10,100) !important;
    padding: 5px 15px !important;
}
.box-apm span.ays_poll_passed_count i {
    color: rgba(50,10,100) !important;
}
.choosing-poll input[type=radio]:checked + label, 
.ays-poll-id-643c307e3e747:not(.ays-minimal-theme).choosing-poll input[type='checkbox']:checked + label, 
.ays-poll-id-643c307e3e747.choosing-poll label.ays_enable_hover:hover {
    background-color: rgba(50,10,100) !important;
    color: #FFF !important;
}
.ays-poll-limitation p {
    margin:  0 !important;
}
span.ays_check:before {
    font-weight: 900;
    margin-right: 5px;
    background-color: rgba(200,200,0,.25);
    border: 1px solid rgba(0,0,0,.25);
    border-radius: 5px;
    padding: 1px 5px 1px 20px;
    font-family: 'PT Sans' !important;
    content: 'VOTED' !important;
    line-height:  1.1;
}
span.ays_check:after {
    position: absolute;
    display: block;
    content: '';
    height: 7px;
    width: 12px;
    top: 8px;
    left: 8px;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    border-bottom: 2px solid green;
    border-left: 2px solid green;
    border-radius: 1px;
    z-index: 999;
    transform: rotate(300deg);

}
a.mega-menu-link:before {
    font-size: 20px !important;
}

.wp-block-embed {
    margin-bottom:  2em;

}
.wp-block-group h3 {
    margin-top: 1.5em !important;
}

iframe {
    margin: 1em 0;
    width: 100%;
    background: #eee;
}
p iframe {
    border: 2px double #ccc;
}
.is-provider-youtube iframe {
    height: 200px;
}



#wpdcom {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
#wpdcom input {
    font-family: 'PT Sans', serif;
}
#postal_vote_a span {
/*    border: 1px solid #eee;
    border-radius: 100%;
    background-color: #fff;
    height: 32px;
    width: 32px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    padding: 0;
    margin-right: 4px;*/
}

#wpdcom .wpd-comment.wpd-reply .wpd-comment-left {
    width: 60px !important;
}
#wpdcom .wpd-comment-right .wpd-comment-last-edited {
    margin: 0 0 10px 0;
    font-size: 13px;
    color: #666;
    font-style: normal;
}
.wpd-comment-left {
    margin-right: 10px !important;
    position: relative;
}
.wpd-comment-right {
    padding: 5px 15px 15px;
    background: rgba(255,255,255,1);
    border-radius: 1rem;
    box-shadow: 1px 1px 10px rgb(0 0 0 / 15%);
    position:  relative;
}

.wpd-comment-right::after {
    position: absolute;
    content: '';
    display: block;
    height: 0;
    width: 0;
    border-left: 8px solid transparent;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #fff;
    top: 18px;
    left: -16px;
    z-index: 999;
}


.wpd-prim-button {
    background-color: #07B290;
    color: #FFFFFF;
    font-family: 'PT Sans';
    padding: 8px 16px;
    letter-spacing: 0.5px;
    font-size: 18px;
    /* float: left; */
}
#wpdcom input[type="button"], #wpdcom input[type="reset"], #wpdcom input[type="submit"] {
    margin: inherit;
    font-family: 'PT Sans' !important;
    font-size: 15px !important;
    padding: 8px 20px;
    border-radius: 10px;
}

#wpdcom .ql-editor {
    font-family: 'PT Sans';
}

#post-12148 .archive_bubble
{
	width:10em; height:6em; display:inline-block;
	border-radius:1em; margin: 0 1em 1em 0;
	position: relative;
	border:1px solid #84f;
}
#post-12148 .archive_bubble span {	
    display: block;
    position: absolute;
    bottom: 2em;
    text-align: center;
    line-height: 150%;
    margin: 0 0 -1.5em 0;
    padding:.2em;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
}
#post-12148 .archive_bubble:hover a span{
text-decoration:underline !important
}
#wpd-bubble-wrapper {
    display: none !important; 
}
#calendar_wrap, #wp-calendar, #wp-calendar caption{
	width:100%
}
#wp-calendar td, #wp-calendar tr, #wp-calendar caption {
	text-align:center
}

#wp-calendar td a {
	width:100%;
    display: inline-block;
    background-color: rgba(0,0,0,.25);
    border-radius: .8rem;
}

#wp-calendar caption {
	color:white;
}


.aside div + div:last-child {
    margin-bottom: 50px !important;
}

#wpdcom .wpd-comment .wpd-comment-wrap {
    display: flex !important;
}
#wpdcom .wpd-comment-text p:last-child {
    margin-bottom: 5px !important;
}
.wpd-reply.wpd_comment_level-2 {
    margin-left: 60px;
}

.wpd-comment .wpd-avatar {
    margin: 0 5px 5px 0;
}
#wpdcom .wpd-comment-date {
    padding: 0 5px;
    font-size: inherit;
}
#wpdcom .wpd-comment-header .wpd-comment-share {
    color: #00b38f;
}
.wpd-comment-author {
    color: #444 !important;
    letter-spacing: 0 !important;
}
.wpd-comment-author a {
    color: #4b339b !important;
}

.wpd-comment .wpd-follow-link {
    position:  absolute;
    top: 32px;
    right:  1px;
    background: white;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    display: block;
    border: 1px solid rgba(0,0,0,.1);
    padding-left: 2px !important;
    padding-top: 2px;
}

.wpd-comment .wpd-reply-to {
    font-style: inherit;
    font-size: 14px !important;
    font-style: unset !important;
}
.wpd-comment .wpd-reply-to a {
    opacity: 1 !important;
    color: #4b339b !important;
}
.wpd-comment-footer .wpd-vote {
    padding-right: 10px;
}
.wpd-comment-footer .wpd-reply-button {
    color: #4b339b;
}
.wpd-comment-text {
    color: #777777;
    line-height: 1.5;
    font-size: .9em !important;
}

.wpd-comment-text p {
    letter-spacing: -0.015em;
    font-size: 13.5px;
}
#wpdcom .wpd-comment-text p br {
    content: "" !important;
    display: block !important;
    margin-bottom: 1.5em !important;
}

.article-body ol, 
.article-body ul,
.wpd-comment-text ol, 
.wpd-comment-text ul {
    margin: 0 0 1rem 1rem;
    padding-left: 1em;
}
.card li > ul,
.card li > ol {
    margin: 1rem 1rem 1.5rem !important;
    padding-left: 0;
}



.wpd-comment-text li {
  color: rgba(0,0,0,.8);
  font-family: 'PT Serif', sans-serif;
}
.wpd-comment .wpd-comment-right {
    padding-bottom: 10px;
    flex-grow: inherit;
    width: 100%;
}
#wpdcom.wpd-layout-1 .wpd-comment .wpd-comment-label {
    position: absolute;
    left: 96px;
    z-index: 9999;
    margin-top: -16px;
    border-radius: 5px 5px 0 0;
}
.wpd-comment .wpd-comment-header {
    padding: 0;
    font-family: 'Work Sans';
    color: rgba(0,0,0,.8);
}
.wpd-comment .wpd-avatar img, 
.wpd-comment .wpd-avatar img.avatar {
    width: 56px !important;
    height: 56px !important;
    max-width: 56px !important;
    padding: 1px;
}
.by-wpdiscuz {
    display: none;
}

#top {
    display: none;
    position: fixed !important;
    bottom: 6px;
    right: 6px;
    z-index: 99;
    border: none;
    cursor: pointer;
}
.nav-arrow.top {
    transform: rotate(45deg);
}
.nav-arrow::before, .nav-arrow::after {
    position: absolute;
    top: 7px;
    left: 7px;
    display: block;
    content: '';
    height: 8px;
    width: 8px;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    border-radius: 1px;
}
.nav-arrow::after {
    position: absolute;
    top: 11px;
    left: 6px;
    display: block;
    content: '';
    height: 2px;
    width: 12px;
    border-radius: 2px;
    background-color: #fff;
    border: 0;
    transform: rotate(45deg);
}

.disc-sm {
    margin: 0 3px 3px 0;
    line-height: 24px;
    width: 24px;
    height: 24px;
}
.disc-md, .disc-sm, .disc-sm-md, .disc-xs {
    box-sizing: border-box;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    min-height: unset;
    line-height: 25px;
}
.shade-50 {
    background-color: rgba(0,0,0,.5);
}
sup {
    font-size: 85%;
    line-height: 1.3;
}

p.post-nav-links{
	margin:1.5em 0;
	padding:1.5em 0;
	border-top:1px solid #eeeeff;
	border-bottom:1px solid #eeeeff;
}

.post-page-numbers {
	padding:.3em 1em;
	margin-left:1em;
	border-radius:.8em;
	background-color:#eeeeff;
	border:2px solid #ddddff;
}
a.post-page-numbers {
	border:2px solid #eeeeff;
	text-decoration: none !important;
}
a.post-page-numbers:hover{
	background-color:#ccccff	
}

@media screen and (min-width: 480px) {
    
    a.navbar-brand {
         text-align: left;
    }
    .navbar-brand img {
         display: initial;
    }

}
@media screen and (max-width: 480px) {
    .img-overlay {
        max-width: 100%;
    }

    .border-left:;after {
        left: 0;
    }

    .img-featured::after {
        right: 96%;
    }

}
@media screen and (max-width: 576px) {
    a.navbar-brand {
        font-size: 85%;
        margin: 0 2px -8px 2px !important;
    }
    .navbar-brand img {
        display: inherit;
        width: 24px;
    }
    .sm-row-reverse {
        flex-direction: row-reverse;
    }
    .container, .container-md, .container-sm {
        max-width: 100%;
    }

    .card-img {
        width: 100%;
    }

}
@media screen and (max-width: 600px) {
    #wpdcom .wpd-comment .wpd-comment-left {
        width: inherit !important;
    }
}
 @media screen and (min-width: 768px) {
     .navbar-menu {
         margin: auto !important;
         width: auto !important;
         text-align: center;
    }
     .navbar>.container {
         flex-wrap: unset !important;
    }
     a.navbar-brand {
         font-size: initial;
         width: 150px;
         text-align: left;
    }

    .img-featured > img {
        min-width: 100%;
    }

}
@media only screen and (max-width: 768px) {
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
        font-size: 16px;
        margin:  0 auto;
        border-radius: 1rem !important;
        top: -2px;
    }
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
        font-size: 40px !important;
        padding: 0 !important;
        margin: 10px 0 0 6px !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        max-width: 49%;
    }

}
 @media screen and (min-width: 992px) {
    h1 {
         line-height: 1 !important;
         font-size: 2.5rem !important;
    }
     .subhead-grad-overlay {
         min-height:160px;
    }

    .col-lg-8 .img-fill {
        filter: blur(3px);
        transform: scale(1.25);
    }
    .col-lg-8 .article-body {
        padding-right: 5em;
    }

    .col-lg-8 > .card.me-5 {
        width: 90%;
    }

    .width-100-then-75 {
        width: 75%;
    }
    .container, .container-lg, .container-md, .container-sm {
        max-width: 100%;
    }

}

 @media screen and (max-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 100%;
    }
    h2.display-6 {
        font-size: 2rem;
        max-width: 100%;
    }
    .card-img {
        width: auto;
        width: 98%;
    }

}

 @media screen and (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
    }

    h1 {
         font-size: 3rem !important;
    }
    h2.display-6 {
        font-size: 2.5rem;
        max-width: 66.6%;
    }
    .col-12.col-md-8 > .card-img,
    .col-12.col-md-8 > .other-blog {
        max-width: 700px;
    }
    .col-12.col-md-8 h2 {
       font-size: 2em;
    }

}
 @media screen and (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1320px;
    }

}