.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust:     100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c3c3c3;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} body,
button,
input,
select,
textarea {
color: #000;
font-family: "Merriweather", serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
.site-content {
font-size: 1.125em;
line-height: 1.6em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Fira Sans', sans-serif;
line-height: 1.3em;
clear: both;
margin-top: 2.5rem;
margin-bottom: 1rem;
}
h1 {
font-size: 2.4em;
}
h2 {
font-size: 2.2em;
}
h3 {
font-size: 2em;
}
h4 {
font-size: 1.8em;
}
h5 {
font-size: 1.6em;
}
h6 {
font-size: 1.4em;
}
p {
margin-bottom: 1.6em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} html {
box-sizing: border-box;
}
*,
*:before,
*:after { box-sizing: inherit;
}
body {
background: #fff; }
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
blockquote {
position: relative;
margin: 1.5em 0 1.5em 2em;
padding: 0 1em;
font-size: 1.5em;
font-weight: 300;
line-height: 1.4em;
}
blockquote::before {
position: absolute;
left: -2em;
font-family: "icons";
content: "\e906";
color: #ededed;
}
@media screen and (min-width: 50em) {
blockquote {
margin-right: 2em;
margin-left: 2em;
}
blockquote::before {
left: -2em;
}
blockquote::after {
position: absolute;
right: -2em;
bottom: 0;
font-family: "icons";
content: "\e905";
color: #ededed;
}
}
hr {
background-color: #c3c3c3;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 0;
padding-left: 1.5em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li {
line-height: 2em;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; max-width: 100%; }
table {
margin: 0 0 1.5em;
width: 100%;
}
td, th {
border: 1px solid #999;
padding: 0.5em;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 3px solid;
border-color: #000;
border-radius: 0;
background: #fff;
color: #000;
font-family: "Fira Sans", sans-serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: .6em 1em .4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: #000;
color: #fff;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
background: #000;
color: #fff;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
color: #666;
border: 1px solid #c3c3c3;
border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
padding: 3px;
}
textarea {
padding-left: 3px;
width: 100%;
} a {
color: #000;
}
a:visited {
color: #000;
}
a:hover,
a:focus,
a:active {
color: black;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} a[href^="http://"]:after, 
a[href^="https://"]:after {
content: url(https://sasstrumpetstudio.com/images/Icon_External_Link.png);
margin: 0 0 0 5px;
}
a[href*="//sasstrumpetstudio.com/"]:after {
content: '';
margin: 0;
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.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;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} #secondary {
position: relative;
padding: 1.8em 1.4em 0;
background-color: #ededed;
}
.widget {
margin: 0 0 1.5em;
padding: 1.8em;
background: #fff;
}
@media screen and (min-width: 45em) {
#secondary {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 1.8em;
}
.widget {
float: left;
width: 300px;
margin: 0 .9em 1.8em;
}
}
.widget-title {
margin-top: .5em;
margin-bottom: .5em;
font-size: 1em;
text-transform: uppercase;
}
.widget ul,
.widget ol {
padding: .7em 0 0;
margin-bottom: 0;
font-family: "Fira Sans", sans-serif;
list-style-type: none;
}
.site-content .widget li {
display: block;
padding: .3em 0;
}
.widget li ul,
.widget li ol {
margin-left: .5em;
}
.widget li:last-child {
padding-bottom: .35em;
}
@media screen and (min-width: 30em) {
.widget li ul,
.widget li ol {
margin-left: 1em;
}
}
.widget a {
font-weight: 500;
text-decoration: none;
font-size: .9em;
}
.widget a:hover,
.widget a:focus {
text-decoration: underline;
} .widget select {
width: 100%;
padding: .5em;
} .widget_archive li {
color: #7D7D7D;
}
.widget_categories .children {
padding-top: 0;
padding-bottom: .5em;
} .widget_search .search-submit {
display: none;
} .widget_pages .children,
.widget_nav_menu .sub-menu {
padding-top: 0;
padding-bottom: .5em;
}
.widget_pages a,
.widget_nav_menu a{
display: block;
padding: 1em 0;
border-bottom: 1px solid #c3c3c3;
}
.site-content .widget_pages li,
.site-content .widget_nav_menu li{
padding: 0;
}
.site-content .widget_pages li:last-child,
.site-content .widget_nav_menu li:last-child{
margin-bottom: .5em;
} .site-content .widget_meta li {
padding: .3em 0;
} .widget_rss li {
margin-bottom: 1em;
}
.widget li a.rsswidget {
padding-right: .5em;
font-size: 1em;
line-height: 1.4em;
}
.rss-date,
.widget_rss cite {
color: #333;
font-size: .8em;
}
.rssSummary {
padding: .5em 0;
font-family: "Merriweather", serif;
font-size: .8em;
line-height: 1.4em;
} .widget_search input[type="search"] {
box-sizing: border-box;
width: 100%;
padding: .5em 1em;
border: 1px solid #c3c3c3;
border-radius: 0;
} .widget_calendar {
font-family: "Fira Sans", sans-serif;
}
.widget_calendar caption {
padding: .5em 0;
font-size: 1em;
font-weight: 500;
text-align: left;
}
.widget_calendar thead {
background: #333;
color: #fff;
}
.widget_calendar thead th {
border-bottom-width: 2px;
}
.widget_calendar td {
padding: .2em;
font-size: .8em;
text-align: center;
background: #d6d6d6;
border: 3px solid white;
}
.widget_calendar th {
border: none;
}
.widget_calendar .pad {
background: #eaeaea;
} .textwidget {
font-size: .8em;
line-height: 1.6em;
} .widget_popper_recent_comments ul,
.widget_popper_recent_posts ul {
margin-top: 2em;
margin-bottom: 0;
padding-bottom: 0;
}
.site-content .widget_popper_recent_comments li,
.site-content .widget_popper_recent_posts li {
position: relative;
padding: 0 0 1em 70px;
margin-bottom: 2em;
border-bottom: 1px solid #c3c3c3;
}
.widget_popper_recent_comments li:last-child,
.widget_popper_recent_posts li:last-child {
margin-bottom: 0;
border-bottom: none;
padding-bottom: 0;
}
.widget_popper_recent_comments a,
.widget_popper_recent_posts a {
display: block;
font-size: 1em;
}
.widget_popper_recent_comments a:hover,
.widget_popper_recent_comments a:focus,
.widget_popper_recent_posts a:hover,
.widget_popper_recent_posts a:focus {
text-decoration: none;
border-bottom: none;
}
.widget_popper_recent_comments .post-icon,
.widget_popper_recent_posts .post-icon {
position: absolute;
left: 0;
width: 50px;
height: 50px;
}
.widget_popper_recent_comments .post-icon img {
border-radius: 50px;
}
.widget_popper_recent_comments .title,
.widget_popper_recent_comments .original-title{
margin-top: 0;
margin-bottom: .8em;
font-size: .7em;
line-height: 1.4em;
}
.widget_popper_recent_comments .excerpt {
margin-top: 0;
margin-bottom: .8em;
font-family: "Merriweather", serif;
font-size: .8em;
line-height: 1.4em;
}
.widget_popper_recent_comments .excerpt::before {
content: "“";
}
.widget_popper_recent_comments .excerpt::after {
content: "”";
}
.widget_popper_recent_comments .original-title {
color: #7D7D7D;
font-weight: 500;
}
.widget_popper_recent_comments .original-title span {
font-weight: normal;
font-style: italic;
}
.widget_popper_recent_comments a:hover .original-title,
.widget_popper_recent_comments a:focus .original-title {
color: #000;
text-decoration: underline;
} .widget_popper_recent_posts .post-icon {
width: 50px;
height: 50px;
font-size: 1.3em;
line-height: 50px;
text-align: center;
color: #fff;
background: #333333;
}
.widget_popper_recent_posts .title {
margin: 0;
font-size: .9em;
line-height: 1.4em;
}
.widget_popper_recent_posts .meta {
margin: 0 0 .8em;
font-size: .7em;
text-transform: uppercase;
color: #7D7D7D;
}
.widget_popper_recent_posts a:hover .title,
.widget_popper_recent_posts a:focus .title {
text-decoration: underline;
} @media screen and (min-width: 50em) { .no-sidebar .widget:only-of-type,
.no-sidebar .widget:nth-last-child(2):first-child,
.no-sidebar .widget:nth-last-child(2):first-child ~ .widget {
width: calc(600px + 1.8em);
}
@media screen and (min-width: 86em) {
.no-sidebar .widget:nth-child(2) {
width: calc(600px + 1.8em);
}
}
.no-sidebar .widget-title {
margin-top: 0;
}
} .content-area {
overflow-x: hidden;
}
@media screen and (min-width: 65em) { .sidebar-right .widget::after,
.sidebar-left .widget::after {
display: block;
width: 33%;
margin: 4em auto;
content: "";
border-bottom: 1px solid #c3c3c3;
}
.sidebar-right #secondary,
.sidebar-left #secondary {
background-color: #fff;
padding: 1.8em 0 0;
margin: 0;
}
.sidebar-right .widget,
.sidebar-left .widget {
padding: 0 1.8em;
margin-bottom: 0;
} .sidebar-right .content-area {
float: left;
width: calc(100% - 306px);
}
.sidebar-right #secondary {
margin: 0;
}
.sidebar-right .site-content .widget-area {
float: right;
overflow: hidden;
width: 17em;
padding: 0 1.5em;
border-left: 1px solid #ededed;
} .sidebar-left .content-area {
float: right;
width: calc(100% - 306px);
}
.sidebar-left #secondary {
margin: 0;
}
.sidebar-left .site-content .widget-area {
float: left;
overflow: hidden;
width: 17em;
padding: 0 1.5em;
border-right: 1px solid #ededed;
}
} .page-title {
text-align: center;
font-style: italic;
font-size: 1.4em;
}
.page-header::after {
display: block;
content: "";
width: 3.5em;
border-bottom: 1px solid #c3c3c3;
margin: 2em auto 2em;
}
.taxonomy-description {
margin-top: 1.5em;
padding: .5em 1.8em 0;
border: 1px solid #c3c3c3;
} .site-header {
background-color: black;
}
.header-background-image {
background-size: cover;
}
.site-logo {
position: relative;
}
.site-logo a {
position: absolute;
z-index: 10;
top: 1em;
left: 1em;
display: block;
width: 2em;
height: 2em;
background: black;
border: 2px solid white;
color: white;
text-decoration: none;
overflow: hidden;
}
.site-logo a:hover,
.site-logo a:focus {
outline: 2px solid white;
}
.site-firstletter {
font-family: 'Fira Sans', sans-serif;
font-size: 1.5em;
font-weight: 500;
text-align: center;
line-height: 1.3em;
}
.site-logo a:hover .site-firstletter,
.site-logo a:focus .site-firstletter{
background: white;
color: black;
}
.site-branding {
text-align: center;
}
.site-title {
margin: 1.7em 1em 0;
font-family: 'Fira Sans', sans-serif;
font-size: 2.4em;
font-weight: bold;
line-height: 1.3em;
color: #fff;
text-transform: uppercase;
}
.site-title a {
text-decoration: none;
color: inherit;
}
.site-title a:hover,
.site-title a:focus {
text-decoration: underline;
}
.site-title::after {
display: block;
content: "";
margin: .7em auto 0;
width: 3em;
border-bottom: solid 1px #fff;
opacity: .5;
}
.site-description {
margin: 2em 2em 3em;
font-size: 110%;
color: #ededed;
}
.header-background-image .site-title,
.header-background-image .site-tite::after,
.header-background-image .site-description {
text-shadow: #000 0 0 10px;
}
@media screen and (min-width: 50em) {
.site-header {
min-height: 4em;
}
}  .main-navigation {
clear: both;
display: block;
width: 100%;
font-family: 'Fira Sans', sans-serif;
font-weight: 300;
font-size: 1em;
}
.main-navigation ul {
display: none;
list-style: none;
margin-left: 0;
}
.main-navigation li {
position: relative;
}
.main-navigation ul ul {
display: none;
margin-left: 0.8em;
}
.main-navigation a {
position: relative;
display: block;
padding: 0.8em 1em;
font-weight: 400;
text-decoration: none;
line-height: 1.6em;
color: white;
}
.main-navigation a:hover,
.main-navigation a:focus {
background: #fff;
color: #000;
}
.main-navigation a,
.main-navigation ul ul li:lastchild a {
border-bottom: 1px solid white;
}
.main-navigation ul li:last-child a {
border-bottom: none;
}
.main-navigation ul .toggled-on {
display: block;
}
.main-navigation li {
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
position: relative;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
font-weight: 700;
}
.main-navigation .nav-menu > ul > li:first-child,
.main-navigation .nav-menu > li:first-child {
border-top: 0;
}
.main-navigation .menu-item-has-children > a,
.main-navigation .page_item_has_children > a{
padding-right: 48px;
}
.no-js .main-navigation ul ul {
display: block;
}
.dropdown-toggle {
position: absolute;
height: 27px;
width: 27px;
top: 12px;
right: 6px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
padding: 0;
font-family: 'icons';
background-color: #000;
border: 1px solid #fff;
content: "";
color: #fff;
text-transform: lowercase; }
.dropdown-toggle::after {
content: "\e903";
font-size: 14px;
line-height: 27px;
position: relative;
top: 0;
left: 1px;
width: 27px;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
background-color: #fff;
color: #000;
}
.dropdown-toggle.toggle-on:after {
content: "\e904";
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
.menu-toggle {
position: fixed;
z-index: 100;
bottom: 1em;
left: 1em;
font-size: 1em;
font-weight: 400;
text-transform: uppercase;
background-color: #000;
color: #fff;
border: solid 2px #fff;
transition: all ease-out 400ms;
}
.menu-toggle.hide {
bottom: -2.5em;
} .toggled .menu-toggle.hide {
bottom: 1em;
}
.menu-toggle:hover,
.menu-toggle:focus {
text-decoration: underline;
}
@media screen and (min-width: 50em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
} .main-navigation.toggled {
position: fixed;
bottom: 0;
padding: 1em;
z-index: 1;
}
.nav-menu {
padding: 1em;
margin-bottom: 3em;
background-color: #000;
}
.main-navigation.toggled ul {
max-height: calc(100vh - 8em);
overflow-y: auto;
}
.main-navigation.toggled ul ul {
display: none;
}
.main-navigation.toggled ul ul.toggled-on,
.main-navigation.toggled ul ul.toggled-on > ul {
display: block;
} @media screen and (min-width: 50em) { .main-navigation,
.main-navigation.toggled {
position: relative;
min-height: 3.5em;
margin: 0 auto;
padding: 0 3.5em;
background-color: #000;
background-color: hsla(0, 0%, 0%, .7);
}
.nav-menu {
padding: .3em 0 0 0;
background-color: transparent;
}
.main-navigation ul,
.main-navigation.toggled ul {
min-height: 4em;
max-height: none;
margin: 0;
padding-left: 0;
text-align: center;
}
.main-navigation.toggled ul {
overflow-y: visible;
} .main-navigation li {
display: inline-block;
border: none;
} .main-navigation ul ul {
outline: 1px solid #333;
} .main-navigation li li {
display: block;
text-align: left;
}
.main-navigation a,
.main-navigation ul ul li:last-child a {
border-bottom: none;
} .main-navigation a:hover,
.main-navigation a:focus {
background: transparent;
color: #fff;
text-decoration: underline;
outline: solid 1px #b3b3b3;
} .main-navigation li li a:hover,
.main-navigation li li a:focus {
background: #eee;
color: #000;
text-decoration: none;
} .main-navigation ul ul.toggled-on {
position: absolute;
width: 12em;
display: block;
z-index: 10;
margin-left: 0;
background: #000;
}
.main-navigation ul ul ul.toggled-on {
position: relative;
} .main-navigation ul ul ul a {
padding-left: 2em;
} .dropdown-toggle {
top: 11px;
right: 12px;
border: none;
}
.dropdown-toggle::after {
line-height: 27px;
width: 27px;
}
} .comment-navigation,
.posts-navigation,
.post-navigation,
.paging-navigation {
padding: 2em 0;
font-family: "Fira Sans", sans-serif;
text-align: left;
overflow: hidden;
}
@media screen and (min-width: 50em) {
.comment-navigation,
.posts-navigation,
.post-navigation,
.paging-navigation {
padding: 2em 3em;
}
}
.nav-links {
max-width: 45em;
margin: 0 auto;
padding: 0 .4em;
}
.comment-navigation a,
.posts-navigation a,
.post-navigation a,
.paging-navigation a {
display: block;
width: 100%;
text-decoration: none;
padding: 1em;
border: 1px solid #c3c3c3;
}
.comment-navigation a:hover,
.comment-navigation a:focus,
.posts-navigation a:hover,
.posts-navigation a:focus,
.post-navigation a:hover,
.post-navigation a:focus,
.paging-navigation a:hover,
.paging-navigation a:focus {
border-color: #000;
}
.paging-navigation .prev::before,
.paging-navigation .next::after {
font-family: 'icons';
font-size: 75%;
}
.paging-navigation .prev::before {
margin-right: 1em;
content: '\e902';
}
.paging-navigation .next::after {
margin-left: 1em;
content: '\e901';
}
.nav-previous {
padding-bottom: 1em;
}
@media screen and (min-width: 30em) {
.nav-links {
display: flex;
justify-content: space-between;
align-items: stretch;
padding: 0;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
display: flex;
align-items: stretch;
float: left;
width: 48%;
}
.nav-previous {
padding-bottom: 0;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
display: flex;
align-items: stretch;
float: right;
text-align: right;
width: 48%;
}
}
.post-navigation .meta-nav {
display: block;
}
@media screen and (min-width: 30em) {
.post-navigation .meta-nav {
padding-bottom: 1em;
}
}
.post-navigation .post-title {
font-size: 1.2em;
font-weight: 700;
}
.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title{
text-decoration: underline;
}
.posts-navigation {
font-weight: 500;
}
.paging-navigation {
margin-top: -2em;
text-align: center;
}
.paging-navigation ul {
display: inline-block;
padding: 0;
list-style-type: none;
}
.paging-navigation li {
display: inline-block;
}
.paging-navigation li a {
padding: .4em 1.2em;
}
.paging-navigation .current {
padding: .8em 1.1em;
font-weight: 700;
}  .site-main {
margin: 1.4em;
font-size: .8em;
line-height: 1.6em;
}
@media screen and (min-width: 30em) {
.site-main {
margin: 1.8em;
}
}
@media screen and (min-width: 40em) {
.site-main {
font-size: 1em;
}
}
@media screen and (min-width: 57em) {
.site-main {
max-width: 45em;
margin: 1.8em auto;
}
} .error404 input[type="search"],
.search-no-results input[type="search"] {
width: 100%;
margin-bottom: 4em;
padding: .5em 1em;
}
.error404 .search-submit,
.search-no-results .search-submit {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.secondary-title::after {
display: block;
content: "";
width: 3.5em;
border-bottom: 1px solid #c3c3c3;
margin: 2em auto 2em;
}
.entry-title.index-excerpt {
margin-top: 2em;
margin-bottom: .5em;
font-size: 1.5em;
}
.entry-header .index-entry-meta {
font-size: .8em;
}
.entry-content.index-excerpt {
margin-top: .3em;
}
@media screen and (min-width: 30em) {
.entry-title.index-excerpt {
margin-top: 1.5em;
font-size: 2em;
}
.index-entry-meta {
font-size: 1em;
}
.index-entry-meta .byline,
.index-entry-meta .posted-on,
.index-entry-meta .comments-link {
display: inline-block;
}
.index-entry-meta .byline::after,
.index-entry-meta .comments-link::before {
content: "|";
padding: 0 1em;
}
}
.continue-reading {
text-align: center;
}
.continue-reading a,
.entry-content .continue-reading a {
display: inline-block;
margin: 1em auto;
padding: 1em 2em;
font-family: "Fira Sans", sans-serif;
text-decoration: none;
border: 1px solid #c3c3c3;
}
.continue-reading a:hover,
.continue-reading a:focus,
.entry-content .continue-reading a:hover,
.entry-content .continue-reading a:focus {
border-color: #000;
border-width: 1px;
box-shadow: none;
}
.continue-reading a::after {
content: "…"
}
.continue-reading::after {
display: block;
content: "";
width: 7em;
border-bottom: 1px solid #c3c3c3;
margin: 4em auto 0;
} .page-content a,
.page-content a,
.entry-content a,
.entry-content a,
.entry-summary a,
.entry-summary a,
.comment-content a,
.comment-content a {
text-decoration: none;
border-bottom: 2px solid #c3c3c3;
}
.page-content a:hover,
.page-content a:focus,
.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.comment-content a:hover,
.comment-content a:focus {
border-bottom: 3px solid #c3c3c3;
box-shadow: inset 0 -3px 0 #c3c3c3;
}
.entry-meta a,
.entry-footer a {
text-decoration: none;
}
.entry-meta a:hover,
.entry-meta a:focus,
.entry-footer a:hover,
.entry-footer a:focus,
.index-entry-meta a:hover,
.index-entry-meta a:focus {
border-bottom: 2px solid #000;
}
.sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
padding-bottom: 2em;
}
.single .hentry,
.page .hentry {
padding-bottom: 0;
}
.entry-title {
margin-top: 2em;
margin-bottom: 1em;
font-size: 2em;
line-height: 1.3em;
text-align: center;
color: #000;
word-wrap: break-word; }
@media screen and (min-width: 40em) {
.entry-title {
margin-top: 1.5em;
font-size: 2.8em;
line-height: 1.3em;
}
}
.entry-title a {
color: inherit;
text-decoration: none;
}
.entry-title a:hover,
.entry-title a:focus {
text-decoration: underline;
}
.entry-meta {
margin: 0 -1.473684210526316em;
padding: 2em 1.473684210526316em;
font-family: "Fira Sans", sans-serif;
font-size: 95%;
font-style: italic;
text-align: center;
background: #eee;
}
@media screen and (min-width: 30em) {
.entry-meta {
margin: 0 -1.894736842105263em;
}
} @media screen and (min-width: 57em) {
.entry-meta {
position: relative;
width: 100%;
width: 100vw;
left: 0;
left: calc((-100vw + 51.2em) / 2);
overflow: hidden;
}
} @media screen and (min-width: 65em) {
.sidebar-right .entry-meta {
width: 100%;
width: calc(100vw - 306px);
left: 0;
margin: 0;
}
}
@media screen and (min-width: 70.75em) {
.sidebar-right .entry-meta {
left: calc((-100vw + 65.3em) / 2);
}
} @media screen and (min-width: 65em) {
.sidebar-left .entry-meta {
width: 100%;
width: calc(100vw - 306px);
left: 0;
right: 0;
margin: 0;
}
}
@media screen and (min-width: 70.75em) {
.sidebar-left .entry-meta {
left: calc((-100vw + 65.3em) / 2);
}
}
@media screen and (min-width: 65em) and (max-width: 70em) {
.sidebar-right .entry-title,
.sidebar-left .entry-title {
padding-right: 1em;
padding-left: 1em;
}
}
.author-avatar {
height: 50px;
width: 50px;
margin: 0 auto 1em;
}
.author-avatar img {
border-radius: 50px;
}
.byline,
.posted-on,
.entry-meta .comments-link {
display: block;
padding:  0;
}
.entry-meta a {
font-weight: 700;
}
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.site-content li {
line-height: 1.6em;
padding-top: .5em;
padding-bottom: .5em;
}
.site-content li > ul {
margin-bottom: -1em;
}
.site-content li:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 50em) {
.has-avatar {
display: inline-block;
text-align: left;
width: 20em;
}
.author-avatar {
height: 70px;
width: 70px;
float: left;
margin-right: 1.5em;
margin-bottom: 0;
}
}
.page-content,
.deck,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
@media screen and (min-width: 50em) {
.page-content,
.deck,
.entry-content,
.entry-summary {
padding: 0 3em;
}
}
.deck {
margin-bottom: 2.5em;
}
.deck p {
text-align: center;
font-size: 1.2em;
line-height: 1.5em;
font-weight: 600;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .entry-footer::before,
.entry-footer::after {
display: block;
content: "";
width: 7em;
border-bottom: 1px solid #c3c3c3;
margin: 2em auto;
} .page .entry-footer::after {
border-bottom: none;
margin: 0;
}
.entry-footer::before {
width: 3.5em;
}
.entry-footer,
.index-entry-meta{
font-family: "Fira Sans", sans-serif;
font-size: 95%;
font-style: italic;
text-align: center;
}
@media screen and (min-width: 40em) {
.entry-footer {
padding: 0 1.5em;
}
}
.entry-footer span {
margin: .5em 0;
}
.entry-footer span::after {
content: "|";
padding: 0 1em;
}
.entry-footer span:last-of-type::after {
content: "";
padding: 0;
}
.entry-footer span a,
.index-entry-meta a {
font-weight: 700;
text-decoration: none;
color: #000;
} .blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
} .comments-area {
margin: 4em 0;
}
@media screen and (min-width: 40em) {
.comments-area {
margin: 4em 1em;
}
}
.comments-title {
margin-bottom: 2em;
font-size: 2em;
text-align: center;
}
.comment-list {
padding: 0;
margin: 0;
}
.comment-list,
.comment-list ol {
list-style-type: none;
}
.comment-body {
border-bottom: 1px solid #c3c3c3;
margin-bottom: 3em;
}
.comment-meta {
position: relative;
margin-left: 70px;
font-family: "Fira Sans", sans-serif;
font-style: italic;
font-size: 80%;
}
.comment .avatar {
position: absolute;
left: -70px;
width: 50px;
height: 50px;
border-radius: 50px;
}
.children {
margin-left: 1em;
padding-left: 0;
}
.comment .avatar {
top: -5px;
}
@media screen and (min-width: 30em) {
.children {
margin-left: 2em;
}
.comment-meta {
margin-left: 80px;
font-size: 90%;
}
.comment .avatar {
top: -7px;
left: -80px;
width: 60px;
height: 60px;
}
.comment-content {
margin-left: 80px;
}
}
@media screen and (min-width: 50em) {
.children {
margin-left: 3em;
}
.comments-area {
margin: 4em 3em;
font-size: 1.1em;
}
.comment-meta {
margin-left: 90px;
}
.comment .avatar {
top: -8px;
left: -90px;
width: 70px;
height: 70px;
}
.comment-content {
margin-left: 90px;
}
}
.comment-meta a,
.comment-form a {
text-decoration: none;
}
.comment-meta a:hover,
.comment-meta a:focus,
.comment-form a:hover,
.comment-form a:focus{
border-bottom: 2px solid #000;
}
.comment-metadata a:hover,
.comment-metadata a:focus {
border-color: #c3c3c3;
}
.comment-author {
font-size: 1.4em;
line-height: 1.3em;
}
.says {
font-size: 80%;
}
.comment-metadata {
margin-top: .2em;
padding-bottom: .5em;
font-size: .8em;
line-height: 1em;
}
.comment-metadata a {
color: #7D7D7D;
}
.reply {
margin-bottom: 1.5em;
text-align: right;
}
.reply a {
display: inline-block;
padding: .5em 1.4em;
font-family: "Fira Sans", sans-serif;
font-size: 85%;
color: #333;
line-height: 1.3em;
text-decoration: none;
border: 1px solid #c3c3c3;
}
.reply a:hover,
.reply a:focus {
background: #000;
color: #fff;
border-color: #000;
}
.comment-content ol {
list-style-type: decimal;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor .avatar {
box-sizing: content-box;
border: 5px solid #c3c3c3;
margin-top: -5px;
margin-left: -5px;
} .comment-respond::after {
display: block;
margin: 2em auto 4em;
content: "";
width: 5em;
border-bottom: 1px solid #c3c3c3;
}
.comment-reply-title {
margin-bottom: 1em;
text-align: center;
}
.comment-list .comment-reply-title {
text-align: left;
}
.comment-form {
font-family: "Fira Sans", sans-serif;
line-height: 1.3em;
}
.comment-form a {
font-weight: 500;
}
.comment-form .form-submit {
text-align: right;
}
.comment-form .form-submit input {
padding: .5em 1.4em;
font-size: 85%;
color: #333;
line-height: 1.3em;
text-decoration: none;
border: 1px solid #c3c3c3;
}
.comment-form .form-submit input:hover,
.comment-form .form-submit input:focus {
border-color: #000;
color: #fff;
}
.comment-form label {
width: 33%;
}
.comment-form .required {
color: #D54E21;
}
.comment-form label {
display: block;
font-style: italic;
padding-bottom: .4em;
}  .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .centered-image,
.featured-image {
max-width: calc(100% + 2.8em);
margin: 1.5em -1.4em;
}
@media screen and (min-width: 30em) {
.centered-image,
.featured-image {
max-width: calc(100% + 3.6em);
margin: 1.5em -1.8em;
}
.sidebar-right .featured-image {
margin: 1.5em 0;
}
}
@media screen and (min-width: 50em) {
.no-sidebar .centered-image {
max-width: calc(100% + 6em);
margin-right: -3em;
margin-left: -3em;
}
}
@media screen and (min-width: 65em) {
.sidebar-left .featured-image {
margin-right: 0;
margin-left: 0;
}
.sidebar-right .centered-image,
.sidebar-left .centered-image {
max-width: calc(100% + 3em);
margin-right: -1.5em;
margin-left: -1.5em;
}
}
@media screen and (min-width: 74em) {
.sidebar-right .centered-image,
.sidebar-left .centered-image {
max-width: calc(100% + 6em);
margin-right: -3em;
margin-left: -3em;
}
}
img.aligncenter {
margin-top: 2em;
margin-bottom: 2em;
}
img.alignright,
img.alignleft {
margin-bottom: 1.5em;
}
@media screen and (min-width: 50em) {
img.alignright,
.wp-caption.alignright {
margin-right: -1.5em;
}
img.alignleft,
.wp-caption.alignleft {
margin-left: -1.5em;
}
}
@media screen and (min-width: 74em) {
img.alignright,
.wp-caption.alignright {
margin-right: -3em;
}
img.alignleft,
.wp-caption.alignleft {
margin-left: -3em;
}
}
.featured-image {
margin-top: 3em;
margin-bottom: -1.2em;
}
.featured-image img {
display: block;
margin: 0 auto;
}
.single .featured-image,
.page .featured-image {
margin-top: -1.8em;
margin-bottom: -1.6em;
}
.featured-image a:focus img {
outline: dotted;
}
@media screen and (min-width: 50em) {
.featured-image,
.single .featured-image,
.page .featured-image {
margin-top: 3em;
}
}
.image-attachment img {
display: block;
margin: 0 auto;
} .wp-caption {
font-family: "Fira Sans", sans-serif;
font-style: italic;
max-width: 100%;
}
.wp-caption .aligncenter {
margin-top: 2em;
margin-bottom: 2em;
}
.wp-caption.alignright,
.wp-caption.alignleft {
margin-top: 0;
margin-bottom: 1.5em;
}
.wp-caption em {
font-style: normal; }
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption-text {
display: block;
position: relative;
margin: 1.5em 0 2em 2em;
padding: 0 1em .5em;
font-size: 90%;
color: #333;
border-right: 1px solid #c3c3c3;
border-bottom: 1px solid #c3c3c3;
}
.wp-caption-text::before {
position: absolute;
top: -3px;
left: -1.4em;
display: block;
font-family: "icons";
font-style: normal;
color: #7D7D7D;
content: "\e900";
transform: rotate(90deg);
}
.aligncenter .wp-caption-text,
.alignnone .wp-caption-text {
margin-left: 30%;
margin-bottom: 2em;
}
.alignright .wp-caption-text,
.alignleft .wp-caption-text {
margin-top: 1em;
margin-bottom: 1em;
} .attachment .image-attachment {
max-width: inherit;
margin: 0;
}
.image-attachment a {
display: block;
border: none;
background: #ededed;
}
.image-attachment a:hover,
.image-attachment a:focus {
border: none;
outline: 3px dotted #c3c3c3;
box-shadow: none;
} .gallery {
margin: 1.5em 0;
}
.gallery-item { display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
padding: 1em;
}
.gallery-item img {
display: block;
}
.gallery-item a {
display: inline-block;
border-bottom: none;
}
.gallery-item a:hover,
.gallery-item a:focus {
border-bottom: none;
box-shadow: none;
}
.gallery-item a img {
padding: .5em;
margin: 0 auto;
border: 1px solid #fff;
}
.gallery-item a:hover img,
.gallery-item a:focus img {
border-color: #c3c3c3;
}
.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;
margin: 0;
font-family: "Fira Sans", sans-serif;
border: none;
}
.gallery-caption::before {
content: "";
} .site-footer {
padding: 6em 1em;
font-family: "Fira Sans", sans-serif;
text-align: center;
color: #fff;
background: #000;
}
.site-footer a {
color: #fff;
}