Morden: Cleaning up responsive markup and styles to work with enhanced nested responsive logic
This commit is contained in:
Allan Cole
parent
0cbc378795
commit
6df502152d
12 changed files with 1106 additions and 1567 deletions
70
morden/header.php
Executable file
70
morden/header.php
Executable file
|
|
@ -0,0 +1,70 @@
|
|||
<?php
|
||||
/**
|
||||
* The header for our theme
|
||||
*
|
||||
* This is the template that displays all of the <head> section and everything up until <div id="content">
|
||||
*
|
||||
* @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
|
||||
*
|
||||
* @package WordPress
|
||||
* @subpackage Varia
|
||||
* @since 1.0.0
|
||||
*/
|
||||
?><!doctype html>
|
||||
<html <?php language_attributes(); ?>>
|
||||
<head>
|
||||
<meta charset="<?php bloginfo( 'charset' ); ?>" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="profile" href="https://gmpg.org/xfn/11" />
|
||||
<?php wp_head(); ?>
|
||||
</head>
|
||||
|
||||
<body <?php body_class(); ?>>
|
||||
<div id="page" class="site">
|
||||
<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'varia' ); ?></a>
|
||||
|
||||
<header id="masthead" class="site-header">
|
||||
|
||||
<?php get_template_part( 'template-parts/header/site', 'branding' ); ?>
|
||||
|
||||
<?php if ( has_nav_menu( 'menu-1' ) ) : ?>
|
||||
<nav id="site-navigation" class="main-navigation" aria-label="<?php esc_attr_e( 'Main Navigation', 'varia' ); ?>">
|
||||
<input type="checkbox" role="button" aria-haspopup="true" id="toggle" class="hide-visually">
|
||||
<label for="toggle" id="toggle-menu" class="button">
|
||||
<?php _e( 'Menu', 'varia' ); ?>
|
||||
<span class="dropdown-icon open">+</span>
|
||||
<span class="dropdown-icon close">×</span>
|
||||
<span class="hide-visually expanded-text"><?php _e( 'expanded', 'varia' ); ?></span>
|
||||
<span class="hide-visually collapsed-text"><?php _e( 'collapsed', 'varia' ); ?></span>
|
||||
</label>
|
||||
<?php
|
||||
wp_nav_menu(
|
||||
array(
|
||||
'theme_location' => 'menu-1',
|
||||
'menu_class' => 'main-menu',
|
||||
'items_wrap' => '<ul id="%1$s" class="%2$s" aria-label="submenu">%3$s</ul>',
|
||||
)
|
||||
);
|
||||
?>
|
||||
</nav><!-- #site-navigation -->
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ( has_nav_menu( 'social' ) ) : ?>
|
||||
<nav class="social-navigation" aria-label="<?php esc_attr_e( 'Social Links Menu', 'varia' ); ?>">
|
||||
<?php
|
||||
wp_nav_menu(
|
||||
array(
|
||||
'theme_location' => 'social',
|
||||
'menu_class' => 'social-links-menu',
|
||||
'link_before' => '<span class="screen-reader-text">',
|
||||
'link_after' => '</span>' . varia_get_icon_svg( 'link' ),
|
||||
'depth' => 1,
|
||||
)
|
||||
);
|
||||
?>
|
||||
</nav><!-- .social-navigation -->
|
||||
<?php endif; ?>
|
||||
|
||||
</header><!-- #masthead -->
|
||||
|
||||
<div id="content" class="site-content">
|
||||
885
morden/package-lock.json
generated
885
morden/package-lock.json
generated
File diff suppressed because it is too large
Load diff
|
|
@ -9,7 +9,7 @@
|
|||
"devDependencies": {
|
||||
"@wordpress/browserslist-config": "^2.2.2",
|
||||
"autoprefixer": "^9.5.1",
|
||||
"chokidar-cli": "^1.2.2",
|
||||
"chokidar-cli": "^2.0.0",
|
||||
"node-sass": "^4.12.0",
|
||||
"npm-run-all": "^4.1.5",
|
||||
"postcss-cli": "^6.1.2",
|
||||
|
|
|
|||
|
|
@ -3,56 +3,6 @@
|
|||
*/
|
||||
// @import "";
|
||||
|
||||
%responsive-width-wide {
|
||||
|
||||
@include align-width( $content-width-flex, -0.25 );
|
||||
|
||||
@include media(mobile) {
|
||||
@include align-width( $content-width-sm, 0 );
|
||||
}
|
||||
|
||||
@include media(tablet) {
|
||||
@include align-width( $content-width-md, 0 );
|
||||
}
|
||||
|
||||
@include media(laptop) {
|
||||
@include align-width( $content-width-lg, -0.15 );
|
||||
}
|
||||
|
||||
@include media(desktop) {
|
||||
@include align-width( $content-width-lg, -0.25 );
|
||||
}
|
||||
|
||||
@include media(wide) {
|
||||
@include align-width( $content-width-lg, -0.3 );
|
||||
}
|
||||
}
|
||||
|
||||
%responsive-width-full {
|
||||
|
||||
@include align-width( $content-width-flex, -0.5 );
|
||||
|
||||
@include media(mobile) {
|
||||
@include align-width( $content-width-sm, -0.5 );
|
||||
}
|
||||
|
||||
@include media(tablet) {
|
||||
@include align-width( $content-width-md, -0.3 );
|
||||
}
|
||||
|
||||
@include media(laptop) {
|
||||
@include align-width( $content-width-lg, -0.4 );
|
||||
}
|
||||
|
||||
@include media(desktop) {
|
||||
@include align-width( $content-width-lg, -0.4 );
|
||||
}
|
||||
|
||||
@include media(wide) {
|
||||
@include align-width( $content-width-lg, -0.4 );
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
|
||||
|
|
@ -75,7 +25,7 @@ a {
|
|||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
@extend %responsive-width-full;
|
||||
@extend %responsive-alignwide;
|
||||
}
|
||||
|
||||
body {
|
||||
|
|
@ -90,8 +40,6 @@ body {
|
|||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
position: relative;
|
||||
|
||||
@extend %responsive-width-wide;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -242,24 +190,23 @@ body {
|
|||
* Header
|
||||
*/
|
||||
#masthead {
|
||||
background: #{map-deep-get($config-global, "color", "foreground", "default")};
|
||||
padding-left: #{map-deep-get($config-global, "spacing", "horizontal")};
|
||||
padding-right: #{map-deep-get($config-global, "spacing", "horizontal")};
|
||||
|
||||
& > * {
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
&:before {
|
||||
background: #{map-deep-get($config-global, "color", "foreground", "default")};
|
||||
content: "";
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 50%;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
transform: translateX(-50%);
|
||||
z-index: 0;
|
||||
.main-navigation > div > ul > li:first-of-type,
|
||||
.social-navigation > div > ul > li:first-of-type {
|
||||
margin-left: inherit;
|
||||
}
|
||||
|
||||
@extend %responsive-width-full;
|
||||
}
|
||||
.main-navigation > div > ul > li:last-of-type,
|
||||
.social-navigation > div > ul > li:last-of-type {
|
||||
margin-right: inherit;
|
||||
}
|
||||
|
||||
// Site Title
|
||||
|
|
@ -274,6 +221,12 @@ body {
|
|||
/**
|
||||
* Main
|
||||
*/
|
||||
|
||||
.site-main {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
@include media(mobile) {
|
||||
#main {
|
||||
padding-top: #{2 * map-deep-get($config-global, "spacing", "vertical")};
|
||||
|
|
@ -347,7 +300,7 @@ table,
|
|||
padding-top: #{2 * map-deep-get($config-global, "spacing", "vertical")};
|
||||
}
|
||||
|
||||
@extend %responsive-width-full;
|
||||
@extend %responsive-alignfull;
|
||||
}
|
||||
|
||||
// Entry Meta
|
||||
|
|
|
|||
|
|
@ -107,17 +107,9 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
|
|||
* Responsive breakpoints
|
||||
* - breakpoints values are defined in _config-global.scss
|
||||
*/
|
||||
/**
|
||||
* Align widths
|
||||
* - Sets negative margin for .alignwide and .alignfull blocks
|
||||
*/
|
||||
/**
|
||||
* Align wide widths
|
||||
* - Sets negative margin for .alignwide and .alignfull blocks
|
||||
*/
|
||||
/**
|
||||
* Align container widths
|
||||
* - Sets a fixed-width on content within alignwide and alignfull blocks
|
||||
* - Sets .alignwide widths
|
||||
*/
|
||||
/**
|
||||
* Crop Text Boundry
|
||||
|
|
@ -438,7 +430,19 @@ object {
|
|||
padding-left: 0;
|
||||
}
|
||||
|
||||
.wp-block-media-text[style*="background-color"]:not(.has-background-background-color) .block-editor-inner-blocks a {
|
||||
.wp-block-media-text .block-editor-inner-blocks {
|
||||
padding-right: 16px;
|
||||
padding-left: 16px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.wp-block-media-text .block-editor-inner-blocks {
|
||||
padding-right: 32px;
|
||||
padding-left: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-media-text .block-editor-inner-blocks[style*="background-color"]:not(.has-background-background-color) a {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -128,17 +128,9 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
|
|||
* Responsive breakpoints
|
||||
* - breakpoints values are defined in _config-global.scss
|
||||
*/
|
||||
/**
|
||||
* Align widths
|
||||
* - Sets negative margin for .alignwide and .alignfull blocks
|
||||
*/
|
||||
/**
|
||||
* Align wide widths
|
||||
* - Sets negative margin for .alignwide and .alignfull blocks
|
||||
*/
|
||||
/**
|
||||
* Align container widths
|
||||
* - Sets a fixed-width on content within alignwide and alignfull blocks
|
||||
* - Sets .alignwide widths
|
||||
*/
|
||||
/**
|
||||
* Crop Text Boundry
|
||||
|
|
@ -818,6 +810,7 @@ footer {
|
|||
.site-footer > *,
|
||||
.site-main > article > *,
|
||||
.entry-content > *,
|
||||
[class*="inner-container"] > *,
|
||||
.widget-area > * {
|
||||
margin-top: 21.312px;
|
||||
margin-bottom: 21.312px;
|
||||
|
|
@ -827,6 +820,7 @@ footer {
|
|||
.site-footer > *,
|
||||
.site-main > article > *,
|
||||
.entry-content > *,
|
||||
[class*="inner-container"] > *,
|
||||
.widget-area > * {
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
|
|
@ -836,6 +830,7 @@ footer {
|
|||
.site-footer > *:first-child,
|
||||
.site-main > article > *:first-child,
|
||||
.entry-content > *:first-child,
|
||||
[class*="inner-container"] > *:first-child,
|
||||
.widget-area > *:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
|
@ -843,6 +838,7 @@ footer {
|
|||
.site-footer > *:last-child,
|
||||
.site-main > article > *:last-child,
|
||||
.entry-content > *:last-child,
|
||||
[class*="inner-container"] > *:last-child,
|
||||
.widget-area > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
|
@ -1231,7 +1227,6 @@ input.has-focus[type="submit"],
|
|||
.wp-block-cover-image .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image .wp-block-cover-image-text,
|
||||
.wp-block-cover-image .wp-block-cover-text {
|
||||
width: calc(100% - 32px);
|
||||
color: white;
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
|
|
@ -1271,6 +1266,35 @@ input.has-focus[type="submit"],
|
|||
text-align: left;
|
||||
}
|
||||
|
||||
.wp-block-cover .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image .wp-block-cover__inner-container {
|
||||
width: calc(100% - 64px);
|
||||
}
|
||||
|
||||
.wp-block-cover .wp-block-cover__inner-container > *,
|
||||
.wp-block-cover-image .wp-block-cover__inner-container > * {
|
||||
margin-top: 21.312px;
|
||||
margin-bottom: 21.312px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.wp-block-cover .wp-block-cover__inner-container > *,
|
||||
.wp-block-cover-image .wp-block-cover__inner-container > * {
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-cover .wp-block-cover__inner-container > *:first-child,
|
||||
.wp-block-cover-image .wp-block-cover__inner-container > *:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.wp-block-cover .wp-block-cover__inner-container > *:last-child,
|
||||
.wp-block-cover-image .wp-block-cover__inner-container > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.wp-block-cover.alignleft, .wp-block-cover.alignright,
|
||||
.wp-block-cover-image.alignleft,
|
||||
.wp-block-cover-image.alignright {
|
||||
|
|
@ -1338,49 +1362,34 @@ input.has-focus[type="submit"],
|
|||
margin-left: auto;
|
||||
}
|
||||
|
||||
.wp-block-group .wp-block-group__inner-container h1, .wp-block-group .wp-block-group__inner-container h2, .wp-block-group .wp-block-group__inner-container h3, .wp-block-group .wp-block-group__inner-container h4, .wp-block-group .wp-block-group__inner-container h5, .wp-block-group .wp-block-group__inner-container h6, .wp-block-group .wp-block-group__inner-container p, .wp-block-group .wp-block-group__inner-container hr {
|
||||
margin-top: 16px;
|
||||
margin-bottom: 16px;
|
||||
.wp-block-group .wp-block-group__inner-container > * {
|
||||
margin-top: 21.312px;
|
||||
margin-bottom: 21.312px;
|
||||
}
|
||||
|
||||
.wp-block-group .wp-block-group__inner-container h1:first-child, .wp-block-group .wp-block-group__inner-container h2:first-child, .wp-block-group .wp-block-group__inner-container h3:first-child, .wp-block-group .wp-block-group__inner-container h4:first-child, .wp-block-group .wp-block-group__inner-container h5:first-child, .wp-block-group .wp-block-group__inner-container h6:first-child, .wp-block-group .wp-block-group__inner-container p:first-child, .wp-block-group .wp-block-group__inner-container hr:first-child {
|
||||
@media only screen and (min-width: 560px) {
|
||||
.wp-block-group .wp-block-group__inner-container > * {
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-group .wp-block-group__inner-container > *:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.wp-block-group .wp-block-group__inner-container h1:last-child, .wp-block-group .wp-block-group__inner-container h2:last-child, .wp-block-group .wp-block-group__inner-container h3:last-child, .wp-block-group .wp-block-group__inner-container h4:last-child, .wp-block-group .wp-block-group__inner-container h5:last-child, .wp-block-group .wp-block-group__inner-container h6:last-child, .wp-block-group .wp-block-group__inner-container p:last-child, .wp-block-group .wp-block-group__inner-container hr:last-child {
|
||||
.wp-block-group .wp-block-group__inner-container > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.wp-block-group.alignwide .alignwide,
|
||||
.wp-block-group.alignwide .alignfull,
|
||||
.wp-block-group.alignfull .alignwide {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.wp-block-group.alignfull .alignfull {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.wp-block-group.has-background {
|
||||
padding: 16px;
|
||||
padding: 21.312px;
|
||||
}
|
||||
|
||||
.wp-block-group.has-background.alignwide > .wp-block-group__inner-container > .alignwide:first-of-type,
|
||||
.wp-block-group.has-background.alignwide > .wp-block-group__inner-container > .alignfull:first-of-type {
|
||||
margin-top: -16px;
|
||||
}
|
||||
|
||||
.wp-block-group.has-background.alignwide > .wp-block-group__inner-container > .alignwide:last-of-type,
|
||||
.wp-block-group.has-background.alignwide > .wp-block-group__inner-container > .alignfull:last-of-type {
|
||||
margin-bottom: -16px;
|
||||
}
|
||||
|
||||
.wp-block-group.has-background.alignfull > .wp-block-group__inner-container > .alignfull:first-of-type {
|
||||
margin-top: -16px;
|
||||
}
|
||||
|
||||
.wp-block-group.has-background.alignfull > .wp-block-group__inner-container > .alignfull:last-of-type {
|
||||
margin-bottom: -16px;
|
||||
@media only screen and (min-width: 560px) {
|
||||
.wp-block-group.has-background {
|
||||
padding: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
h1, .h1,
|
||||
|
|
@ -1438,6 +1447,17 @@ h6, .h6 {
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
.entry-content > *[class="wp-block-image"],
|
||||
.entry-content [class*="inner-container"] > *[class="wp-block-image"] {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.entry-content > *[class="wp-block-image"] + *,
|
||||
.entry-content [class*="inner-container"] > *[class="wp-block-image"] + * {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
img {
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
|
|
@ -1595,20 +1615,32 @@ dd {
|
|||
}
|
||||
|
||||
.wp-block-media-text .wp-block-media-text__content {
|
||||
padding-right: 16px;
|
||||
padding-left: 16px;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.wp-block-media-text .wp-block-media-text__content h1, .wp-block-media-text .wp-block-media-text__content h2, .wp-block-media-text .wp-block-media-text__content h3, .wp-block-media-text .wp-block-media-text__content h4, .wp-block-media-text .wp-block-media-text__content h5, .wp-block-media-text .wp-block-media-text__content h6, .wp-block-media-text .wp-block-media-text__content p, .wp-block-media-text .wp-block-media-text__content hr {
|
||||
margin-top: 16px;
|
||||
margin-bottom: 16px;
|
||||
@media only screen and (min-width: 640px) {
|
||||
.wp-block-media-text .wp-block-media-text__content {
|
||||
padding: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-media-text .wp-block-media-text__content h1:first-child, .wp-block-media-text .wp-block-media-text__content h2:first-child, .wp-block-media-text .wp-block-media-text__content h3:first-child, .wp-block-media-text .wp-block-media-text__content h4:first-child, .wp-block-media-text .wp-block-media-text__content h5:first-child, .wp-block-media-text .wp-block-media-text__content h6:first-child, .wp-block-media-text .wp-block-media-text__content p:first-child, .wp-block-media-text .wp-block-media-text__content hr:first-child {
|
||||
.wp-block-media-text .wp-block-media-text__content > * {
|
||||
margin-top: 21.312px;
|
||||
margin-bottom: 21.312px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.wp-block-media-text .wp-block-media-text__content > * {
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-media-text .wp-block-media-text__content > *:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.wp-block-media-text .wp-block-media-text__content h1:last-child, .wp-block-media-text .wp-block-media-text__content h2:last-child, .wp-block-media-text .wp-block-media-text__content h3:last-child, .wp-block-media-text .wp-block-media-text__content h4:last-child, .wp-block-media-text .wp-block-media-text__content h5:last-child, .wp-block-media-text .wp-block-media-text__content h6:last-child, .wp-block-media-text .wp-block-media-text__content p:last-child, .wp-block-media-text .wp-block-media-text__content hr:last-child {
|
||||
.wp-block-media-text .wp-block-media-text__content > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1616,14 +1648,10 @@ dd {
|
|||
color: currentColor;
|
||||
}
|
||||
|
||||
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
|
||||
padding-top: 32px;
|
||||
padding-bottom: 32px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
@media only screen and (min-width: 560px) {
|
||||
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
|
||||
padding: 0 16px;
|
||||
padding-top: 32px;
|
||||
padding-bottom: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1744,6 +1772,10 @@ p.has-background:not(.has-background-background-color) a {
|
|||
background: none;
|
||||
}
|
||||
|
||||
.wp-block-pullquote:not(.is-style-solid-color) blockquote {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.wp-block-pullquote.is-style-default.alignleft blockquote > *, .wp-block-pullquote.is-style-default.aligncenter blockquote > *, .wp-block-pullquote.is-style-default.alignright blockquote > * {
|
||||
text-align: center;
|
||||
}
|
||||
|
|
@ -1927,7 +1959,6 @@ table th,
|
|||
.alignleft {
|
||||
text-align: left;
|
||||
float: left;
|
||||
margin-right: 16px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
|
@ -1945,11 +1976,24 @@ table th,
|
|||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.entry-content > .alignwide {
|
||||
/**
|
||||
* .aligndefault
|
||||
*/
|
||||
.entry-content [class*="inner-container"] {
|
||||
max-width: inherit;
|
||||
}
|
||||
|
||||
/**
|
||||
* .alignwide
|
||||
*/
|
||||
.alignwide {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.entry-content > .alignfull {
|
||||
/**
|
||||
* .alignfull
|
||||
*/
|
||||
.alignfull {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
|
|
@ -2078,7 +2122,7 @@ table th,
|
|||
.has-regular-font-size,
|
||||
.has-normal-font-size,
|
||||
.has-medium-font-size {
|
||||
font-size: 1.15rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.is-large-text,
|
||||
|
|
@ -2317,8 +2361,8 @@ table th,
|
|||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
max-width: none;
|
||||
margin: 0 -8px;
|
||||
position: relative;
|
||||
/* Sub-menus Flyout */
|
||||
}
|
||||
|
|
@ -2364,6 +2408,14 @@ table th,
|
|||
}
|
||||
}
|
||||
|
||||
.main-navigation > div > ul > li:first-of-type {
|
||||
margin-right: -16px;
|
||||
}
|
||||
|
||||
.main-navigation > div > ul > li:last-of-type {
|
||||
margin-left: -16px;
|
||||
}
|
||||
|
||||
.main-navigation > div > ul > li > a {
|
||||
line-height: 1;
|
||||
}
|
||||
|
|
@ -2466,7 +2518,15 @@ table th,
|
|||
align-content: center;
|
||||
display: flex;
|
||||
list-style: none;
|
||||
margin: 0 calc(-0.5 * 16px);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.social-navigation > div > ul > li:first-of-type {
|
||||
margin-right: calc(-0.5 * 16px);
|
||||
}
|
||||
|
||||
.social-navigation > div > ul > li:last-of-type {
|
||||
margin-left: calc(-0.5 * 16px);
|
||||
}
|
||||
|
||||
.social-navigation a {
|
||||
|
|
@ -2484,6 +2544,10 @@ table th,
|
|||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.site-footer {
|
||||
align-items: flex-end;
|
||||
|
|
@ -2544,9 +2608,8 @@ table th,
|
|||
|
||||
.footer-navigation .footer-menu {
|
||||
color: #757575;
|
||||
margin: 0;
|
||||
padding-right: 0;
|
||||
margin-right: -16px;
|
||||
margin-left: -16px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
|
|
@ -2557,10 +2620,18 @@ table th,
|
|||
}
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu li {
|
||||
.footer-navigation .footer-menu > li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:first-of-type {
|
||||
margin-right: -16px;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:last-of-type {
|
||||
margin-left: -16px;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a {
|
||||
font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-size: 0.86957rem;
|
||||
|
|
@ -3056,289 +3127,220 @@ img#wpstats {
|
|||
* Page Layout Styles & Repsonsive Styles
|
||||
*/
|
||||
/* Responsive width-content overrides */
|
||||
.responsive-max-width {
|
||||
.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
|
||||
.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
|
||||
max-width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.responsive-max-width {
|
||||
.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
|
||||
.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
|
||||
max-width: calc( 560px - 32px);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.responsive-max-width {
|
||||
.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
|
||||
.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
|
||||
max-width: calc( 640px - 32px);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 782px) {
|
||||
.responsive-max-width {
|
||||
.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
|
||||
.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
|
||||
max-width: calc( 782px - 32px);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1024px) {
|
||||
.responsive-max-width {
|
||||
.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
|
||||
.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
|
||||
max-width: calc( 782px - 32px);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1280px) {
|
||||
.responsive-max-width {
|
||||
.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
|
||||
.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
|
||||
max-width: calc( 782px - 32px);
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-group.alignwide .alignwide,
|
||||
.wp-block-group.alignwide .alignfull,
|
||||
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
|
||||
#colophon {
|
||||
margin-right: calc( -0.25 * ( 100vw - 100% ));
|
||||
margin-left: calc( -0.25 * ( 100vw - 100% ));
|
||||
width: calc( 100% + (0.25 * 2) * ( 100vw - 100% ));
|
||||
max-width: calc( 100% + (0.25 * 2) * ( 100vw - 100% ));
|
||||
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #page {
|
||||
width: calc(100% + 256px);
|
||||
max-width: calc(100vw - 32px);
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.wp-block-group.alignwide .alignwide,
|
||||
.wp-block-group.alignwide .alignfull,
|
||||
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
|
||||
#colophon {
|
||||
margin-right: calc( -0.25 * ( 100vw - calc( 560px - 32px) ));
|
||||
margin-left: calc( -0.25 * ( 100vw - calc( 560px - 32px) ));
|
||||
width: calc( calc( 560px - 32px) + (0.25 * 2) * ( 100vw - calc( 560px - 32px) ));
|
||||
max-width: calc( calc( 560px - 32px) + (0.25 * 2) * ( 100vw - calc( 560px - 32px) ));
|
||||
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #page {
|
||||
width: calc(calc( 560px - 32px) + 256px);
|
||||
max-width: calc(100vw - 32px);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.wp-block-group.alignwide .alignwide,
|
||||
.wp-block-group.alignwide .alignfull,
|
||||
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
|
||||
#colophon {
|
||||
margin-right: calc( -0.25 * ( 100vw - calc( 640px - 32px) ));
|
||||
margin-left: calc( -0.25 * ( 100vw - calc( 640px - 32px) ));
|
||||
width: calc( calc( 640px - 32px) + (0.25 * 2) * ( 100vw - calc( 640px - 32px) ));
|
||||
max-width: calc( calc( 640px - 32px) + (0.25 * 2) * ( 100vw - calc( 640px - 32px) ));
|
||||
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #page {
|
||||
width: calc(calc( 640px - 32px) + 256px);
|
||||
max-width: calc(100vw - 32px);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 782px) {
|
||||
.wp-block-group.alignwide .alignwide,
|
||||
.wp-block-group.alignwide .alignfull,
|
||||
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
|
||||
#colophon {
|
||||
margin-right: calc( -0.25 * ( 100vw - calc( 782px - 32px) ));
|
||||
margin-left: calc( -0.25 * ( 100vw - calc( 782px - 32px) ));
|
||||
width: calc( calc( 782px - 32px) + (0.25 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
max-width: calc( calc( 782px - 32px) + (0.25 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #page {
|
||||
width: calc(calc( 782px - 32px) + 256px);
|
||||
max-width: calc(100vw - 32px);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1024px) {
|
||||
.wp-block-group.alignwide .alignwide,
|
||||
.wp-block-group.alignwide .alignfull,
|
||||
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
|
||||
#colophon {
|
||||
margin-right: -128px;
|
||||
margin-left: -128px;
|
||||
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #page {
|
||||
width: calc(calc( 782px - 32px) + 256px);
|
||||
max-width: calc(calc( 782px - 32px) + 256px);
|
||||
max-width: calc(100vw - 32px);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1280px) {
|
||||
.wp-block-group.alignwide .alignwide,
|
||||
.wp-block-group.alignwide .alignfull,
|
||||
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
|
||||
#colophon {
|
||||
margin-right: -128px;
|
||||
margin-left: -128px;
|
||||
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #page {
|
||||
width: calc(calc( 782px - 32px) + 256px);
|
||||
max-width: calc(calc( 782px - 32px) + 256px);
|
||||
max-width: calc(100vw - 32px);
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .singular .hentry .entry-title,
|
||||
.entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
|
||||
width: calc(100% + 256px);
|
||||
max-width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
|
||||
width: calc(calc( 560px - 32px) + 256px);
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
|
||||
width: calc(calc( 640px - 32px) + 256px);
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 782px) {
|
||||
.entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
|
||||
width: calc(calc( 782px - 32px) + 256px);
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1024px) {
|
||||
.entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
|
||||
width: calc(calc( 782px - 32px) + 256px);
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1280px) {
|
||||
.entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
|
||||
width: calc(calc( 782px - 32px) + 256px);
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, .singular .hentry .entry-title,
|
||||
.page-title {
|
||||
margin-right: calc( -0.5 * ( 100vw - 100% ));
|
||||
margin-left: calc( -0.5 * ( 100vw - 100% ));
|
||||
width: calc( 100% + (0.5 * 2) * ( 100vw - 100% ));
|
||||
max-width: calc( 100% + (0.5 * 2) * ( 100vw - 100% ));
|
||||
/* Letting the box-model do all the work here. */
|
||||
}
|
||||
|
||||
.alignright {
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .singular .hentry .entry-title,
|
||||
.page-title {
|
||||
margin-right: calc( -0.5 * ( 100vw - calc( 560px - 32px) ));
|
||||
margin-left: calc( -0.5 * ( 100vw - calc( 560px - 32px) ));
|
||||
width: calc( calc( 560px - 32px) + (0.5 * 2) * ( 100vw - calc( 560px - 32px) ));
|
||||
max-width: calc( calc( 560px - 32px) + (0.5 * 2) * ( 100vw - calc( 560px - 32px) ));
|
||||
.alignright {
|
||||
margin-right: calc( 0.5 * (100vw - calc( 560px - 32px)));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .singular .hentry .entry-title,
|
||||
.page-title {
|
||||
margin-right: calc( -0.5 * ( 100vw - calc( 640px - 32px) ));
|
||||
margin-left: calc( -0.5 * ( 100vw - calc( 640px - 32px) ));
|
||||
width: calc( calc( 640px - 32px) + (0.5 * 2) * ( 100vw - calc( 640px - 32px) ));
|
||||
max-width: calc( calc( 640px - 32px) + (0.5 * 2) * ( 100vw - calc( 640px - 32px) ));
|
||||
.alignright {
|
||||
margin-right: calc( 0.5 * (100vw - calc( 640px - 32px)));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 782px) {
|
||||
.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .singular .hentry .entry-title,
|
||||
.page-title {
|
||||
margin-right: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
|
||||
margin-left: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
|
||||
width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
max-width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
.alignright {
|
||||
margin-right: calc( 0.5 * (100vw - calc( 782px - 32px)));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1024px) {
|
||||
.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .singular .hentry .entry-title,
|
||||
.page-title {
|
||||
margin-right: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
|
||||
margin-left: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
|
||||
width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
max-width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
.alignright {
|
||||
margin-right: calc( 0.5 * (100vw - calc( 782px - 32px)));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1280px) {
|
||||
.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .singular .hentry .entry-title,
|
||||
.page-title {
|
||||
margin-right: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
|
||||
margin-left: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
|
||||
width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
max-width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
.alignright {
|
||||
margin-right: calc( 0.5 * (100vw - calc( 782px - 32px)));
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-cover.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignfull .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
|
||||
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
|
||||
max-width: calc( calc( 100% - 32px));
|
||||
width: calc( calc( 100% - 32px));
|
||||
.alignleft {
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.wp-block-cover.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignfull .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
|
||||
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
|
||||
max-width: calc( calc( 560px - 32px));
|
||||
width: calc( calc( 560px - 32px));
|
||||
.alignleft {
|
||||
margin-left: calc( 0.5 * (100vw - calc( 560px - 32px)));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.wp-block-cover.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignfull .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
|
||||
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
|
||||
max-width: calc( calc( 640px - 32px));
|
||||
width: calc( calc( 640px - 32px));
|
||||
.alignleft {
|
||||
margin-left: calc( 0.5 * (100vw - calc( 640px - 32px)));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 782px) {
|
||||
.wp-block-cover.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignfull .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
|
||||
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
|
||||
max-width: calc( calc( 782px - 32px));
|
||||
width: calc( calc( 782px - 32px));
|
||||
.alignleft {
|
||||
margin-left: calc( 0.5 * (100vw - calc( 782px - 32px)));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1024px) {
|
||||
.wp-block-cover.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignfull .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
|
||||
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
|
||||
max-width: calc( calc( 782px - 32px));
|
||||
width: calc( calc( 782px - 32px));
|
||||
.alignleft {
|
||||
margin-left: calc( 0.5 * (100vw - calc( 782px - 32px)));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1280px) {
|
||||
.wp-block-cover.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignfull .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
|
||||
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
|
||||
max-width: calc( calc( 782px - 32px));
|
||||
width: calc( calc( 782px - 32px));
|
||||
.alignleft {
|
||||
margin-left: calc( 0.5 * (100vw - calc( 782px - 32px)));
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -3356,134 +3358,6 @@ img#wpstats {
|
|||
/**
|
||||
* Extra Child Theme Styles
|
||||
*/
|
||||
.wp-block-group.alignwide .alignwide,
|
||||
.wp-block-group.alignwide .alignfull,
|
||||
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
|
||||
#colophon {
|
||||
margin-right: calc( -0.25 * ( 100vw - 100% ));
|
||||
margin-left: calc( -0.25 * ( 100vw - 100% ));
|
||||
width: calc( 100% + (0.25 * 2) * ( 100vw - 100% ));
|
||||
max-width: calc( 100% + (0.25 * 2) * ( 100vw - 100% ));
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.wp-block-group.alignwide .alignwide,
|
||||
.wp-block-group.alignwide .alignfull,
|
||||
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
|
||||
#colophon {
|
||||
margin-right: calc( 0 * ( 100vw - calc( 560px - 32px) ));
|
||||
margin-left: calc( 0 * ( 100vw - calc( 560px - 32px) ));
|
||||
width: calc( calc( 560px - 32px) + (0 * 2) * ( 100vw - calc( 560px - 32px) ));
|
||||
max-width: calc( calc( 560px - 32px) + (0 * 2) * ( 100vw - calc( 560px - 32px) ));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.wp-block-group.alignwide .alignwide,
|
||||
.wp-block-group.alignwide .alignfull,
|
||||
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
|
||||
#colophon {
|
||||
margin-right: calc( 0 * ( 100vw - calc( 640px - 32px) ));
|
||||
margin-left: calc( 0 * ( 100vw - calc( 640px - 32px) ));
|
||||
width: calc( calc( 640px - 32px) + (0 * 2) * ( 100vw - calc( 640px - 32px) ));
|
||||
max-width: calc( calc( 640px - 32px) + (0 * 2) * ( 100vw - calc( 640px - 32px) ));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 782px) {
|
||||
.wp-block-group.alignwide .alignwide,
|
||||
.wp-block-group.alignwide .alignfull,
|
||||
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
|
||||
#colophon {
|
||||
margin-right: calc( -0.15 * ( 100vw - calc( 782px - 32px) ));
|
||||
margin-left: calc( -0.15 * ( 100vw - calc( 782px - 32px) ));
|
||||
width: calc( calc( 782px - 32px) + (0.15 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
max-width: calc( calc( 782px - 32px) + (0.15 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1024px) {
|
||||
.wp-block-group.alignwide .alignwide,
|
||||
.wp-block-group.alignwide .alignfull,
|
||||
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
|
||||
#colophon {
|
||||
margin-right: calc( -0.25 * ( 100vw - calc( 782px - 32px) ));
|
||||
margin-left: calc( -0.25 * ( 100vw - calc( 782px - 32px) ));
|
||||
width: calc( calc( 782px - 32px) + (0.25 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
max-width: calc( calc( 782px - 32px) + (0.25 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1280px) {
|
||||
.wp-block-group.alignwide .alignwide,
|
||||
.wp-block-group.alignwide .alignfull,
|
||||
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
|
||||
#colophon {
|
||||
margin-right: calc( -0.3 * ( 100vw - calc( 782px - 32px) ));
|
||||
margin-left: calc( -0.3 * ( 100vw - calc( 782px - 32px) ));
|
||||
width: calc( calc( 782px - 32px) + (0.3 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
max-width: calc( calc( 782px - 32px) + (0.3 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .singular .hentry .entry-title,
|
||||
.page-title {
|
||||
margin-right: calc( -0.5 * ( 100vw - 100% ));
|
||||
margin-left: calc( -0.5 * ( 100vw - 100% ));
|
||||
width: calc( 100% + (0.5 * 2) * ( 100vw - 100% ));
|
||||
max-width: calc( 100% + (0.5 * 2) * ( 100vw - 100% ));
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .singular .hentry .entry-title,
|
||||
.page-title {
|
||||
margin-right: calc( -0.5 * ( 100vw - calc( 560px - 32px) ));
|
||||
margin-left: calc( -0.5 * ( 100vw - calc( 560px - 32px) ));
|
||||
width: calc( calc( 560px - 32px) + (0.5 * 2) * ( 100vw - calc( 560px - 32px) ));
|
||||
max-width: calc( calc( 560px - 32px) + (0.5 * 2) * ( 100vw - calc( 560px - 32px) ));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .singular .hentry .entry-title,
|
||||
.page-title {
|
||||
margin-right: calc( -0.3 * ( 100vw - calc( 640px - 32px) ));
|
||||
margin-left: calc( -0.3 * ( 100vw - calc( 640px - 32px) ));
|
||||
width: calc( calc( 640px - 32px) + (0.3 * 2) * ( 100vw - calc( 640px - 32px) ));
|
||||
max-width: calc( calc( 640px - 32px) + (0.3 * 2) * ( 100vw - calc( 640px - 32px) ));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 782px) {
|
||||
.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .singular .hentry .entry-title,
|
||||
.page-title {
|
||||
margin-right: calc( -0.4 * ( 100vw - calc( 782px - 32px) ));
|
||||
margin-left: calc( -0.4 * ( 100vw - calc( 782px - 32px) ));
|
||||
width: calc( calc( 782px - 32px) + (0.4 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
max-width: calc( calc( 782px - 32px) + (0.4 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1024px) {
|
||||
.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .singular .hentry .entry-title,
|
||||
.page-title {
|
||||
margin-right: calc( -0.4 * ( 100vw - calc( 782px - 32px) ));
|
||||
margin-left: calc( -0.4 * ( 100vw - calc( 782px - 32px) ));
|
||||
width: calc( calc( 782px - 32px) + (0.4 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
max-width: calc( calc( 782px - 32px) + (0.4 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1280px) {
|
||||
.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .singular .hentry .entry-title,
|
||||
.page-title {
|
||||
margin-right: calc( -0.4 * ( 100vw - calc( 782px - 32px) ));
|
||||
margin-left: calc( -0.4 * ( 100vw - calc( 782px - 32px) ));
|
||||
width: calc( calc( 782px - 32px) + (0.4 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
max-width: calc( calc( 782px - 32px) + (0.4 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
@ -3657,21 +3531,24 @@ body {
|
|||
/**
|
||||
* Header
|
||||
*/
|
||||
#masthead {
|
||||
background: #303030;
|
||||
padding-right: 16px;
|
||||
padding-left: 16px;
|
||||
}
|
||||
|
||||
#masthead > * {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#masthead:before {
|
||||
background: #303030;
|
||||
content: "";
|
||||
display: block;
|
||||
height: 100%;
|
||||
right: 50%;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
transform: translateX(50%);
|
||||
z-index: 0;
|
||||
.main-navigation > div > ul > li:first-of-type,
|
||||
.social-navigation > div > ul > li:first-of-type {
|
||||
margin-right: inherit;
|
||||
}
|
||||
|
||||
.main-navigation > div > ul > li:last-of-type,
|
||||
.social-navigation > div > ul > li:last-of-type {
|
||||
margin-left: inherit;
|
||||
}
|
||||
|
||||
.site-description {
|
||||
|
|
|
|||
681
morden/style.css
681
morden/style.css
|
|
@ -128,17 +128,9 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
|
|||
* Responsive breakpoints
|
||||
* - breakpoints values are defined in _config-global.scss
|
||||
*/
|
||||
/**
|
||||
* Align widths
|
||||
* - Sets negative margin for .alignwide and .alignfull blocks
|
||||
*/
|
||||
/**
|
||||
* Align wide widths
|
||||
* - Sets negative margin for .alignwide and .alignfull blocks
|
||||
*/
|
||||
/**
|
||||
* Align container widths
|
||||
* - Sets a fixed-width on content within alignwide and alignfull blocks
|
||||
* - Sets .alignwide widths
|
||||
*/
|
||||
/**
|
||||
* Crop Text Boundry
|
||||
|
|
@ -818,6 +810,7 @@ footer {
|
|||
.site-footer > *,
|
||||
.site-main > article > *,
|
||||
.entry-content > *,
|
||||
[class*="inner-container"] > *,
|
||||
.widget-area > * {
|
||||
margin-top: 21.312px;
|
||||
margin-bottom: 21.312px;
|
||||
|
|
@ -827,6 +820,7 @@ footer {
|
|||
.site-footer > *,
|
||||
.site-main > article > *,
|
||||
.entry-content > *,
|
||||
[class*="inner-container"] > *,
|
||||
.widget-area > * {
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
|
|
@ -836,6 +830,7 @@ footer {
|
|||
.site-footer > *:first-child,
|
||||
.site-main > article > *:first-child,
|
||||
.entry-content > *:first-child,
|
||||
[class*="inner-container"] > *:first-child,
|
||||
.widget-area > *:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
|
@ -843,6 +838,7 @@ footer {
|
|||
.site-footer > *:last-child,
|
||||
.site-main > article > *:last-child,
|
||||
.entry-content > *:last-child,
|
||||
[class*="inner-container"] > *:last-child,
|
||||
.widget-area > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
|
@ -1231,7 +1227,6 @@ input.has-focus[type="submit"],
|
|||
.wp-block-cover-image .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image .wp-block-cover-image-text,
|
||||
.wp-block-cover-image .wp-block-cover-text {
|
||||
width: calc(100% - 32px);
|
||||
color: white;
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
|
|
@ -1271,6 +1266,35 @@ input.has-focus[type="submit"],
|
|||
text-align: right;
|
||||
}
|
||||
|
||||
.wp-block-cover .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image .wp-block-cover__inner-container {
|
||||
width: calc(100% - 64px);
|
||||
}
|
||||
|
||||
.wp-block-cover .wp-block-cover__inner-container > *,
|
||||
.wp-block-cover-image .wp-block-cover__inner-container > * {
|
||||
margin-top: 21.312px;
|
||||
margin-bottom: 21.312px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.wp-block-cover .wp-block-cover__inner-container > *,
|
||||
.wp-block-cover-image .wp-block-cover__inner-container > * {
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-cover .wp-block-cover__inner-container > *:first-child,
|
||||
.wp-block-cover-image .wp-block-cover__inner-container > *:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.wp-block-cover .wp-block-cover__inner-container > *:last-child,
|
||||
.wp-block-cover-image .wp-block-cover__inner-container > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.wp-block-cover.alignleft, .wp-block-cover.alignright,
|
||||
.wp-block-cover-image.alignleft,
|
||||
.wp-block-cover-image.alignright {
|
||||
|
|
@ -1338,49 +1362,34 @@ input.has-focus[type="submit"],
|
|||
margin-right: auto;
|
||||
}
|
||||
|
||||
.wp-block-group .wp-block-group__inner-container h1, .wp-block-group .wp-block-group__inner-container h2, .wp-block-group .wp-block-group__inner-container h3, .wp-block-group .wp-block-group__inner-container h4, .wp-block-group .wp-block-group__inner-container h5, .wp-block-group .wp-block-group__inner-container h6, .wp-block-group .wp-block-group__inner-container p, .wp-block-group .wp-block-group__inner-container hr {
|
||||
margin-top: 16px;
|
||||
margin-bottom: 16px;
|
||||
.wp-block-group .wp-block-group__inner-container > * {
|
||||
margin-top: 21.312px;
|
||||
margin-bottom: 21.312px;
|
||||
}
|
||||
|
||||
.wp-block-group .wp-block-group__inner-container h1:first-child, .wp-block-group .wp-block-group__inner-container h2:first-child, .wp-block-group .wp-block-group__inner-container h3:first-child, .wp-block-group .wp-block-group__inner-container h4:first-child, .wp-block-group .wp-block-group__inner-container h5:first-child, .wp-block-group .wp-block-group__inner-container h6:first-child, .wp-block-group .wp-block-group__inner-container p:first-child, .wp-block-group .wp-block-group__inner-container hr:first-child {
|
||||
@media only screen and (min-width: 560px) {
|
||||
.wp-block-group .wp-block-group__inner-container > * {
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-group .wp-block-group__inner-container > *:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.wp-block-group .wp-block-group__inner-container h1:last-child, .wp-block-group .wp-block-group__inner-container h2:last-child, .wp-block-group .wp-block-group__inner-container h3:last-child, .wp-block-group .wp-block-group__inner-container h4:last-child, .wp-block-group .wp-block-group__inner-container h5:last-child, .wp-block-group .wp-block-group__inner-container h6:last-child, .wp-block-group .wp-block-group__inner-container p:last-child, .wp-block-group .wp-block-group__inner-container hr:last-child {
|
||||
.wp-block-group .wp-block-group__inner-container > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.wp-block-group.alignwide .alignwide,
|
||||
.wp-block-group.alignwide .alignfull,
|
||||
.wp-block-group.alignfull .alignwide {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.wp-block-group.alignfull .alignfull {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.wp-block-group.has-background {
|
||||
padding: 16px;
|
||||
padding: 21.312px;
|
||||
}
|
||||
|
||||
.wp-block-group.has-background.alignwide > .wp-block-group__inner-container > .alignwide:first-of-type,
|
||||
.wp-block-group.has-background.alignwide > .wp-block-group__inner-container > .alignfull:first-of-type {
|
||||
margin-top: -16px;
|
||||
}
|
||||
|
||||
.wp-block-group.has-background.alignwide > .wp-block-group__inner-container > .alignwide:last-of-type,
|
||||
.wp-block-group.has-background.alignwide > .wp-block-group__inner-container > .alignfull:last-of-type {
|
||||
margin-bottom: -16px;
|
||||
}
|
||||
|
||||
.wp-block-group.has-background.alignfull > .wp-block-group__inner-container > .alignfull:first-of-type {
|
||||
margin-top: -16px;
|
||||
}
|
||||
|
||||
.wp-block-group.has-background.alignfull > .wp-block-group__inner-container > .alignfull:last-of-type {
|
||||
margin-bottom: -16px;
|
||||
@media only screen and (min-width: 560px) {
|
||||
.wp-block-group.has-background {
|
||||
padding: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
h1, .h1,
|
||||
|
|
@ -1438,6 +1447,17 @@ h6, .h6 {
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
.entry-content > *[class="wp-block-image"],
|
||||
.entry-content [class*="inner-container"] > *[class="wp-block-image"] {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.entry-content > *[class="wp-block-image"] + *,
|
||||
.entry-content [class*="inner-container"] > *[class="wp-block-image"] + * {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
img {
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
|
|
@ -1595,20 +1615,32 @@ dd {
|
|||
}
|
||||
|
||||
.wp-block-media-text .wp-block-media-text__content {
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.wp-block-media-text .wp-block-media-text__content h1, .wp-block-media-text .wp-block-media-text__content h2, .wp-block-media-text .wp-block-media-text__content h3, .wp-block-media-text .wp-block-media-text__content h4, .wp-block-media-text .wp-block-media-text__content h5, .wp-block-media-text .wp-block-media-text__content h6, .wp-block-media-text .wp-block-media-text__content p, .wp-block-media-text .wp-block-media-text__content hr {
|
||||
margin-top: 16px;
|
||||
margin-bottom: 16px;
|
||||
@media only screen and (min-width: 640px) {
|
||||
.wp-block-media-text .wp-block-media-text__content {
|
||||
padding: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-media-text .wp-block-media-text__content h1:first-child, .wp-block-media-text .wp-block-media-text__content h2:first-child, .wp-block-media-text .wp-block-media-text__content h3:first-child, .wp-block-media-text .wp-block-media-text__content h4:first-child, .wp-block-media-text .wp-block-media-text__content h5:first-child, .wp-block-media-text .wp-block-media-text__content h6:first-child, .wp-block-media-text .wp-block-media-text__content p:first-child, .wp-block-media-text .wp-block-media-text__content hr:first-child {
|
||||
.wp-block-media-text .wp-block-media-text__content > * {
|
||||
margin-top: 21.312px;
|
||||
margin-bottom: 21.312px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.wp-block-media-text .wp-block-media-text__content > * {
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-media-text .wp-block-media-text__content > *:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.wp-block-media-text .wp-block-media-text__content h1:last-child, .wp-block-media-text .wp-block-media-text__content h2:last-child, .wp-block-media-text .wp-block-media-text__content h3:last-child, .wp-block-media-text .wp-block-media-text__content h4:last-child, .wp-block-media-text .wp-block-media-text__content h5:last-child, .wp-block-media-text .wp-block-media-text__content h6:last-child, .wp-block-media-text .wp-block-media-text__content p:last-child, .wp-block-media-text .wp-block-media-text__content hr:last-child {
|
||||
.wp-block-media-text .wp-block-media-text__content > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1616,14 +1648,10 @@ dd {
|
|||
color: currentColor;
|
||||
}
|
||||
|
||||
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
|
||||
padding-top: 32px;
|
||||
padding-bottom: 32px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
@media only screen and (min-width: 560px) {
|
||||
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
|
||||
padding: 0 16px;
|
||||
padding-top: 32px;
|
||||
padding-bottom: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1744,6 +1772,10 @@ p.has-background:not(.has-background-background-color) a {
|
|||
background: none;
|
||||
}
|
||||
|
||||
.wp-block-pullquote:not(.is-style-solid-color) blockquote {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.wp-block-pullquote.is-style-default.alignleft blockquote > *, .wp-block-pullquote.is-style-default.aligncenter blockquote > *, .wp-block-pullquote.is-style-default.alignright blockquote > * {
|
||||
text-align: center;
|
||||
}
|
||||
|
|
@ -1929,8 +1961,6 @@ table th,
|
|||
text-align: left;
|
||||
/*rtl:ignore*/
|
||||
float: left;
|
||||
/*rtl:ignore*/
|
||||
margin-right: 16px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
|
@ -1950,11 +1980,24 @@ table th,
|
|||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.entry-content > .alignwide {
|
||||
/**
|
||||
* .aligndefault
|
||||
*/
|
||||
.entry-content [class*="inner-container"] {
|
||||
max-width: inherit;
|
||||
}
|
||||
|
||||
/**
|
||||
* .alignwide
|
||||
*/
|
||||
.alignwide {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.entry-content > .alignfull {
|
||||
/**
|
||||
* .alignfull
|
||||
*/
|
||||
.alignfull {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
|
|
@ -2083,7 +2126,7 @@ table th,
|
|||
.has-regular-font-size,
|
||||
.has-normal-font-size,
|
||||
.has-medium-font-size {
|
||||
font-size: 1.15rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.is-large-text,
|
||||
|
|
@ -2322,8 +2365,8 @@ table th,
|
|||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
max-width: none;
|
||||
margin: 0 -8px;
|
||||
position: relative;
|
||||
/* Sub-menus Flyout */
|
||||
}
|
||||
|
|
@ -2369,6 +2412,14 @@ table th,
|
|||
}
|
||||
}
|
||||
|
||||
.main-navigation > div > ul > li:first-of-type {
|
||||
margin-left: -16px;
|
||||
}
|
||||
|
||||
.main-navigation > div > ul > li:last-of-type {
|
||||
margin-right: -16px;
|
||||
}
|
||||
|
||||
.main-navigation > div > ul > li > a {
|
||||
line-height: 1;
|
||||
}
|
||||
|
|
@ -2471,7 +2522,15 @@ table th,
|
|||
align-content: center;
|
||||
display: flex;
|
||||
list-style: none;
|
||||
margin: 0 calc(-0.5 * 16px);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.social-navigation > div > ul > li:first-of-type {
|
||||
margin-left: calc(-0.5 * 16px);
|
||||
}
|
||||
|
||||
.social-navigation > div > ul > li:last-of-type {
|
||||
margin-right: calc(-0.5 * 16px);
|
||||
}
|
||||
|
||||
.social-navigation a {
|
||||
|
|
@ -2489,6 +2548,10 @@ table th,
|
|||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.site-footer {
|
||||
align-items: flex-end;
|
||||
|
|
@ -2549,9 +2612,8 @@ table th,
|
|||
|
||||
.footer-navigation .footer-menu {
|
||||
color: #757575;
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
margin-left: -16px;
|
||||
margin-right: -16px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
|
|
@ -2562,10 +2624,18 @@ table th,
|
|||
}
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu li {
|
||||
.footer-navigation .footer-menu > li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:first-of-type {
|
||||
margin-left: -16px;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:last-of-type {
|
||||
margin-right: -16px;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a {
|
||||
font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-size: 0.86957rem;
|
||||
|
|
@ -3061,289 +3131,232 @@ img#wpstats {
|
|||
* Page Layout Styles & Repsonsive Styles
|
||||
*/
|
||||
/* Responsive width-content overrides */
|
||||
.responsive-max-width {
|
||||
.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
|
||||
.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
|
||||
max-width: 100%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.responsive-max-width {
|
||||
.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
|
||||
.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
|
||||
max-width: calc( 560px - 32px);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.responsive-max-width {
|
||||
.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
|
||||
.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
|
||||
max-width: calc( 640px - 32px);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 782px) {
|
||||
.responsive-max-width {
|
||||
.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
|
||||
.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
|
||||
max-width: calc( 782px - 32px);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1024px) {
|
||||
.responsive-max-width {
|
||||
.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
|
||||
.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
|
||||
max-width: calc( 782px - 32px);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1280px) {
|
||||
.responsive-max-width {
|
||||
.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
|
||||
.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
|
||||
max-width: calc( 782px - 32px);
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-group.alignwide .alignwide,
|
||||
.wp-block-group.alignwide .alignfull,
|
||||
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
|
||||
#colophon {
|
||||
margin-left: calc( -0.25 * ( 100vw - 100% ));
|
||||
margin-right: calc( -0.25 * ( 100vw - 100% ));
|
||||
width: calc( 100% + (0.25 * 2) * ( 100vw - 100% ));
|
||||
max-width: calc( 100% + (0.25 * 2) * ( 100vw - 100% ));
|
||||
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #page {
|
||||
width: calc(100% + 256px);
|
||||
max-width: calc(100vw - 32px);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.wp-block-group.alignwide .alignwide,
|
||||
.wp-block-group.alignwide .alignfull,
|
||||
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
|
||||
#colophon {
|
||||
margin-left: calc( -0.25 * ( 100vw - calc( 560px - 32px) ));
|
||||
margin-right: calc( -0.25 * ( 100vw - calc( 560px - 32px) ));
|
||||
width: calc( calc( 560px - 32px) + (0.25 * 2) * ( 100vw - calc( 560px - 32px) ));
|
||||
max-width: calc( calc( 560px - 32px) + (0.25 * 2) * ( 100vw - calc( 560px - 32px) ));
|
||||
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #page {
|
||||
width: calc(calc( 560px - 32px) + 256px);
|
||||
max-width: calc(100vw - 32px);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.wp-block-group.alignwide .alignwide,
|
||||
.wp-block-group.alignwide .alignfull,
|
||||
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
|
||||
#colophon {
|
||||
margin-left: calc( -0.25 * ( 100vw - calc( 640px - 32px) ));
|
||||
margin-right: calc( -0.25 * ( 100vw - calc( 640px - 32px) ));
|
||||
width: calc( calc( 640px - 32px) + (0.25 * 2) * ( 100vw - calc( 640px - 32px) ));
|
||||
max-width: calc( calc( 640px - 32px) + (0.25 * 2) * ( 100vw - calc( 640px - 32px) ));
|
||||
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #page {
|
||||
width: calc(calc( 640px - 32px) + 256px);
|
||||
max-width: calc(100vw - 32px);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 782px) {
|
||||
.wp-block-group.alignwide .alignwide,
|
||||
.wp-block-group.alignwide .alignfull,
|
||||
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
|
||||
#colophon {
|
||||
margin-left: calc( -0.25 * ( 100vw - calc( 782px - 32px) ));
|
||||
margin-right: calc( -0.25 * ( 100vw - calc( 782px - 32px) ));
|
||||
width: calc( calc( 782px - 32px) + (0.25 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
max-width: calc( calc( 782px - 32px) + (0.25 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #page {
|
||||
width: calc(calc( 782px - 32px) + 256px);
|
||||
max-width: calc(100vw - 32px);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1024px) {
|
||||
.wp-block-group.alignwide .alignwide,
|
||||
.wp-block-group.alignwide .alignfull,
|
||||
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
|
||||
#colophon {
|
||||
margin-left: -128px;
|
||||
margin-right: -128px;
|
||||
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #page {
|
||||
width: calc(calc( 782px - 32px) + 256px);
|
||||
max-width: calc(calc( 782px - 32px) + 256px);
|
||||
max-width: calc(100vw - 32px);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1280px) {
|
||||
.wp-block-group.alignwide .alignwide,
|
||||
.wp-block-group.alignwide .alignfull,
|
||||
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
|
||||
#colophon {
|
||||
margin-left: -128px;
|
||||
margin-right: -128px;
|
||||
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #page {
|
||||
width: calc(calc( 782px - 32px) + 256px);
|
||||
max-width: calc(calc( 782px - 32px) + 256px);
|
||||
max-width: calc(100vw - 32px);
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .singular .hentry .entry-title,
|
||||
.entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
|
||||
width: calc(100% + 256px);
|
||||
max-width: 100%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
|
||||
width: calc(calc( 560px - 32px) + 256px);
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
|
||||
width: calc(calc( 640px - 32px) + 256px);
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 782px) {
|
||||
.entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
|
||||
width: calc(calc( 782px - 32px) + 256px);
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1024px) {
|
||||
.entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
|
||||
width: calc(calc( 782px - 32px) + 256px);
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1280px) {
|
||||
.entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
|
||||
width: calc(calc( 782px - 32px) + 256px);
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, .singular .hentry .entry-title,
|
||||
.page-title {
|
||||
margin-left: calc( -0.5 * ( 100vw - 100% ));
|
||||
margin-right: calc( -0.5 * ( 100vw - 100% ));
|
||||
width: calc( 100% + (0.5 * 2) * ( 100vw - 100% ));
|
||||
max-width: calc( 100% + (0.5 * 2) * ( 100vw - 100% ));
|
||||
/* Letting the box-model do all the work here. */
|
||||
}
|
||||
|
||||
.alignright {
|
||||
/*rtl:ignore*/
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .singular .hentry .entry-title,
|
||||
.page-title {
|
||||
margin-left: calc( -0.5 * ( 100vw - calc( 560px - 32px) ));
|
||||
margin-right: calc( -0.5 * ( 100vw - calc( 560px - 32px) ));
|
||||
width: calc( calc( 560px - 32px) + (0.5 * 2) * ( 100vw - calc( 560px - 32px) ));
|
||||
max-width: calc( calc( 560px - 32px) + (0.5 * 2) * ( 100vw - calc( 560px - 32px) ));
|
||||
.alignright {
|
||||
/*rtl:ignore*/
|
||||
margin-right: calc( 0.5 * (100vw - calc( 560px - 32px)));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .singular .hentry .entry-title,
|
||||
.page-title {
|
||||
margin-left: calc( -0.5 * ( 100vw - calc( 640px - 32px) ));
|
||||
margin-right: calc( -0.5 * ( 100vw - calc( 640px - 32px) ));
|
||||
width: calc( calc( 640px - 32px) + (0.5 * 2) * ( 100vw - calc( 640px - 32px) ));
|
||||
max-width: calc( calc( 640px - 32px) + (0.5 * 2) * ( 100vw - calc( 640px - 32px) ));
|
||||
.alignright {
|
||||
/*rtl:ignore*/
|
||||
margin-right: calc( 0.5 * (100vw - calc( 640px - 32px)));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 782px) {
|
||||
.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .singular .hentry .entry-title,
|
||||
.page-title {
|
||||
margin-left: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
|
||||
margin-right: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
|
||||
width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
max-width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
.alignright {
|
||||
/*rtl:ignore*/
|
||||
margin-right: calc( 0.5 * (100vw - calc( 782px - 32px)));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1024px) {
|
||||
.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .singular .hentry .entry-title,
|
||||
.page-title {
|
||||
margin-left: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
|
||||
margin-right: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
|
||||
width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
max-width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
.alignright {
|
||||
/*rtl:ignore*/
|
||||
margin-right: calc( 0.5 * (100vw - calc( 782px - 32px)));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1280px) {
|
||||
.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .singular .hentry .entry-title,
|
||||
.page-title {
|
||||
margin-left: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
|
||||
margin-right: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
|
||||
width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
max-width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
.alignright {
|
||||
/*rtl:ignore*/
|
||||
margin-right: calc( 0.5 * (100vw - calc( 782px - 32px)));
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-cover.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignfull .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
|
||||
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
|
||||
max-width: calc( calc( 100% - 32px));
|
||||
width: calc( calc( 100% - 32px));
|
||||
.alignleft {
|
||||
/*rtl:ignore*/
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.wp-block-cover.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignfull .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
|
||||
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
|
||||
max-width: calc( calc( 560px - 32px));
|
||||
width: calc( calc( 560px - 32px));
|
||||
.alignleft {
|
||||
/*rtl:ignore*/
|
||||
margin-left: calc( 0.5 * (100vw - calc( 560px - 32px)));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.wp-block-cover.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignfull .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
|
||||
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
|
||||
max-width: calc( calc( 640px - 32px));
|
||||
width: calc( calc( 640px - 32px));
|
||||
.alignleft {
|
||||
/*rtl:ignore*/
|
||||
margin-left: calc( 0.5 * (100vw - calc( 640px - 32px)));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 782px) {
|
||||
.wp-block-cover.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignfull .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
|
||||
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
|
||||
max-width: calc( calc( 782px - 32px));
|
||||
width: calc( calc( 782px - 32px));
|
||||
.alignleft {
|
||||
/*rtl:ignore*/
|
||||
margin-left: calc( 0.5 * (100vw - calc( 782px - 32px)));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1024px) {
|
||||
.wp-block-cover.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignfull .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
|
||||
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
|
||||
max-width: calc( calc( 782px - 32px));
|
||||
width: calc( calc( 782px - 32px));
|
||||
.alignleft {
|
||||
/*rtl:ignore*/
|
||||
margin-left: calc( 0.5 * (100vw - calc( 782px - 32px)));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1280px) {
|
||||
.wp-block-cover.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignfull .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
|
||||
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
|
||||
max-width: calc( calc( 782px - 32px));
|
||||
width: calc( calc( 782px - 32px));
|
||||
.alignleft {
|
||||
/*rtl:ignore*/
|
||||
margin-left: calc( 0.5 * (100vw - calc( 782px - 32px)));
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -3361,134 +3374,6 @@ img#wpstats {
|
|||
/**
|
||||
* Extra Child Theme Styles
|
||||
*/
|
||||
.wp-block-group.alignwide .alignwide,
|
||||
.wp-block-group.alignwide .alignfull,
|
||||
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
|
||||
#colophon {
|
||||
margin-left: calc( -0.25 * ( 100vw - 100% ));
|
||||
margin-right: calc( -0.25 * ( 100vw - 100% ));
|
||||
width: calc( 100% + (0.25 * 2) * ( 100vw - 100% ));
|
||||
max-width: calc( 100% + (0.25 * 2) * ( 100vw - 100% ));
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.wp-block-group.alignwide .alignwide,
|
||||
.wp-block-group.alignwide .alignfull,
|
||||
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
|
||||
#colophon {
|
||||
margin-left: calc( 0 * ( 100vw - calc( 560px - 32px) ));
|
||||
margin-right: calc( 0 * ( 100vw - calc( 560px - 32px) ));
|
||||
width: calc( calc( 560px - 32px) + (0 * 2) * ( 100vw - calc( 560px - 32px) ));
|
||||
max-width: calc( calc( 560px - 32px) + (0 * 2) * ( 100vw - calc( 560px - 32px) ));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.wp-block-group.alignwide .alignwide,
|
||||
.wp-block-group.alignwide .alignfull,
|
||||
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
|
||||
#colophon {
|
||||
margin-left: calc( 0 * ( 100vw - calc( 640px - 32px) ));
|
||||
margin-right: calc( 0 * ( 100vw - calc( 640px - 32px) ));
|
||||
width: calc( calc( 640px - 32px) + (0 * 2) * ( 100vw - calc( 640px - 32px) ));
|
||||
max-width: calc( calc( 640px - 32px) + (0 * 2) * ( 100vw - calc( 640px - 32px) ));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 782px) {
|
||||
.wp-block-group.alignwide .alignwide,
|
||||
.wp-block-group.alignwide .alignfull,
|
||||
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
|
||||
#colophon {
|
||||
margin-left: calc( -0.15 * ( 100vw - calc( 782px - 32px) ));
|
||||
margin-right: calc( -0.15 * ( 100vw - calc( 782px - 32px) ));
|
||||
width: calc( calc( 782px - 32px) + (0.15 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
max-width: calc( calc( 782px - 32px) + (0.15 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1024px) {
|
||||
.wp-block-group.alignwide .alignwide,
|
||||
.wp-block-group.alignwide .alignfull,
|
||||
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
|
||||
#colophon {
|
||||
margin-left: calc( -0.25 * ( 100vw - calc( 782px - 32px) ));
|
||||
margin-right: calc( -0.25 * ( 100vw - calc( 782px - 32px) ));
|
||||
width: calc( calc( 782px - 32px) + (0.25 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
max-width: calc( calc( 782px - 32px) + (0.25 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1280px) {
|
||||
.wp-block-group.alignwide .alignwide,
|
||||
.wp-block-group.alignwide .alignfull,
|
||||
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
|
||||
#colophon {
|
||||
margin-left: calc( -0.3 * ( 100vw - calc( 782px - 32px) ));
|
||||
margin-right: calc( -0.3 * ( 100vw - calc( 782px - 32px) ));
|
||||
width: calc( calc( 782px - 32px) + (0.3 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
max-width: calc( calc( 782px - 32px) + (0.3 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .singular .hentry .entry-title,
|
||||
.page-title {
|
||||
margin-left: calc( -0.5 * ( 100vw - 100% ));
|
||||
margin-right: calc( -0.5 * ( 100vw - 100% ));
|
||||
width: calc( 100% + (0.5 * 2) * ( 100vw - 100% ));
|
||||
max-width: calc( 100% + (0.5 * 2) * ( 100vw - 100% ));
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .singular .hentry .entry-title,
|
||||
.page-title {
|
||||
margin-left: calc( -0.5 * ( 100vw - calc( 560px - 32px) ));
|
||||
margin-right: calc( -0.5 * ( 100vw - calc( 560px - 32px) ));
|
||||
width: calc( calc( 560px - 32px) + (0.5 * 2) * ( 100vw - calc( 560px - 32px) ));
|
||||
max-width: calc( calc( 560px - 32px) + (0.5 * 2) * ( 100vw - calc( 560px - 32px) ));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .singular .hentry .entry-title,
|
||||
.page-title {
|
||||
margin-left: calc( -0.3 * ( 100vw - calc( 640px - 32px) ));
|
||||
margin-right: calc( -0.3 * ( 100vw - calc( 640px - 32px) ));
|
||||
width: calc( calc( 640px - 32px) + (0.3 * 2) * ( 100vw - calc( 640px - 32px) ));
|
||||
max-width: calc( calc( 640px - 32px) + (0.3 * 2) * ( 100vw - calc( 640px - 32px) ));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 782px) {
|
||||
.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .singular .hentry .entry-title,
|
||||
.page-title {
|
||||
margin-left: calc( -0.4 * ( 100vw - calc( 782px - 32px) ));
|
||||
margin-right: calc( -0.4 * ( 100vw - calc( 782px - 32px) ));
|
||||
width: calc( calc( 782px - 32px) + (0.4 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
max-width: calc( calc( 782px - 32px) + (0.4 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1024px) {
|
||||
.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .singular .hentry .entry-title,
|
||||
.page-title {
|
||||
margin-left: calc( -0.4 * ( 100vw - calc( 782px - 32px) ));
|
||||
margin-right: calc( -0.4 * ( 100vw - calc( 782px - 32px) ));
|
||||
width: calc( calc( 782px - 32px) + (0.4 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
max-width: calc( calc( 782px - 32px) + (0.4 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1280px) {
|
||||
.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .singular .hentry .entry-title,
|
||||
.page-title {
|
||||
margin-left: calc( -0.4 * ( 100vw - calc( 782px - 32px) ));
|
||||
margin-right: calc( -0.4 * ( 100vw - calc( 782px - 32px) ));
|
||||
width: calc( calc( 782px - 32px) + (0.4 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
max-width: calc( calc( 782px - 32px) + (0.4 * 2) * ( 100vw - calc( 782px - 32px) ));
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
@ -3662,21 +3547,24 @@ body {
|
|||
/**
|
||||
* Header
|
||||
*/
|
||||
#masthead {
|
||||
background: #303030;
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
}
|
||||
|
||||
#masthead > * {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#masthead:before {
|
||||
background: #303030;
|
||||
content: "";
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 50%;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
transform: translateX(-50%);
|
||||
z-index: 0;
|
||||
.main-navigation > div > ul > li:first-of-type,
|
||||
.social-navigation > div > ul > li:first-of-type {
|
||||
margin-left: inherit;
|
||||
}
|
||||
|
||||
.main-navigation > div > ul > li:last-of-type,
|
||||
.social-navigation > div > ul > li:last-of-type {
|
||||
margin-right: inherit;
|
||||
}
|
||||
|
||||
.site-description {
|
||||
|
|
@ -3690,6 +3578,11 @@ body {
|
|||
/**
|
||||
* Main
|
||||
*/
|
||||
.site-main {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
#main {
|
||||
padding-top: 64px;
|
||||
|
|
|
|||
33
morden/template-parts/content/content-excerpt.php
Executable file
33
morden/template-parts/content/content-excerpt.php
Executable file
|
|
@ -0,0 +1,33 @@
|
|||
<?php
|
||||
/**
|
||||
* Template part for displaying post archives and search results
|
||||
*
|
||||
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
|
||||
*
|
||||
* @package WordPress
|
||||
* @subpackage Varia
|
||||
* @since 1.0.0
|
||||
*/
|
||||
|
||||
?>
|
||||
|
||||
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
|
||||
<header class="entry-header">
|
||||
<?php
|
||||
if ( is_sticky() && is_home() && ! is_paged() ) {
|
||||
printf( '<span class="sticky-post">%s</span>', _x( 'Featured', 'post', 'varia' ) );
|
||||
}
|
||||
the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' );
|
||||
?>
|
||||
</header><!-- .entry-header -->
|
||||
|
||||
<?php varia_post_thumbnail(); ?>
|
||||
|
||||
<div class="entry-content">
|
||||
<?php the_excerpt(); ?>
|
||||
</div><!-- .entry-content -->
|
||||
|
||||
<footer class="entry-footer responsive-max-width">
|
||||
<?php varia_entry_footer(); ?>
|
||||
</footer><!-- .entry-footer -->
|
||||
</article><!-- #post-${ID} -->
|
||||
53
morden/template-parts/content/content-none.php
Executable file
53
morden/template-parts/content/content-none.php
Executable file
|
|
@ -0,0 +1,53 @@
|
|||
<?php
|
||||
/**
|
||||
* Template part for displaying a message that posts cannot be found
|
||||
*
|
||||
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
|
||||
*
|
||||
* @package WordPress
|
||||
* @subpackage Varia
|
||||
* @since 1.0.0
|
||||
*/
|
||||
|
||||
?>
|
||||
|
||||
<section class="no-results not-found">
|
||||
<header class="page-header">
|
||||
<h1 class="page-title"><?php _e( 'Nothing Found', 'varia' ); ?></h1>
|
||||
</header><!-- .page-header -->
|
||||
|
||||
<div class="page-content">
|
||||
<?php
|
||||
if ( is_home() && current_user_can( 'publish_posts' ) ) :
|
||||
|
||||
printf(
|
||||
'<p>' . wp_kses(
|
||||
/* translators: 1: link to WP admin new post page. */
|
||||
__( 'Ready to publish your first post? <a href="%1$s">Get started here</a>.', 'varia' ),
|
||||
array(
|
||||
'a' => array(
|
||||
'href' => array(),
|
||||
),
|
||||
)
|
||||
) . '</p>',
|
||||
esc_url( admin_url( 'post-new.php' ) )
|
||||
);
|
||||
|
||||
elseif ( is_search() ) :
|
||||
?>
|
||||
|
||||
<p><?php _e( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'varia' ); ?></p>
|
||||
<?php
|
||||
get_search_form();
|
||||
|
||||
else :
|
||||
?>
|
||||
|
||||
<p><?php _e( 'It seems we can’t find what you’re looking for. Perhaps searching can help.', 'varia' ); ?></p>
|
||||
<?php
|
||||
get_search_form();
|
||||
|
||||
endif;
|
||||
?>
|
||||
</div><!-- .page-content -->
|
||||
</section><!-- .no-results -->
|
||||
55
morden/template-parts/content/content-page.php
Executable file
55
morden/template-parts/content/content-page.php
Executable file
|
|
@ -0,0 +1,55 @@
|
|||
<?php
|
||||
/**
|
||||
* Template part for displaying page content in page.php
|
||||
*
|
||||
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
|
||||
*
|
||||
* @package WordPress
|
||||
* @subpackage Varia
|
||||
* @since 1.0.0
|
||||
*/
|
||||
|
||||
?>
|
||||
|
||||
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
|
||||
|
||||
<header class="entry-header">
|
||||
<?php get_template_part( 'template-parts/header/entry', 'header' ); ?>
|
||||
</header>
|
||||
|
||||
<div class="entry-content">
|
||||
<?php
|
||||
the_content();
|
||||
|
||||
wp_link_pages(
|
||||
array(
|
||||
'before' => '<div class="page-links">' . __( 'Pages:', 'varia' ),
|
||||
'after' => '</div>',
|
||||
)
|
||||
);
|
||||
?>
|
||||
</div><!-- .entry-content -->
|
||||
|
||||
<?php if ( get_edit_post_link() ) : ?>
|
||||
<footer class="entry-footer responsive-max-width">
|
||||
<?php
|
||||
edit_post_link(
|
||||
sprintf(
|
||||
wp_kses(
|
||||
/* translators: %s: Name of current post. Only visible to screen readers */
|
||||
__( 'Edit <span class="screen-reader-text">%s</span>', 'varia' ),
|
||||
array(
|
||||
'span' => array(
|
||||
'class' => array(),
|
||||
),
|
||||
)
|
||||
),
|
||||
get_the_title()
|
||||
),
|
||||
'<span class="edit-link">',
|
||||
'</span>'
|
||||
);
|
||||
?>
|
||||
</footer><!-- .entry-footer -->
|
||||
<?php endif; ?>
|
||||
</article><!-- #post-<?php the_ID(); ?> -->
|
||||
61
morden/template-parts/content/content-single.php
Executable file
61
morden/template-parts/content/content-single.php
Executable file
|
|
@ -0,0 +1,61 @@
|
|||
<?php
|
||||
/**
|
||||
* Template part for displaying posts
|
||||
*
|
||||
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
|
||||
*
|
||||
* @package WordPress
|
||||
* @subpackage Varia
|
||||
* @since 1.0.0
|
||||
*/
|
||||
|
||||
?>
|
||||
|
||||
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
|
||||
|
||||
<header class="entry-header">
|
||||
<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
|
||||
<?php if ( ! is_page() ) : ?>
|
||||
<div class="entry-meta">
|
||||
<?php varia_entry_meta(); ?>
|
||||
</div><!-- .meta-info -->
|
||||
<?php endif; ?>
|
||||
</header>
|
||||
|
||||
<?php varia_post_thumbnail(); ?>
|
||||
|
||||
<div class="entry-content">
|
||||
<?php
|
||||
the_content(
|
||||
sprintf(
|
||||
wp_kses(
|
||||
/* translators: %s: Name of current post. Only visible to screen readers */
|
||||
__( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'varia' ),
|
||||
array(
|
||||
'span' => array(
|
||||
'class' => array(),
|
||||
),
|
||||
)
|
||||
),
|
||||
get_the_title()
|
||||
)
|
||||
);
|
||||
|
||||
wp_link_pages(
|
||||
array(
|
||||
'before' => '<div class="page-links">' . __( 'Pages:', 'varia' ),
|
||||
'after' => '</div>',
|
||||
)
|
||||
);
|
||||
?>
|
||||
</div><!-- .entry-content -->
|
||||
|
||||
<footer class="entry-footer responsive-max-width">
|
||||
<?php varia_entry_footer(); ?>
|
||||
</footer><!-- .entry-footer -->
|
||||
|
||||
<?php if ( ! is_singular( 'attachment' ) ) : ?>
|
||||
<?php get_template_part( 'template-parts/post/author', 'bio' ); ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</article><!-- #post-${ID} -->
|
||||
59
morden/template-parts/content/content.php
Executable file
59
morden/template-parts/content/content.php
Executable file
|
|
@ -0,0 +1,59 @@
|
|||
<?php
|
||||
/**
|
||||
* Template part for displaying posts
|
||||
*
|
||||
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
|
||||
*
|
||||
* @package WordPress
|
||||
* @subpackage Varia
|
||||
* @since 1.0.0
|
||||
*/
|
||||
|
||||
?>
|
||||
|
||||
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
|
||||
<header class="entry-header">
|
||||
<?php
|
||||
if ( is_sticky() && is_home() && ! is_paged() ) {
|
||||
printf( '<span class="sticky-post">%s</span>', _x( 'Featured', 'post', 'varia' ) );
|
||||
}
|
||||
if ( is_singular() ) :
|
||||
the_title( '<h1 class="entry-title">', '</h1>' );
|
||||
else :
|
||||
the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' );
|
||||
endif;
|
||||
?>
|
||||
</header><!-- .entry-header -->
|
||||
|
||||
<?php varia_post_thumbnail(); ?>
|
||||
|
||||
<div class="entry-content">
|
||||
<?php
|
||||
the_content(
|
||||
sprintf(
|
||||
wp_kses(
|
||||
/* translators: %s: Name of current post. Only visible to screen readers */
|
||||
__( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'varia' ),
|
||||
array(
|
||||
'span' => array(
|
||||
'class' => array(),
|
||||
),
|
||||
)
|
||||
),
|
||||
get_the_title()
|
||||
)
|
||||
);
|
||||
|
||||
wp_link_pages(
|
||||
array(
|
||||
'before' => '<div class="page-links">' . __( 'Pages:', 'varia' ),
|
||||
'after' => '</div>',
|
||||
)
|
||||
);
|
||||
?>
|
||||
</div><!-- .entry-content -->
|
||||
|
||||
<footer class="entry-footer responsive-max-width">
|
||||
<?php varia_entry_footer(); ?>
|
||||
</footer><!-- .entry-footer -->
|
||||
</article><!-- #post-${ID} -->
|
||||
Loading…
Reference in a new issue