/* --------------------------------------------------------------
Theme Name: Deep Free
Theme URI: https://webnus.net/deep-free-wordpress-theme/
Author: WEBNUS
Author URI: https://webnus.net
Description: Deep Free is a free, fully responsive, Retina-Ready WordPress theme with a minimal, clean design that allows visitors to focus on content. An ideal WordPress theme for novice users and designers is the one that provides all website elements (header, page and footer) in front-end editor by visual mode and also brings the ability to edit the settings in real time. Now, designers dream come true and by Deep theme you can design your website just like Photoshop application. This is the unique feature of the Deep theme, you can do the entire edit operations (header, pages, footer) in back-end and also front-end environment. The choice is yours.
Version: 2.0.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: deep-free
Tags: e-commerce, photography, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-colors, custom-menu, footer-widgets, translation-ready, block-styles, sticky-post, threaded-comments, rtl-language-support, accessibility-ready

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.
/* --------------------------------------------------------------

    [Typography]

    Body copy: 14px/22px Rubik, Helvetica, Arial, sans-serif;
    Headers: Rubik, Helvetica, Arial, sans-serif;
    Input,  textarea: 13px Rubik, Helvetica, Arial, sans-serif;
    Sidebar heading: 15px Rubik, Helvetica, Arial, sans-serif;


    [Color codes]

    Background: #ffffff (white)
    Content:    #424242 (light black)
    Header h1:  #0a0a0a (dark)
    Header h2:  #0a0a0a (dark)
    Footer:     #181818 (dark black)

    a (standard):   #2174e2 (blue)
    a (hover):  #fa5555 (ornage)

-------------------------------------------------------------- */

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation .main-menu li { 
    position: relative;
    display: inline-block;     
}

.main-navigation .sub-menu { 
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: calc(50% - 85px);   
    margin: 0 auto;
    width: 170px;  
    z-index: -1;
}

.main-navigation .main-menu li:focus .sub-menu,
.main-navigation .main-menu li:focus-within .sub-menu,
.main-navigation .main-menu li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    z-index: 1;    
    transition-delay: 0s, 0s, 0.3s;
}
.main-navigation a { 
    color: #000000; 
    display: block; 
    padding: 0.5em 1em; 
    text-decoration: none; 
    transition: all 0.2s;
}

.main-navigation a:hover { 
    color: #437df9; 
}

.main-navigation ul li {
    list-style-type: none;
    padding: 0; 
    margin: 0; 
}

.main-navigation ul { 
    float: right;
}

.main-navigation ul li {
    display: inline-block;
}

.main-navigation .sub-menu {
    background: #f5f5f5;
    transition: all 0.2s;
}

.main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
    display: none;  
}

.main-navigation ul.sub-menu li {
    display: block;
}

.sub-menu .menu-item-has-children .sub-menu {
    visibility: hidden !important;
    opacity: 0 !important;
    z-index: -1;    
}

.no-results h1.page-title {
    font-size: 25px;
}

.sub-menu .menu-item-has-children:hover .sub-menu {
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 1 !important;
}

.main-navigation {
	width: 100%;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);	
}

/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.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; /* Above WP toolbar. */
}

/* Base style, might need additional styling to stand out more. 
   Positioned slightly off the top and left edges.
*/
.skip-link {
    display: inline-block;
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    overflow: hidden;
    width: 1px;
    height: 1px;
    clip: rect(0, 0, 0, 0);
}

/* Unhide the link when it has keyboard focus */
.skip-link:focus {
    width: auto;
    height: auto;
    clip: auto;
}

/*--------------------------------------------------------------
## Next / Previous
--------------------------------------------------------------*/
/* Next/Previous navigation */
.post-navigation {
    margin: calc(3 * 1rem) 0;
}

@media only screen and (min-width: 768px) {
    .post-navigation {
        margin: calc(3 * 1rem) calc(10% + 60px);
        max-width: calc(6 * (100vw / 12));
    }
}

@media only screen and (min-width: 1168px) {
    .post-navigation {
        margin: calc(3 * 1rem) 0;
        max-width: 100%;
    }
}

.post-navigation .nav-links {
    margin: 0 1rem;
    max-width: 100%;
    display: flex;
    flex-direction: column;
}

@media only screen and (min-width: 768px) {
    .post-navigation .nav-links {
        margin: 0;
    }
}

@media only screen and (min-width: 1168px) {
    .post-navigation .nav-links {
        flex-direction: row;
        margin: 0 calc(10% + 60px);
        max-width: calc(6 * (100vw / 12) - 28px);
    }
}

.post-navigation .nav-links a .meta-nav {
    color: #767676;
    user-select: none;
}

.post-navigation .nav-links a .meta-nav:before,
.post-navigation .nav-links a .meta-nav:after {
    display: none;
    content: "—";
    width: 2em;
    color: #767676;
    height: 1em;
}

.post-navigation .nav-links a .post-title {
    hyphens: auto;
}

.post-navigation .nav-links a:hover {
    color: #437df9;
}

@media only screen and (min-width: 1168px) {

    .post-navigation .nav-links .nav-previous,
    .post-navigation .nav-links .nav-next {
        min-width: calc(50% - 2 * 1rem);
    }
}

.post-navigation .nav-links .nav-previous {
    order: 2;
}

@media only screen and (min-width: 1168px) {
    .post-navigation .nav-links .nav-previous {
        order: 1;
    }
}

.post-navigation .nav-links .nav-previous+.nav-next {
    margin-bottom: 1rem;
}

.post-navigation .nav-links .nav-previous .meta-nav:before {
    display: inline;
}

.post-navigation .nav-links .nav-next {
    order: 1;
}

@media only screen and (min-width: 1168px) {
    .post-navigation .nav-links .nav-next {
        order: 2;
        padding-left: 1rem;
    }
}

.post-navigation .nav-links .nav-next .meta-nav:after {
    display: inline;
}

.pagination .nav-links {
    display: flex;
    flex-wrap: wrap;
    padding: 0 calc(.5 * 1rem);
    line-height: 1.5;
}

.pagination .nav-links>* {
    padding: calc(.5 * 1rem);
}

.pagination .nav-links>*.dots,
.pagination .nav-links>*.prev {
    padding-left: 0;
}

.pagination .nav-links>*.dots,
.pagination .nav-links>*.next {
    padding-right: 0;
}

.pagination .nav-links a:focus {
    text-decoration: underline;
    outline-offset: -1px;
}

.pagination .nav-links a:focus.prev,
.pagination .nav-links a:focus.next {
    text-decoration: none;
}

