*
* This will cause the system to fill up from either the centre or the right
* hand side. Default behaviour is to fill up the layout system from the left.
*
* There are plenty more options available to us: explore them below.
*/
/* Default/mandatory classes
========================================================================== */
/**
* 1. Allows us to use the layout object on any type of element.
* 2. We need to defensively reset any box-model properties.
* 3. Use the negative margin trick for multi-row grids:
* http://csswizardry.com/2011/08/building-better-grid-systems/
*/
.o-layout,
.posts-navigation .nav-links,
#gform_wrapper_1,
#gform_wrapper_4 {
display: block;
/* [1] */
margin: 0;
/* [2] */
padding: 0;
/* [2] */
list-style: none;
/* [1] */
margin-left: -24px;
/* [3] */
font-size: 0;
}
/**
* 1. Required in order to combine fluid widths with fixed gutters.
* 2. Allows us to manipulate grids vertically, with text-level properties,
* etc.
* 3. Default item alignment is with the tops of each other, like most
* traditional grid/layout systems.
* 4. By default, all layout items are full-width (mobile first).
* 5. Gutters provided by left padding:
* http://csswizardry.com/2011/08/building-better-grid-systems/
* 6. Fallback for old IEs not supporting `rem` values.
*/
.o-layout__item,
#gform_wrapper_1 .gform_body,
#gform_wrapper_4 .gform_body,
.template-community #gform_wrapper_5 .gform_body {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
/* [1] */
display: inline-block;
/* [2] */
vertical-align: top;
/* [3] */
width: 100%;
/* [4] */
padding-left: 24px;
/* [5] */
font-size: 25px;
/* [6] */
font-size: 1rem;
}
/* Gutter size modifiers
========================================================================== */
.o-layout--flush,
.posts-navigation .nav-links,
#gform_wrapper_1,
#gform_wrapper_4 {
margin-left: 0;
}
.o-layout--flush > .o-layout__item,
.posts-navigation .nav-links > .o-layout__item,
#gform_wrapper_1 > .o-layout__item,
#gform_wrapper_4 > .o-layout__item,
#gform_wrapper_1 .o-layout--flush > .gform_body,
.posts-navigation #gform_wrapper_1 .nav-links > .gform_body,
#gform_wrapper_1 .posts-navigation .nav-links > .gform_body,
#gform_wrapper_1 > .gform_body,
#gform_wrapper_1 #gform_wrapper_4 > .gform_body,
#gform_wrapper_4 .o-layout--flush > .gform_body,
.posts-navigation #gform_wrapper_4 .nav-links > .gform_body,
#gform_wrapper_4 .posts-navigation .nav-links > .gform_body,
#gform_wrapper_4 #gform_wrapper_1 > .gform_body,
#gform_wrapper_4 > .gform_body,
.template-community #gform_wrapper_5 .o-layout--flush > .gform_body,
.posts-navigation .template-community #gform_wrapper_5 .nav-links > .gform_body,
.template-community #gform_wrapper_5 .posts-navigation .nav-links > .gform_body,
.template-community #gform_wrapper_5 #gform_wrapper_1 > .gform_body,
.template-community #gform_wrapper_5 #gform_wrapper_4 > .gform_body {
padding-left: 0;
}
.o-layout--tiny {
margin-left: -6px;
}
.o-layout--tiny > .o-layout__item,
#gform_wrapper_1 .o-layout--tiny > .gform_body,
#gform_wrapper_4 .o-layout--tiny > .gform_body,
.template-community #gform_wrapper_5 .o-layout--tiny > .gform_body {
padding-left: 6px;
}
.o-layout--small {
margin-left: -12px;
}
.o-layout--small > .o-layout__item,
#gform_wrapper_1 .o-layout--small > .gform_body,
#gform_wrapper_4 .o-layout--small > .gform_body,
.template-community #gform_wrapper_5 .o-layout--small > .gform_body {
padding-left: 12px;
}
.o-layout--large {
margin-left: -48px;
}
.o-layout--large > .o-layout__item,
#gform_wrapper_1 .o-layout--large > .gform_body,
#gform_wrapper_4 .o-layout--large > .gform_body,
.template-community #gform_wrapper_5 .o-layout--large > .gform_body {
padding-left: 48px;
}
.o-layout--huge {
margin-left: -96px;
}
.o-layout--huge > .o-layout__item,
#gform_wrapper_1 .o-layout--huge > .gform_body,
#gform_wrapper_4 .o-layout--huge > .gform_body,
.template-community #gform_wrapper_5 .o-layout--huge > .gform_body {
padding-left: 96px;
}
/* Vertical alignment modifiers
========================================================================== */
/**
* Align all grid items to the middles of each other.
*/
.o-layout--middle > .o-layout__item,
#gform_wrapper_1 .o-layout--middle > .gform_body,
#gform_wrapper_4 .o-layout--middle > .gform_body,
.template-community #gform_wrapper_5 .o-layout--middle > .gform_body {
vertical-align: middle;
}
/**
* Align all grid items to the bottoms of each other.
*/
.o-layout--bottom > .o-layout__item,
#gform_wrapper_1 .o-layout--bottom > .gform_body,
#gform_wrapper_4 .o-layout--bottom > .gform_body,
.template-community #gform_wrapper_5 .o-layout--bottom > .gform_body {
vertical-align: bottom;
}
/**
* Stretch all grid items of each row to have an equal-height.
* Please be aware that this modifier class doesn’t take any effect in IE9 and
* below and other older browsers due to the lack of `display: flex` support.
*/
.o-layout--stretch {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.o-layout--stretch > .o-layout__item,
#gform_wrapper_1 .o-layout--stretch > .gform_body,
#gform_wrapper_4 .o-layout--stretch > .gform_body,
.template-community #gform_wrapper_5 .o-layout--stretch > .gform_body {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.o-layout--stretch.o-layout--center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.o-layout--stretch.o-layout--right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.o-layout--stretch.o-layout--left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
/* Fill order modifiers
========================================================================== */
/**
* Fill up the layout system from the centre.
*/
.o-layout--center {
text-align: center;
}
.o-layout--center > .o-layout__item,
#gform_wrapper_1 .o-layout--center > .gform_body,
#gform_wrapper_4 .o-layout--center > .gform_body,
.template-community #gform_wrapper_5 .o-layout--center > .gform_body {
text-align: left;
}
/**
* Fill up the layout system from the right-hand side.
*/
.o-layout--right {
text-align: right;
}
.o-layout--right > .o-layout__item,
#gform_wrapper_1 .o-layout--right > .gform_body,
#gform_wrapper_4 .o-layout--right > .gform_body,
.template-community #gform_wrapper_5 .o-layout--right > .gform_body {
text-align: left;
}
/**
* Fill up the layout system from the left-hand side. This will likely only be
* needed when using in conjunction with `.o-layout--reverse`.
*/
.o-layout--left {
text-align: left;
}
.o-layout--left > .o-layout__item,
#gform_wrapper_1 .o-layout--left > .gform_body,
#gform_wrapper_4 .o-layout--left > .gform_body,
.template-community #gform_wrapper_5 .o-layout--left > .gform_body {
text-align: left;
}
/**
* Reverse the rendered order of the grid system.
*/
.o-layout--reverse {
direction: rtl;
}
.o-layout--reverse > .o-layout__item,
#gform_wrapper_1 .o-layout--reverse > .gform_body,
#gform_wrapper_4 .o-layout--reverse > .gform_body,
.template-community #gform_wrapper_5 .o-layout--reverse > .gform_body {
direction: ltr;
}
/* Auto-widths modifier
========================================================================== */
/**
* Cause layout items to take up a non-explicit amount of width.
*/
.o-layout--auto > .o-layout__item,
#gform_wrapper_1 .o-layout--auto > .gform_body,
#gform_wrapper_4 .o-layout--auto > .gform_body,
.template-community #gform_wrapper_5 .o-layout--auto > .gform_body {
width: auto;
}
/* ==========================================================================
#GRID
========================================================================== */
/**
* This plugin provides a flexbox grid for inuitcss. Support for IE9 currently
* prevents inuitcss from using the flexbox layout mode.
*
* Cells are full-width and will stack on top of each other by default:
*
*
*
*
* Cells will in most cases be accompanied by utility classes that divide
* the grid into fractions. These are provided by inuitcss:
*
*
*
*
*
*
*
*
* Several modifier classes are provided. For example, `o-grid--auto` will
* divide the space equally between all containing cells without the need
* for width utility classes.
*
*
*
*
*
*
*
*/
/* The grid
========================================================================== */
.o-grid {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
list-style: none;
padding: 0;
}
/**
* 1. Cells are full-width and stack on top of each other by default.
*/
.o-grid__cell {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-moz-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 100%;
/* [1] */
}
/* Gutters
========================================================================== */
/**
* 1. The variable $inuit-flexgrid-spacing-sizes contains a `null` key which
* will be our default gutter size.
* 2. Add a negative margin only on one side. That way we aren't required to
* use a wrapper with the same amount of spacing, though it's common to do so.
* 3. Neutralize the left margin on `o-grid`.
*/
.o-grid {
/* [1] */
margin-left: -24px;
/* [2] */
}
.o-grid > .o-grid__cell {
padding-left: 24px;
/* [3] */
}
.o-grid--tiny {
/* [1] */
margin-left: -6px;
/* [2] */
}
.o-grid--tiny > .o-grid__cell {
padding-left: 6px;
/* [3] */
}
.o-grid--small {
/* [1] */
margin-left: -12px;
/* [2] */
}
.o-grid--small > .o-grid__cell {
padding-left: 12px;
/* [3] */
}
.o-grid--large {
/* [1] */
margin-left: -48px;
/* [2] */
}
.o-grid--large > .o-grid__cell {
padding-left: 48px;
/* [3] */
}
.o-grid--huge {
/* [1] */
margin-left: -96px;
/* [2] */
}
.o-grid--huge > .o-grid__cell {
padding-left: 96px;
/* [3] */
}
.o-grid--flush {
/* [1] */
margin-left: 0;
/* [2] */
}
.o-grid--flush > .o-grid__cell {
padding-left: 0;
/* [3] */
}
/* Automatically size cells by distributing them equally
========================================================================== */
.o-grid--auto > .o-grid__cell {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0;
-moz-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
/* Horizontal alignment
========================================================================== */
.o-grid--center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.o-grid--right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.o-grid--left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
/* Vertical alignment
========================================================================== */
.o-grid--middle {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.o-grid--bottom {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
/* Content distribution
========================================================================== */
.o-grid--around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.o-grid--between {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.o-grid--reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-moz-box-orient: horizontal;
-moz-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
/* ==========================================================================
#LIST-BARE
========================================================================== */
/**
* Strip list-like appearance from lists by removing their bullets and any
* indentation.
*
* Note: Declaring the item class might not be necessary everywhere,
* but is for example in
*
*
*
* - lists for the
- children.
*/
.o-list-bare {
list-style: none;
margin-left: 0;
}
.o-list-bare__item {
margin-left: 0;
}
/* ==========================================================================
#LIST-INLINE
========================================================================== */
/**
* The list-inline object simply displays a list of items in one line.
*/
.o-list-inline,
#gform_wrapper_1 .donation__frequency ul {
margin-left: 0;
list-style: none;
}
.o-list-inline__item,
#gform_wrapper_1 .donation__frequency ul li {
display: inline-block;
}
/* ==========================================================================
#RATIO
========================================================================== */
/**
* Create ratio-bound content blocks, to keep media (e.g. images, videos) in
* their correct aspect ratios.
*
* http://alistapart.com/article/creating-intrinsic-ratios-for-video
*
* 1. Default cropping is a 1:1 ratio (i.e. a perfect square).
*/
.o-ratio::before {
content: "";
width: 1px;
margin-left: -1px;
float: left;
height: 0;
padding-top: 75%;
/* [1] */
}
@media (min-width: 46.25em) {
.o-ratio::before {
padding-top: 100%;
/* [1] */
}
}
.o-ratio::after {
content: "";
display: table;
clear: both;
}
/* stylelint-disable */
/* Ratio variants.
========================================================================== */
/**
* Generate a series of ratio classes to be used like so:
*
* * */ .o-ratio--1\:1:before { padding-top: 100%; } .o-ratio--2\:1:before { padding-top: 50%; } .o-ratio--4\:1:before { padding-top: 25%; } .o-ratio--9\:5:before { padding-top: 55.55556%; } .o-ratio--16\:9:before { padding-top: 56.25%; } .o-ratio--45\:11:before { padding-top: 24.44444%; } .o-ratio--72\:25:before { padding-top: 34.72222%; } /* stylelint-enable */ /* ========================================================================== #MENUS ========================================================================== */ /* MOBILE MENU ================================================================== */ .menu-toggle { position: absolute; top: 24px; right: 24px; z-index: 999999; width: 30px; height: 30px; } @media (min-width: 64em) { .menu-toggle { display: none; } } .mobile-menu--open .menu-toggle { position: fixed; } .menu-toggle-bg { fill: #ffffff; } .menu-toggle-line { fill: none; stroke: #00a3e0; stroke-width: 1; } @media (max-width: 63.99em) { .js-mobile-menu { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 100; } } @media (min-width: 64em) { .js-mobile-menu { display: block !important; height: auto !important; visibility: visible !important; opacity: 1 !important; background: none !important; z-index: 109; position: relative; } } @media (min-width: 64em) and (max-width: 84.365em) { .js-mobile-menu { width: 600px; float: right; } } @media (max-width: 63.99em) { .js-mobile-site-nav { display: none; visibility: hidden; opacity: 0; } } @media (min-width: 64em) { .js-mobile-site-nav { width: auto; display: block !important; visibility: visible !important; opacity: 1 !important; } } .c-menu { font-family: "Fakt", arial, sans-serif; font-weight: 600; } @media (min-width: 64em) { .c-menu { font-size: 16px; font-size: 0.64rem; line-height: 16px; } } .c-menu--primary { margin: 24px; } @media (min-width: 64em) { .c-menu--primary { float: left; width: 100%; margin: 29px 0 0 0; position: relative; } } .c-menu--primary li { margin-right: 12px; } @media (max-width: 63.99em) { .c-menu--primary li { width: 100%; } } .c-menu--primary li:last-of-type { margin-right: 0; } .c-menu a { text-decoration: none; } .c-menu a:hover { text-decoration: underline; } .c-menu li.active a { text-decoration: underline; } .c-menu--primary .o-list-inline, .c-menu--primary #gform_wrapper_1 .donation__frequency ul, #gform_wrapper_1 .donation__frequency .c-menu--primary ul { margin-bottom: 6px; } @media (min-width: 64em) { .c-menu--primary .o-list-inline, .c-menu--primary #gform_wrapper_1 .donation__frequency ul, #gform_wrapper_1 .donation__frequency .c-menu--primary ul { float: right; } } /* #SUBMENU ========================================================================== */ @media (max-width: 63.99em) { .o-list-inline.c-menu--primary__submenu, #gform_wrapper_1 .donation__frequency ul.c-menu--primary__submenu { font-size: 15px; font-size: 0.6rem; line-height: 20px; font-weight: 100; margin-bottom: 12px; } } @media (min-width: 64em) { .o-list-inline.c-menu--primary__submenu, #gform_wrapper_1 .donation__frequency ul.c-menu--primary__submenu { position: absolute; top: 100%; font-weight: 300; display: none; } } @media (min-width: 64em) { .c-menu--primary__submenu.active { display: block; } } /* #LANGUAGE SELECT MENU ========================================================================== */ .c-menu--language { margin-left: 24px; margin-top: 24px; text-transform: uppercase; font-weight: 300; } @media (min-width: 64em) { .c-menu--language { margin-left: 0; margin-top: 0; position: absolute; top: -15px; right: 0px; } } .c-menu--language .o-list-inline, .c-menu--language #gform_wrapper_1 .donation__frequency ul, #gform_wrapper_1 .donation__frequency .c-menu--language ul { margin-bottom: 12px; } .c-menu--language .o-list-inline__item, .c-menu--language #gform_wrapper_1 .donation__frequency ul li, #gform_wrapper_1 .donation__frequency ul .c-menu--language li { vertical-align: text-bottom; margin-left: 3px; } .c-menu--language .c-btn, .c-menu--language .gform_button, .c-menu--language .gform_next_button, .c-menu--language .gform_previous_button, .c-menu--language #gform_wrapper_4 #gf_coupon_button, #gform_wrapper_4 .c-menu--language #gf_coupon_button { width: 30px; height: 30px; line-height: 30px; text-align: center; padding: 1px 0 0; border-radius: 6px; } .c-menu--language svg { display: block; } /* #NEWS FILTERS ========================================================================== */ .filter__news .nice-select { float: none; color: #00a3e0; } .filter__news .nice-select .list { margin-left: 0; width: 100%; } @media (max-width: 63.99em) { .filter__news .p-layout-block__inner { padding-bottom: 0; } } @media (max-width: 46.24em) { .filter__news .p-layout-block__inner--filter { padding: 0 0 24px 0; } } @media (min-width: 46.25em) { .filter__news .filter__news--initiative { padding-right: 6px; } } @media (min-width: 46.25em) { .filter__news .filter__news--type { padding-left: 6px; padding-right: 6px; } } .filter__news .filter__news--date { padding-bottom: 0; } @media (min-width: 46.25em) { .filter__news .filter__news--date { padding-left: 6px; } } .search__news input[type=search]:not(.browser-default) { margin-bottom: 0; } /* #NEWS PREV NEXT ========================================================================== */ /** * WP stuffs. */ .posts-navigation .nav-previous, .posts-navigation .nav-next { display: inline-block; width: 100%; } .posts-navigation .nav-previous a .c-btn--cta__arrow { margin-right: auto; margin-left: 0 !important; } /* ========================================================================== #BUTTONS ========================================================================== */ /** * This is an example component. Extend inuitcss by building your own components * that make up your UI. Component classes are prefixed with a `c-`. */ /** * 1. Allow us to style box model properties. * 2. Line different sized buttons up a little nicer. * 3. Make buttons inherit font styles (often necessary when styling `input`s as * buttons). * 4. Reset/normalize some styles. * 5. Force all button-styled elements to appear clickable. */ .c-btn, .gform_button, .gform_next_button, .gform_previous_button, #gform_wrapper_4 #gf_coupon_button { display: inline-block; /* [1] */ vertical-align: middle; /* [2] */ font: inherit; /* [3] */ text-align: center; /* [4] */ margin: 0; /* [4] */ cursor: pointer; /* [5] */ padding: 14px 24px 10px 24px; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; border-radius: 12px; text-decoration: none; font-size: 15px; font-size: 0.6rem; line-height: 20px; } .c-btn__fill { position: relative; z-index: 1; } .c-btn__fill::after { position: absolute; content: ''; top: 0; left: 0; width: 0; height: 100%; -webkit-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; -webkit-transition: width 0.25s ease; -o-transition: width 0.25s ease; transition: width 0.25s ease; border-radius: 12px; z-index: -1; } .c-btn:hover .c-btn__fill, .gform_button:hover .c-btn__fill, .gform_next_button:hover .c-btn__fill, .gform_previous_button:hover .c-btn__fill, #gform_wrapper_4 #gf_coupon_button:hover .c-btn__fill, .c-btn:hover.c-btn__fill, .gform_button:hover.c-btn__fill, .gform_next_button:hover.c-btn__fill, .gform_previous_button:hover.c-btn__fill, #gform_wrapper_4 #gf_coupon_button:hover.c-btn__fill, .c-btn:active .c-btn__fill, .gform_button:active .c-btn__fill, .gform_button.nice-select.open .c-btn__fill, .gform_next_button:active .c-btn__fill, .gform_next_button.nice-select.open .c-btn__fill, .gform_previous_button:active .c-btn__fill, .gform_previous_button.nice-select.open .c-btn__fill, #gform_wrapper_4 #gf_coupon_button:active .c-btn__fill, #gform_wrapper_4 #gf_coupon_button.nice-select.open .c-btn__fill, .c-btn.nice-select.open .c-btn__fill, .c-btn:active.c-btn__fill, .gform_button:active.c-btn__fill, .gform_button.c-btn__fill.nice-select.open, .gform_next_button:active.c-btn__fill, .gform_next_button.c-btn__fill.nice-select.open, .gform_previous_button:active.c-btn__fill, .gform_previous_button.c-btn__fill.nice-select.open, #gform_wrapper_4 #gf_coupon_button:active.c-btn__fill, #gform_wrapper_4 #gf_coupon_button.c-btn__fill.nice-select.open, .c-btn.c-btn__fill.nice-select.open, .c-btn:focus .c-btn__fill, .gform_button:focus .c-btn__fill, .gform_next_button:focus .c-btn__fill, .gform_previous_button:focus .c-btn__fill, #gform_wrapper_4 #gf_coupon_button:focus .c-btn__fill, .c-btn:focus.c-btn__fill, .gform_button:focus.c-btn__fill, .gform_next_button:focus.c-btn__fill, .gform_previous_button:focus.c-btn__fill, #gform_wrapper_4 #gf_coupon_button:focus.c-btn__fill { color: #ffffff; } .c-btn:hover .c-btn__fill::after, .gform_button:hover .c-btn__fill::after, .gform_next_button:hover .c-btn__fill::after, .gform_previous_button:hover .c-btn__fill::after, #gform_wrapper_4 #gf_coupon_button:hover .c-btn__fill::after, .c-btn:hover.c-btn__fill::after, .gform_button:hover.c-btn__fill::after, .gform_next_button:hover.c-btn__fill::after, .gform_previous_button:hover.c-btn__fill::after, #gform_wrapper_4 #gf_coupon_button:hover.c-btn__fill::after, .c-btn:active .c-btn__fill::after, .gform_button:active .c-btn__fill::after, .gform_button.nice-select.open .c-btn__fill::after, .gform_next_button:active .c-btn__fill::after, .gform_next_button.nice-select.open .c-btn__fill::after, .gform_previous_button:active .c-btn__fill::after, .gform_previous_button.nice-select.open .c-btn__fill::after, #gform_wrapper_4 #gf_coupon_button:active .c-btn__fill::after, #gform_wrapper_4 #gf_coupon_button.nice-select.open .c-btn__fill::after, .c-btn.nice-select.open .c-btn__fill::after, .c-btn:active.c-btn__fill::after, .gform_button:active.c-btn__fill::after, .gform_button.c-btn__fill.nice-select.open::after, .gform_next_button:active.c-btn__fill::after, .gform_next_button.c-btn__fill.nice-select.open::after, .gform_previous_button:active.c-btn__fill::after, .gform_previous_button.c-btn__fill.nice-select.open::after, #gform_wrapper_4 #gf_coupon_button:active.c-btn__fill::after, #gform_wrapper_4 #gf_coupon_button.c-btn__fill.nice-select.open::after, .c-btn.c-btn__fill.nice-select.open::after, .c-btn:focus .c-btn__fill::after, .gform_button:focus .c-btn__fill::after, .gform_next_button:focus .c-btn__fill::after, .gform_previous_button:focus .c-btn__fill::after, #gform_wrapper_4 #gf_coupon_button:focus .c-btn__fill::after, .c-btn:focus.c-btn__fill::after, .gform_button:focus.c-btn__fill::after, .gform_next_button:focus.c-btn__fill::after, .gform_previous_button:focus.c-btn__fill::after, #gform_wrapper_4 #gf_coupon_button:focus.c-btn__fill::after { width: 100%; background-color: currentColor; } /* Size variants ========================================================================== */ /* Lozenge buttons ========================================================================== */ .c-btn--lozenge, .gform_button, .gform_next_button, .gform_previous_button, #gform_wrapper_4 #gf_coupon_button { padding: 8px 12px 4px 12px; } .c-btn--lozenge .c-btn__arrow, .gform_button .c-btn__arrow, .gform_next_button .c-btn__arrow, .gform_previous_button .c-btn__arrow, #gform_wrapper_4 #gf_coupon_button .c-btn__arrow { float: right; margin-left: 24px; font-weight: 100; display: inline-block; } /* Ghost buttons ========================================================================== */ /** * Ghost buttons have see-through backgrounds and are bordered. */ .c-btn--ghost, .gform_button, .gform_next_button, .gform_previous_button, #gform_wrapper_4 #gf_coupon_button { border: 1px solid currentColor; } .c-btn--ghost, .gform_button, .gform_next_button, .gform_previous_button, #gform_wrapper_4 #gf_coupon_button, .c-btn--ghost:hover, .gform_button:hover, .gform_next_button:hover, .gform_previous_button:hover, #gform_wrapper_4 #gf_coupon_button:hover, .c-btn--ghost:active, .gform_button:active, .gform_button.nice-select.open, .gform_next_button:active, .gform_next_button.nice-select.open, .gform_previous_button:active, .gform_previous_button.nice-select.open, #gform_wrapper_4 #gf_coupon_button:active, #gform_wrapper_4 #gf_coupon_button.nice-select.open, .c-btn--ghost.nice-select.open, .c-btn--ghost:focus, .gform_button:focus, .gform_next_button:focus, .gform_previous_button:focus, #gform_wrapper_4 #gf_coupon_button:focus { background: none; } /* Cta buttons ========================================================================== */ /** * Cta buttons have no borders but have a bordered arrow prompt. */ .c-btn--cta { padding: 0; } @media (min-width: 64em) { .c-btn--cta { font-size: 25px; font-size: 1rem; line-height: 30px; } } .c-btn--cta__arrow { display: inline-block; width: 20px; height: 20px; font-weight: 100; border: 1px solid currentColor; border-radius: 6px; margin-left: 6px; } @media (min-width: 64em) { .c-btn--cta__arrow { width: 30px; height: 30px; } } .c-btn--cta__label { vertical-align: text-top; } .c-btn--cta .c-btn__fill::after { border-radius: 6px; } .c-btn--cta--large { font-size: 20px; font-size: 0.8rem; line-height: 20px; } @media (min-width: 46.25em) { .c-btn--cta--large { font-size: 25px; font-size: 1rem; line-height: 30px; } } @media (min-width: 64em) { .c-btn--cta--large { font-size: 45px; font-size: 1.8rem; line-height: 45px; } } .c-btn--cta__arrow--large { font-size: 45px; font-size: 1.8rem; line-height: 45px; width: 45px; height: 45px; } /* Social Icon buttons ========================================================================== */ .c-btn--social { padding: 5px 0 0; width: 45px; height: 45px; } @media (min-width: 64em) { .c-btn--social { margin-left: 6px; padding: 13px 0 0; width: 60px; height: 60px; } } .nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 5px; border: solid 1px #e8e8e8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 42px; line-height: 40px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; } .nice-select:hover { border-color: #dbdbdb; } .nice-select:active, .nice-select.open, .nice-select.open, .nice-select:focus { border-color: #999; } .nice-select:after { border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; -o-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; } .nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); -o-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .nice-select.disabled:after { border-color: #cccccc; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); -o-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; -o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } /* ========================================================================== #FORMS ========================================================================== */ /* Text Inputs + Textarea ========================================================================== */ /* Style Placeholders */ input::-webkit-input-placeholder { color: #00a3e0; opacity: 1; } input::-moz-placeholder { color: #00a3e0; opacity: 1; } input:-ms-input-placeholder { color: #00a3e0; opacity: 1; } input::placeholder { color: #00a3e0; opacity: 1; } input:focus::-webkit-input-placeholder { color: red; opacity: 0; } input:focus::-moz-placeholder { color: red; opacity: 0; } input:focus:-ms-input-placeholder { color: red; opacity: 0; } input:focus::placeholder { color: red; opacity: 0; } /* Text inputs */ input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea { background-color: transparent; border: 1px solid #000000; outline: none; width: 100%; padding: 12px; margin-bottom: 12px; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; border-radius: 6px; -webkit-box-shadow: none; box-shadow: none; font-size: 15px; font-size: 0.6rem; line-height: 15px; } input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:not(.browser-default):disabled, input[type=text]:not(.browser-default)[readonly="readonly"], input[type=password]:not(.browser-default):disabled, input[type=password]:not(.browser-default)[readonly="readonly"], input[type=email]:not(.browser-default):disabled, input[type=email]:not(.browser-default)[readonly="readonly"], input[type=url]:not(.browser-default):disabled, input[type=url]:not(.browser-default)[readonly="readonly"], input[type=time]:not(.browser-default):disabled, input[type=time]:not(.browser-default)[readonly="readonly"], input[type=date]:not(.browser-default):disabled, input[type=date]:not(.browser-default)[readonly="readonly"], input[type=datetime]:not(.browser-default):disabled, input[type=datetime]:not(.browser-default)[readonly="readonly"], input[type=datetime-local]:not(.browser-default):disabled, input[type=datetime-local]:not(.browser-default)[readonly="readonly"], input[type=tel]:not(.browser-default):disabled, input[type=tel]:not(.browser-default)[readonly="readonly"], input[type=number]:not(.browser-default):disabled, input[type=number]:not(.browser-default)[readonly="readonly"], input[type=search]:not(.browser-default):disabled, input[type=search]:not(.browser-default)[readonly="readonly"], textarea:disabled, textarea[readonly="readonly"] { color: #9e9e9e; border: 1px solid #9e9e9e; } input:not([type]):disabled + label, input:not([type])[readonly="readonly"] + label, input[type=text]:not(.browser-default):disabled + label, input[type=text]:not(.browser-default)[readonly="readonly"] + label, input[type=password]:not(.browser-default):disabled + label, input[type=password]:not(.browser-default)[readonly="readonly"] + label, input[type=email]:not(.browser-default):disabled + label, input[type=email]:not(.browser-default)[readonly="readonly"] + label, input[type=url]:not(.browser-default):disabled + label, input[type=url]:not(.browser-default)[readonly="readonly"] + label, input[type=time]:not(.browser-default):disabled + label, input[type=time]:not(.browser-default)[readonly="readonly"] + label, input[type=date]:not(.browser-default):disabled + label, input[type=date]:not(.browser-default)[readonly="readonly"] + label, input[type=datetime]:not(.browser-default):disabled + label, input[type=datetime]:not(.browser-default)[readonly="readonly"] + label, input[type=datetime-local]:not(.browser-default):disabled + label, input[type=datetime-local]:not(.browser-default)[readonly="readonly"] + label, input[type=tel]:not(.browser-default):disabled + label, input[type=tel]:not(.browser-default)[readonly="readonly"] + label, input[type=number]:not(.browser-default):disabled + label, input[type=number]:not(.browser-default)[readonly="readonly"] + label, input[type=search]:not(.browser-default):disabled + label, input[type=search]:not(.browser-default)[readonly="readonly"] + label, textarea:disabled + label, textarea[readonly="readonly"] + label { color: #9e9e9e; } .newsletter input:not([type]), .newsletter input[type=text]:not(.browser-default), .newsletter input[type=password]:not(.browser-default), .newsletter input[type=email]:not(.browser-default), .newsletter input[type=url]:not(.browser-default), .newsletter input[type=time]:not(.browser-default), .newsletter input[type=date]:not(.browser-default), .newsletter input[type=datetime]:not(.browser-default), .newsletter input[type=datetime-local]:not(.browser-default), .newsletter input[type=tel]:not(.browser-default), .newsletter input[type=number]:not(.browser-default), .newsletter input[type=search]:not(.browser-default), .newsletter textarea { border: 1px solid #ffffff; color: #ffffff; } .newsletter input::-webkit-input-placeholder { color: #ffffff; } .newsletter input::-moz-placeholder { color: #ffffff; } .newsletter input:-ms-input-placeholder { color: #ffffff; } .newsletter input::placeholder { color: #ffffff; } /* ========================================================================== #RADIO BUTTONS to look like not ========================================================================== */ .radio--square input[type='radio'] { display: none; } .radio--square input[type='radio']:checked + label { background-color: #ffffff; color: #80d1f0; } .radio--square input[type='radio'] + label { font-size: 25px; font-size: 1rem; line-height: 25px; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; font-family: "Fakt", arial, sans-serif; font-weight: 600; width: 25vw; height: 25vw; max-width: 183px; max-height: 160px; border-radius: 6px; border: 2px solid #00a3e0; padding: 12px 7px; display: inline-block; } @media (min-width: 30em) { .radio--square input[type='radio'] + label { width: 20vw; height: 20vw; max-width: 183px; max-height: 160px; } } @media (min-width: 46.25em) { .radio--square input[type='radio'] + label { font-size: 40px; font-size: 1.6rem; line-height: 40px; } } @media (min-width: 64em) { .radio--square input[type='radio'] + label { width: 10vw; height: 10vw; max-width: 183px; max-height: 160px; font-size: 30px; font-size: 1.2rem; line-height: 30px; } } @media (min-width: 90em) { .radio--square input[type='radio'] + label { width: 10vw; height: 10vw; max-width: 10vw; max-height: 10vw; font-size: 40px; font-size: 1.6rem; line-height: 40px; } } .radio--square input[type='radio'] + label:hover { cursor: pointer; background-color: #00a3e0; color: #ffffff; } /* ========================================================================== #GRAVITY FORMS ========================================================================== */ /** * Gravity Forms Styles * * Version: 1.0.0 * License: MIT - http://wpsitecare.mit-license.org/ */ /* Gravity Forms ----------------------------------------------------------------------------- */ /* stylelint-disable */ .gform_wrapper { text-align: left; } .gform_wrapper ul { margin-left: 0; margin-bottom: 0; } .gform_wrapper ul li { list-style-type: none; margin: 6px 0 0; } .gform_wrapper .gform_title, .gform_wrapper .gsection_title { font-size: 16px; } .gform_wrapper .gform_fields { padding: 0; } .gform_wrapper .gfield { clear: both; } .gform_wrapper .gfield_label { clear: both; display: inline-block; font-weight: 600; margin: 6px 0; } .gform_wrapper .gfield_description { font-size: 16px; } .gform_wrapper .gfield_required { color: #ef3340; padding-left: 2px; } .gform_wrapper .field_description_above .gfield_description { margin-bottom: 6px; } @media (min-width: 52.5em) { .gform_wrapper .field_description_above .gfield_description { margin-bottom: 12px; } } .gform_wrapper .ginput_container .small { width: 25%; } .gform_wrapper .ginput_container .medium { width: 50%; } .gform_wrapper .ginput_container .large { width: 100%; } .gform_wrapper .gform_page_footer { margin-top: 24px; } .validation_message { font-size: 16px; font-size: 0.64rem; line-height: 1.5; } .gform_next_button { float: right; } .gform_previous_button { float: left; } /* Gravity Forms Progress Bar --------------------------------------------- */ /* stylelint-disable */ .gform_wrapper .gf_progressbar_wrapper { margin: 0 0 6px; padding: 0 0 6px; } @media (min-width: 52.5em) { .gform_wrapper .gf_progressbar_wrapper { margin-bottom: 12px; padding-bottom: 12px; } } .gform_wrapper .gf_progressbar_wrapper .gf_progressbar_title { font-size: 16px; font-weight: normal; } .gform_wrapper .gf_progressbar { background: #a4a5a5; border: 1px solid #e0e0e0; height: 20px; line-height: 20px; overflow: hidden; } .gform_wrapper .gf_progressbar_percentage { font-size: 16px; height: 20px; text-align: right; text-shadow: 0 1px 1px rgba(28, 30, 31, 0.5); } .gform_wrapper .gf_progressbar_percentage span { display: block; float: right; margin: 0 5px; width: auto; } .gform_wrapper .gf_progressbar_percentage.percentbar_0 span { color: #a4a5a5; text-shadow: none; } .gform_wrapper .percentbar_blue { background-color: #00a3e0; color: #ffffff; } .gform_wrapper .percentbar_gray { background-color: #666; color: #ffffff; } .gform_wrapper .percentbar_green { background-color: #00ab8e; color: #ffffff; } .gform_wrapper .percentbar_orange { background-color: #dc7021; color: #ffffff; } .gform_wrapper .percentbar_red { background-color: #ef3340; color: #ffffff; } .gform_wrapper .gf_page_steps { margin: 0 0 6px; padding: 0 0 6px; } @media (min-width: 52.5em) { .gform_wrapper .gf_page_steps { margin-bottom: 12px; padding-bottom: 12px; } } .gform_wrapper .gf_step { display: inline-block; opacity: 0.2; } .gform_wrapper .gf_step_active { opacity: 1; } /* Gravity Forms Textareas --------------------------------------------- */ /* stylelint-disable */ .gform_wrapper .ginput_container textarea { resize: none; } .gform_wrapper .ginput_container textarea.small, .gform_wrapper .ginput_container textarea.medium { width: 100%; } .gform_wrapper .ginput_container textarea.small { height: 5em; } .gform_wrapper .ginput_container textarea.medium { height: 9.375em; } .gform_wrapper .ginput_container textarea.large { height: 15.625em; } /* Gravity Forms Select --------------------------------------------- */ /* stylelint-disable */ .gform_wrapper select { padding: 10px; } .gform_wrapper .ginput_container_multiselect select { background: #ffffff; padding: 0; } .gform_wrapper .ginput_container_multiselect select option { padding: 3px; } /* Gravity Forms Numbers --------------------------------------------- */ /* stylelint-disable */ .gform_wrapper .ginput_container_number input { padding-bottom: 3px; padding-top: 3px; } /* Gravity Forms Checkboxes and Radios --------------------------------------------- */ /* stylelint-disable */ .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-top: 0; } .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; line-height: 1; margin: 0 0 6px; } .gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_radio li input { margin-right: 6px; } .gform_wrapper .sml-radio--square { /* Radio Buttons ========================================================================== */ /* Unchecked styles */ /* Checked styles */ /* Radio With gap */ /* Focused styles */ /* Disabled Radio With gap */ /* Disabled style */ } .gform_wrapper .sml-radio--square [type="radio"]:not(:checked), .gform_wrapper .sml-radio--square [type="radio"]:checked { position: absolute; opacity: 0; pointer-events: none; } .gform_wrapper .sml-radio--square [type="radio"]:not(:checked) + label, .gform_wrapper .sml-radio--square [type="radio"]:checked + label { position: relative; padding-left: 35px; cursor: pointer; display: inline-block; line-height: 25px; -webkit-transition: .28s ease; -o-transition: .28s ease; transition: .28s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .gform_wrapper .sml-radio--square [type="radio"] + label:before, .gform_wrapper .sml-radio--square [type="radio"] + label:after { content: ''; position: absolute; left: 0; top: 0; margin: 4px; width: 16px; height: 16px; z-index: 0; -webkit-transition: .28s ease; -o-transition: .28s ease; transition: .28s ease; } .gform_wrapper .sml-radio--square [type="radio"]:not(:checked) + label:before, .gform_wrapper .sml-radio--square [type="radio"]:not(:checked) + label:after, .gform_wrapper .sml-radio--square [type="radio"]:checked + label:before, .gform_wrapper .sml-radio--square [type="radio"]:checked + label:after, .gform_wrapper .sml-radio--square [type="radio"]:checked + label:before, .gform_wrapper .sml-radio--square [type="radio"]:checked + label:after { border-radius: 6px; } .gform_wrapper .sml-radio--square [type="radio"]:not(:checked) + label:before, .gform_wrapper .sml-radio--square [type="radio"]:not(:checked) + label:after { border: 1px solid #ffffff; } .gform_wrapper .sml-radio--square [type="radio"]:not(:checked) + label:after { -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .gform_wrapper .sml-radio--square [type="radio"]:checked + label:before { border: 2px solid transparent; } .gform_wrapper .sml-radio--square [type="radio"]:checked + label:after, .gform_wrapper .sml-radio--square [type="radio"]:checked + label:before, .gform_wrapper .sml-radio--square [type="radio"]:checked + label:after { border: 1px solid #00a3e0; } .gform_wrapper .sml-radio--square [type="radio"]:checked + label:after, .gform_wrapper .sml-radio--square [type="radio"]:checked + label:after { background-color: #00a3e0; } .gform_wrapper .sml-radio--square [type="radio"]:checked + label:after { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); } .gform_wrapper .sml-radio--square [type="radio"]:checked + label:after { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .gform_wrapper .sml-radio--square [type="radio"].tabbed:focus + label:before { -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); } .gform_wrapper .sml-radio--square [type="radio"]:disabled:checked + label:before { border: 2px solid #9e9e9e; } .gform_wrapper .sml-radio--square [type="radio"]:disabled:checked + label:after { border: none; background-color: #9e9e9e; } .gform_wrapper .sml-radio--square [type="radio"]:disabled:not(:checked) + label:before, .gform_wrapper .sml-radio--square [type="radio"]:disabled:checked + label:before { background-color: transparent; border-color: #9e9e9e; } .gform_wrapper .sml-radio--square [type="radio"]:disabled + label { color: #9e9e9e; } .gform_wrapper .sml-radio--square [type="radio"]:disabled:not(:checked) + label:before { border-color: #9e9e9e; } .gform_wrapper .sml-radio--square [type="radio"]:disabled:checked + label:after { background-color: #9e9e9e; border-color: #cfcfcf; } /* stylelint-disable */ .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_checkbox { margin-top: 0; } .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_checkbox li { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; line-height: 1; margin: 0 0 6px; } .gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input { margin-right: 6px; } .gform_wrapper .sml-checkbox--square { /* Checkbox Buttons ========================================================================== */ /* Unchecked styles */ /* Checked styles */ /* Checkbox With gap */ /* Focused styles */ /* Disabled Checkbox With gap */ /* Disabled style */ } .gform_wrapper .sml-checkbox--square [type="checkbox"]:not(:checked), .gform_wrapper .sml-checkbox--square [type="checkbox"]:checked { position: absolute; opacity: 0; pointer-events: none; } .gform_wrapper .sml-checkbox--square [type="checkbox"]:not(:checked) + label, .gform_wrapper .sml-checkbox--square [type="checkbox"]:checked + label { position: relative; padding-left: 35px; cursor: pointer; display: inline-block; line-height: 25px; -webkit-transition: .28s ease; -o-transition: .28s ease; transition: .28s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .gform_wrapper .sml-checkbox--square [type="checkbox"] + label:before, .gform_wrapper .sml-checkbox--square [type="checkbox"] + label:after { content: ''; position: absolute; left: 0; top: 0; margin: 4px; width: 16px; height: 16px; z-index: 0; -webkit-transition: .28s ease; -o-transition: .28s ease; transition: .28s ease; } .gform_wrapper .sml-checkbox--square [type="checkbox"]:not(:checked) + label:before, .gform_wrapper .sml-checkbox--square [type="checkbox"]:not(:checked) + label:after, .gform_wrapper .sml-checkbox--square [type="checkbox"]:checked + label:before, .gform_wrapper .sml-checkbox--square [type="checkbox"]:checked + label:after, .gform_wrapper .sml-checkbox--square [type="checkbox"]:checked + label:before, .gform_wrapper .sml-checkbox--square [type="checkbox"]:checked + label:after { border-radius: 6px; } .gform_wrapper .sml-checkbox--square [type="checkbox"]:not(:checked) + label:before, .gform_wrapper .sml-checkbox--square [type="checkbox"]:not(:checked) + label:after { border: 1px solid #ffffff; } .gform_wrapper .sml-checkbox--square [type="checkbox"]:not(:checked) + label:after { -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .gform_wrapper .sml-checkbox--square [type="checkbox"]:checked + label:before { border: 2px solid transparent; } .gform_wrapper .sml-checkbox--square [type="checkbox"]:checked + label:after, .gform_wrapper .sml-checkbox--square [type="checkbox"]:checked + label:before, .gform_wrapper .sml-checkbox--square [type="checkbox"]:checked + label:after { border: 1px solid #00a3e0; } .gform_wrapper .sml-checkbox--square [type="checkbox"]:checked + label:after, .gform_wrapper .sml-checkbox--square [type="checkbox"]:checked + label:after { background-color: #00a3e0; } .gform_wrapper .sml-checkbox--square [type="checkbox"]:checked + label:after { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); } .gform_wrapper .sml-checkbox--square [type="checkbox"]:checked + label:after { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .gform_wrapper .sml-checkbox--square [type="checkbox"].tabbed:focus + label:before { -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); } .gform_wrapper .sml-checkbox--square [type="checkbox"]:disabled:checked + label:before { border: 2px solid #9e9e9e; } .gform_wrapper .sml-checkbox--square [type="checkbox"]:disabled:checked + label:after { border: none; background-color: #9e9e9e; } .gform_wrapper .sml-checkbox--square [type="checkbox"]:disabled:not(:checked) + label:before, .gform_wrapper .sml-checkbox--square [type="checkbox"]:disabled:checked + label:before { background-color: transparent; border-color: #9e9e9e; } .gform_wrapper .sml-checkbox--square [type="checkbox"]:disabled + label { color: #9e9e9e; } .gform_wrapper .sml-checkbox--square [type="checkbox"]:disabled:not(:checked) + label:before { border-color: #9e9e9e; } .gform_wrapper .sml-checkbox--square [type="checkbox"]:disabled:checked + label:after { background-color: #9e9e9e; border-color: #cfcfcf; } /* Gravity Forms Section Breaks and HTML --------------------------------------------- */ /* stylelint-disable */ .gform_wrapper .gfield_html, .gform_wrapper .gsection { border-bottom: 1px dotted #a4a5a5; margin: 0 0 6px; padding: 0 0 6px; } @media (min-width: 52.5em) { .gform_wrapper .gfield_html, .gform_wrapper .gsection { margin-bottom: 12px; padding-bottom: 12px; } } .gform_wrapper .gfield_html { border-bottom: 0 none; } /* Gravity Forms Names, Address, etc. (Complex) --------------------------------------------- */ /* stylelint-disable */ .gform_wrapper .ginput_complex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .gform_wrapper .ginput_complex.ginput_container_address { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gform_wrapper .ginput_complex > span { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: inline-block; margin-right: 1.6949152542%; } .gform_wrapper .ginput_complex > span:last-child { margin-right: 0; } .gform_wrapper .ginput_complex .ginput_full { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0; width: 100%; } .gform_wrapper .ginput_complex .ginput_left { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 50%; } .gform_wrapper .ginput_complex .ginput_right { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 50%; } /* Gravity Forms Dates --------------------------------------------- */ /* stylelint-disable */ .gform_wrapper .datepicker_with_icon { margin-right: 10px; } .gform_wrapper .clear-multi { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .gform_wrapper .clear-multi div { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-right: 1.6949152542%; } .gform_wrapper .clear-multi div:last-child { margin-right: 0; } /* Gravity Forms Datepicker --------------------------------------------- */ /* stylelint-disable */ .ui-datepicker { font-size: 12px; height: auto; margin: 5px auto 0; width: 216px; z-index: 9999; } .ui-datepicker a { text-decoration: none; } .ui-datepicker thead { background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f4), to(#f3f3f4)); background: -webkit-linear-gradient(top, #f3f3f4 0%, #f3f3f4 100%); background: -o-linear-gradient(top, #f3f3f4 0%, #f3f3f4 100%); background: linear-gradient(to bottom, #f3f3f4 0%, #f3f3f4 100%); border-bottom: 1px solid #ccc; } .ui-datepicker th { color: #666; font-size: 12px; padding: 5px 0; text-align: center; text-shadow: 1px 0 0 #ffffff; text-transform: uppercase; } .ui-datepicker tbody td { border-right: 1px solid #ccc; border-top: 1px solid #ccc; padding: 0; } .ui-datepicker tbody tr { border-bottom: 1px solid #ccc; } .ui-datepicker tbody tr:last-child { border-bottom: 0 none; } .ui-datepicker td a, .ui-datepicker td span { color: #666; display: inline-block; font-weight: 600; height: 30px; line-height: 30px; text-align: center; text-shadow: 1px 1px 0 #ffffff; width: 30px; } .ui-datepicker-header { background-color: #666; border-color: #666; border-style: solid; border-width: 1px 0 0; color: #e0e0e0; font-weight: bold; line-height: 30px; min-height: 30px; } .ui-datepicker-title { text-align: center; } .ui-datepicker-title select { background-size: 10px 8px; margin-top: 2.5%; padding: 0; width: 32%; } .ui-datepicker-prev, .ui-datepicker-next { background-repeat: no-repeat; cursor: pointer; display: inline-block; height: 30px; line-height: 600%; overflow: hidden; text-align: center; width: 30px; } .ui-datepicker-prev { background-position: center -30px; float: left; } .ui-datepicker-next { background-position: center 0; float: right; } .ui-datepicker-calendar { margin-bottom: 0; } .ui-datepicker-calendar .ui-state-default { background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f4), to(#e0e0e0)); background: -webkit-linear-gradient(top, #f3f3f4 0%, #e0e0e0 100%); background: -o-linear-gradient(top, #f3f3f4 0%, #e0e0e0 100%); background: linear-gradient(to bottom, #f3f3f4 0%, #e0e0e0 100%); -webkit-box-shadow: inset 1px 1px 0 0 rgba(243, 243, 244, 0.5); box-shadow: inset 1px 1px 0 0 rgba(243, 243, 244, 0.5); } .ui-datepicker-calendar .ui-state-hover { background: #ffffff; } .ui-datepicker-calendar .ui-state-active { background: #fff2aa; border: 1px solid #ef3340; color: #666; margin: -1px; position: relative; } .ui-datepicker-calendar td:first-child .ui-state-active { margin-left: 0; width: 29px; } .ui-datepicker-calendar td:last-child .ui-state-active { margin-right: 0; width: 29px; } .ui-datepicker-calendar tr:last-child .ui-state-active { height: 29px; margin-bottom: 0; } .ui-datepicker-unselectable .ui-state-default { background: #ffffff; color: #a4a5a5; } .ui-datepicker-unselectable.ui-state-disabled { background-color: #f3f3f4; } /* Gravity Forms Uploads --------------------------------------------- */ /* stylelint-disable */ .gform_wrapper .gform_drop_area { border: 2px dashed #e0e0e0; color: #a4a5a5; margin-bottom: 10px; padding: 25px; text-align: center; } /* Gravity Forms Tables --------------------------------------------- */ /* stylelint-disable */ .gform_wrapper table { border: 0 none; margin: 0; } .gform_wrapper table td { border: 0 none; padding: 0; } .gform_wrapper tbody { border: 0 none; } .gform_wrapper .gfield_list_icons { padding-left: 10px; } /* Gravity Forms Pricing --------------------------------------------- */ /* stylelint-disable */ .gform_wrapper .gfield_creditcard_warning { border: 1px solid #ef3340; padding: 24px; border-radius: 6px; } .gform_wrapper .gfield_creditcard_warning .gfield_creditcard_warning_message { color: #ef3340; } .gform_wrapper .ginput_container_creditcard { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gform_wrapper .ginput_container_creditcard .ginput_full { margin-top: 24px; } .gform_wrapper .gform_card_icon_container { margin-bottom: 24px; } .gform_wrapper .gform_card_icon, .gform_wrapper .ginput_card_security_code_icon { background-repeat: no-repeat; background-size: contain; display: inline-block; height: auto; margin-right: 10px; text-indent: -200%; width: 52px; } .gform_wrapper .ginput_card_expiration_container select { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .gform_wrapper .ginput_complex .ginput_cardinfo_left { width: 25%; float: left; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0; } .gform_wrapper .ginput_complex .ginput_cardinfo_right { width: 75%; float: right; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0; } .gform_wrapper .ginput_product_price { color: #00ab8e; } /* Gravity Forms Errors --------------------------------------------- */ /* stylelint-disable */ .gform_wrapper .gfield_error > label { color: #ef3340 !important; } .gform_wrapper .gfield_error input[type="color"], .gform_wrapper .gfield_error input[type="date"], .gform_wrapper .gfield_error input[type="datetime"], .gform_wrapper .gfield_error input[type="datetime-local"], .gform_wrapper .gfield_error input[type="email"], .gform_wrapper .gfield_error input[type="month"], .gform_wrapper .gfield_error input[type="number"], .gform_wrapper .gfield_error input[type="password"], .gform_wrapper .gfield_error input[type="search"], .gform_wrapper .gfield_error input[type="tel"], .gform_wrapper .gfield_error input[type="text"], .gform_wrapper .gfield_error input[type="time"], .gform_wrapper .gfield_error input[type="url"], .gform_wrapper .gfield_error input[type="week"], .gform_wrapper .gfield_error input, .gform_wrapper .gfield_error select, .gform_wrapper .gfield_error textarea { border-color: #ef3340 !important; } .gform_wrapper .gfield_error input[type="color"]::-webkit-input-placeholder, .gform_wrapper .gfield_error input[type="date"]::-webkit-input-placeholder, .gform_wrapper .gfield_error input[type="datetime"]::-webkit-input-placeholder, .gform_wrapper .gfield_error input[type="datetime-local"]::-webkit-input-placeholder, .gform_wrapper .gfield_error input[type="email"]::-webkit-input-placeholder, .gform_wrapper .gfield_error input[type="month"]::-webkit-input-placeholder, .gform_wrapper .gfield_error input[type="number"]::-webkit-input-placeholder, .gform_wrapper .gfield_error input[type="password"]::-webkit-input-placeholder, .gform_wrapper .gfield_error input[type="search"]::-webkit-input-placeholder, .gform_wrapper .gfield_error input[type="tel"]::-webkit-input-placeholder, .gform_wrapper .gfield_error input[type="text"]::-webkit-input-placeholder, .gform_wrapper .gfield_error input[type="time"]::-webkit-input-placeholder, .gform_wrapper .gfield_error input[type="url"]::-webkit-input-placeholder, .gform_wrapper .gfield_error input[type="week"]::-webkit-input-placeholder, .gform_wrapper .gfield_error input::-webkit-input-placeholder, .gform_wrapper .gfield_error select::-webkit-input-placeholder, .gform_wrapper .gfield_error textarea::-webkit-input-placeholder { color: #ef3340 !important; opacity: 0.7; } .gform_wrapper .gfield_error input[type="color"]::-moz-placeholder, .gform_wrapper .gfield_error input[type="date"]::-moz-placeholder, .gform_wrapper .gfield_error input[type="datetime"]::-moz-placeholder, .gform_wrapper .gfield_error input[type="datetime-local"]::-moz-placeholder, .gform_wrapper .gfield_error input[type="email"]::-moz-placeholder, .gform_wrapper .gfield_error input[type="month"]::-moz-placeholder, .gform_wrapper .gfield_error input[type="number"]::-moz-placeholder, .gform_wrapper .gfield_error input[type="password"]::-moz-placeholder, .gform_wrapper .gfield_error input[type="search"]::-moz-placeholder, .gform_wrapper .gfield_error input[type="tel"]::-moz-placeholder, .gform_wrapper .gfield_error input[type="text"]::-moz-placeholder, .gform_wrapper .gfield_error input[type="time"]::-moz-placeholder, .gform_wrapper .gfield_error input[type="url"]::-moz-placeholder, .gform_wrapper .gfield_error input[type="week"]::-moz-placeholder, .gform_wrapper .gfield_error input::-moz-placeholder, .gform_wrapper .gfield_error select::-moz-placeholder, .gform_wrapper .gfield_error textarea::-moz-placeholder { color: #ef3340 !important; opacity: 0.7; } .gform_wrapper .gfield_error input[type="color"]:-ms-input-placeholder, .gform_wrapper .gfield_error input[type="date"]:-ms-input-placeholder, .gform_wrapper .gfield_error input[type="datetime"]:-ms-input-placeholder, .gform_wrapper .gfield_error input[type="datetime-local"]:-ms-input-placeholder, .gform_wrapper .gfield_error input[type="email"]:-ms-input-placeholder, .gform_wrapper .gfield_error input[type="month"]:-ms-input-placeholder, .gform_wrapper .gfield_error input[type="number"]:-ms-input-placeholder, .gform_wrapper .gfield_error input[type="password"]:-ms-input-placeholder, .gform_wrapper .gfield_error input[type="search"]:-ms-input-placeholder, .gform_wrapper .gfield_error input[type="tel"]:-ms-input-placeholder, .gform_wrapper .gfield_error input[type="text"]:-ms-input-placeholder, .gform_wrapper .gfield_error input[type="time"]:-ms-input-placeholder, .gform_wrapper .gfield_error input[type="url"]:-ms-input-placeholder, .gform_wrapper .gfield_error input[type="week"]:-ms-input-placeholder, .gform_wrapper .gfield_error input:-ms-input-placeholder, .gform_wrapper .gfield_error select:-ms-input-placeholder, .gform_wrapper .gfield_error textarea:-ms-input-placeholder { color: #ef3340 !important; opacity: 0.7; } .gform_wrapper .gfield_error input[type="color"]::placeholder, .gform_wrapper .gfield_error input[type="date"]::placeholder, .gform_wrapper .gfield_error input[type="datetime"]::placeholder, .gform_wrapper .gfield_error input[type="datetime-local"]::placeholder, .gform_wrapper .gfield_error input[type="email"]::placeholder, .gform_wrapper .gfield_error input[type="month"]::placeholder, .gform_wrapper .gfield_error input[type="number"]::placeholder, .gform_wrapper .gfield_error input[type="password"]::placeholder, .gform_wrapper .gfield_error input[type="search"]::placeholder, .gform_wrapper .gfield_error input[type="tel"]::placeholder, .gform_wrapper .gfield_error input[type="text"]::placeholder, .gform_wrapper .gfield_error input[type="time"]::placeholder, .gform_wrapper .gfield_error input[type="url"]::placeholder, .gform_wrapper .gfield_error input[type="week"]::placeholder, .gform_wrapper .gfield_error input::placeholder, .gform_wrapper .gfield_error select::placeholder, .gform_wrapper .gfield_error textarea::placeholder { color: #ef3340 !important; opacity: 0.7; } .gform_wrapper .validation_message { color: #ef3340 !important; } .validation_error { font-size: 16px; font-size: 0.64rem; line-height: 1.5; color: #ef3340 !important; } .blue .gform_wrapper .gfield_error > label { color: #940324 !important; } .blue .gform_wrapper .gfield_error input[type="color"], .blue .gform_wrapper .gfield_error input[type="date"], .blue .gform_wrapper .gfield_error input[type="datetime"], .blue .gform_wrapper .gfield_error input[type="datetime-local"], .blue .gform_wrapper .gfield_error input[type="email"], .blue .gform_wrapper .gfield_error input[type="month"], .blue .gform_wrapper .gfield_error input[type="number"], .blue .gform_wrapper .gfield_error input[type="password"], .blue .gform_wrapper .gfield_error input[type="search"], .blue .gform_wrapper .gfield_error input[type="tel"], .blue .gform_wrapper .gfield_error input[type="text"], .blue .gform_wrapper .gfield_error input[type="time"], .blue .gform_wrapper .gfield_error input[type="url"], .blue .gform_wrapper .gfield_error input[type="week"], .blue .gform_wrapper .gfield_error input, .blue .gform_wrapper .gfield_error select, .blue .gform_wrapper .gfield_error textarea { border-color: #940324 !important; } .blue .gform_wrapper .gfield_error input[type="color"]::-webkit-input-placeholder, .blue .gform_wrapper .gfield_error input[type="date"]::-webkit-input-placeholder, .blue .gform_wrapper .gfield_error input[type="datetime"]::-webkit-input-placeholder, .blue .gform_wrapper .gfield_error input[type="datetime-local"]::-webkit-input-placeholder, .blue .gform_wrapper .gfield_error input[type="email"]::-webkit-input-placeholder, .blue .gform_wrapper .gfield_error input[type="month"]::-webkit-input-placeholder, .blue .gform_wrapper .gfield_error input[type="number"]::-webkit-input-placeholder, .blue .gform_wrapper .gfield_error input[type="password"]::-webkit-input-placeholder, .blue .gform_wrapper .gfield_error input[type="search"]::-webkit-input-placeholder, .blue .gform_wrapper .gfield_error input[type="tel"]::-webkit-input-placeholder, .blue .gform_wrapper .gfield_error input[type="text"]::-webkit-input-placeholder, .blue .gform_wrapper .gfield_error input[type="time"]::-webkit-input-placeholder, .blue .gform_wrapper .gfield_error input[type="url"]::-webkit-input-placeholder, .blue .gform_wrapper .gfield_error input[type="week"]::-webkit-input-placeholder, .blue .gform_wrapper .gfield_error input::-webkit-input-placeholder, .blue .gform_wrapper .gfield_error select::-webkit-input-placeholder, .blue .gform_wrapper .gfield_error textarea::-webkit-input-placeholder { color: #940324 !important; opacity: 0.7; } .blue .gform_wrapper .gfield_error input[type="color"]::-moz-placeholder, .blue .gform_wrapper .gfield_error input[type="date"]::-moz-placeholder, .blue .gform_wrapper .gfield_error input[type="datetime"]::-moz-placeholder, .blue .gform_wrapper .gfield_error input[type="datetime-local"]::-moz-placeholder, .blue .gform_wrapper .gfield_error input[type="email"]::-moz-placeholder, .blue .gform_wrapper .gfield_error input[type="month"]::-moz-placeholder, .blue .gform_wrapper .gfield_error input[type="number"]::-moz-placeholder, .blue .gform_wrapper .gfield_error input[type="password"]::-moz-placeholder, .blue .gform_wrapper .gfield_error input[type="search"]::-moz-placeholder, .blue .gform_wrapper .gfield_error input[type="tel"]::-moz-placeholder, .blue .gform_wrapper .gfield_error input[type="text"]::-moz-placeholder, .blue .gform_wrapper .gfield_error input[type="time"]::-moz-placeholder, .blue .gform_wrapper .gfield_error input[type="url"]::-moz-placeholder, .blue .gform_wrapper .gfield_error input[type="week"]::-moz-placeholder, .blue .gform_wrapper .gfield_error input::-moz-placeholder, .blue .gform_wrapper .gfield_error select::-moz-placeholder, .blue .gform_wrapper .gfield_error textarea::-moz-placeholder { color: #940324 !important; opacity: 0.7; } .blue .gform_wrapper .gfield_error input[type="color"]:-ms-input-placeholder, .blue .gform_wrapper .gfield_error input[type="date"]:-ms-input-placeholder, .blue .gform_wrapper .gfield_error input[type="datetime"]:-ms-input-placeholder, .blue .gform_wrapper .gfield_error input[type="datetime-local"]:-ms-input-placeholder, .blue .gform_wrapper .gfield_error input[type="email"]:-ms-input-placeholder, .blue .gform_wrapper .gfield_error input[type="month"]:-ms-input-placeholder, .blue .gform_wrapper .gfield_error input[type="number"]:-ms-input-placeholder, .blue .gform_wrapper .gfield_error input[type="password"]:-ms-input-placeholder, .blue .gform_wrapper .gfield_error input[type="search"]:-ms-input-placeholder, .blue .gform_wrapper .gfield_error input[type="tel"]:-ms-input-placeholder, .blue .gform_wrapper .gfield_error input[type="text"]:-ms-input-placeholder, .blue .gform_wrapper .gfield_error input[type="time"]:-ms-input-placeholder, .blue .gform_wrapper .gfield_error input[type="url"]:-ms-input-placeholder, .blue .gform_wrapper .gfield_error input[type="week"]:-ms-input-placeholder, .blue .gform_wrapper .gfield_error input:-ms-input-placeholder, .blue .gform_wrapper .gfield_error select:-ms-input-placeholder, .blue .gform_wrapper .gfield_error textarea:-ms-input-placeholder { color: #940324 !important; opacity: 0.7; } .blue .gform_wrapper .gfield_error input[type="color"]::placeholder, .blue .gform_wrapper .gfield_error input[type="date"]::placeholder, .blue .gform_wrapper .gfield_error input[type="datetime"]::placeholder, .blue .gform_wrapper .gfield_error input[type="datetime-local"]::placeholder, .blue .gform_wrapper .gfield_error input[type="email"]::placeholder, .blue .gform_wrapper .gfield_error input[type="month"]::placeholder, .blue .gform_wrapper .gfield_error input[type="number"]::placeholder, .blue .gform_wrapper .gfield_error input[type="password"]::placeholder, .blue .gform_wrapper .gfield_error input[type="search"]::placeholder, .blue .gform_wrapper .gfield_error input[type="tel"]::placeholder, .blue .gform_wrapper .gfield_error input[type="text"]::placeholder, .blue .gform_wrapper .gfield_error input[type="time"]::placeholder, .blue .gform_wrapper .gfield_error input[type="url"]::placeholder, .blue .gform_wrapper .gfield_error input[type="week"]::placeholder, .blue .gform_wrapper .gfield_error input::placeholder, .blue .gform_wrapper .gfield_error select::placeholder, .blue .gform_wrapper .gfield_error textarea::placeholder { color: #940324 !important; opacity: 0.7; } .blue .gform_wrapper .validation_message { color: #940324 !important; } .blue .validation_error { color: #940324 !important; } /* Gravity Forms Hidden --------------------------------------------- */ /* stylelint-disable */ .gform_wrapper .gform_hidden { margin: 0; } .gform_wrapper .hidden_label .gfield_label, .gform_wrapper .gform_hidden .gfield_label, .gform_wrapper .gfield_visibility_hidden .gfield_label { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; width: 1px; display: block; } .gform_wrapper .gform_validation_container { display: none; left: -9000px; position: absolute; } .gform_card_icon_container { display: none; } /* Specific Forms ----------------------------------------------------------------------------- */ /* ========================================================================== #CONTACT FORM ========================================================================== */ .c-contact-form { padding: 0 24px 24px 24px; /* label { @extend .u-hidden-visually; } */ } @media (min-width: 46.25em) { .c-contact-form { padding: 0 48px 48px 0; } } .c-contact-form #field_2_2 { float: left; width: 50%; clear: none; padding-right: 0.8474576271%; } .c-contact-form #field_2_3 { float: right; width: 50%; clear: none; padding-left: 0.8474576271%; } .c-contact-form .gform_footer { text-align: right; } .c-contact-form input:not([type]), .c-contact-form input[type=text]:not(.browser-default), .c-contact-form input[type=password]:not(.browser-default), .c-contact-form input[type=email]:not(.browser-default), .c-contact-form input[type=url]:not(.browser-default), .c-contact-form input[type=time]:not(.browser-default), .c-contact-form input[type=date]:not(.browser-default), .c-contact-form input[type=datetime]:not(.browser-default), .c-contact-form input[type=datetime-local]:not(.browser-default), .c-contact-form input[type=tel]:not(.browser-default), .c-contact-form input[type=number]:not(.browser-default), .c-contact-form input[type=search]:not(.browser-default), .c-contact-form textarea { border: 1px solid #00594c; } .c-contact-form ::-webkit-input-placeholder { color: #00594c; } .c-contact-form ::-moz-placeholder { color: #00594c; } .c-contact-form :-ms-input-placeholder { color: #00594c; } .c-contact-form ::placeholder { color: #00594c; } /* ========================================================================== #DONATE FORM ========================================================================== */ #gform_wrapper_1 { position: relative; } #gform_wrapper_1 .donate-steps { padding-left: 0; padding-right: 12px; margin-bottom: 4em; } #gform_wrapper_1 .donate-steps__label { float: left; margin-right: 0.5rem; } #gform_wrapper_1 .gf_step_label { display: none; position: absolute; top: 2em; left: 0; } @media (min-width: 64em) { #gform_wrapper_1 .gf_step_label { top: 75px; width: 45%; } } #gform_wrapper_1 .gf_step_active .gf_step_label { display: block; } #gform_wrapper_1 .donate-steps__label, #gform_wrapper_1 .gf_step_number { vertical-align: top; font-size: 25px; font-size: 1rem; line-height: 30px; } @media (min-width: 64em) { #gform_wrapper_1 .donate-steps__label, #gform_wrapper_1 .gf_step_number { font-size: 45px; font-size: 1.8rem; line-height: 50px; } } #gform_wrapper_1 .gf_step_number::after { content: '/'; display: inline-block; } #gform_wrapper_1 .gf_step_active .gf_step_number::after { opacity: 0.2; } #gform_wrapper_1 .gform_body { padding-left: 0; padding-right: 0; } @media (min-width: 64em) { #gform_wrapper_1 .gform_body { width: 50%; } } #gform_wrapper_1 .donation__frequency ul li { margin-right: 12px; } #gform_wrapper_1 .ginput_price { display: none; } #gform_wrapper_1 .gchoice_1_14_0, #gform_wrapper_1 .gchoice_1_14_1 { font-size: 16px; font-size: 0.64rem; line-height: 20px; } #gform_wrapper_1 .gchoice_1_14_0 label, #gform_wrapper_1 .gchoice_1_14_1 label { width: 80%; height: auto; line-height: 20px; } #gform_wrapper_1 .ginput_complex .ginput_cardinfo_left { width: 100%; float: left; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0; } @media (min-width: 46.25em) { #gform_wrapper_1 .ginput_complex .ginput_cardinfo_left { width: 50%; } } #gform_wrapper_1 .ginput_complex .ginput_cardinfo_right { width: 100%; float: right; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0; } @media (min-width: 46.25em) { #gform_wrapper_1 .ginput_complex .ginput_cardinfo_right { width: 50%; } } #gform_wrapper_1 .nice-select.ginput_card_expiration.ginput_card_expiration_month { width: 64%; margin-right: 2.33%; } #gform_wrapper_1 .nice-select.ginput_card_expiration.ginput_card_expiration_year { clear: none; width: 31%; padding-right: 2.33%; } #gform_wrapper_1 .ginput_card_security_code_icon { display: none; } #gform_wrapper_1 .nice-select { border-color: #ffffff; background-color: #99daf3; } #gform_wrapper_1 .nice-select:after { border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff; } #gform_wrapper_1 .nice-select .list { background-color: #80d1f0; width: 100%; max-height: 200px; overflow: scroll; } #gform_wrapper_1 .nice-select .option:hover, #gform_wrapper_1 .nice-select .option.focus, #gform_wrapper_1 .nice-select .option.selected.focus { background-color: #00a3e0; } #gform_wrapper_1 #gform_submit_button_1 { margin-left: 12px; } #gform_wrapper_1 .address_country, #gform_wrapper_10 .address_country, #gform_wrapper_13 .address_country, #gform_wrapper_14 .address_country, #gform_wrapper_15 .address_country { font-size: 16px; font-size: 0.64rem; line-height: 20px; } #gform_wrapper_1 .address_city, #gform_wrapper_1 .address_state, #gform_wrapper_1 .address_zip, #gform_wrapper_1 .address_country, #gform_wrapper_10 .address_city, #gform_wrapper_10 .address_state, #gform_wrapper_10 .address_zip, #gform_wrapper_10 .address_country, #gform_wrapper_13 .address_city, #gform_wrapper_13 .address_state, #gform_wrapper_13 .address_zip, #gform_wrapper_13 .address_country, #gform_wrapper_14 .address_city, #gform_wrapper_14 .address_state, #gform_wrapper_14 .address_zip, #gform_wrapper_14 .address_country, #gform_wrapper_15 .address_city, #gform_wrapper_15 .address_state, #gform_wrapper_15 .address_zip, #gform_wrapper_15 .address_country { margin-right: 0; width: 100%; } @media (min-width: 30em) { #gform_wrapper_1 .address_city, #gform_wrapper_1 .address_state, #gform_wrapper_10 .address_city, #gform_wrapper_10 .address_state, #gform_wrapper_13 .address_city, #gform_wrapper_13 .address_state, #gform_wrapper_14 .address_city, #gform_wrapper_14 .address_state, #gform_wrapper_15 .address_city, #gform_wrapper_15 .address_state { width: 50%; } } @media (min-width: 30em) { #gform_wrapper_1 .address_city, #gform_wrapper_10 .address_city, #gform_wrapper_13 .address_city, #gform_wrapper_14 .address_city, #gform_wrapper_15 .address_city { padding-right: 1.6949152542%; } } @media (min-width: 46.25em) { #gform_wrapper_1 .address_zip, #gform_wrapper_1 .address_country, #gform_wrapper_10 .address_zip, #gform_wrapper_10 .address_country, #gform_wrapper_13 .address_zip, #gform_wrapper_13 .address_country, #gform_wrapper_14 .address_zip, #gform_wrapper_14 .address_country, #gform_wrapper_15 .address_zip, #gform_wrapper_15 .address_country { width: 50%; } } #gform_wrapper_1 .address_country .nice-select, #gform_wrapper_10 .address_country .nice-select, #gform_wrapper_13 .address_country .nice-select, #gform_wrapper_14 .address_country .nice-select, #gform_wrapper_15 .address_country .nice-select { width: 100%; } @media (min-width: 46.25em) { #gform_wrapper_1 .address_zip, #gform_wrapper_10 .address_zip, #gform_wrapper_13 .address_zip, #gform_wrapper_14 .address_zip, #gform_wrapper_15 .address_zip { padding-right: 1.6949152542%; } } #gform_wrapper_1 .address_country, #gform_wrapper_10 .address_country, #gform_wrapper_13 .address_country, #gform_wrapper_14 .address_country, #gform_wrapper_15 .address_country { margin-bottom: 12px; } @media (min-width: 64em) { #gform_wrapper_1 .validation_error, #gform_wrapper_10 .validation_error, #gform_wrapper_13 .validation_error, #gform_wrapper_14 .validation_error, #gform_wrapper_15 .validation_error { position: absolute; top: -40px; left: 50%; } } /* DONATE on get involved page ----------------------------------------------------------------------------- */ .get-involved .gform_body .button, .get-involved .gform_body input::-webkit-input-placeholder { color: #ffffff; } .get-involved .gform_body .button, .get-involved .gform_body input::-moz-placeholder { color: #ffffff; } .get-involved .gform_body .button, .get-involved .gform_body input:-ms-input-placeholder { color: #ffffff; } .get-involved .gform_body .button, .get-involved .gform_body input::placeholder { color: #ffffff; } .get-involved .gform_body .button { padding-left: 24px; padding-right: 24px; } .get-involved .gform_body .button:hover, .get-involved .gform_body .button:active, .get-involved .gform_body .button.nice-select.open, .get-involved .gform_body .button:focus { color: #00a3e0; border-color: #ffffff; } .get-involved .gform_body .radio--square input[type='radio'] + label { border-color: #ffffff; } .get-involved .gform_body .gchoice_1_3_4 input[type='radio'] + label, .get-involved .gform_body .gchoice_1_12_7 input[type='radio'] + label { font-size: 25px; font-size: 1rem; line-height: 25px; font-weight: normal; } .get-involved .gform_body #field_1_30 > label { display: none; } .get-involved .gform_body input:not([type]), .get-involved .gform_body input[type=text]:not(.browser-default), .get-involved .gform_body input[type=password]:not(.browser-default), .get-involved .gform_body input[type=email]:not(.browser-default), .get-involved .gform_body input[type=url]:not(.browser-default), .get-involved .gform_body input[type=time]:not(.browser-default), .get-involved .gform_body input[type=date]:not(.browser-default), .get-involved .gform_body input[type=datetime]:not(.browser-default), .get-involved .gform_body input[type=datetime-local]:not(.browser-default), .get-involved .gform_body input[type=tel]:not(.browser-default), .get-involved .gform_body input[type=number]:not(.browser-default), .get-involved .gform_body input[type=search]:not(.browser-default), .get-involved .gform_body textarea { border: 1px solid #ffffff; } .get-involved .gform_body .donation__amt .ginput_container_radio .gfield_radio { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 100%; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .get-involved .gform_body .donation__amt .ginput_container_radio .gfield_radio li { width: 33%; } @media (min-width: 30em) { .get-involved .gform_body .donation__amt .ginput_container_radio .gfield_radio li { width: 25%; margin-bottom: 24px; } } .donate #gform_wrapper_1 .gform_body .button, .donate #gform_wrapper_1 .gform_body input::-webkit-input-placeholder { color: #00a3e0; } .donate #gform_wrapper_1 .gform_body .button, .donate #gform_wrapper_1 .gform_body input::-moz-placeholder { color: #00a3e0; } .donate #gform_wrapper_1 .gform_body .button, .donate #gform_wrapper_1 .gform_body input:-ms-input-placeholder { color: #00a3e0; } .donate #gform_wrapper_1 .gform_body .button, .donate #gform_wrapper_1 .gform_body input::placeholder { color: #00a3e0; } .donate #gform_wrapper_1 .gform_body input:not([type]), .donate #gform_wrapper_1 .gform_body input[type=text]:not(.browser-default), .donate #gform_wrapper_1 .gform_body input[type=password]:not(.browser-default), .donate #gform_wrapper_1 .gform_body input[type=email]:not(.browser-default), .donate #gform_wrapper_1 .gform_body input[type=url]:not(.browser-default), .donate #gform_wrapper_1 .gform_body input[type=time]:not(.browser-default), .donate #gform_wrapper_1 .gform_body input[type=date]:not(.browser-default), .donate #gform_wrapper_1 .gform_body input[type=datetime]:not(.browser-default), .donate #gform_wrapper_1 .gform_body input[type=datetime-local]:not(.browser-default), .donate #gform_wrapper_1 .gform_body input[type=tel]:not(.browser-default), .donate #gform_wrapper_1 .gform_body input[type=number]:not(.browser-default), .donate #gform_wrapper_1 .gform_body input[type=search]:not(.browser-default), .donate #gform_wrapper_1 .gform_body textarea { border: 1px solid #00a3e0; } .donate #gform_wrapper_1 .gform_body .radio--square input[type='radio'] + label { border-color: #00a3e0; } .donate #gform_wrapper_1 .gform_body .radio--square input[type='radio']:checked + label { background-color: #00a3e0; color: #ffffff; } .donate #gform_wrapper_1 .gform_body .sml-radio--square [type="radio"]:not(:checked) + label:before, .donate #gform_wrapper_1 .gform_body .sml-radio--square [type="radio"]:not(:checked) + label:after { border: 1px solid #00a3e0; } .donate #gform_wrapper_1 .gform_body .nice-select { border-color: #00a3e0; background-color: #f0f0ef; } .donate #gform_wrapper_1 .gform_body .nice-select:after { border-bottom: 2px solid #00a3e0; border-right: 2px solid #00a3e0; } .donate #gform_wrapper_1 .gform_body .nice-select .list { background-color: #ececeb; width: 100%; max-height: 200px; overflow: scroll; } .donate #gform_wrapper_1 .gform_body .nice-select .option:hover, .donate #gform_wrapper_1 .gform_body .nice-select .option.focus, .donate #gform_wrapper_1 .gform_body .nice-select .option.selected.focus { background-color: #e1e1de; } #gform_wrapper_13 .sml-checkbox--square [type=checkbox]:checked + label:before, #gform_wrapper_13 .sml-checkbox--square [type=checkbox]:not(:checked) + label:before, #gform_wrapper_13 .sml-radio--square [type=radio]:not(:checked) + label:before, #gform_wrapper_13 .sml-radio--square [type=radio]:checked + label:before, #gform_wrapper_13 input, #gform_wrapper_14 .sml-checkbox--square [type=checkbox]:checked + label:before, #gform_wrapper_14 .sml-checkbox--square [type=checkbox]:not(:checked) + label:before, #gform_wrapper_14 .sml-radio--square [type=radio]:not(:checked) + label:before, #gform_wrapper_14 .sml-radio--square [type=radio]:checked + label:before, #gform_wrapper_14 input, #gform_wrapper_15 .sml-checkbox--square [type=checkbox]:checked + label:before, #gform_wrapper_15 .sml-checkbox--square [type=checkbox]:not(:checked) + label:before, #gform_wrapper_15 .sml-radio--square [type=radio]:not(:checked) + label:before, #gform_wrapper_15 .sml-radio--square [type=radio]:checked + label:before, #gform_wrapper_15 input { background: white; } #gform_wrapper_13 .select2-container--default .select2-selection--single, #gform_wrapper_14 .select2-container--default .select2-selection--single, #gform_wrapper_15 .select2-container--default .select2-selection--single { background: white; } #gform_wrapper_13 .gform_footer, #gform_wrapper_14 .gform_footer, #gform_wrapper_15 .gform_footer { padding-left: 0 !important; margin-bottom: 32px; } .mb-0 input { margin-bottom: 6px !important; } li.mt-0 { margin-top: 0 !important; } .gfield_html_formatted.mb-0 { margin-bottom: 0; padding-bottom: 0; } #gform_13_validation_container, #gform_14_validation_container, #gform_15_validation_container { top: 0 !important; left: 0 !important; position: relative !important; } #gform_13_validation_container *, #gform_14_validation_container *, #gform_15_validation_container * { font-size: 1rem !important; line-height: 1.2 !important; } #donate-now { position: relative; z-index: 30; } @media (min-width: 46.25em) { #donate-now { margin-top: -20%; } } #donate-now .o-ratio--2\:1:before { display: none; } .text-size--reallyreduced { font-size: .68rem !important; line-height: 22px !important; max-width: none !important; margin: 16px 0 8px 0 !important; } .donations2021 .gfield_radio { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .donations2021 .gfield_radio li { width: 25%; } .donations2021 .gfield_radio li::after { content: ' $'; } .donations2021 .gfield_radio li .ginput_price { display: none; } .donations2021 .gfield_radio li:last-child::after { content: ''; } .donations2021--eur .gfield_radio li::after { content: ' \20AC'; } .container--tabs .validation_message { line-height: 1.2; margin-top: 4px; } .container--tabs .gfield_label { display: inline-block; font-weight: 600; margin: 8px 0; } .container--tabs .nav-tabs { margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 16px; list-style-type: none; } .container--tabs .nav-tabs > li { min-width: 25%; } .container--tabs .nav-tabs > li::before { display: none; } .container--tabs .nav-tabs > li > a { padding-right: 1rem; line-height: 1.5; text-decoration: none; position: relative; padding-left: 28px; padding-top: 4px; } .container--tabs .nav-tabs > li > a::before, .container--tabs .nav-tabs > li > a::after { content: ""; position: absolute; left: 0; top: 0; margin: 4px; width: 16px; height: 16px; z-index: 0; -webkit-transition: .28s ease; -o-transition: .28s ease; transition: .28s ease; border-radius: 6px; border: 1px solid #00a3e0; } .container--tabs .nav-tabs > li > a::before { background: #fff; } .container--tabs .nav-tabs > li.active > a, .container--tabs .nav-tabs > li.active > a:hover, .container--tabs .nav-tabs > li.active > a:focus { color: #555; cursor: default; } .container--tabs .nav-tabs > li.active > a::after, .container--tabs .nav-tabs > li.active > a:hover::after, .container--tabs .nav-tabs > li.active > a:focus::after { background-color: #00a3e0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .container--tabs .tab-content { float: left; width: 100%; } .container--tabs .tab-content > .tab-pane { display: none; } .container--tabs .tab-content > .tab-pane.active { display: block; } .container--tabs .tab-content > .active { display: block; } /* ========================================================================== #SEARCH FORM ========================================================================== */ .c-search-form { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 110; text-align: center; background: #00a3e0; color: #ffffff; } .c-search-form label { text-align: left; display: block; } .c-search-form input[type=submit]:not(.browser-default), .c-search-form input[type=search]:not(.browser-default) { color: #ffffff; border-color: #ffffff; } .c-search-form__fieldset { display: inline-block; position: relative; vertical-align: middle; margin: 0; border: 0; padding: 0; width: 65.78483%; margin-right: 69px; } .c-search-form__fieldset::after { content: 'x'; display: block; position: absolute; top: 70%; right: 0; padding-top: 10px; margin-top: -30px; margin-right: -69px; width: 49px; height: 49px; background-size: 49px 49px; cursor: pointer; border: 1px solid #ffffff; border-radius: 12px; } @media (max-width: 89.99em) { .c-search-form__fieldset::after { margin-top: -36px; } } .c-search-form::after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } /* ========================================================================== #LOCKER FORM ========================================================================== */ .press .main { position: relative; } .c-locker-form { position: absolute; top: 30%; right: 0; bottom: 0; left: 0; z-index: 99; text-align: left; background-color: #00352e; color: #ffffff; padding: 24px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 46.25em) { .c-locker-form { top: 0%; left: 50%; } } .c-locker-form .gform_wrapper label { display: none; } .c-locker-form .gform_wrapper ::-webkit-input-placeholder { color: #ffffff; } .c-locker-form .gform_wrapper ::-moz-placeholder { color: #ffffff; } .c-locker-form .gform_wrapper :-ms-input-placeholder { color: #ffffff; } .c-locker-form .gform_wrapper ::placeholder { color: #ffffff; } .c-locker-form .gform_wrapper .button, .c-locker-form .gform_wrapper input:not([type]), .c-locker-form .gform_wrapper input[type=submit]:not(.browser-default), .c-locker-form .gform_wrapper input[type=text]:not(.browser-default) { color: #ffffff; border-color: #ffffff; } .c-locker-form .gform_wrapper .button:hover, .c-locker-form .gform_wrapper .button:active, .c-locker-form .gform_wrapper .button.nice-select.open, .c-locker-form .gform_wrapper .button:focus { color: #00594c; border-color: #ffffff; } .c-locker-form .c-locker-form__form { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .member-download .main { position: relative; } /* ========================================================================== #MEMBER FORM ========================================================================== */ #gform_wrapper_4 { /* .hidden_label label { @extend .u-hidden-visually; } */ } #gform_wrapper_4 [type="radio"]:checked + label:after, #gform_wrapper_4 [type="radio"]:checked + label:after { background-color: #ffffff; } #gform_wrapper_4 [type="radio"]:checked + label:after, #gform_wrapper_4 [type="radio"]:checked + label:before, #gform_wrapper_4 [type="radio"]:checked + label:after { border: 1px solid #ffffff; } .gform_wrapper input.gf_coupon_code { width: 38% !important; margin-right: 15px; min-width: 250px; } /* ========================================================================== #MEMBER FORM ========================================================================== */ #gform_wrapper_4 { position: relative; } #gform_wrapper_4 .gform_page_footer { margin-top: 0; } #gform_wrapper_4 .donate-steps { padding-left: 0; padding-right: 12px; } #gform_wrapper_4 .donate-steps__label { float: left; margin-right: 0.5rem; } #gform_wrapper_4 .gf_step_label { display: none; position: absolute; top: 2em; left: 0; } @media (min-width: 64em) { #gform_wrapper_4 .gf_step_label { top: 75px; width: 45%; } } #gform_wrapper_4 .gf_step_active .gf_step_label { display: block; } #gform_wrapper_4 .donate-steps__label, #gform_wrapper_4 .gf_step_number { vertical-align: top; font-size: 25px; font-size: 1rem; line-height: 30px; } @media (min-width: 64em) { #gform_wrapper_4 .donate-steps__label, #gform_wrapper_4 .gf_step_number { font-size: 45px; font-size: 1.8rem; line-height: 50px; } } #gform_wrapper_4 .gf_step_number::after { content: '/'; display: inline-block; } #gform_wrapper_4 .gf_step_active .gf_step_number::after { opacity: 0.2; } #gform_wrapper_4 .gform_body { padding-left: 0; padding-right: 0; } @media (min-width: 64em) { #gform_wrapper_4 .gform_body { width: 50%; } } #gform_wrapper_4 .address_city, #gform_wrapper_4 .address_state, #gform_wrapper_4 .address_zip, #gform_wrapper_4 .address_country { margin-right: 0; width: 100%; } @media (min-width: 30em) { #gform_wrapper_4 .address_city, #gform_wrapper_4 .address_state { width: 50%; } } @media (min-width: 30em) { #gform_wrapper_4 .address_city { padding-right: 1.6949152542%; } } @media (min-width: 46.25em) { #gform_wrapper_4 .address_zip, #gform_wrapper_4 .address_country { width: 50%; } } #gform_wrapper_4 .address_country .nice-select { width: 100%; } @media (min-width: 46.25em) { #gform_wrapper_4 .address_zip { padding-right: 1.6949152542%; } } #gform_wrapper_4 .address_country, #gform_wrapper_4 .gchoice_1_14_0, #gform_wrapper_4 .gchoice_1_14_1 { font-size: 16px; font-size: 0.64rem; line-height: 20px; } #gform_wrapper_4 .nice-select { border-color: #ffffff; background-color: #00a3e0; } #gform_wrapper_4 .nice-select:after { border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff; } #gform_wrapper_4 .nice-select .list { background-color: #00a3e0; width: 100%; max-height: 200px; overflow: scroll; } #gform_wrapper_4 .nice-select .option:hover, #gform_wrapper_4 .nice-select .option.focus, #gform_wrapper_4 .nice-select .option.selected.focus { background-color: #00a3e0; } @media (min-width: 64em) { #gform_wrapper_4 .validation_error { position: absolute; top: -40px; left: 50%; } } #gform_wrapper_4 .ginput_complex .ginput_cardinfo_left { width: 100%; float: left; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0; } @media (min-width: 46.25em) { #gform_wrapper_4 .ginput_complex .ginput_cardinfo_left { width: 50%; } } #gform_wrapper_4 .ginput_complex .ginput_cardinfo_right { width: 100%; float: right; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0; } @media (min-width: 46.25em) { #gform_wrapper_4 .ginput_complex .ginput_cardinfo_right { width: 50%; } } #gform_wrapper_4 .nice-select.ginput_card_expiration.ginput_card_expiration_month { width: 64%; margin-right: 2.33%; } #gform_wrapper_4 .nice-select.ginput_card_expiration.ginput_card_expiration_year { clear: none; width: 31%; padding-right: 2.33%; } #gform_wrapper_4 .ginput_card_security_code_icon { display: none; } #gform_wrapper_4 #gf_coupon_button:hover { background: #ffffff; } #gform_wrapper_4 #gform_submit_button_4 { margin-left: 12px; } /* Member on get involved page ----------------------------------------------------------------------------- */ .template-member .gform_body .button, .template-member .gform_body input::-webkit-input-placeholder { color: #ffffff; } .template-member .gform_body .button, .template-member .gform_body input::-moz-placeholder { color: #ffffff; } .template-member .gform_body .button, .template-member .gform_body input:-ms-input-placeholder { color: #ffffff; } .template-member .gform_body .button, .template-member .gform_body input::placeholder { color: #ffffff; } .template-member .gform_body .button:hover { color: #00a3e0; } .template-member .gform_body .button { padding-left: 24px; padding-right: 24px; } .template-member .gform_body .radio--square input[type='radio'] + label { border-color: #ffffff; } .template-member .gform_body .gchoice_1_3_4 input[type='radio'] + label, .template-member .gform_body .gchoice_1_12_5 input[type='radio'] + label { font-size: 25px; font-size: 1rem; line-height: 25px; font-weight: normal; } .template-member .gform_body input:not([type]), .template-member .gform_body input[type=text]:not(.browser-default), .template-member .gform_body input[type=password]:not(.browser-default), .template-member .gform_body input[type=email]:not(.browser-default), .template-member .gform_body input[type=url]:not(.browser-default), .template-member .gform_body input[type=time]:not(.browser-default), .template-member .gform_body input[type=date]:not(.browser-default), .template-member .gform_body input[type=datetime]:not(.browser-default), .template-member .gform_body input[type=datetime-local]:not(.browser-default), .template-member .gform_body input[type=tel]:not(.browser-default), .template-member .gform_body input[type=number]:not(.browser-default), .template-member .gform_body input[type=search]:not(.browser-default), .template-member .gform_body textarea { border: 1px solid #ffffff; } .template-member .gform_body .donation__amt .ginput_container_radio .gfield_radio { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 100%; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .template-member .gform_body .donation__amt .ginput_container_radio .gfield_radio li { width: 50%; } @media (min-width: 30em) { .template-member .gform_body .donation__amt .ginput_container_radio .gfield_radio li { width: 33%; margin-bottom: 24px; } } /* ========================================================================== #MEMBER FORM ========================================================================== */ #gform_wrapper_5 { margin-top: 24px; display: inline-block; width: 100%; /* label { @extend .u-hidden-visually; } */ } #gform_wrapper_5 .button, #gform_wrapper_5 input::-webkit-input-placeholder { color: #ffffff; } #gform_wrapper_5 .button, #gform_wrapper_5 input::-moz-placeholder { color: #ffffff; } #gform_wrapper_5 .button, #gform_wrapper_5 input:-ms-input-placeholder { color: #ffffff; } #gform_wrapper_5 .button, #gform_wrapper_5 input::placeholder { color: #ffffff; } #gform_wrapper_5 .button { padding-left: 24px; padding-right: 24px; } #gform_wrapper_5 .button:hover, #gform_wrapper_5 .button:active, #gform_wrapper_5 .button.nice-select.open, #gform_wrapper_5 .button:focus { color: #f5858c; border-color: #ffffff; } #gform_wrapper_5 input:not([type]), #gform_wrapper_5 input[type=text]:not(.browser-default), #gform_wrapper_5 input[type=password]:not(.browser-default), #gform_wrapper_5 input[type=email]:not(.browser-default), #gform_wrapper_5 input[type=url]:not(.browser-default), #gform_wrapper_5 input[type=time]:not(.browser-default), #gform_wrapper_5 input[type=date]:not(.browser-default), #gform_wrapper_5 input[type=datetime]:not(.browser-default), #gform_wrapper_5 input[type=datetime-local]:not(.browser-default), #gform_wrapper_5 input[type=tel]:not(.browser-default), #gform_wrapper_5 input[type=number]:not(.browser-default), #gform_wrapper_5 input[type=search]:not(.browser-default), #gform_wrapper_5 textarea { border: 1px solid #ffffff; } .template-community #gform_wrapper_5 .gform_body { padding-left: 0; padding-right: 0; } @media (min-width: 64em) { .template-community #gform_wrapper_5 .gform_body { width: 50%; } } /* ========================================================================== #COVID FORM ========================================================================== */ #gform_wrapper_7 { margin-top: 0; display: inline-block; width: 100%; } #gform_wrapper_7 [type="radio"]:checked + label:after, #gform_wrapper_7 [type="radio"]:checked + label:after { background-color: #ffffff; } #gform_wrapper_7 [type="radio"]:checked + label:after, #gform_wrapper_7 [type="radio"]:checked + label:before, #gform_wrapper_7 [type="radio"]:checked + label:after { border: 1px solid #ffffff; } #gform_wrapper_7 .gform_footer { margin-top: 24px; } #gform_wrapper_7.gform_wrapper .sml-checkbox--square [type=checkbox]:checked + label:after, #gform_wrapper_7.gform_wrapper .sml-checkbox--square [type=checkbox]:checked + label:before { border: 1px solid #fff; } #gform_wrapper_7.gform_wrapper .sml-checkbox--square [type=checkbox]:checked + label:after { background-color: #fff; } #gform_wrapper_7 #input_7_15 li, #gform_wrapper_7 #input_7_19 li { display: inline-block; margin-right: 48px; } #gform_wrapper_7.gform_wrapper .gsection { border-bottom: none; } #gform_wrapper_7.gform_wrapper .gsection h2 { display: none; } #gform_wrapper_7.gform_wrapper .gfield_error input { border-color: #310101 !important; } #gform_wrapper_7.gform_wrapper .gfield_error input::-webkit-input-placeholder { color: #310101 !important; } #gform_wrapper_7.gform_wrapper .gfield_error input::-moz-placeholder { color: #310101 !important; } #gform_wrapper_7.gform_wrapper .gfield_error input:-ms-input-placeholder { color: #310101 !important; } #gform_wrapper_7.gform_wrapper .gfield_error input::placeholder { color: #310101 !important; } #gform_wrapper_7.gform_wrapper .validation_message, #gform_wrapper_7.gform_wrapper .validation_error { color: #310101 !important; margin-top: -10px; } .gf_left_half { width: 48%; float: left; margin-right: 2% !important; } .gf_right_half { width: 50%; clear: none !important; float: left; } #gform_wrapper_8 input { border-color: #00a3e0; background: white; } #gform_wrapper_8 .gfield_label, #gform_wrapper_8 .gfield_description { margin-bottom: 0 !important; } #gform_wrapper_8 .gform_footer { margin-top: 30px; } /* ========================================================================== #NICE SELECT ========================================================================== */ .nice-select { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: #fff; border-radius: 6px; border: solid 1px #00a3e0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 16px; font-weight: normal; height: 49px; line-height: 47px; outline: none; padding-left: 12px; padding-right: 24px; position: relative; text-align: left !important; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; } .nice-select:hover { border-color: #dbdbdb; } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #999; } .nice-select:after { border-bottom: 2px solid #00a3e0; border-right: 2px solid #00a3e0; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; -o-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; } .nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); -o-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .nice-select.disabled:after { border-color: #47cdff; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { background-color: #fff; border-radius: 6px; -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-24.5px); -ms-transform: scale(0.75) translateY(-24.5px); -o-transform: scale(0.75) translateY(-24.5px); transform: scale(0.75) translateY(-24.5px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; -o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 47px; list-style: none; min-height: 47px; outline: none; padding-left: 12px; padding-right: 23px; text-align: left; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } .gform_wrapper .button { position: relative; z-index: 1; } .gform_wrapper .button::after { position: absolute; content: ''; top: 0; left: 0; width: 0; height: 100%; -webkit-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; -webkit-transition: width 0.25s ease; -o-transition: width 0.25s ease; transition: width 0.25s ease; border-radius: 12px; z-index: -1; } .gform_wrapper .button:hover::after, .gform_wrapper .button:active::after, .gform_wrapper .button.nice-select.open::after, .gform_wrapper .button:focus::after { width: 100%; background-color: #ffffff; } .ginput_card_expiration_container { width: 100%; } /* stylelint-disable */ /* ========================================================================== #CORREZIONI ========================================================================== */ /** * Shared fixes in the new management. */ /* // sia nome/cognome che indirizzo o semplice email .2020_float_label{ } // applicata sia a consent che checkbox .2020_checkbox{ } */ .gform_wrapper .hidden_label .gfield_label, #gform_wrapper_5 #field_5_1 label, #gform_wrapper_2 #field_2_1 label, #gform_wrapper_1 #field_1_6 label, #gform_wrapper_1 #field_1_9 label, #gform_wrapper_1 #field_1_8 label, #gform_wrapper_4 #input_4_7 label, #gform_wrapper_4 #input_4_21 label, #gform_wrapper_4 #input_4_18 label, #gform_wrapper_4 #input_4_1 label, #gform_wrapper_4 #field_4_5 label, #gform_wrapper_7 #input_7_1 label { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !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; font-weight: normal; } .gform_wrapper .hidden_label .gfield_label.visible_label, #gform_wrapper_5 #field_5_1 label.visible_label, #gform_wrapper_2 #field_2_1 label.visible_label, #gform_wrapper_1 #field_1_6 label.visible_label, #gform_wrapper_1 #field_1_9 label.visible_label, #gform_wrapper_1 #field_1_8 label.visible_label, #gform_wrapper_4 #input_4_7 label.visible_label, #gform_wrapper_4 #input_4_21 label.visible_label, #gform_wrapper_4 #input_4_18 label.visible_label, #gform_wrapper_4 #input_4_1 label.visible_label, #gform_wrapper_4 #field_4_5 label.visible_label, #gform_wrapper_7 #input_7_1 label.visible_label { clip: unset !important; -webkit-clip-path: none !important; clip-path: none !important; height: auto !important; width: auto !important; overflow: visible !important; font-size: 0.5rem; margin-left: 7px !important; padding: 0 8px !important; margin-top: -6px !important; } #field_2_8, #field_5_4, #field_5_5 { margin-bottom: 30px; } .gform_wrapper .sml-checkbox--square.text--dark-green [type=checkbox]:not(:checked) + label:before { border: 1px solid #00594c; } #gform_4 .sml-checkbox--square [type=checkbox]:checked + label:before, #gform_4 .sml-checkbox--square [type=checkbox]:checked + label:after, #gform_5 .sml-checkbox--square [type=checkbox]:checked + label:before, #gform_5 .sml-checkbox--square [type=checkbox]:checked + label:after { border: 1px solid white; } #gform_4 .sml-checkbox--square [type=checkbox]:checked + label:after, #gform_5 .sml-checkbox--square [type=checkbox]:checked + label:after { background: white; } .sand.lighten-60 #gform_1 .sml-checkbox--square [type=checkbox]:not(:checked) + label:before { border: 1px solid #00a3e0; } .blue.text--white textarea::-webkit-input-placeholder { color: white; } .blue.text--white textarea::-moz-placeholder { color: white; } .blue.text--white textarea:-ms-input-placeholder { color: white; } .blue.text--white textarea::placeholder { color: white; } .select2-dropdown ul > li::before { content: ''; margin: auto; } .select2-container--default .select2-selection--single { height: 49px; border-radius: 6px; background: transparent; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 49px; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 48px; } /* SELECT2 colori */ .select2-dropdown { border-color: #fff; background: #fff; color: #00a3e0; font-size: 0.6rem; -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3); } .text--blue .select2-container--default .select2-selection--single { border: 1px solid #00a3e0; } .text--blue .select2-container--default .select2-selection--single .select2-selection__arrow b { border-top-color: #00a3e0; } .text--blue .select2-container--default .select2-selection--single .select2-selection__rendered { color: #00a3e0; } .text--white .select2-container--default .select2-selection--single { border: 1px solid #fff; } .text--white .select2-container--default .select2-selection--single .select2-selection__arrow b { border-top-color: #fff; } .text--white .select2-container--default .select2-selection--single .select2-selection__rendered { color: #fff; } .gfield_error .select2-container--default .select2-selection--single { border-color: #ef3340; } .gfield_error .select2-container--default .select2-selection--single .select2-selection__rendered { color: #ef3340; } .text--white .gfield_error .select2-container--default .select2-selection--single { border-color: #940324; } .text--white .gfield_error .select2-container--default .select2-selection--single .select2-selection__rendered { color: #940324; } .post-password-form input[type="submit"] { border-color: #00a3e0; padding-left: 30px; padding-right: 30px; } .post-password-form input[type="password"] { color: #00a3e0 !important; border: 1px solid #00a3e0 !important; } /* PODCAST, POPUP ETC */ #gfield_consent_description_5_5 { display: none; } .table-td { font-size: 16px; line-height: 1.3; } tbody > tr:first-child > td.table-td { font-weight: bold; } .privacy_btn { padding: 3px 15px; text-decoration: none; color: white; border: 1px solid white; } .dropcap { font-size: 2.2rem; float: left; line-height: 2.2rem; padding: 4px 15px 0 0; } /* CSS PODCAST */ .incolonnami .p-layout-block__inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; position: relative; overflow: hidden; } .incolonnami .wp-audio-shortcode { margin-top: auto; margin-bottom: 0; } .c-btn, .gform_button, .gform_next_button, .gform_previous_button, #gform_wrapper_4 #gf_coupon_button { text-align: left; } .c-btn--social { text-align: center; } .c-btn .c-btn--cta__arrow, .gform_button .c-btn--cta__arrow, .gform_next_button .c-btn--cta__arrow, .gform_previous_button .c-btn--cta__arrow, #gform_wrapper_4 #gf_coupon_button .c-btn--cta__arrow { text-align: center; } /*sempre podcast ma nuovi*/ .incolonnami > div > * { z-index: 1; position: relative; max-width: 75%; } .c-btn mark, .gform_button mark, .gform_next_button mark, .gform_previous_button mark, #gform_wrapper_4 #gf_coupon_button mark { background-color: white; padding: 5px 4px 0 4px; border-radius: 4px; white-space: nowrap; margin-right: 6px; } .incolonnami .c-btn, .incolonnami .gform_button, .incolonnami .gform_next_button, .incolonnami .gform_previous_button, .incolonnami #gform_wrapper_4 #gf_coupon_button, #gform_wrapper_4 .incolonnami #gf_coupon_button { font-size: 0.75rem; line-height: 1rem; } .incolonnami .c-btn .c-btn--cta__arrow, .incolonnami .gform_button .c-btn--cta__arrow, .incolonnami .gform_next_button .c-btn--cta__arrow, .incolonnami .gform_previous_button .c-btn--cta__arrow, .incolonnami #gform_wrapper_4 #gf_coupon_button .c-btn--cta__arrow, #gform_wrapper_4 .incolonnami #gf_coupon_button .c-btn--cta__arrow { text-align: center; width: 1rem; height: 1rem; vertical-align: middle; } img.podcast_portrait { position: absolute; bottom: 0; right: -5%; width: auto; height: 100%; z-index: 0; display: block; max-width: none !important; } .mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { border-radius: 5px; } .white-popup.white-popup--xl { max-width: none; margin: 30px; } .white-popup.white-popup--xl .mfp-close { position: fixed; top: 30px; right: 38px; } @media (max-width: 46.25em) { .postid-6560 .o-layout.o-layout--flush.o-grid.o-grid--flush.page-blue:nth-of-type(4) > .o-layout__item:first-child, .postid-6560 .posts-navigation .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .o-layout__item:first-child, .posts-navigation .postid-6560 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .o-layout__item:first-child, .postid-6560 .o-grid.o-grid--flush.page-blue#gform_wrapper_1:nth-of-type(4) > .o-layout__item:first-child, .postid-6560 .o-grid.o-grid--flush.page-blue#gform_wrapper_4:nth-of-type(4) > .o-layout__item:first-child, .postid-6560 #gform_wrapper_1 .o-layout.o-layout--flush.o-grid.o-grid--flush.page-blue:nth-of-type(4) > .gform_body:first-child, #gform_wrapper_1 .postid-6560 .o-layout.o-layout--flush.o-grid.o-grid--flush.page-blue:nth-of-type(4) > .gform_body:first-child, .postid-6560 .posts-navigation #gform_wrapper_1 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, #gform_wrapper_1 .postid-6560 .posts-navigation .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, .posts-navigation .postid-6560 #gform_wrapper_1 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, #gform_wrapper_1 .posts-navigation .postid-6560 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, .postid-6560 .o-grid.o-grid--flush.page-blue#gform_wrapper_1:nth-of-type(4) > .gform_body:first-child, .postid-6560 #gform_wrapper_1 .o-grid.o-grid--flush.page-blue#gform_wrapper_4:nth-of-type(4) > .gform_body:first-child, .postid-6560 #gform_wrapper_4 .o-layout.o-layout--flush.o-grid.o-grid--flush.page-blue:nth-of-type(4) > .gform_body:first-child, #gform_wrapper_4 .postid-6560 .o-layout.o-layout--flush.o-grid.o-grid--flush.page-blue:nth-of-type(4) > .gform_body:first-child, .postid-6560 .posts-navigation #gform_wrapper_4 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, #gform_wrapper_4 .postid-6560 .posts-navigation .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, .posts-navigation .postid-6560 #gform_wrapper_4 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, #gform_wrapper_4 .posts-navigation .postid-6560 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, .postid-6560 #gform_wrapper_4 .o-grid.o-grid--flush.page-blue#gform_wrapper_1:nth-of-type(4) > .gform_body:first-child, .postid-6560 .o-grid.o-grid--flush.page-blue#gform_wrapper_4:nth-of-type(4) > .gform_body:first-child, .postid-6560 .template-community #gform_wrapper_5 .o-layout.o-layout--flush.o-grid.o-grid--flush.page-blue:nth-of-type(4) > .gform_body:first-child, .template-community #gform_wrapper_5 .postid-6560 .o-layout.o-layout--flush.o-grid.o-grid--flush.page-blue:nth-of-type(4) > .gform_body:first-child, .postid-6560 .posts-navigation .template-community #gform_wrapper_5 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, .template-community #gform_wrapper_5 .postid-6560 .posts-navigation .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, .posts-navigation .postid-6560 .template-community #gform_wrapper_5 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, .template-community #gform_wrapper_5 .posts-navigation .postid-6560 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, .postid-6560 .template-community #gform_wrapper_5 .o-grid.o-grid--flush.page-blue#gform_wrapper_1:nth-of-type(4) > .gform_body:first-child, .postid-6560 .template-community #gform_wrapper_5 .o-grid.o-grid--flush.page-blue#gform_wrapper_4:nth-of-type(4) > .gform_body:first-child, .postid-6970 .o-layout.o-layout--flush.o-grid.o-grid--flush.page-blue:nth-of-type(4) > .o-layout__item:first-child, .postid-6970 .posts-navigation .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .o-layout__item:first-child, .posts-navigation .postid-6970 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .o-layout__item:first-child, .postid-6970 .o-grid.o-grid--flush.page-blue#gform_wrapper_1:nth-of-type(4) > .o-layout__item:first-child, .postid-6970 .o-grid.o-grid--flush.page-blue#gform_wrapper_4:nth-of-type(4) > .o-layout__item:first-child, .postid-6970 #gform_wrapper_1 .o-layout.o-layout--flush.o-grid.o-grid--flush.page-blue:nth-of-type(4) > .gform_body:first-child, #gform_wrapper_1 .postid-6970 .o-layout.o-layout--flush.o-grid.o-grid--flush.page-blue:nth-of-type(4) > .gform_body:first-child, .postid-6970 .posts-navigation #gform_wrapper_1 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, #gform_wrapper_1 .postid-6970 .posts-navigation .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, .posts-navigation .postid-6970 #gform_wrapper_1 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, #gform_wrapper_1 .posts-navigation .postid-6970 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, .postid-6970 .o-grid.o-grid--flush.page-blue#gform_wrapper_1:nth-of-type(4) > .gform_body:first-child, .postid-6970 #gform_wrapper_1 .o-grid.o-grid--flush.page-blue#gform_wrapper_4:nth-of-type(4) > .gform_body:first-child, .postid-6970 #gform_wrapper_4 .o-layout.o-layout--flush.o-grid.o-grid--flush.page-blue:nth-of-type(4) > .gform_body:first-child, #gform_wrapper_4 .postid-6970 .o-layout.o-layout--flush.o-grid.o-grid--flush.page-blue:nth-of-type(4) > .gform_body:first-child, .postid-6970 .posts-navigation #gform_wrapper_4 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, #gform_wrapper_4 .postid-6970 .posts-navigation .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, .posts-navigation .postid-6970 #gform_wrapper_4 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, #gform_wrapper_4 .posts-navigation .postid-6970 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, .postid-6970 #gform_wrapper_4 .o-grid.o-grid--flush.page-blue#gform_wrapper_1:nth-of-type(4) > .gform_body:first-child, .postid-6970 .o-grid.o-grid--flush.page-blue#gform_wrapper_4:nth-of-type(4) > .gform_body:first-child, .postid-6970 .template-community #gform_wrapper_5 .o-layout.o-layout--flush.o-grid.o-grid--flush.page-blue:nth-of-type(4) > .gform_body:first-child, .template-community #gform_wrapper_5 .postid-6970 .o-layout.o-layout--flush.o-grid.o-grid--flush.page-blue:nth-of-type(4) > .gform_body:first-child, .postid-6970 .posts-navigation .template-community #gform_wrapper_5 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, .template-community #gform_wrapper_5 .postid-6970 .posts-navigation .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, .posts-navigation .postid-6970 .template-community #gform_wrapper_5 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, .template-community #gform_wrapper_5 .posts-navigation .postid-6970 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, .postid-6970 .template-community #gform_wrapper_5 .o-grid.o-grid--flush.page-blue#gform_wrapper_1:nth-of-type(4) > .gform_body:first-child, .postid-6970 .template-community #gform_wrapper_5 .o-grid.o-grid--flush.page-blue#gform_wrapper_4:nth-of-type(4) > .gform_body:first-child { height: 60px; } } @media (min-width: 46.25em) { /* .incolonnami>div>*{ max-width: 80%; } */ img.podcast_portrait { right: 0; } .postid-6970 .o-layout.o-layout--flush.o-grid.o-grid--flush.page-blue:nth-of-type(even), .postid-6970 .posts-navigation .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(even), .posts-navigation .postid-6970 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(even), .postid-6970 .o-grid.o-grid--flush.page-blue#gform_wrapper_1:nth-of-type(even), .postid-6970 .o-grid.o-grid--flush.page-blue#gform_wrapper_4:nth-of-type(even), .postid-6560 main .o-layout.o-layout--flush.o-grid.o-grid--flush.page-blue:nth-of-type(even), .postid-6560 main .posts-navigation .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(even), .posts-navigation .postid-6560 main .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(even), .postid-6560 main .o-grid.o-grid--flush.page-blue#gform_wrapper_1:nth-of-type(even), .postid-6560 main .o-grid.o-grid--flush.page-blue#gform_wrapper_4:nth-of-type(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } /* CSS AGGIUNTI NEL 2021 PER I nuovi PODCAST E PROVA RIDUZIONE TESTO*/ .trans_test { margin: 60px -30px -30px -30px; max-width: none !important; background: #979a9d; height: 180px; } .incolonnami2 img.podcast_portrait { height: calc(100% - 180px); bottom: 180px; } .incolonnami2__intro.incolonnami > div > * { max-width: none !important; } .incolonnami2__intro .trans_test { margin-top: auto; } .postid-6560 main > div:first-child { height: 0; } .postid-6560 .white-popup { max-width: 650px; } .postid-6560 .white-popup li { font-size: .6rem; line-height: 20px; max-width: none; } .postid-6560 .white-popup p:first-child:empty { margin: 0; } .postid-6560 .white-popup p + ul { margin-top: -15px; } .limit-h.o-ratio--2\:1:before { padding-top: 0 !important; min-height: 180px; } @media (min-width: 90em) { .trans_test { margin: 60px -60px -60px -60px; } .postid-6560 .white-popup p + ul { margin-top: -30px; } } @media (min-width: 600px) { .p-page-intro__copy p, .postid-6560 .white-popup p, .postid-6560 .white-popup li { font-size: 0.75rem; line-height: 1rem; max-width: none; } } /* fine aggiunte 2021*/ /*per news where is south 15/09/2020*/ @media (min-width: 1024px) { .postid-7619 .p-page-intro.p-page-intro--expanded, .postid-7628 .p-page-intro.p-page-intro--expanded, .postid-7630 .p-page-intro.p-page-intro--expanded, .postid-7369 .p-page-intro.p-page-intro--expanded, .postid-7302 .p-page-intro.p-page-intro--expanded, .postid-7354 .p-page-intro.p-page-intro--expanded { background-size: auto 100%; background-repeat: no-repeat; background-position: top right; } .postid-7619 .p-page-intro.p-page-intro--expanded, .postid-7628 .p-page-intro.p-page-intro--expanded, .postid-7630 .p-page-intro.p-page-intro--expanded { background-image: url(https://moleskinefoundation.org/app/uploads/2020/10/Panel_Img_v4.jpg); } .postid-7369 .p-page-intro.p-page-intro--expanded, .postid-7302 .p-page-intro.p-page-intro--expanded, .postid-7354 .p-page-intro.p-page-intro--expanded { background-image: url(https://moleskinefoundation.org/app/uploads/2020/09/Grafica-Teaser_Where-is-south_ok-copia-3.jpg); } .post-7619.hentry > div.o-layout--flush:first-child, .posts-navigation .post-7619.hentry > div.nav-links:first-child, .post-7619.hentry > div#gform_wrapper_1:first-child, .post-7619.hentry > div#gform_wrapper_4:first-child, .post-7628.hentry > div.o-layout--flush:first-child, .posts-navigation .post-7628.hentry > div.nav-links:first-child, .post-7628.hentry > div#gform_wrapper_1:first-child, .post-7628.hentry > div#gform_wrapper_4:first-child, .post-7630.hentry > div.o-layout--flush:first-child, .posts-navigation .post-7630.hentry > div.nav-links:first-child, .post-7630.hentry > div#gform_wrapper_1:first-child, .post-7630.hentry > div#gform_wrapper_4:first-child, .post-7354.hentry > div.o-layout--flush:first-child, .posts-navigation .post-7354.hentry > div.nav-links:first-child, .post-7354.hentry > div#gform_wrapper_1:first-child, .post-7354.hentry > div#gform_wrapper_4:first-child, .post-7302.hentry > div.o-layout--flush:first-child, .posts-navigation .post-7302.hentry > div.nav-links:first-child, .post-7302.hentry > div#gform_wrapper_1:first-child, .post-7302.hentry > div#gform_wrapper_4:first-child, .post-7369.hentry > div.o-layout--flush:first-child, .posts-navigation .post-7369.hentry > div.nav-links:first-child, .post-7369.hentry > div#gform_wrapper_1:first-child, .post-7369.hentry > div#gform_wrapper_4:first-child { display: none; } } .clearfix::after { display: inline-block; clear: both; content: ''; } /* stylelint-disable */ div.p-staff-block--dark:empty { display: none !important; } .o-grid__cell.o-grid__cell__video iframe { min-height: 500px; width: 100%; } @media (min-width: 1025px) { /*menu*/ .c-menu--primary > ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .c-menu--primary > ul > li { margin-right: auto; } } body:not(.logged-in) .d-none > * { display: none !important; height: 0 !important; visibility: hidden; } body:not(.logged-in) .d-none:before { display: none !important; } body.logged-in .d-none { opacity: 0.5; } /* utils */ .nopadding.o-ratio--2\:1:before { padding-top: 0 !important; } /* fix blocco CTA*/ .p-ct-block--bg__text { position: relative; padding: 30px 30px 60px 30px; } /* BLOCCO HOMEPAGE PODCAST */ .page-id-1233 main.main > .o-layout:nth-child(5) .blue, .page-id-1233 .posts-navigation main.main > .nav-links:nth-child(5) .blue, .posts-navigation .page-id-1233 main.main > .nav-links:nth-child(5) .blue, .page-id-1233 main.main > #gform_wrapper_1:nth-child(5) .blue, .page-id-1233 main.main > #gform_wrapper_4:nth-child(5) .blue, .page-id-1255 main.main > .o-layout:nth-child(5) .blue, .page-id-1255 .posts-navigation main.main > .nav-links:nth-child(5) .blue, .posts-navigation .page-id-1255 main.main > .nav-links:nth-child(5) .blue, .page-id-1255 main.main > #gform_wrapper_1:nth-child(5) .blue, .page-id-1255 main.main > #gform_wrapper_4:nth-child(5) .blue, .page-id-151 main.main > .o-layout:nth-child(5) .blue, .page-id-151 .posts-navigation main.main > .nav-links:nth-child(5) .blue, .posts-navigation .page-id-151 main.main > .nav-links:nth-child(5) .blue, .page-id-151 main.main > #gform_wrapper_1:nth-child(5) .blue, .page-id-151 main.main > #gform_wrapper_4:nth-child(5) .blue { background-color: #00594c; } /* flip ordine podcast */ .postid-8173 main .o-layout.o-layout--flush.o-grid.o-grid--flush.page-blue:nth-of-type(2n), .postid-8173 main .posts-navigation .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(2n), .posts-navigation .postid-8173 main .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(2n), .postid-8173 main .o-grid.o-grid--flush.page-blue#gform_wrapper_1:nth-of-type(2n), .postid-8173 main .o-grid.o-grid--flush.page-blue#gform_wrapper_4:nth-of-type(2n), .postid-8174 main .o-layout.o-layout--flush.o-grid.o-grid--flush.page-blue:nth-of-type(2n), .postid-8174 main .posts-navigation .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(2n), .posts-navigation .postid-8174 main .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(2n), .postid-8174 main .o-grid.o-grid--flush.page-blue#gform_wrapper_1:nth-of-type(2n), .postid-8174 main .o-grid.o-grid--flush.page-blue#gform_wrapper_4:nth-of-type(2n) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* COVID */ .page-id-5507 main .o-layout.blue.lighten-50 + .o-layout.blue.lighten-50, .page-id-5507 main .posts-navigation .blue.lighten-50.nav-links + .o-layout.blue.lighten-50, .posts-navigation .page-id-5507 main .blue.lighten-50.nav-links + .o-layout.blue.lighten-50, .page-id-5507 main .posts-navigation .nav-next a.blue.nav-links + .o-layout.blue.lighten-50, .posts-navigation .nav-next .page-id-5507 main a.blue.nav-links + .o-layout.blue.lighten-50, .page-id-5507 main .posts-navigation .nav-next a.o-layout.blue + .o-layout.blue.lighten-50, .posts-navigation .nav-next .page-id-5507 main a.o-layout.blue + .o-layout.blue.lighten-50, .page-id-5507 main .posts-navigation .nav-next a.blue#gform_wrapper_1 + .o-layout.blue.lighten-50, .posts-navigation .nav-next .page-id-5507 main a.blue#gform_wrapper_1 + .o-layout.blue.lighten-50, .page-id-5507 main .posts-navigation .nav-next a.blue#gform_wrapper_4 + .o-layout.blue.lighten-50, .posts-navigation .nav-next .page-id-5507 main a.blue#gform_wrapper_4 + .o-layout.blue.lighten-50, .page-id-5507 main .blue.lighten-50#gform_wrapper_1 + .o-layout.blue.lighten-50, .page-id-5507 main .blue.lighten-50#gform_wrapper_4 + .o-layout.blue.lighten-50, .page-id-5507 main .posts-navigation .o-layout.blue.lighten-50 + .blue.lighten-50.nav-links, .posts-navigation .page-id-5507 main .o-layout.blue.lighten-50 + .blue.lighten-50.nav-links, .page-id-5507 main .posts-navigation .blue.lighten-50.nav-links + .blue.lighten-50.nav-links, .posts-navigation .page-id-5507 main .blue.lighten-50.nav-links + .blue.lighten-50.nav-links, .page-id-5507 main .posts-navigation .nav-next a.blue.nav-links + .blue.lighten-50.nav-links, .posts-navigation .nav-next .page-id-5507 main a.blue.nav-links + .blue.lighten-50.nav-links, .page-id-5507 main .posts-navigation .nav-next a.o-layout.blue + .blue.lighten-50.nav-links, .posts-navigation .nav-next .page-id-5507 main a.o-layout.blue + .blue.lighten-50.nav-links, .page-id-5507 main .posts-navigation .nav-next a.blue#gform_wrapper_1 + .blue.lighten-50.nav-links, .posts-navigation .nav-next .page-id-5507 main a.blue#gform_wrapper_1 + .blue.lighten-50.nav-links, .page-id-5507 main .posts-navigation .nav-next a.blue#gform_wrapper_4 + .blue.lighten-50.nav-links, .posts-navigation .nav-next .page-id-5507 main a.blue#gform_wrapper_4 + .blue.lighten-50.nav-links, .page-id-5507 main .posts-navigation .blue.lighten-50#gform_wrapper_1 + .blue.lighten-50.nav-links, .posts-navigation .page-id-5507 main .blue.lighten-50#gform_wrapper_1 + .blue.lighten-50.nav-links, .page-id-5507 main .posts-navigation .blue.lighten-50#gform_wrapper_4 + .blue.lighten-50.nav-links, .posts-navigation .page-id-5507 main .blue.lighten-50#gform_wrapper_4 + .blue.lighten-50.nav-links, .page-id-5507 main .posts-navigation .nav-next .o-layout.blue.lighten-50 + a.blue.nav-links, .posts-navigation .nav-next .page-id-5507 main .o-layout.blue.lighten-50 + a.blue.nav-links, .page-id-5507 main .posts-navigation .nav-next .blue.lighten-50.nav-links + a.blue.nav-links, .posts-navigation .page-id-5507 main .nav-next .blue.lighten-50.nav-links + a.blue.nav-links, .posts-navigation .nav-next .page-id-5507 main .blue.lighten-50.nav-links + a.blue.nav-links, .page-id-5507 main .posts-navigation .nav-next a.blue.nav-links + a.blue.nav-links, .posts-navigation .nav-next .page-id-5507 main a.blue.nav-links + a.blue.nav-links, .page-id-5507 main .posts-navigation .nav-next a.o-layout.blue + a.blue.nav-links, .posts-navigation .nav-next .page-id-5507 main a.o-layout.blue + a.blue.nav-links, .page-id-5507 main .posts-navigation .nav-next a.blue#gform_wrapper_1 + a.blue.nav-links, .posts-navigation .nav-next .page-id-5507 main a.blue#gform_wrapper_1 + a.blue.nav-links, .page-id-5507 main .posts-navigation .nav-next a.blue#gform_wrapper_4 + a.blue.nav-links, .posts-navigation .nav-next .page-id-5507 main a.blue#gform_wrapper_4 + a.blue.nav-links, .page-id-5507 main .posts-navigation .nav-next .blue.lighten-50#gform_wrapper_1 + a.blue.nav-links, .posts-navigation .nav-next .page-id-5507 main .blue.lighten-50#gform_wrapper_1 + a.blue.nav-links, .page-id-5507 main .posts-navigation .nav-next .blue.lighten-50#gform_wrapper_4 + a.blue.nav-links, .posts-navigation .nav-next .page-id-5507 main .blue.lighten-50#gform_wrapper_4 + a.blue.nav-links, .page-id-5507 main .posts-navigation .nav-next .o-layout.blue.lighten-50 + a.o-layout.blue, .posts-navigation .nav-next .page-id-5507 main .o-layout.blue.lighten-50 + a.o-layout.blue, .page-id-5507 main .posts-navigation .nav-next .blue.lighten-50.nav-links + a.o-layout.blue, .posts-navigation .page-id-5507 main .nav-next .blue.lighten-50.nav-links + a.o-layout.blue, .posts-navigation .nav-next .page-id-5507 main .blue.lighten-50.nav-links + a.o-layout.blue, .page-id-5507 main .posts-navigation .nav-next a.blue.nav-links + a.o-layout.blue, .posts-navigation .nav-next .page-id-5507 main a.blue.nav-links + a.o-layout.blue, .page-id-5507 main .posts-navigation .nav-next a.o-layout.blue + a.o-layout.blue, .posts-navigation .nav-next .page-id-5507 main a.o-layout.blue + a.o-layout.blue, .page-id-5507 main .posts-navigation .nav-next a.blue#gform_wrapper_1 + a.o-layout.blue, .posts-navigation .nav-next .page-id-5507 main a.blue#gform_wrapper_1 + a.o-layout.blue, .page-id-5507 main .posts-navigation .nav-next a.blue#gform_wrapper_4 + a.o-layout.blue, .posts-navigation .nav-next .page-id-5507 main a.blue#gform_wrapper_4 + a.o-layout.blue, .page-id-5507 main .posts-navigation .nav-next .blue.lighten-50#gform_wrapper_1 + a.o-layout.blue, .posts-navigation .nav-next .page-id-5507 main .blue.lighten-50#gform_wrapper_1 + a.o-layout.blue, .page-id-5507 main .posts-navigation .nav-next .blue.lighten-50#gform_wrapper_4 + a.o-layout.blue, .posts-navigation .nav-next .page-id-5507 main .blue.lighten-50#gform_wrapper_4 + a.o-layout.blue, .page-id-5507 main .posts-navigation .nav-next .o-layout.blue.lighten-50 + a.blue#gform_wrapper_1, .posts-navigation .nav-next .page-id-5507 main .o-layout.blue.lighten-50 + a.blue#gform_wrapper_1, .page-id-5507 main .posts-navigation .nav-next .blue.lighten-50.nav-links + a.blue#gform_wrapper_1, .posts-navigation .page-id-5507 main .nav-next .blue.lighten-50.nav-links + a.blue#gform_wrapper_1, .posts-navigation .nav-next .page-id-5507 main .blue.lighten-50.nav-links + a.blue#gform_wrapper_1, .page-id-5507 main .posts-navigation .nav-next a.blue.nav-links + a.blue#gform_wrapper_1, .posts-navigation .nav-next .page-id-5507 main a.blue.nav-links + a.blue#gform_wrapper_1, .page-id-5507 main .posts-navigation .nav-next a.o-layout.blue + a.blue#gform_wrapper_1, .posts-navigation .nav-next .page-id-5507 main a.o-layout.blue + a.blue#gform_wrapper_1, .page-id-5507 main .posts-navigation .nav-next a.blue#gform_wrapper_1 + a.blue#gform_wrapper_1, .posts-navigation .nav-next .page-id-5507 main a.blue#gform_wrapper_1 + a.blue#gform_wrapper_1, .page-id-5507 main .posts-navigation .nav-next a.blue#gform_wrapper_4 + a.blue#gform_wrapper_1, .posts-navigation .nav-next .page-id-5507 main a.blue#gform_wrapper_4 + a.blue#gform_wrapper_1, .page-id-5507 main .posts-navigation .nav-next .blue.lighten-50#gform_wrapper_1 + a.blue#gform_wrapper_1, .posts-navigation .nav-next .page-id-5507 main .blue.lighten-50#gform_wrapper_1 + a.blue#gform_wrapper_1, .page-id-5507 main .posts-navigation .nav-next .blue.lighten-50#gform_wrapper_4 + a.blue#gform_wrapper_1, .posts-navigation .nav-next .page-id-5507 main .blue.lighten-50#gform_wrapper_4 + a.blue#gform_wrapper_1, .page-id-5507 main .posts-navigation .nav-next .o-layout.blue.lighten-50 + a.blue#gform_wrapper_4, .posts-navigation .nav-next .page-id-5507 main .o-layout.blue.lighten-50 + a.blue#gform_wrapper_4, .page-id-5507 main .posts-navigation .nav-next .blue.lighten-50.nav-links + a.blue#gform_wrapper_4, .posts-navigation .page-id-5507 main .nav-next .blue.lighten-50.nav-links + a.blue#gform_wrapper_4, .posts-navigation .nav-next .page-id-5507 main .blue.lighten-50.nav-links + a.blue#gform_wrapper_4, .page-id-5507 main .posts-navigation .nav-next a.blue.nav-links + a.blue#gform_wrapper_4, .posts-navigation .nav-next .page-id-5507 main a.blue.nav-links + a.blue#gform_wrapper_4, .page-id-5507 main .posts-navigation .nav-next a.o-layout.blue + a.blue#gform_wrapper_4, .posts-navigation .nav-next .page-id-5507 main a.o-layout.blue + a.blue#gform_wrapper_4, .page-id-5507 main .posts-navigation .nav-next a.blue#gform_wrapper_1 + a.blue#gform_wrapper_4, .posts-navigation .nav-next .page-id-5507 main a.blue#gform_wrapper_1 + a.blue#gform_wrapper_4, .page-id-5507 main .posts-navigation .nav-next a.blue#gform_wrapper_4 + a.blue#gform_wrapper_4, .posts-navigation .nav-next .page-id-5507 main a.blue#gform_wrapper_4 + a.blue#gform_wrapper_4, .page-id-5507 main .posts-navigation .nav-next .blue.lighten-50#gform_wrapper_1 + a.blue#gform_wrapper_4, .posts-navigation .nav-next .page-id-5507 main .blue.lighten-50#gform_wrapper_1 + a.blue#gform_wrapper_4, .page-id-5507 main .posts-navigation .nav-next .blue.lighten-50#gform_wrapper_4 + a.blue#gform_wrapper_4, .posts-navigation .nav-next .page-id-5507 main .blue.lighten-50#gform_wrapper_4 + a.blue#gform_wrapper_4, .page-id-5507 main .o-layout.blue.lighten-50 + .blue.lighten-50#gform_wrapper_1, .page-id-5507 main .posts-navigation .blue.lighten-50.nav-links + .blue.lighten-50#gform_wrapper_1, .posts-navigation .page-id-5507 main .blue.lighten-50.nav-links + .blue.lighten-50#gform_wrapper_1, .page-id-5507 main .posts-navigation .nav-next a.blue.nav-links + .blue.lighten-50#gform_wrapper_1, .posts-navigation .nav-next .page-id-5507 main a.blue.nav-links + .blue.lighten-50#gform_wrapper_1, .page-id-5507 main .posts-navigation .nav-next a.o-layout.blue + .blue.lighten-50#gform_wrapper_1, .posts-navigation .nav-next .page-id-5507 main a.o-layout.blue + .blue.lighten-50#gform_wrapper_1, .page-id-5507 main .posts-navigation .nav-next a.blue#gform_wrapper_1 + .blue.lighten-50#gform_wrapper_1, .posts-navigation .nav-next .page-id-5507 main a.blue#gform_wrapper_1 + .blue.lighten-50#gform_wrapper_1, .page-id-5507 main .posts-navigation .nav-next a.blue#gform_wrapper_4 + .blue.lighten-50#gform_wrapper_1, .posts-navigation .nav-next .page-id-5507 main a.blue#gform_wrapper_4 + .blue.lighten-50#gform_wrapper_1, .page-id-5507 main .blue.lighten-50#gform_wrapper_1 + .blue.lighten-50#gform_wrapper_1, .page-id-5507 main .blue.lighten-50#gform_wrapper_4 + .blue.lighten-50#gform_wrapper_1, .page-id-5507 main .o-layout.blue.lighten-50 + .blue.lighten-50#gform_wrapper_4, .page-id-5507 main .posts-navigation .blue.lighten-50.nav-links + .blue.lighten-50#gform_wrapper_4, .posts-navigation .page-id-5507 main .blue.lighten-50.nav-links + .blue.lighten-50#gform_wrapper_4, .page-id-5507 main .posts-navigation .nav-next a.blue.nav-links + .blue.lighten-50#gform_wrapper_4, .posts-navigation .nav-next .page-id-5507 main a.blue.nav-links + .blue.lighten-50#gform_wrapper_4, .page-id-5507 main .posts-navigation .nav-next a.o-layout.blue + .blue.lighten-50#gform_wrapper_4, .posts-navigation .nav-next .page-id-5507 main a.o-layout.blue + .blue.lighten-50#gform_wrapper_4, .page-id-5507 main .posts-navigation .nav-next a.blue#gform_wrapper_1 + .blue.lighten-50#gform_wrapper_4, .posts-navigation .nav-next .page-id-5507 main a.blue#gform_wrapper_1 + .blue.lighten-50#gform_wrapper_4, .page-id-5507 main .posts-navigation .nav-next a.blue#gform_wrapper_4 + .blue.lighten-50#gform_wrapper_4, .posts-navigation .nav-next .page-id-5507 main a.blue#gform_wrapper_4 + .blue.lighten-50#gform_wrapper_4, .page-id-5507 main .blue.lighten-50#gform_wrapper_1 + .blue.lighten-50#gform_wrapper_4, .page-id-5507 main .blue.lighten-50#gform_wrapper_4 + .blue.lighten-50#gform_wrapper_4 { display: none !important; } /* AIDA*/ .page-id-11572 .sand div, .page-id-11572 .sand .c-btn--cta { color: #00a3e0; /*#ef3340*/ } @media (max-width: 767px) { .page-id-11572 .c-site-head { background-position: 10%; } } /*special proj. flip*/ @media (min-width: 46.25em) { .postid-11569 main .o-grid--flush + .o-grid--flush { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } /* AFROOCURATION */ ul.afrocuration_data { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 0; list-style-type: none; margin: 0; -webkit-box-pack: start; -webkit-justify-content: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } ul.afrocuration_data li { font-size: 0.65rem; padding-right: 1rem; min-width: 33%; height: 7em; } ul.afrocuration_data li strong { font-size: 64px; } ul.afrocuration_data li:before { display: none; } /* extra in afrocuration */ .page-id-12003 .p-carousel--image.page-blue--light { text-align: center; background-color: transparent; } .page-id-12003 .page-blue ~ .page-blue { background-color: #00594B; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCI+PHBhdGggZmlsbD0idHJhbnNwYXJlbnQiIGQ9Ik0wIDBoMzB2MzBIMHoiLz48Y2lyY2xlIGN4PSIxLjUiIGN5PSIxLjUiIHI9IjEuNSIgZmlsbD0iI2VmMzM0MCIvPjwvc3ZnPg==); background-repeat: repeat; background-size: 30px; background-position-y: 15px; background-position-x: 15px; } img.afrocuration_logo { margin-bottom: 20px; max-width: 150px; height: auto; margin-right: 10px; } /* retinatura extra in wikiafrica */ .postid-193 main > div:first-child, .postid-1466 main > div:first-child, .postid-13221 main > div:first-child { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCI+PHBhdGggZmlsbD0idHJhbnNwYXJlbnQiIGQ9Ik0wIDBoMzB2MzBIMHoiLz48Y2lyY2xlIGN4PSIxLjUiIGN5PSIxLjUiIHI9IjEuNSIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==); background-repeat: repeat; background-size: 30px; background-position-y: 15px; background-position-x: 15px; background-color: #00594c; } /* podcast */ .postid-6560 .o-layout.o-layout--flush.o-grid.o-grid--flush.page-blue:nth-of-type(4) > .o-layout__item:first-child, .postid-6560 .posts-navigation .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .o-layout__item:first-child, .posts-navigation .postid-6560 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .o-layout__item:first-child, .postid-6560 .o-grid.o-grid--flush.page-blue#gform_wrapper_1:nth-of-type(4) > .o-layout__item:first-child, .postid-6560 .o-grid.o-grid--flush.page-blue#gform_wrapper_4:nth-of-type(4) > .o-layout__item:first-child, .postid-6560 #gform_wrapper_1 .o-layout.o-layout--flush.o-grid.o-grid--flush.page-blue:nth-of-type(4) > .gform_body:first-child, #gform_wrapper_1 .postid-6560 .o-layout.o-layout--flush.o-grid.o-grid--flush.page-blue:nth-of-type(4) > .gform_body:first-child, .postid-6560 .posts-navigation #gform_wrapper_1 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, #gform_wrapper_1 .postid-6560 .posts-navigation .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, .posts-navigation .postid-6560 #gform_wrapper_1 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, #gform_wrapper_1 .posts-navigation .postid-6560 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, .postid-6560 .o-grid.o-grid--flush.page-blue#gform_wrapper_1:nth-of-type(4) > .gform_body:first-child, .postid-6560 #gform_wrapper_1 .o-grid.o-grid--flush.page-blue#gform_wrapper_4:nth-of-type(4) > .gform_body:first-child, .postid-6560 #gform_wrapper_4 .o-layout.o-layout--flush.o-grid.o-grid--flush.page-blue:nth-of-type(4) > .gform_body:first-child, #gform_wrapper_4 .postid-6560 .o-layout.o-layout--flush.o-grid.o-grid--flush.page-blue:nth-of-type(4) > .gform_body:first-child, .postid-6560 .posts-navigation #gform_wrapper_4 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, #gform_wrapper_4 .postid-6560 .posts-navigation .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, .posts-navigation .postid-6560 #gform_wrapper_4 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, #gform_wrapper_4 .posts-navigation .postid-6560 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, .postid-6560 #gform_wrapper_4 .o-grid.o-grid--flush.page-blue#gform_wrapper_1:nth-of-type(4) > .gform_body:first-child, .postid-6560 .o-grid.o-grid--flush.page-blue#gform_wrapper_4:nth-of-type(4) > .gform_body:first-child, .postid-6560 .template-community #gform_wrapper_5 .o-layout.o-layout--flush.o-grid.o-grid--flush.page-blue:nth-of-type(4) > .gform_body:first-child, .template-community #gform_wrapper_5 .postid-6560 .o-layout.o-layout--flush.o-grid.o-grid--flush.page-blue:nth-of-type(4) > .gform_body:first-child, .postid-6560 .posts-navigation .template-community #gform_wrapper_5 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, .template-community #gform_wrapper_5 .postid-6560 .posts-navigation .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, .posts-navigation .postid-6560 .template-community #gform_wrapper_5 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, .template-community #gform_wrapper_5 .posts-navigation .postid-6560 .o-grid.o-grid--flush.page-blue.nav-links:nth-of-type(4) > .gform_body:first-child, .postid-6560 .template-community #gform_wrapper_5 .o-grid.o-grid--flush.page-blue#gform_wrapper_1:nth-of-type(4) > .gform_body:first-child, .postid-6560 .template-community #gform_wrapper_5 .o-grid.o-grid--flush.page-blue#gform_wrapper_4:nth-of-type(4) > .gform_body:first-child { height: auto; } /* stylelint-disable */ /* contatti */ #gform_2 ::-webkit-input-placeholder { font-family: 'Fakt', Arial, Helvetica, sans-serif; font-weight: 400; } #gform_2 ::-moz-placeholder { font-family: 'Fakt', Arial, Helvetica, sans-serif; font-weight: 400; } #gform_2 :-ms-input-placeholder { font-family: 'Fakt', Arial, Helvetica, sans-serif; font-weight: 400; } #gform_2 ::placeholder { font-family: 'Fakt', Arial, Helvetica, sans-serif; font-weight: 400; } #field_2_10 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 15px; margin-left: 2px; } #field_2_10::before { display: none; } #input_2_10 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 36px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #input_2_10 li { margin-right: 36px; } #field_2_10.sml-radio--square [type=radio]:not(:checked) + label:before, #input_2_12 .select2-container--default .select2-selection--single { border: 1px solid #00594c; } #input_2_11 { color: #00594c; border: 1px solid #00594c; border-radius: 6px; background: transparent; font-size: 15px; padding: 15px 15px 15px 12px; margin-bottom: 15px; margin-top: 10px; font-family: 'Fakt', Arial, Helvetica, sans-serif; } #field_2_12 { padding-top: 8px; margin-bottom: 12px; } #input_2_12 .select2-container .select2-selection--single .select2-selection__rendered { font-size: 15px; color: #00594c; padding-left: 15px; font-family: 'Fakt', Arial, Helvetica, sans-serif; font-weight: 400; } #gform_submit_button_2 { background: #00594c; color: white !important; } #gform_submit_button_2:hover { color: #00594c !important; } #input_2_12_6_container { margin-right: 0; } /* MICRO GRANT, fund e Toools */ .postid-8914 header h1, .postid-8914 .c-site-head__dots, .postid-9059 header h1, .postid-9059 .c-site-head__dots, .postid-9061 header h1, .postid-9061 .c-site-head__dots, .postid-12573 header h1, .postid-12573 .c-site-head__dots, .postid-13988 header h1, .postid-13988 .c-site-head__dots, .postid-13929 header h1, .postid-13929 .c-site-head__dots, .page-creativity-pioneers-support-fund-data header h1, .page-creativity-pioneers-support-fund-data .c-site-head__dots { opacity: 0; } /*fix generiche emerse*/ .gform_submission_error { font-size: inherit; line-height: inherit; } .gform_wrapper .gf_page_steps { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .gf_page_steps .gf_step { display: block; opacity: 0.6; } .gf_page_steps .gf_step.gf_step_active { opacity: 1; } .gf_step_number { margin-right: 5px; } #gf_page_steps_16, .grant-steps .gf_step { display: block; } #gf_page_steps_16 .gf_step_number, .grant-steps .gf_step .gf_step_number { margin-right: 2px; } #gf_page_steps_16 .gf_step_number:before, .grant-steps .gf_step .gf_step_number:before { content: '3.'; margin-left: -5px; } #gf_page_steps_16 .gpmpn-page-link:hover .gf_step_number, .grant-steps .gf_step .gpmpn-page-link:hover .gf_step_number { background: none; } #gform_wrapper_11 div.validation_message, #gform_wrapper_11 div.validation_error, #gform_wrapper_16 div.validation_message, #gform_wrapper_16 div.validation_error { position: relative; top: -9px; } #gform_wrapper_11 .field_description_above div.validation_message, #gform_wrapper_16 .field_description_above div.validation_message { top: -5px; } #gform_wrapper_11 .gfield.hidden_label, #gform_wrapper_16 .gfield.hidden_label { position: relative; } #gform_wrapper_11 .gfield_label.visible_label, #gform_wrapper_16 .gfield_label.visible_label { top: -6px; } #gform_wrapper_11 ::-webkit-input-placeholder, #gform_wrapper_16 ::-webkit-input-placeholder { color: #00a3e0; } #gform_wrapper_11 ::-moz-placeholder, #gform_wrapper_16 ::-moz-placeholder { color: #00a3e0; } #gform_wrapper_11 :-ms-input-placeholder, #gform_wrapper_16 :-ms-input-placeholder { color: #00a3e0; } #gform_wrapper_11 ::placeholder, #gform_wrapper_16 ::placeholder { color: #00a3e0; } #gform_wrapper_11 .sml-checkbox--square, #gform_wrapper_16 .sml-checkbox--square { margin-top: 25px; } #gform_wrapper_11 .sml-radio--square [type=radio] + label, #gform_wrapper_11 .sml-checkbox--square [type=checkbox] + label, #gform_wrapper_11 .field_description_above .gfield_description, #gform_wrapper_11 .gform_fileupload_rules, #gform_wrapper_16 .sml-radio--square [type=radio] + label, #gform_wrapper_16 .sml-checkbox--square [type=checkbox] + label, #gform_wrapper_16 .field_description_above .gfield_description, #gform_wrapper_16 .gform_fileupload_rules { font-size: 0.75rem; line-height: 1.2; } #gform_wrapper_11 .sml-radio--square [type=radio]:not(:checked) + label:before, #gform_wrapper_11 .sml-radio--square [type=radio]:not(:checked) + label:after, #gform_wrapper_11 .sml-checkbox--square [type=checkbox]:not(:checked) + label:before, #gform_wrapper_11 .sml-checkbox--square [type=checkbox]:not(:checked) + label:after, #gform_wrapper_16 .sml-radio--square [type=radio]:not(:checked) + label:before, #gform_wrapper_16 .sml-radio--square [type=radio]:not(:checked) + label:after, #gform_wrapper_16 .sml-checkbox--square [type=checkbox]:not(:checked) + label:before, #gform_wrapper_16 .sml-checkbox--square [type=checkbox]:not(:checked) + label:after { border: 1px solid #00a3e0; } #gform_wrapper_11 #field_11_37, #gform_wrapper_16 #field_11_37 { margin-bottom: 20px; } #gform_wrapper_11 .gform_drop_area, #gform_wrapper_16 .gform_drop_area { font-size: 0.75rem; } #gform_wrapper_11 .gform_drop_area button, #gform_wrapper_16 .gform_drop_area button { border: 1px solid #00a3e0; background: transparent; color: #00a3e0; padding: 5px; font-size: 0.7rem; margin-bottom: 0; } #gform_wrapper_11 input, #gform_wrapper_11 textarea, #gform_wrapper_11 select, #gform_wrapper_11 .nice-select, #gform_wrapper_11 .select2-container--default .select2-selection--single, #gform_wrapper_16 input, #gform_wrapper_16 textarea, #gform_wrapper_16 select, #gform_wrapper_16 .nice-select, #gform_wrapper_16 .select2-container--default .select2-selection--single { border-color: #00a3e0; border-radius: 6px; font-size: 0.75rem; margin-bottom: 15px; font-weight: 400; } #gform_wrapper_11 .gfield_error .nice-select, #gform_wrapper_11 .gfield_error .select2-container--default .select2-selection--single, #gform_wrapper_16 .gfield_error .nice-select, #gform_wrapper_16 .gfield_error .select2-container--default .select2-selection--single { border-color: #ef3340; color: #f5858c; } #gform_wrapper_11 .gfield_description, #gform_wrapper_11 textarea, #gform_wrapper_16 .gfield_description, #gform_wrapper_16 textarea { line-height: 1.2; } #gform_wrapper_11 .select2-container--default .select2-selection--single, #gform_wrapper_16 .select2-container--default .select2-selection--single { padding-left: 8px; padding-top: 2px; } #gform_wrapper_11 .nice-select ul > li:first-child, #gform_wrapper_16 .nice-select ul > li:first-child { display: none; } #gform_wrapper_11 .nice-select, #gform_wrapper_16 .nice-select { margin-bottom: 20px; } #gform_wrapper_11 textarea, #gform_wrapper_16 textarea { margin-bottom: 7px; } #gform_wrapper_11 textarea + span, #gform_wrapper_16 textarea + span { margin-top: -15px !important; } #gform_wrapper_11 .gform_save_link, #gform_wrapper_16 .gform_save_link { display: block; float: none; clear: both; border: none; border-top: 1px solid white !important; text-decoration: none; padding-top: 15px; padding-bottom: 15px; margin-bottom: 0 !important; font-weight: bold; font-size: 0.75rem; width: 100%; } #gform_wrapper_11 .gform_save_link:hover, #gform_wrapper_16 .gform_save_link:hover { cursor: pointer; } #gform_wrapper_11 .gform_save_link svg, #gform_wrapper_16 .gform_save_link svg { display: none; } #gform_wrapper_11 .gform_save_link:before, #gform_wrapper_16 .gform_save_link:before { content: "Need more time? "; font-weight: normal; } #gform_wrapper_11 .gform_page_footer, #gform_wrapper_16 .gform_page_footer { padding: 15px; background: #f0f0ef; border-radius: 22px; } #gform_wrapper_11 .gform_page_footer button, #gform_wrapper_16 .gform_page_footer button { margin-bottom: 15px; } /* come hai cononsciuto */ #field_11_46 { margin-top: 20px; } /* COUNTRY */ #field_16_2 { margin-bottom: 0; } #input_16_2_6_container, #input_11_2_6_container { margin-right: 0; } .select2-container--default .select2-selection__rendered[title="Home Country*"] { color: #00a3e0; } #gform_submit_button_16, #gform_submit_button_11 { background-color: #00a3e0; float: right; color: white; } #gform_submit_button_16:hover, #gform_submit_button_11:hover { color: #00a3e0; } #gform_12 input[type="text"], #gform_12 textarea { background: white; border: 1px solid #2e3644; margin-bottom: 30px; } #gform_12 input::-webkit-input-placeholder, #gform_12 textarea::-webkit-input-placeholder { font-weight: 600; font-size: 18px; color: #00a3e0; } #gform_12 input::-moz-placeholder, #gform_12 textarea::-moz-placeholder { font-weight: 600; font-size: 18px; color: #00a3e0; } #gform_12 input:-ms-input-placeholder, #gform_12 textarea:-ms-input-placeholder { font-weight: 600; font-size: 18px; color: #00a3e0; } #gform_12 input::placeholder, #gform_12 textarea::placeholder { font-weight: 600; font-size: 18px; color: #00a3e0; } #gform_page_12_4 .gform_page_footer { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #gform_12 legend, #gform_12 fieldset label { font-size: 18px; line-height: 1.2; } #gform_12 fieldset { margin-left: 15px; } #gform_12 .sml-checkbox--square [type=checkbox] + label:after, #gform_12 .sml-checkbox--square [type=checkbox] + label:before { top: -0.3em; } #gform_12 .sml-checkbox--square [type=checkbox] + label:before { border-color: #2e3644; background: white; } #gform_12 .gfield_radio { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } #gform_12 .gfield_radio > div { margin-right: 45px; } #input_12_53_other:disabled, #input_12_56_other:disabled { display: none; } /* FORM DONAZIONE MULTIVAVLUTA */ #input_15_1 { border-radius: 6px; border-color: #00a3e0; color: #00a3e0; font-size: 15px; padding: 15px; margin-bottom: 15px; } #field_15_4 { margin-bottom: 0; } #label_15_3_1 { font-size: 18px; } button#gform_submit_button_15 { font-size: 24px; padding: 12px 60px; height: auto; color: white !important; margin-top: 0 !important; } button#gform_submit_button_15:hover { color: #00a3e0; } #gform_wrapper_15 .gform_footer { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: end; margin-bottom: 0 !important; } div#gform_fields_15 input, div#gform_fields_15 select { color: black; } div#gform_fields_15 select option[value=""] { color: #00a3e0 !important; } /*Creativity pioneers*/ .page-id-13713 a.sand, .page-id-13210 a.sand, .page-id-12711 a.sand { background: black; } .page-id-13713 .p-ct-block--bg__image, .page-id-13210 .p-ct-block--bg__image, .page-id-12711 .p-ct-block--bg__image { mix-blend-mode: normal; opacity: 0.8; } .page-id-13713 .pum-container.pum-responsive img.aligncenter, .page-id-13210 .pum-container.pum-responsive img.aligncenter, .page-id-12711 .pum-container.pum-responsive img.aligncenter { max-width: calc(100% + 36px); margin-left: -18px; } .page-id-13713 .pum-container.pum-responsive img.alignright, .page-id-13210 .pum-container.pum-responsive img.alignright, .page-id-12711 .pum-container.pum-responsive img.alignright { max-width: 50%; margin-right: -18px; float: right; } .page-id-13713 .pum-container.pum-responsive a, .page-id-13210 .pum-container.pum-responsive a, .page-id-12711 .pum-container.pum-responsive a { color: #00a3e0; } .page-id-13713 .pum-container.pum-responsive p, .page-id-13210 .pum-container.pum-responsive p, .page-id-12711 .pum-container.pum-responsive p { max-width: none; } .page-id-13713 .pum-theme-default-theme, .page-id-13210 .pum-theme-default-theme, .page-id-12711 .pum-theme-default-theme { background-color: rgba(0, 163, 224, 0.9); } /*wikiafrica .postid-193 main>div:first-child, .postid-1466 main>div:first-child, .postid-13221 main>div:first-child { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCI+PHBhdGggZmlsbD0idHJhbnNwYXJlbnQiIGQ9Ik0wIDBoMzB2MzBIMHoiLz48Y2lyY2xlIGN4PSIxLjUiIGN5PSIxLjUiIHI9IjEuNSIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==); background-repeat: repeat; background-size: 30px; background-position-y: 15px; background-position-x: 15px; background-color: #00594c; } */ /* stylelint-disable */ @media (min-width: 46.25em) { .folios main > div:nth-child(odd) + div { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .folios main > div:first-child .o-grid__cell + .o-grid__cell .p-layout-block__inner { padding-left: 0; } } /* FOLIOS 4 VIOLA */ .single-initiative-folios-data .o-grid__cell > a[href*="folios-4"] { background-color: #8a4e8d; } /* FOLIOS 5 NERO */ .single-initiative-folios-data .o-grid__cell > a[href*="folios-5"] { background-color: #32312d; } /*LOGO FOLIOS start*/ .page-folios-volume-n-3-data .c-site-head__title-block, .page-folios-2-data .c-site-head__title-block, .page-folios-1-data .c-site-head__title-block, .single-initiative-folios-data .c-site-head__title-block, .page-folios-4-data .c-site-head__title-block, .page-folios-5-data .c-site-head__title-block { background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDcuOSAxNDcuOSI+PGcgaWQ9IkxpdmVsbG9fMiIgZGF0YS1uYW1lPSJMaXZlbGxvIDIiPjxnIGlkPSJMaXZlbGxvXzEtMiIgZGF0YS1uYW1lPSJMaXZlbGxvIDEiPjxwYXRoIGQ9Ik0xMzcuNjcsMTQ3LjIydi0uNjdIMTAuMjNhOC45MSw4LjkxLDAsMCwxLTguODgtOC44OFYxMC4yM2E4LjkxLDguOTEsMCwwLDEsOC44OC04Ljg4SDEzNy42N2E4LjkxLDguOTEsMCwwLDEsOC44OCw4Ljg4VjEzNy42N2E4LjkxLDguOTEsMCwwLDEtOC44OCw4Ljg4djEuMzVhMTAuMjYsMTAuMjYsMCwwLDAsMTAuMjMtMTAuMjNWMTAuMjNBMTAuMjYsMTAuMjYsMCwwLDAsMTM3LjY3LDBIMTAuMjNBMTAuMjYsMTAuMjYsMCwwLDAsMCwxMC4yM1YxMzcuNjdBMTAuMjYsMTAuMjYsMCwwLDAsMTAuMjMsMTQ3LjlIMTM3LjY3WiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxwYXRoIGQ9Ik0yNy4wNyw2MS40djIuNzRIMjFWODguODhsMy4xMi40NHYxLjg3SDEyLjc3Vjg5LjMybDMuMTItLjQ0VjY0LjE0SDEyLjQ2VjYxLjRIMTZjLjEzLTcuNjIsNS44OC0xNi45MywxMS40NC0xNi45MywyLjE4LDAsMy42OCwxLDMuNjgsMy4zN2EyLjYxLDIuNjEsMCwwLDEtMi43NSwyLjU2LDMuNjIsMy42MiwwLDAsMS0yLjYyLS44N2MtLjQ0LS40NC0uNjktLjg4LTEuMzEtLjg4LTEuOTQsMC0zLjUsMy40NC0zLjUsNy4zMSwwLDIuMTMuMDYsMy45NC4wNiw1LjQ0WiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxwYXRoIGQ9Ik0zMy40OSw3Ni4zM2MwLDcuNDMsMS45MywxMy41NSw3LjYyLDEzLjU1czcuNjItNi4xMiw3LjYyLTEzLjU1LTEuOTQtMTMuNjItNy42Mi0xMy42Mi03LjYyLDYuMTgtNy42MiwxMy42Mm03LjYyLTE1Ljg3YzguMTgsMCwxMy4zNyw4LjQzLDEzLjM3LDE1Ljg3cy01LjE5LDE1LjgtMTMuMzcsMTUuOC0xMy4zNy04LjM3LTEzLjM3LTE1LjgsNS4xOC0xNS44NywxMy4zNy0xNS44NyIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxwYXRoIGQ9Ik02NS41NSw0NC40N2MtLjA2LDEuMzEtLjEzLDIuNDMtLjEzLDMuODF2NDAuNmwzLjEzLjQ0VjkxLjJINTcuMjRWODkuMzJsMy4xMi0uNDRWNTQuNGMwLTQuMzEtLjU2LTUuNDMtMS44Ny01LjQzYTUuMjEsNS4yMSwwLDAsMC0xLjU2LjI1VjQ3LjM0WiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxwYXRoIGQ9Ik04MS42MSw0OS44NGEzLjQ0LDMuNDQsMCwxLDEtMy40NC0zLjMxLDMuMjIsMy4yMiwwLDAsMSwzLjQ0LDMuMzFNNzIuNDksOTEuMTlWODkuMzJsMy4xMi0uNDRWNzAuMzljMC00LjMxLS41Ni01LjQzLTEuODctNS40M2E1LjIxLDUuMjEsMCwwLDAtMS41Ni4yNVY2My4zM2w4LjYyLTIuODdjLS4wNywxLjMxLS4xMywyLjQ0LS4xMywzLjgxVjg4Ljg4bDMuMTMuNDR2MS44N1oiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNOTIuMjQsNzYuMzNjMCw3LjQzLDEuOTQsMTMuNTUsNy42MiwxMy41NXM3LjYyLTYuMTIsNy42Mi0xMy41NS0xLjkzLTEzLjYyLTcuNjItMTMuNjItNy42Miw2LjE4LTcuNjIsMTMuNjJtNy42Mi0xNS44N2M4LjE4LDAsMTMuMzcsOC40MywxMy4zNywxNS44N1MxMDgsOTIuMTMsOTkuODYsOTIuMTNzLTEzLjM3LTguMzctMTMuMzctMTUuOCw1LjE5LTE1Ljg3LDEzLjM3LTE1Ljg3IiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTEyNSw5Mi4xM2MtNC44NywwLTkuNDMtMi4zMS05LjQzLTUuNDMsMC0yLjEzLDEuMTktMy4yNSwyLjk0LTMuMjUsNC43NCwwLDIsNi40Myw2LjYyLDYuNDMsMy4zNywwLDYuNDktMS42OCw2LjQ5LTQuOTMsMC03LjgxLTE0LjM2LTYuNDQtMTQuMzYtMTUuODcsMC01LjI1LDQuMTItOC42MiwxMS4yNC04LjYyLDMuNjIsMCw1LjQ0LDEuNSw1LjQ0LDMuNXMtMS4xOSwyLjkzLTMuMDcsMi45M2MtMywwLTIuODctNC4xOC01LjEyLTQuMThBNC4wOCw0LjA4LDAsMCwwLDEyMS4zOSw2N2MwLDcsMTQuMzcsNC42MiwxNC4zNywxNiwwLDQuODEtNC4wNiw5LjE4LTEwLjgxLDkuMTgiIHN0eWxlPSJmaWxsOiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==); } .single-initiative-folios-data .c-site-head__title-block h1, .page-folios-2-data .c-site-head__title-block h1, .page-folios-1-data .c-site-head__title-block h1, .page-folios-volume-n-3-data .c-site-head__title-block h1, .page-folios-4-data .c-site-head__title-block h1, .page-folios-5-data .c-site-head__title-block h1 { opacity: 0; min-height: 2em; } /*LOGO FOLIOS end*/ /*elimina spaziatura in cellulare in initiative Folio*/ @media (max-width: 46.25em) { .single-initiative-folios-data main > div:first-child .o-ratio--2\:1:before { padding-top: 0; } } #buy-folios { height: auto; } /* VENDITA FOLIOS */ .msf_product { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -webkit-align-items: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; padding: 8px 0; border-bottom: 2px solid; } @media (min-width: 601px) { .msf_product { margin-right: 2rem !important; } } .msf_product::before { display: none; } .msf_product > * { margin-bottom: 0 !important; padding-bottom: 0 !important; } .msf_product .gfield_description { margin-left: 8px; margin-right: auto; } .shipping_cost .ginput_container { display: inline-block; float: right; } @media (min-width: 601px) { .shipping_cost .ginput_container { margin-right: 2rem; margin-top: 8px; } } .shipping_cost .ginput_product_price { color: #00A4E0; } /* maggiori info in /styleguide/components/forms/_donate-form.scss */ #gform_confirmation_wrapper_10 { padding: 25vh 0; } #gform_wrapper_10 .hidden_label_complex .ginput_complex label, #gform_wrapper_10 .hidden_label .ginput_complex label, #gform_wrapper_13 .hidden_label_complex .ginput_complex label, #gform_wrapper_13 .hidden_label .ginput_complex label, #gform_wrapper_14 .hidden_label_complex .ginput_complex label, #gform_wrapper_14 .hidden_label .ginput_complex label, #gform_wrapper_15 .hidden_label_complex .ginput_complex label, #gform_wrapper_15 .hidden_label .ginput_complex label { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; width: 1px; display: block; } #gform_wrapper_10 .StripeElement, #gform_wrapper_13 .StripeElement, #gform_wrapper_14 .StripeElement, #gform_wrapper_15 .StripeElement { border: 1px solid #00a3e0; border-radius: 8px; background: transparent; height: auto; padding: 15px; } #gform_wrapper_10 #input_10_7_1_container, #gform_wrapper_13 #input_10_7_1_container, #gform_wrapper_14 #input_10_7_1_container, #gform_wrapper_15 #input_10_7_1_container { margin-top: 15px; } #gform_wrapper_10 .checkbox_2020 .gfield_label, #gform_wrapper_13 .checkbox_2020 .gfield_label, #gform_wrapper_14 .checkbox_2020 .gfield_label, #gform_wrapper_15 .checkbox_2020 .gfield_label { display: none; } @media (min-width: 601px) { #gform_wrapper_10 .gform_footer, #gform_wrapper_13 .gform_footer, #gform_wrapper_14 .gform_footer, #gform_wrapper_15 .gform_footer { padding-left: 50%; } } #gform_wrapper_10 input, #gform_wrapper_10 .select2-container--default .select2-selection--single, #gform_wrapper_13 input, #gform_wrapper_13 .select2-container--default .select2-selection--single, #gform_wrapper_14 input, #gform_wrapper_14 .select2-container--default .select2-selection--single, #gform_wrapper_15 input, #gform_wrapper_15 .select2-container--default .select2-selection--single { border-color: #00a3e0; } #gform_wrapper_10 .select2-selection__rendered, #gform_wrapper_10 .gform_button, #gform_wrapper_13 .select2-selection__rendered, #gform_wrapper_13 .gform_button, #gform_wrapper_14 .select2-selection__rendered, #gform_wrapper_14 .gform_button, #gform_wrapper_15 .select2-selection__rendered, #gform_wrapper_15 .gform_button { color: #00a3e0; } #gform_wrapper_10 .gform_button, #gform_wrapper_13 .gform_button, #gform_wrapper_14 .gform_button, #gform_wrapper_15 .gform_button { margin-top: 2rem; } #gform_wrapper_10 .nice-select, #gform_wrapper_13 .nice-select, #gform_wrapper_14 .nice-select, #gform_wrapper_15 .nice-select { border-color: #00a3e0; float: none; background-color: #f0f0ef; } #gform_wrapper_10 .nice-select:after, #gform_wrapper_13 .nice-select:after, #gform_wrapper_14 .nice-select:after, #gform_wrapper_15 .nice-select:after { border-bottom: 2px solid #00a3e0; border-right: 2px solid #00a3e0; } #gform_wrapper_10 .nice-select .list, #gform_wrapper_13 .nice-select .list, #gform_wrapper_14 .nice-select .list, #gform_wrapper_15 .nice-select .list { width: 100%; max-height: 200px; overflow: scroll; } #gform_wrapper_10 .nice-select .option:hover, #gform_wrapper_13 .nice-select .option:hover, #gform_wrapper_14 .nice-select .option:hover, #gform_wrapper_15 .nice-select .option:hover { background-color: #00a3e0; color: white; } #gform_wrapper_10 .sml-checkbox--square [type=checkbox]:not(:checked) + label:after, #gform_wrapper_10 .sml-checkbox--square [type=checkbox]:not(:checked) + label:before, #gform_wrapper_10 .sml-radio--square [type=radio]:not(:checked) + label:after, #gform_wrapper_10 .sml-radio--square [type=radio]:not(:checked) + label:before, #gform_wrapper_13 .sml-checkbox--square [type=checkbox]:not(:checked) + label:after, #gform_wrapper_13 .sml-checkbox--square [type=checkbox]:not(:checked) + label:before, #gform_wrapper_13 .sml-radio--square [type=radio]:not(:checked) + label:after, #gform_wrapper_13 .sml-radio--square [type=radio]:not(:checked) + label:before, #gform_wrapper_14 .sml-checkbox--square [type=checkbox]:not(:checked) + label:after, #gform_wrapper_14 .sml-checkbox--square [type=checkbox]:not(:checked) + label:before, #gform_wrapper_14 .sml-radio--square [type=radio]:not(:checked) + label:after, #gform_wrapper_14 .sml-radio--square [type=radio]:not(:checked) + label:before, #gform_wrapper_15 .sml-checkbox--square [type=checkbox]:not(:checked) + label:after, #gform_wrapper_15 .sml-checkbox--square [type=checkbox]:not(:checked) + label:before, #gform_wrapper_15 .sml-radio--square [type=radio]:not(:checked) + label:after, #gform_wrapper_15 .sml-radio--square [type=radio]:not(:checked) + label:before { border-color: #00a3e0; } #gform_wrapper_10 .gfield_total, #gform_wrapper_13 .gfield_total, #gform_wrapper_14 .gfield_total, #gform_wrapper_15 .gfield_total { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 2rem; } @media (min-width: 601px) { #gform_wrapper_10 .gfield_total, #gform_wrapper_13 .gfield_total, #gform_wrapper_14 .gfield_total, #gform_wrapper_15 .gfield_total { margin: 2rem 2rem 2rem 0; } } #gform_wrapper_10 .gfield_total .gfield_description, #gform_wrapper_13 .gfield_total .gfield_description, #gform_wrapper_14 .gfield_total .gfield_description, #gform_wrapper_15 .gfield_total .gfield_description { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; border-top: 2px solid; padding-top: 5px; } #gform_wrapper_10 .gfield_total .ginput_total, #gform_wrapper_13 .gfield_total .ginput_total, #gform_wrapper_14 .gfield_total .ginput_total, #gform_wrapper_15 .gfield_total .ginput_total { font-size: 32px; margin-top: 8px; display: block; } #gform_wrapper_10 .gfield_total .gfield_label, #gform_wrapper_13 .gfield_total .gfield_label, #gform_wrapper_14 .gfield_total .gfield_label, #gform_wrapper_15 .gfield_total .gfield_label { font-size: 32px; margin-right: auto; } /* sistemazione folios 2022*/ .shipping_cost .ginput_container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .shipping_cost .ginput_container input { padding: 0; border: none; text-align: right; font-size: 1em; width: auto; } .shipping_cost .ginput_container .ginput_product_price_label { display: none; } @media (min-width: 1023px) { #gform_fields_10 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } #gform_fields_10 > li { width: 50%; } } #gf_coupons_container_10 input[type="button"] { color: #00a3e0; background: white; /* font-size: 13px; */ padding: 8px 16px; border: 1px solid #00a3e0; border-radius: 8px; position: relative; top: 2px; } /* ========================================================================== #SITE-HEAD ========================================================================== */ .c-site-head { background-repeat: no-repeat; background-size: cover; background-color: #00a3e0; color: #ffffff; position: relative; display: block; } .single-post .c-site-head, .blog .c-site-head, .press .c-site-head, .jobs .c-site-head { background-color: #00594c; } .c-site-head a { color: #ffffff; } .brand img { z-index: 999; position: relative; } @media (max-width: 46.24em) { .brand img { width: 134px; } } .c-site-head__inner { padding: 24px; } @media (min-width: 90em) { .c-site-head__inner { padding: 48px; } } .c-site-head__title-block { position: absolute; bottom: 36px; z-index: 9; padding-right: 24px; } @media (min-width: 46.25em) { .c-site-head__title-block { left: 50%; } } @media (min-width: 90em) { .c-site-head__title-block { padding-right: 48px; } } .c-site-head__title-block h1 { margin-bottom: 0; } .c-site-head__title-block p { margin-top: 6px; } @media (min-width: 90em) { .c-site-head__title-block p { margin-top: 12px; } } .home .c-site-head__title-block { left: 24px; } @media (min-width: 46.25em) { .home .c-site-head__title-block { max-width: 80%; } } @media (min-width: 90em) { .home .c-site-head__title-block { left: 48px; } } .home .c-site-head__title-block h1 { margin-bottom: 12px; } .home .c-site-head__title-block .c-btn:hover .c-btn__fill, .home .c-site-head__title-block .gform_button:hover .c-btn__fill, .home .c-site-head__title-block .gform_next_button:hover .c-btn__fill, .home .c-site-head__title-block .gform_previous_button:hover .c-btn__fill, .home .c-site-head__title-block #gform_wrapper_4 #gf_coupon_button:hover .c-btn__fill, #gform_wrapper_4 .home .c-site-head__title-block #gf_coupon_button:hover .c-btn__fill { color: #00a3e0; } .home .c-site-head__title-block .c-btn:hover .c-btn__fill::after, .home .c-site-head__title-block .gform_button:hover .c-btn__fill::after, .home .c-site-head__title-block .gform_next_button:hover .c-btn__fill::after, .home .c-site-head__title-block .gform_previous_button:hover .c-btn__fill::after, .home .c-site-head__title-block #gform_wrapper_4 #gf_coupon_button:hover .c-btn__fill::after, #gform_wrapper_4 .home .c-site-head__title-block #gf_coupon_button:hover .c-btn__fill::after { border-radius: 6px; background-color: #ffffff; } /** * 1. Default cropping is a 1:1 ratio (i.e. a perfect square). * Lets force that on mobile and break to specified ratio later */ @media (max-width: 29.99em) { .c-site-head.o-ratio::before { padding-top: 100%; /* [1] */ } } @media (min-width: 30em) and (max-width: 46.24em) { .c-site-head.o-ratio::before { padding-top: 50%; /* [1] */ } } /** * 2. And even bigger on homepage where the tiles are longer */ @media (max-width: 29.99em) { .home .c-site-head.o-ratio::before { padding-top: 150%; } } /** * Dotted pattern Overlay */ .c-site-head__dots { position: absolute; display: none; } @media (min-width: 64em) { .c-site-head__dots { left: 0; top: 50%; padding: 24px; } } @media (min-width: 90em) { .c-site-head__dots { padding: 48px; } } .home .c-site-head__dots .o-ratio:before { padding-top: 50%; } @media (min-width: 64em) { .home .c-site-head__dots { left: 50%; bottom: 36px; display: inline-block; padding: 24px 24px 24px 0; overflow: hidden; } } .c-site-head__dots .o-pattern--dots, .c-site-head__dots .posts-navigation .nav-links, .posts-navigation .c-site-head__dots .nav-links { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczMCcgaGVpZ2h0PSczMCc+CiAgPHJlY3Qgd2lkdGg9JzMwJyBoZWlnaHQ9JzMwJyBmaWxsPSJ0cmFuc3BhcmVudCIgLz4KICA8Y2lyY2xlIGN4PSIyIiBjeT0iMiIgcj0iMiIgZmlsbD0iI2VmMzM0MCIvPgo8L3N2Zz4="); background-position-x: 0px; background-position-y: 0px; } .c-site-head__dots .o-ratio:before { padding-top: 50%; } @media (min-width: 64em) { .single-initiative .c-site-head__dots, .personal-stories .c-site-head__dots, .our-initiatives .c-site-head__dots, .about-us .c-site-head__dots, .get-involved .c-site-head__dots, .our-collection .c-site-head__dots, .page-template-template-community .c-site-head__dots, .page-template-template-donate .c-site-head__dots, .page-template-template-member .c-site-head__dots, .page-template-template-our-people .c-site-head__dots, .page-template-template-our-partners .c-site-head__dots, .annual-activity-report .c-site-head__dots { bottom: 24px; display: inline-block; padding: 24px; overflow: hidden; } } @media (min-width: 90em) { .single-initiative .c-site-head__dots, .personal-stories .c-site-head__dots, .our-initiatives .c-site-head__dots, .about-us .c-site-head__dots, .get-involved .c-site-head__dots, .our-collection .c-site-head__dots, .page-template-template-community .c-site-head__dots, .page-template-template-donate .c-site-head__dots, .page-template-template-member .c-site-head__dots, .page-template-template-our-people .c-site-head__dots, .page-template-template-our-partners .c-site-head__dots, .annual-activity-report .c-site-head__dots { padding: 24px; } } /* ========================================================================== #FOOTER ========================================================================== */ footer, footer a { color: #ffffff; text-decoration: none; } footer ul a:hover { text-decoration: underline; } footer .o-list-bare { margin: 0; padding-left: 0; font-size: 15px; font-size: 0.6rem; line-height: 20px; } @media (min-width: 64em) { footer .o-list-bare { font-size: 25px; font-size: 1rem; line-height: 30px; } } .p-footer__cc-block { padding-left: 0px; padding-top: 12px; } @media (min-width: 46.25em) { .p-footer__cc-block { padding-left: 24px; padding-top: 0; width: 50%; } } .p-footer__cc-block p { font-size: 10px; font-size: 0.4rem; line-height: 15px; margin-bottom: 6px; } /* ========================================================================== #INITIATIVE BLOCK ========================================================================== */ .p-initiative-block { display: block; width: 100%; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; color: #ffffff; position: relative; } .p-initiative-block__inner { position: relative; padding: 24px 24px 48px 24px; } @media (min-width: 46.25em) { .p-initiative-block__inner { position: static; } } @media (min-width: 90em) { .p-initiative-block__inner { padding: 48px; } } .p-initiative-block__container { position: relative; } .p-layout-block__image { -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } @media (max-width: 89.99em) { .p-initiative-block__inner p { margin-bottom: 6px; } } @media (max-width: 63.99em) { .p-initiative-block__inner .u-h3, .p-initiative-block__inner .p-page-intro--letterbox p, .p-page-intro--letterbox .p-initiative-block__inner p { font-size: 15px; font-size: 0.6rem; line-height: 20px; } } .p-initiative-block__inner .c-btn, .p-initiative-block__inner .gform_button, .p-initiative-block__inner .gform_next_button, .p-initiative-block__inner .gform_previous_button, .p-initiative-block__inner #gform_wrapper_4 #gf_coupon_button, #gform_wrapper_4 .p-initiative-block__inner #gf_coupon_button { position: absolute; bottom: 24px; } @media (min-width: 64em) { .p-initiative-block__inner .c-btn, .p-initiative-block__inner .gform_button, .p-initiative-block__inner .gform_next_button, .p-initiative-block__inner .gform_previous_button, .p-initiative-block__inner #gform_wrapper_4 #gf_coupon_button, #gform_wrapper_4 .p-initiative-block__inner #gf_coupon_button { bottom: 48px; } } .p-initiative-block.why-africa .p-layout-block__image { background-position: top; } /* #HOVER STATES -------------------------------------------------------------------------- */ /** * Color states for hovered elements handled gloabally in colors.scss */ .p-initiative-block:hover .c-btn__fill::after { width: 100%; } .p-initiative-block:hover .p-layout-block__image { opacity: 0.8; } /* #ARCHIVE BLOCKS -------------------------------------------------------------------------- */ .p-initiative-block--archive { color: #ef3340; display: block; } .p-initiative-block--archive .o-layout__item, .p-initiative-block--archive #gform_wrapper_1 .gform_body, #gform_wrapper_1 .p-initiative-block--archive .gform_body, .p-initiative-block--archive #gform_wrapper_4 .gform_body, #gform_wrapper_4 .p-initiative-block--archive .gform_body, .p-initiative-block--archive .template-community #gform_wrapper_5 .gform_body, .template-community #gform_wrapper_5 .p-initiative-block--archive .gform_body { position: relative; } .p-initiative-block--archive .c-btn--cta { position: absolute; bottom: 24px; -webkit-transition: normal; -o-transition: normal; transition: normal; } .p-initiative-block--archive__image { background-repeat: none; background-size: cover; z-index: 1; opacity: 0.3; mix-blend-mode: luminosity; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } /* #ARCHIVE BLOCKS HOVER STATE -------------------------------------------------------------------------- */ .p-initiative-block--archive:hover { color: #ffffff; } .p-initiative-block--archive:hover .o-layout, .p-initiative-block--archive:hover .posts-navigation .nav-links, .posts-navigation .p-initiative-block--archive:hover .nav-links, .p-initiative-block--archive:hover #gform_wrapper_1, .p-initiative-block--archive:hover #gform_wrapper_4 { background: #ef3340; } .p-initiative-block--archive:hover .c-btn__fill { color: #ef3340 !important; } .p-initiative-block--archive:hover .p-initiative-block--archive__image { z-index: 1; opacity: 1; mix-blend-mode: normal; } /* ========================================================================== #LAYOUT BLOCK ========================================================================== */ .p-layout-block__image { background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; height: 100%; } .p-layout-block__inner { padding: 24px; } @media (min-width: 90em) { .p-layout-block__inner { padding: 48px; } } .u-embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .u-embed-container iframe, .u-embed-container object, .u-embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* SPECIFIC BLOCKS -----------------------------------------*/ .p-layout-block__copy { color: #00a3e0; height: 100%; } .p-layout-block__copy a { color: #14bfff; } .p-layout-block__copy a:hover { color: #005270; } .p-layout-block__copy p:nth-last-of-type(1) { margin-bottom: 0; } .single-post .p-layout-block__copy, .page-template-template-contact .p-layout-block__copy, .press .p-layout-block__copy, .press .text--blue .p-page-intro__title, .jobs .p-layout-block__copy, .jobs .text--blue .p-page-intro__title, .jobs .text--blue .p-page-intro__copy { color: #00594c; } .single-post .p-layout-block__copy a, .page-template-template-contact .p-layout-block__copy a, .press .p-layout-block__copy a, .press .text--blue .p-page-intro__title a, .jobs .p-layout-block__copy a, .jobs .text--blue .p-page-intro__title a, .jobs .text--blue .p-page-intro__copy a { color: #008c78; } .single-post .p-layout-block__copy a:hover, .page-template-template-contact .p-layout-block__copy a:hover, .press .p-layout-block__copy a:hover, .press .text--blue .p-page-intro__title a:hover, .jobs .p-layout-block__copy a:hover, .jobs .text--blue .p-page-intro__title a:hover, .jobs .text--blue .p-page-intro__copy a:hover { color: #002d26; } .press .main .page-blue, .jobs .main .page-blue { background-color: #f0f0ef; } .page-template-template-contact .main .page-blue { background-color: #ffffff; } @media (min-width: 46.25em) { .cookie-policy .main .p-layout-block__inner, .faqs .main .p-layout-block__inner, .privacy-policy .main .p-layout-block__inner, .page-template-template-contact .main .p-layout-block__inner { padding-left: 0; } } .faqs .main .o-ratio:before, .cookie-policy .main .o-ratio:before, .privacy-policy .main .o-ratio:before { padding: 0; } .wikiafrica .js-full-page-copy:hover { cursor: pointer; } .wikiafrica .js-slide-down-trigger:hover p { color: #ef3340; } .js-slide-down-partners, .faq-wrap { display: none; } .faq-trig { margin-bottom: 0; padding-bottom: 12px; padding-top: 24px; } .faq-trig:hover { color: #ef3340; cursor: pointer; } /* SUMMARY BLOCKS -----------------------------------------*/ .p-summary .p-layout-block__copy { color: #ffffff; } .p-summary .p-layout-block__copy a { color: #ffffff; } .p-summary .o-pattern--grid { background-image: -webkit-linear-gradient(left, #ffffff 1px, transparent 1px), -webkit-linear-gradient(top, #ffffff 1px, transparent 1px); background-image: -o-linear-gradient(left, #ffffff 1px, transparent 1px), -o-linear-gradient(top, #ffffff 1px, transparent 1px); background-image: linear-gradient(to right, #ffffff 1px, transparent 1px), linear-gradient(to bottom, #ffffff 1px, transparent 1px); } .p-summary { width: 100%; } @media (min-width: 46.25em) { .p-summary { width: 50%; } } .p-summary--right { background-color: #66cdbb; } .p-summary--left { background-color: #004439; } /* IMAGE BLOCKS -----------------------------------------*/ .p-layout-block__image__caption { font-size: 12px; font-size: 0.48rem; line-height: 1.2; background-color: rgba(255, 255, 255, 0.7); padding: 6px 24px; position: absolute; bottom: 0; left: 0; right: 0; } @media (min-width: 46.25em) { .p-layout-block__image__caption--header { left: 50%; } } @media (min-width: 46.25em) { .p-layout-block__image__caption--carousel { left: 50%; } } /* NEWS AJAX LOADER -----------------------------------------*/ .js-ajax-loader { text-align: center; } /* ========================================================================== #CLICK THROUGH BLOCKS ========================================================================== */ .p-ct-block, .posts-navigation .nav-previous a, .posts-navigation .nav-next a { display: block; width: 100%; height: 100%; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; color: #ffffff; position: relative; text-decoration: none; } .p-ct-block__inner { padding: 24px 24px 58px 24px; } @media (min-width: 90em) { .p-ct-block__inner { padding: 48px 48px 106px 48px; } } .p-ct-block .c-btn--cta, .posts-navigation .nav-previous a .c-btn--cta, .posts-navigation .nav-next a .c-btn--cta, .p-ct-block .c-btn--lozenge, .posts-navigation .nav-previous a .c-btn--lozenge, .posts-navigation .nav-next a .c-btn--lozenge, .p-ct-block .gform_button, .posts-navigation .nav-previous a .gform_button, .posts-navigation .nav-next a .gform_button, .p-ct-block .gform_next_button, .posts-navigation .nav-previous a .gform_next_button, .posts-navigation .nav-next a .gform_next_button, .p-ct-block .gform_previous_button, .posts-navigation .nav-previous a .gform_previous_button, .posts-navigation .nav-next a .gform_previous_button, .p-ct-block #gform_wrapper_4 #gf_coupon_button, #gform_wrapper_4 .p-ct-block #gf_coupon_button, .posts-navigation .nav-previous a #gform_wrapper_4 #gf_coupon_button, #gform_wrapper_4 .posts-navigation .nav-previous a #gf_coupon_button, .posts-navigation .nav-next a #gform_wrapper_4 #gf_coupon_button, #gform_wrapper_4 .posts-navigation .nav-next a #gf_coupon_button { position: absolute; bottom: 24px; color: #ffffff; } @media (min-width: 90em) { .p-ct-block .c-btn--cta, .posts-navigation .nav-previous a .c-btn--cta, .posts-navigation .nav-next a .c-btn--cta, .p-ct-block .c-btn--lozenge, .posts-navigation .nav-previous a .c-btn--lozenge, .posts-navigation .nav-next a .c-btn--lozenge, .p-ct-block .gform_button, .posts-navigation .nav-previous a .gform_button, .posts-navigation .nav-next a .gform_button, .p-ct-block .gform_next_button, .posts-navigation .nav-previous a .gform_next_button, .posts-navigation .nav-next a .gform_next_button, .p-ct-block .gform_previous_button, .posts-navigation .nav-previous a .gform_previous_button, .posts-navigation .nav-next a .gform_previous_button, .p-ct-block #gform_wrapper_4 #gf_coupon_button, #gform_wrapper_4 .p-ct-block #gf_coupon_button, .posts-navigation .nav-previous a #gform_wrapper_4 #gf_coupon_button, #gform_wrapper_4 .posts-navigation .nav-previous a #gf_coupon_button, .posts-navigation .nav-next a #gform_wrapper_4 #gf_coupon_button, #gform_wrapper_4 .posts-navigation .nav-next a #gf_coupon_button { bottom: 48px; } } .p-ct-block .c-btn--ghost, .posts-navigation .nav-previous a .c-btn--ghost, .posts-navigation .nav-next a .c-btn--ghost, .p-ct-block .gform_button, .posts-navigation .nav-previous a .gform_button, .posts-navigation .nav-next a .gform_button, .p-ct-block .gform_next_button, .posts-navigation .nav-previous a .gform_next_button, .posts-navigation .nav-next a .gform_next_button, .p-ct-block .gform_previous_button, .posts-navigation .nav-previous a .gform_previous_button, .posts-navigation .nav-next a .gform_previous_button, .p-ct-block #gform_wrapper_4 #gf_coupon_button, #gform_wrapper_4 .p-ct-block #gf_coupon_button, .posts-navigation .nav-previous a #gform_wrapper_4 #gf_coupon_button, #gform_wrapper_4 .posts-navigation .nav-previous a #gf_coupon_button, .posts-navigation .nav-next a #gform_wrapper_4 #gf_coupon_button, #gform_wrapper_4 .posts-navigation .nav-next a #gf_coupon_button { position: relative; bottom: auto; margin-top: 16px; } /* #HOVER STATES -------------------------------------------------------------------------- */ /** * Color states for hovered elements handled gloabally in colors.scss */ .p-ct-block:hover .c-btn__fill::after, .posts-navigation .nav-previous a:hover .c-btn__fill::after, .posts-navigation .nav-next a:hover .c-btn__fill::after { width: 100%; } /* #BACKGROUND IMAGE BLOCKS -------------------------------------------------------------------------- */ .p-ct-block--bg { padding: 0 0 30px 0; display: block; } @media (min-width: 46.25em) { .p-ct-block--bg { padding: 0; } } .p-ct-block--bg__text { z-index: 3; padding: 24px; position: absolute; top: 0; bottom: 0; left: 0; height: 100%; width: 100%; } @media (min-width: 90em) { .p-ct-block--bg__text { padding: 48px; } } .p-ct-block--bg__image { background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 1; opacity: 0.3; mix-blend-mode: luminosity; position: absolute; top: 0; bottom: 0; left: 0; height: 100%; width: 100%; } .p-ct-block--bg__image::before { content: ""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; } .js-layout__item:nth-of-type(4n) .dark-green, .js-layout__item:nth-of-type(4n + 1) .dark-green { background-color: #00ab8e; } /* #NARROW BLOCKS -------------------------------------------------------------------------- */ .p-ct-block--narrow, .posts-navigation .nav-previous a, .posts-navigation .nav-next a { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-weight: 600; } .p-ct-block--narrow .c-btn, .posts-navigation .nav-previous a .c-btn, .posts-navigation .nav-next a .c-btn, .p-ct-block--narrow .gform_button, .posts-navigation .nav-previous a .gform_button, .posts-navigation .nav-next a .gform_button, .p-ct-block--narrow .gform_next_button, .posts-navigation .nav-previous a .gform_next_button, .posts-navigation .nav-next a .gform_next_button, .p-ct-block--narrow .gform_previous_button, .posts-navigation .nav-previous a .gform_previous_button, .posts-navigation .nav-next a .gform_previous_button, .p-ct-block--narrow #gform_wrapper_4 #gf_coupon_button, #gform_wrapper_4 .p-ct-block--narrow #gf_coupon_button, .posts-navigation .nav-previous a #gform_wrapper_4 #gf_coupon_button, #gform_wrapper_4 .posts-navigation .nav-previous a #gf_coupon_button, .posts-navigation .nav-next a #gform_wrapper_4 #gf_coupon_button, #gform_wrapper_4 .posts-navigation .nav-next a #gf_coupon_button { padding: 0 24px; position: static; } @media (min-width: 90em) { .p-ct-block--narrow .c-btn, .posts-navigation .nav-previous a .c-btn, .posts-navigation .nav-next a .c-btn, .p-ct-block--narrow .gform_button, .posts-navigation .nav-previous a .gform_button, .posts-navigation .nav-next a .gform_button, .p-ct-block--narrow .gform_next_button, .posts-navigation .nav-previous a .gform_next_button, .posts-navigation .nav-next a .gform_next_button, .p-ct-block--narrow .gform_previous_button, .posts-navigation .nav-previous a .gform_previous_button, .posts-navigation .nav-next a .gform_previous_button, .p-ct-block--narrow #gform_wrapper_4 #gf_coupon_button, #gform_wrapper_4 .p-ct-block--narrow #gf_coupon_button, .posts-navigation .nav-previous a #gform_wrapper_4 #gf_coupon_button, #gform_wrapper_4 .posts-navigation .nav-previous a #gf_coupon_button, .posts-navigation .nav-next a #gform_wrapper_4 #gf_coupon_button, #gform_wrapper_4 .posts-navigation .nav-next a #gf_coupon_button { padding: 0 48px; } } .p-ct-block--narrow .c-btn--cta--large, .posts-navigation .nav-previous a .c-btn--cta--large, .posts-navigation .nav-next a .c-btn--cta--large { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .p-ct-block--narrow .c-btn--cta__arrow, .posts-navigation .nav-previous a .c-btn--cta__arrow, .posts-navigation .nav-next a .c-btn--cta__arrow { margin-left: auto; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .p-ct-block--narrow:hover .c-btn .c-btn__fill::after, .posts-navigation .nav-previous a:hover .c-btn .c-btn__fill::after, .posts-navigation .nav-next a:hover .c-btn .c-btn__fill::after, .p-ct-block--narrow:hover .gform_button .c-btn__fill::after, .posts-navigation .nav-previous a:hover .gform_button .c-btn__fill::after, .posts-navigation .nav-next a:hover .gform_button .c-btn__fill::after, .p-ct-block--narrow:hover .gform_next_button .c-btn__fill::after, .posts-navigation .nav-previous a:hover .gform_next_button .c-btn__fill::after, .posts-navigation .nav-next a:hover .gform_next_button .c-btn__fill::after, .p-ct-block--narrow:hover .gform_previous_button .c-btn__fill::after, .posts-navigation .nav-previous a:hover .gform_previous_button .c-btn__fill::after, .posts-navigation .nav-next a:hover .gform_previous_button .c-btn__fill::after, .p-ct-block--narrow:hover #gform_wrapper_4 #gf_coupon_button .c-btn__fill::after, #gform_wrapper_4 .p-ct-block--narrow:hover #gf_coupon_button .c-btn__fill::after, .posts-navigation .nav-previous a:hover #gform_wrapper_4 #gf_coupon_button .c-btn__fill::after, #gform_wrapper_4 .posts-navigation .nav-previous a:hover #gf_coupon_button .c-btn__fill::after, .posts-navigation .nav-next a:hover #gform_wrapper_4 #gf_coupon_button .c-btn__fill::after, #gform_wrapper_4 .posts-navigation .nav-next a:hover #gf_coupon_button .c-btn__fill::after { width: 100%; } /* ========================================================================== #SOCIAL BLOCK ========================================================================== */ .p-social-block { color: #ffffff; } .p-social-block { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .p-social-block h3 { padding-left: 24px; } @media (min-width: 90em) { .p-social-block h3 { padding-left: 48px; } } .p-social-block ul { margin-left: auto; margin-bottom: 0; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 24px; } @media (min-width: 90em) { .p-social-block ul { padding-right: 48px; } } .p-social-block .c-btn--social { border-color: #ffffff; fill: #ffffff; } /* #HOVER STATES -------------------------------------------------------------------------- */ /** * Color states for hovered elements handled gloabally in colors.scss */ .p-social-block .c-btn--social.c-btn__fill:hover::after, .p-social-block .c-btn--social.c-btn__fill:focus::after { color: #00a3e0; width: 100%; background-color: #ffffff; border-color: #ffffff; } .p-social-block.blue .c-btn--social:hover, .p-social-block.blue .c-btn--social:focus { fill: #00a3e0; } .p-social-block.blue.lighten-50 .c-btn--social:hover, .posts-navigation .nav-next a.p-social-block.blue .c-btn--social:hover, .p-social-block.blue.lighten-50 .c-btn--social:focus, .posts-navigation .nav-next a.p-social-block.blue .c-btn--social:focus { fill: #80d1f0; } .p-social-block.red .c-btn--social:hover, .posts-navigation .nav-previous a.p-social-block .c-btn--social:hover, .posts-navigation .nav-next a.p-social-block .c-btn--social:hover, .p-social-block.red .c-btn--social:focus, .posts-navigation .nav-previous a.p-social-block .c-btn--social:focus, .posts-navigation .nav-next a.p-social-block .c-btn--social:focus { fill: #ef3340; } .p-social-block.red.lighten-50 .c-btn--social:hover, .posts-navigation .nav-previous a.p-social-block.lighten-50 .c-btn--social:hover, .posts-navigation .nav-next a.p-social-block .c-btn--social:hover, .p-social-block.red.lighten-50 .c-btn--social:focus, .posts-navigation .nav-previous a.p-social-block.lighten-50 .c-btn--social:focus, .posts-navigation .nav-next a.p-social-block .c-btn--social:focus { fill: #f799a0; } .p-social-block.dark-green .c-btn--social:hover, .p-social-block.dark-green .c-btn--social:focus { fill: #00594c; } .p-social-block.dark-green.lighten-50 .c-btn--social:hover, .posts-navigation .nav-next a.p-social-block.dark-green .c-btn--social:hover, .p-social-block.dark-green.lighten-50 .c-btn--social:focus, .posts-navigation .nav-next a.p-social-block.dark-green .c-btn--social:focus { fill: #80aca6; } .p-social-block.light-green .c-btn--social:hover, .p-social-block.light-green .c-btn--social:focus { fill: #00ab8e; } .p-social-block.light-green.lighten-50 .c-btn--social:hover, .posts-navigation .nav-next a.p-social-block.light-green .c-btn--social:hover, .p-social-block.light-green.lighten-50 .c-btn--social:focus, .posts-navigation .nav-next a.p-social-block.light-green .c-btn--social:focus { fill: #80d5c7; } .p-social-block.pink .c-btn--social:hover, .p-social-block.pink .c-btn--social:focus { fill: #f1bdc8; } .p-social-block.pink.lighten-50 .c-btn--social:hover, .posts-navigation .nav-next a.p-social-block.pink .c-btn--social:hover, .p-social-block.pink.lighten-50 .c-btn--social:focus, .posts-navigation .nav-next a.p-social-block.pink .c-btn--social:focus { fill: #f8dee4; } .p-social-block.sand .c-btn--social:hover, .p-social-block.sand .c-btn--social:focus { fill: #d9d9d6; } .p-social-block.sand.lighten-50 .c-btn--social:hover, .posts-navigation .nav-next a.p-social-block.sand .c-btn--social:hover, .p-social-block.sand.lighten-50 .c-btn--social:focus, .posts-navigation .nav-next a.p-social-block.sand .c-btn--social:focus { fill: #ececeb; } .p-social-block.gray .c-btn--social:hover, .p-social-block.gray .c-btn--social:focus { fill: #9e9e9e; } .p-social-block.gray.lighten-50 .c-btn--social:hover, .posts-navigation .nav-next a.p-social-block.gray .c-btn--social:hover, .p-social-block.gray.lighten-50 .c-btn--social:focus, .posts-navigation .nav-next a.p-social-block.gray .c-btn--social:focus { fill: #cfcfcf; } /* ========================================================================== #DOWNLOAD BLOCK ========================================================================== */ .p-download-block { color: #ffffff; } .p-download-block { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .p-download-block__inner { padding-left: 24px; } @media (min-width: 90em) { .p-download-block__inner { padding-left: 48px; } } .p-download-block .c-btn--cta--large { margin-left: auto; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 24px; } @media (min-width: 90em) { .p-download-block .c-btn--cta--large { padding-right: 48px; } } /* #HOVER STATES -------------------------------------------------------------------------- */ a.p-download-block { text-decoration: none; } /** * Color states for hovered elements handled gloabally in colors.scss */ .p-download-block:hover .c-btn__fill { color: #80d1f0; } .p-download-block:hover .c-btn__fill::after { color: #80d1f0; width: 100%; background-color: #ffffff; border-color: #ffffff; } /* #MULTIPLE -------------------------------------------------------------------------- */ .p-download-block--multiple__list { margin-bottom: 0; } .p-download-block--multiple__list__item { border-bottom: 2px solid #00a3e0; } .p-download-block--multiple__list__item:last-of-type { border: 0; } .p-download-block--multiple__list__item a { color: #00a3e0; text-decoration: none; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .p-download-block--multiple__list__item a .c-btn--cta--large { margin-left: auto; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0; } .p-download-block--multiple__list__item a:hover .c-btn__fill { color: #ffffff; } .p-download-block--multiple__list__item a:hover .c-btn__fill::after { width: 100%; background-color: #00a3e0; border-color: #00a3e0; border-radius: 6px; } /* ========================================================================== #PAGE-INTRO ========================================================================== */ .p-page-intro--expanded { padding: 24px; } @media (min-width: 90em) { .p-page-intro--expanded { padding: 48px; } } .p-page-intro--expanded .p-page-intro__title { padding: 0 24px 0 0; } @media (min-width: 90em) { .p-page-intro--expanded .p-page-intro__title { padding: 0 48px 0 0; } } .p-page-intro__title { padding: 24px; z-index: 2; position: relative; } @media (min-width: 90em) { .p-page-intro__title { padding: 48px; } } @media (min-width: 46.25em) { .p-page-intro__title h2 { max-width: 28rem; } } .p-page-intro--letterbox p { margin-bottom: 0; } .single-post .p-page-intro__title { position: static; } @media (min-width: 46.25em) { .single-post .p-page-intro__title h2 { max-width: auto; } } .single-post .p-page-intro { position: relative; } @media (min-width: 46.25em) { .single-post time { position: absolute; bottom: 24px; } } @media (min-width: 90em) { .single-post time { bottom: 48px; } } /* ========================================================================== #PARTNERS BLOCK ========================================================================== */ .p-partner-block__image { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-partner-block__image img { max-width: 75%; } .p-layout-block--partner--light { background-color: #e6f6fc; } .p-layout-block--partner--light .p-partner-block__image { background-color: #ccedf9; height: 100%; } .p-layout-block--partner--dark { background-color: #b3e3f6; } .p-layout-block--partner--dark .p-partner-block__image { background-color: #80d1f0; height: 100%; } .template-our-partners .p-page-intro:nth-of-type(n + 2) .o-pattern, .template-our-partners .p-page-intro:nth-of-type(n + 2) .posts-navigation .nav-links, .posts-navigation .template-our-partners .p-page-intro:nth-of-type(n + 2) .nav-links { background: none; display: none; } .p-layout-block--partner__grid { width: 100%; } @media (min-width: 30em) { .p-layout-block--partner__grid { width: 50%; } } @media (min-width: 64em) { .p-layout-block--partner__grid { width: 25%; } } /* ========================================================================== #STAFF BLOCK ========================================================================== */ .p-staff-block p { font-size: 15px; font-size: 0.6rem; line-height: 20px; } .p-staff-block__image { width: 100%; height: 100%; background-size: cover; background-position: center; } .p-staff-block--light { background-color: #ccedf9; } .p-staff-block--light .p-staff-block__intro { background-color: #e6f6fc; } .p-staff-block--dark { background-color: #e6f6fc; } .p-staff-block--dark .p-staff-block__intro { background-color: #ccedf9; } .page-template-template-our-people .p-page-intro { width: 100%; } .p-layout-block__inner--staff-list { padding-top: 6px; padding-bottom: 6px; } @media (min-width: 90em) { .p-layout-block__inner--staff-list { padding: 6px 24px; } } .p-staff-block--list { width: 100%; padding: 24px 0; } @media (min-width: 90em) { .p-staff-block--list { padding: 48px 0; } } /* ========================================================================== #PEOPLE BLOCK ========================================================================== */ .p-people-block__image img { width: 100%; } .p-people-block__image { background-size: cover; background-position: center; } .p-people-block--light { background-color: #ccedf9; } .p-people-block--light .p-people-block__intro { background-color: #e6f6fc; } .p-people-block--dark { background-color: #e6f6fc; } .p-people-block--dark .p-people-block__intro { background-color: #ccedf9; } .p-people-block__description.p-ct-block, .posts-navigation .nav-previous a.p-people-block__description, .posts-navigation .nav-next a.p-people-block__description { color: #00a3e0; height: 100%; } .p-people-block .p-ct-block .c-btn--cta, .p-people-block .posts-navigation .nav-previous a .c-btn--cta, .posts-navigation .nav-previous .p-people-block a .c-btn--cta, .p-people-block .posts-navigation .nav-next a .c-btn--cta, .posts-navigation .nav-next .p-people-block a .c-btn--cta { color: #00a3e0; } .p-people-block .p-layout-block__inner { padding-bottom: 0; } .p-people-block--light .p-ct-block:hover, .p-people-block--light .posts-navigation .nav-previous a:hover, .posts-navigation .nav-previous .p-people-block--light a:hover, .p-people-block--light .posts-navigation .nav-next a:hover, .posts-navigation .nav-next .p-people-block--light a:hover { background-color: #e6f6fc; } .p-people-block--light .p-ct-block:hover .c-btn__fill, .p-people-block--light .posts-navigation .nav-previous a:hover .c-btn__fill, .posts-navigation .nav-previous .p-people-block--light a:hover .c-btn__fill, .p-people-block--light .posts-navigation .nav-next a:hover .c-btn__fill, .posts-navigation .nav-next .p-people-block--light a:hover .c-btn__fill, .p-people-block--light .p-ct-block:hover.c-btn__fill, .p-people-block--light .posts-navigation .nav-previous a:hover.c-btn__fill, .posts-navigation .nav-previous .p-people-block--light a:hover.c-btn__fill, .p-people-block--light .posts-navigation .nav-next a:hover.c-btn__fill, .posts-navigation .nav-next .p-people-block--light a:hover.c-btn__fill { color: #ffffff; } .p-people-block--light .p-ct-block:hover .c-btn__fill::after, .p-people-block--light .posts-navigation .nav-previous a:hover .c-btn__fill::after, .posts-navigation .nav-previous .p-people-block--light a:hover .c-btn__fill::after, .p-people-block--light .posts-navigation .nav-next a:hover .c-btn__fill::after, .posts-navigation .nav-next .p-people-block--light a:hover .c-btn__fill::after, .p-people-block--light .p-ct-block:hover.c-btn__fill::after, .p-people-block--light .posts-navigation .nav-previous a:hover.c-btn__fill::after, .posts-navigation .nav-previous .p-people-block--light a:hover.c-btn__fill::after, .p-people-block--light .posts-navigation .nav-next a:hover.c-btn__fill::after, .posts-navigation .nav-next .p-people-block--light a:hover.c-btn__fill::after { width: 100%; background-color: #00a3e0; } .p-people-block--dark .p-ct-block:hover, .p-people-block--dark .posts-navigation .nav-previous a:hover, .posts-navigation .nav-previous .p-people-block--dark a:hover, .p-people-block--dark .posts-navigation .nav-next a:hover, .posts-navigation .nav-next .p-people-block--dark a:hover { background-color: #ccedf9; } .p-people-block--dark .p-ct-block:hover .c-btn__fill, .p-people-block--dark .posts-navigation .nav-previous a:hover .c-btn__fill, .posts-navigation .nav-previous .p-people-block--dark a:hover .c-btn__fill, .p-people-block--dark .posts-navigation .nav-next a:hover .c-btn__fill, .posts-navigation .nav-next .p-people-block--dark a:hover .c-btn__fill, .p-people-block--dark .p-ct-block:hover.c-btn__fill, .p-people-block--dark .posts-navigation .nav-previous a:hover.c-btn__fill, .posts-navigation .nav-previous .p-people-block--dark a:hover.c-btn__fill, .p-people-block--dark .posts-navigation .nav-next a:hover.c-btn__fill, .posts-navigation .nav-next .p-people-block--dark a:hover.c-btn__fill { color: #ffffff; } .p-people-block--dark .p-ct-block:hover .c-btn__fill::after, .p-people-block--dark .posts-navigation .nav-previous a:hover .c-btn__fill::after, .posts-navigation .nav-previous .p-people-block--dark a:hover .c-btn__fill::after, .p-people-block--dark .posts-navigation .nav-next a:hover .c-btn__fill::after, .posts-navigation .nav-next .p-people-block--dark a:hover .c-btn__fill::after, .p-people-block--dark .p-ct-block:hover.c-btn__fill::after, .p-people-block--dark .posts-navigation .nav-previous a:hover.c-btn__fill::after, .posts-navigation .nav-previous .p-people-block--dark a:hover.c-btn__fill::after, .p-people-block--dark .posts-navigation .nav-next a:hover.c-btn__fill::after, .posts-navigation .nav-next .p-people-block--dark a:hover.c-btn__fill::after { width: 100%; background-color: #00a3e0; } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* ========================================================================== #CAROUSEL ========================================================================== */ /* Slider */ .slick-loading .slick-list { background: #fff url(/app/themes/sage/dist/vendor/ajax-loader_c5cd7f53.gif) center center no-repeat; } /* Icons */ @font-face { font-family: "slick"; src: url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=); src: url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=?#iefix) format("embedded-opentype"), url(data:application/font-woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format("woff"), url(data:application/x-font-ttf;base64,AAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=) format("truetype"), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtZXRhZGF0YT5HZW5lcmF0ZWQgYnkgRm9udGFzdGljLm1lPC9tZXRhZGF0YT4KPGRlZnM+Cjxmb250IGlkPSJzbGljayIgaG9yaXotYWR2LXg9IjUxMiI+Cjxmb250LWZhY2UgZm9udC1mYW1pbHk9InNsaWNrIiB1bml0cy1wZXItZW09IjUxMiIgYXNjZW50PSI0ODAiIGRlc2NlbnQ9Ii0zMiIvPgo8bWlzc2luZy1nbHlwaCBob3Jpei1hZHYteD0iNTEyIiAvPgoKPGdseXBoIHVuaWNvZGU9IiYjODU5NDsiIGQ9Ik0yNDEgMTEzbDEzMCAxMzBjNCA0IDYgOCA2IDEzIDAgNS0yIDktNiAxM2wtMTMwIDEzMGMtMyAzLTcgNS0xMiA1LTUgMC0xMC0yLTEzLTVsLTI5LTMwYy00LTMtNi03LTYtMTIgMC01IDItMTAgNi0xM2w4Ny04OC04Ny04OGMtNC0zLTYtOC02LTEzIDAtNSAyLTkgNi0xMmwyOS0zMGMzLTMgOC01IDEzLTUgNSAwIDkgMiAxMiA1eiBtMjM0IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODU5MjsiIGQ9Ik0yOTYgMTEzbDI5IDMwYzQgMyA2IDcgNiAxMiAwIDUtMiAxMC02IDEzbC04NyA4OCA4NyA4OGM0IDMgNiA4IDYgMTMgMCA1LTIgOS02IDEybC0yOSAzMGMtMyAzLTggNS0xMyA1LTUgMC05LTItMTItNWwtMTMwLTEzMGMtNC00LTYtOC02LTEzIDAtNSAyLTkgNi0xM2wxMzAtMTMwYzMtMyA3LTUgMTItNSA1IDAgMTAgMiAxMyA1eiBtMTc5IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODIyNjsiIGQ9Ik00NzUgMjU2YzAtNDAtOS03Ny0yOS0xMTAtMjAtMzQtNDYtNjAtODAtODAtMzMtMjAtNzAtMjktMTEwLTI5LTQwIDAtNzcgOS0xMTAgMjktMzQgMjAtNjAgNDYtODAgODAtMjAgMzMtMjkgNzAtMjkgMTEwIDAgNDAgOSA3NyAyOSAxMTAgMjAgMzQgNDYgNjAgODAgODAgMzMgMjAgNzAgMjkgMTEwIDI5IDQwIDAgNzctOSAxMTAtMjkgMzQtMjAgNjAtNDYgODAtODAgMjAtMzMgMjktNzAgMjktMTEweiIvPgo8Z2x5cGggdW5pY29kZT0iJiM5NzsiIGQ9Ik00NzUgNDM5bDAtMTI4YzAtNS0xLTktNS0xMy00LTQtOC01LTEzLTVsLTEyOCAwYy04IDAtMTMgMy0xNyAxMS0zIDctMiAxNCA0IDIwbDQwIDM5Yy0yOCAyNi02MiAzOS0xMDAgMzktMjAgMC0zOS00LTU3LTExLTE4LTgtMzMtMTgtNDYtMzItMTQtMTMtMjQtMjgtMzItNDYtNy0xOC0xMS0zNy0xMS01NyAwLTIwIDQtMzkgMTEtNTcgOC0xOCAxOC0zMyAzMi00NiAxMy0xNCAyOC0yNCA0Ni0zMiAxOC03IDM3LTExIDU3LTExIDIzIDAgNDQgNSA2NCAxNSAyMCA5IDM4IDIzIDUxIDQyIDIgMSA0IDMgNyAzIDMgMCA1LTEgNy0zbDM5LTM5YzItMiAzLTMgMy02IDAtMi0xLTQtMi02LTIxLTI1LTQ2LTQ1LTc2LTU5LTI5LTE0LTYwLTIwLTkzLTIwLTMwIDAtNTggNS04NSAxNy0yNyAxMi01MSAyNy03MCA0Ny0yMCAxOS0zNSA0My00NyA3MC0xMiAyNy0xNyA1NS0xNyA4NSAwIDMwIDUgNTggMTcgODUgMTIgMjcgMjcgNTEgNDcgNzAgMTkgMjAgNDMgMzUgNzAgNDcgMjcgMTIgNTUgMTcgODUgMTcgMjggMCA1NS01IDgxLTE1IDI2LTExIDUwLTI2IDcwLTQ1bDM3IDM3YzYgNiAxMiA3IDIwIDQgOC00IDExLTkgMTEtMTd6Ii8+CjwvZm9udD48L2RlZnM+PC9zdmc+Cg==#slick) format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 40px; width: 40px; line-height: 0; font-size: 0; cursor: pointer; background: #00a3e0; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: 0; border-radius: 6px; outline: none; z-index: 1; } .slick-prev::before, .slick-next::before { font-family: "Fakt", arial, sans-serif; font-size: 40px; line-height: 1; color: #ffffff; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: #ffffff; } .slick-prev:hover::before, .slick-prev:focus::before, .slick-next:hover::before, .slick-next:focus::before { opacity: 1; color: #00a3e0; } .slick-prev.slick-disabled::before, .slick-next.slick-disabled::before { opacity: 0.75; } .slick-prev { left: 25px; } [dir="rtl"] .slick-prev { left: auto; right: 25px; } .slick-prev::before { content: "\2190"; } [dir="rtl"] .slick-prev::before { content: "\2192"; } .slick-next { right: 25px; } [dir="rtl"] .slick-next { left: 25px; right: auto; } .slick-next::before { content: "\2192"; } [dir="rtl"] .slick-next::before { content: "\2190"; } /* Dots */ .slick-dots { position: absolute; list-style: none; display: block; text-align: center; bottom: 30px; right: 24px; left: 29px; padding: 0; margin: 0; } @media (min-width: 46.25em) { .slick-dots { text-align: right; padding-right: 24px; left: auto; } } @media (min-width: 90em) { .slick-dots { bottom: 48px; padding-right: 48px; } } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover::before, .slick-dots li button:focus::before { opacity: 1; } .slick-dots li button::before { position: absolute; top: 0; left: 0; content: ''; width: 13px; height: 13px; border: 1px solid #ef3340; border-radius: 13px; } .slick-dots li.slick-active button::before { content: "\2022"; background-color: #ef3340; opacity: 1; } .p-carousel { position: relative; } .p-carousel--overlay { color: #ffffff; } .p-carousel--overlay a { color: #00a3e0; } .slick-initialized .p-carousel--image { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .p-carousel--image { background-size: cover; background-position: center; position: relative; } .p-carousel--image img { max-height: 100vw; margin: 0 auto; } @media (min-width: 46.25em) { .p-carousel--image img { max-height: 50vw; } } @media (max-width: 46.24em) { .p-carousel .o-ratio::before { padding-top: 100%; /* [1] */ } } .p-carousel--overlay { width: 100%; text-align: center; } .p-carousel--overlay .p-layout-block__inner { width: 100%; position: absolute; bottom: 36px; left: 0; } @media (min-width: 46.25em) { .p-carousel--overlay .p-layout-block__inner { width: auto; bottom: 0; } } .p-carousel--overlay .c-btn, .p-carousel--overlay .gform_button, .p-carousel--overlay .gform_next_button, .p-carousel--overlay .gform_previous_button, .p-carousel--overlay #gform_wrapper_4 #gf_coupon_button, #gform_wrapper_4 .p-carousel--overlay #gf_coupon_button { padding-left: 48px; padding-right: 48px; } @media (max-width: 46.24em) { .p-carousel--overlay .c-btn, .p-carousel--overlay .gform_button, .p-carousel--overlay .gform_next_button, .p-carousel--overlay .gform_previous_button, .p-carousel--overlay #gform_wrapper_4 #gf_coupon_button, #gform_wrapper_4 .p-carousel--overlay #gf_coupon_button { margin: 0 auto; } } .p-carousel--overlay .c-btn:hover .c-btn__fill, .p-carousel--overlay .gform_button:hover .c-btn__fill, .p-carousel--overlay .gform_next_button:hover .c-btn__fill, .p-carousel--overlay .gform_previous_button:hover .c-btn__fill, .p-carousel--overlay #gform_wrapper_4 #gf_coupon_button:hover .c-btn__fill, #gform_wrapper_4 .p-carousel--overlay #gf_coupon_button:hover .c-btn__fill, .p-carousel--overlay .c-btn:hover.c-btn__fill, .p-carousel--overlay .gform_button:hover.c-btn__fill, .p-carousel--overlay .gform_next_button:hover.c-btn__fill, .p-carousel--overlay .gform_previous_button:hover.c-btn__fill, .p-carousel--overlay #gform_wrapper_4 #gf_coupon_button:hover.c-btn__fill, #gform_wrapper_4 .p-carousel--overlay #gf_coupon_button:hover.c-btn__fill, .p-carousel--overlay .c-btn:active .c-btn__fill, .p-carousel--overlay .gform_button:active .c-btn__fill, .p-carousel--overlay .gform_button.nice-select.open .c-btn__fill, .p-carousel--overlay .gform_next_button:active .c-btn__fill, .p-carousel--overlay .gform_next_button.nice-select.open .c-btn__fill, .p-carousel--overlay .gform_previous_button:active .c-btn__fill, .p-carousel--overlay .gform_previous_button.nice-select.open .c-btn__fill, .p-carousel--overlay #gform_wrapper_4 #gf_coupon_button:active .c-btn__fill, #gform_wrapper_4 .p-carousel--overlay #gf_coupon_button:active .c-btn__fill, .p-carousel--overlay #gform_wrapper_4 #gf_coupon_button.nice-select.open .c-btn__fill, #gform_wrapper_4 .p-carousel--overlay #gf_coupon_button.nice-select.open .c-btn__fill, .p-carousel--overlay .c-btn.nice-select.open .c-btn__fill, .p-carousel--overlay .c-btn:active.c-btn__fill, .p-carousel--overlay .gform_button:active.c-btn__fill, .p-carousel--overlay .gform_button.c-btn__fill.nice-select.open, .p-carousel--overlay .gform_next_button:active.c-btn__fill, .p-carousel--overlay .gform_next_button.c-btn__fill.nice-select.open, .p-carousel--overlay .gform_previous_button:active.c-btn__fill, .p-carousel--overlay .gform_previous_button.c-btn__fill.nice-select.open, .p-carousel--overlay #gform_wrapper_4 #gf_coupon_button:active.c-btn__fill, #gform_wrapper_4 .p-carousel--overlay #gf_coupon_button:active.c-btn__fill, .p-carousel--overlay #gform_wrapper_4 #gf_coupon_button.c-btn__fill.nice-select.open, #gform_wrapper_4 .p-carousel--overlay #gf_coupon_button.c-btn__fill.nice-select.open, .p-carousel--overlay .c-btn.c-btn__fill.nice-select.open, .p-carousel--overlay .c-btn:focus .c-btn__fill, .p-carousel--overlay .gform_button:focus .c-btn__fill, .p-carousel--overlay .gform_next_button:focus .c-btn__fill, .p-carousel--overlay .gform_previous_button:focus .c-btn__fill, .p-carousel--overlay #gform_wrapper_4 #gf_coupon_button:focus .c-btn__fill, #gform_wrapper_4 .p-carousel--overlay #gf_coupon_button:focus .c-btn__fill, .p-carousel--overlay .c-btn:focus.c-btn__fill, .p-carousel--overlay .gform_button:focus.c-btn__fill, .p-carousel--overlay .gform_next_button:focus.c-btn__fill, .p-carousel--overlay .gform_previous_button:focus.c-btn__fill, .p-carousel--overlay #gform_wrapper_4 #gf_coupon_button:focus.c-btn__fill, #gform_wrapper_4 .p-carousel--overlay #gf_coupon_button:focus.c-btn__fill { color: #ffffff; } .p-carousel--overlay .c-btn:hover .c-btn__fill::after, .p-carousel--overlay .gform_button:hover .c-btn__fill::after, .p-carousel--overlay .gform_next_button:hover .c-btn__fill::after, .p-carousel--overlay .gform_previous_button:hover .c-btn__fill::after, .p-carousel--overlay #gform_wrapper_4 #gf_coupon_button:hover .c-btn__fill::after, #gform_wrapper_4 .p-carousel--overlay #gf_coupon_button:hover .c-btn__fill::after, .p-carousel--overlay .c-btn:hover.c-btn__fill::after, .p-carousel--overlay .gform_button:hover.c-btn__fill::after, .p-carousel--overlay .gform_next_button:hover.c-btn__fill::after, .p-carousel--overlay .gform_previous_button:hover.c-btn__fill::after, .p-carousel--overlay #gform_wrapper_4 #gf_coupon_button:hover.c-btn__fill::after, #gform_wrapper_4 .p-carousel--overlay #gf_coupon_button:hover.c-btn__fill::after, .p-carousel--overlay .c-btn:active .c-btn__fill::after, .p-carousel--overlay .gform_button:active .c-btn__fill::after, .p-carousel--overlay .gform_button.nice-select.open .c-btn__fill::after, .p-carousel--overlay .gform_next_button:active .c-btn__fill::after, .p-carousel--overlay .gform_next_button.nice-select.open .c-btn__fill::after, .p-carousel--overlay .gform_previous_button:active .c-btn__fill::after, .p-carousel--overlay .gform_previous_button.nice-select.open .c-btn__fill::after, .p-carousel--overlay #gform_wrapper_4 #gf_coupon_button:active .c-btn__fill::after, #gform_wrapper_4 .p-carousel--overlay #gf_coupon_button:active .c-btn__fill::after, .p-carousel--overlay #gform_wrapper_4 #gf_coupon_button.nice-select.open .c-btn__fill::after, #gform_wrapper_4 .p-carousel--overlay #gf_coupon_button.nice-select.open .c-btn__fill::after, .p-carousel--overlay .c-btn.nice-select.open .c-btn__fill::after, .p-carousel--overlay .c-btn:active.c-btn__fill::after, .p-carousel--overlay .gform_button:active.c-btn__fill::after, .p-carousel--overlay .gform_button.c-btn__fill.nice-select.open::after, .p-carousel--overlay .gform_next_button:active.c-btn__fill::after, .p-carousel--overlay .gform_next_button.c-btn__fill.nice-select.open::after, .p-carousel--overlay .gform_previous_button:active.c-btn__fill::after, .p-carousel--overlay .gform_previous_button.c-btn__fill.nice-select.open::after, .p-carousel--overlay #gform_wrapper_4 #gf_coupon_button:active.c-btn__fill::after, #gform_wrapper_4 .p-carousel--overlay #gf_coupon_button:active.c-btn__fill::after, .p-carousel--overlay #gform_wrapper_4 #gf_coupon_button.c-btn__fill.nice-select.open::after, #gform_wrapper_4 .p-carousel--overlay #gf_coupon_button.c-btn__fill.nice-select.open::after, .p-carousel--overlay .c-btn.c-btn__fill.nice-select.open::after, .p-carousel--overlay .c-btn:focus .c-btn__fill::after, .p-carousel--overlay .gform_button:focus .c-btn__fill::after, .p-carousel--overlay .gform_next_button:focus .c-btn__fill::after, .p-carousel--overlay .gform_previous_button:focus .c-btn__fill::after, .p-carousel--overlay #gform_wrapper_4 #gf_coupon_button:focus .c-btn__fill::after, #gform_wrapper_4 .p-carousel--overlay #gf_coupon_button:focus .c-btn__fill::after, .p-carousel--overlay .c-btn:focus.c-btn__fill::after, .p-carousel--overlay .gform_button:focus.c-btn__fill::after, .p-carousel--overlay .gform_next_button:focus.c-btn__fill::after, .p-carousel--overlay .gform_previous_button:focus.c-btn__fill::after, .p-carousel--overlay #gform_wrapper_4 #gf_coupon_button:focus.c-btn__fill::after, #gform_wrapper_4 .p-carousel--overlay #gf_coupon_button:focus.c-btn__fill::after { width: 100%; background-color: #00a3e0; } /* ========================================================================== #QUOTE BLOCK ========================================================================== */ @media (max-width: 46.24em) { .p-quote-block .o-ratio::before { padding-top: 100%; /* [1] */ } } @media (min-width: 46.25em) { .p-quote-block .p-ct-block__inner { max-width: 80%; } } /* ========================================================================== #STAT BLOCK ========================================================================== */ .p-stats-block { position: relative; } .p-stats-block__stat { margin-bottom: 24px; width: 100%; } .p-stats-block__figure { font-weight: 600; font-size: 55px; font-size: 2.2rem; line-height: 60px; } @media (min-width: 46.25em) { .p-stats-block__figure { font-size: 80px; font-size: 3.2rem; line-height: 85px; } } @media (min-width: 64em) { .p-stats-block__figure { font-size: 130px; font-size: 5.2rem; line-height: 135px; } } .p-stats-block__label { font-weight: 600; font-size: 20px; font-size: 0.8rem; line-height: 25px; } @media (min-width: 46.25em) { .p-stats-block__label { font-size: 30px; font-size: 1.2rem; line-height: 35px; } } @media (min-width: 64em) { .p-stats-block__label { font-size: 40px; font-size: 1.6rem; line-height: 45px; } } @media (min-width: 90em) { .p-stats-block__label { font-size: 55px; font-size: 2.2rem; line-height: 60px; } } .single-creativity-pioneer .c-site-head { background-size: cover !important; } .single-creativity-pioneer main.main .js-full-page-copy > div > * { margin-left: auto; margin-right: auto; color: #000; } .page-template-template-creativestories .p-ct-block--bg__image { mix-blend-mode: normal; opacity: 0.8; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } .page-template-template-creativestories a.black:hover .p-ct-block--bg__image { opacity: 0.5; } #videobg { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; top: 0; left: 0; opacity: 0.5; mix-blend-mode: multiply; } .page-template-template-membership .text--white input::-webkit-input-placeholder { color: white; } .page-template-template-membership .text--white input::-moz-placeholder { color: white; } .page-template-template-membership .text--white input:-ms-input-placeholder { color: white; } .page-template-template-membership .text--white input::placeholder { color: white; } .page-template-template-membership .text--white .select2-container--default .select2-selection--single { border-color: 1px solid black; } .page-template-template-membership .select2-container--default .select2-selection--single { height: 43.5px; } .page-template-template-membership .p-layout-block__image__caption--carousel { left: 0; top: 50%; font-size: 0.6rem; padding: 2rem 1rem; background-color: rgba(255, 255, 255, 0.85); } @media (min-width: 46.25em) { .page-template-template-membership .p-layout-block__image__caption--carousel { font-size: 1rem; padding: 2rem 3rem; } } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active, .mfp-close.nice-select.open { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active, .mfp-arrow.nice-select.open { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; -o-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; -o-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .white-popup { position: relative; background: #fff; padding: 0; width: auto; max-width: 800px; margin: 20px auto; } /* ========================================================================== #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.33333% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/3 { position: relative !important; right: auto !important; /* [1] */ left: 33.33333% !important; } .u-pull-1\/3 { position: relative !important; right: 33.33333% !important; left: auto !important; /* [1] */ } .u-2\/3 { width: 66.66667% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/3 { position: relative !important; right: auto !important; /* [1] */ left: 66.66667% !important; } .u-pull-2\/3 { position: relative !important; right: 66.66667% !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: 20em) { .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.33333% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/3\@mobile { position: relative !important; right: auto !important; /* [1] */ left: 33.33333% !important; } .u-pull-1\/3\@mobile { position: relative !important; right: 33.33333% !important; left: auto !important; /* [1] */ } .u-2\/3\@mobile { width: 66.66667% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/3\@mobile { position: relative !important; right: auto !important; /* [1] */ left: 66.66667% !important; } .u-pull-2\/3\@mobile { position: relative !important; right: 66.66667% !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] */ } .u-push-none\@mobile { left: auto !important; } .u-pull-none\@mobile { right: auto !important; } } @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.33333% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/3\@tablet { position: relative !important; right: auto !important; /* [1] */ left: 33.33333% !important; } .u-pull-1\/3\@tablet { position: relative !important; right: 33.33333% !important; left: auto !important; /* [1] */ } .u-2\/3\@tablet { width: 66.66667% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/3\@tablet { position: relative !important; right: auto !important; /* [1] */ left: 66.66667% !important; } .u-pull-2\/3\@tablet { position: relative !important; right: 66.66667% !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] */ } .u-push-none\@tablet { left: auto !important; } .u-pull-none\@tablet { right: auto !important; } } @media (min-width: 64em) { .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.33333% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/3\@desktop { position: relative !important; right: auto !important; /* [1] */ left: 33.33333% !important; } .u-pull-1\/3\@desktop { position: relative !important; right: 33.33333% !important; left: auto !important; /* [1] */ } .u-2\/3\@desktop { width: 66.66667% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/3\@desktop { position: relative !important; right: auto !important; /* [1] */ left: 66.66667% !important; } .u-pull-2\/3\@desktop { position: relative !important; right: 66.66667% !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] */ } .u-push-none\@desktop { left: auto !important; } .u-pull-none\@desktop { right: auto !important; } } @media (min-width: 90em) { .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.33333% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/3\@wide { position: relative !important; right: auto !important; /* [1] */ left: 33.33333% !important; } .u-pull-1\/3\@wide { position: relative !important; right: 33.33333% !important; left: auto !important; /* [1] */ } .u-2\/3\@wide { width: 66.66667% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/3\@wide { position: relative !important; right: auto !important; /* [1] */ left: 66.66667% !important; } .u-pull-2\/3\@wide { position: relative !important; right: 66.66667% !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] */ } .u-push-none\@wide { left: auto !important; } .u-pull-none\@wide { right: auto !important; } } @media (min-width: 50.625em) { .u-1\/1\@desktopAd { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/1\@desktopAd { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-1\/1\@desktopAd { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/2\@desktopAd { width: 50% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/2\@desktopAd { position: relative !important; right: auto !important; /* [1] */ left: 50% !important; } .u-pull-1\/2\@desktopAd { position: relative !important; right: 50% !important; left: auto !important; /* [1] */ } .u-2\/2\@desktopAd { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/2\@desktopAd { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-2\/2\@desktopAd { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/3\@desktopAd { width: 33.33333% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/3\@desktopAd { position: relative !important; right: auto !important; /* [1] */ left: 33.33333% !important; } .u-pull-1\/3\@desktopAd { position: relative !important; right: 33.33333% !important; left: auto !important; /* [1] */ } .u-2\/3\@desktopAd { width: 66.66667% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/3\@desktopAd { position: relative !important; right: auto !important; /* [1] */ left: 66.66667% !important; } .u-pull-2\/3\@desktopAd { position: relative !important; right: 66.66667% !important; left: auto !important; /* [1] */ } .u-3\/3\@desktopAd { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/3\@desktopAd { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-3\/3\@desktopAd { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/4\@desktopAd { width: 25% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/4\@desktopAd { position: relative !important; right: auto !important; /* [1] */ left: 25% !important; } .u-pull-1\/4\@desktopAd { position: relative !important; right: 25% !important; left: auto !important; /* [1] */ } .u-2\/4\@desktopAd { width: 50% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/4\@desktopAd { position: relative !important; right: auto !important; /* [1] */ left: 50% !important; } .u-pull-2\/4\@desktopAd { position: relative !important; right: 50% !important; left: auto !important; /* [1] */ } .u-3\/4\@desktopAd { width: 75% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/4\@desktopAd { position: relative !important; right: auto !important; /* [1] */ left: 75% !important; } .u-pull-3\/4\@desktopAd { position: relative !important; right: 75% !important; left: auto !important; /* [1] */ } .u-4\/4\@desktopAd { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-4\/4\@desktopAd { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-4\/4\@desktopAd { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/5\@desktopAd { width: 20% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/5\@desktopAd { position: relative !important; right: auto !important; /* [1] */ left: 20% !important; } .u-pull-1\/5\@desktopAd { position: relative !important; right: 20% !important; left: auto !important; /* [1] */ } .u-2\/5\@desktopAd { width: 40% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/5\@desktopAd { position: relative !important; right: auto !important; /* [1] */ left: 40% !important; } .u-pull-2\/5\@desktopAd { position: relative !important; right: 40% !important; left: auto !important; /* [1] */ } .u-3\/5\@desktopAd { width: 60% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/5\@desktopAd { position: relative !important; right: auto !important; /* [1] */ left: 60% !important; } .u-pull-3\/5\@desktopAd { position: relative !important; right: 60% !important; left: auto !important; /* [1] */ } .u-4\/5\@desktopAd { width: 80% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-4\/5\@desktopAd { position: relative !important; right: auto !important; /* [1] */ left: 80% !important; } .u-pull-4\/5\@desktopAd { position: relative !important; right: 80% !important; left: auto !important; /* [1] */ } .u-5\/5\@desktopAd { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-5\/5\@desktopAd { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-5\/5\@desktopAd { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-push-none\@desktopAd { left: auto !important; } .u-pull-none\@desktopAd { right: auto !important; } } @media (min-width: 84.375em) { .u-1\/1\@desktopNav { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/1\@desktopNav { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-1\/1\@desktopNav { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/2\@desktopNav { width: 50% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/2\@desktopNav { position: relative !important; right: auto !important; /* [1] */ left: 50% !important; } .u-pull-1\/2\@desktopNav { position: relative !important; right: 50% !important; left: auto !important; /* [1] */ } .u-2\/2\@desktopNav { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/2\@desktopNav { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-2\/2\@desktopNav { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/3\@desktopNav { width: 33.33333% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/3\@desktopNav { position: relative !important; right: auto !important; /* [1] */ left: 33.33333% !important; } .u-pull-1\/3\@desktopNav { position: relative !important; right: 33.33333% !important; left: auto !important; /* [1] */ } .u-2\/3\@desktopNav { width: 66.66667% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/3\@desktopNav { position: relative !important; right: auto !important; /* [1] */ left: 66.66667% !important; } .u-pull-2\/3\@desktopNav { position: relative !important; right: 66.66667% !important; left: auto !important; /* [1] */ } .u-3\/3\@desktopNav { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/3\@desktopNav { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-3\/3\@desktopNav { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/4\@desktopNav { width: 25% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/4\@desktopNav { position: relative !important; right: auto !important; /* [1] */ left: 25% !important; } .u-pull-1\/4\@desktopNav { position: relative !important; right: 25% !important; left: auto !important; /* [1] */ } .u-2\/4\@desktopNav { width: 50% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/4\@desktopNav { position: relative !important; right: auto !important; /* [1] */ left: 50% !important; } .u-pull-2\/4\@desktopNav { position: relative !important; right: 50% !important; left: auto !important; /* [1] */ } .u-3\/4\@desktopNav { width: 75% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/4\@desktopNav { position: relative !important; right: auto !important; /* [1] */ left: 75% !important; } .u-pull-3\/4\@desktopNav { position: relative !important; right: 75% !important; left: auto !important; /* [1] */ } .u-4\/4\@desktopNav { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-4\/4\@desktopNav { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-4\/4\@desktopNav { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/5\@desktopNav { width: 20% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/5\@desktopNav { position: relative !important; right: auto !important; /* [1] */ left: 20% !important; } .u-pull-1\/5\@desktopNav { position: relative !important; right: 20% !important; left: auto !important; /* [1] */ } .u-2\/5\@desktopNav { width: 40% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/5\@desktopNav { position: relative !important; right: auto !important; /* [1] */ left: 40% !important; } .u-pull-2\/5\@desktopNav { position: relative !important; right: 40% !important; left: auto !important; /* [1] */ } .u-3\/5\@desktopNav { width: 60% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/5\@desktopNav { position: relative !important; right: auto !important; /* [1] */ left: 60% !important; } .u-pull-3\/5\@desktopNav { position: relative !important; right: 60% !important; left: auto !important; /* [1] */ } .u-4\/5\@desktopNav { width: 80% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-4\/5\@desktopNav { position: relative !important; right: auto !important; /* [1] */ left: 80% !important; } .u-pull-4\/5\@desktopNav { position: relative !important; right: 80% !important; left: auto !important; /* [1] */ } .u-5\/5\@desktopNav { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-5\/5\@desktopNav { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-5\/5\@desktopNav { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-push-none\@desktopNav { left: auto !important; } .u-pull-none\@desktopNav { right: auto !important; } } @media (min-width: 30em) { .u-1\/1\@mobileLandscape { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/1\@mobileLandscape { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-1\/1\@mobileLandscape { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/2\@mobileLandscape { width: 50% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/2\@mobileLandscape { position: relative !important; right: auto !important; /* [1] */ left: 50% !important; } .u-pull-1\/2\@mobileLandscape { position: relative !important; right: 50% !important; left: auto !important; /* [1] */ } .u-2\/2\@mobileLandscape { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/2\@mobileLandscape { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-2\/2\@mobileLandscape { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/3\@mobileLandscape { width: 33.33333% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/3\@mobileLandscape { position: relative !important; right: auto !important; /* [1] */ left: 33.33333% !important; } .u-pull-1\/3\@mobileLandscape { position: relative !important; right: 33.33333% !important; left: auto !important; /* [1] */ } .u-2\/3\@mobileLandscape { width: 66.66667% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/3\@mobileLandscape { position: relative !important; right: auto !important; /* [1] */ left: 66.66667% !important; } .u-pull-2\/3\@mobileLandscape { position: relative !important; right: 66.66667% !important; left: auto !important; /* [1] */ } .u-3\/3\@mobileLandscape { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/3\@mobileLandscape { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-3\/3\@mobileLandscape { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/4\@mobileLandscape { width: 25% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/4\@mobileLandscape { position: relative !important; right: auto !important; /* [1] */ left: 25% !important; } .u-pull-1\/4\@mobileLandscape { position: relative !important; right: 25% !important; left: auto !important; /* [1] */ } .u-2\/4\@mobileLandscape { width: 50% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/4\@mobileLandscape { position: relative !important; right: auto !important; /* [1] */ left: 50% !important; } .u-pull-2\/4\@mobileLandscape { position: relative !important; right: 50% !important; left: auto !important; /* [1] */ } .u-3\/4\@mobileLandscape { width: 75% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/4\@mobileLandscape { position: relative !important; right: auto !important; /* [1] */ left: 75% !important; } .u-pull-3\/4\@mobileLandscape { position: relative !important; right: 75% !important; left: auto !important; /* [1] */ } .u-4\/4\@mobileLandscape { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-4\/4\@mobileLandscape { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-4\/4\@mobileLandscape { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/5\@mobileLandscape { width: 20% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/5\@mobileLandscape { position: relative !important; right: auto !important; /* [1] */ left: 20% !important; } .u-pull-1\/5\@mobileLandscape { position: relative !important; right: 20% !important; left: auto !important; /* [1] */ } .u-2\/5\@mobileLandscape { width: 40% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/5\@mobileLandscape { position: relative !important; right: auto !important; /* [1] */ left: 40% !important; } .u-pull-2\/5\@mobileLandscape { position: relative !important; right: 40% !important; left: auto !important; /* [1] */ } .u-3\/5\@mobileLandscape { width: 60% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/5\@mobileLandscape { position: relative !important; right: auto !important; /* [1] */ left: 60% !important; } .u-pull-3\/5\@mobileLandscape { position: relative !important; right: 60% !important; left: auto !important; /* [1] */ } .u-4\/5\@mobileLandscape { width: 80% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-4\/5\@mobileLandscape { position: relative !important; right: auto !important; /* [1] */ left: 80% !important; } .u-pull-4\/5\@mobileLandscape { position: relative !important; right: 80% !important; left: auto !important; /* [1] */ } .u-5\/5\@mobileLandscape { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-5\/5\@mobileLandscape { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-5\/5\@mobileLandscape { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-push-none\@mobileLandscape { left: auto !important; } .u-pull-none\@mobileLandscape { right: auto !important; } } /* ========================================================================== #SPACINGS ========================================================================== */ /** * 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 {} * .u-padding-horizontal {} * .u-padding-vertical-small {} */ .u-padding { padding: 24px !important; } .u-padding-tiny { padding: 6px !important; } .u-padding-small { padding: 12px !important; } .u-padding-large { padding: 48px !important; } .u-padding-huge { padding: 96px !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-large { padding-top: 48px !important; } .u-padding-top-huge { padding-top: 96px !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-large { padding-right: 48px !important; } .u-padding-right-huge { padding-right: 96px !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-large { padding-bottom: 48px !important; } .u-padding-bottom-huge { padding-bottom: 96px !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-large { padding-left: 48px !important; } .u-padding-left-huge { padding-left: 96px !important; } .u-padding-left-none { padding-left: 0 !important; } .u-padding-horizontal { padding-left: 24px !important; padding-right: 24px !important; } .u-padding-horizontal-tiny { padding-left: 6px !important; padding-right: 6px !important; } .u-padding-horizontal-small { padding-left: 12px !important; padding-right: 12px !important; } .u-padding-horizontal-large { padding-left: 48px !important; padding-right: 48px !important; } .u-padding-horizontal-huge { padding-left: 96px !important; padding-right: 96px !important; } .u-padding-horizontal-none { padding-left: 0 !important; padding-right: 0 !important; } .u-padding-vertical { padding-top: 24px !important; padding-bottom: 24px !important; } .u-padding-vertical-tiny { padding-top: 6px !important; padding-bottom: 6px !important; } .u-padding-vertical-small { padding-top: 12px !important; padding-bottom: 12px !important; } .u-padding-vertical-large { padding-top: 48px !important; padding-bottom: 48px !important; } .u-padding-vertical-huge { padding-top: 96px !important; padding-bottom: 96px !important; } .u-padding-vertical-none { padding-top: 0 !important; padding-bottom: 0 !important; } .u-margin { margin: 24px !important; } .u-margin-tiny { margin: 6px !important; } .u-margin-small { margin: 12px !important; } .u-margin-large { margin: 48px !important; } .u-margin-huge { margin: 96px !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-large { margin-top: 48px !important; } .u-margin-top-huge { margin-top: 96px !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-large { margin-right: 48px !important; } .u-margin-right-huge { margin-right: 96px !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-large { margin-bottom: 48px !important; } .u-margin-bottom-huge { margin-bottom: 96px !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-large { margin-left: 48px !important; } .u-margin-left-huge { margin-left: 96px !important; } .u-margin-left-none { margin-left: 0 !important; } .u-margin-horizontal { margin-left: 24px !important; margin-right: 24px !important; } .u-margin-horizontal-tiny { margin-left: 6px !important; margin-right: 6px !important; } .u-margin-horizontal-small { margin-left: 12px !important; margin-right: 12px !important; } .u-margin-horizontal-large { margin-left: 48px !important; margin-right: 48px !important; } .u-margin-horizontal-huge { margin-left: 96px !important; margin-right: 96px !important; } .u-margin-horizontal-none { margin-left: 0 !important; margin-right: 0 !important; } .u-margin-vertical { margin-top: 24px !important; margin-bottom: 24px !important; } .u-margin-vertical-tiny { margin-top: 6px !important; margin-bottom: 6px !important; } .u-margin-vertical-small { margin-top: 12px !important; margin-bottom: 12px !important; } .u-margin-vertical-large { margin-top: 48px !important; margin-bottom: 48px !important; } .u-margin-vertical-huge { margin-top: 96px !important; margin-bottom: 96px !important; } .u-margin-vertical-none { margin-top: 0 !important; margin-bottom: 0 !important; } /* ========================================================================== #RESPONSIVE-SPACINGS ========================================================================== */ /** * Utility classes enhancing the normal spacing classes by adding responsiveness * to them. By default, there are not responsive spacings defined. You can * generate responsive spacings by adding entries to the following three Sass * maps, e.g.: * * $inuit-responsive-spacing-directions: ( * null: null, * bottom: bottom, * ); * * $inuit-responsive-spacing-properties: ( * "margin": "margin", * ); * * $inuit-responsive-spacing-sizes: ( * "-small": $inuit-global-spacing-unit-small, * ); * * This would bring us the following classes: * * .u-margin-small@mobile {} * .u-margin-small@tablet {} * .u-margin-small@desktop {} * .u-margin-small@wide {} * .u-margin-bottom-small@mobile {} * .u-margin-bottom-small@tablet {} * .u-margin-bottom-small@desktop {} * .u-margin-bottom-small@wide {} * * You can change the generated CSS classes by further extending the Sass maps. * If you want every ‘normal’ spacing (those from `utilities.spacings`) also as * a responsive version, you can just mirror the ‘normal’ spacings: * * $inuit-responsive-spacing-directions: $inuit-spacing-directions !default; * * $inuit-responsive-spacing-properties: $inuit-spacing-properties !default; * * $inuit-responsive-spacing-sizes: $inuit-spacing-sizes !default; * * BUT BE AWARE: This can generate a huge chunk of extra CSS, depending on the * amount of breakpoints you defined. So please check your CSS’ output and * filesize! */ /* stylelint-disable max-nesting-depth */ /* stylelint-enable max-nesting-depth */ /* ========================================================================== #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 { background: transparent !important; color: #000 !important; /* [1] */ -webkit-box-shadow: none !important; 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, .screen-reader-text, #gform_wrapper_1 #field_1_6 label, #gform_wrapper_1 #field_1_9 label, #field_5_4 > label, #field_5_5 > label, #field_2_7 > label, #field_2_8 > label, #field_4_26 > label { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !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; } .dynamic-color .blue, .dynamic-color .red, .dynamic-color .posts-navigation .nav-previous a, .posts-navigation .nav-previous .dynamic-color a, .dynamic-color .posts-navigation .nav-next a, .posts-navigation .nav-next .dynamic-color a, .dynamic-color .dark-green, .dynamic-color .light-green, .dynamic-color .pink, .dynamic-color .sand, .dynamic-color .gray, .dynamic-color .black, .dynamic-color .white, .dynamic-color .transparent { height: 55px; width: 100%; padding: 0 15px; line-height: 55px; font-weight: 500; font-size: 12px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .o-grid__cell { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } /*# sourceMappingURL=main.css.map*/