File: /home/alloesb/www/wp-content/themes/listable/editor-style.css
/**
*
* Table of Contents
* -------------------------------------------------
* 1.0 - Tools
* 1.1 - Clearfix
* 1.2 - Queries
* 1.3 - Helpers
*
* 2.0 - Resets
*
* 3.0 - Base
* 3.1 - Blockquote
* 3.2 - Lists
* 3.3 - Titles
* 3.4 - Links
* 3.5 - Typography
* 3.6 - WP Align
*
* 4.0 - Components
* 4.1 - Grid
*
* 5.0 - Objects
* 5.1 - Gallery
*
* 6.0 - Components
* 6.1 - Winners
*/
/**
* 1.0 - Tools
* 1.1 - Clearfix
*/
.cf:after,
.clearfix:after,
.grid:after {
content: " ";
display: table;
clear: both;
}
/**
* 1.2 - Queries
*/
/**
* 1.3 - Helpers
*/
.no-margins {
margin: 0;
}
/**
* 2.0 - Resets
*/
button, h1, h2, h3, h4, h5, h6,
p,
blockquote,
figure,
ul, ol,
dl, dd,
th, td,
pre {
margin: 0;
padding: 0;
border: 0;
}
body {
margin: 0;
}
img {
border: 0;
}
:focus {
outline: 0;
}
button {
background: none;
}
a,
button {
color: inherit;
}
button, a {
cursor: pointer;
}
main,
li {
display: block;
}
button {
font: inherit;
}
button {
-webkit-font-smoothing: inherit;
}
strong {
font-weight: bold;
}
button {
letter-spacing: inherit;
}
a {
text-decoration: none;
}
button {
overflow: visible;
}
img {
max-width: 100%;
}
img {
height: auto;
}
a,
button {
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}
::-moz-focus-inner {
padding: 0;
border: 0;
}
/**
* 3.0 - Base
* 3.1 - Blockquote
*/
* blockquote {
position: relative;
font-weight: bold;
font-size: 1.25rem;
line-height: 1.5;
}
* blockquote p {
font-family: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
}
.entry-content * blockquote + p, * .entry-content blockquote + p {
margin-top: -0.5rem;
}
* blockquote.alignleft, * blockquote.alignright {
margin-bottom: 0;
}
@media only screen and (min-width: 740px) {
* blockquote.alignleft, * blockquote.alignright {
max-width: calc(50% - 20px);
}
}
* blockquote.alignleft {
margin-left: 0;
margin-right: 20px;
}
* blockquote.alignright {
margin-right: 0;
margin-left: 0px;
}
@media only screen and (min-width: 740px) {
* blockquote.alignright {
margin-left: 20px;
}
}
/**
* 3.2 - Lists
*/
/* Definition Lists */
* dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
* dl dt, * dl dd {
padding: 0.5em 0;
border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
* dl dt:last-of-type, * dl dd:last-of-type {
border-bottom: 0;
}
* dl dt {
font-weight: bold;
-ms-flex-preferred-size: 33%;
flex-basis: 33%;
}
* dl dd {
-ms-flex-preferred-size: 66%;
flex-basis: 66%;
}
/* Unordered Lists */
* ul, * ol {
padding-left: 1.375rem;
}
* ul ul, * ul ol, * ol ul, * ol ol {
list-style: initial;
margin: 0 0 -0.5em;
padding-left: 2em;
}
* ul li, * ol li {
position: relative;
padding: 0.25em 0;
display: list-item;
}
@media not screen and (min-width: 740px) {
* ul li, * ol li {
padding-left: 0;
margin-left: 0;
}
}
* ul li:last-child, * ol li:last-child {
border-bottom: 0;
}
* ul {
list-style: initial;
}
* ol {
list-style: decimal;
}
/**
* 3.3 - Titles
*/
h1, h2, h3, h4, h5, h6 {
-webkit-font-feature-settings: "dlig" 1, "liga" 1, "lnum" 1, "kern" 1;
font-feature-settings: "dlig" 1, "liga" 1, "lnum" 1, "kern" 1;
color: #5D5C5C;
}
h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6 {
margin-top: 0;
}
h1, .entry-title, .archive-title {
font-size: 3rem;
font-weight: normal;
line-height: 1.27;
}
h2 {
font-size: 2.25rem;
font-weight: normal;
line-height: 1.33;
}
h3 {
font-size: 1.5rem;
font-weight: normal;
margin-bottom: 1rem;
}
* blockquote cite, h4 {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 1.125rem;
font-weight: bold;
margin-bottom: 0.5rem;
}
h5 {
font-size: 15px;
line-height: 1.6666666667;
}
h6 {
text-transform: uppercase;
font-weight: normal;
font-size: 0.8125rem;
margin-bottom: 0.5rem;
}
h1, .entry-title, .archive-title {
font-size: 1.5rem;
}
@media only screen and (min-width: 740px) {
h1, .entry-title, .archive-title {
font-size: 3rem;
}
}
/**
* 3.4 - Links
*/
* a {
color: #FF4D55;
-webkit-transition: color 0.1s linear, background-color 0.1s ease-out;
transition: color 0.1s linear, background-color 0.1s ease-out;
}
* a:hover {
color: #484848;
}
@media only screen and (min-width: 900px) {
a[href*=jpg] img, a[href*=png] img, a[href*=instagram] img {
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
will-change: opacity;
}
a[href*=jpg]:hover img, a[href*=png]:hover img, a[href*=instagram]:hover img {
opacity: 0.85;
}
.gallery a[href*=jpg]:hover img, .widget a[href*=jpg]:hover img, .gallery a[href*=png]:hover img, .widget a[href*=png]:hover img, .gallery a[href*=instagram]:hover img, .widget a[href*=instagram]:hover img {
opacity: 0.75;
}
}
/**
* 3.5 - Typography
*/
* blockquote cite, html {
font-family: "Source Sans Pro", Helvetica, sans-serif;
}
h1, .entry-title, .archive-title, h2, h3 {
font-family: "Hanken", sans-serif;
}
.description:not(body), .intro {
font-family: "Hanken", sans-serif;
font-weight: normal;
}
html {
font-size: 100%;
line-height: 1.5;
color: #484848;
}
p,
* li {
-webkit-font-feature-settings: "kern" 1, "onum" 1, "liga" 1;
font-feature-settings: "kern" 1, "onum" 1, "liga" 1;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 0.3125rem;
}
hr {
display: block;
clear: both;
border: 0;
background-color: currentColor;
opacity: 0.2;
height: 101px;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
background-clip: content-box;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
hr:first-child, hr:last-child {
height: 51px;
}
hr:first-child {
border-top: 0;
}
hr:last-child {
border-bottom: 0;
}
.entry-content hr.clear {
background-color: transparent;
margin: 10px 0;
border: 0;
height: 1px;
}
.entry-content hr.clear:first-child {
margin-top: 0;
}
.entry-content hr.clear:last-child {
margin-bottom: 0;
}
.intro {
margin-bottom: 2.8125rem;
font-size: 1.25rem;
color: #484848;
}
p.intro {
font-weight: 600;
}
.description:not(body) {
font-size: 1.125rem;
color: #919191;
display: block;
text-align: center;
}
.wp-caption-text, .gallery-caption {
font-size: 85%;
font-weight: lighter;
}
.entry-title {
margin-bottom: 1.125rem;
}
@media only screen and (min-width: 740px) {
.entry-title {
margin-bottom: 1.25rem;
}
}
* {
line-height: 1.7;
}
* blockquote cite {
display: block;
margin-top: 0.75rem;
font-style: normal;
}
* h1, * h2, * h3, * h4, * h5, * h6 {
margin-top: 3.5rem;
}
* > *:first-child {
margin-top: 0;
}
body {
font-size: 0.875rem;
}
@media only screen and (min-width: 740px) {
body {
font-size: 0.934375rem;
}
}
@media only screen and (min-width: 900px) {
body {
font-size: 1rem;
}
}
/**
* 3.6 - WP Align
*/
.alignleft, .alignright {
position: relative;
z-index: 1;
margin-bottom: 0.78125rem;
clear: both;
}
@media not screen and (min-width: 640px) {
.alignleft, .alignright {
max-width: 100%;
display: block;
}
}
@media only screen and (min-width: 900px) {
.alignleft, .alignright {
max-width: calc(50% + 150px - 20px) !important;
}
}
.alignleft {
float: left;
margin-right: 1.5625rem;
text-align: left;
}
@media only screen and (min-width: 900px) {
.alignleft {
margin-right: 3.125rem;
}
}
@media not screen and (min-width: 900px) {
.alignleft.wp-caption {
margin-left: 0;
}
}
.alignright {
float: right;
margin-left: 1.5625rem;
text-align: right;
}
@media only screen and (min-width: 900px) {
.alignright {
margin-left: 3.125rem;
}
}
@media not screen and (min-width: 900px) {
.alignright.wp-caption {
margin-right: 0;
}
}
.aligncenter {
display: block;
width: auto !important;
max-width: none !important;
margin-top: 3.125rem;
margin-bottom: 3.125rem;
text-align: center;
}
.aligncenter img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}
@media not screen and (min-width: 900px) {
figure.aligncenter, figure.alignnone {
margin-left: 0;
margin-right: 0;
}
}
@media only screen and (min-width: 1200px) {
.aligncenter {
margin-left: -200px;
margin-right: -200px;
}
.alignleft {
margin-left: -5.625rem;
}
.alignright {
margin-right: -5.625rem;
}
}
/**
* 4.0 - Components
* 4.1 - Grid
*/
.grid__item {
width: 100%;
display: block;
float: left;
}
/**
* 5.0 - Objects
* 5.1 - Gallery
*/
.gallery.gallery,
.tiled-gallery.tiled-gallery {
margin-top: 3.125rem;
margin-bottom: 3.125rem;
}
.gallery.gallery + *,
.tiled-gallery.tiled-gallery + * {
margin-top: -0.3125rem;
}
.gallery.gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.gallery.gallery > * {
min-width: 0;
}
.gallery-item.gallery-item {
margin-bottom: 5px;
text-align: center;
}
@media only screen and (min-width: 900px) {
.gallery-item.gallery-item {
margin-bottom: 10px;
}
}
.gallery-item.gallery-item a {
display: block;
}
.widget-area .gallery-item.gallery-item {
margin-bottom: 5px;
}
.gallery-icon img {
display: block;
}
.gallery-caption {
margin-left: 0 !important;
}
.gallery-columns-1 .gallery-item {
-ms-flex-preferred-size: calc(100% - 15px);
flex-basis: calc(100% - 15px);
}
.gallery-columns-2 .gallery-item {
-ms-flex-preferred-size: calc(50% - 15px);
flex-basis: calc(50% - 15px);
}
.gallery-columns-3 .gallery-item {
-ms-flex-preferred-size: calc(33.3333333333% - 15px);
flex-basis: calc(33.3333333333% - 15px);
}
.gallery-columns-4 .gallery-item {
-ms-flex-preferred-size: calc(25% - 15px);
flex-basis: calc(25% - 15px);
}
.gallery-columns-5 .gallery-item {
-ms-flex-preferred-size: calc(20% - 15px);
flex-basis: calc(20% - 15px);
}
.gallery-columns-6 .gallery-item {
-ms-flex-preferred-size: calc(16.6666666667% - 15px);
flex-basis: calc(16.6666666667% - 15px);
}
.gallery-columns-7 .gallery-item {
-ms-flex-preferred-size: calc(14.2857142857% - 15px);
flex-basis: calc(14.2857142857% - 15px);
}
.gallery-columns-8 .gallery-item {
-ms-flex-preferred-size: calc(12.5% - 15px);
flex-basis: calc(12.5% - 15px);
}
.gallery-columns-9 .gallery-item {
-ms-flex-preferred-size: calc(11.1111111111% - 15px);
flex-basis: calc(11.1111111111% - 15px);
}
/*------------------------------------*\
Jetpack Gallery SLIDESHOW
\*------------------------------------*/
/**
* 6.0 - Components
* 6.1 - Winners
*/
.site-title {
margin-top: 0;
margin-bottom: 0;
}
p,
* ul,
* ol,
* dl,
* pre {
margin-top: 0;
}
p,
* ul,
* ol,
* dl,
* pre {
margin-bottom: 0.934375rem;
}
@media only screen and (min-width: 740px) {
p,
* ul,
* ol,
* dl,
* pre {
margin-bottom: 1.25rem;
}
}
@media only screen and (min-width: 900px) {
p,
* ul,
* ol,
* dl,
* pre {
margin-bottom: 1.5625rem;
}
}
.sides--hard {
margin-left: 0;
margin-right: 0;
}
.sides--auto, .gallery-icon img {
margin-left: auto;
margin-right: auto;
}
.word-wrap, html {
-webkit-hyphens: auto;
hyphens: auto;
word-break: break-word;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.hide {
display: none;
}
.show {
display: initial;
}
.self-flex-start {
-ms-flex-item-align: start;
align-self: flex-start;
}
.self-flex-end {
-ms-flex-item-align: end;
align-self: flex-end;
}
.self-center {
-ms-flex-item-align: center;
align-self: center;
}
.is--visible {
display: block !important;
}
body {
font-family: inherit;
font-size: inherit;
line-height: inherit;
color: inherit;
margin: 0 auto;
max-width: 700px;
-webkit-font-smoothing: initial !important;
border-top: 50px solid transparent;
}
.gallery,
.gallery-item,
.gallery-icon {
padding: 0;
}
.gallery {
line-height: inherit;
}
/*# sourceMappingURL=editor-style.css.map */