.pagination .nav-links a:focus.prev .nav-prev-text,
.pagination .nav-links a:focus.prev .nav-next-text,
.pagination .nav-links a:focus.next .nav-prev-text,
.pagination .nav-links a:focus.next .nav-next-text {
    text-decoration: underline;
}

.pagination .nav-links .nav-next-text,
.pagination .nav-links .nav-prev-text {
    display: none;
}

@media only screen and (min-width: 768px) {
    .pagination .nav-links {
        margin-left: calc(10% + 60px);
        padding: 0;
    }

    .pagination .nav-links .prev>*,
    .pagination .nav-links .next>* {
        display: inline-block;
        vertical-align: text-bottom;
    }

    .pagination .nav-links>* {
        padding: 1rem;
    }
}

.comment-navigation .nav-links {
    display: flex;
    flex-direction: row;
}

.comment-navigation .nav-previous,
.comment-navigation .nav-next {
    min-width: 50%;
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-weight: bold;
}

.comment-navigation .nav-previous .secondary-text,
.comment-navigation .nav-next .secondary-text {
    display: none;
}

@media only screen and (min-width: 768px) {

    .comment-navigation .nav-previous .secondary-text,
    .comment-navigation .nav-next .secondary-text {
        display: inline;
    }
}

.comment-navigation .nav-previous svg,
.comment-navigation .nav-next svg {
    vertical-align: middle;
    position: relative;
    margin: 0 -0.35em;
    top: -1px;
}

.comment-navigation .nav-next {
    text-align: right;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/* Alignments */
.alignleft {
    /*rtl:ignore*/
    float: left;
    /*rtl:ignore*/
    margin-right: 1rem;
}

@media only screen and (min-width: 768px) {
    .alignleft {
        /*rtl:ignore*/
        margin-right: calc(2 * 1rem);
    }
}

.alignright {
    /*rtl:ignore*/
    float: right;
    /*rtl:ignore*/
    margin-left: 1rem;
}

@media only screen and (min-width: 768px) {
    .alignright {
        /*rtl:ignore*/
        margin-left: calc(2 * 1rem);
    }
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#wrap header#masthead {
    background-size: cover;
}

#wrap img.main-logo {
    max-width: 200px;
}

/* Clearings */
.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;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/* Layout */
/** === Layout === */
#page {
    width: 100%;
}

.site-content {
    overflow: hidden;
}

/* Content */
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.site-header {
    padding: 1em;
}

@media only screen and (min-width: 768px) {
    .site-header {
        margin: 0;
        padding: 20px 0;
    }    
}

.site-branding {
    color: #767676;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    position: relative;
    word-wrap: break-word;
}

.site-logo {
    position: relative;
    z-index: 999;
    margin-bottom: calc(.66 * 1rem);
}

@media only screen and (min-width: 768px) {
    .site-logo {
        margin-bottom: 0;
        z-index: 999;
    }
}

.siteinfowrap {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 10px;
}

.site-logo .custom-logo-link {
    display: inline-block;
    border-radius: 100%;
    box-sizing: content-box;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    width: 50px;
    height: 50px;
    overflow: hidden;
    transition: box-shadow 200ms ease-in-out;
}

.site-logo .custom-logo-link:hover,
.site-logo .custom-logo-link:active,
.site-logo .custom-logo-link:focus {
    box-shadow: 0 0 0 2px black;
}

@media only screen and (min-width: 768px) {
    .site-logo .custom-logo-link {
        width: 70px;
        height: 70px;
        margin-right: 10px;
    }
}

.site-title {
    margin: auto;
    color: #111;
    /* When there is no description set, make sure navigation appears below title. */
    font-size: 23px;
    text-transform: uppercase;
    font-weight: 600;
}

.site-title a {
    color: #111;
}

.site-title a:link,
.site-title a:visited {
    color: #111;
}

.site-title a:hover {
    color: #4a4a4a;
}

.featured-image .site-title {
    margin: 0;
}

@media only screen and (min-width: 768px) {
    .featured-image .site-title {
        display: inline-block;
    }
}

.site-title+.main-navigation {
    display: block;
}

.site-description {
    color: #767676;
    text-transform: uppercase;
    margin-bottom: 0;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.single-post .reply {
    margin-bottom: 30px;
}

#wrap .widget li.recentcomments {
    padding: 15px 0;
}

.comment-form-url input#url {
    padding: 10px 0 15px;
    border: 0;
    border-bottom: 1px solid #e3e3e3;
    box-shadow: none;
    background: 0 0;
}

#wrap #commentform label {
    text-transform: inherit;
}

.sticky-post {
    background: #0073aa;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    line-height: 1;
    padding: .25rem;
    position: absolute;
    text-transform: uppercase;
    top: -1rem;
    z-index: 1;
}

.updated:not(.published) {
    display: none;
}

.page-links {
    clear: both;
    margin: 0 0 calc(1.5 * 1rem);
}

.entry {
    margin-top: calc(6 * 1rem);
}

.entry:first-of-type {
    margin-top: 0;
}

.entry .entry-header {
    margin: calc(3 * 1rem) 1rem 1rem;
    position: relative;
}

@media only screen and (min-width: 768px) {
    .entry .entry-header {
        margin: calc(3 * 1rem) calc(10% + 60px) 1rem;
    }
}

.entry .entry-title {
    margin: 0;
}

.entry .entry-title:before {
    background: #767676;
    content: "\020";
    display: block;
    height: 2px;
    margin: 1rem 0;
    width: 1em;
}

.entry .entry-title a {
    color: inherit;
}

.entry .entry-title a:hover {
    color: #4a4a4a;
}

.entry .entry-meta,
.entry .entry-footer {
    color: #767676;
    font-weight: 500;
}

.entry .entry-meta>span,
.entry .entry-footer>span {
    margin-right: 1rem;
    display: inline-block;
}

.entry .entry-meta>span:last-child,
.entry .entry-footer>span:last-child {
    margin-right: 0;
}

.entry .entry-meta a,
.entry .entry-footer a {
    transition: color 110ms ease-in-out;
    color: currentColor;
}

.entry .entry-meta a:hover,
.entry .entry-footer a:hover {
    text-decoration: none;
    color: #0073aa;
}

.entry .entry-meta .svg-icon,
.entry .entry-footer .svg-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
}

.entry .entry-meta {
    margin: 1rem 0;
}

.entry .entry-footer {
    margin: calc(2 * 1rem) 1rem 1rem;
}

