.cpl-like-button {
background-color: #f7f7f7;
border: 1px solid #ddd;
padding: 5px;
cursor: pointer;
display: inline-block;
float:right;
position:relative!important;
}
.cpl-like-button .cpl-like-count {
display:inline;
margin-left: 5px;
text-align:right;
text-shadow:none!important;
margin-top:5px;
margin-right:5px;
font-weight:bold!important;
}
.cpl-like-button img{
width:50px;
vertical-align:middle;
margin:5px;
}
.cpl-comment-like-button {
background-color: #f7f7f7;
border: 1px solid #ddd;
padding: 5px;
cursor: pointer;
display: inline-block;
float:right;
position:relative!important;
}
.cpl-comment-like-button .cpl-like-count {
display:inline;
margin-left: 5px;
text-align:right;
text-shadow:none!important;
margin-top:5px;
margin-right:5px;
font-weight:bold!important;
}
.cpl-comment-like-button img{
width:50px;
vertical-align:middle;
margin:5px;
}#cpl-notification-modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: 99999;
display: flex;
align-items: center; justify-content: flex-end; animation: fadeIn 0.25s ease;
}
#cpl-notification-modal-overlay.hidden {
display: none !important;
} .cpl-notification-modal {
background: #ffffff;
border-radius: 3px;
width: 30%;
max-width: 560px;
max-height: 70vh;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
display: flex;
flex-direction: column;
overflow: hidden;
margin-right: 2rem;
animation: slideUp 0.25s ease;
} .cpl-notification-modal-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 20px;
border-bottom: 1px solid #e2e8f0;
background: linear-gradient(to bottom, 
darkblue 0%, 
darkblue 35%,
blue 65%,
#000000 100%);
color: white;
flex-shrink: 0;
}
.cpl-notification-modal-header h3 {
margin: 0;
font-size: 1.1rem;
font-weight: 600;
color: white;
}
.cpl-notification-modal-close {
cursor: pointer;
font-size: 24px;
font-weight: 300;
color: white;
background: none;
border: none;
padding: 0 4px;
transition: color 0.2s;
line-height: 1;
text-shadow: none;
filter: none; box-shadow: none;
}
.cpl-notification-modal-close:hover {
color: #e53e3e;
background:none;
} .cpl-notification-modal-body {
padding: 16px 20px 20px;
overflow-y: auto;
flex: 1;
max-height: 50vh;
} .cpl-notification-group {
margin-bottom: 16px;
}
.cpl-notification-group h4 {
margin: 0 0 8px 0;
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.5px;
color: darkblue;
border-bottom: 1px solid #edf2f7;
padding-bottom: 4px;
} .cpl-notification-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 12px;
background: #f7fafc;
border-radius: 6px;
margin-bottom: 4px;
transition: background 0.15s;
position: relative;
transition: background 0.2s ease;
} .cpl-notification-item:hover .cpl-notification-link {
color: white;
text-decoration: underline;
} .cpl-notification-link {
display: block;
width: 100%;
height: 100%;
padding: 12px 16px; color: inherit; text-decoration: none;
box-sizing: border-box;
}
.cpl-notification-dismiss {
cursor: pointer;
color: red;
font-size: 18px;
font-weight: 300;
padding: 0 2px 0 6px;
transition: color 0.2s;
line-height: 1;
background: none;
border: none;
text-shadow: none;
box-shadow: none;
filter: none; }
.cpl-notification-dismiss:hover {
color: darkblue;
background: none;
text-shadow: none;
filter: none; box-shadow: none;
} .cpl-notification-modal-footer {
padding: 12px 20px;
border-top: 1px solid #e2e8f0;
display: flex;
gap: 10px;
justify-content: flex-end;
background: linear-gradient(to bottom, 
darkblue 0%, 
darkblue 35%,
blue 65%,
#000000 100%);
flex-shrink: 0;
}
.cpl-notification-button {
padding: 6px 16px;
border-radius: 6px;
border: 1px solid yellow;
background: darkblue;
color: white;
cursor: pointer;
font-size: 0.85rem;
transition: all 0.2s;
text-shadow: none;
filter: none; box-shadow: none;
}
.cpl-notification-button:hover {
background: #edf2f7;
text-shadow: none;
filter: none; box-shadow: none;
}
.cpl-notification-button.primary {
background: darkblue;
border-color: yellow;
color: #ffffff;
}
.cpl-notification-button.primary:hover {
background: blue;
} .cpl-notification-minimized {
position: fixed;
top: 65px;
right: 20px;
z-index: 99998;
background: darkblue;
color: yellow;
outline: 1px solid yellow; padding: 10px 16px;
border-radius: 40px;
display: inline-flex;
align-items: center;
gap: 8px;
cursor: pointer;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
font-size: 0.9rem;
transition: all 0.2s;
border: none;
}
.cpl-notification-minimized:hover {
background: blue;
transform: scale(1.03);
}
.cpl-notification-minimized .cpl-minimized-count {
background: #e53e3e;
border-radius: 50%;
padding: 0 6px;
font-size: 0.75rem;
font-weight: bold;
min-width: 20px;
text-align: center;
}
.cpl-notification-minimized.hidden {
display: none !important;
} .cpl-no-notifications {
text-align: center;
color: #a0aec0;
padding: 30px 0;
font-size: 0.95rem;
} @keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes slideUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
} @media (max-width: 480px) {
.cpl-notification-modal {
width: 95%;
max-height: 90vh;
}
.cpl-notification-modal-body {
max-height: 40vh;
}
.cpl-notification-minimized {
top: 10px;
right: 10px;
padding: 8px 12px;
font-size: 0.8rem;
}
}#mushroom-profile-badge-wrapper {
position: fixed;
left: 0;
top: 28%;
transform: translateY(-50%);
z-index: 9999;
}  .page-id-8685 #mushroom-profile-badge-wrapper, .page-id-10498 #mushroom-profile-badge-wrapper{
display:none;
} body.page-id-10383 #mushroom-profile-badge-wrapper{
display:none!important;
} .mushroom-badge-trigger {
width: 65px;
height: 75px;
background-image: var(--badge-img);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 0; filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.6));
transition: transform 0.25s ease, filter 0.25s ease;
position: relative;
}
.mushroom-badge-trigger:hover {
transform: scale(1.08);
filter: drop-shadow(0px 6px 18px rgba(0, 0, 0, 0.85));
}
.mushroom-trigger-avatar {
width: 36px;
height: 36px;
border-radius: 50%;
border: 2px solid #000;
object-fit: cover;
box-shadow: 0 2px 6px rgba(0,0,0,0.5);
} #mushroom-profile-badge-wrapper:has(.mushroom-shield-visible) .mushroom-badge-trigger {
opacity: 0;
pointer-events: none;
transform: scale(0.8);
transition: opacity 0.2s ease, transform 0.2s ease;
} .mushroom-shield-hidden {
display: none !important;
}
.mushroom-shield-visible {
display: flex !important;
animation: mushroomShieldSlideIn 0.3s ease-out;
}
#mushroom-profile-shield {
position: absolute;
left: 80px;
top: 50%;
transform: translateY(-50%); width: min(400px, 90vw);
max-height: min(500px, calc(100vh - 40px));
aspect-ratio: 4 / 5;
background-image: var(--badge-img);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
filter: drop-shadow(12px 16px 25px rgba(0, 0, 0, 0.75));
z-index: 10001;
box-sizing: border-box; padding: min(25px, 8vh) min(50px, 8vw);
flex-direction: column;
justify-content: center;
align-items: center;
overflow: visible; } .mushroom-close-badge {
position: absolute;
top: min(35px, 7.5vh);
right: min(60px, 8vw);
font-size: 26px;
font-weight: bold;
cursor: pointer;
color: #111;
line-height: 1;
z-index: 2;
transition: transform 0.2s ease, color 0.2s ease;
}
.mushroom-close-badge:hover {
color: #e63946;
transform: scale(1.2);
} .mushroom-shield-content {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-height: 100%;
overflow-y: visible;
}
.mushroom-shield-avatar {
width: min(85px, 14vh);
height: min(85px, 14vh);
border-radius: 50%;
border: 3px solid #111;
object-fit: cover;
margin-bottom: min(8px, 1.5vh);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
flex-shrink: 0;
}
.mushroom-shield-name {
font-size: min(1.3rem, 3.5vh);
font-weight: 700;
margin: 0 0 min(10px, 2vh) 0;
color: #111111;
text-shadow: 0 1px 2px rgba(255, 255, 255, 0.6);
letter-spacing: 0.5px;
flex-shrink: 0;
}
.rpg-stats-box-title, .rpg-avatar-container{
display:none;
}
.rpg-level-display-container{
text-align: center;
}
.xp-n-lives-display-wrapper{
box-shadow: 0 1px 2px black;
border-radius:20px;
margin-left:55px;
margin-right:55px;
}
.profile-xp-display img, .profile-lives-display img{
padding-left:20px;
width:70px;
}
.profile-lives-display strong{
display: block;
text-align:center;
} .mushroom-shield-stats {
width: 100%;
border-radius: 10px;
font-size: 0.9rem;
box-sizing: border-box;
flex-shrink: 1;
}
.mushroom-shield-stats .stat-item {
display: flex;
justify-content: space-between;
padding: min(5px, 1vh) 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.mushroom-shield-stats .stat-item:last-child {
border-bottom: none;
}
.mushroom-shield-stats .stat-label {
color: #e0e0e0;
}
.mushroom-shield-stats .stat-value {
color: #ffd700;
font-weight: 700;
} .mushroom-shield-menu {
position: relative;
flex-shrink: 0;
}
.mushroom-shield-menu-trigger {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0;
padding: 8px 12px;
background: transparent;
cursor: pointer;
font-size: 0.95rem;
font-weight: 600;
box-shadow: 0 4px 10px rgba(0,0,0,0.3);
transition: all 0.3s ease;
}
.mushroom-shield-menu-trigger img.emoji {
width: 1.2em !important;
height: 1.2em !important;
margin: 0;
} .mushroom-shield-menu-trigger .trigger-label {
max-width: 0;
opacity: 0;
overflow: hidden;
white-space: nowrap;
transition: max-width 0.3s ease, opacity 0.2s ease, margin 0.3s ease;
} .mushroom-shield-menu-trigger:hover, .mushroom-shield-menu-trigger.active,
.mushroom-shield-menu:has(.mushroom-shield-dropdown.show) .mushroom-shield-menu-trigger {
background: darkblue;
color: #ffd700;
border-color: #ffd700;
}
.mushroom-shield-menu-trigger:hover .trigger-label {
max-width: 150px; opacity: 1;
margin-left: 8px;
}
.mushroom-shield-dropdown {
display: none;
list-style: none;
padding: 6px;
margin: 6px 0 0 0;
background: #111111;
border-radius: 8px;
border: 1px solid #333;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6); position: absolute;
bottom: 100%; left: 0;
min-width: 180px; width: max-content; z-index: 10002;  max-height: min(220px, 40vh); overflow-y: auto !important; box-sizing: border-box;
} .mushroom-shield-dropdown::-webkit-scrollbar {
width: 6px;
}
.mushroom-shield-dropdown::-webkit-scrollbar-track {
background: #1a1a1a;
border-radius: 4px;
}
.mushroom-shield-dropdown::-webkit-scrollbar-thumb {
background: #ffd700;
border-radius: 4px;
}
.mushroom-shield-dropdown.show {
display: block;
}
.mushroom-shield-dropdown li {
margin: 0;
}
.mushroom-shield-dropdown li a {
display: block;
padding: 8px 12px;
color: #ffffff;
text-decoration: none;
font-size: 0.88rem;
font-weight: 500;
transition: all 0.15s ease;
border-radius: 4px;
}
.mushroom-shield-dropdown li a:hover {
background: #222222;
color: #ffd700;
} @keyframes mushroomShieldSlideIn {
from {
opacity: 0;
transform: translateY(-50%) translateX(-20px);
}
to {
opacity: 1;
transform: translateY(-50%) translateX(0);
}
}
@media (max-width: 600px) {
#mushroom-profile-shield {
left: 5px;
width: min(320px, 92vw);
}
}   .mbl-post-item {
background: #fff;
border-radius: 3px;
box-shadow: 0 2px 5px darkblue;
overflow: hidden;
transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s; list-style: none;
list-style-type: none;
padding-left: 0;
} .mbl-post-item::marker,
.mbl-post-item::before {
content: none;
display: none;
}
.mbl-post-item:hover {
box-shadow: 0 2px 5px blue;
background-color: #f0f8ff;
} .mbl-post-link {
display: flex;
text-decoration: none;
color: inherit;
box-sizing: border-box;
} .mbl-text {
min-width: 0; display: flex;
flex-direction: column;
justify-content: center;
} .mbl-title {
font-weight: 600;
line-height: 1.3;
margin: 0;
overflow-wrap: anywhere;
} .mbl-author {
font-size: 0.8rem;
font-style: italic;
color: #888;
margin: 0;
line-height: 1.3;
} .mbl-more-posts-trigger {
width: 100%;
margin-top: 4px;
padding-left: 0 !important;
padding-top: 4px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
} .mush-user-stats {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 24px;
font-style: normal;
margin-top: 6px;
}
.mush-user-stats > span {
display: inline-flex;
align-items: center;
gap: 6px;
line-height: 1;
font-size: 0.9rem;
color: #555;
}
.mush-user-stats img {
display: inline-block;
vertical-align: middle;
}
.mush-user-stats .mush-stat-value {
font-weight: 600;
color: #333;
} .mbl-default-list .mbl-activity {
flex: 0 0 auto;
margin-left: auto;
display: flex;
gap: 20px;
align-items: center;
text-align: center;
}
.mbl-activity-item {
display: flex;
flex-direction: column;
align-items: center;
min-width: 60px;
line-height: 1.1;
}
.mbl-activity-value {
font-size: 1.15rem;
font-weight: 700;
color: darkblue;
}
.mbl-activity-label {
font-size: 0.72rem;
text-transform: uppercase;
letter-spacing: 0.04em;
color: #888;
margin-top: 2px;
} .mbl-default-list .mbl-text + .mbl-activity {
padding-left: 20px;
border-left: 1px solid #f0f0f0;
} @media (max-width: 600px) {
.mbl-default-list .mbl-post-link {
flex-wrap: wrap;
}
.mbl-default-list .mbl-activity {
flex-basis: 100%;
margin-left: 0;
margin-top: 10px;
justify-content: flex-start;
padding-left: 0;
border-left: none;
border-top: 1px solid #f0f0f0;
padding-top: 10px;
}
} .mbl-default-list {
list-style: none;
padding: 0;
margin: 0;
}
.mbl-default-list .mbl-post-item {
margin: 0 0 15px 0;
}
.mbl-default-list .mbl-post-item:last-child {
margin-bottom: 0;
}
.mbl-default-list .mbl-post-item:hover {
transform: translateY(-3px);
}
.mbl-default-list .mbl-post-link {
flex-direction: row;
align-items: flex-start;
gap: 15px;
padding: 15px;
width: 100%;
}
.mbl-default-list .mbl-thumb-wrapper {
flex: 0 0 auto;
width: 80px;
height: 80px;
overflow: hidden;
border-radius: 3px;
background: #f0f0f0;
line-height: 0;
}
.mbl-default-list .mbl-thumb-wrapper img,
.mbl-default-list .mbl-post-thumb {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
margin: 0;
padding: 0;
border: none;
border-radius: 3px;
box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
}
.mbl-default-list .mbl-text {
flex: 1 1 auto;
}
.mbl-default-list .mbl-title {
font-size: 1rem;
color: darkblue;
margin-bottom: 4px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.mbl-default-list .mbl-post-link:hover .mbl-title {
color: blue;
}
.mbl-default-list .mbl-excerpt {
font-size: 0.88rem;
color: #555;
line-height: 1.5;
margin: 6px 0 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
overflow-wrap: anywhere;
} .mbl-carousel-layout {
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap; -webkit-overflow-scrolling: touch;
scrollbar-width: thin;
padding-bottom: 10px;
margin-bottom: 15px }
.mbl-carousel-layout ul {
display: inline-flex;
gap: 15px;
padding: 10px 5px;
margin: 0;
list-style: none;
white-space: normal; }
.mbl-carousel-layout li.mbl-post-item {
display: inline-flex;
flex-direction: column;
align-items: center;
text-align: center;
min-width: 110px; max-width: 130px; padding: 0; margin: 10px 8px 15px 8px; background: #fff;
border-radius: 3px; box-shadow: 0 2px 5px darkblue; transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s;
vertical-align: top;
overflow: hidden; }
.mbl-carousel-layout li.mbl-post-item:hover {
transform: translateY(-3px); box-shadow: 0 2px 5px blue; background-color: #f0f8ff; }
.mbl-carousel-layout .mbl-post-link {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
height: 100%;
padding: 15px; box-sizing: border-box;
text-decoration: none;
border-radius: 3px;
}
.mbl-carousel-layout .mbl-post-thumb {
display: block;
width: 60px;
height: 60px;
object-fit: cover;
border-radius: 10%;
margin: 0 0 8px 0;
box-shadow: 1px 1px 5px rgba(0,0,0,0.4); }
.mbl-carousel-layout .mbl-title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal; overflow-wrap: anywhere; font-size: 0.8rem;
line-height: 1.25;
color: #333;
font-weight: 500;
margin: 0;
max-width: 100px;
}
.mbl-carousel-layout .mbl-author {
font-size: 0.7rem;
font-style: italic;
color: #888;
margin-top: 4px;
line-height: 1.2;
} .mbl-carousel-shell {
display: flex;
align-items: center;
gap: 6px;
position: relative;
} .mbl-carousel-shell .mbl-carousel-layout {
flex: 1 1 auto;
min-width: 0; } .mbl-carousel-arrow {
flex: 0 0 auto;
width: 32px; height: 32px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
border: none; background: transparent; color: darkblue; cursor: pointer;
user-select: none;
font-size: 0; line-height: 0;
transition: color 0.15s, transform 0.15s;
-webkit-tap-highlight-color: transparent;
box-shadow: none;
}
.mbl-carousel-arrow:hover {
color: blue;
background:transparent;
}
.mbl-carousel-arrow:active {
transform: scale(0.9);
}
.mbl-carousel-arrow:focus-visible {
outline: 2px solid darkblue;
outline-offset: 2px;
border-radius: 4px; } .mbl-carousel-arrow::before {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
} .mbl-carousel-arrow--prev::before {
border-width: 8px 12px 8px 0;
border-color: transparent currentColor transparent transparent;
margin-left: -3px; } .mbl-carousel-arrow--next::before {
border-width: 8px 0 8px 12px;
border-color: transparent transparent transparent currentColor;
margin-right: -3px; } @media (hover: none) and (pointer: coarse) and (max-width: 600px) {
.mbl-carousel-arrow { display: none; }
}   .mbl-grid-list {
display: grid;
gap: 25px;
padding: 0;
}
.mbl-grid-list.columns-2 { grid-template-columns: repeat(2, 1fr); }
.mbl-grid-list.columns-3 { grid-template-columns: repeat(3, 1fr); }
.mbl-grid-list.columns-4 { grid-template-columns: repeat(4, 1fr); }
.mbl-grid-list .mbl-post-item {
background: #fff;
border-radius: 5px;
overflow: hidden;
box-shadow: 0px 1px 5px darkblue;
transition: box-shadow 0.3s ease, transform 0.2s ease;
}
.mbl-grid-list .mbl-post-item:hover {
box-shadow: 0px 1px 5px blue;
transform: translateY(-2px);
}
.mbl-grid-list .mbl-post-link {
display: flex;
flex-direction: column;
text-decoration: none;
color: darkblue;
}
.mbl-grid-list .mbl-post-link:hover {
color: blue;
}
.mbl-grid-list .mbl-thumb-wrapper {
width: 100%;
height: 180px;
overflow: hidden;
background: #f0f0f0;
line-height: 0; padding: 0; margin: 0;
}
.mbl-grid-list .mbl-thumb-wrapper img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
margin: 0 !important; padding: 0 !important; border: none;
}
.mbl-grid-list .mbl-text {
padding: 12px 15px;
}
.mbl-grid-list .mbl-title {
font-weight: bold;
line-height: 1.3;
margin: 0 0 4px;
color: darkblue;
}
.mbl-grid-list .mbl-title:hover {
color: blue;
}
.mbl-grid-list .mbl-author {
font-size: 0.85em;
font-style: italic;
opacity: 0.8;
margin: 0;
}
.mbl-grid-list .mbl-excerpt {
font-size: 0.9rem;
color: #555;
line-height: 1.5;
margin: 8px 0 0;
} .mbl-cards-list {
display: grid;
gap: 25px;
padding: 0;
}
.mbl-cards-list .mbl-post-item {
background: #fff;
border-radius: 5px;
overflow: hidden;
box-shadow: 0px 1px 5px darkblue;
transition: box-shadow 0.3s ease, transform 0.2s ease;
border: 1px solid #f0f0f0;
}
.mbl-cards-list .mbl-post-item:hover {
box-shadow: 0px 1px 8px blue;
transform: translateY(-4px);
}
.mbl-cards-list .mbl-post-link {
display: flex;
flex-direction: column;
text-decoration: none;
color: darkblue;
}
.mbl-cards-list .mbl-post-link:hover {
color: blue;
}
.mbl-cards-list .mbl-thumb-wrapper {
width: 100%;
height: 220px;
overflow: hidden;
background: #f5f5f5;
}
.mbl-cards-list .mbl-thumb-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.mbl-cards-list .mbl-text {
padding: 16px 20px 20px;
}
.mbl-cards-list .mbl-title {
font-weight: bold;
font-size: 1.15rem;
line-height: 1.3;
margin: 0 0 6px;
color: darkblue;
}
.mbl-cards-list .mbl-title:hover {
color: blue;
}
.mbl-cards-list .mbl-author {
font-size: 0.85em;
font-style: italic;
opacity: 0.8;
margin: 0 0 8px;
}
.mbl-cards-list .mbl-excerpt {
font-size: 0.9rem;
color: #555;
line-height: 1.6;
margin: 0;
}
.mbl-cards-list.columns-2 {
grid-template-columns: repeat(2, 1fr);
} .mbl-compact-list .mbl-post-item {
padding: 8px 0;
border-bottom: 1px solid #f0f0f0;
}
.mbl-compact-list .mbl-post-item:last-child {
border-bottom: none;
}
.mbl-compact-list .mbl-post-link {
display: flex;
justify-content: space-between;
align-items: center;
text-decoration: none;
color: #333;
padding: 4px 8px;
border-radius: 4px;
transition: background 0.2s ease;
}
.mbl-compact-list .mbl-post-link:hover {
background: #f5f5f5;
}
.mbl-compact-list .mbl-title {
font-size: 0.95rem;
font-weight: 500;
color: darkblue;
}
.mbl-compact-list .mbl-title:hover {
color: blue;
}
.mbl-compact-list .mbl-author {
font-size: 0.8rem;
color: #888;
margin-left: 10px;
white-space: nowrap;
} .sidebar .widget .textwidget .mbl-series-header {
margin-top: 15px !important;
margin-bottom: 15px !important;
display: block !important;
}
.sidebar .widget .textwidget form:last-child,
.sidebar .widget .textwidget #wp_users_dropdown_form {
margin-bottom: 20px !important;
} .cpl-popular-pagination,
.mbl-pagination {
margin-top: 10px;
padding: 4px 0;
display: flex;
gap: 3px;
align-items: center;
justify-content: center;
flex-wrap: wrap;
font-size: 0.75rem;
line-height: 1.2;
} .cpl-page-numbers,
.mbl-page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 3px;
height: 22px; flex-wrap: wrap;
} .cpl-popular-pagination a,
.cpl-popular-pagination span:not(.cpl-ellipsis):not(.cpl-page-numbers),
.mbl-pagination a,
.mbl-pagination span:not(.mbl-ellipsis):not(.mbl-page-numbers) {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 22px;
height: 22px;
padding: 0 6px;
text-decoration: none;
border: 1px solid #ddd;
border-radius: 3px;
color: inherit;
font-size: inherit;
line-height: 1;
transition: background-color 0.15s, border-color 0.15s, color 0.15s;
box-sizing: border-box;
}
.cpl-popular-pagination a:hover,
.mbl-pagination a:hover {
background-color: #f0f0f0;
border-color: #999;
} .cpl-popular-pagination .cpl-current-page,
.mbl-pagination .mbl-current-page {
background-color: #0073aa;
border-color: #0073aa;
color: #fff;
font-weight: 600;
} .cpl-popular-pagination .disabled,
.mbl-pagination .disabled {
color: #ccc;
border-color: #eee;
background: #fafafa;
cursor: not-allowed;
} .cpl-ellipsis,
.mbl-ellipsis {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 16px;
height: 22px;
padding: 0 2px;
color: #888;
user-select: none;
font-size: inherit;
} @media (max-width: 420px) {
.cpl-popular-pagination a.cpl-prev-page,
.cpl-popular-pagination a.cpl-next-page,
.mbl-pagination a.cpl-prev-page,
.mbl-pagination a.cpl-next-page {
padding: 0 5px;
font-size: 0;
}
.cpl-popular-pagination a.cpl-prev-page::before,
.mbl-pagination a.cpl-prev-page::before {
content: "«";
font-size: 0.9rem;
}
.cpl-popular-pagination a.cpl-next-page::after,
.mbl-pagination a.cpl-next-page::after {
content: "»";
font-size: 0.9rem;
}
} .page-id-1644 {
background-color:darkblue;
background-image: url(https://mushroom-scholars.org/wp-content/uploads/2025/05/stars.png);
background-repeat: repeat;
background-size: 100px 100px;
background-position: top left;
color: white;
}
.page-id-1644 .inside-article{
background-image: url(https://mushroom-scholars.org/wp-content/uploads/2025/05/cosmic.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.page-id-1644 .entry-title{
color: white;
text-shadow: 2px 2px 4px darkblue;
}
.page-id-1644 h2 {
text-shadow: 2px 2px 4px darkblue; background: linear-gradient(
120deg,
rgba(255, 0, 255, 1) 0%,
rgba(255, 0, 255, 1) 40%,
rgba(255, 204, 255, 1) 50%, rgba(255, 0, 255, 1) 60%,
rgba(255, 0, 255, 1) 100%
);
background-size: 200% 100%;
animation: pinkHighlight 5s ease-in-out infinite;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
@keyframes pinkHighlight {
0% {
background-position: 100% 0;
}
100% {
background-position: -100% 0;
}
}
#rescue-wildebeest-catlist{
text-align:center;
}
.page-id-1644 #rescue-wildebeest-catlist .lcp_catlist {
max-width: 50%;
margin: 0 auto; }
.page-id-1644 #primary-menu{
background-color:darkblue;
background-image: url(https://mushroom-scholars.org/wp-content/uploads/2025/05/stars.png);
background-repeat: repeat;
background-size: 100px 100px;
background-position: top left;
} .page-id-1644 #primary-menu > ul > li.menu-item > a {
color: #e6c8ff; background-color:darkblue;
}
.page-id-1644 #primary-menu > ul > li.menu-item > a:hover {
color: white; font-weight: bold;
background-color:blue;
}
#write-report-form{
background-color: black;
background: rgba(0,0,0,0.5);
} #rescue-wildebeest-in-spaceship{
position: fixed;
width: 150px;
height: auto;
z-index: 9999;
pointer-events: none; transform: scaleX(1);  animation: whizzyZ 6s linear infinite;
}
@keyframes whizzyZ { 
0% { left: 100%; top: 10%; transform: scaleX(1); } 
15% { left: 75%; top: 40%; transform: scaleX(1); } 
30% { left: 50%; top: 70%; transform: scaleX(1); } 
45% { left: 25%; top: 40%; transform: scaleX(1); } 
60% { left: 0%; top: 10%; transform: scaleX(1); }
62% { left: 1%; top: 12%; transform: scaleX(-1); }
75% { left: 25%; top: 20%; transform: scaleX(-1); }
100% { left: 100%; top: 10%; transform: scaleX(-1); }
}   .shroom-group-management {
max-width: 1100px;
margin: 30px auto;
padding: 0 20px;
} .shroom-group-management h2 {
font-size: 1.15rem;
color: darkblue;
margin: 0 0 12px 0;
padding-bottom: 8px;
border-bottom: 2px solid #e0e0e0;
} .shroom-group-management .shroom-group-panels {
display: grid;
grid-template-columns: 1fr 280px;
gap: 24px;
align-items: start;
} .shroom-group-actions {
display: flex;
flex-direction: column;
gap: 20px;
position: sticky; top: 20px;
} .shroom-group-panel {
background: #fafafa;
border: 1px solid #e0e0e0;
border-radius: 6px;
padding: 16px;
} .shroom-group-management .markerless-list {
list-style: none;
margin: 0;
padding: 0;
}
.shroom-group-management .user-name-level-item {
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 12px;
padding: 10px 12px;
border-bottom: 1px solid #eee;
background: #fff;
transition: background 0.15s ease;
}
.shroom-group-management .user-name-level-item:hover {
background: #f5f8ff;
}
.shroom-group-management .user-name-level-item:last-child {
border-bottom: none;
} .shroom-group-management .user-checkbox {
width: 18px;
height: 18px;
cursor: pointer;
margin: 0;
} .shroom-group-management .user-name-level-item > *:nth-child(2) {
font-weight: 600;
color: #333;
font-size: 0.95rem;
} .shroom-group-management .user-name-level-item ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 6px;
justify-content: flex-end;
}
.shroom-group-management .user-name-level-item ul li {
display: inline-block;
background: #e8f0fb;
color: darkblue;
font-size: 0.75rem;
padding: 2px 8px;
border-radius: 12px;
font-weight: 500;
margin: 0;
line-height: 1.5;
} .shroom-group-management .user-name-level-item ul li:only-child {
background: #f0f0f0;
color: #888;
font-style: italic;
} .shroom-group-panel ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.shroom-group-panel ul li {
margin: 0;
}
.shroom-group-panel button {
width: 100%;
text-align: left;
padding: 8px 12px;
background: #fff;
border: 1px solid #c8c8c8;
border-radius: 4px;
font-size: 0.9rem;
color: #333;
cursor: pointer;
transition: background 0.15s ease, border-color 0.15s ease;
font-family: inherit;
}
.shroom-group-panel button:hover {
background: #f0f8ff;
border-color: darkblue;
color: darkblue;
}
.shroom-group-panel button:active {
transform: translateY(1px);
} .shroom-group-panel.add-panel {
border-left: 4px solid #2e7d32;
}
.shroom-group-panel.remove-panel {
border-left: 4px solid #c62828;
}
.shroom-group-panel.add-panel button:hover {
border-color: #2e7d32;
background: #f1f8f1;
color: #2e7d32;
}
.shroom-group-panel.remove-panel button:hover {
border-color: #c62828;
background: #fdf3f3;
color: #c62828;
}
.shroom-select-all {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
font-size: 0.85rem;
color: #555;
cursor: pointer;
background: #f5f5f5;
border-radius: 4px 4px 0 0;
margin-bottom: 0;
}
.shroom-select-count {
font-size: 0.85rem;
font-weight: 400;
color: #666;
margin-left: 8px;
font-style: italic;
}
.shroom-group-panel button:disabled {
opacity: 0.5;
cursor: not-allowed;
background: #f5f5f5;
border-color: #ddd;
}
.shroom-toast {
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
background: rgba(0, 0, 0, 0.85);
color: #fff;
padding: 10px 18px;
border-radius: 6px;
font-size: 0.9rem;
z-index: 99999;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
opacity: 0.95;
pointer-events: none;
} @media (max-width: 800px) {
.shroom-group-management .shroom-group-panels {
grid-template-columns: 1fr;
}
.shroom-group-actions {
position: static;
}
}  body.tag-science-fiction {
background-image: url(https://wpts.mushroom-scholars.org/wp-content/plugins/mushroom-frontend-styling/images/sci-fi.jpg);
background-repeat: repeat;
background-position: top left;
} body.tag-fantasy-story-writing {
background-image: url(https://wpts.mushroom-scholars.org/wp-content/plugins/mushroom-frontend-styling/images/fantasy.jpg);
background-repeat: repeat;
background-attachment: fixed;
background-position: top left;
} body.tag-environment, body.tag-wildlife {
background-image: url(https://wpts.mushroom-scholars.org/wp-content/plugins/mushroom-frontend-styling/images/nature.jpg);
background-repeat: repeat;
background-attachment: fixed;
background-position: top left;
} body.tag-technology, body.tag-coding-projects {
background-image: url(https://wpts.mushroom-scholars.org/wp-content/plugins/mushroom-frontend-styling/images/coding.jpg);
background-repeat: repeat;
background-attachment: fixed;
background-position: top left;
}.xp-icon {
vertical-align: middle;
margin-right: 15px;
}
.lives-icon {
width: 50px;
vertical-align: middle;
margin-right: 20px;
}
.level-icon {
width: 100px;
vertical-align: middle;
}
.rpg-featured-img {
width: 100px;
border-radius: 10%;
float: left;
} .rpg-scenario-category-item {
display: flex;
align-items: center;
border-radius: 5%;
box-shadow: 0px 1px 5px darkblue;
margin-bottom: 5px;
}
.rpg-scenario-category-item h2 {
flex: 1;
margin-left: 20px;
}
.rpg-scenario-featured-image {
order: -1;
margin-right: 5px;
max-width: 100px;
}
.rpg-scenario-featured-image img {
border-radius: 10%;
} .mushroom-rpg-flashing-logo {
color: #fff;
padding: 10px;
display: flex;
margin: 0 40px;
justify-content: center;
text-align: center;
border-radius: 5px;
flex-direction: column;
animation: blinkingBackground 2s infinite;
}
@keyframes blinkingBackground {
0% { background-color: darkblue; }
25% { background-color: orange; }
50% { background-color: goldenrod; }
75% { background-color: darkblue; }
100% { background-color: blue; }
}
.mushroom-rpg-flashing-logo h4 {
word-break: keep-all;
font-size: clamp(16px, 4vw, 24px);
margin: 0;
}
.mushroom-rpg-flashing-logo img {
align-self: center;
max-width: 100px;
}
.rpg_scenario{
border-radius:10%;
box-shadow: 0px 2px 10px darkgray;
background-color:white;
}
.rpg_scenario .entry-header{
padding-left:35px;
padding-top:35px;
text-align:center;
}
.rpg_scenario .entry-content{
padding:35px;
padding-top:5px; white-space:normal;
}
.rpg_scenario .entry-content:not(:first-child){
margin-top:5px;
} #luck-tester-container{
display:block;
text-align: center;
margin-top: 15px;
margin-bottom:25px;
margin-left:auto;
margin-right:auto;
padding:10px;
}
#lucky{
padding:25px;
background-color: palegreen;
box-shadow: 1px 1px 5px darkgreen;
text-align:center;
border-radius:15%;
}
#unlucky{
padding:25px;
background-color: #ff9780;
box-shadow: 1px 1px 5px darkred;
text-align:center;
border-radius:15%;
}  .rpg-speech-wrapper {
display: flex;
align-items: flex-start;
gap: 15px;
margin: 20px 0;
max-width: 100%;
} .rpg-speech-wrapper .bubble-avatar {
flex-shrink: 0;
width: 60px;
height: 60px;
}
.rpg-speech-wrapper .bubble-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
border: 2px solid #333;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
} .rpg-speech-wrapper .bubble {
font-size: 1.2em;
color: #333;
background: #ffffff;
padding: 20px 25px;
border-radius: 10px;
max-width: 600px;
position: relative;
margin: 0;
flex: 1;
word-wrap: break-word;
border: 2px solid #333;
box-shadow: 4px 4px 15px rgba(0,0,0,0.2);
} .rpg-speech-wrapper.side-left {
flex-direction: row;
}
.rpg-speech-wrapper.side-left .bubble-avatar {
order: 1;
}
.rpg-speech-wrapper.side-left .bubble {
order: 2;
} .rpg-speech-wrapper.side-left .bubble::after {
content: "";
position: absolute;
left: -24px;
top: 20px;
border: 12px solid transparent;
border-right-color: #ffffff;
border-left-color: transparent;
border-bottom-color: transparent;
border-top-color: transparent;
filter: drop-shadow(-2px 0 0 #333);
} .rpg-speech-wrapper.side-right {
flex-direction: row;
}
.rpg-speech-wrapper.side-right .bubble-avatar {
order: 2;
}
.rpg-speech-wrapper.side-right .bubble {
order: 1;
} .rpg-speech-wrapper.side-right .bubble::after {
content: "";
position: absolute;
right: -24px;
top: 20px;
border: 12px solid transparent;
border-left-color: #ffffff;
border-right-color: transparent;
border-bottom-color: transparent;
border-top-color: transparent;
filter: drop-shadow(2px 0 0 #333);
} .rpg-speech-wrapper.side-top {
flex-direction: column;
align-items: flex-start;
}
.rpg-speech-wrapper.side-top .bubble-avatar {
order: 1;
margin-bottom: 15px;
}
.rpg-speech-wrapper.side-top .bubble {
order: 2;
max-width: 100%;
} .rpg-speech-wrapper.side-top .bubble::after {
content: "";
position: absolute;
top: -24px;
left: 20px;
border: 12px solid transparent;
border-bottom-color: #ffffff;
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
filter: drop-shadow(0 -2px 0 #333);
} .rpg-speech-wrapper.side-bottom {
flex-direction: column;
align-items: flex-start;
}
.rpg-speech-wrapper.side-bottom .bubble-avatar {
order: 2;
margin-top: 5px;
}
.rpg-speech-wrapper.side-bottom .bubble {
order: 1;
max-width: 100%;
} .rpg-speech-wrapper.side-bottom .bubble::after {
content: "";
position: absolute;
bottom: -24px;
left: 20px;
border: 12px solid transparent;
border-top-color: #ffffff;
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
filter: drop-shadow(0 2px 0 #333);
} .rpg-quiz-container {
max-width: 700px;
margin: 20px auto;
padding: 25px 30px;
background: #ffffff;
border-radius: 12px;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
}
.rpg-quiz-title {
margin-top: 0;
color: #2c3e50;
font-size: 1.6rem;
}
.rpg-quiz-description {
color: #7f8c8d;
font-size: 1rem;
margin-bottom: 25px;
} .rpg-quiz-question {
margin-bottom: 25px;
padding: 15px 18px;
border-radius: 8px;
border: 1px solid #e8ecf0;
transition: border-color 0.3s ease;
}
.rpg-quiz-question h4 {
margin: 0 0 8px 0;
font-weight: 600;
color: #34495e;
}
.rpg-quiz-question-text {
font-size: 1.05rem;
margin-bottom: 12px;
font-weight: 500;
}
.rpg-quiz-question-image {
max-width: 100%;
height: auto;
border-radius: 8px;
margin: 8px 0 12px 0;
border: 1px solid #e8ecf0;
} .rpg-quiz-options {
display: flex;
flex-direction: column;
gap: 6px;
margin: 10px 0;
}
.rpg-quiz-options label {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 14px;
border-radius: 6px;
cursor: pointer;
transition: background 0.2s ease;
border: 1px solid transparent;
font-size: 0.95rem;
}
.rpg-quiz-options label:hover {
background: #f0f4f8;
}
.rpg-quiz-options input[type="radio"] {
margin: 0;
flex-shrink: 0;
width: 16px;
height: 16px;
}
.rpg-quiz-options input[type="radio"]:checked + label {
background: #e8f0fe;
border-color: #4a90d9;
} .rpg-quiz-short-answer input {
width: 100%;
padding: 10px 14px;
border: 1px solid #d0d7de;
border-radius: 6px;
font-size: 1rem;
transition: border-color 0.3s ease;
}
.rpg-quiz-short-answer input:focus {
outline: none;
border-color: #4a90d9;
box-shadow: 0 0 0 3px rgba(74, 144, 217, 0.15);
} .rpg-quiz-submit {
text-align: center;
margin-top: 20px;
}
.rpg-quiz-submit-btn {
background: #2c3e50;
color: #ffffff;
border: none;
padding: 12px 40px;
border-radius: 8px;
font-size: 1.1rem;
cursor: pointer;
transition: background 0.3s ease;
}
.rpg-quiz-submit-btn:hover {
background: #1a252f;
}
.rpg-quiz-submit-btn:disabled {
opacity: 0.6;
cursor: not-allowed;
} .rpg-quiz-results {
padding: 20px 25px;
border-radius: 8px;
margin: 15px 0;
display: block !important;
}
.rpg-quiz-results.pass {
background: #e8f5e9;
border: 2px solid #4caf50;
}
.rpg-quiz-results.fail {
background: #fff5f5;
border: 2px solid #e53e3e;
}
.rpg-quiz-score {
font-size: 1.8rem;
font-weight: bold;
text-align: center;
margin-bottom: 15px;
}
.rpg-quiz-success-message {
text-align: center;
}
.rpg-quiz-success-message h2 {
color: #2e7d32;
}
.rpg-quiz-fail-message {
text-align: center;
}
.rpg-quiz-fail-message h2 {
color: #c62828;
} .rpg-quiz-retry {
background: #e53e3e;
color: #ffffff;
border: none;
padding: 10px 30px;
border-radius: 6px;
font-size: 1rem;
cursor: pointer;
transition: background 0.3s ease;
margin-top: 10px;
}
.rpg-quiz-retry:hover {
background: #c62828;
} .rpg-quiz-question.rpg-quiz-incomplete {
border-color: #e53e3e;
background: #fff5f5;
} .mission-completion-button.mission-completed {
background: #4caf50 !important;
cursor: default !important;
opacity: 0.7;
}
.mission-completion-button.mission-completed::after {
content: ' ✅';
} .mission-completion-button.mission-completed {
background: #4caf50 !important;
border-color: #388e3c !important;
cursor: default !important;
opacity: 0.7;
pointer-events: none; } .mission-completion-button.mission-completed {
background: #4caf50 !important;
border-color: #388e3c !important;
opacity: 0.8;
}
.mission-completion-button.mission-completed:hover {
background: #4caf50 !important;
transform: none !important;
box-shadow: none !important;
} .rpg-modal-overlay {
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(0,0,0,0.7);
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
}
.rpg-modal-content {
background: #fff;
padding: 24px;
border-radius: 8px;
max-width: 450px;
width: 90%;
text-align: center;
position: relative;
box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}
.rpg-modal-close {
position: absolute;
top: 10px; right: 15px;
font-size: 24px;
cursor: pointer;
}
.rpg-xp-badge {
display: inline-block;
background: #4CAF50;
color: #fff;
font-weight: bold;
padding: 6px 16px;
border-radius: 20px;
margin: 12px 0;
}
.rpg-modal-btn {
background: #2196F3;
color: #fff;
border: none;
padding: 10px 20px;
border-radius: 4px;
cursor: pointer;
font-weight: bold;
} .rpg-gapfill-container {
max-width: 700px;
margin: 20px auto;
padding: 25px 30px;
background: #fff;
border-radius: 12px;
box-shadow: 0 2px 15px rgba(0,0,0,0.1);
}
.rpg-gapfill-title {
margin-top: 0;
color: #2c3e50;
}
.rpg-gapfill-description {
color: #7f8c8d;
font-size: 1rem;
margin-bottom: 20px;
}
.rpg-gapfill-text {
font-size: 1.2rem;
line-height: 2.4;
padding: 15px 0;
}
.rpg-gapfill-text-part {
white-space: pre-wrap;
}
.rpg-gapfill-gap {
display: inline-block;
position: relative;
margin: 0 4px;
min-width: 100px;
}
.rpg-gapfill-select {
padding: 4px 8px;
border: 2px solid #ddd;
border-radius: 6px;
font-size: 1rem;
background: #f9f9f9;
cursor: pointer;
min-width: 80px;
}
.rpg-gapfill-select:hover {
border-color: #0073aa;
}
.rpg-gapfill-gap.rpg-gapfill-incomplete .rpg-gapfill-select {
border-color: #e53e3e;
background: #fff5f5;
}
.rpg-gapfill-gap.rpg-gapfill-correct .rpg-gapfill-select {
border-color: #4caf50;
background: #e8f5e9;
}
.rpg-gapfill-gap.rpg-gapfill-incorrect .rpg-gapfill-select {
border-color: #e53e3e;
background: #ffebee;
}
.rpg-gapfill-correct-answer {
display: block;
font-size: 0.8rem;
color: #4caf50;
font-weight: bold;
margin-top: 2px;
}
.rpg-gapfill-submit {
text-align: center;
margin-top: 20px;
}
.rpg-gapfill-submit-btn {
background: #2c3e50;
color: #ffffff;
border: none;
padding: 12px 40px;
border-radius: 8px;
font-size: 1.1rem;
cursor: pointer;
transition: background 0.3s ease;
}
.rpg-gapfill-submit-btn:hover {
background: #1a252f;
}
.rpg-gapfill-submit-btn:disabled {
opacity: 0.6;
cursor: not-allowed;
} .rpg-gapfill-results {
padding: 20px 25px;
border-radius: 8px;
margin: 15px 0;
display: block !important;
}
.rpg-gapfill-results.pass {
background: #e8f5e9;
border: 2px solid #4caf50;
}
.rpg-gapfill-results.fail {
background: #fff5f5;
border: 2px solid #e53e3e;
}
.rpg-gapfill-score {
font-size: 1.8rem;
font-weight: bold;
text-align: center;
margin-bottom: 15px;
} .rpg-gapfill-retry {
background: #e53e3e;
color: #ffffff;
border: none;
padding: 10px 30px;
border-radius: 6px;
font-size: 1rem;
cursor: pointer;
transition: background 0.3s ease;
margin-top: 10px;
}
.rpg-gapfill-retry:hover {
background: #c62828;
} .rpg-escape-purgatory-wrap {
margin: 30px auto 20px;
max-width: 480px;
padding: 24px 20px;
border-radius: 12px;
background: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 100%);
border: 2px solid #10b981;
box-shadow:
0 0 0 4px rgba(16, 185, 129, 0.1),
0 6px 20px rgba(16, 185, 129, 0.2);
text-align: center;
position: relative;
overflow: hidden;
} .rpg-escape-purgatory-wrap::before {
content: "";
position: absolute;
inset: -10px;
background: radial-gradient(circle at center,
rgba(16, 185, 129, 0.25) 0%,
transparent 65%);
animation: rpg-escape-pulse 3s ease-in-out infinite;
pointer-events: none;
z-index: 0;
}
@keyframes rpg-escape-pulse {
0%, 100% { opacity: 0.5; transform: scale(1); }
50%      { opacity: 1;   transform: scale(1.03); }
}
.rpg-escape-purgatory-button {
position: relative;
z-index: 1;
display: inline-flex;
flex-direction: column;
align-items: center;
gap: 6px;
padding: 14px 26px;
border-radius: 8px;
border: none;
background: linear-gradient(180deg, #10b981 0%, #059669 100%);
color: #ffffff;
font-size: 1rem;
font-weight: 700;
letter-spacing: 0.02em;
text-transform: uppercase;
cursor: pointer;
transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease;
box-shadow:
0 3px 0 #065f46,
0 6px 14px rgba(5, 150, 105, 0.35);
}
.rpg-escape-purgatory-button:hover {
background: linear-gradient(180deg, #34d399 0%, #10b981 100%);
transform: translateY(-1px);
box-shadow:
0 4px 0 #065f46,
0 8px 18px rgba(5, 150, 105, 0.45);
color: #ffffff;
}
.rpg-escape-purgatory-button:active {
transform: translateY(2px);
box-shadow:
0 1px 0 #065f46,
0 3px 8px rgba(5, 150, 105, 0.35);
}
.rpg-escape-purgatory-button:disabled {
cursor: wait;
opacity: 0.7;
}
.rpg-escape-hearts {
font-size: 1.1rem;
line-height: 1;
letter-spacing: 4px;
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.15));
}
.rpg-escape-label {
font-size: 1rem;
line-height: 1.2;
} @media (max-width: 480px) {
.rpg-escape-purgatory-wrap {
padding: 18px 14px;
margin: 20px 10px;
}
.rpg-escape-purgatory-button {
padding: 12px 18px;
font-size: 0.9rem;
}
.rpg-escape-label {
font-size: 0.9rem;
}
.rpg-escape-hearts {
font-size: 1rem;
}
} @media (max-width: 600px) {
.rpg-avatar-container {
margin-left: auto;
margin-right: auto;
}
.rpg-avatar-container img {
width: 200px !important;
}
.profile-user-stats-container {
display: block;
margin-left: auto;
margin-right: auto;
padding: 15px;
}
.mission-log-container {
padding: 10px;
}
.the-missions-log {
padding: 10px;
}
.mission-log-container li {
padding: 5px;
}
.mission-log-entry {
margin-right: 10px;
}
.mission-log-entry-icon {
max-width: 60px;
max-height: 90px;
} .rpg-speech-wrapper {
flex-direction: column !important;
align-items: center;
}
.rpg-speech-wrapper .bubble-avatar {
width: 50px;
height: 50px;
margin-bottom: 10px !important;
margin-top: 0 !important;
order: 1 !important;
}
.rpg-speech-wrapper .bubble {
max-width: 100%;
font-size: 1em;
padding: 15px 18px;
order: 2 !important;
} .rpg-speech-wrapper .bubble::after {
top: -24px !important;
bottom: auto !important;
left: calc(50% - 12px) !important;
right: auto !important;
border-bottom-color: #ffffff !important;
border-top-color: transparent !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
filter: drop-shadow(0 -2px 0 #333) !important;
} .rpg-quiz-container {
padding: 16px;
margin: 10px;
}
.rpg-quiz-options label {
padding: 8px 12px;
font-size: 0.9rem;
}
.rpg-quiz-submit-btn {
width: 100%;
padding: 14px;
}
.rpg-quiz-title {
font-size: 1.3rem;
} .rpg-gapfill-container {
padding: 16px;
margin: 10px;
}
.rpg-gapfill-text {
font-size: 1rem;
line-height: 2.2;
}
.rpg-gapfill-gap {
min-width: 80px;
}
.rpg-gapfill-select {
font-size: 0.9rem;
min-width: 60px;
}
.rpg-gapfill-submit-btn {
width: 100%;
padding: 14px;
}
}.comment-content a{word-wrap:break-word}.bypostauthor{display:block}.comment,.comment-list{list-style-type:none;padding:0;margin:0}.comment-author-info{display:inline-block;vertical-align:middle}.comment-meta .avatar{float:left;margin-right:10px;border-radius:50%}.comment-author cite{font-style:normal;font-weight:700}.entry-meta.comment-metadata{margin-top:0}.comment-content{margin-top:1.5em}.comment-respond{margin-top:0}.comment-form>.form-submit{margin-bottom:0}.comment-form input,.comment-form-comment{margin-bottom:10px}.comment-form-comment textarea{resize:vertical}.comment-form #author,.comment-form #email,.comment-form #url{display:block}.comment-metadata .edit-link:before{display:none}.comment-body{padding:30px 0}.comment-content{padding:30px;border:1px solid rgba(0,0,0,.05)}.depth-1.parent>.children{border-bottom:1px solid rgba(0,0,0,.05)}.comment .children{padding-left:30px;margin-top:-30px;border-left:1px solid rgba(0,0,0,.05)}.pingback .comment-body,.trackback .comment-body{border-bottom:1px solid rgba(0,0,0,.05)}.pingback .edit-link{font-size:13px}.comment-content p:last-child{margin-bottom:0}.comment-list>.comment:first-child{padding-top:0;margin-top:0;border-top:0}ol.comment-list{margin-bottom:1.5em}.comment-form-cookies-consent{display:flex;align-items:center}.comment-form-cookies-consent input{margin-right:.5em;margin-bottom:0}.one-container .comments-area{margin-top:1.5em}.comment-content .reply{font-size:85%}#cancel-comment-reply-link{padding-left:10px}blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0;border:0}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:block}progress{vertical-align:baseline}html{box-sizing:border-box}*,::after,::before{box-sizing:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;margin:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}body,button,input,select,textarea{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;text-transform:none;font-size:17px;line-height:1.5}p{margin-bottom:1.5em}h1,h2,h3,h4,h5,h6{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit}pre{background:rgba(0,0,0,.05);font-family:inherit;font-size:inherit;line-height:normal;margin-bottom:1.5em;padding:20px;overflow:auto;max-width:100%}blockquote{border-left:5px solid rgba(0,0,0,.05);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative}blockquote p:last-child{margin:0}table,td,th{border:1px solid rgba(0,0,0,.1)}table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.5em;width:100%}td,th{padding:8px}th{border-width:0 1px 1px 0}td{border-width:0 1px 1px 0}hr{background-color:rgba(0,0,0,.1);border:0;height:1px;margin-bottom:40px;margin-top:40px}fieldset{padding:0;border:0;min-width:inherit}fieldset legend{padding:0;margin-bottom:1.5em}h1{font-size:42px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h2{font-size:35px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h3{font-size:29px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h4{font-size:24px}h5{font-size:20px}h4,h5,h6{margin-bottom:20px}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}b,strong{font-weight:700}cite,dfn,em,i{font-style:italic}address{margin:0 0 1.5em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{text-decoration:none}sub,sup{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}sup{bottom:1ex}sub{top:.5ex}small{font-size:75%}big{font-size:125%}figure{margin:0}table{margin:0 0 1.5em;width:100%}th{font-weight:700}img{height:auto;max-width:100%}button,input[type=button],input[type=reset],input[type=submit]{background:#55555e;color:#fff;border:1px solid transparent;cursor:pointer;-webkit-appearance:button;padding:10px 20px}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{border:1px solid;border-radius:0;padding:10px 15px;max-width:100%}textarea{width:100%}a,button,input{transition:color .1s ease-in-out,background-color .1s ease-in-out}a{text-decoration:none}.button,.wp-block-button .wp-block-button__link{padding:10px 20px;display:inline-block}.wp-block-button .wp-block-button__link{font-size:inherit;line-height:inherit}.using-mouse :focus{outline:0}.using-mouse ::-moz-focus-inner{border:0}.alignleft{float:left;margin-right:1.5em}.alignright{float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin:0 auto}.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail{max-width:100%;height:auto}.no-sidebar .entry-content .alignfull{margin-left:calc(-100vw / 2 + 100% / 2);margin-right:calc(-100vw / 2 + 100% / 2);max-width:100vw;width:auto}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#primary[tabindex="-1"]:focus{outline:0}.main-navigation{z-index:100;padding:0;clear:both;display:block}.main-navigation a{display:block;text-decoration:none;font-weight:400;text-transform:none;font-size:15px}.main-navigation ul{list-style:none;margin:0;padding-left:0}.main-navigation .main-nav ul li a{padding-left:20px;padding-right:20px;line-height:60px}.inside-navigation{position:relative}.main-navigation .inside-navigation{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}.main-navigation .main-nav>ul{display:flex;flex-wrap:wrap;align-items:center}.main-navigation li{position:relative}.main-navigation .menu-bar-items{display:flex;align-items:center;font-size:15px}.main-navigation .menu-bar-items a{color:inherit}.main-navigation .menu-bar-item{position:relative}.main-navigation .menu-bar-item.search-item{z-index:20}.main-navigation .menu-bar-item>a{padding-left:20px;padding-right:20px;line-height:60px}.sidebar .main-navigation .main-nav{flex-basis:100%}.sidebar .main-navigation .main-nav>ul{flex-direction:column}.sidebar .main-navigation .menu-bar-items{margin:0 auto}.sidebar .main-navigation .menu-bar-items .search-item{order:10}.nav-align-center .inside-navigation{justify-content:center}.nav-align-center .main-nav>ul{justify-content:center}.nav-align-right .inside-navigation{justify-content:flex-end}.main-navigation ul ul{display:block;box-shadow:1px 1px 0 rgba(0,0,0,.1);float:left;position:absolute;left:-99999px;opacity:0;z-index:99999;width:200px;text-align:left;top:auto;transition:opacity 80ms linear;transition-delay:0s;pointer-events:none;height:0;overflow:hidden}.main-navigation ul ul a{display:block}.main-navigation ul ul li{width:100%}.main-navigation .main-nav ul ul li a{line-height:normal;padding:10px 20px;font-size:14px}.main-navigation .main-nav ul li.menu-item-has-children>a{padding-right:0;position:relative}.main-navigation.sub-menu-left ul ul{box-shadow:-1px 1px 0 rgba(0,0,0,.1)}.main-navigation.sub-menu-left .sub-menu{right:0}.main-navigation:not(.toggled) ul li.sfHover>ul,.main-navigation:not(.toggled) ul li:hover>ul{left:auto;opacity:1;transition-delay:150ms;pointer-events:auto;height:auto;overflow:visible}.main-navigation:not(.toggled) ul ul li.sfHover>ul,.main-navigation:not(.toggled) ul ul li:hover>ul{left:100%;top:0}.main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover>ul,.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover>ul{right:100%;left:auto}.nav-float-right .main-navigation ul ul ul{top:0}.menu-item-has-children .dropdown-menu-toggle{display:inline-block;height:100%;clear:both;padding-right:20px;padding-left:10px}.menu-item-has-children ul .dropdown-menu-toggle{padding-top:10px;padding-bottom:10px;margin-top:-10px}.sidebar .menu-item-has-children .dropdown-menu-toggle,nav ul ul .menu-item-has-children .dropdown-menu-toggle{float:right}.widget-area .main-navigation li{float:none;display:block;width:100%;padding:0;margin:0}.sidebar .main-navigation.sub-menu-right ul li.sfHover ul,.sidebar .main-navigation.sub-menu-right ul li:hover ul{top:0;left:100%}.sidebar .main-navigation.sub-menu-left ul li.sfHover ul,.sidebar .main-navigation.sub-menu-left ul li:hover ul{top:0;right:100%}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 2em;overflow:hidden}.site-main .post-navigation{margin-bottom:0}.paging-navigation .nav-next,.paging-navigation .nav-previous{display:none}.paging-navigation .nav-links>*{padding:0 5px}.paging-navigation .nav-links .current{font-weight:700}.nav-links>:first-child{padding-left:0}.site-header{position:relative}.inside-header{padding:20px 40px}.main-title{margin:0;font-size:25px;line-height:1.2em;word-wrap:break-word;font-weight:700;text-transform:none}.site-description{margin:0;line-height:1.5;font-weight:400;text-transform:none;font-size:15px}.site-logo{display:inline-block;max-width:100%}.site-header .header-image{vertical-align:middle}.inside-header{display:flex;align-items:center}.header-widget{margin-left:auto}.header-widget p:last-child{margin-bottom:0}.nav-float-right .header-widget{margin-left:20px}.nav-float-right #site-navigation{margin-left:auto}.nav-float-left #site-navigation{margin-right:auto;order:-10}.nav-float-left .header-widget{margin-left:0;margin-right:20px;order:-15}.header-aligned-center:not([class*=nav-float-]) .inside-header{justify-content:center;flex-direction:column;text-align:center}.header-aligned-center:not([class*=nav-float-]) .header-widget{margin-left:auto;margin-right:auto}.header-aligned-center:not([class*=nav-float-]) .inside-header>:not(:first-child){margin-top:1em}.header-aligned-right:not([class*=nav-float-]) .inside-header{justify-content:flex-end}.header-aligned-right:not([class*=nav-float-]) .header-widget{margin-right:auto;margin-left:0;order:-10}.site-branding-container{display:inline-flex;align-items:center;text-align:left;flex-shrink:0}.site-branding-container .site-logo{margin-right:1em}.sticky{display:block}.entry-header .gp-icon,.posted-on .updated{display:none}.byline,.entry-header .cat-links,.entry-header .comments-link,.entry-header .tags-links,.group-blog .byline,.single .byline{display:inline}footer.entry-meta .byline,footer.entry-meta .posted-on{display:block}.entry-content:not(:first-child),.entry-summary:not(:first-child),.page-content:not(:first-child){margin-top:2em}.page-links{clear:both;margin:0 0 1.5em}.archive .format-aside .entry-header,.archive .format-status .entry-header,.archive .format-status .entry-meta,.archive .format-status .entry-title,.blog .format-aside .entry-header,.blog .format-status .entry-header,.blog .format-status .entry-meta,.blog .format-status .entry-title{display:none}.archive .format-aside .entry-content,.archive .format-status .entry-content,.blog .format-aside .entry-content,.blog .format-status .entry-content{margin-top:0}.archive .format-status .entry-content p:last-child,.blog .format-status .entry-content p:last-child{margin-bottom:0}.entry-header,.site-content{word-wrap:break-word}.entry-title{margin-bottom:0}.author .page-header .page-title{display:flex;align-items:center}.author .page-header .avatar{margin-right:20px}.page-header .author-info>:last-child,.page-header>:last-child{margin-bottom:0}.entry-meta{font-size:85%;margin-top:.5em;line-height:1.5}footer.entry-meta{margin-top:2em}.cat-links,.comments-link,.tags-links{display:block}.entry-content>p:last-child,.entry-summary>p:last-child,.page-content>p:last-child,.read-more-container,.taxonomy-description p:last-child{margin-bottom:0}.wp-caption{margin-bottom:1.5em;max-width:100%;position:relative}.wp-caption img[class*=wp-image-]{display:block;margin:0 auto 0;max-width:100%}.wp-caption .wp-caption-text{font-size:75%;padding-top:5px;opacity:.8}.wp-caption img{position:relative;vertical-align:bottom}.wp-block-image figcaption{font-size:13px;text-align:center}.wp-block-gallery,ul.blocks-gallery-grid{margin-left:0}.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{background:rgba(255,255,255,.7);color:#000;padding:10px;box-sizing:border-box}.gallery{margin-bottom:1.5em}.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-caption{display:block}.site-main .gallery{margin-bottom:1.5em}.gallery-item img{vertical-align:bottom}.gallery-icon{padding:5px}embed,iframe,object{max-width:100%}.wp-block-post-template{margin-left:0}.widget-area .widget{padding:40px}.widget select{max-width:100%}.footer-widgets .widget :last-child,.sidebar .widget :last-child{margin-bottom:0}.widget-title{margin-bottom:30px;font-size:20px;line-height:1.5;font-weight:400;text-transform:none}.widget ol,.widget ul{margin:0}.widget .search-field{width:100%}.widget .search-form{display:flex}.widget .search-form button.search-submit{font-size:15px}.footer-widgets .widget{margin-bottom:30px}.footer-widgets .widget:last-child,.sidebar .widget:last-child{margin-bottom:0}.widget ul li{list-style-type:none;position:relative;margin-bottom:.5em}.widget ul li ul{margin-left:1em;margin-top:.5em}.wp-calendar-table{table-layout:fixed}.site-content{display:flex}.grid-container{margin-left:auto;margin-right:auto;max-width:1200px}.page-header,.sidebar .widget,.site-main>*{margin-bottom:20px}.both-left .inside-left-sidebar,.both-right .inside-left-sidebar{margin-right:10px}.both-left .inside-right-sidebar,.both-right .inside-right-sidebar{margin-left:10px}.one-container.both-right .site-main,.one-container.right-sidebar .site-main{margin-right:40px}.one-container.both-left .site-main,.one-container.left-sidebar .site-main{margin-left:40px}.one-container.both-sidebars .site-main{margin:0 40px 0 40px}.one-container.archive .post:not(:last-child):not(.is-loop-template-item),.one-container.blog .post:not(:last-child):not(.is-loop-template-item){padding-bottom:40px}.one-container .site-content{padding:40px}.separate-containers .comments-area,.separate-containers .inside-article,.separate-containers .page-header,.separate-containers .paging-navigation{padding:40px}.separate-containers .site-main{margin:20px}.separate-containers.no-sidebar .site-main{margin-left:0;margin-right:0}.separate-containers.both-right .site-main,.separate-containers.right-sidebar .site-main{margin-left:0}.separate-containers.both-left .site-main,.separate-containers.left-sidebar .site-main{margin-right:0}.separate-containers .inside-left-sidebar,.separate-containers .inside-right-sidebar{margin-top:20px;margin-bottom:20px}.inside-page-header{padding:40px}.widget-area .main-navigation{margin-bottom:20px}.one-container .site-main>:last-child,.separate-containers .site-main>:last-child{margin-bottom:0}.full-width-content .container.grid-container{max-width:100%}.full-width-content.no-sidebar.separate-containers .site-main{margin:0}.full-width-content.one-container .site-content,.full-width-content.separate-containers .inside-article{padding:0}.full-width-content .entry-content .alignwide{margin-left:0;width:auto;max-width:unset}.contained-content.one-container .site-content,.contained-content.separate-containers .inside-article{padding:0}.sidebar .grid-container{max-width:100%;width:100%}.both-left .is-left-sidebar,.both-sidebars .is-left-sidebar,.left-sidebar .sidebar{order:-10}.both-left .is-right-sidebar{order:-5}.both-right .is-left-sidebar{order:5}.both-right .is-right-sidebar,.both-sidebars .is-right-sidebar{order:10}.inside-site-info{display:flex;align-items:center;justify-content:center;padding:20px 40px}.site-info{text-align:center;font-size:15px}.post-image:not(:first-child){margin-top:2em}.featured-image{line-height:0}.separate-containers .featured-image{margin-top:20px}.separate-containers .inside-article>.featured-image{margin-top:0;margin-bottom:2em}.one-container .inside-article>.featured-image{margin-top:0;margin-bottom:2em}.gp-icon{display:inline-flex;align-self:center}.gp-icon svg{height:1em;width:1em;top:.125em;position:relative;fill:currentColor}.close-search .icon-search svg:first-child,.icon-menu-bars svg:nth-child(2),.icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:first-child{display:none}.close-search .icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:nth-child(2){display:block}.entry-meta .gp-icon{margin-right:.6em;opacity:.7}nav.toggled .icon-arrow-left svg{transform:rotate(-90deg)}nav.toggled .icon-arrow-right svg{transform:rotate(90deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon svg{transform:rotate(180deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-left svg{transform:rotate(-270deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-right svg{transform:rotate(270deg)}.container.grid-container{width:auto}.menu-toggle,.mobile-bar-items,.sidebar-nav-mobile{display:none}.menu-toggle{padding:0 20px;line-height:60px;margin:0;font-weight:400;text-transform:none;font-size:15px;cursor:pointer}.menu-toggle .mobile-menu{padding-left:3px}.menu-toggle .gp-icon+.mobile-menu{padding-left:9px}.menu-toggle .mobile-menu:empty{display:none}button.menu-toggle{background-color:transparent;flex-grow:1;border:0;text-align:center}button.menu-toggle:active,button.menu-toggle:focus,button.menu-toggle:hover{background-color:transparent}.has-menu-bar-items button.menu-toggle{flex-grow:0}nav.toggled ul ul.sub-menu{width:100%}.toggled .menu-item-has-children .dropdown-menu-toggle{padding-left:20px}.main-navigation.toggled .main-nav{flex-basis:100%;order:3}.main-navigation.toggled .main-nav>ul{display:block}.main-navigation.toggled .main-nav li{width:100%;text-align:left}.main-navigation.toggled .main-nav ul ul{transition:0s;visibility:hidden;box-shadow:none;border-bottom:1px solid rgba(0,0,0,.05)}.main-navigation.toggled .main-nav ul ul li:last-child>ul{border-bottom:0}.main-navigation.toggled .main-nav ul ul.toggled-on{position:relative;top:0;left:auto!important;right:auto!important;width:100%;pointer-events:auto;height:auto;opacity:1;display:block;visibility:visible;float:none}.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle{float:right}.mobile-menu-control-wrapper{display:none;margin-left:auto;align-items:center}.has-inline-mobile-toggle #site-navigation.toggled{margin-top:1.5em}.has-inline-mobile-toggle #site-navigation.has-active-search{margin-top:1.5em}.has-inline-mobile-toggle #site-navigation.has-active-search .nav-search-active{position:relative}.has-inline-mobile-toggle #site-navigation.has-active-search .navigation-search input{outline:auto}.nav-float-left .mobile-menu-control-wrapper{order:-10;margin-left:0;margin-right:auto;flex-direction:row-reverse}@media (max-width:768px){.hide-on-mobile{display:none!important}a,body,button,input,select,textarea{transition:all 0s ease-in-out}.inside-header{flex-direction:column;text-align:center}.site-header .header-widget{margin-top:1.5em;margin-left:auto;margin-right:auto;text-align:center}.site-content{flex-direction:column}.container .site-content .content-area{width:auto}.is-left-sidebar.sidebar,.is-right-sidebar.sidebar{width:auto;order:initial}.is-left-sidebar+.is-right-sidebar .inside-right-sidebar{margin-top:0}.both-left .inside-left-sidebar,.both-left .inside-right-sidebar,.both-right .inside-left-sidebar,.both-right .inside-right-sidebar{margin-right:0;margin-left:0}#main{margin-left:0;margin-right:0}body:not(.no-sidebar) #main{margin-bottom:0}.alignleft,.alignright{float:none;display:block;margin-left:auto;margin-right:auto}.comment .children{padding-left:10px;margin-left:0}.entry-meta{font-size:inherit}.entry-meta a{line-height:1.8em}}@media (min-width:769px) and (max-width:1024px){.hide-on-tablet{display:none!important}}@media (min-width:1025px){.hide-on-desktop{display:none!important}}