|
|
@@ -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;
|
|
|
}
|
|
|
@@ -1216,7 +1212,7 @@ input.has-focus[type="submit"],
|
|
|
|
|
|
.wp-block-cover,
|
|
|
.wp-block-cover-image {
|
|
|
- background-color: #FFFFFF;
|
|
|
+ background-color: black;
|
|
|
min-height: calc( 15 * 32px);
|
|
|
margin: inherit;
|
|
|
/* Treating H2 separately to account for legacy /core styles */
|
|
|
@@ -1231,8 +1227,7 @@ 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: #080808;
|
|
|
+ color: white;
|
|
|
margin-top: 32px;
|
|
|
margin-bottom: 32px;
|
|
|
}
|
|
|
@@ -1271,6 +1266,11 @@ 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;
|
|
|
@@ -1382,36 +1382,14 @@ input.has-focus[type="submit"],
|
|
|
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;
|
|
|
-}
|
|
|
-
|
|
|
-.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;
|
|
|
+ padding: 21.312px;
|
|
|
}
|
|
|
|
|
|
-.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,
|
|
|
@@ -1421,7 +1399,7 @@ h4, .h4,
|
|
|
h5, .h5,
|
|
|
h6, .h6 {
|
|
|
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
|
- font-weight: 700;
|
|
|
+ font-weight: 600;
|
|
|
clear: both;
|
|
|
}
|
|
|
|
|
|
@@ -1469,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%;
|
|
|
@@ -1532,7 +1521,7 @@ img {
|
|
|
.wp-block-latest-posts > li > a {
|
|
|
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
|
font-size: 1.25rem;
|
|
|
- font-weight: 700;
|
|
|
+ font-weight: 600;
|
|
|
line-height: 1.125;
|
|
|
}
|
|
|
|
|
|
@@ -1542,12 +1531,29 @@ img {
|
|
|
line-height: 1.6;
|
|
|
}
|
|
|
|
|
|
-.wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
|
|
|
+.entry-content [class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
|
|
|
+.entry-content .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
|
|
|
+ color: currentColor;
|
|
|
+}
|
|
|
+
|
|
|
+.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
|
|
|
+.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
|
|
|
font-size: 0.8rem;
|
|
|
line-height: 1.6;
|
|
|
margin: 0;
|
|
|
}
|
|
|
|
|
|
+.wp-block-latest-posts.alignfull {
|
|
|
+ padding-right: 16px;
|
|
|
+ padding-left: 16px;
|
|
|
+}
|
|
|
+
|
|
|
+.entry-content [class*="inner-container"] .wp-block-latest-posts.alignfull,
|
|
|
+.entry-content .has-background .wp-block-latest-posts.alignfull {
|
|
|
+ padding-right: 0;
|
|
|
+ padding-left: 0;
|
|
|
+}
|
|
|
+
|
|
|
.gallery-item {
|
|
|
display: inline-block;
|
|
|
text-align: center;
|
|
|
@@ -1670,10 +1676,6 @@ p.has-background {
|
|
|
padding: 16px 16px;
|
|
|
}
|
|
|
|
|
|
-p.has-background:not(.has-background-background-color) a {
|
|
|
- color: currentColor;
|
|
|
-}
|
|
|
-
|
|
|
.a8c-posts-list__listing {
|
|
|
list-style: none;
|
|
|
margin: 0;
|
|
|
@@ -1783,6 +1785,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;
|
|
|
}
|
|
|
@@ -1881,24 +1887,27 @@ p.has-background:not(.has-background-background-color) a {
|
|
|
letter-spacing: normal;
|
|
|
}
|
|
|
|
|
|
-.wp-block-separator,
|
|
|
hr {
|
|
|
- border-bottom: 2px solid #DDDDDD;
|
|
|
+ border-bottom-color: #DDDDDD;
|
|
|
+ border-bottom-width: 2px;
|
|
|
clear: both;
|
|
|
margin-right: auto;
|
|
|
margin-left: auto;
|
|
|
+}
|
|
|
+
|
|
|
+hr.wp-block-separator {
|
|
|
+ border-bottom-color: #DDDDDD;
|
|
|
/**
|
|
|
- * Block Options
|
|
|
- */
|
|
|
+ * Block Options
|
|
|
+ */
|
|
|
}
|
|
|
|
|
|
-.wp-block-separator.is-style-wide,
|
|
|
-hr.is-style-wide {
|
|
|
+hr.wp-block-separator.is-style-wide {
|
|
|
+ border-bottom-color: #DDDDDD;
|
|
|
border-bottom-width: 2px;
|
|
|
}
|
|
|
|
|
|
-.wp-block-separator.is-style-dots:before,
|
|
|
-hr.is-style-dots:before {
|
|
|
+hr.wp-block-separator.is-style-dots:before {
|
|
|
color: #DDDDDD;
|
|
|
font-size: 1.95312rem;
|
|
|
letter-spacing: 0.8rem;
|
|
|
@@ -1962,33 +1971,60 @@ table th,
|
|
|
vertical-align: middle;
|
|
|
}
|
|
|
|
|
|
-/* Text Alignments */
|
|
|
+/* Block Alignments */
|
|
|
+/**
|
|
|
+ * .alignleft
|
|
|
+ */
|
|
|
.alignleft {
|
|
|
text-align: left;
|
|
|
float: left;
|
|
|
- margin-right: 16px;
|
|
|
margin-top: 0;
|
|
|
+ margin-right: 16px;
|
|
|
margin-bottom: 32px;
|
|
|
}
|
|
|
|
|
|
+/**
|
|
|
+ * .aligncenter
|
|
|
+ */
|
|
|
.aligncenter {
|
|
|
clear: both;
|
|
|
float: none;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
+/**
|
|
|
+ * .alignright
|
|
|
+ */
|
|
|
.alignright {
|
|
|
float: right;
|
|
|
- margin-left: 16px;
|
|
|
margin-top: 0;
|
|
|
margin-bottom: 32px;
|
|
|
+ margin-left: 16px;
|
|
|
+}
|
|
|
+
|
|
|
+.entry-content * > .alignleft + *,
|
|
|
+.entry-content * > .alignright + * {
|
|
|
+ margin-top: 0;
|
|
|
+}
|
|
|
+
|
|
|
+/**
|
|
|
+ * .aligndefault
|
|
|
+ */
|
|
|
+.entry-content [class*="inner-container"] {
|
|
|
+ max-width: inherit;
|
|
|
}
|
|
|
|
|
|
-.entry-content > .alignwide {
|
|
|
+/**
|
|
|
+ * .alignwide
|
|
|
+ */
|
|
|
+.alignwide {
|
|
|
clear: both;
|
|
|
}
|
|
|
|
|
|
-.entry-content > .alignfull {
|
|
|
+/**
|
|
|
+ * .alignfull
|
|
|
+ */
|
|
|
+.alignfull {
|
|
|
clear: both;
|
|
|
}
|
|
|
|
|
|
@@ -2036,78 +2072,52 @@ table th,
|
|
|
color: #080808 !important;
|
|
|
}
|
|
|
|
|
|
+.has-background:not(.has-background-background-color) a,
|
|
|
+.has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6,
|
|
|
+.has-background .wp-block-quote__citation {
|
|
|
+ color: currentColor;
|
|
|
+}
|
|
|
+
|
|
|
.has-primary-background-color[class] {
|
|
|
background-color: #CAAB57 !important;
|
|
|
color: #080808;
|
|
|
}
|
|
|
|
|
|
-.has-primary-background-color[class] p, .has-primary-background-color[class] h1, .has-primary-background-color[class] h2, .has-primary-background-color[class] h3, .has-primary-background-color[class] h4, .has-primary-background-color[class] h5, .has-primary-background-color[class] h6 {
|
|
|
- color: currentColor;
|
|
|
-}
|
|
|
-
|
|
|
.has-secondary-background-color[class] {
|
|
|
background-color: #CAAB57 !important;
|
|
|
color: #080808;
|
|
|
}
|
|
|
|
|
|
-.has-secondary-background-color[class] p, .has-secondary-background-color[class] h1, .has-secondary-background-color[class] h2, .has-secondary-background-color[class] h3, .has-secondary-background-color[class] h4, .has-secondary-background-color[class] h5, .has-secondary-background-color[class] h6 {
|
|
|
- color: currentColor;
|
|
|
-}
|
|
|
-
|
|
|
.has-foreground-background-color[class] {
|
|
|
background-color: #FFFFFF !important;
|
|
|
color: #080808;
|
|
|
}
|
|
|
|
|
|
-.has-foreground-background-color[class] p, .has-foreground-background-color[class] h1, .has-foreground-background-color[class] h2, .has-foreground-background-color[class] h3, .has-foreground-background-color[class] h4, .has-foreground-background-color[class] h5, .has-foreground-background-color[class] h6 {
|
|
|
- color: currentColor;
|
|
|
-}
|
|
|
-
|
|
|
.has-foreground-light-background-color[class] {
|
|
|
background-color: #cccccc !important;
|
|
|
color: #080808;
|
|
|
}
|
|
|
|
|
|
-.has-foreground-light-background-color[class] p, .has-foreground-light-background-color[class] h1, .has-foreground-light-background-color[class] h2, .has-foreground-light-background-color[class] h3, .has-foreground-light-background-color[class] h4, .has-foreground-light-background-color[class] h5, .has-foreground-light-background-color[class] h6 {
|
|
|
- color: currentColor;
|
|
|
-}
|
|
|
-
|
|
|
.has-foreground-dark-background-color[class] {
|
|
|
background-color: #111111 !important;
|
|
|
color: #080808;
|
|
|
}
|
|
|
|
|
|
-.has-foreground-dark-background-color[class] p, .has-foreground-dark-background-color[class] h1, .has-foreground-dark-background-color[class] h2, .has-foreground-dark-background-color[class] h3, .has-foreground-dark-background-color[class] h4, .has-foreground-dark-background-color[class] h5, .has-foreground-dark-background-color[class] h6 {
|
|
|
- color: currentColor;
|
|
|
-}
|
|
|
-
|
|
|
.has-background-light-background-color[class] {
|
|
|
background-color: #FAFAFA !important;
|
|
|
color: #FFFFFF;
|
|
|
}
|
|
|
|
|
|
-.has-background-light-background-color[class] p, .has-background-light-background-color[class] h1, .has-background-light-background-color[class] h2, .has-background-light-background-color[class] h3, .has-background-light-background-color[class] h4, .has-background-light-background-color[class] h5, .has-background-light-background-color[class] h6 {
|
|
|
- color: currentColor;
|
|
|
-}
|
|
|
-
|
|
|
.has-background-dark-background-color[class] {
|
|
|
background-color: #DDDDDD !important;
|
|
|
color: #FFFFFF;
|
|
|
}
|
|
|
|
|
|
-.has-background-dark-background-color[class] p, .has-background-dark-background-color[class] h1, .has-background-dark-background-color[class] h2, .has-background-dark-background-color[class] h3, .has-background-dark-background-color[class] h4, .has-background-dark-background-color[class] h5, .has-background-dark-background-color[class] h6 {
|
|
|
- color: currentColor;
|
|
|
-}
|
|
|
-
|
|
|
.has-background-background-color[class] {
|
|
|
background-color: #080808 !important;
|
|
|
color: #FFFFFF;
|
|
|
}
|
|
|
|
|
|
-.has-background-background-color[class] p, .has-background-background-color[class] h1, .has-background-background-color[class] h2, .has-background-background-color[class] h3, .has-background-background-color[class] h4, .has-background-background-color[class] h5, .has-background-background-color[class] h6 {
|
|
|
- color: currentColor;
|
|
|
-}
|
|
|
-
|
|
|
.is-small-text,
|
|
|
.has-small-font-size {
|
|
|
font-size: 0.8rem;
|
|
|
@@ -2136,7 +2146,7 @@ table th,
|
|
|
.has-drop-cap:not(:focus)::first-letter {
|
|
|
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
|
font-size: calc(2 * 2.44141rem);
|
|
|
- font-weight: 700;
|
|
|
+ font-weight: 600;
|
|
|
line-height: 0.66;
|
|
|
text-transform: uppercase;
|
|
|
font-style: normal;
|
|
|
@@ -2356,8 +2366,8 @@ table th,
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
list-style: none;
|
|
|
+ margin: 0;
|
|
|
max-width: none;
|
|
|
- margin: 0 -16px;
|
|
|
position: relative;
|
|
|
/* Sub-menus Flyout */
|
|
|
}
|
|
|
@@ -2403,23 +2413,28 @@ table th,
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.main-navigation > div > ul > li > a {
|
|
|
- line-height: 1;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation > div > ul > li > a:before, .main-navigation > div > ul > li > a:after {
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- height: 0;
|
|
|
- width: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation > div > ul > li > a:before {
|
|
|
- margin-bottom: -0.12em;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation > div > ul > li > a:after {
|
|
|
- margin-top: -0.11em;
|
|
|
+@media only screen and (min-width: 560px) {
|
|
|
+ .main-navigation > div > ul > li > a {
|
|
|
+ line-height: 1;
|
|
|
+ }
|
|
|
+ .main-navigation > div > ul > li > a:before, .main-navigation > div > ul > li > a:after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ height: 0;
|
|
|
+ width: 0;
|
|
|
+ }
|
|
|
+ .main-navigation > div > ul > li > a:before {
|
|
|
+ margin-bottom: -0.12em;
|
|
|
+ }
|
|
|
+ .main-navigation > div > ul > li > a:after {
|
|
|
+ margin-top: -0.11em;
|
|
|
+ }
|
|
|
+ .main-navigation > div > ul > li:first-of-type > a {
|
|
|
+ padding-right: 0;
|
|
|
+ }
|
|
|
+ .main-navigation > div > ul > li:last-of-type > a {
|
|
|
+ padding-left: 0;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.main-navigation > div > ul > li > .sub-menu {
|
|
|
@@ -2451,7 +2466,13 @@ table th,
|
|
|
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
|
font-size: 1rem;
|
|
|
font-weight: 600;
|
|
|
- padding: 16px;
|
|
|
+ padding: 8px 0;
|
|
|
+}
|
|
|
+
|
|
|
+@media only screen and (min-width: 560px) {
|
|
|
+ .main-navigation a {
|
|
|
+ padding: 16px;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.main-navigation a:link, .main-navigation a:visited {
|
|
|
@@ -2505,7 +2526,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 > a {
|
|
|
+ padding-right: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.social-navigation > div > ul > li:last-of-type > a {
|
|
|
+ padding-left: 0;
|
|
|
}
|
|
|
|
|
|
.social-navigation a {
|
|
|
@@ -2523,6 +2552,10 @@ table th,
|
|
|
vertical-align: middle;
|
|
|
}
|
|
|
|
|
|
+.site-footer {
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
@media only screen and (min-width: 640px) {
|
|
|
.site-footer {
|
|
|
align-items: flex-end;
|
|
|
@@ -2583,9 +2616,8 @@ table th,
|
|
|
|
|
|
.footer-navigation .footer-menu {
|
|
|
color: #cccccc;
|
|
|
+ margin: 0;
|
|
|
padding-right: 0;
|
|
|
- margin-right: -16px;
|
|
|
- margin-left: -16px;
|
|
|
}
|
|
|
|
|
|
@media only screen and (min-width: 640px) {
|
|
|
@@ -2596,10 +2628,18 @@ table th,
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.footer-navigation .footer-menu li {
|
|
|
+.footer-navigation .footer-menu > li {
|
|
|
display: inline;
|
|
|
}
|
|
|
|
|
|
+.footer-navigation .footer-menu > li:first-of-type > a {
|
|
|
+ padding-right: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.footer-navigation .footer-menu > li:last-of-type {
|
|
|
+ padding-left: 0;
|
|
|
+}
|
|
|
+
|
|
|
.footer-navigation .footer-menu a {
|
|
|
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
|
font-size: 0.8rem;
|
|
|
@@ -3095,277 +3135,230 @@ 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, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
|
|
|
+.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .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, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
|
|
|
+ .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .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, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
|
|
|
+ .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .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, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
|
|
|
+ .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .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, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
|
|
|
+ .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .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, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
|
|
|
+ .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .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 {
|
|
|
- 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 {
|
|
|
+ width: calc(100% + 256px);
|
|
|
+ max-width: calc(100% - 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 {
|
|
|
- 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 {
|
|
|
+ width: calc(calc( 560px - 32px) + 256px);
|
|
|
+ max-width: calc(100% - 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 {
|
|
|
- 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 {
|
|
|
+ width: calc(calc( 640px - 32px) + 256px);
|
|
|
+ max-width: calc(100% - 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 {
|
|
|
- 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 {
|
|
|
+ width: calc(calc( 782px - 32px) + 256px);
|
|
|
+ max-width: calc(100% - 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 {
|
|
|
- margin-right: -128px;
|
|
|
- margin-left: -128px;
|
|
|
+ .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
|
|
|
width: calc(calc( 782px - 32px) + 256px);
|
|
|
- max-width: calc(calc( 782px - 32px) + 256px);
|
|
|
+ max-width: calc(100% - 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 {
|
|
|
- margin-right: -128px;
|
|
|
- margin-left: -128px;
|
|
|
+ .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
|
|
|
width: calc(calc( 782px - 32px) + 256px);
|
|
|
- max-width: calc(calc( 782px - 32px) + 256px);
|
|
|
+ max-width: calc(100% - 32px);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #masthead {
|
|
|
- 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% ));
|
|
|
+.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) {
|
|
|
- .wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #masthead {
|
|
|
- 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) ));
|
|
|
+ .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) {
|
|
|
- .wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #masthead {
|
|
|
- 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) ));
|
|
|
+ .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) {
|
|
|
- .wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #masthead {
|
|
|
- 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) ));
|
|
|
+ .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) {
|
|
|
- .wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #masthead {
|
|
|
- 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) ));
|
|
|
+ .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) {
|
|
|
- .wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #masthead {
|
|
|
- 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) ));
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.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));
|
|
|
+ .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 {
|
|
|
+ margin-right: -16px;
|
|
|
+ margin-left: -16px;
|
|
|
+ width: calc(100% + 32px);
|
|
|
+ /* Letting the box-model do most of the work here. */
|
|
|
}
|
|
|
|
|
|
@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));
|
|
|
+ .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
|
|
|
+ margin-right: inherit;
|
|
|
+ margin-left: inherit;
|
|
|
+ width: inherit;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.entry-content > .alignright {
|
|
|
+ margin-right: 16px;
|
|
|
+}
|
|
|
+
|
|
|
+@media only screen and (min-width: 560px) {
|
|
|
+ .entry-content > .alignright {
|
|
|
+ margin-right: 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));
|
|
|
+ .entry-content > .alignright {
|
|
|
+ margin-right: 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));
|
|
|
+ .entry-content > .alignright {
|
|
|
+ margin-right: 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));
|
|
|
+ .entry-content > .alignright {
|
|
|
+ margin-right: 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));
|
|
|
+ .entry-content > .alignright {
|
|
|
+ margin-right: calc( 0.5 * (100vw - calc( 782px - 32px)));
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.entry-content > .alignleft {
|
|
|
+ margin-left: 16px;
|
|
|
+}
|
|
|
+
|
|
|
+@media only screen and (min-width: 560px) {
|
|
|
+ .entry-content > .alignleft {
|
|
|
+ margin-left: calc( 0.5 * (100vw - calc( 560px - 32px)));
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media only screen and (min-width: 640px) {
|
|
|
+ .entry-content > .alignleft {
|
|
|
+ margin-left: calc( 0.5 * (100vw - calc( 640px - 32px)));
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media only screen and (min-width: 782px) {
|
|
|
+ .entry-content > .alignleft {
|
|
|
+ margin-left: calc( 0.5 * (100vw - calc( 782px - 32px)));
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media only screen and (min-width: 1024px) {
|
|
|
+ .entry-content > .alignleft {
|
|
|
+ margin-left: calc( 0.5 * (100vw - calc( 782px - 32px)));
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media only screen and (min-width: 1280px) {
|
|
|
+ .entry-content > .alignleft {
|
|
|
+ margin-left: calc( 0.5 * (100vw - calc( 782px - 32px)));
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -3377,6 +3370,29 @@ img#wpstats {
|
|
|
* Vendors
|
|
|
* - 3rd-party compatibility styles
|
|
|
*/
|
|
|
+/**
|
|
|
+ * Subscription Form
|
|
|
+ */
|
|
|
+.wp-block-jetpack-subscriptions form > * {
|
|
|
+ margin-top: 21.312px;
|
|
|
+ margin-bottom: 21.312px;
|
|
|
+}
|
|
|
+
|
|
|
+@media only screen and (min-width: 560px) {
|
|
|
+ .wp-block-jetpack-subscriptions form > * {
|
|
|
+ margin-top: 32px;
|
|
|
+ margin-bottom: 32px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.wp-block-jetpack-subscriptions form > *:first-child {
|
|
|
+ margin-top: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.wp-block-jetpack-subscriptions form > *:last-child {
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
+
|
|
|
/**
|
|
|
* Child Theme Extra Styles
|
|
|
*/
|
|
|
@@ -3394,8 +3410,7 @@ a {
|
|
|
* Header
|
|
|
*/
|
|
|
#masthead {
|
|
|
- margin-right: auto;
|
|
|
- margin-left: auto;
|
|
|
+ max-width: 100%;
|
|
|
padding-right: 16px;
|
|
|
padding-left: 16px;
|
|
|
position: relative;
|
Takashi Irie