@media only screen and (min-width: 768px) {
    .entry .entry-footer {
        margin: 1rem calc(10% + 60px) calc(3 * 1rem);
        max-width: calc(8 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 768px) {
    .entry .entry-footer {
        max-width: calc(6 * (100vw / 12) - 28px);
    }
}

.entry .post-thumbnail {
    margin: 1rem;
}

@media only screen and (min-width: 768px) {
    .entry .post-thumbnail {
        margin: 1rem calc(10% + 60px);
    }
}

.entry .post-thumbnail:focus {
    outline: none;
}

.entry .post-thumbnail .post-thumbnail-inner {
    display: block;
}

.entry .post-thumbnail .post-thumbnail-inner img {
    position: relative;
    display: block;
    width: 100%;
}

.image-filters-enabled .entry .post-thumbnail {
    position: relative;
    display: block;
}

.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner {
    filter: grayscale(100%);
}

.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
    background: rgba(0, 0, 0, 0.35);
    content: "";
    display: block;
    height: 100%;
    opacity: .5;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4;
}

@supports (mix-blend-mode: multiply) {
    .image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
        display: none;
    }
}

.image-filters-enabled .entry .post-thumbnail:before,
.image-filters-enabled .entry .post-thumbnail:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "\020";
    pointer-events: none;
}

.image-filters-enabled .entry .post-thumbnail:before {
    background: #0073aa;
    mix-blend-mode: screen;
    opacity: 0.1;
    z-index: 2;
}

.image-filters-enabled .entry .post-thumbnail:after {
    background: #0073aa;
    mix-blend-mode: multiply;
    opacity: .8;
    z-index: 3;
    /* Browsers supporting mix-blend-mode don't need opacity < 1 */
}

@supports (mix-blend-mode: multiply) {
    .image-filters-enabled .entry .post-thumbnail:after {
        opacity: 1;
    }
}

.entry .entry-content,
.entry .entry-summary {
    max-width: calc(100% - (2 * 1rem));
    margin: 0 1rem;
}

@media only screen and (min-width: 768px) {

    .entry .entry-content,
    .entry .entry-summary {
        max-width: 80%;
        margin: 0 10%;
        padding: 0 60px;
    }
}

.entry .entry-content p {
    word-wrap: break-word;
}

.entry .entry-content .more-link {
    transition: color 110ms ease-in-out;
    display: inline;
    color: inherit;
}

.entry .entry-content .more-link:after {
    content: "\02192";
    display: inline-block;
    margin-left: 0.5em;
}

.entry .entry-content .more-link:hover {
    color: #0073aa;
    text-decoration: none;
}

.entry .entry-content a {
    text-decoration: underline;
}

.entry .entry-content a.button,
.entry .entry-content a:hover {
    text-decoration: none;
}

.entry .entry-content a.button {
    display: inline-block;
}

.entry .entry-content a.button:hover {
    background: #111;
    color: #fff;
    cursor: pointer;
}

.entry .entry-content>iframe[style] {
    margin: 32px 0 !important;
    max-width: 100% !important;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content>iframe[style] {
        max-width: calc(8 * (100vw / 12) - 28px) !important;
    }
}

@media only screen and (min-width: 1168px) {
    .entry .entry-content>iframe[style] {
        max-width: calc(6 * (100vw / 12) - 28px) !important;
    }
}

.entry .entry-content .page-links a {
    margin: calc(0.5 * 1rem);
    text-decoration: none;
}

