This repository has been archived by the owner on Oct 10, 2018. It is now read-only.
Styling adjustments for .alignnone and .aligncenter #86
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Weston noticed an issue with the theme, when images have the class 'alignnone.' They are horizontally stretched, if they have a natural width less than the container. Weston also pointed out that core themes don't have styling for alignnone. So remove that selector.
kienstra
commented
May 3, 2018
assets/dist/css/main.css
Outdated
| @@ -1 +1 @@ | |||
| html{font-size:100%}body,button,input,select,optgroup,textarea{font:400 16px/1.25 Roboto, sans-serif}figure{margin:0}.wp-smiley,.emoji{display:inline-block;height:1em;max-width:1em;margin:0 0.07em;padding:0;vertical-align:-0.1em;background:none;border:none;box-shadow:none}*,*::before,*::after{box-sizing:border-box}.screen-reader-text,.widget.jetpack_subscription_widget form label{position:absolute;left:-200vw;width:1px;height:1px;overflow:hidden}hr{clear:both;width:100%;margin:0 auto;border:none;border-bottom:1px solid rgba(0,0,0,0.1)}img,amp-img{max-width:100%;height:auto}#page{padding-top:60px}@media (min-width: 768px){#page{padding-top:49px}}@media (max-width: 767px){#page.no-scroll{position:absolute;overflow:hidden;width:100%;height:100vh}}.heading,h1,h2,h3,h4,h5,h6,.widget-title{margin:32px 0;font-weight:700;line-height:1.25;color:#000}.heading--h1,h1{font-size:24px}@media (min-width: 768px){.heading--h1,h1{font-size:36px}}@media (min-width: 1024px){.heading--h1,h1{font-size:56px}}.heading--h2,h2{font-size:20px}@media (min-width: 768px){.heading--h2,h2{font-size:24px}}@media (min-width: 1024px){.heading--h2,h2{font-size:48px}}.heading--h3,h3{font-size:16px;text-transform:uppercase}@media (min-width: 768px){.heading--h3,h3{font-size:20px;text-transform:none}}@media (min-width: 1024px){.heading--h3,h3{font-size:36px}}.heading--h4,h4{font-size:16px}@media (min-width: 768px){.heading--h4,h4{text-transform:uppercase}}@media (min-width: 1024px){.heading--h4,h4{font-size:24px;text-transform:none}}.heading--h5,h5{font-size:16px}@media (min-width: 1024px){.heading--h5,h5{font-size:20px}}.heading--h6,h6{font-size:16px}@media (min-width: 1024px){.heading--h6,h6{text-transform:uppercase}}.heading--widget,.widget-title{margin:0;padding:0 0 12px;font-size:16px;text-transform:uppercase;color:#555;border-bottom:1px dashed rgba(0,0,0,0.1)}a,button,input[type='submit']{color:#000;opacity:0.8;text-decoration:none;transition:opacity 200ms linear}a:hover,button:hover,input[type='submit']:hover{opacity:1;cursor:pointer}.button,.entry__content button,.entry__content .button,.entry__link-more .more-link,.entry__content .wp-block-button__link,.nav-links a,.nav-links span,.comments .comment-form input[type='submit']{display:flex;justify-content:center;align-items:center;padding:15px;color:#fff;background-color:#000;border:none;font-weight:700;text-decoration:none}.button--inline,.entry__content button,.entry__content .button,.entry__content .entry__link-more .more-link,.entry__link-more .entry__content .more-link,.entry__content .wp-block-button__link,.entry__content .nav-links a,.nav-links .entry__content a,.entry__content .nav-links span,.nav-links .entry__content span,.entry__content .comments .comment-form input[type='submit'],.comments .comment-form .entry__content input[type='submit']{display:inline-flex}.site-header__search button{font-size:0;position:relative;background:#000;border:2px solid #fff;border-radius:100%;padding:5px;cursor:pointer}.site-header__search button::after{content:'';display:block;position:absolute;bottom:-4px;right:-2px;background:#fff;height:5px;width:2px;border-radius:3px;transform:rotate(-40deg)}@media (min-width: 1024px){.entry{padding:20px 0 0}}.entry__thumbnail{margin:0;padding:0}.entry__thumbnail .wp-post-image{position:relative;width:100%;padding-bottom:66%}.entry__thumbnail img{object-fit:cover}.entry__header{padding:20px 0 0}@media (min-width: 1024px){.entry__header{padding:15px 0 0}}.entry__title{margin:0;font-size:24px;text-transform:none}@media (min-width: 1024px){.entry__title{font-size:36px}}.entry__summary,.entry__content{line-height:1.5;color:#555}@media (min-width: 1024px){.entry__summary,.entry__content{font-size:18px;line-height:1.38889}}.entry__summary p,.entry__content p{margin:15px 0 0}@media (min-width: 1024px){.entry__summary p,.entry__content p{margin-top:20px}}.entry__content{margin-top:-17px}@media (min-width: 1024px){.entry__content{margin-top:-12px}}.entry__content p,.entry__content ul,.entry__content ol,.entry__content dl,.entry__content table{margin:32px 0}.entry__content ul,.entry__content ol{padding:0 0 0 20px}.entry__content ul ol,.entry__content ul ul,.entry__content ol ol,.entry__content ol ul{margin:6px 0}.entry__content ol ol{list-style:lower-alpha}.entry__content ol ol ol{list-style:upper-roman}.entry__content li{margin:6px 0}.entry__content dt{font-weight:700;color:#000}.entry__content .aligncenter{margin-left:auto;margin-right:auto;text-align:center}.entry__content .alignleft{float:left;margin-left:0;margin-right:20px}.entry__content .alignright{float:right;margin-left:20px;margin-right:0}.entry__content blockquote{margin:40px auto;font-size:24px;line-height:1.41667;font-weight:700;color:#000}.entry__content blockquote::before,.entry__content blockquote::after{content:'';display:block;width:50px;margin:24px 0;border-bottom:1px solid rgba(0,0,0,0.1)}.entry__content blockquote cite{display:block;font-size:14px;font-weight:400;font-style:normal;color:#555}.entry__content blockquote p>cite{margin-top:24px}.entry__content hr{clear:both;margin:40px auto;width:190px;border:none;border-bottom:1px solid rgba(0,0,0,0.1)}@media (min-width: 1024px){.entry__content hr{width:150px}}.entry__content table{width:100%;border-collapse:collapse}.entry__content table th,.entry__content table td{padding:8px 4px;border-bottom:1px solid rgba(0,0,0,0.1)}.entry__content table th{font-weight:700;text-align:left;color:#000;border-bottom:2px solid #000}.entry__content button,.entry__content button,.entry__content .button,.entry__content .entry__link-more .more-link,.entry__link-more .entry__content .more-link,.entry__content .wp-block-button__link,.entry__content .nav-links a,.nav-links .entry__content a,.entry__content .nav-links span,.nav-links .entry__content span,.entry__content .comments .comment-form input[type='submit'],.comments .comment-form .entry__content input[type='submit']{font-size:16px;line-height:20px}.entry__link-more{display:none}.entry__link-more .more-link{max-width:240px}.entry__footer{padding-top:15px}@media (min-width: 1024px){.entry__footer{padding-top:20px}}.entry__meta{display:inline-block;padding:0 0 10px;font-size:14px;line-height:1.5;color:#555}@media (min-width: 1024px){.entry__meta{font-size:16px}}.entry__meta a{font-weight:700;color:#000}.entry__meta--byline::first-letter{text-transform:uppercase}.entry__meta--date a{font-weight:400;color:#555}.entry__footer .entry__meta--byline+.entry__meta--category::before{content:'';display:inline-block;margin:0 0 0 1em;padding:1em 0 0 1em;border-left:1px solid rgba(0,0,0,0.1);vertical-align:middle}.entry__share--in-content{text-align:center}.entry--featured,.wrap--triple-feature .wrap__item:nth-child(1){display:flex;flex-flow:column nowrap;padding:10px 20px 0}@media (min-width: 768px){.entry--featured,.wrap--triple-feature .wrap__item:nth-child(1){flex-flow:row wrap;padding-bottom:25px}}@media (min-width: 1024px){.entry--featured,.wrap--triple-feature .wrap__item:nth-child(1){padding-bottom:40px}}@media (min-width: 1080px){.entry--featured,.wrap--triple-feature .wrap__item:nth-child(1){padding-left:0;padding-right:0}}.entry--featured .entry__thumbnail,.wrap--triple-feature .wrap__item:nth-child(1) .entry__thumbnail{margin:-10px -20px 0}@media (min-width: 768px){.entry--featured .entry__thumbnail,.wrap--triple-feature .wrap__item:nth-child(1) .entry__thumbnail{width:calc( 100% + 40px)}}@media (min-width: 1024px){.entry--featured .entry__thumbnail,.wrap--triple-feature .wrap__item:nth-child(1) .entry__thumbnail{width:100%;margin:-10px 0 0}}.entry--featured .entry__thumbnail .wp-post-image,.wrap--triple-feature .wrap__item:nth-child(1) .entry__thumbnail .wp-post-image{padding-bottom:38%}@media (min-width: 768px){.entry--featured .entry__header,.wrap--triple-feature .wrap__item:nth-child(1) .entry__header{width:100%;padding:25px 0 15px}}@media (min-width: 1024px){.entry--featured .entry__header,.wrap--triple-feature .wrap__item:nth-child(1) .entry__header{padding:30px 0 25px}}@media (min-width: 768px){.entry--featured .entry__title,.wrap--triple-feature .wrap__item:nth-child(1) .entry__title{font-size:36px}}@media (min-width: 1024px){.entry--featured .entry__title,.wrap--triple-feature .wrap__item:nth-child(1) .entry__title{font-size:56px}}@media (min-width: 768px){.entry--featured .entry__meta,.wrap--triple-feature .wrap__item:nth-child(1) .entry__meta{padding:0;font-size:16px;line-height:1.875}}@media (min-width: 1024px){.entry--featured .entry__meta,.wrap--triple-feature .wrap__item:nth-child(1) .entry__meta{line-height:2.0625}}.entry--featured .entry__footer .entry__meta--date,.wrap--triple-feature .wrap__item:nth-child(1) .entry__footer .entry__meta--date{display:none}@media (min-width: 768px){.entry--featured .entry__footer .entry__meta--date,.wrap--triple-feature .wrap__item:nth-child(1) .entry__footer .entry__meta--date{display:inline-block}}@media (min-width: 768px){.entry--featured .entry__header .entry__meta,.wrap--triple-feature .wrap__item:nth-child(1) .entry__header .entry__meta{display:none}}@media (min-width: 768px){.entry--featured .entry__footer,.wrap--triple-feature .wrap__item:nth-child(1) .entry__footer{order:1;min-width:150px;flex:0 0}}@media (min-width: 768px){.entry--featured .entry__footer .entry__meta--byline+.entry__meta--category::before,.wrap--triple-feature .wrap__item:nth-child(1) .entry__footer .entry__meta--byline+.entry__meta--category::before{content:none}}@media (max-width: 767px){.entry--featured .entry__share--in-footer,.wrap--triple-feature .wrap__item:nth-child(1) .entry__share--in-footer{display:none}}.entry--featured .entry__meta+.entry__share,.wrap--triple-feature .wrap__item:nth-child(1) .entry__meta+.entry__share{padding-top:50px}@media (min-width: 768px){.entry--featured .entry__summary,.wrap--triple-feature .wrap__item:nth-child(1) .entry__summary,.entry--featured .entry__content,.wrap--triple-feature .wrap__item:nth-child(1) .entry__content{order:3;width:calc( 100% - 150px);max-width:720px;padding-left:30px;flex:1 1;font-size:18px;line-height:1.66667}}@media (min-width: 1024px){.entry--featured .entry__summary,.wrap--triple-feature .wrap__item:nth-child(1) .entry__summary,.entry--featured .entry__content,.wrap--triple-feature .wrap__item:nth-child(1) .entry__content{font-size:20px;line-height:1.65}}@media (max-width: 767px){.entry--featured .entry__content,.wrap--triple-feature .wrap__item:nth-child(1) .entry__content{order:1}}@media (min-width: 768px){.entry--featured .entry__link-more,.wrap--triple-feature .wrap__item:nth-child(1) .entry__link-more{display:block;padding:10px 0 0;font-size:16px}}@media (min-width: 1024px){.entry--featured .entry__link-more,.wrap--triple-feature .wrap__item:nth-child(1) .entry__link-more{padding:20px 0 0}}.entry--slim{padding:20px;border-bottom:1px solid rgba(0,0,0,0.1)}@media (min-width: 768px){.entry--slim{padding:20px 0}}.entry--slim::after{content:'';display:table;clear:both}.entry--slim .entry__thumbnail{float:right;width:122px;padding:0;margin:0 0 0 30px}@media (min-width: 480px){.entry--slim .entry__thumbnail{width:160px}}@media (min-width: 1024px){.entry--slim .entry__thumbnail{width:240px}}.entry--slim .entry__thumbnail::after{content:'';display:table;clear:both}.entry--slim .entry__header{padding:0;margin-right:142px}@media (min-width: 480px){.entry--slim .entry__header{margin-right:190px}}@media (min-width: 1024px){.entry--slim .entry__header{margin-right:270px}}.entry--slim .entry__title{font-size:16px}@media (min-width: 480px){.entry--slim .entry__title{font-size:20px}}@media (min-width: 1024px){.entry--slim .entry__title{font-size:24px}}@media (max-width: 767px){.entry--slim .entry__summary{display:none}}@media (min-width: 1024px){.entry--slim .entry__summary p{margin-top:15px}}.entry--slim .entry__footer{padding-top:10px}@media (max-width: 479px){.entry--slim .entry__footer{clear:right}}@media (min-width: 1024px){.entry--slim .entry__footer{padding-top:15px}}.entry--slim .entry__footer .entry__meta{padding-bottom:0}@media (max-width: 1023px){.entry--slim .entry__meta::after{margin-right:0.25em;padding-right:0.25em}}.wrap{display:flex;flex-flow:row wrap;max-width:1040px;margin:0 auto}.wrap__item{width:100%;flex:0 0 auto;padding:20px;border-bottom:1px solid rgba(0,0,0,0.1)}@media (min-width: 768px){.wrap__item{padding-top:40px;padding-bottom:40px}}@media (min-width: 1080px){.wrap__item{padding-left:0;padding-right:0}}.wrap__item--full-width{padding:0 0 20px;border-bottom:none}@media (min-width: 768px){.wrap__item--full-width{padding-top:0}}.wrap__item--page-heading{padding-top:0;padding-bottom:0;position:relative}@media (min-width: 768px){.wrap__item--page-heading{padding-top:20px;padding-bottom:20px}}.wrap__item--page-heading span{position:absolute;font-size:12px;text-transform:uppercase;background:#eee;padding:10px;right:20px;border-radius:3px}@media (min-width: 1024px){.wrap__item--page-heading span{right:auto;margin-top:-40px}}.wrap__item--sub-menu{padding-top:0;padding-bottom:0}@media (min-width: 768px){.wrap__item--half{width:50%}.wrap__item--half--primary{padding-right:15px}.wrap__item--half--secondary{padding-left:15px}}.wrap__item--blog{width:100%;padding:0;border-bottom:none}@media (min-width: 768px){.wrap__item--blog{padding:20px}}@media (min-width: 1080px){.wrap__item--blog{padding:40px 0}}@media (min-width: 768px){.wrap__item--blog--primary{width:66.66667%}}.wrap__item--blog--secondary{padding-top:0}@media (min-width: 768px){.wrap__item--blog--secondary{width:33.33333%}}@media (min-width: 1080px){.wrap__item--blog--secondary{padding-top:20px;padding-left:100px}}.wrap__item--heading{border-bottom:none;padding-bottom:0}.wrap__subitem{border-bottom:1px solid rgba(0,0,0,0.1)}.wrap__subitem--blog{padding:20px}@media (min-width: 768px){.wrap__subitem--blog{padding:20px 0}}.wrap__item--no-separator,.wrap__subitem--no-separator{border-bottom:none}.wrap__item--widget,.wrap__subitem--widget{display:flex;justify-content:center;align-items:center;padding:40px 20px}@media (min-width: 1024px){.wrap__item--widget,.wrap__subitem--widget{padding:60px 0}}.wrap--triple-feature .wrap__item{display:none}.wrap--triple-feature .wrap__item .entry__meta{padding-bottom:0}.wrap--triple-feature .wrap__item:nth-child(1){padding-bottom:40px}@media (max-width: 767px){.wrap--triple-feature .wrap__item:nth-child(1){padding-bottom:20px}}.wrap--triple-feature .wrap__item:nth-child(2),.wrap--triple-feature .wrap__item:nth-child(3){display:block}@media (min-width: 768px){.wrap--triple-feature .wrap__item:nth-child(2),.wrap--triple-feature .wrap__item:nth-child(3){width:50%}}@media (min-width: 768px){.wrap--triple-feature .wrap__item:nth-child(2){padding-right:20px}}@media (min-width: 768px){.wrap--triple-feature .wrap__item:nth-child(3){padding-left:20px}}.wrap--single{margin:0 auto;padding-left:20px;padding-right:20px}@media (min-width: 768px){.wrap--single{padding-left:200px}}@media (min-width: 1024px){.wrap--single{max-width:700px;padding-left:10px;padding-right:0}}.wrap--single .wrap__item{padding-left:0;padding-right:0}.site-header{display:flex;flex-flow:row nowrap;max-width:1040px;margin:0 auto;font-size:14px}@media (min-width: 768px){.site-header{flex-flow:column nowrap}}.site-header__branding{position:fixed;top:0;z-index:2;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%;color:#fff;background-color:#000}@media (min-width: 768px){.site-header__branding{position:static;order:2;flex-flow:column nowrap;width:100%;padding:40px 20px;text-align:center;color:#000;background-color:transparent}}.site-header__branding::after{content:'';position:absolute;left:20px;bottom:0;right:20px;height:1px;border-bottom:1px solid #fff;opacity:0;transition:opacity 0.3s ease-out}@media (min-width: 768px){.site-header__branding::after{content:none}}.is-menu-expanded .site-header__branding::after{opacity:1;transition-delay:0.4s}.site-header__title{width:calc( 100% - 50px);height:60px;margin:0;padding:15px 20px;font-size:24px;font-weight:700;line-height:1.25}@media (min-width: 768px){.site-header__title{width:auto;height:auto;padding:0;font-size:56px}}.site-header__title a{color:#fff;opacity:1}@media (min-width: 768px){.site-header__title a{color:#000}}.site-header__title a:hover,.site-header__title a:focus{opacity:0.8}.site-header__title .custom-logo-link{display:block;width:100%;max-width:400px;height:100%;background-repeat:no-repeat;background-position:left center;background-size:contain}@media (min-width: 768px){.site-header__title .custom-logo-link{height:auto}}.site-header__title .custom-logo{max-height:100%}@media (min-width: 768px){.site-header__title .custom-logo{display:block}}.site-header__title .custom-logo img{object-fit:contain}.site-header__description{display:none;margin:0;color:#555;font-size:18px;font-weight:300}@media (min-width: 768px){.site-header__description{display:block}}.site-header__menu-toggle{display:block;position:relative;padding:0;width:52px;height:52px;margin-right:4px;cursor:pointer;background-color:transparent;border:none}@media (min-width: 768px){.site-header__menu-toggle{display:none}}.site-header__menu-toggle::before,.site-header__menu-toggle::after{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:2px;width:20px;background-color:#fff;transition:box-shadow 0.3s ease-out,transform 0.5s cubic-bezier(0.23, 1, 0.32, 1),opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1)}.site-header__menu-toggle::before{box-shadow:0 6px 0 0 #fff,0 -6px 0 0 #fff}.site-header__menu-toggle::after{opacity:0}.is-menu-expanded .site-header__menu-toggle::before{transform:translate(-50%, -50%) rotateZ(45deg);box-shadow:none}.is-menu-expanded .site-header__menu-toggle::after{transform:translate(-50%, -50%) rotateZ(-45deg);opacity:1}.site-header__nav{position:absolute;z-index:1;top:60px;left:0;right:0;bottom:0;padding:20px;transform:translateY(-100%);transition:transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);overflow-y:scroll;background-color:#000;color:#fff}.is-menu-expanded .site-header__nav{transform:none}@media (min-width: 768px){.site-header__nav{order:1;z-index:3;position:fixed;top:0;bottom:auto;max-width:1040px;margin:0 auto;padding:6px 20px;overflow:visible;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;transform:none;transition:none;box-shadow:30vw 0 0 #000,-30vw 0 0 #000}.site-header__nav::after{content:none}}@media (min-width: 1080px){.site-header__nav{padding:6px 0}}.site-header__search{display:none;margin-top:-4px;margin-bottom:-4px}@media (min-width: 768px){.site-header__search{display:block}}.site-header__search input{background-color:#000;border:0;padding:4px;font-size:14px;max-width:70px;transition:max-width 100ms linear, background-color 100ms linear;color:#fff;text-overflow:ellipsis}.site-header__search input:focus{background-color:#fff;color:#000;max-width:200px}.site-header__search input::placeholder{color:#fff;font-size:14px}.site-header__search button{margin-top:4px;margin-left:4px;float:right}.wrap--footer{max-width:685px}@media (max-width: 767px){.wrap--footer{padding-left:20px;padding-right:20px}}@media (min-width: 768px){.wrap--footer{border-top:2px solid #000;padding-top:30px}}.wrap--footer .wrap__item--footer-menu ul{list-style:none;margin:0;padding:0}.wrap--footer .wrap__item--footer-menu ul li{margin-bottom:16px}@media (min-width: 768px){.wrap--footer .wrap__item--footer-menu ul{display:flex;flex-flow:wrap}.wrap--footer .wrap__item--footer-menu ul li{flex-basis:50%}}.wrap--footer .wrap__item--footer-copyright{margin:0;color:#777;font-weight:300}.menu--header{display:flex;flex-flow:column nowrap;margin:0;padding:0;list-style:none;font-size:24px}@media (min-width: 768px){.menu--header{margin:0 -10px;flex-flow:row nowrap;font-size:14px}}.menu--header .menu-item{position:relative;padding:0}.menu--header .menu-item a{display:inline-flex;flex-flow:row nowrap;justify-content:space-between;opacity:1;color:#fff;padding:10px 20px;max-width:calc( 100% - 50px)}.menu--header .menu-item a:hover,.menu--header .menu-item a:focus{opacity:0.8}@media (min-width: 768px){.menu--header .menu-item a{display:flex;max-width:none;padding:10px;opacity:0.8}.menu--header .menu-item a:hover,.menu--header .menu-item a:focus{opacity:1}}@media (min-width: 768px){.menu--header .menu-item-has-children{padding-right:16px}}.menu--header .menu-item-has-children::after{content:'▾';position:absolute;top:0;right:0;width:50px;height:50px;display:flex;justify-content:center;align-items:center;transition:transform 0.2s ease-out;transform-origin:50% 53%}@media (min-width: 768px){.menu--header .menu-item-has-children::after{width:20px;height:36px;right:4px;opacity:0.8}}.menu--header .menu-item:hover::after,.menu--header .menu-item:focus::after{transform:rotateZ(180deg)}.menu--header .menu-item:hover>.sub-menu,.menu--header .menu-item:focus>.sub-menu{display:block}.menu--header .sub-menu{position:relative;display:none;list-style:none;margin:0;padding:8px 0;font-size:18px}@media (min-width: 768px){.menu--header .sub-menu{position:absolute;padding:10px 0;margin:0 0 0 -10px;min-width:150px;font-size:14px;background-color:#000}}@media (min-width: 768px){.menu--header .sub-menu .sub-menu{left:calc( 100% + 10px);top:-10px;background-color:#333}}.menu--header .sub-menu .menu-item a{opacity:0.8}.menu--header .sub-menu .menu-item a:hover,.menu--header .sub-menu .menu-item a:focus{opacity:1}@media (min-width: 768px){.menu--header .sub-menu .menu-item a{padding:10px 20px}}.menu--header .sub-menu .menu-item-has-children:hover::after,.menu--header .sub-menu .menu-item-has-children:focus::after{transform:none}.menu--header .sub-menu .menu-item-has-children::after{content:'▸'}@media (max-width: 767px){.menu--header .sub-menu .menu-item-has-children::after{content:none}}.menu--horizontal{display:flex;flex-flow:row nowrap;white-space:nowrap;overflow:auto;overflow-x:scroll;list-style:none;height:58px;margin:0 -10px;padding:8px 0;font-weight:700;-webkit-overflow-scrolling:touch}@media (min-width: 768px){.menu--horizontal{flex-wrap:wrap;overflow-x:auto;white-space:normal;margin:0 -10px;padding:8px 0;height:auto}}.menu--horizontal::before{content:'';display:block;position:absolute;margin-top:-8px;left:calc( 100vw - 75px);width:75px;height:58px;background-image:linear-gradient(to left, #fff, transparent)}@media (min-width: 768px){.menu--horizontal::before{content:none;z-index:1}}.menu--horizontal ul{list-style:none;margin:0;padding:0}.menu--horizontal a{display:block;padding:10px}.menu--horizontal .menu-item:last-child{padding-right:65px}@media (min-width: 768px){.menu--horizontal .menu-item:last-child{padding-right:0}}.entry__content .alignnone,.entry__content .aligncenter,.entry__content .alignfull,.entry__content .alignwide{clear:both;margin:32px -20px;width:calc( 100% + 40px)}@media (min-width: 768px){.entry__content .alignnone,.entry__content .aligncenter{margin-left:auto;margin-right:auto;width:100%}}@media (min-width: 768px){.entry__content .alignfull,.entry__content .alignwide{width:100vw;max-width:1040px;margin-left:-200px;margin-right:0}.entry__content .alignfull figcaption,.entry__content .alignwide figcaption{max-width:720px;margin-left:200px;padding-right:30px}}@media (min-width: 1080px){.entry__content .alignfull,.entry__content .alignwide{margin-left:-180px}.entry__content .alignfull figcaption,.entry__content .alignwide figcaption{margin-left:180px}}.entry__content .wp-block-image figcaption{padding:16px 20px 0;font-size:14px;line-height:1.42857;text-align:left}@media (min-width: 768px){.entry__content .wp-block-image figcaption{padding-left:0;padding-right:0}}.entry__content .wp-block-cover-image{position:relative;padding:50px 20px;display:flex;justify-content:center;align-items:center;text-align:center;background-repeat:no-repeat;background-position:center;background-size:cover}.entry__content .wp-block-cover-image::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0}.entry__content .wp-block-cover-image h2{position:relative;z-index:1;font-size:24px;color:#fff}@media (min-width: 768px){.entry__content .wp-block-cover-image h2{font-size:36px}}.entry__content .wp-block-gallery{display:flex;flex-flow:row wrap;justify-content:space-between}.entry__content .wp-block-gallery figure{display:flex;flex:1 0 auto;margin:1px;width:100%}.entry__content .wp-block-gallery amp-img{flex:1;object-fit:cover}.entry__content .wp-block-gallery.columns-2 figure{width:calc( 50% - 2px)}.entry__content .wp-block-gallery.columns-3 figure{width:calc( 33.33333% - 2px)}.entry__content .wp-block-gallery.columns-4 figure{width:calc( 25% - 2px)}.entry__content .wp-block-gallery.columns-5 figure{width:calc( 20% - 2px)}.entry__content .wp-block-gallery.columns-6 figure{width:calc( 16.66667% - 2px)}.entry__content .wp-block-gallery.columns-7 figure{width:calc( 14.28571% - 2px)}.entry__content .wp-block-gallery.columns-8 figure{width:calc( 12.5% - 2px)}.entry__content .wp-block-pullquote{max-width:100%}@media (min-width: 768px){.entry__content .wp-block-pullquote{width:320px;margin:0 30px 20px -150px;float:left}}@media (min-width: 1024px){.entry__content .wp-block-pullquote{width:420px;margin-left:-180px;font-size:36px}}.entry__content .wp-block-button{justify-content:center;margin-top:32px;margin-bottom:32px}.entry__content .wp-block-button__link{font-size:16px;line-height:20px}.inline-form,.widget_search .search-form,.widget_newsletter .newsletter-form{display:flex;flex-flow:row nowrap;width:100%;max-width:320px;margin:0 auto;background-color:#eee;border:1px solid rgba(0,0,0,0.1)}.inline-form__wrap,.widget_search .search-form>label,.widget_newsletter .newsletter-form>label{flex:1 1 auto}.inline-form__input,.widget_search .search-field,.widget_search .search-submit,.widget_newsletter .newsletter-field,.widget_newsletter .newsletter-submit{min-height:40px;padding:10px;border:none;background-color:transparent}.inline-form__input--field,.widget_search .search-field,.widget_newsletter .newsletter-field{width:100%}.inline-form__input--submit,.widget_search .search-submit,.widget_newsletter .newsletter-submit{font-weight:700}.nav-links{width:100%;margin-top:20px;margin-bottom:20px;display:flex;justify-content:center;flex-flow:wrap}.nav-links a,.nav-links span{display:none}@media (min-width: 480px){.nav-links a,.nav-links span{display:block}}.nav-links .prev,.nav-links .next{display:block;flex-basis:50%;text-align:center}@media (min-width: 480px){.nav-links .prev,.nav-links .next{flex-basis:auto}}.widget li,.widget li a,.widget_recent_entries li>a{font-size:20px;font-weight:700;color:#000}.widget,.widget li.cat-item{font-size:16px;font-weight:400;color:#555}.widget_recent_entries li .post-date,.widget_rss li .rss-date,.widget_rss li>cite,.widget_rss li .rssSummary{font-size:12px;font-weight:400;color:#555}.widget{padding:20px 0;line-height:1.5;word-break:break-word}.widget-title{margin:0 0 10px}.widget ul{list-style:none;margin:0;padding:0}@media (min-width: 480px) and (max-width: 767px){.widget ul{display:flex;flex-flow:row wrap;justify-content:space-between}}.widget li{padding:0}@media (min-width: 480px) and (max-width: 767px){.widget li{width:calc( 50% - 15px)}}.widget li+li{padding-top:6px}.widget li a{display:inline-block}.wrap__item--widget>.widget,.wrap__subitem--widget>.widget{max-width:320px;padding:0;margin-left:auto;margin-right:auto;text-align:center}.wrap__item--widget>.widget .widget-title,.wrap__subitem--widget>.widget .widget-title{font-size:24px;font-weight:400;line-height:1.25;text-transform:none;margin-bottom:0;padding-bottom:0;border-bottom:none;color:#000}.widget_recent_entries li{display:flex;flex-flow:column nowrap}.widget_recent_entries li+li{padding-top:15px}.widget_recent_entries li .post-date{order:0}.widget_recent_entries li>a{order:1}.widget_rss li{display:flex;flex-flow:row wrap}.widget_rss li+li{padding-top:20px}.widget_rss li .rss-date{order:0;width:50%;flex:1 1 50%}.widget_rss li>cite{order:1;width:50%;flex:1 1 50%;font-weight:700;font-style:normal;text-align:right}.widget_rss li .rsswidget{order:2;width:100%;padding:5px 0}.widget_rss li .rssSummary{order:3;width:100%}.widget.jetpack_subscription_widget form{display:flex;flex-flow:wrap;justify-content:space-between}.widget.jetpack_subscription_widget form>div{flex-basis:100%}.widget.jetpack_subscription_widget form>p{background-color:#eee;border:1px solid rgba(0,0,0,0.1);border-right-width:0;flex-basis:80%;padding:0}.widget.jetpack_subscription_widget form>p+p{flex-basis:20%;border-left-width:0;border-right-width:1px}.widget.jetpack_subscription_widget input{min-height:40px;border:none;background-color:transparent}.widget.jetpack_subscription_widget input[type='email']{width:100%;padding:10px}.social-share{padding:10px 0;font-size:14px;line-height:1.5;font-weight:700;color:#555}.social-share__title{display:block;padding:0 0 10px;text-transform:uppercase}.social-share__buttons{display:inline-flex;flex-flow:row wrap;margin:-5px}.social-share amp-social-share{margin:5px;border:4px solid #000;background-color:#000;opacity:0.8;transition:opacity 200ms linear}.social-share amp-social-share:hover,.social-share amp-social-share:focus{opacity:1;cursor:pointer}.error404 .entry__summary .search-form{display:flex;justify-content:space-around;margin-top:20px}.error404 .entry__summary .search-form input,.error404 .entry__summary .search-form button{background:#eee;border:1px solid rgba(0,0,0,0.1);padding:12px;font-size:13px}.error404 .entry__summary .search-form label{flex-basis:90%}.error404 .entry__summary .search-form input{width:100%;border-right:none}.error404 .entry__summary .search-form button{opacity:1;flex-basis:10%;border-left:none;margin-left:-5px}.comments__list{list-style:none;margin:0;padding:0}.comments__list .children{list-style:none;padding:0;margin:0}.comments__list .comment{padding:20px 0 0}.comments__list .comment-body{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-start;padding-left:52px}.comments__list .comment-meta{position:relative;flex:0 1 auto;width:calc( 100% - 60px)}@media (min-width: 768px){.comments__list .comment-meta{font-size:18px}}.comments__list .comment-meta .comment-awaiting-moderation{margin:0;color:#e4002b;font-size:14px}.comments__list .comment-reply-link{order:1;flex:1 0;width:60px;padding-top:5px;text-align:right;font-size:14px;line-height:1.4;font-weight:700}.comments__list .comment-content{order:2;width:100%;flex:0 1 auto;color:#555}@media (min-width: 768px){.comments__list .comment-content{font-size:18px;line-height:1.4}}.comments__list .comment-author{padding-top:5px;color:#555}.comments__list .comment-author a{opacity:1}.comments__list .comment-author a:hover,.comments__list .comment-author a:focus{opacity:0.8}.comments__list .comment-author .avatar{position:absolute;left:-52px;top:0;display:inline-block;margin:0}.comments__list .comment-author b{color:#000;font-weight:400}.comments__list .comment-metadata{font-size:14px;line-height:1.5;color:#555}.comments__list .comment-body{position:relative;padding-bottom:8px}.comments__list .comment-body::after{content:'';position:absolute;top:-20px;left:0;right:0;border-bottom:1px solid rgba(0,0,0,0.1)}.comments__list .comment-body p,.comments__list .comment-body ul,.comments__list .comment-body ol,.comments__list .comment-body dl,.comments__list .comment-body table{margin:20px 0}.comments__list .comment-body ul ul,.comments__list .comment-body ul ol,.comments__list .comment-body ol ul,.comments__list .comment-body ol ol{margin:10px 0}.comments__list .comment-body li{margin:10px 0}.comments__list .comment-body dt{font-weight:700}.comments__list .comment-body dd{margin:0 0 10px 20px}.comments__list .comment-body pre{overflow:scroll}.comments__list .comment.depth-2{padding-left:65px}.comments__list .comment.depth-2 .comment-body::after{left:-65px}@media (min-width: 768px){.comments__list .comment.depth-2{padding-left:77px}.comments__list .comment.depth-2 .comment-body::after{left:-77px}.comments__list .comment.depth-3{padding-left:77px}.comments__list .comment.depth-3 .comment-body::after{left:-154px}.comments__list .comment.depth-4{padding-left:77px}.comments__list .comment.depth-4 .comment-body::after{left:-231px}.comments__list .comment.depth-5{padding-left:77px}.comments__list .comment.depth-5 .comment-body::after{left:-308px}.comments__list .comment.depth-6{padding-left:77px}.comments__list .comment.depth-6 .comment-body::after{left:-385px}.comments__list .comment.depth-7{padding-left:77px}.comments__list .comment.depth-7 .comment-body::after{left:-462px}.comments__list .comment.depth-8{padding-left:77px}.comments__list .comment.depth-8 .comment-body::after{left:-539px}.comments__list .comment.depth-9{padding-left:77px}.comments__list .comment.depth-9 .comment-body::after{left:-616px}.comments__list .comment.depth-10{padding-left:77px}.comments__list .comment.depth-10 .comment-body::after{left:-693px}}.comments__list>.comment:first-child{padding-top:0}.comments__list>.comment:first-child>.comment-body::after{content:none}.comments .comment-respond{padding:20px 0 0;font-size:14px;color:#555;border-top:1px solid rgba(0,0,0,0.1)}@media (min-width: 768px){.comments .comment-respond{font-size:16px}}.comments .comment-reply-title{margin:20px 0;font-size:16px;line-height:1.4;font-weight:400;text-transform:none;color:#000}@media (min-width: 768px){.comments .comment-reply-title{font-size:18px;margin-bottom:0}}.comments .comment-form{display:flex;flex-flow:column nowrap}.comments .comment-form label{display:block;padding:10px 0}.comments .comment-form input[type='text'],.comments .comment-form input[type='email'],.comments .comment-form input[type='url'],.comments .comment-form textarea{display:block;width:100%;padding:9px;background-color:#eee;border:1px solid rgba(0,0,0,0.1)}.comments .comment-form input.user-invalid,.comments .comment-form textarea.user-invalid{border-color:#e4002b}.comments .comment-form input[type='submit']{width:100%;font-size:14px}@media (min-width: 768px){.comments .comment-form input[type='submit']{font-size:16px}}.comments .comment-form .form-submit{order:1;margin:30px 0 0}.comments .comment-form [submit-error],.comments .comment-form [submit-success]{width:100%;margin:30px 0 0;font-weight:700}.comments .comment-form [submit-error]{color:#e4002b}@media (min-width: 768px){.comments .comment-form{flex-flow:row wrap}.comments .comment-form>p{flex:0 0 auto;width:100%;margin-bottom:0}.comments .comment-form .comment-form-author{width:50%;padding-right:15px}.comments .comment-form .comment-form-email{width:50%;padding-left:15px}}.comments__log-in-button{margin:10px 0 0}.live-list{width:100%}.live-list__button{display:none;padding:0 20px}.live-list__button>.button,.entry__content .live-list__button>button,.entry__content .live-list__button>.button,.entry__link-more .live-list__button>.more-link,.entry__content .live-list__button>.wp-block-button__link,.nav-links .live-list__button>a,.nav-links .live-list__button>span,.comments .comment-form .live-list__button>input[type='submit']{margin:20px auto}.widget_recent_comments li a{display:inline;padding:0;margin:0} | |||
| html{font-size:100%}body,button,input,select,optgroup,textarea{font:400 16px/1.25 Roboto, sans-serif}figure{margin:0}.wp-smiley,.emoji{display:inline-block;height:1em;max-width:1em;margin:0 0.07em;padding:0;vertical-align:-0.1em;background:none;border:none;box-shadow:none}*,*::before,*::after{box-sizing:border-box}.screen-reader-text,.widget.jetpack_subscription_widget form label{position:absolute;left:-200vw;width:1px;height:1px;overflow:hidden}hr{clear:both;width:100%;margin:0 auto;border:none;border-bottom:1px solid rgba(0,0,0,0.1)}img,amp-img{max-width:100%;height:auto}#page{padding-top:60px}@media (min-width: 768px){#page{padding-top:49px}}@media (max-width: 767px){#page.no-scroll{position:absolute;overflow:hidden;width:100%;height:100vh}}.heading,h1,h2,h3,h4,h5,h6,.widget-title{margin:32px 0;font-weight:700;line-height:1.25;color:#000}.heading--h1,h1{font-size:24px}@media (min-width: 768px){.heading--h1,h1{font-size:36px}}@media (min-width: 1024px){.heading--h1,h1{font-size:56px}}.heading--h2,h2{font-size:20px}@media (min-width: 768px){.heading--h2,h2{font-size:24px}}@media (min-width: 1024px){.heading--h2,h2{font-size:48px}}.heading--h3,h3{font-size:16px;text-transform:uppercase}@media (min-width: 768px){.heading--h3,h3{font-size:20px;text-transform:none}}@media (min-width: 1024px){.heading--h3,h3{font-size:36px}}.heading--h4,h4{font-size:16px}@media (min-width: 768px){.heading--h4,h4{text-transform:uppercase}}@media (min-width: 1024px){.heading--h4,h4{font-size:24px;text-transform:none}}.heading--h5,h5{font-size:16px}@media (min-width: 1024px){.heading--h5,h5{font-size:20px}}.heading--h6,h6{font-size:16px}@media (min-width: 1024px){.heading--h6,h6{text-transform:uppercase}}.heading--widget,.widget-title{margin:0;padding:0 0 12px;font-size:16px;text-transform:uppercase;color:#555;border-bottom:1px dashed rgba(0,0,0,0.1)}a,button,input[type='submit']{color:#000;opacity:0.8;text-decoration:none;transition:opacity 200ms linear}a:hover,button:hover,input[type='submit']:hover{opacity:1;cursor:pointer}.button,.entry__content button,.entry__content .button,.entry__link-more .more-link,.entry__content .wp-block-button__link,.nav-links a,.nav-links span,.comments .comment-form input[type='submit']{display:flex;justify-content:center;align-items:center;padding:15px;color:#fff;background-color:#000;border:none;font-weight:700;text-decoration:none}.button--inline,.entry__content button,.entry__content .button,.entry__content .entry__link-more .more-link,.entry__link-more .entry__content .more-link,.entry__content .wp-block-button__link,.entry__content .nav-links a,.nav-links .entry__content a,.entry__content .nav-links span,.nav-links .entry__content span,.entry__content .comments .comment-form input[type='submit'],.comments .comment-form .entry__content input[type='submit']{display:inline-flex}.site-header__search button{font-size:0;position:relative;background:#000;border:2px solid #fff;border-radius:100%;padding:5px;cursor:pointer}.site-header__search button::after{content:'';display:block;position:absolute;bottom:-4px;right:-2px;background:#fff;height:5px;width:2px;border-radius:3px;transform:rotate(-40deg)}@media (min-width: 1024px){.entry{padding:20px 0 0}}.entry__thumbnail{margin:0;padding:0}.entry__thumbnail .wp-post-image{position:relative;width:100%;padding-bottom:66%}.entry__thumbnail img{object-fit:cover}.entry__header{padding:20px 0 0}@media (min-width: 1024px){.entry__header{padding:15px 0 0}}.entry__title{margin:0;font-size:24px;text-transform:none}@media (min-width: 1024px){.entry__title{font-size:36px}}.entry__summary,.entry__content{line-height:1.5;color:#555}@media (min-width: 1024px){.entry__summary,.entry__content{font-size:18px;line-height:1.38889}}.entry__summary p,.entry__content p{margin:15px 0 0}@media (min-width: 1024px){.entry__summary p,.entry__content p{margin-top:20px}}.entry__content{margin-top:-17px}@media (min-width: 1024px){.entry__content{margin-top:-12px}}.entry__content p,.entry__content ul,.entry__content ol,.entry__content dl,.entry__content table{margin:32px 0}.entry__content ul,.entry__content ol{padding:0 0 0 20px}.entry__content ul ol,.entry__content ul ul,.entry__content ol ol,.entry__content ol ul{margin:6px 0}.entry__content ol ol{list-style:lower-alpha}.entry__content ol ol ol{list-style:upper-roman}.entry__content li{margin:6px 0}.entry__content dt{font-weight:700;color:#000}.entry__content .aligncenter{margin-left:auto;margin-right:auto;text-align:center}.entry__content .alignleft{float:left;margin-left:0;margin-right:20px}.entry__content .alignright{float:right;margin-left:20px;margin-right:0}.entry__content blockquote{margin:40px auto;font-size:24px;line-height:1.41667;font-weight:700;color:#000}.entry__content blockquote::before,.entry__content blockquote::after{content:'';display:block;width:50px;margin:24px 0;border-bottom:1px solid rgba(0,0,0,0.1)}.entry__content blockquote cite{display:block;font-size:14px;font-weight:400;font-style:normal;color:#555}.entry__content blockquote p>cite{margin-top:24px}.entry__content hr{clear:both;margin:40px auto;width:190px;border:none;border-bottom:1px solid rgba(0,0,0,0.1)}@media (min-width: 1024px){.entry__content hr{width:150px}}.entry__content table{width:100%;border-collapse:collapse}.entry__content table th,.entry__content table td{padding:8px 4px;border-bottom:1px solid rgba(0,0,0,0.1)}.entry__content table th{font-weight:700;text-align:left;color:#000;border-bottom:2px solid #000}.entry__content button,.entry__content button,.entry__content .button,.entry__content .entry__link-more .more-link,.entry__link-more .entry__content .more-link,.entry__content .wp-block-button__link,.entry__content .nav-links a,.nav-links .entry__content a,.entry__content .nav-links span,.nav-links .entry__content span,.entry__content .comments .comment-form input[type='submit'],.comments .comment-form .entry__content input[type='submit']{font-size:16px;line-height:20px}.entry__link-more{display:none}.entry__link-more .more-link{max-width:240px}.entry__footer{padding-top:15px}@media (min-width: 1024px){.entry__footer{padding-top:20px}}.entry__meta{display:inline-block;padding:0 0 10px;font-size:14px;line-height:1.5;color:#555}@media (min-width: 1024px){.entry__meta{font-size:16px}}.entry__meta a{font-weight:700;color:#000}.entry__meta--byline::first-letter{text-transform:uppercase}.entry__meta--date a{font-weight:400;color:#555}.entry__footer .entry__meta--byline+.entry__meta--category::before{content:'';display:inline-block;margin:0 0 0 1em;padding:1em 0 0 1em;border-left:1px solid rgba(0,0,0,0.1);vertical-align:middle}.entry__share--in-content{text-align:center}.entry--featured,.wrap--triple-feature .wrap__item:nth-child(1){display:flex;flex-flow:column nowrap;padding:10px 20px 0}@media (min-width: 768px){.entry--featured,.wrap--triple-feature .wrap__item:nth-child(1){flex-flow:row wrap;padding-bottom:25px}}@media (min-width: 1024px){.entry--featured,.wrap--triple-feature .wrap__item:nth-child(1){padding-bottom:40px}}@media (min-width: 1080px){.entry--featured,.wrap--triple-feature .wrap__item:nth-child(1){padding-left:0;padding-right:0}}.entry--featured .entry__thumbnail,.wrap--triple-feature .wrap__item:nth-child(1) .entry__thumbnail{margin:-10px -20px 0}@media (min-width: 768px){.entry--featured .entry__thumbnail,.wrap--triple-feature .wrap__item:nth-child(1) .entry__thumbnail{width:calc( 100% + 40px)}}@media (min-width: 1024px){.entry--featured .entry__thumbnail,.wrap--triple-feature .wrap__item:nth-child(1) .entry__thumbnail{width:100%;margin:-10px 0 0}}.entry--featured .entry__thumbnail .wp-post-image,.wrap--triple-feature .wrap__item:nth-child(1) .entry__thumbnail .wp-post-image{padding-bottom:38%}@media (min-width: 768px){.entry--featured .entry__header,.wrap--triple-feature .wrap__item:nth-child(1) .entry__header{width:100%;padding:25px 0 15px}}@media (min-width: 1024px){.entry--featured .entry__header,.wrap--triple-feature .wrap__item:nth-child(1) .entry__header{padding:30px 0 25px}}@media (min-width: 768px){.entry--featured .entry__title,.wrap--triple-feature .wrap__item:nth-child(1) .entry__title{font-size:36px}}@media (min-width: 1024px){.entry--featured .entry__title,.wrap--triple-feature .wrap__item:nth-child(1) .entry__title{font-size:56px}}@media (min-width: 768px){.entry--featured .entry__meta,.wrap--triple-feature .wrap__item:nth-child(1) .entry__meta{padding:0;font-size:16px;line-height:1.875}}@media (min-width: 1024px){.entry--featured .entry__meta,.wrap--triple-feature .wrap__item:nth-child(1) .entry__meta{line-height:2.0625}}.entry--featured .entry__footer .entry__meta--date,.wrap--triple-feature .wrap__item:nth-child(1) .entry__footer .entry__meta--date{display:none}@media (min-width: 768px){.entry--featured .entry__footer .entry__meta--date,.wrap--triple-feature .wrap__item:nth-child(1) .entry__footer .entry__meta--date{display:inline-block}}@media (min-width: 768px){.entry--featured .entry__header .entry__meta,.wrap--triple-feature .wrap__item:nth-child(1) .entry__header .entry__meta{display:none}}@media (min-width: 768px){.entry--featured .entry__footer,.wrap--triple-feature .wrap__item:nth-child(1) .entry__footer{order:1;min-width:150px;flex:0 0}}@media (min-width: 768px){.entry--featured .entry__footer .entry__meta--byline+.entry__meta--category::before,.wrap--triple-feature .wrap__item:nth-child(1) .entry__footer .entry__meta--byline+.entry__meta--category::before{content:none}}@media (max-width: 767px){.entry--featured .entry__share--in-footer,.wrap--triple-feature .wrap__item:nth-child(1) .entry__share--in-footer{display:none}}.entry--featured .entry__meta+.entry__share,.wrap--triple-feature .wrap__item:nth-child(1) .entry__meta+.entry__share{padding-top:50px}@media (min-width: 768px){.entry--featured .entry__summary,.wrap--triple-feature .wrap__item:nth-child(1) .entry__summary,.entry--featured .entry__content,.wrap--triple-feature .wrap__item:nth-child(1) .entry__content{order:3;width:calc( 100% - 150px);max-width:720px;padding-left:30px;flex:1 1;font-size:18px;line-height:1.66667}}@media (min-width: 1024px){.entry--featured .entry__summary,.wrap--triple-feature .wrap__item:nth-child(1) .entry__summary,.entry--featured .entry__content,.wrap--triple-feature .wrap__item:nth-child(1) .entry__content{font-size:20px;line-height:1.65}}@media (max-width: 767px){.entry--featured .entry__content,.wrap--triple-feature .wrap__item:nth-child(1) .entry__content{order:1}}@media (min-width: 768px){.entry--featured .entry__link-more,.wrap--triple-feature .wrap__item:nth-child(1) .entry__link-more{display:block;padding:10px 0 0;font-size:16px}}@media (min-width: 1024px){.entry--featured .entry__link-more,.wrap--triple-feature .wrap__item:nth-child(1) .entry__link-more{padding:20px 0 0}}.entry--slim{padding:20px;border-bottom:1px solid rgba(0,0,0,0.1)}@media (min-width: 768px){.entry--slim{padding:20px 0}}.entry--slim::after{content:'';display:table;clear:both}.entry--slim .entry__thumbnail{float:right;width:122px;padding:0;margin:0 0 0 30px}@media (min-width: 480px){.entry--slim .entry__thumbnail{width:160px}}@media (min-width: 1024px){.entry--slim .entry__thumbnail{width:240px}}.entry--slim .entry__thumbnail::after{content:'';display:table;clear:both}.entry--slim .entry__header{padding:0;margin-right:142px}@media (min-width: 480px){.entry--slim .entry__header{margin-right:190px}}@media (min-width: 1024px){.entry--slim .entry__header{margin-right:270px}}.entry--slim .entry__title{font-size:16px}@media (min-width: 480px){.entry--slim .entry__title{font-size:20px}}@media (min-width: 1024px){.entry--slim .entry__title{font-size:24px}}@media (max-width: 767px){.entry--slim .entry__summary{display:none}}@media (min-width: 1024px){.entry--slim .entry__summary p{margin-top:15px}}.entry--slim .entry__footer{padding-top:10px}@media (max-width: 479px){.entry--slim .entry__footer{clear:right}}@media (min-width: 1024px){.entry--slim .entry__footer{padding-top:15px}}.entry--slim .entry__footer .entry__meta{padding-bottom:0}@media (max-width: 1023px){.entry--slim .entry__meta::after{margin-right:0.25em;padding-right:0.25em}}.wrap{display:flex;flex-flow:row wrap;max-width:1040px;margin:0 auto}.wrap__item{width:100%;flex:0 0 auto;padding:20px;border-bottom:1px solid rgba(0,0,0,0.1)}@media (min-width: 768px){.wrap__item{padding-top:40px;padding-bottom:40px}}@media (min-width: 1080px){.wrap__item{padding-left:0;padding-right:0}}.wrap__item--full-width{padding:0 0 20px;border-bottom:none}@media (min-width: 768px){.wrap__item--full-width{padding-top:0}}.wrap__item--page-heading{padding-top:0;padding-bottom:0;position:relative}@media (min-width: 768px){.wrap__item--page-heading{padding-top:20px;padding-bottom:20px}}.wrap__item--page-heading span{position:absolute;font-size:12px;text-transform:uppercase;background:#eee;padding:10px;right:20px;border-radius:3px}@media (min-width: 1024px){.wrap__item--page-heading span{right:auto;margin-top:-40px}}.wrap__item--sub-menu{padding-top:0;padding-bottom:0}@media (min-width: 768px){.wrap__item--half{width:50%}.wrap__item--half--primary{padding-right:15px}.wrap__item--half--secondary{padding-left:15px}}.wrap__item--blog{width:100%;padding:0;border-bottom:none}@media (min-width: 768px){.wrap__item--blog{padding:20px}}@media (min-width: 1080px){.wrap__item--blog{padding:40px 0}}@media (min-width: 768px){.wrap__item--blog--primary{width:66.66667%}}.wrap__item--blog--secondary{padding-top:0}@media (min-width: 768px){.wrap__item--blog--secondary{width:33.33333%}}@media (min-width: 1080px){.wrap__item--blog--secondary{padding-top:20px;padding-left:100px}}.wrap__item--heading{border-bottom:none;padding-bottom:0}.wrap__subitem{border-bottom:1px solid rgba(0,0,0,0.1)}.wrap__subitem--blog{padding:20px}@media (min-width: 768px){.wrap__subitem--blog{padding:20px 0}}.wrap__item--no-separator,.wrap__subitem--no-separator{border-bottom:none}.wrap__item--widget,.wrap__subitem--widget{display:flex;justify-content:center;align-items:center;padding:40px 20px}@media (min-width: 1024px){.wrap__item--widget,.wrap__subitem--widget{padding:60px 0}}.wrap--triple-feature .wrap__item{display:none}.wrap--triple-feature .wrap__item .entry__meta{padding-bottom:0}.wrap--triple-feature .wrap__item:nth-child(1){padding-bottom:40px}@media (max-width: 767px){.wrap--triple-feature .wrap__item:nth-child(1){padding-bottom:20px}}.wrap--triple-feature .wrap__item:nth-child(2),.wrap--triple-feature .wrap__item:nth-child(3){display:block}@media (min-width: 768px){.wrap--triple-feature .wrap__item:nth-child(2),.wrap--triple-feature .wrap__item:nth-child(3){width:50%}}@media (min-width: 768px){.wrap--triple-feature .wrap__item:nth-child(2){padding-right:20px}}@media (min-width: 768px){.wrap--triple-feature .wrap__item:nth-child(3){padding-left:20px}}.wrap--single{margin:0 auto;padding-left:20px;padding-right:20px}@media (min-width: 768px){.wrap--single{padding-left:200px}}@media (min-width: 1024px){.wrap--single{max-width:700px;padding-left:10px;padding-right:0}}.wrap--single .wrap__item{padding-left:0;padding-right:0}.site-header{display:flex;flex-flow:row nowrap;max-width:1040px;margin:0 auto;font-size:14px}@media (min-width: 768px){.site-header{flex-flow:column nowrap}}.site-header__branding{position:fixed;top:0;z-index:2;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%;color:#fff;background-color:#000}@media (min-width: 768px){.site-header__branding{position:static;order:2;flex-flow:column nowrap;width:100%;padding:40px 20px;text-align:center;color:#000;background-color:transparent}}.site-header__branding::after{content:'';position:absolute;left:20px;bottom:0;right:20px;height:1px;border-bottom:1px solid #fff;opacity:0;transition:opacity 0.3s ease-out}@media (min-width: 768px){.site-header__branding::after{content:none}}.is-menu-expanded .site-header__branding::after{opacity:1;transition-delay:0.4s}.site-header__title{width:calc( 100% - 50px);height:60px;margin:0;padding:15px 20px;font-size:24px;font-weight:700;line-height:1.25}@media (min-width: 768px){.site-header__title{width:auto;height:auto;padding:0;font-size:56px}}.site-header__title a{color:#fff;opacity:1}@media (min-width: 768px){.site-header__title a{color:#000}}.site-header__title a:hover,.site-header__title a:focus{opacity:0.8}.site-header__title .custom-logo-link{display:block;width:100%;max-width:400px;height:100%;background-repeat:no-repeat;background-position:left center;background-size:contain}@media (min-width: 768px){.site-header__title .custom-logo-link{height:auto}}.site-header__title .custom-logo{max-height:100%}@media (min-width: 768px){.site-header__title .custom-logo{display:block}}.site-header__title .custom-logo img{object-fit:contain}.site-header__description{display:none;margin:0;color:#555;font-size:18px;font-weight:300}@media (min-width: 768px){.site-header__description{display:block}}.site-header__menu-toggle{display:block;position:relative;padding:0;width:52px;height:52px;margin-right:4px;cursor:pointer;background-color:transparent;border:none}@media (min-width: 768px){.site-header__menu-toggle{display:none}}.site-header__menu-toggle::before,.site-header__menu-toggle::after{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:2px;width:20px;background-color:#fff;transition:box-shadow 0.3s ease-out,transform 0.5s cubic-bezier(0.23, 1, 0.32, 1),opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1)}.site-header__menu-toggle::before{box-shadow:0 6px 0 0 #fff,0 -6px 0 0 #fff}.site-header__menu-toggle::after{opacity:0}.is-menu-expanded .site-header__menu-toggle::before{transform:translate(-50%, -50%) rotateZ(45deg);box-shadow:none}.is-menu-expanded .site-header__menu-toggle::after{transform:translate(-50%, -50%) rotateZ(-45deg);opacity:1}.site-header__nav{position:absolute;z-index:1;top:60px;left:0;right:0;bottom:0;padding:20px;transform:translateY(-100%);transition:transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);overflow-y:scroll;background-color:#000;color:#fff}.is-menu-expanded .site-header__nav{transform:none}@media (min-width: 768px){.site-header__nav{order:1;z-index:3;position:fixed;top:0;bottom:auto;max-width:1040px;margin:0 auto;padding:6px 20px;overflow:visible;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;transform:none;transition:none;box-shadow:30vw 0 0 #000,-30vw 0 0 #000}.site-header__nav::after{content:none}}@media (min-width: 1080px){.site-header__nav{padding:6px 0}}.site-header__search{display:none;margin-top:-4px;margin-bottom:-4px}@media (min-width: 768px){.site-header__search{display:block}}.site-header__search input{background-color:#000;border:0;padding:4px;font-size:14px;max-width:70px;transition:max-width 100ms linear, background-color 100ms linear;color:#fff;text-overflow:ellipsis}.site-header__search input:focus{background-color:#fff;color:#000;max-width:200px}.site-header__search input::placeholder{color:#fff;font-size:14px}.site-header__search button{margin-top:4px;margin-left:4px;float:right}.wrap--footer{max-width:685px}@media (max-width: 767px){.wrap--footer{padding-left:20px;padding-right:20px}}@media (min-width: 768px){.wrap--footer{border-top:2px solid #000;padding-top:30px}}.wrap--footer .wrap__item--footer-menu ul{list-style:none;margin:0;padding:0}.wrap--footer .wrap__item--footer-menu ul li{margin-bottom:16px}@media (min-width: 768px){.wrap--footer .wrap__item--footer-menu ul{display:flex;flex-flow:wrap}.wrap--footer .wrap__item--footer-menu ul li{flex-basis:50%}}.wrap--footer .wrap__item--footer-copyright{margin:0;color:#777;font-weight:300}.menu--header{display:flex;flex-flow:column nowrap;margin:0;padding:0;list-style:none;font-size:24px}@media (min-width: 768px){.menu--header{margin:0 -10px;flex-flow:row nowrap;font-size:14px}}.menu--header .menu-item{position:relative;padding:0}.menu--header .menu-item a{display:inline-flex;flex-flow:row nowrap;justify-content:space-between;opacity:1;color:#fff;padding:10px 20px;max-width:calc( 100% - 50px)}.menu--header .menu-item a:hover,.menu--header .menu-item a:focus{opacity:0.8}@media (min-width: 768px){.menu--header .menu-item a{display:flex;max-width:none;padding:10px;opacity:0.8}.menu--header .menu-item a:hover,.menu--header .menu-item a:focus{opacity:1}}@media (min-width: 768px){.menu--header .menu-item-has-children{padding-right:16px}}.menu--header .menu-item-has-children::after{content:'▾';position:absolute;top:0;right:0;width:50px;height:50px;display:flex;justify-content:center;align-items:center;transition:transform 0.2s ease-out;transform-origin:50% 53%}@media (min-width: 768px){.menu--header .menu-item-has-children::after{width:20px;height:36px;right:4px;opacity:0.8}}.menu--header .menu-item:hover::after,.menu--header .menu-item:focus::after{transform:rotateZ(180deg)}.menu--header .menu-item:hover>.sub-menu,.menu--header .menu-item:focus>.sub-menu{display:block}.menu--header .sub-menu{position:relative;display:none;list-style:none;margin:0;padding:8px 0;font-size:18px}@media (min-width: 768px){.menu--header .sub-menu{position:absolute;padding:10px 0;margin:0 0 0 -10px;min-width:150px;font-size:14px;background-color:#000}}@media (min-width: 768px){.menu--header .sub-menu .sub-menu{left:calc( 100% + 10px);top:-10px;background-color:#333}}.menu--header .sub-menu .menu-item a{opacity:0.8}.menu--header .sub-menu .menu-item a:hover,.menu--header .sub-menu .menu-item a:focus{opacity:1}@media (min-width: 768px){.menu--header .sub-menu .menu-item a{padding:10px 20px}}.menu--header .sub-menu .menu-item-has-children:hover::after,.menu--header .sub-menu .menu-item-has-children:focus::after{transform:none}.menu--header .sub-menu .menu-item-has-children::after{content:'▸'}@media (max-width: 767px){.menu--header .sub-menu .menu-item-has-children::after{content:none}}.menu--horizontal{display:flex;flex-flow:row nowrap;white-space:nowrap;overflow:auto;overflow-x:scroll;list-style:none;height:58px;margin:0 -10px;padding:8px 0;font-weight:700;-webkit-overflow-scrolling:touch}@media (min-width: 768px){.menu--horizontal{flex-wrap:wrap;overflow-x:auto;white-space:normal;margin:0 -10px;padding:8px 0;height:auto}}.menu--horizontal::before{content:'';display:block;position:absolute;margin-top:-8px;left:calc( 100vw - 75px);width:75px;height:58px;background-image:linear-gradient(to left, #fff, transparent)}@media (min-width: 768px){.menu--horizontal::before{content:none;z-index:1}}.menu--horizontal ul{list-style:none;margin:0;padding:0}.menu--horizontal a{display:block;padding:10px}.menu--horizontal .menu-item:last-child{padding-right:65px}@media (min-width: 768px){.menu--horizontal .menu-item:last-child{padding-right:0}}.entry__content .alignnone,.entry__content .aligncenter,.entry__content .alignfull,.entry__content .alignwide{clear:both;margin:32px -20px;width:calc( 100% + 40px)}@media (min-width: 768px){.entry__content .aligncenter{margin-left:auto;margin-right:auto}}@media (min-width: 768px){.entry__content .alignfull,.entry__content .alignwide{width:100vw;max-width:1040px;margin-left:-200px;margin-right:0}.entry__content .alignfull figcaption,.entry__content .alignwide figcaption{max-width:720px;margin-left:200px;padding-right:30px}}@media (min-width: 1080px){.entry__content .alignfull,.entry__content .alignwide{margin-left:-180px}.entry__content .alignfull figcaption,.entry__content .alignwide figcaption{margin-left:180px}}.entry__content .wp-block-image figcaption{padding:16px 20px 0;font-size:14px;line-height:1.42857;text-align:left}@media (min-width: 768px){.entry__content .wp-block-image figcaption{padding-left:0;padding-right:0}}.entry__content .wp-block-cover-image{position:relative;padding:50px 20px;display:flex;justify-content:center;align-items:center;text-align:center;background-repeat:no-repeat;background-position:center;background-size:cover}.entry__content .wp-block-cover-image::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0}.entry__content .wp-block-cover-image h2{position:relative;z-index:1;font-size:24px;color:#fff}@media (min-width: 768px){.entry__content .wp-block-cover-image h2{font-size:36px}}.entry__content .wp-block-gallery{display:flex;flex-flow:row wrap;justify-content:space-between}.entry__content .wp-block-gallery figure{display:flex;flex:1 0 auto;margin:1px;width:100%}.entry__content .wp-block-gallery amp-img{flex:1;object-fit:cover}.entry__content .wp-block-gallery.columns-2 figure{width:calc( 50% - 2px)}.entry__content .wp-block-gallery.columns-3 figure{width:calc( 33.33333% - 2px)}.entry__content .wp-block-gallery.columns-4 figure{width:calc( 25% - 2px)}.entry__content .wp-block-gallery.columns-5 figure{width:calc( 20% - 2px)}.entry__content .wp-block-gallery.columns-6 figure{width:calc( 16.66667% - 2px)}.entry__content .wp-block-gallery.columns-7 figure{width:calc( 14.28571% - 2px)}.entry__content .wp-block-gallery.columns-8 figure{width:calc( 12.5% - 2px)}.entry__content .wp-block-pullquote{max-width:100%}@media (min-width: 768px){.entry__content .wp-block-pullquote{width:320px;margin:0 30px 20px -150px;float:left}}@media (min-width: 1024px){.entry__content .wp-block-pullquote{width:420px;margin-left:-180px;font-size:36px}}.entry__content .wp-block-button{justify-content:center;margin-top:32px;margin-bottom:32px}.entry__content .wp-block-button__link{font-size:16px;line-height:20px}.inline-form,.widget_search .search-form,.widget_newsletter .newsletter-form{display:flex;flex-flow:row nowrap;width:100%;max-width:320px;margin:0 auto;background-color:#eee;border:1px solid rgba(0,0,0,0.1)}.inline-form__wrap,.widget_search .search-form>label,.widget_newsletter .newsletter-form>label{flex:1 1 auto}.inline-form__input,.widget_search .search-field,.widget_search .search-submit,.widget_newsletter .newsletter-field,.widget_newsletter .newsletter-submit{min-height:40px;padding:10px;border:none;background-color:transparent}.inline-form__input--field,.widget_search .search-field,.widget_newsletter .newsletter-field{width:100%}.inline-form__input--submit,.widget_search .search-submit,.widget_newsletter .newsletter-submit{font-weight:700}.nav-links{width:100%;margin-top:20px;margin-bottom:20px;display:flex;justify-content:center;flex-flow:wrap}.nav-links a,.nav-links span{display:none}@media (min-width: 480px){.nav-links a,.nav-links span{display:block}}.nav-links .prev,.nav-links .next{display:block;flex-basis:50%;text-align:center}@media (min-width: 480px){.nav-links .prev,.nav-links .next{flex-basis:auto}}.widget li,.widget li a,.widget_recent_entries li>a{font-size:20px;font-weight:700;color:#000}.widget,.widget li.cat-item{font-size:16px;font-weight:400;color:#555}.widget_recent_entries li .post-date,.widget_rss li .rss-date,.widget_rss li>cite,.widget_rss li .rssSummary{font-size:12px;font-weight:400;color:#555}.widget{padding:20px 0;line-height:1.5;word-break:break-word}.widget-title{margin:0 0 10px}.widget ul{list-style:none;margin:0;padding:0}@media (min-width: 480px) and (max-width: 767px){.widget ul{display:flex;flex-flow:row wrap;justify-content:space-between}}.widget li{padding:0}@media (min-width: 480px) and (max-width: 767px){.widget li{width:calc( 50% - 15px)}}.widget li+li{padding-top:6px}.widget li a{display:inline-block}.wrap__item--widget>.widget,.wrap__subitem--widget>.widget{max-width:320px;padding:0;margin-left:auto;margin-right:auto;text-align:center}.wrap__item--widget>.widget .widget-title,.wrap__subitem--widget>.widget .widget-title{font-size:24px;font-weight:400;line-height:1.25;text-transform:none;margin-bottom:0;padding-bottom:0;border-bottom:none;color:#000}.widget_recent_entries li{display:flex;flex-flow:column nowrap}.widget_recent_entries li+li{padding-top:15px}.widget_recent_entries li .post-date{order:0}.widget_recent_entries li>a{order:1}.widget_rss li{display:flex;flex-flow:row wrap}.widget_rss li+li{padding-top:20px}.widget_rss li .rss-date{order:0;width:50%;flex:1 1 50%}.widget_rss li>cite{order:1;width:50%;flex:1 1 50%;font-weight:700;font-style:normal;text-align:right}.widget_rss li .rsswidget{order:2;width:100%;padding:5px 0}.widget_rss li .rssSummary{order:3;width:100%}.widget.jetpack_subscription_widget form{display:flex;flex-flow:wrap;justify-content:space-between}.widget.jetpack_subscription_widget form>div{flex-basis:100%}.widget.jetpack_subscription_widget form>p{background-color:#eee;border:1px solid rgba(0,0,0,0.1);border-right-width:0;flex-basis:80%;padding:0}.widget.jetpack_subscription_widget form>p+p{flex-basis:20%;border-left-width:0;border-right-width:1px}.widget.jetpack_subscription_widget input{min-height:40px;border:none;background-color:transparent}.widget.jetpack_subscription_widget input[type='email']{width:100%;padding:10px}.social-share{padding:10px 0;font-size:14px;line-height:1.5;font-weight:700;color:#555}.social-share__title{display:block;padding:0 0 10px;text-transform:uppercase}.social-share__buttons{display:inline-flex;flex-flow:row wrap;margin:-5px}.social-share amp-social-share{margin:5px;border:4px solid #000;background-color:#000;opacity:0.8;transition:opacity 200ms linear}.social-share amp-social-share:hover,.social-share amp-social-share:focus{opacity:1;cursor:pointer}.error404 .entry__summary .search-form{display:flex;justify-content:space-around;margin-top:20px}.error404 .entry__summary .search-form input,.error404 .entry__summary .search-form button{background:#eee;border:1px solid rgba(0,0,0,0.1);padding:12px;font-size:13px}.error404 .entry__summary .search-form label{flex-basis:90%}.error404 .entry__summary .search-form input{width:100%;border-right:none}.error404 .entry__summary .search-form button{opacity:1;flex-basis:10%;border-left:none;margin-left:-5px}.comments__list{list-style:none;margin:0;padding:0}.comments__list .children{list-style:none;padding:0;margin:0}.comments__list .comment{padding:20px 0 0}.comments__list .comment-body{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-start;padding-left:52px}.comments__list .comment-meta{position:relative;flex:0 1 auto;width:calc( 100% - 60px)}@media (min-width: 768px){.comments__list .comment-meta{font-size:18px}}.comments__list .comment-meta .comment-awaiting-moderation{margin:0;color:#e4002b;font-size:14px}.comments__list .comment-reply-link{order:1;flex:1 0;width:60px;padding-top:5px;text-align:right;font-size:14px;line-height:1.4;font-weight:700} | |||
There was a problem hiding this comment.
This is simply from making those slight changes to the 2 .scss files, and doing npm run build.
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Request For Code Review
Hi @delawski,
Thanks a lot for your solution for the plugin issue #1109. Could you please review this, when you have a chance?
@westonruter noticed an issue with images have the class
.alignnone.https://v0-7-ampconfdemo.pantheonsite.io/2018/05/02/new-image-test-post/
They are horizontally stretched if they have a natural width less than the container.
Weston also pointed out that core themes don't have styling for
.alignnone. This PR removes the selector for.alignnone, and also thewidth: 100%rule for.aligncenter.Should these other rules for
.alignnonealso be removed? It looks like this width value is still causing the.alignnoneimage to be stretched.Thanks, Piotr! You were a huge help today with the plugin issue.