@charset "UTF-8";
  html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
}
[hidden] {
display: none;
}
*:first-child + html .clearfix {
min-height: 1px;
}
body {
line-height: 1;
}
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a {
text-decoration: none;
}
a:focus {
outline: thin dotted;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
textarea {
overflow: auto;
vertical-align: top;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td {
vertical-align: top;
}
form,
input,
select,
textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
legend {
border: 0;
padding: 0;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
}
button,
input {
line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
-moz-appearance: button;
-ms-appearance: button;
-o-appearance: button;
appearance: button;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
-ms-appearance: textfield;
-o-appearance: textfield;
appearance: textfield;
}
textarea {
overflow: auto;
vertical-align: top;
resize: vertical;
max-width: 100%;
}
label {
cursor: pointer;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: middle;
}
svg:not(:root) {
overflow: hidden;
}
* {
box-sizing: border-box;
}
.screen-reader-text {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
img.screen-reader-text {
pointer-events: none;
}
iframe {
max-width: 100%;
} a:focus {
outline: none;
}
ul {
list-style-type: disc;
list-style-position: inside;
}
ol {
list-style-type: decimal;
list-style-position: inside;
}
ul ul,
ol ul {
list-style-type: circle;
list-style-position: inside;
}
ol ol,
ul ol {
list-style-type: lower-latin;
list-style-position: inside;
}
ul,
ol {
position: relative;
}
ul li,
ol li {
position: relative;
}
strong,
b {
font-weight: bold;
}
em {
font-style: italic;
}
dl dt {
font-weight: bold;
}
pre,
code,
kbd,
tt,
var {
font-family: Courier, "Courier New", monospace;
}
small,
sub,
sup {
font-size: 75%;
}
big {
font-size: 125%;
}
sub,
sup {
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -.25em;
top: .5ex;
}
sup {
top: -.5em;
bottom: 1ex;
}
abbr,
acronym {
border-bottom: 1px dotted currentColor;
text-decoration: none;
cursor: help;
}
pre {
display: block;
overflow: auto;
}
pre code {
padding: 0;
background-color: transparent;
}
code {
padding: .25em .5em;
}
table {
width: 100%;
}
table th {
font-weight: bold;
}
table thead th {
vertical-align: bottom;
}
table td,
table th {
position: relative;
text-align: left;
}
address {
font-style: italic;
}
blockquote {
position: relative;
}
blockquote cite {
display: block;
clear: both;
}
.clayton-pull-r {
float: right;
}
.clayton-pull-l {
float: left;
}
.clayton-pull-r,
.clayton-pull-l {
position: relative;
}
hr {
height: 0;
border: 0;
border-top: 1px solid currentColor;
opacity: .2;
}
body {
font-size: 16px;
line-height: 1.5;
font-family: "IBM Plex Sans";
font-weight: 300;
color: #000;
}
h1,
.clayton-h1 {
font-family: "decalotype";
font-size: 48px;
font-weight: 700;
line-height: 1.25;
letter-spacing: .1em;
text-transform: uppercase;
color: #000;
}
h1 a,
.clayton-h1 a {
font-weight: inherit;
display: inline-block;
color: inherit;
}
h2,
.clayton-h2 {
font-family: "decalotype";
font-size: 36px;
font-weight: 700;
line-height: 1.25;
letter-spacing: .1em;
text-transform: uppercase;
color: #000;
}
h2 a,
.clayton-h2 a {
font-weight: inherit;
display: inline-block;
color: inherit;
}
h3,
.clayton-h3 {
font-family: "decalotype";
font-size: 24px;
font-weight: 700;
line-height: 1.5;
letter-spacing: .1em;
text-transform: uppercase;
color: #000;
}
h3 a,
.clayton-h3 a {
font-weight: inherit;
display: inline-block;
color: inherit;
}
h4,
.clayton-h4 {
font-family: "decalotype";
font-size: 20px;
font-weight: 700;
line-height: 1.5;
letter-spacing: .1em;
text-transform: uppercase;
color: #000;
}
h4 a,
.clayton-h4 a {
font-weight: inherit;
display: inline-block;
color: inherit;
}
h5,
.clayton-h5 {
font-family: "decalotype";
font-size: 18px;
font-weight: 700;
line-height: 1.5;
letter-spacing: .1em;
text-transform: uppercase;
color: #000;
}
h5 a,
.clayton-h5 a {
font-weight: inherit;
display: inline-block;
color: inherit;
}
h6,
.clayton-h6 {
font-family: "decalotype";
font-size: 14px;
font-weight: 700;
line-height: 1.5;
letter-spacing: .2em;
text-transform: uppercase;
color: #000;
}
h6 a,
.clayton-h6 a {
font-weight: inherit;
display: inline-block;
color: inherit;
}
blockquote {
font-family: "IBM Plex Sans";
font-size: 26px;
font-weight: normal;
font-style: italic;
line-height: 1.35;
letter-spacing: 0;
text-transform: none;
}
@media screen and (max-width: 768px) {
blockquote {
font-family: "IBM Plex Sans";
font-size: 20px;
font-weight: normal;
font-style: italic;
line-height: 1.35;
letter-spacing: 0;
text-transform: none;
}
}
[class*="clayton-pull-"] {
font-family: "IBM Plex Sans";
font-size: 20px;
font-weight: normal;
font-style: italic;
line-height: 1.25;
letter-spacing: 0;
text-transform: none;
}
@media screen and (max-width: 768px) {
[class*="clayton-pull-"] {
font-family: "IBM Plex Sans";
font-size: 18px;
font-weight: normal;
font-style: italic;
line-height: 1.25;
letter-spacing: 0;
text-transform: none;
}
}
.clayton-text h1 + *,
.clayton-text .clayton-h1 + *,
.clayton-text h2 + *,
.clayton-text .clayton-h2 + *,
.textwidget h1 + *,
.textwidget .clayton-h1 + *,
.textwidget h2 + *,
.textwidget .clayton-h2 + *,
.comment-content h1 + *,
.comment-content .clayton-h1 + *,
.comment-content h2 + *,
.comment-content .clayton-h2 + * {
margin-top: 2.5em;
}
.clayton-text h3 + *,
.clayton-text .clayton-h3 + *,
.clayton-text h4 + *,
.clayton-text .clayton-h4 + *,
.clayton-text h5 + *,
.clayton-text .clayton-h5 + *,
.clayton-text h6 + *,
.clayton-text .clayton-h6 + *,
.textwidget h3 + *,
.textwidget .clayton-h3 + *,
.textwidget h4 + *,
.textwidget .clayton-h4 + *,
.textwidget h5 + *,
.textwidget .clayton-h5 + *,
.textwidget h6 + *,
.textwidget .clayton-h6 + *,
.comment-content h3 + *,
.comment-content .clayton-h3 + *,
.comment-content h4 + *,
.comment-content .clayton-h4 + *,
.comment-content h5 + *,
.comment-content .clayton-h5 + *,
.comment-content h6 + *,
.comment-content .clayton-h6 + * {
margin-top: 2em;
}
.clayton-text > * + h1,
.clayton-text > * + .clayton-h1,
.clayton-text > * + h2,
.clayton-text > * + .clayton-h2,
.clayton-text > * + h3,
.clayton-text > * + .clayton-h3,
.clayton-text > * + h4,
.clayton-text > * + .clayton-h4,
.clayton-text > * + h5,
.clayton-text > * + .clayton-h5,
.clayton-text > * + h6,
.clayton-text > * + .clayton-h6,
.textwidget > * + h1,
.textwidget > * + .clayton-h1,
.textwidget > * + h2,
.textwidget > * + .clayton-h2,
.textwidget > * + h3,
.textwidget > * + .clayton-h3,
.textwidget > * + h4,
.textwidget > * + .clayton-h4,
.textwidget > * + h5,
.textwidget > * + .clayton-h5,
.textwidget > * + h6,
.textwidget > * + .clayton-h6,
.comment-content > * + h1,
.comment-content > * + .clayton-h1,
.comment-content > * + h2,
.comment-content > * + .clayton-h2,
.comment-content > * + h3,
.comment-content > * + .clayton-h3,
.comment-content > * + h4,
.comment-content > * + .clayton-h4,
.comment-content > * + h5,
.comment-content > * + .clayton-h5,
.comment-content > * + h6,
.comment-content > * + .clayton-h6 {
margin-top: 2em;
}
.clayton-text > *:not(.alignleft):not(.alignright) + *,
.textwidget > *:not(.alignleft):not(.alignright) + *,
.comment-content > *:not(.alignleft):not(.alignright) + * {
margin-top: 1.5em;
}
.clayton-text > *:not(.alignleft):not(.alignright) + *.gallery,
.textwidget > *:not(.alignleft):not(.alignright) + *.gallery,
.comment-content > *:not(.alignleft):not(.alignright) + *.gallery {
margin-top: 2.5em;
}
.clayton-text img.alignnone,
.textwidget img.alignnone,
.comment-content img.alignnone {
margin-bottom: 1.5em;
}
.clayton-text h1 + h1,
.clayton-text h1 + h2,
.clayton-text h1 + h3,
.clayton-text h1 + h4,
.clayton-text h1 + h5,
.clayton-text h1 + h6,
.clayton-text h1 + [class*="clayton-h"],
.clayton-text h2 + h1,
.clayton-text h2 + h2,
.clayton-text h2 + h3,
.clayton-text h2 + h4,
.clayton-text h2 + h5,
.clayton-text h2 + h6,
.clayton-text h2 + [class*="clayton-h"],
.clayton-text h3 + h1,
.clayton-text h3 + h2,
.clayton-text h3 + h3,
.clayton-text h3 + h4,
.clayton-text h3 + h5,
.clayton-text h3 + h6,
.clayton-text h3 + [class*="clayton-h"],
.clayton-text h4 + h1,
.clayton-text h4 + h2,
.clayton-text h4 + h3,
.clayton-text h4 + h4,
.clayton-text h4 + h5,
.clayton-text h4 + h6,
.clayton-text h4 + [class*="clayton-h"],
.clayton-text h5 + h1,
.clayton-text h5 + h2,
.clayton-text h5 + h3,
.clayton-text h5 + h4,
.clayton-text h5 + h5,
.clayton-text h5 + h6,
.clayton-text h5 + [class*="clayton-h"],
.clayton-text h6 + h1,
.clayton-text h6 + h2,
.clayton-text h6 + h3,
.clayton-text h6 + h4,
.clayton-text h6 + h5,
.clayton-text h6 + h6,
.clayton-text h6 + [class*="clayton-h"],
.clayton-text [class*="clayton-h"] + h1,
.clayton-text [class*="clayton-h"] + h2,
.clayton-text [class*="clayton-h"] + h3,
.clayton-text [class*="clayton-h"] + h4,
.clayton-text [class*="clayton-h"] + h5,
.clayton-text [class*="clayton-h"] + h6,
.clayton-text [class*="clayton-h"] + [class*="clayton-h"],
.textwidget h1 + h1,
.textwidget h1 + h2,
.textwidget h1 + h3,
.textwidget h1 + h4,
.textwidget h1 + h5,
.textwidget h1 + h6,
.textwidget h1 + [class*="clayton-h"],
.textwidget h2 + h1,
.textwidget h2 + h2,
.textwidget h2 + h3,
.textwidget h2 + h4,
.textwidget h2 + h5,
.textwidget h2 + h6,
.textwidget h2 + [class*="clayton-h"],
.textwidget h3 + h1,
.textwidget h3 + h2,
.textwidget h3 + h3,
.textwidget h3 + h4,
.textwidget h3 + h5,
.textwidget h3 + h6,
.textwidget h3 + [class*="clayton-h"],
.textwidget h4 + h1,
.textwidget h4 + h2,
.textwidget h4 + h3,
.textwidget h4 + h4,
.textwidget h4 + h5,
.textwidget h4 + h6,
.textwidget h4 + [class*="clayton-h"],
.textwidget h5 + h1,
.textwidget h5 + h2,
.textwidget h5 + h3,
.textwidget h5 + h4,
.textwidget h5 + h5,
.textwidget h5 + h6,
.textwidget h5 + [class*="clayton-h"],
.textwidget h6 + h1,
.textwidget h6 + h2,
.textwidget h6 + h3,
.textwidget h6 + h4,
.textwidget h6 + h5,
.textwidget h6 + h6,
.textwidget h6 + [class*="clayton-h"],
.textwidget [class*="clayton-h"] + h1,
.textwidget [class*="clayton-h"] + h2,
.textwidget [class*="clayton-h"] + h3,
.textwidget [class*="clayton-h"] + h4,
.textwidget [class*="clayton-h"] + h5,
.textwidget [class*="clayton-h"] + h6,
.textwidget [class*="clayton-h"] + [class*="clayton-h"],
.comment-content h1 + h1,
.comment-content h1 + h2,
.comment-content h1 + h3,
.comment-content h1 + h4,
.comment-content h1 + h5,
.comment-content h1 + h6,
.comment-content h1 + [class*="clayton-h"],
.comment-content h2 + h1,
.comment-content h2 + h2,
.comment-content h2 + h3,
.comment-content h2 + h4,
.comment-content h2 + h5,
.comment-content h2 + h6,
.comment-content h2 + [class*="clayton-h"],
.comment-content h3 + h1,
.comment-content h3 + h2,
.comment-content h3 + h3,
.comment-content h3 + h4,
.comment-content h3 + h5,
.comment-content h3 + h6,
.comment-content h3 + [class*="clayton-h"],
.comment-content h4 + h1,
.comment-content h4 + h2,
.comment-content h4 + h3,
.comment-content h4 + h4,
.comment-content h4 + h5,
.comment-content h4 + h6,
.comment-content h4 + [class*="clayton-h"],
.comment-content h5 + h1,
.comment-content h5 + h2,
.comment-content h5 + h3,
.comment-content h5 + h4,
.comment-content h5 + h5,
.comment-content h5 + h6,
.comment-content h5 + [class*="clayton-h"],
.comment-content h6 + h1,
.comment-content h6 + h2,
.comment-content h6 + h3,
.comment-content h6 + h4,
.comment-content h6 + h5,
.comment-content h6 + h6,
.comment-content h6 + [class*="clayton-h"],
.comment-content [class*="clayton-h"] + h1,
.comment-content [class*="clayton-h"] + h2,
.comment-content [class*="clayton-h"] + h3,
.comment-content [class*="clayton-h"] + h4,
.comment-content [class*="clayton-h"] + h5,
.comment-content [class*="clayton-h"] + h6,
.comment-content [class*="clayton-h"] + [class*="clayton-h"] {
margin-top: .5em;
}
.clayton-text > * + hr,
.textwidget > * + hr,
.comment-content > * + hr {
margin-top: 2em;
}
.clayton-text hr:first-child,
.textwidget hr:first-child,
.comment-content hr:first-child {
margin-top: 0;
}
.clayton-text h1,
.clayton-text h2,
.clayton-text h3,
.clayton-text h4,
.clayton-text h5,
.clayton-text h6,
.clayton-text [class*="clayton-h"],
.textwidget h1,
.textwidget h2,
.textwidget h3,
.textwidget h4,
.textwidget h5,
.textwidget h6,
.textwidget [class*="clayton-h"],
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.comment-content [class*="clayton-h"] {
clear: both;
}
body {
background-color: #fff;
}
.clayton-l {
overflow-x: hidden;
}
.clayton-c_w,
.clayton-h-hl,
.clayton-f_w {
max-width: 1356px;
margin-left: auto;
margin-right: auto;
}
.clayton-ph {
margin-left: auto;
margin-right: auto;
}
.clayton-detail + .clayton-c {
padding-top: 0;
}
@media screen and (max-width: 768px) {
.clayton-detail + .clayton-c {
padding-top: 0;
}
}
.clayton-media + .clayton-c {
padding-top: 0;
}
@media screen and (max-width: 768px) {
.clayton-media + .clayton-c {
padding-top: 0;
}
}
.clayton-c {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
position: relative;
}
@media screen and (max-width: 768px) {
.clayton-c {
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
}
.clayton-l-c-sl .clayton-c {
flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
.clayton-l-c-sl .clayton-c {
flex-direction: column-reverse;
}
}
.clayton-l-c-sl .clayton-c .clayton-mc > * {
padding-left: 0;
}
@media screen and (max-width: 768px) {
.clayton-l-c-sl .clayton-c .clayton-mc > * {
padding-right: 0;
}
}
.clayton-l-c-sr .clayton-c .clayton-mc > * {
padding-right: 0;
}
@media screen and (max-width: 768px) {
.clayton-l-c-sr .clayton-c .clayton-mc > * {
padding-left: 0;
}
}
.clayton-c .clayton-mc {
width: 50%;
}
@media screen and (max-width: 768px) {
.clayton-c .clayton-mc {
width: 100%;
}
}
@media screen and (max-width: 1200px) {
.clayton-l-ws .clayton-c .clayton-mc {
width: 58.33333333%;
}
}
@media screen and (max-width: 768px) {
.clayton-l-ws .clayton-c .clayton-mc {
width: 100%;
}
}
.clayton-c .clayton-sidebar {
width: 33.33333333%;
padding-left: 45px;
}
@media screen and (max-width: 768px) {
.clayton-c .clayton-sidebar {
padding-left: 18px;
}
}
@media screen and (max-width: 1200px) {
.clayton-c .clayton-sidebar {
width: 41.66666667%;
}
}
@media screen and (max-width: 768px) {
.clayton-c .clayton-sidebar {
width: 100%;
padding-left: 0;
}
}
.clayton-l-c-sl .clayton-c .clayton-sidebar {
padding-left: 0;
padding-right: 45px;
}
@media screen and (max-width: 768px) {
.clayton-l-c-sl .clayton-c .clayton-sidebar {
padding-right: 18px;
}
}
.clayton-mc > * {
padding: 24px 45px;
}
@media screen and (max-width: 768px) {
.clayton-mc > * {
padding: 24px 18px;
}
}
.clayton-mc-content:empty {
padding: 0 !important;
}
.clayton-large-content .clayton-l:not(.clayton-l-ws) .clayton-mc {
width: 100%;
}
@media screen and (max-width: 768px) {
.clayton-media::after {
clear: both;
content: "";
display: table;
}
.clayton-media.clayton-media-mobile_col-1 + .clayton-detail {
display: none;
}
.clayton-media.clayton-media-mobile_col-1 .clayton-g-i {
width: 100% !important;
}
.clayton-media.clayton-media-mobile_col-2 + .clayton-detail {
display: none;
}
.clayton-media.clayton-media-mobile_col-2 .clayton-g-i {
float: left;
width: 50% !important;
}
.clayton-media.clayton-media-mobile_col-3 + .clayton-detail {
display: none;
}
.clayton-media.clayton-media-mobile_col-3 .clayton-g-i {
float: left;
width: 33.33333333% !important;
}
}
@media screen and (max-width: 768px) {
.clayton-collection-album.clayton-media-mobile_col-1 .evolvethemes-image,
.clayton-collection-albums-photo_wall.clayton-media-mobile_col-1 .evolvethemes-image {
width: 100% !important;
}
.clayton-collection-album.clayton-media-mobile_col-2 .evolvethemes-image,
.clayton-collection-albums-photo_wall.clayton-media-mobile_col-2 .evolvethemes-image {
width: 50% !important;
}
.clayton-collection-album.clayton-media-mobile_col-3 .evolvethemes-image,
.clayton-collection-albums-photo_wall.clayton-media-mobile_col-3 .evolvethemes-image {
width: 33.33333333% !important;
}
}
@media screen and (max-width: 768px) {
.clayton-collection-albums-cover.clayton-media-mobile_col-1 .clayton-collection-cover-album {
width: 100% !important;
}
.clayton-collection-albums-cover.clayton-media-mobile_col-2 .clayton-collection-cover-album {
width: 50% !important;
}
.clayton-collection-albums-cover.clayton-media-mobile_col-3 .clayton-collection-cover-album {
width: 33.33333333% !important;
}
}
.clayton-t-small {
font-size: 14px;
}
.clayton-t-smaller {
font-size: 13px;
}
.clayton-t-big {
font-size: 18px;
}
a {
color: #000;
font-weight: 500;
display: inline;
position: relative;
transition: border-color .2s;
padding: 0;
font-weight: 500;
border-width: 0 0 2px 0;
border-style: none none solid none;
border-color: transparent;
}
a:hover {
border-color: #cdb88d;
}
ul li,
ol li {
margin-top: .5rem;
margin-bottom: .5rem;
}
ul li ul,
ul li ol,
ol li ul,
ol li ol {
padding-left: 1rem;
}
pre,
code,
kbd,
tt,
var {
background-color: rgba(0, 0, 0, .05);
}
pre {
padding: 1em;
margin: 3em 0 !important;
}
table {
width: 100%;
}
table caption {
margin: 12px 0;
}
table thead th {
vertical-align: bottom;
}
table thead th:after {
opacity: .8;
}
table tfoot {
font-size: 14px;
}
table td,
table th {
position: relative;
text-align: left;
}
table td:after,
table th:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: 0;
left: 0;
background: currentColor;
height: 1px;
opacity: .1;
}
table td,
table th {
padding: 12px 4px;
}
dl dd {
margin-top: .5rem;
margin-left: 1rem;
}
dl dd + dt {
margin-top: 1rem;
}
blockquote {
position: relative;
text-align: left;
border-left: 3px solid;
border-color: #cdb88d;
padding-left: 30px;
margin-left: 48px;
margin-top: 2em;
margin-bottom: 2em;
}
blockquote:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
content: "";
position: absolute;
top: 0;
left: -48px;
font-style: normal;
color: #cdb88d;
}
blockquote cite {
display: block;
clear: both;
font-size: 16px;
line-height: 1.5;
font-family: "IBM Plex Sans";
font-weight: 300;
color: #6e757c;
margin-top: 36px;
}
cite {
margin-top: 24px;
font-size: 16px;
line-height: 1.5;
font-family: "IBM Plex Sans";
font-weight: 300;
font-style: italic;
color: #6e757c;
}  @-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spinner {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes detail_post {
0% {
-webkit-transform: scale(1, 1);
-webkit-transform-origin: right center;
}
50% {
-webkit-transform: scale(0, 1);
-webkit-transform-origin: right center;
}
51% {
-webkit-transform-origin: left center;
}
100% {
-webkit-transform: scale(1, 1);
-webkit-transform-origin: left center;
}
}
@-moz-keyframes detail_post {
0% {
-moz-transform: scale(1, 1);
-moz-transform-origin: right center;
}
50% {
-moz-transform: scale(0, 1);
-moz-transform-origin: right center;
}
51% {
-moz-transform-origin: left center;
}
100% {
-moz-transform: scale(1, 1);
-moz-transform-origin: left center;
}
}
@keyframes detail_post {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
}
50% {
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
}
51% {
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
100% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
}
.clayton-c-trigger {
text-align: center;
}
.clayton-c-trigger span {
display: inline-block;
cursor: pointer;
border: 2px solid;
border-color: #cdb88d;
color: #cdb88d;
padding: 11px 24px;
font-weight: 500;
font-family: inherit;
}
.clayton-c-trigger span:focus {
outline: none;
}
.clayton-comments-open .clayton-c-trigger {
display: none;
}
#comments {
display: none;
}
.clayton-comments-open #comments {
display: block;
}
.clayton-mc-comments {
clear: both;
}
.clayton-comments-open .clayton-mc-comments {
margin-top: 72px;
}
.clayton-mc-c_wi {
padding: 24px 45px;
}
@media screen and (max-width: 768px) {
.clayton-mc-c_wi {
padding: 24px 18px;
}
}
.clayton-c-t {
text-align: center;
font-family: "decalotype";
font-size: 14px;
font-weight: 500;
line-height: 1.25;
letter-spacing: .3em;
text-transform: uppercase;
}
.clayton-c-st {
text-align: center;
font-size: 13px;
color: #6e757c;
margin-top: 12px;
}
.clayton-c-cl {
margin-top: 48px;
}
.clayton-c-cl li {
list-style: none;
}
.clayton-c-cl ol {
padding: 0;
}
.clayton-c-cl + .comment-respond {
margin-top: 72px;
}
.clayton-c-cl .pingback + .comment,
.clayton-c-cl .comment + .comment {
margin-top: 48px;
}
.clayton-c-cl .pingback + .pingback {
margin-top: 24px;
}
.clayton-c-cl .comment > .children {
margin-left: 24px;
}
.clayton-c-cl + .no-comments {
margin-top: 48px;
}
.clayton-c-cl + .navigation {
margin-top: 48px;
margin-bottom: 48px;
}
.clayton-c-cc {
margin-top: 48px;
padding: 24px 45px;
background-color: rgba(0, 0, 0, .05);
text-align: center;
}
.pingback,
.comment {
position: relative;
margin: 0;
color: #6e757c;
}
.pingback .edit-link,
.comment .edit-link {
margin-left: 24px;
margin-top: 0;
}
.pingback .edit-link a:hover,
.comment .edit-link a:hover {
text-decoration: none;
}
.pingback {
border-bottom: 1px solid;
border-color: #fafafa;
padding-bottom: 12px;
padding-top: 12px;
margin-top: 0 !important;
font-size: 14px;
}
.pingback .edit-link {
margin-left: 0;
float: right;
}
.pingback .url {
clear: both;
}
.comment {
font-size: 14px;
}
.comment .avatar {
float: left;
margin-left: -84px;
height: 60px;
width: 60px;
}
@media screen and (max-width: 768px) {
.comment .avatar {
margin-left: 0;
margin-right: 24px;
width: 36px;
height: auto;
}
}
.comment.bypostauthor .comment-body {
padding-left: 24px;
border-left-width: 6px;
border-left-style: solid;
border-color: #cdb88d;
}
.comment.bypostauthor .comment-reply-link {
left: 48px;
}
@media screen and (max-width: 768px) {
.comment.bypostauthor .comment-reply-link {
left: 0;
}
}
.comment .comment-body + * {
margin-top: 48px;
}
.comment .comment-body + .comment-respond {
margin-bottom: 48px;
margin-left: 84px;
margin-top: 24px;
}
.comment .comment-body + .comment-respond:before {
content: "";
display: block;
width: 90px;
height: 3px;
background-color: #cdb88d;
margin-left: -45px;
margin-bottom: 24px;
}
.comment .comment-author,
.comment .comment-metadata,
.comment .comment-awaiting-moderation,
.comment .comment-content,
.comment .reply {
padding-left: 84px;
}
@media screen and (max-width: 768px) {
.comment .comment-author,
.comment .comment-metadata,
.comment .comment-awaiting-moderation,
.comment .comment-content,
.comment .reply {
padding-left: 0;
}
}
.comment .comment-awaiting-moderation {
margin-top: 12px;
font-weight: bold;
}
.comment .comment-content {
margin-top: 24px;
}
@media screen and (max-width: 1024px) {
.comment .comment-content {
padding-left: 0;
margin-top: 36px;
}
}
@media screen and (max-width: 768px) {
.comment .comment-content {
margin-top: 24px;
}
}
.comment .comment-author {
margin-bottom: 4px;
font-size: 14px;
color: #000;
}
.comment .comment-author b {
font-weight: 500;
}
.comment .says {
font-size: 14px;
}
.comment .comment-metadata {
font-size: 13px;
}
.comment .comment-metadata a {
color: #6e757c;
font-weight: inherit;
}
.comment .comment-reply-link {
position: absolute;
top: 48px;
left: 18px;
height: 24px;
width: 24px;
border-radius: 50%;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-transition: -webkit-transform .2s ease;
-moz-transition:    -moz-transform .2s ease;
-o-transition:      -o-transform .2s ease;
transition:         transform .2s ease;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
background-color: #cdb88d;
color: #fff;
}
.comment .comment-reply-link:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
content: "";
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 768px) {
.comment .comment-reply-link:before {
margin-right: .6em;
}
}
@media screen and (max-width: 768px) {
.comment .comment-reply-link {
clear: both;
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
border-radius: 0;
height: auto;
width: auto;
padding: 0;
margin: 24px 0 0 0;
background-color: transparent;
display: inline-block;
color: inherit;
}
.comment .comment-reply-link .screen-reader-text {
display: inline-block;
position: relative !important;
height: auto;
width: auto;
overflow: initial;
clip: auto;
}
}
.comment .comment-reply-link:focus {
outline: none;
}
.comment .comment-reply-link:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
@media screen and (max-width: 768px) {
.comment .comment-reply-link:hover {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
.comment-respond::after {
clear: both;
content: "";
display: table;
}
.comment-form::after {
clear: both;
content: "";
display: table;
}
.comment-form label {
color: #6e757c;
}
.logged-in-as {
font-size: 13px;
margin-top: 6px;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
float: left;
width: 30%;
}
@media screen and (max-width: 768px) {
.comment-form-author,
.comment-form-email,
.comment-form-url {
width: 100%;
}
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
width: 100%;
max-width: 100%;
}
.comment-form-author,
.comment-form-email {
margin-right: 5%;
}
.comment-form-comment {
clear: both;
float: left;
width: 100%;
margin-top: 24px;
margin-bottom: 24px;
}
.comment-form-comment textarea {
width: 100%;
}
.comment-notes {
font-size: 13px;
margin-top: 6px;
color: #6e757c;
}
.comment-form-cookies-consent {
clear: both;
margin-top: 24px;
float: left;
width: 100%;
display: block;
}
.comment-form-cookies-consent label {
margin-bottom: 0;
margin-left: 8px;
font-size: 14px;
}
.form-submit {
margin-top: 24px;
clear: both;
float: left;
}
.form-submit .submit {
border: 2px solid;
border-color: #cdb88d;
color: #cdb88d;
padding: 11px 24px;
font-weight: 500;
font-family: inherit;
}
.form-submit .submit:focus {
outline: none;
}
.comment-reply-title {
font-family: "decalotype";
font-size: 13px;
font-weight: 500;
line-height: 1.5;
letter-spacing: .2em;
text-transform: uppercase;
}
.comment-reply-title > a {
position: relative;
margin-left: 32px;
}
.comment-reply-title > a:before {
content: "";
display: inline-block;
position: absolute;
top: 50%;
left: -28px;
width: 16px;
height: 1px;
background-color: #cdb88d;
}
.comment-reply-title small {
float: right;
}
.comment-reply-title small a {
height: 12px;
width: 12px;
}
.comment-reply-title small a:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
content: "";
height: 12px;
width: 12px;
float: left;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
-moz-transition:    -moz-transform .2s cubic-bezier(.645, .045, .355, 1);
-o-transition:      -o-transform .2s cubic-bezier(.645, .045, .355, 1);
transition:         transform .2s cubic-bezier(.645, .045, .355, 1);
}
.comment-reply-title small a:hover {
border-bottom: none;
}
.comment-reply-title small a:hover:before {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.clayton-detail {
width: 100%;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
margin-bottom: 24px;
position: relative;
height: 45px;
pointer-events: none;
}
.clayton-p-reveal .clayton-detail.inviewr span {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
.clayton-detail span {
pointer-events: initial;
position: relative;
-webkit-transform-origin: center top;
-moz-transform-origin: center top;
-ms-transform-origin: center top;
-o-transform-origin: center top;
transform-origin: center top;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transition: -webkit-transform .4s .2s cubic-bezier(.645, .045, .355, 1);
-moz-transition:    -moz-transform .4s .2s cubic-bezier(.645, .045, .355, 1);
-o-transition:      -o-transform .4s .2s cubic-bezier(.645, .045, .355, 1);
transition:         transform .4s .2s cubic-bezier(.645, .045, .355, 1);
z-index: 10;
}
.clayton-scrolled .clayton-detail span {
pointer-events: none;
}
.clayton-detail span:before {
content: "";
display: inline-block;
width: 3px;
height: 45px;
background-color: #cdb88d;
}
.clayton-media + .clayton-detail {
height: 0;
margin-bottom: 0;
}
.clayton-media + .clayton-detail span {
cursor: pointer;
margin-top: -45px;
width: 30px;
height: 45px;
z-index: 10;
}
.clayton-media + .clayton-detail span:hover:before {
width: 30px;
}
.clayton-media + .clayton-detail span:hover:after {
opacity: 1;
-webkit-transform: translate(50%, -50%) rotate(90deg);
-moz-transform: translate(50%, -50%) rotate(90deg);
-ms-transform: translate(50%, -50%) rotate(90deg);
-o-transform: translate(50%, -50%) rotate(90deg);
transform: translate(50%, -50%) rotate(90deg);
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s;
}
.clayton-media + .clayton-detail span:before {
position: absolute;
top: 0;
right: 50%;
-webkit-transform: translateX(50%);
-moz-transform: translateX(50%);
-ms-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%);
transition: width .4s cubic-bezier(.68, -.55, .265, 1.55);
}
.clayton-media + .clayton-detail span:after {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
content: "";
color: #fff;
height: 18px;
width: 18px;
position: absolute;
top: 50%;
right: 50%;
-webkit-transform: translate(50%, -70%) rotate(90deg);
-moz-transform: translate(50%, -70%) rotate(90deg);
-ms-transform: translate(50%, -70%) rotate(90deg);
-o-transform: translate(50%, -70%) rotate(90deg);
transform: translate(50%, -70%) rotate(90deg);
opacity: 0;
-webkit-transition: -webkit-transform .2s cubic-bezier(.645, .045, .355, 1), opacity .2s;
-moz-transition:    -moz-transform .2s cubic-bezier(.645, .045, .355, 1), opacity .2s;
-o-transition:      -o-transform .2s cubic-bezier(.645, .045, .355, 1), opacity .2s;
transition:         transform .2s cubic-bezier(.645, .045, .355, 1), opacity .2s;
}
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus {
outline: none;
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
height: 100%;
width: 100%;
}
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor:         grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor:         grabbing;
}
.flickity-enabled.is-fade .flickity-slider > * {
pointer-events: none;
z-index: 0;
}
.flickity-enabled.is-fade .flickity-slider > .is-selected {
pointer-events: auto;
z-index: 1;
}
form {
position: relative;
}
form select {
max-width: 100%;
}
form input:not([type="submit"]),
form textarea {
box-sizing: border-box;
font-family: inherit;
font-weight: inherit;
color: inherit;
border: none;
-webkit-border-radius: 0;
}
form input:not([type="submit"]):disabled,
form textarea:disabled {
cursor: default;
}
form input:not([type="submit"]):focus,
form textarea:focus {
outline: none;
}
form input:not([type="submit"]):hover,
form textarea:hover {
text-decoration: none;
}
form [type="radio"],
form [type="checkbox"],
form [type="date"],
form [type="number"] {
width: auto;
}
form button,
form button[type="submit"],
form input[type="submit"] {
background-color: transparent;
outline: none;
-webkit-border-radius: 0;
}
form label {
display: inline-block;
}
form legend {
font-weight: bold;
text-transform: uppercase;
}
form fieldset {
border-style: solid;
border-width: 1px;
}
form input:not([type="submit"]),
form textarea {
padding: 12px 16px;
border: 1px solid;
border-color: #fafafa;
background-color: #fafafa;
transition-property: background-color, border-color;
transition-duration: .2s;
}
form input:not([type="submit"]):focus,
form textarea:focus {
border-color: #000;
background-color: #fff;
}
form label {
font-size: 14px;
margin-bottom: 12px;
}
form legend {
font-size: 14px;
padding: 0 12px;
}
form fieldset {
padding: 30px;
margin-bottom: 24px;
}
.search-form div {
position: relative;
}
.search-form .s {
width: 100%;
line-height: 1.5;
padding-right: 48px;
}
.search-form .s:focus + .searchsubmit {
opacity: 0;
visibility: hidden;
-webkit-transform: translate(10px, -50%);
-moz-transform: translate(10px, -50%);
-ms-transform: translate(10px, -50%);
-o-transform: translate(10px, -50%);
transform: translate(10px, -50%);
}
.search-form .s:focus + .searchsubmit:hover {
opacity: 1;
}
.search-form .searchsubmit {
position: absolute;
top: 50%;
right: 16px;
border: none;
padding: 0;
background: transparent;
-webkit-transition: opacity .2s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1), visibility .2s;
-moz-transition: opacity .2s, -moz-transform .2s cubic-bezier(.645, .045, .355, 1), visibility .2s;
-o-transition: opacity .2s, -o-transform .2s cubic-bezier(.645, .045, .355, 1), visibility .2s;
transition: opacity .2s, transform .2s cubic-bezier(.645, .045, .355, 1), visibility .2s;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 1px;
color: #000;
}
.search-form .searchsubmit:focus {
outline: none;
}
.search-form .searchsubmit:after {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
content: "";
height: 18px;
width: 18px;
float: right;
color: inherit;
}
img {
max-width: 100%;
height: auto;
}
figure {
box-sizing: border-box;
}
.wp-caption {
max-width: 100%;
}
.wp-caption [class*="wp-image-"] {
margin: 0 auto 12px;
display: block;
float: none;
}
.wp-caption .wp-caption-text {
font-size: 14px;
margin-top: 6px;
}
.wp-caption a:before {
display: none;
}
.wp-caption.alignnone {
text-align: center;
}
.alignleft {
float: left;
margin-right: 45px;
margin-bottom: 24px;
}
.alignright {
float: right;
margin-left: 45px;
margin-bottom: 24px;
}
.aligncenter {
margin-left: auto;
margin-right: auto;
display: block;
}
.format-embed-wrapper iframe {
width: 100%;
}
.gallery {
position: relative;
margin-left: -3.4722vw;
margin-right: -3.4722vw;
padding-left: calc( 3.4722vw / 2 );
padding-right: calc( 3.4722vw / 2 );
}
.gallery::after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 768px) {
.gallery {
margin-left: -5.3333vw;
margin-right: -5.3333vw;
padding-left: 0;
padding-right: 0;
}
}
.gallery a {
display: block;
margin: 0 auto;
max-width: 100%;
border-bottom: 0;
}
.gallery a:before {
display: none;
}
.gallery a img {
display: inline-block;
max-width: 100%;
height: auto;
-webkit-transition: box-shadow .4s ease;
-moz-transition: box-shadow .4s ease;
-o-transition: box-shadow .4s ease;
transition: box-shadow .4s ease;
}
.gallery .gallery-item {
box-sizing: border-box;
float: left;
text-align: center;
position: relative;
width: 100%;
margin-bottom: 3.8420vh;
padding: 0 calc( 3.4722vw / 2 );
}
@media screen and (max-width: 768px) {
.gallery .gallery-item {
padding: 0 calc( 5.3333vw / 2 );
}
}
.gallery .gallery-item a {
box-shadow: none;
}
.gallery .gallery-item a:before {
display: none;
}
.gallery .gallery-item .gallery-icon {
margin-right: auto;
}
.gallery.gallery-columns-2 .gallery-item {
width: 50% !important;
}
.gallery.gallery-columns-3 .gallery-item {
width: 33.33333333% !important;
}
.gallery.gallery-columns-4 .gallery-item {
width: 25% !important;
}
.gallery.gallery-columns-5 .gallery-item {
width: 20% !important;
}
.gallery.gallery-columns-6 .gallery-item {
width: 16.66666667% !important;
}
.gallery.gallery-columns-7 .gallery-item {
width: 14.28571429% !important;
}
.gallery.gallery-columns-8 .gallery-item {
width: 12.5% !important;
}
.gallery.gallery-columns-9 .gallery-item {
width: 11.11111111% !important;
}
@media screen and (max-width: 768px) {
.gallery.gallery-columns-1 .gallery-item,
.gallery.gallery-columns-2 .gallery-item,
.gallery.gallery-columns-3 .gallery-item,
.gallery.gallery-columns-4 .gallery-item,
.gallery.gallery-columns-5 .gallery-item,
.gallery.gallery-columns-6 .gallery-item,
.gallery.gallery-columns-7 .gallery-item,
.gallery.gallery-columns-8 .gallery-item,
.gallery.gallery-columns-9 .gallery-item {
width: 50% !important;
}
}
.gallery .gallery-caption {
font-size: 13px;
max-width: none;
margin-top: 12px;
}
.gallery br + br {
display: none;
}
.gallery-columns-1,
.gallery-columns-2,
.gallery-columns-3,
.gallery-columns-4,
.gallery-columns-5,
.gallery-columns-6,
.gallery-columns-7,
.gallery-columns-8,
.gallery-columns-9 {
overflow: visible !important;
}
.evolvethemes-image {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
max-width: 100%;
position: relative;
}
.evolvethemes-image a {
max-width: 100%;
}
.evolvethemes-image .evolvethemes-image-wrapper {
max-width: 100%;
position: relative;
}
.evolvethemes-image .evolvethemes-image-wrapper .evolvethemes-preloaded-image {
position: absolute;
top: 0;
left: 0;
display: -webkit-inline-box;
display:         inline-box;
display: -webkit-inline-flex;
display:         inline-flex;
}
.evolvethemes-image .evolvethemes-image-wrapper .evolvethemes-preloaded-image.evolvethemes-image-loaded {
position: relative;
}
.evolvethemes-image .evolvethemes-image-wrapper .evolvethemes-preloaded-image.evolvethemes-image-loaded + b {
display: none !important;
}
.evolvethemes-image > a {
cursor: zoom-in;
}
.evolvethemes-image.inviewr .evolvethemes-image-wrapper b:after {
-webkit-animation: spinner 400ms linear infinite;
-moz-animation: spinner 400ms linear infinite;
animation: spinner 400ms linear infinite;
}
.evolvethemes-image .evolvethemes-image-wrapper {
background-color: rgba(0, 0, 0, .05);
display: -webkit-inline-box;
display:         inline-box;
display: -webkit-inline-flex;
display:         inline-flex;
-webkit-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.evolvethemes-image .evolvethemes-image-wrapper b {
position: relative;
}
.evolvethemes-image .evolvethemes-image-wrapper b:after {
z-index: 100000;
content: "";
display: block;
margin-left: -10px;
margin-top: -10px;
height: 16px;
width: 16px;
border-top-width: 2px;
border-top-style: solid;
border-right-width: 2px;
border-right-style: solid;
border-right-color: transparent !important;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: transparent !important;
border-left-width: 2px;
border-left-style: solid;
border-top-color: rgba(0, 0, 0, .5);
border-left-color: rgba(0, 0, 0, .5);
border-radius: 50%;
border-color: #000;
opacity: .5;
z-index: 9980;
position: absolute;
top: 50%;
left: 50%;
}
.evolvethemes-image.evolvethemes-image-reveal .evolvethemes-preloaded-image {
opacity: 1;
}
.evolvethemes-image .evolvethemes-preloaded-image {
transition: opacity .2s;
opacity: 0;
}
@media screen and (max-width: 768px) {
.evolvethemes-image .evolvethemes-preloaded-image {
transition-duration: 0s;
}
}
@media screen and (max-width: 768px) {
.evolvethemes-image .evolvethemes-preloaded-image.evolvethemes-image-loaded {
max-height: none !important;
}
}
.evolvethemes-image a {
font-weight: inherit;
display: inline-block;
}
.clayton-image-caption .evolvethemes-image:hover figcaption:not(:empty) {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.evolvethemes-image figcaption {
font-size: 13px;
position: absolute;
right: 12px;
bottom: 12px;
opacity: 0;
max-width: 300px;
color: #6e757c;
}
.evolvethemes-image figcaption a {
display: inline;
position: relative;
transition: border-color .2s;
padding: 0;
font-weight: 500;
border-width: 0 0 2px 0;
border-style: none none solid none;
border-color: transparent;
}
.evolvethemes-image figcaption a:hover {
border-color: #cdb88d;
}
.evolvethemes-image figcaption:not(:empty) {
background-color: #fff;
padding: 12px;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: -webkit-transform .2s ease, opacity .2s ease;
-moz-transition:    -moz-transform .2s ease, opacity .2s ease;
-o-transition:      -o-transform .2s ease, opacity .2s ease;
transition:         transform .2s ease, opacity .2s ease;
}
.clayton-l-w + .pagination {
clear: both;
text-align: center;
display: -webkit-inline-box;
display:         inline-box;
display: -webkit-inline-flex;
display:         inline-flex;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
position: relative;
}
.clayton-l-w + .pagination .clayton-load-more {
border: 2px solid;
border-color: #cdb88d;
color: #cdb88d;
padding: 11px 24px;
font-weight: 500;
font-family: inherit;
}
.clayton-l-w + .pagination .clayton-load-more:focus {
outline: none;
}
.clayton-l-w.clayton-l-loading + .pagination .clayton-load-more {
opacity: 0;
}
.clayton-l-w.clayton-l-loading + .pagination:after {
z-index: 100000;
content: "";
display: block;
margin-left: -10px;
margin-top: -10px;
height: 16px;
width: 16px;
border-top-width: 2px;
border-top-style: solid;
border-right-width: 2px;
border-right-style: solid;
border-right-color: transparent !important;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: transparent !important;
border-left-width: 2px;
border-left-style: solid;
border-top-color: currentColor;
border-left-color: currentColor;
border-radius: 50%;
border-color: #cdb88d;
position: absolute;
top: 50%;
left: 50%;
}
.clayton-page-navigation {
clear: both;
width: 100%;
}
.clayton-page-navigation .navigation {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.nav-links {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 12px 45px;
background-color: #fafafa;
}
.nav-links > * {
text-align: center;
font-weight: normal;
width: 36px;
line-height: 36px;
transition: opacity .2s ease;
opacity: .4;
position: relative;
margin-left: 3px;
margin-right: 3px;
}
.nav-links > *.current {
font-weight: bold;
color: #fff;
background-color: #000;
}
.nav-links > *.current,
.nav-links > *:hover:not(.dots) {
opacity: 1;
}
.nav-links a {
border-bottom: none;
}
.nav-links .next,
.nav-links .prev {
position: relative;
}
.nav-links .next {
-webkit-box-ordinal-group: 100;
-moz-box-ordinal-group: 100;
box-ordinal-group: 100;
-webkit-order: 100;
-moz-order: 100;
order: 100;
-ms-flex-order: 100;
}
.nav-links .next:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
content: "";
}
.nav-links .prev {
-webkit-box-ordinal-group: -1;
-moz-box-ordinal-group: -1;
box-ordinal-group: -1;
-webkit-order: -1;
-moz-order: -1;
order: -1;
-ms-flex-order: -1;
}
.nav-links .prev:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
content: "";
}
.page-links {
clear: both;
position: relative;
margin-top: 36px !important;
padding: 12px 45px;
background-color: #fafafa;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-pack: start;
box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
font-size: 14px;
}
.page-links > *:not(.screen-reader-text):not(.page-links-title) {
text-align: center;
font-weight: normal;
width: 36px;
line-height: 36px;
transition: opacity .2s ease;
opacity: .4;
position: relative;
}
.page-links > *:not(.screen-reader-text):not(.page-links-title):hover {
opacity: 1;
}
.page-links a {
border-bottom: none;
}
.page-links > span:not(.screen-reader-text):not(.page-links-title) {
font-weight: bold;
color: #fff;
background-color: #000;
opacity: 1;
}
.page-links .page-links-title {
width: auto;
margin-right: 12px;
}
.clayton-l {
opacity: 0;
-webkit-transition: opacity .4s;
-moz-transition: opacity .4s;
transition: opacity .4s;
}
.clayton-p-reveal .clayton-l {
opacity: 1;
}
.evolvethemes-preloader-status-loaded.clayton-ft .clayton-preloader .clayton-preloader-detail {
-webkit-animation: preloader 1400ms cubic-bezier(.86, 0, .07, 1) forwards;
-moz-animation: preloader 1400ms cubic-bezier(.86, 0, .07, 1) forwards;
animation: preloader 1400ms cubic-bezier(.86, 0, .07, 1) forwards;
}
@media screen and (max-width: 768px) {
.evolvethemes-preloader-status-loaded.clayton-ft .clayton-preloader .clayton-preloader-detail {
-webkit-animation: preloader_mobile 1400ms cubic-bezier(.86, 0, .07, 1) forwards;
-moz-animation: preloader_mobile 1400ms cubic-bezier(.86, 0, .07, 1) forwards;
animation: preloader_mobile 1400ms cubic-bezier(.86, 0, .07, 1) forwards;
}
}
.clayton-preloader {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
opacity: 0;
visibility: hidden;
z-index: 10001;
}
.clayton-preloader:before {
content: "";
display: block;
z-index: 10000;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #fff;
}
.clayton-preloader .clayton-logo {
position: fixed;
top: 50%;
right: 50%;
-webkit-transform: translate(50%, -50%);
-moz-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
transform: translate(50%, -50%);
margin: 0;
z-index: 10005;
opacity: 0;
transition: opacity .2s;
text-align: center;
}
html:not(.evolvethemes-preloader-not-loaded) .clayton-preloader.clayton-preloader-logo-loaded .clayton-logo {
opacity: 1;
}
.clayton-ft:not(.evolvethemes-preloader-not-loaded) .clayton-preloader {
opacity: 1;
visibility: visible;
}
.clayton-p-reveal:not(.evolvethemes-preloader-not-loaded) .clayton-preloader {
opacity: 0;
visibility: hidden;
}
.clayton-preloader .clayton-preloader-detail {
position: absolute;
top: 50%;
right: 50%;
height: calc( 100% - 90px/2 );
width: calc( 100% - 90px/2 );
z-index: 10003;
background-color: #fafafa;
-webkit-transform: translate(50%, -50%) rotate(0) scale(.1, 0);
-moz-transform: translate(50%, -50%) rotate(0) scale(.1, 0);
-ms-transform: translate(50%, -50%) rotate(0) scale(.1, 0);
-o-transform: translate(50%, -50%) rotate(0) scale(.1, 0);
transform: translate(50%, -50%) rotate(0) scale(.1, 0);
}
@media screen and (max-width: 768px) {
.clayton-preloader .clayton-preloader-detail {
height: calc( 100% - 90px/5 );
width: calc( 100% - 90px/5 );
}
}
@-webkit-keyframes preloader {
0% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.1, 0);
}
2% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.1, .03);
}
20% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.1, .2);
}
30% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.1, .2);
}
60% {
-webkit-transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
}
65% {
-webkit-transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
}
100% {
-webkit-transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
}
}
@-moz-keyframes preloader {
0% {
-moz-transform: translate(50%, -50%) rotate(0) scale(.1, 0);
}
2% {
-moz-transform: translate(50%, -50%) rotate(0) scale(.1, .03);
}
20% {
-moz-transform: translate(50%, -50%) rotate(0) scale(.1, .2);
}
30% {
-moz-transform: translate(50%, -50%) rotate(0) scale(.1, .2);
}
60% {
-moz-transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
}
65% {
-moz-transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
}
100% {
-moz-transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
}
}
@keyframes preloader {
0% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.1, 0);
-moz-transform: translate(50%, -50%) rotate(0) scale(.1, 0);
-ms-transform: translate(50%, -50%) rotate(0) scale(.1, 0);
-o-transform: translate(50%, -50%) rotate(0) scale(.1, 0);
transform: translate(50%, -50%) rotate(0) scale(.1, 0);
}
2% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.1, .03);
-moz-transform: translate(50%, -50%) rotate(0) scale(.1, .03);
-ms-transform: translate(50%, -50%) rotate(0) scale(.1, .03);
-o-transform: translate(50%, -50%) rotate(0) scale(.1, .03);
transform: translate(50%, -50%) rotate(0) scale(.1, .03);
}
20% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.1, .2);
-moz-transform: translate(50%, -50%) rotate(0) scale(.1, .2);
-ms-transform: translate(50%, -50%) rotate(0) scale(.1, .2);
-o-transform: translate(50%, -50%) rotate(0) scale(.1, .2);
transform: translate(50%, -50%) rotate(0) scale(.1, .2);
}
30% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.1, .2);
-moz-transform: translate(50%, -50%) rotate(0) scale(.1, .2);
-ms-transform: translate(50%, -50%) rotate(0) scale(.1, .2);
-o-transform: translate(50%, -50%) rotate(0) scale(.1, .2);
transform: translate(50%, -50%) rotate(0) scale(.1, .2);
}
60% {
-webkit-transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
-moz-transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
-ms-transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
-o-transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
}
65% {
-webkit-transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
-moz-transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
-ms-transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
-o-transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
}
100% {
-webkit-transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
-moz-transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
-ms-transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
-o-transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
}
}
@-webkit-keyframes preloader_mobile {
0% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.5, 0);
}
2% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.5, .03);
}
20% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.5, .2);
}
30% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.5, .2);
}
60% {
-webkit-transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
}
65% {
-webkit-transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
}
100% {
-webkit-transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
}
}
@-moz-keyframes preloader_mobile {
0% {
-moz-transform: translate(50%, -50%) rotate(0) scale(.5, 0);
}
2% {
-moz-transform: translate(50%, -50%) rotate(0) scale(.5, .03);
}
20% {
-moz-transform: translate(50%, -50%) rotate(0) scale(.5, .2);
}
30% {
-moz-transform: translate(50%, -50%) rotate(0) scale(.5, .2);
}
60% {
-moz-transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
}
65% {
-moz-transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
}
100% {
-moz-transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
}
}
@keyframes preloader_mobile {
0% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.5, 0);
-moz-transform: translate(50%, -50%) rotate(0) scale(.5, 0);
-ms-transform: translate(50%, -50%) rotate(0) scale(.5, 0);
-o-transform: translate(50%, -50%) rotate(0) scale(.5, 0);
transform: translate(50%, -50%) rotate(0) scale(.5, 0);
}
2% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.5, .03);
-moz-transform: translate(50%, -50%) rotate(0) scale(.5, .03);
-ms-transform: translate(50%, -50%) rotate(0) scale(.5, .03);
-o-transform: translate(50%, -50%) rotate(0) scale(.5, .03);
transform: translate(50%, -50%) rotate(0) scale(.5, .03);
}
20% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.5, .2);
-moz-transform: translate(50%, -50%) rotate(0) scale(.5, .2);
-ms-transform: translate(50%, -50%) rotate(0) scale(.5, .2);
-o-transform: translate(50%, -50%) rotate(0) scale(.5, .2);
transform: translate(50%, -50%) rotate(0) scale(.5, .2);
}
30% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.5, .2);
-moz-transform: translate(50%, -50%) rotate(0) scale(.5, .2);
-ms-transform: translate(50%, -50%) rotate(0) scale(.5, .2);
-o-transform: translate(50%, -50%) rotate(0) scale(.5, .2);
transform: translate(50%, -50%) rotate(0) scale(.5, .2);
}
60% {
-webkit-transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
-moz-transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
-ms-transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
-o-transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
}
65% {
-webkit-transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
-moz-transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
-ms-transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
-o-transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
}
100% {
-webkit-transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
-moz-transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
-ms-transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
-o-transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
}
}
.clayton-scrollup {
position: fixed;
right: 0;
bottom: 0;
border: 0;
padding: 0;
margin: 0;
display: none;
background: none;
z-index: 9999;
}
@media screen and (max-width: 768px) {
.clayton-scrollup {
display: none !important;
}
}
.clayton-scrollup:focus,
.clayton-scrollup:active {
outline: none;
}
.clayton-scrollup:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
content: "";
background-color: #cdb88d;
color: #fff;
height: 30px;
width: 30px;
line-height: 29px;
transform: rotate(-90deg);
text-align: center;
}
.clayton-shortcode-album-cover {
position: relative;
width: 100%;
display: -webkit-inline-box;
display:         inline-box;
display: -webkit-inline-flex;
display:         inline-flex;
-webkit-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.clayton-shortcode-album-cover a {
width: 100%;
border-bottom: none;
display: -webkit-inline-box;
display:         inline-box;
display: -webkit-inline-flex;
display:         inline-flex;
-webkit-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
color: #fff;
position: relative;
overflow: hidden;
font-weight: inherit;
}
.clayton-shortcode-album-cover a:hover .clayton-shortcode-album-cover-overlay {
opacity: 1;
}
.clayton-shortcode-album-cover a:hover .evolvethemes-image {
transform: scale(1.1);
}
.clayton-shortcode-album-cover .evolvethemes-image {
transition: transform .6s cubic-bezier(.215, .61, .355, 1);
transform: scale(1);
}
.clayton-shortcode-album-cover-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
z-index: 10;
transition: opacity .2s;
opacity: 0;
}
.clayton-shortcode-album-cover-title .clayton-shortcode-album-cover-overlay {
opacity: 1;
}
.clayton-shortcode-album-cover-overlay:before {
content: "";
display: block;
background-color: #000;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
opacity: .5;
}
.clayton-shortcode-album-cover-overlay > * + * {
margin-top: 4px;
}
.clayton-shortcode-album-cover-overlay .clayton-shortcode-album-cover-title {
font-family: "decalotype";
font-size: 20px;
font-weight: 700;
line-height: 1.5;
letter-spacing: .1em;
text-transform: uppercase;
z-index: 5;
}
.clayton-shortcode-album-cover-overlay .clayton-shortcode-album-cover-image-num {
font-size: 13px;
z-index: 5;
}
.clayton-social-links {
display: -webkit-inline-box;
display:         inline-box;
display: -webkit-inline-flex;
display:         inline-flex;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.clayton-h-hl .clayton-social-links {
margin-left: 6px;
}
@media screen and (max-width: 768px) {
.clayton-h-hl .clayton-social-links {
display: none;
}
.clayton-menu-open .clayton-h-hl .clayton-social-links {
display: -webkit-inline-box;
display:         inline-box;
display: -webkit-inline-flex;
display:         inline-flex;
padding: 12px 10px;
margin-left: 0;
}
}
.clayton-social-links a {
transition: color .2s;
display: inline-block;
padding: 2px;
margin-left: 8px;
margin-right: 8px;
position: relative;
border-bottom: none;
}
.clayton-social-links a:hover:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.clayton-social-links a:hover:before {
color: #fff;
-webkit-transform: scale(.7);
-moz-transform: scale(.7);
-ms-transform: scale(.7);
-o-transform: scale(.7);
transform: scale(.7);
}
.clayton-social-links a:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transform: scale(.8);
-moz-transform: scale(.8);
-ms-transform: scale(.8);
-o-transform: scale(.8);
transform: scale(.8);
background-color: #cdb88d;
-webkit-transition: -webkit-transform .3s cubic-bezier(.645, .045, .355, 1), opacity .3s;
-moz-transition:    -moz-transform .3s cubic-bezier(.645, .045, .355, 1), opacity .3s;
-o-transition:      -o-transform .3s cubic-bezier(.645, .045, .355, 1), opacity .3s;
transition:         transform .3s cubic-bezier(.645, .045, .355, 1), opacity .3s;
z-index: 1;
border-radius: 50%;
opacity: 0;
}
.clayton-social-links a:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
height: 24px;
width: 24px;
font-size: 24px;
float: left;
position: relative;
z-index: 5;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform .3s cubic-bezier(.645, .045, .355, 1), color .3s;
-moz-transition:    -moz-transform .3s cubic-bezier(.645, .045, .355, 1), color .3s;
-o-transition:      -o-transform .3s cubic-bezier(.645, .045, .355, 1), color .3s;
transition:         transform .3s cubic-bezier(.645, .045, .355, 1), color .3s;
}
.clayton-h-hl .clayton-social-links a:before {
font-size: 16px;
height: 16px;
width: 16px;
}
@media screen and (max-width: 768px) {
.clayton-h-hl .clayton-social-links a:before {
height: 24px;
width: 24px;
font-size: 24px;
}
}
.clayton-social-links .clayton-social-dribbble:before {
content: "";
}
.clayton-social-links .clayton-social-behance:before {
content: "";
}
.clayton-social-links .clayton-social-youtube:before {
content: "";
}
.clayton-social-links .clayton-social-twitter:before {
content: "";
}
.clayton-social-links .clayton-social-vimeo:before {
content: "";
}
.clayton-social-links .clayton-social-facebook:before {
content: "";
}
.clayton-social-links .clayton-social-googleplus:before {
content: "";
}
.clayton-social-links .clayton-social-linkedin:before {
content: "";
}
.clayton-social-links .clayton-social-pinterest:before {
content: "";
}
.clayton-social-links .clayton-social-instagram:before {
content: "";
}
.clayton-social-links .clayton-social-flickr:before {
content: "";
}
.clayton-social-links .clayton-social-skype:before {
content: "";
}
.clayton-social-links .clayton-social-deviantart:before {
content: "";
}
.clayton-social-links .clayton-social-500px:before {
content: "";
}
.clayton-social-links .clayton-social-picasa:before {
content: "";
}
.clayton-social-links .clayton-social-vk:before {
content: "";
}
.clayton-social-links .clayton-social-reddit:before {
content: "";
}
.clayton-social-links .clayton-mail-link:before {
content: "";
} .clayton-h {
background-color: #fff;
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 9999;
}
.admin-bar .clayton-h {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar .clayton-h {
top: 46px;
}
}
@media screen and (max-width: 768px) {
.clayton-menu-open .clayton-h {
bottom: 0;
}
}
.clayton-h:before,
.clayton-h:after {
content: "";
background-color: inherit;
display: block;
width: 30px;
height: 100%;
z-index: -1;
position: fixed;
top: 0;
bottom: 0;
}
@media screen and (max-width: 768px) {
.clayton-h:before,
.clayton-h:after {
display: none;
}
}
.clayton-h:before {
left: 0;
}
.clayton-h:after {
right: 0;
}
.clayton-h-type-a .clayton-h-hl {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
@media screen and (min-width: 769px) {
.clayton-h-type-b {
padding-left: 30px;
padding-right: 30px;
}
}
.clayton-h-type-b .clayton-h-hl {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
max-width: none;
}
@media screen and (max-width: 768px) {
.clayton-hm-type-a .clayton-h-hl {
display: block;
padding-top: 12px;
padding-bottom: 12px;
}
.clayton-hm-type-a .clayton-h-hl:before {
content: "";
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #fff;
visibility: hidden;
opacity: 0;
transition-property: opacity, visibility;
transition-duration: .2s;
}
.clayton-menu-open .clayton-hm-type-a .clayton-h-hl:before {
opacity: 1;
visibility: visible;
}
}
@media screen and (max-width: 768px) {
.clayton-hm-type-b .clayton-h-hl {
-webkit-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 12px;
padding-bottom: 12px;
}
.clayton-hm-type-b .clayton-h-hl .clayton-h-hl-w_i {
padding-left: 18px;
padding-right: 18px;
max-width: 80%;
}
.clayton-hm-type-b .clayton-h-hl .clayton-m-trigger {
margin: 0 18px;
}
}
@media screen and (min-width: 769px) {
.clayton-h-type-a .clayton-logo {
position: fixed;
right: 50%;
-webkit-transform: translate(50%, 15px);
-moz-transform: translate(50%, 15px);
-ms-transform: translate(50%, 15px);
-o-transform: translate(50%, 15px);
transform: translate(50%, 15px);
text-align: center;
padding-top: 12px;
-webkit-transition: -webkit-transform .6s cubic-bezier(.645, .045, .355, 1);
-moz-transition:    -moz-transform .6s cubic-bezier(.645, .045, .355, 1);
-o-transition:      -o-transform .6s cubic-bezier(.645, .045, .355, 1);
transition:         transform .6s cubic-bezier(.645, .045, .355, 1);
}
.clayton-p-reveal .clayton-h-type-a .clayton-logo {
-webkit-transition: opacity .6s;
-moz-transition: opacity .6s;
-o-transition: opacity .6s;
transition: opacity .6s;
}
.clayton-ft .clayton-h-type-a .clayton-logo {
opacity: 0;
-webkit-transition: -webkit-transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
-moz-transition:    -moz-transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
-o-transition:      -o-transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
transition:         transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
}
.clayton-ft.clayton-p-reveal .clayton-h-type-a .clayton-logo,
.clayton-p-reveal .clayton-h-type-a .clayton-logo {
opacity: 1;
-webkit-transform: translate(50%, 0);
-moz-transform: translate(50%, 0);
-ms-transform: translate(50%, 0);
-o-transform: translate(50%, 0);
transform: translate(50%, 0);
}
.clayton-ft.clayton-p-reveal .clayton-header-scrolled .clayton-h-type-a .clayton-logo,
.clayton-bpt.clayton-p-reveal .clayton-header-scrolled .clayton-h-type-a .clayton-logo {
opacity: 0;
transition: opacity .2s;
pointer-events: none;
}
}
@media screen and (max-width: 768px) {
.clayton-hm-type-a .clayton-logo {
width: 100%;
padding-left: 18px;
padding-right: 18px;
position: fixed;
right: 50%;
-webkit-transform: translate(50%, 15px);
-moz-transform: translate(50%, 15px);
-ms-transform: translate(50%, 15px);
-o-transform: translate(50%, 15px);
transform: translate(50%, 15px);
text-align: center;
padding-top: 12px;
-webkit-transition: -webkit-transform .6s cubic-bezier(.645, .045, .355, 1);
-moz-transition:    -moz-transform .6s cubic-bezier(.645, .045, .355, 1);
-o-transition:      -o-transform .6s cubic-bezier(.645, .045, .355, 1);
transition:         transform .6s cubic-bezier(.645, .045, .355, 1);
}
.clayton-p-reveal .clayton-hm-type-a .clayton-logo {
-webkit-transition: opacity .6s;
-moz-transition: opacity .6s;
-o-transition: opacity .6s;
transition: opacity .6s;
}
.clayton-ft .clayton-hm-type-a .clayton-logo {
opacity: 0;
-webkit-transition: -webkit-transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
-moz-transition:    -moz-transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
-o-transition:      -o-transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
transition:         transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
}
.clayton-ft.clayton-p-reveal .clayton-hm-type-a .clayton-logo,
.clayton-p-reveal .clayton-hm-type-a .clayton-logo {
opacity: 1;
-webkit-transform: translate(50%, 0);
-moz-transform: translate(50%, 0);
-ms-transform: translate(50%, 0);
-o-transform: translate(50%, 0);
transform: translate(50%, 0);
}
.clayton-ft.clayton-p-reveal .clayton-header-scrolled .clayton-hm-type-a .clayton-logo,
.clayton-bpt.clayton-p-reveal .clayton-header-scrolled .clayton-hm-type-a .clayton-logo {
opacity: 0;
transition: opacity .2s;
pointer-events: none;
}
.clayton-menu-open .clayton-hm-type-a .clayton-logo {
opacity: 0;
}
}
@media screen and (min-width: 769px) {
.clayton-h-type-b .clayton-logo {
margin: 12px 0;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.clayton-p-reveal .clayton-h-type-b .clayton-logo {
-webkit-transition: opacity .6s;
-moz-transition: opacity .6s;
-o-transition: opacity .6s;
transition: opacity .6s;
}
.clayton-ft .clayton-h-type-b .clayton-logo {
opacity: 0;
-webkit-transition: -webkit-transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
-moz-transition:    -moz-transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
-o-transition:      -o-transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
transition:         transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
}
.clayton-ft.clayton-p-reveal .clayton-h-type-b .clayton-logo,
.clayton-p-reveal .clayton-h-type-b .clayton-logo {
opacity: 1;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.clayton-h-type-b .clayton-logo img {
max-height: 42px;
width: auto;
}
}
@media screen and (max-width: 768px) {
.clayton-hm-type-b .clayton-logo {
margin: 12px 0;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.clayton-p-reveal .clayton-hm-type-b .clayton-logo {
-webkit-transition: opacity .6s;
-moz-transition: opacity .6s;
-o-transition: opacity .6s;
transition: opacity .6s;
}
.clayton-ft .clayton-hm-type-b .clayton-logo {
opacity: 0;
-webkit-transition: -webkit-transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
-moz-transition:    -moz-transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
-o-transition:      -o-transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
transition:         transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
}
.clayton-ft.clayton-p-reveal .clayton-hm-type-b .clayton-logo,
.clayton-p-reveal .clayton-hm-type-b .clayton-logo {
opacity: 1;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.clayton-hm-type-b .clayton-logo img {
max-height: 42px;
width: auto;
}
}
.clayton-logo a {
display: inline-block;
border-bottom: none;
}
.clayton-site-title {
font-family: "decalotype";
font-size: 24px;
font-weight: 700;
line-height: 1.1;
letter-spacing: .1em;
text-transform: uppercase;
}
.clayton-site-title a {
font-weight: inherit;
border-bottom: none;
}
.clayton-site-description {
font-family: "IBM Plex Sans";
font-size: 12px;
font-weight: 500;
line-height: 1.1;
letter-spacing: .3em;
text-transform: uppercase;
margin-top: 3px;
color: #6e757c;
}
.clayton-h-nav_w {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
@media screen and (max-width: 768px) {
.clayton-h-nav_w {
display: block;
width: 100%;
}
}
.clayton-n-h {
position: relative;
}
@media screen and (max-width: 768px) {
.clayton-n-h {
visibility: hidden;
opacity: 0;
height: 0;
}
.clayton-menu-open .clayton-n-h {
transition-property: visibility, opacity;
transition-duration: .2s;
visibility: visible;
opacity: 1;
height: auto;
background-color: #fff;
}
}
.clayton-n-h ul {
padding: 0;
margin: 0;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
@media screen and (max-width: 768px) {
.clayton-n-h ul {
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
padding: 12px 18px 0;
}
.clayton-n-h ul ul {
padding: 0;
}
}
.clayton-n-h ul ul {
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
.clayton-n-h ul ul a {
font-family: "decalotype";
font-size: 10px;
font-weight: 500;
line-height: 1.25;
letter-spacing: .2em;
text-transform: uppercase;
}
@media screen and (min-width: 768px) {
.clayton-n-h ul ul a {
color: #000;
}
}
@media screen and (max-width: 768px) {
.clayton-n-h ul ul a {
font-family: "decalotype";
font-size: 14px;
font-weight: 500;
line-height: 1.25;
letter-spacing: .2em;
text-transform: uppercase;
}
}
.clayton-n-h ul ul li {
padding-top: 12px;
padding-bottom: 12px;
}
.clayton-n-h li {
list-style: none;
padding: 24px 6px;
margin: 0 6px;
position: relative;
display: block;
}
@media screen and (max-width: 768px) {
.clayton-n-h li {
margin: 0;
padding: 12px 0;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
width: 100%;
}
}
.clayton-n-h a {
color: currentColor;
position: relative;
font-weight: inherit;
cursor: pointer;
font-family: "decalotype";
font-size: 10px;
font-weight: 500;
line-height: 1;
letter-spacing: .2em;
text-transform: uppercase;
color: #000;
float: left;
transition: opacity .2s;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
border-bottom: none;
}
@media screen and (max-width: 768px) {
.clayton-n-h a {
font-family: "decalotype";
font-size: 16px;
font-weight: 500;
line-height: 1;
letter-spacing: .2em;
text-transform: uppercase;
}
}
.clayton-n-h a:hover {
opacity: .6;
}
@media screen and (max-width: 768px) {
.clayton-n-h a:hover {
opacity: 1;
}
}
.clayton-ft .clayton-n-h .menu > ul > li,
.clayton-ft .clayton-n-h .menu > li {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
-webkit-transition: -webkit-transform .4s cubic-bezier(.645, .045, .355, 1), opacity .4s;
-moz-transition:    -moz-transform .4s cubic-bezier(.645, .045, .355, 1), opacity .4s;
-o-transition:      -o-transform .4s cubic-bezier(.645, .045, .355, 1), opacity .4s;
transition:         transform .4s cubic-bezier(.645, .045, .355, 1), opacity .4s;
}
.clayton-ft.clayton-p-reveal .clayton-n-h .menu > ul > li,
.clayton-ft.clayton-p-reveal .clayton-n-h .menu > li {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(1),
.clayton-ft .clayton-n-h .menu > li:nth-child(1) {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(2),
.clayton-ft .clayton-n-h .menu > li:nth-child(2) {
-webkit-transition-delay: .07s;
-moz-transition-delay: .07s;
transition-delay: .07s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(3),
.clayton-ft .clayton-n-h .menu > li:nth-child(3) {
-webkit-transition-delay: .14s;
-moz-transition-delay: .14s;
transition-delay: .14s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(4),
.clayton-ft .clayton-n-h .menu > li:nth-child(4) {
-webkit-transition-delay: .21s;
-moz-transition-delay: .21s;
transition-delay: .21s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(5),
.clayton-ft .clayton-n-h .menu > li:nth-child(5) {
-webkit-transition-delay: .28s;
-moz-transition-delay: .28s;
transition-delay: .28s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(6),
.clayton-ft .clayton-n-h .menu > li:nth-child(6) {
-webkit-transition-delay: .35s;
-moz-transition-delay: .35s;
transition-delay: .35s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(7),
.clayton-ft .clayton-n-h .menu > li:nth-child(7) {
-webkit-transition-delay: .42s;
-moz-transition-delay: .42s;
transition-delay: .42s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(8),
.clayton-ft .clayton-n-h .menu > li:nth-child(8) {
-webkit-transition-delay: .49s;
-moz-transition-delay: .49s;
transition-delay: .49s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(9),
.clayton-ft .clayton-n-h .menu > li:nth-child(9) {
-webkit-transition-delay: .56s;
-moz-transition-delay: .56s;
transition-delay: .56s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(10),
.clayton-ft .clayton-n-h .menu > li:nth-child(10) {
-webkit-transition-delay: .63s;
-moz-transition-delay: .63s;
transition-delay: .63s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(11),
.clayton-ft .clayton-n-h .menu > li:nth-child(11) {
-webkit-transition-delay: .7s;
-moz-transition-delay: .7s;
transition-delay: .7s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(12),
.clayton-ft .clayton-n-h .menu > li:nth-child(12) {
-webkit-transition-delay: .77s;
-moz-transition-delay: .77s;
transition-delay: .77s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(13),
.clayton-ft .clayton-n-h .menu > li:nth-child(13) {
-webkit-transition-delay: .84s;
-moz-transition-delay: .84s;
transition-delay: .84s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(14),
.clayton-ft .clayton-n-h .menu > li:nth-child(14) {
-webkit-transition-delay: .91s;
-moz-transition-delay: .91s;
transition-delay: .91s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(15),
.clayton-ft .clayton-n-h .menu > li:nth-child(15) {
-webkit-transition-delay: .98s;
-moz-transition-delay: .98s;
transition-delay: .98s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(16),
.clayton-ft .clayton-n-h .menu > li:nth-child(16) {
-webkit-transition-delay: 1.05s;
-moz-transition-delay: 1.05s;
transition-delay: 1.05s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(17),
.clayton-ft .clayton-n-h .menu > li:nth-child(17) {
-webkit-transition-delay: 1.12s;
-moz-transition-delay: 1.12s;
transition-delay: 1.12s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(18),
.clayton-ft .clayton-n-h .menu > li:nth-child(18) {
-webkit-transition-delay: 1.19s;
-moz-transition-delay: 1.19s;
transition-delay: 1.19s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(19),
.clayton-ft .clayton-n-h .menu > li:nth-child(19) {
-webkit-transition-delay: 1.26s;
-moz-transition-delay: 1.26s;
transition-delay: 1.26s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(20),
.clayton-ft .clayton-n-h .menu > li:nth-child(20) {
-webkit-transition-delay: 1.33s;
-moz-transition-delay: 1.33s;
transition-delay: 1.33s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(21),
.clayton-ft .clayton-n-h .menu > li:nth-child(21) {
-webkit-transition-delay: 1.4s;
-moz-transition-delay: 1.4s;
transition-delay: 1.4s;
}
.clayton-n-h .menu > ul .clayton-expand-left > ul,
.clayton-n-h .menu .clayton-expand-left > ul {
right: 100%;
-webkit-transform: translateX(5px);
-moz-transform: translateX(5px);
-ms-transform: translateX(5px);
-o-transform: translateX(5px);
transform: translateX(5px);
left: auto;
}
@media screen and (max-width: 768px) {
.clayton-n-h .menu > ul .clayton-expand-left > ul,
.clayton-n-h .menu .clayton-expand-left > ul {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
left: 0;
right: auto;
}
}
.rtl .clayton-n-h .menu > ul .clayton-expand-left.clayton-expand-right > ul,
.rtl .clayton-n-h .menu .clayton-expand-left.clayton-expand-right > ul {
right: 100%;
-webkit-transform: translateX(5px);
-moz-transform: translateX(5px);
-ms-transform: translateX(5px);
-o-transform: translateX(5px);
transform: translateX(5px);
left: auto;
}
@media screen and (max-width: 768px) {
.rtl .clayton-n-h .menu > ul .clayton-expand-left.clayton-expand-right > ul,
.rtl .clayton-n-h .menu .clayton-expand-left.clayton-expand-right > ul {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
right: 0;
}
}
.clayton-n-h .menu > ul .clayton-expand-right > ul,
.clayton-n-h .menu .clayton-expand-right > ul {
left: 100%;
right: auto;
-webkit-transform: translateX(-5px);
-moz-transform: translateX(-5px);
-ms-transform: translateX(-5px);
-o-transform: translateX(-5px);
transform: translateX(-5px);
}
@media screen and (max-width: 768px) {
.clayton-n-h .menu > ul .clayton-expand-right > ul,
.clayton-n-h .menu .clayton-expand-right > ul {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
left: 0;
}
}
.clayton-n-h .menu > ul .clayton-expand-left > ul,
.clayton-n-h .menu > ul .clayton-expand-right > ul,
.clayton-n-h .menu .clayton-expand-left > ul,
.clayton-n-h .menu .clayton-expand-right > ul {
-webkit-transition: opacity .2s ease, visibility .2s ease, -webkit-transform .2s ease;
-moz-transition: opacity .2s ease, visibility .2s ease, -moz-transform .2s ease;
-o-transition: opacity .2s ease, visibility .2s ease, -o-transform .2s ease;
transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
}
.clayton-n-h .menu > ul .clayton-expand-left.clayton-hover > ul,
.clayton-n-h .menu > ul .clayton-expand-right.clayton-hover > ul,
.clayton-n-h .menu .clayton-expand-left.clayton-hover > ul,
.clayton-n-h .menu .clayton-expand-right.clayton-hover > ul {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
@media screen and (max-width: 768px) {
.clayton-n-h .menu > ul .clayton-expand-left.clayton-hover > ul,
.clayton-n-h .menu > ul .clayton-expand-right.clayton-hover > ul,
.clayton-n-h .menu .clayton-expand-left.clayton-hover > ul,
.clayton-n-h .menu .clayton-expand-right.clayton-hover > ul {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
.clayton-n-h .menu > ul > .clayton-expand-left > ul,
.clayton-n-h .menu > .clayton-expand-left > ul {
right: 0;
}
@media screen and (max-width: 768px) {
.clayton-n-h .menu > ul > .clayton-expand-left > ul,
.clayton-n-h .menu > .clayton-expand-left > ul {
left: 0;
right: auto;
}
}
.clayton-n-h .menu > ul > .clayton-expand-right > ul,
.clayton-n-h .menu > .clayton-expand-right > ul {
left: 0;
}
.clayton-n-h .menu > ul > .clayton-expand-right.clayton-expand-left > ul,
.clayton-n-h .menu > .clayton-expand-right.clayton-expand-left > ul {
right: auto;
}
.clayton-n-h .menu > ul > .page_item_has_children > ul,
.clayton-n-h .menu > ul > .menu-item-has-children > ul,
.clayton-n-h .menu > .page_item_has_children > ul,
.clayton-n-h .menu > .menu-item-has-children > ul {
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
-ms-transform: translateY(5px);
-o-transform: translateY(5px);
transform: translateY(5px);
-webkit-transition: opacity .2s ease, visibility .2s ease, -webkit-transform .2s ease;
-moz-transition: opacity .2s ease, visibility .2s ease, -moz-transform .2s ease;
-o-transition: opacity .2s ease, visibility .2s ease, -o-transform .2s ease;
transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
}
@media screen and (max-width: 768px) {
.clayton-n-h .menu > ul > .page_item_has_children > ul,
.clayton-n-h .menu > ul > .menu-item-has-children > ul,
.clayton-n-h .menu > .page_item_has_children > ul,
.clayton-n-h .menu > .menu-item-has-children > ul {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
.clayton-n-h .menu > ul > .page_item_has_children.clayton-hover > ul,
.clayton-n-h .menu > ul > .menu-item-has-children.clayton-hover > ul,
.clayton-n-h .menu > .page_item_has_children.clayton-hover > ul,
.clayton-n-h .menu > .menu-item-has-children.clayton-hover > ul {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.clayton-n-h .menu-item-has-children,
.clayton-n-h .page_item_has_children {
position: relative;
}
.clayton-n-h .menu-item-has-children > a > span,
.clayton-n-h .page_item_has_children > a > span {
margin-left: .3em;
}
.clayton-n-h .menu-item-has-children > a > span:before,
.clayton-n-h .page_item_has_children > a > span:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
content: "";
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
@media screen and (max-width: 768px) {
.clayton-n-h .menu-item-has-children > a > span:before,
.clayton-n-h .page_item_has_children > a > span:before {
height: 14px;
width: 14px;
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
.clayton-n-h .menu-item-has-children > a.clayton-mn-s-open > span,
.clayton-n-h .page_item_has_children > a.clayton-mn-s-open > span {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
display: inline-block;
position: relative;
top: -2px;
}
}
.clayton-n-h .menu-item-has-children .menu-item-has-children > a > span:before,
.clayton-n-h .menu-item-has-children .page_item_has_children > a > span:before,
.clayton-n-h .page_item_has_children .menu-item-has-children > a > span:before,
.clayton-n-h .page_item_has_children .page_item_has_children > a > span:before {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
margin-left: 1em;
}
@media screen and (max-width: 768px) {
.clayton-n-h .menu-item-has-children .menu-item-has-children > a > span:before,
.clayton-n-h .menu-item-has-children .page_item_has_children > a > span:before,
.clayton-n-h .page_item_has_children .menu-item-has-children > a > span:before,
.clayton-n-h .page_item_has_children .page_item_has_children > a > span:before {
margin-left: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
}
.clayton-n-h .menu-item-has-children > ul,
.clayton-n-h .page_item_has_children > ul {
top: 100%;
position: absolute;
left: 0;
z-index: 1000;
visibility: hidden;
opacity: 0;
min-width: 240px;
box-shadow: 0 6px 20px -3px rgba(0, 0, 0, .2);
-webkit-transition: opacity .2s, visibility .2s;
-moz-transition: opacity .2s, visibility .2s;
-o-transition: opacity .2s, visibility .2s;
transition: opacity .2s, visibility .2s;
text-align: left;
padding-top: 4px;
padding-bottom: 4px;
}
@media screen and (min-width: 768px) {
.clayton-n-h .menu-item-has-children > ul,
.clayton-n-h .page_item_has_children > ul {
border: 1px solid;
background-color: #fff;
border-color: #cdb88d;
}
}
@media screen and (max-width: 768px) {
.clayton-n-h .menu-item-has-children > ul,
.clayton-n-h .page_item_has_children > ul {
position: relative;
top: auto;
min-width: 0;
box-shadow: none;
clear: both;
display: none;
padding-top: 12px;
padding-bottom: 0;
}
}
.clayton-n-h .menu-item-has-children > ul ul,
.clayton-n-h .page_item_has_children > ul ul {
top: 0;
}
.rtl .clayton-n-h .menu-item-has-children > ul,
.rtl .clayton-n-h .page_item_has_children > ul {
text-align: right;
}
@media screen and (max-width: 768px) {
.clayton-n-h .menu-item-has-children .clayton-mn-s-open + ul,
.clayton-n-h .page_item_has_children .clayton-mn-s-open + ul {
display: block;
opacity: 1;
visibility: visible;
}
}
.clayton-n-h .menu-item-has-children.clayton-hover > ul,
.clayton-n-h .page_item_has_children.clayton-hover > ul {
opacity: 1;
visibility: visible;
}
.clayton-m-trigger {
cursor: pointer;
display: none;
position: relative;
height: 24px;
width: 24px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.clayton-m-trigger {
display: block;
}
}
.clayton-m-trigger span {
height: 2px;
width: 24px;
display: block;
background-color: currentColor;
position: absolute;
top: 50%;
right: 0;
margin-top: -1px;
-webkit-transition: width .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
-moz-transition: width .2s cubic-bezier(.215, .61, .355, 1), -moz-transform .2s cubic-bezier(.215, .61, .355, 1);
-o-transition: width .2s cubic-bezier(.215, .61, .355, 1), -o-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: width .2s cubic-bezier(.215, .61, .355, 1), transform .2s cubic-bezier(.215, .61, .355, 1);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.clayton-m-trigger span:before,
.clayton-m-trigger span:after {
background-color: currentColor;
content: "";
height: 2px;
width: 24px;
position: absolute;
right: 0;
}
.clayton-m-trigger span:before {
top: -6px;
-webkit-transition: width .2s cubic-bezier(.215, .61, .355, 1), top .2s .4s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
-moz-transition: width .2s cubic-bezier(.215, .61, .355, 1), top .2s .4s cubic-bezier(.215, .61, .355, 1), -moz-transform .2s cubic-bezier(.215, .61, .355, 1);
-o-transition: width .2s cubic-bezier(.215, .61, .355, 1), top .2s .4s cubic-bezier(.215, .61, .355, 1), -o-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: width .2s cubic-bezier(.215, .61, .355, 1), top .2s .4s cubic-bezier(.215, .61, .355, 1), transform .2s cubic-bezier(.215, .61, .355, 1);
}
.clayton-m-trigger span:after {
bottom: -6px;
-webkit-transition: width .2s cubic-bezier(.215, .61, .355, 1), bottom .2s .4s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
-moz-transition: width .2s cubic-bezier(.215, .61, .355, 1), bottom .2s .4s cubic-bezier(.215, .61, .355, 1), -moz-transform .2s cubic-bezier(.215, .61, .355, 1);
-o-transition: width .2s cubic-bezier(.215, .61, .355, 1), bottom .2s .4s cubic-bezier(.215, .61, .355, 1), -o-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: width .2s cubic-bezier(.215, .61, .355, 1), bottom .2s .4s cubic-bezier(.215, .61, .355, 1), transform .2s cubic-bezier(.215, .61, .355, 1);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.clayton-menu-open .clayton-m-trigger span {
-webkit-transition: width .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s .4s cubic-bezier(.215, .61, .355, 1);
-moz-transition: width .2s cubic-bezier(.215, .61, .355, 1), -moz-transform .2s .4s cubic-bezier(.215, .61, .355, 1);
-o-transition: width .2s cubic-bezier(.215, .61, .355, 1), -o-transform .2s .4s cubic-bezier(.215, .61, .355, 1);
transition: width .2s cubic-bezier(.215, .61, .355, 1), transform .2s .4s cubic-bezier(.215, .61, .355, 1);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.clayton-menu-open .clayton-m-trigger span:before {
-webkit-transition: width .2s cubic-bezier(.215, .61, .355, 1), top .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s .4s cubic-bezier(.215, .61, .355, 1);
-moz-transition: width .2s cubic-bezier(.215, .61, .355, 1), top .2s cubic-bezier(.215, .61, .355, 1), -moz-transform .2s .4s cubic-bezier(.215, .61, .355, 1);
-o-transition: width .2s cubic-bezier(.215, .61, .355, 1), top .2s cubic-bezier(.215, .61, .355, 1), -o-transform .2s .4s cubic-bezier(.215, .61, .355, 1);
transition: width .2s cubic-bezier(.215, .61, .355, 1), top .2s cubic-bezier(.215, .61, .355, 1), transform .2s .4s cubic-bezier(.215, .61, .355, 1);
top: 0;
}
.clayton-menu-open .clayton-m-trigger span:after {
bottom: 0;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 100%;
-webkit-transition: width .2s cubic-bezier(.215, .61, .355, 1), bottom .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s .4s cubic-bezier(.215, .61, .355, 1);
-moz-transition: width .2s cubic-bezier(.215, .61, .355, 1), bottom .2s cubic-bezier(.215, .61, .355, 1), -moz-transform .2s .4s cubic-bezier(.215, .61, .355, 1);
-o-transition: width .2s cubic-bezier(.215, .61, .355, 1), bottom .2s cubic-bezier(.215, .61, .355, 1), -o-transform .2s .4s cubic-bezier(.215, .61, .355, 1);
transition: width .2s cubic-bezier(.215, .61, .355, 1), bottom .2s cubic-bezier(.215, .61, .355, 1), transform .2s .4s cubic-bezier(.215, .61, .355, 1);
} .clayton-f {
text-align: center;
padding: 24px 45px;
padding-top: 72px;
}
@media screen and (max-width: 768px) {
.clayton-f {
padding: 24px 18px;
}
}
.clayton-f_w > * + * {
margin-top: 12px;
}
.clayton-f_w > * + *.clayton-social-links,
.clayton-f_w > * + *.clayton-f-copy {
margin-top: 24px;
}
.clayton-f-copy {
font-size: 14px;
}
.clayton-f-copy a {
display: inline;
position: relative;
transition: border-color .2s;
padding: 0;
font-weight: 500;
border-width: 0 0 2px 0;
border-style: none none solid none;
border-color: transparent;
}
.clayton-f-copy a:hover {
border-color: #cdb88d;
}
.clayton-n-f ul {
display: -webkit-inline-box;
display:         inline-box;
display: -webkit-inline-flex;
display:         inline-flex;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
margin: 0;
}
.clayton-n-f ul ul {
display: none;
}
.clayton-n-f ul a {
font-size: 13px;
display: inline;
position: relative;
transition: border-color .2s;
padding: 0;
font-weight: 500;
border-width: 0 0 2px 0;
border-style: none none solid none;
border-color: transparent;
}
.clayton-n-f ul a:hover {
border-color: #cdb88d;
}
.clayton-n-f ul li {
list-style: none;
padding: 0 6px;
margin: 0;
position: relative;
display: -webkit-inline-box;
display:         inline-box;
display: -webkit-inline-flex;
display:         inline-flex;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
}
.clayton-n-f ul li:last-child:after {
display: none;
}
.clayton-n-f ul li:after {
content: "";
display: inline-block;
height: 3px;
width: 3px;
border-radius: 50%;
margin-left: 12px;
background-color: #000;
}
.clayton-f-sidebar {
font-size: 14px;
margin-bottom: 24px;
}
.clayton-f-sidebar > * + * {
margin-top: 24px;
}
.clayton-f-sidebar .widget-title:before,
.clayton-f-sidebar .widgettitle:before {
display: none;
} .clayton-fi_w-i .clayton-fi-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.clayton-fi_w-i.clayton-media-or .clayton-fi-bg {
background-size: contain;
}
.clayton-fi_w-i .clayton-fi-bg-hidden {
display: none;
}
.clayton-media ~ .clayton-ph .clayton-ph_wi {
padding-top: 24px;
}
.clayton-featured-image-stroke-disabled .clayton-media + .clayton-detail span {
display: none;
}
.clayton-page-title-stroke-disabled .clayton-ph + .clayton-detail {
display: none;
}
.clayton-page-title-stroke-disabled .clayton-ph + .clayton-detail + .clayton-c {
padding-top: 48px;
}
.clayton-ph_wi {
padding: 24px 45px;
text-align: center;
}
@media screen and (max-width: 768px) {
.clayton-ph_wi {
padding: 24px 18px;
}
}
.clayton-ph-desc {
margin-top: 24px;
}
.clayton-ph-t {
position: relative;
word-break: break-word;
-ms-word-wrap: break-word;
}
@media screen and (min-width: 768px) {
.clayton-ph-t {
font-family: "decalotype";
font-size: 72px;
font-weight: 700;
line-height: 1.25;
letter-spacing: .05em;
text-transform: uppercase;
}
}
@media screen and (max-width: 768px) {
.clayton-ph-t {
font-size: 36px;
}
}
.clayton-ph-t:before {
content: attr(data-title);
position: absolute;
top: 50%;
right: 50%;
width:    -moz-max-content;
width: -webkit-max-content;
width:         max-content;
-webkit-transform: translate(50%, 0%) scale(4);
-moz-transform: translate(50%, 0%) scale(4);
-ms-transform: translate(50%, 0%) scale(4);
-o-transform: translate(50%, 0%) scale(4);
transform: translate(50%, 0%) scale(4);
z-index: -2;
color: #000;
-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, black);
-o-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, black);
mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, black);
opacity: 0;
-webkit-transition: -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1), opacity 1.2s;
-moz-transition:    -moz-transform 1.2s cubic-bezier(.215, .61, .355, 1), opacity 1.2s;
-o-transition:      -o-transform 1.2s cubic-bezier(.215, .61, .355, 1), opacity 1.2s;
transition:         transform 1.2s cubic-bezier(.215, .61, .355, 1), opacity 1.2s;
font-family: "decalotype";
font-size: 72px;
font-weight: 700;
line-height: 1.25;
letter-spacing: .05em;
text-transform: uppercase;
}
.clayton-p-reveal .clayton-ph-t:before {
opacity: .04;
-webkit-transform: translate(50%, -50%) scale(4);
-moz-transform: translate(50%, -50%) scale(4);
-ms-transform: translate(50%, -50%) scale(4);
-o-transform: translate(50%, -50%) scale(4);
transform: translate(50%, -50%) scale(4);
}
.clayton-page-title-fx-disabled .clayton-ph-t:before,
.clayton-page-title-fx-disabled .clayton-ph-t:after {
display: none;
}
.clayton-ph-bt_w {
margin-bottom: 12px;
font-family: "decalotype";
font-size: 14px;
font-weight: 500;
line-height: 1.25;
letter-spacing: .3em;
text-transform: uppercase;
color: #000;
}
.clayton-ph-bt_w span + span {
margin-left: 18px;
}
.clayton-ph-bt_w span:empty {
display: none;
}
@media screen and (max-width: 768px) {
.clayton-ph-bt_w {
margin-bottom: 16px;
}
}
.clayton-ph-bt_w a {
display: inline;
position: relative;
transition: border-color .2s;
padding: 0;
font-weight: 500;
border-width: 0 0 2px 0;
border-style: none none solid none;
border-color: transparent;
}
.clayton-ph-bt_w a:hover {
border-color: #cdb88d;
}
.clayton-ph-at_w {
margin-top: 12px;
font-family: "IBM Plex Sans";
font-size: 18px;
font-style: italic;
font-weight: 300;
line-height: 1.25;
letter-spacing: 0;
text-transform: none;
color: #6e757c;
}
.clayton-ph-at_w span + span {
margin-left: 18px;
}
.clayton-ph-at_w span:empty {
display: none;
}
@media screen and (max-width: 768px) {
.clayton-ph-at_w {
margin-top: 16px;
}
}
.clayton-ph-at_w a {
color: inherit;
display: inline;
position: relative;
transition: border-color .2s;
padding: 0;
font-weight: 500;
border-width: 0 0 2px 0;
border-style: none none solid none;
border-color: transparent;
}
.clayton-ph-at_w a:hover {
border-color: #cdb88d;
} @media screen and (max-width: 768px) {
.clayton-g-t-carousel {
position: relative !important;
top: 0 !important;
bottom: 0 !important;
padding-left: 11px;
padding-right: 11px;
padding-bottom: 15.5px;
}
.clayton-g-t-carousel + .clayton-detail {
padding-top: 0 !important;
}
}
@media screen and (min-width: 768px) {
.clayton-g-t-carousel:not(.clayton-g-t-grid) .clayton-g-i {
padding-top: 0;
padding-bottom: 0;
}
}
.clayton-g-t-carousel .evolvethemes-image {
overflow: hidden;
}
.clayton-g-t-carousel .clayton-g-c {
height: 100%;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
}
.clayton-g-t-carousel .clayton-g-c:after {
content: "flickity";
display: none;
}
@media screen and (max-width: 768px) {
.clayton-g-t-carousel .clayton-g-c:after {
content: "";
}
}
.clayton-g-t-carousel .clayton-g-c .flickity-viewport {
height: 100% !important;
}
.clayton-g-t-carousel .clayton-g-i.clayton-g-i-next .evolvethemes-image,
.clayton-g-t-carousel .clayton-g-i.clayton-g-i-next .evolvethemes-image > a {
cursor: url(//marjorieart.ca/wp-content/themes/clayton/img/clayton-chev-right.svg), pointer;
}
.clayton-g-t-carousel .clayton-g-i.clayton-g-i-prev .evolvethemes-image,
.clayton-g-t-carousel .clayton-g-i.clayton-g-i-prev .evolvethemes-image > a {
cursor: url(//marjorieart.ca/wp-content/themes/clayton/img/clayton-chev-left.svg), pointer;
}
.clayton-g-t-carousel .clayton-counter {
display: inline-block;
position: absolute;
top: 100%;
right: 0;
font-size: 13px;
color: #6e757c;
padding-top: 3px;
transition: opacity .2s;
}
.clayton-scrolled .clayton-g-t-carousel .clayton-counter {
opacity: 0;
}
@media screen and (max-width: 768px) {
.clayton-g-t-carousel .clayton-counter {
display: none;
}
}
.clayton-g-t-carousel.clayton-media-or .clayton-counter {
right: 30px;
padding-top: 4px;
}
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
}
.admin-bar .clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) {
top: 32px;
}
@media screen and (max-width: 768px) {
.admin-bar .clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) {
top: 46px;
}
}
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered):not(.clayton-media-or) {
left: 30px;
right: 30px;
}
@media screen and (max-width: 768px) {
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered):not(.clayton-media-or) {
left: 0;
right: 0;
}
}
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) + * {
padding-top: 100vh;
}
.admin-bar .clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) + * {
padding-top: calc( 100vh - 32px );
}
@media screen and (max-width: 768px) {
.admin-bar .clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) + * {
padding-top: calc( 100vh - 46px );
}
}
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) .clayton-g-i {
height: 100%;
width: auto;
padding: 7px;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 768px) {
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) .clayton-g-i {
height: auto;
}
}
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) .evolvethemes-image {
position: relative;
}
@media screen and (max-width: 768px) {
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) .evolvethemes-image {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
}
}
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) .evolvethemes-image,
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) .evolvethemes-image .evolvethemes-image-wrapper {
height: 100%;
display: block;
max-width: none;
}
@media screen and (max-width: 768px) {
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) .evolvethemes-image,
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) .evolvethemes-image .evolvethemes-image-wrapper {
height: auto;
max-width: 100%;
}
}
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) .evolvethemes-image a {
height: 100%;
font-weight: inherit;
color: inherit;
}
@media screen and (max-width: 768px) {
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) .evolvethemes-image a {
height: auto;
}
}
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) img {
max-width: none;
width: auto;
height: 100%;
}
@media screen and (max-width: 768px) {
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) img {
height: auto;
width: 100%;
max-width: 100%;
}
}
@media screen and (max-width: 768px) {
.clayton-media.clayton-fi_w-i + * {
padding-top: 80vh;
}
}
@media screen and (max-width: 768px) {
.admin-bar .clayton-media.clayton-fi_w-i + * {
padding-top: calc( 80vh - 46px );
}
}
.clayton-ph ~ .clayton-g-t-grid {
padding-top: 24px;
padding-bottom: 24px;
}
.clayton-g-t-grid {
padding-top: 24px;
padding-bottom: 24px;
padding-top: 20vh;
}
.clayton-g-t-grid::after {
clear: both;
content: "";
display: table;
}
.clayton-g-t-grid .clayton-g-c {
margin-left: -7px;
margin-right: -7px;
}
@media screen and (max-width: 768px) {
.clayton-g-t-grid .clayton-g-c {
margin-left: 11px;
margin-right: 11px;
}
}
.clayton-g-t-grid .clayton-g-i {
float: left;
padding: 7px;
}
.clayton-g-t-grid .clayton-g-i .evolvethemes-image figcaption {
pointer-events: none;
}
.clayton-grid-cols-1 .clayton-g-i {
width: 100%;
}
.clayton-grid-cols-1 .clayton-g-i .evolvethemes-image {
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.clayton-grid-cols-1 .clayton-g-i.clayton-image-caption .evolvethemes-image {
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
.clayton-grid-cols-1 .clayton-g-i.clayton-image-caption .evolvethemes-image figcaption {
pointer-events: initial;
position: relative;
display: block;
top: 0;
right: 0;
bottom: 0;
width: 100%;
max-width: 100%;
text-align: center;
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.clayton-grid-cols-2 .clayton-g-i {
width: 50%;
}
.clayton-grid-cols-3 .clayton-g-i {
width: 33.33333333%;
}
.clayton-grid-cols-4 .clayton-g-i {
width: 25%;
}
.clayton-g-t-grid.clayton-grid-full .clayton-g-c {
margin-left: calc( 50% - 50vw + 30px - 7px );
margin-right: calc( 50% - 50vw + 30px - 7px );
}
@media screen and (max-width: 768px) {
.clayton-g-t-grid.clayton-grid-full .clayton-g-c {
margin-left: 11px;
margin-right: 11px;
}
}
.clayton-g-t-grid.clayton-grid-full .clayton-g-i {
width: 12.5%;
}
@media screen and (max-width: 1600px) {
.clayton-g-t-grid.clayton-grid-full .clayton-g-i {
width: 14.28571429%;
}
}
@media screen and (max-width: 1200px) {
.clayton-g-t-grid.clayton-grid-full .clayton-g-i {
width: 16.66666667%;
}
}
@media screen and (max-width: 1024px) {
.clayton-g-t-grid.clayton-grid-full .clayton-g-i {
width: 20%;
}
}
@media screen and (max-width: 768px) {
.clayton-g-t-grid.clayton-grid-full .clayton-g-i {
width: 33.33333333%;
}
}
@media screen and (max-width: 768px) {
.clayton-g-t-row {
position: relative !important;
top: 0 !important;
bottom: 0 !important;
padding-left: 11px;
padding-right: 11px;
padding-bottom: 15.5px;
}
.clayton-g-t-row + .clayton-detail {
padding-top: 0 !important;
}
}
.clayton-g-r {
position: absolute;
top: 0;
right: -7px;
bottom: 0;
left: -7px;
overflow: hidden;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.clayton-g-r {
overflow-x: visible;
}
}
@media screen and (max-width: 768px) {
.clayton-g-r {
position: relative;
left: 0;
right: 0;
}
}
.clayton-g-r-tr,
.clayton-g-r-br {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
width:    -moz-max-content;
width: -webkit-max-content;
width:         max-content;
height: 50%;
}
.clayton-g-r-tr .clayton-g-i .evolvethemes-image,
.clayton-g-r-br .clayton-g-i .evolvethemes-image {
overflow: hidden;
}
@media screen and (max-width: 768px) {
.clayton-g-r-tr,
.clayton-g-r-br {
display: block;
width: 100%;
height: auto;
transform: none !important;
}
}
.clayton-row-single .clayton-g-r-tr {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
width:    -moz-max-content;
width: -webkit-max-content;
width:         max-content;
height: 100%;
}
@media screen and (max-width: 768px) {
.clayton-row-single .clayton-g-r-tr {
display: block;
width: 100%;
height: auto;
transform: none !important;
}
}
.clayton-ph ~ .clayton-g-t-scattered {
padding-top: 24px;
padding-bottom: 24px;
}
.clayton-g-t-scattered {
padding-top: 24px;
padding-bottom: 24px;
padding-top: 20vh;
}
.clayton-g-t-scattered .evolvethemes-image {
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
.clayton-g-t-scattered .evolvethemes-image a {
display: -webkit-inline-box;
display:         inline-box;
display: -webkit-inline-flex;
display:         inline-flex;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
}
.clayton-g-t-scattered .evolvethemes-image figcaption {
position: relative;
right: auto;
bottom: auto;
opacity: 1;
max-width: 80%;
display: none;
}
.clayton-g-t-scattered .evolvethemes-image figcaption:not(:empty) {
background: transparent;
padding: 12px;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
transition: none;
}
.clayton-g-t-scattered .clayton-image-caption figcaption {
display: block;
}
@media screen and (max-width: 768px) {
.clayton-g-t-scattered .clayton-g-c {
margin-left: 11px;
margin-right: 11px;
}
.clayton-g-t-scattered .clayton-g-i {
float: left;
padding: 7px;
}
}
@media screen and (min-width: 769px) {
.clayton-g-t-scattered .clayton-g-c {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: 2vw;
grid-row-gap: 1vw;
}
}
.clayton-g-t-scattered.clayton-grid-full .clayton-g-c {
margin-left: calc( 50% - 50vw + 30px );
margin-right: calc( 50% - 50vw + 30px );
}
@media screen and (max-width: 768px) {
.clayton-g-t-scattered.clayton-grid-full .clayton-g-c {
margin-left: 11px;
margin-right: 11px;
}
}
@media screen and (min-width: 769px) {
.clayton-scattered-pattern-a .clayton-g-i {
grid-column-start: span 4;
text-align: center;
}
.clayton-scattered-pattern-a .clayton-g-i:nth-child(9n+1) {
padding-bottom: 18%;
}
.clayton-scattered-pattern-a .clayton-g-i:nth-child(9n+2) {
padding: 36% 12% 0 18%;
}
.clayton-scattered-pattern-a .clayton-g-i:nth-child(9n+3) {
padding: 6% 0 0;
}
.clayton-scattered-pattern-a .clayton-g-i:nth-child(9n+4) {
padding: 0 0 12%;
grid-column-start: span 3;
}
.clayton-scattered-pattern-a .clayton-g-i:nth-child(9n+5) {
padding: 14% 0;
grid-column-start: span 5;
}
.clayton-scattered-pattern-a .clayton-g-i:nth-child(9n+6) {
padding: 30% 0 15% 10%;
grid-column-start: span 4;
}
.clayton-scattered-pattern-a .clayton-g-i:nth-child(9n+7) {
padding: 24% 9% 20% 0;
grid-column-start: span 5;
}
.clayton-scattered-pattern-a .clayton-g-i:nth-child(9n+8) {
padding: 0 10% 0 4%;
grid-column-start: span 4;
}
.clayton-scattered-pattern-a .clayton-g-i:nth-child(9n+9) {
padding: 28% 0 0;
grid-column-start: span 3;
}
.clayton-scattered-pattern-b .clayton-g-i {
grid-column-start: span 4;
text-align: center;
}
.clayton-scattered-pattern-b .clayton-g-i:nth-child(9n+1) {
padding: 0 6% 18% 0;
grid-column-start: span 6;
}
.clayton-scattered-pattern-b .clayton-g-i:nth-child(9n+2) {
padding: 18% 18% 0 18%;
grid-column-start: span 6;
}
.clayton-scattered-pattern-b .clayton-g-i:nth-child(9n+3) {
padding: 0 12%;
grid-column-start: span 5;
}
.clayton-scattered-pattern-b .clayton-g-i:nth-child(9n+4) {
padding: 36% 12% 0 0;
grid-column-start: span 3;
}
.clayton-scattered-pattern-b .clayton-g-i:nth-child(9n+5) {
padding: 0 0 0 6%;
grid-column-start: span 4;
}
.clayton-scattered-pattern-b .clayton-g-i:nth-child(9n+6) {
padding: 9% 0 15% 10%;
grid-column-start: 3;
grid-column-end: 11;
}
.clayton-scattered-pattern-b .clayton-g-i:nth-child(9n+7) {
padding: 0 9% 20% 0;
grid-column-start: span 5;
}
.clayton-scattered-pattern-b .clayton-g-i:nth-child(9n+8) {
padding: 28% 10% 0 4%;
grid-column-start: span 3;
}
.clayton-scattered-pattern-b .clayton-g-i:nth-child(9n+9) {
padding: 8% 0 0;
grid-column-start: span 4;
}
.clayton-scattered-pattern-c .clayton-g-i {
grid-column-start: span 4;
text-align: center;
}
.clayton-scattered-pattern-c .clayton-g-i:nth-child(9n+1) {
grid-column-start: 2;
grid-column-end: 8;
}
.clayton-scattered-pattern-c .clayton-g-i:nth-child(9n+2) {
grid-column-start: 9;
grid-column-end: 12;
padding: 36% 0 0 0;
}
.clayton-scattered-pattern-c .clayton-g-i:nth-child(9n+3) {
grid-column-start: 5;
grid-column-end: 11;
padding: 12% 0;
}
.clayton-scattered-pattern-c .clayton-g-i:nth-child(9n+4) {
grid-column-start: 2;
grid-column-end: 6;
padding: 12% 0 0 0;
}
.clayton-scattered-pattern-c .clayton-g-i:nth-child(9n+5) {
grid-column-start: 7;
grid-column-end: 12;
padding: 0 0 24% 0;
}
.clayton-scattered-pattern-c .clayton-g-i:nth-child(9n+6) {
grid-column-start: span 5;
padding: 24% 12% 0 0;
}
.clayton-scattered-pattern-c .clayton-g-i:nth-child(9n+7) {
grid-column-start: span 3;
}
.clayton-scattered-pattern-c .clayton-g-i:nth-child(9n+8) {
grid-column-start: span 4;
padding: 6% 0 0 6%;
}
.clayton-scattered-pattern-c .clayton-g-i:nth-child(9n+9) {
grid-column-start: 3;
grid-column-end: 10;
padding: 24% 0 24% 4%;
}
.clayton-scattered-pattern-d .clayton-g-i {
grid-column-start: span 4;
text-align: center;
}
.clayton-scattered-pattern-d .clayton-g-i:nth-child(9n+1) {
grid-column-start: 2;
grid-column-end: 5;
padding: 38% 0 0 0;
}
.clayton-scattered-pattern-d .clayton-g-i:nth-child(9n+2) {
grid-column-start: 6;
grid-column-end: 12;
padding: 0;
}
.clayton-scattered-pattern-d .clayton-g-i:nth-child(9n+3) {
grid-column-start: 3;
grid-column-end: 9;
padding: 12% 0;
}
.clayton-scattered-pattern-d .clayton-g-i:nth-child(9n+4) {
padding: 0 9% 20% 0;
grid-column-start: span 5;
}
.clayton-scattered-pattern-d .clayton-g-i:nth-child(9n+5) {
padding: 28% 10% 0 4%;
grid-column-start: span 3;
}
.clayton-scattered-pattern-d .clayton-g-i:nth-child(9n+6) {
padding: 8% 0 0;
grid-column-start: span 4;
}
.clayton-scattered-pattern-d .clayton-g-i:nth-child(9n+7) {
padding: 9% 0 15% 10%;
grid-column-start: 3;
grid-column-end: 11;
}
.clayton-scattered-pattern-d .clayton-g-i:nth-child(9n+8) {
padding: 0 6% 12% 0;
grid-column-start: span 6;
}
.clayton-scattered-pattern-d .clayton-g-i:nth-child(9n+9) {
padding: 18%;
grid-column-start: span 6;
}
}
@media screen and (max-width: 768px) {
.clayton-g-t-slideshow {
position: relative !important;
top: 0 !important;
bottom: 0 !important;
padding-left: 11px;
padding-right: 11px;
padding-bottom: 15.5px;
}
.clayton-g-t-slideshow + .clayton-detail {
padding-top: 0 !important;
}
}
@media screen and (min-width: 768px) {
.clayton-g-t-slideshow:not(.clayton-g-t-grid) .clayton-g-i {
padding-top: 0;
padding-bottom: 0;
}
}
.clayton-g-t-slideshow .evolvethemes-image {
overflow: hidden;
}
.clayton-g-t-slideshow .clayton-g-c {
height: 100%;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
}
.clayton-g-t-slideshow .clayton-g-c:after {
content: "flickity";
display: none;
}
@media screen and (max-width: 768px) {
.clayton-g-t-slideshow .clayton-g-c:after {
content: "";
}
}
.clayton-g-t-slideshow .clayton-g-c .flickity-viewport {
height: 100% !important;
}
.clayton-g-t-slideshow .clayton-g-i {
opacity: 0;
transition: opacity .2s;
pointer-events: none;
width: 100% !important;
text-align: center;
}
@media screen and (max-width: 768px) {
.clayton-g-t-slideshow .clayton-g-i {
opacity: 1;
pointer-events: initial;
}
}
.clayton-g-t-slideshow .clayton-g-i.clayton-is-selected {
opacity: 1;
pointer-events: initial;
}
.clayton-g-t-slideshow .clayton-counter {
display: inline-block;
position: absolute;
top: 100%;
right: 0;
font-size: 13px;
color: #6e757c;
padding-top: 3px;
transition: opacity .2s;
}
.clayton-scrolled .clayton-g-t-slideshow .clayton-counter {
opacity: 0;
}
@media screen and (max-width: 768px) {
.clayton-g-t-slideshow .clayton-counter {
display: none;
}
}
.clayton-g-t-slideshow.clayton-media-or .clayton-counter {
right: 30px;
padding-top: 4px;
}
.clayton-prev-next-button {
position: absolute;
right: 50%;
height: 24px;
width: 24px;
padding: 0;
margin: 0;
background: transparent;
border: none;
opacity: .3;
transition: opacity .2s;
bottom: -24px;
}
.clayton-scrolled .clayton-prev-next-button {
opacity: 0 !important;
pointer-events: none;
}
.clayton-prev-next-button:hover:not(:disabled) {
opacity: 1;
}
.clayton-prev-next-button:disabled {
opacity: .1;
cursor: default;
}
.clayton-media-or .clayton-prev-next-button {
bottom: -38px;
}
.clayton-prev-next-button:focus {
outline: none;
}
.clayton-prev-next-button.previous {
transform: translateX(50%);
margin-right: 36px;
}
.clayton-prev-next-button.previous:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
content: "";
}
.clayton-prev-next-button.next {
transform: translateX(50%);
margin-right: -36px;
}
.clayton-prev-next-button.next:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
content: "";
} .clayton-blog-l {
margin-left: calc( 50% - 100% );
margin-right: calc( 50% - 100% );
padding-top: 0;
padding-bottom: 0;
}
@media screen and (max-width: 768px) {
.clayton-blog-l {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
}
.clayton-blog-l .hentry {
width: 33.33333333%;
float: left;
}
@media screen and (max-width: 768px) {
.clayton-blog-l .hentry {
width: 100%;
}
}
.clayton-l-ws .clayton-blog-l {
margin-left: auto;
margin-right: auto;
}
.clayton-l-ws .clayton-blog-l .hentry {
width: 50%;
}
@media screen and (max-width: 768px) {
.clayton-l-ws .clayton-blog-l .hentry {
width: 100%;
}
}
.clayton-blog-2col .clayton-blog-l {
margin-left: calc( 50% - 100% );
margin-right: calc( 50% - 100% );
padding-top: 0;
padding-bottom: 0;
}
@media screen and (max-width: 768px) {
.clayton-blog-2col .clayton-blog-l {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
}
.clayton-blog-2col .clayton-blog-l .hentry {
width: 50%;
float: left;
}
@media screen and (max-width: 768px) {
.clayton-blog-2col .clayton-blog-l .hentry {
width: 100%;
}
}
.clayton-blog-2col .clayton-l-ws .clayton-blog-l {
margin-left: auto;
margin-right: auto;
}
.clayton-blog-full .clayton-blog-l {
margin-left: calc( 50% - 100% );
margin-right: calc( 50% - 100% );
padding-top: 0;
padding-bottom: 0;
}
.clayton-blog-full .clayton-blog-l .hentry {
width: 100%;
float: left;
}
.clayton-blog-full .clayton-blog-l .hentry .clayton-e-w_i {
max-width: 50%;
margin-left: auto;
margin-right: auto;
}
.clayton-blog-full .clayton-l-ws .clayton-blog-l {
margin-left: auto;
margin-right: auto;
}
.clayton-blog-full .clayton-l-ws .clayton-blog-l .hentry .clayton-e-w_i {
max-width: none;
}
.clayton-l-w + .clayton-page-navigation {
margin-top: 48px;
}
.clayton-l-w .hentry .entry-title a:hover,
.clayton-l-w .hentry .clayton-entry-cl a:hover {
border-color: transparent;
}
.hentry {
padding: 24px 45px;
padding-top: 48px;
padding-bottom: 48px;
opacity: 1;
position: relative;
transition: opacity .4s, background-color .4s;
}
@media screen and (max-width: 768px) {
.hentry {
padding: 24px 18px;
}
}
.hentry .evolvethemes-image > a {
cursor: pointer;
}
.hentry.sticky:before {
content: "";
display: block;
position: absolute;
top: 12px;
right: 11px;
bottom: 12px;
left: 11px;
border: 1px solid;
border-color: #cdb88d;
opacity: 0;
transition: opacity .2s;
z-index: -1;
}
@media screen and (max-width: 768px) {
.hentry.sticky:before {
display: none;
}
}
.hentry.sticky:hover:before {
opacity: 1;
}
.hentry.sticky:hover:after {
opacity: 0;
}
.hentry.sticky:after {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-animation: none;
-moz-animation: none;
animation: none;
transition: opacity .4s;
}
.hentry:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #fafafa;
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: -webkit-transform .4s cubic-bezier(.645, .045, .355, 1);
-moz-transition:    -moz-transform .4s cubic-bezier(.645, .045, .355, 1);
-o-transition:      -o-transform .4s cubic-bezier(.645, .045, .355, 1);
transition:         transform .4s cubic-bezier(.645, .045, .355, 1);
z-index: -2;
}
.hentry.format-quote header:after {
display: none;
}
.hentry.format-quote blockquote {
margin-top: 0;
margin-bottom: 0;
}
.hentry:hover header:after {
-webkit-animation: detail_post .4s cubic-bezier(.645, .045, .355, 1);
-moz-animation: detail_post .4s cubic-bezier(.645, .045, .355, 1);
animation: detail_post .4s cubic-bezier(.645, .045, .355, 1);
}
.hentry:hover:after {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.hentry.evolvethemes-ajax-in {
opacity: 0;
}
.hentry .clayton-e-m {
margin-bottom: 24px;
}
.hentry .clayton-e-m .evolvethemes-image {
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.hentry .clayton-e-m a {
border-bottom: none;
}
.hentry header::after {
clear: both;
content: "";
display: table;
}
.hentry header:after {
width: 45px;
height: 3px;
content: "";
display: inline-block;
background-color: #cdb88d;
margin-top: 16px;
float: left;
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.hentry .clayton-entry-cl {
margin-bottom: 6px;
font-size: 13px;
color: #6e757c;
}
.hentry .clayton-entry-cl a {
color: inherit;
font-weight: inherit;
}
.hentry .entry-title {
font-family: "IBM Plex Sans";
font-size: 17px;
font-weight: 500;
line-height: 1.25;
letter-spacing: 0;
text-transform: none;
word-break: break-all;
word-break: break-word;
-ms-word-wrap: break-word;
}
.hentry .entry-title a {
font-weight: inherit;
}
.hentry .clayton-e-c_w {
clear: both;
padding-top: 16px;
}
.hentry .clayton-e-c_w .entry-content + .entry-date {
margin-top: 16px;
}
.hentry .clayton-e-c_w .entry-content {
font-family: "IBM Plex Sans";
font-size: 16px;
line-height: 1.5;
letter-spacing: 0;
text-transform: none;
}
.hentry .clayton-e-c_w .entry-date {
display: inline-block;
font-size: 13px;
color: #6e757c;
}
.hentry .clayton-pfl {
margin-bottom: 12px;
background-color: #fafafa;
padding: .4em 1em;
font-size: 14px;
transition: background-color .2s;
}
.hentry:hover .clayton-pfl {
background-color: #fff;
}
.hentry.format-gallery:hover .clayton-e-m .evolvethemes-image:after {
opacity: 0;
}
.hentry.format-gallery .clayton-e-m .evolvethemes-image:after {
pointer-events: none;
cursor: pointer;
content: "";
display: block;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
content: "";
position: absolute;
top: 50%;
left: 50%;
color: #fff;
height: 24px;
width: 24px;
font-size: 24px;
line-height: 1;
z-index: 2;
transition: opacity .2s;
}
.hentry.format-gallery .clayton-e-m .evolvethemes-image:before {
pointer-events: none;
cursor: pointer;
content: "";
display: block;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
background-color: #000;
border-radius: 50em;
height: 48px;
width: 48px;
box-shadow: 0 0 48px 24px #000;
opacity: .12;
z-index: 1;
}
.hentry.format-quote .entry-date {
font-weight: 300;
}
.search .clayton-blog-l {
position: relative;
padding-bottom: 48px;
}
.search .clayton-blog-l:after {
content: "";
display: block;
position: absolute;
right: 45px;
bottom: 0;
left: 45px;
border-bottom: 1px solid;
border-color: #fafafa;
}
.search .clayton-blog-l + .clayton-mc-w_i {
padding-top: 48px;
}
.search .clayton-blog-l + .clayton-mc-w_i > p {
text-align: center;
margin-bottom: 24px;
font-family: "decalotype";
font-size: 13px;
font-weight: 500;
line-height: 1.5;
letter-spacing: .2em;
text-transform: uppercase;
}
.clayton-e-nothing-found {
text-align: center;
}
.clayton-sp-metas {
clear: both;
}
.clayton-sp-metas > div {
width: 100%;
}
.clayton-sp-metas > div > span {
display: block;
font-family: "decalotype";
font-size: 13px;
font-weight: 500;
line-height: 1.5;
letter-spacing: .2em;
text-transform: uppercase;
margin-bottom: 8px;
}
.clayton-sp-metas a {
font-size: 13px;
color: #6e757c;
font-weight: inherit;
}
.clayton-sp-metas a + a {
margin-left: 6px;
}
.clayton-sp-metas .clayton-sp-tags a:before {
content: "#";
display: inline-block;
}
.clayton-sp-metas > div {
text-align: center;
width: 100%;
}
.clayton-sp-metas > div:first-child {
position: relative;
padding-top: 27px;
}
.clayton-sp-metas > div:first-child:before {
content: "";
display: block;
border-top: 3px solid;
border-color: #cdb88d;
height: 0;
width: 90px;
position: absolute;
top: 0;
right: 50%;
-webkit-transform: translateX(50%);
-moz-transform: translateX(50%);
-ms-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%);
}
.clayton-sp-metas > div + div {
padding-top: 24px;
text-align: center;
}
.clayton-sp-p {
top: 50%;
right: 30px;
left: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
position: fixed;
margin-left: auto;
margin-right: auto;
padding: 0;
pointer-events: none;
z-index: 14;
opacity: 0;
visibility: hidden;
transition-property: opacity, visibility;
transition-duration: .2s;
}
.clayton-scrolled .clayton-sp-p {
opacity: 1;
visibility: visible;
}
@media screen and (max-width: 768px) {
.clayton-sp-p {
position: relative;
left: auto;
right: auto;
top: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
padding: 24px 18px;
}
}
.clayton-sp-p .clayton-sp-ni_w {
pointer-events: initial;
position: relative;
top: 0;
min-height: 100px;
width: 32px;
background-color: #cdb88d;
cursor: pointer;
color: #fff;
}
@media screen and (max-width: 768px) {
.clayton-sp-p .clayton-sp-ni_w {
position: relative;
width: 50%;
}
}
.clayton-sp-p .clayton-sp-ni_w:hover .clayton-sp-ni {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.clayton-sp-p .clayton-sp-ni_w:hover .clayton-sp-ni_w-i {
opacity: 1;
}
.clayton-sp-p .clayton-sp-ni_w-i {
position: relative;
z-index: 10;
opacity: 0;
transition: opacity .4s .2s;
color: #fff;
}
@media screen and (max-width: 768px) {
.clayton-sp-p .clayton-sp-ni_w-i {
opacity: 1;
width: 100%;
}
}
.clayton-sp-p .clayton-sp-p-w_i {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
justify-content: space-between;
}
.clayton-sp-p .clayton-sp-p-w_i.clayton-sp-p-first {
-webkit-box-pack: end;
box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.clayton-sp-p .clayton-sp-ni {
font-weight: inherit;
position: absolute;
top: 0;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
width: 100%;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
border-bottom: none;
line-height: 1.25;
border-bottom: 0;
padding: 12px 18px;
width: 260px;
min-height: 100px;
background-color: #cdb88d;
-webkit-transition: -webkit-transform .4s cubic-bezier(.645, .045, .355, 1);
-moz-transition:    -moz-transform .4s cubic-bezier(.645, .045, .355, 1);
-o-transition:      -o-transform .4s cubic-bezier(.645, .045, .355, 1);
transition:         transform .4s cubic-bezier(.645, .045, .355, 1);
}
@media screen and (max-width: 768px) {
.clayton-sp-p .clayton-sp-ni {
width: 100%;
position: relative;
height: 100%;
}
}
.clayton-sp-p .clayton-sp-bg {
display: block;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.clayton-sp-p .clayton-sp-bg:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
background-color: rgba(0, 0, 0, .4);
z-index: 1;
}
.clayton-sp-p .clayton-sp-bg span {
display: block;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.clayton-sp-p .clayton-sp-label {
display: block;
font-family: "decalotype";
font-size: 13px;
font-weight: 500;
line-height: 1.5;
letter-spacing: .2em;
text-transform: uppercase;
margin-bottom: 8px;
position: relative;
}
.clayton-sp-p .clayton-sp-title {
font-size: 13px;
word-break: break-word;
-ms-word-wrap: break-word;
}
.clayton-sp-p .clayton-previous-post {
left: 0;
}
.clayton-sp-p .clayton-previous-post .clayton-sp-ni {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
padding-left: 34px;
left: 0;
}
@media screen and (max-width: 768px) {
.clayton-sp-p .clayton-previous-post .clayton-sp-ni {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
.clayton-sp-p .clayton-previous-post:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
content: "";
position: absolute;
top: 50%;
left: 8px;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 15;
}
.clayton-sp-p .clayton-next-post {
right: 0;
}
.clayton-sp-p .clayton-next-post .clayton-sp-ni {
padding-right: 34px;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
right: 0;
}
@media screen and (max-width: 768px) {
.clayton-sp-p .clayton-next-post .clayton-sp-ni {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
text-align: right;
}
}
.clayton-sp-p .clayton-next-post:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
content: "";
position: absolute;
top: 50%;
right: 8px;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 15;
}
form.post-password-form {
padding: 24px 45px;
border: 1px solid;
border-color: #cdb88d;
text-align: center;
}
@media screen and (max-width: 768px) {
form.post-password-form {
padding: 24px 18px;
}
}
.clayton-l-ws form.post-password-form {
text-align: left;
}
form.post-password-form p:first-of-type {
margin-bottom: 24px;
font-weight: bold;
}
form.post-password-form label {
width: 100%;
}
form.post-password-form input {
width: 100%;
margin-top: 12px;
}
form.post-password-form button {
border: 2px solid;
border-color: #cdb88d;
color: #cdb88d;
padding: 11px 24px;
font-weight: 500;
font-family: inherit;
display: inline-block;
}
form.post-password-form button:focus {
outline: none;
} .clayton-c .clayton-404-d {
text-align: center;
}
.clayton-c .clayton-404-d a {
display: inline-block;
border: 2px solid;
border-color: #cdb88d;
color: #cdb88d;
padding: 11px 24px;
font-weight: 500;
font-family: inherit;
margin-top: 2em;
}
.clayton-c .clayton-404-d a:focus {
outline: none;
}
.page-template-template-about .clayton-c_w {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
@media screen and (max-width: 768px) {
.page-template-template-about .clayton-c_w {
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
}
.page-template-template-about .clayton-c_w > * {
width: 33.33333333%;
}
.page-template-template-about .clayton-c_w > *:nth-child(1):nth-last-child(1) {
width: 50%;
}
@media screen and (max-width: 768px) {
.page-template-template-about .clayton-c_w > *:nth-child(1):nth-last-child(1) {
width: 100%;
}
}
@media screen and (max-width: 1200px) {
.page-template-template-about .clayton-c_w > * {
width: 41.66666667%;
}
}
@media screen and (max-width: 768px) {
.page-template-template-about .clayton-c_w > * {
width: 100%;
}
}
.page-template-template-about .clayton-c_w .clayton-mc {
width: 100%;
}
.page-template-template-about .clayton-about-fi {
padding: 24px 45px;
padding-right: 0;
}
@media screen and (max-width: 768px) {
.page-template-template-about .clayton-about-fi {
padding: 24px 18px;
}
}
.clayton-att-md {
text-align: center;
}
.clayton-att-md dt,
.clayton-att-md dd {
margin-left: 0;
}
.page-template-template-full .clayton-mc {
margin: 0 30px;
width: auto;
} .widget {
list-style-type: none;
color: currentColor;
}
.widget a {
color: currentColor;
}
.widget-title,
.widgettitle {
font-family: "decalotype";
font-size: 12px;
font-weight: 500;
line-height: 1.5;
letter-spacing: .3em;
text-transform: uppercase;
color: #cdb88d;
margin-bottom: 36px;
position: relative;
}
.clayton-sidebar_w-i {
position: relative;
font-size: 14px;
}
.clayton-sidebar_w-i:before {
content: "";
display: block;
position: absolute;
top: 24px;
bottom: 24px;
left: 0;
width: 1px;
height: 100%;
background-color: rgba(0, 0, 0, .06);
}
.clayton-l-c-sl .clayton-sidebar_w-i:before {
left: auto;
right: 0;
}
@media screen and (max-width: 768px) {
.clayton-sidebar_w-i:before {
display: none;
}
}
.clayton-sidebar_w-i .widget {
padding: 24px 45px;
}
@media screen and (max-width: 768px) {
.clayton-sidebar_w-i .widget {
padding: 24px 18px;
}
}
.widget_calendar table {
width: 100%;
border-spacing: 1px;
border-collapse: separate;
}
.widget_calendar table caption {
margin: 12px 0;
font-family: "decalotype";
font-size: 14px;
font-weight: 700;
line-height: 1.5;
letter-spacing: .2em;
text-transform: uppercase;
color: currentColor;
}
.widget_calendar table thead th {
border-bottom: none;
padding-bottom: 12px;
}
.widget_calendar table tbody {
font-size: 14px;
}
.widget_calendar table tbody tr:first-child th,
.widget_calendar table tbody tr:first-child td {
padding-top: 12px;
}
.widget_calendar table tbody td {
border-bottom: none;
background-color: rgba(255, 255, 255, .05);
-webkit-transition: background-color .2s;
-moz-transition: background-color .2s;
transition: background-color .2s;
}
.widget_calendar table tbody td:hover {
background-color: rgba(255, 255, 255, 0);
}
.widget_calendar table tbody td.pad {
background-color: transparent;
}
.widget_calendar table tfoot {
font-size: 14px;
}
.widget_calendar table tfoot td {
border-bottom: none;
padding-top: 12px;
}
.widget_calendar table td,
.widget_calendar table th {
text-align: center;
}
.widget_calendar table td:after,
.widget_calendar table th:after {
display: none;
}
.widget_calendar table th {
text-transform: uppercase;
}
.widget_calendar table #prev {
text-align: left;
}
.widget_calendar table #next {
text-align: right;
}
.widget_recent_comments,
.widget_recent_entries {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.widget_recent_comments li,
.widget_recent_entries li {
list-style-type: none;
margin: 0;
position: relative;
padding: 6px 0;
}
.widget_rss li {
margin: 0;
list-style-type: none;
}
.widget_rss li + li {
margin-top: 36px;
}
.widget_rss li .rss-date {
display: block;
font-size: 13px;
margin-top: 6px;
}
.widget_rss li .rssSummary {
margin-top: 12px;
}
.widget_rss li cite {
display: inline-block;
margin-top: 12px;
font-style: italic;
font-size: 13px;
}
.tagcloud::after {
clear: both;
content: "";
display: table;
}
.tagcloud a {
font-size: .8em !important;
margin: 0 8px 8px 0;
float: left;
}
.widget_categories ul ul,
.widget_archive ul ul,
.widget_pages ul ul,
.widget_meta ul ul {
padding-left: 1rem;
}
.widget_categories li,
.widget_archive li,
.widget_pages li,
.widget_meta li {
list-style: none;
}
.widget_nav_menu ul li {
list-style-type: none;
}
.clayton-social-widget li {
list-style: none;
}    .pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 9999;
-webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden;
outline: none;
}
.pswp * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.pswp img {
max-width: none;
} .pswp--animate_opacity { opacity: .001;
will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
}
.pswp--open {
display: block;
}
.pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in;
cursor:    -moz-zoom-in;
cursor:         zoom-in;
}
.pswp--zoomed-in .pswp__img { cursor: -webkit-grab;
cursor:    -moz-grab;
cursor:         grab;
}
.pswp--dragging .pswp__img { cursor: -webkit-grabbing;
cursor:    -moz-grabbing;
cursor:         grabbing;
} .pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
} .pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
transition:         transform 333ms cubic-bezier(.4, 0, .22, 1);
}
.pswp__bg {
will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
} .pswp__img--placeholder {
-webkit-backface-visibility: hidden;
} .pswp__img--placeholder--blank {
background: rgba(0, 0, 0, .08);
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0;
} .pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #ccc;
}
.pswp__error-msg a {
color: #ccc;
text-decoration: underline;
}    .pswp__button {
width: 44px;
height: 44px;
position: relative;
background: none;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: .75;
-webkit-transition: opacity .2s;
transition: opacity .2s;
-webkit-box-shadow: none;
box-shadow: none;
}
.pswp__button:focus,
.pswp__button:hover {
opacity: 1;
}
.pswp__button:active {
outline: none;
opacity: .9;
}
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0;
} .pswp__ui--over-close .pswp__button--close {
opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background: none;
width: 44px;
height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { .pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
background-image: none;
}
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
background: none;
}
}
.pswp__button--fs {
display: none;
}
.pswp--supports-fs .pswp__button--fs {
display: block;
}
.pswp__button--zoom {
display: none;
}
.pswp--zoom-allowed .pswp__button--zoom {
display: block;
} .pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: hidden;
} .pswp__button--arrow--left,
.pswp__button--arrow--right {
background: none;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute;
mix-blend-mode: difference;
}
.pswp__button--arrow--left {
left: 0;
}
.pswp__button--arrow--right {
right: 0;
} .pswp__counter,
.pswp__share-modal {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pswp__share-modal {
display: block;
background: rgba(0, 0, 0, .5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
-webkit-transition: opacity .25s ease-out;
transition: opacity .25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__share-modal--hidden {
display: none;
}
.pswp__share-tooltip {
z-index: 1620;
position: absolute;
background: #fff;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
-webkit-transition: -webkit-transform .25s;
transition:         transform .25s;
-webkit-backface-visibility: hidden;
will-change: transform;
}
.pswp__share-tooltip a {
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px;
}
.pswp__share-tooltip a:hover {
text-decoration: none;
color: #000;
}
.pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
} .pswp--touch .pswp__share-tooltip a {
padding: 16px 12px;
}
a.pswp__share--facebook:before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid transparent;
border-bottom-color: #fff;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none;
}
a.pswp__share--facebook:hover {
background: #3e5c9a;
color: #fff;
}
a.pswp__share--facebook:hover:before {
border-bottom-color: #3e5c9a;
}
a.pswp__share--twitter:hover {
background: #55acee;
color: #fff;
}
a.pswp__share--pinterest:hover {
background: #ccc;
color: #ce272d;
}
a.pswp__share--download:hover {
background: #ddd;
} .pswp__counter {
position: fixed;
right: 0;
bottom: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #fff;
opacity: .75;
padding: 0 10px;
} .pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px;
color: #fff;
mix-blend-mode: difference;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: opacity .2s;
}
.pswp__ui--idle .pswp__caption {
opacity: 0;
}
.pswp__caption small {
font-size: 11px;
}
.pswp__caption__center {
text-align: center;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
}
.pswp__caption--empty {
display: none;
} .pswp__caption--fake {
visibility: hidden;
} .pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
-webkit-transition: opacity .25s ease-out;
transition: opacity .25s ease-out;
will-change: opacity;
direction: ltr;
}
.pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px;
}
.pswp__preloader--active {
opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn { background: url(//marjorieart.ca/wp-content/themes/clayton/img/default-skin/preloader.gif) 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
-webkit-animation: clockwise 500ms linear infinite;
animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
-webkit-animation: donut-rotate 1000ms cubic-bezier(.4, 0, .22, 1) infinite;
animation: donut-rotate 1000ms cubic-bezier(.4, 0, .22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
background: none;
opacity: .75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0;
}
.pswp--css_animation .pswp__preloader__cut { position: relative;
width: 7px;
height: 14px;
overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #fff;
border-radius: 50%;
border-left-color: transparent;
border-bottom-color: transparent;
position: absolute;
top: 0;
left: 0;
background: none;
margin: 0;
}
@media screen and (max-width: 1024px) {
.pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right;
}
}
@-webkit-keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}  .pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550;
} .pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%;
mix-blend-mode: difference;
}
.admin-bar .pswp__top-bar {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar .pswp__top-bar {
top: 46px;
}
}
.pswp--fs .pswp__top-bar {
top: 0 !important;
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
-webkit-backface-visibility: hidden;
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
} .pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible;
}  .pswp__ui--idle .pswp__top-bar {
opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
opacity: 0;
} .pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right { opacity: .001;
} .pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none;
}
.pswp__element--disabled {
display: none !important;
}
.pswp--minimal--dark .pswp__top-bar {
background: none;
}
.pswp__button {
line-height: 1;
text-align: center;
color: #fff;
}
.pswp__button:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
height: 16px;
width: 16px;
font-size: 16px;
}
.pswp__button.pswp__button--close:before {
content: "";
}
.pswp__button.pswp__button--share:before {
content: "";
}
.pswp__button.pswp__button--fs:before {
content: "";
}
.pswp--fs .pswp__button.pswp__button--fs:before {
content: "";
}
.pswp__button.pswp__button--zoom:before {
content: "";
}
.pswp--zoomed-in .pswp__button.pswp__button--zoom:before {
content: "";
}
.pswp__button.pswp__button--arrow--left:before {
content: "";
position: absolute;
top: 50%;
right: 50%;
-webkit-transform: translateX(50%) translateY(-50%);
-moz-transform: translateX(50%) translateY(-50%);
-ms-transform: translateX(50%) translateY(-50%);
-o-transform: translateX(50%) translateY(-50%);
transform: translateX(50%) translateY(-50%);
}
.pswp__button.pswp__button--arrow--right:before {
content: "";
position: absolute;
top: 50%;
right: 50%;
-webkit-transform: translateX(50%) translateY(-50%);
-moz-transform: translateX(50%) translateY(-50%);
-ms-transform: translateX(50%) translateY(-50%);
-o-transform: translateX(50%) translateY(-50%);
transform: translateX(50%) translateY(-50%);
}
.clayton-lightbox-no-zoom .pswp--zoom-allowed .pswp__img {
cursor: default !important;
pointer-events: none !important;
}
.clayton-lightbox-no-zoom .pswp--zoom-allowed .pswp__button--zoom {
display: none !important;
} .clayton-collection-albums-cover {
margin-left: calc( 50% - 100% );
margin-right: calc( 50% - 100% );
padding-top: 5px;
padding-bottom: 5px;
}
.clayton-collection-albums-cover::after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 768px) {
.clayton-collection-albums-cover {
padding: 9px 18px;
margin-left: auto;
margin-right: auto;
}
}
.clayton-collection-cover-album_w {
margin-left: -14px;
margin-right: -14px;
}
@media screen and (max-width: 768px) {
.clayton-collection-cover-album_w {
margin-left: -9px;
margin-right: -9px;
}
}
.clayton-collection-cover-album {
position: relative;
padding: 14px;
width: 33.33333333%;
float: left;
display: -webkit-inline-box;
display:         inline-box;
display: -webkit-inline-flex;
display:         inline-flex;
-webkit-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
@media screen and (max-width: 768px) {
.clayton-collection-cover-album {
padding: 9px;
}
}
.clayton-collection-cover-album a {
width: 100%;
border-bottom: none;
display: -webkit-inline-box;
display:         inline-box;
display: -webkit-inline-flex;
display:         inline-flex;
-webkit-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
color: #fff;
position: relative;
overflow: hidden;
font-weight: inherit;
}
@media screen and (max-width: 768px) {
.clayton-collection-cover-album a {
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
color: #000;
}
}
@media screen and (min-width: 768px) {
.clayton-collection-cover-album a:hover .clayton-collection-cover-album-overlay {
opacity: 1;
}
.clayton-collection-cover-album a:hover .evolvethemes-image {
transform: scale(1.1);
}
}
.clayton-collection-cover-album .evolvethemes-image {
transition: transform .6s cubic-bezier(.215, .61, .355, 1);
transform: scale(1);
}
.clayton-collection-album-columns-2 .clayton-collection-cover-album {
width: 50%;
}
.clayton-collection-album-columns-3 .clayton-collection-cover-album {
width: 33.33333333%;
}
.clayton-collection-album-columns-4 .clayton-collection-cover-album {
width: 25%;
}
.clayton-collection-cover-album-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
z-index: 10;
transition: opacity .2s;
opacity: 0;
text-align: center;
}
@media screen and (max-width: 768px) {
.clayton-collection-cover-album-overlay {
opacity: 1;
position: relative;
-webkit-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
margin-top: 12px;
text-align: left;
}
}
@media screen and (min-width: 768px) {
.clayton-collection-cover-album-overlay:before {
content: "";
display: block;
background-color: #000;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
opacity: .5;
}
}
.clayton-collection-cover-album-overlay > * + * {
margin-top: 4px;
}
.clayton-collection-cover-album-overlay .clayton-collection-album-cover-title {
z-index: 5;
}
@media screen and (min-width: 768px) {
.clayton-collection-cover-album-overlay .clayton-collection-album-cover-title {
font-family: "decalotype";
font-size: 20px;
font-weight: 700;
line-height: 1.5;
letter-spacing: .1em;
text-transform: uppercase;
}
}
@media screen and (max-width: 768px) {
.clayton-collection-cover-album-overlay .clayton-collection-album-cover-title {
font-family: "IBM Plex Sans";
font-size: 17px;
font-weight: 500;
line-height: 1.25;
letter-spacing: 0;
text-transform: none;
}
}
.clayton-collection-cover-album-overlay .clayton-collection-albums-cover-image-num {
font-size: 13px;
z-index: 5;
}
@media screen and (min-width: 769px) {
.clayton-collection-album-scattered .clayton-collection-cover-album_w {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: 2vw;
grid-row-gap: 1vw;
margin-left: auto;
margin-right: auto;
}
.clayton-collection-album-scattered .clayton-collection-cover-album_w .clayton-collection-cover-album {
width: 100%;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.clayton-collection-album-scattered .clayton-collection-cover-album_w .clayton-collection-cover-album a {
width: auto;
}
.clayton-collection-album-scattered.clayton-collection-album-layout-full .clayton-collection-cover-album_w {
margin-left: calc( 50% - 50vw + 30px );
margin-right: calc( 50% - 50vw + 30px );
}
}
@media screen and (min-width: 769px) and (max-width: 768px) {
.clayton-collection-album-scattered.clayton-collection-album-layout-full .clayton-collection-cover-album_w {
margin-left: 11px;
margin-right: 11px;
}
}
@media screen and (min-width: 769px) {
.clayton-collection-scattered-pattern-a .clayton-collection-cover-album {
grid-column-start: span 4;
text-align: center;
}
.clayton-collection-scattered-pattern-a .clayton-collection-cover-album:nth-child(9n+1) {
padding-bottom: 18%;
}
.clayton-collection-scattered-pattern-a .clayton-collection-cover-album:nth-child(9n+2) {
padding: 36% 12% 0 18%;
}
.clayton-collection-scattered-pattern-a .clayton-collection-cover-album:nth-child(9n+3) {
padding: 6% 0 0;
}
.clayton-collection-scattered-pattern-a .clayton-collection-cover-album:nth-child(9n+4) {
padding: 0 0 12%;
grid-column-start: span 3;
}
.clayton-collection-scattered-pattern-a .clayton-collection-cover-album:nth-child(9n+5) {
padding: 14% 0;
grid-column-start: span 5;
}
.clayton-collection-scattered-pattern-a .clayton-collection-cover-album:nth-child(9n+6) {
padding: 30% 0 15% 10%;
grid-column-start: span 4;
}
.clayton-collection-scattered-pattern-a .clayton-collection-cover-album:nth-child(9n+7) {
padding: 24% 9% 20% 0;
grid-column-start: span 5;
}
.clayton-collection-scattered-pattern-a .clayton-collection-cover-album:nth-child(9n+8) {
padding: 0 10% 0 4%;
grid-column-start: span 4;
}
.clayton-collection-scattered-pattern-a .clayton-collection-cover-album:nth-child(9n+9) {
padding: 28% 0 0;
grid-column-start: span 3;
}
.clayton-collection-scattered-pattern-b .clayton-collection-cover-album {
grid-column-start: span 4;
text-align: center;
}
.clayton-collection-scattered-pattern-b .clayton-collection-cover-album:nth-child(9n+1) {
padding: 0 6% 18% 0;
grid-column-start: span 6;
}
.clayton-collection-scattered-pattern-b .clayton-collection-cover-album:nth-child(9n+2) {
padding: 18% 18% 0 18%;
grid-column-start: span 6;
}
.clayton-collection-scattered-pattern-b .clayton-collection-cover-album:nth-child(9n+3) {
padding: 0 12%;
grid-column-start: span 5;
}
.clayton-collection-scattered-pattern-b .clayton-collection-cover-album:nth-child(9n+4) {
padding: 36% 12% 0 0;
grid-column-start: span 3;
}
.clayton-collection-scattered-pattern-b .clayton-collection-cover-album:nth-child(9n+5) {
padding: 0 0 0 6%;
grid-column-start: span 4;
}
.clayton-collection-scattered-pattern-b .clayton-collection-cover-album:nth-child(9n+6) {
padding: 9% 0 15% 10%;
grid-column-start: 3;
grid-column-end: 11;
}
.clayton-collection-scattered-pattern-b .clayton-collection-cover-album:nth-child(9n+7) {
padding: 0 9% 20% 0;
grid-column-start: span 5;
}
.clayton-collection-scattered-pattern-b .clayton-collection-cover-album:nth-child(9n+8) {
padding: 28% 10% 0 4%;
grid-column-start: span 3;
}
.clayton-collection-scattered-pattern-b .clayton-collection-cover-album:nth-child(9n+9) {
padding: 8% 0 0;
grid-column-start: span 4;
}
.clayton-collection-scattered-pattern-c .clayton-collection-cover-album {
grid-column-start: span 4;
text-align: center;
}
.clayton-collection-scattered-pattern-c .clayton-collection-cover-album:nth-child(9n+1) {
grid-column-start: 2;
grid-column-end: 8;
}
.clayton-collection-scattered-pattern-c .clayton-collection-cover-album:nth-child(9n+2) {
grid-column-start: 9;
grid-column-end: 12;
padding: 36% 0 0 0;
}
.clayton-collection-scattered-pattern-c .clayton-collection-cover-album:nth-child(9n+3) {
grid-column-start: 5;
grid-column-end: 11;
padding: 12% 0;
}
.clayton-collection-scattered-pattern-c .clayton-collection-cover-album:nth-child(9n+4) {
grid-column-start: 2;
grid-column-end: 6;
padding: 12% 0 0 0;
}
.clayton-collection-scattered-pattern-c .clayton-collection-cover-album:nth-child(9n+5) {
grid-column-start: 7;
grid-column-end: 12;
padding: 0 0 24% 0;
}
.clayton-collection-scattered-pattern-c .clayton-collection-cover-album:nth-child(9n+6) {
grid-column-start: span 5;
padding: 24% 12% 0 0;
}
.clayton-collection-scattered-pattern-c .clayton-collection-cover-album:nth-child(9n+7) {
grid-column-start: span 3;
}
.clayton-collection-scattered-pattern-c .clayton-collection-cover-album:nth-child(9n+8) {
grid-column-start: span 4;
padding: 6% 0 0 6%;
}
.clayton-collection-scattered-pattern-c .clayton-collection-cover-album:nth-child(9n+9) {
grid-column-start: 3;
grid-column-end: 10;
padding: 24% 0 24% 4%;
}
.clayton-collection-scattered-pattern-d .clayton-collection-cover-album {
grid-column-start: span 4;
text-align: center;
}
.clayton-collection-scattered-pattern-d .clayton-collection-cover-album:nth-child(9n+1) {
grid-column-start: 2;
grid-column-end: 5;
padding: 38% 0 0 0;
}
.clayton-collection-scattered-pattern-d .clayton-collection-cover-album:nth-child(9n+2) {
grid-column-start: 6;
grid-column-end: 12;
padding: 0;
}
.clayton-collection-scattered-pattern-d .clayton-collection-cover-album:nth-child(9n+3) {
grid-column-start: 3;
grid-column-end: 9;
padding: 12% 0;
}
.clayton-collection-scattered-pattern-d .clayton-collection-cover-album:nth-child(9n+4) {
padding: 0 9% 20% 0;
grid-column-start: span 5;
}
.clayton-collection-scattered-pattern-d .clayton-collection-cover-album:nth-child(9n+5) {
padding: 28% 10% 0 4%;
grid-column-start: span 3;
}
.clayton-collection-scattered-pattern-d .clayton-collection-cover-album:nth-child(9n+6) {
padding: 8% 0 0;
grid-column-start: span 4;
}
.clayton-collection-scattered-pattern-d .clayton-collection-cover-album:nth-child(9n+7) {
padding: 9% 0 15% 10%;
grid-column-start: 3;
grid-column-end: 11;
}
.clayton-collection-scattered-pattern-d .clayton-collection-cover-album:nth-child(9n+8) {
padding: 0 6% 12% 0;
grid-column-start: span 6;
}
.clayton-collection-scattered-pattern-d .clayton-collection-cover-album:nth-child(9n+9) {
padding: 18%;
grid-column-start: span 6;
}
}
.clayton-collection-albums-photo_wall .evolvethemes-image {
float: left;
padding: 7px;
}
.clayton-collection-albums-photo_wall .evolvethemes-image,
.clayton-collection-albums-photo_wall .evolvethemes-image .evolvethemes-image-wrapper {
display: block;
max-width: none;
}
@media screen and (max-width: 768px) {
.clayton-collection-albums-photo_wall .evolvethemes-image,
.clayton-collection-albums-photo_wall .evolvethemes-image .evolvethemes-image-wrapper {
height: auto;
max-width: 100%;
}
}
.clayton-collection-albums-photo_wall .evolvethemes-image a {
font-weight: inherit;
color: inherit;
border-bottom: none;
}
@media screen and (max-width: 768px) {
.clayton-collection-albums-photo_wall .evolvethemes-image a {
height: auto;
}
}
.clayton-collection-lw-boxed {
margin-left: calc( 50% - 100% );
margin-right: calc( 50% - 100% );
position: relative;
}
@media screen and (max-width: 768px) {
.clayton-collection-lw-boxed {
padding-left: 18px;
padding-right: 18px;
margin-left: auto;
margin-right: auto;
}
}
.clayton-collection-lw-full {
margin-left: calc( 50% - 50vw + 30px );
margin-right: calc( 50% - 50vw + 30px );
padding-left: 0;
padding-right: 0;
position: relative;
}
@media screen and (max-width: 768px) {
.clayton-collection-lw-full {
margin-left: 18px;
margin-right: 18px;
}
}
.clayton-collection-photo_wall-album_w {
clear: both;
}
.clayton-collection-photo_wall-album_w:last-of-type .clayton-collection-photo_wall-album {
margin-bottom: 0;
}
.clayton-collection-photo_wall-album-title {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
padding-top: 24px;
padding-bottom: 24px;
text-align: center;
}
.clayton-collection-photo_wall-album-title p {
font-family: "decalotype";
font-size: 24px;
font-weight: 700;
line-height: 1.5;
letter-spacing: .1em;
text-transform: uppercase;
}
.clayton-collection-photo_wall-album-title a {
font-size: 13px;
color: #6e757c;
clear: both;
font-weight: inherit;
}
.clayton-collection-photo_wall-album {
margin-left: -7px;
margin-right: -7px;
margin-bottom: 96px;
}
.clayton-collection-photo_wall-album::after {
clear: both;
content: "";
display: table;
}
.clayton-collection-density-low.clayton-collection-lw-boxed .evolvethemes-image {
width: 25%;
}
.clayton-collection-density-low.clayton-collection-lw-full .evolvethemes-image {
width: 20%;
}
@media screen and (max-width: 1600px) {
.clayton-collection-density-low .evolvethemes-image {
width: 25%;
}
}
@media screen and (max-width: 1024px) {
.clayton-collection-density-low .evolvethemes-image {
width: 33.33333333%;
}
}
.clayton-collection-density-normal.clayton-collection-lw-boxed .evolvethemes-image {
width: 16.66666667%;
}
@media screen and (max-width: 1024px) {
.clayton-collection-density-normal.clayton-collection-lw-boxed .evolvethemes-image {
width: 25%;
}
}
.clayton-collection-density-normal.clayton-collection-lw-full .evolvethemes-image {
width: 12.5%;
}
@media screen and (max-width: 1600px) {
.clayton-collection-density-normal.clayton-collection-lw-full .evolvethemes-image {
width: 16.66666667%;
}
}
@media screen and (max-width: 1200px) {
.clayton-collection-density-normal.clayton-collection-lw-full .evolvethemes-image {
width: 20%;
}
}
@media screen and (max-width: 1024px) {
.clayton-collection-density-normal.clayton-collection-lw-full .evolvethemes-image {
width: 25%;
}
}
.clayton-collection-density-high.clayton-collection-lw-boxed .evolvethemes-image {
width: 12.5%;
}
@media screen and (max-width: 1024px) {
.clayton-collection-density-high.clayton-collection-lw-boxed .evolvethemes-image {
width: 16.66666667%;
}
}
.clayton-collection-density-high.clayton-collection-lw-full .evolvethemes-image {
width: 8.33333333%;
}
@media screen and (max-width: 1600px) {
.clayton-collection-density-high.clayton-collection-lw-full .evolvethemes-image {
width: 10%;
}
}
@media screen and (max-width: 1200px) {
.clayton-collection-density-high.clayton-collection-lw-full .evolvethemes-image {
width: 12.5%;
}
}
@media screen and (max-width: 1024px) {
.clayton-collection-density-high.clayton-collection-lw-full .evolvethemes-image {
width: 16.66666667%;
}
}
.clayton-collection-photo_wall-albums-mobile-nav {
display: none;
}
@media screen and (max-width: 768px) {
.clayton-collection-photo_wall-albums-mobile-nav {
width: 100%;
position: fixed;
right: 0;
bottom: 0;
left: 0;
background-color: #fff;
z-index: 9990;
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
display: block;
}
.clayton-collection-photo_wall-albums-mobile-nav.clayton-collection-nav-open ul {
display: block;
}
.clayton-collection-photo_wall-albums-mobile-nav ul {
display: none;
list-style-type: none;
padding-left: 18px;
padding-right: 18px;
max-height: 300px;
overflow-y: auto;
}
.clayton-collection-photo_wall-albums-mobile-nav ul li {
padding: 12px 0;
margin: 0;
font-size: 16px;
line-height: 1.5;
font-family: "IBM Plex Sans";
font-weight: 300;
}
}
.clayton-collection-albums {
margin-left: calc( 50% - 100% );
margin-right: calc( 50% - 100% );
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
position: relative;
}
@media screen and (max-width: 768px) {
.clayton-collection-albums {
padding-left: 9px;
padding-right: 9px;
margin-left: auto;
margin-right: auto;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
}
.clayton-collection-albums-nav {
width: 25%;
}
@media screen and (max-width: 768px) {
.clayton-collection-albums-nav {
width: 100%;
position: fixed;
right: 0;
bottom: 0;
left: 0;
background-color: #fff;
z-index: 9990;
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}
}
.clayton-collection-albums-nav .clayton-collection-active {
display: none;
}
@media screen and (max-width: 768px) {
.clayton-collection-albums-nav .clayton-collection-active {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
padding: 12px 18px;
position: relative;
}
.clayton-collection-albums-nav .clayton-collection-active a + a {
font-size: 13px;
color: #6e757c;
clear: both;
font-weight: inherit;
}
.clayton-collection-albums-nav .clayton-collection-active .clayton-collection-nav-trigger {
position: absolute;
top: 0;
right: 0;
bottom: 0;
padding-right: 18px;
padding-left: 18px;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
}
.clayton-collection-albums-nav .clayton-collection-active .clayton-collection-nav-trigger:after {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 24px;
content: "";
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
height: 24px;
width: 24px;
}
}
.clayton-collection-albums-nav.clayton-collection-nav-open .clayton-collection-active {
background-color: #cdb88d;
color: #fff;
}
.clayton-collection-albums-nav.clayton-collection-nav-open .clayton-collection-active a {
color: #fff;
}
@media screen and (max-width: 768px) {
.clayton-collection-albums-nav.clayton-collection-nav-open ul {
display: block;
}
}
.clayton-collection-albums-nav.clayton-collection-nav-open .clayton-collection-nav-trigger:after {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.clayton-collection-albums-nav ul {
list-style-type: none;
}
@media screen and (max-width: 768px) {
.clayton-collection-albums-nav ul {
padding-left: 18px;
padding-right: 18px;
max-height: 300px;
overflow-y: auto;
display: none;
}
}
.clayton-collection-albums-nav li {
padding: 12px 0;
margin: 0;
font-size: 16px;
line-height: 1.5;
font-family: "IBM Plex Sans";
font-weight: 300;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
overflow-x: hidden;
}
.clayton-collection-albums-nav li a:after {
content: "";
display: block;
width: 20vw;
height: 2px;
margin-top: -1px;
margin-left: 12px;
background-color: #cdb88d;
position: absolute;
top: 50%;
left: 100%;
transform-origin: left center;
transform: scale3d(0, 1, 1);
transition: transform .4s cubic-bezier(.645, .045, .355, 1);
}
.clayton-collection-albums-nav li a + a {
font-size: 13px;
color: #6e757c;
clear: both;
font-weight: inherit;
display: none;
}
.clayton-collection-albums-nav li.clayton-current a {
position: relative;
}
.clayton-collection-albums-nav li.clayton-current a:first-child {
font-style: italic;
}
@media screen and (max-width: 768px) {
.clayton-collection-albums-nav li.clayton-current a:first-child {
font-weight: 300;
color: #6e757c;
}
}
.clayton-collection-albums-nav li.clayton-current a:first-child:after {
transform: scale3d(1, 1, 1);
}
@media screen and (max-width: 768px) {
.clayton-collection-albums-nav li.clayton-current a:first-child:after {
display: none;
}
}
.clayton-collection-albums-nav li.clayton-current a + a {
display: inline-block;
}
@media screen and (max-width: 768px) {
.clayton-collection-albums-nav li.clayton-current a + a {
margin-top: 6px;
}
}
.clayton-empty-album {
display: block;
width: 100%;
text-align: center;
padding: 24px 45px;
background-color: #fafafa;
}
.clayton-collection-album_w {
width: 75%;
padding-left: 45px;
}
@media screen and (max-width: 768px) {
.clayton-collection-album_w {
width: 100%;
padding-left: 0;
}
}
.clayton-collection-album {
margin-left: -6px;
margin-right: -6px;
}
.clayton-collection-album.clayton-fetching:before {
z-index: 100000;
content: "";
display: block;
margin-left: -10px;
margin-top: -10px;
height: 16px;
width: 16px;
border-top-width: 2px;
border-top-style: solid;
border-right-width: 2px;
border-right-style: solid;
border-right-color: transparent !important;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: transparent !important;
border-left-width: 2px;
border-left-style: solid;
border-top-color: #000;
border-left-color: #000;
border-radius: 50%;
position: absolute;
top: 24px;
left: 50%;
}
@media screen and (max-width: 768px) {
.clayton-collection-album {
margin-left: 0;
margin-right: 0;
}
}
.clayton-collection-album .evolvethemes-image {
width: 33.33333333%;
padding: 6px;
}
.clayton-collection-album .evolvethemes-image figcaption {
display: none;
}
.clayton-collection-album .evolvethemes-image a {
border-bottom: none;
display: -webkit-inline-box;
display:         inline-box;
display: -webkit-inline-flex;
display:         inline-flex;
-webkit-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.clayton-collection-album .evolvethemes-image a,
.clayton-collection-album .evolvethemes-image .evolvethemes-image-wrapper {
width: 100%;
}
.clayton-collection-album .evolvethemes-image .evolvethemes-image-wrapper b {
width: 100% !important;
}
.clayton-collection-album .evolvethemes-image img {
width: 100%;
}
@media screen and (max-width: 768px) {
.clayton-collection-album .evolvethemes-image {
padding: 9px;
}
}
.clayton-collection-album.clayton-collection-album-columns-2 .evolvethemes-image {
width: 50%;
}
.clayton-collection-album.clayton-collection-album-columns-3 .evolvethemes-image {
width: 33.33333333%;
}
.clayton-collection-album.clayton-collection-album-columns-4 .evolvethemes-image {
width: 25%;
}
.clayton-collection-mobile-trigger {
display: none;
}
@media screen and (max-width: 768px) {
.clayton-collection-mobile-trigger {
padding: 12px 18px;
position: relative;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
font-size: 13px;
font-weight: 500;
color: #000;
cursor: pointer;
}
.clayton-collection-mobile-trigger span:first-child {
display: block;
}
.clayton-collection-mobile-trigger span:last-child {
display: none;
}
.clayton-collection-mobile-trigger:after {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 24px;
content: "";
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
height: 24px;
width: 24px;
}
.clayton-collection-nav-open .clayton-collection-mobile-trigger {
background-color: #cdb88d;
color: #fff;
}
.clayton-collection-nav-open .clayton-collection-mobile-trigger span:first-child {
display: none;
}
.clayton-collection-nav-open .clayton-collection-mobile-trigger span:last-child {
display: block;
}
.clayton-collection-nav-open .clayton-collection-mobile-trigger:after {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
} .wpcf7-submit {
border: 2px solid;
border-color: #cdb88d;
color: #cdb88d;
padding: 11px 24px;
font-weight: 500;
font-family: inherit;
}
.wpcf7-submit:focus {
outline: none;
}
* + div.wpcf7 {
margin-top: 48px;
}
.wpcf7-form .wpcf7-response-output {
margin-left: auto;
margin-right: auto;
padding: 12px 45px;
}
.wpcf7-form-control-wrap {
display: block;
margin-bottom: 12px;
}
.wpcf7-form-control-wrap input:not([type="submit"]),
.wpcf7-form-control-wrap textarea {
width: 100%;
}
.wpcf7-form .wpcf7-not-valid {
border-color: red;
}
.wpcf7-form .wpcf7-not-valid-tip {
font-size: 13px;
margin-top: 6px;
}
.clayton-c a.envira-gallery-link {
position: static;
}
.sd-social-official .share-linkedin .linkedin_button > span {
float: left;
}
.sd-social-official .share-pinterest .pinterest_button > a {
float: left;
}
.clayton-pll-switcher {
position: relative;
}
@media screen and (max-width: 768px) {
.clayton-pll-switcher {
display: none;
padding-left: 18px;
padding-right: 18px;
margin-left: 0;
margin-right: 0;
}
.clayton-menu-open .clayton-pll-switcher {
display: block;
}
}
.clayton-pll-switcher .clayton-pll-trigger {
cursor: pointer;
font-family: "decalotype";
font-size: 10px;
font-weight: 500;
line-height: 1;
letter-spacing: .2em;
text-transform: uppercase;
color: #000;
text-transform: uppercase;
padding: 24px 6px;
margin: 0 6px;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
transition: opacity .2s;
}
.clayton-ft .clayton-pll-switcher .clayton-pll-trigger {
opacity: 0;
transition: opacity .4s;
}
.clayton-ft.clayton-p-reveal .clayton-pll-switcher .clayton-pll-trigger {
opacity: 1;
}
.clayton-ft.clayton-p-reveal .clayton-pll-switcher .clayton-pll-trigger:hover {
opacity: .6;
}
.clayton-pll-switcher .clayton-pll-trigger:after {
margin-left: .3em;
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
content: "";
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
@media screen and (max-width: 768px) {
.clayton-pll-switcher .clayton-pll-trigger:after {
height: 14px;
width: 14px;
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
.clayton-pll-switcher .clayton-pll-trigger {
margin: 0;
padding: 12px 0;
width: 100%;
font-family: "decalotype";
font-size: 16px;
font-weight: 500;
line-height: 1;
letter-spacing: .2em;
text-transform: uppercase;
}
}
.clayton-pll-switcher div {
top: 100%;
position: absolute;
right: 0;
z-index: 1000;
visibility: hidden;
opacity: 0;
background-color: #fff;
min-width: 240px;
box-shadow: 0 6px 20px -3px rgba(0, 0, 0, .2);
text-align: left;
border: 1px solid;
border-color: #cdb88d;
padding-top: 4px;
padding-bottom: 4px;
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
-ms-transform: translateY(5px);
-o-transform: translateY(5px);
transform: translateY(5px);
-webkit-transition: opacity .2s ease, visibility .2s ease, -webkit-transform .2s ease;
-moz-transition: opacity .2s ease, visibility .2s ease, -moz-transform .2s ease;
-o-transition: opacity .2s ease, visibility .2s ease, -o-transform .2s ease;
transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
}
@media screen and (max-width: 768px) {
.clayton-pll-switcher div {
position: relative;
border: none;
top: auto;
min-width: 0;
box-shadow: none;
clear: both;
display: none;
padding-top: 0;
padding-bottom: 0;
}
}
.clayton-pll-switcher:hover div {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
visibility: visible;
opacity: 1;
}
@media screen and (max-width: 768px) {
.clayton-pll-switcher:hover div {
display: block;
}
}
.clayton-pll-switcher ul {
padding: 0;
margin: 0;
display: block;
}
.clayton-pll-switcher ul li {
list-style: none;
position: relative;
display: block;
margin: 0 6px;
padding: 12px 6px;
}
.clayton-pll-switcher ul li::after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 768px) {
.clayton-pll-switcher ul li {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
}
.clayton-pll-switcher ul a {
color: currentColor;
position: relative;
font-weight: inherit;
cursor: pointer;
font-family: "decalotype";
font-size: 10px;
font-weight: 500;
line-height: 1;
letter-spacing: .2em;
text-transform: uppercase;
color: #000;
float: left;
transition: opacity .2s;
}
@media screen and (max-width: 768px) {
.clayton-pll-switcher ul a {
font-family: "decalotype";
font-size: 14px;
font-weight: 500;
line-height: 1.25;
letter-spacing: .2em;
text-transform: uppercase;
}
}
.clayton-pll-switcher ul a img {
position: relative;
top: -1px;
margin-right: 6px;
}
.clayton-pll-switcher ul a:hover {
opacity: .6;
}
@media screen and (max-width: 768px) {
.clayton-pll-switcher ul a:hover {
opacity: 1;
}
}
.widget_polylang ul li {
display: inline-block;
list-style-type: none;
margin: 0 6px;
}
.widget_polylang ul li a {
display: inline;
position: relative;
transition: border-color .2s;
padding: 0;
font-weight: 500;
border-width: 0 0 2px 0;
border-style: none none solid none;
border-color: transparent;
}
.widget_polylang ul li a:hover {
border-color: #cdb88d;
}
.widget_polylang ul li a img {
margin-right: .3em;
}
.widget.null-instagram-feed {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
.widget.null-instagram-feed p {
-webkit-box-ordinal-group: -1;
-webkit-order: -1;
order: -1;
margin-bottom: 24px;
font-family: "decalotype";
font-size: 14px;
font-weight: 500;
line-height: 1.25;
letter-spacing: .3em;
text-transform: uppercase;
}
.widget.null-instagram-feed .instagram-pics {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.widget.null-instagram-feed .instagram-pics li {
list-style-type: none;
margin: 0;
}
@media screen and (max-width: 767px) {
.widget.null-instagram-feed .instagram-pics li {
width: 33.33333333%;
}
.widget.null-instagram-feed .instagram-pics li img {
width: 100%;
}
}
#wpmem_login .buttons {
border: 2px solid;
border-color: #cdb88d;
color: #cdb88d;
padding: 11px 24px;
font-weight: 500;
font-family: inherit;
}
#wpmem_login .buttons:focus {
outline: none;
}
#wpmem_login .req-text {
font-size: 14px;
}
#wpmem_login .button_div {
text-align: right;
margin-top: 24px;
}
#wpmem_login .div_text input {
width: 100%;
}
#wpmem_reg .buttons {
border: 2px solid;
border-color: #cdb88d;
color: #cdb88d;
padding: 11px 24px;
font-weight: 500;
font-family: inherit;
}
#wpmem_reg .buttons:focus {
outline: none;
}
#wpmem_reg .req-text {
font-size: 14px;
color: #6e757c;
margin-top: 12px;
}
#wpmem_reg .button_div {
text-align: right;
margin-top: 24px;
}
#wpmem_reg .div_text input {
width: 100%;
}
.wpforms-submit {
border: 2px solid;
border-color: #cdb88d;
color: #cdb88d;
padding: 11px 24px;
font-weight: 500;
font-family: inherit;
}
.wpforms-submit:focus {
outline: none;
}
.wpforms-container .wpforms-field input.wpforms-error,
.wpforms-container .wpforms-field input.user-invalid,
.wpforms-container .wpforms-field textarea.wpforms-error,
.wpforms-container .wpforms-field textarea.user-invalid,
.wpforms-container .wpforms-field select.wpforms-error,
.wpforms-container .wpforms-field select.user-invalid {
border-color: #db504a;
}
.wpforms-container .wpforms-required-label,
.wpforms-container label.wpforms-error {
color: #db504a;
} p.has-drop-cap:not(:focus):first-letter {
font-family: inherit;
font-weight: inherit;
text-transform: uppercase;
font-style: inherit;
font-size: 5.6em;
}
.wp-block-quote {
clear: both;
}
a.has-text-color:hover {
border-color: inherit;
}
.wp-block-gallery {
margin-left: -8px;
margin-right: -8px;
}
.wp-block-gallery.alignfull {
max-width: none;
margin-left: calc( 50% - 50vw );
margin-right: calc( 50% - 50vw );
padding-left: 30px;
padding-right: 30px;
}
@media screen and (max-width: 768px) {
.wp-block-gallery.alignfull {
padding-left: 18px;
padding-right: 18px;
}
}
.wp-block-gallery li {
padding-left: 0 !important;
}
.wp-block-gallery li:before {
display: none !important;
}
.wp-block-jetpack-tiled-gallery.alignfull {
margin-left: calc( 50% - 50vw );
margin-right: calc( 50% - 50vw );
}
.wp-block-jetpack-tiled-gallery.alignwide {
margin-right: -45px;
margin-left: -45px;
}
.wp-block-separator {
clear: both;
}
.wp-block-separator.is-style-wide {
margin-left: calc( 50% - 50vw );
margin-right: calc( 50% - 50vw );
}
.clayton-sidebar-active .wp-block-separator.is-style-wide {
margin-left: calc( ( 75% + (22.5px * 1.5) ) - 50vw );
margin-right: -90px;
}
.wp-block-audio audio {
width: 100%;
}
.wp-block-image figcaption {
color: #6e757c;
}
.alignwide,
.alignfull {
width: auto;
max-width: none;
}
.alignwide {
margin-right: -45px;
margin-left: -45px;
}
@media screen and (max-width: 768px) {
.alignwide {
margin-left: -18px;
margin-right: -18px;
}
}
.alignright {
margin-left: 30px;
}
@media screen and (max-width: 768px) {
.alignright {
margin-left: auto;
margin-right: auto;
float: none;
}
}
.alignleft {
margin-right: 30px;
}
@media screen and (max-width: 768px) {
.alignleft {
margin-left: auto;
margin-right: auto;
float: none;
}
}
.alignfull {
max-width: none;
margin-left: calc( 50% - 50vw );
margin-right: calc( 50% - 50vw );
padding-left: 30px;
padding-right: 30px;
}
@media screen and (max-width: 768px) {
.alignfull {
padding-left: 0;
padding-right: 0;
}
}
.alignfull img,
.alignfull iframe {
width: 100%;
max-width: none;
}
.wp-block-image .alignright {
margin-left: 30px;
}
@media screen and (max-width: 768px) {
.wp-block-image .alignright {
margin-left: auto;
margin-right: auto;
float: none;
}
}
.wp-block-image .alignleft {
margin-right: 30px;
}
@media screen and (max-width: 768px) {
.wp-block-image .alignleft {
margin-left: auto;
margin-right: auto;
float: none;
}
}
.wp-block-button .wp-block-button__link {
border: 2px solid;
padding: 11px 24px;
font-weight: 500;
font-family: inherit;
display: inline-block !important;
border-radius: 0 !important;
line-height: inherit;
transition-property: background-color, color, border-color;
transition-duration: .2s;
}
.wp-block-button .wp-block-button__link:not(.has-text-color) {
border-color: #cdb88d;
color: #cdb88d;
}
.wp-block-button .wp-block-button__link:not(.has-text-color):hover {
background-color: #cdb88d;
color: #fff;
}
.wp-block-button .wp-block-button__link:hover {
background-color: #cdb88d;
color: #fff;
}
.wp-block-button.is-style-squared .wp-block-button__link {
background-color: #cdb88d;
color: #fff;
}
.wp-block-button.is-style-squared .wp-block-button__link:hover {
background-color: transparent;
color: #cdb88d;
}
.wp-block-button__link:not(.has-background),
.wp-block-button__link:not(.has-background):active,
.wp-block-button__link:not(.has-background):focus,
.wp-block-button__link:not(.has-background):hover {
background-color: inherit;
}
.clayton-mc-content .aligncenter,
.clayton-mc-content .alignwide,
.clayton-mc-content .alignnone,
.clayton-mc-content .alignfull {
margin-bottom: 3em;
}
.clayton-mc-content .aligncenter:not(:first-child),
.clayton-mc-content .alignwide:not(:first-child),
.clayton-mc-content .alignnone:not(:first-child),
.clayton-mc-content .alignfull:not(:first-child) {
margin-top: 3em !important;
}
.clayton-mc-content .aligncenter {
margin-left: auto;
margin-right: auto;
}
.clayton-mc-content > .aligncenter:first-child,
.clayton-mc-content > .alignwide:first-child,
.clayton-mc-content > .alignnone:first-child,
.clayton-mc-content > .alignfull:first-child {
margin-top: 0;
}
.wp-block-separator {
clear: both;
}
.wp-block-separator.is-style-wide {
margin-left: calc( 50% - 50vw );
margin-right: calc( 50% - 50vw );
}
.clayton-sidebar-active .wp-block-separator.is-style-wide {
margin-left: calc( ( 75% + 22.5px ) - 50vw );
margin-right: -90px;
}
.wp-block-pullquote.aligncenter,
.wp-block-pullquote.alignnone,
.wp-block-pullquote.alignright,
.wp-block-pullquote.alignleft,
.wp-block-pullquote {
position: relative;
text-align: left;
max-width: 50%;
padding-left: 30px;
margin-left: 0;
border-left: 3px solid;
border-color: #cdb88d;
}
@media screen and (max-width: 768px) {
.wp-block-pullquote.aligncenter,
.wp-block-pullquote.alignnone,
.wp-block-pullquote.alignright,
.wp-block-pullquote.alignleft,
.wp-block-pullquote {
max-width: none;
}
}
.wp-block-pullquote.aligncenter p,
.wp-block-pullquote.alignnone p,
.wp-block-pullquote.alignright p,
.wp-block-pullquote.alignleft p,
.wp-block-pullquote p {
font-family: "IBM Plex Sans";
font-size: 20px;
font-weight: normal;
font-style: italic;
line-height: 1.25;
letter-spacing: 0;
text-transform: none;
}
.wp-block-pullquote.aligncenter:before,
.wp-block-pullquote.alignnone:before,
.wp-block-pullquote.alignright:before,
.wp-block-pullquote.alignleft:before,
.wp-block-pullquote:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
content: "";
position: absolute;
top: 0;
left: -48px;
font-style: normal;
color: #cdb88d;
}
@media screen and (max-width: 768px) {
.wp-block-pullquote.aligncenter:before,
.wp-block-pullquote.alignnone:before,
.wp-block-pullquote.alignright:before,
.wp-block-pullquote.alignleft:before,
.wp-block-pullquote:before {
display: none;
}
}
.wp-block-pullquote.aligncenter cite,
.wp-block-pullquote.alignnone cite,
.wp-block-pullquote.alignright cite,
.wp-block-pullquote.alignleft cite,
.wp-block-pullquote cite {
margin-top: 12px;
color: #6e757c;
}
.wp-block-pullquote.aligncenter blockquote,
.wp-block-pullquote.alignnone blockquote,
.wp-block-pullquote.alignright blockquote,
.wp-block-pullquote.alignleft blockquote,
.wp-block-pullquote blockquote {
border: none;
padding-left: 0;
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
}
.wp-block-pullquote.aligncenter blockquote:before,
.wp-block-pullquote.alignnone blockquote:before,
.wp-block-pullquote.alignright blockquote:before,
.wp-block-pullquote.alignleft blockquote:before,
.wp-block-pullquote blockquote:before {
display: none;
}
.wp-block-pullquote.aligncenter.is-style-solid-color,
.wp-block-pullquote.alignnone.is-style-solid-color,
.wp-block-pullquote.alignright.is-style-solid-color,
.wp-block-pullquote.alignleft.is-style-solid-color,
.wp-block-pullquote.is-style-solid-color {
padding: 30px;
border-left: 3px solid;
border-color: #cdb88d;
display: inline-block;
}
@media screen and (max-width: 768px) {
.wp-block-pullquote.aligncenter.is-style-solid-color,
.wp-block-pullquote.alignnone.is-style-solid-color,
.wp-block-pullquote.alignright.is-style-solid-color,
.wp-block-pullquote.alignleft.is-style-solid-color,
.wp-block-pullquote.is-style-solid-color {
display: block;
}
}
.wp-block-pullquote.aligncenter.is-style-solid-color blockquote,
.wp-block-pullquote.alignnone.is-style-solid-color blockquote,
.wp-block-pullquote.alignright.is-style-solid-color blockquote,
.wp-block-pullquote.alignleft.is-style-solid-color blockquote,
.wp-block-pullquote.is-style-solid-color blockquote {
margin-top: 0;
margin-bottom: 0;
max-width: none;
}
.wp-block-pullquote.aligncenter.is-style-solid-color blockquote p,
.wp-block-pullquote.alignnone.is-style-solid-color blockquote p,
.wp-block-pullquote.alignright.is-style-solid-color blockquote p,
.wp-block-pullquote.alignleft.is-style-solid-color blockquote p,
.wp-block-pullquote.is-style-solid-color blockquote p {
font-family: "IBM Plex Sans";
font-size: 20px;
font-weight: normal;
font-style: italic;
line-height: 1.25;
letter-spacing: 0;
text-transform: none;
}
.wp-block-pullquote.aligncenter.is-style-solid-color blockquote cite,
.wp-block-pullquote.alignnone.is-style-solid-color blockquote cite,
.wp-block-pullquote.alignright.is-style-solid-color blockquote cite,
.wp-block-pullquote.alignleft.is-style-solid-color blockquote cite,
.wp-block-pullquote.is-style-solid-color blockquote cite {
font-style: inherit;
}
.wp-block-pullquote.alignright {
float: right;
margin-right: -45px;
margin-left: 54px;
}
@media screen and (max-width: 768px) {
.wp-block-pullquote.alignright {
margin-right: 0;
margin-left: 0;
float: none;
}
}
.wp-block-pullquote.alignwide,
.wp-block-pullquote.alignfull {
max-width: none;
}
.wp-block-pullquote.alignleft {
float: left;
padding-left: 30px;
margin-left: -45px;
}
@media screen and (max-width: 768px) {
.wp-block-pullquote.alignleft {
margin-left: 0;
padding-left: 24px;
}
}
.wp-block-quote,
.wp-block-pullquote {
padding-top: 0;
padding-bottom: 0;
}
.wp-block-pullquote {
margin-top: 1.5em;
margin-bottom: 1.5em;
}
.wp-block-quote {
margin-top: 2em;
margin-bottom: 2em;
}
.wp-block-quote p {
font-size: inherit !important;
line-height: inherit !important;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
margin: 3em 0 3em 48px;
}
.wp-block-columns .wp-block-column:nth-child(odd) {
margin-right: 22.5px;
}
.wp-block-columns .wp-block-column:nth-child(even) {
margin-left: 22.5px;
}
.wp-block-columns .wp-block-column:not(:first-child) {
margin-left: 22.5px;
}
.wp-block-columns .wp-block-column:not(:last-child) {
margin-right: 22.5px;
}
@media screen and (max-width: 768px) {
.wp-block-columns {
flex-wrap: nowrap;
}
.wp-block-columns.alignwide {
margin-left: 0;
margin-right: 0;
}
.wp-block-columns.alignfull {
padding-left: 18px;
padding-right: 18px;
}
}
@media screen and (max-width: 480px) {
.wp-block-columns {
flex-wrap: wrap;
}
.wp-block-columns .wp-block-column {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.wp-block-columns .wp-block-column:nth-child(odd) {
margin-right: 0;
}
.wp-block-columns .wp-block-column:nth-child(even) {
margin-left: 0;
}
.wp-block-columns .wp-block-column:not(:first-child) {
margin-left: 0;
}
.wp-block-columns .wp-block-column:not(:last-child) {
margin-right: 0;
}
}
.wp-block-audio {
margin-bottom: 24px;
}
.wp-block-audio audio {
width: 100%;
}
.wp-block-media-text .wp-block-media-text__content {
padding-top: 24px;
padding-bottom: 24px;
}
.wp-block-media-text .wp-block-media-text__content h1 + *,
.wp-block-media-text .wp-block-media-text__content .clayton-h1 + *,
.wp-block-media-text .wp-block-media-text__content h2 + *,
.wp-block-media-text .wp-block-media-text__content .clayton-h2 + * {
margin-top: 2.5em;
}
.wp-block-media-text .wp-block-media-text__content h3 + *,
.wp-block-media-text .wp-block-media-text__content .clayton-h3 + *,
.wp-block-media-text .wp-block-media-text__content h4 + *,
.wp-block-media-text .wp-block-media-text__content .clayton-h4 + *,
.wp-block-media-text .wp-block-media-text__content h5 + *,
.wp-block-media-text .wp-block-media-text__content .clayton-h5 + *,
.wp-block-media-text .wp-block-media-text__content h6 + *,
.wp-block-media-text .wp-block-media-text__content .clayton-h6 + * {
margin-top: 2em;
}
.wp-block-media-text .wp-block-media-text__content > * + h1,
.wp-block-media-text .wp-block-media-text__content > * + .clayton-h1,
.wp-block-media-text .wp-block-media-text__content > * + h2,
.wp-block-media-text .wp-block-media-text__content > * + .clayton-h2,
.wp-block-media-text .wp-block-media-text__content > * + h3,
.wp-block-media-text .wp-block-media-text__content > * + .clayton-h3,
.wp-block-media-text .wp-block-media-text__content > * + h4,
.wp-block-media-text .wp-block-media-text__content > * + .clayton-h4,
.wp-block-media-text .wp-block-media-text__content > * + h5,
.wp-block-media-text .wp-block-media-text__content > * + .clayton-h5,
.wp-block-media-text .wp-block-media-text__content > * + h6,
.wp-block-media-text .wp-block-media-text__content > * + .clayton-h6 {
margin-top: 2em;
}
.wp-block-media-text .wp-block-media-text__content > *:not(.alignleft):not(.alignright) + * {
margin-top: 1.5em;
}
.wp-block-media-text .wp-block-media-text__content > *:not(.alignleft):not(.alignright) + *.gallery {
margin-top: 2.5em;
}
.wp-block-media-text .wp-block-media-text__content img.alignnone {
margin-bottom: 1.5em;
}
.wp-block-media-text .wp-block-media-text__content h1 + h1,
.wp-block-media-text .wp-block-media-text__content h1 + h2,
.wp-block-media-text .wp-block-media-text__content h1 + h3,
.wp-block-media-text .wp-block-media-text__content h1 + h4,
.wp-block-media-text .wp-block-media-text__content h1 + h5,
.wp-block-media-text .wp-block-media-text__content h1 + h6,
.wp-block-media-text .wp-block-media-text__content h1 + [class*="clayton-h"],
.wp-block-media-text .wp-block-media-text__content h2 + h1,
.wp-block-media-text .wp-block-media-text__content h2 + h2,
.wp-block-media-text .wp-block-media-text__content h2 + h3,
.wp-block-media-text .wp-block-media-text__content h2 + h4,
.wp-block-media-text .wp-block-media-text__content h2 + h5,
.wp-block-media-text .wp-block-media-text__content h2 + h6,
.wp-block-media-text .wp-block-media-text__content h2 + [class*="clayton-h"],
.wp-block-media-text .wp-block-media-text__content h3 + h1,
.wp-block-media-text .wp-block-media-text__content h3 + h2,
.wp-block-media-text .wp-block-media-text__content h3 + h3,
.wp-block-media-text .wp-block-media-text__content h3 + h4,
.wp-block-media-text .wp-block-media-text__content h3 + h5,
.wp-block-media-text .wp-block-media-text__content h3 + h6,
.wp-block-media-text .wp-block-media-text__content h3 + [class*="clayton-h"],
.wp-block-media-text .wp-block-media-text__content h4 + h1,
.wp-block-media-text .wp-block-media-text__content h4 + h2,
.wp-block-media-text .wp-block-media-text__content h4 + h3,
.wp-block-media-text .wp-block-media-text__content h4 + h4,
.wp-block-media-text .wp-block-media-text__content h4 + h5,
.wp-block-media-text .wp-block-media-text__content h4 + h6,
.wp-block-media-text .wp-block-media-text__content h4 + [class*="clayton-h"],
.wp-block-media-text .wp-block-media-text__content h5 + h1,
.wp-block-media-text .wp-block-media-text__content h5 + h2,
.wp-block-media-text .wp-block-media-text__content h5 + h3,
.wp-block-media-text .wp-block-media-text__content h5 + h4,
.wp-block-media-text .wp-block-media-text__content h5 + h5,
.wp-block-media-text .wp-block-media-text__content h5 + h6,
.wp-block-media-text .wp-block-media-text__content h5 + [class*="clayton-h"],
.wp-block-media-text .wp-block-media-text__content h6 + h1,
.wp-block-media-text .wp-block-media-text__content h6 + h2,
.wp-block-media-text .wp-block-media-text__content h6 + h3,
.wp-block-media-text .wp-block-media-text__content h6 + h4,
.wp-block-media-text .wp-block-media-text__content h6 + h5,
.wp-block-media-text .wp-block-media-text__content h6 + h6,
.wp-block-media-text .wp-block-media-text__content h6 + [class*="clayton-h"],
.wp-block-media-text .wp-block-media-text__content [class*="clayton-h"] + h1,
.wp-block-media-text .wp-block-media-text__content [class*="clayton-h"] + h2,
.wp-block-media-text .wp-block-media-text__content [class*="clayton-h"] + h3,
.wp-block-media-text .wp-block-media-text__content [class*="clayton-h"] + h4,
.wp-block-media-text .wp-block-media-text__content [class*="clayton-h"] + h5,
.wp-block-media-text .wp-block-media-text__content [class*="clayton-h"] + h6,
.wp-block-media-text .wp-block-media-text__content [class*="clayton-h"] + [class*="clayton-h"] {
margin-top: .5em;
}
.wp-block-media-text .wp-block-media-text__content > * + hr {
margin-top: 2em;
}
.wp-block-media-text .wp-block-media-text__content hr:first-child {
margin-top: 0;
}
.wp-block-media-text .wp-block-media-text__content h1,
.wp-block-media-text .wp-block-media-text__content h2,
.wp-block-media-text .wp-block-media-text__content h3,
.wp-block-media-text .wp-block-media-text__content h4,
.wp-block-media-text .wp-block-media-text__content h5,
.wp-block-media-text .wp-block-media-text__content h6,
.wp-block-media-text .wp-block-media-text__content [class*="clayton-h"] {
clear: both;
}
.wp-block-latest-comments {
padding-left: 0;
}
.wp-block-cover {
clear: both;
}
.wp-block-cover .wp-block-cover-text {
position: relative;
}