.entry .entry-content .wp-audio-shortcode {
    max-width: calc(100vw - (2 * 1rem));
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-audio-shortcode {
        max-width: calc(8 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 1168px) {
    .entry .entry-content .wp-audio-shortcode {
        max-width: calc(6 * (100vw / 12) - 28px);
    }
}

/* Author description */
.author h3 {
    margin-top: 10px;
}

.author-bio {
    margin: calc(2 * 1rem) 1rem 1rem;
}

@media only screen and (min-width: 768px) {
    .author-bio {
        max-width: calc(8 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 1168px) {
    .author-bio {
        max-width: calc(6 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 768px) {
    .author-bio {
        margin: calc(3 * 1rem) calc(10% + 60px);
    }
}

@media only screen and (min-width: 1168px) {
    .author-bio {
        margin: calc(3 * 1rem) calc(10% + 60px);
    }
}

.author-bio .author-title {
    display: inline;
}

.author-bio .author-title:before {
    background: #767676;
    content: "\020";
    display: block;
    height: 2px;
    margin: 1rem 0;
    width: 1em;
}

.author-bio .author-description {
    display: inline;
    color: #767676;
    font-size: 1.125em;
    line-height: 1.2;
}

.author-bio .author-description .author-link {
    display: inline-block;
}

.author-bio .author-description .author-link:hover {
    color: #437df9;
    text-decoration: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comments-area {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin: calc(2 * 1rem) 1rem;
    word-wrap: break-word;
    /* Add extra margin when the comments section is located immediately after the
	 * post itself (this happens on pages).
	 */
}

@media only screen and (min-width: 768px) {
    .comments-area {
        max-width: calc(8 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 1168px) {
    .comments-area {
        max-width: calc(6 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 768px) {
    .comments-area {
        margin: calc(3 * 1rem) calc(10% + 60px);
    }
}

.comments-area>* {
    margin-top: calc(2 * 1rem);
    margin-bottom: calc(2 * 1rem);
}

@media only screen and (min-width: 768px) {
    .comments-area>* {
        margin-top: calc(3 * 1rem);
        margin-bottom: calc(3 * 1rem);
    }
}

.entry+.comments-area {
    margin-top: calc(3 * 1rem);
}

@media only screen and (min-width: 768px) {
    .comments-area .comments-title-wrap {
        align-items: baseline;
        display: flex;
        justify-content: space-between;
    }
}

.comments-area .comments-title-wrap .comments-title {
    margin: 0;
}

.comments-area .comments-title-wrap .comments-title:before {
    background: #767676;
    content: "\020";
    display: block;
    height: 2px;
    margin: 1rem 0;
    width: 1em;
}

@media only screen and (min-width: 768px) {
    .comments-area .comments-title-wrap .comments-title {
        flex: 1 0 calc(3 * (100vw / 12));
    }
}

@media only screen and (min-width: 768px) {
    .comments-area .comments-title-wrap .discussion-meta {
        flex: 0 0 calc(2 * (100vw / 12));
        margin-left: 1rem;
    }
}

#comment {
    max-width: 100%;
    box-sizing: border-box;
}

#respond {
    position: relative;
}

#respond .comment-user-avatar {
    margin: 1rem 0 -1rem;
}

#respond .comment .comment-form {
    padding-left: 0;
}

#respond>small {
    display: block;
    font-size: 22px;
    position: absolute;
    left: calc(1rem + 100%);
    top: calc(-3.5 * 1rem);
    width: calc(100vw / 12);
}

#comments>.comments-title:last-child {
    display: none;
}

.comment-form-flex {
    display: flex;
    flex-direction: column;
}

.comment-form-flex .comments-title {
    display: none;
    margin: 0;
    order: 1;
}

.comment-form-flex #respond {
    order: 2;
}

.comment-form-flex #respond+.comments-title {
    display: block;
}

.comment-list {
    list-style: none;
    padding: 0;
}

.comment-list .children {
    margin: 0;
    padding: 0 0 0 1rem;
}

.comment-list>.comment:first-child {
    margin-top: 0;
}

.comment-list .pingback .comment-body,
.comment-list .trackback .comment-body {
    color: #767676;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size: 0.71111em;
    font-weight: 500;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.comment-list .pingback .comment-body a:not(.comment-edit-link),
.comment-list .trackback .comment-body a:not(.comment-edit-link) {
    font-weight: bold;
    font-size: 19.55556px;
    line-height: 1.5;
    padding-right: 0.5rem;
    display: block;
}

.comment-list .pingback .comment-body .comment-edit-link,
.comment-list .trackback .comment-body .comment-edit-link {
    color: #767676;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-weight: 500;
}

#respond+.comment-reply {
    display: none;
}

.comment-reply .comment-reply-link {
    display: inline-block;
}

.comment {
    list-style: none;
    position: relative;
}

@media only screen and (min-width: 768px) {
    .comment {
        padding-left: calc(.5 * (1rem + calc(100vw / 12)));
    }

    .comment.depth-1,
    .comment .children {
        padding-left: 0;
    }

    .comment.depth-1 {
        margin-left: calc(3.25 * 1rem);
    }
}

.comment .comment-body {
    margin: calc(2 * 1rem) 0 0;
}

.comment .comment-meta {
    position: relative;
}

.comment .comment-author .avatar {
    float: left;
    margin-right: 1rem;
    position: relative;
}

@media only screen and (min-width: 768px) {
    .comment .comment-author .avatar {
        float: inherit;
        margin-right: inherit;
        position: absolute;
        top: 0;
        right: calc(100% + 1rem);
    }
}

.comment .comment-author .fn {
    position: relative;
    display: block;
}

.comment .comment-author .fn a {
    color: inherit;
}

.comment .comment-author .fn a:hover {
    color: #437df9;
}

.comment .comment-author .post-author-badge {
    border-radius: 100%;
    display: block;
    height: 18px;
    position: absolute;
    background: #008fd3;
    right: calc(100% - 2.5rem);
    top: -3px;
    width: 18px;
}

@media only screen and (min-width: 768px) {
    .comment .comment-author .post-author-badge {
        right: calc(100% + 0.75rem);
    }
}

.comment .comment-author .post-author-badge svg {
    width: inherit;
    height: inherit;
    display: block;
    fill: white;
    transform: scale(0.875);
}

.comment .comment-metadata>a,
.comment .comment-metadata .comment-edit-link {
    display: inline;
    font-weight: 500;
    color: #767676;
    vertical-align: baseline;
}

.comment .comment-metadata>a time,
.comment .comment-metadata .comment-edit-link time {
    vertical-align: baseline;
}

.comment .comment-metadata>a:hover,
.comment .comment-metadata .comment-edit-link:hover {
    color: #437df9;
    text-decoration: none;
}

.comment .comment-metadata>* {
    display: inline-block;
}

.comment .comment-metadata .edit-link-sep {
    color: #767676;
    margin: 0 0.2em;
    vertical-align: baseline;
}

.comment .comment-metadata .edit-link {
    color: #767676;
}

.comment .comment-metadata .edit-link svg {
    transform: scale(0.8);
    vertical-align: baseline;
    margin-right: 0.1em;
}

.comment .comment-metadata .comment-edit-link {
    position: relative;
    padding-left: 1rem;
    margin-left: -1rem;
    z-index: 1;
}

.comment .comment-metadata .comment-edit-link:hover {
    color: #0073aa;
}

.comment .comment-content {
    margin: 1rem 0;
}

@media only screen and (min-width: 1168px) {
    .comment .comment-content {
        padding-right: 1rem;
    }
}

.comment .comment-content>*:first-child {
    margin-top: 0;
}

.comment .comment-content>*:last-child {
    margin-bottom: 0;
}

.comment .comment-content blockquote {
    margin-left: 0;
}

#wrap blockquote:before {
    top: -15px;
}

.comment .comment-content a {
    text-decoration: underline;
}

.comment .comment-content a:hover {
    text-decoration: none;
}

.comment-reply-link,
#cancel-comment-reply-link {
    font-weight: 500;
}

.comment-reply-link:hover,
#cancel-comment-reply-link:hover {
    color: #437df9;
}

.discussion-avatar-list {
    content: "";
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0;
}

.discussion-avatar-list li {
    position: relative;
    list-style: none;
    margin: 0 -8px 0 0;
    padding: 0;
    float: left;
}

.discussion-avatar-list .comment-user-avatar img {
    height: calc(1.5 * 1rem);
    width: calc(1.5 * 1rem);
}

.discussion-meta .discussion-meta-info {
    margin: 0;
}

.discussion-meta .discussion-meta-info .svg-icon {
    vertical-align: middle;
    fill: currentColor;
    transform: scale(0.6) scaleX(-1) translateY(-0.1em);
    margin-left: -0.25rem;
}

.comment-form .comment-notes,
.comment-form label {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size: 0.71111em;
    color: #767676;
}

@media only screen and (min-width: 768px) {

    .comment-form .comment-form-author,
    .comment-form .comment-form-email {
        width: calc(50% - 0.5rem);
        float: left;
    }
}

.comment-form input[name="author"],
.comment-form input[name="email"],
.comment-form input[name="url"] {
    display: block;
    width: 100%;
}

/*--------------------------------------------------------------
## Archives
--------------------------------------------------------------*/
.archive .page-header,
.search .page-header,
.error404 .page-header {
    margin: 1rem 1rem calc(3 * 1rem);
}

@media only screen and (min-width: 768px) {

    .archive .page-header,
    .search .page-header,
    .error404 .page-header {
        margin: 0 calc(10% + 60px) calc(10% + 60px);
    }
}

.archive .page-header .page-title,
.search .page-header .page-title,
.error404 .page-header .page-title {
    color: #767676;
    display: inline;
    letter-spacing: normal;
}

.archive .page-header .page-title:before,
.search .page-header .page-title:before,
.error404 .page-header .page-title:before {
    display: none;
}

.archive .page-header .search-term,
.archive .page-header .page-description,
.search .page-header .search-term,
.search .page-header .page-description,
.error404 .page-header .search-term,
.error404 .page-header .page-description {
    display: inherit;
    clear: both;
}

