/*
Theme Name: Rain by Flutterum
Version: 1.4.5
Requires at least: 5.0
Tested up to: 5.9
Requires PHP: 7.0
Theme URI: https://www.flutterum.com
Author: Billy Wilcosky
Author URI: https://www.wilcosky.com
Description: A minimal, modern theme for bbPress and WordPress.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: block-patterns, block-styles, blog, education, entertainment, one-column, custom-logo, custom-menu, footer-widgets, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: rain-by-flutterum
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
:root {
--background-body: #fff;
--background: #efefef;
--background-alt: #f7f7f7;
--selection: #9e9e9e;
--text-main: #363636;
--text-bright: #000;
--text-muted: #70777f;
--links: #0076d1;
--focus: #0096bfab;
--border: #dbdbdb;
--code: #000;
--animation-duration: 0.1s;
--button-hover: #ddd;
--form-placeholder: #949494;
--form-text: #000;
--variable: #39a33c;
--highlight: #ff0;
--select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23161f27'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");
}
body {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
line-height: 1.4;
max-width: 800px;
margin: 20px auto;
padding: 0 10px;
word-wrap: break-word;
color: #363636;
color: var(--text-main);
background: #fff;
background: var(--background-body);
text-rendering: optimizeLegibility;
}
button {
transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease;
transition: background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) ease;
}
input {
transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease;
transition: background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) ease;
}
textarea {
transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease;
transition: background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) ease;
}
h1 {
font-size: 2.2em;
margin-top: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 12px;
margin-top: 24px;
}
h1 {
color: #000;
color: var(--text-bright);
}
h2 {
color: #000;
color: var(--text-bright);
}
h3 {
color: #000;
color: var(--text-bright);
}
h4 {
color: #000;
color: var(--text-bright);
}
h5 {
color: #000;
color: var(--text-bright);
}
h6 {
color: #000;
color: var(--text-bright);
}
strong {
color: #000;
color: var(--text-bright);
}
h1,
h2,
h3,
h4,
h5,
h6,
b,
strong,
th {
font-weight: 600;
}
q::before {
content: none;
}
q::after {
content: none;
}
blockquote {
border-left: 4px solid #0096bfab;
border-left: 4px solid var(--focus);
margin: 1.5em 0;
padding: 0.5em 1em;
font-style: italic;
}
q {
border-left: 4px solid #0096bfab;
border-left: 4px solid var(--focus);
margin: 1.5em 0;
padding: 0.5em 1em;
font-style: italic;
}
blockquote > footer {
font-style: normal;
border: 0;
}
blockquote cite {
font-style: normal;
}
address {
font-style: normal;
}
a[href^="mailto\:"]::before {
content:"📧 ";
}
a[href^="tel\:"]::before {
content:"📞 ";
}
a[href^="sms\:"]::before {
content:"💬 ";
}
mark {
background-color:#ff0;
background-color:var(--highlight);
border-radius:2px;
padding:0 2px 0 2px;
color:#000;
}
button,
select,
input[type="submit"],
input[type="button"],
input[type="checkbox"],
input[type="range"],
input[type="radio"] {
cursor:pointer;
}
input:not([type="checkbox"]):not([type="radio"]),
select {
display:block;
}
input {
color:#000;
color:var(--form-text);
background-color:#efefef;
background-color:var(--background);
font-family:inherit;
font-size:inherit;
margin-right:6px;
margin-bottom:6px;
padding:10px;
border:none;
border-radius:6px;
outline:none;
}
button {
color:#000;
color:var(--form-text);
background-color:#efefef;
background-color:var(--background);
font-family:inherit;
font-size:inherit;
margin-right:6px;
margin-bottom:6px;
padding:10px;
border:none;
border-radius:6px;
outline:none;
}
textarea {
color:#000;
color:var(--form-text);
background-color:#efefef;
background-color:var(--background);
font-family:inherit;
font-size:inherit;
margin-right:6px;
margin-bottom:6px;
padding:10px;
border:none;
border-radius:6px;
outline:none;
}
select {
color:#000;
color:var(--form-text);
background-color:#efefef;
background-color:var(--background);
font-family:inherit;
font-size:inherit;
margin-right:6px;
margin-bottom:6px;
padding:10px;
border:none;
border-radius:6px;
outline:none;
}
input[type="checkbox"],
input[type="radio"] {
height:1em;
width:1em;
}
input[type="radio"] {
border-radius:100%;
}
input {
vertical-align:top;
}
label {
vertical-align:middle;
margin-bottom:4px;
display:inline-block;
}
input:not([type="checkbox"]):not([type="radio"]),
input[type="range"],
select,
button,
textarea {
-webkit-appearance:none;
}
textarea {
display:block;
margin-right:0;
box-sizing:border-box;
resize:vertical;
}
textarea:not([cols]) {
width:100%;
}
textarea:not([rows]) {
min-height:40px;
height:140px;
}
select {
background:#efefef url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23161f27'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat;
background:var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;
padding-right:35px;
}
select::-ms-expand {
display:none;
}
select[multiple] {
padding-right:10px;
background-image:none;
overflow-y:auto;
}
button,
input[type="submit"],
input[type="button"] {
padding-right:30px;
padding-left:30px;
}
button:hover {
background:#ddd;
background:var(--button-hover);
}
input[type="submit"]:hover {
background:#ddd;
background:var(--button-hover);
}
input[type="button"]:hover {
background:#ddd;
background:var(--button-hover);
}
input:focus {
box-shadow:0 0 0 2px #0096bfab;
box-shadow:0 0 0 2px var(--focus);
}
select:focus {
box-shadow:0 0 0 2px #0096bfab;
box-shadow:0 0 0 2px var(--focus);
}
button:focus {
box-shadow:0 0 0 2px #0096bfab;
box-shadow:0 0 0 2px var(--focus);
}
textarea:focus {
box-shadow:0 0 0 2px #0096bfab;
box-shadow:0 0 0 2px var(--focus);
}
input[type="checkbox"]:active,
input[type="radio"]:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="range"]:active,
button:active {
transform:translateY(2px);
}
input:disabled,
select:disabled,
button:disabled,
textarea:disabled {
cursor:not-allowed;
opacity:0.5;
}
::-moz-placeholder {
color:#949494;
color:var(--form-placeholder);
}
:-ms-input-placeholder {
color:#949494;
color:var(--form-placeholder);
}
::-ms-input-placeholder {
color:#949494;
color:var(--form-placeholder);
}
::placeholder {
color:#949494;
color:var(--form-placeholder);
}
fieldset {
border:1px #0096bfab solid;
border:1px var(--focus) solid;
border-radius:6px;
margin:0;
margin-bottom:12px;
padding:10px;
}
legend {
font-size:0.9em;
font-weight:600;
}
input[type="range"] {
margin:10px 0;
padding:10px 0;
background:transparent;
}
input[type="range"]:focus {
outline:none;
}
input[type="range"]::-webkit-slider-runnable-track {
width:100%;
height:9.5px;
-webkit-transition:0.2s;
transition:0.2s;
background:#efefef;
background:var(--background);
border-radius:3px;
}
input[type="range"]::-webkit-slider-thumb {
box-shadow:0 1px 1px #000,
0 0 1px #0d0d0d;
height:20px;
width:20px;
border-radius:50%;
background:#dbdbdb;
background:var(--border);
-webkit-appearance:none;
margin-top:-7px;
}
input[type="range"]:focus::-webkit-slider-runnable-track {
background:#efefef;
background:var(--background);
}
input[type="range"]::-moz-range-track {
width:100%;
height:9.5px;
-moz-transition:0.2s;
transition:0.2s;
background:#efefef;
background:var(--background);
border-radius:3px;
}
input[type="range"]::-moz-range-thumb {
box-shadow:1px 1px 1px #000,
0 0 1px #0d0d0d;
height:20px;
width:20px;
border-radius:50%;
background:#dbdbdb;
background:var(--border);
}
input[type="range"]::-ms-track {
width:100%;
height:9.5px;
background:transparent;
border-color:transparent;
border-width:16px 0;
color:transparent;
}
input[type="range"]::-ms-fill-lower {
background:#efefef;
background:var(--background);
border:0.2px solid #010101;
border-radius:3px;
box-shadow:1px 1px 1px #000,
0 0 1px #0d0d0d;
}
input[type="range"]::-ms-fill-upper {
background:#efefef;
background:var(--background);
border:0.2px solid #010101;
border-radius:3px;
box-shadow:1px 1px 1px #000,
0 0 1px #0d0d0d;
}
input[type="range"]::-ms-thumb {
box-shadow:1px 1px 1px #000,
0 0 1px #0d0d0d;
border:1px solid #000;
height:20px;
width:20px;
border-radius:50%;
background:#dbdbdb;
background:var(--border);
}
input[type="range"]:focus::-ms-fill-lower {
background:#efefef;
background:var(--background);
}
input[type="range"]:focus::-ms-fill-upper {
background:#efefef;
background:var(--background);
}
a {
text-decoration:none;
color:#0076d1;
color:var(--links);
}
a:hover {
text-decoration:underline;
}
code {
background:#efefef;
background:var(--background);
color:#000;
color:var(--code);
padding:2.5px 5px;
border-radius:6px;
font-size:1em;
}
samp {
background:#efefef;
background:var(--background);
color:#000;
color:var(--code);
padding:2.5px 5px;
border-radius:6px;
font-size:1em;
}
time {
background:#efefef;
background:var(--background);
color:#000;
color:var(--code);
padding:2.5px 5px;
border-radius:6px;
font-size:1em;
}
pre > code {
padding:10px;
display:block;
overflow-x:auto;
}
var {
color:#39a33c;
color:var(--variable);
font-style:normal;
font-family:monospace;
}
kbd {
background:#efefef;
background:var(--background);
border:1px solid #dbdbdb;
border:1px solid var(--border);
border-radius:2px;
color:#363636;
color:var(--text-main);
padding:2px 4px 2px 4px;
}
img,
video {
max-width:100%;
height:auto;
}
hr {
border:none;
border-top:1px solid #dbdbdb;
border-top:1px solid var(--border);
}
table {
border-collapse:collapse;
margin-bottom:10px;
width:100%;
table-layout:fixed;
}
table caption {
text-align:left;
}
td,
th {
padding:6px;
text-align:left;
vertical-align:top;
word-wrap:break-word;
}
thead {
border-bottom:1px solid #dbdbdb;
border-bottom:1px solid var(--border);
}
tfoot {
border-top:1px solid #dbdbdb;
border-top:1px solid var(--border);
}
tbody tr:nth-child(even) {
background-color:#f7f7f7;
background-color:var(--background-alt);
}
::-moz-selection {
background-color:#9e9e9e;
background-color:var(--selection);
color:#000;
color:var(--text-bright);
}
::selection {
background-color:#9e9e9e;
background-color:var(--selection);
color:#000;
color:var(--text-bright);
}
details {
display:flex;
flex-direction:column;
align-items:flex-start;
background-color:#f7f7f7;
background-color:var(--background-alt);
padding:10px 10px 0;
margin:1em 0;
border-radius:6px;
overflow:hidden;
}
details[open] {
padding:10px;
}
details >:last-child {
margin-bottom:0;
}
details[open] summary {
margin-bottom:10px;
}
summary {
display:list-item;
background-color:#efefef;
background-color:var(--background);
padding:10px;
margin:-10px -10px 0;
cursor:pointer;
outline:none;
}
summary:hover,
summary:focus {
text-decoration:underline;
}
details >:not(summary) {
margin-top:0;
}
summary {
color:#363636;
color:var(--text-main);
}
footer {
border-top:1px solid #dbdbdb;
border-top:1px solid var(--border);
padding-top:10px;
color:#70777f;
color:var(--text-muted);
margin-top:20px;
margin-bottom:20px;
}
.footer-text {
font-size:0.8rem;
color:#555555;
}
body > footer {
margin-top:40px;
}
@media print {
body,
pre,
code,
summary,
details,
button,
input,
textarea {
background-color:#fff;
}
button,
input,
textarea {
border:1px solid #000;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
button,
input,
textarea,
footer,
summary,
strong {
color:#000;
}
summary::marker {
color:#000;
}
tbody tr:nth-child(even) {
background-color:#f2f2f2;
}
a {
color:#00f;
text-decoration:underline;
}
}
/* nav spice */
* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.menu-container {
margin-left:-20px;
margin-right:-10px;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
background:transparent;
position:absolute;
z-index:1000;
}
.menu-container:after {
display:table;
clear:both;
content:"";
}
.site-header-menu {
display:none;
font-size:1.3rem;
background-color:rgba(255,
255,
255,
0.9);
padding:20px;
border-radius:3px;
width:400px;
}
@media only screen and (min-width: 992px) {
.site-header-menu {
background:transparent;
padding:0;
}
}
.main-navigation ul {
margin:0;
padding:0;
list-style:none;
}
.main-navigation ul li {
margin-right:40px;
}
.main-navigation ul a,
.main-navigation ul a:visited {
color:#333;
border-bottom:3px solid transparent;
text-decoration:none;
}
.main-navigation ul a:hover {
border-bottom:3px solid;
}
.main-navigation ul ul {
display:none;
margin-top:0px;
margin-left:25px;
}
.main-navigation ul ul ul {
display:none;
margin-left:25px;
}
.site-header-menu.toggled-on {
display:block;
}
.site-header-menu.toggled-on {
margin-top:10px;
background-color:rgba(255,
255,
255,
0.95);
}
.main-navigation ul .sub-menu.toggled-on {
display:block;
}
button.dropdown-toggle,
button.menu-button {
display:inline;
background-color:transparent;
border:0;
-webkit-appearance:none;
-moz-appearance:none;
cursor:pointer;
content:"";
}
button.dropdown-toggle {
position:relative;
right:5px;
margin-left:10px;
padding:2px;
font-size:90%;
}
.dropdown-toggle:after,
.dropdown-toggle.toggled-on:after {
font-size:1.2rem;
}
.menu-button {
float:none;
padding:0;
font-size:1.5rem;
}
.menu-button:before,
.menu-button.toggled-on:before {
margin-right:5px;
padding-top:-10px;
}
/* Plus symbol to expand sub-menu on mobile */
.dropdown-toggle:after {
font-family:"Font Awesome 5 Free";
font-weight:400 !important;
content:"\f078";
}
/* Minus symbol to collapse sub-menu on mobile */
.dropdown-toggle.toggled-on:after {
font-family:"Font Awesome 5 Free";
font-weight:400 !important;
content:"\f077";
}
/* 'Hamburger' or bars to expand menu on mobile*/
.menu-button:before {
font-family:"Font Awesome 5 Free";
font-weight:400 !important;
content:"\f0c9"
}
/* Times (x) to collapse menu on mobile*/
.menu-button.toggled-on:before {
font-family:"Font Awesome 5 Free";
font-weight:400 !important;
content:"\f00d"
}
.dropdown-toggle:after,
.dropdown-toggle.toggled-on:after,
.menu-button:before,
.menu-button.toggled-on:before {
font-weight:bold;
}
/* Screen readers */
.screen-readers {
position:absolute !important;
width:1px;
height:1px;
margin:-1px;
padding:0;
border:0;
word-break:normal !important;
overflow:hidden;
clip:rect(0 0 0 0);
}
/* Desktop media query */
@media only screen and (min-width: 992px) {
button.menu-button {
display:none;
}
.menu-container {
padding-top:0;
padding-bottom:0;
padding-left:0;
border-bottom:1px solid transparent;
border-top:1px solid transparent;
}
.site-header-menu {
display:block;
margin-left:10px;
}
.main-navigation ul {
position:relative;
float:left;
}
.main-navigation ul li {
position:relative;
float:left;
margin:0;
padding:10px;
}
.main-navigation ul ul {
position:absolute;
display:none;
top:100%;
left:0;
margin-left:0;
padding:0;
padding-bottom:5px;
padding-top:5px;
background-color:rgba(255,
255,
255,
0.9);
border:1px solid transparent;
z-index:999;
border-radius:3px;
}
.main-navigation ul ul li {
float:none;
width:220px;
padding:4px 10px;
}
.main-navigation ul .has-sub-menu > li {
padding-right:40px;
}
.main-navigation ul ul ul {
top:-1px;
left:100%;
margin-left:0;
margin-top:-5px;
}
ul.sub-menu .dropdown-toggle {
position:absolute;
right:10px;
top:4px;
}
/* Arrow down */
.main-navigation ul .dropdown-toggle:after {
font-family:"Font Awesome 5 Free";
font-weight:400 !important;
content:"\f078";
}
/* Arrow right */
.main-navigation ul ul .dropdown-toggle:after {
font-family:"Font Awesome 5 Free";
font-weight:400 !important;
content:"\f054";
}
/* Arrow up */
.main-navigation ul .dropdown-toggle.toggled-on:after {
font-family:"Font Awesome 5 Free";
font-weight:400 !important;
content:"\f077";
}
/* Arrow left */
.main-navigation ul ul .dropdown-toggle.toggled-on:after {
font-family:"Font Awesome 5 Free";
font-weight:400 !important;
content:"\f053";
}
.main-navigation ul .dropdown-toggle:after,
.main-navigation ul ul .dropdown-toggle:after,
.main-navigation ul .dropdown-toggle.toggled-on:after,
.main-navigation ul ul .dropdown-toggle.toggled-on:after {
font-weight:bold;
}
button.dropdown-toggle {
position:inherit;
right:auto;
}
.main-navigation ul li:hover > ul {
display:block;
}
}
.desc-end {
clear:both;
}
.menu-container li.current-menu-item a {
font-weight:bold;
}
/* blog spice */
.entry-content a {
text-decoration:underline;
}
.entry-footer span {
margin-right:15px;
}
.custom-logo {
width:50px;
}
.site-title {
font-size:1.5rem;
font-weight:bold;
}
.site-description {
float:right;
color:#9e9e9e;
font-size:14px;
}
.edit-link {
display: block;
margin-top: 10px;
}
/* forum spice */
textarea#bbp_topic_content {
font-size:16px !important;
font-family:inherit;
}
.bbp-header {
color:#9e9e9e;
}
.bbp-header .bbp-topic-title {
text-align:center;
}
.bbp-topic-freshness {
text-align:right !important;
}
.bbp-forum-freshness {
text-align:right !important;
}
.bbp-password input {
min-height:28px;
height:28px;
padding:5px;
}
#bbpress-forums input,
#bbpress-forums select,
#bbpress-forums textarea,
#bbpress-forums submit,
#bbpress-forums button {
font-size:16px;
}
#bbpress-forums div.bbp-forum-content,
#bbpress-forums div.bbp-reply-content,
#bbpress-forums div.bbp-topic-content {
font-size:16px;
}
#bbpress-forums {
padding-top:10px;
}
#bbp-search-form input {
display:inline-block;
}
@media only screen and (max-width: 480px) {
div.bbp-search-form button,
div.bbp-search-form input {
padding:8px;
}
}
.bbp-the-content-wrapper div.quicktags-toolbar input {
display:inline-block;
}
.single-topic .bbp-header,
.single-topic .bbp-footer {
display:none;
}
.bbp-forum-title {
font-size:16px;
font-weight:bold;
}
.bbp-forum-content {
font-size:14px !important;
}
.bbp-topic-permalink {
font-size:16px;
font-weight:bold;
}
#bbp_topic_status_select,
#bbp_stick_topic_select {
width:130px;
}
#bbp_forum_id {
width:100% !important;
}
#wp-link #link-options label span,
#wp-link #search-panel label span.search-label {
max-width:50% !important;
text-align:left !important;
}
#wp-link-wrap {
height:450px !important;
}
.has-text-field #wp-link .query-results {
top:initial;
margin-top:10px;
height:40px;
}
#wp-link .link-search-field {
margin-left:2px;
}
.link-target span {
display:none !important;
}
@media only screen and (max-width: 520px) {
#bbpress-forums fieldset.bbp-form input[type="text"],
#bbpress-forums fieldset.bbp-form select,
.bbp-password input {
width:97%;
}
#bbpress-forums fieldset select#bbp_forum_id {
max-width:97%;
}
}
/* Voting smaller */
.bbp-voting .score {
font-size:16px;
}
.bbp-voting a.vote {
border-left:10px solid transparent !important;
border-right:10px solid transparent !important;
}
.bbp-voting a.vote.down {
border-top:10px solid #858c93 !important;
}
.bbp-voting a.vote.up {
border-bottom:10px solid #858c93 !important;
}
.bbp-voting a.vote.up:hover {
border-bottom:10px solid #444 !important;
}
.bbp-voting a.vote.down:hover {
border-top:10px solid #444 !important;
}
.bbp-voting {
margin:0;
padding-right:10px;
min-width:0px;
}
.single-topic .bbp-voting {
display:contents;
}
@media only screen and (min-width: 520px) {
.bbp-voting {
padding-right:30px;
min-width:30px;
}
}
/* Flex widgets */
#secondary.widget-area {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
flex-flow:row wrap;
justify-content:space-around;
}
#secondary.widget-area section {
padding:5px;
width:250px;
min-height:100px;
margin-top:20px;
margin-bottom:20px;
}
.widget-title {
text-align:center;
}
.widget_search {
margin-top:2rem !important;
}
.search-field {
width:99%;
}
/* Comment spice */
#comment {
width:99%;
}
ol.comment-list {
list-style:none;
padding-left:0;
}
.comment-author.vcard {
margin-bottom:10px;
}
#cancel-comment-reply-link {
margin-left:10px;
}
.reply {
margin-bottom:10px;
}
.comment-author.vcard img {
border-radius:3px;
vertical-align:middle;
}
.comments-link {
display: block;
margin-top: 8px;
font-size: 80%;
}
.comments-link a {
background:#efefef;
padding:3px 10px;
border-radius:5px;
position:relative;
}
.comments-link a::after {
content:'';
position:absolute;
right:0;
top:50%;
width:0;
height:0;
border:15px solid transparent;
border-left-color:#efefef;
border-right:0;
border-top:0;
margin-top:-8px;
margin-right:-13px;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width:100%;
}
img {
height:auto;
max-width:100%;
}
figure {
margin:1em 0;
}
table {
margin:0 0 1.5em;
width:100%;
}
/* Posts and pages
--------------------------------------------- */
.sticky {
display:block;
}
.updated:not(.published) {
display:none;
}
/* Comments
--------------------------------------------- */
.comment-content a {
word-wrap:break-word;
}
.bypostauthor {
display:block;
}
/* Widgets
--------------------------------------------- */
.widget {
margin:0 0 1.5em;
}
.widget select {
max-width:100%;
}
/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border:none;
margin-bottom:0;
margin-top:0;
padding:0;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display:inline-block;
}
/* Captions
--------------------------------------------- */
.wp-caption {
margin-bottom:1.5em;
max-width:100%;
}
.wp-caption img[class*="wp-image-"] {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption .wp-caption-text {
margin:0.8075em 0;
}
.wp-caption-text {
text-align:center;
}
/* Galleries
--------------------------------------------- */
.gallery {
margin-bottom:1.5em;
display:grid;
grid-gap:1.5em;
}
.gallery-item {
display:inline-block;
text-align:center;
width:100%;
}
.gallery-columns-2 {
grid-template-columns:repeat(2,
1fr);
}
.gallery-columns-3 {
grid-template-columns:repeat(3,
1fr);
}
.gallery-columns-4 {
grid-template-columns:repeat(4,
1fr);
}
.gallery-columns-5 {
grid-template-columns:repeat(5,
1fr);
}
.gallery-columns-6 {
grid-template-columns:repeat(6,
1fr);
}
.gallery-columns-7 {
grid-template-columns:repeat(7,
1fr);
}
.gallery-columns-8 {
grid-template-columns:repeat(8,
1fr);
}
.gallery-columns-9 {
grid-template-columns:repeat(9,
1fr);
}
.gallery-caption {
display:block;
}
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display:none;
}
/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
display:block;
}
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.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,
0.6);
clip:auto !important;
clip-path:none;
color:#21759b;
display:block;
font-size:0.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;
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
outline:0;
}
/* Alignments
--------------------------------------------- */
.alignleft {
/*rtl:ignore*/
float:left;
/*rtl:ignore*/
margin-right:1.5em;
margin-bottom:1.5em;
}
.alignright {
/*rtl:ignore*/
float:right;
/*rtl:ignore*/
margin-left:1.5em;
margin-bottom:1.5em;
}
.aligncenter {
clear:both;
display:block;
margin-left:auto;
margin-right:auto;
margin-bottom:1.5em;
}
.featured-image {
margin-top:10px;
}
.featured-image img {
height:200px;
object-fit:cover;
border-radius:8px;
}
/* Block editor stuff
--------------------------------------------- */
.has-forest-green-background-color {
background-color: #228B22;
}
.has-faded-green-background-color {
background-color: #7BC17E;
}
.has-pretty-blue-background-color {
background-color: #073965;
}
.has-faded-blue-background-color {
background-color: #1B609D;
}
.has-strong-magenta-background-color {
background-color: #a156b4;
}
.has-light-grayish-magenta-background-color {
background-color: #d0a5db;
}
.has-rust-red-background-color {
background-color: #C52C03;
}
.has-faded-red-background-color {
background-color: #B86566;
}
.has-very-light-gray-background-color {
background-color: #eee;
}
.has-very-dark-gray-background-color {
background-color: #444;
}
.has-almost-black-background-color {
background-color: #222;
}
.has-black-background-color {
background-color: #000;
}
.has-forest-green-color {
color: #228B22;
}
.has-faded-green-color {
color: #7BC17E;
}
.has-pretty-blue-color {
color: #073965;
}
.has-faded-blue-color {
color: #1B609D;
}
.has-strong-magenta-color {
color: #a156b4;
}
.has-light-grayish-magenta-color {
color: #d0a5db;
}
.has-rust-red-color {
color: #C52C03;
}
.has-faded-red-color {
color: #B86566;
}
.has-very-light-gray-color {
color: #eee;
}
.has-very-dark-gray-color {
color: #444;
}
.has-almost-black-color {
color: #222;
}
.has-black-color {
color: #000;
}
.has-white-color {
color: #fff;
}
p.has-background {
border-radius: 5px;
}
.wp-block-cover {
border-radius: 5px;
}