*
*/
.o-ratio--2\:1:before {
padding-bottom: 50%;
}
.o-ratio--4\:3:before {
padding-bottom: 75%;
}
.o-ratio--16\:9:before {
padding-bottom: 56.25%;
}
/* stylelint-enable */
/* ==========================================================================
#CROP
========================================================================== */
/**
* Provide a cropping container in order to display media (usually images)
* cropped to certain ratios.
*
* 1. Set up a positioning context in which the image can sit.
* 2. This is the crucial part: where the cropping happens.
*/
.o-crop {
position: relative; /* [1] */
display: block;
overflow: hidden; /* [2] */
}
/**
* Apply this class to the content (usually `img`) that needs cropping.
*
* 1. Image’s default positioning is top-left in the cropping box.
* 2. Make sure the media doesn’t stop itself too soon.
*/
.o-crop__content {
position: absolute;
top: 0; /* [1] */
left: 0; /* [1] */
max-width: none; /* [2] */
}
/**
* We can position the media in different locations within the cropping area.
*/
.o-crop__content--right {
right: 0;
left: auto;
}
.o-crop__content--bottom {
top: auto;
bottom: 0;
}
.o-crop__content--center {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* stylelint-disable */
/* Crop-ratio variants.
========================================================================== */
/**
* Generate a series of crop classes to be used like so:
*
*
*
*/
.o-crop--2\:1 {
padding-bottom: 50%;
}
.o-crop--4\:3 {
padding-bottom: 75%;
}
.o-crop--16\:9 {
padding-bottom: 56.25%;
}
/* stylelint-enable */
/* ==========================================================================
#TABLE
========================================================================== */
/**
* A simple object for manipulating the structure of HTML `table`s.
*/
.o-table {
width: 100%;
}
/* Equal-width table cells.
========================================================================== */
/**
* `table-layout: fixed` forces all cells within a table to occupy the same
* width as each other. This also has performance benefits: because the browser
* does not need to (re)calculate cell dimensions based on content it discovers,
* the table can be rendered very quickly. Further reading:
* https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout#Values
*/
.o-table--fixed {
table-layout: fixed;
}
/* Size variants.
========================================================================== */
.o-table--tiny th,
.o-table--tiny td {
padding: 6px;
}
.o-table--small th,
.o-table--small td {
padding: 12px;
}
.o-table--large th,
.o-table--large td {
padding: 48px;
}
.o-table--huge th,
.o-table--huge td {
padding: 96px;
}
/* ==========================================================================
#PACK
========================================================================== */
/**
* The pack object simply causes any number of elements pack up horizontally to
* automatically fill an equal, fluid width of their parent.
*
* 1. Fill all available space.
* 2. Remove any leftover styling from lists.
* 3. Cause children to be automatically equally sized.
*/
.o-pack {
width: 100%; /* [1] */
margin-left: 0; /* [2] */
display: table;
table-layout: fixed; /* [3] */
}
/**
* 1. Cause children to adopt table-like structure.
*/
.o-pack__item {
display: table-cell; /* [1] */
/* Vertical alignment variants.
====================================================================== */
}
.o-pack--middle > .o-pack__item {
vertical-align: middle;
}
.o-pack--bottom > .o-pack__item {
vertical-align: bottom;
}
/* Unequal-width items.
========================================================================== */
.o-pack--auto {
table-layout: auto;
}
/* Size variants.
========================================================================== */
.o-pack--tiny {
border-spacing: 6px;
}
.o-pack--small {
border-spacing: 12px;
}
.o-pack--large {
border-spacing: 48px;
}
.o-pack--huge {
border-spacing: 96px;
}
/* Reversed order packs
========================================================================== */
.o-pack--rev {
direction: rtl;
}
.o-pack--rev > .o-pack__item {
direction: ltr;
}
/*
Theme Name: ResponseSource
Author: Redwire Design
Author URI: http://www.redwiredesign.com
Description: ResponseSource
Version: 1.0
*/
.blockAnchor {
display: block;
width: 100%;
height: 100%;
}
body {
font-family: Roboto, arial, sans-serif;
font-weight: 500;
font-stretch: normal;
font-size: 15px;
line-height: 22px;
color: #333333;
background: #ffffff;
-webkit-font-smoothing: antialiased;
word-break: break-word;
margin: 0;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
position: relative;
width: 100%;
padding: 0;
margin: 0;
list-style-type: none;
color: #333333;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-weight: 700;
}
h1.auto-width, .h1.auto-width,
h2.auto-width, .h2.auto-width,
h3.auto-width, .h3.auto-width,
h4.auto-width, .h4.auto-width,
h5.auto-width, .h5.auto-width,
h6.auto-width, .h6.auto-width {
width: auto;
clear: none;
}
h1, .h1 {
font-size: 46px;
line-height: 54px;
}
h2, .h2 {
font-size: 34px;
line-height: 40px;
}
h3, .h3 {
font-size: 20px;
line-height: 26px;
}
h4, .h4 {
font-size: 18px;
line-height: 24px;
}
h5, .h5 {
font-size: 16px;
line-height: 22px;
}
@media (max-width: 456px) {
h1, .h1 {
font-size: 32px;
line-height: 32px;
}
h2, .h2 {
font-size: 20px;
line-height: 28px;
}
h3, .h3 {
font-size: 18px;
line-height: 26px;
}
h4, .h4 {
font-size: 16px;
line-height: 24px;
}
h5, .h5 {
font-size: 14px;
line-height: 22px;
}
}
.bold {
font-weight: 600;
}
.textWhite {
color: #ffffff !important;
}
.textGreen {
color: #5e9931 !important;
}
.textOrange {
color: #ff6900 !important;
}
.textLightGrey {
color: #999999 !important;
}
.textDarkGrey {
color: #333333 !important;
}
.textDarkGrey * {
color: #333333 !important;
}
.ultrasmalltext {
font-size: 13px;
line-height: 18px;
}
.smalltext {
font-size: 14px;
line-height: 20px;
}
.basetext {
font-size: 15px;
line-height: 22px;
}
.mediumtext {
font-size: 16px;
line-height: 24px;
}
.largetext {
font-size: 18px;
line-height: 26px;
}
@media (max-width: 456px) {
.largetext {
font-size: 16px;
line-height: 24px;
}
}
a {
color: #333333;
text-decoration: none;
width: auto;
height: auto;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
}
.main-content-block a:hover {
color: #ff8733;
}
a:hover {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
}
a.inline {
display: inline;
}
p.halfwidth {
width: 70%;
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 456px) {
p.halfwidth {
width: 90%;
}
}
ul {
position: relative;
display: block;
width: 100%;
clear: both;
margin: 0;
font-weight: 400;
}
ol {
padding-left: 20px;
}
input {
border: 0;
padding-left: 20px;
}
textarea {
background-color: #ffffff;
font-weight: 600;
border: 1px solid #d8d8d8;
padding: 10px;
width: 100%;
max-width: 400px;
height: 180px;
font-size: 15px;
line-height: 22px;
}
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=tel] {
height: 40px;
max-width: 400px;
border-radius: 0;
width: 100%;
outline: 0;
display: block;
background-color: #ffffff;
border: 1px solid #d8d8d8;
padding-left: 10px;
color: #333333;
}
/* hacky/atomic class for original redwire inputs */
.redwire-input {
font-size: 15px !important;
line-height: 22px !important;
}
.redwire-font-fallback-fss * {
font-size: 15px !important;
line-height: 22px !important;
font-stretch: normal !important;
}
.redwire-font-fallback-p p {
margin-bottom: 10px;
}
.redwire-font-fallback * {
font-size: 16px !important;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-weight: 500 !important;
font-stretch: normal !important;
line-height: 22px !important;
}
.redwire-font-fallback-free-trial p {
font-size: 18px !important;
line-height: 24px !important;
margin-bottom: 18px;
}
.redwire-font-fallback-free-trial strong {
font-size: 18px !important;
line-height: 24px !important;
}
.required {
color: #ff6900;
font-size: 22px;
line-height: 28px;
}
@media (max-width: 456px) {
.required {
font-size: 20px;
line-height: 26px;
}
}
@media (max-width: 456px) and (max-width: 456px) {
.required .largishtext {
font-size: 18px;
line-height: 26px;
}
}
@media (max-width: 456px) and (max-width: 456px) and (max-width: 456px) {
.required .largishtext .largetext {
font-size: 16px;
line-height: 24px;
}
}
label,
input[type=checkbox],
input[type=radio],
select {
cursor: pointer;
vertical-align: middle;
display: inline-block;
}
select::-ms-expand {
display: none;
}
select:focus::-ms-value {
background-color: #d8d8d8;
color: #333333;
}
select,
input {
font-size: 15px;
line-height: 22px;
color: #333333;
font-weight: 600;
}
button {
outline: 0;
}
input[type=submit],
textarea {
-webkit-appearance: none;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #d8d8d8 inset;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.main-content {
padding: 30px;
}
@media (max-width: 456px) {
.main-content {
padding: 15px;
}
}
.center {
position: relative;
display: block;
margin: 0 auto;
width: 1060px;
}
.center.small-width {
width: 50%;
min-width: 730px;
}
@media (max-width: 760px) {
.center.small-width {
width: 90%;
min-width: 0px;
}
}
.col_left,
.col_right,
.col_main,
.col_side,
.col_3_1,
.col_3_2,
.col_3_3,
.col_main_right {
float: left;
position: relative;
}
.col_left,
.col_right {
width: 50%;
}
.col_left {
padding-right: 20px;
}
.col_right {
padding-left: 20px;
}
.col_main {
width: 75%;
padding-right: 40px;
}
.col_main_right {
width: 75%;
padding: 0;
}
.col_side {
width: 25%;
}
.col_3_1,
.col_3_2,
.col_3_3 {
width: 33%;
}
.col_3_1 {
padding-right: 20px;
}
.col_3_2 {
padding: 0 20px;
}
.col_3_3 {
padding-left: 20px;
}
@media (max-width: 1140px) {
.center {
width: 90%;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
}
}
@media (max-width: 760px) {
.col_left,
.col_right,
.col_main,
.col_main_right,
.col_side,
.col_3_1,
.col_3_2,
.col_3_3 {
width: 100%;
padding: 0;
}
}
@media (max-width: 456px) {
.center {
width: 90%;
}
}
#container {
position: relative;
display: block;
margin: 0 auto;
width: 1060px;
}
#container.small-width {
width: 50%;
min-width: 730px;
}
@media (max-width: 760px) {
#container.small-width {
width: 90%;
min-width: 0px;
}
}
nav,
footer {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
}
a img {
border: 0;
}
.button {
width: auto;
padding: 10px 12px;
background: #ff6900;
color: #ffffff;
display: inline-block;
outline: 0;
border: 0;
cursor: pointer;
font-size: 14px;
line-height: 20px;
font-weight: 600;
}
.button--footer-promo {
border-radius: 3px;
font-size: 17px;
font-weight: 500;
padding: 10px 12px;
margin-left: 15px;
}
.button:hover {
background-color: #e65e00;
color: #ffffff;
}
.button.white {
background-color: #ffffff;
color: #333333 !important;
}
.button.white:hover {
background-color: #f2f2f2;
color: #333333;
}
.button.grey {
background-color: #dddddd;
color: #999999 !important;
}
.button.grey:hover {
background-color: #d0d0d0;
color: #dddddd;
}
.button.pink {
background: #ff3366;
}
.button.pink:hover {
background-color: #ff1953;
color: #ffffff;
}
.button.green {
background: #5e9931;
}
.button.green:hover {
background-color: #52862b;
color: #ffffff;
}
form {
position: relative;
float: left;
width: 100%;
clear: both;
float: none;
display: block;
}
form ul,
form li {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
}
#filterDates {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
width: auto;
float: right;
}
form.general_form {
margin-top: 10px;
}
form.general_form h2 {
margin-bottom: 10px;
}
form.general_form textarea {
width: 500px;
height: 150px;
font-size: 14px;
color: #333333;
margin-bottom: 20px;
}
form.general_form .button {
display: block;
}
@media (max-width: 456px) {
form.general_form textarea {
width: 100%;
}
}
.rs_success {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
padding: 20px;
border: 2px solid #5e9931;
text-align: center;
}
.rs_success span {
font-size: 18px;
line-height: 26px;
text-align: center;
color: #5e9931;
}
@media (max-width: 456px) {
.rs_success span {
font-size: 16px;
line-height: 24px;
}
}
.rs_errors {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
padding: 20px;
border: 2px solid #ff6900;
}
.rs_errors .error {
font-size: 16px;
line-height: 24px;
font-weight: 600;
margin: 2px 0;
position: relative;
clear: both;
float: left;
}
.rs_col_left {
position: relative;
float: left;
clear: none;
width: 40%;
}
.rs_col_right {
position: relative;
clear: none;
float: right;
width: 40%;
}
@media (max-width: 760px) {
.rs_col_left,
.rs_col_right {
width: 100%;
}
}
.first-letter::first-letter {
font-weight: 600;
color: #ff6900;
font-size: 50px;
line-height: inherit;
float: left;
padding: 10px 15px 20px 0;
margin-bottom: 0px;
}
.speech {
font-weight: 600;
color: #ff6900;
font-size: 50px;
line-height: inherit;
float: left;
padding: 4px 30px 20px 0;
margin-bottom: 0px;
}
@media (max-width: 760px) {
.hide-tablet {
display: none !important;
}
}
@media (max-width: 456px) {
.hide-mob {
display: none !important;
}
}
.icon-right {
vertical-align: middle;
margin-left: 10px;
width: 15px;
}
.center-image {
margin: 0 auto;
display: block;
}
.icon-left {
vertical-align: middle;
margin-right: 10px;
width: 15px;
}
.icon-extra-small {
width: 20px;
}
.icon-small {
width: 25px;
}
.icon-medium {
width: 35px;
}
.block {
display: block;
}
.show {
display: block;
}
.hide {
display: none;
}
.talignleft {
text-align: left;
}
.talignright {
text-align: right;
}
.taligncenter {
text-align: center;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.blockright {
float: right;
}
.blockleft {
float: left;
}
.margin-top-30 {
margin-top: 30px;
}
.margin-top-20 {
margin-top: 20px;
}
.margin-top-10 {
margin-top: 10px;
}
.margin-top-5 {
margin-top: 5px;
}
.margin-bottom-30 {
margin-bottom: 30px;
}
.margin-bottom-20 {
margin-bottom: 20px;
}
.margin-bottom-10 {
margin-bottom: 10px;
}
.margin-bottom-5 {
margin-bottom: 5px;
}
.margin-left-20 {
margin-left: 20px;
}
.margin-right-20 {
margin-right: 20px;
}
.margin-left-10 {
margin-left: 10px;
}
.margin-right-10 {
margin-right: 10px;
}
.margin-left-5 {
margin-left: 5px;
}
.margin-right-5 {
margin-right: 5px;
}
.margin-top-30 {
margin-top: 30px;
}
.margin-top-20 {
margin-top: 20px;
}
.margin-tb-10 {
margin: 10px 0;
}
.margin-tb-5 {
margin: 5px 0;
}
.margin-tb-20 {
margin: 20px 0;
}
.margin-tb-30 {
margin: 30px 0;
}
@media (max-width: 760px) {
.blockright {
float: left;
}
}
@media (max-width: 456px) {
.margin-top-30 {
margin-top: 20px;
}
.margin-top-20 {
margin-top: 15px;
}
.margin-bottom-30 {
margin-bottom: 20px;
}
.margin-bottom-20 {
margin-bottom: 15px;
}
.margin-left-20 {
margin-left: 15px;
}
.margin-right-20 {
margin-right: 15px;
}
.margin-top-30 {
margin-top: 20px;
}
.margin-top-20 {
margin-top: 15px;
}
.margin-tb-20 {
margin: 15px 0;
}
.margin-tb-30 {
margin: 20px 0;
}
}
.border-top {
border-top: 1px solid #dddddd;
}
.border-bottom-orange {
border-bottom: 2px solid #ff6900;
}
.border-bottom-1 {
border-bottom: 1px solid #d8d8d8;
}
.padding-box-10 {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
padding: 10px 0;
}
.padding-box-20 {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
padding: 20px 0;
}
.padding-bottom-10 {
padding-bottom: 10px;
}
.padding-bottom-20 {
padding-bottom: 20px;
}
.outer {
display: table;
position: relative;
height: 100%;
width: 100%;
z-index: 1;
}
.middle {
display: table-cell;
vertical-align: middle;
}
.inner {
margin-left: auto;
margin-right: auto;
width: 90%;
background: transparent;
}
@media (max-width: 760px) {
.inner {
width: 70%;
}
}
@media (max-width: 456px) {
.inner {
width: 90%;
}
}
.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
z-index: 1;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
height: 100%;
background: #111111;
visibility: hidden;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.dropdown {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
height: auto;
width: 400px;
}
.dropdown select {
background-color: #ffffff;
border: 1px solid #d8d8d8;
border-radius: 3px;
padding: 10px 10px;
}
.dropdown:after {
content: "";
position: absolute;
height: 40px;
width: 25px;
right: 5px;
top: 0px;
background: url("img/site-rs/arrow-down-grey.svg") transparent no-repeat center;
background-size: 8px 8px;
pointer-events: none;
}
@media (max-width: 456px) {
.dropdown {
width: 100%;
}
}
.main-content-block {
position: relative;
display: block;
float: left;
clear: both;
width: 100%;
padding: 40px 0;
}
.main-content-block.multiple {
padding: 30px 0;
}
.main-content-block.first {
padding-top: 50px;
}
.main-content-block.last {
padding-bottom: 50px;
}
@media (max-width: 760px) {
.main-content-block {
padding: 30px 0;
}
.main-content-block.first {
padding-top: 30px;
}
.main-content-block.last {
padding-bottom: 30px;
}
.main-content-block.multiple {
padding: 20px 0;
}
}
.main-content-block a:not(.button) {
color: #00A0DD;
}
.main-content-block a:not(.button):hover {
color: #ff6900;
}
.main-content-block ul li {
padding-left: 32px;
text-indent: -32px;
margin: 2px 0;
font-weight: 400;
}
.main-content-block ol li {
font-weight: 400;
}
.main-content-block ul li:before {
content: "• ";
color: #ff6900;
padding-right: 20px;
}
.modal {
position: fixed;
display: none;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(216, 47, 47, 0.6);
z-index: 9;
}
.modal .inner {
padding: 30px;
height: 100%;
max-height: 550px;
background-color: #ffffff;
max-width: 500px;
position: relative;
border-radius: 5px;
}
.modal input,
.modal .button {
margin-left: auto;
margin-right: auto;
}
.modal input[type=text],
.modal input[type=password],
.modal input[type=email] {
width: 70%;
}
.modal .content {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
overflow: auto;
display: block;
background: #333333;
margin: 10px;
padding: 30px 0;
color: #ffffff;
}
@media (max-width: 456px) {
.modal .content {
padding: 20px;
}
}
.modal .highlighted {
color: #ff6900;
}
#clients {
text-align: center;
}
#clients .client {
display: inline-block;
float: left;
margin-right: 50px;
}
#clients .client:last-child {
margin-right: 0;
}
@media (max-width: 456px) {
#clients .client {
margin-right: 0;
float: none;
}
}
#reviews {
text-align: center;
}
#reviews .small-text {
font-size: 14px;
line-height: 16px;
color: #b2b6bc;
}
#reviews h3 {
text-align: left;
}
#reviews-container .review {
display: none;
position: relative;
width: 100%;
float: left;
}
#reviews-container .review.active {
display: block;
}
#reviews-container .review .review_left {
position: relative;
width: 30%;
float: left;
}
@media (max-width: 760px) {
#reviews-container .review .review_left {
width: 100%;
}
}
#reviews-container .review .review_right {
position: relative;
width: 60%;
float: right;
z-index: 1;
background-color: #ffffff;
padding: 0px 15px;
}
@media (max-width: 760px) {
#reviews-container .review .review_right {
width: 100%;
padding: 0px 0px;
}
}
#reviews-container .review .review-image {
height: 150px;
margin: 10px 0;
width: 150px;
border-radius: 50%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
@media (max-width: 456px) {
#reviews-container .review .review-image {
width: 110px;
height: 110px;
}
}
#reviews-container .review .review-content {
width: 38%;
text-align: left;
float: left;
position: relative;
}
#reviews-container .review .review-content:first-child {
margin-right: 23%;
}
@media (max-width: 456px) {
#reviews-container .review .review-content {
width: 100%;
padding: 15px 0;
border-bottom: 1px solid #dddddd;
}
}
#reviews-thumbnails {
position: relative;
display: inline-block;
margin: 0 auto;
float: none;
margin-top: 40px;
}
#reviews-thumbnails .thumbnail {
position: relative;
float: left;
height: 5px;
width: 5px;
background-color: #dddddd;
border-radius: 50%;
margin: 0 5px;
cursor: pointer;
}
#reviews-thumbnails .thumbnail.active {
background-color: #ff6900;
}
#tpl-fat-block {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
padding: 55px 0;
margin-top: 0px;
margin-bottom: 30px;
background-size: cover;
background-position: center;
}
#tpl-fat-block .overlay {
filter: alpha(opacity=0);
-khtml-opacity: 0.3;
-moz-opacity: 0.3;
opacity: 0.3;
visibility: visible;
}
#tpl-fat-block.thin {
padding: 40px 0;
}
#tpl-fat-block h1 {
cursor: pointer;
}
#tpl-fat-block h1.arrow:after {
content: "";
width: 90px;
display: inline-block;
position: relative;
height: 90px;
margin: 0 auto;
margin-top: 10px;
background: url("img/site-rs/play-video.svg") transparent no-repeat center;
background-size: 80px 80px;
display: block;
}
#tpl-fat-block h1:hover.arrow:after {
background-image: url("img/site-rs/play-video-orange.svg");
}
@media (max-width: 456px) {
#tpl-fat-block {
padding: 40px 0;
}
}
#bottom-thin-block {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
padding: 80px 0;
background-size: cover;
background-position: center;
}
#bottom-thin-block.bottom-pos {
background-position: center -620px;
}
#bottom-thin-block a {
display: block;
width: 100%;
}
#bottom-thin-block h1:after {
content: "";
width: 43px;
display: inline-block;
margin: 0 0 5px 15px;
position: relative;
height: 43px;
vertical-align: middle;
background: url("img/site-rs/intro/arrow-right.svg") transparent no-repeat center;
}
#bottom-thin-block h1:hover:after {
background-image: url("img/site-rs/intro/arrow-right-orange.svg");
}
@media (max-width: 456px) {
#bottom-thin-block {
padding: 40px 0;
}
}
#related-blog-posts {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 30px;
}
#related-blog-posts .overlay {
background-color: #029bd6;
filter: alpha(opacity=0);
-khtml-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
visibility: visible;
}
#related-blog-posts .main-content-block {
z-index: 1;
}
#related-blog-posts .blog-post {
background-color: #ffffff;
width: 25%;
margin-right: 12%;
float: left;
position: relative;
padding: 20px;
height: 200px;
}
#related-blog-posts .blog-post a {
display: block;
height: 100%;
width: 100%;
}
#related-blog-posts .blog-post:hover {
-webkit-box-shadow: 0px 1px 45px -10px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 1px 45px -10px rgba(0, 0, 0, 0.75);
box-shadow: 0px 1px 45px -10px rgba(0, 0, 0, 0.75);
}
#related-blog-posts .blog-post:nth-child(3n) {
margin-right: 0;
}
#related-blog-posts .blog-post .blog-wrapper {
position: relative;
height: 100%;
}
#related-blog-posts .blog-post .date {
color: #999999;
font-size: 14px;
line-height: 20px;
padding-top: 10px;
border-top: 2px solid #999999;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
@media (max-width: 760px) {
#related-blog-posts .blog-post {
width: 46%;
margin: 0 2%;
margin-bottom: 5%;
}
#related-blog-posts .blog-post:last-child {
margin: 0 2%;
margin-bottom: 5%;
}
}
@media (max-width: 456px) {
#related-blog-posts .blog-post {
width: 98%;
height: 150px;
margin-right: 0;
}
}
#related-blog-posts .dynamic-post-container > :nth-child(3n) {
margin-right: 0;
}
@media (max-width: 760px) {
#related-blog-posts .dynamic-post-container > :nth-child(2n) {
margin-right: 0;
}
}
#introductory-video-modal .inner {
width: 90%;
max-width: none;
height: 480px;
max-width: 800px;
background-color: transparent;
}
@media (max-width: 456px) {
#introductory-video-modal .inner {
height: 300px;
width: 98%;
}
#introductory-video-modal .inner #how-it-works-video {
height: auto;
}
}
#introductory-video-modal .inner #close-video {
position: absolute;
right: 20px;
width: 25px;
top: 15px;
cursor: pointer;
}
#intro-block {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.header-block {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
height: 450px;
background-repeat: no-repeat;
background-position: top;
background-size: cover;
text-align: center;
}
.header-block .overlay {
display: block;
visibility: visible;
filter: alpha(opacity=0);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.header-block.center-pos {
background-position: center;
}
.header-block.bottom-pos {
background-position: bottom;
}
@media (max-width: 456px) {
.header-block {
height: 250px;
}
}
.header-block-nav-gutter {
height: 240px;
width: 100%;
float: left;
position: relative;
}
@media (max-width: 456px) {
.header-block-nav-gutter {
height: 116px;
}
}
.header-block-nav {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
background-color: #111111;
padding: 30px 0;
top: 61px;
position: absolute;
display: none;
z-index: 3;
}
.header-block-nav .nav-link {
display: inline-block;
text-align: center;
width: 32%;
vertical-align: top;
color: #ffffff;
}
.header-block-nav .nav-link p {
font-weight: 600;
}
.header-block-nav .nav-link a {
color: #ffffff;
width: 100%;
display: block;
}
.header-block-nav .nav-link a:hover {
color: #ff6900;
}
.header-block-nav .nav-link.active a {
color: #ff6900;
}
.header-block-nav .nav-link p.halfwidth {
width: 40%;
}
.header-block-nav .nav-link .link-icon {
width: 110px;
height: 110px;
display: inline-block;
background-color: #ff6900;
background-repeat: no-repeat;
background-position: center;
background-size: 50px 50px;
border-radius: 50%;
}
.header-block-nav.nav-shrunk {
display: block;
}
.header-block-nav.shrunk {
position: fixed;
top: 113px;
padding: 10px 0;
z-index: 5;
text-align: center;
}
.header-block-nav.shrunk .nav-link {
width: 28%;
}
.header-block-nav.shrunk .nav-link .link-icon {
width: 50px;
height: 50px;
background-size: 25px 25px;
display: inline-block;
vertical-align: middle;
}
.header-block-nav.shrunk .nav-link p.halfwidth {
display: inline-block;
text-align: left;
width: auto;
margin-left: 10px;
}
.header-block-nav.nav-shrunk-bottom {
top: 60px;
position: fixed;
}
@media (max-width: 1050px) {
.header-block-nav {
top: 32px;
}
.header-block-nav.shrunk {
top: 60px;
}
.header-block-nav.shrunk .nav-link p.halfwidth {
width: 100%;
text-align: center;
margin-left: 0;
}
}
@media (max-width: 456px) {
.header-block-nav {
padding: 20px 0;
}
.header-block-nav.shrunk .nav-link {
width: 32%;
}
.header-block-nav .nav-link {
width: 32%;
}
.header-block-nav .nav-link .link-icon {
width: 50px;
height: 50px;
background-size: 25px 25px;
display: inline-block;
vertical-align: middle;
}
.header-block-nav .nav-link p.halfwidth {
text-align: center;
}
}
#how-it-works .col_left {
float: left;
width: 40%;
}
#how-it-works .col_right {
float: right;
width: 40%;
}
@media (max-width: 456px) {
#how-it-works .col_left,
#how-it-works .col_right {
width: 100%;
}
}
#how-it-works-illustration {
width: auto;
margin: 0 auto;
display: block;
}
@media (max-width: 456px) {
#how-it-works-illustration {
display: none;
}
}
.how-it-works-point {
width: 100%;
display: inline-block;
}
#enquiry-widget,
#press-widget {
margin-top: 10px;
display: inline-block;
}
#enquiry-widget .enquiry-container,
#press-widget .enquiry-container {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
margin-bottom: 5px;
background-color: #ffffff;
color: #ffffff;
width: auto;
}
#enquiry-widget .enquiry-container a,
#press-widget .enquiry-container a {
color: #ffffff;
}
#enquiry-widget .enquiry-container .date,
#press-widget .enquiry-container .date {
background-color: #111111;
}
#enquiry-widget .enquiry-container span,
#press-widget .enquiry-container span {
display: inline-block;
padding: 5px 15px;
float: left;
}
#enquiry-widget .enquiry-container .description,
#press-widget .enquiry-container .description {
background-color: #5e9931;
}
#enquiry-widget .enquiry-container .title,
#press-widget .enquiry-container .title {
background-color: #dddddd;
color: #999999;
}
@media (max-width: 760px) {
#enquiry-widget .enquiry-container,
#press-widget .enquiry-container {
width: 100%;
margin-bottom: 10px;
}
#enquiry-widget .enquiry-container span,
#press-widget .enquiry-container span {
width: 100%;
display: block;
}
}
#press-widget .enquiry-container .title {
background-color: #ff3366;
color: #ffffff;
}
#requests-sent .request-stat {
display: inline-block;
position: relative;
float: left;
width: 18%;
margin-right: 8%;
text-align: left;
}
#requests-sent .request-stat:last-child {
margin-right: 0;
}
#requests-sent .request-stat .stat {
font-size: 50px;
line-height: 56px;
font-weight: 600;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 2px solid #ff6900;
display: block;
text-align: left;
}
@media (max-width: 760px) {
#requests-sent .request-stat {
width: 42%;
}
#requests-sent .request-stat:nth-child(2),
#requests-sent .request-stat:nth-child(3) {
margin-bottom: 5%;
}
#requests-sent .request-stat .stat {
font-size: 40px;
line-height: 46px;
}
}
#industry-sectors #sector-list {
margin-top: 15px;
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
max-height: 200px;
overflow-y: auto !important;
display: none;
}
#industry-sectors #sector-list p {
padding: 3px 0;
width: 100%;
float: left;
cursor: pointer;
}
#industry-sectors #sector-list p.active {
color: #5e9931;
}
@media (max-width: 456px) {
#industry-sectors h1 {
font-size: 18px;
line-height: 22px;
}
}
#industry-sectors #change-sector {
color: #5e9931;
font-size: 16px;
line-height: 22px;
margin-left: 20px;
position: relative;
padding-right: 20px;
cursor: pointer;
}
#industry-sectors #change-sector:after {
border: solid transparent;
content: " ";
height: 8px;
width: 8px;
position: absolute;
border-color: rgba(136, 183, 213, 0);
border-top-color: #5e9931;
border-width: 6px;
bottom: 0;
right: 0;
}
#industry-sectors #requests-bar {
position: relative;
margin-top: 30px;
float: left;
clear: both;
width: 100%;
background-color: #A5A5A5;
height: 50px;
}
@media (max-width: 456px) {
#industry-sectors #requests-bar {
margin-top: 15px;
}
}
#industry-sectors #requests-bar #progress {
position: relative;
float: left;
height: 50px;
width: 0;
background-color: #5e9931;
}
#industry-sectors #requests-bar #amount {
font-size: 20px;
line-height: 26px;
padding: 15px;
color: #ffffff;
float: left;
padding: 12px 20px;
font-weight: 600;
position: absolute;
z-index: 1;
}
@media (max-width: 456px) {
#industry-sectors #requests-bar #amount {
font-size: 18px;
line-height: 26px;
}
}
@media (max-width: 456px) and (max-width: 456px) {
#industry-sectors #requests-bar #amount .largetext {
font-size: 16px;
line-height: 24px;
}
}
#pb-container {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#pb-container .overlay {
visibility: visible;
filter: alpha(opacity=0);
-khtml-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
background-color: #333;
}
#pricing-and-benefits {
z-index: 1;
text-align: center;
}
#pricing-and-benefits ul {
color: #ffffff;
text-align: left;
}
#pricing-and-benefits .pricing-block {
position: relative;
display: inline-block;
width: 23%;
margin-right: 1%;
color: #ffffff;
background-color: #dddddd;
text-align: center;
vertical-align: top;
min-height: 260px;
}
#pricing-and-benefits .pricing-block .pricing-top {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
background-color: #ff6900;
padding: 15px;
}
#pricing-and-benefits .pricing-block .pricing-top .price {
font-size: 50px;
line-height: 58px;
font-weight: 600;
}
#pricing-and-benefits .pricing-block .pricing-bottom {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
padding: 15px;
background-color: #dddddd;
color: #333333;
}
#pricing-and-benefits .pricing-block.extras {
background-color: #333333;
text-align: left;
padding: 15px 20px;
margin-right: 0;
}
#pricing-and-benefits .pricing-block.extras tr {
border-bottom: 1px solid #4E4E4E;
position: relative;
float: left;
width: 100%;
padding: 3px 0;
}
#pricing-and-benefits .pricing-block.extras tr:last-child {
border: 0;
}
#pricing-and-benefits .pricing-block.extras td {
width: 20%;
float: left;
text-align: right;
}
#pricing-and-benefits .pricing-block.extras td:first-child {
width: 80%;
text-align: left;
}
@media (max-width: 900px) {
#pricing-and-benefits .pricing-block {
width: 48%;
margin-right: 3%;
margin-bottom: 3%;
min-height: 0;
}
#pricing-and-benefits .pricing-block:nth-child(3) {
margin-right: 0;
}
#pricing-and-benefits .pricing-block.extras {
width: 100%;
}
}
@media (max-width: 456px) {
#pricing-and-benefits .pricing-block {
width: 100%;
margin: 0;
margin-bottom: 5%;
}
}
#blog-archive .blog-post,
#related-posts-single .blog-post {
position: relative;
display: inline-block;
width: 31.6%;
margin-right: 2%;
margin-bottom: 3%;
text-align: left;
background-color: #eeeeee;
padding: 25px;
border-left: 2px solid #ff6900;
border-top: 2px solid #ffffff;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
cursor: pointer;
vertical-align: top;
min-height: 450px;
padding-bottom: 80px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
#blog-archive .blog-post a,
#related-posts-single .blog-post a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
}
#blog-archive .blog-post:hover,
#related-posts-single .blog-post:hover {
background-color: #ffffff;
border: 2px solid #ff6900;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
#blog-archive .blog-post .blog-date,
#related-posts-single .blog-post .blog-date {
position: absolute;
bottom: 20px;
left: 20px;
color: #999999 !important;
font-size: 13px;
line-height: 18px;
}
#blog-archive .blog-post .blog-cats,
#related-posts-single .blog-post .blog-cats {
font-size: 14px;
line-height: 20px;
color: #ff6900;
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
margin-bottom: 10px;
font-weight: 600;
}
#blog-archive .blog-post .blog-content,
#related-posts-single .blog-post .blog-content {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
color: #999999 !important;
font-size: 15px;
line-height: 22px;
}
@media (max-width: 900px) {
#blog-archive .blog-post,
#related-posts-single .blog-post {
width: 48.6%;
}
}
@media (max-width: 700px) {
#blog-archive .blog-post,
#related-posts-single .blog-post {
width: 100%;
height: auto;
min-height: 0;
margin-right: 0;
}
}
#blog-archive .dynamic-post-container > :nth-child(3n),
#related-posts-single .dynamic-post-container > :nth-child(3n) {
margin-right: 0;
}
@media (max-width: 900px) {
#blog-archive .dynamic-post-container > :nth-child(2n),
#related-posts-single .dynamic-post-container > :nth-child(2n) {
margin-right: 0;
}
}
#morePosts {
visibility: hidden;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
#blog-archive #cat-list {
margin-top: 15px;
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
max-height: 200px;
overflow-y: auto !important;
display: none;
}
#blog-archive #cat-list a {
padding: 3px 0;
width: 100%;
float: left;
cursor: pointer;
}
#blog-archive #cat-list a.active {
color: #ff6900;
}
#blog-archive #select-cat {
color: #ff6900;
font-size: 16px;
line-height: 22px;
margin-left: 20px;
padding-right: 20px;
position: relative;
cursor: pointer;
}
#blog-archive #select-cat:after {
border: solid transparent;
content: " ";
height: 8px;
width: 8px;
position: absolute;
border-color: rgba(136, 183, 213, 0);
border-top-color: #ff6900;
border-width: 6px;
bottom: 0;
right: 0;
}
#searchform {
float: right;
width: auto;
clear: none;
}
@media (max-width: 456px) {
#searchform {
float: left;
margin: 10px 0;
width: 100%;
}
}
#searchform #search-submit {
border: 0;
background: url("img/site-rs/search.png") transparent no-repeat center;
background-size: 12px 12px;
position: absolute;
right: 0;
outline: 0;
top: 0;
bottom: 0;
cursor: pointer;
}
#blog-q {
border: 1px solid #dddddd;
background-color: #ffffff;
border-radius: 3px;
width: 230px;
height: 30px;
font-size: 13px;
line-height: 18px;
float: right;
}
@media (max-width: 456px) {
#blog-q {
width: 100%;
height: 40px;
}
}
#blog-single #social img {
width: 20px;
margin-left: 5px;
vertical-align: middle;
}
#blog-single .blog-details p {
margin: 0;
padding: 1px 0px;
color: #999999 !important;
font-size: 14px;
line-height: 20px;
font-weight: 600;
}
#blog-single .blog-details a {
display: inline-block;
}
#blog-single .blog-details .col_right {
text-align: right;
}
#blog-single .blog-details .col_left {
text-align: left;
}
@media (max-width: 760px) {
#blog-single .blog-details .col_right,
#blog-single .blog-details .col_left {
width: 50%;
}
}
@media (max-width: 456px) {
#blog-single .blog-details .col_left,
#blog-single .blog-details .col_right {
text-align: left;
width: 100%;
}
#blog-single .blog-details .col_right {
margin-top: 10px;
}
}
@media (max-width: 456px) {
#blog-single #email-subscribe {
float: left;
margin-top: 20px;
}
}
#about-us .generic-content h2,
#about-us .generic-content blockquote {
border-left: 1px solid #ff6900;
float: left;
padding-left: 30px;
margin: 15px 0;
margin-left: 5%;
width: 95%;
}
#about-us .generic-content blockquote p {
float: none;
margin: 0;
padding: 0;
width: auto;
color: #ff6900;
font-size: 22px;
line-height: 28px;
font-weight: 600;
}
#about-us #team-members .member-box {
position: relative;
width: 21.4%;
margin: 3%;
display: inline-block;
margin-left: 0;
margin-top: 0;
}
#about-us #team-members .member-box img {
width: 100%;
}
#about-us #team-members .member-box span {
display: block;
}
#about-us #team-members .member-box span.name {
color: #ff6900;
margin: 5px 0;
}
#about-us #team-members .member-box span.overview {
color: #999999;
font-size: 14px;
line-height: 20px;
margin-top: 5px;
}
@media (max-width: 760px) {
#about-us #team-members .member-box {
width: 29%;
margin-bottom: 20px;
}
}
@media (max-width: 456px) {
#about-us #team-members .member-box {
width: 46%;
margin-bottom: 20px;
}
}
#contact-us #capture-box {
background-color: #111111;
padding: 10px 15px;
display: inline;
position: relative;
color: #ffffff;
border-radius: 5px;
float: left;
}
#contact-us > .col_left {
width: 100%;
}
#contact-us #heardFrom-error {
margin-top: 10px;
}
#contact-us .error {
color: #ff6900;
}
#contact-map {
float: left;
position: relative;
width: 100%;
height: 500px;
}
#contact-map .contact-map-inner {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
width: 400px;
background-color: #ffffff;
padding: 40px;
height: 500px;
}
#contact-map .contact-map-inner .small-text {
font-size: 13px;
line-height: 18px;
color: #999999 !important;
}
@media (max-width: 456px) {
#contact-map .contact-map-inner {
width: 100%;
}
}
#free-trial-form {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
}
#free-trial-form #terms {
margin-right: 10px;
float: left;
margin-top: 6px;
}
#free-trial-form #terms-error {
display: block;
margin-top: 10px;
}
#free-trial-form #heardFrom-error {
margin-top: 10px;
}
#free-trial-form .error {
color: #ff6900;
}
#free-trial .overlay {
visibility: visible;
filter: alpha(opacity=0);
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
opacity: 0.7;
background-color: #ffffff;
}
#trial-service-list {
margin-bottom: 10px;
position: relative;
display: block !important;
float: left;
width: 100%;
clear: both;
max-height: 200px;
overflow-y: auto !important;
display: none;
}
#trial-service-list p {
padding: 3px 0;
width: 100%;
float: left;
cursor: pointer;
}
#trial-service-list p.active {
color: #ff6900;
}
#select-trial-service {
color: #ff6900;
padding-right: 20px;
font-size: 20px;
line-height: 26px;
position: relative;
cursor: pointer;
}
@media (max-width: 456px) {
#select-trial-service {
font-size: 18px;
line-height: 26px;
}
}
@media (max-width: 456px) and (max-width: 456px) {
#select-trial-service .largetext {
font-size: 16px;
line-height: 24px;
}
}
#free-trial-form .terms .wpcf7-not-valid-tip {
display: inline-block;
}
#contact-form {
margin-top: 20px;
}
.wpcf7-form {
float: left;
width: 100%;
}
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item {
display: block;
padding-left: 0;
}
.wpcf7-form p {
padding-top: 0;
padding-bottom: 0;
}
.wpcf7-form .wpcf7-response-output {
margin-left: 0;
}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok,
.wpcf7-form .wpcf7-response-output.wpcf7-response-output {
display: inline-block;
width: 100%;
margin-top: 0;
padding: 20px;
border: 2px solid #ed0000;
text-align: center;
overflow: hidden;
color: #ed0000;
font-size: 18px;
line-height: 26px;
}
@media (max-width: 456px) {
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok,
.wpcf7-form .wpcf7-response-output.wpcf7-response-output {
font-size: 16px;
line-height: 24px;
}
}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
color: #5e9931;
border-color: #5e9931;
}
.wpcf7-form .wpcf7-response-output.wpcf7-spam-blocked {
overflow: hidden;
}
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
display: none;
}
.wpcf7-form .wpcf7-response-output.wpcf7-display-none {
display: none;
}
.wpcf7-form span.wpcf7-not-valid-tip {
margin-top: 7px;
margin-bottom: 7px;
}
.media_col_main {
position: relative;
float: left;
width: 80%;
padding-right: 20px;
}
@media (max-width: 760px) {
.media_col_main {
width: 100%;
padding-right: 0px;
}
}
.media_col_side {
position: relative;
float: left;
width: 20%;
}
@media (max-width: 760px) {
.media_col_side {
width: 100%;
}
}
.bulletin-title p {
clear: both;
float: left;
font-size: 46px;
font-weight: 600;
line-height: 54px;
padding: 0;
}
#news-archive .news-post p, #related-news-single .news-post p, #related-interview-single .interview-post p, #interview-archive .interview-post p {
clear: both;
font-size: 20px;
float: left;
font-weight: 600;
line-height: 26px;
padding: 0;
}
.c-mb-post--small {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
padding: 10px 0;
border-bottom: 1px solid #dddddd;
}
.c-mb-post__title {
clear: both;
font-size: 20px;
float: left;
line-height: 1.6;
padding: 0;
}
.c-mb-post__title--large {
font-size: 34px;
line-height: 40px;
}
.c-mb-post--secondary .c-mb-post__title {
font-size: 16px;
line-height: 22px;
margin: 0;
padding: 0;
}
#news-archive .news-post-small,
#related-news-single .news-post-small {
border-bottom: 1px solid #dddddd;
clear: both;
display: block;
float: left;
padding: 10px 0;
position: relative;
width: 100%;
}
#news-archive .news-post-small .news-date,
#related-news-single .news-post-small .news-date {
display: inline-block;
margin-bottom: 5px;
color: #999999 !important;
font-size: 12px;
line-height: 15px;
}
#news-archive .news-post-small a,
#related-news-single .news-post-small a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
}
#news-archive .news-post-small p {
clear: both;
float: left;
font-size: 16px;
font-weight: 600;
line-height: 22px;
margin: 0;
padding: 0;
}
#news-archive .news-post,
#related-news-single .news-post {
position: relative;
display: inline-block;
width: 31.5%;
margin-right: 2%;
margin-bottom: 3%;
text-align: left;
background-color: #eeeeee;
padding: 0;
border-left: 2px solid #ffffff;
border-top: 2px solid #ff6900;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
cursor: pointer;
vertical-align: top;
min-height: 420px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
#news-archive .news-post a,
#related-news-single .news-post a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
}
#news-archive .news-post:hover,
#related-news-single .news-post:hover {
background-color: #ffffff;
border: 2px solid #ff6900;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
#news-archive .news-post .news-date,
#related-news-single .news-post .news-date {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
margin-bottom: 10px;
color: #999999 !important;
font-size: 13px;
line-height: 18px;
}
#news-archive .news-post .news-cats,
#related-news-single .news-post .news-cats {
font-size: 14px;
line-height: 20px;
color: #ff6900;
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
margin-bottom: 10px;
font-weight: 600;
}
#news-archive .news-post .news-cats a,
#related-news-single .news-post .news-cats a {
color: #ff6900;
position: relative;
}
#news-archive .news-post .featured-image,
#related-news-single .news-post .featured-image {
width: 100%;
height: 130px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#news-archive .news-post .news-inner-wrapper,
#related-news-single .news-post .news-inner-wrapper {
padding: 25px;
padding-bottom: 80px;
}
#news-archive .news-post .news-content,
#related-news-single .news-post .news-content {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
color: #999999 !important;
font-size: 15px;
line-height: 22px;
}
#news-archive .news-post.small,
#related-news-single .news-post.small {
width: 23.1%;
}
@media (max-width: 900px) {
#news-archive .news-post.small,
#related-news-single .news-post.small {
width: 48.6%;
}
}
@media (max-width: 600px) {
#news-archive .news-post,
#related-news-single .news-post {
width: 100%;
height: auto;
min-height: 0;
margin-right: 0;
}
#news-archive .news-post.small,
#related-news-single .news-post.small {
width: 100%;
height: auto;
min-height: 0;
margin-right: 0;
}
}
#news-archive .dynamic-post-container > :not(.small):nth-child(3n),
#related-news-single .dynamic-post-container > :not(.small):nth-child(3n) {
margin-right: 0;
}
#news-archive .dynamic-post-container > .small:nth-child(4n),
#related-news-single .dynamic-post-container > .small:nth-child(4n) {
margin-right: 0;
}
@media (max-width: 900px) {
#news-archive .dynamic-post-container > .small:nth-child(2n),
#related-news-single .dynamic-post-container > .small:nth-child(2n) {
margin-right: 0;
}
}
#moreNews {
visibility: hidden;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
#news-archive #cat-list {
margin-top: 15px;
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
max-height: 200px;
overflow-y: auto !important;
display: none;
}
#news-archive #cat-list a {
padding: 3px 0;
width: 100%;
float: left;
cursor: pointer;
}
#news-archive #cat-list a.active {
color: #ff6900;
}
#news-archive #select-cat {
color: #ff6900;
font-size: 16px;
line-height: 22px;
margin-left: 20px;
padding-right: 20px;
position: relative;
cursor: pointer;
}
#news-archive #select-cat:after {
border: solid transparent;
content: " ";
height: 8px;
width: 8px;
position: absolute;
border-color: rgba(136, 183, 213, 0);
border-top-color: #ff6900;
border-width: 6px;
bottom: 0;
right: 0;
}
#news-q {
border: 1px solid #dddddd;
background-color: #ffffff;
border-radius: 3px;
width: 230px;
height: 30px;
font-size: 13px;
line-height: 18px;
float: right;
}
@media (max-width: 456px) {
#news-q {
width: 100%;
height: 40px;
}
}
#news-single #social img {
width: 20px;
margin-left: 5px;
vertical-align: middle;
}
#news-single .generic-content .featured-image {
max-width: 300px;
}
#news-single .news-details p {
margin: 0;
padding: 1px 0px;
color: #999999 !important;
font-size: 14px;
line-height: 20px;
font-weight: 600;
}
#news-single .news-details a {
display: inline-block;
}
#news-single .news-details .col_right {
text-align: right;
}
#news-single .news-details .col_left {
text-align: left;
}
@media (max-width: 760px) {
#news-single .news-details .col_right,
#news-single .news-details .col_left {
width: 50%;
}
}
@media (max-width: 456px) {
#news-single .news-details .col_left,
#news-single .news-details .col_right {
text-align: left;
width: 100%;
}
#news-single .news-details .col_right {
margin-top: 10px;
}
}
@media (max-width: 456px) {
#news-single #email-subscribe {
float: left;
margin-top: 20px;
}
}
.bulletin-links {
float: right;
}
@media (max-width: 760px) {
.bulletin-links {
float: left;
margin: 0;
margin-top: 10px;
clear: both;
}
}
#media-youtube {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
padding: 50px 0;
background-color: #111111;
}
#media-youtube iframe {
position: relative;
margin: 0 auto;
left: 0;
right: 0;
display: block;
}
@media (max-width: 456px) {
#media-youtube iframe {
width: 100%;
}
}
#interview-archive .interview-post,
#related-interview-single .interview-post {
position: relative;
display: inline-block;
width: 23%;
margin-right: 2%;
margin-bottom: 3%;
text-align: left;
background-color: #eeeeee;
padding: 0;
border-left: 2px solid #ffffff;
border-top: 2px solid #ff6900;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
cursor: pointer;
vertical-align: top;
min-height: 420px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
#interview-archive .interview-post a,
#related-interview-single .interview-post a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
}
#interview-archive .interview-post:hover,
#related-interview-single .interview-post:hover {
background-color: #ffffff;
border: 2px solid #ff6900;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
#interview-archive .interview-post .interview-date,
#related-interview-single .interview-post .interview-date {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
margin-bottom: 10px;
color: #999999 !important;
font-size: 13px;
line-height: 18px;
}
#interview-archive .interview-post .interview-cats,
#related-interview-single .interview-post .interview-cats {
font-size: 14px;
line-height: 20px;
color: #ff6900;
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
margin-bottom: 10px;
font-weight: 600;
}
#interview-archive .interview-post .interview-cats a,
#related-interview-single .interview-post .interview-cats a {
position: relative;
color: #ff6900;
}
#interview-archive .interview-post .featured-image,
#related-interview-single .interview-post .featured-image {
width: 100px;
height: 100px;
border-radius: 50%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin: 0 auto;
margin-top: 20px;
}
#interview-archive .interview-post .interview-inner-wrapper,
#related-interview-single .interview-post .interview-inner-wrapper {
padding: 25px;
padding-bottom: 80px;
}
#interview-archive .interview-post .interview-content,
#related-interview-single .interview-post .interview-content {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
color: #999999 !important;
font-size: 15px;
line-height: 22px;
}
#interview-archive .interview-post.small,
#related-interview-single .interview-post.small {
width: 31.5%;
}
@media (max-width: 900px) {
#interview-archive .interview-post,
#related-interview-single .interview-post {
width: 47.6%;
}
#interview-archive .interview-post.small,
#related-interview-single .interview-post.small {
width: 47.6%;
}
}
@media (max-width: 700px) {
#interview-archive .interview-post,
#related-interview-single .interview-post {
width: 100%;
height: auto;
min-height: 0;
}
#interview-archive .interview-post.small,
#related-interview-single .interview-post.small {
width: 100%;
height: auto;
min-height: 0;
}
}
@media (max-width: 900px) {
#interview-archive .col_main,
#related-interview-single .col_main,
#interview-archive .col_side,
#related-interview-single .col_side {
width: 100%;
padding: 0;
}
}
#interview-archive .dynamic-post-container > :not(.small):nth-child(4n),
#related-interview-single .dynamic-post-container > :not(.small):nth-child(4n) {
margin-right: 0;
}
@media (min-width: 900px) {
#interview-archive .dynamic-post-container > .small:nth-child(3n),
#related-interview-single .dynamic-post-container > .small:nth-child(3n) {
margin-right: 0;
}
}
@media (max-width: 900px) {
#interview-archive .dynamic-post-container > :not(.small):nth-child(2n),
#related-interview-single .dynamic-post-container > :not(.small):nth-child(2n) {
margin-right: 0;
}
#interview-archive .dynamic-post-container > .small:nth-child(2n),
#related-interview-single .dynamic-post-container > .small:nth-child(2n) {
margin-right: 0;
}
}
@media (max-width: 900px) {
#interview-archive .dynamic-post-container > .small:nth-child(2n),
#related-interview-single .dynamic-post-container > .small:nth-child(2n) {
margin-right: 0;
}
}
#moreInterviews {
visibility: hidden;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
#interview-archive #cat-list {
margin-top: 15px;
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
max-height: 200px;
overflow-y: auto !important;
display: none;
}
#interview-archive #cat-list a {
padding: 3px 0;
width: 100%;
float: left;
cursor: pointer;
}
#interview-archive #cat-list a.active {
color: #ff6900;
}
#interview-archive #select-cat {
color: #ff6900;
font-size: 16px;
line-height: 22px;
margin-left: 20px;
padding-right: 20px;
position: relative;
cursor: pointer;
}
#interview-archive #select-cat:after {
border: solid transparent;
content: " ";
height: 8px;
width: 8px;
position: absolute;
border-color: rgba(136, 183, 213, 0);
border-top-color: #ff6900;
border-width: 6px;
bottom: 0;
right: 0;
}
#interview-q {
border: 1px solid #dddddd;
background-color: #ffffff;
border-radius: 3px;
width: 230px;
height: 30px;
font-size: 13px;
line-height: 18px;
float: right;
}
@media (max-width: 456px) {
#interview-q {
width: 100%;
height: 40px;
}
}
.back-link {
background-color: #dddddd;
color: #717171;
padding: 5px 15px;
position: relative;
display: inline-block;
border-radius: 5px;
margin-bottom: 10px;
margin-right: 10px;
font-size: 14px;
line-height: 20px;
font-weight: 600;
}
#enquiry-volumes {
margin-top: 70px;
margin-bottom: 100px;
}
#enquiry-volumes #volume-container {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
}
#enquiry-volumes #volume-container li {
padding: 15px 20px;
background-color: #ff6900;
color: #ffffff;
text-decoration: none;
position: relative;
margin-bottom: 10px;
min-width: 300px;
padding-right: 100px;
}
#enquiry-volumes #volume-container li span {
position: absolute;
top: 0;
bottom: 0;
right: 0px;
padding: 17px;
width: 100px;
text-align: center;
background: #dddddd;
font-size: 18px;
line-height: 18px;
color: #ff6900;
}
@media (max-width: 456px) {
#enquiry-volumes #volume-container li {
width: 100% !important;
}
}
.form--send fieldset {
border: 0;
padding: 0;
margin: 0 0 35px;
}
.form--send .form__element {
display: block;
}
.form--send .form__element input[type=text],
.form--send .form__element textarea,
.form--send .form__element select {
display: block;
}
.form--send .form__element textarea {
height: auto;
}
.form--send .dropdown {
float: none;
}
.form__element {
margin: 20px 0 10px;
}
.form__element textarea {
max-width: none;
width: 75%;
}
.form__legend {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
padding: 20px 0;
border-bottom: 2px solid #ff6900;
font-size: 23px;
margin-bottom: 25px;
}
.tour-slideshow {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
min-height: 300px;
}
.tour-slideshow h1,
.tour-slideshow h2,
.tour-slideshow h3,
.tour-slideshow h4,
.tour-slideshow h5,
.tour-slideshow h6 {
color: #333333;
padding-bottom: 10px;
border-bottom: 2px solid #ff6900;
margin-bottom: 15px;
}
@media (max-width: 456px) {
.tour-slideshow {
min-height: auto;
}
}
.tour-slideshow .slide {
display: none;
}
.tour-slideshow .slide.active {
display: block;
}
.tour-slideshow .slide.animating {
position: absolute;
}
#tour-thumbs {
position: relative;
display: block;
float: left;
width: 100%;
clear: both;
margin: 0 auto;
text-align: center;
}
#tour-thumbs span {
text-align: center;
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #999999;
margin: 0 10px;
cursor: pointer;
}
#tour-thumbs span.active {
background: #ff6900;
}
.image-tour {
height: auto;
max-width: 100%;
width: auto;
}
.form__label {
display: inline-block;
margin-bottom: 5px;
}
.form__subsection {
margin-top: 40px;
clear: both;
}
.category-cloud__element {
display: block;
float: left;
width: 33.3%;
font-weight: 600;
margin: 2px 0;
}
.category-cloud__element input {
position: relative;
margin-top: 1px;
}
@media (max-width: 968px) {
.category-cloud__element {
width: 50%;
}
}
@media (max-width: 660px) {
.category-cloud__element {
width: 100%;
}
}
.filter p, .dynamic-post-container p, #morePosts {
float: left;
font-size: 34px;
font-weight: 600;
line-height: 40px;
margin: 0;
padding: 0;
}
.dynamic-post-container p {
margin-bottom: 20px;
}
.promo-message {
display: block;
width: 100%;
padding: 36px;
background: #666;
box-shadow: 0px -6px 25px -10px rgba(0, 0, 0, 0.3);
font-size: 1.8rem;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-weight: 700;
text-align: center;
color: #fff;
letter-spacing: -0.2px;
text-overflow: ellipsis;
}
.promo-message__em {
color: #FF6900;
}
.promo-message--success {
background: #16cbbe;
}
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
.price__from, .price__extras {
clear: both;
margin: 0;
}
.ctas {
height: auto;
padding: 30px 0 0;
}
@media (min-width: 760px) {
.ctas {
padding: 50px 0;
}
}
@media (min-width: 1140px) {
.ctas {
height: 530px;
}
}
.ctas .no-float {
float: none;
}
.ctas ul {
float: none;
margin: 60px auto 0;
max-width: 1060px;
}
@media (min-width: 760px) {
.ctas ul {
display: flex;
}
}
.ctas ul li {
background: #fff;
margin: 13px 13px 50px;
padding: 40px 20px 30px;
position: relative;
}
@media (min-width: 760px) {
.ctas ul li {
margin-bottom: 0;
padding: 40px 10px 30px;
width: 33.3333333333%;
}
}
@media (min-width: 1140px) {
.ctas ul li {
padding: 40px 20px 30px;
}
}
.ctas ul img {
left: 50%;
position: absolute;
top: -25px;
transform: translateX(-50%);
}
.ctas ul p.h2 {
color: #333;
float: none;
margin: 0;
padding: 0;
}
.ctas ul p.desc {
color: #999;
float: none;
font-weight: 500;
padding: 20px 50px;
}
@media (min-width: 760px) {
.ctas ul p.desc {
padding: 20px 30px;
}
}
@media (min-width: 1140px) {
.ctas ul p.desc {
padding: 20px 50px;
}
}
.ctas ul a {
color: #00a0dd;
font-weight: 500;
text-decoration: underline;
}
.ctas ul a:hover {
color: #ff8733;
}
.sme__main-title {
text-shadow: 1px 1px 1px rgba(25, 25, 25, 0.7);
}
.sme__container {
box-sizing: border-box;
position: relative;
display: block;
margin: 0 auto 45px auto;
padding: 30px 20px 0 30px;
}
@media (min-width: 768px) {
.sme__container {
height: 100%;
}
}
@media (min-width: 1152px) {
.sme__container {
width: 1060px;
padding: 0 0 0 0;
}
}
.sme__para {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 20px;
font-size: 2rem;
line-height: 1.4;
font-weight: 400;
margin-bottom: 12px;
}
.sme__rs-presents {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 17px;
font-size: 1.7rem;
line-height: 1.4;
font-weight: 700;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.sme__block--2col {
float: left;
width: 45%;
}
}
.sme__block--2col .sme__block-img {
border: 3px solid #333;
padding: 15px;
}
.sme__block--2col .sme__block-img > img {
max-width: 100%;
}
.sme__block--2col--left {
padding-right: 5%;
margin-right: 5%;
}
.sme-contact-form__title {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 26px;
font-size: 2.6rem;
font-weight: 700;
margin-bottom: 20px;
}
.sme-contact-form__row {
width: 100%;
margin-bottom: 16px;
clear: both;
}
@media (min-width: 550px) {
.sme-contact-form__row {
width: 70%;
}
}
@media (min-width: 1024px) {
.sme-contact-form__row {
width: 100%;
}
}
.sme-contact-form__row--submit {
margin-top: 15px;
}
@media (min-width: 768px) {
.sme-contact-form__contact-details {
margin-right: 10px;
}
}
@media (min-width: 1024px) {
.sme-contact-form__contact-details {
margin-right: 0px;
}
}
.sme-contact-form__contact-message {
margin-bottom: 24px;
text-align: center;
display: block;
}
@media (min-width: 768px) {
.sme-contact-form__contact-message {
margin-left: 10px;
}
}
@media (min-width: 1024px) {
.sme-contact-form__contact-message {
margin-left: 0px;
}
}
.sme-contact-form__input {
width: 100% !important;
max-width: 100% !important;
}
@media (min-width: 1152px) {
.sme-contact-form__input {
width: 100% !important;
}
}
.sme-contact-form__input .rs-input-text {
height: 32px;
}
.sme-contact-form__input--textarea {
display: block;
height: 100px;
}
@media (min-width: 768px) {
.sme-contact-form__input--textarea {
height: 150px;
}
}
.sme-contact-form__label {
text-align: left;
display: block;
width: 100%;
}
@media (min-width: 1152px) {
.sme-contact-form__label {
width: 100%;
}
}
#tpl-fat-block.sme {
padding: 0;
margin-bottom: 45px;
}
span.rs-bold {
font-weight: 700;
}
.sme-button {
width: 100%;
overflow: visible;
border: 0;
cursor: pointer;
display: inline-block;
padding: 10px 9px;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
text-align: center;
color: white;
border-radius: 3px;
}
@media (min-width: 768px) {
.sme-button {
width: auto;
}
}
.sme-button--full-width {
max-width: 450px;
margin: 0 auto;
}
@media (min-width: 1024px) {
.sme-button--full-width {
max-width: none;
}
}
.sme-button--green {
background-color: #5E9931;
}
.sme-button--green:hover {
background-color: #52862b;
color: white;
}
.sme-button--contact-form {
max-width: none;
}
.sme__hero-panel {
position: relative;
clear: both;
width: 100%;
background-position: center center;
background-size: auto 100%;
margin-bottom: 40px;
}
@media (min-width: 768px) {
.sme__hero-panel {
position: absolute;
background-size: cover;
padding-bottom: 0;
}
}
.sme__hero-panel__m-overlay {
position: relative;
width: 100%;
height: 100%;
padding: 100px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#050101+0,000000+100&0.6+0,0.2+100 */
background: -moz-linear-gradient(top, rgba(5, 1, 1, 0.4) 0%, rgba(0, 0, 0, 0.1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(5, 1, 1, 0.4) 0%, rgba(0, 0, 0, 0.1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(5, 1, 1, 0.4) 0%, rgba(0, 0, 0, 0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#99050101", endColorstr="#33000000",GradientType=0 ); /* IE6-9 */
}
/* ---- Mailchimp signup form -------------------------------------------------------
Overrides default mailchimps but hacky and will need to be rewritten.
--------------------------------------------------------------------- */
/* Mailchimp hooks
*
* http://kb.mailchimp.com/lists/signup-forms/css-hooks-for-customizing-forms
*
**/
#mc_embed_signup {
margin: 12px;
padding: 6px;
overflow: hidden;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 16px;
font-size: 1.6rem;
letter-spacing: -0.4px;
color: #333;
}
@media (min-width: 768px) {
#mc_embed_signup {
margin: 24px;
}
}
.mc-field-group {
margin: 12px 0;
}
.mc-field-group > input {
width: 100%;
max-width: 100%;
}
.indicates-required {
color: #666;
font-size: 12px;
}
.asterisk {
color: #FF3366;
}
.input-group label {
margin-left: 6px;
}
#mc_embed_signup .mc-field-group div.mce_inline_error {
/* reset Mailchimp default styles */
background: none;
margin: 0;
padding: 0;
/* Add new styles */
color: #FF3366;
}
#mc_embed_signup .mc-field-group div.mce_inline_error:before {
content: "×";
margin-right: 4px;
font-size: 3rem;
}
#mce-error-response {
color: #FF3366;
}
#mce-error-response:before {
content: "×";
margin-right: 4px;
font-size: 3rem;
}
.response {
color: #5E9931;
margin: 12px 0;
font-weight: bold;
}
.response:before {
content: "✓";
margin-right: 4px;
font-size: 3rem;
}
.response a:link {
color: #5E9931;
display: block;
width: 100%;
}
.response a:visited {
color: #5E9931;
}
.response a:hover {
text-decoration: underline;
}
/* Form pop-up and styling
**/
.messagepop {
background: rgba(0, 0, 0, 0.8);
background: cover;
border: 1px solid #999999;
cursor: default;
display: none;
position: fixed;
text-align: left;
width: 100%;
height: 100%;
z-index: 50;
top: 0;
left: 0;
}
.modal__content {
width: 90%;
background-color: white;
position: fixed;
margin: 5%;
padding-top: 36px;
left: 0;
right: 0;
max-height: 90%; /* minus top/bottom margin so scroll does not crop off any of form*/
overflow-y: auto;
overflow-x: hidden;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
@media (min-width: 768px) {
.modal__content {
padding-top: 0; /* Raise title level with close icon */
width: 80%;
margin: 5% auto;
}
}
@media (min-width: 1152px) {
.modal__content {
max-width: 700px;
}
}
.close--mailchimp {
color: #666;
padding: 12px;
z-index: 1;
}
@media (min-width: 768px) {
.close--mailchimp {
padding: 24px;
}
}
.form-container {
margin: 0 auto;
width: 100%;
max-width: 100%;
}
@media (min-width: 550px) {
.form-container {
max-width: 550px;
}
}
@media (min-width: 550px) {
.two-col {
width: 49%;
display: inline-block;
}
}
@media (min-width: 550px) {
.two-col--second {
margin-left: 2%;
}
}
/* ===== SVG ICONS ==========================================================
Author: Simon Allin | SEPT 2020
========================================================================== */
/* LOCAL SETTINGS / MIXINS --------------------------- */
/* COMPONENT --------------------------- */
/* Loop sizes to create class names */
.ai-appico-x-small {
display: flex;
width: 14px;
height: 14px;
}
.ai-appico-small {
display: flex;
width: 18px;
height: 18px;
}
.ai-appico-medium {
display: flex;
width: 22px;
height: 22px;
}
.ai-appico-large {
display: flex;
width: 26px;
height: 26px;
}
.ai-appico-x-large {
display: flex;
width: 32px;
height: 32px;
}
.ai-appico-xx-large {
display: flex;
width: 40px;
height: 40px;
}
/* ===== AI BUTTON COMPONENT =======================================================
Author: Simon Allin | Original: 2016 | Revision: 2020
================================================================================= */
/* DOCUMENT INFORMATION
- Access Intelligence / RS rebrand core button styling
+-------------------------+
| |
| PRESS THE BUTTON! |
| |
+-------------------------+
*/
/* LOCAL SETTINGS / MIXINS --------------------------- */
/* ELEMENT SPECIFIC --------------------------- */
button {
margin-top: 0;
border: none;
}
/* COMPONENT STYLING --------------------------- */
.button {
display: inline-block;
*display: inline;
margin-bottom: 0;
padding: 10px 9px;
background-color: #16cbbe;
text-decoration: none;
border-radius: 0;
font-size: 1.8rem;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-weight: 700;
line-height: 1.1;
color: #FFF;
vertical-align: middle;
cursor: pointer;
text-align: center;
*zoom: 1;
}
.button:hover {
background-color: #119d93;
text-decoration: none;
}
.button--white {
background-color: #FFF;
}
.button--white:hover {
background-color: #e6e6e6;
color: #FFF;
}
.button--white:focus {
background-color: #e6e6e6;
color: #FFF;
}
.button--white--rev {
background: none;
border-width: 2px;
border-style: solid;
border-color: #FFF;
color: #FFF;
}
.button--white--rev:hover {
background-color: rgba(255, 255, 255, 0.2);
border-color: #cccccc;
color: #cccccc;
}
.button--white:disabled {
background-color: white;
cursor: auto;
}
.button--white:focus {
-webkit-box-shadow: 0px 0px 6px 0px #FFF;
box-shadow: 0px 0px 6px 0px #FFF;
box-shadow: inset 0 -4px #e0e0e0;
}
.button--green {
background-color: #16cbbe;
}
.button--green:hover {
background-color: #119d93;
color: #FFF;
}
.button--green:focus {
background-color: #119d93;
color: #FFF;
}
.button--green--rev {
background: none;
border-width: 2px;
border-style: solid;
border-color: #16cbbe;
color: #16cbbe;
}
.button--green--rev:hover {
background-color: rgba(255, 255, 255, 0.2);
border-color: #0c6f68;
color: #0c6f68;
}
.button--green:disabled {
background-color: #88f2ea;
cursor: auto;
}
.button--green:focus {
-webkit-box-shadow: 0px 0px 6px 0px #16cbbe;
box-shadow: 0px 0px 6px 0px #16cbbe;
box-shadow: inset 0 -4px #10948a;
}
.button--java {
background-color: #16cbbe;
}
.button--java:hover {
background-color: #119d93;
color: #FFF;
}
.button--java:focus {
background-color: #119d93;
color: #FFF;
}
.button--java--rev {
background: none;
border-width: 2px;
border-style: solid;
border-color: #16cbbe;
color: #16cbbe;
}
.button--java--rev:hover {
background-color: rgba(255, 255, 255, 0.2);
border-color: #0c6f68;
color: #0c6f68;
}
.button--java:disabled {
background-color: #88f2ea;
cursor: auto;
}
.button--java:focus {
-webkit-box-shadow: 0px 0px 6px 0px #16cbbe;
box-shadow: 0px 0px 6px 0px #16cbbe;
box-shadow: inset 0 -4px #10948a;
}
.button--magenta {
background-color: #ff5892;
}
.button--magenta:hover {
background-color: #ff2571;
color: #FFF;
}
.button--magenta:focus {
background-color: #ff2571;
color: #FFF;
}
.button--magenta--rev {
background: none;
border-width: 2px;
border-style: solid;
border-color: #ff5892;
color: #ff5892;
}
.button--magenta--rev:hover {
background-color: rgba(255, 255, 255, 0.2);
border-color: #f10054;
color: #f10054;
}
.button--magenta:disabled {
background-color: #fff1f6;
cursor: auto;
}
.button--magenta:focus {
-webkit-box-shadow: 0px 0px 6px 0px #ff5892;
box-shadow: 0px 0px 6px 0px #ff5892;
box-shadow: inset 0 -4px #ff1b6a;
}
.button--blue {
background-color: #54a3d8;
}
.button--blue:hover {
background-color: #2e8ccb;
color: #FFF;
}
.button--blue:focus {
background-color: #2e8ccb;
color: #FFF;
}
.button--blue--rev {
background: none;
border-width: 2px;
border-style: solid;
border-color: #54a3d8;
color: #54a3d8;
}
.button--blue--rev:hover {
background-color: rgba(255, 255, 255, 0.2);
border-color: #256fa1;
color: #256fa1;
}
.button--blue:disabled {
background-color: #d1e6f4;
cursor: auto;
}
.button--blue:focus {
-webkit-box-shadow: 0px 0px 6px 0px #54a3d8;
box-shadow: 0px 0px 6px 0px #54a3d8;
box-shadow: inset 0 -4px #2c86c2;
}
.button--vuelio-brand-pink {
background-color: #ff5892;
}
.button--vuelio-brand-pink:hover {
background-color: #ff2571;
color: #FFF;
}
.button--vuelio-brand-pink:focus {
background-color: #ff2571;
color: #FFF;
}
.button--vuelio-brand-pink--rev {
background: none;
border-width: 2px;
border-style: solid;
border-color: #ff5892;
color: #ff5892;
}
.button--vuelio-brand-pink--rev:hover {
background-color: rgba(255, 255, 255, 0.2);
border-color: #f10054;
color: #f10054;
}
.button--vuelio-brand-pink:disabled {
background-color: #fff1f6;
cursor: auto;
}
.button--vuelio-brand-pink:focus {
-webkit-box-shadow: 0px 0px 6px 0px #ff5892;
box-shadow: 0px 0px 6px 0px #ff5892;
box-shadow: inset 0 -4px #ff1b6a;
}
.button--vuelio-brand-blue {
background-color: #264592;
}
.button--vuelio-brand-blue:hover {
background-color: #1b326a;
color: #FFF;
}
.button--vuelio-brand-blue:focus {
background-color: #1b326a;
color: #FFF;
}
.button--vuelio-brand-blue--rev {
background: none;
border-width: 2px;
border-style: solid;
border-color: #264592;
color: #264592;
}
.button--vuelio-brand-blue--rev:hover {
background-color: rgba(255, 255, 255, 0.2);
border-color: #111f41;
color: #111f41;
}
.button--vuelio-brand-blue:disabled {
background-color: #7693db;
cursor: auto;
}
.button--vuelio-brand-blue:focus {
-webkit-box-shadow: 0px 0px 6px 0px #264592;
box-shadow: 0px 0px 6px 0px #264592;
box-shadow: inset 0 -4px #192e61;
}
.button--ai-brand-blue {
background-color: #161E36;
}
.button--ai-brand-blue:hover {
background-color: #070a12;
color: #FFF;
}
.button--ai-brand-blue:focus {
background-color: #070a12;
color: #FFF;
}
.button--ai-brand-blue--rev {
background: none;
border-width: 2px;
border-style: solid;
border-color: #161E36;
color: #161E36;
}
.button--ai-brand-blue--rev:hover {
background-color: rgba(255, 255, 255, 0.2);
border-color: black;
color: black;
}
.button--ai-brand-blue:disabled {
background-color: #425aa3;
cursor: auto;
}
.button--ai-brand-blue:focus {
-webkit-box-shadow: 0px 0px 6px 0px #161E36;
box-shadow: 0px 0px 6px 0px #161E36;
box-shadow: inset 0 -4px #04060b;
}
.button--rs-brand-blue {
background-color: #1067b0;
}
.button--rs-brand-blue:hover {
background-color: #0c4c81;
color: #FFF;
}
.button--rs-brand-blue:focus {
background-color: #0c4c81;
color: #FFF;
}
.button--rs-brand-blue--rev {
background: none;
border-width: 2px;
border-style: solid;
border-color: #1067b0;
color: #1067b0;
}
.button--rs-brand-blue--rev:hover {
background-color: rgba(255, 255, 255, 0.2);
border-color: #083053;
color: #083053;
}
.button--rs-brand-blue:disabled {
background-color: #68b3f1;
cursor: auto;
}
.button--rs-brand-blue:focus {
-webkit-box-shadow: 0px 0px 6px 0px #1067b0;
box-shadow: 0px 0px 6px 0px #1067b0;
box-shadow: inset 0 -4px #0b4678;
}
.button--rs-brand-orange {
background-color: #ef8f03;
}
.button--rs-brand-orange:hover {
background-color: #bd7102;
color: #FFF;
}
.button--rs-brand-orange:focus {
background-color: #bd7102;
color: #FFF;
}
.button--rs-brand-orange--rev {
background: none;
border-width: 2px;
border-style: solid;
border-color: #ef8f03;
color: #ef8f03;
}
.button--rs-brand-orange--rev:hover {
background-color: rgba(255, 255, 255, 0.2);
border-color: #8a5302;
color: #8a5302;
}
.button--rs-brand-orange:disabled {
background-color: #fed08d;
cursor: auto;
}
.button--rs-brand-orange:focus {
-webkit-box-shadow: 0px 0px 6px 0px #ef8f03;
box-shadow: 0px 0px 6px 0px #ef8f03;
box-shadow: inset 0 -4px #b36b02;
}
.button--chambray {
background-color: #3c668d;
}
.button--chambray:hover {
background-color: #2d4c69;
color: #FFF;
}
.button--chambray:focus {
background-color: #2d4c69;
color: #FFF;
}
.button--chambray--rev {
background: none;
border-width: 2px;
border-style: solid;
border-color: #3c668d;
color: #3c668d;
}
.button--chambray--rev:hover {
background-color: rgba(255, 255, 255, 0.2);
border-color: #1e3245;
color: #1e3245;
}
.button--chambray:disabled {
background-color: #92b2d0;
cursor: auto;
}
.button--chambray:focus {
-webkit-box-shadow: 0px 0px 6px 0px #3c668d;
box-shadow: 0px 0px 6px 0px #3c668d;
box-shadow: inset 0 -4px #2a4762;
}
.button--orange {
background-color: #ff9f6f;
}
.button--orange:hover {
background-color: #ff7d3c;
color: #FFF;
}
.button--orange:focus {
background-color: #ff7d3c;
color: #FFF;
}
.button--orange--rev {
background: none;
border-width: 2px;
border-style: solid;
border-color: #ff9f6f;
color: #ff9f6f;
}
.button--orange--rev:hover {
background-color: rgba(255, 255, 255, 0.2);
border-color: #ff5b09;
color: #ff5b09;
}
.button--orange:disabled {
background-color: white;
cursor: auto;
}
.button--orange:focus {
-webkit-box-shadow: 0px 0px 6px 0px #ff9f6f;
box-shadow: 0px 0px 6px 0px #ff9f6f;
box-shadow: inset 0 -4px #ff7632;
}
.button--red {
background-color: #ff7979;
}
.button--red:hover {
background-color: #ff4646;
color: #FFF;
}
.button--red:focus {
background-color: #ff4646;
color: #FFF;
}
.button--red--rev {
background: none;
border-width: 2px;
border-style: solid;
border-color: #ff7979;
color: #ff7979;
}
.button--red--rev:hover {
background-color: rgba(255, 255, 255, 0.2);
border-color: #ff1313;
color: #ff1313;
}
.button--red:disabled {
background-color: white;
cursor: auto;
}
.button--red:focus {
-webkit-box-shadow: 0px 0px 6px 0px #ff7979;
box-shadow: 0px 0px 6px 0px #ff7979;
box-shadow: inset 0 -4px #ff3c3c;
}
.button--tuna {
background-color: #323645;
}
.button--tuna:hover {
background-color: #1d1f27;
color: #FFF;
}
.button--tuna:focus {
background-color: #1d1f27;
color: #FFF;
}
.button--tuna--rev {
background: none;
border-width: 2px;
border-style: solid;
border-color: #323645;
color: #323645;
}
.button--tuna--rev:hover {
background-color: rgba(255, 255, 255, 0.2);
border-color: #07080a;
color: #07080a;
}
.button--tuna:disabled {
background-color: #757d9b;
cursor: auto;
}
.button--tuna:focus {
-webkit-box-shadow: 0px 0px 6px 0px #323645;
box-shadow: 0px 0px 6px 0px #323645;
box-shadow: inset 0 -4px #181a22;
}
.button--grey {
background-color: #666;
}
.button--grey:hover {
background-color: #4d4d4d;
color: #FFF;
}
.button--grey:focus {
background-color: #4d4d4d;
color: #FFF;
}
.button--grey--rev {
background: none;
border-width: 2px;
border-style: solid;
border-color: #666;
color: #666;
}
.button--grey--rev:hover {
background-color: rgba(255, 255, 255, 0.2);
border-color: #333333;
color: #333333;
}
.button--grey:disabled {
background-color: #b3b3b3;
cursor: auto;
}
.button--grey:focus {
-webkit-box-shadow: 0px 0px 6px 0px #666;
box-shadow: 0px 0px 6px 0px #666;
box-shadow: inset 0 -4px #474747;
}
.button--socialmedia {
background-color: #55ACEE;
}
.button--socialmedia:hover {
background-color: #2795e9;
color: #FFF;
}
.button--socialmedia:focus {
background-color: #2795e9;
color: #FFF;
}
.button--socialmedia--rev {
background: none;
border-width: 2px;
border-style: solid;
border-color: #55ACEE;
color: #55ACEE;
}
.button--socialmedia--rev:hover {
background-color: rgba(255, 255, 255, 0.2);
border-color: #147bc9;
color: #147bc9;
}
.button--socialmedia:disabled {
background-color: #e0f0fc;
cursor: auto;
}
.button--socialmedia:focus {
-webkit-box-shadow: 0px 0px 6px 0px #55ACEE;
box-shadow: 0px 0px 6px 0px #55ACEE;
box-shadow: inset 0 -4px #1d91e8;
}
.button--notification {
background-color: #666;
}
.button--notification:hover {
background-color: #4d4d4d;
color: #FFF;
}
.button--notification:focus {
background-color: #4d4d4d;
color: #FFF;
}
.button--notification--rev {
background: none;
border-width: 2px;
border-style: solid;
border-color: #666;
color: #666;
}
.button--notification--rev:hover {
background-color: rgba(255, 255, 255, 0.2);
border-color: #333333;
color: #333333;
}
.button--notification:disabled {
background-color: #b3b3b3;
cursor: auto;
}
.button--notification:focus {
-webkit-box-shadow: 0px 0px 6px 0px #666;
box-shadow: 0px 0px 6px 0px #666;
box-shadow: inset 0 -4px #474747;
}
.button--large {
font-size: 26px;
font-size: 2.6rem;
}
.button--medium {
font-size: 21px;
font-size: 2.1rem;
}
.button--small {
font-size: 16px;
font-size: 1.6rem;
}
.button--full-width {
width: 100%;
}
.button--rs-bar {
margin-top: 8px;
padding: 9px 8px;
margin-right: 8px;
}
.button--link {
padding-right: 32px;
background-image: url(img/button_extensions/mliu_button_link_rev.gif);
background-repeat: no-repeat;
background-position: right center;
}
.button--refresh {
padding-right: 32px;
background-image: url(img/button_extensions/mliu_button_refresh_rev.gif);
background-repeat: no-repeat;
background-position: right center;
}
.button--refresh--rss {
padding-right: 32px;
background-image: url(img/button_extensions/mliu_button_rss_rev.png);
background-repeat: no-repeat;
background-position: right center;
}
.button--refresh--ico-contact {
padding-left: 36px;
background-image: url(svg/ico/btn/ico-btn-contact-us.svg);
background-repeat: no-repeat;
background-position: left 3px center;
}
.button--refresh--ico-contact--grey {
background-image: url(svg/ico/btn/ico-btn-contact-us-grey.svg);
}
.button--refresh--ico-direct-line {
padding-left: 36px;
background-image: url(svg/ico/btn/ico-btn-direct-line.svg);
background-repeat: no-repeat;
background-position: left 3px center;
}
.button--refresh--ico-download {
padding-left: 24px;
background-image: url(svg/ico/btn/ico-download.svg);
background-repeat: no-repeat;
background-size: 17px;
background-position: left 3px center;
}
/* ===== HERO PANEL =========================================================
Author: Simon Allin | Jul 2017 | Revised 2020
========================================================================== */
/* DOCUMENT INFORMATION
-Use for promo hero panels
*/
/* LOCAL SETTINGS / MIXINS --------------------------- */
/* COMPONENT --------------------------- */
.c-ai-hero {
padding-top: 48px;
padding-bottom: 48px;
background: #666;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
z-index: 0;
}
.c-ai-hero--white {
background: #FFF;
}
@media (min-width: 64em) {
.c-ai-hero--offset-sidebar {
width: calc( 100% - 360px );
}
}
.c-ai-hero--cover-img {
background-size: cover;
background-position: center center;
padding-bottom: 0;
}
@media (min-width: 46.25em) {
.c-ai-hero--t-center {
text-align: center;
}
}
.c-ai-hero--height-x-small {
height: 150px;
min-height: 150px;
}
@media (max-width: 61.24em) {
.c-ai-hero--height-x-small {
height: auto;
}
}
.c-ai-hero--height-auto {
height: auto;
min-height: none;
}
.c-ai-hero--height-small {
height: 200px;
min-height: 200px;
}
@media (max-width: 61.24em) {
.c-ai-hero--height-small {
height: auto;
}
}
.c-ai-hero--height-auto {
height: auto;
min-height: none;
}
.c-ai-hero--height-medium {
height: 350px;
min-height: 350px;
}
@media (max-width: 61.24em) {
.c-ai-hero--height-medium {
height: auto;
}
}
.c-ai-hero--height-auto {
height: auto;
min-height: none;
}
.c-ai-hero--height-large {
height: 500px;
min-height: 500px;
}
@media (max-width: 61.24em) {
.c-ai-hero--height-large {
height: auto;
}
}
.c-ai-hero--height-auto {
height: auto;
min-height: none;
}
.c-ai-hero--height-x-large {
height: 700px;
min-height: 700px;
}
@media (max-width: 61.24em) {
.c-ai-hero--height-x-large {
height: auto;
}
}
.c-ai-hero--height-auto {
height: auto;
min-height: none;
}
.c-ai-hero--min-height-250\@wide {
height: auto;
}
@media (min-width: 81.25em) {
.c-ai-hero--min-height-250\@wide {
height: 250px;
min-height: 250px;
}
}
.c-ai-hero--rs-portal-left {
background-image: url(svg/covers/rs/rs-cover-portal-left.svg);
}
.c-ai-hero--rs-portal-left-small {
background-image: url(svg/covers/rs/rs-cover-portal-left--small.svg);
}
.c-ai-hero--rs-portal-left-zoomed {
background-image: url(svg/covers/rs/rs-cover-portal-left--zoomed.svg);
}
.c-ai-hero--rs-portal-right {
background-image: url(svg/covers/rs/rs-cover-portal-right.svg);
}
.c-ai-hero--rs-portal-right-small {
background-image: url(svg/covers/rs/rs-cover-portal-right--small.svg);
}
.c-ai-hero--rs-portal-right-zoomed {
background-image: url(svg/covers/rs/rs-cover-portal-right--zoomed.svg);
}
.c-ai-hero--rs-portal-center {
background-image: url(svg/covers/rs/rs-cover-portal-center.svg);
}
.c-ai-hero--vuelio-portal-left {
background-image: url(svg/covers/vuelio/vuelio-cover-portal-left.svg);
}
.c-ai-hero--vuelio-portal-left-small {
background-image: url(svg/covers/vuelio/vuelio-cover-portal-left--small.svg);
}
.c-ai-hero--vuelio-portal-left-zoomed {
background-image: url(svg/covers/vuelio/vuelio-cover-portal-left--zoomed.svg);
}
.c-ai-hero--vuelio-portal-right {
background-image: url(svg/covers/vuelio/vuelio-cover-portal-right.svg);
}
.c-ai-hero--vuelio-portal-right-small {
background-image: url(svg/covers/vuelio/vuelio-cover-portal-right--small.svg);
}
.c-ai-hero--vuelio-portal-right-zoomed {
background-image: url(svg/covers/vuelio/vuelio-cover-portal-right--zoomed.svg);
}
.c-ai-hero--cover-rs {
background-image: url(svg/covers/rs/RS-homepage-image-1.svg);
}
.c-ai-hero--cover-rs-2 {
background-image: url(svg/covers/rs/RS-homepage-image-2.svg);
}
.c-ai-hero--cover-rs-1 {
background-image: url(svg/covers/rs/RS-homepage-image-1.svg);
}
.c-ai-hero--cover-rs-left-portal {
background-image: url(svg/covers/rs/RS-thank-you-page.svg);
}
.c-ai-hero--cover-pro {
background: url(img/covers/pro/compressed/pro-home-cover.jpg) no-repeat center center;
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-moz-min-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2/1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
.c-ai-hero--cover-pro {
background: url(img/covers/pro/compressed/pro-home-cover@2x.jpg) no-repeat center center;
background-size: cover;
}
}
.c-ai-hero--cover-pro-2 {
background: url(img/covers/pro/compressed/pro-home-cover-2.jpg) no-repeat center center;
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-moz-min-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2/1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
.c-ai-hero--cover-pro-2 {
background: url(img/covers/pro/compressed/pro-home-cover-2@2x.jpg) no-repeat center center;
background-size: cover;
}
}
.no-flexbox .c-heading--hero {
position: relative;
left: 0;
}
.c-ai-hero__heading-container {
padding-left: 0;
width: 100%;
text-align: center;
}
@media (min-width: 46.25em) {
.c-ai-hero__heading-container {
text-align: left;
}
}
@media (min-width: 46.25em) {
.c-ai-hero__heading-container--t-center {
text-align: center;
}
}
@media (min-width: 46.25em) {
.c-ai-hero__heading-container--narrow {
padding-left: 20%;
}
}
@media (min-width: 81.25em) {
.c-ai-hero__heading-container--narrow {
padding-left: 50%;
}
}
@media (min-width: 46.25em) {
.c-ai-hero__heading-container--left-narrow {
max-width: 50%;
}
}
/* ===== QUOTE =========================================================
Author: Simon Allin | Original 2017 | Revision: 2020
========================================================================== */
/* DOCUMENT INFORMATION
-Use for case study qoutes
+~~~~~~~~~~~~~~+
¦ Img ¦
¦ Title ¦
¦ Date ¦
+~~~~~~~~~~~~~~+
*/
/* LOCAL SETTINGS / MIXINS --------------------------- */
/* COMPONENT --------------------------- */
.c-cs-box {
background-color: #1067b0;
}
.c-cs-box--orange {
background-color: #ff9f6f;
}
.c-cs-box--hero {
clear: both;
margin-bottom: 48px;
background: transparent;
}
@media (min-width: 46.25em) {
.c-cs-box--hero {
float: right;
width: 330px;
clear: none;
margin-bottom: 0;
}
}
.c-cs-box__quote {
padding: 24px;
flex-grow: 1;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
flex-direction: column;
font-size: 2.1rem;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-weight: 700;
line-height: 1.3;
}
.c-cs__quote-sub-text {
margin-top: 3px;
font-style: italic;
color: gray;
font-size: 13px;
font-size: 1.3rem;
}
.c-cs-box__quote-text {
font-size: 2.5rem;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-weight: 700;
line-height: 1.3;
color: #fff;
margin-bottom: 48px;
flex-grow: 1;
}
.c-cs-box__quote-text:before {
display: block;
content: " ";
background-image: url("svg/ico/quote/ai-ico-quote--white.svg");
background-repeat: no-repeat;
background-size: 53px 53px;
height: 53px;
width: 53px;
}
.c-cs-box__quote-text > a {
color: #FFFFFF;
}
.c-cs-box__quote-text > a:hover {
border-bottom: 3px solid #FFFFFF;
}
.c-cs-box--hero .c-cs-box__quote-text {
color: #fff;
}
.c-cs-box--hero .c-cs-box__quote-text:before {
background-image: url("svg/ico/quote/ai-ico-quote--rs-orange.svg");
}
.c-cs-box__quote-text--rs-orange-mark:before {
background-image: url("svg/ico/quote/ai-ico-quote--rs-orange.svg");
}
.c-cs-box__quote-text--rs-orange-mark:before {
background-image: url("svg/ico/quote/ai-ico-quote--rs-blue.svg");
}
.c-cs-box--sml-font .c-cs-box__quote-text {
font-size: 23px;
font-size: 2.3rem;
}
.c-cs-box--sml-font .c-cs-box__quote-text:before {
background-size: 43px 43px;
}
.c-cs-box--sml-font .c-cs-box__quote-link {
font-size: 23px;
font-size: 2.3rem;
}
.c-cs-box__quote-link {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 26px;
font-size: 2.6rem;
line-height: 1.3;
font-weight: 700;
text-align: right;
}
.c-cs-box__quote-link > a {
float: right;
color: #fff;
border-bottom: 3px solid #FFFFFF;
}
.c-cs-box__logo {
background: #FFFFFF;
min-height: 120px;
bottom: 0;
margin-top: auto;
padding: 6px;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
align-items: center;
justify-content: center;
min-height: 200px;
}
.c-cs-box__logo img {
width: auto;
max-width: 97%;
bottom: 0;
height: auto;
max-height: 180px;
}
.c-cs-box__logo--border-orange {
border: 3px solid #ff9f6f;
}
.c-cs-box__logo--border-blue {
border: 3px solid #0085B2;
}
.c-cs__quote-text {
position: relative;
padding-left: 45px;
color: #666;
font-size: 1.6rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 600;
color: #292f33;
}
.c-cs__quote-text:before {
content: " ";
background-image: url("svg/ico/quote/ai-ico-quote--rs-blue.svg");
position: absolute;
left: 0;
top: 24px;
background-repeat: no-repeat;
background-size: 33px 33px;
height: 33px;
width: 33px;
}
.c-cs__quote-text--w-border {
border-top: 2px dotted #cccccc;
padding-top: 24px;
}
/* ======================================================================
client card ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.c-client-card {
background: #f7f7f7;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.c-client-card__body {
padding: 24px;
}
.c-client-card__logo {
background: #FFF;
padding: 12px;
}
.c-client-card__logo > img {
height: auto;
max-width: 100%;
max-height: 100%;
}
.c-client-card__summary {
margin-bottom: 24px;
}
.c-client-card__summary-row {
margin-bottom: 12px;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
}
/* ======================================================================
flex col system ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.c-layout--4-col, .c-layout--3-col, .c-layout--2-col {
position: relative;
display: flex;
flex-wrap: wrap;
}
/* all cols have standard margin right */
.c-layout__col {
margin-right: 24px;
display: flex;
flex-direction: column;
}
/* set the slices to flex */
.c-layout--4-col .c-layout__col, .c-layout--3-col .c-layout__col, .c-layout--2-col .c-layout__col {
box-sizing: border-box;
float: left;
}
.c-layout--2-col .c-layout__col {
width: webkit-calc((100% - 24px ) / 2);
width: -moz-calc((100% - 24px ) / 2);
width: calc((100% - 24px ) / 2);
flex: 0 0 auto;
/* 2 cold biased left [bigger left col] */
}
.c-layout--2-col .c-layout__col:last-of-type {
margin-right: 0;
}
.c-layout--2-col .c-layout__col:nth-of-type(2n) {
margin-right: 0;
}
.c-layout--2-col .c-layout__col--large-gutter {
width: webkit-calc((100% - 48px ) / 2);
width: -moz-calc((100% - 48px ) / 2);
width: calc((100% - 48px ) / 2);
margin-right: 48px;
}
.c-layout--2-col .c-layout__col--bias-lc {
width: 53%;
margin-right: 96px;
}
.c-layout--2-col .c-layout__col--bias-rc {
width: webkit-calc(47% - 96px);
width: -moz-calc(47% - 96px);
width: calc(47% - 96px);
}
.c-layout--2-col .c-layout__col--main {
width: webkit-calc(100% - ( 28% + 48px ));
width: -moz-calc(100% - ( 28% + 48px ));
width: calc(100% - ( 28% + 48px ));
}
.c-layout--2-col .c-layout__col--main-filtered {
width: webkit-calc(100% - ( 20% + 48px ));
width: -moz-calc(100% - ( 20% + 48px ));
width: calc(100% - ( 20% + 48px ));
}
.c-layout--2-col .c-layout__col--side {
width: webkit-calc(28% + 24px);
width: -moz-calc(28% + 24px);
width: calc(28% + 24px);
}
.c-layout--2-col .c-layout__col--side-filtered {
width: webkit-calc(20% + 24px);
width: -moz-calc(20% + 24px);
width: calc(20% + 24px);
}
@media (max-width: 34.365em) {
.c-layout--2-col--break-flex\@mobile .c-layout__col {
width: 100%;
flex: none !important;
margin-right: 0;
float: none;
}
}
@media (max-width: 46.24em) {
.c-layout--2-col--break-flex\@tablet .c-layout__col {
width: 100%;
flex: none !important;
margin-right: 0;
float: none;
}
}
@media (max-width: 52.49em) {
.c-layout--2-col--break-flex\@medium .c-layout__col {
width: 100%;
flex: none !important;
margin-right: 0;
float: none;
}
}
@media (max-width: 61.24em) {
.c-layout--2-col--break-flex\@desktop .c-layout__col {
width: 100%;
flex: none !important;
margin-right: 0;
float: none;
}
}
@media (max-width: 63.99em) {
.c-layout--2-col--break-flex\@desktop-medium .c-layout__col {
width: 100%;
flex: none !important;
margin-right: 0;
float: none;
}
}
@media (max-width: 71.865em) {
.c-layout--2-col--break-flex\@desktop-wide .c-layout__col {
width: 100%;
flex: none !important;
margin-right: 0;
float: none;
}
}
@media (max-width: 81.24em) {
.c-layout--2-col--break-flex\@wide .c-layout__col {
width: 100%;
flex: none !important;
margin-right: 0;
float: none;
}
}
.c-layout--3-col {
/* full 3 col calculated (100% - 2 interior spacing units) / 4 */
/* reduce col count at specified mq break */
/* remove flex at desired break */
}
.c-layout--3-col .c-layout__col {
width: webkit-calc((100% - 48px ) / 3);
width: -moz-calc((100% - 48px ) / 3);
width: calc((100% - 48px ) / 3);
flex: 0 0 auto;
/* center baised option [ bigger center col ] */
}
.c-layout--3-col .c-layout__col:nth-of-type(3n) {
margin-right: 0;
}
.c-layout--3-col .c-layout__col--c-bias-lc {
width: webkit-calc(((100% - 600px - 48px ) / 2 ));
width: -moz-calc(((100% - 600px - 48px ) / 2 ));
width: calc(((100% - 600px - 48px ) / 2 ));
}
.c-layout--3-col .c-layout__col--c-bias-center {
width: 600px;
}
.c-layout--3-col .c-layout__col--c-bias-rc {
width: webkit-calc(((100% - 600px - 48px ) / 2 ));
width: -moz-calc(((100% - 600px - 48px ) / 2 ));
width: calc(((100% - 600px - 48px ) / 2 ));
}
@media (max-width: 34.365em) {
.c-layout--3-col-split\@mobile .c-layout__col {
width: webkit-calc((100% - 24px ) / 2);
width: -moz-calc((100% - 24px ) / 2);
width: calc((100% - 24px ) / 2);
/* take off right margin of every 2nd */
}
.c-layout--3-col-split\@mobile .c-layout__col:nth-of-type(2n) {
margin-right: 0;
}
}
@media (max-width: 46.24em) {
.c-layout--3-col-split\@tablet .c-layout__col {
width: webkit-calc((100% - 24px ) / 2);
width: -moz-calc((100% - 24px ) / 2);
width: calc((100% - 24px ) / 2);
/* take off right margin of every 2nd */
}
.c-layout--3-col-split\@tablet .c-layout__col:nth-of-type(2n) {
margin-right: 0;
}
}
@media (max-width: 52.49em) {
.c-layout--3-col-split\@medium .c-layout__col {
width: webkit-calc((100% - 24px ) / 2);
width: -moz-calc((100% - 24px ) / 2);
width: calc((100% - 24px ) / 2);
/* take off right margin of every 2nd */
}
.c-layout--3-col-split\@medium .c-layout__col:nth-of-type(2n) {
margin-right: 0;
}
}
@media (max-width: 61.24em) {
.c-layout--3-col-split\@desktop .c-layout__col {
width: webkit-calc((100% - 24px ) / 2);
width: -moz-calc((100% - 24px ) / 2);
width: calc((100% - 24px ) / 2);
/* take off right margin of every 2nd */
}
.c-layout--3-col-split\@desktop .c-layout__col:nth-of-type(2n) {
margin-right: 0;
}
}
@media (max-width: 63.99em) {
.c-layout--3-col-split\@desktop-medium .c-layout__col {
width: webkit-calc((100% - 24px ) / 2);
width: -moz-calc((100% - 24px ) / 2);
width: calc((100% - 24px ) / 2);
/* take off right margin of every 2nd */
}
.c-layout--3-col-split\@desktop-medium .c-layout__col:nth-of-type(2n) {
margin-right: 0;
}
}
@media (max-width: 71.865em) {
.c-layout--3-col-split\@desktop-wide .c-layout__col {
width: webkit-calc((100% - 24px ) / 2);
width: -moz-calc((100% - 24px ) / 2);
width: calc((100% - 24px ) / 2);
/* take off right margin of every 2nd */
}
.c-layout--3-col-split\@desktop-wide .c-layout__col:nth-of-type(2n) {
margin-right: 0;
}
}
@media (max-width: 81.24em) {
.c-layout--3-col-split\@wide .c-layout__col {
width: webkit-calc((100% - 24px ) / 2);
width: -moz-calc((100% - 24px ) / 2);
width: calc((100% - 24px ) / 2);
/* take off right margin of every 2nd */
}
.c-layout--3-col-split\@wide .c-layout__col:nth-of-type(2n) {
margin-right: 0;
}
}
@media (max-width: 34.365em) {
.c-layout--3-col-break-flex\@mobile .c-layout__col {
flex: none;
float: none !important;
width: 100% !important;
}
}
@media (max-width: 46.24em) {
.c-layout--3-col-break-flex\@tablet .c-layout__col {
flex: none;
float: none !important;
width: 100% !important;
}
}
@media (max-width: 52.49em) {
.c-layout--3-col-break-flex\@medium .c-layout__col {
flex: none;
float: none !important;
width: 100% !important;
}
}
@media (max-width: 61.24em) {
.c-layout--3-col-break-flex\@desktop .c-layout__col {
flex: none;
float: none !important;
width: 100% !important;
}
}
@media (max-width: 63.99em) {
.c-layout--3-col-break-flex\@desktop-medium .c-layout__col {
flex: none;
float: none !important;
width: 100% !important;
}
}
@media (max-width: 71.865em) {
.c-layout--3-col-break-flex\@desktop-wide .c-layout__col {
flex: none;
float: none !important;
width: 100% !important;
}
}
@media (max-width: 81.24em) {
.c-layout--3-col-break-flex\@wide .c-layout__col {
flex: none;
float: none !important;
width: 100% !important;
}
}
.c-layout--4-col {
/* full 4 col calculated (100% - 3 interior spacing units) / 4 */
/* half the col count at specified mq break */
/* remove flex at desired break */
}
.c-layout--4-col .c-layout__col {
width: webkit-calc((100% - 72px ) / 4);
width: -moz-calc((100% - 72px ) / 4);
width: calc((100% - 72px ) / 4);
flex: 0 0 auto;
}
@media (max-width: 34.365em) {
.c-layout--4-col-split\@mobile .c-layout__col {
width: webkit-calc((100% - 24px ) / 2);
width: -moz-calc((100% - 24px ) / 2);
width: calc((100% - 24px ) / 2);
margin-bottom: 24px;
/* take off right margin of every 2nd */
}
.c-layout--4-col-split\@mobile .c-layout__col:nth-of-type(2n) {
margin-right: 0;
}
}
@media (max-width: 46.24em) {
.c-layout--4-col-split\@tablet .c-layout__col {
width: webkit-calc((100% - 24px ) / 2);
width: -moz-calc((100% - 24px ) / 2);
width: calc((100% - 24px ) / 2);
margin-bottom: 24px;
/* take off right margin of every 2nd */
}
.c-layout--4-col-split\@tablet .c-layout__col:nth-of-type(2n) {
margin-right: 0;
}
}
@media (max-width: 52.49em) {
.c-layout--4-col-split\@medium .c-layout__col {
width: webkit-calc((100% - 24px ) / 2);
width: -moz-calc((100% - 24px ) / 2);
width: calc((100% - 24px ) / 2);
margin-bottom: 24px;
/* take off right margin of every 2nd */
}
.c-layout--4-col-split\@medium .c-layout__col:nth-of-type(2n) {
margin-right: 0;
}
}
@media (max-width: 61.24em) {
.c-layout--4-col-split\@desktop .c-layout__col {
width: webkit-calc((100% - 24px ) / 2);
width: -moz-calc((100% - 24px ) / 2);
width: calc((100% - 24px ) / 2);
margin-bottom: 24px;
/* take off right margin of every 2nd */
}
.c-layout--4-col-split\@desktop .c-layout__col:nth-of-type(2n) {
margin-right: 0;
}
}
@media (max-width: 63.99em) {
.c-layout--4-col-split\@desktop-medium .c-layout__col {
width: webkit-calc((100% - 24px ) / 2);
width: -moz-calc((100% - 24px ) / 2);
width: calc((100% - 24px ) / 2);
margin-bottom: 24px;
/* take off right margin of every 2nd */
}
.c-layout--4-col-split\@desktop-medium .c-layout__col:nth-of-type(2n) {
margin-right: 0;
}
}
@media (max-width: 71.865em) {
.c-layout--4-col-split\@desktop-wide .c-layout__col {
width: webkit-calc((100% - 24px ) / 2);
width: -moz-calc((100% - 24px ) / 2);
width: calc((100% - 24px ) / 2);
margin-bottom: 24px;
/* take off right margin of every 2nd */
}
.c-layout--4-col-split\@desktop-wide .c-layout__col:nth-of-type(2n) {
margin-right: 0;
}
}
@media (max-width: 81.24em) {
.c-layout--4-col-split\@wide .c-layout__col {
width: webkit-calc((100% - 24px ) / 2);
width: -moz-calc((100% - 24px ) / 2);
width: calc((100% - 24px ) / 2);
margin-bottom: 24px;
/* take off right margin of every 2nd */
}
.c-layout--4-col-split\@wide .c-layout__col:nth-of-type(2n) {
margin-right: 0;
}
}
@media (max-width: 34.365em) {
.c-layout--4-col-break-flex\@mobile .c-layout__col {
flex: none;
float: none !important;
width: 100% !important;
}
}
@media (max-width: 46.24em) {
.c-layout--4-col-break-flex\@tablet .c-layout__col {
flex: none;
float: none !important;
width: 100% !important;
}
}
@media (max-width: 52.49em) {
.c-layout--4-col-break-flex\@medium .c-layout__col {
flex: none;
float: none !important;
width: 100% !important;
}
}
@media (max-width: 61.24em) {
.c-layout--4-col-break-flex\@desktop .c-layout__col {
flex: none;
float: none !important;
width: 100% !important;
}
}
@media (max-width: 63.99em) {
.c-layout--4-col-break-flex\@desktop-medium .c-layout__col {
flex: none;
float: none !important;
width: 100% !important;
}
}
@media (max-width: 71.865em) {
.c-layout--4-col-break-flex\@desktop-wide .c-layout__col {
flex: none;
float: none !important;
width: 100% !important;
}
}
@media (max-width: 81.24em) {
.c-layout--4-col-break-flex\@wide .c-layout__col {
flex: none;
float: none !important;
width: 100% !important;
}
}
.c-layout__col:last-of-type {
margin-right: 0;
}
/* no-fex fallback for IE < 11 */
.no-flexbox .c-layout--4-col .c-layout__col {
float: left;
width: webkit-calc((100% - 72px ) / 4);
width: -moz-calc((100% - 72px ) / 4);
width: calc((100% - 72px ) / 4);
}
.no-flexbox .c-layout--3-col .c-layout__col {
float: left;
width: webkit-calc((100% - 72px ) / 3);
width: -moz-calc((100% - 72px ) / 3);
width: calc((100% - 72px ) / 3);
}
.no-flexbox .c-layout--2-col .c-layout__col {
float: left;
width: webkit-calc((100% - 72px ) / 2);
width: -moz-calc((100% - 72px ) / 2);
width: calc((100% - 72px ) / 2);
}
/* ===== GENERIC PAGE =========================================================
Author: Simon Allin | Jul 2017 | Revised 2020
========================================================================== */
/* DOCUMENT INFORMATION
-Use for geenric pages
*/
/* LOCAL SETTINGS / MIXINS --------------------------- */
/* COMPONENT --------------------------- */
.ai-generic-page {
background: #f7f7f7;
}
@media (max-width: 46.24em) {
.ai-generic-page__body {
padding: 24px;
}
}
.ai-generic-page__content {
padding: 48px;
background-color: #FFF;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 34.365em) {
.ai-generic-page__content {
margin: 0;
}
}
@media (min-width: 34.375em) and (max-width: 46.24em) {
.ai-generic-page__content {
margin: 24px 0;
}
}
@media (min-width: 46.25em) and (max-width: 61.24em) {
.ai-generic-page__content {
padding: 24px;
margin: 48px 24px;
}
}
@media (min-width: 61.25em) {
.ai-generic-page__content {
padding: 48px;
margin: 48px 0;
}
}
.ai-generic-page__content p {
font-size: 18px;
font-size: 1.8rem;
}
.ai-generic-page__content ul {
margin-bottom: 12px;
}
.ai-generic-page__content li {
font-size: 18px;
font-size: 1.8rem;
margin-bottom: 6px;
}
.ai-generic-page__content hr {
margin-top: 12px;
margin-bottom: 12px;
border: 1px solid #d6d7da;
}
.ai-generic-page__content h2, .ai-generic-page__content h3, .ai-generic-page__content h4, .ai-generic-page__content h5, .ai-generic-page__content h6 {
color: #1067b0;
}
.ai-generic-page__content h1 {
font-size: 46px;
line-height: 54px;
margin-bottom: 12px;
}
.ai-generic-page__content h2 {
font-size: 34px;
line-height: 40px;
margin-bottom: 12px;
}
.ai-generic-page__content h3 {
font-size: 24px;
line-height: 26px;
margin-bottom: 12px;
}
.ai-generic-page__content h4 {
font-size: 20px;
line-height: 24px;
margin-bottom: 12px;
}
.ai-generic-page__content h5 {
font-size: 18px;
line-height: 22px;
margin-bottom: 12px;
}
@media (max-width: 46.24em) {
.ai-generic-page__content h1 {
font-size: 32px;
line-height: 32px;
margin-bottom: 12px;
}
.ai-generic-page__content h2 {
font-size: 24px;
line-height: 28px;
margin-bottom: 12px;
}
.ai-generic-page__content h3 {
font-size: 20px;
line-height: 26px;
margin-bottom: 12px;
}
.ai-generic-page__content h4 {
font-size: 18px;
line-height: 24px;
margin-bottom: 12px;
}
.ai-generic-page__content h5 {
font-size: 16px;
line-height: 22px;
margin-bottom: 12px;
}
}
.ai-generic-page__content ol.nested_counter {
margin-bottom: 0;
}
.ai-generic-page__content img {
width: auto;
height: auto;
max-width: 100%;
margin: 20px 0;
margin-left: auto;
margin-right: auto;
display: block;
}
.ai-generic-page__content table, .ai-generic-page__content caption, .ai-generic-page__content tbody, .ai-generic-page__content tfoot, .ai-generic-page__content thead, .ai-generic-page__content tr, .ai-generic-page__content th, .ai-generic-page__content td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
background-color: #ffffff;
}
.ai-generic-page__content th {
font-size: 1.8rem;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-weight: 700;
font-weight: 600;
color: #1067b0;
border-bottom: 2px solid #eaeaec;
padding: 12px;
margin: 0;
}
.ai-generic-page__content td {
border-bottom: 2px solid #f5f5f5;
padding: 12px;
margin: 0;
}
.ai-generic-page__content tr:last-child td {
border-bottom: 0;
}
.ai-generic-page__content table {
background-color: #ffffff;
color: #333333;
text-align: left;
border-collapse: collapse;
max-width: 100%;
}
.generic-content ol,
.generic-content ul {
float: left;
}
.generic-content ol li,
.generic-content ul li {
clear: both;
}
.generic-content .generic-content .wp-caption {
position: relative;
float: left;
width: auto !important;
}
.generic-content .wp-caption img {
width: 70%;
height: auto;
margin: 20px 0;
margin-bottom: 10px;
display: block;
}
@media (max-width: 456px) {
.generic-content .wp-caption img {
margin: 15px 0;
}
}
.generic-content .wp-caption-text {
padding: 0px;
background-color: #ffffff;
color: #999999 !important;
font-size: 15px;
line-height: 22px;
position: relative;
float: left;
width: 100%;
}
@media (max-width: 456px) {
.generic-content .wp-caption-text {
width: 100%;
float: left;
position: relative;
margin-top: 0;
padding: 0;
}
}
.support-content ol.nested_counter {
margin-bottom: 0;
}
/* ===== AI Footer =========================================================
Author: Simon Allin | 2020
========================================================================== */
/* DOCUMENT INFORMATION
- New AI footer styling
- Comprises legacy code fomr original WP setup
*/
/* LOCAL SETTINGS / MIXINS --------------------------- */
/* COMPONENT --------------------------- */
.c-ai-footer {
background-color: #444444;
text-align: left;
padding: 48px 0;
}
.c-ai-footer__group {
text-size-adjust: 100%;
text-transform: uppercase;
}
.c-ai-footer__group p {
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
color: #FFF;
}
.c-ai-footer__prod-logo {
height: 28px;
width: 180px;
background-size: 180px;
margin-bottom: 12px;
margin-top: -3px;
}
.c-ai-footer__list {
padding-left: 0;
font-size: 1.4rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 400;
}
.c-ai-footer__list .menu-item, .c-ai-footer__list .c-ai-footer__item {
color: #ccc;
margin-bottom: 6px;
}
.c-ai-footer__list .menu-item--lc, .c-ai-footer__list .c-ai-footer__item--lc {
text-transform: none;
}
.c-ai-footer__list .menu-item a, .c-ai-footer__list .c-ai-footer__link {
color: #ccc;
}
.c-ai-footer__list .menu-item a--system, .c-ai-footer__list .c-ai-footer__link--system {
text-transform: none;
color: #54a3d8;
}
.c-ai-footer__list .menu-item a--system:hover, .c-ai-footer__list .c-ai-footer__link--system:hover {
text-decoration: underline;
}
.c-ai-group-footer {
border-top: 1px solid #ccc;
padding: 48px 0;
display: flex;
flex-direction: column;
}
@media (min-width: 34.375em) {
.c-ai-group-footer {
flex-direction: row;
}
}
.c-ai-group-footer__brand {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
font-family: "SurtMedium", sans-serif;
font-weight: 400;
color: #FFF;
text-align: center;
}
@media (min-width: 34.375em) and (max-width: 46.24em) {
.c-ai-group-footer__brand {
width: 50%;
}
}
@media (min-width: 46.25em) {
.c-ai-group-footer__brand {
width: 140px;
margin-right: 12px;
}
}
.c-ai-group-footer__logo-span {
margin-bottom: 12px;
font-family: "Surt", sans-serif;
font-weight: 400;
}
.c-ai-group-footer__logo-span--strong {
font-weight: 400;
font-family: "SurtBold", sans-serif;
}
.c-ai-group-footer__logo {
margin: 24px auto 0 auto;
width: 100px;
height: 100px;
background-size: 100px;
}
footer.sticky {
position: relative;
bottom: 0;
z-index: 2;
padding: 0;
}
@media (min-width: 768px) {
footer.sticky {
position: fixed;
}
}
footer.sticky #small-footer {
margin-top: 0;
}
footer .footer-section {
position: relative;
float: left;
width: 20%;
margin-right: 5%;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
}
@media (max-width: 760px) {
footer .footer-section {
width: 23%;
}
footer .footer-section:first-child {
width: 32%;
margin-right: 5%;
}
}
/* ===== AI Group Logos =========================================================
Author: Simon Allin | 2021
========================================================================== */
/* DOCUMENT INFORMATION
- New AI group logos
*/
/* LOCAL SETTINGS / MIXINS --------------------------- */
/* COMPONENT --------------------------- */
.c-ai-group-logo {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
@media (max-width: 61.24em) {
.c-ai-group-logo {
margin-bottom: 48px;
}
}
.c-ai-group-logo__text-span {
color: #FFF;
margin-bottom: 12px;
font-size: 1.8rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 400;
}
.c-ai-group-logo__text-span--strong {
font-weight: 600;
}
.c-ai-group-logo__svg {
margin: 24px auto 0 auto;
width: 100px;
height: 100px;
background-size: 100px;
}
.c-ai-group-logo-part-of-ai {
display: flex;
flex-direction: column;
vertical-align: middle;
justify-content: center;
align-items: center;
}
@media (min-width: 46.25em) {
.c-ai-group-logo-part-of-ai {
flex-direction: row;
flex-direction: column;
}
}
.c-ai-group-logo-part-of-ai__text {
color: #161E36;
font-size: 1.8rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 400;
display: flex;
vertical-align: middle;
margin-bottom: 12px;
}
@media (max-width: 46.24em) {
.c-ai-group-logo-part-of-ai__text {
margin-bottom: 12px;
}
}
.c-ai-group-logo-part-of-ai__svg {
width: 200px;
height: 107px;
background-size: 100%;
display: flex;
flex-direction: row;
z-index: 10;
}
.c-ai-group-logo-part-of-ai__svg--inline {
display: inline-flex;
width: 230px;
height: 44px;
margin-left: 12px;
}
.c-ai-group-logo-part-of-ai__svg > div {
width: 50px;
height: 50px;
background-size: 100%;
margin-right: 12px;
}
.c-ai-group-logo-part-of-ai__svg > div:last-of-type {
margin-right: 0;
}
/* ===== FEATURED CONTENT POST =============================================
Author: Ed Patrick | May 2017 |
========================================================================== */
/* DOCUMENT INFORMATION
-Use for styling individual featured posts
+~~~~~~~~~~~~~~+
¦ Img ¦
¦ Title ¦
¦ Date ¦
+~~~~~~~~~~~~~~+
*/
/* ======================================================================
local settigns / mixins etc ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* ======================================================================
component ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* featured news slices / setup flex parent */
.c-fc-news__block--flex-parent {
position: relative;
display: flex;
flex-wrap: wrap;
}
/* creating break flex class name options */
@media (max-width: 34.365em) {
.c-fc-news__block--break-flex\@mobile {
display: block;
float: none;
width: 100%;
}
}
@media (max-width: 46.24em) {
.c-fc-news__block--break-flex\@tablet {
display: block;
float: none;
width: 100%;
}
}
@media (max-width: 52.49em) {
.c-fc-news__block--break-flex\@medium {
display: block;
float: none;
width: 100%;
}
}
@media (max-width: 61.24em) {
.c-fc-news__block--break-flex\@desktop {
display: block;
float: none;
width: 100%;
}
}
@media (max-width: 63.99em) {
.c-fc-news__block--break-flex\@desktop-medium {
display: block;
float: none;
width: 100%;
}
}
@media (max-width: 71.865em) {
.c-fc-news__block--break-flex\@desktop-wide {
display: block;
float: none;
width: 100%;
}
}
@media (max-width: 81.24em) {
.c-fc-news__block--break-flex\@wide {
display: block;
float: none;
width: 100%;
}
}
@media (max-width: 34.365em) {
.c-fc-news__block--break-flex\@mobile .c-fc-news__slice {
display: block;
float: none;
border-right: none;
margin-right: 0;
padding-right: 0;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #cccccc;
width: 100% !important;
}
}
@media (max-width: 46.24em) {
.c-fc-news__block--break-flex\@tablet .c-fc-news__slice {
display: block;
float: none;
border-right: none;
margin-right: 0;
padding-right: 0;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #cccccc;
width: 100% !important;
}
}
@media (max-width: 52.49em) {
.c-fc-news__block--break-flex\@medium .c-fc-news__slice {
display: block;
float: none;
border-right: none;
margin-right: 0;
padding-right: 0;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #cccccc;
width: 100% !important;
}
}
@media (max-width: 61.24em) {
.c-fc-news__block--break-flex\@desktop .c-fc-news__slice {
display: block;
float: none;
border-right: none;
margin-right: 0;
padding-right: 0;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #cccccc;
width: 100% !important;
}
}
@media (max-width: 63.99em) {
.c-fc-news__block--break-flex\@desktop-medium .c-fc-news__slice {
display: block;
float: none;
border-right: none;
margin-right: 0;
padding-right: 0;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #cccccc;
width: 100% !important;
}
}
@media (max-width: 71.865em) {
.c-fc-news__block--break-flex\@desktop-wide .c-fc-news__slice {
display: block;
float: none;
border-right: none;
margin-right: 0;
padding-right: 0;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #cccccc;
width: 100% !important;
}
}
@media (max-width: 81.24em) {
.c-fc-news__block--break-flex\@wide .c-fc-news__slice {
display: block;
float: none;
border-right: none;
margin-right: 0;
padding-right: 0;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #cccccc;
width: 100% !important;
}
}
.no-flexbox .c-fc-news__block {
overflow: hidden;
}
/* set the slices to flex */
.c-fc-news__block--4-col .c-fc-news__slice, .c-fc-news__block--3-col .c-fc-news__slice, .c-fc-news__block--2-col .c-fc-news__slice {
box-sizing: border-box;
float: left;
}
.c-fc-news__block--2-col .c-fc-news__slice {
width: webkit-calc((100% - 12px ) / 2);
width: -moz-calc((100% - 12px ) / 2);
width: calc((100% - 12px ) / 2);
flex: 0 0 auto;
}
.c-fc-news__block--3-col .c-fc-news__slice {
width: webkit-calc((100% - 24px ) / 3);
width: -moz-calc((100% - 24px ) / 3);
width: calc((100% - 24px ) / 3);
flex: 0 0 auto;
}
.c-fc-news__block--4-col .c-fc-news__slice {
width: webkit-calc((100% - 36px ) / 4);
width: -moz-calc((100% - 36px ) / 4);
width: calc((100% - 36px ) / 4);
flex: 0 0 auto;
}
.c-fc__row-divider {
width: 100%;
flex: 0 0 auto;
border-bottom: 1px solid #cccccc;
margin-bottom: 12px;
}
.c-fc__row-divider--no-margin {
border-bottom: none;
margin-bottom: 0;
}
.no-flexbox .c-fc__row-divider {
clear: both;
}
/* no-fex fallback for IE < 11 */
.no-flex .c-fc-news__block--4-col .c-fc-news__slice {
float: left;
width: webkit-calc((100% - 36px ) / 4);
width: -moz-calc((100% - 36px ) / 4);
width: calc((100% - 36px ) / 4);
}
.no-flex .c-fc-news__block--3-col .c-fc-news__slice {
float: left;
width: webkit-calc((100% - 36px ) / 3);
width: -moz-calc((100% - 36px ) / 3);
width: calc((100% - 36px ) / 3);
}
.no-flex .c-fc-news__block--2-col .c-fc-news__slice {
float: left;
width: webkit-calc((100% - 36px ) / 2);
width: -moz-calc((100% - 36px ) / 2);
width: calc((100% - 36px ) / 2);
}
/* class name to out on each featured item */
.c-fc-item {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 16px;
font-size: 1.6rem;
letter-spacing: -0.4px;
font-weight: 500; /* horizontal option */
/* make inverted dark option for featured interview */
}
.c-fc-item--horizontal .c-fc-item__img {
width: webkit-calc(43% - 12px);
width: -moz-calc(43% - 12px);
width: calc(43% - 12px);
margin-right: 12px;
margin-bottom: 12px;
float: left;
}
.c-fc-item--horizontal .c-fc-item__content {
float: left;
width: webkit-calc(100% - (43% + 12px ));
width: -moz-calc(100% - (43% + 12px ));
width: calc(100% - (43% + 12px ));
}
.c-fc-item--horizontal.c-fc-item--interview .c-fc-item__img {
width: webkit-calc(30% - 12px);
width: -moz-calc(30% - 12px);
width: calc(30% - 12px);
}
.c-fc-item--horizontal.c-fc-item--interview .c-fc-item__content {
width: webkit-calc(100% - (30% + 12px ));
width: -moz-calc(100% - (30% + 12px ));
width: calc(100% - (30% + 12px ));
}
.c-fc-item--trans {
background-color: rgba(0, 0, 0, 0.4);
padding: 24px;
}
.c-fc-item--dark {
color: #333;
background-color: #EEEEEE;
padding: 24px;
}
.c-fc-item--light {
color: #333;
background-color: #FFF;
padding: 24px;
}
.c-fc-item--no-padding {
padding: 0;
}
.c-fc-item--card {
width: 75%;
padding: 24px;
padding-right: 24px !important;
}
.c-fc-item--card > img {
width: 100%;
}
.c-fc-item--blog-card {
border-right: none;
}
.c-fc-item--outline {
padding: 24px !important;
border: 2px solid #EEEEEE !important;
}
.c-fc-item--outline-drk-grey {
border: 2px solid #666;
}
.c-fc-item--orange-outline {
border: 3px solid #ff9f6f;
-webkit-box-shadow: 0px 0px 28px -2px rgba(0, 0, 0, 0.39);
-moz-box-shadow: 0px 0px 28px -2px rgba(0, 0, 0, 0.39);
box-shadow: 0px 0px 28px -2px rgba(0, 0, 0, 0.39);
}
.c-fc-item--rs-brand {
background: transparent;
}
.c-fc-item--persona {
color: #0085B2;
height: 100%;
}
.c-ai-fc-item {
background-color: #FFF;
padding: 0;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.c-ai-fc-item--outline {
box-shadow: none;
border: 2px solid #d6d7da;
}
.c-ai-fc-item__img img {
width: 100%;
height: auto;
}
.c-ai-fc-item__title {
color: #464a58;
margin-bottom: 12px;
font-size: 2.1rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 500;
line-height: 25px;
}
.c-ai-fc-item__title > a {
color: #464a58;
}
.c-ai-fc-item__title > a:hover {
color: #ff5892;
transition: 0s;
}
.c-ai-fc-item__data {
padding: 24px;
}
.c-ai-fc-item__main {
flex-grow: 1;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
flex-direction: column;
flex-grow: 1;
}
.c-ai-fc-item__meta {
bottom: 0;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
align-items: center;
flex-direction: column;
justify-content: flex-start;
min-height: 50px;
padding: 0 24px 24px 24px;
}
.c-ai-fc-item__date {
width: 100%;
font-size: 1.4rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 400;
margin-bottom: 12px;
color: #84868f;
}
.c-ai-fc-item__cats {
width: 100%;
color: #84868f;
}
.c-ai-fc-item__cats > a {
font-size: 1.4rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 400;
text-transform: uppercase;
color: #84868f;
}
.c-ai-fc-item__cats > a:hover {
text-decoration: underline;
}
/* quote wrapper */
.c-fc-item--matchup {
padding: 24px;
flex-grow: 1;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
flex-direction: column;
}
/* quote text including top quote mark */
.c-fc-item__top {
flex-grow: 1;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
flex-direction: column;
flex-grow: 1;
}
.c-fc-item__bottom {
min-height: 120px;
bottom: 0;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
align-items: center;
justify-content: center;
min-height: 50px;
}
.c-fc-item__bottom .c-fc-item__bottom__link {
bottom: 0;
height: auto;
max-height: 100px;
}
.c-fc-item--blog-card .c-fc-item__title, .c-fc-item--outline .c-fc-item__title {
font-size: 20px;
font-size: 2rem;
}
.c-fc-item__title--line-h {
line-height: 1.6;
}
.c-fc-item {
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 500;
}
@media (max-width: 34.365em) {
.c-fc-item--break-horizontal\@mobile .c-fc-item__img {
float: none;
width: 100%;
}
}
@media (max-width: 46.24em) {
.c-fc-item--break-horizontal\@tablet .c-fc-item__img {
float: none;
width: 100%;
}
}
@media (max-width: 52.49em) {
.c-fc-item--break-horizontal\@medium .c-fc-item__img {
float: none;
width: 100%;
}
}
@media (max-width: 61.24em) {
.c-fc-item--break-horizontal\@desktop .c-fc-item__img {
float: none;
width: 100%;
}
}
@media (max-width: 63.99em) {
.c-fc-item--break-horizontal\@desktop-medium .c-fc-item__img {
float: none;
width: 100%;
}
}
@media (max-width: 71.865em) {
.c-fc-item--break-horizontal\@desktop-wide .c-fc-item__img {
float: none;
width: 100%;
}
}
@media (max-width: 81.24em) {
.c-fc-item--break-horizontal\@wide .c-fc-item__img {
float: none;
width: 100%;
}
}
@media (max-width: 34.365em) {
.c-fc-item--break-horizontal\@mobile .c-fc-item__content {
float: none;
width: 100%;
}
}
@media (max-width: 46.24em) {
.c-fc-item--break-horizontal\@tablet .c-fc-item__content {
float: none;
width: 100%;
}
}
@media (max-width: 52.49em) {
.c-fc-item--break-horizontal\@medium .c-fc-item__content {
float: none;
width: 100%;
}
}
@media (max-width: 61.24em) {
.c-fc-item--break-horizontal\@desktop .c-fc-item__content {
float: none;
width: 100%;
}
}
@media (max-width: 63.99em) {
.c-fc-item--break-horizontal\@desktop-medium .c-fc-item__content {
float: none;
width: 100%;
}
}
@media (max-width: 71.865em) {
.c-fc-item--break-horizontal\@desktop-wide .c-fc-item__content {
float: none;
width: 100%;
}
}
@media (max-width: 81.24em) {
.c-fc-item--break-horizontal\@wide .c-fc-item__content {
float: none;
width: 100%;
}
}
@media (min-width: 46.25em) {
.c-fc-item--also-read .c-fc-item__img {
float: left;
max-width: 35%;
margin-bottom: 0;
margin-right: 12px;
}
}
.c-fc-item__img {
margin-bottom: 12px;
}
.c-fc-item__img img {
width: 100%;
height: auto;
}
.c-fc-item__title {
color: #333;
display: block;
margin-top: 0;
margin-bottom: 12px;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 500;
letter-spacing: -0.4px;
font-size: 19px;
}
.c-fc-item__title > a {
color: #333;
}
.c-fc-item__title > a:hover {
color: #ff5892;
transition: 0s;
}
.c-fc-item__title--main {
font-size: 28px;
font-size: 2.8rem;
}
.c-fc-item__title--mb {
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 600;
}
.c-fc-item--persona .c-fc-item__title,
.c-fc-item--rs-brand .c-fc-item__title {
color: #1067b0;
font-size: 2.5rem;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-weight: 700;
}
.c-fc-item--rs-brand .c-fc-item__title {
color: #FFF;
}
.c-fc-item__desc {
margin-bottom: 12px;
}
.c-fc-item__text {
margin-top: 0;
margin-bottom: 24px;
}
.c-fc-item--persona .c-fc-item__text,
.c-fc-item--rs-brand .c-fc-item__text {
color: #1067b0;
font-size: 2.1rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 500;
}
.c-fc-item--rs-brand .c-fc-item__text {
color: #FFF;
}
.c-fc-item__svg {
width: 110px;
height: 110px;
margin: 0 auto 12px auto;
background-image: url(svg/ico/ico-product--MCD.svg);
background-repeat: no-repeat;
}
.c-fc-item__svg--JES {
background-image: url(svg/ico/ico-product--JES.svg);
}
.c-fc-item__svg--PRW {
background-image: url(svg/ico/ico-product--PRW.svg);
}
.c-fc-item__svg--MJ {
background-image: url(svg/ico/ico-product--MJ.svg);
}
.c-fc-item__persona-svg {
width: 140px;
height: 140px;
margin: 0 auto 12px auto;
background-image: url(svg/ico/ico-persona-1.svg);
background-repeat: no-repeat;
}
.c-fc-item__persona-svg--1 {
background-image: url(svg/ico/ico-persona-digital-marketer.svg);
}
.c-fc-item__persona-svg--2 {
background-image: url(svg/ico/ico-persona-staff-journo.svg);
}
.c-fc-item__persona-svg--3 {
background-image: url(svg/ico/ico-persona-freelance.svg);
}
.c-fc-item__persona-svg--4 {
background-image: url(svg/ico/ico-persona-pr-pro.svg);
}
.c-fc-item__date {
font-size: 13px;
color: #666;
margin-bottom: 12px;
}
.c-fc-item__label {
display: inline-block;
color: #666;
padding: 12px;
background-color: #cccccc;
}
.c-fc-item__label:hover {
color: #ff5892;
transition: 0s;
}
.strip-tape {
padding: 4px;
background-color: #ccc;
}
.c-feature-quote {
position: relative;
width: 80%;
margin-left: auto;
margin-right: auto;
font-size: 2.1rem;
font-family: "SurtRegular", Trebuchet MS, Arial, sans-serif;
font-weight: 400;
letter-spacing: -0.4px;
text-align: center;
padding: 24px;
color: #1067b0;
background: #FFF;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 34.365em) {
.c-feature-quote--stacked\@mobile {
width: 100%;
margin-bottom: 48px;
}
}
@media (max-width: 46.24em) {
.c-feature-quote--stacked\@tablet {
width: 100%;
margin-bottom: 48px;
}
}
@media (max-width: 52.49em) {
.c-feature-quote--stacked\@medium {
width: 100%;
margin-bottom: 48px;
}
}
@media (max-width: 61.24em) {
.c-feature-quote--stacked\@desktop {
width: 100%;
margin-bottom: 48px;
}
}
@media (max-width: 63.99em) {
.c-feature-quote--stacked\@desktop-medium {
width: 100%;
margin-bottom: 48px;
}
}
@media (max-width: 71.865em) {
.c-feature-quote--stacked\@desktop-wide {
width: 100%;
margin-bottom: 48px;
}
}
@media (max-width: 81.24em) {
.c-feature-quote--stacked\@wide {
width: 100%;
margin-bottom: 48px;
}
}
/* By default, we tilt all our images -2 degrees */
.c-p-grid-item {
transition: all 0.2s ease-in-out;
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
}
.c-p-grid-item--shadow {
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
/* Rotate all even images 2 degrees */
.c-p-grid-item:nth-child(even) {
-webkit-transform: rotate(1deg);
-moz-transform: rotate(1deg);
}
/* Don't rotate every third image, but offset its position */
.c-p-grid-item:nth-child(4n), .c-p-grid-item--no-rotate {
-webkit-transform: none;
-moz-transform: none;
position: relative;
top: -3px;
}
/* Rotate every fifth image by 5 degrees and offset it */
.c-p-grid-item:nth-child(5n) {
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
position: relative;
right: 3px;
}
/* Keep default rotate for every eighth, but offset it */
.c-p-grid-item:nth-child(8n) {
position: relative;
top: 8px;
right: 5px;
}
/* Keep default rotate for every eleventh, but offset it */
.c-p-grid-item:nth-child(11n) {
position: relative;
top: 3px;
left: -5px;
}
.c-p-grid-item:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
position: relative;
z-index: 5;
filter: grayscale(1);
}
.c-p-grid-item:hover a {
text-decoration: none;
}
.c-p-grid-item--no-hover:hover {
-webkit-transform: none;
-moz-transform: none;
filter: none;
}
.c-p-grid-item-hover:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
position: relative;
z-index: 5;
filter: grayscale(1);
}
.c-p-grid-item-hover:hover a {
text-decoration: none;
}
.c-p-grid-item--cut:nth-of-type(n+4) {
margin-bottom: 0 !important;
}
.c-p-grid-item__img {
width: 100%;
height: 200px;
overflow: hidden;
}
.c-p-head {
width: 100%;
background: #f4f4f4;
padding: 48px;
margin-bottom: 48px;
}
.c-p-head__img {
min-width: 250px;
margin-right: 24px;
}
.c-p-head__img img {
max-width: 100%;
max-height: 100%;
border: 2px solid #666;
}
.c-p-head__data {
width: 100%;
}
.c-p-text {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 20px;
font-size: 2rem;
line-height: 1.5;
}
.c-p-list {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 20px;
font-size: 2rem;
line-height: 1.5;
margin-bottom: 24px;
}
.c-p-list ul {
list-style: initial;
margin: initial;
padding: 0 0 0 24px;
}
.c-p-list li {
display: list-item;
margin-bottom: 12px;
}
/* ===== CASE STUDY CONTENT =========================================================
Author: Simon Allin | SEPT 2020
========================================================================== */
/* LOCAL SETTINGS / MIXINS --------------------------- */
/* COMPONENT --------------------------- */
.ai-cs-content {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.5;
}
.ai-cs-content > p {
margin-top: 0;
margin-bottom: 24px;
}
.ai-cs-content > p:last-of-type {
margin-bottom: 0;
}
.ai-cs-content > p > strong {
font-weight: 700;
}
.ai-cs-content__block {
background-color: #FFF;
margin-bottom: 48px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
padding: 24px;
}
.c-img-gallery {
border-top: 2px solid #ccc;
padding-top: 24px;
}
.c-img-gallery__item {
float: left;
background: #FFF;
padding: 6px;
margin-bottom: 24px;
}
.c-img-gallery__item:last-of-type {
margin-bottom: 0;
}
.u-link--white-underline {
color: #FFF;
}
.u-link--white-underline:hover {
color: #FFF;
text-decoration: underline;
}
/* ===== TAG ================================================================
Author: Simon Allin | SEPT 2020
========================================================================== */
/* LOCAL SETTINGS / MIXINS --------------------------- */
/* COMPONENT --------------------------- */
.c-ai-tag {
display: inline-flex;
align-items: center;
justify-content: space-between;
margin-right: 6px;
margin-bottom: 6px;
padding: 4px 8px;
line-height: 1.6;
font-size: 1.6rem;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-weight: 700;
/* set the deafualt to medium */
color: #fff;
border-radius: 500px; /* whatever size the sides will always be round */
background-color: #66a3d1; /* default to rs brand blue */
}
.c-ai-tag--large {
font-size: 18px;
font-size: 1.8rem;
}
.c-ai-tag--small {
font-size: 14px;
font-size: 1.4rem;
}
.c-ai-tag--is-solo {
margin-right: 0;
margin-bottom: 0;
}
.c-ai-tag--border {
background: transparent;
border: solid 2px #eaeaec;
color: #4a4a4a;
}
.c-ai-tag--ico-left {
padding-left: 34px; /* padding set to icon size + 12px */
background-position: center left 6px;
background-size: 22px;
background-repeat: no-repeat;
}
.c-ai-tag--ico-right {
padding-right: 34px; /* padding set to icon size + 12px */
background-position: center right 6px;
background-size: 22px;
background-repeat: no-repeat;
}
.c-ai-tag--ico-right-circle {
background-image: url(svg/ico/ai-app/right-circle.svg);
}
.c-ai-tag--ico-left-circle {
background-image: url(svg/ico/ai-app/left-circle.svg);
}
.c-ai-tag--small.c-ai-tag--ico-right {
padding-right: 30px; /* padding set to icon size + 12px */
background-size: 18px;
}
.c-ai-tag--small.c-ai-tag--ico-left {
padding-right: 30px; /* padding set to icon size + 12px */
background-size: 18px;
}
/* ===== ENTITY CARD ================================================================
Author: Simon Allin | OCT 2020
================================================================================== */
/* LOCAL SETTINGS / MIXINS --------------------------- */
/* COMPONENT --------------------------- */
.c-ai-entity-card {
padding: 24px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
border-radius: 2px;
background-color: #FFF;
margin-bottom: 24px;
}
.c-ai-entity-card:last-of-type {
padding-right: 24px;
}
.c-ai-entity-card__main {
display: flex;
flex-direction: row;
margin-bottom: 12px;
}
.c-ai-entity-card__img {
width: 80px;
height: 80px;
margin-right: 12px;
border-radius: 50%;
overflow: hidden;
}
.c-ai-entity-card__img > img {
width: 100%;
}
.c-ai-entity-card__main-data {
width: calc(100% - ( 80px + 12px ));
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.c-ai-entity-card__main-title {
font-size: 1.8rem;
font-family: "SurtBold", Trebuchet MS, Arial, sans-serif;
font-weight: 400;
margin-bottom: 12px;
}
.c-ai-entity-card__data-about {
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 12px;
}
/* ===== PRICE CARD ================================================================
Author: Simon Allin | OCT 2020
================================================================================== */
/* LOCAL SETTINGS / MIXINS --------------------------- */
/* COMPONENT --------------------------- */
.c-ai-price-card {
padding: 24px;
border: solid 2px #d6d7da;
background-color: #FFF;
height: 100%;
display: flex;
flex-flow: column;
}
.c-ai-price-card--light-border {
border: solid 2px #eaeaec;
}
.c-ai-price-card__title {
min-height: 50px;
font-size: 2.5rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 500;
border-bottom: solid 2px #eaeaec;
text-transform: uppercase;
padding-bottom: 12px;
margin-bottom: 12px;
line-height: 40px;
}
.c-ai-price-card__summary {
min-height: 50px;
font-size: 1.8rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 500;
margin-bottom: 12px;
}
.c-ai-price-card__main {
flex: 2;
padding-bottom: 12px;
margin-bottom: 24px;
border-bottom: solid 2px #eaeaec;
}
.c-ai-price-card__main--no-cta {
padding-bottom: 0;
margin-bottom: 0;
border-bottom-width: 0;
}
.c-ai-price-card__foot {
min-height: 50px;
display: flex;
justify-content: center;
}
.c-ai-price-card__cost {
text-align: right;
font-size: 3rem;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-weight: 700;
font-weight: 700;
align-items: baseline;
margin-bottom: 24px;
}
.c-ai-price-card__cost-pound {
font-size: 1.6rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 400;
font-size: 23px;
font-size: 2.3rem;
font-weight: 400;
}
.c-ai-price-card__cost-label {
font-size: 20px;
font-size: 2rem;
font-weight: 300;
}
/* ===== BLOG POST CONTENT =====================================
Author: Simon Allin | Oct 2017 | REVISED OCT 2020
========================================================================== */
/* DOCUMENT INFORMATION
-Use for main content of article pages
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
¦ Title ¦
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
¦ Meta ¦ Social ¦
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
¦ Content ¦
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
¦ Section ¦
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
¦ Section ¦
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
/* LOCAL SETTINGS / MIXINS --------------------------- */
/* COMPONENT --------------------------- */
.c-ai-post__content {
padding: 24px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
background-color: #FFF;
color: #585858;
line-height: 1.35;
/* first image */
}
@media (min-width: 34.375em) and (max-width: 61.24em) {
.c-ai-post__content {
padding: 36px;
}
}
@media (min-width: 61.25em) {
.c-ai-post__content {
padding: 48px;
}
}
.c-ai-post__content > img {
width: 100%;
height: auto;
margin-bottom: 24px;
}
.c-ai-post__content img {
height: auto;
}
.c-ai-post__content p {
font-size: 2.1rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 500;
}
.c-ai-post__content ol {
font-size: 2.1rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 400;
padding-left: 40px;
}
.c-ai-post__content ol, .c-ai-post__content ul {
margin-bottom: 12px;
}
.c-ai-post__content > p, .c-ai-post__content ul {
font-size: 2.1rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 400;
}
.c-ai-post__content iframe {
max-width: 600px;
}
@media (min-width: 61.25em) and (max-width: 71.865em) {
.c-ai-post__gutter {
padding-left: 48px;
padding-right: 48px;
}
}
.c-ai-post__title {
font-size: 3.8rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 400;
margin-bottom: 24px;
text-transform: uppercase;
}
.c-ai-post__meta {
margin-bottom: 24px;
display: flex;
flex-direction: row;
}
@media (min-width: 61.25em) {
.c-ai-post__meta--align-right {
text-align: right;
}
}
.c-ai-post__avatar {
position: relative;
margin-right: 12px;
}
.c-ai-post__avatar > img {
max-width: 80px !important;
height: auto;
}
.c-ai-post__avatar:after {
background: url(svg/masks/ai-author-photo-mask.svg) no-repeat 0 0;
content: "";
display: block;
height: 100%;
left: 0;
top: 0;
position: absolute;
border: 0;
width: 100%;
z-index: 10;
background-size: 80px;
}
.c-ai-post__meta-text {
clear: both;
font-size: 1.6rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 500;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (max-width: 61.24em) {
.c-ai-post__meta-text {
float: left;
clear: none;
}
}
.c-ai-post__author {
font-size: 18px;
font-size: 1.8rem;
color: #464a58;
margin-bottom: 6px;
}
.c-ai-post__date {
color: #666;
margin-bottom: 6px;
}
.c-ai-post__tags {
margin-bottom: 48px;
}
.c-ai-post__content .gallery-icon {
margin-bottom: 6px;
}
.c-ai-post__content .wp-caption-text {
margin-top: 6px;
}
.c-ai-post__content td {
padding-left: 0;
}
@media (min-width: 46.25em) {
.c-ai-post__interview-img > img {
float: left;
width: auto;
max-width: 40%;
height: auto;
margin-right: 24px;
margin-bottom: 24px;
}
}
.c-ai-post__aside-title {
font-size: 2.1rem;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-weight: 700;
margin-bottom: 24px;
}
/* ===== CONTACT PAGE ==========================================================
Author: Simon Allin | OCT 2020
========================================================================== */
/* LOCAL SETTINGS / MIXINS --------------------------- */
/* COMPONENT --------------------------- */
.c-contact-list {
padding-left: 0;
}
.c-contact-list__item {
display: flex;
flex-direction: row;
margin-bottom: 48px;
}
.c-contact-list__item:last-of-type {
margin-bottom: 0;
}
.c-contact-list__ico {
width: 40px;
margin-right: 48px;
}
.c-contact-list__data {
font-size: 2.1rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 500;
}
.c-contact-list__title {
font-size: 2.1rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 600;
}
/* ===== AI PRODUCT STYLING =================================================
Author: Simon Allin | SEPT 2021
========================================================================== */
/* LOCAL SETTINGS / MIXINS --------------------------- */
/* COMPONENT --------------------------- */
.ai-product-section {
display: flex;
flex-direction: column;
padding-left: 24px;
padding-right: 24px;
}
@media (min-width: 46.25em) and (max-width: 61.24em) {
.ai-product-section {
padding-left: 48px;
padding-right: 48px;
}
}
@media (min-width: 61.25em) {
.ai-product-section {
max-width: 1300px;
margin: 0 auto;
}
.ai-product-section--fd-row {
flex-direction: row;
}
.ai-product-section--fd-row-reverse {
flex-direction: row-reverse;
}
}
@media (min-width: 61.25em) {
.ai-product-section__info--left {
margin-right: 48px;
}
.ai-product-section__info--right {
margin-left: 48px;
}
.ai-product-section__info--text-center {
text-align: center;
width: auto;
max-width: 85%;
margin: 0 auto;
}
}
@media (min-width: 61.25em) and (max-width: 71.865em) {
.ai-product-section__info {
width: calc(100% - ( 500px + 48px));
}
.ai-product-section__info--text-center {
width: auto;
max-width: 80%;
}
}
@media (min-width: 71.875em) {
.ai-product-section__info {
width: calc(100% - ( 700px + 48px));
}
.ai-product-section__info--text-center {
width: auto;
max-width: 75%;
}
}
.ai-product-section__info--pa-media {
margin-bottom: 36px;
}
@media (max-width: 61.24em) {
.ai-product-section__info--pa-media {
display: flex;
justify-content: center;
margin-bottom: 24px;
}
.ai-product-section__info--pa-media > img {
max-width: 275px;
}
}
@media (min-width: 61.25em) {
.ai-product-section__info--pa-media {
width: calc(100% - ( 300px + 48px));
}
}
@media (max-width: 71.865em) {
.ai-product-section__info--inset-split {
width: 100%;
}
}
@media (min-width: 71.875em) {
.ai-product-section__info--inset-split {
width: 45%;
}
}
@media (min-width: 61.25em) {
.ai-product-section__info--mcd-myacc {
width: 50%;
}
}
.ai-product-section__title {
font-size: 3rem;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-weight: 700;
line-height: 1.4;
margin-bottom: 12px;
}
.ai-product-section__copy {
font-size: 1.8rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 600;
line-height: 1.4;
letter-spacing: -0.3px;
color: #585858;
margin-bottom: 24px;
}
@media (min-width: 61.25em) {
.ai-product-section__copy {
font-size: 2.1rem;
}
}
.ai-product-section__copy--rev {
color: #FFFFFF;
}
.ai-product-section__img {
position: relative;
}
@media (min-width: 61.25em) {
.ai-product-section__img {
width: 700px;
}
}
@media (max-width: 61.24em) {
.ai-product-section__img--pa-media {
display: flex;
justify-content: center;
margin-bottom: 36px;
}
.ai-product-section__img--pa-media > img {
max-width: 275px;
}
}
@media (min-width: 61.25em) {
.ai-product-section__img--pa-media {
width: 300px;
}
}
@media (min-width: 61.25em) {
.ai-product-section__img--mcd-myacc {
width: 50%;
}
}
@media (max-width: 71.865em) {
.ai-product-section__img--inset-split {
width: 100%;
}
}
@media (min-width: 71.875em) {
.ai-product-section__img--inset-split {
width: 55%;
}
}
figure.ai-product-section__img {
margin: 0;
}
.ai-product-section__img--row {
width: 100%;
}
@media (max-width: 61.24em) {
.ai-product-img {
margin-bottom: 48px;
}
}
.ai-product-img.come-in {
-webkit-transform: translateY(90px);
-khtml-transform: translateY(90px);
-moz-transform: translateY(90px);
-ms-transform: translateY(90px);
-o-transform: translateY(90px);
transform: translateY(90px);
-webkit-animation: come-in 2s ease forwards;
-khtml-animation: come-in 2s ease forwards;
-moz-animation: come-in 2s ease forwards;
-ms-animation: come-in 2s ease forwards;
-o-animation: come-in 2s ease forwards;
animation: come-in 2s ease forwards;
-webkit-animation-delay: 0s;
-khtml-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}
.ai-product-img--desktop {
width: 100%;
}
@media (min-width: 61.25em) {
.ai-product-img--desktop {
max-width: 700px;
}
}
@media (min-width: 61.25em) {
.ai-product-img--vmd-myacc {
max-width: 600px;
}
}
.ai-product-img--mobile {
width: 400px;
}
@media (min-width: 61.25em) {
.ai-product-img--mobile-overlay-1 {
position: absolute;
bottom: -30px;
right: -60px;
}
}
@media (min-width: 61.25em) {
.ai-product-img--paralax-overlay {
position: absolute;
bottom: -10px;
right: 48px;
}
}
@media (min-width: 61.25em) {
.ai-product-img--3-stack-overlay {
position: absolute;
max-width: 700px;
}
}
@media (min-width: 61.25em) {
.ai-product-img--3-stack-overlay--1 {
right: 180px;
}
}
@media (min-width: 61.25em) {
.ai-product-img--3-stack-overlay--2 {
top: 130px;
right: 90px;
}
}
@media (min-width: 61.25em) {
.ai-product-img--3-stack-overlay--3 {
top: 260px;
right: 0;
}
}
@media (min-width: 61.25em) {
.ai-product-img--overlay {
position: absolute;
max-width: 700px;
}
}
@media (min-width: 61.25em) {
.ai-product-img--overlay-fjp {
max-width: 500px;
top: 150px;
right: -150px;
}
}
@media (min-width: 61.25em) {
.ai-product-img--mb-desktop,
.ai-porduct-img--prw-desktop {
margin-left: -200px;
}
}
@media (min-width: 61.25em) {
.ai-product-img--mb-desktop-right,
.ai-porduct-img--prw-desktop-right {
margin-left: 0;
}
}
@media (min-width: 61.25em) {
.ai-product-img--overlay-mb-mobile,
.ai-product-img--overlay-prw-mobile {
position: absolute;
max-width: 500px;
top: 150px;
right: 0;
}
}
@media (min-width: 61.25em) {
.ai-product-img--overlay-mb-mobile-right,
.ai-product-img--overlay-prw-mobile-right {
right: -180px;
}
}
@media (min-width: 61.25em) {
.ai-product-img--vmd-outlet-search {
max-width: 850px;
}
}
@media (min-width: 61.25em) {
.ai-product-img--vmd-outlet-search--tour {
margin-bottom: 180px;
}
}
@media (min-width: 61.25em) {
.ai-product-img--vmd-outlet-profile {
max-width: 650px;
margin-left: -40px;
}
}
@media (min-width: 71.875em) {
.ai-product-img--vmd-outlet-profile {
max-width: 700px;
margin-left: -40px;
}
}
@media (min-width: 61.25em) {
.ai-product-img--vmd-contact-profile {
max-width: 550px;
position: absolute;
top: 180px;
right: -40px;
}
}
@media (min-width: 71.875em) {
.ai-product-img--vmd-contact-profile {
max-width: 650px;
right: -40px;
}
}
@media (min-width: 61.25em) {
.ai-product-img--vmd-contact-profile--tour {
max-width: 550px;
position: absolute;
top: 180px;
left: -80px;
}
}
@media (min-width: 61.25em) {
.ai-product-img--vmd-contact-profile--tour-right {
right: -80px;
left: auto;
}
}
@media (min-width: 61.25em) {
.ai-product-img--vmd-outlet-search--overlay {
position: absolute;
left: 200px;
top: 250px;
}
}
/* ===== NAVIGATION COMPONENT ================================================
Author: Simon Allin | 2018 |
========================================================================== */
/* DOCUMENT INFORMATION
-component for universal cross site service navigaiton
+-------------------------------+
| ~ | ~ | ~ | ~ | | ~ |
+-------------------------------+
*/
/* ======================================================================
local settigns / mixins etc ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* calculate a padding using the ico-width */
/* ======================================================================
component ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* parent bar */
.c-nav-prime {
line-height: 1.6;
position: relative;
}
/* actual styled bar */
.c-nav-prime__bar {
background-color: #333333;
height: 55px;
}
.c-nav-prime__bar-rs-brand {
background-color: #FFFFFF;
}
/* responsive option */
.c-nav-prime--desktop-feature {
display: none;
opacity: 0;
}
@media (min-width: 46.25em) {
.c-nav-prime--desktop-feature {
display: block;
opacity: 1;
}
}
/* navigation button */
.c-nav-prime__btn {
float: left;
font-size: 1.6rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 600;
cursor: pointer;
}
.c-nav-prime__btn--app-heading {
font-weight: 700;
font-size: 1.6rem;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-weight: 700;
}
.c-nav-prime__btn--profiles-logged-out {
border-left: 2px solid #5B5B5B;
}
.c-nav-prime__btn.s-active {
background-color: #4c4c4c;
border-bottom: 4px solid #ff5892;
}
.c-nav-prime__btn--pos-static {
position: static !important;
}
.c-nav-prime__btn > a {
color: #FFF;
}
.c-nav-prime__btn > a:hover {
text-decoration: none;
}
@media (min-width: 71.875em) {
.c-nav-prime__btn.open input {
width: 300px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
}
}
@media (min-width: 81.25em) {
.c-nav-prime__btn.open input {
width: 400px;
}
}
.c-nav-prime__bar-rs-brand a.c-nav-prime__btn-link {
color: #666666;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 500;
font-size: 15px;
font-size: 1.5rem;
text-transform: uppercase;
border-bottom: 4px solid #FFFFFF;
padding-top: 4px;
/* active state */
/* current state */
}
.c-nav-prime__bar-rs-brand a.c-nav-prime__btn-link:hover {
background-color: transparent;
}
.c-nav-prime__bar-rs-brand a.c-nav-prime__btn-link--ico {
padding-left: 12px;
}
.c-nav-prime__bar-rs-brand a.c-nav-prime__btn-link--ico-my-acc, .c-nav-prime__bar-rs-brand a.c-nav-prime__btn-link--ico-contact-us, .c-nav-prime__bar-rs-brand a.c-nav-prime__btn-link--ico-login {
padding: 4px 24px 0 24px;
background-image: none;
border-bottom: 4px solid #FFFFFF;
background-position: 14px 11px;
}
@media (max-width: 81.24em) {
.c-nav-prime__bar-rs-brand a.c-nav-prime__btn-link--ico-contact-us {
background-image: url(svg/ico/ai-app/Ico-ai-contact-thick.svg);
background-size: 28px;
background-position-y: 14px !important;
}
}
.c-nav-prime__bar-rs-brand a.c-nav-prime__btn-link.s-active {
background-color: #fff;
border-bottom: 4px solid #ff9f6f;
padding-top: 4px;
}
.c-nav-prime__bar-rs-brand a.c-nav-prime__btn-link.s-current {
background-color: #FFF;
border-bottom: 4px solid #ff9f6f;
padding-top: 4px;
}
.c-nav-prime__bar-rs-brand a.c-nav-prime__btn-link:hover {
background-color: #FFF;
border-bottom: 4px solid #ff9f6f;
padding-top: 4px;
}
/* main nav links style */
.open .c-nav-prime__btn-link {
background-color: #4c4c4c;
border-bottom: 4px solid #ff5892;
}
/* nav button links - main style applied to this */
.c-nav-prime__btn-link {
/* core style */
height: 55px;
display: flex;
align-items: center;
padding-left: 24px;
padding-right: 24px;
border-bottom: 4px solid #333333;
padding-top: 4px;
/* if wide option enabled spacing and font-size reduce */
/* if the links have an ico */
/* special case for RS text logo */
/* for search inputs */
/* subltle hover effect */
/* active state */
/* current state */
}
@media (max-width: 81.24em) {
.c-nav-prime__btn-link--w-optn {
padding-left: 12px;
padding-right: 12px;
font-size: 17px;
font-size: 1.7rem;
padding-left: 12px;
padding-right: 12px;
font-size: 16px;
font-size: 1.6rem;
}
}
.c-nav-prime__btn-link--ico {
background-repeat: no-repeat;
background-position: 18px 24px;
padding-left: 42px;
padding-right: 18px;
}
.c-nav-prime__btn-link--ico-hide-label {
/* manipulate according to breakpoints */
}
@media (max-width: 34.365em) {
.c-nav-prime__btn-link--ico-hide-label\@mobile {
padding-left: 28px !important;
padding-right: 28px !important;
background-position: center center !important;
}
.c-nav-prime__btn-link--ico-hide-label\@mobile .c-nav-prime__btn-label {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (max-width: 46.24em) {
.c-nav-prime__btn-link--ico-hide-label\@tablet {
padding-left: 28px !important;
padding-right: 28px !important;
background-position: center center !important;
}
.c-nav-prime__btn-link--ico-hide-label\@tablet .c-nav-prime__btn-label {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (max-width: 52.49em) {
.c-nav-prime__btn-link--ico-hide-label\@medium {
padding-left: 28px !important;
padding-right: 28px !important;
background-position: center center !important;
}
.c-nav-prime__btn-link--ico-hide-label\@medium .c-nav-prime__btn-label {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (max-width: 61.24em) {
.c-nav-prime__btn-link--ico-hide-label\@desktop {
padding-left: 28px !important;
padding-right: 28px !important;
background-position: center center !important;
}
.c-nav-prime__btn-link--ico-hide-label\@desktop .c-nav-prime__btn-label {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (max-width: 63.99em) {
.c-nav-prime__btn-link--ico-hide-label\@desktop-medium {
padding-left: 28px !important;
padding-right: 28px !important;
background-position: center center !important;
}
.c-nav-prime__btn-link--ico-hide-label\@desktop-medium .c-nav-prime__btn-label {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (max-width: 71.865em) {
.c-nav-prime__btn-link--ico-hide-label\@desktop-wide {
padding-left: 28px !important;
padding-right: 28px !important;
background-position: center center !important;
}
.c-nav-prime__btn-link--ico-hide-label\@desktop-wide .c-nav-prime__btn-label {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (max-width: 81.24em) {
.c-nav-prime__btn-link--ico-hide-label\@wide {
padding-left: 28px !important;
padding-right: 28px !important;
background-position: center center !important;
}
.c-nav-prime__btn-link--ico-hide-label\@wide .c-nav-prime__btn-label {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
.c-nav-prime__btn-link--ico-drop-down {
background-size: 18px;
background-image: url(svg/ico/ico-menu-drop.svg);
background-position: 18px 22px;
}
.c-nav-prime__btn-link--ico-drop-down.s-active {
background-image: url(svg/ico/ico-menu-drop--up.svg);
}
.c-nav-prime__btn-link--ico-help-center, .c-nav-prime__btn-link--ico-my-acc, .c-nav-prime__btn-link--ico-contact-us, .c-nav-prime__btn-link--ico-login {
padding-left: 57px;
padding-right: 18px;
background-image: url(svg/ico/ico-help-centre.svg);
background-size: 33px 33px;
background-position: 14px 14px;
background-position: 14px 11px;
}
.c-nav-prime__btn-link--ico-my-acc {
background-image: url(svg/ico/ico-my-acc.svg);
}
.c-nav-prime__btn-link--ico-contact-us {
background-image: url(svg/ico/ico-contact-us.svg);
}
.c-nav-prime__btn-link--ico-login {
background-image: url(svg/ico/ico-login.svg);
}
.c-nav-prime__btn-link--ico-folders {
padding-left: 49px;
padding-right: 18px;
background-image: url(svg/ico/ico-nav-folders.svg);
background-position: 18px 18px;
background-position: 18px 16px;
}
.c-nav-prime__btn-link--ico-filters {
padding-left: 49px;
padding-right: 18px;
background-size: 21px;
background-image: url(svg/ico/ico-nav-filters.svg);
background-position: 18px 19px;
background-position: 18px 17px;
}
.c-nav-prime__btn-link--ico-compose {
padding-left: 49px;
padding-right: 18px;
background-size: 19px;
background-image: url(svg/ico/ico-nav-compose.svg);
background-position: 18px 19px;
background-position: 18px 18px;
}
.c-nav-prime__btn-link--ico-recieve {
padding-left: 51px;
padding-right: 18px;
background-size: 24px;
background-image: url(svg/ico/ico-nav-receive-2.svg);
background-position: 18px 20px;
background-position: 18px 18px;
}
.c-nav-prime__btn-link--ico-create {
padding-left: 51px;
padding-right: 18px;
background-size: 22px;
background-image: url(svg/ico/ico-nav-create.svg);
background-position: 18px 20px;
background-position: 18px 16px;
}
.c-nav-prime__btn-link--rs {
width: 195px;
background-image: url(svg/brand-logos/responsesource/orange-on-transparent.svg);
background-repeat: no-repeat;
background-position: 22px 16px;
background-position: 22px 16px;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 18px;
font-size: 1.8rem;
background-size: 150px;
}
.c-nav-prime__btn-link--rs-w-circle {
width: 227px;
background-image: url(svg/brand-logos/responsesource/orange-on-transparent.svg);
background-repeat: no-repeat;
background-position: 22px 14px;
background-size: 180px;
width: 227px;
background-position: 22px 14px;
}
.c-nav-prime__btn-link--rs-w-circle:hover {
border-bottom: 4px solid #ff9f6f;
}
.c-nav-prime__btn-link--jes {
width: 244px;
background-image: url(svg/JES-LOGO-REV.svg);
background-repeat: no-repeat;
background-position: 12px 10px;
background-size: 205px;
}
.c-nav-prime__btn-link--prw {
width: 244px;
background-image: url(svg/PRW-LOGO-REV.svg);
background-repeat: no-repeat;
background-position: 12px 10px;
background-size: 200px;
}
.c-nav-prime__btn-link--search {
padding: 0 0 0 0;
border-bottom-width: 0;
}
.c-nav-prime__btn-link--search > input {
width: 180px;
height: 55px;
padding: 16px 12px 12px 48px;
background-color: #525252;
background-image: url(svg/ico/ico-nav-search-3.svg);
background-repeat: no-repeat;
background-size: 20px;
background-position: left 15px top 20px;
font-size: 1.6rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 600;
color: #FFFFFF;
border: none;
border-bottom: 4px solid #525252;
background-position: left 15px top 18px;
}
.c-nav-prime__btn-link--search > input::-webkit-input-placeholder {
color: #FFFFFF;
}
.c-nav-prime__btn-link--search > input:-moz-placeholder {
color: #FFFFFF;
}
.c-nav-prime__btn-link--search > input::-moz-placeholder {
color: #FFFFFF;
}
.c-nav-prime__btn-link--search > input:-ms-input-placeholder {
color: #FFFFFF;
}
@media (min-width: 61.25em) {
.c-nav-prime__btn-link--search > input {
width: 200px;
}
}
.c-nav-prime__btn-link--search > input:focus {
outline: none;
border-bottom: 4px solid #54a3d8;
}
.c-nav-prime__btn-link--folders {
padding-left: 48px;
background-image: url(svg/ico/ico-nav-folders.svg);
background-repeat: no-repeat;
background-size: 24px;
background-position: left 15px top 20px;
}
.c-nav-prime__btn-link:hover {
background-color: #2b2b2b;
border-bottom: 4px solid #54a3d8;
padding-top: 4px;
}
.c-nav-prime__btn-link.s-active {
background-color: #4c4c4c;
border-bottom: 4px solid #ff5892;
padding-top: 4px;
}
.c-nav-prime__btn-link.s-current {
background-color: #3d3d3d;
border-bottom: 4px solid #ff5892;
padding-top: 4px;
}
.open .c-nav-prime__btn-link--search {
border-bottom-width: 0;
padding-top: 0;
}
/* div for the site specific links */
.c-nav-prime__tools {
height: 55px;
border-left: 2px solid #5B5B5B;
}
.c-nav-prime__bar-rs-brand .c-nav-prime__tools {
border-left: none;
padding-left: 18px;
}
/* [4] */
.c-nav-prime__app-switch {
float: left;
width: 55px;
height: 55px;
background-color: #ff9f6f;
background-image: url(svg/ico/ico-waffle.svg);
background-repeat: no-repeat;
background-position: 22px 22px;
background-position: 19px 19px;
background-size: 16px;
}
.c-nav-prime__app-switch:hover {
background-color: #ff8e56;
}
.c-nav-prime__app-switch--RS-CIRCLE {
background-color: #333;
background-image: url(svg/RS-CIRCLE.svg);
background-repeat: no-repeat;
background-position: 10px 10px;
background-size: 40px;
/* if not logged in */
}
.c-nav-prime__app-switch--RS-CIRCLE:hover {
background-color: #2b2b2b;
}
.c-nav-prime__utilities {
float: right;
}
.c-nav-prime__dropdown-section {
padding: 24px 0;
}
.c-nav-prime__dropdown-section--user-name {
padding-top: 0;
}
.c-nav-prime__dropdown-section--w-divider {
border-bottom: 3px solid #e7e7e7;
}
.c-nav-prime__dropdown-section--side-padd {
padding: 24px 24px;
}
.c-nav-prime__dropdown-section:last-of-type {
padding-bottom: 0;
}
.c-nav-prime__dropdown-section--mcd-tools .c-nav-prime__dropdown-list-item {
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
}
.c-nav-prime__dropdown-list {
margin-left: 0;
padding-left: 0;
padding-bottom: 0;
margin-bottom: 0;
margin-top: 0;
}
.c-nav-prime__dropdown-list li {
list-style: none;
list-style-image: none;
}
.c-nav-prime__dropdown-list-item {
font-size: 1.6rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 600;
margin-bottom: 10px;
}
.c-nav-prime__dropdown-list-item:last-of-type {
margin-bottom: 0;
}
.c-nav-prime__dropdown-list-item > a {
color: #292f33;
}
.c-nav-prime__dropdown-list-item > a:hover {
text-decoration: none;
}
.c-nav-prime__dropdown-list-item--active {
border-bottom: 2px solid #ff5892;
}
.c-nav-prime__dropdown-list-link {
display: block;
color: #4B4B4B;
}
.c-nav-prime__dropdown-list-link:hover {
text-decoration: none;
color: #333;
}
.c-nav-prime__dropdown-list-link--w-ico {
padding-left: 40px;
background-repeat: no-repeat;
background-size: 34px;
min-height: 34px;
padding-top: 3px;
}
.c-nav-prime__dropdown-list-link--my-acc {
background-image: url(svg/ico/ico-my-acc-2.svg);
}
.c-nav-prime__dropdown-list-link--my-acc:hover {
background-image: url(svg/ico/ico-my-acc-2-hvr.svg);
}
.c-nav-prime__dropdown-list-link--live-chat {
background-image: url(svg/ico/ico-live-chat-2.svg);
}
.c-nav-prime__dropdown-list-link--live-chat:hover {
background-image: url(svg/ico/ico-live-chat-2-hvr.svg);
}
.c-nav-prime__dropdown-list-link--newsroom-admin {
background-image: url(svg/ico/ico-newsroom-admin-2.svg);
}
.c-nav-prime__dropdown-list-link--newsroom-admin:hover {
background-image: url(svg/ico/ico-newsroom-admin-2-hvr.svg);
}
.c-nav-prime__dropdown-list-link--direct-line {
background-image: url(svg/ico/ico-direct-line.svg);
}
.c-nav-prime__dropdown-list-link--direct-line:hover {
background-image: url(svg/ico/ico-direct-line-hvr.svg);
}
.c-nav-prime__dropdown-list-link--inbox-settings {
background-image: url(svg/ico/ico-inbox-settings-2.svg);
}
.c-nav-prime__dropdown-list-link--return-arrow {
background-image: url(svg/ico/ico-return-arrow.svg);
background-size: 28px;
background-position: 0 3px;
}
.c-nav-prime__dropdown-list-link--search {
background-image: url(svg/ico/ico-search-2.svg);
}
.c-nav-prime__dropdown-list-link--search:hover {
background-image: url(svg/ico/ico-search-2-hvr.svg);
}
.c-nav-prime__dropdown-list-link--view-profile {
background-image: url(svg/ico/ico-view-profile.svg);
}
.c-nav-prime__dropdown-list-link--view-profile:hover {
background-image: url(svg/ico/ico-view-profile-hvr.svg);
}
.c-nav-prime__dropdown-list-link--acc-mgr {
background-image: url(svg/ico/ico-acc-mgr-2.svg);
}
.c-nav-prime__dropdown-list-link--acc-mgr:hover {
background-image: url(svg/ico/ico-acc-mgr-2-hvr.svg);
}
.c-nav-prime__dropdown-list-link--contact-us {
background-image: url(svg/ico/ico-contact-us.svg);
}
.c-nav-prime__dropdown-list-link--contact-us:hover {
background-image: url(svg/ico/ico-contact-us-hvr.svg);
}
.c-nav-prime__dropdown-list-link--dist-compose {
background-image: url(svg/ico/ico-dist-compose.svg);
background-size: 25px;
background-position: 3px 4px;
}
.c-nav-prime__dropdown-list-link--dist-compose:hover {
background-image: url(svg/ico/ico-dist-compose-hvr.svg);
}
.c-nav-prime__dropdown-list-link--dist-drafts {
background-image: url(svg/ico/ico-dist-drafts.svg);
background-size: 22px;
background-position: 5px 3px;
}
.c-nav-prime__dropdown-list-link--dist-drafts:hover {
background-image: url(svg/ico/ico-dist-drafts-hvr.svg);
}
.c-nav-prime__dropdown-list-link--dist-scheduled {
background-image: url(svg/ico/ico-dist-scheduled.svg);
background-size: 29px;
background-position: 3px 4px;
}
.c-nav-prime__dropdown-list-link--dist-scheduled:hover {
background-image: url(svg/ico/ico-dist-scheduled-hvr.svg);
}
.c-nav-prime__dropdown-list-link--dist-sent {
background-image: url(svg/ico/ico-dist-sent.svg);
background-size: 27px;
background-position: 3px 4px;
}
.c-nav-prime__dropdown-list-link--dist-sent:hover {
background-image: url(svg/ico/ico-dist-sent-hvr.svg);
}
.c-nav-prime__dropdown-list-link--dist-mediabank {
background-image: url(svg/ico/ico-dist-mediabank.svg);
background-size: 27px;
background-position: 3px 2px;
}
.c-nav-prime__dropdown-list-link--dist-mediabank:hover {
background-image: url(svg/ico/ico-dist-mediabank-hvr.svg);
}
.c-nav-prime__dropdown-list-link--priv-con-import {
background-image: url(svg/ico/ico-priv-con-import-2.svg);
background-size: 27px;
background-position: 3px 3px;
}
.c-nav-prime__dropdown-list-link--priv-con-import:hover {
background-image: url(svg/ico/ico-priv-con-import-2-hvr.svg);
}
.c-nav-prime__dropdown-list-link--priv-con-add {
background-image: url(svg/ico/ico-priv-con-add.svg);
background-size: 28px;
background-position: 5px 2px;
}
.c-nav-prime__dropdown-list-link--priv-con-add:hover {
background-image: url(svg/ico/ico-priv-con-add-hvr.svg);
}
.c-nav-prime__dropdown-list-link--priv-con-view {
background-image: url(svg/ico/ico-priv-con-view.svg);
background-size: 31px;
background-position: 1px 2px;
}
.c-nav-prime__dropdown-list-link--priv-con-view:hover {
background-image: url(svg/ico/ico-priv-con-view-hvr.svg);
}
/* ===== AI CLIENT STYLING =================================================
Author: Simon Allin | SEPT 2021
========================================================================== */
/* LOCAL SETTINGS / MIXINS --------------------------- */
/* COMPONENT --------------------------- */
/* parent --------------------------- */
.ai-clients {
margin-bottom: 24px;
}
/* box for each client --------------------------- */
.ai-clients__item {
padding: 12px;
background-color: #fff;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
margin-bottom: 24px;
display: flex;
justify-content: center;
align-items: center;
}
/* client image --------------------------- */
.ai-clients__img {
max-width: 100%;
}
/* view all link --------------------------- */
.ai-clients__view-all {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background-color: #264592;
font-size: 1.8rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 600;
color: #FFF;
}
/* ===== PULSAR GROUP PANEL =========================================================
Author: Simon Allin | May 2024
========================================================================== */
/* DOCUMENT INFORMATION
-Use for promo hero panels
*/
/* LOCAL SETTINGS / MIXINS --------------------------- */
/* COMPONENT --------------------------- */
.pg-brand-text {
font-family: "myriad-pro", sans-serif;
font-weight: 500;
}
.pg-brand-bloc {
font-family: "myriad-pro", sans-serif;
font-weight: 500;
}
.pg-brand-bloc__header {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 48px;
text-align: center;
}
@media (min-width: 46.25em) {
.pg-brand-bloc__header {
padding-left: 48px;
padding-right: 48px;
}
}
@media (min-width: 61.25em) {
.pg-brand-bloc__header {
padding-left: 96px;
padding-right: 96px;
}
}
.pg-brand-bloc__intro {
font-size: 2.5rem;
font-family: "SurtMedium", Trebuchet MS, Arial, sans-serif;
font-weight: 400;
line-height: 1.4;
margin-bottom: 24px;
}
@media (min-width: 46.25em) {
.pg-brand-bloc__intro {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
}
.pg-brand-bloc__intro-title {
font-size: 18px;
margin-bottom: 12px;
}
.pg-brand-bloc__intro-body {
font-size: 1.8rem;
font-family: "SurtRegular", Trebuchet MS, Arial, sans-serif;
font-weight: 400;
line-height: 1.4;
font-size: 20px;
}
@media (min-width: 46.25em) {
.pg-brand-bloc__intro-body {
padding-left: 48px;
padding-right: 48px;
}
}
@media (min-width: 61.25em) {
.pg-brand-bloc__intro-body {
padding-left: 96px;
padding-right: 96px;
}
}
.pg-brand-bloc__item {
padding: 24px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
flex-grow: 1;
}
@media (max-width: 61.24em) {
.pg-brand-bloc__item {
padding: 24px;
}
}
@media (min-width: 61.25em) {
.pg-brand-bloc__item {
padding: 48px;
}
}
.pg-brand-bloc__item--isentia {
background-color: #133055;
}
.pg-brand-bloc__item--pulsar {
background-color: #c5ace8;
}
.pg-brand-bloc__item--vuelio {
background-color: #94c0ff;
}
.pg-brand-bloc__item--responsesource {
background-color: #e0eafd;
}
.pg-brand-bloc__logomark {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
@media (max-width: 61.24em) {
.pg-brand-bloc__logomark {
margin-bottom: 48px;
}
}
.pg-brand-bloc__svg {
margin: 24px auto 12px auto;
width: 70px;
height: 70px;
background-size: 70px;
}
.pg-brand-bloc__wordmark {
display: inline-flex;
font-size: 2.5rem;
font-family: "SurtBold", Trebuchet MS, Arial, sans-serif;
font-weight: 400;
line-height: 1.4;
font-size: 30px;
margin-bottom: 12px;
color: #000;
}
.pg-brand-bloc__wordmark--reverse {
color: #FFF;
}
.pg-brand-bloc__text {
font-size: 1.8rem;
font-family: "SurtRegular", Trebuchet MS, Arial, sans-serif;
font-weight: 400;
line-height: 1.4;
font-size: 20px;
color: #000;
flex-grow: 1;
margin-bottom: 24px;
}
.pg-brand-bloc__text--reverse {
color: #FFF;
}
@media (min-width: 61.25em) {
.pg-brand-bloc__text {
padding-left: 24px;
padding-right: 24px;
}
}
.pg-brand-bloc__button {
background-color: transparent;
border-radius: 50px;
height: 44px;
display: inline-flex;
align-items: center;
color: #133055;
padding-left: 16px;
padding-right: 16px;
border: 1px solid #133055;
font-size: 1.6rem;
font-family: "SurtMedium", Trebuchet MS, Arial, sans-serif;
font-weight: 400;
text-align: center;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.pg-brand-bloc__button:hover {
background: #133055;
color: #fff;
}
.pg-brand-bloc__button--isentia {
color: #fff;
border: 1px solid #fff;
}
.pg-brand-bloc__button--isentia:hover {
background: #c5ace8;
border-color: #c5ace8;
}
.ai-news__block {
display: flex;
flex-wrap: wrap;
padding-bottom: 12px;
}
.ai-news__block--5-story .ai-news__story {
width: calc((100% - 48px) / 5);
margin-right: 12px;
}
.ai-news__block--5-story .ai-news__story:nth-of-type(4) {
margin-right: 0;
}
.ai-news__block--4-story .ai-news__story {
margin-right: 12px;
}
@media (min-width: 61.25em) {
.ai-news__block--4-story .ai-news__story {
width: calc((100% - 36px) / 4);
}
.ai-news__block--4-story .ai-news__story:nth-of-type(4) {
margin-right: 0;
}
}
@media (min-width: 34.375em) and (max-width: 61.24em) {
.ai-news__block--4-story .ai-news__story {
width: calc((100% - 12px) / 2);
}
.ai-news__block--4-story .ai-news__story:nth-of-type(2n) {
margin-right: 0;
}
}
.ai-news__block--3-story .ai-news__story {
margin-right: 12px;
}
@media (min-width: 46.25em) {
.ai-news__block--3-story .ai-news__story {
width: calc((100% - 24px) / 3);
}
.ai-news__block--3-story .ai-news__story:nth-of-type(3) {
margin-right: 0;
}
}
@media (max-width: 46.24em) {
.ai-news__block--3-story .ai-news__story {
width: 100%;
margin-right: 0;
}
}
.ai-news__block--2-story .ai-news__story {
margin-right: 12px;
}
@media (min-width: 46.25em) {
.ai-news__block--2-story .ai-news__story {
width: calc((100% - 12px) / 2);
}
.ai-news__block--2-story .ai-news__story:nth-of-type(2n) {
margin-right: 0;
}
}
@media (max-width: 46.24em) {
.ai-news__block--2-story .ai-news__story {
width: 100%;
margin-right: 0;
}
}
.ai-news__story {
display: flex;
flex-direction: column;
border-radius: 6px;
border: 1px solid #e7e7e7;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
margin-bottom: 12px;
}
.ai-news__story--horizontal {
flex-direction: row;
}
.ai-news__story-img {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.ai-news__story-img a {
display: flex;
}
.ai-news__story-img img {
width: 100%;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.ai-news__story--horizontal .ai-news__story-img {
flex-grow: 0;
width: 160px;
}
.ai-news__story--horizontal .ai-news__story-img img {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
border-top-right-radius: 0;
}
.ai-news__story-content {
padding: 12px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.ai-news__story--horizontal .ai-news__story-content {
width: calc(100% - (160px + 12px));
flex-grow: 1;
}
.ai-news__story-title {
font-family: "SurtMedium", Trebuchet MS, Arial, sans-serif;
font-weight: 400;
font-size: 18px;
margin-bottom: 12px;
color: #4a4a4a;
}
.ai-news__story-title:hover {
text-decoration: underline;
}
.ai-news__story--main .ai-news__story-title {
font-size: 2.1rem;
font-family: "SurtMedium", Trebuchet MS, Arial, sans-serif;
font-weight: 400;
font-size: 24px;
}
.ai-news__story--horizontal .ai-news__story-title {
margin-bottom: 6px;
}
.ai-news__story-meta {
height: 20px;
display: flex;
align-items: center;
}
.ai-news__story-date {
font-size: 1rem;
font-family: "SurtRegular", Trebuchet MS, Arial, sans-serif;
font-weight: 400;
}
.ai-news__story-text {
font-size: 1.6rem;
font-family: "SurtMedium", Trebuchet MS, Arial, sans-serif;
font-weight: 400;
line-height: 1.5;
margin-bottom: 12px;
display: flex;
flex-grow: 1;
}
/* ---------------------------------------------------------------------
ResponseSource logo system
1) SETUP
2) LOGOS
.logo-RS-MCD
.logo-RS-MCD--FR - lang modifiers
.logo-RS-MCD--DE - lang modifiers
.logo-RS-JES
.logo-RS-JES--FR - lang modifiers
.logo-RS-JES--DE - lang modifiers
.logo-RS-JES--DE-STACKED - legacy stacked
.logo-RS-JES--FR-STACKED - legacy stacked
.logo-RS-FJP
.logo-RS-PRW
--------------------------------------------------------------------- */
.logo_space h1, #logo_space h1 {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
/* AI Brand Portals --------------------------- */
.ai-logo-portal {
background-repeat: no-repeat;
}
.ai-logo-portal--rs {
background-image: url(svg/brand-logos/responsesource/portal/white-reversed.svg);
}
.ai-logo-portal--rs-color {
background-image: url(svg/brand-logos/responsesource/portal/orange-on-transparent.svg);
}
.ai-logo-portal--rs-black {
background-image: url(svg/brand-logos/responsesource/Responsesource-LogoMark-Black.svg);
}
.ai-logo-portal--vuelio {
background-image: url(svg/brand-logos/vuelio/portal/white-reversed.svg);
}
.ai-logo-portal--vuelio-color {
background-image: url(svg/brand-logos/vuelio/portal/pink-on-transparent.svg);
}
.ai-logo-portal--vuelio-black {
background-image: url(svg/brand-logos/vuelio/Vuelio-LogoMark-Black.svg);
}
.ai-logo-portal--accessintelligence {
background-image: url(svg/brand-logos/accessintelligence/portal/white-reversed.svg);
}
.ai-logo-portal--accessintelligence-color {
background-image: url(svg/brand-logos/accessintelligence/portal/blue-on-transparent.svg);
}
.ai-logo-portal--pulsar {
background-image: url(svg/brand-logos/pulsar/Pulsar-Mark-White-Reversed.svg);
}
.ai-logo-portal--pulsar-color {
background-image: url(svg/brand-logos/pulsar/Pulsar-Mark-Color-On-Transparent.svg);
}
.ai-logo-portal--pulsar-black {
background-image: url(svg/brand-logos/pulsar/Pulsar-LogoMark-Black.svg);
}
.ai-logo-portal--isentia {
background-image: url(svg/brand-logos/isentia2/Isentia-Mark-White-Reversed.svg);
}
.ai-logo-portal--isentia-color {
background-image: url(svg/brand-logos/isentia2/Isentia-Mark-Color-On-Transparent.svg);
}
.ai-logo-text {
background-repeat: no-repeat;
}
.ai-logo-text--rs {
background-image: url(svg/brand-logos/responsesource/orange-on-transparent.svg);
}
.ai-logo-text--vuelio {
background-image: url(svg/brand-logos/vuelio/pink-on-transparent.svg);
}
.ai-logo-text--accessintelligence {
background-image: url(svg/brand-logos/accessintelligence/blue-on-transparent.svg);
}
.ai-logo-complete {
background-repeat: no-repeat;
}
.ai-logo-complete--accessintelligence {
background-image: url(svg/brand-logos/accessintelligence/Accessintelligence-Complete.svg);
}
.ai-logo-complete--pulsarGroup {
background-image: url(svg/brand-logos/pulsarGroup/Pulsar-Group-Wordmark-LogoMark-Black.svg);
}
.ai-logo-complete--pulsarGroup-stacked {
background-image: url(svg/brand-logos/pulsarGroup/Pulsar-Group-Wordmark-LogoMark-Stacked-Black.svg);
}
.ai-logo-complete--vuelio {
background-image: url(svg/brand-logos/vuelio/Vuelio-Complete.svg);
}
.ai-logo-complete--responsesource {
background-image: url(svg/brand-logos/responsesource/Responsesource-Complete.svg);
}
.logo {
/* ================================================
SWITCH PORTRAIT TO LANDSCAPE BELOW CERTAIN WIDTH
================================================ */
/* ============
MOBILE LOGOS
============ */
}
.logo-RS {
display: block;
width: 420px;
height: 86px;
background-size: 420px 86px;
background-repeat: no-repeat;
background-image: url(svg/RS-315-63.svg);
background-image: url(svg/brand-logos/responsesource/orange-on-transparent.svg);
}
@media (max-width: 550px) {
.logo-RS {
width: 286px;
height: 59px;
background-size: 286px;
}
}
.logo-RS--FOOTER {
width: 325px;
height: 70px;
background-size: 325px;
margin: 0 auto;
}
@media (min-width: 768px) {
.logo-RS--FOOTER {
margin: 0;
}
}
@media (max-width: 550px) {
.logo-RS--FOOTER {
width: 286px;
height: 59px;
background-size: 286px;
}
}
.logo-RS--SOLO {
background-image: url(svg/brand-logos/responsesource/orange-on-transparent.svg);
}
.logo-RS--SOLO-REV {
width: 420px;
background-image: url(svg/brand-logos/responsesource/white-reversed.svg);
}
.logo-RS--NAV {
width: 50px;
height: 50px;
background-size: 34px 34px;
background-image: url(svg/brand-logos/responsesource/portal/orange-on-transparent.svg);
padding: 8px;
background-position: 50%;
-webkit-transition: all 0.2s linear;
-khtml-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
@media (max-width: 34.365em) {
.logo-RS--NAV-tile {
width: auto;
background-size: 50px;
background-position: center center;
}
}
@media (min-width: 550px) {
.logo-RS--NAV {
width: 218px;
background-size: 210px 34px;
background-image: url(svg/brand-logos/responsesource/orange-on-transparent.svg);
}
}
@media (min-width: 550px) {
.logo-RS--NAV-FR {
background-size: 180px;
}
}
.logo-RS--APP-SWITCH {
width: 218px;
height: 35px;
background-size: 210px 34px;
background-image: url(svg/brand-logos/responsesource/orange-on-transparent.svg);
}
.logo-RS-MCD {
display: block;
width: 420px;
height: 86px;
background-size: 420px 86px;
background-repeat: no-repeat;
background-image: url(svg/RS-MCD-315-63.svg);
}
.logo-RS-JES {
display: block;
width: 420px;
height: 86px;
background-size: 420px 86px;
background-repeat: no-repeat;
background-image: url(svg/RS-JES-315-63.svg);
/* .logo.center { margin: 0 auto !important; } */
}
@media (max-width: 550px) {
.logo-RS-JES {
width: 286px;
height: 59px;
background-size: 286px;
}
}
.logo-RS-JES--FR {
background-image: url(svg/RS-315-63.svg);
}
.logo-RS-JES-FJP {
display: block;
width: 420px;
height: 86px;
background-size: 420px 86px;
background-repeat: no-repeat;
background-image: url(svg/RS-FJP-315-63.svg);
}
@media (max-width: 550px) {
.logo-RS-JES-FJP {
width: 286px;
height: 59px;
background-size: 286px;
}
}
.logo-RS-JES-PRW {
display: block;
width: 420px;
height: 86px;
background-size: 420px 86px;
background-repeat: no-repeat;
background-image: url(svg/RS-PRW-315-63.svg);
}
@media (max-width: 550px) {
.logo-RS-JES-PRW {
width: 286px;
height: 59px;
background-size: 286px;
}
}
.logo-RS-JES-MJ {
display: block;
width: 420px;
height: 86px;
background-size: 420px 86px;
background-repeat: no-repeat;
width: 399px;
height: 81px;
background-size: 399px 81px;
background-image: url(svg/RS-MJ-315-63.svg);
display: block;
text-indent: -9999px;
}
.logo-RS-JES--center {
margin-right: auto;
margin-left: auto;
}
@media only screen and (min-width: 768px) {
.logo {
/* top margin for homepage logo */
}
.logo .home_page .product_logo {
margin-top: 15px;
}
}
@media only screen and (max-width: 767px) {
.logo .product_logo.RS.stacked.mob_landscape.lrg, .logo .product_logo.RSINTL_UK.stacked.mob_landscape.lrg {
width: 414px;
height: 129px;
background: transparent url(img/logo/RS_INT_EN_LOGO_LAND_414X129.png) no-repeat;
margin: 0 0 0 0;
}
.logo .product_logo.RS.FR.stacked.mob_landscape.lrg.mobile_landscape, .logo .product_logo.RSINTL_FR.stacked.mob_landscape.lrg {
width: 436px;
height: 129px;
background-image: url(img/logo/RS_INT_FR_LOGO_LAND_436X129.png);
margin: 0 0 0 0;
}
.logo .product_logo.RS.DE.stacked.mob_landscape.lrg.mobile_landscape, .logo .product_logo.RSINTL_DE.stacked.mob_landscape.lrg {
width: 503px;
height: 129px;
background-image: url(img/logo/RS_INT_DE_LOGO_LAND_503X129.png);
margin: 0 0 0 0;
}
.logo .product_logo.SW.stacked.mob_landscape.lrg {
width: 414px;
height: 129px;
background: url(img/logo/SW_EN_LOGO_LAND_414_129.png) no-repeat center center;
margin: 0 0 0 0;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
.logo {
/* ============
MOBILE LOGOS
============ */
/* ==
UK
== */
/* ==
FR
== */
}
.logo .product_logo.RS.stacked.lrg, .logo .product_logo.RSINTL_UK.stacked.lrg {
width: 286px;
height: 161px;
background-size: 286px;
}
.logo .product_logo.RSINTL_UK.stacked.mob_landscape.lrg, .logo .product_logo.RSINTL_UK.landscape.lrg {
width: 300px;
height: 79px;
background-size: 300px;
}
.logo .product_logo.RS.stacked.lrg, .logo .product_logo.RSINTL_UK.stacked.lrg {
width: 286px;
height: 169px;
background-size: 286px;
}
.logo .product_logo.FE.stacked.lrg, .logo .product_logo.FEM.stacked.lrg {
width: 286px;
height: 169px;
background-size: 286px;
}
.logo .product_logo.SW.stacked.lrg {
width: 286px;
height: 169px;
background-size: 286px;
}
.logo .product_logo.SW.stacked.mob_landscape.lrg, .logo .product_logo.SW.landscape.lrg {
width: 300px;
height: 79px;
background: url(img/logo/SW_EN_LOGO_LAND_414_129.png) no-repeat center center;
margin: 0 0 0 0;
background-size: 300px;
}
.logo .product_logo.JD.stacked.lrg, .logo .product_logo.FJD.stacked.lrg {
width: 286px;
height: 161px;
background: url(img/logo/JD_EN_LOGO_STACKED_572_322_X2.png) no-repeat;
background-size: 286px;
}
.logo .product_logo.DWP {
width: 286px;
height: 161px;
background-size: 286px;
}
.logo .logo.RS.FR.stacked.lrg, .logo .logo.RSINTL_FR.stacked.lrg {
width: 286px;
height: 161px;
background-size: 286px;
}
.logo .logo.RSINTL_FR.stacked.mob_landscape.lrg, .logo .logo.RSINTL_FR.landscape.lrg {
width: 300px;
height: 79px;
background: transparent url(img/logo/RS_INT_FR_LOGO_LAND_700_157_X2.png) no-repeat;
background-size: 315px;
}
.logo .logo.FE.FR.stacked.lrg, .logo .logo.FEM.FR.stacked.lrg {
width: 286px;
height: 161px;
background-size: 286px;
}
.logo .logo.SW.FR.stacked.lrg {
width: 286px;
height: 161px;
background-size: 286px;
}
}
.ico-search-nav {
width: 20px;
height: 20px;
}
.ico-search-nav--label-right {
float: left;
margin-right: 6px;
}
/* icons using background images SVG */
.ico-twitter-bg {
float: left;
width: 42px;
height: 42px;
background-size: 42px;
background-image: url(svg/ico/ico-twitter-actual-34-34.svg);
}
.ico-facebook-bg {
float: left;
width: 42px;
height: 42px;
background-size: 42px;
background-image: url(svg/ico/ico-facebook-actual-34_34.svg);
}
.ico-instagram-bg {
float: left;
width: 42px;
height: 42px;
background-size: 42px;
background-image: url(svg/ico/ico-instagram-34-34.svg.svg);
}
.ico-youtube-bg {
float: left;
width: 42px;
height: 42px;
background-size: 42px;
background-image: url(svg/ico/ico-youtube-actual-34-34.svg);
}
.ico-linkedin-bg {
float: left;
width: 42px;
height: 42px;
background-size: 42px;
background-image: url(svg/ico/ico-linkedin-actual-34-34.svg);
}
.ico-social--lrg {
width: 40px !important;
height: 40px !important;
}
.ico-twitter {
width: 34px;
height: 34px;
fill: #55ACEE;
margin-top: 2px;
margin-right: 6px;
}
@media (min-width: 46.25em) {
.ico-twitter--right {
float: right;
margin-top: 0;
margin-right: 0;
margin-left: 6px;
}
}
.ico-facebook {
width: 34px;
height: 34px;
fill: #3B5998;
margin-top: 2px;
margin-right: 6px;
}
@media (min-width: 46.25em) {
.ico-facebook--right {
float: right;
margin-top: 0;
margin-right: 0;
margin-left: 6px;
}
}
.ico-linkedin {
width: 34px;
height: 34px;
fill: #007BB6;
margin-top: 2px;
margin-right: 6px;
}
@media (min-width: 46.25em) {
.ico-linkedin--right {
float: right;
margin-top: 0;
margin-right: 0;
margin-left: 6px;
}
}
.ico-external-link {
width: 19px;
height: 18px;
fill: #666;
vertical-align: bottom;
margin-right: 2px;
}
.ico-avatar {
width: 70px;
height: 70px;
fill: #54a3d8;
}
.ico-avatar--small {
width: 45px;
height: 45px;
}
.ico-alert {
width: 24px;
height: 24px;
fill: #666666;
}
.ico-alert--right {
float: right;
}
.ico-alert--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-alert--left {
float: left;
display: inline;
}
.ico-alert--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-alert.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-alert.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-dashboard {
width: 24px;
height: 24px;
fill: #666666;
}
.ico-dashboard--right {
float: right;
}
.ico-dashboard--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-dashboard--left {
float: left;
display: inline;
}
.ico-dashboard--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-dashboard.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-dashboard.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-help {
width: 24px;
height: 24px;
fill: #666666;
}
.ico-help--right {
float: right;
}
.ico-help--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-help--left {
float: left;
display: inline;
}
.ico-help--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-help.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-help.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-inbox {
width: 24px;
height: 24px;
fill: #666666;
}
.ico-inbox--right {
float: right;
}
.ico-inbox--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-inbox--left {
float: left;
display: inline;
}
.ico-inbox--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-inbox.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-inbox.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-search {
width: 24px;
height: 24px;
fill: #666666;
}
.ico-search--right {
float: right;
}
.ico-search--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-search--left {
float: left;
display: inline;
}
.ico-search--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-search.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-search.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-send {
width: 24px;
height: 24px;
fill: #666666;
}
.ico-send--right {
float: right;
}
.ico-send--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-send--left {
float: left;
display: inline;
}
.ico-send--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-send.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-send.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-menu {
width: 100%;
height: 100%;
fill: #666666;
}
.ico-menu--right {
float: right;
}
.ico-menu--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-menu--left {
float: left;
display: inline;
}
.ico-menu--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-menu.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-menu.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-menu-my-acc {
width: 38px;
height: 38px;
fill: #666666;
}
.ico-menu-my-acc--right {
float: right;
}
.ico-menu-my-acc--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-menu-my-acc--left {
float: left;
display: inline;
}
.ico-menu-my-acc--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-menu-my-acc.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-menu-my-acc.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-delete {
width: 24px;
height: 24px;
fill: #666666;
cursor: pointer;
}
.ico-delete--right {
float: right;
}
.ico-delete--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-delete--left {
float: left;
display: inline;
}
.ico-delete--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-delete.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-delete.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-delete--small {
width: 12px;
height: 12px;
fill: #cccccc;
margin-top: 5px;
}
.ico-delete--small--right {
float: right;
}
.ico-delete--small--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-delete--small--left {
float: left;
display: inline;
}
.ico-delete--small--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-delete--small.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-delete--small.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-delete--white {
width: 12px;
height: 12px;
fill: #FFF;
}
.ico-delete--white--right {
float: right;
}
.ico-delete--white--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-delete--white--left {
float: left;
display: inline;
}
.ico-delete--white--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-delete--white.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-delete--white.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-delete--right {
float: right;
margin-right: 0;
margin-left: 12px;
}
.ico-delete--red {
fill: #ff7979;
}
.ico-success {
width: 24px;
height: 24px;
fill: #666666;
fill: #16cbbe;
}
.ico-success--right {
float: right;
}
.ico-success--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-success--left {
float: left;
display: inline;
}
.ico-success--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-success.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-success.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-success--green {
fill: #16cbbe;
}
.ico-services {
width: 24px;
height: 24px;
fill: #666666;
}
.ico-services--right {
float: right;
}
.ico-services--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-services--left {
float: left;
display: inline;
}
.ico-services--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-services.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-services.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-services--hover {
fill: #fff;
}
.ico-apps {
width: 24px;
height: 24px;
fill: #666666;
}
.ico-apps--right {
float: right;
}
.ico-apps--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-apps--left {
float: left;
display: inline;
}
.ico-apps--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-apps.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-apps.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-apps--hover {
fill: #fff;
}
.ico-back-link {
width: 24px;
height: 24px;
fill: #666666;
fill: #ff5892;
}
.ico-back-link--right {
float: right;
}
.ico-back-link--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-back-link--left {
float: left;
display: inline;
}
.ico-back-link--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-back-link.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-back-link.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-settings {
width: 24px;
height: 24px;
fill: #666666;
}
.ico-settings--right {
float: right;
}
.ico-settings--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-settings--left {
float: left;
display: inline;
}
.ico-settings--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-settings.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-settings.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-settings--hover {
fill: #fff;
}
.ico-drop-down {
width: 24px;
height: 24px;
fill: #666666;
}
.ico-drop-down--right {
float: right;
}
.ico-drop-down--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-drop-down--left {
float: left;
display: inline;
}
.ico-drop-down--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-drop-down.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-drop-down.not-desktop-feature {
display: none;
opacity: 0;
}
}
.services-pr-trigger--active .ico-drop-down, .services-journo-trigger--active .ico-drop-down, .open .ico-drop-down {
display: none;
}
@media (min-width: 1152px) {
.ico-drop-down.not-desktop-feature {
display: none;
}
}
.ico-drop-up {
width: 24px;
height: 24px;
fill: #666666;
display: none;
}
.ico-drop-up--right {
float: right;
}
.ico-drop-up--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-drop-up--left {
float: left;
display: inline;
}
.ico-drop-up--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-drop-up.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-drop-up.not-desktop-feature {
display: none;
opacity: 0;
}
}
.services-pr-trigger--active .ico-drop-up, .services-journo-trigger--active .ico-drop-up, .open .ico-drop-up {
display: inline;
}
@media (min-width: 1152px) {
.services-pr-trigger--active .ico-drop-up.not-desktop-feature, .services-journo-trigger--active .ico-drop-up.not-desktop-feature, .open .ico-drop-up.not-desktop-feature {
display: none;
}
}
.ico-close {
width: 20px;
height: 20px;
margin-left: 4px;
float: right;
display: inline;
fill: #999;
}
.ico-close--fixed-bottom-right {
position: absolute;
bottom: 4px;
right: 4px;
}
.ico-tool-search {
width: 18px;
height: 18px;
fill: #666666;
margin-top: 8px;
margin-left: 4px;
margin: auto 0;
position: absolute;
top: 0;
bottom: 0;
left: 5px;
}
.ico-tool-search + span {
display: none;
}
@media (min-width: 1152px) {
.ico-tool-search.large-break {
margin-right: 4px;
}
.ico-tool-search.large-break + span {
display: inline;
}
}
@media (min-width: 71.875em) {
.ico-tool-search:not(.large-break) {
margin-right: 4px;
}
.ico-tool-search:not(.large-break) + span {
display: inline;
}
}
@media (min-width: 550px) {
.ico-tool-search.small-break {
margin-right: 4px;
}
.ico-tool-search.small-break + span {
display: inline;
}
}
.ico-sort {
width: 15px;
height: 19px;
fill: #666;
}
.ico-facebook {
float: left;
margin-right: 4px;
width: 30px;
height: 30px;
}
.ico-facebook__box {
fill: #3B5998;
}
.ico-facebook__cutout {
fill: #fff;
}
.ico-linkedin {
float: left;
margin-right: 4px;
width: 30px;
height: 30px;
}
.ico-linkedin__box {
fill: #007BB6;
}
.ico-linkedin__cutout {
fill: #fff;
}
.ico-googleplus {
float: left;
margin-right: 4px;
width: 30px;
height: 30px;
}
.ico-googleplus__box {
fill: #DC4E41;
}
.ico-googleplus__cutout {
fill: #fff;
}
.ico-twitter {
float: left;
margin-right: 4px;
width: 30px;
height: 30px;
}
.ico-twitter__box {
fill: #55ACEE;
}
.ico-twitter__cutout {
fill: #fff;
}
.ico-youtube {
float: left;
margin-right: 4px;
width: 30px;
height: 30px;
}
.ico-youtube__box {
fill: #E62d27;
}
.ico-youtube__cutout {
fill: #fff;
}
.ico-instagram {
float: left;
margin-right: 4px;
width: 30px;
height: 30px;
}
.ico-instagram__cutout {
fill: #fff;
}
.ico-pinterest {
float: left;
margin-right: 4px;
width: 30px;
height: 30px;
}
.ico-pinterest__cutout {
fill: #fff;
}
.ico-wikipedia {
float: left;
margin-right: 4px;
width: 30px;
height: 30px;
}
.ico-wikipedia__cutout {
fill: #fff;
}
.ico-tumblr {
float: left;
margin-right: 4px;
width: 30px;
height: 30px;
}
.ico-tumblr__cutout {
fill: #fff;
}
.ico-snapchat {
float: left;
margin-right: 4px;
width: 30px;
height: 30px;
}
.ico-snapchat__cutout {
fill: #fff;
}
.ico-social--small {
width: 22px;
height: 22px;
}
.ico-social--tiny {
width: 18px;
height: 18px;
}
.ico-avatar-new {
float: left;
width: 26px;
height: 31px;
margin-right: 6px;
}
.ico-avatar-group {
float: left;
width: 30px;
height: 34px;
margin-right: 6px;
}
.ico-padlock {
float: left;
width: 42px;
height: 54px;
}
.js-trigger--hover .ico-services {
fill: #fff;
}
.ico-sub-level-100 {
float: left;
width: 150px;
height: 150px;
}
.ico-tool-downarrow-select {
float: left;
margin: auto 0;
top: 0;
bottom: 0;
}
/* ===== HIGHLIGHT COMPONENT ================================================
Author: Simon Allin | 2017 |
========================================================================== */
/* DOCUMENT INFORMATION
-Use for adding text highlight boxes on pages
+----------------------------+
| |
| ~~~~~~~~~~~~~~~~~~~~ |
| ~~~~~~~~~~~~~~~~~~~~ |
| ~~~~~~~~~~~~~~~~~~~~ |
| |
+----------------------------+
*/
.c-highlight {
border: 2px solid #ccc;
background: #F9F9F9;
padding: 15px;
color: #292f33;
margin-bottom: 24px;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-size: 17px;
font-size: 1.7rem;
line-height: 1.4;
color: #292f33;
}
.c-highlight--pink {
border-color: #ff8bb3;
}
.c-highlight--error {
color: #ff5892;
border-color: #ff5892;
}
.c-highlight--success {
border-color: #16cbbe;
}
.c-highlight--tick {
border-color: #77B847;
background-image: url(svg/ico/ico-success-62-62.svg);
background-repeat: no-repeat;
padding-bottom: 80px;
background-position: center bottom 12px;
}
.c-highlight--font-lrg {
font-size: 20px;
font-size: 2rem;
}
.c-highlight--font-sml {
font-size: 14px;
font-size: 1.4rem;
}
.c-highlight > p:last-of-type {
margin-bottom: 0;
}
.c-highlight--control-margin * {
margin-top: 0;
margin-bottom: 12px;
}
.c-highlight__text--small {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.4;
letter-spacing: -0.2px;
}
.highlight-panel {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 23px;
font-size: 2.3rem;
line-height: 28px;
padding: 20px;
text-align: center;
}
.highlight-panel h2 {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
}
.highlight-panel__bold {
font-weight: 700;
}
.highlight-panel--text-left {
text-align: left;
}
.highlight-panel--yellow {
border: 3px solid #ff7979;
background-color: white;
color: #ff7979;
}
.highlight-panel--yellow h2 {
color: #ff7979;
}
.highlight-panel--green {
border: 3px solid #16cbbe;
background-color: #d6fbf8;
color: #16cbbe;
}
.highlight-panel--green h2 {
color: #16cbbe;
}
.highlight-panel--red {
border: 3px solid #ff7979;
background-color: white;
color: #ff7979;
}
.highlight-panel--red h2 {
color: #ff7979;
}
.highlight-panel--blue {
border: 3px solid #3c668d;
background-color: #ebf1f6;
color: #3c668d;
}
.highlight-panel--blue h2 {
color: #3c668d;
}
.highlight-panel--grey {
border: 3px solid #999999;
background-color: #f2f2f2;
}
.highlight-panel--grey h2 {
color: #999999;
}
/* ===== MEDIA BULLETIN ARTICLE CONTENT =====================================
Author: Ed Patrick | May 2017 |
========================================================================== */
/* DOCUMENT INFORMATION
-Use for main content of article pages
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
¦ Title ¦
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
¦ Meta ¦ Social ¦
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
¦ Content ¦
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
¦ Section ¦
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
¦ Section ¦
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
/* ======================================================================
local settigns / mixins etc ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* ======================================================================
component ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.c-mb-article {
margin-bottom: 12px;
padding-bottom: 12px;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 16px;
font-size: 1.6rem;
letter-spacing: -0.4px;
}
.c-mb-article__title {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-weight: 700;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 2px solid #cccccc;
}
.c-mb-article__header {
float: none;
height: auto;
}
.c-mb-article__image {
margin-bottom: 12px;
}
.c-mb-article__image img {
width: auto;
max-width: 80%;
height: auto;
}
@media (min-width: 46.25em) {
.c-mb-article__image--linked-img {
float: left;
width: 110px;
}
}
.c-mb-article__image--right {
width: 50%;
float: right;
margin: 0 0 12px 12px;
}
@media (min-width: 46.25em) {
.c-mb-article__main-image > img {
float: left;
width: auto;
max-width: 30%;
height: auto;
border: 1px solid #ccc;
margin-right: 24px;
margin-bottom: 24px;
}
}
.c-mb-article__content--interview .c-mb-article__main-image > img {
float: left;
border: none;
max-width: 40%;
}
.c-mb-article__linked-info {
float: left;
width: webkit-calc(100% - 110px);
width: -moz-calc(100% - 110px);
width: calc(100% - 110px);
}
.c-mb-article__meta {
display: block;
}
.c-mb-article__meta-social {
display: block;
}
@media (min-width: 46.25em) {
.c-mb-article__meta-social {
width: 130px;
float: left;
}
}
.c-mb-article__meta-social-label {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 14px;
font-size: 1.4rem;
font-weight: 500;
color: #333;
margin-top: 6px;
}
.c-mb-article__meta-image {
display: block;
width: 70px;
margin-right: 12px;
float: left;
}
.c-mb-article__meta-text {
display: block;
width: webkit-calc(100% - 70px12px);
width: -moz-calc(100% - 70px12px);
width: calc(100% - 70px12px);
}
@media (min-width: 46.25em) {
.c-mb-article__meta-text {
width: webkit-calc(100% - 130px);
width: -moz-calc(100% - 130px);
width: calc(100% - 130px);
float: left;
}
}
.c-mb-article__meta-tags {
display: block;
clear: both;
}
.c-mb-article__tags {
margin-bottom: 48px;
}
.c-mb-article__tags-label {
padding-top: 4px;
font-family: Roboto;
font-size: 14px;
font-size: 1.4rem;
font-weight: 500;
}
@media (min-width: 46.25em) {
.c-mb-article__tags-label {
float: left;
width: 50px;
}
}
@media (min-width: 46.25em) {
.c-mb-article__tags-data {
float: left;
width: webkit-calc(100% - 50px);
width: -moz-calc(100% - 50px);
width: calc(100% - 50px);
}
}
.c-mb-article__author {
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-size: 14px;
font-size: 1.4rem;
font-weight: 700;
color: #333;
float: left;
margin-right: 12px;
margin-bottom: 12px;
}
.c-mb-article__date {
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-size: 14px;
font-size: 1.4rem;
font-weight: 700;
color: #666;
float: left;
margin-right: 12px;
}
.c-mb-article__content {
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-size: 17px;
font-size: 1.7rem;
line-height: 1.6;
letter-spacing: -0.1px;
margin-bottom: 24px;
}
.c-mb-article__content p {
margin-bottom: 16px;
text-rendering: optimizeLegibility;
}
.c-mb-article__content--interview p {
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
letter-spacing: 0px;
}
.c-md-promo__title {
font-size: 26px;
font-size: 2.6rem;
/* only adding margiin top so I can line it up with the other heading */
margin-top: 12px;
margin-bottom: 24px;
padding-bottom: 12px;
border-bottom: 2px solid #cccccc;
}
.c-md-promo__title--sml {
font-family: Roboto;
font-size: 16px;
font-size: 1.6rem;
}
.c-mb-article-section {
font-family: Roboto;
font-size: 16px;
font-size: 1.6rem;
letter-spacing: -0.4px;
}
.c-mb-article-section__title {
color: #333;
display: block;
margin-bottom: 6px;
font-family: Roboto;
font-size: 22px;
font-size: 2.2rem;
letter-spacing: -0.4px;
font-weight: 500;
}
.c-mb-article-section__content-item {
display: block;
margin-bottom: 6px;
}
.c-mb-article-section__content-item--inner {
margin-top: 12px;
}
.c-mb-article-section__link {
padding-bottom: 2px;
font-family: Roboto;
font-size: 15px;
font-size: 1.5rem;
letter-spacing: -0.4px;
font-weight: 500;
}
.c-mb-article-section__link:hover {
color: #ff5892;
transition: 0s;
}
.c-mb-article-section__link--list {
color: #333;
font-family: Roboto;
font-size: 13px;
font-size: 1.3rem;
letter-spacing: -0.4px;
}
/* ===== MEDIA BULLETIN HEADER =============================================
Author: Ed Patrick | May 2017 |
========================================================================== */
/* DOCUMENT INFORMATION
-Use for page header on media bulleting posts on a page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
¦ Title ¦ additional content ¦
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
/* ======================================================================
local settigns / mixins etc ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* ======================================================================
component ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.c-mb-header {
*zoom: 1;
border-bottom: 2px solid #cccccc;
padding-bottom: 12px;
margin-bottom: 24px;
}
.c-mb-header:before, .c-mb-header:after {
content: " ";
display: table;
}
.c-mb-header:after {
clear: both;
}
.c-mb-header__title {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 24px;
font-size: 2.4rem;
letter-spacing: -1px;
font-weight: 700;
}
.c-mb-header__item {
display: block;
}
@media (min-width: 46.25em) {
.c-mb-header__item {
display: inline-block;
margin-right: -4px;
width: webkit-calc(100% - 250px);
width: -moz-calc(100% - 250px);
width: calc(100% - 250px);
}
}
.c-mb-header__item--title {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 32px;
font-size: 3.2rem;
letter-spacing: -0.4px;
font-weight: 500;
}
.c-mb-header__item--w-summary {
padding-bottom: 12px;
}
.c-mb-header__item--summary {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 16px;
font-size: 1.6rem;
letter-spacing: -0.4px;
font-weight: 400;
padding-bottom: 12px;
}
@media (min-width: 46.25em) {
.c-mb-header__item--content-block {
text-align: right;
width: 250px;
}
}
/* ===== MEDIA BULLETIN POST LIST =============================================
Author: Ed Patrick | May 2017 |
========================================================================== */
/* DOCUMENT INFORMATION
-Use for listing posts on a page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
¦ Date ¦ Title ¦ Category ¦
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
¦ Date ¦ Title ¦ Category ¦
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
¦ Date ¦ Title ¦ Category ¦
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
/* ======================================================================
local settigns / mixins etc ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* ======================================================================
component ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.c-mb-post-list {
margin-bottom: 48px;
}
@media (min-width: 46.25em) {
.c-mb-post-list__col {
width: webkit-calc(50% - 12px);
width: -moz-calc(50% - 12px);
width: calc(50% - 12px);
float: left;
margin-right: 12px;
}
}
.c-mb-post-list__item {
*zoom: 1;
border-left: 3px solid #1067b0;
padding-left: 6px;
margin-bottom: 6px;
}
.c-mb-post-list__item:before, .c-mb-post-list__item:after {
content: " ";
display: table;
}
.c-mb-post-list__item:after {
clear: both;
}
@media (min-width: 61.25em) {
.c-mb-post-list__item {
padding-left: 0;
}
}
.c-mb-post-list__item--simple {
border-bottom: 1px solid #cccccc;
}
.c-mb-post-list__item--simple:first-of-type {
border-top: 1px solid #cccccc;
}
.c-mb-post-list__item--meta {
background-color: rgba(51, 51, 51, 0.05);
}
.c-mb-post-list__item--meta:first-child {
border-right: 1px solid #cccccc;
}
.c-mb-post-list__element {
color: #666;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 16px;
font-size: 1.6rem;
letter-spacing: -0.4px;
font-weight: 500;
padding: 12px 0;
display: inline-block;
margin-right: -4px;
vertical-align: top;
}
@media (min-width: 61.25em) {
.c-mb-post-list__element {
padding: 12px;
}
}
.c-mb-post-list__element--meta {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 12px;
font-size: 1.2rem;
letter-spacing: -0.4px;
font-weight: 500;
padding: 6px 0;
}
@media (min-width: 61.25em) {
.c-mb-post-list__element--meta {
padding: 6px 12px;
}
}
.c-mb-post-list__element--meta:nth-child(2) {
border-left: 1px solid #cccccc;
}
.c-mb-post-list__element--meta + a:hover {
color: #ff5892;
transition: 0s;
}
.c-mb-post-list__element--link {
color: #54a3d8;
}
.c-mb-post-list__element--link:hover {
color: #ff5892;
transition: 0s;
}
.c-mb-post-list__date {
background-color: rgba(51, 51, 51, 0.05);
}
@media (min-width: 61.25em) {
.c-mb-post-list__date {
display: inline-block;
width: 150px;
text-align: center;
border-right: 2px solid #cccccc;
}
}
.c-mb-post-list__type {
background-color: rgba(51, 51, 51, 0.05);
}
@media (min-width: 61.25em) {
.c-mb-post-list__type {
display: inline-block;
width: 100px;
text-align: center;
border-left: 2px solid #cccccc;
}
}
.c-mb-post-list__heading {
color: #333;
display: block;
margin-bottom: 12px;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 22px;
font-size: 2.2rem;
letter-spacing: -0.4px;
}
.c-mb-post-list__heading--large {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 26px;
font-size: 2.6rem;
letter-spacing: -0.4px;
font-weight: 400;
}
.c-mb-post-list__heading--small {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 18px;
font-size: 1.8rem;
letter-spacing: -0.4px;
font-weight: 300;
}
.c-mb-post-list__title {
width: 100%;
color: #333;
background-color: rgba(51, 51, 51, 0.05);
}
@media (min-width: 61.25em) {
.c-mb-post-list__title {
display: inline-block;
width: auto;
width: webkit-calc(100% - (150px + 200px));
width: -moz-calc(100% - (150px + 200px));
width: calc(100% - (150px + 200px));
}
}
.c-mb-post-list__title > a {
color: #333;
}
.c-mb-post-list__title > a:hover {
color: #ff5892;
transition: 0s;
}
@media (min-width: 61.25em) {
.c-mb-post-list__title--no-cat {
width: webkit-calc(100% - 150px);
width: -moz-calc(100% - 150px);
width: calc(100% - 150px);
}
}
@media (min-width: 61.25em) {
.c-mb-post-list__title--search-results {
width: webkit-calc(100% - (150px + 100px));
width: -moz-calc(100% - (150px + 100px));
width: calc(100% - (150px + 100px));
}
}
@media (min-width: 61.25em) {
.c-mb-post-list__title--only-title {
width: 100%;
}
}
.c-mb-post-list__title--simple {
background-color: transparent;
}
/* adjust width for smaller interview category tags */
@media (min-width: 61.25em) {
.c-mb-post-list--interviews .c-mb-post-list__title {
width: webkit-calc(100% - (150px + 100px));
width: -moz-calc(100% - (150px + 100px));
width: calc(100% - (150px + 100px));
}
}
.c-mb-post-list__category {
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-size: 13px;
font-size: 1.3rem;
letter-spacing: 0px;
}
@media (min-width: 61.25em) {
.c-mb-post-list__category {
display: inline-block;
width: auto;
height: 43px;
border: 1px solid #54a3d8;
color: #54a3d8;
}
}
.c-mb-post-list__category:hover {
text-decoration: underline;
transition: 0s;
}
/* ===== PAGINATION =============================================
Author: Ed Patrick | May 2017 |
========================================================================== */
/* DOCUMENT INFORMATION
-Use for simple pagination of listed items
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
¦ 1 ¦ 2 ¦ 3 ¦ 4 ¦ Next ¦
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
/* ======================================================================
component ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.c-pagination {
*zoom: 1;
margin-bottom: 24px;
padding-left: 0;
}
.c-pagination:before, .c-pagination:after {
content: " ";
display: table;
}
.c-pagination:after {
clear: both;
}
.c-pagination__item {
display: inline-block;
margin-right: 6px;
}
.c-pagination__control {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 19px;
font-size: 1.9rem;
letter-spacing: -0.4px;
color: #333;
padding: 6px 6px 0 6px;
border-bottom: 2px solid #cccccc;
}
.c-pagination__control.s-active {
border-bottom: 2px solid #666;
}
.c-pagination__control--text {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 17px;
font-size: 1.7rem;
color: #54a3d8;
}
.c-pagination__control--text:hover {
color: #ff5892;
transition: 0s;
}
.c-pagination__control:hover {
color: #ff5892;
transition: 0s;
border-bottom: 2px solid #666;
}
/* ********************************************************************** */
/* ********************************************************************** */
/* DEPRACATED COMPONENT -- DO NOT USE *********************************** */
/* ********************************************************************** */
/* ********************************************************************** */
/* ===== SIGNPOST NAV COMPONENT =============================================
Author: Simon Allin / Ed Patrick | 2017 |
========================================================================== */
/* DOCUMENT INFORMATION
-Use for page signpopst breadcrumb style navigation
-can have different levels
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~+
¦ ¦ ¦
PARENT > PAGE ¦ PAGE ¦ PAGE ¦
¦ ¦ ¦
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~+
*/
/* ======================================================================
local settigns / mixins etc ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* ======================================================================
component ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.c-signpost-nav {
margin-top: 1px;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: normal;
font-size: 17px;
font-size: 1.7rem;
}
.c-signpost-nav--alt {
margin-top: 0;
}
.c-signpost-nav__level {
padding-bottom: 12px;
padding-top: 12px;
border-bottom: 2px solid #cccccc;
}
.c-signpost-nav__level--mb-height-limit {
/* setting height for search active effect */
height: 60px;
}
.c-signpost-nav__level--search {
/* more spacing for search level */
padding-bottom: 24px;
padding-top: 24px;
}
.c-signpost-nav__level:first-of-type {
/* hack for rubbish rs header */
margin-top: 2px;
}
.c-signpost-nav--alt-bt {
margin-top: 3px;
border-top: 1px solid #e7e7e7;
}
.c-signpost-nav__level.c-signpost-nav__level--border-b {
border-bottom: 1px solid #e7e7e7;
border-top: 0;
}
@media (max-width: 34.365em) {
.c-signpost-nav--no-float\@mobile .c-signpost-nav__level {
height: auto;
}
}
@media (max-width: 46.24em) {
.c-signpost-nav--no-float\@tablet .c-signpost-nav__level {
height: auto;
}
}
@media (max-width: 52.49em) {
.c-signpost-nav--no-float\@medium .c-signpost-nav__level {
height: auto;
}
}
@media (max-width: 61.24em) {
.c-signpost-nav--no-float\@desktop .c-signpost-nav__level {
height: auto;
}
}
@media (max-width: 63.99em) {
.c-signpost-nav--no-float\@desktop-medium .c-signpost-nav__level {
height: auto;
}
}
@media (max-width: 71.865em) {
.c-signpost-nav--no-float\@desktop-wide .c-signpost-nav__level {
height: auto;
}
}
@media (max-width: 81.24em) {
.c-signpost-nav--no-float\@wide .c-signpost-nav__level {
height: auto;
}
}
.c-signpost-nav__item {
position: relative;
float: left;
color: #292f33;
padding: 6px 12px 6px 0;
margin-right: 12px;
}
.c-signpost-nav__item--error {
color: #ff7979;
font-size: 14px;
}
.c-signpost-nav__item:after {
content: "";
position: absolute;
overflow: hidden;
display: inline-block;
width: 1px;
height: 30px;
top: 0;
right: 0;
border-right: 1px solid #cccccc;
}
.c-signpost-nav__item--parent {
/* remove normal border for parent */
border-right: none;
/* add bigger spacing */
margin-right: 24px;
padding-right: 24px;
/* change font-weight */
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-weight: 700;
/* add right arrow in CSS */
}
.c-signpost-nav__item--parent:after {
content: "";
position: absolute;
overflow: hidden;
display: inline-block;
font-size: 12px; /*set the size for arrow*/
width: 20px;
height: 20px;
top: 6px;
right: -2px;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
transform: rotate(45deg);
}
.c-signpost-nav__item:hover {
color: #ff5892;
transition: 0s;
}
.c-signpost-nav__item:last-of-type {
/* remove border for last item */
border-right: none;
}
.c-signpost-nav__item.s-active {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-weight: 700;
color: #ff5892;
}
.c-signpost-nav__item.s-active > .c-signpost-nav__item-text {
display: block;
border-bottom: 2px solid #ff5892;
height: 22px;
}
@media (min-width: 46.25em) {
.c-signpost-nav__item.is-open {
border-top: 2px solid #cccccc;
border-left: 2px solid #cccccc;
border-right: 2px solid #cccccc;
padding-left: 12px;
margin-left: -13px;
height: 58px;
background-color: #fff;
}
.c-signpost-nav__item.is-open:after {
border-right: none;
}
}
@media (min-width: 46.25em) {
.c-signpost-nav__item--blog.is-open {
border-top: none;
border-left: none;
border-right: none;
padding-left: 12px;
margin-left: -12px;
height: 58px;
background-color: #fff;
}
.c-signpost-nav__item--blog.is-open:after {
border-right: none;
background-color: #cccccc;
}
}
@media (max-width: 34.365em) {
.c-signpost-nav--no-float\@mobile .c-signpost-nav__item {
display: block;
float: none;
border-right: none;
margin-right: 0;
padding-right: 0;
padding-left: 24px;
padding-top: 12px;
}
.c-signpost-nav--no-float\@mobile .c-signpost-nav__item:before {
content: "";
position: absolute;
overflow: hidden;
display: inline-block;
font-size: 12px; /*set the size for arrow*/
width: 12px;
height: 12px;
top: 14px;
left: 0;
border-top: 1px solid #a3a3a3;
border-right: 1px solid #a3a3a3;
transform: rotate(45deg);
}
.c-signpost-nav--no-float\@mobile .c-signpost-nav__item.c-signpost-nav__item--search {
padding-left: 0;
}
.c-signpost-nav--no-float\@mobile .c-signpost-nav__item.c-signpost-nav__item--search:before {
display: none;
}
.c-signpost-nav--no-float\@mobile .c-signpost-nav__item.c-signpost-nav__item--active:before {
border-color: #ff5892;
}
}
@media (max-width: 46.24em) {
.c-signpost-nav--no-float\@tablet .c-signpost-nav__item {
display: block;
float: none;
border-right: none;
margin-right: 0;
padding-right: 0;
padding-left: 24px;
padding-top: 12px;
}
.c-signpost-nav--no-float\@tablet .c-signpost-nav__item:before {
content: "";
position: absolute;
overflow: hidden;
display: inline-block;
font-size: 12px; /*set the size for arrow*/
width: 12px;
height: 12px;
top: 14px;
left: 0;
border-top: 1px solid #a3a3a3;
border-right: 1px solid #a3a3a3;
transform: rotate(45deg);
}
.c-signpost-nav--no-float\@tablet .c-signpost-nav__item.c-signpost-nav__item--search {
padding-left: 0;
}
.c-signpost-nav--no-float\@tablet .c-signpost-nav__item.c-signpost-nav__item--search:before {
display: none;
}
.c-signpost-nav--no-float\@tablet .c-signpost-nav__item.c-signpost-nav__item--active:before {
border-color: #ff5892;
}
}
@media (max-width: 52.49em) {
.c-signpost-nav--no-float\@medium .c-signpost-nav__item {
display: block;
float: none;
border-right: none;
margin-right: 0;
padding-right: 0;
padding-left: 24px;
padding-top: 12px;
}
.c-signpost-nav--no-float\@medium .c-signpost-nav__item:before {
content: "";
position: absolute;
overflow: hidden;
display: inline-block;
font-size: 12px; /*set the size for arrow*/
width: 12px;
height: 12px;
top: 14px;
left: 0;
border-top: 1px solid #a3a3a3;
border-right: 1px solid #a3a3a3;
transform: rotate(45deg);
}
.c-signpost-nav--no-float\@medium .c-signpost-nav__item.c-signpost-nav__item--search {
padding-left: 0;
}
.c-signpost-nav--no-float\@medium .c-signpost-nav__item.c-signpost-nav__item--search:before {
display: none;
}
.c-signpost-nav--no-float\@medium .c-signpost-nav__item.c-signpost-nav__item--active:before {
border-color: #ff5892;
}
}
@media (max-width: 61.24em) {
.c-signpost-nav--no-float\@desktop .c-signpost-nav__item {
display: block;
float: none;
border-right: none;
margin-right: 0;
padding-right: 0;
padding-left: 24px;
padding-top: 12px;
}
.c-signpost-nav--no-float\@desktop .c-signpost-nav__item:before {
content: "";
position: absolute;
overflow: hidden;
display: inline-block;
font-size: 12px; /*set the size for arrow*/
width: 12px;
height: 12px;
top: 14px;
left: 0;
border-top: 1px solid #a3a3a3;
border-right: 1px solid #a3a3a3;
transform: rotate(45deg);
}
.c-signpost-nav--no-float\@desktop .c-signpost-nav__item.c-signpost-nav__item--search {
padding-left: 0;
}
.c-signpost-nav--no-float\@desktop .c-signpost-nav__item.c-signpost-nav__item--search:before {
display: none;
}
.c-signpost-nav--no-float\@desktop .c-signpost-nav__item.c-signpost-nav__item--active:before {
border-color: #ff5892;
}
}
@media (max-width: 63.99em) {
.c-signpost-nav--no-float\@desktop-medium .c-signpost-nav__item {
display: block;
float: none;
border-right: none;
margin-right: 0;
padding-right: 0;
padding-left: 24px;
padding-top: 12px;
}
.c-signpost-nav--no-float\@desktop-medium .c-signpost-nav__item:before {
content: "";
position: absolute;
overflow: hidden;
display: inline-block;
font-size: 12px; /*set the size for arrow*/
width: 12px;
height: 12px;
top: 14px;
left: 0;
border-top: 1px solid #a3a3a3;
border-right: 1px solid #a3a3a3;
transform: rotate(45deg);
}
.c-signpost-nav--no-float\@desktop-medium .c-signpost-nav__item.c-signpost-nav__item--search {
padding-left: 0;
}
.c-signpost-nav--no-float\@desktop-medium .c-signpost-nav__item.c-signpost-nav__item--search:before {
display: none;
}
.c-signpost-nav--no-float\@desktop-medium .c-signpost-nav__item.c-signpost-nav__item--active:before {
border-color: #ff5892;
}
}
@media (max-width: 71.865em) {
.c-signpost-nav--no-float\@desktop-wide .c-signpost-nav__item {
display: block;
float: none;
border-right: none;
margin-right: 0;
padding-right: 0;
padding-left: 24px;
padding-top: 12px;
}
.c-signpost-nav--no-float\@desktop-wide .c-signpost-nav__item:before {
content: "";
position: absolute;
overflow: hidden;
display: inline-block;
font-size: 12px; /*set the size for arrow*/
width: 12px;
height: 12px;
top: 14px;
left: 0;
border-top: 1px solid #a3a3a3;
border-right: 1px solid #a3a3a3;
transform: rotate(45deg);
}
.c-signpost-nav--no-float\@desktop-wide .c-signpost-nav__item.c-signpost-nav__item--search {
padding-left: 0;
}
.c-signpost-nav--no-float\@desktop-wide .c-signpost-nav__item.c-signpost-nav__item--search:before {
display: none;
}
.c-signpost-nav--no-float\@desktop-wide .c-signpost-nav__item.c-signpost-nav__item--active:before {
border-color: #ff5892;
}
}
@media (max-width: 81.24em) {
.c-signpost-nav--no-float\@wide .c-signpost-nav__item {
display: block;
float: none;
border-right: none;
margin-right: 0;
padding-right: 0;
padding-left: 24px;
padding-top: 12px;
}
.c-signpost-nav--no-float\@wide .c-signpost-nav__item:before {
content: "";
position: absolute;
overflow: hidden;
display: inline-block;
font-size: 12px; /*set the size for arrow*/
width: 12px;
height: 12px;
top: 14px;
left: 0;
border-top: 1px solid #a3a3a3;
border-right: 1px solid #a3a3a3;
transform: rotate(45deg);
}
.c-signpost-nav--no-float\@wide .c-signpost-nav__item.c-signpost-nav__item--search {
padding-left: 0;
}
.c-signpost-nav--no-float\@wide .c-signpost-nav__item.c-signpost-nav__item--search:before {
display: none;
}
.c-signpost-nav--no-float\@wide .c-signpost-nav__item.c-signpost-nav__item--active:before {
border-color: #ff5892;
}
}
.c-signpost-nav .c-signpost-nav__item-text {
padding-bottom: 6px;
}
@media (max-width: 34.365em) {
.c-signpost-nav--no-float\@mobile .c-signpost-nav__item--parent {
padding-left: 0;
}
.c-signpost-nav--no-float\@mobile .c-signpost-nav__item--parent:before {
content: none;
}
.c-signpost-nav--no-float\@mobile .c-signpost-nav__item--parent:after {
content: none;
}
}
@media (max-width: 46.24em) {
.c-signpost-nav--no-float\@tablet .c-signpost-nav__item--parent {
padding-left: 0;
}
.c-signpost-nav--no-float\@tablet .c-signpost-nav__item--parent:before {
content: none;
}
.c-signpost-nav--no-float\@tablet .c-signpost-nav__item--parent:after {
content: none;
}
}
@media (max-width: 52.49em) {
.c-signpost-nav--no-float\@medium .c-signpost-nav__item--parent {
padding-left: 0;
}
.c-signpost-nav--no-float\@medium .c-signpost-nav__item--parent:before {
content: none;
}
.c-signpost-nav--no-float\@medium .c-signpost-nav__item--parent:after {
content: none;
}
}
@media (max-width: 61.24em) {
.c-signpost-nav--no-float\@desktop .c-signpost-nav__item--parent {
padding-left: 0;
}
.c-signpost-nav--no-float\@desktop .c-signpost-nav__item--parent:before {
content: none;
}
.c-signpost-nav--no-float\@desktop .c-signpost-nav__item--parent:after {
content: none;
}
}
@media (max-width: 63.99em) {
.c-signpost-nav--no-float\@desktop-medium .c-signpost-nav__item--parent {
padding-left: 0;
}
.c-signpost-nav--no-float\@desktop-medium .c-signpost-nav__item--parent:before {
content: none;
}
.c-signpost-nav--no-float\@desktop-medium .c-signpost-nav__item--parent:after {
content: none;
}
}
@media (max-width: 71.865em) {
.c-signpost-nav--no-float\@desktop-wide .c-signpost-nav__item--parent {
padding-left: 0;
}
.c-signpost-nav--no-float\@desktop-wide .c-signpost-nav__item--parent:before {
content: none;
}
.c-signpost-nav--no-float\@desktop-wide .c-signpost-nav__item--parent:after {
content: none;
}
}
@media (max-width: 81.24em) {
.c-signpost-nav--no-float\@wide .c-signpost-nav__item--parent {
padding-left: 0;
}
.c-signpost-nav--no-float\@wide .c-signpost-nav__item--parent:before {
content: none;
}
.c-signpost-nav--no-float\@wide .c-signpost-nav__item--parent:after {
content: none;
}
}
@media (max-width: 46.24em) {
.c-signpost-nav__search-input[type=text] {
width: webkit-calc(100% - (150px + 12px ));
width: -moz-calc(100% - (150px + 12px ));
width: calc(100% - (150px + 12px ));
margin-right: 12px;
}
}
/* ============================
signup buttons ↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.c-signpost-nav__actions {
width: 303px;
float: right;
margin-top: -3px;
}
/* ============================
search ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.c-signpost-nav__search {
width: 100%;
background-color: #fff;
}
@media (min-width: 61.25em) {
.c-signpost-nav__search {
position: absolute;
z-index: 1;
}
}
.c-signpost-nav__search--relative {
position: relative;
}
@media (min-width: 46.25em) {
.c-signpost-nav__search-label {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
/* ============================
JS ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.c-js-signpost-nav__level-trigger {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
padding-right: 48px;
}
.c-js-signpost-nav__level-trigger:hover {
cursor: pointer;
color: #ff5892;
}
.c-js-signpost-nav__level-trigger:after {
margin-left: 12px;
margin-bottom: 3px;
content: "";
overflow: hidden;
display: inline-block;
font-size: 12px; /*set the size for arrow*/
width: 12px;
height: 12px;
top: 11px;
border-bottom: 1px solid #a3a3a3;
border-right: 1px solid #a3a3a3;
transform: rotate(45deg);
}
@media (min-width: 46.25em) {
.c-js-signpost-nav__level-trigger {
display: none;
}
}
.c-signpost-nav__trigger {
margin-bottom: 6px;
margin-right: 12px;
float: left;
}
@media (min-width: 34.375em) and (max-width: 46.24em) {
.c-signpost-nav__trigger {
float: left;
}
}
@media (min-width: 46.25em) {
.c-signpost-nav__trigger {
display: none;
opacity: 0;
}
}
.c-signpost-nav__toggle {
display: none;
opacity: 0;
clear: both;
}
.c-signpost-nav__toggle.s-show {
display: block;
opacity: 1;
}
@media (min-width: 46.25em) {
.c-signpost-nav__toggle {
opacity: 1;
float: left;
display: inline;
display: inline-block;
clear: none;
border: none;
}
}
@media (min-width: 46.25em) {
.c-signpost-nav__toggle--right {
float: right;
}
}
/* ===== SOCIAL MEDIA POST =============================================
Author: Ed Patrick | May 2017 |
========================================================================== */
/* DOCUMENT INFORMATION
-Use for listing posts from e.g. Twitter
~~~~~~~~~~~~~~~~~~~~
¦ ¦ ¦
¦ Icon ¦ Title ¦
¦ ¦ ¦
~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~
¦ ¦
¦ List item ¦
¦ ¦
~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~
¦ ¦
¦ List item ¦
¦ ¦
~~~~~~~~~~~~~~~~~~~
*/
/* ======================================================================
component ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.c-sm-post__item {
color: #333;
background-color: #EEEEEE;
padding: 24px;
margin-bottom: 24px;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-size: 18px;
font-size: 1.8rem;
letter-spacing: -0.4px;
}
.c-sm-post__item a {
color: #333;
}
.c-sm-post__item a:hover {
color: #ff5892;
transition: 0s;
}
.c-sm-post__item-title {
margin: 12px 0;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 28px;
font-size: 2.8rem;
letter-spacing: -0.4px;
*zoom: 1;
}
.c-sm-post__item-title:before, .c-sm-post__item-title:after {
content: " ";
display: table;
}
.c-sm-post__item-title:after {
clear: both;
}
.c-sm-post__item-title-logo {
float: left;
}
.c-sm-post__item-date {
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-size: 16px;
font-size: 1.6rem;
letter-spacing: -0.4px;
font-weight: 600;
color: #666;
margin-top: 12px;
}
/* ===== NEWS LAYOUT ========================================================
Author: Simon Allin / Ed Patrick | 2017 |
========================================================================== */
/* DOCUMENT INFORMATION
-Use for news layout
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~+
¦ ¦ ¦
¦ COL 1 ¦ COL 2 ¦
¦ ¦ ¦
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~+
*/
/* ======================================================================
local settigns / mixins etc ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* ======================================================================
component ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.c-news-layout {
/* creating moduloar break float points */
position: relative;
display: -ms-flexbox;
display: flex;
flex-direction: column;
}
@media (min-width: 46.25em) {
.c-news-layout {
-webkit-flex-direction: row;
flex-direction: row;
}
}
@media (max-width: 34.365em) {
.c-news-layout--break-float\@mobile .c-news-layout__col {
padding-right: 0;
display: block;
float: none;
border-right: none;
width: 100%;
}
}
@media (max-width: 46.24em) {
.c-news-layout--break-float\@tablet .c-news-layout__col {
padding-right: 0;
display: block;
float: none;
border-right: none;
width: 100%;
}
}
@media (max-width: 52.49em) {
.c-news-layout--break-float\@medium .c-news-layout__col {
padding-right: 0;
display: block;
float: none;
border-right: none;
width: 100%;
}
}
@media (max-width: 61.24em) {
.c-news-layout--break-float\@desktop .c-news-layout__col {
padding-right: 0;
display: block;
float: none;
border-right: none;
width: 100%;
}
}
@media (max-width: 63.99em) {
.c-news-layout--break-float\@desktop-medium .c-news-layout__col {
padding-right: 0;
display: block;
float: none;
border-right: none;
width: 100%;
}
}
@media (max-width: 71.865em) {
.c-news-layout--break-float\@desktop-wide .c-news-layout__col {
padding-right: 0;
display: block;
float: none;
border-right: none;
width: 100%;
}
}
@media (max-width: 81.24em) {
.c-news-layout--break-float\@wide .c-news-layout__col {
padding-right: 0;
display: block;
float: none;
border-right: none;
width: 100%;
}
}
/* cols for news */
.c-news-layout__col {
float: left;
flex-grow: 0;
flex-basis: auto;
/* main width minus margin/padding */
}
.c-news-layout__col--single {
width: 100%;
}
.c-news-layout__col--main {
width: webkit-calc(100% - ( 28% + 48px ));
width: -moz-calc(100% - ( 28% + 48px ));
width: calc(100% - ( 28% + 48px ));
}
.c-news-layout__col--main-filtered {
width: webkit-calc(100% - ( 20% + 48px ));
width: -moz-calc(100% - ( 20% + 48px ));
width: calc(100% - ( 20% + 48px ));
}
.c-news-layout__col--side {
width: webkit-calc(28% + 24px);
width: -moz-calc(28% + 24px);
width: calc(28% + 24px);
}
.c-news-layout__col--side-filtered {
width: webkit-calc(20% + 24px);
width: -moz-calc(20% + 24px);
width: calc(20% + 24px);
}
/* content blocks for news layout */
.c-news-layout__block {
margin-bottom: 24px;
border-right: 1px solid #cccccc;
/* interior blocks - smaller gutter */
/* add to blocks above other blocks */
/* take margin / padding / border off last one */
/* use for large bototm space */
}
.c-news-layout__block--col {
padding-right: 24px;
margin-right: 24px;
}
.c-news-layout__block--interior {
padding-right: 12px;
margin-right: 12px;
margin-bottom: 12px;
}
.c-news-layout__block--interior-vertical {
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #cccccc;
}
.c-news-layout__block--vertical {
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid #cccccc;
}
.c-news-layout__block:last-of-type {
padding-right: 0;
margin-right: 0;
border-right: none;
}
.c-news-layout__block--border-right-none {
border-right: none;
}
.c-news-layout__block--lrg-margin {
margin-bottom: 48px;
}
.c-news-layout__block-title {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 24px;
font-size: 2.4rem;
letter-spacing: -1px;
font-weight: 300;
color: #292f33;
font-weight: 700;
border-bottom: 2px solid #666;
margin-bottom: 12px;
padding-bottom: 6px;
width: auto;
}
/* take margin / padding / border off last one */
.c-news-layout__divider {
border-bottom: 2px solid #a3a3a3;
margin-bottom: 24px;
}
/* ===== PROMO PANEL ========================================================
Author: Simon Allin / Ed Patrick | 2017 |
========================================================================== */
/* LOCAL SETTINGS / MIXINS --------------------------- */
/* COMPONENT --------------------------- */
.c-promo-panel__wrapper {
background-color: #EEEEEE;
}
.c-promo-panel {
color: #333;
background-color: #EEEEEE;
padding: 24px;
margin-bottom: 24px;
}
.c-promo-panel:last-of-type {
margin-bottom: 0;
}
.c-promo-panel--floated {
float: left;
width: 50%;
text-align: center;
margin-bottom: 0;
padding-top: 48px;
padding-bottom: 48px;
}
.c-promo-panel--border {
border-right: 1px solid #cccccc;
}
.c-promo-panel--white {
background-color: #FFF;
}
.c-promo-panel--v-light-grey {
background: #f7f7f7;
}
.c-promo-panel__content {
margin-bottom: 12px;
}
.c-promo-panel__text {
font-size: 2.5rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 300;
letter-spacing: -0.5px;
margin-bottom: 6px;
}
.c-promo-panel__text--bold {
font-weight: 700;
}
/* ===== TAG COMPONENT =======================================================
Author: Simon Allin | 2016 |
========================================================================== */
/* DOCUMENT INFORMATION
-for anything that needs styling like a tag
-labels
-categories
-types
- includes tag with action icon
+------------+ +-----------+ +-----------+
| | | | | |
| TAG 1 | | TAG 2 | | TAG 2 |
| | | | | |
+------------+ +-----------+ +-----------+
*/
.c-tag {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 14px;
font-size: 1.4rem;
margin-right: 8px;
margin-bottom: 8px;
padding: 4px 8px;
float: left;
display: inline;
border: 1px solid #cccccc;
line-height: 1.6;
}
.c-tag--magenta {
border: 1px solid #ff5892;
color: #ff5892;
}
.c-tag--magenta:hover {
color: #ff5892;
transition: 0s;
text-decoration: underline;
}
.c-tag--magenta-solid {
background-color: #ff7979;
color: #FFF;
border: none;
font-weight: 500;
}
.c-tag--orange {
border: 1px solid #ff9f6f;
color: #ff9f6f;
}
.c-tag--orange:hover {
color: #ff9f6f;
transition: 0s;
text-decoration: underline;
}
.c-tag-fill--magenta {
border: 1px solid rgba(255, 51, 102, 0.08);
background-color: rgba(255, 51, 102, 0.08);
color: #ff5892;
}
.c-tag-fill--magenta:hover {
background-color: white;
border-color: #ff5892;
text-decoration: none;
}
.c-tag-fill--orange {
border: 1px solid rgba(255, 102, 0, 0.08);
background-color: rgba(255, 102, 0, 0.08);
color: #ff9f6f;
}
.c-tag-fill--orange:hover {
background-color: white;
border-color: #ff9f6f;
text-decoration: none;
}
.c-tag-fill--blue {
border: 1px solid rgba(0, 160, 221, 0.08);
background-color: rgba(0, 160, 221, 0.08);
color: #0088CA;
}
.c-tag-fill--blue:hover {
background-color: white;
border-color: #0088CA;
text-decoration: none;
}
.c-tag-fill--blue-bold {
color: #FFF;
background: #54a3d8;
border-color: #54a3d8;
}
.c-tag-fill--blue-bold:hover {
border-color: #a7d0eb;
color: #a7d0eb;
transition: 0s;
color: #FFF;
}
.c-tag--sml {
font-size: 12px;
font-size: 1.2rem;
}
.c-tag--blue {
color: #54a3d8;
border: 1px solid #54a3d8;
}
.c-tag--blue:hover {
color: #54a3d8;
transition: 0s;
text-decoration: underline;
}
.c-tag--blue-rev {
color: #FFF;
background: #54a3d8;
border-color: #54a3d8;
}
.c-tag--blue-rev:hover {
border-color: #3f98d3;
background: #3f98d3;
color: #a7d0eb;
transition: 0s;
color: #FFF;
}
.c-tag--magenta-rev {
color: #FFF;
background: #ff5892;
border-color: #ff5892;
}
.c-tag--magenta-rev:hover {
border-color: #ffbed5;
background: #ff3f81;
color: #ffbed5;
transition: 0s;
color: #FFF;
}
.c-tag--grey {
background: #cccccc;
color: #666;
border: none;
}
.c-tag--grey:hover {
color: #ff5892;
transition: 0s;
}
.c-tag--alone {
margin-right: 0;
margin-bottom: 0;
}
.c-tag--small {
font-size: 10px;
font-size: 1rem;
padding: 0px 3px;
}
.c-tag--medium {
font-size: 13px;
font-size: 1.3rem;
padding: 2px 4px;
}
.c-tag--lrg {
font-size: 16px;
font-size: 1.6rem;
}
.c-tag--xl {
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
}
.c-tag--cc {
float: left;
margin-top: 2px;
margin-right: 5px;
border-color: #ff5892;
color: #ff5892;
margin-bottom: 0;
}
.c-tag--fc {
float: left;
margin-top: 2px;
margin-right: 5px;
border-color: #ff9f6f;
color: #ff9f6f;
margin-bottom: 0;
}
.c-tag--trial {
margin-left: 6px;
margin-top: -8px;
margin-bottom: 0;
border-color: #16cbbe;
color: #16cbbe;
padding: 3px;
float: right;
font-size: 12px;
font-size: 1.2rem;
max-height: 26px;
}
.c-tag--tick {
border: 2px solid #ccc;
padding-left: 36px;
background-image: url(svg/ico/btn/ico-btn-tick.svg);
background-size: 18px;
background-repeat: no-repeat;
background-position: left 8px center;
}
.c-tag--max {
max-width: 100%;
}
.c-tag--ico-delete {
float: right;
background-repeat: no-repeat;
background-image: url(svg/ico/ico-close-grey.svg);
background-position: left top;
width: 10px;
height: 10px;
cursor: pointer;
margin-top: 6px;
margin-left: 6px;
}
.c-tag--ico-delete--magenta {
background-image: url(svg/ico/ico-close-magenta.svg);
}
/* ==========================================================================
Extends tag to draw border ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.c-tag-draw {
background: none;
border: 1px solid transparent;
box-sizing: border-box;
position: relative;
-webkit-animation: fadeInFromNone 1s ease-out forwards;
-khtml-animation: fadeInFromNone 1s ease-out forwards;
-moz-animation: fadeInFromNone 1s ease-out forwards;
-ms-animation: fadeInFromNone 1s ease-out forwards;
-o-animation: fadeInFromNone 1s ease-out forwards;
animation: fadeInFromNone 1s ease-out forwards;
}
.c-tag-draw::before, .c-tag-draw::after {
box-sizing: inherit;
content: "";
position: absolute;
width: 100%;
height: 100%;
border: 1px solid transparent;
width: 0;
height: 0;
}
.c-tag-draw::before {
top: 0;
left: 0;
-webkit-animation: drawBorderTopThenRight 0.5s ease-out forwards;
-khtml-animation: drawBorderTopThenRight 0.5s ease-out forwards;
-moz-animation: drawBorderTopThenRight 0.5s ease-out forwards;
-ms-animation: drawBorderTopThenRight 0.5s ease-out forwards;
-o-animation: drawBorderTopThenRight 0.5s ease-out forwards;
animation: drawBorderTopThenRight 0.5s ease-out forwards;
-webkit-animation-delay: 0.5s;
-khtml-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-ms-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.c-tag-draw::after {
bottom: 0;
right: 0;
-webkit-animation: drawBorderBottomThenLeft 0.5s ease-out forwards;
-khtml-animation: drawBorderBottomThenLeft 0.5s ease-out forwards;
-moz-animation: drawBorderBottomThenLeft 0.5s ease-out forwards;
-ms-animation: drawBorderBottomThenLeft 0.5s ease-out forwards;
-o-animation: drawBorderBottomThenLeft 0.5s ease-out forwards;
animation: drawBorderBottomThenLeft 0.5s ease-out forwards;
}
@keyframes drawBorderBottomThenLeft {
0% {
width: 0%;
height: 0%;
border-bottom-color: transparent;
border-left-color: transparent;
}
50% {
width: 100%;
height: 0%;
border-bottom-color: #ff5892;
border-left-color: transparent;
}
100% {
height: 100%;
width: 100%;
border-bottom-color: #ff5892;
border-left-color: #ff5892;
}
}
@keyframes drawBorderTopThenRight {
0% {
width: 0%;
height: 0%;
border-top-color: transparent;
border-left-color: transparent;
}
50% {
width: 100%;
height: 0%;
border-top-color: #ff5892;
border-right-color: transparent;
}
100% {
height: 100%;
width: 100%;
border-top-color: #ff5892;
border-right-color: #ff5892;
}
}
@keyframes fadeInFromNone {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
}
100% {
display: block;
opacity: 1;
}
}
/* ==========================================================================
Container for tags ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.c-tag-container--top-border {
border-top: 2px dotted #d3d3d3;
border-top-width: 3px;
margin-bottom: 24px;
padding: 12px 0 12px 0;
}
@media (min-width: 46.25em) {
.c-tag-container--left-border {
border-left-width: 3px;
border-left: 2px dotted #d3d3d3;
padding-left: 24px;
}
}
/* ==========================================================================
Border box to create tag style ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* ==========================================================================
Category ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.category-list {
margin-top: 10px;
margin-bottom: 5px;
padding-top: 10px;
}
@media (min-width: 1024px) {
.category-list {
float: right;
display: inline;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
overflow: auto;
}
}
.category-list__title {
margin-top: 20px;
margin-bottom: 20px;
}
@media (min-width: 1024px) {
.category-list__title {
float: left;
display: inline;
width: 170px;
margin-top: 0;
margin-bottom: 0;
}
}
.category-list__block {
display: block;
float: none;
}
.category-list__item {
margin-right: 8px;
margin-bottom: 8px;
padding-top: 4px;
padding-right: 8px;
padding-bottom: 4px;
padding-left: 8px;
float: left;
display: inline;
border: 1px solid #cccccc;
background: white;
}
.category-list__item--hidden {
display: none;
}
.category-list__item.s-show {
display: block;
}
.category-list__item--title {
width: 100%;
border: none;
}
@media (min-width: 550px) {
.category-list__item--title {
width: auto;
}
}
.category-list__link {
float: left;
}
.category-list--widget {
width: 45%;
max-height: 400px;
}
.category-list__toggle {
cursor: pointer;
position: relative;
right: 4px;
}
.category-list__toggle:hover {
color: #333;
}
.category-list__toggle > i {
position: relative;
left: 4px;
top: 6px;
}
.category-list__toggle--hide {
display: none;
}
/* ===== blocked content ====================================================
Author: Simon Allin | May 2017 |
========================================================================== */
/* DOCUMENT INFORMATION
-Use for styling individual featured posts
+~~~~~~~~~~~~~~+
¦ Img ¦
¦ Title ¦
¦ Date ¦
+~~~~~~~~~~~~~~+
*/
/* ======================================================================
local settigns / mixins etc ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* ======================================================================
component ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.c-locked-content {
padding: 24px;
background: #264592;
}
.c-locked-content--rs {
background: #1067b0;
}
.c-locked-content__logo {
width: 155px;
height: 72px;
margin-bottom: 12px;
background-size: 100%;
}
.c-locked-content__logo--rs {
width: 90%;
max-width: 400px;
max-height: 61px;
}
@media (min-width: 71.875em) {
.c-locked-content__logo--rs {
height: 43px;
}
}
.c-locked-content__header {
background: none;
clear: none;
height: auto;
margin-bottom: 12px;
}
.c-locked-content__title {
font-size: 2.5rem;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-weight: 700;
line-height: 1;
color: #FFF;
margin-bottom: 12px;
}
.c-locked-content__sub-title {
font-size: 1.8rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 600;
line-height: 1;
color: #FFF;
}
.c-locked-content__list {
padding-left: 0;
margin-bottom: 24px;
}
.c-locked-content__list-item {
display: flex;
flex-direction: row;
align-items: center;
padding-top: 12px;
padding-bottom: 12px;
border-bottom: 2px solid #223d82;
font-size: 1.6rem;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-weight: 700;
color: #FFF;
}
.c-locked-content__list-item:last-of-type {
border-bottom: none;
}
.c-locked-content__list-item--sub {
display: list-item;
list-style-type: disc;
list-style-position: outside;
margin-left: 22px;
padding-left: 0;
text-indent: -4px;
font-size: 1.6rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 600;
}
.c-locked-content__item-svg {
width: 28px;
margin-right: 12px;
}
.c-locked-content__item-svg > svg {
width: 28px;
height: 28px;
}
.c-locked-content__item-svg--small > svg {
height: 22px;
}
.c-locked-content__item-info {
width: calc(100% - (28px + 12px));
}
.c-locked-content__actions-row {
margin-bottom: 12px;
color: #FFF;
text-align: center;
font-size: 18px;
font-size: 1.8rem;
}
.c-locked-content__actions-row:last-of-type {
margin-bottom: none;
}
.c-locked-content__actions-row > a {
color: #FFF;
}
.c-locked-content__actions-row > a:hover {
text-decoration: underline;
transition: 0s;
color: #FFF;
}
/* ======================================================================
flex image/div grid ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* AI BRAND VERSION --------------------------- */
.c-as-cs-grid {
width: 100%;
position: relative;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
flex-wrap: wrap;
}
.c-ai-cs-grid__cell {
position: relative;
height: 250px;
flex: 0 0 auto;
background-color: #FFF;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.c-ai-cs-grid__hover-div {
opacity: 0;
height: 0px;
}
.c-ai-cs-grid--hover-link .c-ai-cs-grid__cell:hover .c-ai-cs-grid__hover-div, .c-ai-cs-grid__cell.c-ai-cs-grid--hover-link:hover .c-ai-cs-grid__hover-div {
position: absolute;
opacity: 1;
width: 100%;
height: 100%;
background: rgba(16, 103, 176, 0.8);
top: 0;
left: 0;
transition: background-color 0.4s ease;
text-align: center;
}
.c-ai-cs-grid--hover-link .c-ai-cs-grid__cell:hover .c-ai-cs-grid__hover-div > a, .c-ai-cs-grid__cell.c-ai-cs-grid--hover-link:hover .c-ai-cs-grid__hover-div > a {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 28px;
font-size: 2.8rem;
font-weight: 700;
color: #FFF;
display: block;
width: 100%;
height: 100%;
padding: 48px;
vertical-align: middle;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
align-items: center;
justify-content: center;
}
.c-ai-cs-grid--hover-link .c-ai-cs-grid__cell:hover .c-ai-cs-grid__hover-div > a > span, .c-ai-cs-grid__cell.c-ai-cs-grid--hover-link:hover .c-ai-cs-grid__hover-div > a > span {
border-bottom: 3px solid #FFFFFF;
}
.c-ai-cs-grid--auto-h .c-ai-cs-grid__cell {
height: auto;
}
.c-ai-cs-grid__cell-img {
padding: 24px;
height: 250px;
width: 90%;
/* centre align */
display: table-cell;
vertical-align: middle;
}
.c-ai-cs-grid__cell-img img {
width: 100%;
max-width: 100%;
height: auto;
vertical-align: middle;
display: block;
margin-left: auto;
margin-right: auto;
}
.c-ai-cs-grid__cell--with-text .c-ai-cs-grid__cell-img {
padding-bottom: 48px;
}
.c-ai-cs-grid__cell-text {
padding-top: 24px;
font-size: 16px;
font-size: 1.6rem;
position: absolute;
bottom: 24px;
left: 24px;
}
/* LINE GRID VERSION --------------------------- */
/* parent */
.c-img-grid {
border-top: 1px solid #d3d3d3;
width: 100%;
position: relative;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
flex-wrap: wrap;
}
.c-img-grid--features {
border-top: 0;
font-size: 17px;
font-size: 1.7rem;
font-weight: 700;
text-align: center;
}
/* grid cell */
.c-img-grid__cell {
position: relative;
height: 250px;
flex: 0 0 auto;
border-left: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3;
}
.c-img-grid__cell:first-of-type {
border-left: none;
}
.c-img-grid__cell:nth-of-type(5) {
border-left: none;
}
.c-img-grid--features .c-img-grid__cell:nth-child(n+5) {
border-bottom: none;
}
.c-img-grid__hover-div {
opacity: 0;
height: 0px;
}
.c-img-grid--hover-link .c-img-grid__cell:hover .c-img-grid__hover-div, .c-img-grid__cell.c-img-grid--hover-link:hover .c-img-grid__hover-div {
position: absolute;
opacity: 1;
width: 100%;
height: 100%;
background: rgba(0, 133, 178, 0.9);
top: 0;
left: 0;
transition: background-color 0.4s ease;
text-align: center;
}
.c-img-grid--hover-link .c-img-grid__cell:hover .c-img-grid__hover-div > a, .c-img-grid__cell.c-img-grid--hover-link:hover .c-img-grid__hover-div > a {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 28px;
font-size: 2.8rem;
font-weight: 700;
color: #FFF;
display: block;
width: 100%;
height: 100%;
padding: 48px;
vertical-align: middle;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
align-items: center;
justify-content: center;
}
.c-img-grid--hover-link .c-img-grid__cell:hover .c-img-grid__hover-div > a > span, .c-img-grid__cell.c-img-grid--hover-link:hover .c-img-grid__hover-div > a > span {
border-bottom: 3px solid #FFFFFF;
}
.c-img-grid--hover-link .c-img-grid__cell:hover .c-img-grid__hover-div--magenta, .c-img-grid__cell.c-img-grid--hover-link:hover .c-img-grid__hover-div--magenta {
background: rgba(255, 51, 102, 0.9);
}
.c-img-grid--auto-h .c-img-grid__cell {
height: auto;
}
@media (max-width: 34.365em) {
.c-img-grid--features.c-img-grid--4-col--split\@mobile .c-img-grid__cell:nth-child(-n+6) {
border-bottom: 1px solid #d3d3d3;
}
.c-img-grid--features.c-img-grid--4-col--split\@mobile .c-img-grid__cell:nth-child(n+7) {
border-bottom: 0;
}
}
@media (max-width: 46.24em) {
.c-img-grid--features.c-img-grid--4-col--split\@tablet .c-img-grid__cell:nth-child(-n+6) {
border-bottom: 1px solid #d3d3d3;
}
.c-img-grid--features.c-img-grid--4-col--split\@tablet .c-img-grid__cell:nth-child(n+7) {
border-bottom: 0;
}
}
@media (max-width: 52.49em) {
.c-img-grid--features.c-img-grid--4-col--split\@medium .c-img-grid__cell:nth-child(-n+6) {
border-bottom: 1px solid #d3d3d3;
}
.c-img-grid--features.c-img-grid--4-col--split\@medium .c-img-grid__cell:nth-child(n+7) {
border-bottom: 0;
}
}
@media (max-width: 61.24em) {
.c-img-grid--features.c-img-grid--4-col--split\@desktop .c-img-grid__cell:nth-child(-n+6) {
border-bottom: 1px solid #d3d3d3;
}
.c-img-grid--features.c-img-grid--4-col--split\@desktop .c-img-grid__cell:nth-child(n+7) {
border-bottom: 0;
}
}
@media (max-width: 63.99em) {
.c-img-grid--features.c-img-grid--4-col--split\@desktop-medium .c-img-grid__cell:nth-child(-n+6) {
border-bottom: 1px solid #d3d3d3;
}
.c-img-grid--features.c-img-grid--4-col--split\@desktop-medium .c-img-grid__cell:nth-child(n+7) {
border-bottom: 0;
}
}
@media (max-width: 71.865em) {
.c-img-grid--features.c-img-grid--4-col--split\@desktop-wide .c-img-grid__cell:nth-child(-n+6) {
border-bottom: 1px solid #d3d3d3;
}
.c-img-grid--features.c-img-grid--4-col--split\@desktop-wide .c-img-grid__cell:nth-child(n+7) {
border-bottom: 0;
}
}
@media (max-width: 81.24em) {
.c-img-grid--features.c-img-grid--4-col--split\@wide .c-img-grid__cell:nth-child(-n+6) {
border-bottom: 1px solid #d3d3d3;
}
.c-img-grid--features.c-img-grid--4-col--split\@wide .c-img-grid__cell:nth-child(n+7) {
border-bottom: 0;
}
}
@media (max-width: 34.365em) {
.c-img-grid--features.c-img-grid--4-col--break-flex\@mobile .c-img-grid__cell:nth-child(-n+7) {
border-bottom: 1px solid #d3d3d3;
}
.c-img-grid--features.c-img-grid--4-col--break-flex\@mobile .c-img-grid__cell:nth-child(n+8) {
border-bottom: 0;
}
}
@media (max-width: 46.24em) {
.c-img-grid--features.c-img-grid--4-col--break-flex\@tablet .c-img-grid__cell:nth-child(-n+7) {
border-bottom: 1px solid #d3d3d3;
}
.c-img-grid--features.c-img-grid--4-col--break-flex\@tablet .c-img-grid__cell:nth-child(n+8) {
border-bottom: 0;
}
}
@media (max-width: 52.49em) {
.c-img-grid--features.c-img-grid--4-col--break-flex\@medium .c-img-grid__cell:nth-child(-n+7) {
border-bottom: 1px solid #d3d3d3;
}
.c-img-grid--features.c-img-grid--4-col--break-flex\@medium .c-img-grid__cell:nth-child(n+8) {
border-bottom: 0;
}
}
@media (max-width: 61.24em) {
.c-img-grid--features.c-img-grid--4-col--break-flex\@desktop .c-img-grid__cell:nth-child(-n+7) {
border-bottom: 1px solid #d3d3d3;
}
.c-img-grid--features.c-img-grid--4-col--break-flex\@desktop .c-img-grid__cell:nth-child(n+8) {
border-bottom: 0;
}
}
@media (max-width: 63.99em) {
.c-img-grid--features.c-img-grid--4-col--break-flex\@desktop-medium .c-img-grid__cell:nth-child(-n+7) {
border-bottom: 1px solid #d3d3d3;
}
.c-img-grid--features.c-img-grid--4-col--break-flex\@desktop-medium .c-img-grid__cell:nth-child(n+8) {
border-bottom: 0;
}
}
@media (max-width: 71.865em) {
.c-img-grid--features.c-img-grid--4-col--break-flex\@desktop-wide .c-img-grid__cell:nth-child(-n+7) {
border-bottom: 1px solid #d3d3d3;
}
.c-img-grid--features.c-img-grid--4-col--break-flex\@desktop-wide .c-img-grid__cell:nth-child(n+8) {
border-bottom: 0;
}
}
@media (max-width: 81.24em) {
.c-img-grid--features.c-img-grid--4-col--break-flex\@wide .c-img-grid__cell:nth-child(-n+7) {
border-bottom: 1px solid #d3d3d3;
}
.c-img-grid--features.c-img-grid--4-col--break-flex\@wide .c-img-grid__cell:nth-child(n+8) {
border-bottom: 0;
}
}
.c-img-grid--4-col {
/* half cols at specified mq break */
}
.c-img-grid--4-col .c-img-grid__cell {
width: 25%;
}
@media (max-width: 34.365em) {
.c-img-grid--4-col--split\@mobile .c-img-grid__cell {
width: 50%;
}
.c-img-grid--4-col--split\@mobile .c-img-grid__cell:nth-of-type(odd) {
border-left: none;
}
}
@media (max-width: 46.24em) {
.c-img-grid--4-col--split\@tablet .c-img-grid__cell {
width: 50%;
}
.c-img-grid--4-col--split\@tablet .c-img-grid__cell:nth-of-type(odd) {
border-left: none;
}
}
@media (max-width: 52.49em) {
.c-img-grid--4-col--split\@medium .c-img-grid__cell {
width: 50%;
}
.c-img-grid--4-col--split\@medium .c-img-grid__cell:nth-of-type(odd) {
border-left: none;
}
}
@media (max-width: 61.24em) {
.c-img-grid--4-col--split\@desktop .c-img-grid__cell {
width: 50%;
}
.c-img-grid--4-col--split\@desktop .c-img-grid__cell:nth-of-type(odd) {
border-left: none;
}
}
@media (max-width: 63.99em) {
.c-img-grid--4-col--split\@desktop-medium .c-img-grid__cell {
width: 50%;
}
.c-img-grid--4-col--split\@desktop-medium .c-img-grid__cell:nth-of-type(odd) {
border-left: none;
}
}
@media (max-width: 71.865em) {
.c-img-grid--4-col--split\@desktop-wide .c-img-grid__cell {
width: 50%;
}
.c-img-grid--4-col--split\@desktop-wide .c-img-grid__cell:nth-of-type(odd) {
border-left: none;
}
}
@media (max-width: 81.24em) {
.c-img-grid--4-col--split\@wide .c-img-grid__cell {
width: 50%;
}
.c-img-grid--4-col--split\@wide .c-img-grid__cell:nth-of-type(odd) {
border-left: none;
}
}
@media (max-width: 34.365em) {
.c-img-grid--4-col--break-flex\@mobile .c-img-grid__cell {
width: 100%;
flex: none !important;
margin-right: 0;
float: none;
border-left: none;
border-right: none;
}
}
@media (max-width: 46.24em) {
.c-img-grid--4-col--break-flex\@tablet .c-img-grid__cell {
width: 100%;
flex: none !important;
margin-right: 0;
float: none;
border-left: none;
border-right: none;
}
}
@media (max-width: 52.49em) {
.c-img-grid--4-col--break-flex\@medium .c-img-grid__cell {
width: 100%;
flex: none !important;
margin-right: 0;
float: none;
border-left: none;
border-right: none;
}
}
@media (max-width: 61.24em) {
.c-img-grid--4-col--break-flex\@desktop .c-img-grid__cell {
width: 100%;
flex: none !important;
margin-right: 0;
float: none;
border-left: none;
border-right: none;
}
}
@media (max-width: 63.99em) {
.c-img-grid--4-col--break-flex\@desktop-medium .c-img-grid__cell {
width: 100%;
flex: none !important;
margin-right: 0;
float: none;
border-left: none;
border-right: none;
}
}
@media (max-width: 71.865em) {
.c-img-grid--4-col--break-flex\@desktop-wide .c-img-grid__cell {
width: 100%;
flex: none !important;
margin-right: 0;
float: none;
border-left: none;
border-right: none;
}
}
@media (max-width: 81.24em) {
.c-img-grid--4-col--break-flex\@wide .c-img-grid__cell {
width: 100%;
flex: none !important;
margin-right: 0;
float: none;
border-left: none;
border-right: none;
}
}
.c-img-grid--2-col .c-img-grid__cell {
width: 50%;
}
.c-img-grid--2-col .c-img-grid__cell:nth-of-type(odd) {
border-left: none;
}
/* img wrapper */
.c-img-grid__cell-img {
padding: 24px;
height: 250px;
width: 90%;
/* centre align */
display: table-cell;
vertical-align: middle;
}
.c-img-grid__cell-img img {
width: 100%;
max-width: 100%;
height: auto;
vertical-align: middle;
display: block;
margin-left: auto;
margin-right: auto;
}
.c-img-grid__cell--with-text .c-img-grid__cell-img {
padding-bottom: 48px;
}
.c-img-grid__cell-text {
padding-top: 24px;
font-size: 16px;
font-size: 1.6rem;
position: absolute;
bottom: 24px;
left: 24px;
}
.no-flexbox .c-img-grid__cell {
float: left;
display: inline;
}
/* ===== PROMO JUMP NAV =====================================================
Author: Simonz | May 2018 |
========================================================================== */
/* DOCUMENT INFORMATION
-Use for jump navigaitons on promopages
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~+
¦ ¦
¦ jump link ¦ jump link ¦ jump link ¦ jump link ¦
¦ ¦
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~+
*/
/* ======================================================================
local settigns / mixins etc ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* ======================================================================
component ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.c-jump-menu {
padding-top: 18px;
padding-bottom: 18px;
margin-left: 0;
padding-left: 0;
text-align: center;
}
.c-jump-menu li {
list-style: none;
list-style-image: none;
}
.c-jump-menu--ai-shadow {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
z-index: 2;
position: relative;
}
.c-jump-menu__item {
width: auto;
display: inline-block;
margin-right: 24px;
margin-left: 24px;
color: #666;
font-size: 1.6rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 600;
text-transform: uppercase;
}
.c-jump-menu__item > a {
color: #666;
}
.c-jump-menu__item > a:hover {
border-bottom: 3px solid #666;
text-decoration: none;
}
.c-jump-menu--alt {
text-align: center;
margin-bottom: 24px;
}
.c-jump-menu--alt .c-jump-menu__item {
float: none;
display: inline-block;
margin-right: 24px;
font-size: 20px;
font-size: 2rem;
}
.c-jump-menu--alt .c-jump-menu__item > a {
color: #FFF;
}
.c-jump-menu--alt .c-jump-menu__item > a:hover {
text-decoration: none;
}
.c-jump-menu--alt-2 {
flex-direction: column;
flex-grow: 1;
border-top: 3px solid rgba(255, 255, 255, 0.35);
}
.c-jump-menu--alt-2 .c-jump-menu__item {
float: none;
display: inline-block;
margin-right: 24px;
font-size: 18px;
font-size: 1.8rem;
}
.c-jump-menu--alt-2 .c-jump-menu__item > a {
color: #fff;
}
.c-jump-menu-abs-prnt {
position: absolute;
bottom: 0;
width: 100%;
}
/* ===== PROMO PANEL ========================================================
Author: Simon Allin / Ed Patrick | 2017 |
========================================================================== */
/* COMPONENT --------------------------- */
.c-color-row {
background-color: #666;
padding-top: 96px;
padding-bottom: 96px;
}
.c-color-row--light-grey {
background-color: #EEEEEE;
}
.c-color-row--v-light-grey {
background: #f7f7f7;
}
.c-color-row--mid-padd {
padding-top: 48px;
padding-bottom: 48px;
}
.c-color-row--light-grey-border {
background: #FFF;
border: 3px solid #e7e7e7;
}
.c-color-row--mid-padd {
padding-top: 48px;
padding-bottom: 48px;
}
.c-section {
padding-bottom: 24px;
margin-bottom: 24px;
}
.c-section--v-delim {
border-bottom: 2px solid #d1d1d1;
}
.c-section-row {
padding-top: 96px;
padding-bottom: 96px;
}
.c-section-row--w-header {
padding-top: 15px;
}
.c-section-row--grey {
background: #666;
}
.c-section-row--v-light-grey {
background-color: #f7f7f7;
}
.c-section-row--light-grey {
background-color: rgb(238, 238, 238);
}
.c-section-row--tuna {
background-color: #c1c2c7;
}
.c-section-row--blue {
background-color: #1067b0;
}
.c-section-row--ai-brand-blue {
background-color: #161E36;
}
.c-section-row--mid-padd {
padding-top: 48px;
padding-bottom: 48px;
}
.c-section-row--white {
background-color: #FFF;
}
.c-section-row--hide-overflow {
overflow: hidden;
}
.c-section-row__header {
float: none;
display: block;
height: auto;
margin-bottom: 96px;
z-index: auto;
background-color: transparent;
}
.c-rs-brand-section__header {
margin-bottom: 24px;
}
.c-feature-box {
padding: 24px;
}
.c-feature-box--white {
background: #FFF;
}
/* new branding sections */
.c-section-row-arrow {
position: relative;
}
.c-section-row-arrow::before {
content: "";
position: absolute;
background: #FFF;
left: 50%;
width: 50px;
height: 50px;
-webkit-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
top: -39px;
}
.c-section-row-arrow--grey-arrow::before {
background: #eeeeee;
}
.c-section-row-arrow--ai-blue-arrow::before {
background: #161E36;
}
.c-section-row-arrow--v-light-grey-arrow::before {
background: #f7f7f7;
}
.c-section-row-arrow--blue-arrow::before {
background: #1067b0;
}
.c-section-row-arrow--tuna::before {
background: #c1c2c7;
}
.c-section-row-arrow--pb-split {
position: relative;
}
.c-section-row-arrow--pb-split::before {
position: absolute;
content: "";
width: 0;
height: 0;
left: 50%;
top: 0;
border: 34px solid transparent;
border-top: 0;
border-bottom: 34px solid #e0eafd;
border-right: 17px;
transform: rotate(180deg);
z-index: 10;
}
.c-section-row-arrow--pb-split::after {
position: absolute;
content: "";
width: 0;
height: 0;
right: 50%;
top: 0;
border: 34px solid transparent;
border-top: 0;
border-bottom: 34px solid #94c0ff;
border-left: 17px;
-webkit-transform: translateX(-50%) rotate(45deg);
transform: rotate(90deg);
transform: scale(-1, -1);
z-index: 10;
}
@media (max-width: 46.24em) {
.c-section-row-arrow--pb-split::after {
border-bottom: 40px solid #e0eafd;
}
}
/* ===== SECONDARY NAVIGATION COMPONENT =====================================
Author: Simon Allin | 2018 |
========================================================================== */
/* DOCUMENT INFORMATION
-component for universal cross site service navigaiton
+-------------------------------+
| ~ | ~ | ~ | ~ | | ~ |
+-------------------------------+
*/
/* ======================================================================
core styling ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* mainbar style */
.c-nav-second {
height: 55px;
border-bottom: 2px solid #D8D8D8;
position: relative;
/* no order option at different widths */
/* if you want the nav to be expandable */
}
.c-nav-second--rs-brand {
background-color: #1067b0;
z-index: 10;
box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.5);
border-bottom-width: 0;
}
.c-nav-second--rs-brand .c-nav-second__title {
border-right-width: 0;
color: #FFF;
}
.c-nav-second--vuelio-brand {
background-color: #264592;
}
.c-nav-second--rs-brand .c-nav-second__title, .c-nav-second--vuelio-brand .c-nav-second__title {
font-size: 1.8rem;
}
.c-nav-second--ai-shadow {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 34.375em) {
.c-nav-second--no-border\@mobile {
border-bottom: none;
}
}
@media (min-width: 46.25em) {
.c-nav-second--no-border\@tablet {
border-bottom: none;
}
}
@media (min-width: 52.5em) {
.c-nav-second--no-border\@medium {
border-bottom: none;
}
}
@media (min-width: 61.25em) {
.c-nav-second--no-border\@desktop {
border-bottom: none;
}
}
@media (min-width: 64em) {
.c-nav-second--no-border\@desktop-medium {
border-bottom: none;
}
}
@media (min-width: 71.875em) {
.c-nav-second--no-border\@desktop-wide {
border-bottom: none;
}
}
@media (min-width: 81.25em) {
.c-nav-second--no-border\@wide {
border-bottom: none;
}
}
.c-nav-second--h-auto {
min-height: 55px;
height: auto;
}
.c-nav-second--w-border {
border-bottom: 2px solid #D8D8D8;
}
/* parent button */
.c-nav-second__btn {
float: left;
font-size: 1.6rem;
font-weight: 700;
color: #585858;
}
/* level container if the nav is expandable and needs a line */
.c-nav-second__row {
height: 55px;
}
/* nav link */
.c-nav-second__btn-link {
/* base style */
display: block;
height: 55px;
padding: 20px 24px 12px 24px;
padding: 18px 24px 12px 24px;
color: #4A4A4A;
cursor: pointer;
/* alter font and padding until wide width */
/* hover state */
}
@media (max-width: 81.24em) {
.c-nav-second__btn-link {
font-size: 15px;
font-size: 1.5rem;
padding: 21px 12px 12px 12px;
}
}
.c-nav-second__btn-link:hover {
border-bottom: 3px solid #54a3d8;
background-color: #fcfcfc;
text-decoration: none;
}
.c-nav-second__btn-link.s-active {
border-bottom: 3px solid #54a3d8;
background-color: #fcfcfc;
text-decoration: none;
}
.c-nav-second__rs-link {
display: block;
height: 55px;
padding: 20px 24px 12px 24px;
padding: 18px 24px 12px 24px;
color: #FFF;
cursor: pointer;
}
.c-nav-second__rs-link:hover {
border-bottom: 3px solid #54a3d8;
background-color: #1975b9;
text-decoration: none;
}
.c-nav-second__rs-link.s-active {
border-bottom: 3px solid #54a3d8;
background-color: #1975b9;
text-decoration: none;
}
.c-nav-second__vuelio-link:hover {
border-bottom: 3px solid #54a3d8;
background-color: #3557A0;
text-decoration: none;
}
/* icon modifyers */
.c-nav-second__btn-link--ico {
padding-left: 40px;
background-repeat: no-repeat;
background-position: 16px 24px;
background-position: 16px 22px;
background-size: 16px;
min-height: 16px;
/* dropdown arrow - reverse on active */
/* search mag glass */
}
.c-nav-second__btn-link--ico-dropdown {
background-image: url(svg/ico/ico-menu-drop-dark.svg);
}
.c-nav-second__btn-link--ico-dropdown.s-active {
background-image: url(svg/ico/ico-menu-drop-dark--up.svg);
}
.c-nav-second__btn-link--ico-search {
background-image: url(svg/ico/ico-nav-search-dark.svg);
background-position: 16px 20px;
background-size: 17px;
}
.c-nav-second__btn-link--ico-search-white {
background-image: url(svg/ico/ai-app/search--white.svg);
}
.c-nav-second--rs-brand .c-nav-second__btn-link--ico-dropdown {
background-image: url(svg/ico/ico-menu-arrow-down--white.svg);
}
.c-nav-second--rs-brand .c-nav-second__btn-link--ico-dropdown.s-active {
background-image: url(svg/ico/ico-menu-arrow-up--white.svg);
}
.c-nav-second__rs-link--ico {
padding-right: 46px;
background-repeat: no-repeat;
background-position: top 18px right 24px;
background-size: 22px;
min-height: 22px;
/* dropdown arrow - reverse on active */
/* search mag glass */
}
.c-nav-second__rs-link--ico-down {
background-image: url(svg/ico/ai-app/down.svg);
}
.c-nav-second__rs-link--ico-search {
background-image: url(svg/ico/ai-app/search--white.svg);
}
/* active state */
.c-nav-second__btn--active > .c-nav-second__btn-link {
background-color: #f7f7f7;
border-bottom: 3px solid #ff5892;
height: 55px;
}
.c-nav-second__btn--active > .c-nav-second__rs-link {
border-bottom: 3px solid #54a3d8;
background-color: #fcfcfc;
text-decoration: none;
}
.c-nav-second--rs-brand .c-nav-second__btn--active > .c-nav-second__rs-link {
border-bottom: 3px solid #54a3d8;
background-color: #1975b9;
text-decoration: none;
}
.c-nav-second--vuelio-brand .c-nav-second__btn--active > .c-nav-second__vuelio-link {
border-bottom: 3px solid #54a3d8;
background-color: #3557A0;
text-decoration: none;
}
/* non link level title */
.c-nav-second__title {
height: 53px;
padding: 20px 24px 12px 24px;
color: #333;
font-weight: 700;
border-right: 2px solid #D8D8D8;
}
.c-nav-second__title--mobile {
font-size: 22px;
font-size: 2.2rem;
padding-top: 17px;
}
.c-nav-second__title--no-border {
border-right-width: 0;
}
.c-nav-second__title > a {
color: #333;
}
/* ======================================================================
Theme options ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* light theme ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* main bar */
.t-light.c-nav-second {
background-color: #d9d9d9;
border-bottom: none;
}
/* button style */
.t-light .c-nav-second__btn-link {
color: #333;
}
.t-light .c-nav-second__btn-link:hover {
height: 55px;
border-bottom: 3px solid #54a3d8;
background-color: #c7c7c7;
}
.t-light .c-nav-second__btn--active > .c-nav-second__btn-link {
background-color: #cacaca;
}
/* title style */
.t-light .c-nav-second__title {
border-right: none;
}
/* dark theme ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* main bar */
.t-dark.c-nav-second {
background-color: #595959;
border-bottom: none;
}
/* button style */
.t-dark .c-nav-second__btn-link {
color: #FFF;
}
.t-dark .c-nav-second__btn-link--w-ico {
background-image: url(svg/ico/ico-menu-drop.svg);
}
.t-dark .c-nav-second__btn-link:hover {
background-color: #666;
}
.t-dark .c-nav-second__btn--active > .c-nav-second__btn-link {
background-color: #666;
color: #fff;
}
/* title style */
.t-dark .c-nav-second__title {
border-right-color: #666666;
color: #FFF;
}
/* ===== HIGHLIGHT COMPONENT ================================================
Author: Simon Allin | 2017 |
========================================================================== */
/* DOCUMENT INFORMATION
-Use for adding text highlight boxes on pages
+----------------------------+
| |
| ~~~~~~~~~~~~~~~~~~~~ |
| ~~~~~~~~~~~~~~~~~~~~ |
| ~~~~~~~~~~~~~~~~~~~~ |
| |
+----------------------------+
*/
.c-highlight {
border: 2px solid #ccc;
background: #F9F9F9;
padding: 15px;
color: #292f33;
margin-bottom: 24px;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-size: 17px;
font-size: 1.7rem;
line-height: 1.4;
color: #292f33;
}
.c-highlight--pink {
border-color: #ff8bb3;
}
.c-highlight--error {
color: #ff5892;
border-color: #ff5892;
}
.c-highlight--success {
border-color: #16cbbe;
}
.c-highlight--tick {
border-color: #77B847;
background-image: url(svg/ico/ico-success-62-62.svg);
background-repeat: no-repeat;
padding-bottom: 80px;
background-position: center bottom 12px;
}
.c-highlight--font-lrg {
font-size: 20px;
font-size: 2rem;
}
.c-highlight--font-sml {
font-size: 14px;
font-size: 1.4rem;
}
.c-highlight > p:last-of-type {
margin-bottom: 0;
}
.c-highlight--control-margin * {
margin-top: 0;
margin-bottom: 12px;
}
.c-highlight__text--small {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.4;
letter-spacing: -0.2px;
}
.highlight-panel {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 23px;
font-size: 2.3rem;
line-height: 28px;
padding: 20px;
text-align: center;
}
.highlight-panel h2 {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
}
.highlight-panel__bold {
font-weight: 700;
}
.highlight-panel--text-left {
text-align: left;
}
.highlight-panel--yellow {
border: 3px solid #ff7979;
background-color: white;
color: #ff7979;
}
.highlight-panel--yellow h2 {
color: #ff7979;
}
.highlight-panel--green {
border: 3px solid #16cbbe;
background-color: #d6fbf8;
color: #16cbbe;
}
.highlight-panel--green h2 {
color: #16cbbe;
}
.highlight-panel--red {
border: 3px solid #ff7979;
background-color: white;
color: #ff7979;
}
.highlight-panel--red h2 {
color: #ff7979;
}
.highlight-panel--blue {
border: 3px solid #3c668d;
background-color: #ebf1f6;
color: #3c668d;
}
.highlight-panel--blue h2 {
color: #3c668d;
}
.highlight-panel--grey {
border: 3px solid #999999;
background-color: #f2f2f2;
}
.highlight-panel--grey h2 {
color: #999999;
}
/* ===== APP SWITCH =========================================================
Author: Simon Allin | 2018 |
========================================================================== */
/* DOCUMENT INFORMATION
-component for universal cross site service switch
+------+ +------+ +------+
| | | | | |
+------+ +------+ +------+
*/
/* ======================================================================
local settigns / mixins etc ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* dropdown width config */
/* main tile generator */
/* ======================================================================
component ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.c-app-tile {
position: relative;
padding: 140px 24px 48px 24px;
background-repeat: no-repeat;
background-position: center 48px;
background-size: 70px;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.3;
font-weight: 700;
text-align: center;
color: #fff;
}
.c-app-tile--MCD, .c-app-tile--25096 {
background-color: #ff5892;
background-image: url("svg/ico/app-tile/ico-app-database.svg");
}
.c-app-tile--MCD:hover, .c-app-tile--25096:hover {
background-color: #ff397e;
text-decoration: none;
}
.c-app-tile--MCD-folders, .c-app-tile--25096-folders {
padding-top: 85px;
padding-bottom: 24px;
background-color: #FFF;
background-position: center 24px;
border: 3px solid #ff5892;
background-size: 44px;
font-size: 16px;
font-size: 1.6rem;
color: #666;
background-image: url(svg/ico/app-tile/ico-app-database-folders.svg);
background-position: center 28px;
}
.c-app-tile--MCD-folders:hover, .c-app-tile--25096-folders:hover {
background-color: #ff5892;
color: #fff;
text-decoration: none;
}
.c-app-tile--MCD-folders:hover, .c-app-tile--25096-folders:hover {
background-image: url(svg/ico/app-tile/ico-app-database-folders-hvr-2.svg);
}
.c-app-tile--VMD {
background-color: #264592;
background-image: url("svg/ico/app-tile/ico-app-database.svg");
}
.c-app-tile--VMD:hover {
background-color: #203a7a;
text-decoration: none;
}
.c-app-tile--VMD-folders {
padding-top: 85px;
padding-bottom: 24px;
background-color: #FFF;
background-position: center 24px;
border: 3px solid #264592;
background-size: 44px;
font-size: 16px;
font-size: 1.6rem;
color: #666;
background-image: url(svg/ico/app-tile/ico-app-database-folders.svg);
background-position: center 28px;
}
.c-app-tile--VMD-folders:hover {
background-color: #264592;
color: #fff;
text-decoration: none;
}
.c-app-tile--VMD-folders:hover {
background-image: url(svg/ico/app-tile/ico-app-database-folders-hvr-2.svg);
}
.c-app-tile--JES, .c-app-tile--25097, .c-app-tile--35 {
background-color: #54a3d8;
background-image: url("svg/ico/app-tile/ico-app-enquiries.svg");
}
.c-app-tile--JES:hover, .c-app-tile--25097:hover, .c-app-tile--35:hover {
background-color: #3b96d2;
text-decoration: none;
}
.c-app-tile--JES-settings, .c-app-tile--25097-settings, .c-app-tile--35-settings {
padding-top: 85px;
padding-bottom: 24px;
background-color: #FFF;
background-position: center 24px;
border: 3px solid #54a3d8;
background-size: 44px;
font-size: 16px;
font-size: 1.6rem;
color: #666;
background-image: url(svg/ico/app-tile/ico-app-enquiries-settings.svg);
}
.c-app-tile--JES-settings:hover, .c-app-tile--25097-settings:hover, .c-app-tile--35-settings:hover {
background-color: #54a3d8;
color: #fff;
text-decoration: none;
}
.c-app-tile--JES-settings:hover, .c-app-tile--25097-settings:hover, .c-app-tile--35-settings:hover {
background-image: url(svg/ico/app-tile/ico-app-enquiries-settings-hvr-2.svg);
}
.c-app-tile--JES-my-enqs, .c-app-tile--25097-my-enqs, .c-app-tile--35-my-enqs {
padding-top: 85px;
padding-bottom: 24px;
background-color: #FFF;
background-position: center 24px;
border: 3px solid #54a3d8;
background-size: 44px;
font-size: 16px;
font-size: 1.6rem;
color: #666;
background-image: url(svg/ico/app-tile/ico-app-my-rels.svg);
}
.c-app-tile--JES-my-enqs:hover, .c-app-tile--25097-my-enqs:hover, .c-app-tile--35-my-enqs:hover {
background-color: #54a3d8;
color: #fff;
text-decoration: none;
}
.c-app-tile--JES-my-enqs:hover, .c-app-tile--25097-my-enqs:hover, .c-app-tile--35-my-enqs:hover {
background-image: url(svg/ico/app-tile/ico-app-my-rels-hvr.svg);
}
.c-app-tile--PRW, .c-app-tile--24969, .c-app-tile--39 {
background-color: #666;
background-image: url("svg/ico/app-tile/ico-app-releases.svg");
}
.c-app-tile--PRW:hover, .c-app-tile--24969:hover, .c-app-tile--39:hover {
background-color: #575757;
text-decoration: none;
}
.c-app-tile--PRW-settings, .c-app-tile--24969-settings, .c-app-tile--39-settings {
padding-top: 85px;
padding-bottom: 24px;
background-color: #FFF;
background-position: center 24px;
border: 3px solid #666;
background-size: 44px;
font-size: 16px;
font-size: 1.6rem;
color: #666;
background-image: url(svg/ico/app-tile/ico-app-releases-settings.svg);
}
.c-app-tile--PRW-settings:hover, .c-app-tile--24969-settings:hover, .c-app-tile--39-settings:hover {
background-color: #666;
color: #fff;
text-decoration: none;
}
.c-app-tile--PRW-settings:hover, .c-app-tile--24969-settings:hover, .c-app-tile--39-settings:hover {
background-image: url(svg/ico/app-tile/ico-app-releases-settings-hvr-2.svg);
}
.c-app-tile--PRW-receive-settings, .c-app-tile--24969-receive-settings, .c-app-tile--39-receive-settings {
padding-top: 85px;
padding-bottom: 24px;
background-color: #FFF;
background-position: center 24px;
border: 3px solid #666;
background-size: 44px;
font-size: 16px;
font-size: 1.6rem;
color: #666;
background-image: url(svg/ico/app-tile/ico-app-receive-settings.svg);
}
.c-app-tile--PRW-receive-settings:hover, .c-app-tile--24969-receive-settings:hover, .c-app-tile--39-receive-settings:hover {
background-color: #666;
color: #fff;
text-decoration: none;
}
.c-app-tile--PRW-receive-settings:hover, .c-app-tile--24969-receive-settings:hover, .c-app-tile--39-receive-settings:hover {
background-image: url(svg/ico/app-tile/ico-app-enquiries-settings-hvr-2.svg);
}
.c-app-tile--RS {
padding-top: 85px;
padding-bottom: 24px;
background-color: #FFF;
background-position: center 24px;
border: 3px solid #ff9f6f;
background-size: 44px;
font-size: 16px;
font-size: 1.6rem;
color: #666;
padding: 24px;
}
.c-app-tile--RS:hover {
background-color: #ff9f6f;
color: #fff;
text-decoration: none;
}
.c-app-tile--FJP {
background-color: #54a3d8;
background-image: url("svg/ico/app-tile/ico-app-fjp-profile.svg");
}
.c-app-tile--FJP:hover {
background-color: #3b96d2;
text-decoration: none;
}
.c-app-tile--FJP-view-profile {
padding-top: 85px;
padding-bottom: 24px;
background-color: #FFF;
background-position: center 24px;
border: 3px solid #54a3d8;
background-size: 44px;
font-size: 16px;
font-size: 1.6rem;
color: #666;
background-image: url(svg/ico/app-tile/ico-app-fjp-view-profile.svg);
background-size: 55px;
background-position: center 16px;
}
.c-app-tile--FJP-view-profile:hover {
background-color: #54a3d8;
color: #fff;
text-decoration: none;
}
.c-app-tile--FJP-view-profile:hover {
background-image: url(svg/ico/app-tile/ico-app-fjp-view-profile-hvr.svg);
}
.c-app-tile--LIVE-CHAT {
padding-top: 85px;
padding-bottom: 24px;
background-color: #FFF;
background-position: center 24px;
border: 3px solid #666;
background-size: 44px;
font-size: 16px;
font-size: 1.6rem;
color: #666;
background-image: url(svg/ico/app-tile/ico-app-live-chat.svg);
background-position: 24px center;
padding: 24px;
padding-top: 40px;
padding-left: 80px;
text-align: left;
}
.c-app-tile--LIVE-CHAT:hover {
background-color: #666;
color: #fff;
text-decoration: none;
}
@media (max-width: 34.365em) {
.c-app-tile--LIVE-CHAT {
background-position: center center;
}
}
.c-app-tile--sub {
padding-top: 85px;
padding-bottom: 24px;
background-color: #FFF;
background-position: center 24px;
border: 3px solid #e6e6e6;
background-size: 44px;
font-size: 16px;
font-size: 1.6rem;
color: #666;
padding-top: 24px;
}
.c-app-tile--sub:hover {
background-color: #e6e6e6;
color: #fff;
text-decoration: none;
}
.c-app-tile--sub-magenta {
padding: 24px;
background-color: #FFF;
border: 3px solid #ff5892;
font-size: 16px;
font-size: 1.6rem;
color: #ff5892;
}
.c-app-tile--sub-magenta:hover {
background-color: #f7f7f7;
color: #fff;
text-decoration: none;
border-color: #ff397e;
}
.c-app-tile--sub-VMD {
padding: 24px;
background-color: #FFF;
border: 3px solid #264592;
font-size: 16px;
font-size: 1.6rem;
color: #264592;
}
.c-app-tile--sub-VMD:hover {
background-color: #f7f7f7;
color: #fff;
text-decoration: none;
border-color: #203a7a;
}
.c-app-tile--sub-blue {
padding: 24px;
background-color: #FFF;
border: 3px solid #54a3d8;
font-size: 16px;
font-size: 1.6rem;
color: #54a3d8;
}
.c-app-tile--sub-blue:hover {
background-color: #f7f7f7;
color: #fff;
text-decoration: none;
border-color: #3b96d2;
}
.c-app-tile--sub-grey {
padding: 24px;
background-color: #FFF;
border: 3px solid #666;
font-size: 16px;
font-size: 1.6rem;
color: #666;
}
.c-app-tile--sub-grey:hover {
background-color: #f7f7f7;
color: #fff;
text-decoration: none;
border-color: #575757;
}
.c-app-tile--sub-fill-magenta {
padding: 24px;
background-color: #ff5892;
font-size: 16px;
font-size: 1.6rem;
color: #fff;
}
.c-app-tile--sub-fill-magenta:hover {
background-color: #ff397e;
}
.c-app-tile--sub-fill-blue {
padding: 24px;
background-color: #54a3d8;
font-size: 16px;
font-size: 1.6rem;
color: #fff;
}
.c-app-tile--sub-fill-blue:hover {
background-color: #3b96d2;
}
.c-app-tile--sub-fill-grey {
padding: 24px;
background-color: #666;
font-size: 16px;
font-size: 1.6rem;
color: #fff;
}
.c-app-tile--sub-fill-grey:hover {
background-color: #575757;
}
.c-app-tile__lock {
width: 100px;
height: 100px;
position: absolute;
right: 0;
top: 0;
background-image: url(svg/ico/app-tile/ico-tile-padlock.svg);
background-size: 100px;
}
.ico-search-nav {
width: 20px;
height: 20px;
}
.ico-search-nav--label-right {
float: left;
margin-right: 6px;
}
/* icons using background images SVG */
.ico-twitter-bg {
float: left;
width: 42px;
height: 42px;
background-size: 42px;
background-image: url(svg/ico/ico-twitter-actual-34-34.svg);
}
.ico-facebook-bg {
float: left;
width: 42px;
height: 42px;
background-size: 42px;
background-image: url(svg/ico/ico-facebook-actual-34_34.svg);
}
.ico-instagram-bg {
float: left;
width: 42px;
height: 42px;
background-size: 42px;
background-image: url(svg/ico/ico-instagram-34-34.svg.svg);
}
.ico-youtube-bg {
float: left;
width: 42px;
height: 42px;
background-size: 42px;
background-image: url(svg/ico/ico-youtube-actual-34-34.svg);
}
.ico-linkedin-bg {
float: left;
width: 42px;
height: 42px;
background-size: 42px;
background-image: url(svg/ico/ico-linkedin-actual-34-34.svg);
}
.ico-social--lrg {
width: 40px !important;
height: 40px !important;
}
.ico-twitter {
width: 34px;
height: 34px;
fill: #55ACEE;
margin-top: 2px;
margin-right: 6px;
}
@media (min-width: 46.25em) {
.ico-twitter--right {
float: right;
margin-top: 0;
margin-right: 0;
margin-left: 6px;
}
}
.ico-facebook {
width: 34px;
height: 34px;
fill: #3B5998;
margin-top: 2px;
margin-right: 6px;
}
@media (min-width: 46.25em) {
.ico-facebook--right {
float: right;
margin-top: 0;
margin-right: 0;
margin-left: 6px;
}
}
.ico-linkedin {
width: 34px;
height: 34px;
fill: #007BB6;
margin-top: 2px;
margin-right: 6px;
}
@media (min-width: 46.25em) {
.ico-linkedin--right {
float: right;
margin-top: 0;
margin-right: 0;
margin-left: 6px;
}
}
.ico-external-link {
width: 19px;
height: 18px;
fill: #666;
vertical-align: bottom;
margin-right: 2px;
}
.ico-avatar {
width: 70px;
height: 70px;
fill: #54a3d8;
}
.ico-avatar--small {
width: 45px;
height: 45px;
}
.ico-alert {
width: 24px;
height: 24px;
fill: #666666;
}
.ico-alert--right {
float: right;
}
.ico-alert--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-alert--left {
float: left;
display: inline;
}
.ico-alert--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-alert.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-alert.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-dashboard {
width: 24px;
height: 24px;
fill: #666666;
}
.ico-dashboard--right {
float: right;
}
.ico-dashboard--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-dashboard--left {
float: left;
display: inline;
}
.ico-dashboard--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-dashboard.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-dashboard.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-help {
width: 24px;
height: 24px;
fill: #666666;
}
.ico-help--right {
float: right;
}
.ico-help--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-help--left {
float: left;
display: inline;
}
.ico-help--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-help.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-help.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-inbox {
width: 24px;
height: 24px;
fill: #666666;
}
.ico-inbox--right {
float: right;
}
.ico-inbox--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-inbox--left {
float: left;
display: inline;
}
.ico-inbox--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-inbox.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-inbox.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-search {
width: 24px;
height: 24px;
fill: #666666;
}
.ico-search--right {
float: right;
}
.ico-search--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-search--left {
float: left;
display: inline;
}
.ico-search--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-search.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-search.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-send {
width: 24px;
height: 24px;
fill: #666666;
}
.ico-send--right {
float: right;
}
.ico-send--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-send--left {
float: left;
display: inline;
}
.ico-send--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-send.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-send.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-menu {
width: 100%;
height: 100%;
fill: #666666;
}
.ico-menu--right {
float: right;
}
.ico-menu--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-menu--left {
float: left;
display: inline;
}
.ico-menu--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-menu.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-menu.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-menu-my-acc {
width: 38px;
height: 38px;
fill: #666666;
}
.ico-menu-my-acc--right {
float: right;
}
.ico-menu-my-acc--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-menu-my-acc--left {
float: left;
display: inline;
}
.ico-menu-my-acc--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-menu-my-acc.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-menu-my-acc.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-delete {
width: 24px;
height: 24px;
fill: #666666;
cursor: pointer;
}
.ico-delete--right {
float: right;
}
.ico-delete--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-delete--left {
float: left;
display: inline;
}
.ico-delete--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-delete.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-delete.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-delete--small {
width: 12px;
height: 12px;
fill: #cccccc;
margin-top: 5px;
}
.ico-delete--small--right {
float: right;
}
.ico-delete--small--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-delete--small--left {
float: left;
display: inline;
}
.ico-delete--small--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-delete--small.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-delete--small.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-delete--white {
width: 12px;
height: 12px;
fill: #FFF;
}
.ico-delete--white--right {
float: right;
}
.ico-delete--white--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-delete--white--left {
float: left;
display: inline;
}
.ico-delete--white--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-delete--white.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-delete--white.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-delete--right {
float: right;
margin-right: 0;
margin-left: 12px;
}
.ico-delete--red {
fill: #ff7979;
}
.ico-success {
width: 24px;
height: 24px;
fill: #666666;
fill: #16cbbe;
}
.ico-success--right {
float: right;
}
.ico-success--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-success--left {
float: left;
display: inline;
}
.ico-success--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-success.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-success.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-success--green {
fill: #16cbbe;
}
.ico-services {
width: 24px;
height: 24px;
fill: #666666;
}
.ico-services--right {
float: right;
}
.ico-services--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-services--left {
float: left;
display: inline;
}
.ico-services--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-services.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-services.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-services--hover {
fill: #fff;
}
.ico-apps {
width: 24px;
height: 24px;
fill: #666666;
}
.ico-apps--right {
float: right;
}
.ico-apps--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-apps--left {
float: left;
display: inline;
}
.ico-apps--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-apps.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-apps.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-apps--hover {
fill: #fff;
}
.ico-back-link {
width: 24px;
height: 24px;
fill: #666666;
fill: #ff5892;
}
.ico-back-link--right {
float: right;
}
.ico-back-link--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-back-link--left {
float: left;
display: inline;
}
.ico-back-link--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-back-link.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-back-link.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-settings {
width: 24px;
height: 24px;
fill: #666666;
}
.ico-settings--right {
float: right;
}
.ico-settings--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-settings--left {
float: left;
display: inline;
}
.ico-settings--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-settings.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-settings.not-desktop-feature {
display: none;
opacity: 0;
}
}
.ico-settings--hover {
fill: #fff;
}
.ico-drop-down {
width: 24px;
height: 24px;
fill: #666666;
}
.ico-drop-down--right {
float: right;
}
.ico-drop-down--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-drop-down--left {
float: left;
display: inline;
}
.ico-drop-down--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-drop-down.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-drop-down.not-desktop-feature {
display: none;
opacity: 0;
}
}
.services-pr-trigger--active .ico-drop-down, .services-journo-trigger--active .ico-drop-down, .open .ico-drop-down {
display: none;
}
@media (min-width: 1152px) {
.ico-drop-down.not-desktop-feature {
display: none;
}
}
.ico-drop-up {
width: 24px;
height: 24px;
fill: #666666;
display: none;
}
.ico-drop-up--right {
float: right;
}
.ico-drop-up--right-with-label {
float: right;
display: inline;
margin-left: 5px;
}
.ico-drop-up--left {
float: left;
display: inline;
}
.ico-drop-up--left-with-label {
float: left;
display: inline;
margin-right: 5px;
}
.ico-drop-up.not-desktop-feature {
display: block;
opacity: 1;
}
@media (min-width: 1152px) {
.ico-drop-up.not-desktop-feature {
display: none;
opacity: 0;
}
}
.services-pr-trigger--active .ico-drop-up, .services-journo-trigger--active .ico-drop-up, .open .ico-drop-up {
display: inline;
}
@media (min-width: 1152px) {
.services-pr-trigger--active .ico-drop-up.not-desktop-feature, .services-journo-trigger--active .ico-drop-up.not-desktop-feature, .open .ico-drop-up.not-desktop-feature {
display: none;
}
}
.ico-close {
width: 20px;
height: 20px;
margin-left: 4px;
float: right;
display: inline;
fill: #999;
}
.ico-close--fixed-bottom-right {
position: absolute;
bottom: 4px;
right: 4px;
}
.ico-tool-search {
width: 18px;
height: 18px;
fill: #666666;
margin-top: 8px;
margin-left: 4px;
margin: auto 0;
position: absolute;
top: 0;
bottom: 0;
left: 5px;
}
.ico-tool-search + span {
display: none;
}
@media (min-width: 1152px) {
.ico-tool-search.large-break {
margin-right: 4px;
}
.ico-tool-search.large-break + span {
display: inline;
}
}
@media (min-width: 71.875em) {
.ico-tool-search:not(.large-break) {
margin-right: 4px;
}
.ico-tool-search:not(.large-break) + span {
display: inline;
}
}
@media (min-width: 550px) {
.ico-tool-search.small-break {
margin-right: 4px;
}
.ico-tool-search.small-break + span {
display: inline;
}
}
.ico-sort {
width: 15px;
height: 19px;
fill: #666;
}
.ico-facebook {
float: left;
margin-right: 4px;
width: 30px;
height: 30px;
}
.ico-facebook__box {
fill: #3B5998;
}
.ico-facebook__cutout {
fill: #fff;
}
.ico-linkedin {
float: left;
margin-right: 4px;
width: 30px;
height: 30px;
}
.ico-linkedin__box {
fill: #007BB6;
}
.ico-linkedin__cutout {
fill: #fff;
}
.ico-googleplus {
float: left;
margin-right: 4px;
width: 30px;
height: 30px;
}
.ico-googleplus__box {
fill: #DC4E41;
}
.ico-googleplus__cutout {
fill: #fff;
}
.ico-twitter {
float: left;
margin-right: 4px;
width: 30px;
height: 30px;
}
.ico-twitter__box {
fill: #55ACEE;
}
.ico-twitter__cutout {
fill: #fff;
}
.ico-youtube {
float: left;
margin-right: 4px;
width: 30px;
height: 30px;
}
.ico-youtube__box {
fill: #E62d27;
}
.ico-youtube__cutout {
fill: #fff;
}
.ico-instagram {
float: left;
margin-right: 4px;
width: 30px;
height: 30px;
}
.ico-instagram__cutout {
fill: #fff;
}
.ico-pinterest {
float: left;
margin-right: 4px;
width: 30px;
height: 30px;
}
.ico-pinterest__cutout {
fill: #fff;
}
.ico-wikipedia {
float: left;
margin-right: 4px;
width: 30px;
height: 30px;
}
.ico-wikipedia__cutout {
fill: #fff;
}
.ico-tumblr {
float: left;
margin-right: 4px;
width: 30px;
height: 30px;
}
.ico-tumblr__cutout {
fill: #fff;
}
.ico-snapchat {
float: left;
margin-right: 4px;
width: 30px;
height: 30px;
}
.ico-snapchat__cutout {
fill: #fff;
}
.ico-social--small {
width: 22px;
height: 22px;
}
.ico-social--tiny {
width: 18px;
height: 18px;
}
.ico-avatar-new {
float: left;
width: 26px;
height: 31px;
margin-right: 6px;
}
.ico-avatar-group {
float: left;
width: 30px;
height: 34px;
margin-right: 6px;
}
.ico-padlock {
float: left;
width: 42px;
height: 54px;
}
.js-trigger--hover .ico-services {
fill: #fff;
}
.ico-sub-level-100 {
float: left;
width: 150px;
height: 150px;
}
.ico-tool-downarrow-select {
float: left;
margin: auto 0;
top: 0;
bottom: 0;
}
/* ===== PRICING TABLE ================================================
Author: Simon Allin | 2018 |
========================================================================== */
/* DOCUMENT INFORMATION
-component for pricing table
+-------------------------------+
| ~ | ~ | ~ | ~ | | ~ |
+-------------------------------+
*/
/* ======================================================================
local settigns / mixins etc ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* ======================================================================
component ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.c-pricing-table {
font-size: 2.1rem;
font-family: "SurtRegular", Trebuchet MS, Arial, sans-serif;
font-weight: 400;
background: #FFF;
padding: 24px;
text-align: left;
}
@media (min-width: 61.25em) {
.c-pricing-table {
padding: 48px;
}
}
.c-pricing-table--shadow {
box-shadow: 0 32px 44px 0 rgba(51, 71, 91, 0.12);
}
.c-pricing-table--padding-none {
padding: 0;
}
.c-pricing-table--font-large {
font-size: 18px;
font-size: 1.8rem;
}
/* pricing table row */
.c-pricing-table__rh {
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
}
/* pricing table row */
.c-pricing-table__r {
display: block;
width: 100%;
border-bottom: 1px solid #eaeaec;
}
.c-pricing-table__r:last-of-type {
border-bottom: none;
}
/* pricing table row cell */
.c-pricing-table__rd {
padding-top: 12px;
padding-bottom: 12px;
padding-right: 12px;
/* ico modifiers */
}
.c-pricing-table__rd--ico {
padding-left: 36px;
background-repeat: no-repeat;
background-position: left center;
}
.c-pricing-table__rd--ico-tick {
background-image: url(svg/ico/ico-circle-tick.svg);
background-size: 30px;
}
.c-pricing-table__rd--ico-tick-blue {
background-image: url(svg/ico/ico-circle-tick--blue.svg);
background-size: 30px;
}
.c-pricing-table__rd--ico-plus {
background-image: url(svg/ico/ico-circle-plus.svg);
background-size: 30px;
}
.c-pricing-table__rd--ico-plus-drk-grey {
background-image: url(svg/ico/ico-circle-plus--drk-grey.svg);
}
.c-pricing-table__rd--ico-clock {
background-image: url(svg/ico/ico-circle-clock.svg);
background-size: 30px;
}
.c-pricing-table__rd--ico-play {
background-image: url(svg/ico/ico-circle-play.svg);
background-size: 30px;
}
.c-pricing-table__rd--ico-pa {
background-image: url(svg/ico/ico-prw-promo-pa.svg);
background-size: 30px;
}
.c-pricing-table__rd--ico-search {
background-image: url(svg/ico/ico-mcd-search.svg);
background-size: 31px;
background-position: 2px center;
}
.c-pricing-table__rd--ico-list {
background-image: url(svg/ico/ico-mcd-lists.svg);
background-size: 31px;
}
.c-pricing-table__rd--ico-import {
background-image: url(svg/ico/ico-priv-con-import-2.svg);
background-size: 28px;
}
.c-pricing-table__rd--ico-dist {
background-image: url(svg/ico/ico-dist-compose.svg);
background-size: 26px;
background-position: 2px center;
}
.c-pricing-table__rd--ico-tweets {
background-image: url(svg/ico/ico-mcd-tweets.svg);
background-size: 26px;
background-position: left center;
}
.c-pricing-table__rd--ico-opps {
background-image: url(svg/ico/ico-mcd-opps.svg);
background-size: 25px;
background-position: 3px center;
}
.c-pricing-table__rd--ico-large {
background-size: 26px;
}
/* ===== PRICING TABLE ================================================
Author: Simon Allin | 2018 |
========================================================================== */
/* DOCUMENT INFORMATION
-component for pricing table
+-------------------------------+
| ~ | ~ | ~ | ~ | | ~ |
+-------------------------------+
*/
/* ======================================================================
local settigns / mixins etc ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* ======================================================================
component ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.c-benefits {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 20px;
font-size: 2rem;
/* ico modifiers */
}
/* pricing table row */
.c-benefits__li {
display: block;
width: 100%;
padding-top: 12px;
padding-bottom: 12px;
padding-right: 12px;
}
.c-benefits__li--ico {
padding-left: 46px;
background-repeat: no-repeat;
background-position: left center;
}
.c-benefits__li--ico-plus {
background-image: url(svg/ico/ico-circle-plus.svg);
background-size: 30px;
}
/* pricing table row cell */
.c-pricing-table__cost {
text-align: right;
font-size: 60px;
font-size: 6rem;
font-weight: 700;
align-items: baseline;
}
.c-pricing-table__cost-pound {
font-size: 23px;
font-size: 2.3rem;
font-weight: 400;
}
.c-pricing-table__cost-label {
font-size: 20px;
font-size: 2rem;
font-weight: 300;
}
/* ---------------------------------------------------------------------
ResponseSource system messages
1) SETUP
2) NOTICE
--------------------------------------------------------------------- */
.system-message {
box-sizing: border-box;
width: 100%;
padding: 25px;
border-bottom: 1px solid #ccc;
z-index: 4;
background: #fff;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 20px;
font-size: 2rem;
letter-spacing: -0.5px;
font-weight: 400;
color: #ff9f6f;
text-align: center;
}
.system-message > a:hover {
text-decoration: underline;
}
#RS .system-message {
margin-bottom: 0px;
overflow: hidden;
}
#RS .system-message--impersonation {
margin-top: 0;
}
/* ===== Generic box shadow =====================================================
Author: Simonz | Feb 2020 |
========================================================================== */
.c-strip-shadow {
box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.5);
}
/* ---------------------------------------------------------------------
styling hubspot enquiry forms
--------------------------------------------------------------------- */
/* form row */
.hs-form-field {
padding-top: 12px;
}
/* core input */
.hs-input.invalid {
border-color: #ff7979;
}
.hs-input.error {
border-color: #ff7979;
}
.hs-error-msgs {
margin-bottom: 18px;
padding-left: 0;
}
.hs-fieldtype-booleancheckbox {
margin-bottom: 12px;
}
.hs-input[type=checkbox] {
margin-right: 6px;
}
.legal-consent-container {
padding-top: 30px;
}
/* SUBMIT BUTTON --------------------------- */
.hs-button.primary.large {
display: inline-block;
*display: inline;
margin-bottom: 0;
padding: 10px 9px;
background-color: #1067b0;
text-decoration: none;
border-radius: 0;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.1;
letter-spacing: normal;
font-weight: 700;
color: #FFF;
vertical-align: middle;
cursor: pointer;
text-align: center;
*zoom: 1;
}
.rswp-c-hubspotform {
font-size: 1.6rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 600;
color: #4a4a4a;
}
.rswp-c-hubspotform ul {
padding: 0;
}
.rswp-c-hubspotform .field {
margin-bottom: 12px;
}
.rswp-c-hubspotform label {
font-weight: 400;
}
.rswp-c-hubspotform .hs-fieldtype-text input,
.rswp-c-hubspotform .hs-fieldtype-textarea textarea,
.rswp-c-hubspotform .hs-fieldtype-select select {
width: 100%;
max-width: 100%;
border-radius: 0;
width: 100%;
outline: 0;
display: block;
background-color: #ffffff;
border: none;
padding: 12px;
color: #333333;
margin-bottom: 6px;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.1);
border: 1px solid #d6d7da;
}
.rswp-c-hubspotform .hs-fieldtype-text input {
height: auto;
}
.rswp-c-hubspotform .hs-fieldtype-select select {
height: calc(1.2em + 24px);
}
.rswp-c-hubspotform .hs-fieldtype-checkbox {
*zoom: 1;
margin-botton: 24px;
}
.rswp-c-hubspotform .hs-fieldtype-checkbox:before, .rswp-c-hubspotform .hs-fieldtype-checkbox:after {
content: " ";
display: table;
}
.rswp-c-hubspotform .hs-fieldtype-checkbox:after {
clear: both;
}
.rswp-c-hubspotform .hs-fieldtype-checkbox label {
margin-bottom: 6px;
}
.rswp-c-hubspotform .hs-fieldtype-checkbox input {
margin-right: 6px;
position: relative;
top: -1px;
}
.rswp-c-hubspotform input[type=submit] {
cursor: pointer;
background-color: #16cbbe;
color: #FFF;
border-radius: 3px;
font-weight: 700;
padding: 10px 8px;
font-size: 16px;
font-size: 1.6rem;
}
@media (min-width: 61.25em) {
.rswp-c-hubspotform input[type=submit] {
width: 100%;
}
}
.rswp-c-hubspotform .hs-error-msgs {
padding: 0 0 24px 0;
color: #ff7979;
font-size: 12px;
font-size: 1.2rem;
}
/* contact form specific --------------------------- */
.rswp-c-hubspotform--contact-page {
color: #4a4a4a;
background: #FFF;
box-shadow: 0 32px 44px 0 rgba(51, 71, 91, 0.12);
padding: 48px;
/* 2 COL FLEX --------------------------- */
/* CHECKBOX LIST --------------------------- */
}
.rswp-c-hubspotform--contact-page form > div:first-of-type > label {
margin-bottom: 24px;
color: #1067b0;
font-size: 21px;
font-size: 2.1rem;
font-weight: 600;
}
@media (min-width: 46.25em) and (max-width: 61.24em) {
.rswp-c-hubspotform--contact-page {
width: 80%;
}
}
@media (min-width: 61.25em) {
.rswp-c-hubspotform--contact-page {
width: 60%;
margin-left: auto;
margin-right: auto;
/* set flex from desktop -------- */
}
.rswp-c-hubspotform--contact-page form.hs-form {
position: relative;
display: flex;
flex-wrap: wrap;
float: none;
}
}
.rswp-c-hubspotform--contact-page .hs-error-msgs {
padding-bottom: 0;
color: #ff7979;
font-size: 14px;
font-size: 1.4rem;
}
@media (min-width: 61.25em) {
.rswp-c-hubspotform--contact-page .hs-form-field {
width: webkit-calc( (100% - 24px ) / 2);
width: -moz-calc( (100% - 24px ) / 2);
width: calc( (100% - 24px ) / 2);
margin-right: 24px;
}
.rswp-c-hubspotform--contact-page .hs-form-field:nth-of-type(odd) {
margin-right: 0;
}
}
.rswp-c-hubspotform--contact-page .hs-form-field.hs-comments {
flex: 0 0 100%;
margin-right: 0;
}
.rswp-c-hubspotform--contact-page .hs-form-field.hs-comments textarea {
width: 100%;
max-width: 100%;
}
.rswp-c-hubspotform--contact-page .hs-form-field label {
margin-bottom: 6px;
font-size: 1.8rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 400;
color: #4a4a4a;
}
.rswp-c-hubspotform--contact-page .input {
width: 100%;
}
.rswp-c-hubspotform--contact-page .inputs-list {
display: flex;
flex-wrap: wrap;
padding: 0 48px;
margin-bottom: 12px;
}
@media (min-width: 61.25em) {
.rswp-c-hubspotform--contact-page .inputs-list li {
display: flex;
float: none;
width: webkit-calc( (100% - 24px ) / 2);
width: -moz-calc( (100% - 24px ) / 2);
width: calc( (100% - 24px ) / 2);
margin: 0 24px 12px 0;
}
.rswp-c-hubspotform--contact-page .inputs-list li:nth-of-type(even) {
margin-right: 0;
}
}
.rswp-c-hubspotform--contact-page .hs_products_of_interest {
padding-top: 0;
margin-bottom: 24px;
width: 100%;
}
.rswp-c-hubspotform--freetrial-page form > div:nth-of-type(1) > label {
color: #ff9f6f;
font-weight: 700;
}
/* ===== COOKIE MESSAGE JS COMPONENT ===================================
Author: Ed Patrick | 2018 |
========================================================================== */
/* DOCUMENT INFORMATION
-Use for adding cookie notification messages
*/
.cookie_message {
background-color: #e7e7e7;
padding: 16px;
color: #4d4d4d;
text-align: center;
width: auto;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
border-bottom: 1px solid #ccc;
}
.cookie_message a {
text-decoration: none;
border-bottom: 1px dotted #006699;
display: inline;
}
/* ===== NAVIGATION COMPONENT ===============================================
Author: Simon Allin | 2018 |
========================================================================== */
/* DOCUMENT INFORMATION
-component for universal cross site service navigaiton
+-------------------------------+
| ~ | ~ | ~ | ~ | | ~ |
+-------------------------------+
*/
/*
* SETUP
* - Mixins
* - Variables
* - Settings
*/
/* ======================================================================
local settigns / mixins etc ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* ======================================================================
dropdown component ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* standard dropdown class */
.js-dropdown {
/* base */
left: 0;
width: 100%;
padding: 24px;
background: #fff;
z-index: 100;
cursor: auto;
/* mobile border */
border-width: 0 0 2px 0;
border-color: #9A9A9A;
border-style: solid;
/* position */
position: absolute;
top: 55px;
/* hide initial */
display: none;
opacity: 0;
/* show with class applied */
}
.js-dropdown.s-show {
display: block;
opacity: 1;
}
.js-dropdown--no-border {
border-width: 0 0 0 0 !important;
-webkit-box-shadow: 0px 0px 28px -2px rgba(0, 0, 0, 0.39);
-moz-box-shadow: 0px 0px 28px -2px rgba(0, 0, 0, 0.39);
box-shadow: 0px 0px 28px -2px rgba(0, 0, 0, 0.39);
}
/* let the parent define styling depending on breakpoint */
@media (min-width: 34.375em) {
.js-dropdown-parent-w-setting\@mobile {
/* parent gets relative */
position: relative;
/* generic border gets added to dropdown */
/* left aligned dropdowns */
/* first left aligned dropdown gets special treatment */
/* right aligned dropdowns */
/* last right aligned dropdown gets specia treatment */
/* width control - custom widths get applied at desired width */
/* custom max width control */
}
.js-dropdown-parent-w-setting\@mobile .js-dropdown {
border-width: 0 2px 2px 2px;
}
.js-dropdown-parent-w-setting\@mobile .js-dropdown--rs {
border-top-width: 2px !important;
}
.js-dropdown-parent-w-setting\@mobile .js-dropdown--l {
left: -2px;
}
.js-dropdown-parent-w-setting\@mobile .js-dropdown--l-first {
left: 0;
border-width: 0 2px 2px 0;
}
.js-dropdown-parent-w-setting\@mobile .js-dropdown--r {
right: -2px;
left: auto;
border-width: 0 2px 2px 2px;
}
.js-dropdown-parent-w-setting\@mobile .js-dropdown--r-last {
right: 0;
left: auto;
border-width: 0 0 2px 2px;
}
.js-dropdown-parent-w-setting\@mobile .js-dropdown--w-1 {
width: 350px;
}
.js-dropdown-parent-w-setting\@mobile .js-dropdown--w-2 {
width: 450px;
}
.js-dropdown-parent-w-setting\@mobile .js-dropdown--w-3 {
width: 550px;
}
.js-dropdown-parent-w-setting\@mobile .js-dropdown--w-4 {
width: 650px;
}
.js-dropdown-parent-w-setting\@mobile .js-dropdown--w-5 {
width: 710px;
}
.js-dropdown-parent-w-setting\@mobile .js-dropdown--max-w-1 {
max-width: 350px;
}
.js-dropdown-parent-w-setting\@mobile .js-dropdown--max-w-2 {
max-width: 450px;
}
.js-dropdown-parent-w-setting\@mobile .js-dropdown--max-w-3 {
max-width: 550px;
}
.js-dropdown-parent-w-setting\@mobile .js-dropdown--max-w-4 {
max-width: 650px;
}
.js-dropdown-parent-w-setting\@mobile .js-dropdown--max-w-5 {
max-width: 710px;
}
}
@media (min-width: 46.25em) {
.js-dropdown-parent-w-setting\@tablet {
/* parent gets relative */
position: relative;
/* generic border gets added to dropdown */
/* left aligned dropdowns */
/* first left aligned dropdown gets special treatment */
/* right aligned dropdowns */
/* last right aligned dropdown gets specia treatment */
/* width control - custom widths get applied at desired width */
/* custom max width control */
}
.js-dropdown-parent-w-setting\@tablet .js-dropdown {
border-width: 0 2px 2px 2px;
}
.js-dropdown-parent-w-setting\@tablet .js-dropdown--rs {
border-top-width: 2px !important;
}
.js-dropdown-parent-w-setting\@tablet .js-dropdown--l {
left: -2px;
}
.js-dropdown-parent-w-setting\@tablet .js-dropdown--l-first {
left: 0;
border-width: 0 2px 2px 0;
}
.js-dropdown-parent-w-setting\@tablet .js-dropdown--r {
right: -2px;
left: auto;
border-width: 0 2px 2px 2px;
}
.js-dropdown-parent-w-setting\@tablet .js-dropdown--r-last {
right: 0;
left: auto;
border-width: 0 0 2px 2px;
}
.js-dropdown-parent-w-setting\@tablet .js-dropdown--w-1 {
width: 350px;
}
.js-dropdown-parent-w-setting\@tablet .js-dropdown--w-2 {
width: 450px;
}
.js-dropdown-parent-w-setting\@tablet .js-dropdown--w-3 {
width: 550px;
}
.js-dropdown-parent-w-setting\@tablet .js-dropdown--w-4 {
width: 650px;
}
.js-dropdown-parent-w-setting\@tablet .js-dropdown--w-5 {
width: 710px;
}
.js-dropdown-parent-w-setting\@tablet .js-dropdown--max-w-1 {
max-width: 350px;
}
.js-dropdown-parent-w-setting\@tablet .js-dropdown--max-w-2 {
max-width: 450px;
}
.js-dropdown-parent-w-setting\@tablet .js-dropdown--max-w-3 {
max-width: 550px;
}
.js-dropdown-parent-w-setting\@tablet .js-dropdown--max-w-4 {
max-width: 650px;
}
.js-dropdown-parent-w-setting\@tablet .js-dropdown--max-w-5 {
max-width: 710px;
}
}
@media (min-width: 52.5em) {
.js-dropdown-parent-w-setting\@medium {
/* parent gets relative */
position: relative;
/* generic border gets added to dropdown */
/* left aligned dropdowns */
/* first left aligned dropdown gets special treatment */
/* right aligned dropdowns */
/* last right aligned dropdown gets specia treatment */
/* width control - custom widths get applied at desired width */
/* custom max width control */
}
.js-dropdown-parent-w-setting\@medium .js-dropdown {
border-width: 0 2px 2px 2px;
}
.js-dropdown-parent-w-setting\@medium .js-dropdown--rs {
border-top-width: 2px !important;
}
.js-dropdown-parent-w-setting\@medium .js-dropdown--l {
left: -2px;
}
.js-dropdown-parent-w-setting\@medium .js-dropdown--l-first {
left: 0;
border-width: 0 2px 2px 0;
}
.js-dropdown-parent-w-setting\@medium .js-dropdown--r {
right: -2px;
left: auto;
border-width: 0 2px 2px 2px;
}
.js-dropdown-parent-w-setting\@medium .js-dropdown--r-last {
right: 0;
left: auto;
border-width: 0 0 2px 2px;
}
.js-dropdown-parent-w-setting\@medium .js-dropdown--w-1 {
width: 350px;
}
.js-dropdown-parent-w-setting\@medium .js-dropdown--w-2 {
width: 450px;
}
.js-dropdown-parent-w-setting\@medium .js-dropdown--w-3 {
width: 550px;
}
.js-dropdown-parent-w-setting\@medium .js-dropdown--w-4 {
width: 650px;
}
.js-dropdown-parent-w-setting\@medium .js-dropdown--w-5 {
width: 710px;
}
.js-dropdown-parent-w-setting\@medium .js-dropdown--max-w-1 {
max-width: 350px;
}
.js-dropdown-parent-w-setting\@medium .js-dropdown--max-w-2 {
max-width: 450px;
}
.js-dropdown-parent-w-setting\@medium .js-dropdown--max-w-3 {
max-width: 550px;
}
.js-dropdown-parent-w-setting\@medium .js-dropdown--max-w-4 {
max-width: 650px;
}
.js-dropdown-parent-w-setting\@medium .js-dropdown--max-w-5 {
max-width: 710px;
}
}
@media (min-width: 61.25em) {
.js-dropdown-parent-w-setting\@desktop {
/* parent gets relative */
position: relative;
/* generic border gets added to dropdown */
/* left aligned dropdowns */
/* first left aligned dropdown gets special treatment */
/* right aligned dropdowns */
/* last right aligned dropdown gets specia treatment */
/* width control - custom widths get applied at desired width */
/* custom max width control */
}
.js-dropdown-parent-w-setting\@desktop .js-dropdown {
border-width: 0 2px 2px 2px;
}
.js-dropdown-parent-w-setting\@desktop .js-dropdown--rs {
border-top-width: 2px !important;
}
.js-dropdown-parent-w-setting\@desktop .js-dropdown--l {
left: -2px;
}
.js-dropdown-parent-w-setting\@desktop .js-dropdown--l-first {
left: 0;
border-width: 0 2px 2px 0;
}
.js-dropdown-parent-w-setting\@desktop .js-dropdown--r {
right: -2px;
left: auto;
border-width: 0 2px 2px 2px;
}
.js-dropdown-parent-w-setting\@desktop .js-dropdown--r-last {
right: 0;
left: auto;
border-width: 0 0 2px 2px;
}
.js-dropdown-parent-w-setting\@desktop .js-dropdown--w-1 {
width: 350px;
}
.js-dropdown-parent-w-setting\@desktop .js-dropdown--w-2 {
width: 450px;
}
.js-dropdown-parent-w-setting\@desktop .js-dropdown--w-3 {
width: 550px;
}
.js-dropdown-parent-w-setting\@desktop .js-dropdown--w-4 {
width: 650px;
}
.js-dropdown-parent-w-setting\@desktop .js-dropdown--w-5 {
width: 710px;
}
.js-dropdown-parent-w-setting\@desktop .js-dropdown--max-w-1 {
max-width: 350px;
}
.js-dropdown-parent-w-setting\@desktop .js-dropdown--max-w-2 {
max-width: 450px;
}
.js-dropdown-parent-w-setting\@desktop .js-dropdown--max-w-3 {
max-width: 550px;
}
.js-dropdown-parent-w-setting\@desktop .js-dropdown--max-w-4 {
max-width: 650px;
}
.js-dropdown-parent-w-setting\@desktop .js-dropdown--max-w-5 {
max-width: 710px;
}
}
@media (min-width: 64em) {
.js-dropdown-parent-w-setting\@desktop-medium {
/* parent gets relative */
position: relative;
/* generic border gets added to dropdown */
/* left aligned dropdowns */
/* first left aligned dropdown gets special treatment */
/* right aligned dropdowns */
/* last right aligned dropdown gets specia treatment */
/* width control - custom widths get applied at desired width */
/* custom max width control */
}
.js-dropdown-parent-w-setting\@desktop-medium .js-dropdown {
border-width: 0 2px 2px 2px;
}
.js-dropdown-parent-w-setting\@desktop-medium .js-dropdown--rs {
border-top-width: 2px !important;
}
.js-dropdown-parent-w-setting\@desktop-medium .js-dropdown--l {
left: -2px;
}
.js-dropdown-parent-w-setting\@desktop-medium .js-dropdown--l-first {
left: 0;
border-width: 0 2px 2px 0;
}
.js-dropdown-parent-w-setting\@desktop-medium .js-dropdown--r {
right: -2px;
left: auto;
border-width: 0 2px 2px 2px;
}
.js-dropdown-parent-w-setting\@desktop-medium .js-dropdown--r-last {
right: 0;
left: auto;
border-width: 0 0 2px 2px;
}
.js-dropdown-parent-w-setting\@desktop-medium .js-dropdown--w-1 {
width: 350px;
}
.js-dropdown-parent-w-setting\@desktop-medium .js-dropdown--w-2 {
width: 450px;
}
.js-dropdown-parent-w-setting\@desktop-medium .js-dropdown--w-3 {
width: 550px;
}
.js-dropdown-parent-w-setting\@desktop-medium .js-dropdown--w-4 {
width: 650px;
}
.js-dropdown-parent-w-setting\@desktop-medium .js-dropdown--w-5 {
width: 710px;
}
.js-dropdown-parent-w-setting\@desktop-medium .js-dropdown--max-w-1 {
max-width: 350px;
}
.js-dropdown-parent-w-setting\@desktop-medium .js-dropdown--max-w-2 {
max-width: 450px;
}
.js-dropdown-parent-w-setting\@desktop-medium .js-dropdown--max-w-3 {
max-width: 550px;
}
.js-dropdown-parent-w-setting\@desktop-medium .js-dropdown--max-w-4 {
max-width: 650px;
}
.js-dropdown-parent-w-setting\@desktop-medium .js-dropdown--max-w-5 {
max-width: 710px;
}
}
@media (min-width: 71.875em) {
.js-dropdown-parent-w-setting\@desktop-wide {
/* parent gets relative */
position: relative;
/* generic border gets added to dropdown */
/* left aligned dropdowns */
/* first left aligned dropdown gets special treatment */
/* right aligned dropdowns */
/* last right aligned dropdown gets specia treatment */
/* width control - custom widths get applied at desired width */
/* custom max width control */
}
.js-dropdown-parent-w-setting\@desktop-wide .js-dropdown {
border-width: 0 2px 2px 2px;
}
.js-dropdown-parent-w-setting\@desktop-wide .js-dropdown--rs {
border-top-width: 2px !important;
}
.js-dropdown-parent-w-setting\@desktop-wide .js-dropdown--l {
left: -2px;
}
.js-dropdown-parent-w-setting\@desktop-wide .js-dropdown--l-first {
left: 0;
border-width: 0 2px 2px 0;
}
.js-dropdown-parent-w-setting\@desktop-wide .js-dropdown--r {
right: -2px;
left: auto;
border-width: 0 2px 2px 2px;
}
.js-dropdown-parent-w-setting\@desktop-wide .js-dropdown--r-last {
right: 0;
left: auto;
border-width: 0 0 2px 2px;
}
.js-dropdown-parent-w-setting\@desktop-wide .js-dropdown--w-1 {
width: 350px;
}
.js-dropdown-parent-w-setting\@desktop-wide .js-dropdown--w-2 {
width: 450px;
}
.js-dropdown-parent-w-setting\@desktop-wide .js-dropdown--w-3 {
width: 550px;
}
.js-dropdown-parent-w-setting\@desktop-wide .js-dropdown--w-4 {
width: 650px;
}
.js-dropdown-parent-w-setting\@desktop-wide .js-dropdown--w-5 {
width: 710px;
}
.js-dropdown-parent-w-setting\@desktop-wide .js-dropdown--max-w-1 {
max-width: 350px;
}
.js-dropdown-parent-w-setting\@desktop-wide .js-dropdown--max-w-2 {
max-width: 450px;
}
.js-dropdown-parent-w-setting\@desktop-wide .js-dropdown--max-w-3 {
max-width: 550px;
}
.js-dropdown-parent-w-setting\@desktop-wide .js-dropdown--max-w-4 {
max-width: 650px;
}
.js-dropdown-parent-w-setting\@desktop-wide .js-dropdown--max-w-5 {
max-width: 710px;
}
}
@media (min-width: 81.25em) {
.js-dropdown-parent-w-setting\@wide {
/* parent gets relative */
position: relative;
/* generic border gets added to dropdown */
/* left aligned dropdowns */
/* first left aligned dropdown gets special treatment */
/* right aligned dropdowns */
/* last right aligned dropdown gets specia treatment */
/* width control - custom widths get applied at desired width */
/* custom max width control */
}
.js-dropdown-parent-w-setting\@wide .js-dropdown {
border-width: 0 2px 2px 2px;
}
.js-dropdown-parent-w-setting\@wide .js-dropdown--rs {
border-top-width: 2px !important;
}
.js-dropdown-parent-w-setting\@wide .js-dropdown--l {
left: -2px;
}
.js-dropdown-parent-w-setting\@wide .js-dropdown--l-first {
left: 0;
border-width: 0 2px 2px 0;
}
.js-dropdown-parent-w-setting\@wide .js-dropdown--r {
right: -2px;
left: auto;
border-width: 0 2px 2px 2px;
}
.js-dropdown-parent-w-setting\@wide .js-dropdown--r-last {
right: 0;
left: auto;
border-width: 0 0 2px 2px;
}
.js-dropdown-parent-w-setting\@wide .js-dropdown--w-1 {
width: 350px;
}
.js-dropdown-parent-w-setting\@wide .js-dropdown--w-2 {
width: 450px;
}
.js-dropdown-parent-w-setting\@wide .js-dropdown--w-3 {
width: 550px;
}
.js-dropdown-parent-w-setting\@wide .js-dropdown--w-4 {
width: 650px;
}
.js-dropdown-parent-w-setting\@wide .js-dropdown--w-5 {
width: 710px;
}
.js-dropdown-parent-w-setting\@wide .js-dropdown--max-w-1 {
max-width: 350px;
}
.js-dropdown-parent-w-setting\@wide .js-dropdown--max-w-2 {
max-width: 450px;
}
.js-dropdown-parent-w-setting\@wide .js-dropdown--max-w-3 {
max-width: 550px;
}
.js-dropdown-parent-w-setting\@wide .js-dropdown--max-w-4 {
max-width: 650px;
}
.js-dropdown-parent-w-setting\@wide .js-dropdown--max-w-5 {
max-width: 710px;
}
}
/* ======================================================================
slidedown component ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.js-slidedown {
/* base */
width: 100%;
height: auto;
background: #fff;
position: relative;
padding: 24px;
/* hide initial */
display: none;
opacity: 0;
/* show with class applied */
/* light grey option background */
/* reduced bottom padding */
}
.js-slidedown.s-show {
display: block;
opacity: 1;
}
.js-slidedown--bkgrnd-grey {
background-color: #f7f7f7;
}
.js-slidedown--bdr-bottom {
border-bottom: 2px solid #D8D8D8;
}
.js-slidedown--cats {
padding-bottom: 16px;
}
.open > .js-uib-dropdown {
padding: 24px;
width: 100%;
border-width: 0 0 3px 0;
border-style: solid;
border-color: #a3a3a3;
cursor: auto;
}
@media (min-width: 81.25em) {
.open > .js-uib-dropdown--w-85 {
width: 85%;
border-width: 0 3px 3px 0;
}
}
@media (min-width: 61.25em) {
.open > .js-uib-dropdown--w-50 {
width: 50%;
border-width: 0 3px 3px 0;
}
}
.open > .js-uib-dropdown--l {
left: -2px;
}
/* ===== MOBILE NAVIGATION COMPONENT ========================================
Author: Simon Allin | 2018 |
========================================================================== */
/* DOCUMENT INFORMATION
-component for universal cross site service navigaiton
*/
/*
* SETUP
* - Mixins
* - Variables
* - Settings
*/
/* dropdown width config */
/*
* COMPONENT
*/
body.noscroll {
width: 100%;
position: fixed;
overflow-y: hidden;
}
/* mobile nav trigger with variation for main and sub nav */
.js-mobile-menu-trigger, .js-mobile-sub-menu-trigger {
width: 55px;
height: 55px;
background-color: #ff9f6f;
background-image: url(svg/ico/ico-hamburger.svg);
background-repeat: no-repeat;
background-position: 19px 19px;
background-size: 20px;
float: right;
display: inline;
}
.js-mobile-menu-trigger:hover, .js-mobile-sub-menu-trigger:hover {
background-color: #ff8e56;
}
.js-mobile-menu-trigger.s-active, .js-mobile-sub-menu-trigger.s-active {
background-color: #ff9f6f;
border-bottom-color: #1067b0;
}
/* second level mobile trigger */
.js-mobile-sub-menu-trigger {
cursor: pointer;
background-color: #fff;
height: 53px;
background-image: url(svg/ico/ico-menu-arrow.svg);
/* active state */
/* full height option */
}
.js-mobile-sub-menu-trigger:hover {
background-color: #e5e5e5;
}
.js-mobile-sub-menu-trigger.s-active {
background-image: url(svg/ico/ico-menu-arrow-active.svg);
background-color: #e5e5e5;
}
.js-mobile-sub-menu-trigger--rs-brand {
background-color: #1067b0;
}
.js-mobile-sub-menu-trigger--rs-brand:hover, .js-mobile-sub-menu-trigger--rs-brand.s-active {
background-color: #1067b0;
}
.js-mobile-sub-menu-trigger--vuelio-brand {
background-color: #264592;
}
.js-mobile-sub-menu-trigger--vuelio-brand:hover, .js-mobile-sub-menu-trigger--vuelio-brand.s-active {
background-color: #264592;
}
.js-mobile-sub-menu-trigger--rs-brand, .js-mobile-sub-menu-trigger--vuelio-brand {
background-image: url(svg/ico/ico-menu-arrow-down--white.svg);
}
.js-mobile-sub-menu-trigger--rs-brand.s-active, .js-mobile-sub-menu-trigger--vuelio-brand.s-active {
background-image: url(svg/ico/ico-menu-arrow-up--white.svg);
}
.js-mobile-sub-menu-trigger--f-height {
height: 55px;
}
/* mobile menu with variation for main and sub nav */
.js-mobile-menu, .js-mobile-sub-menu {
width: 100%;
height: 100%;
position: fixed;
top: 55px;
right: -100%;
background-color: white;
z-index: 10;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
-webkit-transition: all 0.1s linear;
-khtml-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
}
@media (min-width: 46.25em) {
.js-mobile-menu--nrml-optn, .js-mobile-sub-menu--nrml-optn {
display: none;
opacity: 0;
}
}
@media (min-width: 61.25em) {
.js-mobile-menu--w-optn, .js-mobile-sub-menu--w-optn {
display: none;
opacity: 0;
}
}
.js-mobile-menu.s-show, .js-mobile-sub-menu.s-show {
right: 0px;
overflow-y: auto;
z-index: 100;
border-top: 3px solid #1067b0;
}
/* sub menu distance double nav height */
.js-mobile-sub-menu {
top: 110px;
}
/* ==========================================================================
#CLEARFIX
========================================================================== */
/**
* Attach our clearfix mixin to a utility class.
*/
.u-clearfix:after {
content: "" !important;
display: block !important;
clear: both !important;
}
/* ==========================================================================
#WIDTHS
========================================================================== */
/**
* inuitcss generates a series of utility classes that give a fluid width to
* whichever element they’re applied, e.g.:
*
* ![]()
*
* These classes are most commonly used in conjunction with our layout system,
* e.g.:
*
*
*
* By default, inuitcss will also generate responsive variants of each of these
* classes by using your Sass MQ configuration, e.g.:
*
*
*
* Optionally, inuitcss can generate offset classes which can push and pull
* elements left and right by a specified amount, e.g.:
*
*
*
* This is useful for making very granular changes to the rendered order of
* items in a layout.
*
* N.B. This option is turned off by default.
*/
/**
* A series of width helper classes that you can use to size things like grid
* systems. Classes take a fraction-like format (e.g. `.u-2/3`). Use these in
* your markup:
*
*
*
* The following will generate widths helper classes based on the fractions
* defined in the `$inuit-fractions` list.
*/
.u-1\/1 {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/1 {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-1\/1 {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/2 {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/2 {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-1\/2 {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-2\/2 {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/2 {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-2\/2 {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/3 {
width: 33.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/3 {
position: relative !important;
right: auto !important; /* [1] */
left: 33.3333333333% !important;
}
.u-pull-1\/3 {
position: relative !important;
right: 33.3333333333% !important;
left: auto !important; /* [1] */
}
.u-2\/3 {
width: 66.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/3 {
position: relative !important;
right: auto !important; /* [1] */
left: 66.6666666667% !important;
}
.u-pull-2\/3 {
position: relative !important;
right: 66.6666666667% !important;
left: auto !important; /* [1] */
}
.u-3\/3 {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/3 {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-3\/3 {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/4 {
width: 25% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/4 {
position: relative !important;
right: auto !important; /* [1] */
left: 25% !important;
}
.u-pull-1\/4 {
position: relative !important;
right: 25% !important;
left: auto !important; /* [1] */
}
.u-2\/4 {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/4 {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-2\/4 {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-3\/4 {
width: 75% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/4 {
position: relative !important;
right: auto !important; /* [1] */
left: 75% !important;
}
.u-pull-3\/4 {
position: relative !important;
right: 75% !important;
left: auto !important; /* [1] */
}
.u-4\/4 {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/4 {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-4\/4 {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/5 {
width: 20% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/5 {
position: relative !important;
right: auto !important; /* [1] */
left: 20% !important;
}
.u-pull-1\/5 {
position: relative !important;
right: 20% !important;
left: auto !important; /* [1] */
}
.u-2\/5 {
width: 40% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/5 {
position: relative !important;
right: auto !important; /* [1] */
left: 40% !important;
}
.u-pull-2\/5 {
position: relative !important;
right: 40% !important;
left: auto !important; /* [1] */
}
.u-3\/5 {
width: 60% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/5 {
position: relative !important;
right: auto !important; /* [1] */
left: 60% !important;
}
.u-pull-3\/5 {
position: relative !important;
right: 60% !important;
left: auto !important; /* [1] */
}
.u-4\/5 {
width: 80% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/5 {
position: relative !important;
right: auto !important; /* [1] */
left: 80% !important;
}
.u-pull-4\/5 {
position: relative !important;
right: 80% !important;
left: auto !important; /* [1] */
}
.u-5\/5 {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-5\/5 {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-5\/5 {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
/**
* If we’re using Sass-MQ, automatically generate grid system(s) for each of our
* defined breakpoints, and give them a Responsive Suffix, e.g.:
*
*
*/
@media (min-width: 34.375em) {
.u-1\/1\@mobile {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/1\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-1\/1\@mobile {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/2\@mobile {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/2\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-1\/2\@mobile {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-2\/2\@mobile {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/2\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-2\/2\@mobile {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/3\@mobile {
width: 33.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/3\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 33.3333333333% !important;
}
.u-pull-1\/3\@mobile {
position: relative !important;
right: 33.3333333333% !important;
left: auto !important; /* [1] */
}
.u-2\/3\@mobile {
width: 66.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/3\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 66.6666666667% !important;
}
.u-pull-2\/3\@mobile {
position: relative !important;
right: 66.6666666667% !important;
left: auto !important; /* [1] */
}
.u-3\/3\@mobile {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/3\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-3\/3\@mobile {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/4\@mobile {
width: 25% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/4\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 25% !important;
}
.u-pull-1\/4\@mobile {
position: relative !important;
right: 25% !important;
left: auto !important; /* [1] */
}
.u-2\/4\@mobile {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/4\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-2\/4\@mobile {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-3\/4\@mobile {
width: 75% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/4\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 75% !important;
}
.u-pull-3\/4\@mobile {
position: relative !important;
right: 75% !important;
left: auto !important; /* [1] */
}
.u-4\/4\@mobile {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/4\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-4\/4\@mobile {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/5\@mobile {
width: 20% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/5\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 20% !important;
}
.u-pull-1\/5\@mobile {
position: relative !important;
right: 20% !important;
left: auto !important; /* [1] */
}
.u-2\/5\@mobile {
width: 40% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/5\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 40% !important;
}
.u-pull-2\/5\@mobile {
position: relative !important;
right: 40% !important;
left: auto !important; /* [1] */
}
.u-3\/5\@mobile {
width: 60% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/5\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 60% !important;
}
.u-pull-3\/5\@mobile {
position: relative !important;
right: 60% !important;
left: auto !important; /* [1] */
}
.u-4\/5\@mobile {
width: 80% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/5\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 80% !important;
}
.u-pull-4\/5\@mobile {
position: relative !important;
right: 80% !important;
left: auto !important; /* [1] */
}
.u-5\/5\@mobile {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-5\/5\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-5\/5\@mobile {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
}
@media (min-width: 46.25em) {
.u-1\/1\@tablet {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/1\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-1\/1\@tablet {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/2\@tablet {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/2\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-1\/2\@tablet {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-2\/2\@tablet {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/2\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-2\/2\@tablet {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/3\@tablet {
width: 33.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/3\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 33.3333333333% !important;
}
.u-pull-1\/3\@tablet {
position: relative !important;
right: 33.3333333333% !important;
left: auto !important; /* [1] */
}
.u-2\/3\@tablet {
width: 66.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/3\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 66.6666666667% !important;
}
.u-pull-2\/3\@tablet {
position: relative !important;
right: 66.6666666667% !important;
left: auto !important; /* [1] */
}
.u-3\/3\@tablet {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/3\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-3\/3\@tablet {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/4\@tablet {
width: 25% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/4\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 25% !important;
}
.u-pull-1\/4\@tablet {
position: relative !important;
right: 25% !important;
left: auto !important; /* [1] */
}
.u-2\/4\@tablet {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/4\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-2\/4\@tablet {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-3\/4\@tablet {
width: 75% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/4\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 75% !important;
}
.u-pull-3\/4\@tablet {
position: relative !important;
right: 75% !important;
left: auto !important; /* [1] */
}
.u-4\/4\@tablet {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/4\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-4\/4\@tablet {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/5\@tablet {
width: 20% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/5\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 20% !important;
}
.u-pull-1\/5\@tablet {
position: relative !important;
right: 20% !important;
left: auto !important; /* [1] */
}
.u-2\/5\@tablet {
width: 40% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/5\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 40% !important;
}
.u-pull-2\/5\@tablet {
position: relative !important;
right: 40% !important;
left: auto !important; /* [1] */
}
.u-3\/5\@tablet {
width: 60% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/5\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 60% !important;
}
.u-pull-3\/5\@tablet {
position: relative !important;
right: 60% !important;
left: auto !important; /* [1] */
}
.u-4\/5\@tablet {
width: 80% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/5\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 80% !important;
}
.u-pull-4\/5\@tablet {
position: relative !important;
right: 80% !important;
left: auto !important; /* [1] */
}
.u-5\/5\@tablet {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-5\/5\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-5\/5\@tablet {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
}
@media (min-width: 52.5em) {
.u-1\/1\@medium {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/1\@medium {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-1\/1\@medium {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/2\@medium {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/2\@medium {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-1\/2\@medium {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-2\/2\@medium {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/2\@medium {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-2\/2\@medium {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/3\@medium {
width: 33.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/3\@medium {
position: relative !important;
right: auto !important; /* [1] */
left: 33.3333333333% !important;
}
.u-pull-1\/3\@medium {
position: relative !important;
right: 33.3333333333% !important;
left: auto !important; /* [1] */
}
.u-2\/3\@medium {
width: 66.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/3\@medium {
position: relative !important;
right: auto !important; /* [1] */
left: 66.6666666667% !important;
}
.u-pull-2\/3\@medium {
position: relative !important;
right: 66.6666666667% !important;
left: auto !important; /* [1] */
}
.u-3\/3\@medium {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/3\@medium {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-3\/3\@medium {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/4\@medium {
width: 25% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/4\@medium {
position: relative !important;
right: auto !important; /* [1] */
left: 25% !important;
}
.u-pull-1\/4\@medium {
position: relative !important;
right: 25% !important;
left: auto !important; /* [1] */
}
.u-2\/4\@medium {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/4\@medium {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-2\/4\@medium {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-3\/4\@medium {
width: 75% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/4\@medium {
position: relative !important;
right: auto !important; /* [1] */
left: 75% !important;
}
.u-pull-3\/4\@medium {
position: relative !important;
right: 75% !important;
left: auto !important; /* [1] */
}
.u-4\/4\@medium {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/4\@medium {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-4\/4\@medium {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/5\@medium {
width: 20% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/5\@medium {
position: relative !important;
right: auto !important; /* [1] */
left: 20% !important;
}
.u-pull-1\/5\@medium {
position: relative !important;
right: 20% !important;
left: auto !important; /* [1] */
}
.u-2\/5\@medium {
width: 40% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/5\@medium {
position: relative !important;
right: auto !important; /* [1] */
left: 40% !important;
}
.u-pull-2\/5\@medium {
position: relative !important;
right: 40% !important;
left: auto !important; /* [1] */
}
.u-3\/5\@medium {
width: 60% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/5\@medium {
position: relative !important;
right: auto !important; /* [1] */
left: 60% !important;
}
.u-pull-3\/5\@medium {
position: relative !important;
right: 60% !important;
left: auto !important; /* [1] */
}
.u-4\/5\@medium {
width: 80% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/5\@medium {
position: relative !important;
right: auto !important; /* [1] */
left: 80% !important;
}
.u-pull-4\/5\@medium {
position: relative !important;
right: 80% !important;
left: auto !important; /* [1] */
}
.u-5\/5\@medium {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-5\/5\@medium {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-5\/5\@medium {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
}
@media (min-width: 61.25em) {
.u-1\/1\@desktop {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/1\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-1\/1\@desktop {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/2\@desktop {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/2\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-1\/2\@desktop {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-2\/2\@desktop {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/2\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-2\/2\@desktop {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/3\@desktop {
width: 33.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/3\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 33.3333333333% !important;
}
.u-pull-1\/3\@desktop {
position: relative !important;
right: 33.3333333333% !important;
left: auto !important; /* [1] */
}
.u-2\/3\@desktop {
width: 66.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/3\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 66.6666666667% !important;
}
.u-pull-2\/3\@desktop {
position: relative !important;
right: 66.6666666667% !important;
left: auto !important; /* [1] */
}
.u-3\/3\@desktop {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/3\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-3\/3\@desktop {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/4\@desktop {
width: 25% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/4\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 25% !important;
}
.u-pull-1\/4\@desktop {
position: relative !important;
right: 25% !important;
left: auto !important; /* [1] */
}
.u-2\/4\@desktop {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/4\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-2\/4\@desktop {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-3\/4\@desktop {
width: 75% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/4\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 75% !important;
}
.u-pull-3\/4\@desktop {
position: relative !important;
right: 75% !important;
left: auto !important; /* [1] */
}
.u-4\/4\@desktop {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/4\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-4\/4\@desktop {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/5\@desktop {
width: 20% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/5\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 20% !important;
}
.u-pull-1\/5\@desktop {
position: relative !important;
right: 20% !important;
left: auto !important; /* [1] */
}
.u-2\/5\@desktop {
width: 40% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/5\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 40% !important;
}
.u-pull-2\/5\@desktop {
position: relative !important;
right: 40% !important;
left: auto !important; /* [1] */
}
.u-3\/5\@desktop {
width: 60% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/5\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 60% !important;
}
.u-pull-3\/5\@desktop {
position: relative !important;
right: 60% !important;
left: auto !important; /* [1] */
}
.u-4\/5\@desktop {
width: 80% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/5\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 80% !important;
}
.u-pull-4\/5\@desktop {
position: relative !important;
right: 80% !important;
left: auto !important; /* [1] */
}
.u-5\/5\@desktop {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-5\/5\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-5\/5\@desktop {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
}
@media (min-width: 64em) {
.u-1\/1\@desktop-medium {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/1\@desktop-medium {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-1\/1\@desktop-medium {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/2\@desktop-medium {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/2\@desktop-medium {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-1\/2\@desktop-medium {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-2\/2\@desktop-medium {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/2\@desktop-medium {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-2\/2\@desktop-medium {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/3\@desktop-medium {
width: 33.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/3\@desktop-medium {
position: relative !important;
right: auto !important; /* [1] */
left: 33.3333333333% !important;
}
.u-pull-1\/3\@desktop-medium {
position: relative !important;
right: 33.3333333333% !important;
left: auto !important; /* [1] */
}
.u-2\/3\@desktop-medium {
width: 66.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/3\@desktop-medium {
position: relative !important;
right: auto !important; /* [1] */
left: 66.6666666667% !important;
}
.u-pull-2\/3\@desktop-medium {
position: relative !important;
right: 66.6666666667% !important;
left: auto !important; /* [1] */
}
.u-3\/3\@desktop-medium {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/3\@desktop-medium {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-3\/3\@desktop-medium {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/4\@desktop-medium {
width: 25% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/4\@desktop-medium {
position: relative !important;
right: auto !important; /* [1] */
left: 25% !important;
}
.u-pull-1\/4\@desktop-medium {
position: relative !important;
right: 25% !important;
left: auto !important; /* [1] */
}
.u-2\/4\@desktop-medium {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/4\@desktop-medium {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-2\/4\@desktop-medium {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-3\/4\@desktop-medium {
width: 75% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/4\@desktop-medium {
position: relative !important;
right: auto !important; /* [1] */
left: 75% !important;
}
.u-pull-3\/4\@desktop-medium {
position: relative !important;
right: 75% !important;
left: auto !important; /* [1] */
}
.u-4\/4\@desktop-medium {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/4\@desktop-medium {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-4\/4\@desktop-medium {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/5\@desktop-medium {
width: 20% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/5\@desktop-medium {
position: relative !important;
right: auto !important; /* [1] */
left: 20% !important;
}
.u-pull-1\/5\@desktop-medium {
position: relative !important;
right: 20% !important;
left: auto !important; /* [1] */
}
.u-2\/5\@desktop-medium {
width: 40% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/5\@desktop-medium {
position: relative !important;
right: auto !important; /* [1] */
left: 40% !important;
}
.u-pull-2\/5\@desktop-medium {
position: relative !important;
right: 40% !important;
left: auto !important; /* [1] */
}
.u-3\/5\@desktop-medium {
width: 60% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/5\@desktop-medium {
position: relative !important;
right: auto !important; /* [1] */
left: 60% !important;
}
.u-pull-3\/5\@desktop-medium {
position: relative !important;
right: 60% !important;
left: auto !important; /* [1] */
}
.u-4\/5\@desktop-medium {
width: 80% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/5\@desktop-medium {
position: relative !important;
right: auto !important; /* [1] */
left: 80% !important;
}
.u-pull-4\/5\@desktop-medium {
position: relative !important;
right: 80% !important;
left: auto !important; /* [1] */
}
.u-5\/5\@desktop-medium {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-5\/5\@desktop-medium {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-5\/5\@desktop-medium {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
}
@media (min-width: 71.875em) {
.u-1\/1\@desktop-wide {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/1\@desktop-wide {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-1\/1\@desktop-wide {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/2\@desktop-wide {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/2\@desktop-wide {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-1\/2\@desktop-wide {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-2\/2\@desktop-wide {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/2\@desktop-wide {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-2\/2\@desktop-wide {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/3\@desktop-wide {
width: 33.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/3\@desktop-wide {
position: relative !important;
right: auto !important; /* [1] */
left: 33.3333333333% !important;
}
.u-pull-1\/3\@desktop-wide {
position: relative !important;
right: 33.3333333333% !important;
left: auto !important; /* [1] */
}
.u-2\/3\@desktop-wide {
width: 66.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/3\@desktop-wide {
position: relative !important;
right: auto !important; /* [1] */
left: 66.6666666667% !important;
}
.u-pull-2\/3\@desktop-wide {
position: relative !important;
right: 66.6666666667% !important;
left: auto !important; /* [1] */
}
.u-3\/3\@desktop-wide {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/3\@desktop-wide {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-3\/3\@desktop-wide {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/4\@desktop-wide {
width: 25% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/4\@desktop-wide {
position: relative !important;
right: auto !important; /* [1] */
left: 25% !important;
}
.u-pull-1\/4\@desktop-wide {
position: relative !important;
right: 25% !important;
left: auto !important; /* [1] */
}
.u-2\/4\@desktop-wide {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/4\@desktop-wide {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-2\/4\@desktop-wide {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-3\/4\@desktop-wide {
width: 75% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/4\@desktop-wide {
position: relative !important;
right: auto !important; /* [1] */
left: 75% !important;
}
.u-pull-3\/4\@desktop-wide {
position: relative !important;
right: 75% !important;
left: auto !important; /* [1] */
}
.u-4\/4\@desktop-wide {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/4\@desktop-wide {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-4\/4\@desktop-wide {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/5\@desktop-wide {
width: 20% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/5\@desktop-wide {
position: relative !important;
right: auto !important; /* [1] */
left: 20% !important;
}
.u-pull-1\/5\@desktop-wide {
position: relative !important;
right: 20% !important;
left: auto !important; /* [1] */
}
.u-2\/5\@desktop-wide {
width: 40% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/5\@desktop-wide {
position: relative !important;
right: auto !important; /* [1] */
left: 40% !important;
}
.u-pull-2\/5\@desktop-wide {
position: relative !important;
right: 40% !important;
left: auto !important; /* [1] */
}
.u-3\/5\@desktop-wide {
width: 60% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/5\@desktop-wide {
position: relative !important;
right: auto !important; /* [1] */
left: 60% !important;
}
.u-pull-3\/5\@desktop-wide {
position: relative !important;
right: 60% !important;
left: auto !important; /* [1] */
}
.u-4\/5\@desktop-wide {
width: 80% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/5\@desktop-wide {
position: relative !important;
right: auto !important; /* [1] */
left: 80% !important;
}
.u-pull-4\/5\@desktop-wide {
position: relative !important;
right: 80% !important;
left: auto !important; /* [1] */
}
.u-5\/5\@desktop-wide {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-5\/5\@desktop-wide {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-5\/5\@desktop-wide {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
}
@media (min-width: 81.25em) {
.u-1\/1\@wide {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/1\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-1\/1\@wide {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/2\@wide {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/2\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-1\/2\@wide {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-2\/2\@wide {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/2\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-2\/2\@wide {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/3\@wide {
width: 33.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/3\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 33.3333333333% !important;
}
.u-pull-1\/3\@wide {
position: relative !important;
right: 33.3333333333% !important;
left: auto !important; /* [1] */
}
.u-2\/3\@wide {
width: 66.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/3\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 66.6666666667% !important;
}
.u-pull-2\/3\@wide {
position: relative !important;
right: 66.6666666667% !important;
left: auto !important; /* [1] */
}
.u-3\/3\@wide {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/3\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-3\/3\@wide {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/4\@wide {
width: 25% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/4\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 25% !important;
}
.u-pull-1\/4\@wide {
position: relative !important;
right: 25% !important;
left: auto !important; /* [1] */
}
.u-2\/4\@wide {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/4\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-2\/4\@wide {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-3\/4\@wide {
width: 75% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/4\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 75% !important;
}
.u-pull-3\/4\@wide {
position: relative !important;
right: 75% !important;
left: auto !important; /* [1] */
}
.u-4\/4\@wide {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/4\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-4\/4\@wide {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/5\@wide {
width: 20% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/5\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 20% !important;
}
.u-pull-1\/5\@wide {
position: relative !important;
right: 20% !important;
left: auto !important; /* [1] */
}
.u-2\/5\@wide {
width: 40% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/5\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 40% !important;
}
.u-pull-2\/5\@wide {
position: relative !important;
right: 40% !important;
left: auto !important; /* [1] */
}
.u-3\/5\@wide {
width: 60% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/5\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 60% !important;
}
.u-pull-3\/5\@wide {
position: relative !important;
right: 60% !important;
left: auto !important; /* [1] */
}
.u-4\/5\@wide {
width: 80% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/5\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 80% !important;
}
.u-pull-4\/5\@wide {
position: relative !important;
right: 80% !important;
left: auto !important; /* [1] */
}
.u-5\/5\@wide {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-5\/5\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-5\/5\@wide {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
}
/* ===== GUTTER UTILITY =====================================================
Author: Simon Allin | 2017 |
========================================================================== */
/* DOCUMENT INFORMATION
-Use for adding gutters to pages
¦ ¦
⟶⟶¦ ¦⟵⟵
⟶⟶¦ ¦⟵⟵
⟶⟶¦ ¦⟵⟵
⟶⟶¦ ¦⟵⟵
⟶⟶¦ ¦⟵⟵
⟶⟶¦ ¦⟵⟵
¦ ¦
*/
.u-gutter-large {
padding-left: 48px !important;
padding-right: 48px !important;
}
.u-gutter-huge {
padding-left: 96px !important;
padding-right: 96px !important;
}
.u-gutter-massive {
padding-left: 192px !important;
padding-right: 192px !important;
}
.u-gutter-none {
padding-left: 0 !important;
padding-right: 0 !important;
}
@media (max-width: 34.365em) {
.u-gutter-large-none\@mobile {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 34.365em) {
.u-gutter-huge-none\@mobile {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 34.365em) {
.u-gutter-massive-none\@mobile {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 34.365em) {
.u-gutter-none-none\@mobile {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 46.24em) {
.u-gutter-large-none\@tablet {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 46.24em) {
.u-gutter-huge-none\@tablet {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 46.24em) {
.u-gutter-massive-none\@tablet {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 46.24em) {
.u-gutter-none-none\@tablet {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 52.49em) {
.u-gutter-large-none\@medium {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 52.49em) {
.u-gutter-huge-none\@medium {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 52.49em) {
.u-gutter-massive-none\@medium {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 52.49em) {
.u-gutter-none-none\@medium {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 61.24em) {
.u-gutter-large-none\@desktop {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 61.24em) {
.u-gutter-huge-none\@desktop {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 61.24em) {
.u-gutter-massive-none\@desktop {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 61.24em) {
.u-gutter-none-none\@desktop {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 63.99em) {
.u-gutter-large-none\@desktop-medium {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 63.99em) {
.u-gutter-huge-none\@desktop-medium {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 63.99em) {
.u-gutter-massive-none\@desktop-medium {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 63.99em) {
.u-gutter-none-none\@desktop-medium {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 71.865em) {
.u-gutter-large-none\@desktop-wide {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 71.865em) {
.u-gutter-huge-none\@desktop-wide {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 71.865em) {
.u-gutter-massive-none\@desktop-wide {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 71.865em) {
.u-gutter-none-none\@desktop-wide {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 81.24em) {
.u-gutter-large-none\@wide {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 81.24em) {
.u-gutter-huge-none\@wide {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 81.24em) {
.u-gutter-massive-none\@wide {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 81.24em) {
.u-gutter-none-none\@wide {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
/* ==========================================================================
#HEADINGS
========================================================================== */
/**
* Redefine all of our basic heading styles against utility classes so as to
* allow for double stranded heading hierarchy, e.g. we semantically need an H2,
* but we want it to be sized like an H1:
*
*
*
*/
.u-h1 {
font-size: 36px !important;
font-size: 2.25rem !important;
line-height: 1.3333333333 !important;
}
.u-h2 {
font-size: 28px !important;
font-size: 1.75rem !important;
line-height: 1.7142857143 !important;
}
.u-h3 {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1 !important;
}
.u-h4 {
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 1.2 !important;
}
.u-h5 {
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.3333333333 !important;
}
.u-h6 {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5 !important;
}
/* ==========================================================================
#SPACING
========================================================================== */
/**
* Utility classes to put specific spacing values onto elements. The below loop
* will generate us a suite of classes like:
*
* .u-margin-top {}
* .u-padding-left-large {}
* .u-margin-right-small {}
* .u-padding {}
* .u-padding-right-none {}
*/
/* stylelint-disable string-quotes */
.u-padding {
padding: 24px !important;
}
.u-padding-tiny {
padding: 6px !important;
}
.u-padding-small {
padding: 12px !important;
}
.u-padding-medium {
padding: 36px !important;
}
.u-padding-large {
padding: 48px !important;
}
.u-padding-huge {
padding: 96px !important;
}
.u-padding-xxl {
padding: 144px !important;
}
.u-padding-none {
padding: 0 !important;
}
.u-padding-top {
padding-top: 24px !important;
}
.u-padding-top-tiny {
padding-top: 6px !important;
}
.u-padding-top-small {
padding-top: 12px !important;
}
.u-padding-top-medium {
padding-top: 36px !important;
}
.u-padding-top-large {
padding-top: 48px !important;
}
.u-padding-top-huge {
padding-top: 96px !important;
}
.u-padding-top-xxl {
padding-top: 144px !important;
}
.u-padding-top-none {
padding-top: 0 !important;
}
.u-padding-right {
padding-right: 24px !important;
}
.u-padding-right-tiny {
padding-right: 6px !important;
}
.u-padding-right-small {
padding-right: 12px !important;
}
.u-padding-right-medium {
padding-right: 36px !important;
}
.u-padding-right-large {
padding-right: 48px !important;
}
.u-padding-right-huge {
padding-right: 96px !important;
}
.u-padding-right-xxl {
padding-right: 144px !important;
}
.u-padding-right-none {
padding-right: 0 !important;
}
.u-padding-bottom {
padding-bottom: 24px !important;
}
.u-padding-bottom-tiny {
padding-bottom: 6px !important;
}
.u-padding-bottom-small {
padding-bottom: 12px !important;
}
.u-padding-bottom-medium {
padding-bottom: 36px !important;
}
.u-padding-bottom-large {
padding-bottom: 48px !important;
}
.u-padding-bottom-huge {
padding-bottom: 96px !important;
}
.u-padding-bottom-xxl {
padding-bottom: 144px !important;
}
.u-padding-bottom-none {
padding-bottom: 0 !important;
}
.u-padding-left {
padding-left: 24px !important;
}
.u-padding-left-tiny {
padding-left: 6px !important;
}
.u-padding-left-small {
padding-left: 12px !important;
}
.u-padding-left-medium {
padding-left: 36px !important;
}
.u-padding-left-large {
padding-left: 48px !important;
}
.u-padding-left-huge {
padding-left: 96px !important;
}
.u-padding-left-xxl {
padding-left: 144px !important;
}
.u-padding-left-none {
padding-left: 0 !important;
}
.u-margin {
margin: 24px !important;
}
.u-margin-tiny {
margin: 6px !important;
}
.u-margin-small {
margin: 12px !important;
}
.u-margin-medium {
margin: 36px !important;
}
.u-margin-large {
margin: 48px !important;
}
.u-margin-huge {
margin: 96px !important;
}
.u-margin-xxl {
margin: 144px !important;
}
.u-margin-none {
margin: 0 !important;
}
.u-margin-top {
margin-top: 24px !important;
}
.u-margin-top-tiny {
margin-top: 6px !important;
}
.u-margin-top-small {
margin-top: 12px !important;
}
.u-margin-top-medium {
margin-top: 36px !important;
}
.u-margin-top-large {
margin-top: 48px !important;
}
.u-margin-top-huge {
margin-top: 96px !important;
}
.u-margin-top-xxl {
margin-top: 144px !important;
}
.u-margin-top-none {
margin-top: 0 !important;
}
.u-margin-right {
margin-right: 24px !important;
}
.u-margin-right-tiny {
margin-right: 6px !important;
}
.u-margin-right-small {
margin-right: 12px !important;
}
.u-margin-right-medium {
margin-right: 36px !important;
}
.u-margin-right-large {
margin-right: 48px !important;
}
.u-margin-right-huge {
margin-right: 96px !important;
}
.u-margin-right-xxl {
margin-right: 144px !important;
}
.u-margin-right-none {
margin-right: 0 !important;
}
.u-margin-bottom {
margin-bottom: 24px !important;
}
.u-margin-bottom-tiny {
margin-bottom: 6px !important;
}
.u-margin-bottom-small {
margin-bottom: 12px !important;
}
.u-margin-bottom-medium {
margin-bottom: 36px !important;
}
.u-margin-bottom-large {
margin-bottom: 48px !important;
}
.u-margin-bottom-huge {
margin-bottom: 96px !important;
}
.u-margin-bottom-xxl {
margin-bottom: 144px !important;
}
.u-margin-bottom-none {
margin-bottom: 0 !important;
}
.u-margin-left {
margin-left: 24px !important;
}
.u-margin-left-tiny {
margin-left: 6px !important;
}
.u-margin-left-small {
margin-left: 12px !important;
}
.u-margin-left-medium {
margin-left: 36px !important;
}
.u-margin-left-large {
margin-left: 48px !important;
}
.u-margin-left-huge {
margin-left: 96px !important;
}
.u-margin-left-xxl {
margin-left: 144px !important;
}
.u-margin-left-none {
margin-left: 0 !important;
}
@media (max-width: 34.365em) {
.u-padding-none\@mobile {
padding: 0 !important;
}
}
@media (max-width: 34.365em) {
.u-padding-top-none\@mobile {
padding-top: 0 !important;
}
}
@media (max-width: 34.365em) {
.u-padding-right-none\@mobile {
padding-right: 0 !important;
}
}
@media (max-width: 34.365em) {
.u-padding-bottom-none\@mobile {
padding-bottom: 0 !important;
}
}
@media (max-width: 34.365em) {
.u-padding-left-none\@mobile {
padding-left: 0 !important;
}
}
@media (max-width: 34.365em) {
.u-margin-none\@mobile {
margin: 0 !important;
}
}
@media (max-width: 34.365em) {
.u-margin-top-none\@mobile {
margin-top: 0 !important;
}
}
@media (max-width: 34.365em) {
.u-margin-right-none\@mobile {
margin-right: 0 !important;
}
}
@media (max-width: 34.365em) {
.u-margin-bottom-none\@mobile {
margin-bottom: 0 !important;
}
}
@media (max-width: 34.365em) {
.u-margin-left-none\@mobile {
margin-left: 0 !important;
}
}
@media (max-width: 46.24em) {
.u-padding-none\@tablet {
padding: 0 !important;
}
}
@media (max-width: 46.24em) {
.u-padding-top-none\@tablet {
padding-top: 0 !important;
}
}
@media (max-width: 46.24em) {
.u-padding-right-none\@tablet {
padding-right: 0 !important;
}
}
@media (max-width: 46.24em) {
.u-padding-bottom-none\@tablet {
padding-bottom: 0 !important;
}
}
@media (max-width: 46.24em) {
.u-padding-left-none\@tablet {
padding-left: 0 !important;
}
}
@media (max-width: 46.24em) {
.u-margin-none\@tablet {
margin: 0 !important;
}
}
@media (max-width: 46.24em) {
.u-margin-top-none\@tablet {
margin-top: 0 !important;
}
}
@media (max-width: 46.24em) {
.u-margin-right-none\@tablet {
margin-right: 0 !important;
}
}
@media (max-width: 46.24em) {
.u-margin-bottom-none\@tablet {
margin-bottom: 0 !important;
}
}
@media (max-width: 46.24em) {
.u-margin-left-none\@tablet {
margin-left: 0 !important;
}
}
@media (max-width: 52.49em) {
.u-padding-none\@medium {
padding: 0 !important;
}
}
@media (max-width: 52.49em) {
.u-padding-top-none\@medium {
padding-top: 0 !important;
}
}
@media (max-width: 52.49em) {
.u-padding-right-none\@medium {
padding-right: 0 !important;
}
}
@media (max-width: 52.49em) {
.u-padding-bottom-none\@medium {
padding-bottom: 0 !important;
}
}
@media (max-width: 52.49em) {
.u-padding-left-none\@medium {
padding-left: 0 !important;
}
}
@media (max-width: 52.49em) {
.u-margin-none\@medium {
margin: 0 !important;
}
}
@media (max-width: 52.49em) {
.u-margin-top-none\@medium {
margin-top: 0 !important;
}
}
@media (max-width: 52.49em) {
.u-margin-right-none\@medium {
margin-right: 0 !important;
}
}
@media (max-width: 52.49em) {
.u-margin-bottom-none\@medium {
margin-bottom: 0 !important;
}
}
@media (max-width: 52.49em) {
.u-margin-left-none\@medium {
margin-left: 0 !important;
}
}
@media (max-width: 61.24em) {
.u-padding-none\@desktop {
padding: 0 !important;
}
}
@media (max-width: 61.24em) {
.u-padding-top-none\@desktop {
padding-top: 0 !important;
}
}
@media (max-width: 61.24em) {
.u-padding-right-none\@desktop {
padding-right: 0 !important;
}
}
@media (max-width: 61.24em) {
.u-padding-bottom-none\@desktop {
padding-bottom: 0 !important;
}
}
@media (max-width: 61.24em) {
.u-padding-left-none\@desktop {
padding-left: 0 !important;
}
}
@media (max-width: 61.24em) {
.u-margin-none\@desktop {
margin: 0 !important;
}
}
@media (max-width: 61.24em) {
.u-margin-top-none\@desktop {
margin-top: 0 !important;
}
}
@media (max-width: 61.24em) {
.u-margin-right-none\@desktop {
margin-right: 0 !important;
}
}
@media (max-width: 61.24em) {
.u-margin-bottom-none\@desktop {
margin-bottom: 0 !important;
}
}
@media (max-width: 61.24em) {
.u-margin-left-none\@desktop {
margin-left: 0 !important;
}
}
@media (max-width: 63.99em) {
.u-padding-none\@desktop-medium {
padding: 0 !important;
}
}
@media (max-width: 63.99em) {
.u-padding-top-none\@desktop-medium {
padding-top: 0 !important;
}
}
@media (max-width: 63.99em) {
.u-padding-right-none\@desktop-medium {
padding-right: 0 !important;
}
}
@media (max-width: 63.99em) {
.u-padding-bottom-none\@desktop-medium {
padding-bottom: 0 !important;
}
}
@media (max-width: 63.99em) {
.u-padding-left-none\@desktop-medium {
padding-left: 0 !important;
}
}
@media (max-width: 63.99em) {
.u-margin-none\@desktop-medium {
margin: 0 !important;
}
}
@media (max-width: 63.99em) {
.u-margin-top-none\@desktop-medium {
margin-top: 0 !important;
}
}
@media (max-width: 63.99em) {
.u-margin-right-none\@desktop-medium {
margin-right: 0 !important;
}
}
@media (max-width: 63.99em) {
.u-margin-bottom-none\@desktop-medium {
margin-bottom: 0 !important;
}
}
@media (max-width: 63.99em) {
.u-margin-left-none\@desktop-medium {
margin-left: 0 !important;
}
}
@media (max-width: 71.865em) {
.u-padding-none\@desktop-wide {
padding: 0 !important;
}
}
@media (max-width: 71.865em) {
.u-padding-top-none\@desktop-wide {
padding-top: 0 !important;
}
}
@media (max-width: 71.865em) {
.u-padding-right-none\@desktop-wide {
padding-right: 0 !important;
}
}
@media (max-width: 71.865em) {
.u-padding-bottom-none\@desktop-wide {
padding-bottom: 0 !important;
}
}
@media (max-width: 71.865em) {
.u-padding-left-none\@desktop-wide {
padding-left: 0 !important;
}
}
@media (max-width: 71.865em) {
.u-margin-none\@desktop-wide {
margin: 0 !important;
}
}
@media (max-width: 71.865em) {
.u-margin-top-none\@desktop-wide {
margin-top: 0 !important;
}
}
@media (max-width: 71.865em) {
.u-margin-right-none\@desktop-wide {
margin-right: 0 !important;
}
}
@media (max-width: 71.865em) {
.u-margin-bottom-none\@desktop-wide {
margin-bottom: 0 !important;
}
}
@media (max-width: 71.865em) {
.u-margin-left-none\@desktop-wide {
margin-left: 0 !important;
}
}
@media (max-width: 81.24em) {
.u-padding-none\@wide {
padding: 0 !important;
}
}
@media (max-width: 81.24em) {
.u-padding-top-none\@wide {
padding-top: 0 !important;
}
}
@media (max-width: 81.24em) {
.u-padding-right-none\@wide {
padding-right: 0 !important;
}
}
@media (max-width: 81.24em) {
.u-padding-bottom-none\@wide {
padding-bottom: 0 !important;
}
}
@media (max-width: 81.24em) {
.u-padding-left-none\@wide {
padding-left: 0 !important;
}
}
@media (max-width: 81.24em) {
.u-margin-none\@wide {
margin: 0 !important;
}
}
@media (max-width: 81.24em) {
.u-margin-top-none\@wide {
margin-top: 0 !important;
}
}
@media (max-width: 81.24em) {
.u-margin-right-none\@wide {
margin-right: 0 !important;
}
}
@media (max-width: 81.24em) {
.u-margin-bottom-none\@wide {
margin-bottom: 0 !important;
}
}
@media (max-width: 81.24em) {
.u-margin-left-none\@wide {
margin-left: 0 !important;
}
}
@media (max-width: 34.365em) {
.u-padding\@mobile {
padding: 24px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-tiny\@mobile {
padding: 6px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-small\@mobile {
padding: 12px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-medium\@mobile {
padding: 36px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-large\@mobile {
padding: 48px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-huge\@mobile {
padding: 96px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-xxl\@mobile {
padding: 144px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-none\@mobile {
padding: 0 !important;
}
}
@media (max-width: 34.365em) {
.u-padding-top\@mobile {
padding-top: 24px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-top-tiny\@mobile {
padding-top: 6px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-top-small\@mobile {
padding-top: 12px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-top-medium\@mobile {
padding-top: 36px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-top-large\@mobile {
padding-top: 48px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-top-huge\@mobile {
padding-top: 96px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-top-xxl\@mobile {
padding-top: 144px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-top-none\@mobile {
padding-top: 0 !important;
}
}
@media (max-width: 34.365em) {
.u-padding-right\@mobile {
padding-right: 24px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-right-tiny\@mobile {
padding-right: 6px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-right-small\@mobile {
padding-right: 12px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-right-medium\@mobile {
padding-right: 36px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-right-large\@mobile {
padding-right: 48px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-right-huge\@mobile {
padding-right: 96px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-right-xxl\@mobile {
padding-right: 144px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-right-none\@mobile {
padding-right: 0 !important;
}
}
@media (max-width: 34.365em) {
.u-padding-bottom\@mobile {
padding-bottom: 24px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-bottom-tiny\@mobile {
padding-bottom: 6px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-bottom-small\@mobile {
padding-bottom: 12px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-bottom-medium\@mobile {
padding-bottom: 36px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-bottom-large\@mobile {
padding-bottom: 48px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-bottom-huge\@mobile {
padding-bottom: 96px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-bottom-xxl\@mobile {
padding-bottom: 144px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-bottom-none\@mobile {
padding-bottom: 0 !important;
}
}
@media (max-width: 34.365em) {
.u-padding-left\@mobile {
padding-left: 24px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-left-tiny\@mobile {
padding-left: 6px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-left-small\@mobile {
padding-left: 12px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-left-medium\@mobile {
padding-left: 36px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-left-large\@mobile {
padding-left: 48px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-left-huge\@mobile {
padding-left: 96px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-left-xxl\@mobile {
padding-left: 144px !important;
}
}
@media (max-width: 34.365em) {
.u-padding-left-none\@mobile {
padding-left: 0 !important;
}
}
@media (max-width: 34.365em) {
.u-margin\@mobile {
margin: 24px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-tiny\@mobile {
margin: 6px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-small\@mobile {
margin: 12px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-medium\@mobile {
margin: 36px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-large\@mobile {
margin: 48px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-huge\@mobile {
margin: 96px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-xxl\@mobile {
margin: 144px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-none\@mobile {
margin: 0 !important;
}
}
@media (max-width: 34.365em) {
.u-margin-top\@mobile {
margin-top: 24px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-top-tiny\@mobile {
margin-top: 6px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-top-small\@mobile {
margin-top: 12px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-top-medium\@mobile {
margin-top: 36px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-top-large\@mobile {
margin-top: 48px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-top-huge\@mobile {
margin-top: 96px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-top-xxl\@mobile {
margin-top: 144px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-top-none\@mobile {
margin-top: 0 !important;
}
}
@media (max-width: 34.365em) {
.u-margin-right\@mobile {
margin-right: 24px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-right-tiny\@mobile {
margin-right: 6px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-right-small\@mobile {
margin-right: 12px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-right-medium\@mobile {
margin-right: 36px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-right-large\@mobile {
margin-right: 48px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-right-huge\@mobile {
margin-right: 96px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-right-xxl\@mobile {
margin-right: 144px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-right-none\@mobile {
margin-right: 0 !important;
}
}
@media (max-width: 34.365em) {
.u-margin-bottom\@mobile {
margin-bottom: 24px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-bottom-tiny\@mobile {
margin-bottom: 6px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-bottom-small\@mobile {
margin-bottom: 12px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-bottom-medium\@mobile {
margin-bottom: 36px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-bottom-large\@mobile {
margin-bottom: 48px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-bottom-huge\@mobile {
margin-bottom: 96px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-bottom-xxl\@mobile {
margin-bottom: 144px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-bottom-none\@mobile {
margin-bottom: 0 !important;
}
}
@media (max-width: 34.365em) {
.u-margin-left\@mobile {
margin-left: 24px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-left-tiny\@mobile {
margin-left: 6px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-left-small\@mobile {
margin-left: 12px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-left-medium\@mobile {
margin-left: 36px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-left-large\@mobile {
margin-left: 48px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-left-huge\@mobile {
margin-left: 96px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-left-xxl\@mobile {
margin-left: 144px !important;
}
}
@media (max-width: 34.365em) {
.u-margin-left-none\@mobile {
margin-left: 0 !important;
}
}
@media (max-width: 46.24em) {
.u-padding\@tablet {
padding: 24px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-tiny\@tablet {
padding: 6px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-small\@tablet {
padding: 12px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-medium\@tablet {
padding: 36px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-large\@tablet {
padding: 48px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-huge\@tablet {
padding: 96px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-xxl\@tablet {
padding: 144px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-none\@tablet {
padding: 0 !important;
}
}
@media (max-width: 46.24em) {
.u-padding-top\@tablet {
padding-top: 24px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-top-tiny\@tablet {
padding-top: 6px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-top-small\@tablet {
padding-top: 12px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-top-medium\@tablet {
padding-top: 36px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-top-large\@tablet {
padding-top: 48px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-top-huge\@tablet {
padding-top: 96px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-top-xxl\@tablet {
padding-top: 144px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-top-none\@tablet {
padding-top: 0 !important;
}
}
@media (max-width: 46.24em) {
.u-padding-right\@tablet {
padding-right: 24px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-right-tiny\@tablet {
padding-right: 6px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-right-small\@tablet {
padding-right: 12px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-right-medium\@tablet {
padding-right: 36px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-right-large\@tablet {
padding-right: 48px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-right-huge\@tablet {
padding-right: 96px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-right-xxl\@tablet {
padding-right: 144px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-right-none\@tablet {
padding-right: 0 !important;
}
}
@media (max-width: 46.24em) {
.u-padding-bottom\@tablet {
padding-bottom: 24px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-bottom-tiny\@tablet {
padding-bottom: 6px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-bottom-small\@tablet {
padding-bottom: 12px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-bottom-medium\@tablet {
padding-bottom: 36px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-bottom-large\@tablet {
padding-bottom: 48px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-bottom-huge\@tablet {
padding-bottom: 96px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-bottom-xxl\@tablet {
padding-bottom: 144px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-bottom-none\@tablet {
padding-bottom: 0 !important;
}
}
@media (max-width: 46.24em) {
.u-padding-left\@tablet {
padding-left: 24px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-left-tiny\@tablet {
padding-left: 6px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-left-small\@tablet {
padding-left: 12px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-left-medium\@tablet {
padding-left: 36px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-left-large\@tablet {
padding-left: 48px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-left-huge\@tablet {
padding-left: 96px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-left-xxl\@tablet {
padding-left: 144px !important;
}
}
@media (max-width: 46.24em) {
.u-padding-left-none\@tablet {
padding-left: 0 !important;
}
}
@media (max-width: 46.24em) {
.u-margin\@tablet {
margin: 24px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-tiny\@tablet {
margin: 6px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-small\@tablet {
margin: 12px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-medium\@tablet {
margin: 36px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-large\@tablet {
margin: 48px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-huge\@tablet {
margin: 96px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-xxl\@tablet {
margin: 144px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-none\@tablet {
margin: 0 !important;
}
}
@media (max-width: 46.24em) {
.u-margin-top\@tablet {
margin-top: 24px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-top-tiny\@tablet {
margin-top: 6px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-top-small\@tablet {
margin-top: 12px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-top-medium\@tablet {
margin-top: 36px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-top-large\@tablet {
margin-top: 48px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-top-huge\@tablet {
margin-top: 96px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-top-xxl\@tablet {
margin-top: 144px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-top-none\@tablet {
margin-top: 0 !important;
}
}
@media (max-width: 46.24em) {
.u-margin-right\@tablet {
margin-right: 24px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-right-tiny\@tablet {
margin-right: 6px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-right-small\@tablet {
margin-right: 12px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-right-medium\@tablet {
margin-right: 36px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-right-large\@tablet {
margin-right: 48px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-right-huge\@tablet {
margin-right: 96px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-right-xxl\@tablet {
margin-right: 144px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-right-none\@tablet {
margin-right: 0 !important;
}
}
@media (max-width: 46.24em) {
.u-margin-bottom\@tablet {
margin-bottom: 24px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-bottom-tiny\@tablet {
margin-bottom: 6px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-bottom-small\@tablet {
margin-bottom: 12px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-bottom-medium\@tablet {
margin-bottom: 36px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-bottom-large\@tablet {
margin-bottom: 48px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-bottom-huge\@tablet {
margin-bottom: 96px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-bottom-xxl\@tablet {
margin-bottom: 144px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-bottom-none\@tablet {
margin-bottom: 0 !important;
}
}
@media (max-width: 46.24em) {
.u-margin-left\@tablet {
margin-left: 24px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-left-tiny\@tablet {
margin-left: 6px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-left-small\@tablet {
margin-left: 12px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-left-medium\@tablet {
margin-left: 36px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-left-large\@tablet {
margin-left: 48px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-left-huge\@tablet {
margin-left: 96px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-left-xxl\@tablet {
margin-left: 144px !important;
}
}
@media (max-width: 46.24em) {
.u-margin-left-none\@tablet {
margin-left: 0 !important;
}
}
@media (max-width: 52.49em) {
.u-padding\@medium {
padding: 24px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-tiny\@medium {
padding: 6px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-small\@medium {
padding: 12px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-medium\@medium {
padding: 36px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-large\@medium {
padding: 48px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-huge\@medium {
padding: 96px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-xxl\@medium {
padding: 144px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-none\@medium {
padding: 0 !important;
}
}
@media (max-width: 52.49em) {
.u-padding-top\@medium {
padding-top: 24px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-top-tiny\@medium {
padding-top: 6px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-top-small\@medium {
padding-top: 12px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-top-medium\@medium {
padding-top: 36px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-top-large\@medium {
padding-top: 48px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-top-huge\@medium {
padding-top: 96px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-top-xxl\@medium {
padding-top: 144px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-top-none\@medium {
padding-top: 0 !important;
}
}
@media (max-width: 52.49em) {
.u-padding-right\@medium {
padding-right: 24px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-right-tiny\@medium {
padding-right: 6px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-right-small\@medium {
padding-right: 12px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-right-medium\@medium {
padding-right: 36px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-right-large\@medium {
padding-right: 48px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-right-huge\@medium {
padding-right: 96px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-right-xxl\@medium {
padding-right: 144px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-right-none\@medium {
padding-right: 0 !important;
}
}
@media (max-width: 52.49em) {
.u-padding-bottom\@medium {
padding-bottom: 24px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-bottom-tiny\@medium {
padding-bottom: 6px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-bottom-small\@medium {
padding-bottom: 12px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-bottom-medium\@medium {
padding-bottom: 36px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-bottom-large\@medium {
padding-bottom: 48px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-bottom-huge\@medium {
padding-bottom: 96px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-bottom-xxl\@medium {
padding-bottom: 144px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-bottom-none\@medium {
padding-bottom: 0 !important;
}
}
@media (max-width: 52.49em) {
.u-padding-left\@medium {
padding-left: 24px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-left-tiny\@medium {
padding-left: 6px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-left-small\@medium {
padding-left: 12px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-left-medium\@medium {
padding-left: 36px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-left-large\@medium {
padding-left: 48px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-left-huge\@medium {
padding-left: 96px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-left-xxl\@medium {
padding-left: 144px !important;
}
}
@media (max-width: 52.49em) {
.u-padding-left-none\@medium {
padding-left: 0 !important;
}
}
@media (max-width: 52.49em) {
.u-margin\@medium {
margin: 24px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-tiny\@medium {
margin: 6px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-small\@medium {
margin: 12px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-medium\@medium {
margin: 36px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-large\@medium {
margin: 48px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-huge\@medium {
margin: 96px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-xxl\@medium {
margin: 144px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-none\@medium {
margin: 0 !important;
}
}
@media (max-width: 52.49em) {
.u-margin-top\@medium {
margin-top: 24px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-top-tiny\@medium {
margin-top: 6px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-top-small\@medium {
margin-top: 12px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-top-medium\@medium {
margin-top: 36px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-top-large\@medium {
margin-top: 48px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-top-huge\@medium {
margin-top: 96px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-top-xxl\@medium {
margin-top: 144px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-top-none\@medium {
margin-top: 0 !important;
}
}
@media (max-width: 52.49em) {
.u-margin-right\@medium {
margin-right: 24px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-right-tiny\@medium {
margin-right: 6px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-right-small\@medium {
margin-right: 12px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-right-medium\@medium {
margin-right: 36px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-right-large\@medium {
margin-right: 48px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-right-huge\@medium {
margin-right: 96px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-right-xxl\@medium {
margin-right: 144px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-right-none\@medium {
margin-right: 0 !important;
}
}
@media (max-width: 52.49em) {
.u-margin-bottom\@medium {
margin-bottom: 24px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-bottom-tiny\@medium {
margin-bottom: 6px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-bottom-small\@medium {
margin-bottom: 12px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-bottom-medium\@medium {
margin-bottom: 36px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-bottom-large\@medium {
margin-bottom: 48px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-bottom-huge\@medium {
margin-bottom: 96px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-bottom-xxl\@medium {
margin-bottom: 144px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-bottom-none\@medium {
margin-bottom: 0 !important;
}
}
@media (max-width: 52.49em) {
.u-margin-left\@medium {
margin-left: 24px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-left-tiny\@medium {
margin-left: 6px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-left-small\@medium {
margin-left: 12px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-left-medium\@medium {
margin-left: 36px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-left-large\@medium {
margin-left: 48px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-left-huge\@medium {
margin-left: 96px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-left-xxl\@medium {
margin-left: 144px !important;
}
}
@media (max-width: 52.49em) {
.u-margin-left-none\@medium {
margin-left: 0 !important;
}
}
@media (max-width: 61.24em) {
.u-padding\@desktop {
padding: 24px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-tiny\@desktop {
padding: 6px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-small\@desktop {
padding: 12px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-medium\@desktop {
padding: 36px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-large\@desktop {
padding: 48px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-huge\@desktop {
padding: 96px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-xxl\@desktop {
padding: 144px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-none\@desktop {
padding: 0 !important;
}
}
@media (max-width: 61.24em) {
.u-padding-top\@desktop {
padding-top: 24px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-top-tiny\@desktop {
padding-top: 6px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-top-small\@desktop {
padding-top: 12px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-top-medium\@desktop {
padding-top: 36px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-top-large\@desktop {
padding-top: 48px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-top-huge\@desktop {
padding-top: 96px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-top-xxl\@desktop {
padding-top: 144px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-top-none\@desktop {
padding-top: 0 !important;
}
}
@media (max-width: 61.24em) {
.u-padding-right\@desktop {
padding-right: 24px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-right-tiny\@desktop {
padding-right: 6px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-right-small\@desktop {
padding-right: 12px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-right-medium\@desktop {
padding-right: 36px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-right-large\@desktop {
padding-right: 48px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-right-huge\@desktop {
padding-right: 96px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-right-xxl\@desktop {
padding-right: 144px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-right-none\@desktop {
padding-right: 0 !important;
}
}
@media (max-width: 61.24em) {
.u-padding-bottom\@desktop {
padding-bottom: 24px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-bottom-tiny\@desktop {
padding-bottom: 6px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-bottom-small\@desktop {
padding-bottom: 12px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-bottom-medium\@desktop {
padding-bottom: 36px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-bottom-large\@desktop {
padding-bottom: 48px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-bottom-huge\@desktop {
padding-bottom: 96px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-bottom-xxl\@desktop {
padding-bottom: 144px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-bottom-none\@desktop {
padding-bottom: 0 !important;
}
}
@media (max-width: 61.24em) {
.u-padding-left\@desktop {
padding-left: 24px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-left-tiny\@desktop {
padding-left: 6px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-left-small\@desktop {
padding-left: 12px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-left-medium\@desktop {
padding-left: 36px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-left-large\@desktop {
padding-left: 48px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-left-huge\@desktop {
padding-left: 96px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-left-xxl\@desktop {
padding-left: 144px !important;
}
}
@media (max-width: 61.24em) {
.u-padding-left-none\@desktop {
padding-left: 0 !important;
}
}
@media (max-width: 61.24em) {
.u-margin\@desktop {
margin: 24px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-tiny\@desktop {
margin: 6px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-small\@desktop {
margin: 12px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-medium\@desktop {
margin: 36px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-large\@desktop {
margin: 48px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-huge\@desktop {
margin: 96px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-xxl\@desktop {
margin: 144px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-none\@desktop {
margin: 0 !important;
}
}
@media (max-width: 61.24em) {
.u-margin-top\@desktop {
margin-top: 24px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-top-tiny\@desktop {
margin-top: 6px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-top-small\@desktop {
margin-top: 12px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-top-medium\@desktop {
margin-top: 36px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-top-large\@desktop {
margin-top: 48px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-top-huge\@desktop {
margin-top: 96px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-top-xxl\@desktop {
margin-top: 144px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-top-none\@desktop {
margin-top: 0 !important;
}
}
@media (max-width: 61.24em) {
.u-margin-right\@desktop {
margin-right: 24px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-right-tiny\@desktop {
margin-right: 6px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-right-small\@desktop {
margin-right: 12px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-right-medium\@desktop {
margin-right: 36px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-right-large\@desktop {
margin-right: 48px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-right-huge\@desktop {
margin-right: 96px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-right-xxl\@desktop {
margin-right: 144px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-right-none\@desktop {
margin-right: 0 !important;
}
}
@media (max-width: 61.24em) {
.u-margin-bottom\@desktop {
margin-bottom: 24px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-bottom-tiny\@desktop {
margin-bottom: 6px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-bottom-small\@desktop {
margin-bottom: 12px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-bottom-medium\@desktop {
margin-bottom: 36px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-bottom-large\@desktop {
margin-bottom: 48px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-bottom-huge\@desktop {
margin-bottom: 96px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-bottom-xxl\@desktop {
margin-bottom: 144px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-bottom-none\@desktop {
margin-bottom: 0 !important;
}
}
@media (max-width: 61.24em) {
.u-margin-left\@desktop {
margin-left: 24px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-left-tiny\@desktop {
margin-left: 6px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-left-small\@desktop {
margin-left: 12px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-left-medium\@desktop {
margin-left: 36px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-left-large\@desktop {
margin-left: 48px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-left-huge\@desktop {
margin-left: 96px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-left-xxl\@desktop {
margin-left: 144px !important;
}
}
@media (max-width: 61.24em) {
.u-margin-left-none\@desktop {
margin-left: 0 !important;
}
}
@media (max-width: 63.99em) {
.u-padding\@desktop-medium {
padding: 24px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-tiny\@desktop-medium {
padding: 6px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-small\@desktop-medium {
padding: 12px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-medium\@desktop-medium {
padding: 36px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-large\@desktop-medium {
padding: 48px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-huge\@desktop-medium {
padding: 96px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-xxl\@desktop-medium {
padding: 144px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-none\@desktop-medium {
padding: 0 !important;
}
}
@media (max-width: 63.99em) {
.u-padding-top\@desktop-medium {
padding-top: 24px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-top-tiny\@desktop-medium {
padding-top: 6px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-top-small\@desktop-medium {
padding-top: 12px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-top-medium\@desktop-medium {
padding-top: 36px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-top-large\@desktop-medium {
padding-top: 48px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-top-huge\@desktop-medium {
padding-top: 96px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-top-xxl\@desktop-medium {
padding-top: 144px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-top-none\@desktop-medium {
padding-top: 0 !important;
}
}
@media (max-width: 63.99em) {
.u-padding-right\@desktop-medium {
padding-right: 24px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-right-tiny\@desktop-medium {
padding-right: 6px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-right-small\@desktop-medium {
padding-right: 12px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-right-medium\@desktop-medium {
padding-right: 36px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-right-large\@desktop-medium {
padding-right: 48px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-right-huge\@desktop-medium {
padding-right: 96px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-right-xxl\@desktop-medium {
padding-right: 144px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-right-none\@desktop-medium {
padding-right: 0 !important;
}
}
@media (max-width: 63.99em) {
.u-padding-bottom\@desktop-medium {
padding-bottom: 24px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-bottom-tiny\@desktop-medium {
padding-bottom: 6px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-bottom-small\@desktop-medium {
padding-bottom: 12px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-bottom-medium\@desktop-medium {
padding-bottom: 36px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-bottom-large\@desktop-medium {
padding-bottom: 48px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-bottom-huge\@desktop-medium {
padding-bottom: 96px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-bottom-xxl\@desktop-medium {
padding-bottom: 144px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-bottom-none\@desktop-medium {
padding-bottom: 0 !important;
}
}
@media (max-width: 63.99em) {
.u-padding-left\@desktop-medium {
padding-left: 24px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-left-tiny\@desktop-medium {
padding-left: 6px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-left-small\@desktop-medium {
padding-left: 12px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-left-medium\@desktop-medium {
padding-left: 36px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-left-large\@desktop-medium {
padding-left: 48px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-left-huge\@desktop-medium {
padding-left: 96px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-left-xxl\@desktop-medium {
padding-left: 144px !important;
}
}
@media (max-width: 63.99em) {
.u-padding-left-none\@desktop-medium {
padding-left: 0 !important;
}
}
@media (max-width: 63.99em) {
.u-margin\@desktop-medium {
margin: 24px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-tiny\@desktop-medium {
margin: 6px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-small\@desktop-medium {
margin: 12px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-medium\@desktop-medium {
margin: 36px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-large\@desktop-medium {
margin: 48px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-huge\@desktop-medium {
margin: 96px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-xxl\@desktop-medium {
margin: 144px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-none\@desktop-medium {
margin: 0 !important;
}
}
@media (max-width: 63.99em) {
.u-margin-top\@desktop-medium {
margin-top: 24px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-top-tiny\@desktop-medium {
margin-top: 6px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-top-small\@desktop-medium {
margin-top: 12px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-top-medium\@desktop-medium {
margin-top: 36px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-top-large\@desktop-medium {
margin-top: 48px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-top-huge\@desktop-medium {
margin-top: 96px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-top-xxl\@desktop-medium {
margin-top: 144px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-top-none\@desktop-medium {
margin-top: 0 !important;
}
}
@media (max-width: 63.99em) {
.u-margin-right\@desktop-medium {
margin-right: 24px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-right-tiny\@desktop-medium {
margin-right: 6px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-right-small\@desktop-medium {
margin-right: 12px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-right-medium\@desktop-medium {
margin-right: 36px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-right-large\@desktop-medium {
margin-right: 48px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-right-huge\@desktop-medium {
margin-right: 96px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-right-xxl\@desktop-medium {
margin-right: 144px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-right-none\@desktop-medium {
margin-right: 0 !important;
}
}
@media (max-width: 63.99em) {
.u-margin-bottom\@desktop-medium {
margin-bottom: 24px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-bottom-tiny\@desktop-medium {
margin-bottom: 6px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-bottom-small\@desktop-medium {
margin-bottom: 12px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-bottom-medium\@desktop-medium {
margin-bottom: 36px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-bottom-large\@desktop-medium {
margin-bottom: 48px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-bottom-huge\@desktop-medium {
margin-bottom: 96px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-bottom-xxl\@desktop-medium {
margin-bottom: 144px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-bottom-none\@desktop-medium {
margin-bottom: 0 !important;
}
}
@media (max-width: 63.99em) {
.u-margin-left\@desktop-medium {
margin-left: 24px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-left-tiny\@desktop-medium {
margin-left: 6px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-left-small\@desktop-medium {
margin-left: 12px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-left-medium\@desktop-medium {
margin-left: 36px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-left-large\@desktop-medium {
margin-left: 48px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-left-huge\@desktop-medium {
margin-left: 96px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-left-xxl\@desktop-medium {
margin-left: 144px !important;
}
}
@media (max-width: 63.99em) {
.u-margin-left-none\@desktop-medium {
margin-left: 0 !important;
}
}
@media (max-width: 71.865em) {
.u-padding\@desktop-wide {
padding: 24px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-tiny\@desktop-wide {
padding: 6px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-small\@desktop-wide {
padding: 12px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-medium\@desktop-wide {
padding: 36px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-large\@desktop-wide {
padding: 48px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-huge\@desktop-wide {
padding: 96px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-xxl\@desktop-wide {
padding: 144px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-none\@desktop-wide {
padding: 0 !important;
}
}
@media (max-width: 71.865em) {
.u-padding-top\@desktop-wide {
padding-top: 24px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-top-tiny\@desktop-wide {
padding-top: 6px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-top-small\@desktop-wide {
padding-top: 12px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-top-medium\@desktop-wide {
padding-top: 36px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-top-large\@desktop-wide {
padding-top: 48px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-top-huge\@desktop-wide {
padding-top: 96px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-top-xxl\@desktop-wide {
padding-top: 144px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-top-none\@desktop-wide {
padding-top: 0 !important;
}
}
@media (max-width: 71.865em) {
.u-padding-right\@desktop-wide {
padding-right: 24px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-right-tiny\@desktop-wide {
padding-right: 6px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-right-small\@desktop-wide {
padding-right: 12px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-right-medium\@desktop-wide {
padding-right: 36px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-right-large\@desktop-wide {
padding-right: 48px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-right-huge\@desktop-wide {
padding-right: 96px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-right-xxl\@desktop-wide {
padding-right: 144px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-right-none\@desktop-wide {
padding-right: 0 !important;
}
}
@media (max-width: 71.865em) {
.u-padding-bottom\@desktop-wide {
padding-bottom: 24px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-bottom-tiny\@desktop-wide {
padding-bottom: 6px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-bottom-small\@desktop-wide {
padding-bottom: 12px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-bottom-medium\@desktop-wide {
padding-bottom: 36px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-bottom-large\@desktop-wide {
padding-bottom: 48px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-bottom-huge\@desktop-wide {
padding-bottom: 96px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-bottom-xxl\@desktop-wide {
padding-bottom: 144px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-bottom-none\@desktop-wide {
padding-bottom: 0 !important;
}
}
@media (max-width: 71.865em) {
.u-padding-left\@desktop-wide {
padding-left: 24px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-left-tiny\@desktop-wide {
padding-left: 6px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-left-small\@desktop-wide {
padding-left: 12px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-left-medium\@desktop-wide {
padding-left: 36px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-left-large\@desktop-wide {
padding-left: 48px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-left-huge\@desktop-wide {
padding-left: 96px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-left-xxl\@desktop-wide {
padding-left: 144px !important;
}
}
@media (max-width: 71.865em) {
.u-padding-left-none\@desktop-wide {
padding-left: 0 !important;
}
}
@media (max-width: 71.865em) {
.u-margin\@desktop-wide {
margin: 24px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-tiny\@desktop-wide {
margin: 6px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-small\@desktop-wide {
margin: 12px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-medium\@desktop-wide {
margin: 36px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-large\@desktop-wide {
margin: 48px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-huge\@desktop-wide {
margin: 96px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-xxl\@desktop-wide {
margin: 144px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-none\@desktop-wide {
margin: 0 !important;
}
}
@media (max-width: 71.865em) {
.u-margin-top\@desktop-wide {
margin-top: 24px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-top-tiny\@desktop-wide {
margin-top: 6px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-top-small\@desktop-wide {
margin-top: 12px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-top-medium\@desktop-wide {
margin-top: 36px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-top-large\@desktop-wide {
margin-top: 48px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-top-huge\@desktop-wide {
margin-top: 96px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-top-xxl\@desktop-wide {
margin-top: 144px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-top-none\@desktop-wide {
margin-top: 0 !important;
}
}
@media (max-width: 71.865em) {
.u-margin-right\@desktop-wide {
margin-right: 24px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-right-tiny\@desktop-wide {
margin-right: 6px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-right-small\@desktop-wide {
margin-right: 12px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-right-medium\@desktop-wide {
margin-right: 36px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-right-large\@desktop-wide {
margin-right: 48px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-right-huge\@desktop-wide {
margin-right: 96px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-right-xxl\@desktop-wide {
margin-right: 144px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-right-none\@desktop-wide {
margin-right: 0 !important;
}
}
@media (max-width: 71.865em) {
.u-margin-bottom\@desktop-wide {
margin-bottom: 24px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-bottom-tiny\@desktop-wide {
margin-bottom: 6px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-bottom-small\@desktop-wide {
margin-bottom: 12px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-bottom-medium\@desktop-wide {
margin-bottom: 36px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-bottom-large\@desktop-wide {
margin-bottom: 48px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-bottom-huge\@desktop-wide {
margin-bottom: 96px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-bottom-xxl\@desktop-wide {
margin-bottom: 144px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-bottom-none\@desktop-wide {
margin-bottom: 0 !important;
}
}
@media (max-width: 71.865em) {
.u-margin-left\@desktop-wide {
margin-left: 24px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-left-tiny\@desktop-wide {
margin-left: 6px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-left-small\@desktop-wide {
margin-left: 12px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-left-medium\@desktop-wide {
margin-left: 36px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-left-large\@desktop-wide {
margin-left: 48px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-left-huge\@desktop-wide {
margin-left: 96px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-left-xxl\@desktop-wide {
margin-left: 144px !important;
}
}
@media (max-width: 71.865em) {
.u-margin-left-none\@desktop-wide {
margin-left: 0 !important;
}
}
@media (max-width: 81.24em) {
.u-padding\@wide {
padding: 24px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-tiny\@wide {
padding: 6px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-small\@wide {
padding: 12px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-medium\@wide {
padding: 36px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-large\@wide {
padding: 48px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-huge\@wide {
padding: 96px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-xxl\@wide {
padding: 144px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-none\@wide {
padding: 0 !important;
}
}
@media (max-width: 81.24em) {
.u-padding-top\@wide {
padding-top: 24px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-top-tiny\@wide {
padding-top: 6px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-top-small\@wide {
padding-top: 12px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-top-medium\@wide {
padding-top: 36px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-top-large\@wide {
padding-top: 48px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-top-huge\@wide {
padding-top: 96px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-top-xxl\@wide {
padding-top: 144px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-top-none\@wide {
padding-top: 0 !important;
}
}
@media (max-width: 81.24em) {
.u-padding-right\@wide {
padding-right: 24px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-right-tiny\@wide {
padding-right: 6px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-right-small\@wide {
padding-right: 12px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-right-medium\@wide {
padding-right: 36px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-right-large\@wide {
padding-right: 48px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-right-huge\@wide {
padding-right: 96px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-right-xxl\@wide {
padding-right: 144px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-right-none\@wide {
padding-right: 0 !important;
}
}
@media (max-width: 81.24em) {
.u-padding-bottom\@wide {
padding-bottom: 24px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-bottom-tiny\@wide {
padding-bottom: 6px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-bottom-small\@wide {
padding-bottom: 12px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-bottom-medium\@wide {
padding-bottom: 36px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-bottom-large\@wide {
padding-bottom: 48px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-bottom-huge\@wide {
padding-bottom: 96px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-bottom-xxl\@wide {
padding-bottom: 144px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-bottom-none\@wide {
padding-bottom: 0 !important;
}
}
@media (max-width: 81.24em) {
.u-padding-left\@wide {
padding-left: 24px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-left-tiny\@wide {
padding-left: 6px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-left-small\@wide {
padding-left: 12px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-left-medium\@wide {
padding-left: 36px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-left-large\@wide {
padding-left: 48px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-left-huge\@wide {
padding-left: 96px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-left-xxl\@wide {
padding-left: 144px !important;
}
}
@media (max-width: 81.24em) {
.u-padding-left-none\@wide {
padding-left: 0 !important;
}
}
@media (max-width: 81.24em) {
.u-margin\@wide {
margin: 24px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-tiny\@wide {
margin: 6px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-small\@wide {
margin: 12px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-medium\@wide {
margin: 36px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-large\@wide {
margin: 48px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-huge\@wide {
margin: 96px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-xxl\@wide {
margin: 144px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-none\@wide {
margin: 0 !important;
}
}
@media (max-width: 81.24em) {
.u-margin-top\@wide {
margin-top: 24px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-top-tiny\@wide {
margin-top: 6px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-top-small\@wide {
margin-top: 12px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-top-medium\@wide {
margin-top: 36px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-top-large\@wide {
margin-top: 48px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-top-huge\@wide {
margin-top: 96px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-top-xxl\@wide {
margin-top: 144px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-top-none\@wide {
margin-top: 0 !important;
}
}
@media (max-width: 81.24em) {
.u-margin-right\@wide {
margin-right: 24px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-right-tiny\@wide {
margin-right: 6px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-right-small\@wide {
margin-right: 12px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-right-medium\@wide {
margin-right: 36px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-right-large\@wide {
margin-right: 48px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-right-huge\@wide {
margin-right: 96px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-right-xxl\@wide {
margin-right: 144px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-right-none\@wide {
margin-right: 0 !important;
}
}
@media (max-width: 81.24em) {
.u-margin-bottom\@wide {
margin-bottom: 24px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-bottom-tiny\@wide {
margin-bottom: 6px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-bottom-small\@wide {
margin-bottom: 12px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-bottom-medium\@wide {
margin-bottom: 36px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-bottom-large\@wide {
margin-bottom: 48px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-bottom-huge\@wide {
margin-bottom: 96px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-bottom-xxl\@wide {
margin-bottom: 144px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-bottom-none\@wide {
margin-bottom: 0 !important;
}
}
@media (max-width: 81.24em) {
.u-margin-left\@wide {
margin-left: 24px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-left-tiny\@wide {
margin-left: 6px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-left-small\@wide {
margin-left: 12px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-left-medium\@wide {
margin-left: 36px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-left-large\@wide {
margin-left: 48px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-left-huge\@wide {
margin-left: 96px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-left-xxl\@wide {
margin-left: 144px !important;
}
}
@media (max-width: 81.24em) {
.u-margin-left-none\@wide {
margin-left: 0 !important;
}
}
/* stylelint-enable string-quotes */
/* ==========================================================================
#PRINT
========================================================================== */
/**
* Very crude, reset-like styles taken from the HTML5 Boilerplate:
* https://github.com/h5bp/html5-boilerplate/blob/5.3.0/dist/doc/css.md#print-styles
* https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/main.css#L205-L282
*/
@media print {
/**
* 1. Black prints faster: http://www.sanbeiji.com/archives/953
*/
*,
*:before,
*:after,
*:first-letter,
*:first-line {
background: transparent !important;
color: #000 !important; /* [1] */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/**
* Don't show links that are fragment identifiers, or use the `javascript:`
* pseudo protocol.
*/
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
/**
* Printing Tables: http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/* ==========================================================================
#HIDE
========================================================================== */
/**
* Hide only visually, but have it available for screen readers:
* http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.u-hidden-visually {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
/**
* Hide visually and from screen readers.
*/
.u-hidden {
display: none !important;
}
.u-hidden-js {
display: none;
}
/* visually hidden with breakpoints */
@media (max-width: 34.365em) {
.u-hidden-visually\@mobile {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (max-width: 46.24em) {
.u-hidden-visually\@tablet {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (max-width: 52.49em) {
.u-hidden-visually\@medium {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (max-width: 61.24em) {
.u-hidden-visually\@desktop {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (max-width: 63.99em) {
.u-hidden-visually\@desktop-medium {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (max-width: 71.865em) {
.u-hidden-visually\@desktop-wide {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (max-width: 81.24em) {
.u-hidden-visually\@wide {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (min-width: 34.375em) {
.u-hidden-visually-from\@mobile {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (min-width: 46.25em) {
.u-hidden-visually-from\@tablet {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (min-width: 52.5em) {
.u-hidden-visually-from\@medium {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (min-width: 61.25em) {
.u-hidden-visually-from\@desktop {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (min-width: 64em) {
.u-hidden-visually-from\@desktop-medium {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (min-width: 71.875em) {
.u-hidden-visually-from\@desktop-wide {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (min-width: 81.25em) {
.u-hidden-visually-from\@wide {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
/* hide visually and from screen readers with breakpoints */
@media (max-width: 34.365em) {
.u-hidden\@mobile {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (max-width: 46.24em) {
.u-hidden\@tablet {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (max-width: 52.49em) {
.u-hidden\@medium {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (max-width: 61.24em) {
.u-hidden\@desktop {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (max-width: 63.99em) {
.u-hidden\@desktop-medium {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (max-width: 71.865em) {
.u-hidden\@desktop-wide {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (max-width: 81.24em) {
.u-hidden\@wide {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (min-width: 34.375em) {
.u-hidden-from\@mobile {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (min-width: 46.25em) {
.u-hidden-from\@tablet {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (min-width: 52.5em) {
.u-hidden-from\@medium {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (min-width: 61.25em) {
.u-hidden-from\@desktop {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (min-width: 64em) {
.u-hidden-from\@desktop-medium {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (min-width: 71.875em) {
.u-hidden-from\@desktop-wide {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
@media (min-width: 81.25em) {
.u-hidden-from\@wide {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
/* ==========================================================================
#REMOVE BORDERS
========================================================================== */
/**
* Utility classes to put atomically remove borders
*
* .u-border-top-none {}
* .u-border-right-none {}
* .u-border-bottom-none {}
* .u-border-left-none {}
*/
.u-border-top-none {
border-top: none !important;
}
.u-border-right-none {
border-right: none !important;
}
.u-border-bottom-none {
border-bottom: none !important;
}
.u-border-left-none {
border-left: none !important;
}
/* ==========================================================================
#FLEX mods
========================================================================== */
/**
* Hide only visually, but have it available for screen readers:
* http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.u-flex {
display: flex;
}
.u-flex-d-c {
flex-direction: column;
}
.u-flex-jc-r {
display: flex;
flex-direction: initial;
justify-content: flex-end;
}
.u-flex-jc-l {
display: flex;
flex-direction: initial;
justify-content: flex-start;
}
.u-flex-jc-c {
display: flex;
justify-content: center;
}
.u-flex-foot-div {
margin-top: auto;
}
.u-flex-a-i-c {
display: flex;
align-items: center;
}
/* ---- CUSTOM NORMALIZE CSS -------------------------------------------
Author: Simon Allin / Fu Tang :: JULY 15
--------------------------------------------------------------------- */
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
/* box-sizing: border-box; */
font-size: 62.5%; /* Sets up the Base 10 stuff */
}
/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
body {
margin: 0;
padding: 0;
font: 16px/1.231 "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 400;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
line-height: 1.231 !important;
}
body input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset !important;
}
*, *:before, *:after {
/*box-sizing: inherit;*/
}
main,
ul li {
display: block;
}
/* ---------------------------------------------------------------------
#ATOMIC CSS | OOCSS classes
--------------------------------------------------------------------- */
/* * {
box-sizing: border-box !important;
}
*/
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.bold {
font-weight: bold;
}
.clear {
clear: both;
}
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
.right {
float: right;
}
.left {
float: left;
}
.u-float-none {
float: none !important;
}
.valign {
vertical-align: middle;
}
.relative {
position: relative;
}
.text-color {
color: #292f33;
}
.break-word {
overflow-wrap: break-word;
}
.align-right {
text-align: right;
}
.h-auto {
height: auto;
}
.alignright {
float: right;
margin-left: 24px;
}
.alignleft {
float: left;
margin-right: 24px;
}
.divider-bottom {
border-bottom: 2px solid #E7E7E7;
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
a img.alignright {
float: right;
margin: 0 0 1em 1em;
}
a img.alignleft {
float: left;
margin: 0 1em 1em 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.a-search-highlight {
background-color: #F8E71C;
color: #333;
font-weight: 700 !important;
padding: 3px;
}
.truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.cloak {
opacity: 0.5;
}
.cloak-dark {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0.8;
background-color: #666;
z-index: 10;
}
.cloak {
opacity: 0.5;
}
.strikethrough {
text-decoration: line-through;
}
.red {
color: red;
}
.link {
color: #54a3d8;
}
.link--mo {
color: #ff5892;
}
.link--contact {
color: #54a3d8;
}
.link--feature {
color: #ff9f6f;
}
.link--orange, .text--orange {
color: #ff9f6f !important;
}
.link--blue, .text--blue {
color: #54a3d8;
}
.link--magenta, .text--magenta {
color: #ff5892 !important;
}
.link--underline, .text--underline {
text-decoration: underline;
}
.link--no-underline, .text--no-underline {
text-decoration: none;
}
.count {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-style: italic;
color: gray;
}
.count-em {
font-style: normal;
letter-spacing: -0.5px;
}
.count-em--font-medium {
font-weight: 500;
}
.count-em--font-roman {
font-weight: 400;
}
.count-em--font-light {
font-weight: 300;
}
.count-em--knock {
color: #666;
}
.close {
position: absolute;
top: 0;
right: 0;
font-size: 4rem;
text-decoration: none;
color: #333;
}
.close:after {
content: "✖";
}
.flash-notice {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 28px;
font-size: 2.8rem;
font-style: italic;
color: gray;
margin-top: -20px;
}
.margin-top-0 {
margin-top: 0px;
}
.margin-right-0 {
margin-right: 0px;
}
.margin-bottom-0 {
margin-bottom: 0px;
}
.margin-left-0 {
margin-left: 0px;
}
.negative-margin-top-0 {
margin-top: -0px;
}
.negative-margin-right-0 {
margin-right: -0px;
}
.negative-margin-bottom-0 {
margin-bottom: -0px;
}
.negative-margin-left-0 {
margin-left: -0px;
}
.padding-top-0 {
padding-top: 0px;
}
.padding-right-0 {
padding-right: 0px;
}
.padding-bottom-0 {
padding-bottom: 0px;
}
.padding-left-0 {
padding-left: 0px;
}
.width-0 {
width: 0%;
}
.max-width-0 {
width: 0px;
}
.min-height-0 {
min-height: 0px;
}
.width-px-0 {
width: 0px;
}
.margin-top-10 {
margin-top: 10px;
}
.margin-right-10 {
margin-right: 10px;
}
.margin-bottom-10 {
margin-bottom: 10px;
}
.margin-left-10 {
margin-left: 10px;
}
.negative-margin-top-10 {
margin-top: -10px;
}
.negative-margin-right-10 {
margin-right: -10px;
}
.negative-margin-bottom-10 {
margin-bottom: -10px;
}
.negative-margin-left-10 {
margin-left: -10px;
}
.padding-top-10 {
padding-top: 10px;
}
.padding-right-10 {
padding-right: 10px;
}
.padding-bottom-10 {
padding-bottom: 10px;
}
.padding-left-10 {
padding-left: 10px;
}
.width-10 {
width: 10%;
}
.max-width-10 {
width: 10px;
}
.min-height-10 {
min-height: 10px;
}
.width-px-10 {
width: 10px;
}
.margin-top-20 {
margin-top: 20px;
}
.margin-right-20 {
margin-right: 20px;
}
.margin-bottom-20 {
margin-bottom: 20px;
}
.margin-left-20 {
margin-left: 20px;
}
.negative-margin-top-20 {
margin-top: -20px;
}
.negative-margin-right-20 {
margin-right: -20px;
}
.negative-margin-bottom-20 {
margin-bottom: -20px;
}
.negative-margin-left-20 {
margin-left: -20px;
}
.padding-top-20 {
padding-top: 20px;
}
.padding-right-20 {
padding-right: 20px;
}
.padding-bottom-20 {
padding-bottom: 20px;
}
.padding-left-20 {
padding-left: 20px;
}
.width-20 {
width: 20%;
}
.max-width-20 {
width: 20px;
}
.min-height-20 {
min-height: 20px;
}
.width-px-20 {
width: 20px;
}
.margin-top-25 {
margin-top: 25px;
}
.margin-right-25 {
margin-right: 25px;
}
.margin-bottom-25 {
margin-bottom: 25px;
}
.margin-left-25 {
margin-left: 25px;
}
.negative-margin-top-25 {
margin-top: -25px;
}
.negative-margin-right-25 {
margin-right: -25px;
}
.negative-margin-bottom-25 {
margin-bottom: -25px;
}
.negative-margin-left-25 {
margin-left: -25px;
}
.padding-top-25 {
padding-top: 25px;
}
.padding-right-25 {
padding-right: 25px;
}
.padding-bottom-25 {
padding-bottom: 25px;
}
.padding-left-25 {
padding-left: 25px;
}
.width-25 {
width: 25%;
}
.max-width-25 {
width: 25px;
}
.min-height-25 {
min-height: 25px;
}
.width-px-25 {
width: 25px;
}
.margin-top-30 {
margin-top: 30px;
}
.margin-right-30 {
margin-right: 30px;
}
.margin-bottom-30 {
margin-bottom: 30px;
}
.margin-left-30 {
margin-left: 30px;
}
.negative-margin-top-30 {
margin-top: -30px;
}
.negative-margin-right-30 {
margin-right: -30px;
}
.negative-margin-bottom-30 {
margin-bottom: -30px;
}
.negative-margin-left-30 {
margin-left: -30px;
}
.padding-top-30 {
padding-top: 30px;
}
.padding-right-30 {
padding-right: 30px;
}
.padding-bottom-30 {
padding-bottom: 30px;
}
.padding-left-30 {
padding-left: 30px;
}
.width-30 {
width: 30%;
}
.max-width-30 {
width: 30px;
}
.min-height-30 {
min-height: 30px;
}
.width-px-30 {
width: 30px;
}
.margin-top-40 {
margin-top: 40px;
}
.margin-right-40 {
margin-right: 40px;
}
.margin-bottom-40 {
margin-bottom: 40px;
}
.margin-left-40 {
margin-left: 40px;
}
.negative-margin-top-40 {
margin-top: -40px;
}
.negative-margin-right-40 {
margin-right: -40px;
}
.negative-margin-bottom-40 {
margin-bottom: -40px;
}
.negative-margin-left-40 {
margin-left: -40px;
}
.padding-top-40 {
padding-top: 40px;
}
.padding-right-40 {
padding-right: 40px;
}
.padding-bottom-40 {
padding-bottom: 40px;
}
.padding-left-40 {
padding-left: 40px;
}
.width-40 {
width: 40%;
}
.max-width-40 {
width: 40px;
}
.min-height-40 {
min-height: 40px;
}
.width-px-40 {
width: 40px;
}
.margin-top-50 {
margin-top: 50px;
}
.margin-right-50 {
margin-right: 50px;
}
.margin-bottom-50 {
margin-bottom: 50px;
}
.margin-left-50 {
margin-left: 50px;
}
.negative-margin-top-50 {
margin-top: -50px;
}
.negative-margin-right-50 {
margin-right: -50px;
}
.negative-margin-bottom-50 {
margin-bottom: -50px;
}
.negative-margin-left-50 {
margin-left: -50px;
}
.padding-top-50 {
padding-top: 50px;
}
.padding-right-50 {
padding-right: 50px;
}
.padding-bottom-50 {
padding-bottom: 50px;
}
.padding-left-50 {
padding-left: 50px;
}
.width-50 {
width: 50%;
}
.max-width-50 {
width: 50px;
}
.min-height-50 {
min-height: 50px;
}
.width-px-50 {
width: 50px;
}
.margin-top-60 {
margin-top: 60px;
}
.margin-right-60 {
margin-right: 60px;
}
.margin-bottom-60 {
margin-bottom: 60px;
}
.margin-left-60 {
margin-left: 60px;
}
.negative-margin-top-60 {
margin-top: -60px;
}
.negative-margin-right-60 {
margin-right: -60px;
}
.negative-margin-bottom-60 {
margin-bottom: -60px;
}
.negative-margin-left-60 {
margin-left: -60px;
}
.padding-top-60 {
padding-top: 60px;
}
.padding-right-60 {
padding-right: 60px;
}
.padding-bottom-60 {
padding-bottom: 60px;
}
.padding-left-60 {
padding-left: 60px;
}
.width-60 {
width: 60%;
}
.max-width-60 {
width: 60px;
}
.min-height-60 {
min-height: 60px;
}
.width-px-60 {
width: 60px;
}
.margin-top-70 {
margin-top: 70px;
}
.margin-right-70 {
margin-right: 70px;
}
.margin-bottom-70 {
margin-bottom: 70px;
}
.margin-left-70 {
margin-left: 70px;
}
.negative-margin-top-70 {
margin-top: -70px;
}
.negative-margin-right-70 {
margin-right: -70px;
}
.negative-margin-bottom-70 {
margin-bottom: -70px;
}
.negative-margin-left-70 {
margin-left: -70px;
}
.padding-top-70 {
padding-top: 70px;
}
.padding-right-70 {
padding-right: 70px;
}
.padding-bottom-70 {
padding-bottom: 70px;
}
.padding-left-70 {
padding-left: 70px;
}
.width-70 {
width: 70%;
}
.max-width-70 {
width: 70px;
}
.min-height-70 {
min-height: 70px;
}
.width-px-70 {
width: 70px;
}
.margin-top-75 {
margin-top: 75px;
}
.margin-right-75 {
margin-right: 75px;
}
.margin-bottom-75 {
margin-bottom: 75px;
}
.margin-left-75 {
margin-left: 75px;
}
.negative-margin-top-75 {
margin-top: -75px;
}
.negative-margin-right-75 {
margin-right: -75px;
}
.negative-margin-bottom-75 {
margin-bottom: -75px;
}
.negative-margin-left-75 {
margin-left: -75px;
}
.padding-top-75 {
padding-top: 75px;
}
.padding-right-75 {
padding-right: 75px;
}
.padding-bottom-75 {
padding-bottom: 75px;
}
.padding-left-75 {
padding-left: 75px;
}
.width-75 {
width: 75%;
}
.max-width-75 {
width: 75px;
}
.min-height-75 {
min-height: 75px;
}
.width-px-75 {
width: 75px;
}
.margin-top-80 {
margin-top: 80px;
}
.margin-right-80 {
margin-right: 80px;
}
.margin-bottom-80 {
margin-bottom: 80px;
}
.margin-left-80 {
margin-left: 80px;
}
.negative-margin-top-80 {
margin-top: -80px;
}
.negative-margin-right-80 {
margin-right: -80px;
}
.negative-margin-bottom-80 {
margin-bottom: -80px;
}
.negative-margin-left-80 {
margin-left: -80px;
}
.padding-top-80 {
padding-top: 80px;
}
.padding-right-80 {
padding-right: 80px;
}
.padding-bottom-80 {
padding-bottom: 80px;
}
.padding-left-80 {
padding-left: 80px;
}
.width-80 {
width: 80%;
}
.max-width-80 {
width: 80px;
}
.min-height-80 {
min-height: 80px;
}
.width-px-80 {
width: 80px;
}
.margin-top-90 {
margin-top: 90px;
}
.margin-right-90 {
margin-right: 90px;
}
.margin-bottom-90 {
margin-bottom: 90px;
}
.margin-left-90 {
margin-left: 90px;
}
.negative-margin-top-90 {
margin-top: -90px;
}
.negative-margin-right-90 {
margin-right: -90px;
}
.negative-margin-bottom-90 {
margin-bottom: -90px;
}
.negative-margin-left-90 {
margin-left: -90px;
}
.padding-top-90 {
padding-top: 90px;
}
.padding-right-90 {
padding-right: 90px;
}
.padding-bottom-90 {
padding-bottom: 90px;
}
.padding-left-90 {
padding-left: 90px;
}
.width-90 {
width: 90%;
}
.max-width-90 {
width: 90px;
}
.min-height-90 {
min-height: 90px;
}
.width-px-90 {
width: 90px;
}
.margin-top-100 {
margin-top: 100px;
}
.margin-right-100 {
margin-right: 100px;
}
.margin-bottom-100 {
margin-bottom: 100px;
}
.margin-left-100 {
margin-left: 100px;
}
.negative-margin-top-100 {
margin-top: -100px;
}
.negative-margin-right-100 {
margin-right: -100px;
}
.negative-margin-bottom-100 {
margin-bottom: -100px;
}
.negative-margin-left-100 {
margin-left: -100px;
}
.padding-top-100 {
padding-top: 100px;
}
.padding-right-100 {
padding-right: 100px;
}
.padding-bottom-100 {
padding-bottom: 100px;
}
.padding-left-100 {
padding-left: 100px;
}
.width-100 {
width: 100%;
}
.max-width-100 {
width: 100px;
}
.min-height-100 {
min-height: 100px;
}
.width-px-100 {
width: 100px;
}
.margin-top-125 {
margin-top: 125px;
}
.margin-right-125 {
margin-right: 125px;
}
.margin-bottom-125 {
margin-bottom: 125px;
}
.margin-left-125 {
margin-left: 125px;
}
.negative-margin-top-125 {
margin-top: -125px;
}
.negative-margin-right-125 {
margin-right: -125px;
}
.negative-margin-bottom-125 {
margin-bottom: -125px;
}
.negative-margin-left-125 {
margin-left: -125px;
}
.padding-top-125 {
padding-top: 125px;
}
.padding-right-125 {
padding-right: 125px;
}
.padding-bottom-125 {
padding-bottom: 125px;
}
.padding-left-125 {
padding-left: 125px;
}
.width-125 {
width: 125%;
}
.max-width-125 {
width: 125px;
}
.min-height-125 {
min-height: 125px;
}
.width-px-125 {
width: 125px;
}
.margin-top-150 {
margin-top: 150px;
}
.margin-right-150 {
margin-right: 150px;
}
.margin-bottom-150 {
margin-bottom: 150px;
}
.margin-left-150 {
margin-left: 150px;
}
.negative-margin-top-150 {
margin-top: -150px;
}
.negative-margin-right-150 {
margin-right: -150px;
}
.negative-margin-bottom-150 {
margin-bottom: -150px;
}
.negative-margin-left-150 {
margin-left: -150px;
}
.padding-top-150 {
padding-top: 150px;
}
.padding-right-150 {
padding-right: 150px;
}
.padding-bottom-150 {
padding-bottom: 150px;
}
.padding-left-150 {
padding-left: 150px;
}
.width-150 {
width: 150%;
}
.max-width-150 {
width: 150px;
}
.min-height-150 {
min-height: 150px;
}
.width-px-150 {
width: 150px;
}
.margin-top-175 {
margin-top: 175px;
}
.margin-right-175 {
margin-right: 175px;
}
.margin-bottom-175 {
margin-bottom: 175px;
}
.margin-left-175 {
margin-left: 175px;
}
.negative-margin-top-175 {
margin-top: -175px;
}
.negative-margin-right-175 {
margin-right: -175px;
}
.negative-margin-bottom-175 {
margin-bottom: -175px;
}
.negative-margin-left-175 {
margin-left: -175px;
}
.padding-top-175 {
padding-top: 175px;
}
.padding-right-175 {
padding-right: 175px;
}
.padding-bottom-175 {
padding-bottom: 175px;
}
.padding-left-175 {
padding-left: 175px;
}
.width-175 {
width: 175%;
}
.max-width-175 {
width: 175px;
}
.min-height-175 {
min-height: 175px;
}
.width-px-175 {
width: 175px;
}
.margin-top-200 {
margin-top: 200px;
}
.margin-right-200 {
margin-right: 200px;
}
.margin-bottom-200 {
margin-bottom: 200px;
}
.margin-left-200 {
margin-left: 200px;
}
.negative-margin-top-200 {
margin-top: -200px;
}
.negative-margin-right-200 {
margin-right: -200px;
}
.negative-margin-bottom-200 {
margin-bottom: -200px;
}
.negative-margin-left-200 {
margin-left: -200px;
}
.padding-top-200 {
padding-top: 200px;
}
.padding-right-200 {
padding-right: 200px;
}
.padding-bottom-200 {
padding-bottom: 200px;
}
.padding-left-200 {
padding-left: 200px;
}
.width-200 {
width: 200%;
}
.max-width-200 {
width: 200px;
}
.min-height-200 {
min-height: 200px;
}
.width-px-200 {
width: 200px;
}
.margin-top-400 {
margin-top: 400px;
}
.margin-right-400 {
margin-right: 400px;
}
.margin-bottom-400 {
margin-bottom: 400px;
}
.margin-left-400 {
margin-left: 400px;
}
.negative-margin-top-400 {
margin-top: -400px;
}
.negative-margin-right-400 {
margin-right: -400px;
}
.negative-margin-bottom-400 {
margin-bottom: -400px;
}
.negative-margin-left-400 {
margin-left: -400px;
}
.padding-top-400 {
padding-top: 400px;
}
.padding-right-400 {
padding-right: 400px;
}
.padding-bottom-400 {
padding-bottom: 400px;
}
.padding-left-400 {
padding-left: 400px;
}
.width-400 {
width: 400%;
}
.max-width-400 {
width: 400px;
}
.min-height-400 {
min-height: 400px;
}
.width-px-400 {
width: 400px;
}
.margin-top-600 {
margin-top: 600px;
}
.margin-right-600 {
margin-right: 600px;
}
.margin-bottom-600 {
margin-bottom: 600px;
}
.margin-left-600 {
margin-left: 600px;
}
.negative-margin-top-600 {
margin-top: -600px;
}
.negative-margin-right-600 {
margin-right: -600px;
}
.negative-margin-bottom-600 {
margin-bottom: -600px;
}
.negative-margin-left-600 {
margin-left: -600px;
}
.padding-top-600 {
padding-top: 600px;
}
.padding-right-600 {
padding-right: 600px;
}
.padding-bottom-600 {
padding-bottom: 600px;
}
.padding-left-600 {
padding-left: 600px;
}
.width-600 {
width: 600%;
}
.max-width-600 {
width: 600px;
}
.min-height-600 {
min-height: 600px;
}
.width-px-600 {
width: 600px;
}
.container.modal-form-container.width-0 {
width: 0%;
}
.container.modal-form-container.width-10 {
width: 10%;
}
.container.modal-form-container.width-20 {
width: 20%;
}
.container.modal-form-container.width-25 {
width: 25%;
}
.container.modal-form-container.width-30 {
width: 30%;
}
.container.modal-form-container.width-40 {
width: 40%;
}
.container.modal-form-container.width-50 {
width: 50%;
}
.container.modal-form-container.width-60 {
width: 60%;
}
.container.modal-form-container.width-70 {
width: 70%;
}
.container.modal-form-container.width-75 {
width: 75%;
}
.container.modal-form-container.width-80 {
width: 80%;
}
.container.modal-form-container.width-90 {
width: 90%;
}
.container.modal-form-container.width-100 {
width: 100%;
}
.container.modal-form-container.width-125 {
width: 125%;
}
.container.modal-form-container.width-150 {
width: 150%;
}
.container.modal-form-container.width-175 {
width: 175%;
}
.container.modal-form-container.width-200 {
width: 200%;
}
.container.modal-form-container.width-400 {
width: 400%;
}
.container.modal-form-container.width-600 {
width: 600%;
}
.material-icons {
color: #737373;
cursor: pointer;
-webkit-transition: color 0.2s linear;
-khtml-transition: color 0.2s linear;
-moz-transition: color 0.2s linear;
-ms-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.material-icons:hover {
color: #333;
}
.material-icons:active {
color: #333;
}
.material-icons:visited {
color: #666;
}
.material-icons.md-18 {
font-size: 18px;
}
.material-icons.md-24 {
font-size: 24px;
}
.material-icons.md-36 {
font-size: 36px;
}
.action--tooltip {
border-bottom: 1px dotted #666;
padding-bottom: 3px;
}
.action--tooltip-ico {
background-image: url(svg/ico/ico-info.svg);
background-repeat: no-repeat;
background-position: right 2px;
background-size: 16px;
padding-right: 22px;
}
.dropdown-trigger {
vertical-align: middle;
}
.doc-header .material-icons {
color: gray;
}
.doc-header .material-icons:hover {
color: #4d4d4d;
}
.loading {
opacity: 0.3;
}
.spinner {
position: absolute;
left: 0;
right: 0;
top: 0;
margin: 15px auto;
height: 50px;
width: 50px;
animation: rotate 0.8s infinite linear;
border: 8px solid #e6e6e6;
border-right-color: transparent;
border-radius: 50%;
}
.spinner--center {
bottom: 0;
margin: auto;
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.loader {
width: 90px;
height: 90px;
background: transparent url("img/loading/spinner-ccc.gif");
margin-left: auto;
margin-right: auto;
}
.loader--pacman {
background: transparent url("img/loading/pacman.gif");
}
.loader--kitten {
width: 200px;
height: 223px;
background: transparent url("img/loading/loading-cat.gif");
}
.a-rs-product-text {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-weight: 700;
letter-spacing: 0.1px;
}
.new-line {
display: block;
clear: both;
}
.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
}
.overlay--dark {
display: block;
visibility: visible;
background: black;
background: rgba(0, 0, 0, 0.25);
}
.emphasise {
font-weight: 700;
}
.truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.spinner_hold {
position: relative;
}
.loading {
opacity: 0.3;
-webkit-transition: opacity 0.2s;
-khtml-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.spinner {
position: absolute;
left: 0;
right: 0;
top: 0;
margin: 15px auto;
height: 50px;
width: 50px;
animation: rotate 0.8s infinite linear;
border: 8px solid #ff9f6f;
border-right-color: transparent;
border-radius: 50%;
}
.spinner--center {
bottom: 0;
margin: auto;
}
.spinner--relative-to {
top: 50%;
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.spinner-ring {
display: block;
width: 46px;
height: 46px;
margin: 12px auto;
}
.spinner-ring--center {
bottom: 0;
margin: auto;
}
.spinner-ring:after {
content: " ";
display: block;
width: 46px;
height: 46px;
margin: 1px;
border-radius: 50%;
border: 5px solid #ff9f6f;
border-color: #ff9f6f transparent #ff9f6f transparent;
animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.load {
height: 6px;
position: absolute;
width: 100.5%;
left: -3px;
background-color: #b3b3b3;
}
.load--dashboard {
position: relative;
width: 100%;
left: 0;
}
.load-bar {
position: relative;
width: 100%;
height: 6px;
/*background-color: palette( grey, light_20 );*/
background-color: transparent;
opacity: 0.8;
}
.load .bar {
content: "";
display: inline;
position: absolute;
left: 50%;
width: 0;
height: 100%;
text-align: center;
}
.load .bar:nth-child(1) {
background-color: #ffc1a2;
animation: loading 1s linear infinite;
}
.load .bar:nth-child(2) {
background-color: #cccccc;
animation: loading 1s linear 1s infinite;
}
.load .bar:nth-child(3) {
background-color: #ffc1a2;
animation: loading 1s linear 1s infinite;
}
.load--white {
background-color: transparent;
}
.load--white .load-bar {
background-color: transparent;
}
.load--white .bar:nth-child(2) {
background-color: white;
}
@keyframes loading {
from {
left: 50%;
width: 0;
z-index: 100;
}
33.3333% {
left: 0;
width: 100%;
z-index: 10;
}
to {
left: 0;
width: 100%;
}
}
@keyframes eyeCatcher {
100% {
border-color: #a3a3a3;
}
50% {
border-color: #ffc1a2;
}
0% {
border-color: #a3a3a3;
}
}
.v-align {
vertical-align: middle;
}
.v-align--top {
vertical-align: top;
}
.cursor-pointer {
cursor: pointer;
}
.display-inline {
display: inline;
}
/* ---- RSWP FONTS CSS -------------------------------------------------------
Author: Fu Tang :: AUG 2016
--------------------------------------------------------------------- */
.hero-block__title {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 30px;
font-size: 3rem;
line-height: 38px;
font-weight: 700;
color: white;
margin-bottom: 12px;
}
@media (min-width: 550px) {
.hero-block__title {
font-size: 50px;
font-size: 5rem;
line-height: 50px;
}
}
.product__title, .sidebar__title {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 24px;
font-size: 2.4rem;
line-height: normal;
letter-spacing: -1px;
font-weight: 700;
margin-bottom: 12px;
line-height: normal;
}
@media (min-width: 768px) {
.product__title, .sidebar__title {
font-size: 2.8rem;
}
}
@media (min-width: 1152px) {
.product__title, .sidebar__title {
font-size: 3.4rem;
}
}
.hero-block__summary {
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-size: 18px;
font-size: 1.8rem;
line-height: 28px;
font-weight: 300;
color: white;
}
@media (min-width: 550px) {
.hero-block__summary {
font-size: 2.8rem;
line-height: normal;
}
}
.example-category-pricing__link, .product__copy, .sidebar__copy {
color: #585858;
margin-bottom: 24px;
font-size: 1.8rem;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-weight: 600;
line-height: 1.5;
}
.example-category-pricing__link:last-of-type, .product__copy:last-of-type, .sidebar__copy:last-of-type {
margin-bottom: 24px;
}
.product__testimonial {
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
}
.vertical-center-align {
display: inline-block;
vertical-align: middle;
}
.hide-on-mobile.product__title, .hide-on-mobile.trusted__companies, .hide-on-mobile.price, .hide-on-mobile.release__date, .hide-on-mobile.enquiry__date, .hide-on-mobile.pr-images {
display: none;
}
@media (min-width: 768px) {
.hide-on-mobile.product__title, .hide-on-mobile.trusted__companies, .hide-on-mobile.price, .hide-on-mobile.release__date, .hide-on-mobile.enquiry__date, .hide-on-mobile.pr-images {
display: block;
}
}
.hide-on-desktop.product__title, .hide-on-desktop.trusted__companies, .hide-on-desktop.price, .hide-on-desktop.release__date, .hide-on-desktop.enquiry__date, .hide-on-desktop.pr-images {
display: block;
}
@media (min-width: 768px) {
.hide-on-desktop.product__title, .hide-on-desktop.trusted__companies, .hide-on-desktop.price, .hide-on-desktop.release__date, .hide-on-desktop.enquiry__date, .hide-on-desktop.pr-images {
display: none;
}
}
.roman {
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-color: #333;
}
.emphasis {
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-size: 1.3rem;
font-color: #333;
}
.rs-button {
width: 100%;
overflow: visible;
border: 0;
display: block;
padding: 10px 9px;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
text-align: center;
color: white;
max-width: 400px;
margin: 0 auto;
}
.rs-button__row {
margin-top: 6px;
display: inline-block;
width: auto;
}
@media (min-width: 1024px) {
.rs-button {
margin-top: 0;
}
}
.rs-button--full-width {
max-width: none;
}
.rs-button--green {
background-color: #16cbbe;
}
.rs-button--green:hover {
background-color: #14b4a8;
color: white;
}
.rs-button--orange {
background-color: #ff9f6f;
}
.rs-button--orange:hover {
background-color: #ff8e56;
color: white;
}
.rs-button--grey {
background-color: #e6e6e6;
color: black;
}
.rs-button--grey:hover {
background-color: #d9d9d9;
color: black;
}
.rs-button--contact-form {
max-width: none;
}
/* ---- RSWP CONTACT FORM ----------------------------------------------
Author: Fu Tang :: AUG 2016
--------------------------------------------------------------------- */
.sidebar {
width: 100%;
height: auto;
position: static;
}
@media (min-width: 1024px) {
.sidebar--right {
right: 0px;
}
}
.sidebar--stalker {
*zoom: 1;
padding: 30px 20px 30px 20px;
}
.sidebar--stalker:before, .sidebar--stalker:after {
content: " ";
display: table;
}
.sidebar--stalker:after {
clear: both;
}
@media (min-width: 1024px) {
.sidebar--stalker {
width: 385px;
overflow-y: scroll;
height: 100%;
position: fixed;
top: 120px;
right: -25px;
z-index: 10;
background: white;
border-width: 1px 0px 0px 1px;
border-style: solid;
border-color: #e6e6e6;
}
}
@media (min-width: 1024px) and (min-width: 768px) {
.sidebar--stalker {
padding: 35px 41px 35px 35px;
}
}
.sidebar__title {
display: block;
color: black;
}
.contact-form {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
}
.contact-form__title {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 32px;
font-size: 3.2rem;
letter-spacing: -0.5px;
font-weight: 700;
margin-bottom: 15px;
}
.contact-form__row {
width: 100%;
clear: both;
}
@media (min-width: 550px) {
.contact-form__row {
width: 70%;
margin-right: auto;
margin-left: auto;
}
}
@media (min-width: 1024px) {
.contact-form__row {
width: 100%;
}
}
.contact-form__row--submit {
margin-top: 15px;
}
.contact-form__row input[type=text] {
font-size: 15px;
}
.contact-form__center--medium {
text-align: center;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.contact-form__contact-details, .contact-form__contact-message {
/* @include width-calc( " 100% / 2 - 10px" );
@include float-left; */
}
}
@media (min-width: 1024px) {
.contact-form__contact-details, .contact-form__contact-message {
/* @include width-calc( " 100%" );
float: none;
display: block; */
}
}
.contact-form__hr {
margin: 20px 0;
border-top: 2px dotted #ccc;
}
@media (min-width: 768px) {
.contact-form__contact-details {
margin-right: 10px;
}
}
@media (min-width: 1024px) {
.contact-form__contact-details {
margin-right: 0px;
}
}
.contact-form__contact-message {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 24px;
font-size: 2.4rem;
letter-spacing: -0.5px;
margin-bottom: 24px;
text-align: center;
display: block;
}
@media (min-width: 768px) {
.contact-form__contact-message {
margin-left: 10px;
}
}
@media (min-width: 1024px) {
.contact-form__contact-message {
margin-left: 0px;
}
}
.contact-form__input {
margin-bottom: 15px;
border-radius: 0px;
width: 100% !important;
max-width: 100% !important;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 17px;
font-size: 1.7rem;
}
@media (min-width: 550px) {
.contact-form__input {
margin-right: auto;
margin-left: auto;
}
}
@media (min-width: 1152px) {
.contact-form__input {
width: 100% !important;
}
}
.contact-form__input .rs-input-text {
height: 32px;
}
.contact-form__input--textarea {
display: block;
height: 100px;
}
@media (min-width: 768px) {
.contact-form__input--textarea {
height: 150px;
}
}
.contact-form__label {
text-align: left;
display: block;
width: 100%;
margin-right: auto;
margin-left: auto;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 15px;
font-size: 1.5rem;
line-height: 24px;
}
@media (min-width: 1152px) {
.contact-form__label {
width: 100%;
font-size: 1.7rem;
}
}
/* ---- RSWP IMAGES CSS -------------------------------------------------------
Author: Fu Tang :: AUG 2016 - Revised 2021
--------------------------------------------------------------------- */
.pr-images {
width: 100%;
max-width: 700px;
opacity: 0;
}
.pr-images.come-in {
-webkit-transform: translateY(90px);
-khtml-transform: translateY(90px);
-moz-transform: translateY(90px);
-ms-transform: translateY(90px);
-o-transform: translateY(90px);
transform: translateY(90px);
-webkit-animation: come-in 2s ease forwards;
-khtml-animation: come-in 2s ease forwards;
-moz-animation: come-in 2s ease forwards;
-ms-animation: come-in 2s ease forwards;
-o-animation: come-in 2s ease forwards;
animation: come-in 2s ease forwards;
-webkit-animation-delay: 0s;
-khtml-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}
@media (min-width: 768px) {
.pr-images {
opacity: 1;
margin-top: 50px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
}
@media (min-width: 1250px) {
.pr-images {
max-width: none;
}
}
.pr-images--prw-about {
width: 125%;
margin-right: 0px;
margin-bottom: -100px;
margin-left: 0px;
}
@media (min-width: 768px) {
.pr-images--prw-about {
width: 100%;
margin-right: 0px;
margin-bottom: -100px;
margin-left: 0px;
}
}
@media (min-width: 1250px) {
.pr-images--prw-about {
width: auto;
position: absolute;
bottom: -20px;
left: -90px;
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
}
}
.pr-images--newsroom {
width: 125%;
margin-right: 0px;
margin-bottom: -100px;
margin-left: 0px;
}
@media (min-width: 768px) {
.pr-images--newsroom {
width: 100%;
margin-right: 0px;
margin-bottom: -200px;
margin-left: 0px;
}
}
@media (min-width: 1250px) {
.pr-images--newsroom {
width: auto;
position: absolute;
bottom: -65px;
left: 100px;
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
}
}
.pr-images--release-stat-graph {
width: 125%;
margin-right: 0px;
margin-bottom: -100px;
margin-left: 0px;
}
@media (min-width: 768px) {
.pr-images--release-stat-graph {
width: 100%;
position: absolute;
bottom: 0;
right: -165px;
z-index: 1;
}
}
@media (min-width: 1250px) {
.pr-images--release-stat-graph {
position: absolute;
right: auto;
left: 140px;
bottom: -40px;
margin: 0;
width: 45%;
min-width: 675px;
}
}
.pr-images--release-stat-index {
width: 100%;
position: absolute;
bottom: -170px;
right: -140px;
}
@media (min-width: 768px) {
.pr-images--release-stat-index {
position: static;
margin-bottom: -100px;
margin-right: auto;
margin-left: auto;
}
}
@media (min-width: 1250px) {
.pr-images--release-stat-index {
position: absolute;
bottom: -70px;
left: 50%;
margin: 0;
margin-left: -350px;
max-width: 700px;
}
}
@media (min-width: 768px) {
.pr-images--release-stat-referals {
position: absolute;
bottom: -65px;
left: -235px;
}
}
@media (min-width: 1250px) {
.pr-images--release-stat-referals {
left: auto;
right: 160px;
bottom: -100px;
margin: 0;
z-index: 1;
width: 45%;
min-width: 675px;
}
}
.pr-images--enquiry-email {
display: none;
}
@media (min-width: 1250px) {
.pr-images--enquiry-email {
display: inline;
width: auto;
position: absolute;
bottom: -65px;
left: 100px;
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
}
}
.pr-images--only-the-best {
width: 120%;
max-width: 600px;
display: inline;
margin-top: 20px;
margin-right: auto;
margin-bottom: -130px;
margin-left: -10px;
}
@media (min-width: 768px) {
.pr-images--only-the-best {
margin-top: 20px;
margin-right: auto;
margin-bottom: -130px;
margin-left: auto;
}
}
@media (min-width: 1250px) {
.pr-images--only-the-best {
width: auto;
max-width: 650px;
position: absolute;
bottom: -125px;
left: -25px;
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
}
}
.pr-images--example-profile-mo {
width: 175%;
margin-right: 0px;
margin-bottom: -200px;
margin-left: 0px;
}
@media (min-width: 768px) {
.pr-images--example-profile-mo {
width: auto;
position: absolute;
bottom: -225px;
right: 50%;
left: 50%;
margin-right: -400px;
margin-bottom: 0px;
margin-left: -275px;
z-index: 1;
}
}
@media (min-width: 1250px) {
.pr-images--example-profile-mo {
bottom: -100px;
}
}
.pr-images--example-profile-moc {
width: auto;
position: absolute;
bottom: -170px;
right: -140px;
}
@media (min-width: 768px) {
.pr-images--example-profile-moc {
position: static;
margin-bottom: -100px;
margin-right: auto;
margin-left: auto;
}
}
@media (min-width: 1250px) {
.pr-images--example-profile-moc {
position: absolute;
bottom: -10px;
left: 50%;
right: 50%;
margin-right: -400px;
margin-bottom: 0px;
margin-left: -450px;
}
}
.pr-images--summary-search-result {
width: auto;
max-width: none;
display: none;
}
@media (min-width: 768px) {
.pr-images--summary-search-result {
display: block;
margin-right: auto;
margin-bottom: -100px;
margin-left: auto;
}
}
@media (min-width: 1250px) {
.pr-images--summary-search-result {
margin-right: auto;
margin-bottom: -675px;
margin-left: 0px;
}
}
.pr-images--summary-mobile-results {
width: auto;
max-width: none;
margin-right: 0px;
margin-bottom: -100px;
margin-left: 0px;
}
@media (min-width: 768px) {
.pr-images--summary-mobile-results {
position: absolute;
bottom: 0;
left: 50%;
right: 50%;
margin-right: -125px;
margin-left: -250px;
}
}
@media (min-width: 1024px) {
.pr-images--summary-mobile-results {
margin-left: -150px;
}
}
@media (min-width: 1250px) {
.pr-images--summary-mobile-results {
margin-right: -250px;
margin-bottom: -10px;
margin-left: -325px;
}
}
.pr-images--summary-jes-form {
width: auto;
max-width: none;
display: none;
margin-right: 0px;
margin-bottom: -200px;
margin-left: 0px;
}
@media (min-width: 768px) {
.pr-images--summary-jes-form {
display: block;
margin-right: auto;
margin-bottom: -100px;
margin-left: auto;
}
}
@media (min-width: 1250px) {
.pr-images--summary-jes-form {
margin-right: auto;
margin-left: -475px;
}
}
.pr-images--summary-jes-mobile-email {
width: auto;
max-width: none;
margin-right: 0px;
margin-bottom: -150px;
margin-left: 0px;
}
@media (min-width: 768px) {
.pr-images--summary-jes-mobile-email {
position: absolute;
bottom: 0;
left: 50%;
right: 50%;
margin-right: -125px;
margin-left: -250px;
}
}
@media (min-width: 1024px) {
.pr-images--summary-jes-mobile-email {
margin-left: -150px;
}
}
@media (min-width: 1250px) {
.pr-images--summary-jes-mobile-email {
margin-bottom: -10px;
margin-left: 50px;
}
}
.pr-images--summary-prw-newsroom {
width: auto;
max-width: none;
display: none;
margin-right: 0px;
margin-bottom: -200px;
margin-left: 0px;
}
@media (min-width: 768px) {
.pr-images--summary-prw-newsroom {
display: block;
margin-right: auto;
margin-bottom: -100px;
margin-left: auto;
}
}
@media (min-width: 1250px) {
.pr-images--summary-prw-newsroom {
margin-top: 175px;
margin-right: auto;
margin-bottom: auto;
margin-left: -100px;
}
}
.pr-images--summary-prw-desktop {
width: auto;
max-width: none;
display: none;
}
@media (min-width: 1250px) {
.pr-images--summary-prw-desktop {
display: block;
position: absolute;
bottom: 0;
left: 50%;
right: 50%;
margin-right: -250px;
margin-bottom: -125px;
margin-left: -200px;
}
}
.pr-images--summary-prw-admin {
width: auto;
max-width: none;
display: none;
}
@media (min-width: 1250px) {
.pr-images--summary-prw-admin {
display: block;
position: absolute;
bottom: 0;
left: 50%;
right: 50%;
margin-right: -250px;
margin-bottom: -50px;
margin-left: -50px;
}
}
.pr-images--search-food {
width: auto;
max-width: none;
margin-right: 0px;
margin-bottom: -200px;
margin-left: 0px;
}
@media (min-width: 768px) {
.pr-images--search-food {
margin-right: auto;
margin-bottom: -100px;
margin-left: auto;
}
}
@media (min-width: 1250px) {
.pr-images--search-food {
margin-right: auto;
margin-bottom: -675px;
margin-left: -100px;
}
}
.pr-images--mo-results {
width: auto;
max-width: none;
display: none;
}
@media (min-width: 768px) {
.pr-images--mo-results {
display: block;
position: absolute;
bottom: 0;
left: 50%;
right: 50%;
margin-right: -125px;
margin-bottom: -250px;
margin-left: -250px;
}
}
@media (min-width: 1024px) {
.pr-images--mo-results {
margin-left: -150px;
}
}
@media (min-width: 1250px) {
.pr-images--mo-results {
margin-right: -250px;
margin-bottom: -10px;
margin-left: -325px;
}
}
.pr-images--desktop-list {
width: auto;
display: none;
}
@media (min-width: 1024px) {
.pr-images--desktop-list {
display: block;
margin-right: auto;
margin-bottom: -100px;
margin-left: auto;
}
}
@media (min-width: 1250px) {
.pr-images--desktop-list {
margin-right: auto;
margin-bottom: -100px;
margin-left: auto;
}
}
.pr-images--tablet-list {
width: auto;
display: none;
}
@media (min-width: 768px) {
.pr-images--tablet-list {
display: block;
margin-right: auto;
margin-bottom: -250px;
margin-left: auto;
}
}
@media (min-width: 1024px) {
.pr-images--tablet-list {
position: absolute;
bottom: -300px;
left: 50%;
right: 50%;
margin-right: -250px;
margin-bottom: 0px;
margin-left: -250px;
}
}
@media (min-width: 1250px) {
.pr-images--tablet-list {
margin-right: -250px;
margin-bottom: 0px;
margin-left: 0px;
}
}
.pr-images--mobile-list {
width: auto;
margin-right: 0px;
margin-bottom: -200px;
margin-left: 0px;
}
@media (min-width: 768px) {
.pr-images--mobile-list {
width: 250px;
position: absolute;
bottom: -250px;
left: 50%;
right: 50%;
margin-right: -125px;
margin-bottom: 0px;
margin-left: -62px;
}
}
@media (min-width: 1024px) {
.pr-images--mobile-list {
bottom: -175px;
margin-right: -125px;
margin-bottom: 0px;
margin-left: -125px;
}
}
.pr-images__large--left {
width: auto;
max-width: 800px;
display: none;
}
@media (min-width: 768px) {
.pr-images__large--left {
display: block;
max-width: 100%;
margin-right: auto;
margin-bottom: -100px;
margin-left: auto;
}
}
@media (min-width: 1250px) {
.pr-images__large--left {
margin-right: auto;
margin-bottom: -675px;
margin-left: 0px;
}
}
.pr-images__large--right {
width: auto;
display: none;
margin-right: 0px;
margin-bottom: -200px;
margin-left: 0px;
}
@media (max-width: 61.24em) {
.pr-images__large--right {
max-width: 100%;
display: block;
margin-right: auto;
margin-bottom: -100px;
margin-left: auto;
}
}
@media (min-width: 61.25em) {
.pr-images__large--right {
max-width: 800px;
margin-right: auto;
margin-left: -475px;
}
}
.pr-images__medium--left {
display: none;
}
@media (min-width: 1024px) {
.pr-images__medium--left {
display: block;
width: auto;
position: absolute;
bottom: 0;
left: 50%;
right: 50%;
margin-right: -400px;
margin-bottom: -100px;
margin-left: -300px;
}
}
.pr-images__medium--right {
display: none;
}
@media (min-width: 1250px) {
.pr-images__medium--right {
display: block;
width: auto;
position: absolute;
bottom: 0;
left: 50%;
right: 50%;
margin-right: -250px;
margin-bottom: -100px;
margin-left: -400px;
}
}
.pr-images__small--left {
width: auto;
max-width: none;
margin-right: 0px;
margin-bottom: -100px;
margin-left: 0px;
}
@media (min-width: 768px) {
.pr-images__small--left {
position: absolute;
bottom: 0;
left: 50%;
right: 50%;
margin-right: -125px;
margin-left: -250px;
}
}
@media (min-width: 1024px) {
.pr-images__small--left {
margin-left: -150px;
}
}
@media (min-width: 1152px) {
.pr-images__small--left {
margin-right: -250px;
margin-bottom: -10px;
margin-left: -325px;
}
}
.pr-images__small--right {
width: auto;
max-width: none;
margin-right: 0px;
margin-bottom: -150px;
margin-left: 0px;
}
@media (min-width: 768px) {
.pr-images__small--right {
position: absolute;
bottom: 0;
left: 50%;
right: 50%;
margin-right: -125px;
margin-left: -250px;
}
}
@media (min-width: 1024px) {
.pr-images__small--right {
margin-left: -150px;
}
}
@media (min-width: 1250px) {
.pr-images__small--right {
margin-bottom: -10px;
margin-left: 50px;
}
}
.pr-images__layer--bottom {
display: none;
margin-right: 0px;
margin-bottom: -200px;
margin-left: 0px;
}
@media (min-width: 768px) {
.pr-images__layer--bottom {
display: block;
max-width: 100%;
margin-right: auto;
margin-bottom: -100px;
margin-left: auto;
}
}
@media (min-width: 1250px) {
.pr-images__layer--bottom {
max-width: none;
width: auto;
margin-top: 175px;
margin-right: auto;
margin-bottom: auto;
margin-left: -100px;
}
}
.pr-images__layer--middle {
width: auto;
max-width: none;
display: none;
}
@media (min-width: 1250px) {
.pr-images__layer--middle {
display: block;
position: absolute;
bottom: 0;
left: 50%;
right: 50%;
margin-right: -250px;
margin-bottom: -125px;
margin-left: -200px;
}
}
.pr-images__layer--top {
width: auto;
max-width: none;
display: none;
}
@media (min-width: 1250px) {
.pr-images__layer--top {
display: block;
position: absolute;
bottom: 0;
left: 50%;
right: 50%;
margin-right: -250px;
margin-bottom: -50px;
margin-left: -50px;
}
}
/* ---- RSWP FONTS CSS -------------------------------------------------------
Author: Fu Tang :: AUG 2016
--------------------------------------------------------------------- */
.release, .enquiry {
*zoom: 1;
border-left: 3px solid #ff9f6f;
margin-bottom: 10px;
font-weight: normal;
}
.release:before, .release:after, .enquiry:before, .enquiry:after {
content: " ";
display: table;
}
.release:after, .enquiry:after {
clear: both;
}
@media (min-width: 768px) {
.release, .enquiry {
margin-bottom: 5px;
}
}
.release a:hover .release__title, .enquiry a:hover .release__title {
background-color: #e6e6e6;
}
.release__date, .release__title, .release__publication, .enquiry__date, .enquiry__title, .enquiry__publication {
padding-left: 5px;
}
@media (min-width: 768px) {
.release__date, .release__title, .release__publication, .enquiry__date, .enquiry__title, .enquiry__publication {
padding: 8px;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-size: 21px;
font-size: 2.1rem;
line-height: 28px;
font-weight: 400;
}
}
.release__date, .enquiry__date {
background-color: #e6e6e6;
width: 110px;
}
@media (min-width: 768px) {
.release__date, .enquiry__date {
float: left;
display: inline;
}
}
.release__title, .enquiry__title {
width: 100%;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (min-width: 768px) {
.release__title, .enquiry__title {
width: auto;
min-width: 100px;
background-color: #cccccc;
float: left;
display: inline;
}
}
.release__publication, .enquiry__publication {
width: 100%;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-style: italic;
}
@media (min-width: 768px) {
.release__publication, .enquiry__publication {
font-style: normal;
max-width: 100px;
float: left;
display: inline;
text-align: left;
background-color: #b3b3b3;
}
}
.release > a, .enquiry > a {
color: #333333;
}
.release__title {
width: 100%;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (min-width: 768px) {
.release__title {
width: auto;
min-width: 100px;
max-width: webkit-calc( 100% - 110px);
max-width: -moz-calc( 100% - 110px);
max-width: calc( 100% - 110px);
background-color: #cccccc;
float: left;
display: inline;
}
}
.enquiry__date {
display: none;
}
@media (min-width: 1152px) {
.enquiry__date {
display: inline;
}
}
.enquiry__title {
width: 100%;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (min-width: 768px) {
.enquiry__title {
width: auto;
min-width: 100px;
max-width: webkit-calc( 100% - 200px);
max-width: -moz-calc( 100% - 200px);
max-width: calc( 100% - 200px);
background-color: #cccccc;
float: left;
display: inline;
}
}
@media (min-width: 1024px) {
.enquiry__title {
max-width: webkit-calc( 100% - 313px);
max-width: -moz-calc( 100% - 313px);
max-width: calc( 100% - 313px);
}
}
.enquiry__publication {
width: 100%;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-style: italic;
}
@media (min-width: 768px) {
.enquiry__publication {
font-style: normal;
width: auto;
max-width: 200px;
float: left;
display: inline;
text-align: left;
background-color: #b3b3b3;
}
}
.latest-releases, .latest-enquiries {
float: none;
}
@media (min-width: 768px) {
.latest-releases, .latest-enquiries {
clear: none;
display: inline-block;
margin-top: 50px;
}
}
@media (min-width: 1250px) {
.latest-releases {
max-width: 900px;
}
}
@media (min-width: 768px) {
.latest-enquiries {
width: webkit-calc(100% - 190px);
width: -moz-calc(100% - 190px);
width: calc(100% - 190px);
}
}
.counter {
width: 115px;
float: none;
clear: none;
display: none;
margin-top: 50px;
margin-right: 20px;
}
@media (min-width: 768px) {
.counter {
display: inline-block;
vertical-align: top;
}
}
@media (min-width: 1152px) {
.counter {
width: 140px;
float: left;
display: inline;
margin-right: 50px;
}
}
.counter__item {
width: 115px;
height: 115px;
position: relative;
margin-bottom: 50px;
border: 8px solid #ef8f03;
display: inline-block;
vertical-align: top;
-webkit-border-radius: 70px;
-khtml-border-radius: 70px;
-moz-border-radius: 70px;
-ms-border-radius: 70px;
-o-border-radius: 70px;
border-radius: 70px;
}
@media (min-width: 1152px) {
.counter__item {
width: 140px;
height: 140px;
}
}
.counter__figure, .counter__title {
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
}
.counter__figure {
top: 35%;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-size: 36px;
font-size: 3.6rem;
letter-spacing: -2px;
font-weight: 600;
}
@media (min-width: 1152px) {
.counter__figure {
font-size: 4.4rem;
}
}
.counter__title {
top: 70%;
font-family: "futura-pt", Trebuchet MS, Arial, sans-serif;
font-size: 15px;
font-size: 1.5rem;
line-height: 18px;
font-weight: 400;
}
@media (min-width: 1152px) {
.counter__title {
font-size: 1.8rem;
}
}
/* ---- Mailchimp signup form -------------------------------------------------------
Overrides default mailchimps but hacky and will need to be rewritten.
--------------------------------------------------------------------- */
/* Mailchimp hooks
*
* http://kb.mailchimp.com/lists/signup-forms/css-hooks-for-customizing-forms
*
**/
#mc_embed_signup {
margin: 12px;
padding: 6px;
overflow: hidden;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 16px;
font-size: 1.6rem;
letter-spacing: -0.4px;
color: #333;
}
@media (min-width: 768px) {
#mc_embed_signup {
margin: 24px;
}
}
.mc-field-group {
margin: 12px 0;
}
.mc-field-group > input {
width: 100%;
max-width: 100%;
}
.indicates-required {
color: #666;
font-size: 12px;
}
.asterisk {
color: #FF3366;
}
.input-group label {
margin-left: 6px;
}
#mc_embed_signup .mc-field-group div.mce_inline_error {
/* reset Mailchimp default styles */
background: none;
margin: 0;
padding: 0;
/* Add new styles */
color: #FF3366;
}
#mc_embed_signup .mc-field-group div.mce_inline_error:before {
content: "×";
margin-right: 4px;
font-size: 3rem;
}
#mce-error-response {
color: #FF3366;
}
#mce-error-response:before {
content: "×";
margin-right: 4px;
font-size: 3rem;
}
.response {
color: #5E9931;
margin: 12px 0;
font-weight: bold;
}
.response:before {
content: "✓";
margin-right: 4px;
font-size: 3rem;
}
.response a:link {
color: #5E9931;
display: block;
width: 100%;
}
.response a:visited {
color: #5E9931;
}
.response a:hover {
text-decoration: underline;
}
/* Form pop-up and styling
**/
.messagepop {
background: rgba(0, 0, 0, 0.8);
background: cover;
border: 1px solid #999999;
cursor: default;
display: none;
position: fixed;
text-align: left;
width: 100%;
height: 100%;
z-index: 50;
top: 0;
left: 0;
}
.modal__content {
width: 90%;
background-color: white;
position: fixed;
margin: 5%;
padding-top: 36px;
left: 0;
right: 0;
max-height: 90%; /* minus top/bottom margin so scroll does not crop off any of form*/
overflow-y: auto;
overflow-x: hidden;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
@media (min-width: 768px) {
.modal__content {
padding-top: 0; /* Raise title level with close icon */
width: 80%;
margin: 5% auto;
}
}
@media (min-width: 1152px) {
.modal__content {
max-width: 700px;
}
}
.close--mailchimp {
color: #666;
padding: 12px;
z-index: 1;
}
@media (min-width: 768px) {
.close--mailchimp {
padding: 24px;
}
}
.form-container {
margin: 0 auto;
width: 100%;
max-width: 100%;
}
@media (min-width: 550px) {
.form-container {
max-width: 550px;
}
}
@media (min-width: 550px) {
.two-col {
width: 49%;
display: inline-block;
}
}
@media (min-width: 550px) {
.two-col--second {
margin-left: 2%;
}
}
/* ===== Hubspot forms JS component =========================================
Author: Ed Patrick | 2019 |
========================================================================== */
/* DOCUMENT INFORMATION
- Used for overwriting hubspot form styles on responsesource.com
*/
.hero-block {
position: relative;
display: block;
width: 100%;
clear: both;
min-height: 500px;
text-align: left;
height: 20vh;
}
@media (min-width: 1024px) {
.hero-block--offset-sidebar {
width: webkit-calc(100% - 360px);
width: -moz-calc(100% - 360px);
width: calc(100% - 360px);
}
}
.hero-block--small {
min-height: 280px;
background-image: url(img/backgrounds/bridge.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: #cccccc;
}
.hero-block__dark-overlay {
width: 100%;
height: 100%;
position: absolute;
background-color: black;
filter: alpha(opacity=50);
opacity: 0.6;
filter: alpha(opacity=60);
}
.hero-block__background {
min-height: 500px; /* As backup if js disabled */
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: #cccccc;
}
@media (min-width: 768px) {
.hero-block__background {
min-height: 650px; /* As backup if js disabled */
}
}
.hero-block__background--product-page {
background-size: auto auto;
}
@media (min-width: 768px) {
.hero-block__background--force-min-height {
min-height: 815px;
}
}
.hero-block__message {
width: 100%;
}
.hero-block__message--summary-page {
width: 85%;
position: absolute;
left: 50%;
bottom: 75px;
padding: 24px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: -45%;
}
@media (min-width: 768px) {
.hero-block__message--summary-page {
bottom: 2%;
width: 400px;
}
}
@media (min-width: 1152px) {
.hero-block__message--summary-page {
left: 50%;
margin-left: -530px;
}
}
.hero-block__message--product-page {
text-align: center;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-khtml-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
padding-top: 0;
padding-right: 5%;
padding-bottom: 0;
padding-left: 5%;
}
.hero-block__title {
clear: both;
}
.hero-block__summary {
display: block;
clear: both;
}
.hero-block__call-to-action {
display: inline-block;
margin-top: 20px;
}
.hero-block__jump-link {
display: block;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 20px;
font-size: 2rem;
line-height: 35px;
color: #FFF;
}
.hero-block__jump-link:before {
display: block;
content: " ";
margin-top: -285px;
height: 285px;
visibility: hidden;
}
.hero-block__jump-anchor:before {
display: block;
content: " ";
margin-top: -285px;
height: 285px;
visibility: hidden;
}
.price {
max-width: 900px;
margin: 0 auto;
*zoom: 1;
}
.price:before, .price:after {
content: " ";
display: table;
}
.price:after {
clear: both;
}
.price--offset-sidebar {
padding-right: 20px;
padding-left: 20px;
}
@media (min-width: 768px) {
.price--offset-sidebar {
padding-right: 5%;
padding-left: 5%;
}
}
@media (min-width: 1024px) {
.price--offset-sidebar {
width: webkit-calc(100% - 360px);
width: -moz-calc(100% - 360px);
width: calc(100% - 360px);
}
}
.price__box {
position: relative;
width: 100%;
margin: 0;
padding: 20px;
background-color: #ff9f6f;
}
@media (min-width: 768px) {
.price__box {
margin: 12px 6px;
width: webkit-calc(100% / 3 - 12px);
width: -moz-calc(100% / 3 - 12px);
width: calc(100% / 3 - 12px);
height: 300px;
float: left;
display: inline;
}
}
.price__box .xy-center-align {
*zoom: 1;
}
.price__box .xy-center-align:before, .price__box .xy-center-align:after {
content: " ";
display: table;
}
.price__box .xy-center-align:after {
clear: both;
}
@media (min-width: 768px) {
.price__box .xy-center-align {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
.price__title {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
display: block;
text-align: center;
width: 100%;
color: white;
font-size: 26px;
font-size: 2.6rem;
}
@media (min-width: 1152px) {
.price__title {
font-size: 3.6rem;
font-weight: 400;
}
}
.price__xl-figure {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
display: block;
text-align: center;
width: 100%;
color: white;
font-size: 60px;
font-size: 6rem;
font-weight: 700;
}
@media (min-width: 1152px) {
.price__xl-figure {
font-size: 7.4rem;
}
}
.price__xl-figure small {
font-size: 26px;
font-size: 2.6rem;
}
.price__from, .price__extras {
clear: both;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
display: block;
text-align: center;
width: 100%;
color: white;
font-size: 18px;
font-size: 1.8rem;
}
.price__full-details {
display: flex;
text-align: left;
flex-direction: column;
}
@media (min-width: 46.25em) {
.price__full-details {
flex-direction: row;
padding: 24px;
background-color: white;
}
}
.price__list {
float: none;
font-weight: 500;
margin-top: 10px;
margin-right: 0;
margin-bottom: 50px;
margin-left: 0;
}
.price__list:last-child {
margin-bottom: 0;
}
@media (min-width: 768px) {
.price__list {
margin-top: 10px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
}
.price__list--title {
display: block;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 24px;
font-size: 2.4rem;
font-weight: 700;
}
.price__list--label {
float: left;
display: inline;
width: webkit-calc(100% * 2/3);
width: -moz-calc(100% * 2/3);
width: calc(100% * 2/3);
}
.price__list--figure {
font-size: 15px;
font-size: 1.5rem;
text-align: right;
color: #ff9f6f;
float: left;
display: inline;
width: webkit-calc(100% * 1/3);
width: -moz-calc(100% * 1/3);
width: calc(100% * 1/3);
}
.price__list--included {
float: none;
list-style: square outside none;
padding-left: 20px;
}
@media (min-width: 46.25em) {
.price__included {
width: calc(66.6666666667% - (12px * 2));
padding-right: 12px;
margin-right: 12px;
border-right: 1px dotted #cccccc;
}
}
@media (max-width: 46.24em) {
.price__included {
margin-bottom: 24px;
}
}
@media (min-width: 46.25em) {
.price__additional {
width: 33.3333333333%;
}
}
.price__row {
font-size: 14px;
font-size: 1.4rem;
*zoom: 1;
margin-bottom: 0;
padding-top: 12px;
padding-bottom: 12px;
border-bottom: 2px dotted #cccccc;
}
.price__row:before, .price__row:after {
content: " ";
display: table;
}
.price__row:after {
clear: both;
}
.price__row:last-child {
border: none;
margin-bottom: 0px;
padding-bottom: 0px;
}
.price__mobile {
width: 100%;
padding: 30px 20px 30px 20px;
}
.trusted__companies {
text-align: center;
position: relative;
padding: 30px 0;
margin: 0;
background-color: #F4F1EC;
}
.trusted__companies--offset-sidebar {
padding-right: 20px;
padding-left: 20px;
}
@media (min-width: 768px) {
.trusted__companies--offset-sidebar {
padding-right: 5%;
padding-left: 5%;
}
}
@media (min-width: 1024px) {
.trusted__companies--offset-sidebar {
width: webkit-calc(100% - 360px);
width: -moz-calc(100% - 360px);
width: calc(100% - 360px);
}
}
.trusted__company-caption {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 22px;
font-size: 2.2rem;
font-weight: 400;
color: gray;
margin-bottom: 10px;
}
.trusted__company-logo {
margin: 0 30px;
width: webkit-calc(100% * 1/5);
width: -moz-calc(100% * 1/5);
width: calc(100% * 1/5);
max-width: 150px;
opacity: 0.3;
filter: alpha(opacity=30);
}
.product {
position: relative;
*zoom: 1;
overflow: hidden;
padding-top: 60px;
padding-bottom: 60px;
background-color: white;
border-bottom: 2px solid #e6e6e6;
}
.product:before, .product:after {
content: " ";
display: table;
}
.product:after {
clear: both;
}
.product ul {
padding-left: 0;
list-style-type: none;
}
.product--fd-row {
display: flex;
flex-direction: column;
}
@media (min-width: 61.25em) {
.product--fd-row {
flex-direction: row;
}
}
.product--light-grey {
background-color: #f7f7f7;
}
.product--gb {
background-color: #f7f7f7;
}
@media (min-width: 768px) {
.product--gb {
background: #f7f7f7 url(img/pr_product-page/JES_GB.svg) no-repeat 300px top fixed;
background-size: 80%;
}
}
@media (min-width: 1152px) {
.product--gb {
background-position: -200px top;
background-size: 60%;
}
}
.product--no-border {
border-bottom-width: 0;
}
.product--network {
background-color: #f7f7f7;
}
@media (min-width: 1250px) {
.product--network {
background: #f7f7f7 url(img/pr_product-page/PRW_ABOUT.png) no-repeat -200px center fixed;
background-size: 60%;
}
}
.product--fjp-results {
background-color: #f7f7f7;
}
@media (min-width: 1250px) {
.product--fjp-results {
background: #f7f7f7 url(img/tour/pr/fjp-search-results.png) no-repeat -200px center fixed;
background-size: 60%;
}
}
.product--jes {
background-color: #f1f1f1;
}
.product__intro {
padding-top: 30px;
padding-bottom: 30px;
background-color: #f7f7f7;
}
.product__price {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
@media (min-width: 1024px) {
.product__price--offset-sidebar {
width: webkit-calc(100% - 360px);
width: -moz-calc(100% - 360px);
width: calc(100% - 360px);
}
}
.product--offset-sidebar {
padding-right: 20px;
padding-left: 20px;
}
@media (min-width: 768px) {
.product--offset-sidebar {
padding-right: 5%;
padding-left: 5%;
}
}
@media (min-width: 1024px) {
.product--offset-sidebar {
width: webkit-calc(100% - 360px);
width: -moz-calc(100% - 360px);
width: calc(100% - 360px);
}
}
.product__link {
color: #54a3d8;
text-decoration: underline;
}
.product__list {
list-style-type: disc;
margin: 0 0 24px 32px;
}
.product__image {
*zoom: 1;
text-align: center;
width: auto;
margin: 0;
position: relative;
}
.product__image:before, .product__image:after {
content: " ";
display: table;
}
.product__image:after {
clear: both;
}
@media (min-width: 1250px) {
.product__image--left {
float: left;
display: inline;
width: webkit-calc(100% - 575px);
width: -moz-calc(100% - 575px);
width: calc(100% - 575px);
}
}
@media (min-width: 1250px) {
.product__image--right {
float: left;
display: inline;
width: webkit-calc(100% - 575px);
width: -moz-calc(100% - 575px);
width: calc(100% - 575px);
}
}
@media (min-width: 1250px) {
.product__image {
height: 650px;
margin-bottom: -60px;
}
}
.product__center {
position: relative;
display: block;
margin: 0 auto;
padding-top: 30px;
padding-right: 20px;
padding-left: 30px;
}
@media (min-width: 768px) {
.product__center {
height: 100%;
}
}
@media (min-width: 1152px) {
.product__center {
width: 1060px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
}
@media (min-width: 1152px) {
.product__center--wide {
width: 1152px;
}
}
@media (min-width: 1250px) {
.product__center--wide {
width: 1250px;
}
}
.product__details--fd-row {
display: flex;
flex-direction: column;
}
@media (min-width: 61.25em) {
.product__details--fd-row {
flex-direction: row;
}
}
.product__details--fd-row-narrow {
display: flex;
flex-direction: column;
}
@media (min-width: 71.875em) {
.product__details--fd-row-narrow {
flex-direction: row;
}
}
.product__details--pricing, .product__details--pricing-copy {
padding: 48px;
}
@media (min-width: 71.875em) {
.product__details--pricing, .product__details--pricing-copy {
padding: 96px;
}
}
@media (min-width: 61.25em) {
.product__details--pricing, .product__details--pricing-copy {
width: 50%;
}
}
.product__details--pricing {
text-align: center;
color: white;
background-color: #1067b0;
}
@media (min-width: 1250px) {
.product__details--left {
width: webkit-calc( 100% / 2 - 100px );
width: -moz-calc( 100% / 2 - 100px );
width: calc( 100% / 2 - 100px );
max-width: 450px;
float: left;
display: inline;
margin-right: 125px;
}
.product__details--right {
width: webkit-calc( 100% / 2 - 100px );
width: -moz-calc( 100% / 2 - 100px );
width: calc( 100% / 2 - 100px );
max-width: 450px;
float: right;
display: inline;
margin-left: 125px;
}
.product__details--text-center {
text-align: center;
max-width: 85%;
margin: 0 auto;
}
}
.product__title {
display: block;
line-height: normal;
}
@media (min-width: 1024px) {
.product__title--center {
text-align: center;
margin-bottom: 60px;
}
}
@media (min-width: 1024px) {
.product__title--mcd {
-webkit-transform: translateY(-50px);
-khtml-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
}
.product__title--mcd.come-in {
-webkit-transform: translateY(-50px);
-khtml-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-animation: come-in 1s ease forwards;
-khtml-animation: come-in 1s ease forwards;
-moz-animation: come-in 1s ease forwards;
-ms-animation: come-in 1s ease forwards;
-o-animation: come-in 1s ease forwards;
animation: come-in 1s ease forwards;
-webkit-animation-delay: 0s;
-khtml-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}
}
.product__copy {
word-break: normal;
}
.product__call-to-action {
margin-bottom: 15px;
padding-bottom: 25px;
}
@media (min-width: 1024px) {
.product__call-to-action {
font-size: 1.8rem;
}
}
.product__testimonial {
display: none;
border-top: 2px dotted #cccccc;
margin-top: 12px;
padding-top: 12px;
*zoom: 1;
}
.product__testimonial:before, .product__testimonial:after {
content: " ";
display: table;
}
.product__testimonial:after {
clear: both;
}
@media (min-width: 768px) {
.product__testimonial {
display: block;
}
}
.product__testimonial .avatar {
overflow: hidden;
width: 43px;
height: 43px;
margin-top: 6px;
margin-right: 8px;
margin-bottom: 0;
margin-left: 0;
float: left;
display: inline;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border: 3px solid #ff9f6f;
}
.product__testimonial .avatar .ico-avatar {
fill: #b3b3b3;
}
.product__testimonial .quote {
float: left;
display: inline;
width: webkit-calc(100% - 53px);
width: -moz-calc(100% - 53px);
width: calc(100% - 53px);
padding-top: 5px;
}
.product__img--mj {
max-width: 100%;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
display: block;
}
.product-login {
clear: both;
}
@media (min-width: 1152px) {
.product-login {
width: webkit-calc(33% - 10px);
width: -moz-calc(33% - 10px);
width: calc(33% - 10px);
float: left;
display: block;
margin-right: 15px;
clear: none;
}
.product-login:last-of-type {
margin-right: 0px;
}
}
@media (min-width: 768px) {
.product-login__text {
overflow: hidden;
}
}
@media (min-width: 1152px) {
.product-login__text {
margin-bottom: 30px;
}
}
.product-login__images {
display: none;
}
@media (min-width: 768px) {
.product-login__images {
display: inline;
float: right;
max-width: 40%;
margin-right: 6px;
}
}
@media (min-width: 1152px) {
.product-login__images {
margin: 0;
float: none;
max-width: auto;
}
}
.product-login__image {
max-width: 100%;
margin-bottom: 12px;
}
.summarize-search {
display: none;
}
.example-category-pricing {
float: none;
margin: 20px auto;
max-width: 380px;
}
.example-category-pricing__img {
width: 80px;
height: 80px;
margin-right: 24px;
}
.example-category-pricing__item {
margin-bottom: 24px;
}
.example-category-pricing__item--vcenter {
display: flex;
align-items: center;
flex-direction: row;
}
.example-category-pricing__copy {
width: calc(100% - (24px + 80px));
text-align: left;
}
.example-category-pricing__xl-figure {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
display: block;
text-align: left;
width: 100%;
color: white;
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 60px;
font-size: 6rem;
line-height: 1;
letter-spacing: -1px;
font-weight: 500;
}
@media (min-width: 1152px) {
.example-category-pricing__xl-figure {
font-size: 7.4rem;
}
}
.example-category-pricing__xl-figure small {
font-size: 26px;
font-size: 2.6rem;
}
.example-category-pricing__cat-title {
font-family: "futura-pt-bold", Trebuchet MS, Arial, sans-serif;
font-size: 20px;
font-size: 2rem;
font-weight: 300;
}
.example-category-pricing__cat-title--large {
font-size: 21px;
font-size: 2.1rem;
}
.example-category-pricing__center {
text-align: center;
margin: 20px;
}
.example-category-pricing__link {
color: white;
border-bottom: 2px dotted white;
}
.example-category-pricing__link:hover {
color: #f2f2f2;
}
.data-summary {
max-width: 800px;
}
.data-summary__item {
float: left;
display: inline;
width: webkit-calc( 100% / 3 - 20px);
width: -moz-calc( 100% / 3 - 20px);
width: calc( 100% / 3 - 20px);
}
.data-summary__copy {
float: left;
display: inline;
width: webkit-calc( 100% - 115px);
width: -moz-calc( 100% - 115px);
width: calc( 100% - 115px);
}
.data-summary__title {
display: block;
}
.data-summary__details {
display: block;
}
.rs-title__level-2 {
display: block;
}
.rs-title__level-3 {
display: block;
}
.rs-title__level-4 {
display: block;
}
.rs-sidebar__title {
display: block;
margin-bottom: 20px;
padding-top: 16px;
padding-bottom: 12px;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #d3d3d3;
}
body {
margin: 0;
padding: 0;
font: 18px/1.231;
font-weight: 400;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
line-height: 1.231 !important;
height: 100%;
}
body input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset !important;
}
a {
cursor: pointer;
color: #0088CA;
text-decoration: none;
}
/*# sourceMappingURL=style-rs.css.map */