.archive .page-header .search-term:after,
.archive .page-header .page-description:after,
.search .page-header .search-term:after,
.search .page-header .page-description:after,
.error404 .page-header .search-term:after,
.error404 .page-header .page-description:after {
    content: ".";
    font-weight: bold;
    color: #767676;
}

.archive .page-header .page-description {
    display: block;
    color: #111;
    font-size: 1em;
}

@media only screen and (min-width: 768px) {
    .hfeed .entry .entry-header {
        margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
    }
}

/* 404 & Not found */
.error-404.not-found .page-title,
.error-404.not-found .page-content,
.no-results.not-found .page-title,
.no-results.not-found .page-content {
    margin: calc(3 * 1rem) 1rem;
}

@media only screen and (min-width: 768px) {

    .error-404.not-found .page-title,
    .error-404.not-found .page-content,
    .no-results.not-found .page-title,
    .no-results.not-found .page-content {
        margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
    }
}

.error-404.not-found .search-submit,
.no-results.not-found .search-submit {
    vertical-align: middle;
    margin: 1rem 0;
}

.error-404.not-found .search-field,
.no-results.not-found .search-field {
    width: 100%;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
/* Site footer */
#colophon .widget-area,
#colophon .site-info {
    margin: calc(2 * 1rem) 1rem;
}

@media only screen and (min-width: 768px) {

    #colophon .widget-area,
    #colophon .site-info {
        margin: calc(3 * 1rem) calc(10% + 60px);
    }
}

#colophon .widget-column {
    display: flex;
    flex-wrap: wrap;
}

#colophon .widget-column .widget {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    width: 100%;
    word-wrap: break-word;
}

@media only screen and (min-width: 1168px) {
    #colophon .widget-column .widget {
        margin-right: calc(3 * 1rem);
        width: calc(50% - (3 * 1rem));
    }
}

#colophon .site-info {
    color: #767676;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}

#colophon .site-info a {
    color: inherit;
}

#colophon .site-info a:hover {
    text-decoration: none;
    color: #0073aa;
}

#colophon .site-info .imprint,
#colophon .site-info .privacy-policy-link {
    margin-right: 1rem;
}

/* Widgets */
.widget {
    margin: 0 0 1rem;
    /* Make sure select elements fit in widgets. */
}

.widget select {
    max-width: 100%;
}

.widget a {
    color: #0073aa;
}

.widget a:hover {
    color: #437df9;
}

.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_rss ul {
    padding: 0;
    list-style: none;
}

