/* Reset */
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;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
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;
}
body {
-webkit-text-size-adjust: none;
}
@media (max-width: 480px) {
html {
font-size: 9.5px;
}
}
/* Box Model */
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* Grid */
@media (max-width: 1280px) {
.row > * {
padding: 0 0 0 1.5em;
}
.row {
margin: 0 0 -1px -1.5em;
}
}
/*!---------- SPACING ----------*/
.mr0 {
margin-right: 0;
}
.mb0 {
margin-bottom: 0 !important;
}
.mb8 {
margin-bottom: 0.8rem;
}
.mb16 {
margin-bottom: 1.6rem;
}
.mb24 {
margin-bottom: 2.4rem;
}
.mb30 {
margin-bottom: 3rem;
}
.mb32 {
margin-bottom: 3.2rem;
}
.mb40 {
margin-bottom: 4rem;
}
.mb48 {
margin-bottom: 4.8rem;
}
.mb56 {
margin-bottom: 5.6rem;
}
.mb64 {
margin-bottom: 6.4rem;
}
.mb72 {
margin-bottom: 7.2rem;
}
.mb80 {
margin-bottom: 8rem;
}
.mb88 {
margin-bottom: 8.8rem;
}
.mb96 {
margin-bottom: 9.6rem;
}
.mb104 {
margin-bottom: 10.4rem;
}
.mb112 {
margin-bottom: 11.2rem;
}
.mb120 {
margin-bottom: 12rem;
}
.mb160 {
margin-bottom: 16rem;
}
.mt0 {
margin-top: 0 !important;
}
.mt8 {
margin-top: 0.8rem;
}
.mt16 {
margin-top: 1.6rem;
}
.mt24 {
margin-top: 2.4rem;
}
.mt32 {
margin-top: 3.2rem;
}
.mt40 {
margin-top: 4rem;
}
.mt48 {
margin-top: 4.8rem;
}
.mt56 {
margin-top: 5.6rem;
}
.mt64 {
margin-top: 6.4rem;
}
.mt72 {
margin-top: 7.2rem;
}
.mt80 {
margin-top: 8rem;
}
.mt88 {
margin-top: 8.8rem;
}
.mt96 {
margin-top: 9.6rem;
}
.mt104 {
margin-top: 10.4rem;
}
.mt112 {
margin-top: 11.2rem;
}
.mt120 {
margin-top: 12rem;
}
.mt160 {
margin-top: 16rem;
}
.p32 {
padding: 0 3.2rem;
}
.p24 {
padding: 2.4rem;
}
.p0 {
padding: 0;
}
.pt0 {
padding-top: 0;
}
.pt8 {
padding-top: 0.8rem;
}
.pt16 {
padding-top: 1.6rem;
}
.pt24 {
padding-top: 2.4rem;
}
.pt32 {
padding-top: 3.2rem;
}
.pt40 {
padding-top: 4rem;
}
.pt48 {
padding-top: 4.8rem;
}
.pt64 {
padding-top: 6.4rem;
}
.pt72 {
padding-top: 7.2rem;
}
.pt80 {
padding-top: 8rem;
}
.pt88 {
padding-top: 8.8rem;
}
.pt96 {
padding-top: 9.6rem;
}
.pt104 {
padding-top: 10.4rem;
}
.pt112 {
padding-top: 11.2rem;
}
.pt120 {
padding-top: 12rem;
}
.pt160 {
padding-top: 16rem;
}
.pt180 {
padding-top: 18rem;
}
.pt240 {
padding-top: 24rem;
}
.pb0 {
padding-bottom: 0;
}
.pb8 {
padding-bottom: 0.8rem;
}
.pb16 {
padding-bottom: 1.6rem;
}
.pb24 {
padding-bottom: 2.4rem;
}
.pb32 {
padding-bottom: 3.2rem;
}
.pb40 {
padding-bottom: 4rem;
}
.pb48 {
padding-bottom: 4.8rem;
}
.pb56 {
padding-bottom: 5.6rem;
}
.pb64 {
padding-bottom: 6.4rem;
}
.pb72 {
padding-bottom: 7.2rem;
}
.pb80 {
padding-bottom: 8rem;
}
.pb88 {
padding-bottom: 8.8rem;
}
.pb96 {
padding-bottom: 9.6rem;
}
.pb104 {
padding-bottom: 10.4rem;
}
.pb112 {
padding-bottom: 11.2rem;
}
.pb120 {
padding-bottom: 12rem;
}
.pb160 {
padding-bottom: 16rem;
}
.pb180 {
padding-bottom: 18rem;
}
.pb240 {
padding-bottom: 24rem;
}
@media (max-width: 1200px) {
.mb-md-0 {
margin-bottom: 0;
}
.mb-md-8 {
margin-bottom: 0.8rem;
}
.mb-md-16 {
margin-bottom: 1.6rem;
}
.mb-md-24 {
margin-bottom: 2.4rem;
}
.mb-md-32 {
margin-bottom: 3.2rem;
}
.mb-md-40 {
margin-bottom: 4rem;
}
.mb-md-48 {
margin-bottom: 4.8rem;
}
.mb-md-64 {
margin-bottom: 6.4rem;
}
.mb-md-72 {
margin-bottom: 7.2rem;
}
.mb-md-80 {
margin-bottom: 8rem;
}
.mb-md-88 {
margin-bottom: 8.8rem;
}
.mb-md-96 {
margin-bottom: 9.6rem;
}
.mb-md-104 {
margin-bottom: 10.4rem;
}
.mb-md-112 {
margin-bottom: 11.2rem;
}
.mb-md-120 {
margin-bottom: 12rem;
}
.mt-md-0 {
margin-top: 0 !important;
}
.mt-md-8 {
margin-top: 0.8rem;
}
.mt-md-16 {
margin-top: 1.6rem;
}
.mt-md-24 {
margin-top: 2.4rem;
}
.mt-md-32 {
margin-top: 3.2rem;
}
.mt-md-40 {
margin-top: 4rem;
}
.mt-md-48 {
margin-top: 4.8rem;
}
.mt-md-56 {
margin-top: 56rem;
}
.mt-md-64 {
margin-top: 6.4rem;
}
.mt-md-72 {
margin-top: 7.2rem;
}
.mt-md-80 {
margin-top: 8rem;
}
.mt-md-88 {
margin-top: 8.8rem;
}
.mt-md-96 {
margin-top: 9.6rem;
}
.mt-md-104 {
margin-top: 10.4rem;
}
.mt-md-112 {
margin-top: 11.2rem;
}
.mt-md-120 {
margin-top: 12rem;
}
.p0-md {
padding: 0;
}
.pt-md-0 {
padding-top: 0;
}
.pt-md-8 {
padding-top: 0.8rem;
}
.pt-md-16 {
padding-top: 1.6rem;
}
.pt-md-24 {
padding-top: 2.4rem;
}
.pt-md-32 {
padding-top: 3.2rem;
}
.pt-md-40 {
padding-top: 4rem;
}
.pt-md-48 {
padding-top: 4.8rem;
}
.pt-md-64 {
padding-top: 6.4rem;
}
.pt-md-72 {
padding-top: 7.2rem;
}
.pt-md-80 {
padding-top: 8rem;
}
.pt-md-88 {
padding-top: 8.8rem;
}
.pt-md-96 {
padding-top: 9.6rem;
}
.pt-md-104 {
padding-top: 10.4rem;
}
.pt-md-112 {
padding-top: 11.2rem;
}
.pt-md-120 {
padding-top: 12rem;
}
.pt-md-160 {
padding-top: 160rem;
}
.pb-md-0 {
padding-bottom: 0;
}
.pb-md-8 {
padding-bottom: 0.8rem;
}
.pb-md-16 {
padding-bottom: 1.6rem;
}
.pb-md-24 {
padding-bottom: 2.4rem;
}
.pb-md-32 {
padding-bottom: 3.2rem;
}
.pb-md-40 {
padding-bottom: 4rem;
}
.pb-md-48 {
padding-bottom: 4.8rem;
}
.pb-md-64 {
padding-bottom: 6.4rem;
}
.pb-md-72 {
padding-bottom: 7.2rem;
}
.pb-md-80 {
padding-bottom: 8rem;
}
.pb-md-88 {
padding-bottom: 8.8rem;
}
.pb-md-96 {
padding-bottom: 9.6rem;
}
.pb-md-104 {
padding-bottom: 10.4rem;
}
.pb-md-112 {
padding-bottom: 11.2rem;
}
.pb-md-120 {
padding-bottom: 12rem;
}
}
@media (max-width: 990px) {
.mb-s-0 {
margin-bottom: 0;
}
.mb-s-8 {
margin-bottom: 0.8rem;
}
.mb-s-16 {
margin-bottom: 1.6rem;
}
.mb-s-24 {
margin-bottom: 2.4rem;
}
.mb-s-32 {
margin-bottom: 3.2rem;
}
.mb-s-40 {
margin-bottom: 4rem;
}
.mb-s-48 {
margin-bottom: 4.8rem;
}
.mb-s-64 {
margin-bottom: 6.4rem;
}
.mb-s-72 {
margin-bottom: 7.2rem;
}
.mb-s-80 {
margin-bottom: 8rem;
}
.mb-s-88 {
margin-bottom: 8.8rem;
}
.mb-s-96 {
margin-bottom: 9.6rem;
}
.mb-s-104 {
margin-bottom: 10.4rem;
}
.mb-s-112 {
margin-bottom: 11.2rem;
}
.mb-s-120 {
margin-bottom: 12rem;
}
}
@media (max-width: 990px) {
.mb-sm-0 {
margin-bottom: 0;
}
.mb-sm-8 {
margin-bottom: 0.8rem;
}
.mb-sm-16 {
margin-bottom: 1.6rem;
}
.mb-sm-24 {
margin-bottom: 2.4rem;
}
.mb-sm-32 {
margin-bottom: 3.2rem;
}
.mb-sm-40 {
margin-bottom: 4rem;
}
.mb-sm-48 {
margin-bottom: 4.8rem;
}
.mb-sm-64 {
margin-bottom: 6.4rem;
}
.mb-sm-72 {
margin-bottom: 7.2rem;
}
.mb-sm-80 {
margin-bottom: 8rem;
}
.mb-sm-88 {
margin-bottom: 8.8rem;
}
.mb-sm-96 {
margin-bottom: 9.6rem;
}
.mb-sm-104 {
margin-bottom: 10.4rem;
}
.mb-sm-112 {
margin-bottom: 11.2rem;
}
.mb-sm-120 {
margin-bottom: 12rem;
}
.mt-sm-0 {
margin-top: 0 !important;
}
.mt-sm-8 {
margin-top: 0.8rem;
}
.mt-sm-16 {
margin-top: 1.6rem;
}
.mt-sm-24 {
margin-top: 2.4rem;
}
.mt-sm-32 {
margin-top: 3.2rem;
}
.mt-sm-40 {
margin-top: 4rem;
}
.mt-sm-48 {
margin-top: 4.8rem;
}
.mt-sm-56 {
margin-top: 56rem;
}
.mt-sm-64 {
margin-top: 6.4rem;
}
.mt-sm-72 {
margin-top: 7.2rem;
}
.mt-sm-80 {
margin-top: 8rem;
}
.mt-sm-88 {
margin-top: 8.8rem;
}
.mt-sm-96 {
margin-top: 9.6rem;
}
.mt-sm-104 {
margin-top: 10.4rem;
}
.mt-sm-112 {
margin-top: 11.2rem;
}
.mt-sm-120 {
margin-top: 12rem;
}
.p0-sm {
padding: 0;
}
.pt-sm-0 {
padding-top: 0;
}
.pt-sm-8 {
padding-top: 0.8rem;
}
.pt-sm-16 {
padding-top: 1.6rem;
}
.pt-sm-24 {
padding-top: 2.4rem;
}
.pt-sm-32 {
padding-top: 3.2rem;
}
.pt-sm-40 {
padding-top: 4rem;
}
.pt-sm-48 {
padding-top: 4.8rem;
}
.pt-sm-64 {
padding-top: 6.4rem;
}
.pt-sm-72 {
padding-top: 7.2rem;
}
.pt-sm-80 {
padding-top: 8rem;
}
.pt-sm-88 {
padding-top: 8.8rem;
}
.pt-sm-96 {
padding-top: 9.6rem;
}
.pt-sm-104 {
padding-top: 10.4rem;
}
.pt-sm-112 {
padding-top: 11.2rem;
}
.pt-sm-120 {
padding-top: 12rem;
}
.pt-sm-160 {
padding-top: 160rem;
}
.pb-sm-0 {
padding-bottom: 0;
}
.pb-sm-8 {
padding-bottom: 0.8rem;
}
.pb-sm-16 {
padding-bottom: 1.6rem;
}
.pb-sm-24 {
padding-bottom: 2.4rem;
}
.pb-sm-32 {
padding-bottom: 3.2rem;
}
.pb-sm-40 {
padding-bottom: 4rem;
}
.pb-sm-48 {
padding-bottom: 4.8rem;
}
.pb-sm-64 {
padding-bottom: 6.4rem;
}
.pb-sm-72 {
padding-bottom: 7.2rem;
}
.pb-sm-80 {
padding-bottom: 8rem;
}
.pb-sm-88 {
padding-bottom: 8.8rem;
}
.pb-sm-96 {
padding-bottom: 9.6rem;
}
.pb-sm-104 {
padding-bottom: 10.4rem;
}
.pb-sm-112 {
padding-bottom: 11.2rem;
}
.pb-sm-120 {
padding-bottom: 12rem;
}
}
@media (max-width: 767px) {
.mb-xs-0 {
margin-bottom: 0;
}
.mb-xs-8 {
margin-bottom: 0.8rem;
}
.mb-xs-16 {
margin-bottom: 1.6rem;
}
.mb-xs-24 {
margin-bottom: 2.4rem;
}
.mb-xs-32 {
margin-bottom: 3.2rem;
}
.mb-xs-40 {
margin-bottom: 4rem;
}
.mb-xs-48 {
margin-bottom: 4.8rem;
}
.mb-xs-64 {
margin-bottom: 6.4rem;
}
.mb-xs-72 {
margin-bottom: 7.2rem;
}
.mb-xs-80 {
margin-bottom: 8rem;
}
.mb-xs-88 {
margin-bottom: 8.8rem;
}
.mb-xs-96 {
margin-bottom: 9.6rem;
}
.mb-xs-104 {
margin-bottom: 10.4rem;
}
.mb-xs-112 {
margin-bottom: 11.2rem;
}
.mb-xs-120 {
margin-bottom: 12rem;
}
.mt-xs-0 {
margin-top: 0 !important;
}
.mt-xs-8 {
margin-top: 0.8rem;
}
.mt-xs-16 {
margin-top: 1.6rem;
}
.mt-xs-24 {
margin-top: 2.4rem;
}
.mt-xs-32 {
margin-top: 3.2rem;
}
.mt-xs-40 {
margin-top: 4rem;
}
.mt-xs-48 {
margin-top: 4.8rem;
}
.mt-xs-56 {
margin-top: 56rem;
}
.mt-xs-64 {
margin-top: 6.4rem;
}
.mt-xs-72 {
margin-top: 7.2rem;
}
.mt-xs-80 {
margin-top: 8rem;
}
.mt-xs-88 {
margin-top: 8.8rem;
}
.mt-xs-96 {
margin-top: 9.6rem;
}
.mt-xs-104 {
margin-top: 10.4rem;
}
.mt-xs-112 {
margin-top: 11.2rem;
}
.mt-xs-120 {
margin-top: 12rem;
}
.p0-xs {
padding: 0;
}
.pt-xs-0 {
padding-top: 0;
}
.pt-xs-8 {
padding-top: 0.8rem;
}
.pt-xs-16 {
padding-top: 1.6rem;
}
.pt-xs-24 {
padding-top: 2.4rem;
}
.pt-xs-32 {
padding-top: 3.2rem;
}
.pt-xs-40 {
padding-top: 4rem;
}
.pt-xs-48 {
padding-top: 4.8rem;
}
.pt-xs-64 {
padding-top: 6.4rem;
}
.pt-xs-72 {
padding-top: 7.2rem;
}
.pt-xs-80 {
padding-top: 8rem;
}
.pt-xs-88 {
padding-top: 8.8rem;
}
.pt-xs-96 {
padding-top: 9.6rem;
}
.pt-xs-104 {
padding-top: 10.4rem;
}
.pt-xs-112 {
padding-top: 11.2rem;
}
.pt-xs-120 {
padding-top: 12rem;
}
.pt-xs-160 {
padding-top: 160rem;
}
.pt-xs-180 {
padding-top: 18rem;
}
.pt-xs-240 {
padding-top: 24rem !important;
}
.pb-xs-0 {
padding-bottom: 0;
}
.pb-xs-8 {
padding-bottom: 0.8rem;
}
.pb-xs-16 {
padding-bottom: 1.6rem;
}
.pb-xs-24 {
padding-bottom: 2.4rem;
}
.pb-xs-32 {
padding-bottom: 3.2rem;
}
.pb-xs-40 {
padding-bottom: 4rem;
}
.pb-xs-48 {
padding-bottom: 4.8rem;
}
.pb-xs-64 {
padding-bottom: 6.4rem;
}
.pb-xs-72 {
padding-bottom: 7.2rem;
}
.pb-xs-80 {
padding-bottom: 8rem;
}
.pb-xs-88 {
padding-bottom: 8.8rem;
}
.pb-xs-96 {
padding-bottom: 9.6rem;
}
.pb-xs-104 {
padding-bottom: 10.4rem;
}
.pb-xs-112 {
padding-bottom: 11.2rem;
}
.pb-xs-120 {
padding-bottom: 12rem;
}
.pb-xs-180 {
padding-bottom: 18rem;
}
.pb-xs-240 {
padding-bottom: 24rem !important;
}
}
/* Basic */
@-ms-viewport {
width: device-width;
}
body {
background-color: #f9f9fa;
/*background-image: linear-gradient(0deg, #000 0%, #000 100%);*/
}
body.is-loading *,
body.is-loading *:before,
body.is-loading *:after {
-moz-animation: none !important;
-webkit-animation: none !important;
-ms-animation: none !important;
animation: none !important;
-moz-transition: none !important;
-webkit-transition: none !important;
-ms-transition: none !important;
transition: none !important;
}
body,
input,
select,
textarea {
color: #fff;
font-size: 1.7rem;
font-weight: 400;
line-height: 1.75;
font-family: Metropolis-Regular, sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
a {
-moz-transition: all 0.2s ease, border-bottom-color 0.2s ease;
-webkit-transition: all 0.2s ease, border-bottom-color 0.2s ease;
-ms-transition: all 0.2s ease, border-bottom-color 0.2s ease;
transition: all 0.2s ease, border-bottom-color 0.2s ease;
/*border-bottom: dotted 1px;*/
color: inherit;
text-decoration: none;
}
a:hover {
border-bottom-color: transparent;
}
strong,
b {
font-weight: 700;
font-family: Metropolis-Bold, sans-serif;
}
em,
i {
font-style: italic;
}
p {
margin: 0 0 1em 0;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit;
text-decoration: none;
}
sub {
font-size: 0.8em;
position: relative;
top: 0.5em;
}
sup {
font-size: 0.8em;
position: relative;
top: -0.5em;
}
hr {
border: 0;
border-bottom: solid 2px #fff;
margin: 3em 0;
}
hr.major {
margin: 4.5em 0;
}
blockquote {
border-left: solid 4px #fff;
font-style: italic;
margin: 0 0 2em 0;
padding: 0.5em 0 0.5em 2em;
}
code {
background: rgba(144, 144, 144, 0.25);
border-radius: 3px;
font-family: "Courier New", monospace;
font-size: 0.9em;
letter-spacing: 0;
margin: 0 0.25em;
padding: 0.25em 0.65em;
}
pre {
-webkit-overflow-scrolling: touch;
font-family: "Courier New", monospace;
font-size: 0.9em;
margin: 0 0 2em 0;
}
pre code {
display: block;
line-height: 1.75em;
padding: 1em 1.5em;
overflow-x: auto;
}
.social-list.list-inline > li {
padding: 0 1rem;
}
ul.list-disc {
list-style: disc;
margin-left: 1.5em;
}
.center-justified {
text-align: justify;
-moz-text-align-last: center;
text-align-last: center;
}
.extra-bold {
font-family: Metropolis-Bold, sans-serif;
font-weight: 900 !important;
}
.medium {
font-family: Metropolis-Medium, sans-serif;
font-weight: 500 !important;
}
.bold {
font-family: Metropolis-Bold, sans-serif;
font-weight: 700 !important;
}
.normal {
font-weight: 400 !important;
}
.thin {
font-weight: 300 !important;
}
.serif {
font-family: Times, "Times New Roman", Georgia, serif;
}
.sans-serif {
font-family: Metropolis-Regular, sans-serif;
}
.italic {
font-style: italic;
letter-spacing: -0.01em;
}
.uppercase {
text-transform: uppercase;
}
.text-transform-none {
text-transform: none;
}
.large {
font-size: 125%;
}
small {
color: inherit !important;
font-weight: inherit !important;
}
.small90 {
font-size: 90%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Metropolis-Regular, sans-serif;
font-weight: 400;
}
h1.large {
font-size: 7.2rem;
line-height: 1.1;
}
h1 {
font-size: 9.6rem;
line-height: 1.1;
}
h1.small {
font-size: 8rem;
}
h1.uppercase {
margin-right: 0;
}
h2.larger {
font-size: 5.6rem;
}
h2.large {
font-size: 4.8rem;
}
h2 {
font-size: 4rem;
line-height: 1;
}
h3 {
font-size: 3.2rem;
line-height: 1.2;
}
h3.large {
font-size: 3.6rem;
}
h3.small {
font-size: 3rem;
}
h4 {
font-size: 2.4rem;
line-height: 1.25;
}
h4.large {
font-size: 2.8rem;
}
h4.small {
font-size: 2.2rem;
}
h5.large {
font-size: 2rem;
}
h5 {
font-size: 1.6rem;
line-height: 1.25;
}
h6.large {
font-size: 1.4rem;
}
h6 {
font-size: 1.2rem;
line-height: 1.25;
}
h1.uppercase,
h2.uppercase,
h3.uppercase {
letter-spacing: inherit;
margin-right: 0;
}
p.lead {
font-size: 1.8rem;
line-height: 1.75;
}
.btn {
padding: 0 2.6rem;
font-size: 1.4rem;
letter-spacing: 0.05em;
border-color: #d75c46;
border-width: 1px;
line-height: 38px;
font-weight: 700;
text-transform: uppercase;
}
.btn:hover {
background: #fff !important;
border-color: #d75c46 !important;
color: #d75c46 !important;
}
.btn-filled,
.btn:visited {
background: #d75c46;
}
.container {
max-width: 90%;
width: 1200px;
padding-right: 24px;
padding-left: 24px;
}
section + .portfolio-pullup {
margin-top: -8vh;
}
.masonry {
margin-top: 8vh;
}
.masonry.fadeIn {
margin-top: 0;
}
.masonry-item {
position: absolute;
}
@media (max-width: 990px) {
h1 {
font-size: 7.2rem;
}
h1.small {
font-size: 6.8rem;
}
h1.large {
font-size: 6.4rem;
}
h2.larger {
font-size: 4.8rem;
}
h2.large {
font-size: 4rem;
}
h2 {
font-size: 3.2rem;
}
h3.large {
font-size: 4rem;
}
h3.small {
font-size: 2.8rem;
}
}
@media (max-width: 767px) {
h1 {
font-size: 6.4rem;
}
h1.small {
font-size: 5.6rem;
}
h2.larger {
font-size: 4rem;
}
section + .portfolio-pullup {
margin-top: -4vh;
}
}
@media (max-width: 480px) {
h1 {
font-size: 5.6rem;
}
h1.small {
font-size: 4.8rem;
}
h2.larger {
font-size: 3.6rem;
}
h2.large {
font-size: 3.6rem;
}
h2 {
font-size: 2.8rem;
}
h3.large {
font-size: 3.2rem;
}
h3 {
font-size: 2.8rem;
}
h3.small {
font-size: 2.6rem;
}
h4.large {
font-size: 2.4rem;
}
h5.large {
font-size: 1.8rem;
}
section {
padding: 56px 0;
}
.container {
max-width: 100%;
}
}
@media (max-width: 360px) {
h1 {
font-size: 4.8rem;
}
h1.small {
font-size: 4rem;
}
}
div#preload-img {
display: none;
}
.no-break {
display: inline-block;
font-style: normal;
}
@media (max-width: 767px) {
.br-sm br {
display: inline;
}
}
a:hover,
a:focus {
text-decoration: none;
}
.v-align-md {
vertical-align: middle;
}
.center-middle {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 90%;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.pr0 {
padding-right: 0;
}
.pl0 {
padding-left: 0;
}
.pr40 {
padding-right: 40px;
}
.pr80 {
padding-right: 80px;
}
.mt200 {
margin-top: 200px;
}
.center-inline-block {
display: inline-block;
margin-right: auto;
margin-left: auto;
}
.container-xl {
width: 1680px;
max-width: 104%;
margin-left: auto;
margin-right: auto;
}
.container-l {
max-width: 96%;
width: 1400px;
margin-left: auto;
margin-right: auto;
}
.container-ml {
width: 1230px;
margin-left: auto;
margin-right: auto;
}
.container-m {
max-width: 96%;
width: 800px;
margin-left: auto;
margin-right: auto;
}
.font-smooth-none {
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
}
.larger {
font-size: 200%;
}
.smaller {
font-size: 50%;
}
.smaller2 {
font-size: 40%;
}
.line-height1 {
line-height: 1;
}
.line-height-s {
line-height: 1.5 !important;
}
.line-height-xs {
line-height: 1.35 !important;
}
.font1 {
font-family: Raleway, sans-serif;
font-weight: 700;
font-style: normal;
line-height: 1;
}
.font2 {
font-family: serif !important;
font-style: italic;
}
.letter-space-narrow {
letter-spacing: -0.02em;
}
.letter-space0 {
letter-spacing: 0;
}
.letter-space-wide {
letter-spacing: 0.025em !important;
}
.letter-space-wider {
letter-spacing: 0.05em !important;
}
.letter-space-more-wider {
letter-spacing: 0.5em !important;
}
.letter-space-widest {
letter-spacing: 0.8em;
}
.text-center .letter-space-wide {
padding-left: 0.2em;
}
.text-center .letter-space-wider {
padding-left: 0.55em;
}
.text-center .letter-space-widest {
padding-left: 0.8em;
}
.text-shadow {
text-shadow: 0 0 20px #290e03;
}
.text-shadow2 {
text-shadow: 0px 0px 160px rgba(0, 0, 0, 0.2);
}
.btn-rounded-rectangle {
border-radius: 4px;
}
.btn-lg {
font-size: 1.5rem;
letter-spacing: 0.025em;
padding: 0 3.6rem;
line-height: 5rem;
height: 5rem;
}
.btn-xs {
padding: 0 1.4rem;
min-width: 100px;
height: 3rem;
line-height: 3rem;
letter-spacing: 0.02em;
margin-top: 4px;
}
.style1 {
background-color: #f9f9fa;
color: #222;
}
.style1 h1,
.style1 h2,
.style1 h3,
.style1 h4,
.style1 h5,
.style1 h6 {
color: #222;
}
.style2 {
background-color: #fff;
color: #222;
}
.style2 h1,
.style2 h2,
.style2 h3,
.style2 h4,
.style2 h5,
.style2 h6 {
color: #222;
}
.style3 {
background-color: #092d67; /* indigo */
color: #fff;
}
.style3 h1,
.style3 h2,
.style3 h3,
.style3 h4,
.style3 h5,
.style3 h6 {
color: #fff;
font-weight: 300;
}
.style4 {
background-color: rgba(14, 20, 33, 0.5);
color: #fff;
}
.style4 h1,
.style4 h2,
.style4 h3,
.style4 h4,
.style4 h5,
.style4 h6,
.style4 p {
color: #fff;
}
.bg1 {
background: url(../img/bg1.jpg) left top repeat;
background-size: 100% auto;
}
.bg2 {
background-color: #f7f7f7; /* light gray */
}
.color-white {
color: #fff;
}
.color1 {
color: #d75c46;
}
.color2 {
color: #555;
}
.color3 {
color: #d75c46;
}
a.btn1,
a.btn1:visited,
a.btn1:focus {
color: #fff;
font-family: Metropolis-Bold, sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.075em;
width: 140px;
font-size: 1.6rem;
}
a.btn1:hover {
background-color: #87763e;
color: #fff;
text-decoration: none;
}
.hr-dashed {
border-top: 1px dashed #ccc;
border-left: none;
border-right: none;
border-bottom: none;
}
.icon-text {
font-size: 0.9em;
}
a .icon-text {
color: #ed8f6d; /* gold */
}
a:hover .icon-text {
color: #fd776d; /* pink */
}
a:focus .icon-text {
color: #1e2d44; /* navy */
}
.mask-circle {
overflow: hidden;
border-radius: 50%;
}
.photo-copyright {
color: #fff;
position: absolute;
bottom: 1rem;
right: 1rem;
z-index: 1;
font-size: 1rem;
}
@media (max-width: 480px) {
.photo-copyright {
font-size: 0.75rem;
}
}
a .copyright {
color: #fff;
width: 90%;
position: absolute;
top: 50%;
left: 50%;
font-size: 1.8rem;
font-family: serif;
font-style: oblique;
z-index: 1;
text-align: center;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 1.2;
opacity: 0;
-moz-transition: opacity 1s ease;
-webkit-transition: opacity 1s ease;
-ms-transition: opacity 1s ease;
transition: opacity 1s ease;
}
a:hover .copyright {
opacity: 1;
}
a .copyright p::before {
content: "";
display: block;
position: relative;
width: 10px;
height: 1px;
background-color: #fff;
margin: 8px auto 12px;
-moz-transform: scaleX(1);
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-moz-transition: all 2s ease;
-webkit-transition: all 2s ease;
-ms-transition: all 2s ease;
transition: all 2s ease;
}
a .copyright p::before {
-moz-transform: scaleX(20);
-webkit-transform: scaleX(20);
-ms-transform: scaleX(20);
transform: scaleX(20);
}
@media (max-width: 991px) {
a .copyright p {
font-size: 1.45rem;
}
}
@media (max-width: 767px) {
.pr-sm-0 {
padding-right: 0;
}
.pl-sm-0 {
padding-left: 0;
}
.pr-sm-15 {
padding-right: 15px;
}
.pl-sm-15 {
padding-left: 15px;
}
a .copyright p {
font-size: 1.6rem;
}
.hidden-xs {
display: none;
}
}
.copyright.shadow {
text-shadow: 0px 0px 16px rgba(0, 0, 0, 1), 0px 0px 32px rgba(0, 0, 0, 1),
0px 0px 48px rgba(0, 0, 0, 1);
}
.flip {
-moz-transform: scaleY(-1) rotate(180deg);
-o-transform: scaleY(-1) rotate(180deg);
-webkit-transform: scaleY(-1) rotate(180deg);
transform: scaleY(-1) rotate(180deg);
filter: FlipV;
-ms-filter: "FlipV";
}
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
/* Section/Article */
section.special,
article.special {
text-align: center;
}
header h4 + p,
header h5 + p,
header h6 + p {
font-size: 0.9em;
}
header.major {
overflow: hidden;
}
header.major div:last-child {
width: 50%;
}
header.major div {
float: left;
width: 50%;
}
@media (max-width: 736px) {
header.major {
margin: 0 0 2em 0;
}
}
@media (max-width: 1170px) {
header.major div {
float: none;
width: 100%;
padding-right: 0;
}
header.major div:last-child {
width: 100%;
margin-right: 0px;
}
header.major div img {
width: 320px;
margin: 0 auto;
}
}
@media (max-width: 980px) {
header br {
display: none;
}
}
/* Form */
form {
margin: 0 0 2em 0;
}
label {
color: #fff;
display: block;
font-size: 0.9em;
font-weight: 600;
margin: 0 0 1em 0;
}
input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background: rgba(144, 144, 144, 0.25);
border-radius: 3px;
border: none;
color: inherit;
display: block;
outline: 0;
padding: 0 1em;
text-decoration: none;
width: 100%;
}
input[type="text"]:invalid,
input[type="password"]:invalid,
input[type="email"]:invalid,
select:invalid,
textarea:invalid {
box-shadow: none;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
box-shadow: 0 0 0 2px #ffd300;
}
.select-wrapper {
text-decoration: none;
display: block;
position: relative;
}
.select-wrapper:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-transform: none !important;
}
.select-wrapper:before {
-moz-pointer-events: none;
-webkit-pointer-events: none;
-ms-pointer-events: none;
pointer-events: none;
color: #fff;
content: "\f078";
display: block;
height: 2.75em;
line-height: 2.75em;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 2.75em;
}
.select-wrapper select::-ms-expand {
display: none;
}
input[type="text"],
input[type="password"],
input[type="email"],
select {
height: 2.75em;
}
textarea {
padding: 0.75em 1em;
}
input[type="checkbox"],
input[type="radio"] {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
display: block;
float: left;
margin-right: -2em;
opacity: 0;
width: 1em;
z-index: -1;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
text-decoration: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 1em;
font-weight: 400;
padding-left: 2.4em;
padding-right: 0.75em;
position: relative;
}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-transform: none !important;
}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
background: rgba(144, 144, 144, 0.25);
border-radius: 3px;
content: "";
display: inline-block;
height: 1.65em;
left: 0;
line-height: 1.58125em;
position: absolute;
text-align: center;
top: 0;
width: 1.65em;
}
input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
background: #2e3842;
color: #fff;
content: "\f00c";
}
input[type="checkbox"]:focus + label:before,
input[type="radio"]:focus + label:before {
box-shadow: 0 0 0 2px #ffd300;
}
input[type="checkbox"] + label:before {
border-radius: 3px;
}
input[type="radio"] + label:before {
border-radius: 100%;
}
::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5) !important;
opacity: 1;
}
:-moz-placeholder {
color: rgba(255, 255, 255, 0.5) !important;
opacity: 1;
}
::-moz-placeholder {
color: rgba(255, 255, 255, 0.5) !important;
opacity: 1;
}
:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5) !important;
opacity: 1;
}
.formerize-placeholder {
color: rgba(255, 255, 255, 0.5) !important;
opacity: 1;
}
/* Box */
.box {
border-radius: 3px;
border: solid 2px #fff;
margin-bottom: 2em;
padding: 1.5em;
}
.box > :last-child,
.box > :last-child > :last-child,
.box > :last-child > :last-child > :last-child {
margin-bottom: 0;
}
.box.alt {
border: 0;
border-radius: 0;
padding: 0;
}
/* Icon */
.icon {
text-decoration: none;
border-bottom: none;
position: relative;
}
.icon:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-transform: none !important;
}
.icon > .label {
display: none;
}
.icon.major {
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
border-radius: 3px;
border: solid 2px #fff;
display: inline-block;
font-size: 1.35em;
height: calc(3em + 2px);
line-height: 3em;
text-align: center;
width: calc(3em + 2px);
}
.icon.major:before {
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
display: inline-block;
font-size: 1.5em;
}
@media (max-width: 736px) {
.icon.major {
font-size: 1em;
}
}
.icon.style1 {
color: #fff;
}
.icon.style2 {
color: #fff;
}
.icon.style3 {
color: #fff;
}
/* Image */
.image {
position: relative;
}
.image img {
border-radius: 3px;
display: block;
}
.image.left {
float: left;
margin: 0 2em 2em 0;
top: 0.25em;
}
.image.right {
float: right;
margin: 0 0 2em 2em;
top: 0.25em;
}
.image.left,
.image.right {
max-width: 40%;
}
.image.left img,
.image.right img {
width: 100%;
}
.image.fit {
display: block;
margin: 0 0 2em 0;
width: 100%;
}
.image.fit img {
width: 100%;
}
/* List */
ol {
list-style: decimal;
margin: 0 0 2em 0;
padding-left: 1.25em;
}
ol li {
padding-left: 0.25em;
}
ul {
list-style: disc;
margin: 0 0 2em 0;
padding-left: 1em;
}
ul li {
/*padding-left: 0.5em;*/
}
ul.alt {
list-style: none;
padding-left: 0;
}
ul.alt li {
border-top: solid 1px #fff;
padding: 0.5em 0;
}
ul.alt li:first-child {
border-top: 0;
padding-top: 0;
}
ul.icons {
cursor: default;
list-style: none;
padding-left: 0;
}
ul.icons li {
display: inline-block;
padding: 0 1em 0 0;
}
ul.icons li:last-child {
padding-right: 0 !important;
}
ul.icons.major {
padding: 1em 0;
}
ul.icons.major li {
padding-right: 3.5em;
}
@media (max-width: 736px) {
ul.icons.major li {
padding: 0 1em !important;
}
}
ul.actions {
cursor: default;
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
ul.actions li {
display: inline-block;
padding: 0 1.5em 0 0;
vertical-align: middle;
}
ul.actions li:last-child {
padding-right: 0;
}
ul.actions.small li {
padding: 0 0.75em 0 0;
}
ul.actions.vertical li {
display: block;
padding: 1.5em 0 0 0;
}
ul.actions.vertical li:first-child {
padding-top: 0;
}
ul.actions.vertical li > * {
margin-bottom: 0;
}
ul.actions.vertical.small li {
padding: 0.75em 0 0 0;
}
ul.actions.vertical.small li:first-child {
padding-top: 0;
}
ul.actions.fit {
display: table;
margin-left: -1.5em;
padding: 0;
table-layout: fixed;
width: calc(100% + 1.5em);
}
ul.actions.fit li {
display: table-cell;
padding: 0 0 0 1.5em;
}
ul.actions.fit li > * {
margin-bottom: 0;
}
ul.actions.fit.small {
margin-left: -0.75em;
width: calc(100% + 0.75em);
}
ul.actions.fit.small li {
padding: 0 0 0 0.75em;
}
@media (max-width: 736px) {
ul.actions li {
display: block;
padding: 1em 0 0 0;
width: 100%;
}
ul.actions li:first-child {
padding-top: 0;
}
ul.actions li > * {
margin: 0 auto !important;
}
#cta ul.actions li > * {
max-width: 30em;
}
ul.actions li > *.icon:before {
margin-left: -1em;
}
ul.actions.small li {
padding: 0.5em 0 0 0;
}
ul.actions.small li:first-child {
padding-top: 0;
}
}
dl {
margin: 0 0 2em 0;
}
/* Table */
.table-wrapper {
-webkit-overflow-scrolling: touch;
overflow-x: auto;
}
table {
margin: 0 0 2em 0;
width: 100%;
}
table tbody tr {
border: solid 1px #fff;
border-left: 0;
border-right: 0;
}
table tbody tr:nth-child(2n + 1) {
background-color: rgba(144, 144, 144, 0.25);
}
table td {
padding: 0.75em 0.75em;
}
table th {
color: #fff;
font-size: 0.9em;
font-weight: 600;
padding: 0 0.75em 0.75em 0.75em;
text-align: left;
}
table thead {
border-bottom: solid 2px #fff;
}
table tfoot {
border-top: solid 2px #fff;
}
table.alt {
border-collapse: separate;
}
table.alt tbody tr td {
border: solid 1px #fff;
border-left-width: 0;
border-top-width: 0;
}
table.alt tbody tr td:first-child {
border-left-width: 1px;
}
table.alt tbody tr:first-child td {
border-top-width: 1px;
}
table.alt thead {
border-bottom: 0;
}
table.alt tfoot {
border-top: 0;
}
/* Button */
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
/*-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
background-image: linear-gradient(90deg, #FF9A8B 0%, #FF6A88 55%, #FF99AC 100%);*/
background-color: #ff9a8b;
border-radius: 1px;
border: 0;
color: #333;
cursor: pointer;
display: inline-block;
height: 50px;
line-height: 1;
padding: 0 10px;
text-align: center;
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover {
background-color: #ccaa00;
}
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
button:active,
.button:active {
background-color: #ccaa00;
}
input[type="submit"].icon:before,
input[type="reset"].icon:before,
input[type="button"].icon:before,
button.icon:before,
.button.icon:before {
margin-right: 0.5em;
}
input[type="submit"].fit,
input[type="reset"].fit,
input[type="button"].fit,
button.fit,
.button.fit {
display: block;
margin: 0 0 1em 0;
width: 100%;
}
input[type="submit"].small,
input[type="reset"].small,
input[type="button"].small,
button.small,
.button.small {
font-size: 0.8em;
}
input[type="submit"].big,
input[type="reset"].big,
input[type="button"].big,
button.big,
.button.big {
font-size: 1.35em;
}
input[type="submit"].special,
input[type="reset"].special,
input[type="button"].special,
button.special,
.button.special {
background-color: #000;
background-image: linear-gradient(225deg, #000 39%, #000 100%);
box-shadow: none !important;
color: #f3faff !important;
}
input[type="submit"].special:hover,
input[type="reset"].special:hover,
input[type="button"].special:hover,
button.special:hover,
.button.special:hover {
background-color: #f2ab46 !important;
}
input[type="submit"].special:active,
input[type="reset"].special:active,
input[type="button"].special:active,
button.special:active,
.button.special:active {
background-color: #ffc471 !important;
}
input[type="submit"].disabled,
input[type="submit"]:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled,
input[type="button"].disabled,
input[type="button"]:disabled,
button.disabled,
button:disabled,
.button.disabled,
.button:disabled {
-moz-pointer-events: none;
-webkit-pointer-events: none;
-ms-pointer-events: none;
pointer-events: none;
opacity: 0.25;
}
.align-top {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 2;
}
.align-bottom {
position: absolute;
bottom: 0;
margin: 0 auto;
left: 0;
right: 0;
z-index: 2;
}
nav a:hover,
nav a:focus,
#banner a:hover,
#banner a:focus {
text-decoration: none;
}
#map .map-bg {
width: 50%;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: #0d191d url(../../img/game-of-thrones-map.jpg) no-repeat left top;
background-size: auto 100%;
}
.map-xs,
.map-md {
display: none;
}
@media (max-width: 1200px) {
#map .map-bg {
width: 58%;
}
}
@media (max-width: 1100px) {
#map .map-bg {
width: 63%;
}
}
@media (max-width: 991px) {
#map .map-bg {
display: none;
}
#map {
padding-bottom: 0;
}
.map-md {
display: block;
}
}
@media (max-width: 480px) {
.map-xs {
display: block;
}
.map-md {
display: none;
}
}
.ac-link li {
background: #fff;
border: 1px solid #666;
padding: 24px 20px !important;
position: relative;
margin-top: 16px;
}
.ac-link-txt {
padding-right: 150px;
}
.ac-link-txt h4 {
line-height: 1.1;
}
.ac-link-txt p {
margin-bottom: 0;
margin-top: 4px;
font-size: 85%;
line-height: 1.1;
}
.ac-link a {
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
}
@media (max-width: 736px) {
.ac-link li {
padding: 16px 16px !important;
}
.ac-link a {
right: 16px;
}
}
@media (max-width: 480px) {
.ac-link a {
position: relative;
transform: none;
top: 0;
right: 0;
width: 100%;
}
.ac-link-txt {
padding-right: 0;
}
.ac-link-txt p {
margin-bottom: 12px;
}
}
/* Spotlight */
.spotlight {
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
}
.spotlight .image {
-moz-order: 1;
-webkit-order: 1;
order: 1;
}
.spotlight .image img {
border-radius: 0;
width: 100%;
}
.spotlight .content {
-moz-order: 2;
-webkit-order: 2;
order: 2;
padding-left: 60px;
width: 100%;
}
#locations section:nth-child(2n) .spotlight .content {
-moz-order: 1;
-webkit-order: 1;
order: 1;
padding-right: 60px;
padding-left: 0;
}
#locations section:nth-child(2n) .spotlight .image {
-moz-order: 2;
-webkit-order: 2;
order: 2;
}
#locations h2 {
line-height: 1;
}
.spotlight .content > div {
display: table-cell;
vertical-align: middle;
height: 545px;
}
.spotlight .content span {
color: #ffb300;
}
/*.spotlight:nth-child(2n) {
-moz-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}*/
.spotlight:nth-child(1) {
max-width: 1500px;
margin: 0 auto;
}
.spotlight:nth-child(2) {
max-width: 1500px;
margin: 0 auto;
-moz-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.spotlight:nth-child(3) {
max-width: 1500px;
margin: 0 auto;
}
@media (max-width: 1280px) {
header p {
text-align: left;
}
}
@media (max-width: 1200px) {
.spotlight {
display: block;
}
.spotlight br {
display: none;
}
.spotlight .image {
width: 100%;
}
.spotlight .item {
margin: 0 auto 2em;
position: relative;
}
.spotlight .content {
padding: 0 !important;
width: 100%;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.spotlight .content > div {
display: block;
height: inherit;
}
}
@media (max-width: 736px) {
.spotlight.s03 .content {
padding: 0 0 3em 0;
}
.lSSlideOuter .lightSlider,
.lSSlideOuter .lSPager {
height: initial !important;
}
}
@media (max-width: 500px) {
ul#image-gallery li img,
ul#image-gallery2 li img,
ul#image-gallery3 li img,
ul#image-gallery4 li img,
ul#image-gallery5 li img,
ul#image-gallery6 li img,
ul#image-gallery7 li img,
ul#image-gallery8 li img,
ul#image-gallery9 li img,
ul#image-gallery10 li img,
ul#image-gallery11 li img,
ul#image-gallery12 li img,
ul#image-gallery13 li img,
ul#image-gallery14 li img,
ul#image-gallery15 li img {
height: auto !important;
}
}
#banner h1 {
font-size: 16rem;
line-height: 1;
letter-spacing: 0.05em;
text-indent: -0.075em;
text-shadow: 0 0 100px #290e03;
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN",
"Yu Mincho", "MS PMincho", serif;
font-weight: 500;
}
#banner h1 small {
font-size: 22%;
display: block;
text-transform: uppercase;
letter-spacing: 0.25em;
line-height: 1.25;
text-indent: 0;
font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans",
"Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
font-weight: 500;
}
#banner:after {
content: "";
background: -moz-linear-gradient(
top,
rgba(17, 17, 17, 0) 0%,
rgba(17, 17, 17, 0.75) 100%
);
background: -webkit-linear-gradient(
top,
rgba(17, 17, 17, 0) 0%,
rgba(17, 17, 17, 0.75) 100%
);
background: linear-gradient(
to bottom,
rgba(17, 17, 17, 0) 0%,
rgba(17, 17, 17, 0.75) 100%
);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00111111', endColorstr='#bf111111',GradientType=0 );
display: block;
width: 100%;
height: 50%;
position: absolute;
left: 0;
bottom: 0;
}
@media (max-width: 1280px) {
#banner h1 {
font-size: 16rem;
}
}
@media (max-width: 991px) {
#banner h1 {
font-size: 12rem;
}
}
@media (max-width: 736px) {
#banner h1 {
font-size: 8.5rem;
}
#banner h1 small {
font-size: 25.2%;
font-family: Metropolis-bold, sans-serif;
}
#banner h3.small {
font-size: 2.4rem;
}
}
@media (max-width: 480px) {
#banner h1 {
font-size: 6.4rem;
}
#banner h1 small {
line-height: 1.5;
}
#banner h4.small {
font-size: 1.6rem;
}
#banner h3.small {
font-size: 2rem;
}
}
@media (max-width: 330px) {
#banner h1 {
font-size: 6.1rem;
}
}
/* Page Wrapper + Menu */
#page-wrapper {
-moz-transition: opacity 0.5s ease;
-webkit-transition: opacity 0.5s ease;
-ms-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
opacity: 1;
padding-top: 3em;
overflow: hidden;
}
#page-wrapper:before {
background: transparent;
content: "";
display: block;
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10001;
}
#menu {
-moz-transform: translateX(20em);
-webkit-transform: translateX(20em);
-ms-transform: translateX(20em);
transform: translateX(20em);
-moz-transition: -moz-transform 0.5s ease;
-webkit-transition: -webkit-transform 0.5s ease;
-ms-transition: -ms-transform 0.5s ease;
transition: transform 0.5s ease;
-webkit-overflow-scrolling: touch;
background-color: #ffdee9;
background-image: linear-gradient(0deg, #ffdee9 0%, #b5e3ff 100%);
color: #333;
height: 100%;
max-width: 80%;
overflow-y: auto;
padding: 3em 2em;
position: fixed;
right: 0;
top: 0;
width: 20em;
z-index: 10002;
}
#menu h3 small {
font-size: 28%;
line-height: 1;
display: block;
}
#menu strong {
font-family: Metropolis-Medium, sans-serif;
font-weight: 500 !important;
}
#menu ul {
list-style: none;
padding: 0;
}
#menu ul > li {
border-top: solid 1px rgba(255, 255, 255, 0.125);
margin: 0.8em 0 0 0;
padding: 0.8em 0 0 0;
line-height: 1.3;
}
#menu ul > li:first-child {
border-top: 0 !important;
margin-top: 0 !important;
padding-top: 0 !important;
}
#menu ul > li > a {
border: 0;
display: block;
font-size: 0.67em;
outline: 0;
text-decoration: none;
color: #454545;
}
#menu .close {
background-image: url("images/close.svg");
background-position: 4.85em 1em;
background-repeat: no-repeat;
border: 0;
cursor: pointer;
display: block;
height: 3em;
position: absolute;
right: 0;
top: 0;
vertical-align: middle;
width: 7em;
}
@media (max-width: 736px) {
#menu {
padding: 3em 1.5em;
}
}
body.is-menu-visible #page-wrapper {
opacity: 0.35;
}
body.is-menu-visible #page-wrapper:before {
display: block;
}
body.is-menu-visible #menu {
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
/* Header */
#header {
height: 3em;
left: 0;
line-height: 3em;
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
}
#header .header-logo {
margin: 9px 20px;
}
#header h1 {
-moz-transition: opacity 0.2s ease;
-webkit-transition: opacity 0.2s ease;
-ms-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
height: inherit;
left: 1.25em;
line-height: inherit;
position: absolute;
top: 0;
font-size: 1em;
}
#header h1 a {
border: 0;
display: block;
height: inherit;
line-height: inherit;
}
@media (max-width: 736px) {
#header h1 a {
font-size: 0.8em;
}
#header .header-logo {
margin: 9px 15px;
}
}
#header nav {
height: inherit;
line-height: inherit;
position: absolute;
right: 0;
top: 0;
}
#header nav > ul {
list-style: none;
margin: 0;
padding: 0;
white-space: nowrap;
}
#header nav > ul > li {
display: inline-block;
padding: 0;
}
#header nav > ul > li > a {
border: 0;
color: #ff9a8b;
display: block;
font-size: 1em;
letter-spacing: 0.225em;
padding: 0 1.5em;
text-transform: uppercase;
}
#header.alt nav > ul > li > a {
color: #fff;
}
#header nav > ul > li > a.menuToggle {
outline: 0;
position: relative;
}
#header nav > ul > li > a.menuToggle:after {
background-image: url("images/bars.svg");
background-position: right center;
background-repeat: no-repeat;
content: "";
display: inline-block;
height: 3.75em;
vertical-align: top;
width: 2em;
}
@media (max-width: 736px) {
#header nav > ul > li > a.menuToggle {
padding: 0 1.5em;
}
#header nav > ul > li > a.menuToggle span {
display: none;
}
}
@media (max-width: 736px) {
#header nav > ul > li > a {
padding: 0 15px;
}
}
#header nav > ul > li:first-child {
margin-left: 0;
}
#header.alt {
background: transparent;
}
#header.alt h1 {
-moz-pointer-events: none;
-webkit-pointer-events: none;
-ms-pointer-events: none;
pointer-events: none;
opacity: 0;
}
/* Banner */
#banner {
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-moz-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-moz-justify-content: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
cursor: default;
min-height: 100vh;
overflow: hidden;
position: relative;
margin-top: -3em;
padding-top: 6.4rem;
padding-bottom: 6.4rem;
}
#banner p a {
color: inherit;
}
@media (max-width: 736px) {
#banner {
min-height: 0;
padding-top: 4.8rem;
padding-bottom: 4.8rem;
}
}
@media (max-width: 480px) {
.location .container {
max-width: 100%;
}
}
.list1 li {
margin-bottom: 0.4rem;
text-indent: 1em;
}
/* Footer */
footer {
background-color: #292929 !important;
font-size: 1.2rem;
line-height: 1.5;
letter-spacing: 0.02em;
color: #aaa;
position: relative;
}
footer hr {
width: 98%;
margin: 0 auto;
border-color: #444;
}
footer .social-list li {
display: inline-block;
padding-top: 12px;
}
footer .social-list a {
opacity: 0.5;
}
footer .social-list a:hover {
opacity: 1;
}
footer i {
color: #fff;
font-size: 1.6rem;
padding: 8px 4px;
}
/* Landing */
body.landing #cover {
background-image: url("../../img/banner.jpg");
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 0;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
body.is-mobile.landing #cover {
background: none;
overflow: hidden;
}
body.is-mobile.landing #banner {
background-image: url("../../img/banner.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
body.is-mobile.landing #footer {
background-color: #fff;
}
p.maintitle {
width: 700px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
p.maintitlesp {
display: none;
}
@media (max-width: 736px) {
p.maintitle {
display: none;
}
p.maintitlesp {
display: block;
width: 300px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
}
.marker {
color: #333 !important;
/*background: #FFE126;*/
font-weight: bold;
}
a.linkdot {
border-bottom: 1px dotted #666;
padding: 0.1em 0;
/* color: #f3faff; */
/* font-style: oblique; */
/* font-family: "PT Serif", Georgia, serif; */
letter-spacing: 0;
}
a.linkdot:hover {
opacity: 0.8;
}
@media (max-width: 736px) {
/*.s01{ height:1270px; }
.s02{ height:1170px; }
.s03{ height:1150px; }*/
.s04 {
height: 850px;
}
.s05 {
height: 830px;
}
.s06 {
height: 830px;
}
.s07 {
height: 850px;
}
.s08 {
height: 850px;
}
.s09 {
height: 830px;
}
.s10 {
height: 830px;
}
.s11 {
height: 805px;
}
.s12 {
height: 880px;
}
.s13 {
height: 830px;
}
.s14 {
height: 830px;
}
.s15 .content h2 {
color: #fff;
}
}
.fade-in {
transition: opacity 1s;
-moz-transition: opacity 1s;
-webkit-transition: opacity 1s;
-o-transition: opacity 1s;
}
/*lSSlider*/
.lSSlideWrapper,
.lSSlideOuter .lSPager.lSGallery img {
border: none;
}
.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
border-radius: 0;
}
.lSSlideOuter .lSPager.lSGallery li.active {
position: relative;
}
.lSSlideOuter .lSPager.lSGallery li.active::after {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
left: 0;
}
.lSAction > a {
background-image: none;
opacity: 0.6;
transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
}
.lSAction > a::before {
content: "\f054";
display: block;
font-family: "Font Awesome 5 Free";
speak: none;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
line-height: 32px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 2.4rem;
color: #fff;
padding-left: 8px;
}
.lSAction > a.lSPrev::before {
content: "\f053";
}
#extra::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background: -moz-linear-gradient(
top,
rgba(0, 0, 0, 0.05) 0%,
rgba(0, 0, 0, 0.6) 100%
); /* FF3.6-15 */
background: -webkit-linear-gradient(
top,
rgba(0, 0, 0, 0.05) 0%,
rgba(0, 0, 0, 0.6) 100%
); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0.05) 0%,
rgba(0, 0, 0, 0.6) 100%
); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
top: 0;
}
#extra hr {
margin: 1.2em 0;
}
#extra .row {
margin-right: -40px;
margin-left: -40px;
}
#extra .row > div {
padding-right: 40px;
padding-left: 40px;
}
#extra .row h2 {
font-size: 7.2rem;
}
@media (max-width: 1200px) {
#extra .row {
margin-right: -24px;
margin-left: -24px;
}
#extra .row > div {
padding-right: 24px;
padding-left: 24px;
}
}
@media (max-width: 990px) {
#extra .container {
width: 600px;
}
#extra img {
max-height: 100%;
}
#extra {
background: url(../../img/banner.jpg) 50% 50% no-repeat;
background-size: cover;
}
#extra::before {
background: rgba(0, 0, 0, 0.5);
}
}
@media (max-width: 767px) {
#extra .row h2 {
font-size: 5.6rem;
}
}
/* accordion panel */
button.accordion {
cursor: pointer;
padding: 0;
outline: none;
background-color: transparent;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
display: block;
line-height: 1.25;
}
/*button.accordion::before {
content: "+";
display: block;
position: absolute;
top: 0;
font-size: 2.25rem;
color: #fff;
font-weight: 600;
height: 17px;
line-height: 17px;
}
button.accordion.active::before {
content: "–";
left: 1px;
}
button.accordion.active, button.accordion:hover {
}*/
div.panel {
background-color: transparent;
max-height: 0;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
opacity: 0;
margin-bottom: 0;
position: relative;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
pointer-events: none;
border-top: 1px solid #e0e0e0;
}
div.panel.show {
opacity: 1;
max-height: 4000px;
margin-bottom: 1.6rem;
padding-top: 1.6rem;
border-top: 1px solid #e0e0e0;
pointer-events: auto;
}
/*div.panel::before {
content: "";
background: #fff;
display: block;
width: 100vw;
height: 100%;
position: absolute;
top: 0;
left: calc(-50vw + 50%);
}*/
button.accordion-close {
cursor: pointer;
padding: 1em 1.25em;
outline: none;
background-color: transparent;
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
color: #026ec5;
border: 1px solid #026ec5;
}
button.accordion-close.active,
button.accordion-close:hover {
background-color: rgba(255, 255, 255, 0.25);
}
button.accordion-close:hover i,
button.accordion:hover i {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(90deg);
-moz-transition: transform 0.2s ease;
-webkit-transition: transform 0.2s ease;
-ms-transition: transform 0.2s ease;
transition: transform 0.2s ease;
}
/* EU GDPR Compliance */
.eu_cookies_container {
margin: 0;
background-color: #282828;
position: fixed;
display: none;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.top_info_banner_eu_cookies {
width: 100%;
margin: 0 auto;
text-align: center;
}
.eu_cookies_text {
padding: 25px 50px;
margin: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.4;
letter-spacing: 0;
color: #aaa;
}
.eu_cookies_text a {
color: #aaa;
font-weight: bold;
text-decoration: underline;
display: inline-block;
}
#close {
display: block;
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
}
#mdiv {
width: 25px;
height: 25px;
}
.mdiv {
height: 25px;
width: 1px;
margin-left: 12px;
background-color: white;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 1;
}
.md {
height: 25px;
width: 1px;
background-color: white;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
z-index: 2;
}
@media (max-width: 990px) {
.eu_cookies_container {
font-size: 14px;
}
.top_info_banner_eu_cookies {
text-align: left;
}
.eu_cookies_text {
padding: 20px 60px 20px 25px;
}
}
.linkArea ul {
list-style-type: none;
margin: 0;
}
.linkArea ul li {
display: inline-block;
margin-right: 0.5rem;
margin-bottom: 2.4rem;
}
.linkArea ul li a {
color: #fff;
padding: 1.2rem;
line-height: 1.2;
background-color: #ff9a8b;
border-radius: 4px !important;
}
/* Archive card list アーカイブ表示のためBootstrapのカードスタイルを引用 */
.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.5rem;
}
.card > hr {
margin-right: 0;
margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.card > .list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
}
.card-title {
margin-bottom: 0.75rem;
font-size: 1em;
font-weight: bold;
}
.card-subtitle {
margin-top: -0.375rem;
margin-bottom: 0;
}
.card-text:last-child {
margin-bottom: 0;
}
.card-text {
font-size: 0.85em;
}
.card-link:hover {
text-decoration: none;
}
.card-link + .card-link {
margin-left: 1.25rem;
}
.card-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
color: inherit;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
border-top: 0;
}
.card-footer {
padding: 0.75rem 1.25rem;
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
margin-right: -0.625rem;
margin-bottom: -0.75rem;
margin-left: -0.625rem;
border-bottom: 0;
}
.card-header-pills {
margin-right: -0.625rem;
margin-left: -0.625rem;
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem;
}
.card-img {
width: 100%;
border-radius: calc(0.25rem - 1px);
}
.card-img-top {
width: 100%;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.card-img-bottom {
width: 100%;
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
}
.card-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.card-deck .card {
margin-bottom: 15px;
}
@media (min-width: 576px) {
.card-deck {
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px;
}
.card-deck .card {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px;
}
}
.card-group {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.card-group > .card {
margin-bottom: 15px;
}
@media (min-width: 576px) {
.card-group {
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.card-group > .card {
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-bottom: 0;
}
.card-group > .card + .card {
margin-left: 0;
border-left: 0;
}
.card-group > .card:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group > .card:first-child .card-img-top,
.card-group > .card:first-child .card-header {
border-top-right-radius: 0;
}
.card-group > .card:first-child .card-img-bottom,
.card-group > .card:first-child .card-footer {
border-bottom-right-radius: 0;
}
.card-group > .card:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group > .card:last-child .card-img-top,
.card-group > .card:last-child .card-header {
border-top-left-radius: 0;
}
.card-group > .card:last-child .card-img-bottom,
.card-group > .card:last-child .card-footer {
border-bottom-left-radius: 0;
}
.card-group > .card:only-child {
border-radius: 0.25rem;
}
.card-group > .card:only-child .card-img-top,
.card-group > .card:only-child .card-header {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.card-group > .card:only-child .card-img-bottom,
.card-group > .card:only-child .card-footer {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
border-radius: 0;
}
.card-group
> .card:not(:first-child):not(:last-child):not(:only-child)
.card-img-top,
.card-group
> .card:not(:first-child):not(:last-child):not(:only-child)
.card-img-bottom,
.card-group
> .card:not(:first-child):not(:last-child):not(:only-child)
.card-header,
.card-group
> .card:not(:first-child):not(:last-child):not(:only-child)
.card-footer {
border-radius: 0;
}
}
.card-columns .card {
margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
.card-columns {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
orphans: 1;
widows: 1;
}
.card-columns .card {
display: inline-block;
width: 100%;
}
}
.accordion .card {
overflow: hidden;
}
.accordion .card:not(:first-of-type) .card-header:first-child {
border-radius: 0;
}
.accordion .card:not(:first-of-type):not(:last-of-type) {
border-bottom: 0;
border-radius: 0;
}
.accordion .card:first-of-type {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.accordion .card:last-of-type {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.accordion .card .card-header {
margin-bottom: -1px;
}
#series-archive .card {
max-width: 50%;
}
#series-archive .card a {
color: #fff;
padding: 1.2rem;
line-height: 1.2;
background-color: #ff9a8b;
border-radius: 4px !important;
border-color: #ff9a8b;
}
@media (max-width: 736px) {
#series-archive .card {
max-width: 50%;
}
}
@media (max-width: 480px) {
#series-archive .card {
max-width: 100%;
}
}