html {
color: #222;
font-size: 1em;
line-height: 1.4
}
::selection {
background: #b3d4fc;
text-shadow: none
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle
}
fieldset {
border: 0;
margin: 0;
padding: 0
}
textarea {
resize: vertical
}
@font-face {
font-family: 'triumphbrokmanbold';
src: url("../fonts/triumphbrokman-bold-webfont.eot");
src: url("../fonts/triumphbrokman-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/triumphbrokman-bold-webfont.woff") format("woff"), url("../fonts/triumphbrokman-bold-webfont.ttf") format("truetype"), url("http://www.triumphmotorcycles.co.uk/fonts/triumphbrokman-bold-webfont.svg#triumphbrokmanbold") format("svg");
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'triumphbrokmandemibold';
src: url("../fonts/triumphbrokman-demibold-webfont.eot");
src: url("../fonts/triumphbrokman-demibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/triumphbrokman-demibold-webfont.woff") format("woff"), url("../fonts/triumphbrokman-demibold-webfont.ttf") format("truetype"), url("http://www.triumphmotorcycles.co.uk/fonts/triumphbrokman-demibold-webfont.svg#triumphbrokmandemibold") format("svg");
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'triumphbrokmanlight';
src: url("../fonts/triumphbrokman-light-webfont.eot");
src: url("../fonts/triumphbrokman-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/triumphbrokman-light-webfont.woff") format("woff"), url("../fonts/triumphbrokman-light-webfont.ttf") format("truetype"), url("http://www.triumphmotorcycles.co.uk/fonts/triumphbrokman-light-webfont.svg#triumphbrokmanlight") format("svg");
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'triumphbrokmanmedium';
src: url("../fonts/triumphbrokman-medium-webfont.eot");
src: url("../fonts/triumphbrokman-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/triumphbrokman-medium-webfont.woff") format("woff"), url("../fonts/triumphbrokman-medium-webfont.ttf") format("truetype"), url("http://www.triumphmotorcycles.co.uk/fonts/triumphbrokman-medium-webfont.svg#triumphbrokmanmedium") format("svg");
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'triumphbrokmanregular';
src: url("../fonts/triumphbrokman-regular-webfont.eot");
src: url("../fonts/triumphbrokman-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/triumphbrokman-regular-webfont.woff") format("woff"), url("../fonts/triumphbrokman-regular-webfont.ttf") format("truetype"), url("http://www.triumphmotorcycles.co.uk/fonts/triumphbrokman-regular-webfont.svg#triumphbrokmanregular") format("svg");
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'triumphbrokmanthin';
src: url("../fonts/triumphbrokman-thin-webfont.eot");
src: url("../fonts/triumphbrokman-thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/triumphbrokman-thin-webfont.woff") format("woff"), url("../fonts/triumphbrokman-thin-webfont.ttf") format("truetype"), url("http://www.triumphmotorcycles.co.uk/fonts/triumphbrokman-thin-webfont.svg#triumphbrokmanthin") format("svg");
font-weight: normal;
font-style: normal
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: 'triumphbrokmanregular';
src: url("http://preprod.triumphmotorcycles.co.uk/fonts/triumphbrokman-regular-webfont.svg#triumphbrokmanregular") format("svg")
}
@font-face {
font-family: "triumphbrokmanmedium";
src: url("http://preprod.triumphmotorcycles.co.uk/fonts/triumphbrokman-medium-webfont.svg#triumphbrokmanmedium") format("svg")
}
@font-face {
font-family: 'triumphbrokmandemibold';
src: url("http://preprod.triumphmotorcycles.co.uk/fonts/triumphbrokman-demibold-webfont.svg#triumphbrokmandemibold") format("svg")
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.25;
font-family: "triumphbrokmanregular", Arial, sans-serif;
clear: both
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 1.618em 0 0 0
}
h1 {
font-size: 2.427em
}
@media (min-width: 37.5em) {
h1 {
font-size: 3.236em
}
}
h2 {
font-size: 2.1034em
}
@media (min-width: 37.5em) {
h2 {
font-size: 2.7506em
}
}
h3 {
font-size: 2.1034em
}
@media (min-width: 37.5em) {
h3 {
font-size: 2.427em
}
}
h4 {
font-size: 2.1034em
}
h5 {
font-size: 1.9416em
}
h6 {
font-size: 1.4562em
}
li,
p {
font-family: "triumphbrokmanregular", Arial, sans-serif;
font-size: 1.25em
}
@media (min-width: 37.5em) {
li,
p {
font-size: 1em
}
}
li strong,
p strong {
font-family: 'triumphbrokmandemibold'
}
blockquote p,
blockquote cite {
text-align: center
}
blockquote p {
font-size: 1.618em;
line-height: 1.4em;
font-style: italic
}
@media (min-width: 64em) {
blockquote p {
font-size: 1.875em
}
}
blockquote cite {
margin-top: .5em;
color: #b57c34;
display: block;
font-size: 1.875em/2em
}
blockquote p:before {
content: open-quote
}
blockquote p:after {
content: close-quote
}
blockquote p.white {
font-family: 'triumphbrokmanthin'
}
html,
body {
padding: 0;
margin: 0;
font-size: 0.875em;
font-family: "triumphbrokmanregular", Arial, sans-serif;
line-height: 1.618
}
@media (min-width: 37.5em) {
html,
body {
font-size: 1em
}
}
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.search main,
.archive main,
.home main,
.error404 main,
.blog main,
.section--related {
display: block;
margin: 0 auto;
max-width: 75em
}
img {
width: 100%;
max-width: 100%;
height: auto
}
.wrap,
.header-wrap {
width: 95%;
display: block;
margin: 0 auto
}
@media (min-width: 64em) {
.wrap,
.header-wrap {
width: 95%;
max-width: 45em
}
}
@media (min-width: 1px) {
.nav,
.nav select,
.nav input {
font-family: "triumphbrokmanmedium", Arial, sans-serif
}
.nav {
color: #ffffff;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
font-size: 14px;
line-height: 1.2;
-webkit-transition: top 0.5s;
-moz-transition: top 0.5s;
-ms-transition: top 0.5s;
transition: top 0.5s
}
.nav.nav--hide {
top: -57px
}
.nav select::-ms-expand {
display: none
}
.nav h2,
.nav h3 {
font-weight: normal;
margin-top: 0
}
.nav ul {
list-style: none;
margin-top: 0
}
.nav a {
cursor: pointer;
text-decoration: none;
color: #ffffff
}
.nav a:hover {
color: #aaa
}
.nav input::-webkit-input-placeholder {
color: #ffffff;
text-transform: uppercase
}
.nav input:-moz-placeholder {
color: #ffffff;
text-transform: uppercase
}
.nav input::-moz-placeholder {
color: #ffffff;
text-transform: uppercase
}
.nav input:-ms-input-placeholder {
color: #ffffff;
text-transform: uppercase
}
}
@media (max-width: 1023px) {
html {
/* margin: 50px 0 0 0 */
}
.nav {
height: 50px
}
.nav input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 14px;
border: 1px solid #363636;
border-radius: 6px;
vertical-align: middle;
background: #000000;
padding: 1px 15px 0 15px;
height: 28px;
text-transform: uppercase;
color: #999999;
cursor: pointer
}
.nav select {
font-family: "triumphbrokmanbold", Arial, sans-serif;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 14px;
border: 1px solid #363636;
border-radius: 6px;
vertical-align: middle;
background: #000000;
color: #ffffff;
padding: 1px 0 0 7px;
cursor: pointer;
height: 28px
}
.nav input[type="text"] {
font-family: "triumphbrokmanbold", Arial, sans-serif;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 14px;
border: 1px solid #363636;
border-radius: 6px;
vertical-align: middle;
background: #000000;
color: #ffffff;
padding: 1px 7px 0 7px;
height: 28px;
width: 170px;
margin: 0 5px 0 0
}
.nav__title {
position: absolute;
width: 100%;
height: 100%;
background: #000000;
color: #ffffff;
border-bottom: 1px solid #ffffff;
padding: 6px 20px 0 20px;
z-index: 10
}
.nav__title h2 {
float: left;
font-size: 2.2em
}
.nav__title h2 a,
.nav__title h2 span {
display: block;
width: 235px;
height: 46px;
padding: 0;
overflow: hidden;
font-family: "triumphbrokmanbold", Arial, sans-serif;
text-transform: uppercase
}
.nav__title p {
float: right;
margin-top: 0
}
.nav__title p a {
display: block;
width: 30px;
height: 30px;
background: #fff url(../img/icons/menu.svg) no-repeat center center;
background-size: 16px;
border-radius: 4px;
padding: 30px 0 0 0;
overflow: hidden;
margin-top: 4px
}
.nav__menu {
width: 100%;
background: #000000;
position: absolute;
left: 0;
padding: 15px 0 20px 0;
border-bottom: 1px solid #ffffff;
text-align: center;
top: -450px;
-webkit-transition: top 0.25s;
-moz-transition: top 0.25s;
-ms-transition: top 0.25s;
transition: top 0.25s
}
.nav.nav--menu .nav__menu {
top: 100%
}
.nav__main ul {
margin: 0 0 4px 0;
padding-left: 0
}
.nav__main li a {
display: inline-block;
padding: 10px 10px 15px 10px;
text-transform: uppercase
}
.nav__main li:first-child,
.nav__main li:last-child {
display: none
}
.nav__find {
padding: 10px 10px 0 10px
}
.nav__find h3+p {
display: none
}
.nav__find p {
margin: 5px 0 5px 0;
overflow: hidden
}
.nav__find label {
display: inline-block;
vertical-align: middle;
width: 105px;
text-align: left
}
.nav__find select {
width: 120px
}
.nav__search {
padding: 10px 10px 0 10px
}
.nav__search p {
margin: 5px 0 5px 0;
overflow: hidden
}
.nav__search h3 {
font-size: 1.618em;
margin-bottom: .5em
}
.nav__main li,
.nav__find,
.nav__search {
position: relative;
opacity: 0;
top: -20px;
-webkit-transition: top 0.2s, opacity 0.2s;
-moz-transition: top 0.2s, opacity 0.2s;
-ms-transition: top 0.2s, opacity 0.2s;
transition: top 0.2s, opacity 0.2s
}
.nav.nav--menu .nav__main li,
.nav.nav--menu .nav__find,
.nav.nav--menu .nav__search {
opacity: 1;
top: 0
}
.nav.nav--menu .nav__search {
-webkit-transition-delay: 0.2s, 0.2s;
-moz-transition-delay: 0.2s, 0.2s;
-ms-transition-delay: 0.2s, 0.2s;
transition-delay: 0.2s, 0.2s
}
.nav.nav--menu .nav__find {
-webkit-transition-delay: 0.25s, 0.25s;
-moz-transition-delay: 0.25s, 0.25s;
-ms-transition-delay: 0.25s, 0.25s;
transition-delay: 0.25s, 0.25s
}
.nav.nav--menu .nav__main li:nth-child(4) {
-webkit-transition-delay: 0.3s, 0.3s;
-moz-transition-delay: 0.3s, 0.3s;
-ms-transition-delay: 0.3s, 0.3s;
transition-delay: 0.3s, 0.3s
}
.nav.nav--menu .nav__main li:nth-child(3) {
-webkit-transition-delay: 0.35s, 0.35s;
-moz-transition-delay: 0.35s, 0.35s;
-ms-transition-delay: 0.35s, 0.35s;
transition-delay: 0.35s, 0.35s
}
.nav.nav--menu .nav__main li:nth-child(2) {
-webkit-transition-delay: 0.4s, 0.4s;
-moz-transition-delay: 0.4s, 0.4s;
-ms-transition-delay: 0.4s, 0.4s;
transition-delay: 0.4s, 0.4s
}
.nav__current {
display: none
}
}
@media (max-height: 419px) and (max-width: 1023px) {
.nav__find {
display: none
}
}
@media (max-width: 1023px) {
header #logo {
display: block;}
header #logo2 {
display: none !important;}
.nav__title .clearfix {float: left !important;}
}
@media (min-width: 1024px) {
html {
/* margin: 57px 0 0 0 */
}
.nav {
height: 57px
}
.nav input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 14px;
border: 1px solid #363636;
border-radius: 6px;
vertical-align: middle;
background: #000000;
padding: 1px 15px 0 15px;
height: 36px;
text-transform: uppercase;
color: #999999;
cursor: pointer;
line-height: 1
}
.nav select {
font-family: "triumphbrokmanbold", Arial, sans-serif;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 14px;
border: 1px solid #363636;
border-radius: 6px;
vertical-align: middle;
background: #000000;
color: #ffffff;
padding: 0 24px 3px 7px;
cursor: pointer;
height: 36px;
font-size: 24px
}
.nav input[type="text"] {
font-family: "triumphbrokmanbold", Arial, sans-serif;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 14px;
border: 1px solid #363636;
border-radius: 6px;
vertical-align: middle;
background: #000000;
color: #ffffff;
padding: 1px 7px 0 7px;
height: 36px
}
.nav__title {
position: absolute;
width: 100%;
height: 100%;
background: #000000;
color: #ffffff;
border-bottom: 1px solid #ffffff;
z-index: 10
}
.nav__title>div {
max-width: 94%;
padding: 0 16px 0 16px;
margin: 0 auto 0 auto
}
header #logo {
display: none;
margin-top: 11px;}
header #logo2 {
padding: 20px 15px;
line-height: 40px;
text-align: center;
height: 112px;
background-color: black;
font-size: 44px;
width: 160px;
margin-top: 45px;;}
header #logo2 a {
width: 130px;}
header #logo2 span {
font-size: 23px;
width: 130px;}
.nav__title h2 a,
.nav__title h2 span {
display: block;
width: 250px;
/*height: 46px;*/
height: 5px;
padding: 0;
margin: 3px 0 0 0;
overflow: visible;
font-family: "triumphbrokmanbold", Arial, sans-serif;
line-height: 29px;
font-weight: normal;
text-transform: uppercase
}
.nav__title p {
display: none
}
.nav__current {
display: none;
position: absolute;
top: 22px;
left: 290px;
right: 510px;
z-index: 11
}
.nav__current p {
margin-top: 0;
width: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-transition: width 0.5s;
-moz-transition: width 0.5s;
-ms-transition: width 0.5s;
transition: width 0.5s
}
.nav.nav--current .nav__current p {
width: 100%
}
.nav__current p span {
color: #999999
}
.nav__main {
position: absolute;
top: 0;
right: 2%;
z-index: 12
}
.nav__main>div {
padding: 0 24px 0 0
}
.nav__main ul {
float: right;
padding: 14px 0 0 0
}
.nav__main li {
float: left
}
.nav__main li a {
display: inline-block;
vertical-align: top;
padding: 8px 16px 0 16px;
height: 30px;
text-transform: uppercase
}
.nav__main li:first-child a {
padding-left: 20px
}
.nav__main li:last-child a {
width: 28px;
height: 22px;
padding: 22px 0 0 0;
overflow: hidden;
background: #fff url(../img/icons/search.svg) no-repeat center center;
background-size: 16px;
border-radius: 4px;
margin: 4px 0 4px 12px
}
.nav__find {
position: absolute;
top: -400px;
left: 0;
width: 100%;
background: #000000;
border-bottom: 1px solid #ffffff;
text-align: center;
-webkit-transition: top 0.33s;
-moz-transition: top 0.33s;
-ms-transition: top 0.33s;
transition: top 0.33s;
z-index: 8
}
.nav.nav--find .nav__find {
top: 100%
}
.nav__find>div {
padding: 28px 20px 34px 20px;
max-width: 920px;
margin: 0 auto 0 auto
}
.nav__find h3 {
font-size: 50px
}
.nav__find h3 span {
display: inline-block;
vertical-align: middle;
width: 152px;
height: 48px;
padding: 48px 0 0 0;
overflow: hidden;
background: red
}
.nav__find h3+p {
position: relative;
z-index: 10;
color: #999999;
font-size: 15px;
margin: -4px 0 0 0
}
.nav__find h3+p span {
display: inline-block;
padding: 0 15px 0 15px;
background: #000000
}
.nav__find form {
border: 1px solid #363636;
margin: -10px auto 0 auto;
padding: 48px 20px 40px 20px
}
.nav__find form p {
font-size: 26px;
color: #c0c0c0;
display: inline-block;
white-space: nowrap;
margin: 0 5px 5px 5px
}
.nav__find form label {
display: inline-block;
height: 36px;
vertical-align: middle;
padding: 2px 5px 0 0
}
.nav__search form .search {
background: none
}
.nav__search {
position: absolute;
top: -400px;
left: 0;
width: 100%;
background: #000000;
border-bottom: 1px solid #ffffff;
text-align: center;
-webkit-transition: top 0.33s;
-moz-transition: top 0.33s;
-ms-transition: top 0.33s;
transition: top 0.33s;
z-index: 8
}
.nav.nav--search .nav__search {
top: 100%
}
.nav__search>div {
padding: 48px 20px 54px 20px;
width: 640px;
margin: 0 auto 0 auto;
text-align: left
}
.nav__search h3 {
color: #999999;
font-size: 1.618em
}
.nav__search input[type="text"] {
font-size: 80px;
height: auto;
width: 520px;
padding-left: 0;
padding-right: 0;
border-radius: 0;
border-top: none;
border-left: none;
border-right: none;
vertical-align: bottom;
outline: none
}
.nav__search input[type="submit"] {
width: 60px;
padding-left: 0;
padding-right: 0;
text-align: center;
margin: 0 0 0 10px;
vertical-align: bottom
}
.nav__search h3,
.nav__search form,
.nav__find h3,
.nav__find h3+p,
.nav__find form {
position: relative;
opacity: 0;
top: -20px;
-webkit-transition: top 0.2s, opacity 0.2s;
-moz-transition: top 0.2s, opacity 0.2s;
-ms-transition: top 0.2s, opacity 0.2s;
transition: top 0.2s, opacity 0.2s
}
.nav.nav--search .nav__search h3,
.nav.nav--search .nav__search form,
.nav.nav--find .nav__find h3,
.nav.nav--find .nav__find h3+p,
.nav.nav--find .nav__find form {
opacity: 1;
top: 0
}
.nav.nav--search .nav__search form,
.nav.nav--find .nav__find form {
-webkit-transition-delay: 0.2s, 0.2s;
-moz-transition-delay: 0.2s, 0.2s;
-ms-transition-delay: 0.2s, 0.2s;
transition-delay: 0.2s, 0.2s
}
.nav.nav--search .nav__search h3,
.nav.nav--find .nav__find h3+p {
-webkit-transition-delay: 0.3s, 0.3s;
-moz-transition-delay: 0.3s, 0.3s;
-ms-transition-delay: 0.3s, 0.3s;
transition-delay: 0.3s, 0.3s
}
.nav.nav--find .nav__find h3 {
-webkit-transition-delay: 0.4s, 0.4s;
-moz-transition-delay: 0.4s, 0.4s;
-ms-transition-delay: 0.4s, 0.4s;
transition-delay: 0.4s, 0.4s
}
}
@media (min-width: 960px) {
.nav__current {
display: block
}
}
@media (min-width: 1200px) {
.nav__title>div {
max-width: 92%;
}
.nav__main {
right: 3%;
margin-right: 0
}
.nav__current {
width: 400px;
left: 50%;
right: auto;
margin-left: -310px
}
}
.nav__main li:first-child a {
display: none
}
.nav.nav--menu .nav__find {
display: none !important
}
.verticalSlide .card {
background-repeat: no-repeat;
background-position: bottom right;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-attachment: static;
border-top: 2px solid white;
}
.no-touch .verticalSlide .card {
background-attachment: fixed;
border-top: none;
}
@media (max-width: 768px) {
nav#bullets {display: none !important;}
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
.section {height: 20vh !important;}
nav#bullets {display: none;}
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
.section {height: 14vh !important;}
nav#bullets {display: none !important;}
}
.verticalSlide .card,
.royalSlider .card,
.single header.card,
.page header.card,
.section--related .card {
position: relative;
overflow: hidden
}
.verticalSlide .card .card--img,
.verticalSlide .card .card--header,
.verticalSlide .card .card--body,
.royalSlider .card .card--img,
.royalSlider .card .card--header,
.royalSlider .card .card--body,
.royalSlider .card .card--footer,
.single header.card .card--img,
.single header.card .card--header,
.single header.card .card--body,
.single header.card .card--footer,
.page header.card .card--img,
.page header.card .card--header,
.page header.card .card--body,
.page header.card .card--footer,
.section--related .card .card--img,
.section--related .card .card--header,
.section--related .card .card--body,
.section--related .card .card--footer {
position: absolute
}
.verticalSlide .card .card--img,
.royalSlider .card .card--img,
.single header.card .card--img,
.page header.card .card--img,
.section--related .card .card--img {
bottom: 0;
right: 0;
z-index: 1
}
.verticalSlide .card .card--body,
.royalSlider .card .card--body,
.single header.card .card--body,
.page header.card .card--body,
.section--related .card .card--body {
z-index: 2
}
.verticalSlide .card .card--header,
.verticalSlide .card .card--footer,
.royalSlider .card .card--header,
.royalSlider .card .card--footer,
.single header.card .card--header,
.single header.card .card--footer,
.page header.card .card--header,
.page header.card .card--footer,
.section--related .card .card--header,
.section--related .card .card--footer {
z-index: 3
}
.royalSlider .card .card--container,
.single header.card .card--container,
.page header.card .card--container,
.section--related .card .card--container {
padding-bottom: 75%
}
@media (min-width: 48em) {
.royalSlider .card .card--container,
.single header.card .card--container,
.page header.card .card--container,
.section--related .card .card--container {
padding-bottom: 46%
}
}
.verticalSlide .card .card--img,
.royalSlider .card .card--img,
.single header.card .card--img,
.page header.card .card--img,
.section--related .card .card--img {
width: 148%;
max-width: 148%
}
@media (min-width: 48em) {
.verticalSlide .card .card--img,
.royalSlider .card .card--img,
.single header.card .card--img,
.page header.card .card--img,
.section--related .card .card--img {
width: 100%;
max-width: 100%
}
}
.royalSlider .card .card--footer,
.single header.card .card--footer,
.page header.card .card--footer,
.section--related .card .card--footer {
left: 5%;
bottom: 10%
}
.verticalSlide .card .card--footer {
margin-top: 8%;
}
.verticalSlide .card .card--footer a,
.royalSlider .card .card--footer a,
.single header.card .card--footer a,
.page header.card .card--footer a,
.section--related .card .card--footer a {
background-color: black;
background-color: rgba(0, 0, 0, 0.8);
color: white;
background-repeat: no-repeat;
display: inline;
font-family: "triumphbrokmanlight", Arial, sans-serif;
min-width: 9em;
padding: .8em 7em .8em .8em;
background-position: 90%;
background-size: 24px
}
.verticalSlide .card .card--footer a {
font-size: .85em;
background-size: 16px
}
@media (min-width: 48em) {
.verticalSlide .card .card--footer a,
.royalSlider .card .card--footer a,
.single header.card .card--footer a,
.page header.card .card--footer a,
.section--related .card .card--footer a {
min-width: 10em;
padding: .8em 8em .8em .8em;
background-position: 90%;
background-size: 24px
}
.verticalSlide .card .card--footer a {
font-size: 1em;
}
}
@media (min-width: 64em) {
.verticalSlide .card .card--footer a,
.royalSlider .card .card--footer a,
.single header.card .card--footer a,
.page header.card .card--footer a,
.section--related .card .card--footer a {
min-width: 12em;
padding: 1em 10em 1em 1em;
background-position: 94%;
background-size: 25px
}
}
@media (min-width: 64em) {
.section--related .card .card--footer a {
min-width: 32px
}
}
.content--area .card {
position: relative;
overflow: hidden
}
.content--area .card .card--img,
.content--area .card .card--header,
.content--area .card .card--body,
.content--area .card .card--footer {
position: absolute
}
.content--area .card .card--img {
bottom: 0;
right: 0;
z-index: 1
}
.content--area .card .card--body {
z-index: 2
}
.content--area .card .card--header,
.content--area .card .card--footer {
z-index: 3
}
.content--area .card .card--container {
padding-bottom: 75%
}
.content--area .card .card--img {
width: 148%;
max-width: 148%
}
.content--area .card a .card--img {
border: none
}
.content--area .card:nth-child(2),
.content--area .card:nth-child(3),
.content--area .card:nth-child(4),
.content--area .card:nth-child(5),
.content--area .card:nth-child(8),
.content--area .card:nth-child(9),
.content--area .card:nth-child(12),
.content--area .card:nth-child(13) {
width: 50%;
float: left
}
.content--area .card:nth-child(2) .card--container,
.content--area .card:nth-child(3) .card--container,
.content--area .card:nth-child(4) .card--container,
.content--area .card:nth-child(5) .card--container,
.content--area .card:nth-child(8) .card--container,
.content--area .card:nth-child(9) .card--container,
.content--area .card:nth-child(12) .card--container,
.content--area .card:nth-child(13) .card--container {
padding-bottom: 140%
}
.content--area .card:nth-child(2) .card--img,
.content--area .card:nth-child(3) .card--img,
.content--area .card:nth-child(4) .card--img,
.content--area .card:nth-child(5) .card--img,
.content--area .card:nth-child(8) .card--img,
.content--area .card:nth-child(9) .card--img,
.content--area .card:nth-child(12) .card--img,
.content--area .card:nth-child(13) .card--img {
width: 180%;
max-width: 180%
}
@media (min-width: 48em) {
.content--area .card:nth-child(2) .card--container,
.content--area .card:nth-child(9) .card--container {
padding-bottom: 125%
}
.content--area .card:nth-child(2) .card--img,
.content--area .card:nth-child(9) .card--img {
width: 180%;
max-width: 180%
}
.content--area .card:nth-child(3) .card--container {
padding-bottom: 140%
}
.content--area .card:nth-child(3) .card--img {
width: 180%;
max-width: 180%
}
.content--area .card:nth-child(4) .card--container,
.content--area .card:nth-child(8) .card--container,
.content--area .card:nth-child(12) .card--container {
padding-bottom: 46%
}
.content--area .card:nth-child(4) .card--img,
.content--area .card:nth-child(8) .card--img,
.content--area .card:nth-child(12) .card--img {
width: 100%;
max-width: 100%
}
.content--area .card:nth-child(5) .card--container,
.content--area .card:nth-child(7) .card--container,
.content--area .card:nth-child(11) .card--container,
.content--area .card:nth-child(13) .card--container {
padding-bottom: 75%
}
.content--area .card:nth-child(5) .card--img,
.content--area .card:nth-child(7) .card--img,
.content--area .card:nth-child(11) .card--img,
.content--area .card:nth-child(13) .card--img {
width: 148%;
max-width: 148%
}
}
.content--area .card:nth-child(2),
.content--area .card:nth-child(4),
.content--area .card:nth-child(8),
.content--area .card:nth-child(12) {
border-right: 1px solid white
}
.content--area .card:nth-child(3),
.content--area .card:nth-child(5),
.content--area .card:nth-child(9),
.content--area .card:nth-child(13) {
border-left: 1px solid white
}
.content--area .card:nth-child(4),
.content--area .card:nth-child(5) {
border-top: 2px solid white
}
.content--area .card:nth-child(7),
.content--area .card:nth-child(11) {
border-bottom: 2px solid white
}
@media (min-width: 48em) {
.home .content--area {
padding-top: 5%;
margin-top: 58px;
}
.content--area .card:nth-child(2),
.content--area .card:nth-child(3),
.content--area .card:nth-child(4),
.content--area .card:nth-child(5),
.content--area .card:nth-child(7),
.content--area .card:nth-child(8),
.content--area .card:nth-child(9),
.content--area .card:nth-child(11),
.content--area .card:nth-child(12),
.content--area .card:nth-child(13) {
border: none
}
.content--area .card:nth-child(2) {
float: right;
width: 34%;
margin-top: -5%
}
.content--area .card:nth-child(3) {
float: left;
width: 39%;
margin-top: 11.2%
}
.content--area .card:nth-child(4) {
clear: right;
float: right;
width: 61%
}
.content--area .card:nth-child(5) {
width: 25%;
margin-left: 4%;
float: left
}
.content--area .card:nth-child(7) {
width: 44%;
float: left
}
.content--area .card:nth-child(7) .card--body {
width: 40%
}
.content--area .card:nth-child(8) {
width: 100%
}
.content--area .card:nth-child(9) {
width: 34%;
margin-left: 4%;
margin-top: -3%;
float: left
}
.content--area .card:nth-child(11) {
width: 39%;
float: left;
margin-top: 12%
}
.content--area .card:nth-child(11) .card--body {
width: 40%
}
.content--area .card:nth-child(12) {
float: left;
width: 61%;
margin-top: -1.8%;
z-index: 1
}
.content--area .card:nth-child(13) {
float: left;
width: 35%
}
.content--area .card:nth-child(3),
.content--area .card:nth-child(5),
.content--area .card:nth-child(12) {
border-right: 2px solid white
}
.content--area .card:nth-child(3),
.content--area .card:nth-child(4),
.content--area .card:nth-child(5),
.content--area .card:nth-child(7),
.content--area .card:nth-child(8),
.content--area .card:nth-child(12),
.content--area .card:nth-child(13) {
border-top: 2px solid white
}
}
@media (min-width: 75em) {
.content--area .card:nth-child(11) .card--body h2 {
font-size: 1.618em;
margin-top: 1.8em
}
}
.royalSlider .card .card--body,
.single header.card .card--body,
.page header.card .card--body,
.content--area .card .card--body,
.section--related .card .card--body {
top: 6%;
left: 5%;
width: 90%
}
.verticalSlide .card .card--body {
top: 80px;
left: 20px;
width: 70%;
}
.verticalSlide .card .card--body h2,
.royalSlider .card .card--body h2,
.single header.card .card--body h2,
.page header.card .card--body h2,
.content--area .card .card--body h2,
.section--related .card .card--body h2 {
font-family: "triumphbrokmanbold", Arial, sans-serif;
text-transform: uppercase;
line-height: 1.2
}
.verticalSlide .card .card--body h2 {
text-transform: none;
}
.royalSlider .card .card--body p,
.single header.card .card--body p,
.page header.card .card--body p,
.content--area .card .card--body p,
.section--related .card .card--body p {
display: none;
font-size: 1em;
margin-top: .75em
}
.verticalSlide .card .card--body p {
margin-top: 0em;
}
.verticalSlide .card .card--body p.indicator {
font-size: 0.8em;
}
.verticalSlide .card .card--body a .card--img,
.royalSlider .card .card--body a .card--img,
.single header.card .card--body a .card--img,
.page header.card .card--body a .card--img,
.content--area .card .card--body a .card--img,
.section--related .card .card--body a .card--img {
border: none
}
@media (min-width: 48em) {
.verticalSlide .card .card--body p,
.royalSlider .card .card--body p {
display: block
}
}
.royalSlider .card .card--container {
padding-bottom: 46%
}
.verticalSlide .card .card--container img,
.royalSlider .card .card--container img {
width: 100%
}
@media (min-width: 48em) {
.verticalSlide .card .card--body,
.royalSlider .card .card--body,
.single header.card .card--body,
.page header.card .card--body,
.content--area .card .card--body,
.section--related .card .card--body {
width: 70%
}
}
.verticalSlide .card a,
.royalSlider .card a,
.single header.card a,
.page header.card a,
.content--area .card a,
.section--related .card a {
text-decoration: none;
color: black
}
.verticalSlide .card h2 a:hover,
.royalSlider .card h2 a:hover,
.single header.card h2 a:hover,
.page header.card h2 a:hover,
.content--area .card h2 a:hover,
.section--related .card h2 a:hover {
text-decoration: underline
}
.royalSlider .card .card--body h2,
.single header.card .card--body h2,
.page header.card .card--body h2,
.content--area .card .card--body h2,
.section--related .card .card--body h2 {
font-size: 1.25em
}
.verticalSlide .card .card--body h2 {
font-size: 2.3em
}
.verticalSlide .card .card--body p {
font-size: 1em;
}
.verticalSlide .card .card--body h2 {
margin: 0.25em 0;
}
@media (min-width: 30em) {
.royalSlider .card .card--body h2,
.single header.card .card--body h2,
.page header.card .card--body h2,
.content--area .card .card--body h2,
.section--related .card .card--body h2 {
font-size: 1.5em;
font-size: 3.5vw
}
.verticalSlide .card .card--body h2 {
font-size: 1.8em;
font-size: 4.6vw;
}
.verticalSlide .card .card--body {
width: 55%;
}
}
@media (min-width: 48em) {
.verticalSlide .card .card--body h2 {
line-height: 1;
font-size: 1.4em;
font-size: 2.4vw
}
.royalSlider .card .card--body h2,
.single header.card .card--body h2,
.page header.card .card--body h2,
.content--area .card .card--body h2,
.section--related .card .card--body h2 {
line-height: 1;
margin-top: 1.4em;
font-size: 1.4em;
font-size: 2.4vw
}
}
@media (min-width: 64em) {
.verticalSlide .card .card--body h2 {
font-size: 1.25em;
font-size: 2.4vw;
}
.royalSlider .card .card--body h2,
.single header.card .card--body h2,
.page header.card .card--body h2,
.content--area .card .card--body h2,
.section--related .card .card--body h2 {
font-size: 1.25em;
font-size: 2.4vw;
margin-top: 1em
}
}
@media (min-width: 75em) {
.verticalSlide .card .card--body h2,
.royalSlider .card .card--body h2,
.single header.card .card--body h2,
.page header.card .card--body h2,
.content--area .card .card--body h2,
.section--related .card .card--body h2 {
font-size: 2.125em
}
}
.verticalSlide .card .card--footer a:hover,
.royalSlider .card .card--footer a:hover,
.single header.card .card--footer a:hover,
.page header.card .card--footer a:hover,
.content--area .card .card--footer a:hover,
.section--related .card .card--footer a:hover {
text-decoration: underline
}
.royalSlider .card:nth-child(8) .card--footer,
.single header.card:nth-child(8) .card--footer,
.page header.card:nth-child(8) .card--footer,
.content--area .card:nth-child(8) .card--footer,
.section--related .card:nth-child(8) .card--footer {
overflow: visible;
bottom: 7%
}
@media (min-width: 48em) {
.royalSlider .card:nth-child(8) .card--footer a,
.single header.card:nth-child(8) .card--footer a,
.page header.card:nth-child(8) .card--footer a,
.content--area .card:nth-child(8) .card--footer a,
.section--related .card:nth-child(8) .card--footer a {
background-color: black;
background-color: rgba(0, 0, 0, 0.8);
color: white;
background-repeat: no-repeat;
display: inline;
font-family: "triumphbrokmanlight", Arial, sans-serif;
min-width: 10em;
padding: .8em 8em .8em .8em;
background-position: 90%;
background-size: 26px
}
}
@media (min-width: 64em) {
.royalSlider .card:nth-child(8) .card--footer a,
.single header.card:nth-child(8) .card--footer a,
.page header.card:nth-child(8) .card--footer a,
.content--area .card:nth-child(8) .card--footer a,
.section--related .card:nth-child(8) .card--footer a {
min-width: 12em;
padding: 1em 10em 1em 1em;
background-position: 94%;
background-size: 28px
}
}
@media (min-width: 48em) {
.royalSlider .card:nth-child(8) .card--body,
.single header.card:nth-child(8) .card--body,
.page header.card:nth-child(8) .card--body,
.content--area .card:nth-child(8) .card--body,
.section--related .card:nth-child(8) .card--body {
width: 35%
}
}
@media (min-width: 48em) {
.royalSlider .card:nth-child(8) .card--body h2,
.single header.card:nth-child(8) .card--body h2,
.page header.card:nth-child(8) .card--body h2,
.content--area .card:nth-child(8) .card--body h2,
.section--related .card:nth-child(8) .card--body h2 {
text-transform: none;
font-size: 2.8em;
font-size: 5.1vw
}
}
@media (min-width: 75em) {
.royalSlider .card:nth-child(8) .card--body h2,
.single header.card:nth-child(8) .card--body h2,
.page header.card:nth-child(8) .card--body h2,
.content--area .card:nth-child(8) .card--body h2,
.section--related .card:nth-child(8) .card--body h2 {
font-size: 4em
}
}
@media (min-width: 48em) {
.royalSlider .card:nth-child(3) .card--body h2,
.single header.card:nth-child(3) .card--body h2,
.page header.card:nth-child(3) .card--body h2,
.content--area .card:nth-child(3) .card--body h2,
.section--related .card:nth-child(3) .card--body h2 {
margin-top: 2em
}
}
.royalSlider .card:nth-child(5) .card--header,
.royalSlider .card:nth-child(13) .card--header,
.single header.card:nth-child(5) .card--header,
.single header.card:nth-child(13) .card--header,
.page header.card:nth-child(5) .card--header,
.page header.card:nth-child(13) .card--header,
.content--area .card:nth-child(5) .card--header,
.content--area .card:nth-child(13) .card--header,
.section--related .card:nth-child(5) .card--header,
.section--related .card:nth-child(13) .card--header {
color: #fff !important
}
@media (min-width: 48em) {
.royalSlider .card:nth-child(5) .card--header,
.royalSlider .card:nth-child(13) .card--header,
.single header.card:nth-child(5) .card--header,
.single header.card:nth-child(13) .card--header,
.page header.card:nth-child(5) .card--header,
.page header.card:nth-child(13) .card--header,
.content--area .card:nth-child(5) .card--header,
.content--area .card:nth-child(13) .card--header,
.section--related .card:nth-child(5) .card--header,
.section--related .card:nth-child(13) .card--header {
width: 64%;
left: 18%;
top: 22%
}
}
.royalSlider .card:nth-child(5) .card--header time,
.royalSlider .card:nth-child(13) .card--header time,
.single header.card:nth-child(5) .card--header time,
.single header.card:nth-child(13) .card--header time,
.page header.card:nth-child(5) .card--header time,
.page header.card:nth-child(13) .card--header time,
.content--area .card:nth-child(5) .card--header time,
.content--area .card:nth-child(13) .card--header time,
.section--related .card:nth-child(5) .card--header time,
.section--related .card:nth-child(13) .card--header time {
color: #fff !important
}
@media (min-width: 48em) {
.royalSlider .card:nth-child(5) .card--header time,
.royalSlider .card:nth-child(13) .card--header time,
.single header.card:nth-child(5) .card--header time,
.single header.card:nth-child(13) .card--header time,
.page header.card:nth-child(5) .card--header time,
.page header.card:nth-child(13) .card--header time,
.content--area .card:nth-child(5) .card--header time,
.content--area .card:nth-child(13) .card--header time,
.section--related .card:nth-child(5) .card--header time,
.section--related .card:nth-child(13) .card--header time {
display: none
}
}
@media (min-width: 64em) {
.royalSlider .card:nth-child(5) .card--header time,
.royalSlider .card:nth-child(13) .card--header time,
.single header.card:nth-child(5) .card--header time,
.single header.card:nth-child(13) .card--header time,
.page header.card:nth-child(5) .card--header time,
.page header.card:nth-child(13) .card--header time,
.content--area .card:nth-child(5) .card--header time,
.content--area .card:nth-child(13) .card--header time,
.section--related .card:nth-child(5) .card--header time,
.section--related .card:nth-child(13) .card--header time {
display: block
}
}
.royalSlider .card:nth-child(5) .card--header a,
.royalSlider .card:nth-child(13) .card--header a,
.single header.card:nth-child(5) .card--header a,
.single header.card:nth-child(13) .card--header a,
.page header.card:nth-child(5) .card--header a,
.page header.card:nth-child(13) .card--header a,
.content--area .card:nth-child(5) .card--header a,
.content--area .card:nth-child(13) .card--header a,
.section--related .card:nth-child(5) .card--header a,
.section--related .card:nth-child(13) .card--header a {
color: white
}
@media (min-width: 48em) {
.royalSlider .card:nth-child(5) .card--header p,
.royalSlider .card:nth-child(13) .card--header p,
.single header.card:nth-child(5) .card--header p,
.single header.card:nth-child(13) .card--header p,
.page header.card:nth-child(5) .card--header p,
.page header.card:nth-child(13) .card--header p,
.content--area .card:nth-child(5) .card--header p,
.content--area .card:nth-child(13) .card--header p,
.section--related .card:nth-child(5) .card--header p,
.section--related .card:nth-child(13) .card--header p {
color: #fff !important
}
}
@media (min-width: 48em) {
.royalSlider .card:nth-child(5) .card--body,
.royalSlider .card:nth-child(13) .card--body,
.single header.card:nth-child(5) .card--body,
.single header.card:nth-child(13) .card--body,
.page header.card:nth-child(5) .card--body,
.page header.card:nth-child(13) .card--body,
.content--area .card:nth-child(5) .card--body,
.content--area .card:nth-child(13) .card--body,
.section--related .card:nth-child(5) .card--body,
.section--related .card:nth-child(13) .card--body {
background: rgba(0, 0, 0, 0.8);
text-align: center;
height: 60%;
width: 70%;
left: 15%;
top: 20%;
padding: 5%
}
.royalSlider .card:nth-child(5) .card--body h2,
.royalSlider .card:nth-child(13) .card--body h2,
.single header.card:nth-child(5) .card--body h2,
.single header.card:nth-child(13) .card--body h2,
.page header.card:nth-child(5) .card--body h2,
.page header.card:nth-child(13) .card--body h2,
.content--area .card:nth-child(5) .card--body h2,
.content--area .card:nth-child(13) .card--body h2,
.section--related .card:nth-child(5) .card--body h2,
.section--related .card:nth-child(13) .card--body h2 {
font-family: "triumphbrokmanlight", Arial, sans-serif;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 80%
}
.royalSlider .card:nth-child(5) .card--body h2 a,
.royalSlider .card:nth-child(13) .card--body h2 a,
.single header.card:nth-child(5) .card--body h2 a,
.single header.card:nth-child(13) .card--body h2 a,
.page header.card:nth-child(5) .card--body h2 a,
.page header.card:nth-child(13) .card--body h2 a,
.content--area .card:nth-child(5) .card--body h2 a,
.content--area .card:nth-child(13) .card--body h2 a,
.section--related .card:nth-child(5) .card--body h2 a,
.section--related .card:nth-child(13) .card--body h2 a {
color: #fff !important
}
}
@media (min-width: 48em) {
.royalSlider .card:nth-child(5) .card--body h2,
.royalSlider .card:nth-child(13) .card--body h2,
.single header.card:nth-child(5) .card--body h2,
.single header.card:nth-child(13) .card--body h2,
.page header.card:nth-child(5) .card--body h2,
.page header.card:nth-child(13) .card--body h2,
.content--area .card:nth-child(5) .card--body h2,
.content--area .card:nth-child(13) .card--body h2,
.section--related .card:nth-child(5) .card--body h2,
.section--related .card:nth-child(13) .card--body h2 {
font-size: 1.25em;
font-size: 2vw
}
}
@media (min-width: 75em) {
.royalSlider .card:nth-child(5) .card--body h2,
.royalSlider .card:nth-child(13) .card--body h2,
.single header.card:nth-child(5) .card--body h2,
.single header.card:nth-child(13) .card--body h2,
.page header.card:nth-child(5) .card--body h2,
.page header.card:nth-child(13) .card--body h2,
.content--area .card:nth-child(5) .card--body h2,
.content--area .card:nth-child(13) .card--body h2,
.section--related .card:nth-child(5) .card--body h2,
.section--related .card:nth-child(13) .card--body h2 {
font-size: 1.4em
}
}
@media (min-width: 48em) {
.royalSlider .card:nth-child(5) .card--footer,
.royalSlider .card:nth-child(13) .card--footer,
.single header.card:nth-child(5) .card--footer,
.single header.card:nth-child(13) .card--footer,
.page header.card:nth-child(5) .card--footer,
.page header.card:nth-child(13) .card--footer,
.content--area .card:nth-child(5) .card--footer,
.content--area .card:nth-child(13) .card--footer,
.section--related .card:nth-child(5) .card--footer,
.section--related .card:nth-child(13) .card--footer {
display: none
}
}
@media (min-width: 48em) {
.royalSlider .card:nth-child(5) .card--header,
.single header.card:nth-child(5) .card--header,
.page header.card:nth-child(5) .card--header,
.content--area .card:nth-child(5) .card--header,
.section--related .card:nth-child(5) .card--header {
display: none
}
}
@media (min-width: 48em) {
.royalSlider .card:nth-child(5) .card--body,
.single header.card:nth-child(5) .card--body,
.page header.card:nth-child(5) .card--body,
.content--area .card:nth-child(5) .card--body,
.section--related .card:nth-child(5) .card--body {
font-size: .8em
}
.royalSlider .card:nth-child(5) .card--body h2,
.single header.card:nth-child(5) .card--body h2,
.page header.card:nth-child(5) .card--body h2,
.content--area .card:nth-child(5) .card--body h2,
.section--related .card:nth-child(5) .card--body h2 {
font-size: 1em;
font-size: 1.7vw
}
}
@media (min-width: 48em) and (min-width: 75em) {
.royalSlider .card:nth-child(5) .card--body h2,
.single header.card:nth-child(5) .card--body h2,
.page header.card:nth-child(5) .card--body h2,
.content--area .card:nth-child(5) .card--body h2,
.section--related .card:nth-child(5) .card--body h2 {
font-size: 1.618em
}
}
@media (min-width: 48em) {
.royalSlider .card:nth-child(4) .card--body,
.royalSlider .card:nth-child(12) .card--body,
.single header.card:nth-child(4) .card--body,
.single header.card:nth-child(12) .card--body,
.page header.card:nth-child(4) .card--body,
.page header.card:nth-child(12) .card--body,
.content--area .card:nth-child(4) .card--body,
.content--area .card:nth-child(12) .card--body,
.section--related .card:nth-child(4) .card--body,
.section--related .card:nth-child(12) .card--body {
width: 33%
}
}
.royalSlider .card:nth-child(10) .card--body,
.royalSlider .card:nth-child(14) .card--body,
.single header.card:nth-child(10) .card--body,
.single header.card:nth-child(14) .card--body,
.page header.card:nth-child(10) .card--body,
.page header.card:nth-child(14) .card--body,
.content--area .card:nth-child(10) .card--body,
.content--area .card:nth-child(14) .card--body,
.section--related .card:nth-child(10) .card--body,
.section--related .card:nth-child(14) .card--body {
width: 60%
}
@media (min-width: 30em) {
.royalSlider .card:nth-child(10) .card--body,
.royalSlider .card:nth-child(14) .card--body,
.single header.card:nth-child(10) .card--body,
.single header.card:nth-child(14) .card--body,
.page header.card:nth-child(10) .card--body,
.page header.card:nth-child(14) .card--body,
.content--area .card:nth-child(10) .card--body,
.content--area .card:nth-child(14) .card--body,
.section--related .card:nth-child(10) .card--body,
.section--related .card:nth-child(14) .card--body {
width: 50%
}
}
.royalSlider .card:nth-child(10) .card--body h2,
.royalSlider .card:nth-child(14) .card--body h2,
.single header.card:nth-child(10) .card--body h2,
.single header.card:nth-child(14) .card--body h2,
.page header.card:nth-child(10) .card--body h2,
.page header.card:nth-child(14) .card--body h2,
.content--area .card:nth-child(10) .card--body h2,
.content--area .card:nth-child(14) .card--body h2,
.section--related .card:nth-child(10) .card--body h2,
.section--related .card:nth-child(14) .card--body h2 {
font-size: 1.5em;
font-size: 5vw
}
@media (min-width: 48em) {
.royalSlider .card:nth-child(10) .card--body h2,
.royalSlider .card:nth-child(14) .card--body h2,
.single header.card:nth-child(10) .card--body h2,
.single header.card:nth-child(14) .card--body h2,
.page header.card:nth-child(10) .card--body h2,
.page header.card:nth-child(14) .card--body h2,
.content--area .card:nth-child(10) .card--body h2,
.content--area .card:nth-child(14) .card--body h2,
.section--related .card:nth-child(10) .card--body h2,
.section--related .card:nth-child(14) .card--body h2 {
font-size: 1.5em
}
}
.royalSlider .card:nth-child(10) .card--body p,
.royalSlider .card:nth-child(14) .card--body p,
.single header.card:nth-child(10) .card--body p,
.single header.card:nth-child(14) .card--body p,
.page header.card:nth-child(10) .card--body p,
.page header.card:nth-child(14) .card--body p,
.content--area .card:nth-child(10) .card--body p,
.content--area .card:nth-child(14) .card--body p,
.section--related .card:nth-child(10) .card--body p,
.section--related .card:nth-child(14) .card--body p {
display: block
}
@media (min-width: 48em) {
.royalSlider .card:nth-child(8) .card--body p,
.single header.card:nth-child(8) .card--body p,
.page header.card:nth-child(8) .card--body p,
.content--area .card:nth-child(8) .card--body p,
.section--related .card:nth-child(8) .card--body p {
display: block;
font-size: 1.2em
}
}
.loading--more .alm-btn-wrap {
padding-top: 6px
}
@media (min-width: 48em) {
.content--area .loading--more .card {
width: 50%;
float: left;
margin: 0;
border: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff
}
.content--area .loading--more .card:nth-child(3),
.content--area .loading--more .card:nth-child(4),
.content--area .loading--more .card:nth-child(5) {
width: 33.33333333333%
}
.content--area .loading--more .card:nth-child(2),
.content--area .loading--more .card:nth-child(5) {
border-right: 0
}
.content--area .loading--more .card:nth-child(1) {
margin-top: 4%
}
.content--area .loading--more .card:nth-child(3) {
clear: left
}
.content--area .loading--more .card:nth-child(5) .card--header {
display: block
}
.content--area .loading--more .card .card--container {
padding-bottom: 75%
}
}
.content--area .loading--more .card .card--header {
color: #fff !important
}
@media (min-width: 48em) {
.content--area .loading--more .card .card--header {
width: 64%;
left: 18%;
top: 22%
}
}
.content--area .loading--more .card .card--header time {
color: #fff !important
}
@media (min-width: 48em) {
.content--area .loading--more .card .card--header time {
display: none
}
}
@media (min-width: 64em) {
.content--area .loading--more .card .card--header time {
display: block
}
}
.content--area .loading--more .card .card--header a {
color: white
}
@media (min-width: 48em) {
.content--area .loading--more .card .card--header p {
color: #fff !important
}
}
@media (min-width: 48em) {
.content--area .loading--more .card .card--body {
background: rgba(0, 0, 0, 0.8);
text-align: center;
height: 60%;
width: 70%;
left: 15%;
top: 20%;
padding: 5%
}
.content--area .loading--more .card .card--body h2 {
font-family: "triumphbrokmanlight", Arial, sans-serif;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 80%
}
.content--area .loading--more .card .card--body h2 a {
color: #fff !important
}
}
@media (min-width: 48em) {
.content--area .loading--more .card .card--body h2 {
font-size: 1.25em;
font-size: 2vw
}
}
@media (min-width: 75em) {
.content--area .loading--more .card .card--body h2 {
font-size: 1.4em
}
}
@media (min-width: 48em) {
.content--area .loading--more .card .card--footer {
display: none
}
}
.royalSlider .card .card--body,
.single header.card .card--body,
.page header.card .card--body,
.section--related .card .card--body {
width: 45%
}
@media (min-width: 48em) {
.verticalSlide .card .card--body,
.royalSlider .card .card--body,
.single header.card .card--body,
.page header.card .card--body,
.section--related .card .card--body {
width: 40%;
}
}
@media (min-width: 64em) {
.royalSlider .card .card--body,
.single header.card .card--body,
.page header.card .card--body,
.section--related .card .card--body {
top: 12%
}
.verticalSlide .card .card--body {
left: 6%;
top: 60%;
-webkit-transform: translateY(-40%);
-ms-transform: translateY(-40%);
transform: translateY(-40%);
}
.verticalSlide .card .card--footer {
margin-top: 25%;
}
}
@media (orientation: landscape) {
.verticalSlide .card .card--body {
left: 6%;
top: 60%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.verticalSlide .card .card--footer {
margin-top: 25%;
}
.nav__title {
padding-left: 6%;
padding-right: 6%;
}
}
@media (orientation: landscape) and (min-width: 64em) {
.nav__title {
padding-left: 0
}
}
@media (orientation: portrait) {
.verticalSlide .card .card--footer {
}
}
@media (min-width: 48em) {
.verticalSlide .card .card--body h2,
.royalSlider .card .card--body h2,
.single header.card .card--body h2,
.page header.card .card--body h2,
.section--related .card .card--body h2 {
text-transform: none;
font-size: 2.8em;
font-size: 5.1vw
}
}
@media (min-width: 75em) {
.royalSlider .card .card--body h2,
.single header.card .card--body h2,
.page header.card .card--body h2,
.section--related .card .card--body h2 {
font-size: 4em
}
}
@media (min-width: 48em) {
.verticalSlide .card .card--body p,
.royalSlider .card .card--body p,
.single header.card .card--body p,
.page header.card .card--body p,
.section--related .card .card--body p {
display: block;
font-size: 1.2em
}
.verticalSlide .card .card--body p.indicator {
font-size: 0.7em;
}
}
@media (min-width: 75em) {
.verticalSlide .card .card--body p {
font-size: 1.6vw;
}
.verticalSlide .card .card--body p.indicator {
font-size: 0.95vw;
}
}
.page header.card .card--container {
padding-bottom: 50%
}
@media (min-width: 48em) {
.page header.card .card--container {
padding-bottom: 38%
}
}
.page header.card .card--body h2 {
color: white
}
.signpost--type1,
.signpost--type2,
.signpost--type3 {
clear: both;
overflow: hidden;
position: relative;
border-top: 2px solid white;
border-bottom: 2px solid white
}
@media (min-width: 48em) {
.signpost--type1,
.signpost--type2,
.signpost--type3 {
border: none
}
}
.signpost--type1,
.signpost--type2,
.signpost--type3 {
background: black;
background: -moz-radial-gradient(center, ellipse cover, #3d3d3d 0%, #000 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #3d3d3d), color-stop(100%, #000));
background: -webkit-radial-gradient(center, ellipse cover, #3d3d3d 0%, #000 100%);
background: -o-radial-gradient(center, ellipse cover, #3d3d3d 0%, #000 100%);
background: -ms-radial-gradient(center, ellipse cover, #3d3d3d 0%, #000 100%);
background: radial-gradient(ellipse at center, #3d3d3d 0%, #000 100%);
color: white
}
.signpost--type1 {
padding-bottom: 7em;
}
.signpost--container {
height: 18em
}
@media (min-width: 48em) {
.signpost--type1,
.signpost--type2,
.signpost--type3 {
clear: none
}
.signpost--container {
height: auto
}
.signpost--type1 {
float: right;
width: 23%;
margin-right: 4%;
margin-top: 3.5%;
padding-bottom: 0;
border-left: 2px solid white
}
.signpost--type1 .signpost--container {
padding-bottom: 35.2%;
}
.signpost--type2 {
width: 23%;
float: left;
border-right: 2px solid white;
border-top: 2px solid white
}
.signpost--type2 .signpost--container {
padding-bottom: 128%
}
.signpost--type3 {
width: 23%;
float: left;
margin-top: 9%;
border: 2px solid white
}
.signpost--type3 .signpost--container {
padding-bottom: 134%
}
.signpost--heading {
position: absolute;
z-index: 2
}
}
.signpost--container p,
.signpost--container h2,
.signpost--container h3,
.signpost--container footer {
position: absolute
}
.signpost--container h2 {
width: 90%;
left: 5%;
text-transform: uppercase
}
@media (min-width: 48em) {
.signpost--container h2 {
width: 80%;
left: 10%
}
}
.signpost--container h2 {
font-size: 2em
}
@media (min-width: 48em) {
.signpost--container h2 {
font-size: 1em;
font-size: 2.3vw
}
}
@media (min-width: 75em) {
.signpost--container h2 {
font-size: 1.618em
}
}
.social--spotify__playlist h2,
.social--signup__email h2,
.social--twitter__ftr h2,
.social--instagram__competition h2,
.social--instagram__triumph h2,
.video--widget__playlist h2 {
top: 1em;
margin: 0;
line-height: 1
}
.social--spotify__playlist .btn--icons,
.social--signup__email .btn--icons,
.social--twitter__ftr .btn--icons,
.social--instagram__competition .btn--icons,
.social--instagram__triumph .btn--icons,
.video--widget__playlist .btn--icons {
position: absolute;
top: 50%;
left: 50%;
background: green;
width: 36px;
height: 36px;
margin-top: -18px;
margin-left: -18px
}
@media (min-width: 48em) {
.social--spotify__playlist .btn--icons,
.social--signup__email .btn--icons,
.social--twitter__ftr .btn--icons,
.social--instagram__competition .btn--icons,
.social--instagram__triumph .btn--icons,
.video--widget__playlist .btn--icons {
width: 32px;
height: 32px;
margin-top: -16px;
margin-left: -16px
}
}
@media (min-width: 64em) {
.social--spotify__playlist .btn--icons,
.social--signup__email .btn--icons,
.social--twitter__ftr .btn--icons,
.social--instagram__competition .btn--icons,
.social--instagram__triumph .btn--icons,
.video--widget__playlist .btn--icons {
width: 48px;
height: 48px;
margin-top: -24px;
margin-left: -24px
}
}
.video--widget__playlist .cta--video {
text-align: center;
padding: 1em 0;
}
.video--widget__playlist .cta--video p {
font-size: 1em;
color: white;
text-decoration: none;
line-height: 1.4;
display: inline-block;
text-align: center;
position: static;
padding: 0;
}
@media (min-width: 48em) {
.video--widget__playlist .cta--video {
padding:0;
margin-top: .2em;
}
.video--widget__playlist .cta--video p {
font-size: .5em;
}
}
@media (min-width: 64em) {
.video--widget__playlist .cta--video p {
font-size: .7em;
}
}
@media (min-width: 75em) {
.video--widget__playlist .cta--video p {
font-size: .8em;
}
}
.social--spotify__playlist footer,
.social--signup__email footer,
.social--twitter__ftr footer,
.social--instagram__competition footer,
.social--instagram__triumph footer,
.video--widget__playlist footer {
bottom: 0;
width: 100%;
background: #242021;
padding: 1em 5%
}
@media (min-width: 48em) {
.social--spotify__playlist footer,
.social--signup__email footer,
.social--twitter__ftr footer,
.social--instagram__competition footer,
.social--instagram__triumph footer,
.video--widget__playlist footer {
padding: .7em 10%
}
}
.social--spotify__playlist footer a,
.social--signup__email footer a,
.social--twitter__ftr footer a,
.social--instagram__competition footer a,
.social--instagram__triumph footer a,
.video--widget__playlist footer a {
border-radius: .8em;
border: solid 1px #fff;
color: #fff;
text-decoration: none;
text-transform: uppercase;
padding: .5em .8em;
font-family: 'triumphbrokmanlight';
float: left;
margin-top: 1.5em;
float: left;
margin-top: .4em;
font-size: 1.2em
}
@media (min-width: 48em) {
.social--spotify__playlist footer a,
.social--signup__email footer a,
.social--twitter__ftr footer a,
.social--instagram__competition footer a,
.social--instagram__triumph footer a,
.video--widget__playlist footer a {
margin: 0
}
}
@media (min-width: 48em) {
.social--spotify__playlist footer a,
.social--signup__email footer a,
.social--twitter__ftr footer a,
.social--instagram__competition footer a,
.social--instagram__triumph footer a,
.video--widget__playlist footer a {
font-size: .75em
}
}
@media (min-width: 64em) {
.social--spotify__playlist footer a,
.social--signup__email footer a,
.social--twitter__ftr footer a,
.social--instagram__competition footer a,
.social--instagram__triumph footer a,
.video--widget__playlist footer a {
font-size: 1em;
padding: .3em .8em;
border-radius: .6em
}
}
.social--instagram__competition {
background: url(../img/social/signpost--instagram__bg.jpg) no-repeat center center;
background-size: cover
}
.social--instagram__competition h2 span {
text-transform: uppercase;
color: #e4a40c
}
.social--instagram__competition .icons__insta {
background: url(../img/icons/instagram--white.png);
background: url(../img/icons/instagram--white.svg)
}
.social--instagram__competition h3 {
z-index: 2;
top: 0;
right: 0;
margin: 0;
display: block;
background: #e4a40c;
text-align: center;
color: black;
text-transform: uppercase;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
line-height: 1;
font-size: 1.618em;
margin-right: -3.5em;
margin-top: -.8em;
padding-bottom: .2em;
padding-top: 1.618em;
width: 9em
}
@media (min-width: 48em) {
.social--instagram__competition h3 {
font-size: 1em
}
}
.social--instagram__competition span {
display: block;
text-transform: none
}
.social--instagram__competition p {
width: 90%;
left: 5%;
bottom: 6.5em;
line-height: 1.2;
margin: 0;
display: none
}
@media (min-width: 30em) {
.social--instagram__competition p {
display: block
}
}
@media (min-width: 48em) {
.social--instagram__competition p {
width: 80%;
left: 10%;
font-size: .8em;
font-size: 1.6vw;
bottom: 5.5em
}
}
@media (min-width: 64em) {
.social--instagram__competition p {
font-size: 1.2em;
bottom: 4em
}
}
.social--instagram__competition p span:before {
content: "#"
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translateY(100px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@media (min-width: 75em) {
.js.csstransitions .home .content--area.sliding--in .card,
.js.csstransitions .home .content--area.sliding--in aside {
opacity: 0;
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-webkit-transform: translateY(100px);
transform: translateY(100px)
}
.js.csstransitions .home .content--area.sliding--in .card.animate,
.js.csstransitions .home .content--area.sliding--in aside.animate {
-ms-transform: translateY(0);
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
-ms-animation: slideInUp 0.65s ease forwards;
-moz-animation: slideInUp 0.65s ease forwards;
-webkit-animation: slideInUp 0.65s ease forwards;
animation: slideInUp 0.65s ease forwards
}
.js.csstransitions .home .content--area.sliding--in .card:nth-child(1n) {
-ms-animation-delay: .1s;
-moz-animation-delay: .1s;
-webkit-animation-delay: .1s;
animation-delay: .1s
}
.js.csstransitions .home .content--area.sliding--in .card:nth-child(2n) {
-ms-animation-delay: .2s;
-moz-animation-delay: .2s;
-webkit-animation-delay: .2s;
animation-delay: .2s
}
.js.csstransitions .home .content--area.sliding--in .card:nth-child(3n) {
-ms-animation-delay: .3s;
-moz-animation-delay: .3s;
-webkit-animation-delay: .3s;
animation-delay: .3s
}
.js.csstransitions .home .content--area.sliding--in .card:nth-child(4n) {
-ms-animation-delay: .4s;
-moz-animation-delay: .4s;
-webkit-animation-delay: .4s;
animation-delay: .4s
}
}
.social--spotify__playlist {
background: url(../img/social/signpost--spotify__bg.jpg) repeat-x top center
}
.social--spotify__playlist h2 span {
display: block;
color: #8bc63e
}
.social--spotify__playlist .icons__play {
background: url(../img/icons/play.png);
background: url(../img/icons/play.svg)
}
.social--spotify__playlist footer img {
float: right;
width: 4em
}
@media (min-width: 48em) {
.social--spotify__playlist footer img {
display: none
}
}
@media (min-width: 75em) {
.social--spotify__playlist footer img {
display: block;
width: 2.3em
}
}
.social--instagram__triumph {
height: 38em;
background: url(../img/social/signpost--instagram__bg.jpg) repeat top center;
background-size: auto
}
@media (min-width: 48em) {
.social--instagram__triumph {
height: auto
}
}
.social--instagram__triumph .flag,
.video--widget__playlist .flag {
position: absolute;
z-index: 2;
top: 0;
right: 0;
margin: 0;
display: block;
background: #e4a40c;
text-align: center;
color: black;
text-transform: uppercase;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
line-height: 1;
font-size: 1.618em;
margin-right: -3.5em;
margin-top: -.8em;
padding-bottom: .2em;
padding-top: 4em;
width: 10em
}
.video--widget__playlist .flag {
background: #48a1d9;
}
@media (min-width: 48em) {
.social--instagram__triumph .flag,
.video--widget__playlist .flag {
font-size: 1em
}
}
.social--instagram__triumph h2 span {
display: block;
color: #e4a40c
}
.social--instagram__triumph .icons__instagram,
.video--widget__playlist .icons__video {
top: 0;
left: 100%;
margin-left: -40px;
z-index: 8;
margin-top: 13px;
width: 30px;
height: 30px;
}
.social--instagram__triumph .icons__instagram {
background: url(../img/icons/instagram--white.png);
background: url(../img/icons/instagram--white.svg)
}
.video--widget__playlist .icons__video {
background: url(../img/icons/video--white.png);
background: url(../img/icons/video--white.svg)
}
.social--instagram__triumph #insta--triumph {
position: absolute;
top: 0;
height: 100%;
width: 100%
}
.social--instagram__triumph header {
display: none
}
.social--instagram__triumph .frame,
.video--widget__playlist .frame {
padding: 10em 0 0 0;
margin: 0 auto;
display: block;
max-width: 17em;
max-height: 21.9em;
}
@media (min-width: 48em) {
.social--instagram__triumph .frame {
max-width: auto;
padding: 35% 20% 0 20%
}
.video--widget__playlist .frame {
max-width: auto;
padding: 40% 20% 0 20%
}
}
.video--widget__playlist .rsArrow {
position: absolute;
top: 30%;
right: -24%;
width: 30px;
height: 30px;
}
@media (min-width: 48em) {
.video--widget__playlist .rsArrow {
width: 20px;
height: 20px;
}
}
@media (min-width: 64em) {
.video--widget__playlist .rsArrow {
width: 30px;
height: 30px;
}
}
.video--widget__playlist .rsArrow.rsArrowLeft {
left: -24%;
}
.social--instagram__triumph .frame span {
display: none !important
}
.social--instagram__triumph .frame img,
.video--widget__playlist .frame img {
box-shadow: 0px 0px 20px #000;
border: solid 3px white
}
.social--instagram__triumph .frame-title {
display: none
}
.social--instagram__triumph .insta-menu {
position: absolute;
height: 16px;
top: 50%;
width: 100%;
margin-top: -8px
}
.social--instagram__triumph .insta-menu a {
display: block;
position: absolute
}
.social--instagram__triumph .insta-menu .prev {
left: 5%
}
.social--instagram__triumph .insta-menu .next {
right: 5%
}
.social--instagram__triumph [class^="icon-"],
.social--instagram__triumph [class*=" icon-"] {
display: inline-block;
text-decoration: inherit;
vertical-align: middle;
/*background-image: url("../img/icons/icons-white.svg");*/
background-repeat: no-repeat;
width: 30px;
height: 30px;
font-size: 0;
color: transparent
}
.social--instagram__triumph .icon-prev {
/*background-position: -32px 0*/
background-image: url("../img/icons/arrow--left.svg");
}
.social--instagram__triumph .icon-next {
background-image: url("../img/icons/arrow--right.svg");
}
@media (min-width: 48em) {
.social--instagram__triumph .icon-next,
.social--instagram__triumph .icon-prev {
width: 20px;
height: 20px;
}
}
@media (min-width: 64em) {
.social--instagram__triumph .icon-next,
.social--instagram__triumph .icon-prev {
width: 30px;
height: 30px;
}
}
.social--signup__email,
.video--widget__playlist {
background: url(../img/social/background--email__bg.jpg) repeat top center;
background-size: auto
}
.social--signup__email .flag {
position: absolute;
z-index: 2;
top: 0;
right: 0;
margin: 0;
display: block;
background: #48a1d9;
text-align: center;
color: black;
text-transform: uppercase;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
line-height: 1;
font-size: 1.618em;
margin-right: -3.5em;
margin-top: -.8em;
padding-bottom: .2em;
padding-top: 4em;
width: 10em
}
@media (min-width: 48em) {
.social--signup__email .flag {
font-size: 1em
}
}
@media (min-width: 64em) {
.social--signup__email .flag {
margin-top: -1.4em;
padding-bottom: .2em;
padding-top: 5em;
width: 12em
}
}
.social--signup__email h2,
.video--widget__playlist h2 {
font-size: 1.618em;
top: 1em
}
@media (min-width: 48em) {
.social--signup__email h2 {
font-size: 1.618em;
font-size: 3.5vw
}
.video--widget__playlist h2 {
font-size: 1.2em;
font-size: 2.5vw;
}
}
@media (min-width: 64em) {
.social--signup__email h2 {
top: .5em;
font-size: 2em;
font-size: 3vw
}
.video--widget__playlist h2 {
font-size: 1.618em;
font-size: 2.5vw
}
}
@media (min-width: 75em) {
.social--signup__email h2 {
font-size: 2.8em
}
.video--widget__playlist h2 {
font-size: 1.8em;
}
}
.social--signup__email h2 span,
.video--widget__playlist h2 span {
text-transform: uppercase;
color: #48a1d9
}
.social--signup__email .icons__email {
background: url(../img/icons/email--white.png);
background: url(../img/icons/email--white.svg)
}
.social--signup__email .icons__email {
top: 0;
left: 100%;
margin-left: -40px;
z-index: 8;
margin-top: 13px;
width: 30px;
height: 30px
}
@media (min-width: 64em) {
.social--signup__email .icons__email {
margin-left: -55px;
margin-top: 15px;
width: 40px;
height: 40px
}
}
.social--signup__email h3,
.video--widget__playlist h3 {
z-index: 2;
top: 0;
right: 0;
margin: 0;
display: block;
background: #48a1d9;
text-align: center;
color: black;
text-transform: uppercase;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
line-height: 1;
font-size: 1.618em;
margin-right: -3.5em;
margin-top: -.8em;
padding-bottom: .2em;
padding-top: 1.618em;
width: 9em
}
@media (min-width: 48em) {
.social--signup__email h3,
.video--widget__playlist h3 {
font-size: 1em
}
}
.social--signup__email span,
.video--widget__playlist span {
display: block;
text-transform: none
}
.social--signup__email p,
.video--widget__playlist p {
width: 90%;
left: 5%;
bottom: 6.5em;
line-height: 1.2;
margin: 0
}
@media (min-width: 30em) {
.social--signup__email p,
.video--widget__playlist p {
display: block
}
}
@media (min-width: 48em) {
.social--signup__email p,
.video--widget__playlist p {
width: 80%;
left: 10%;
font-size: .8em;
font-size: 1.6vw;
bottom: 5.5em
}
}
@media (min-width: 64em) {
.social--signup__email p,
.video--widget__playlist p {
font-size: 1.2em;
bottom: 4em
}
}
.social--twitter__ftr {
background: url(../img/social/background--email__bg.jpg) repeat top center
}
.social--twitter__ftr h2 span {
display: block;
color: #48a1d9
}
.social--twitter__ftr .icons__twitter {
background: url(../img/social/twitter--icon__white.png);
background: url(../img/social/twitter--icon__white.svg)
}
.archive,
.search,
.error404,
.blog {
background: url(../img/global/background--section.jpg) no-repeat top center;
background-size: 180%
}
@media (min-width: 30em) {
.archive,
.search,
.error404,
.blog {
background-size: 100%
}
}
@media (min-width: 48em) {
.archive,
.search,
.error404,
.blog {
background-attachment: fixed
}
}
.archive .footer,
.search .footer,
.error404 .footer,
.blog .footer {
margin-top: 2.5em
}
.archive main,
.search main,
.error404 main,
.blog main {
margin-top: 5em
}
.archive--header,
.search--header,
.error404--header {
text-align: center;
width: 80%;
max-width: 45em;
margin: 0 auto
}
.archive--header p,
.search--header p,
.error404--header p {
margin-top: 1.2em;
max-width: 30em;
margin: 1.2em auto;
display: block
}
.archive--header p:after,
.search--header p:after,
.error404--header p:after {
content: "";
width: 32px;
height: 32px;
display: block;
background: red;
margin: 1.2em auto;
background: url(../img/icons/arrow--down.svg)
}
.search--header p:first-child {
margin-bottom: 0
}
.search--header p:first-child:after {
display: none
}
.search--result__none {
margin-bottom: 3em
}
.search--result__none a {
color: black
}
.search--result__none a:hover {
text-decoration: none
}
.heading--title {
text-align: center;
display: inline-block;
text-transform: uppercase;
font-family: "triumphbrokmanbold", Arial, sans-serif;
font-size: 3.5em;
border-bottom: solid 1px black;
line-height: 1.1;
margin-top: 0
}
.section--indicator {
text-transform: uppercase;
font-family: 'triumphbrokmanbold';
border-bottom: solid 1px #000;
font-size: 1.4em;
line-height: 1.2;
display: inline-block;
padding-right: .55em;
margin-left: 1.618em
}
@media (min-width: 75em) {
.section--indicator {
margin-left: 0
}
}
.section--indicator span {
display: inline-block;
position: relative
}
.section--indicator span:after {
content: "";
position: absolute;
height: .5em;
border-bottom: .24em solid black;
bottom: -1px;
width: 50%
}
.section--indicator span:after {
left: 100%;
margin-left: .55em
}
.section--tags,
.section--related {
margin: 1.618em auto
}
.section--tags p,
.section--related p {
margin-top: .2em
}
.section--related {
margin-bottom: 0
}
.single .section--indicator {
font-size: 1.4em;
margin-left: 0
}
@media (min-width: 37.5em) {
.single .section--indicator {
font-size: 2em
}
}
.single .section--indicator span:after {
bottom: -1px
}
.single .section--indicator span span {
font-family: "triumphbrokmanlight", Arial, sans-serif;
font-style: italic
}
.tags--list,
.wp-tag-cloud {
margin: 0;
padding: 1.2em 0
}
.tags--list li,
.wp-tag-cloud li {
background: black;
border-radius: .8em;
display: inline-block;
padding: .5em 1em;
margin-right: .2em;
margin-bottom: .2em
}
.tags--list a,
.wp-tag-cloud a {
color: white;
text-decoration: none;
text-transform: uppercase;
font-family: "triumphbrokmanlight", Arial, sans-serif
}
@media (min-width: 30em) {
.home .archive--latest,
.archive--latest,
.search--latest,
.recent--latest {
padding: 0 1.618em
}
}
.home .archive--latest .card,
.archive--latest .card,
.search--latest .card,
.recent--latest .card {
min-height: 36em;
margin-top: 2.5em;
float: left
}
@media (min-width: 20em) {
.home .archive--latest .card,
.archive--latest .card,
.search--latest .card,
.recent--latest .card {
width: 50%
}
}
@media (min-width: 30em) {
.home .archive--latest .card,
.archive--latest .card,
.search--latest .card,
.recent--latest .card {
width: 48%;
margin-right: 4%
}
}
@media (min-width: 48em) {
.home .archive--latest .card,
.archive--latest .card,
.search--latest .card,
.recent--latest .card {
width: 31%;
margin-right: 3.5%
}
}
@media (min-width: 64em) {
.home .archive--latest .card,
.archive--latest .card,
.search--latest .card,
.recent--latest .card {
min-height: auto
}
}
@media (min-width: 30em) {
.home .archive--latest .card:nth-child(2n),
.archive--latest .card:nth-child(2n),
.search--latest .card:nth-child(2n),
.recent--latest .card:nth-child(2n) {
margin-right: 0
}
}
@media (min-width: 48em) {
.home .archive--latest .card:nth-child(2n),
.archive--latest .card:nth-child(2n),
.search--latest .card:nth-child(2n),
.recent--latest .card:nth-child(2n) {
margin-right: 3.5%
}
.home .archive--latest .card:nth-child(3n),
.archive--latest .card:nth-child(3n),
.search--latest .card:nth-child(3n),
.recent--latest .card:nth-child(3n) {
margin-right: 0
}
}
.home .archive--latest .card--header,
.archive--latest .card--header,
.search--latest .card--header,
.recent--latest .card--header {
margin: 0 auto;
width: 100%;
padding: 5% 8%
}
.home .archive--latest .card--body,
.archive--latest .card--body,
.search--latest .card--body,
.recent--latest .card--body {
padding: 8%
}
@media (min-width: 64em) {
.home .archive--latest .card--body,
.archive--latest .card--body,
.search--latest .card--body,
.recent--latest .card--body {
min-height: 11em
}
}
.home .archive--latest .card--body h2,
.home .archive--latest .card--body p,
.archive--latest .card--body h2,
.archive--latest .card--body p,
.search--latest .card--body h2,
.search--latest .card--body p,
.recent--latest .card--body h2,
.recent--latest .card--body p {
margin-top: .5em
}
.home .archive--latest .card--body h2,
.archive--latest .card--body h2,
.search--latest .card--body h2,
.recent--latest .card--body h2 {
text-transform: uppercase;
font-size: 1.2em;
margin-top: .5em
}
.home .archive--latest .card--body h2 a,
.archive--latest .card--body h2 a,
.search--latest .card--body h2 a,
.recent--latest .card--body h2 a {
text-decoration: none;
color: black
}
.home .archive--latest .card--body h2 a:hover,
.archive--latest .card--body h2 a:hover,
.search--latest .card--body h2 a:hover,
.recent--latest .card--body h2 a:hover {
text-decoration: underline
}
.home .archive--latest .card--body p,
.archive--latest .card--body p,
.search--latest .card--body p,
.recent--latest .card--body p {
margin-top: .5em
}
.home .archive--latest a .card--img,
.archive--latest a .card--img,
.search--latest a .card--img,
.recent--latest a .card--img {
border: none
}
.home .archive--latest .card--footer,
.archive--latest .card--footer,
.search--latest .card--footer,
.recent--latest .card--footer {
padding: 0 8%
}
.home .archive--latest .card--footer a,
.archive--latest .card--footer a,
.search--latest .card--footer a,
.recent--latest .card--footer a {
background: url(../img/icons/arrow--right__black.svg)
}
.search--latest .card {
min-height: 32em
}
@media (min-width: 64em) {
.search--latest .card {
min-height: 40em
}
}
@media (min-width: 64em) {
.archive--latest .card {
position: relative
}
.archive--latest .card .card--img,
.archive--latest .card .card--content__wrap,
.archive--latest .card .card--header,
.archive--latest .card .card--body,
.archive--latest .card .card--footer {
position: absolute
}
.archive--latest .card .card--img__wrap {
overflow: hidden;
display: inline-block;
z-index: 4;
padding-bottom: 75%;
width: 100%;
position: relative
}
.archive--latest .card .card--img {
bottom: 0;
right: 0;
z-index: 1
}
.archive--latest .card .card--content__wrap {
background: #000;
background: rgba(0, 0, 0, 0.6);
width: 80%;
left: 10%;
top: 15%;
text-align: center;
z-index: 5;
height: 65%;
position: relative;
margin-top: -18%
}
.archive--latest .card .card--content__wrap h2 {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
width: 80%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.archive--latest .card .card--content__wrap h2 a {
color: #fff;
font-family: "triumphbrokmanlight", Arial, sans-serif
}
.archive--latest .card .card--content__wrap p {
display: none
}
.archive--latest .card .card--header {
width: 100%;
height: 100%;
left: 0;
top: 0;
text-align: center;
padding: 0
}
.archive--latest .card .card--header time,
.archive--latest .card .card--header p {
color: #fff;
float: none;
position: absolute;
width: 100%
}
.archive--latest .card .card--header time {
bottom: 8%
}
.archive--latest .card .card--header p {
display: block;
top: 0;
margin-top: 1.618em;
position: relative
}
.archive--latest .card .card--body {
width: 100%;
height: 100%;
z-index: 5;
position: relative
}
.archive--latest .card .card--content__wrap,
.archive--latest .card .card--header,
.archive--latest .card .card--footer {
z-index: 3
}
.archive--latest .card .card--content__wrap {
z-index: 5
}
.archive--latest .card .card--img {
width: 148%;
max-width: 148%
}
.archive--latest .card .card--footer {
display: none
}
.archive--latest .card:nth-child(3n) {
margin-right: 3.5%
}
.archive--latest .card:nth-child(5n+1),
.archive--latest .card:nth-child(5n+2) {
width: 48%;
margin-right: 4%;
overflow: hidden
}
.archive--latest .card:nth-child(5n+1) .card-container,
.archive--latest .card:nth-child(5n+2) .card-container {
padding-bottom: 75%
}
.archive--latest .card:nth-child(5n+1) .card--content__wrap,
.archive--latest .card:nth-child(5n+2) .card--content__wrap {
position: absolute;
z-index: 5;
height: 70%;
margin-top: 0
}
.archive--latest .card:nth-child(5n+1) .card--header p,
.archive--latest .card:nth-child(5n+2) .card--header p {
top: 8%;
margin-top: 0;
position: absolute
}
.archive--latest .card:nth-child(5n+1) .card--body,
.archive--latest .card:nth-child(5n+2) .card--body {
position: absolute
}
.archive--latest .card:nth-child(5n+2) {
margin-right: 0
}
.archive--latest .card:nth-child(2),
.archive--latest .card:nth-child(5n) {
margin-right: 0
}
}
@media (min-width: 37.5em) {
.comp--intro .comp--entry {
float: right;
width: 45%
}
}
.comp--intro .comp--entry h3 {
margin-top: 1em
}
.comp--intro .comp--img {
position: relative;
margin-top: 1.618em
}
@media (min-width: 37.5em) {
.comp--intro .comp--img {
float: left;
width: 50%
}
}
.search--result__none,
.search--container {
padding-left: 1.618em
}
@media (min-width: 75em) {
.search--result__none,
.search--container {
padding-left: 0
}
}
.search--container,
.wp-tag-cloud {
padding-left: 2em
}
@media (min-width: 75em) {
.search--container,
.wp-tag-cloud {
padding-left: 0
}
}
@media (min-width: 48em) {
.archive--latest .card:nth-child(3n) {
margin-right: 3.5%
}
.archive--latest .card:nth-child(5n+1),
.archive--latest .card:nth-child(5n+2) {
width: 48%;
margin-right: 4%
}
.archive--latest .card:nth-child(5n+2) {
margin-right: 0
}
.archive--latest .card:nth-child(2),
.archive--latest .card:nth-child(5n) {
margin-right: 0
}
}
.archive--cta a,
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a {
text-transform: uppercase;
background-color: black;
text-decoration: none;
color: white;
background-repeat: no-repeat;
display: block;
border-top: 2px solid white;
font-family: "triumphbrokmanlight", Arial, sans-serif;
font-size: 1.2em;
padding: .8em 7em .8em .8em;
background-image: url(../img/icons/arrow--right.svg);
background-position: 80%;
background-size: 28px
}
@media (min-width: 30em) {
.archive--cta a,
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a {
background-position: 90%;
background-size: 24px;
border-top: 0;
display: inline-block;
min-width: 9em;
font-size: 1em
}
}
@media (min-width: 48em) {
.archive--cta a,
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a {
min-width: 10em;
padding: .8em 8em .8em .8em;
background-position: 90%;
background-size: 24px
}
}
@media (min-width: 64em) {
.archive--cta a,
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a {
padding: .75em 5em .75em 1em;
background-position: 94%;
background-size: 25px
}
}
.archive--cta a:hover,
.posts-navigation .nav-previous a:hover,
.posts-navigation .nav-next a:hover {
text-decoration: underline
}
.archive--cta {
display: inline-block;
clear: both;
width: 100%;
text-align: center
}
@media (min-width: 30em) {
.archive--cta {
margin: 1.618em 0
}
}
.posts-navigation .nav-previous a {
padding: .8em .8em .8em 5em;
background-position: 10%;
background-image: url(../img/icons/arrow--left.svg)
}
@media (min-width: 30em) {
.posts-navigation .nav-previous a {
background-position: 10%
}
}
@media (min-width: 48em) {
.posts-navigation .nav-previous a {
padding: .8em .8em .8em 8em;
background-position: 10%
}
}
@media (min-width: 64em) {
.posts-navigation .nav-previous a {
padding: .75em 1em .75em 5em;
background-position: 8%
}
}
.posts-navigation .nav-next a {
padding: .8em 5em .8em .8em;
background-position: 90%
}
@media (min-width: 48em) {
.posts-navigation .nav-next a {
padding: .8em 8em .8em .8em
}
}
@media (min-width: 64em) {
.posts-navigation .nav-next a {
padding: .75em 5em .75em 1em;
background-position: 92%
}
}
.posts-navigation {
clear: both
}
.posts-navigation h2 {
text-indent: 100%;
white-space: nowrap;
overflow: hidden
}
.posts-navigation .nav-links {
overflow: hidden
}
.posts-navigation .nav-previous {
width: 50%;
float: left;
border-right: 1px solid white;
text-align: right
}
.posts-navigation .nav-next {
width: 50%;
float: right;
border-left: 1px solid white
}
.content--block {
width: 80%;
display: block;
margin: 0 auto
}
@media (min-width: 64em) {
.content--block {
width: 95%;
max-width: 45em
}
}
@media (min-width: 48em) {
.single header.card .card--header {
top: 16%
}
}
@media (min-width: 64em) {
.single header.card .card--header {
top: 22%
}
}
@media (min-width: 48em) {
.single header.card .card--body {
width: 40%
}
}
.single header.card .card--body h1 {
font-size: 1.25em;
font-family: "triumphbrokmanbold", Arial, sans-serif;
text-transform: uppercase
}
@media (min-width: 30em) {
.single header.card .card--body h1 {
font-size: 1.5em;
font-size: 3.5vw
}
}
@media (min-width: 48em) {
.single header.card .card--body h1 {
line-height: 1;
margin-top: 1.4em;
font-size: 3.4em;
font-size: 5.2vw;
text-transform: none
}
}
@media (min-width: 75em) {
.single header.card .card--body h1 {
font-size: 5.5em;
font-size: 5.3vw
}
}
@media (min-width: 48em) {
.single header.card .card--body p {
font-size: 1.2em;
font-size: 1.6vw
}
}
.single header.card .card--footer {
display: inline-block;
left: 50%;
width: 32px;
height: 32px;
background: url(../img/icons/arrow--down.svg);
margin-left: -16px;
margin-top: -16px;
bottom: 5%
}
.single header.card time {
display: none
}
.single article h2,
.single article h3,
.single article h4,
.single article h5,
.single article h6,
.page article h2,
.page article h3,
.page article h4,
.page article h5,
.page article h6 {
font-size: 2em
}
.single article .block__intro p,
.page article .block__intro p {
margin-top: 1em;
font-size: 1.3em
}
.single article .block__intro {
padding-top: 1.618em;
}
.single article .block__intro time {
color: #666;
}
.single article a,
.page article a {
color: black;
text-decoration: underline
}
.single article a:hover,
.page article a:hover {
text-decoration: none
}
.single article figure.wp-caption,
.page article figure.wp-caption {
width: 100% !important;
margin: 1.618em 0 0 0
}
.single article figure.wp-caption figcaption,
.page article figure.wp-caption figcaption {
text-align: center;
margin-top: .8em;
padding: 0 .5em;
font-style: italic;
font-size: 1em
}
@media (min-width: 37.5em) {
.single article figure.wp-caption figcaption,
.page article figure.wp-caption figcaption {
font-size: .8em
}
}
@media (min-width: 37.5em) {
.single article figure.alignleft,
.single article figure.alignright,
.single article .alignleft,
.single article .alignright,
.page article figure.alignleft,
.page article figure.alignright,
.page article .alignleft,
.page article .alignright {
float: left;
width: 60% !important;
margin: 2em 2em 2em -2em
}
}
@media (min-width: 48em) {
.single article figure.alignleft,
.single article figure.alignright,
.single article .alignleft,
.single article .alignright,
.page article figure.alignleft,
.page article figure.alignright,
.page article .alignleft,
.page article .alignright {
width: 40%;
margin: 1.618em 2em 3em -3em
}
}
@media (min-width: 64em) {
.single article figure.alignleft,
.single article figure.alignright,
.single article .alignleft,
.single article .alignright,
.page article figure.alignleft,
.page article figure.alignright,
.page article .alignleft,
.page article .alignright {
margin: 1.618em 2em 3em -8em
}
}
@media (min-width: 75em) {
.single article figure.alignleft,
.single article figure.alignright,
.single article .alignleft,
.single article .alignright,
.page article figure.alignleft,
.page article figure.alignright,
.page article .alignleft,
.page article .alignright {
margin: 1.618em 2em 3em -12em
}
}
.single article figure.alignleft figcaption,
.single article figure.alignright figcaption,
.single article .alignleft figcaption,
.single article .alignright figcaption,
.page article figure.alignleft figcaption,
.page article figure.alignright figcaption,
.page article .alignleft figcaption,
.page article .alignright figcaption {
text-align: center
}
@media (min-width: 37.5em) {
.single article figure.alignleft figcaption,
.single article figure.alignright figcaption,
.single article .alignleft figcaption,
.single article .alignright figcaption,
.page article figure.alignleft figcaption,
.page article figure.alignright figcaption,
.page article .alignleft figcaption,
.page article .alignright figcaption {
text-align: left;
border-left: 1px solid black;
padding-left: 1.2em
}
}
@media (min-width: 37.5em) {
.single article figure.alignright,
.single article .alignright,
.page article figure.alignright,
.page article .alignright {
float: right;
margin: 2em -2em 2em 2em
}
}
@media (min-width: 48em) {
.single article figure.alignright,
.single article .alignright,
.page article figure.alignright,
.page article .alignright {
margin: 1.618em -3em 3em 2em
}
}
@media (min-width: 64em) {
.single article figure.alignright,
.single article .alignright,
.page article figure.alignright,
.page article .alignright {
margin: 1.618em -8em 3em 2em
}
}
@media (min-width: 75em) {
.single article figure.alignright,
.single article .alignright,
.page article figure.alignright,
.page article .alignright {
margin: 1.618em -12em 3em 2em
}
}
.single article figure.alignright figcaption,
.single article .alignright figcaption,
.page article figure.alignright figcaption,
.page article .alignright figcaption {
border-left: 0
}
@media (min-width: 37.5em) {
.single article figure.alignright figcaption,
.single article .alignright figcaption,
.page article figure.alignright figcaption,
.page article .alignright figcaption {
border-right: 1px solid black;
text-align: right;
padding-left: 0;
padding-right: 1.2em
}
}
.simple--quote {
clear: both
}
.simple--quote p {
font-size: 1.618em
}
.simple--quote span {
margin-top: 1em;
text-align: center;
display: block;
color: #952823
}
.image--quote {
position: relative;
margin: 2em 0 0 0
}
.image--quote p.image--quote__caption {
background: black;
color: white;
text-align: center;
font-family: "triumphbrokmanregular", Arial, sans-serif;
margin-top: 0;
font-style: italic;
padding: .6em;
font-size: 1em
}
@media (min-width: 48em) {
.image--quote p.image--quote__caption {
font-size: .8em
}
}
.image--quote blockquote {
position: absolute;
top: 0;
width: auto;
padding: 5% 10%
}
@media (min-width: 75em) {
.image--quote blockquote {
max-width: 60%;
left: 17%
}
}
.image--quote blockquote p {
font-family: "triumphbrokmanregular", Arial, sans-serif;
font-size: 1.2em;
background: none;
color: black;
margin-top: 0
}
@media (min-width: 48em) {
.image--quote blockquote p {
font-size: 1.618em
}
}
.image--quote span {
display: block;
text-align: center;
margin-top: 1em
}
.slider--wrap {
width: 100%;
max-width: 75em;
margin: 1.618em auto;
position: relative
}
.slider--wrap .gallery--caption {
display: none;
width: 25%;
height: 90%;
position: absolute;
top: 10%;
right: 0;
z-index: 2;
padding: 1.618em;
background: black;
color: white
}
@media (min-width: 48em) {
.slider--wrap .gallery--caption {
display: block
}
}
.slider--wrap .gallery--caption p {
margin-top: .5em;
font-size: 1.4em;
font-family: "triumphbrokmandemibold", Arial, sans-serif;
line-height: 1.1;
text-transform: uppercase
}
@media (min-width: 64em) {
.slider--wrap .gallery--caption p {
font-size: 1.618em
}
}
.slider--wrap .slider--gallery {
width: 100%
}
.slider--wrap .slider--gallery .rsArrowLeft,
.slider--wrap .slider--gallery .rsArrowRight {
width: 32px;
height: 32px
}
@media (min-width: 48em) {
.slider--wrap .slider--gallery {
width: 75%
}
.slider--wrap .slider--gallery .rsArrowLeft {
right: -22%
}
.slider--wrap .slider--gallery .rsArrowRight {
right: -29%
}
}
@media (min-width: 64em) {
.slider--wrap .slider--gallery .rsArrowLeft,
.slider--wrap .slider--gallery .rsArrowRight {
width: 40px;
height: 40px
}
}
embed,
iframe,
object {
width: 100%;
max-width: 100%
}
.video--block {
clear: both;
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto;
margin-top: 1.618em
}
.video--block iframe,
.video--block object,
.video--block embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.questions--answers .question span,
.questions--answers .answer span {
font-family: "triumphbrokmandemibold", Arial, sans-serif;
color: #952823
}
.questions--answers .question {
font-family: "triumphbrokmandemibold", Arial, sans-serif
}
.single .trip--stages h2,
.single .trip--stages h4 {
font-size: 1.618em
}
.single .trip--stages h2 {
text-align: center;
color: black
}
.single .trip--stages h2 span {
text-transform: uppercase;
border-bottom: 2px solid #952823
}
.single .trip--stages header {
text-align: center;
clear: both
}
.single .trip--stages h3 {
color: black;
display: inline-block;
text-transform: uppercase;
border: 2px solid black;
padding: .23em .44em
}
.letters--page {
background: url(../img/global/letters/paper--bg.gif) repeat center center;
overflow: hidden
}
.letters--page .content--wrapper {
background: url(../img/global/letters/lined--paper__rippedbottom.jpg) repeat-x bottom center, url(../img/global/letters/lined--paper__repeat.jpg) repeat top center;
margin-top: -.42em;
padding-bottom: 5em
}
.letters--page .block__intro p {
color: #a92121;
margin-top: 0 !important
}
.letters--page .letter-chevron {
width: auto;
max-width: auto;
position: absolute;
top: 8em;
right: 0em;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.letters--page .brush {
width: auto;
max-width: auto;
position: absolute;
top: 2em;
left: 1em
}
@media (min-width: 48em) {
.letters--page .brush {
left: 3em;
top: 7em
}
}
.letters--page .brush-2 {
width: auto;
max-width: auto;
margin-left: 20%
}
.letters--page .brush-3 {
width: auto;
max-width: auto;
margin-left: 60%
}
.letters--page .riders-photo {
margin-top: 2em;
width: 70%;
margin-left: 15%;
border: 5px solid white;
box-shadow: 5px 2px 2px #ccc;
-ms-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
transform: rotate(7deg)
}
@media (min-width: 48em) {
.letters--page .riders-photo {
margin-left: 75%;
margin-bottom: -8.5em;
width: 30%;
max-width: 280px
}
}
.letters--page .slider--wrap .gallery--caption {
background: transparent url(../img/global/letters/gallery--bg__letters.png) no-repeat top left
}
.letters--page .image--quote {
padding-bottom: 3em;
background: url(../img/global/letters/brush-4.png) no-repeat 60% 100%
}
.letters--page .arrow--top {
margin-left: 80%;
width: auto;
margin-bottom: -7em
}
.single article .letter--page__header h2 {
margin-top: 0;
font-size: 1.4em;
font-family: 'triumphbrokmandemibold'
}
@media (min-width: 37.5em) {
.single article .letter--page__header h2 {
font-size: 1.35em
}
}
.single article .letter--page__header h2 a {
text-decoration: none
}
.letter--page__header {
overflow: hidden;
background: url(../img/global/letters/lined--paper__ripped.jpg) repeat-x center bottom, url(../img/global/letters/letters-stamp.png) no-repeat 110% -15%;
padding-bottom: 2.618em;
display: inline-block;
width: 100%
}
@media (min-width: 48em) {
.letter--page__header .letter--heading,
.letter--page__header img {
display: block
}
}
@media (min-width: 48em) {
.letter--page__header h1 {
font-size: 4em
}
}
.letter--page__header h1,
.letter--page__header p {
font-family: 'triumphbrokmanbold';
text-align: center
}
.letter--page__header p.date {
font-style: italic;
font-family: 'triumphbrokmanregular'
}
.letter--page__header p {
line-height: 1.25;
margin-top: .3em;
font-family: 'triumphbrokmanregular';
text-align: center
}
.letter--page__header .slick-slider .slick-list {
padding-top: 30px !important
}
.letter--page__header .slick-slide {
background: url(../img/global/letters/lined--paper__repeat.jpg) repeat top left, url(../img/global/letters/lined--paper__ripped.jpg) repeat top left;
padding: 15px;
position: relative;
box-shadow: 2px 2px 2px #ccc;
-webkit-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
transition: all .5s ease-in
}
.letter--page__header .slick-slide img.image--letter {
border: 5px solid #fff;
box-shadow: 5px 2px 2px #ccc
}
.letter--page__header img.paperclip {
position: absolute;
z-index: 3;
top: -.75em;
right: 1.618em;
width: 30px;
max-width: 30px
}
.letter--page__header .slick-current {
-ms-transform: translate(0px, -30px) rotate(-2deg);
-webkit-transform: translate(0px, -30px) rotate(-2deg);
transform: translate(0px, -30px) rotate(-2deg);
box-shadow: 5px 5px 15px #ccc
}
.letter--page__header .slick--copy {
padding: 1.2em;
height: 90px
}
.letter--heading {
background: url(../img/global/letters/brush-4.png) no-repeat -20% 15%
}
.letter--heading h2 {
margin-bottom: 0;
font-family: 'triumphbrokmandemibold'
}
.letter--heading p.standfirst {
margin-top: .5em;
text-align: left;
font-family: 'triumphbrokmanregular'
}
@media (min-width: 48em) {
.letter--heading h2,
.letter--heading p.standfirst {
width: 65%
}
}
.letter--heading:nth-child(odd) {
background: url(../img/global/letters/brush-4.png) no-repeat -60% 25%
}
.letter--image {
margin-top: 3.618em
}
.letter-stamps {
width: auto;
margin: 0 auto;
display: block;
margin-bottom: -2em
}
@media (min-width: 48em) {
.letter-stamps {
float: right;
margin-right: 11em;
margin-bottom: -6em
}
}
img.lined--paper__separator {
width: 2000px;
max-width: 2000px;
margin-top: 3em
}
.single article .cta--small,
.page article .cta--small {
position: relative;
width: 100%;
max-width: 38em;
margin: 1.618em auto 3em auto
}
@media (min-width: 37.5em) {
.single article .cta--small,
.page article .cta--small {
width: 60%;
max-width: 25em
}
}
@media (min-width: 48em) {
.single article .cta--small,
.page article .cta--small {
width: 40%;
float: left;
margin: 1.618em 2em 3em 0
}
}
@media (min-width: 75em) {
.single article .cta--small,
.page article .cta--small {
margin: 1.618em 2em 3em 8em
}
}
.single article .cta--small .cta--container,
.page article .cta--small .cta--container {
position: absolute;
z-index: 2;
top: 5%;
height: 95%;
width: 80%;
left: 10%
}
.single article .cta--small h4,
.page article .cta--small h4 {
margin-top: 0;
text-transform: uppercase;
font-family: "triumphbrokmanbold", Arial, sans-serif;
line-height: 1
}
.single article .cta--small a,
.page article .cta--small a {
display: block;
background: url(../img/icons/arrow--right.svg);
text-decoration: none;
position: absolute;
bottom: -1.618em;
left: 0;
background-color: black;
background-color: rgba(0, 0, 0, 0.8);
color: white;
background-repeat: no-repeat;
display: inline;
font-family: "triumphbrokmanlight", Arial, sans-serif;
min-width: 9em;
padding: .8em 7em .8em .8em;
background-position: 90%;
background-size: 1.6em;
color: white
}
@media (min-width: 48em) {
.single article .cta--small a,
.page article .cta--small a {
min-width: 10em;
padding: .8em 8em .8em .8em;
background-position: 90%;
background-size: 1.6em
}
}
@media (min-width: 64em) {
.single article .cta--small a,
.page article .cta--small a {
min-width: 12em;
padding: 1em 10em 1em 1em;
background-position: 94%;
background-size: 1.8em
}
}
.single article .cta--small a:hover,
.page article .cta--small a:hover {
text-decoration: underline
}
.section--related .header {
margin-left: 5%
}
.related--items {
margin-top: 1.618em
}
.section--related .related--items .card .card--footer a {
width: 32px;
height: 32px;
min-width: 32px;
display: block;
background-color: transparent;
min-width: auto;
padding: 0;
background-size: cover
}
@media (min-width: 48em) {
.section--related .related--items .card .card--body h2 {
text-transform: uppercase;
line-height: 1;
margin-top: 1.4em;
font-size: 1.4em;
font-size: 2.4vw
}
.section--related .related--items .card .card--body p {
display: none
}
.section--related .related--items .card .card--footer {
bottom: 5%;
right: 5%
}
.section--related .related--items .card:nth-child(1) {
float: right;
width: 34%;
margin-right: 27%
}
.section--related .related--items .card:nth-child(1) .card--container {
padding-bottom: 125%
}
.section--related .related--items .card:nth-child(1) .card--img {
width: 180%;
max-width: 180%
}
.section--related .related--items .card:nth-child(2) {
border-right: 2px solid white;
float: left;
width: 39%;
margin-top: 16%
}
.section--related .related--items .card:nth-child(2) .card--container {
padding-bottom: 141%
}
.section--related .related--items .card:nth-child(2) .card--img {
width: 180%;
max-width: 180%
}
.section--related .related--items .card:nth-child(3) {
border-top: 2px solid white;
clear: right;
float: right;
width: 61%
}
.section--related .related--items .card:nth-child(3) .card--container {
padding-bottom: 46%
}
.section--related .related--items .card:nth-child(3) .card--img {
width: 100%;
max-width: 100%
}
}
@media (min-width: 75em) {
.section--related .related--items .card .card--body h2 {
font-size: 2.125em
}
}
.bio--boxout {
display: none;
background: black;
color: white;
position: relative;
z-index: 1;
margin: 1.618em
}
@media (min-width: 48em) {
.bio--boxout {
display: block;
margin-top: -5em;
max-width: 19em;
float: left
}
}
@media (min-width: 75em) {
.bio--boxout {
margin-left: 5em
}
}
.bio--boxout .bio--boxout__title {
color: white;
padding: 1.3em 1.8em;
font-size: .85em;
margin: 0
}
.bio--boxout .bio--boxout__content {
padding: 2em 1.8em
}
.bio--boxout img {
margin-bottom: 1em
}
.bio--boxout span {
text-transform: uppercase;
font-family: "triumphbrokmandemibold", Arial, sans-serif
}
.bio--boxout p {
margin-top: .2em
}
.article--signpost {
max-width: 15em;
background: #dedede;
margin: 1.618em;
display: none
}
@media (min-width: 48em) {
.article--signpost {
display: block;
float: right
}
}
@media (min-width: 75em) {
.article--signpost {
margin-right: 5em
}
}
.article--signpost .article--signpost__title {
font-family: "triumphbrokmandemibold", Arial, sans-serif;
margin-top: 1em;
font-size: .9em;
text-transform: uppercase;
padding: 1.3em;
margin: 0
}
.article--signpost .article--signpost__title a {
color: black;
text-decoration: none
}
.article--signpost .article--signpost__title a:hover {
text-decoration: underline
}
.article--signpost .article--signpost__more {
color: white;
background-color: black;
display: block;
text-transform: uppercase;
padding: .2em 1.2em;
font-size: .85em;
text-decoration: none
}
.article--signpost .article--signpost__more:hover {
text-decoration: underline
}
.social--content {
display: table;
margin: 0 auto;
padding: 2em 0 2em 0;
clear: both
}
.social--content li {
display: inline
}
.social--content li .icons--sharing {
position: relative;
width: 2.500em;
height: 2.500em;
display: inline-block;
fill: #525151;
text-align: center
}
.social--content li .icons--sharing:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.social--content li .icons--sharing_email {
display: block;
text-align: center;
margin-top: .75em;
padding-top: .3em;
border-top: 0.083em solid black;
color: black
}
.single .bike-launch {
background: #000;
color: #fff
}
.single .bike-launch header.card .card--container {
padding-top: 18%;
position: relative;
z-index: 1
}
.single .bike-launch header.card .card--body {
width: 95%;
left: 2.5%;
top: 3%;
text-align: center;
text-shadow: 2px 2px 5px #222
}
.single .bike-launch header.card .card--header {
display: none
}
.single .bike-launch .content--wrapper {
position: relative;
z-index: 2;
margin-top: -23%
}
.single .bike-launch .video--block {
border: 10px solid #fff;
width: 120%;
max-width: 120%;
padding-bottom: 66.25%;
margin-left: -10%
}
.single .bike-launch .select {
text-align: center;
margin: 40px 0
}
.single .bike-launch .select .select--link {
display: inline-block;
background: #fff;
padding: 2px 7px;
text-decoration: none;
text-transform: uppercase;
font-weight: 700
}
.single .bike-launch .section--indicator,
.single .bike-launch .section--indicator span:after {
color: #fff;
border-color: #fff
}
.single .bike-launch .section--related .related--items .card:nth-child(2),
.single .bike-launch .section--related .related--items .card:nth-child(3) {
border-color: #000
}
.single .bike-launch select#soflow,
select#soflow-color {
-webkit-appearance: button;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
-webkit-padding-end: 20px;
-webkit-padding-start: 2px;
-webkit-user-select: none;
background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
background-position: 97% center;
background-repeat: no-repeat;
border: 1px solid #AAA;
color: #555;
font-size: inherit;
margin: 20px;
overflow: hidden;
padding: 5px 10px;
text-overflow: ellipsis;
white-space: nowrap;
width: 300px
}
.breaking--news {
position: relative;
overflow: hidden;
background: black;
padding: 0 1.618em;
border-bottom: solid 2px white;
display: none
}
.breaking--news h3 {
text-transform: uppercase;
margin-top: .5em;
font-family: "triumphbrokmanbold", Arial, sans-serif;
font-size: 2.2em
}
@media (min-width: 30em) {
.breaking--news h3 {
font-size: 4.8vw
}
}
@media (min-width: 75em) {
.breaking--news h3 {
font-size: 4em
}
}
.breaking--news h3,
.breaking--news p {
color: white;
position: relative;
z-index: 2
}
@media (min-width: 37.5em) {
.breaking--news h3,
.breaking--news p {
width: 50%
}
}
.breaking--news .breaking--news__title {
font-size: 1.4em;
line-height: 1.2;
margin-top: 0em
}
.breaking--news .breaking--news__desc {
padding-bottom: 40%
}
.breaking--news .breaking--news__desc p {
font-size: 1.2em;
line-height: 1.4
}
@media (min-width: 37.5em) {
.breaking--news .breaking--news__desc p {
font-size: 1em;
line-height: 1.2
}
}
@media (min-width: 37.5em) {
.breaking--news .breaking--news__desc {
padding-bottom: 10%
}
}
@media (min-width: 48em) {
.breaking--news .breaking--news__desc {
padding-bottom: 5%
}
}
.breaking--news .breaking--news__desc a {
color: white;
text-decoration: underline
}
.breaking--news .breaking--news__desc a:hover {
text-decoration: none
}
.breaking--news .breaking--img {
position: absolute;
width: 100%;
margin-bottom: -15%;
bottom: 0;
right: 0;
z-index: 1
}
@media (min-width: 37.5em) {
.breaking--news .breaking--img {
width: 60%;
margin-bottom: 0
}
}
@media (min-width: 48em) {
.breaking--news .breaking--img {
width: 80%;
margin-bottom: -10%
}
}
.footer {
border-top: 2px solid white;
padding-bottom: 1.618em;
background: black;
clear: both
}
.footer blockquote p {
color: white;
font-family: "triumphbrokmanlight", Arial, sans-serif
}
.for-the-ride {
width: 2em;
height: 1.76em;
display: block;
margin: 0 auto;
background: url(../img/icons/fortheride.png);
background: url(../img/icons/fortheride.svg)
}
.card--header {
width: 90%;
left: 5%;
top: 5%
}
.card--header p,
.card--header time {
font-family: "triumphbrokmanmedium", Arial, sans-serif;
font-size: 1em
}
@media (min-width: 37.5em) {
.card--header p,
.card--header time {
font-size: .8em
}
}
.card--header a {
text-decoration: none
}
.card--header p {
float: left;
margin: 0
}
.card--header time {
float: right;
display: none
}
@media (min-width: 30em) {
.card--header time {
display: block
}
}
.card--footer {
bottom: 5%;
right: 5%
}
.card--footer a {
display: block;
width: 28px;
height: 28px;
background: url(../img/icons/arrow--right.svg)
}
@media (min-width: 37.5em) {
.card--footer a {
width: 32px;
height: 32px
}
}
html.remodal-is-locked {
overflow: hidden
}
.remodal,
[data-remodal-id] {
display: none
}
.remodal-overlay {
position: fixed;
z-index: 9999;
top: -5000px;
right: -5000px;
bottom: -5000px;
left: -5000px;
display: none
}
.remodal-wrapper {
position: fixed;
z-index: 10000;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: auto;
text-align: center;
-webkit-overflow-scrolling: touch
}
.remodal-wrapper:after {
display: inline-block;
height: 100%;
margin-left: -0.05em;
content: ""
}
.remodal-overlay,
.remodal-wrapper {
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.remodal {
position: relative;
outline: none;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%
}
.remodal-is-initialized {
display: inline-block
}
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
-webkit-filter: blur(3px);
filter: blur(3px)
}
.remodal-overlay {
background: rgba(43, 46, 56, 0.9)
}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.remodal-overlay.remodal-is-opening {
-webkit-animation: remodal-overlay-opening-keyframes 0.3s;
animation: remodal-overlay-opening-keyframes 0.3s
}
.remodal-overlay.remodal-is-closing {
-webkit-animation: remodal-overlay-closing-keyframes 0.3s;
animation: remodal-overlay-closing-keyframes 0.3s
}
.remodal-wrapper {
padding: 10px 10px 0
}
.remodal {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin-bottom: 10px;
padding: 35px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
color: #2b2e38;
background: #fff
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.remodal.remodal-is-opening {
-webkit-animation: remodal-opening-keyframes 0.3s;
animation: remodal-opening-keyframes 0.3s
}
.remodal.remodal-is-closing {
-webkit-animation: remodal-closing-keyframes 0.3s;
animation: remodal-closing-keyframes 0.3s
}
.remodal,
.remodal-wrapper:after {
vertical-align: middle
}
.remodal-close {
position: absolute;
top: 0;
right: 0;
display: block;
overflow: visible;
width: 35px;
height: 35px;
margin: 0;
padding: 0;
cursor: pointer;
-webkit-transition: color 0.2s;
transition: color 0.2s;
text-decoration: none;
color: #95979c;
border: 0;
outline: 0;
background: transparent
}
@media (min-width: 30em) {
.remodal-close {
margin-right: -12px
}
}
@media (min-width: 48em) {
.remodal-close {
margin-right: -18px
}
}
.remodal-close:hover,
.remodal-close:focus {
color: #2b2e38
}
.remodal-confirm,
.remodal-cancel {
font: inherit;
display: inline-block;
overflow: visible;
min-width: 110px;
margin: 0;
padding: 12px 0;
cursor: pointer;
-webkit-transition: background 0.2s;
transition: background 0.2s;
text-align: center;
vertical-align: middle;
text-decoration: none;
border: 0;
outline: 0
}
.remodal-confirm {
color: #fff;
background: #81c784
}
.remodal-confirm:hover,
.remodal-confirm:focus {
background: #66bb6a
}
.remodal-cancel {
color: #fff;
background: #e57373
}
.remodal-cancel:hover,
.remodal-cancel:focus {
background: #ef5350
}
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
padding: 0;
border: 0
}
@-webkit-keyframes remodal-opening-keyframes {
from {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0
}
to {
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes remodal-opening-keyframes {
from {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0
}
to {
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@-webkit-keyframes remodal-closing-keyframes {
from {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
to {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0
}
}
@keyframes remodal-closing-keyframes {
from {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
to {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0
}
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1
}
to {
opacity: 0
}
}
@media only screen and (min-width: 641px) {
.remodal {
max-width: 700px
}
}
.lt-ie9 .remodal-overlay {
background: #2b2e38
}
.lt-ie9 .remodal {
width: 700px
}
.remodal-bg.with-red-theme.remodal-is-opening,
.remodal-bg.with-red-theme.remodal-is-opened {
filter: none
}
.remodal-overlay.with-red-theme {
background-color: #f44336
}
.remodal.with-red-theme {
background: #fff
}
.remodal {
overflow: hidden;
padding: 20px;
border: 10px solid white;
min-height: 220px;
padding-bottom: 68%
}
@media (min-width: 48em) {
.remodal {
max-width: 1024px;
padding-bottom: 0;
height: 534px
}
}
.remodal h2,
.remodal p,
.remodal button {
position: absolute;
z-index: 2
}
.remodal button {
top: 5%;
right: 5%
}
.remodal h2,
.remodal p {
text-align: left;
top: 0;
left: 0;
width: 64%
}
@media (min-width: 37.5em) {
.remodal h2,
.remodal p {
width: 60%
}
}
.remodal h2 {
font-family: 'triumphbrokmanbold';
text-transform: uppercase;
font-size: 2.1em;
font-size: 6.5vw;
line-height: 1
}
@media (min-width: 30em) {
.remodal h2 {
font-size: 7vw
}
}
@media (min-width: 37.5em) {
.remodal h2 {
font-size: 2.6em;
font-size: 7vw
}
}
@media (min-width: 48em) {
.remodal h2 {
font-size: 3.5em
}
}
.remodal .heading {
top: 10%;
left: 5%
}
@media (min-width: 48em) {
.remodal .heading {
top: 4%
}
}
.remodal .description {
top: 5%;
left: 5%;
font-size: 1.3em;
font-size: 4vw
}
@media (min-width: 30em) {
.remodal .description {
font-size: 3.5vw
}
}
@media (min-width: 48em) {
.remodal .description {
font-size: 1.618em
}
}
.remodal img {
z-index: 1;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
max-width: 100%
}
.remodal .takeover--cta {
color: white;
text-decoration: none;
background: black;
background: rgba(0, 0, 0, 0.8) url(../img/icons/arrow--right.svg) no-repeat 90%;
background-size: 25px;
padding: .8em 7em .8em .8em;
min-width: 7em;
font-size: 1em;
display: inline-block
}
.remodal .takeover--cta:hover {
text-decoration: underline
}
.remodal .takeover--cta {
position: absolute;
bottom: 7%;
left: 5%;
z-index: 2
}
.remodal-close {
background: url(../img/icons/close.svg) no-repeat center center;
background-size: 25px 25px;
float: right
}
@media (min-width: 48em) {
.remodal-close {
background-size: 35px 35px
}
}
button.alm-load-more-btn {
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 600;
width: auto;
height: 42px;
line-height: 44px;
background: transparent;
color: black;
border: none;
border: 0px solid black;
margin: 0 0 4px;
padding: 0 20px;
display: inline-block;
position: relative;
-webkit-transition: padding 0.25s ease-in-out;
-moz-transition: padding 0.25s ease-in-out;
transition: padding 0.25s ease-in-out;
text-align: center;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
cursor: pointer
}
.post-type-archive-gallery button.alm-load-more-btn,
.post-type-archive-videos button.alm-load-more-btn {color: white;}
button.alm-load-more-btn:hover {
background-color: black;
border: none;
color: #fff;
text-decoration: none;
/*color: black*/
}
button.alm-load-more-btn:active {
-webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
text-decoration: none
}
button.alm-load-more-btn.loading {
padding-left: 44px
}
button.alm-load-more-btn.done {
cursor: default;
opacity: 0.2;
filter: alpha(opacity=20);
background-color: transparent;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important
}
button.alm-load-more-btn.done:hover {
/*color: white;
background: white;*/
border: none;
}
button.alm-load-more-btn:before,
button.alm-load-more-btn.done:before {
background: none;
width: 0
}
button.alm-load-more-btn.loading:before {
background: #fff url("../img/icons/ajax-loader.gif") no-repeat center center;
width: 30px;
height: 30px;
margin: 6px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: inline-block;
z-index: 0;
content: '';
position: absolute;
left: 0;
overflow: hidden;
-webkit-transition: width 0.5s ease-in-out;
-moz-transition: width 0.5s ease-in-out;
transition: width 0.5s ease-in-out
}
.alm-btn-wrap {
text-align: center;
padding: 10px 10px 30px;
overflow: hidden;
display: block
}
.ajax-load-more-wrap.blue button.alm-load-more-btn {
background-color: #6bb1d9
}
.ajax-load-more-wrap.blue button.alm-load-more-btn:hover,
.ajax-load-more-wrap.blue button.alm-load-more-btn.done {
background-color: #6bb1d9
}
.ajax-load-more-wrap.green button.alm-load-more-btn {
background-color: #98ca68
}
.ajax-load-more-wrap.green button.alm-load-more-btn:hover,
.ajax-load-more-wrap.green button.alm-load-more-btn.done {
background-color: #98ca68
}
.ajax-load-more-wrap.red button.alm-load-more-btn {
background-color: #ca4b4b
}
.ajax-load-more-wrap.red button.alm-load-more-btn:hover,
.ajax-load-more-wrap.red button.alm-load-more-btn.done {
background-color: #b13b3b
}
.ajax-load-more-wrap.purple button.alm-load-more-btn {
background-color: #b369c8
}
.ajax-load-more-wrap.purple button.alm-load-more-btn:hover,
.ajax-load-more-wrap.purple button.alm-load-more-btn.done {
background-color: #b369c8
}
.ajax-load-more-wrap.grey button.alm-load-more-btn {
background-color: #999
}
.ajax-load-more-wrap.grey button.alm-load-more-btn:hover,
.ajax-load-more-wrap.grey button.alm-load-more-btn.done {
background-color: #666
}
.ajax-load-more-wrap.white button.alm-load-more-btn {
background-color: #fff;
color: #666;
border: 1px solid #efefef
}
.ajax-load-more-wrap.white button.alm-load-more-btn:hover,
.ajax-load-more-wrap.white button.alm-load-more-btn.done {
background-color: #fff;
color: #333;
border: none;
}
.ajax-load-more-wrap.white button.alm-load-more-btn.done {
border-color: #fff
}
.alm-listing {
margin: 0;
padding: 0
}
.alm-listing li {
background: none;
margin: 0 0 30px;
padding: 0 0 0 170px;
overflow: hidden;
position: relative;
list-style: none
}
.alm-listing li.no-img {
padding: 0
}
.alm-listing li a {
color: #34383D
}
.alm-listing li p {
margin: 0
}
.alm-listing li h3 {
margin: 0 0 10px
}
.alm-listing li img {
position: absolute;
left: 0;
top: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.alm-btn-wrap {
clear: both;
padding: 35px 10px 0px
}
.ajax-load-more-wrap.white button.alm-load-more-btn {
outline: none;
color: white;
background: black;
border-color: black
}
.ajax-load-more-wrap button {
text-transform: uppercase;
font-family: 'triumphbrokmanlight';
line-height: 1.2
}
button.alm-load-more-btn {
border-radius: 0
}
button.alm-load-more-btn.loading:before {
top: 0
}
.royalSlider {
width: 100%;
height: 552px;
position: relative;
direction: ltr
}
.no-js .royalSlider {
height: auto
}
.royalSlider>* {
float: left
}
.no-js .royalSlider>* {
float: none
}
.no-js .royalSlider .card:nth-child(1),
.no-js .royalSlider .card:nth-child(2) {
display: none
}
.rsWebkit3d .rsSlide {
-webkit-transform: translateZ(0)
}
.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsBBlock,
.rsWebkit3d .rsLink {
-webkit-backface-visibility: hidden
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
-webkit-transform: none
}
.rsOverflow {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
float: left;
-webkit-tap-highlight-color: transparent
}
.rsVisibleNearbyWrap {
width: 100% !important; /* Added !important */
height: 100%;
position: relative;
overflow: hidden;
left: 0;
top: 0;
-webkit-tap-highlight-color: transparent
}
.rsVisibleNearbyWrap .rsOverflow {
position: absolute;
left: 50%; /* Was 0 */
top: 0;
transform: translateX(-50%); /* New */
margin-left: 0 !important; /* New */
}
.rsContainer {
position: relative;
width: 100%;
height: 100%;
-webkit-tap-highlight-color: transparent
}
.rsArrow,
.rsThumbsArrow {
cursor: pointer
}
.rsThumb {
float: left;
position: relative
}
.rsArrow,
.rsNav,
.rsThumbsArrow {
opacity: 1;
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear
}
.rsHidden {
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
-moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
-o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
transition: visibility 0s linear 0.3s, opacity 0.3s linear
}
.rsArrow {
display: block;
position: absolute;
width: 28px;
height: 28px;
z-index: 5;
bottom: 7%;
right: 3%;
background: url(../img/icons/arrow--right.svg)
}
@media (min-width: 48em) {
.rsArrow {
right: 5%;
width: 35px;
height: 35px
}
}
.rsArrowLeft {
right: 15%;
background: url(../img/icons/arrow--left.svg)
}
@media (min-width: 30em) {
.rsArrowLeft {
right: 10%
}
}
.rsGCaption {
width: 100%;
float: left;
text-align: center
}
.royalSlider.rsFullscreen {
position: fixed !important;
height: auto !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
z-index: 2147483647 !important;
top: 0 !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important
}
.royalSlider .rsSlide.rsFakePreloader {
opacity: 1 !important;
-webkit-transition: 0s;
-moz-transition: 0s;
-o-transition: 0s;
transition: 0s;
display: none
}
.rsSlide {
position: absolute;
left: 0;
top: 0;
display: block;
overflow: hidden;
height: 100%;
width: 100%
}
.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
height: auto
}
.rsContent {
width: 100%;
height: 100%;
position: relative
}
.rsPreloader {
position: absolute;
z-index: 0
}
.rsNav {
-moz-user-select: -moz-none;
-webkit-user-select: none;
user-select: none
}
.rsNavItem {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.25)
}
.rsThumbs {
cursor: pointer;
position: relative;
overflow: hidden;
float: left;
z-index: 22
}
.rsTabs {
float: left;
background: none !important
}
.rsTabs,
.rsThumbs {
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent
}
.rsVideoContainer {
width: auto;
height: auto;
line-height: 0;
position: relative
}
.rsVideoFrameHolder {
position: absolute;
left: 0;
top: 0;
background: #141414;
opacity: 0;
-webkit-transition: .3s
}
.rsVideoFrameHolder.rsVideoActive {
opacity: 1
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
position: absolute;
z-index: 50;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 44px
}
.grab-cursor {
cursor: url(grab.png) 8 8, move
}
.grabbing-cursor {
cursor: url(grabbing.png) 8 8, move
}
.rsNoDrag {
cursor: auto
}
.rsLink {
left: 0;
top: 0;
position: absolute;
width: 100%;
height: 100%;
display: block;
z-index: 20;
background: url(blank.gif)
}
.no-js .slick-slider {
display: none
}
.letter--page__header .slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.letter--page__header .slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
.letter--page__header .slick-list:focus {
outline: none
}
.letter--page__header .slick-list.dragging {
cursor: pointer;
cursor: hand
}
.letter--page__header .slick-slider .slick-track,
.letter--page__header .slick-slider .slick-list {
-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)
}
.letter--page__header .slick-track {
position: relative;
top: 0;
left: 0;
display: block
}
.letter--page__header .slick-track:before,
.letter--page__header .slick-track:after {
display: table;
content: ''
}
.letter--page__header .slick-track:after {
clear: both
}
.letter--page__header .slick-loading .slick-track {
visibility: hidden
}
.letter--page__header .slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
margin: 20px;
background: white
}
[dir='rtl'] .letter--page__header.slick-slide {
float: right
}
.letter--page__header .slick-slide img {
display: block
}
.letter--page__header .slick-slide.slick-loading img {
display: none
}
.letter--page__header .slick-slide.dragging img {
pointer-events: none
}
.letter--page__header .slick-initialized .slick-slide {
display: block
}
.letter--page__header .slick-loading .slick-slide {
visibility: hidden
}
.letter--page__header .slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.letter--page__header .slick-arrow.slick-hidden {
display: none
}
.letter--page__header .slick-prev,
.letter--page__header .slick-next {
cursor: pointer;
font-size: 0;
line-height: 0;
position: absolute;
z-index: 10;
top: 50%;
display: block;
background: transparent url(../img/global/letters/arrow--right__bg.png) no-repeat top right;
width: 70px;
height: 70px;
padding: .5em;
margin-top: -10px\9;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none
}
.letter--page__header .slick-prev:hover,
.letter--page__header .slick-prev:focus,
.letter--page__header .slick-next:hover,
.letter--page__header .slick-next:focus {
color: transparent;
outline: none
}
.letter--page__header .slick-prev:hover:before,
.letter--page__header .slick-prev:focus:before,
.letter--page__header .slick-next:hover:before,
.letter--page__header .slick-next:focus:before {
opacity: 1
}
.letter--page__header .slick-prev.slick-disabled:before,
.letter--page__header .slick-next.slick-disabled:before {
opacity: .25
}
.letter--page__header .slick-prev:before,
.letter--page__header .slick-next:before {
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.letter--page__header .slick-prev {
left: 0;
background: transparent url(../img/global/letters/arrow--left__bg.png) no-repeat top right
}
[dir='rtl'] .letter--page__header .slick-prev {
right: 0;
left: auto
}
.letter--page__header .slick-prev:before {
content: url(../img/global/letters/arrow--left__letters.png)
}
[dir='rtl'] .letter--page__header .slick-prev:before {
content: url(../img/global/letters/arrow--right__letters.png)
}
.letter--page__header .slick-next {
right: 0
}
[dir='rtl'] .letter--page__header .slick-next {
right: auto;
left: 0
}
.letter--page__header .slick-next:before {
content: url(../img/global/letters/arrow--right__letters.png)
}
[dir='rtl'] .letter--page__header .slick-next:before {
content: url(../img/global/letters/arrow--left__letters.png)
}
@media (min-width: 48em) {
/* Over States Home */
.home .content--area .card {
background: #000;
}
.home .sliding--in .card:nth-child(9) {
z-index: 2;
}
.home .sliding--in .card:nth-child(2) a,
.home .sliding--in .card:nth-child(2) p,
.home .sliding--in .card:nth-child(3) a,
.home .sliding--in .card:nth-child(3) p,
.home .sliding--in .card:nth-child(4) a,
.home .sliding--in .card:nth-child(4) p,
.home .sliding--in .card:nth-child(7) a,
.home .sliding--in .card:nth-child(7) p,
.home .sliding--in .card:nth-child(8) a,
.home .sliding--in .card:nth-child(8) p,
.home .sliding--in .card:nth-child(9) a,
.home .sliding--in .card:nth-child(9) p,
.home .sliding--in .card:nth-child(11) a,
.home .sliding--in .card:nth-child(11) p,
.home .sliding--in .card:nth-child(12) a,
.home .sliding--in .card:nth-child(12) p {
transition: all .3s ease;
}
.home .sliding--in .card:nth-child(2) a img,
.home .sliding--in .card:nth-child(3) a img,
.home .sliding--in .card:nth-child(4) a img,
.home .sliding--in .card:nth-child(7) a img,
.home .sliding--in .card:nth-child(8) a img,
.home .sliding--in .card:nth-child(9) a img,
.home .sliding--in .card:nth-child(11) a img,
.home .sliding--in .card:nth-child(12) a img {
transition: all .3s ease;
}
.home .sliding--in .card:nth-child(2):hover a,
.home .sliding--in .card:nth-child(2):hover p,
.home .sliding--in .card:nth-child(3):hover a,
.home .sliding--in .card:nth-child(3):hover p,
.home .sliding--in .card:nth-child(4):hover a,
.home .sliding--in .card:nth-child(4):hover p,
.home .sliding--in .card:nth-child(7):hover a,
.home .sliding--in .card:nth-child(7):hover p,
.home .sliding--in .card:nth-child(8):hover a,
.home .sliding--in .card:nth-child(8):hover p,
.home .sliding--in .card:nth-child(9):hover a,
.home .sliding--in .card:nth-child(9):hover p,
.home .sliding--in .card:nth-child(11):hover a,
.home .sliding--in .card:nth-child(11):hover p,
.home .sliding--in .card:nth-child(12):hover a,
.home .sliding--in .card:nth-child(12):hover p {
color: #fff!important;
}
.home .sliding--in .card:nth-child(2):hover a img,
.home .sliding--in .card:nth-child(3):hover a img,
.home .sliding--in .card:nth-child(4):hover a img,
.home .sliding--in .card:nth-child(7):hover a img,
.home .sliding--in .card:nth-child(8):hover a img,
.home .sliding--in .card:nth-child(9):hover a img,
.home .sliding--in .card:nth-child(11):hover a img,
.home .sliding--in .card:nth-child(12):hover a img {
margin-right: -5%;
opacity: 0.4;
}
.home .sliding--in .card:nth-child(2):hover a img,
.home .sliding--in .card:nth-child(9):hover a img {
width: 200%;
max-width: 200%;
}
.home .sliding--in .card:nth-child(3):hover a img {
width: 200%;
max-width: 200%;
}
.home .sliding--in .card:nth-child(4):hover a img,
.home .sliding--in .card:nth-child(8):hover a img,
.home .sliding--in .card:nth-child(12):hover a img {
width: 110%;
max-width: 110%;
}
.home .sliding--in .card:nth-child(7):hover a img {
width: 180%;
max-width: 180%;
}
.home .sliding--in .card:nth-child(11):hover a img {
width: 160%;
max-width: 160%;
}
.home .sliding--in .card:nth-child(2) .card--body p,
.home .sliding--in .card:nth-child(3) .card--body p,
.home .sliding--in .card:nth-child(4) .card--body p,
.home .sliding--in .card:nth-child(7) .card--body p,
.home .sliding--in .card:nth-child(9) .card--body p,
.home .sliding--in .card:nth-child(11) .card--body p,
.home .sliding--in .card:nth-child(12) .card--body p {
position: absolute;
bottom: -40%;
display: block;
opacity: 0;
}
.home .sliding--in .card:nth-child(2):hover .card--body p,
.home .sliding--in .card:nth-child(3):hover .card--body p,
.home .sliding--in .card:nth-child(4):hover .card--body p,
.home .sliding--in .card:nth-child(7):hover .card--body p,
.home .sliding--in .card:nth-child(9):hover .card--body p,
.home .sliding--in .card:nth-child(11):hover .card--body p,
.home .sliding--in .card:nth-child(12):hover .card--body p {
display: block;
position: absolute;
bottom: 0;
line-height: 1.2;
opacity: 1;
}
.home .sliding--in .card:nth-child(2) .card--body,
.home .sliding--in .card:nth-child(4) .card--body,
.home .sliding--in .card:nth-child(7) .card--body,
.home .sliding--in .card:nth-child(9) .card--body,
.home .sliding--in .card:nth-child(11) .card--body,
.home .sliding--in .card:nth-child(12) .card--body {
height: 80%;
}
.home .sliding--in .card:nth-child(3) .card--body {
height: 84%;
}
}
.post-type-archive-videos,
.post-type-archive-gallery {
background: #262626;
color: white;
}
.post-type-archive-videos article {
padding: 1.618em 0;
}
.post-type-archive-videos a,
.post-type-archive-gallery a {
color: white;
}
.post-type-archive-videos .heading--title,
.post-type-archive-gallery .heading--title {
border-color: white;
}
.latest--images figure {
margin: 0;
padding: 0;
border-top: solid 2px #262626;
}
.latest--videos a strong,
.latest--images a strong {
font-family: 'triumphbrokmandemibold';
}
.latest--videos a,
.latest--images a {
text-decoration: none;
}
.latest--images a {
line-height: 1.4;
display: block;
padding: 1em 0 1em 0;
margin-bottom: 1.618em;
}
.latest--videos .cta--video,
.latest--images .cta--gallery {
padding: 0 1.618em;
}
.latest--videos .video--placeholder {
margin-bottom: 1em;
border-top: 1px solid white;
border-bottom: 1px solid white;
}
.post-type-archive-videos .archive--header p:after,
.post-type-archive-gallery .archive--header p:after {
background: url(../img/icons/arrow--down__white.svg);
}
@media (min-width: 30em) {
.latest--videos {
padding: 0 1.618em;
}
.latest--videos .video--placeholder {
border: 1px solid white;
}
.latest--videos .cta--video {
padding: 0 .5em;
}
.latest--videos a {
font-size: .9em;
display: block;
line-height: 1.4;
}
.latest--images .cta--gallery {
display: none;
}
}
@media (min-width: 37.5em) {
.latest--videos {
overflow: hidden;
}
.latest--videos article {
float: left;
width: 48%;
margin-right: 4%;
}
.latest--videos article:nth-child(2n) {
margin-right: 0;
}
}
@media (min-width: 64em) {
.latest--videos article {
float: left;
width: 31%;
min-height: 19.618em;
}
.latest--videos article,
.latest--videos article:nth-child(2n) {
margin-right: 3%;
}
.latest--videos article:nth-child(3n) {
margin-right: 0;
}
}
.latest--images * {
box-sizing: border-box;
}
.latest--images .grid:after {
content: '';
display: block;
clear: both;
}
.latest--images .grid-sizer,
.latest--images .grid-item {
width: 100%;
border-top: solid 2px #262626;
}
@media (min-width: 37.5em) {
.latest--images .grid-sizer,
.latest--images .grid-item {
width: 50%;
border: solid 2px #262626;
}
}
@media (min-width: 64em) {
.latest--images .grid-sizer,
.latest--images .grid-item {
width: 33.333%;
border: solid 2px #262626;
}
}
.latest--images .grid-item {
float: left;
}
.latest--images .grid-item img {
display: block;
max-width: 100%;
}
.latest--images {
display: block;
width: 100%;
padding-bottom: 60px;
position: relative;
}
.latest--images .alm-btn-wrap {
position: absolute;
bottom: -60px;
padding: 0;
margin: 0;
width: 100%;
}
.visibleNearby {
width: 100%;
background: #141414;
color: #FFF;
padding-top: 25px;
max-height: 600px;
margin-top: 1.618em;
}
.rsVisibleNearbyWrap {
max-height: 600px;
}
.visibleNearby .rsArrowLeft {
right: 0;
left: 50px!important;
bottom: 50%!important;
}
.visibleNearby .rsArrowRight {
right: 50px!important;
bottom: 50%!important;
}
.visibleNearby .rsGCaption {
font-size: 16px;
line-height: 18px;
padding: 12px 0 16px;
background: #141414;
width: 100%;
position: static;
float: left;
left: auto;
bottom: auto;
text-align: center;
margin-top: -1px;
margin-bottom: 1.618em;
}
.visibleNearby .rsGCaption span {
display: block;
clear: both;
color: #bbb;
font-size: 14px;
line-height: 22px;
}
.visibleNearby .rsSlide img {
opacity: 0.2;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
.visibleNearby .rsActiveSlide img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
@media screen and (min-width: 0px) and (max-width: 900px) {
#gallery-1 {
padding: 12px 0 12px;
}
#gallery-1 .rsOverflow,
.royalSlider#gallery-1 {
height: 400px !important;
}
}
@media screen and (min-width: 0px) and (max-width: 500px) {
#gallery-1 .rsOverflow,
.royalSlider#gallery-1 {
height: 300px !important;
}
}
.fancybox-enabled {
overflow: hidden; }
.fancybox-enabled body {
overflow: visible;
height: 100%; }
.fancybox-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99993;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
/* Make sure that the first one is on the top */
.fancybox-container ~ .fancybox-container {
z-index: 99992; }
.fancybox-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #0f0f11;
opacity: 0;
transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.fancybox-container--ready .fancybox-bg {
opacity: 0.87;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }
.fancybox-controls {
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: center;
opacity: 0;
z-index: 99994;
transition: opacity .2s;
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
direction: ltr; }
.fancybox-show-controls .fancybox-controls {
opacity: 1; }
.fancybox-infobar {
display: none; }
.fancybox-show-infobar .fancybox-infobar {
display: inline-block;
pointer-events: all; }
.fancybox-infobar__body {
display: inline-block;
width: 70px;
line-height: 44px;
font-size: 13px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
text-align: center;
color: #ddd;
background-color: rgba(30, 30, 30, 0.7);
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: subpixel-antialiased; }
.fancybox-buttons {
position: absolute;
top: 0;
right: 0;
display: none;
pointer-events: all; }
.fancybox-show-buttons .fancybox-buttons {
display: block; }
.fancybox-slider-wrap {
overflow: hidden;
direction: ltr; }
.fancybox-slider-wrap,
.fancybox-slider {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0;
margin: 0;
z-index: 99993;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-tap-highlight-color: transparent; }
.fancybox-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
outline: none;
white-space: normal;
box-sizing: border-box;
text-align: center;
z-index: 99994;
-webkit-overflow-scrolling: touch; }
.fancybox-slide::before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0; }
.fancybox-slide > * {
display: inline-block;
position: relative;
padding: 24px;
margin: 44px 0 44px;
border-width: 0;
vertical-align: middle;
text-align: left;
background-color: #fff;
overflow: auto;
box-sizing: border-box; }
.fancybox-slide--image {
overflow: hidden; }
.fancybox-slide--image::before {
display: none; }
.fancybox-content {
display: inline-block;
position: relative;
margin: 44px auto;
padding: 0;
border: 0;
width: 80%;
height: calc(100% - 88px);
vertical-align: middle;
line-height: normal;
text-align: left;
white-space: normal;
outline: none;
font-size: 16px;
font-family: Arial, sans-serif;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch; }
.fancybox-iframe {
display: block;
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
background: #fff; }
.fancybox-slide--video .fancybox-content,
.fancybox-slide--video .fancybox-iframe {
background: transparent; }
.fancybox-placeholder {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
border: 0;
z-index: 99995;
background: transparent;
cursor: default;
overflow: visible;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
background-size: 100% 100%;
background-repeat: no-repeat;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.fancybox-image,
.fancybox-spaceball {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
max-width: none;
max-height: none;
background: transparent;
background-size: 100% 100%; }
.fancybox-controls--canzoomOut .fancybox-placeholder {
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.fancybox-controls--canzoomIn .fancybox-placeholder {
cursor: -webkit-zoom-in;
cursor: zoom-in; }
.fancybox-controls--canGrab .fancybox-placeholder {
cursor: -webkit-grab;
cursor: grab; }
.fancybox-controls--isGrabbing .fancybox-placeholder {
cursor: -webkit-grabbing;
cursor: grabbing; }
.fancybox-spaceball {
z-index: 1; }
.fancybox-tmp {
position: absolute;
top: -9999px;
left: -9999px;
visibility: hidden; }
.fancybox-error {
position: absolute;
margin: 0;
padding: 40px;
top: 50%;
left: 50%;
width: 380px;
max-width: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #fff;
cursor: default; }
.fancybox-error p {
margin: 0;
padding: 0;
color: #444;
font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; }
.fancybox-close-small {
position: absolute;
top: 0;
right: 0;
width: 44px;
height: 44px;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
outline: none;
background: transparent;
z-index: 10;
cursor: pointer; }
.fancybox-close-small:after {
content: '×';
position: absolute;
top: 5px;
right: 5px;
width: 30px;
height: 30px;
font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
color: #888;
font-weight: 300;
text-align: center;
border-radius: 50%;
border-width: 0;
background: #fff;
transition: background .2s;
box-sizing: border-box;
z-index: 2; }
.fancybox-close-small:focus:after {
outline: 1px dotted #888; }
.fancybox-slide--video .fancybox-close-small {
top: -36px;
right: -36px;
background: transparent; }
.fancybox-close-small:hover:after {
color: #555;
background: #eee; }
/* Caption */
.fancybox-caption-wrap {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 60px 30px 0 30px;
z-index: 99998;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box;
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
opacity: 0;
transition: opacity .2s;
pointer-events: none; }
.fancybox-show-caption .fancybox-caption-wrap {
opacity: 1; }
.fancybox-caption {
padding: 30px 0;
border-top: 1px solid rgba(255, 255, 255, 0.4);
font-size: 14px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
color: #fff;
line-height: 20px;
-webkit-text-size-adjust: none; }
.fancybox-caption a,
.fancybox-caption button {
pointer-events: all; }
.fancybox-caption a {
color: #fff;
text-decoration: underline; }
/* Buttons */
.fancybox-button {
display: inline-block;
position: relative;
width: 44px;
height: 44px;
line-height: 44px;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
cursor: pointer;
background: transparent;
color: #fff;
box-sizing: border-box;
vertical-align: top;
outline: none; }
.fancybox-button--disabled {
cursor: default;
pointer-events: none; }
.fancybox-infobar__body, .fancybox-button {
background: rgba(30, 30, 30, 0.6); }
.fancybox-button:hover {
background: rgba(0, 0, 0, 0.8); }
.fancybox-button::before,
.fancybox-button::after {
content: '';
pointer-events: none;
position: absolute;
border-color: #fff;
background-color: currentColor;
color: currentColor;
opacity: 0.9;
box-sizing: border-box;
display: inline-block; }
.fancybox-button--disabled::before,
.fancybox-button--disabled::after {
opacity: 0.5; }
.fancybox-button--left::after {
left: 20px;
top: 18px;
width: 6px;
height: 6px;
background: transparent;
border-top: solid 2px currentColor;
border-right: solid 2px currentColor;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg); }
.fancybox-button--right::after {
right: 20px;
top: 18px;
width: 6px;
height: 6px;
background: transparent;
border-top: solid 2px currentColor;
border-right: solid 2px currentColor;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.fancybox-button--left {
border-bottom-left-radius: 5px; }
.fancybox-button--right {
border-bottom-right-radius: 5px; }
.fancybox-button--close {
float: right; }
.fancybox-button--close::before, .fancybox-button--close::after {
content: '';
display: inline-block;
position: absolute;
height: 2px;
width: 16px;
top: calc(50% - 1px);
left: calc(50% - 8px); }
.fancybox-button--close::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.fancybox-button--close::after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
/* Loading spinner */
.fancybox-loading {
border: 6px solid rgba(100, 100, 100, 0.4);
border-top: 6px solid rgba(255, 255, 255, 0.6);
border-radius: 100%;
height: 50px;
width: 50px;
-webkit-animation: fancybox-rotate .8s infinite linear;
animation: fancybox-rotate .8s infinite linear;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
z-index: 99999; }
@-webkit-keyframes fancybox-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes fancybox-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
.fancybox-controls {
text-align: left; }
.fancybox-button--left,
.fancybox-button--right,
.fancybox-buttons button:not(.fancybox-button--close) {
display: none !important; }
.fancybox-caption {
padding: 20px 0;
margin: 0; } }
/* Fullscreen */
.fancybox-button--fullscreen::before {
width: 15px;
height: 11px;
left: 15px;
top: 16px;
border: 2px solid;
background: none; }
/* Slideshow button */
.fancybox-button--play::before {
top: 16px;
left: 18px;
width: 0;
height: 0;
border-top: 6px inset transparent;
border-bottom: 6px inset transparent;
border-left: 10px solid;
border-radius: 1px;
background: transparent; }
.fancybox-button--pause::before {
top: 16px;
left: 18px;
width: 7px;
height: 11px;
border-style: solid;
border-width: 0 2px 0 2px;
background: transparent; }
/* Thumbs */
.fancybox-button--thumbs span {
font-size: 23px; }
.fancybox-button--thumbs::before {
top: 20px;
left: 21px;
width: 3px;
height: 3px;
box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; }
.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap,
.fancybox-container--thumbs .fancybox-caption-wrap {
right: 220px; }
.fancybox-thumbs {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: auto;
width: 220px;
margin: 0;
padding: 5px 5px 0 0;
background: #fff;
z-index: 99993;
word-break: normal;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: transparent;
box-sizing: border-box; }
.fancybox-thumbs > ul {
list-style: none;
position: absolute;
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
font-size: 0; }
.fancybox-thumbs > ul > li {
float: left;
overflow: hidden;
max-width: 50%;
padding: 0;
margin: 0;
width: 105px;
height: 75px;
position: relative;
cursor: pointer;
outline: none;
border: 5px solid #fff;
border-top-width: 0;
border-right-width: 0;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box; }
li.fancybox-thumbs-loading {
background: rgba(0, 0, 0, 0.1); }
.fancybox-thumbs > ul > li > img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
max-width: none;
max-height: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.fancybox-thumbs > ul > li:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 2px;
border: 4px solid #4ea7f9;
z-index: 99991;
opacity: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
opacity: 1; }
/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
.fancybox-thumbs {
display: none !important; }
.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap,
.fancybox-container--thumbs .fancybox-caption-wrap {
right: 0; } }
.fancybox-caption-wrap {
text-align: center;
background: transparent;
}
.fancybox-caption {
border: 0;
}
.home .fancybox-button--play,
.post-type-archive-videos .fancybox-button--play,
.post-type-archive-gallery .fancybox-button--play {
display: none!important;
}
.home .fancybox-button--play,
.post-type-archive-videos .fancybox-button--fullscreen,
.post-type-archive-gallery .fancybox-button--fullscreen {
display: none!important;
}
.home .fancybox-button--play,
.post-type-archive-videos .fancybox-button--thumbs,
.post-type-archive-gallery .fancybox-button--thumbs {
display: none!important;
}
.home .fancybox-caption-wrap,
.post-type-archive-videos .fancybox-caption-wrap,
.post-type-archive-gallery .fancybox-caption-wrap {
bottom: 0;
}
@media (min-width: 37.5em) {
.home .fancybox-caption-wrap,
.post-type-archive-videos .fancybox-caption-wrap,
.post-type-archive-gallery .fancybox-caption-wrap {
bottom: 6%;
}
}
.home .fancybox-slider,
.post-type-archive-videos .fancybox-slider,
.post-type-archive-gallery .fancybox-slider {
top: 10%;
left: 15%;
right: 15%;
bottom: 10%;
}
.home .fancybox-content,
.post-type-archive-videos .fancybox-content,
.post-type-archive-gallery .fancybox-content {
border: 2px solid white;
}
.home .fancybox-controls,
.post-type-archive-videos .fancybox-controls,
.post-type-archive-gallery .fancybox-controls {
top: 50%;
}
.home .fancybox-controls,
.post-type-archive-videos .fancybox-controls,
.post-type-archive-gallery .fancybox-controls {
top: 0;
bottom: 0;
}
.fancybox-caption,
.fancybox-infobar__body {
font-family: 'triumphbrokman';
}
.fancybox-caption a {
text-decoration: none;
}
.fancybox-caption a span {
font-family: 'triumphbrokmandemibold';
}
.home .fancybox-infobar__body,
.post-type-archive-videos .fancybox-infobar__body,
.post-type-archive-gallery .fancybox-infobar__body {
position: absolute;
top: 10%;
left: 0;
width: 100%;
text-align: center;
background: none;
font-style: italic;
}
.home .fancybox-button,
.post-type-archive-videos .fancybox-button,
.post-type-archive-gallery .fancybox-button {
top: 50%;
}
.fancybox-button--left {
display: block!important;
background: url(../img/icons/arrow--left.svg) no-repeat center center;
width: 30px;
height: 30px;
}
.home .fancybox-button--left,
.post-type-archive-videos .fancybox-button--left,
.post-type-archive-gallery .fancybox-button--left {
position: absolute;
left: 5%;
margin-top: -15px;
}
.fancybox-button--left:hover {
background: url(../img/icons/arrow--left.svg) no-repeat center center;
}
.fancybox-button--right {
display: block!important;
background: url(../img/icons/arrow--right.svg) no-repeat center center;
width: 30px;
height: 30px;
}
.home .fancybox-button--right,
.post-type-archive-videos .fancybox-button--right,
.post-type-archive-gallery .fancybox-button--right {
position: absolute;
right: 5%;
margin-top: -15px;
}
@media (min-width: 37.5em) {
.home .fancybox-button--left,
.post-type-archive-videos .fancybox-button--left,
.post-type-archive-gallery .fancybox-button--left {
left: 15%;
}
.home .fancybox-button--right,
.post-type-archive-videos .fancybox-button--right,
.post-type-archive-gallery .fancybox-button--right {
right: 15%;
}
}
.fancybox-button--right:hover {
background: url(../img/icons/arrow--right.svg) no-repeat center center;
}
.fancybox-button--left::after,
.fancybox-button--right::after {
display: none;
}
.fancybox-button--left:before,
.fancybox-button--left:after,
.fancybox-button--left:hover:before,
.fancybox-button--left:hover:after
.fancybox-button--right:before,
.fancybox-button--right:hover:before,
.fancybox-button--right:hover:after {
display: none;
}
/* TBC
.fancybox-slide--video .fancybox-content {
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
position: relative;
}
.fancybox-slide--video .fancybox-content iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
*/
.hidden {
display: none !important
}
.hidetext {
text-indent: 100%;
white-space: nowrap;
overflow: hidden
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto
}
.visuallyhidden.focusable:focus {
z-index: 10;
display: inline-block;
background: black;
padding: .5em .618em;
line-height: 1.25;
outline: 0;
color: white;
width: 100%
}
.visuallyhidden.focusable:hover {
color: #ccc;
text-decoration: none
}
.invisible {
visibility: hidden
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table
}
.clearfix:after {
clear: both
}
nav#bullets {
position: fixed;
top: 50%;
right: 5%;
z-index: 999;
transform: translateY(-50%);
background-color: rgba(0,0,0,0.5);
border-radius: 20px;
font-size: .8em;
padding: .4em 0;
}
nav#bullets a {
cursor: pointer;
display: block;
height: .8em;
width: .8em;
border-radius: .4em;
margin: 0 .3em 1.5em .3em;
transition-duration: 0.5s;
background-color: transparent;
border: .16em solid white;
}
nav#bullets a:last-child {
margin-bottom: 0;
}
nav#bullets a.active {
background: white;
}
nav#bullets a:hover {
background: white;
}
/*
nav#bullets span:after {
height: 8px;
width: 8px;
display: block;
content: "";
border: 2px solid white;
border-radius: 50%;
}
nav#bullets span:hover,
nav#bullets a.active span {
background-color: white;
transition-duration: 0.5s;
}
*/
.verticalSlide .section--more {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateY(-50%);
width: 2.3em;
height: 2.3em;
display: block;
background-image: url(../img/icons/arrow--down__white-trans.svg);
background-size: cover;
background-repeat: no-repeat;
}