.widget_archive ul li,
.widget_categories ul li,
.widget_meta ul li,
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_rss ul li {
    color: #767676;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size: calc(22px * 1.125);
    font-weight: 700;
    line-height: 1.2;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.widget_archive ul ul,
.widget_categories ul ul,
.widget_meta ul ul,
.widget_nav_menu ul ul,
.widget_pages ul ul,
.widget_recent_comments ul ul,
.widget_recent_entries ul ul,
.widget_rss ul ul {
    counter-reset: submenu;
}

.widget_archive ul ul>li>a::before,
.widget_categories ul ul>li>a::before,
.widget_meta ul ul>li>a::before,
.widget_nav_menu ul ul>li>a::before,
.widget_pages ul ul>li>a::before,
.widget_recent_comments ul ul>li>a::before,
.widget_recent_entries ul ul>li>a::before,
.widget_rss ul ul>li>a::before {
    font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    font-weight: normal;
    content: "– "counters(submenu, "– ", none);
    counter-increment: submenu;
}

.widget_tag_cloud .tagcloud {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-weight: 700;
}

.widget_search .search-field {
    width: 100%;
}

@media only screen and (min-width: 600px) {
    .widget_search .search-field {
        width: auto;
    }
}

.widget_search .search-submit {
    display: block;
    margin-top: 1rem;
}

.widget_calendar .calendar_wrap {
    text-align: center;
}

.widget_calendar .calendar_wrap table td,
.widget_calendar .calendar_wrap table th {
    border: none;
}

.widget_calendar .calendar_wrap a {
    text-decoration: underline;
}

/* Blocks */
/* !Block styles */
.entry .entry-content>*,
.entry .entry-summary>* {
    margin: 32px 0;
    max-width: 100%;
}

@media only screen and (min-width: 768px) {

    .entry .entry-content>*,
    .entry .entry-summary>* {
        max-width: calc(8 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 1168px) {

    .entry .entry-content>*,
    .entry .entry-summary>* {
        max-width: calc(6 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 768px) {

    .entry .entry-content>*,
    .entry .entry-summary>* {
        margin: 32px 0;
    }
}

.entry .entry-content>*>*:first-child,
.entry .entry-summary>*>*:first-child {
    margin-top: 0;
}

.entry .entry-content>*>*:last-child,
.entry .entry-summary>*>*:last-child {
    margin-bottom: 0;
}

.entry .entry-content>*.alignwide,
.entry .entry-summary>*.alignwide {
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

@media only screen and (min-width: 768px) {

    .entry .entry-content>*.alignwide,
    .entry .entry-summary>*.alignwide {
        width: 100%;
        max-width: 100%;
    }
}

.entry .entry-content>*.alignfull,
.entry .entry-summary>*.alignfull {
    position: relative;
    left: -1rem;
    width: calc(100% + (2 * 1rem));
    max-width: calc(100% + (2 * 1rem));
    clear: both;
}

@media only screen and (min-width: 768px) {

    .entry .entry-content>*.alignfull,
    .entry .entry-summary>*.alignfull {
        margin-top: calc(2 * 1rem);
        margin-bottom: calc(2 * 1rem);
        left: calc(-12.5% - 75px);
        width: calc(125% + 150px);
        max-width: calc(125% + 150px);
    }
}

.entry .entry-content>*.alignleft,
.entry .entry-summary>*.alignleft {
    /*rtl:ignore*/
    float: left;
    max-width: calc(5 * (100vw / 12));
    margin-top: 0;
    margin-left: 0;
    /*rtl:ignore*/
    margin-right: 1rem;
}

@media only screen and (min-width: 768px) {

    .entry .entry-content>*.alignleft,
    .entry .entry-summary>*.alignleft {
        max-width: calc(4 * (100vw / 12));
        /*rtl:ignore*/
        margin-right: calc(2 * 1rem);
    }
}

.entry .entry-content>*.alignright,
.entry .entry-summary>*.alignright {
    /*rtl:ignore*/
    float: right;
    max-width: calc(5 * (100vw / 12));
    margin-top: 0;
    margin-right: 0;
    /*rtl:ignore*/
    margin-left: 1rem;
}

@media only screen and (min-width: 768px) {

    .entry .entry-content>*.alignright,
    .entry .entry-summary>*.alignright {
        max-width: calc(4 * (100vw / 12));
        margin-right: 0;
        /*rtl:ignore*/
        margin-left: calc(2 * 1rem);
    }
}

.entry .entry-content>*.aligncenter,
.entry .entry-summary>*.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 768px) {

    .entry .entry-content>*.aligncenter,
    .entry .entry-summary>*.aligncenter {
        max-width: calc(8 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 1168px) {

    .entry .entry-content>*.aligncenter,
    .entry .entry-summary>*.aligncenter {
        max-width: calc(6 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 768px) {

    .entry .entry-content>*.aligncenter,
    .entry .entry-summary>*.aligncenter {
        margin-left: 0;
        margin-right: 0;
    }
}

/*
 * Unset nested content selector styles
 * - Prevents layout styles from cascading too deeply
 * - helps with plugin compatibility
 */
.entry .entry-content .entry-content,
.entry .entry-content .entry-summary,
.entry .entry-content .entry,
.entry .entry-summary .entry-content,
.entry .entry-summary .entry-summary,
.entry .entry-summary .entry {
    margin: inherit;
    max-width: inherit;
    padding: inherit;
}

@media only screen and (min-width: 768px) {

    .entry .entry-content .entry-content,
    .entry .entry-content .entry-summary,
    .entry .entry-content .entry,
    .entry .entry-summary .entry-content,
    .entry .entry-summary .entry-summary,
    .entry .entry-summary .entry {
        margin: inherit;
        max-width: inherit;
        padding: inherit;
    }
}

.entry .entry-content p.has-background {
    padding: 20px 30px;
}

.entry .entry-content .wp-block-audio {
    width: 100%;
}

.entry .entry-content .wp-block-audio audio {
    width: 100%;
}

.entry .entry-content .wp-block-audio.alignleft audio,
.entry .entry-content .wp-block-audio.alignright audio {
    max-width: 198px;
}

@media only screen and (min-width: 768px) {

    .entry .entry-content .wp-block-audio.alignleft audio,
    .entry .entry-content .wp-block-audio.alignright audio {
        max-width: 384px;
    }
}

@media only screen and (min-width: 1379px) {

    .entry .entry-content .wp-block-audio.alignleft audio,
    .entry .entry-content .wp-block-audio.alignright audio {
        max-width: 385.44px;
    }
}

.entry .entry-content .wp-block-video video {
    width: 100%;
}

.entry .entry-content .wp-block-button .wp-block-button__link {
    transition: background 150ms ease-in-out;
    border: none;
    font-size: 0.88889em;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    line-height: 1.2;
    box-sizing: border-box;
    font-weight: bold;
    text-decoration: none;
    padding: 0.76rem 1rem;
    outline: none;
    outline: none;
}

.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background) {
    background-color: #0073aa;
}

.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-text-color) {
    color: white;
}

.entry .entry-content .wp-block-button .wp-block-button__link:hover {
    color: white;
    background: #111;
    cursor: pointer;
}

.entry .entry-content .wp-block-button .wp-block-button__link:focus {
    color: white;
    background: #111;
    outline: thin dotted;
    outline-offset: -4px;
}

.entry .entry-content .wp-block-button:not(.is-style-squared) .wp-block-button__link {
    border-radius: 5px;
}

.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus,
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active {
    transition: all 150ms ease-in-out;
    border-width: 2px;
    border-style: solid;
}

.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background) {
    background: transparent;
}

.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
    color: #0073aa;
    border-color: currentColor;
}

.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
    color: white;
    border-color: #111;
}

.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover:not(.has-background) {
    color: #111;
}

.entry .entry-content .wp-block-archives,
.entry .entry-content .wp-block-categories,
.entry .entry-content .wp-block-latest-posts {
    padding: 0;
    list-style: none;
}

.entry .entry-content .wp-block-archives li,
.entry .entry-content .wp-block-categories li,
.entry .entry-content .wp-block-latest-posts li {
    color: #767676;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size: calc(22px * 1.125);
    font-weight: bold;
    line-height: 1.2;
    padding-bottom: 0.75rem;
}

.entry .entry-content .wp-block-archives li.menu-item-has-children,
.entry .entry-content .wp-block-archives li:last-child,
.entry .entry-content .wp-block-categories li.menu-item-has-children,
.entry .entry-content .wp-block-categories li:last-child,
.entry .entry-content .wp-block-latest-posts li.menu-item-has-children,
.entry .entry-content .wp-block-latest-posts li:last-child {
    padding-bottom: 0;
}

.entry .entry-content .wp-block-archives li a,
.entry .entry-content .wp-block-categories li a,
.entry .entry-content .wp-block-latest-posts li a {
    text-decoration: none;
}

.entry .entry-content .wp-block-archives.aligncenter,
.entry .entry-content .wp-block-categories.aligncenter {
    text-align: center;
}

.entry .entry-content .wp-block-categories ul {
    padding-top: 0.75rem;
}

.entry .entry-content .wp-block-categories li ul {
    list-style: none;
    padding-left: 0;
}

.entry .entry-content .wp-block-categories ul {
    counter-reset: submenu;
}

.entry .entry-content .wp-block-categories ul>li>a::before {
    font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    font-weight: normal;
    content: "– "counters(submenu, "– ", none);
    counter-increment: submenu;
}

.entry .entry-content .wp-block-latest-posts.is-grid li {
    border-top: 2px solid #ccc;
    padding-top: 1rem;
    margin-bottom: 2rem;
}

.entry .entry-content .wp-block-latest-posts.is-grid li a:after {
    content: '';
}

.entry .entry-content .wp-block-latest-posts.is-grid li:last-child {
    margin-bottom: auto;
}

.entry .entry-content .wp-block-latest-posts.is-grid li:last-child a:after {
    content: '';
}

.entry .entry-content .wp-block-preformatted {
    font-size: 0.71111em;
    line-height: 1.8;
    padding: 1rem;
}

.entry .entry-content .wp-block-verse {
    font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    font-size: 22px;
    line-height: 1.8;
}

.entry .entry-content .has-drop-cap:not(:focus):first-letter {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size: 3.375em;
    line-height: 1;
    font-weight: bold;
    margin: 0 0.25em 0 0;
}

.entry .entry-content .wp-block-pullquote {
    border-color: transparent;
    border-width: 2px;
    padding: 1rem;
}

.entry .entry-content .wp-block-pullquote blockquote {
    color: #111;
    border: none;
    margin-top: calc(4 * 1rem);
    margin-bottom: calc(4.33 * 1rem);
    margin-right: 0;
    padding-left: 0;
}

.entry .entry-content .wp-block-pullquote p {
    font-size: 1.6875em;
    font-style: italic;
    line-height: 1.3;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

.entry .entry-content .wp-block-pullquote p em {
    font-style: normal;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-pullquote p {
        font-size: 2.25em;
    }
}

.entry .entry-content .wp-block-pullquote cite {
    display: inline-block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    line-height: 1.6;
    text-transform: none;
    color: #767676;
    /*
    * This requires a rem-based font size calculation instead of our normal em-based one,
    * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
    */
    font-size: calc(1rem / (1.25 * 1.125));
}

.entry .entry-content .wp-block-pullquote.alignleft,
.entry .entry-content .wp-block-pullquote.alignright {
    width: 100%;
    padding: 0;
}

.entry .entry-content .wp-block-pullquote.alignleft blockquote,
.entry .entry-content .wp-block-pullquote.alignright blockquote {
    margin: 1rem 0;
    padding: 0;
    text-align: left;
    max-width: 100%;
}

.entry .entry-content .wp-block-pullquote.alignleft blockquote p:first-child,
.entry .entry-content .wp-block-pullquote.alignright blockquote p:first-child {
    margin-top: 0;
}

.entry .entry-content .wp-block-pullquote.is-style-solid-color {
    background-color: #0073aa;
    padding-left: 0;
    padding-right: 0;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-pullquote.is-style-solid-color {
        padding-left: 10%;
        padding-right: 10%;
    }
}

.entry .entry-content .wp-block-pullquote.is-style-solid-color p {
    font-size: 1.6875em;
    line-height: 1.3;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-pullquote.is-style-solid-color p {
        font-size: 2.25em;
    }
}

.entry .entry-content .wp-block-pullquote.is-style-solid-color a {
    color: #fff;
}

.entry .entry-content .wp-block-pullquote.is-style-solid-color cite {
    color: inherit;
}

.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
    max-width: 100%;
    color: #fff;
    padding-left: 0;
    margin-left: 1rem;
    margin-right: 1rem;
}

.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color a,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
    color: inherit;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (min-width: 768px) {

    .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignright,
    .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignleft {
        padding: 1rem calc(2 * 1rem);
    }
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull {
        padding-left: calc(10% + 58px + (2 * 1rem));
        padding-right: calc(10% + 58px + (2 * 1rem));
    }
}

.entry .entry-content .wp-block-quote:not(.is-large),
.entry .entry-content .wp-block-quote:not(.is-style-large) {
    border-width: 2px;
    border-color: #0073aa;
    padding-top: 0;
    padding-bottom: 0;
}

.entry .entry-content .wp-block-quote p {
    font-size: 1em;
    font-style: normal;
    line-height: 1.8;
}

.entry .entry-content .wp-block-quote cite {
    /*
    * This requires a rem-based font size calculation instead of our normal em-based one,
    * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
    */
    font-size: calc(1rem / (1.25 * 1.125));
}

.entry .entry-content .wp-block-quote.is-large,
.entry .entry-content .wp-block-quote.is-style-large {
    margin: 1rem 0;
    padding: 0;
    border-left: none;
}

.entry .entry-content .wp-block-quote.is-large p,
.entry .entry-content .wp-block-quote.is-style-large p {
    font-size: 1.6875em;
    line-height: 1.4;
    font-style: italic;
}

.entry .entry-content .wp-block-quote.is-large cite,
.entry .entry-content .wp-block-quote.is-large footer,
.entry .entry-content .wp-block-quote.is-style-large cite,
.entry .entry-content .wp-block-quote.is-style-large footer {
    /*
				 * This requires a rem-based font size calculation instead of our normal em-based one,
				 * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
				 */
    font-size: calc(1rem / (1.25 * 1.125));
}

@media only screen and (min-width: 768px) {

    .entry .entry-content .wp-block-quote.is-large,
    .entry .entry-content .wp-block-quote.is-style-large {
        margin: 1rem 0;
        padding: 1rem 0;
    }

    .entry .entry-content .wp-block-quote.is-large p,
    .entry .entry-content .wp-block-quote.is-style-large p {
        font-size: 1.6875em;
    }
}

.entry .entry-content .wp-block-image {
    max-width: 100%;
}

.entry .entry-content .wp-block-image img {
    display: block;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-image .aligncenter {
        max-width: calc(8 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 1168px) {
    .entry .entry-content .wp-block-image .aligncenter {
        max-width: calc(6 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-image .aligncenter {
        margin: 0;
        width: calc(8 * (100vw / 12) - 28px);
    }

    .entry .entry-content .wp-block-image .aligncenter img {
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1168px) {
    .entry .entry-content .wp-block-image .aligncenter {
        width: calc(6 * (100vw / 12) - 28px);
    }

    .entry .entry-content .wp-block-image .aligncenter img {
        margin: 0 auto;
    }
}

.entry .entry-content .wp-block-image.alignfull img {
    width: 100vw;
    max-width: calc(100% + (2 * 1rem));
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-image.alignfull img {
        max-width: calc(125% + 150px);
        margin-left: auto;
        margin-right: auto;
    }
}

.entry .entry-content .wp-block-cover-image,
.entry .entry-content .wp-block-cover {
    position: relative;
    min-height: 430px;
    padding: 1rem;
}

@media only screen and (min-width: 768px) {

    .entry .entry-content .wp-block-cover-image,
    .entry .entry-content .wp-block-cover {
        padding: 1rem 10%;
    }
}

.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image h2,
.entry .entry-content .wp-block-cover .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover .wp-block-cover-text,
.entry .entry-content .wp-block-cover h2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size: 1.6875em;
    font-weight: bold;
    line-height: 1.25;
    padding: 0;
    color: #fff;
}

@media only screen and (min-width: 768px) {

    .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
    .entry .entry-content .wp-block-cover-image .wp-block-cover-text,
    .entry .entry-content .wp-block-cover-image h2,
    .entry .entry-content .wp-block-cover .wp-block-cover-image-text,
    .entry .entry-content .wp-block-cover .wp-block-cover-text,
    .entry .entry-content .wp-block-cover h2 {
        font-size: 2.25em;
        max-width: 100%;
    }
}

.entry .entry-content .wp-block-cover-image.alignleft,
.entry .entry-content .wp-block-cover-image.alignright,
.entry .entry-content .wp-block-cover.alignleft,
.entry .entry-content .wp-block-cover.alignright {
    width: 100%;
}

@media only screen and (min-width: 768px) {

    .entry .entry-content .wp-block-cover-image.alignleft,
    .entry .entry-content .wp-block-cover-image.alignright,
    .entry .entry-content .wp-block-cover.alignleft,
    .entry .entry-content .wp-block-cover.alignright {
        padding: 1rem calc(2 * 1rem);
    }
}

@media only screen and (min-width: 768px) {

    .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
    .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
    .entry .entry-content .wp-block-cover-image.alignfull h2,
    .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
    .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
    .entry .entry-content .wp-block-cover.alignfull h2 {
        max-width: calc(8 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 1168px) {

    .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
    .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
    .entry .entry-content .wp-block-cover-image.alignfull h2,
    .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
    .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
    .entry .entry-content .wp-block-cover.alignfull h2 {
        max-width: calc(6 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 768px) {

    .entry .entry-content .wp-block-cover-image.alignfull,
    .entry .entry-content .wp-block-cover.alignfull {
        padding-left: calc(10% + 58px + (2 * 1rem));
        padding-right: calc(10% + 58px + (2 * 1rem));
    }

    .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
    .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
    .entry .entry-content .wp-block-cover-image.alignfull h2,
    .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
    .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
    .entry .entry-content .wp-block-cover.alignfull h2 {
        padding: 0;
    }
}

.entry .entry-content .wp-block-gallery {
    list-style-type: none;
    padding-left: 0;
}

.entry .entry-content .wp-block-gallery .blocks-gallery-image:last-child,
.entry .entry-content .wp-block-gallery .blocks-gallery-item:last-child {
    margin-bottom: 16px;
}

.entry .entry-content .wp-block-gallery figcaption a {
    color: #fff;
}

.entry .entry-content .wp-block-audio figcaption,
.entry .entry-content .wp-block-video figcaption,
.entry .entry-content .wp-block-image figcaption,
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption,
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption {
    font-size: 0.71111em;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0.5rem;
    text-align: center;
}

.entry .entry-content .wp-block-separator,
.entry .entry-content hr {
    background-color: #767676;
    border: 0;
    height: 2px;
    margin-bottom: 2rem;
    margin-top: 2rem;
    max-width: 2.25em;
    text-align: left;
    /* Remove duplicate rule-line when a separator
		 * is followed by an H1, or H2 */
}

.entry .entry-content .wp-block-separator.is-style-wide,
.entry .entry-content hr.is-style-wide {
    max-width: 100%;
}

@media only screen and (min-width: 768px) {

    .entry .entry-content .wp-block-separator.is-style-wide,
    .entry .entry-content hr.is-style-wide {
        max-width: calc(8 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 1168px) {

    .entry .entry-content .wp-block-separator.is-style-wide,
    .entry .entry-content hr.is-style-wide {
        max-width: calc(6 * (100vw / 12) - 28px);
    }
}

.entry .entry-content .wp-block-separator.is-style-dots,
.entry .entry-content hr.is-style-dots {
    max-width: 100%;
    background-color: inherit;
    border: inherit;
    height: inherit;
    text-align: center;
}

@media only screen and (min-width: 768px) {

    .entry .entry-content .wp-block-separator.is-style-dots,
    .entry .entry-content hr.is-style-dots {
        max-width: calc(8 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 1168px) {

    .entry .entry-content .wp-block-separator.is-style-dots,
    .entry .entry-content hr.is-style-dots {
        max-width: calc(6 * (100vw / 12) - 28px);
    }
}

.entry .entry-content .wp-block-separator.is-style-dots:before,
.entry .entry-content hr.is-style-dots:before {
    color: #767676;
    font-size: 1.6875em;
    letter-spacing: 0.88889em;
    padding-left: 0.88889em;
}

.entry .entry-content .wp-block-separator+h1:before,
.entry .entry-content .wp-block-separator+h2:before,
.entry .entry-content hr+h1:before,
.entry .entry-content hr+h2:before {
    display: none;
}

.entry .entry-content .wp-block-embed-twitter {
    word-break: break-word;
}

.entry .entry-content .wp-block-table th,
.entry .entry-content .wp-block-table td {
    border-color: #767676;
}

.entry .entry-content .wp-block-file {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.entry .entry-content .wp-block-file .wp-block-file__button {
    display: table;
    transition: background 150ms ease-in-out;
    border: none;
    border-radius: 5px;
    background: #0073aa;
    font-size: 22px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    line-height: 1.2;
    text-decoration: none;
    font-weight: bold;
    padding: 0.75rem 1rem;
    color: #fff;
    margin-left: 0;
    margin-top: calc(0.75 * 1rem);
}


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: calc(1.5 * 1rem);
}

@media only screen and (min-width: 768px) {
    .wp-caption.aligncenter {
        position: relative;
        left: calc(calc(8 * (100vw / 12) - 28px) / 2);
        transform: translateX(-50%);
    }
}

@media only screen and (min-width: 1168px) {
    .wp-caption.aligncenter {
        left: calc(calc(6 * (100vw / 12) - 28px) / 2);
    }
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption-text {
    color: #767676;
    font-size: 0.71111em;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0.5rem;
    text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-bottom: calc(1.5 * 1rem);
}

.gallery-item {
    display: inline-block;
    margin-right: 16px;
    margin-bottom: 16px;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: calc((100% - 16px * 1) / 2);
}

.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
    margin-right: 0;
}

.gallery-columns-3 .gallery-item {
    max-width: calc((100% - 16px * 2) / 3);
}

.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
    margin-right: 0;
}

.gallery-columns-4 .gallery-item {
    max-width: calc((100% - 16px * 3) / 4);
}

.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
    margin-right: 0;
}

.gallery-columns-5 .gallery-item {
    max-width: calc((100% - 16px * 4) / 5);
}

.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
    margin-right: 0;
}

.gallery-columns-6 .gallery-item {
    max-width: calc((100% - 16px * 5) / 6);
}

.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
    margin-right: 0;
}

.gallery-columns-7 .gallery-item {
    max-width: calc((100% - 16px * 6) / 7);
}

.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
    margin-right: 0;
}

.gallery-columns-8 .gallery-item {
    max-width: calc((100% - 16px * 7) / 8);
}

.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
    margin-right: 0;
}

.gallery-columns-9 .gallery-item {
    max-width: calc((100% - 16px * 8) / 9);
}

.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
    margin-right: 0;
}

.gallery-item:last-of-type {
    padding-right: 0;
}

.gallery-caption {
    display: block;
    font-size: 0.71111em;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0.5rem;
}

.gallery-item>div>a {
    display: block;
    line-height: 0;
    box-shadow: 0 0 0 0 transparent;
}

.gallery-item>div>a:focus {
    box-shadow: 0 0 0 2px #0073aa;
}