@charset "UTF-8";
/*!
Theme Name: Mind Theme v3.1.9
Theme URI: https://www.c27media.co.uk
Author: C27 Media
Author URI: https://www.c27media.co.uk
Description: 2021 Theme for Mind
Version: 3.1.9
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mind
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*--------------------------------------------------------------
>>> UPDATE LOG
----------------------------------------------------------------
V3.1.9 - Added custom field for person profile layout
- flexible-contnent.php - added $layout variable line 921/928
- added new layout for .card class
-_style.scss - added overflow:visible to allow shadows to display outside container line 558
- add relative position and z-index to fix images overlapping menu
-_staff.scss - added .card class for new layout line 131
- added css for new card layouts
-menu-sub-nav.php - added code to look at parent as well as current page line 7
-_top-bar.scss - changed color to transparent line 20
- changed position to fixed for mobile line 35
- added topbar colors on scroll line 546
- Fixed syntax errors
-_offcanvas.scss - removed blue bg for hamburger menu on scroll line 259
- added hamburger colors on scroll line 248
-achive-news.php, single-news.php - added flexi breadcrumb code line 7
- Added new topbar colour options
- Added Main nav colour options
- Added Sub Nav colour options
- Added Footer colour options
- Added Footer terms colour options
V3.1.8 - Update to Business Options page
Secondary email and telephone footer and header, update to topbar.scss an d header and footer to include two telephone numbers and optional email in header
- Update to Forms Bullets
- Added styles for forms in the footer on Blue Background
- Update to Eventon Calener styles
V3.1.7 - Flexy breadcrumb inside page option added to Theme Options > Business
- New styling for donations
- Search on mobile
- 3 x boxes padding
V3.1.6 - Added Directory to Search Filter in functions
- Added directory stylesheet(directory.scss)
- Added TikTok to Theme Options Socials
V3.1.5 - Give Donation Ammount - centred
- Add new 404 Page
- Add new Service Directory Custom Post Type: inc > cpt.php
- Added News to Search Filter in functions
V3.1.4 - Full Screen Banner - added to full width inside page
- Centre option for FS Banner box
v3.1.3 - added site/tribe-events._scss
v3.1.2
- _sub_menu.scss - removed .current-menu-item line 34, cuasing all products tp be active
v3.1.1
- Added Tile Slider to Flexi Content Builder - Same as funder logos functionality in Theme Options
- Updated Theme Options/Page Options/Funders Logo's to include height options
- SCSS
- sass/typography/_mixins-master.scss & sass/site/_sliders.scss
- Removed default button colours to background colour blocks
- Added default quote colours to background colours
- sass/typography/_typography.scss - Updated blockquote
- Added css/ajax-loader.gif to remove 404 error
v3.0.9
- scsss code for links to work on home banner
v3.0.8
-_top_bar.scss, _quick_access_buttons.scss - tweaked pop up basket, added alignment options to quick access buttons
-content-feed.php - removed placholder function line 26
-flexible_contnent.php - added $alignText vaariable to quick access row - line 1057
-page.php - removed title from page
-_offcanvas.scss - removed colour change of icons on scroll - line 241
-_top_bar.scss - changed remove cart link (x) to red - line 469
-_social-feeds.scss - changed display type to grid - line 35
v3.0.7
-_menus.scss _navigation.scss _sub_menu.scss _mega-menu.scss - Update to styling options for all menus and Update ACF
v3.0.6
-_menus.scss _navigation.scss _sub_menu.scss _mega-menu.scss - Update to styling options for all menus and Update ACF
v3.0.5
-_sliders.scss - Update to Image Carousel with optional text overlay in .set slider-text to position relative and display block to appear under image on mobile devices, assigned class.fw to avoid conflicts
-_sliders.scss - line 560 - added media query for small devices to display text on top of image.
- flexible-contnent.php - added 'fw' class to slider container line 212 & 255
- flexible-contnent.php - added if statement to slider text so doesnt show if empty
-_breadcrumbs.scss - show breadcrumbs, medium and larger, removed left padding from first <li>
-_offcanvas.scss - line 212 - added correct menu toggle colours for top bar
- menu_sub_nav.php - Added nav parent class to sub menu ul, placed page parent code inside <nav>
-_sub_menu.scss - line 167 - added nav-parent classes to set active class if is page-parent
v3.0.4
- Update to Main Menu Colours in _navigation.scss
- Restricted Sub Menu option within Flexi inside Page Template, includes new function in functions.php and new ACF option on inside page flexi called Restrict Sub Menu
- Update to Inside Page sub menu colours - more work required
- Removed picture img {height:85; width:auto} causing issues with wide logo's
- Added Min height of 125px to header > .wrap
--------------------------------------------------------------*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
## Posts and pages
## Comments
# Infinite scroll
# Media
## Captions
## Galleries
--------------------------------------------------------------*/
/* Mind Blue */
/* Grey */
/*Used for Content Summary*/
/*red */
/*Light Yellow*/
/*Light blue/grey*/
/* ----------------------------------------------------------------------------------------------------------
Typography ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/* Font Weights */
/* Padding & Margins */
/* ----------------------------------------------------------------------------------------------------------
Header Heights ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*-- ADD TO SASS FILES-- */
/* ----------------------------------------------------------------------------------------------------------
Breakpoints ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: 600;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
@font-face {
font-family: "Mind Meridian Display";
src: url("fonts/MindMeridian-Display.eot");
src: url("fonts/MindMeridian-Display.eot?#iefix") format("embedded-opentype"), url("fonts/MindMeridian-Display.woff2") format("woff2"), url("fonts/MindMeridian-Display.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Mind Meridian";
src: url("fonts/MindMeridian-Regular.eot");
src: url("fonts/MindMeridian-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/MindMeridian-Regular.woff2") format("woff2"), url("fonts/MindMeridian-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Mind Meridian";
src: url("fonts/MindMeridian-Bold.eot");
src: url("fonts/MindMeridian-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/MindMeridian-Bold.woff2") format("woff2"), url("fonts/MindMeridian-Bold.woff") format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Mind Meridian Bold";
src: url("fonts/MindMeridian-Display.eot");
src: url("fonts/MindMeridian-Display.eot?#iefix") format("embedded-opentype"), url("fonts/MindMeridian-Display.woff2") format("woff2"), url("fonts/MindMeridian-Display.woff") format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
body {
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
font-weight: normal;
line-height: 1.5;
color: #303030;
-webkit-font-smoothing: antialiased;
}
blockquote {
position: relative;
border: none;
margin: 0 0;
}
blockquote p, blockquote h1, blockquote h2, blockquote h3, blockquote h4 {
font-size: 1.375rem;
padding: 1rem 2rem 1rem 0px;
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
color: #1300c1;
line-height: 1.3;
margin-bottom: 15px;
quotes: "“" "”";
font-weight: normal;
word-break: normal !important;
}
blockquote p::before, blockquote h1::before, blockquote h2::before, blockquote h3::before, blockquote h4::before {
content: open-quote;
font-family: "Mind Meridian Display", Helvetica, Arial, sans-serif;
color: #1300c1;
font-weight: normal;
display: inline-block;
position: relative;
left: 0px;
font-size: 2.4rem;
top: 10px;
margin-right: 2px;
line-height: 0;
font-weight: normal;
}
blockquote p::after, blockquote h1::after, blockquote h2::after, blockquote h3::after, blockquote h4::after {
content: close-quote;
font-family: "Mind Meridian Display", Helvetica, Arial, sans-serif;
color: #1300c1;
display: inline-block;
position: relative;
right: 0;
font-size: 2.4rem;
bottom: -10px;
margin-left: 2px;
line-height: 0;
font-weight: normal;
}
blockquote cite {
display: block;
text-align: right;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
font-weight: bold;
line-height: 1.1;
color: #1300c1;
transition: all 0.15s ease-in-out;
}
/*section.content {
h1, .h1,
h2, .h2{
&:first-of-type {
margin-top: 10px;
}
}
}*/
h1, .h1 {
font-size: 2rem;
font-family: "Mind Meridian Bold", Helvetica, Arial, sans-serif;
color: #1300c1;
}
@media (min-width: 1024px) {
h1, .h1 {
margin: 0 0 1.5rem 0;
}
}
h2, .h2 {
font-size: 1.75rem;
font-family: "Mind Meridian Bold", Helvetica, Arial, sans-serif;
color: #1300c1;
margin: 1.25rem 0 0.75rem 0;
}
h3, .h3, .wpgmza_marker_title {
font-size: 1.3125rem;
}
@media (min-width: 1024px) {
h3, .h3, .wpgmza_marker_title {
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
color: #1300c1;
margin: 1rem 0 1rem 0;
}
}
h4, .h4 {
font-size: 1.25rem;
font-family: "Mind Meridian Bold", Helvetica, Arial, sans-serif;
color: #1300c1;
margin: 1.25rem 0 0 0;
}
h5, .h5 {
font-size: 1rem;
margin: 0 0 0.5rem 0;
}
h6, .h6 {
font-size: 0.9rem;
margin: 0 0 0.5rem 0;
}
dfn, cite, em, i {
font-style: italic;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
p.highlight,
.block.highlight {
padding: 1rem;
}
p.highlight.white,
.block.highlight.white {
background-color: #fff;
}
p.highlight.white p,
.block.highlight.white p {
color: #303030;
}
p.highlight.white h1, p.highlight.white h2, p.highlight.white h3, p.highlight.white h4,
.block.highlight.white h1,
.block.highlight.white h2,
.block.highlight.white h3,
.block.highlight.white h4 {
color: #1300c1;
}
p.highlight.white blockquote, p.highlight.white blockquote p,
.block.highlight.white blockquote,
.block.highlight.white blockquote p {
color: #1300c1 !important;
}
p.highlight.black5,
.block.highlight.black5 {
padding: 1rem;
background-color: #f2f2f2;
}
@media (min-width: 1024px) {
p.highlight.black5,
.block.highlight.black5 {
padding: 2rem 0;
}
}
p.highlight.black5 p, p.highlight.black5 h1, p.highlight.black5 h2, p.highlight.black5 h3, p.highlight.black5 h4,
.block.highlight.black5 p,
.block.highlight.black5 h1,
.block.highlight.black5 h2,
.block.highlight.black5 h3,
.block.highlight.black5 h4 {
color: #1300c1 !important;
}
p.highlight.black10,
.block.highlight.black10 {
padding: 1rem;
background-color: #e6e6e6;
}
@media (min-width: 1024px) {
p.highlight.black10,
.block.highlight.black10 {
padding: 2rem 0;
}
}
p.highlight.black10 p, p.highlight.black10 h1, p.highlight.black10 h2, p.highlight.black10 h3, p.highlight.black10 h4,
.block.highlight.black10 p,
.block.highlight.black10 h1,
.block.highlight.black10 h2,
.block.highlight.black10 h3,
.block.highlight.black10 h4 {
color: #1300c1 !important;
}
p.highlight.blue, p.highlight.highlight.blue,
.block.highlight.blue,
.block.highlight.highlight.blue {
padding: 1rem;
background-color: #1300c1;
color: #ffffff;
}
@media (min-width: 1024px) {
p.highlight.blue, p.highlight.highlight.blue,
.block.highlight.blue,
.block.highlight.highlight.blue {
padding: 2rem 0;
}
}
p.highlight.blue p, p.highlight.blue h1, p.highlight.blue h2, p.highlight.blue h3, p.highlight.blue h4, p.highlight.blue a, p.highlight.highlight.blue p, p.highlight.highlight.blue h1, p.highlight.highlight.blue h2, p.highlight.highlight.blue h3, p.highlight.highlight.blue h4, p.highlight.highlight.blue a,
.block.highlight.blue p,
.block.highlight.blue h1,
.block.highlight.blue h2,
.block.highlight.blue h3,
.block.highlight.blue h4,
.block.highlight.blue a,
.block.highlight.highlight.blue p,
.block.highlight.highlight.blue h1,
.block.highlight.highlight.blue h2,
.block.highlight.highlight.blue h3,
.block.highlight.highlight.blue h4,
.block.highlight.highlight.blue a {
color: #ffffff;
}
p.highlight.blue a, p.highlight.highlight.blue a,
.block.highlight.blue a,
.block.highlight.highlight.blue a {
text-decoration: underline;
}
p.highlight.blue a:hover, p.highlight.highlight.blue a:hover,
.block.highlight.blue a:hover,
.block.highlight.highlight.blue a:hover {
color: #ffcdd9;
}
p.highlight.blue blockquote p, p.highlight.blue blockquote h1, p.highlight.blue blockquote h2, p.highlight.blue blockquote h3, p.highlight.blue blockquote h4, p.highlight.highlight.blue blockquote p, p.highlight.highlight.blue blockquote h1, p.highlight.highlight.blue blockquote h2, p.highlight.highlight.blue blockquote h3, p.highlight.highlight.blue blockquote h4,
.block.highlight.blue blockquote p,
.block.highlight.blue blockquote h1,
.block.highlight.blue blockquote h2,
.block.highlight.blue blockquote h3,
.block.highlight.blue blockquote h4,
.block.highlight.highlight.blue blockquote p,
.block.highlight.highlight.blue blockquote h1,
.block.highlight.highlight.blue blockquote h2,
.block.highlight.highlight.blue blockquote h3,
.block.highlight.highlight.blue blockquote h4 {
color: #ffffff !important;
}
p.highlight.blue blockquote p::before, p.highlight.blue blockquote h1::before, p.highlight.blue blockquote h2::before, p.highlight.blue blockquote h3::before, p.highlight.blue blockquote h4::before, p.highlight.highlight.blue blockquote p::before, p.highlight.highlight.blue blockquote h1::before, p.highlight.highlight.blue blockquote h2::before, p.highlight.highlight.blue blockquote h3::before, p.highlight.highlight.blue blockquote h4::before,
.block.highlight.blue blockquote p::before,
.block.highlight.blue blockquote h1::before,
.block.highlight.blue blockquote h2::before,
.block.highlight.blue blockquote h3::before,
.block.highlight.blue blockquote h4::before,
.block.highlight.highlight.blue blockquote p::before,
.block.highlight.highlight.blue blockquote h1::before,
.block.highlight.highlight.blue blockquote h2::before,
.block.highlight.highlight.blue blockquote h3::before,
.block.highlight.highlight.blue blockquote h4::before {
color: #ffffff !important;
}
p.highlight.blue blockquote p::after, p.highlight.blue blockquote h1::after, p.highlight.blue blockquote h2::after, p.highlight.blue blockquote h3::after, p.highlight.blue blockquote h4::after, p.highlight.highlight.blue blockquote p::after, p.highlight.highlight.blue blockquote h1::after, p.highlight.highlight.blue blockquote h2::after, p.highlight.highlight.blue blockquote h3::after, p.highlight.highlight.blue blockquote h4::after,
.block.highlight.blue blockquote p::after,
.block.highlight.blue blockquote h1::after,
.block.highlight.blue blockquote h2::after,
.block.highlight.blue blockquote h3::after,
.block.highlight.blue blockquote h4::after,
.block.highlight.highlight.blue blockquote p::after,
.block.highlight.highlight.blue blockquote h1::after,
.block.highlight.highlight.blue blockquote h2::after,
.block.highlight.highlight.blue blockquote h3::after,
.block.highlight.highlight.blue blockquote h4::after {
color: #ffffff !important;
}
p.highlight.pink,
.block.highlight.pink {
padding: 1rem;
background-color: #ff0071;
color: #ffffff !important;
}
@media (min-width: 1024px) {
p.highlight.pink,
.block.highlight.pink {
padding: 2rem 0;
}
}
p.highlight.pink p, p.highlight.pink h1, p.highlight.pink h2, p.highlight.pink h3, p.highlight.pink h4, p.highlight.pink a,
.block.highlight.pink p,
.block.highlight.pink h1,
.block.highlight.pink h2,
.block.highlight.pink h3,
.block.highlight.pink h4,
.block.highlight.pink a {
color: #fff !important;
}
p.highlight.pink blockquote p, p.highlight.pink blockquote h1, p.highlight.pink blockquote h2, p.highlight.pink blockquote h3, p.highlight.pink blockquote h4,
.block.highlight.pink blockquote p,
.block.highlight.pink blockquote h1,
.block.highlight.pink blockquote h2,
.block.highlight.pink blockquote h3,
.block.highlight.pink blockquote h4 {
color: #ffffff !important;
}
p.highlight.pink blockquote p::before, p.highlight.pink blockquote h1::before, p.highlight.pink blockquote h2::before, p.highlight.pink blockquote h3::before, p.highlight.pink blockquote h4::before,
.block.highlight.pink blockquote p::before,
.block.highlight.pink blockquote h1::before,
.block.highlight.pink blockquote h2::before,
.block.highlight.pink blockquote h3::before,
.block.highlight.pink blockquote h4::before {
color: #ffffff !important;
}
p.highlight.pink blockquote p::after, p.highlight.pink blockquote h1::after, p.highlight.pink blockquote h2::after, p.highlight.pink blockquote h3::after, p.highlight.pink blockquote h4::after,
.block.highlight.pink blockquote p::after,
.block.highlight.pink blockquote h1::after,
.block.highlight.pink blockquote h2::after,
.block.highlight.pink blockquote h3::after,
.block.highlight.pink blockquote h4::after {
color: #ffffff !important;
}
p.highlight.purple,
.block.highlight.purple {
padding: 1rem;
background-color: #8149ff;
color: #ffffff !important;
}
@media (min-width: 1024px) {
p.highlight.purple,
.block.highlight.purple {
padding: 2rem 0;
}
}
p.highlight.purple p, p.highlight.purple h1, p.highlight.purple h2, p.highlight.purple h3, p.highlight.purple h4, p.highlight.purple a,
.block.highlight.purple p,
.block.highlight.purple h1,
.block.highlight.purple h2,
.block.highlight.purple h3,
.block.highlight.purple h4,
.block.highlight.purple a {
color: #fff !important;
}
p.highlight.purple blockquote p, p.highlight.purple blockquote h1, p.highlight.purple blockquote h2, p.highlight.purple blockquote h3, p.highlight.purple blockquote h4, p.highlight.purple blockquote a,
.block.highlight.purple blockquote p,
.block.highlight.purple blockquote h1,
.block.highlight.purple blockquote h2,
.block.highlight.purple blockquote h3,
.block.highlight.purple blockquote h4,
.block.highlight.purple blockquote a {
color: #ffffff !important;
}
p.highlight.purple blockquote p::before, p.highlight.purple blockquote h1::before, p.highlight.purple blockquote h2::before, p.highlight.purple blockquote h3::before, p.highlight.purple blockquote h4::before, p.highlight.purple blockquote a::before,
.block.highlight.purple blockquote p::before,
.block.highlight.purple blockquote h1::before,
.block.highlight.purple blockquote h2::before,
.block.highlight.purple blockquote h3::before,
.block.highlight.purple blockquote h4::before,
.block.highlight.purple blockquote a::before {
color: #ffffff !important;
}
p.highlight.purple blockquote p::after, p.highlight.purple blockquote h1::after, p.highlight.purple blockquote h2::after, p.highlight.purple blockquote h3::after, p.highlight.purple blockquote h4::after, p.highlight.purple blockquote a::after,
.block.highlight.purple blockquote p::after,
.block.highlight.purple blockquote h1::after,
.block.highlight.purple blockquote h2::after,
.block.highlight.purple blockquote h3::after,
.block.highlight.purple blockquote h4::after,
.block.highlight.purple blockquote a::after {
color: #ffffff !important;
}
p.highlight.green,
.block.highlight.green {
padding: 1rem;
background-color: #71f5c4;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
p.highlight.green,
.block.highlight.green {
padding: 2rem 0;
}
}
p.highlight.green p, p.highlight.green h1, p.highlight.green h2, p.highlight.green h3, p.highlight.green h4,
.block.highlight.green p,
.block.highlight.green h1,
.block.highlight.green h2,
.block.highlight.green h3,
.block.highlight.green h4 {
color: #1300c1 !important;
}
p.highlight.sky,
.block.highlight.sky {
padding: 1rem;
background-color: #9da8ff;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
p.highlight.sky,
.block.highlight.sky {
padding: 2rem 0;
}
}
p.highlight.sky p, p.highlight.sky h1, p.highlight.sky h2, p.highlight.sky h3, p.highlight.sky h4,
.block.highlight.sky p,
.block.highlight.sky h1,
.block.highlight.sky h2,
.block.highlight.sky h3,
.block.highlight.sky h4 {
color: #1300c1 !important;
}
p.highlight.sky20,
.block.highlight.sky20 {
padding: 1rem;
background-color: #ebeeff;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
p.highlight.sky20,
.block.highlight.sky20 {
padding: 2rem 0;
}
}
p.highlight.sky20 p, p.highlight.sky20 h1, p.highlight.sky20 h2, p.highlight.sky20 h3, p.highlight.sky20 h4,
.block.highlight.sky20 p,
.block.highlight.sky20 h1,
.block.highlight.sky20 h2,
.block.highlight.sky20 h3,
.block.highlight.sky20 h4 {
color: #1300c1 !important;
}
p.highlight.sky40,
.block.highlight.sky40 {
padding: 1rem;
background-color: #d8dcff;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
p.highlight.sky40,
.block.highlight.sky40 {
padding: 2rem 0;
}
}
p.highlight.sky40 p, p.highlight.sky40 h1, p.highlight.sky40 h2, p.highlight.sky40 h3, p.highlight.sky40 h4,
.block.highlight.sky40 p,
.block.highlight.sky40 h1,
.block.highlight.sky40 h2,
.block.highlight.sky40 h3,
.block.highlight.sky40 h4 {
color: #1300c1 !important;
}
p.highlight.sky60,
.block.highlight.sky60 {
padding: 1rem;
background-color: #c4cbff;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
p.highlight.sky60,
.block.highlight.sky60 {
padding: 2rem 0;
}
}
p.highlight.sky60 p, p.highlight.sky60 h1, p.highlight.sky60 h2, p.highlight.sky60 h3, p.highlight.sky60 h4,
.block.highlight.sky60 p,
.block.highlight.sky60 h1,
.block.highlight.sky60 h2,
.block.highlight.sky60 h3,
.block.highlight.sky60 h4 {
color: #1300c1 !important;
}
p.highlight.peach,
.block.highlight.peach {
padding: 1rem;
background-color: #ffcdd9;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
p.highlight.peach,
.block.highlight.peach {
padding: 2rem 0;
}
}
p.highlight.peach p, p.highlight.peach h1, p.highlight.peach h2, p.highlight.peach h3, p.highlight.peach h4,
.block.highlight.peach p,
.block.highlight.peach h1,
.block.highlight.peach h2,
.block.highlight.peach h3,
.block.highlight.peach h4 {
color: #1300c1 !important;
}
p.highlight p.peach,
p.highlight p.green,
p.highlight p.sky60,
p.highlight p.sky40 p.sky20,
p.highlight p.sky,
.block.highlight p.peach,
.block.highlight p.green,
.block.highlight p.sky60,
.block.highlight p.sky40 p.sky20,
.block.highlight p.sky {
color: #1300c1;
}
p.highlight p.pink,
p.highlight p.purple,
p.highlight p.blue,
.block.highlight p.pink,
.block.highlight p.purple,
.block.highlight p.blue {
color: #fff;
}
p.highlight.sky, p.highlight.sky40, p.highlight.sky60,
.block.highlight.sky,
.block.highlight.sky40,
.block.highlight.sky60 {
color: #1300c1;
}
.pdf {
background-image: url(images/pdf.png);
background-repeat: no-repeat;
background-position: 5px 0;
background-size: 30px;
padding: 4px 41px 8px 45px;
display: block;
}
.doc {
background-image: url(images/word.png);
background-repeat: no-repeat;
background-position: 0px 2px;
background-size: 37px;
padding: 4px 41px 8px 45px;
display: block;
}
ul {
padding: 0;
}
a {
text-decoration: none;
}
p > a {
text-decoration: underline;
}
p > a:hover {
background-color: #ffcdd9;
text-decoration: none;
color: #1300c1;
}
.large {
font-size: 1.5rem;
line-height: 1.4;
}
#inner-page-content,
#full-width-content {
position: relative;
z-index: 0;
}
#inner-page-content ul,
#full-width-content ul,
.submenu-widget ul {
margin: 1rem 0 1rem 1rem;
}
#inner-page-content ul li,
#full-width-content ul li,
.submenu-widget ul li {
line-height: 1.5;
font-size: 1.1rem;
list-style: none;
margin-bottom: 0.75rem;
}
#inner-page-content ul li:before,
#full-width-content ul li:before,
.submenu-widget ul li:before {
font-family: "font awesome 5 pro";
content: "\f054";
color: #1300c1;
font-size: 10px;
font-weight: 600;
margin-right: 5px;
margin-left: -10px;
top: -2px;
position: relative;
}
#inner-page-content ol,
#full-width-content ol,
.submenu-widget ol {
margin: 1rem 0 1rem -1rem;
}
#inner-page-content ol li,
#full-width-content ol li,
.submenu-widget ol li {
line-height: 1.5;
font-size: 1.1rem;
list-style: decimal;
margin-bottom: 0.75rem;
}
.submenu-widget > ul li > a:hover {
color: #1300c1;
text-decoration: underline;
}
#inner-page-content table {
border: 0;
border-collapse: collapse;
}
#inner-page-content table tr {
background: #F1F1F1;
}
#inner-page-content table tr td {
padding: 0.5rem;
}
#inner-page-content table tr:nth-child(2n+1) {
background: none;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}
body {
background: #fff; /* Fallback for when there is no custom background color defined. */
}
hr {
background-color: #d9d9d9;
border: 0;
height: 1px;
margin: 1.5rem 0 1rem 0;
}
ul, ol {
margin: 1rem 0 1rem 1rem;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}
figure {
margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}
table {
margin: 0 0 1.5em;
width: 100%;
}
ul#wp-admin-bar-root-default {
margin: 0 !important;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------
Buttons ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
a.button,
.button,
button,
.wpforms-submit,
.submit-wrap input,
.woocommerce a.button,
.woocommerce input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.posts-table-reset .reset {
display: inline-block;
background-color: #fff;
border: 1px solid #1300c1;
color: #1300c1;
font-weight: bold;
text-align: center;
text-decoration: none;
padding: 0.8rem 1rem;
margin: 0;
-webkit-appearance: none;
transition: all 0.25s linear;
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
font-size: 1.1rem;
line-height: 1;
text-shadow: none;
text-decoration: none !important;
border-radius: 0.5rem;
}
a.button:hover,
.button:hover,
button:hover,
.wpforms-submit:hover,
.submit-wrap input:hover,
.woocommerce a.button:hover,
.woocommerce input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.posts-table-reset .reset:hover {
background: #ffcdd9;
color: #1300c1;
border: 1px solid #1300c1;
}
.give-btn {
display: inline-block;
background-color: #fff;
border: 1px solid #1300c1;
color: #1300c1;
font-weight: bold;
text-align: center;
text-decoration: none;
padding: 1rem;
margin: 0;
-webkit-appearance: none;
transition: all 0.25s linear;
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
font-size: 1rem;
line-height: 1;
text-shadow: none;
text-decoration: none !important;
border-radius: 10px;
}
.give-btn:hover {
background: #1300c1;
color: #fff;
border: 1px solid #1300c1;
}
.give-btn-modal {
background-color: #ff0071;
border: 1px solid #ff0071;
color: #fff;
}
.give-btn-modal:hover {
background: #1300c1;
color: #fff;
border: 1px solid #1300c1;
}
.wpforms-submit2 {
display: inline-block !important;
background-color: #71f5c4 !important;
border: 3px solid #71f5c4 !important;
color: #1300c1 !important;
font-weight: 400;
text-align: center;
text-decoration: none;
padding: 0.5rem 1rem !important;
margin: 0;
border-radius: 0.5rem !important;
letter-spacing: 0.5px !important;
-webkit-appearance: none;
transition: all 0.25s linear;
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
font-size: 2rem !important;
line-height: 1;
text-shadow: none !important;
text-decoration: none !important;
}
.wpforms-submit2:hover {
background: #ffcdd9 !important;
color: #ffcdd9 !important;
}
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
background-color: #1300c1;
}
.give-default-level {
background: #1300c1;
border: 1px solid #1300c1;
color: #fff !important;
}
.wpforms-save-resume-button span {
display: inline-block !important;
font-weight: bold !important;
text-align: center !important;
text-decoration: none !important;
padding: 13px 15px !important;
margin: 0 !important;
-webkit-appearance: none !important;
transition: all 0.25s linear !important;
font-family: "Mind Meridian", Helvetica, Arial, sans-serif !important;
font-size: 18px !important;
line-height: 1 !important;
text-shadow: none !important;
text-decoration: none !important;
border-radius: 10px !important;
background-color: #ff0071 !important;
border: 1px solid #ff0071 !important;
color: #fff !important;
}
.wpforms-save-resume-button span:hover {
background-color: #e60066 !important;
border: 1px solid #ff0071 !important;
color: #fff !important;
}
.button, .button-big, .woocommerce .button {
background-color: transparent;
color: #1300c1;
border: 1px solid #1300c1;
}
.button:hover, .button-big:hover, .woocommerce .button:hover {
background: #ffcdd9;
color: #1300c1;
border: 1px solid #ffcdd9;
}
.button.transparent, .button-big.transparent, .woocommerce .button.transparent {
background-color: transparent;
color: #1300c1;
border: 1px solid #1300c1;
}
.button.transparent:hover, .button-big.transparent:hover, .woocommerce .button.transparent:hover {
background-color: #ffcdd9;
color: #1300c1;
border: 1px solid #1300c1;
}
.button.blue, .button-big.blue, .woocommerce .button.blue {
background-color: #1300c1 !important;
color: #fff !important;
border: 1px solid #1300c1;
}
.button.blue:hover, .button-big.blue:hover, .woocommerce .button.blue:hover {
background: #fff !important;
color: #1300c1 !important;
border: 1px solid #1300c1;
}
.button.white, .button-big.white, .woocommerce .button.white {
background-color: #fff;
color: #1300c1 !important;
border: 1px solid #1300c1;
}
.button.white:hover, .button-big.white:hover, .woocommerce .button.white:hover {
background-color: #ffcdd9;
color: #1300c1;
border: 1px solid #1300c1;
}
.button.peach, .button-big.peach, .woocommerce .button.peach {
background-color: #ffcdd9;
color: #1300c1 !important;
border: 1px solid #ffcdd9;
}
.button.peach:hover, .button-big.peach:hover, .woocommerce .button.peach:hover {
background-color: #ff9ab2;
border: 1px solid #ff9ab2;
}
.button.sky, .button-big.sky, .woocommerce .button.sky {
background-color: #9da8ff;
color: #1300c1 !important;
border: 1px solid #9da8ff;
}
.button.sky:hover, .button-big.sky:hover, .woocommerce .button.sky:hover {
background-color: #71f5c4;
border: 1px solid #9da8ff;
}
.button.green, .button.yellow, .button-big.green, .button-big.yellow, .woocommerce .button.green, .woocommerce .button.yellow {
background-color: #71f5c4;
color: #1300c1 !important;
border: 1px solid #71f5c4;
}
.button.green:hover, .button.yellow:hover, .button-big.green:hover, .button-big.yellow:hover, .woocommerce .button.green:hover, .woocommerce .button.yellow:hover {
background-color: #41f2b0;
color: #1300c1 !important;
border: 1px solid #41f2b0;
}
.button.pink, .button.red, .button-big.pink, .button-big.red, .woocommerce .button.pink, .woocommerce .button.red {
background-color: #ff0071;
border: 1px solid #ff0071 !important;
color: #fff !important;
}
.button.pink:hover, .button.red:hover, .button-big.pink:hover, .button-big.red:hover, .woocommerce .button.pink:hover, .woocommerce .button.red:hover {
background-color: #e60066 !important;
border: 1px solid #ff0071 !important;
color: #fff !important;
}
.button.purple, .button.light-purple, .button-big.purple, .button-big.light-purple, .woocommerce .button.purple, .woocommerce .button.light-purple {
background-color: #8149ff;
border: 1px solid #8149ff !important;
color: #fff !important;
}
.button.purple:hover, .button.light-purple:hover, .button-big.purple:hover, .button-big.light-purple:hover, .woocommerce .button.purple:hover, .woocommerce .button.light-purple:hover {
background-color: #71f5c4;
border: 1px solid #8149ff !important;
color: #1300c1 !important;
}
.box-buttons {
width: 99%;
font-size: 0;
bottom: -32px;
}
@media (min-width: 768px) {
.box-buttons {
position: absolute;
}
}
.box-buttons .box-button {
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
width: 48%;
display: inline-block;
padding: 1rem 0;
font-size: 1.5rem;
text-transform: capitalize;
margin-top: 5px;
transition: all 0.1s;
}
@media (min-width: 768px) {
.box-buttons .box-button {
width: 23%;
}
}
.box-buttons .box-button.blue {
background-color: #1300c1;
color: #fff;
}
.box-buttons .box-button.yellow {
background-color: #ffcdd9;
color: #1300c1;
}
.box-buttons .box-button.purple, .box-buttons .box-button.light-purple {
background-color: #8149ff;
color: #fff;
}
.box-buttons .box-button.red {
background-color: #C20010;
color: #fff;
}
.box-buttons .box-button:hover {
transform: scale(1.1);
}
.sidebar-widget .button, .sidebar .button {
width: 100%;
display: block;
margin-bottom: 0.5rem;
font-family: "Mind Meridian", Helvetica, Arial, sans-serif !important;
box-sizing: border-box;
}
.inner-sub-nav a.button {
box-sizing: border-box;
display: inline-block;
width: 100%;
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
text-transform: none;
margin-bottom: 0.5rem;
}
.inner-sub-nav a.button.red {
background-color: #C20010;
color: #fff;
}
.inner-sub-nav a.button.blue {
background-color: #1300c1;
color: #fff;
}
.inner-sub-nav a.button.purple {
background-color: #8149ff;
color: #fff;
}
.inner-sub-nav a.button.white {
background-color: #fff;
border: 3px solid #8149ff !important;
color: #8149ff !important;
}
.inner-sub-nav a.button.white:hover {
background-color: #8149ff;
border: 3px solid #8149ff !important;
color: #fff !important;
}
.inner-sub-nav a.button:hover {
background-color: #1300c1;
color: #ffcdd9 !important;
}
.text-button {
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
font-size: 1.3125rem;
color: #1300c1;
}
.text-button:before {
content: "\f061";
font-family: "font awesome 5 pro";
font-size: 1rem;
margin-right: 5px;
}
/*------------WOOCOMMERCE BUTTONS-------------------*/
ul.products li.product_cat-events a.button {
border: 0;
}
ul.products li.product_cat-events:hover {
background-color: #fff !important;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}
div.wpforms-container-full .wpforms-form .wpforms-field-html ul, div.wpforms-container-full .wpforms-form .wpforms-field-html ul {
margin: 0rem 0 1rem 1rem !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field-html ul li, div.wpforms-container-full .wpforms-form .wpforms-field-html ul li {
list-style: none !important;
list-style: none !important;
margin-bottom: 0.75rem !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field-html ul li:before, div.wpforms-container-full .wpforms-form .wpforms-field-html ul li:before {
font-family: "font awesome 5 pro" !important;
content: "\f054" !important;
color: #1300c1 !important;
font-size: 10px !important;
font-weight: 600 !important;
margin-right: 5px !important;
margin-left: -10px !important;
top: -2px !important;
position: relative !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field-html ol, div.wpforms-container-full .wpforms-form .wpforms-field-html ol {
margin: 0rem 0 1rem -1rem !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field-html ol li, div.wpforms-container-full .wpforms-form .wpforms-field-html ol li {
list-style: decimal !important;
margin-bottom: 0.75rem !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field-html ul li {
list-style: none !important;
}
div.wpforms-container-full .wpforms-form .wpforms-first {
clear: none !important;
}
div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
max-width: 100% !important;
}
div.wpforms-container-full, div.wpforms-container-full .wpforms-form * {
font-size: initial !important;
}
div.wpforms-container-full h1, div.wpforms-container-full .wpforms-form * h1 {
font-size: 2rem !important;
margin: 20px 0 20px 0;
}
div.wpforms-container-full h2, div.wpforms-container-full .wpforms-form * h2 {
font-size: 1.5rem !important;
margin: 1rem 0 0 0;
}
div.wpforms-container-full h3, div.wpforms-container-full .wpforms-form * h3 {
font-size: 1.125rem !important;
font-family: "Mind Meridian Bold", Helvetica, Arial, sans-serif;
color: #1300c1;
margin: 1rem 0 0 0;
}
div.wpforms-container-full h4, div.wpforms-container-full .wpforms-form * h4 {
margin: 0.75rem 0 0 0;
}
div.wpforms-container-full .wpforms-form input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button {
font-size: initial !important;
}
.wpforms-container label {
color: #333;
}
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button {
display: inline-block !important;
font-weight: bold !important;
text-align: center !important;
text-decoration: none !important;
padding: 13px 15px !important;
margin: 0 !important;
-webkit-appearance: none !important;
transition: all 0.25s linear !important;
font-family: "Mind Meridian", Helvetica, Arial, sans-serif !important;
font-size: 18px !important;
line-height: 1 !important;
text-shadow: none !important;
text-decoration: none !important;
border-radius: 10px !important;
background-color: #1300c1 !important;
color: #fff !important;
border: 1px solid #1300c1 !important;
}
div.wpforms-container-full .wpforms-form button[type=submit]:hover,
div.wpforms-container-full .wpforms-form .wpforms-page-button:hover {
background: #fff !important;
color: #1300c1 !important;
border: 1px solid #1300c1 !important;
}
div.wpforms-container-full .wpforms-form li:before {
content: none !important;
}
footer div.wpforms-container-full .wpforms-form input[type=text], footer div.wpforms-container-full .wpforms-form input[type=email] {
width: 80%;
}
footer div.wpforms-container-full .wpforms-form button[type=submit] {
background: #ffffff !important;
color: #1300c1 !important;
}
footer div.wpforms-container-full {
margin: 0 !important;
}
button .wpforms-page-button .wpforms-page-prev {
margin-right: 10px !important;
}
.grecaptcha-badge {
visibility: hidden;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
color: #1300c1;
}
a:visited {
color: #1300c1;
}
a:focus {
outline: none;
}
a:hover, a:active {
outline: none;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
body.toggle-nav {
overflow: hidden !important;
}
#offcanvas a {
color: #ffcdd9;
}
#offcanvas ul.navbar {
opacity: 1;
margin: 0;
padding: 0;
transition: opacity 0.25s ease 0.25s;
}
body.toggle-nav #offcanvas ul.navbar {
opacity: 1;
}
#offcanvas ul.navbar > li {
margin: 0;
padding: 0;
list-style: none;
border-bottom: 1px dashed rgba(255, 255, 255, 0.15);
}
#offcanvas ul.navbar > li:first-child {
border-top: 1px dashed rgba(255, 255, 255, 0.15);
}
#offcanvas ul.navbar > li > a {
display: block;
color: #FFFFFF;
padding: 10px;
margin: 0;
border-left: 5px solid transparent;
font-size: 14px;
line-height: 1;
font-weight: 400;
letter-spacing: 0.5px;
text-decoration: none;
transition: all 0.25s linear;
}
#offcanvas ul.navbar > li > a:hover, #offcanvas ul.navbar > li.current-menu-item > a {
color: #FFFFFF;
background-color: #1300c1;
text-decoration: none;
border-left: 5px solid #ffcdd9;
}
#offcanvas ul.navbar > li > ul {
margin: 5px 0 0 0;
padding: 0 0 20px 20px;
}
#offcanvas ul.navbar > li > ul > li {
list-style: none;
margin: 0;
padding: 5px 0;
}
#offcanvas ul.navbar > li > ul > li > a {
display: block;
color: #FFFFFF;
font-size: 14px;
line-height: 1;
font-weight: 400;
padding: 5px;
letter-spacing: 0.5px;
text-decoration: none;
transition: all 0.25s linear;
}
#offcanvas ul.navbar > li > ul > li > a:before {
content: "\f105";
font-family: "font awesome 5 pro";
color: #ffcdd9;
margin: 0 5px 0 0;
}
#offcanvas ul.navbar > li > ul > li > a:hover, #offcanvas ul.navbar > li > ul > li.current-menu-item > a {
color: #1300c1;
text-decoration: none;
background-color: #ffcdd9;
}
#offcanvas ul.navbar > li > ul > li > a:hover:before, #offcanvas ul.navbar > li > ul > li.current-menu-item > a:before {
color: #1300c1;
}
#offcanvas ul.navbar > li > ul > li:last-child {
padding-bottom: 0;
}
#offcanvas ul.navbar > li > ul > li > ul {
margin: 5px 0 0 0;
padding: 0 0 20px 30px;
}
#offcanvas ul.navbar > li > ul > li > ul > li {
list-style: none;
margin: 0;
padding: 5px 0;
}
#offcanvas ul.navbar > li > ul > li > ul > li > a {
display: block;
color: #FFFFFF;
font-size: 14px;
line-height: 1;
font-weight: 400;
padding: 5px;
letter-spacing: 0.5px;
text-decoration: none;
transition: all 0.25s linear;
}
#offcanvas ul.navbar > li > ul > li > ul > li > a:before {
content: "\f105";
font-family: "font awesome 5 pro";
color: #ffcdd9;
margin: 0 5px 0 0;
}
#offcanvas ul.navbar > li > ul > li > ul > li > a:hover, #offcanvas ul.navbar > li > ul > li > ul > li.current-menu-item > a {
color: #1300c1;
text-decoration: none;
background-color: #ffcdd9;
}
#offcanvas ul.navbar > li > ul > li > ul > li > a:hover:before, #offcanvas ul.navbar > li > ul > li > ul > li.current-menu-item > a:before {
color: #1300c1;
}
#offcanvas ul.navbar > li > ul > li > ul > li:last-child {
padding-bottom: 0;
}
.navbar-toggle {
position: fixed;
top: -3px;
right: 20px;
display: block;
background: none;
width: 26px;
height: 50px;
margin: 0;
padding: 17px 0;
border: none;
z-index: 99;
transition: transform 1s ease-in-out;
border-radius: 0;
border: 0;
}
@media (min-width: 1024px) {
.navbar-toggle {
display: none;
}
}
body.toggle-nav .navbar-toggle {
transform: rotate(360deg);
}
.navbar-toggle:hover, .navbar-toggle:focus {
outline: none;
background: none;
border: 0;
}
.navbar-toggle .sr-only {
position: absolute;
overflow: hidden;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
clip: rect(0, 0, 0, 0);
border: none;
}
.navbar-toggle.blue span.icon-bar, .navbar-toggle.pink span.icon-bar, .navbar-toggle.purple span.icon-bar {
background-color: #fff;
}
.navbar-toggle span.icon-bar {
position: relative;
display: block;
width: 26px;
height: 3px;
background-color: #1300c1;
margin: 0 0 4px 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all 0.25s linear;
}
body.toggle-nav .navbar-toggle span.icon-bar {
background-color: #fff;
}
body.toggle-nav .navbar-toggle span.icon-bar:nth-child(2) {
transform: translate3d(0, 7px, 0) rotate(45deg);
-webkit-transform-origin: 50% 53%;
}
body.toggle-nav .navbar-toggle span.icon-bar:nth-child(3) {
opacity: 0;
}
body.toggle-nav .navbar-toggle span.icon-bar:last-child {
transform: translate3d(0, -7px, 0) rotate(-45deg);
-webkit-transform-origin: 50% 53%;
}
.navbar-toggle span.icon-bar:last-child {
margin-bottom: 0;
}
body.toggle-nav .navbar-toggle span.icon-bar:last-child {
transform: translate3d(0, -7px, 0) rotate(-45deg);
-webkit-transform-origin: 50% 53%;
}
header {
z-index: 2;
/*
.subblue-drop ul.navbar > li {
ul.sub-menu {
a:hover {
color: #fff!important;
background-color: $brand-one!important;
}
ul.sub-menu {
a:hover {
color: #fff!important;
background-color: $brand-one!important;
}
}
}
}
*/
}
header nav.main-nav {
display: none;
margin-top: 0px;
font-family: "Mind Meridian Bold", Helvetica, Arial, sans-serif;
}
@media (min-width: 1024px) {
header nav.main-nav {
display: block;
}
}
header ul.navbar {
margin: 0;
padding: 0;
display: inline-block;
z-index: 10;
position: relative;
justify-content: flex-start;
align-items: center;
}
header ul.navbar li.open-left ul.sub-menu {
right: 0px;
}
header ul.navbar li.open-left ul.sub-menu li.open-left ul.sub-menu {
right: 300px;
left: auto;
}
header ul.navbar > li {
position: relative;
list-style: none;
margin-bottom: 0;
display: inline-block;
}
header ul.navbar > li.menu-item-has-children > a:after {
content: "";
display: inline-block;
width: 0;
height: 0;
margin-top: -2px;
margin-left: 4px;
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
header ul.navbar > li > a {
position: relative;
display: block;
padding: 1rem 0.6rem;
color: #1300c1;
font-size: 1.1rem;
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
text-decoration: none;
text-transform: none;
line-height: 1;
transition: border-color 0.25s linear, color 0.25s linear;
}
header ul.navbar > li:hover > .sub-menu, header ul.navbar > li:active > .sub-menu, header ul.navbar > li:hover > .flexMenu-popup, header ul.navbar > li:active > .flexMenu-popup,
header ul.navbar > li .sub-menu > li.menu-item-has-children:hover > .sub-menu {
display: flex;
flex-direction: column;
}
header ul.navbar .sub-menu {
display: none;
position: absolute;
top: 100%;
background-color: #fff;
margin: 0;
padding: 1rem 0;
min-width: 300px;
z-index: 100;
box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.25);
}
header ul.navbar .sub-menu > li {
margin: 0;
padding: 0;
list-style: none;
position: relative;
}
header ul.navbar .sub-menu > li.menu-item-has-children > a:after {
content: "";
display: inline-block;
width: 0;
height: 0;
margin-top: -2px;
margin-left: 8px;
vertical-align: middle;
border-style: solid;
border-width: 4px 0 4px 4px;
border-color: transparent transparent transparent #1300c1;
}
header ul.navbar .sub-menu > li.menu-item-has-children:hover > a:after {
content: "";
display: inline-block;
width: 0;
height: 0;
margin-top: -2px;
margin-left: 8px;
vertical-align: middle;
border-style: solid;
border-width: 4px 0 4px 4px;
border-color: transparent transparent transparent #ff0071;
}
header ul.navbar .sub-menu > li.current_page_item {
background-color: transparent;
}
header ul.navbar .sub-menu > li.current_page_item a {
color: #ff0071;
}
header ul.navbar .sub-menu > li > a {
display: block;
padding: 0.2rem 1rem 0.3rem 1rem;
color: #1300c1;
font-size: 1.1rem;
line-height: 1.3rem;
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
text-decoration: none;
font-weight: normal;
color: #1300c1 !important;
}
header ul.navbar .sub-menu > li > a:hover {
color: #ff0071 !important;
background-color: transparent !important;
}
header ul.navbar .sub-menu > li.current-menu-item > a {
text-decoration: none;
}
header ul.navbar .sub-menu .sub-menu {
border-top: 0px solid #ff0071;
display: none;
position: absolute;
left: 300px;
top: -0.5rem;
z-index: -1;
padding: 0.5rem 0rem;
background-color: #fff !important;
}
header .flexMenu-popup {
background-color: #fff;
margin: 0;
padding: 0;
min-width: 300px;
z-index: 100;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
right: 0;
display: flex;
flex-direction: column;
}
header .flexMenu-popup a {
padding: 0.5rem 1rem;
color: #1300c1;
font-size: 1.1rem;
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
text-decoration: none;
font-weight: normal;
display: block;
}
header .flexMenu-popup a:hover {
background-color: #1300c1;
color: #fff;
}
header .subblue ul.navbar > li.menu-item-has-children:hover:before {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 12px 12px 12px;
border-color: transparent transparent #1300c1 transparent;
bottom: 0;
left: 40%;
right: 60%;
z-index: 10;
}
header .subblue ul.navbar > li ul.sub-menu {
border-top: 4px solid #1300c1;
}
header .subblue ul.navbar > li ul.sub-menu ul.sub-menu {
border-top: 0px solid black;
}
header .subpink ul.navbar > li.menu-item-has-children:hover:before {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 13px 13px 13px;
border-color: transparent transparent #ff0071 transparent;
bottom: 0;
left: 40%;
right: 60%;
z-index: 10;
}
header .subpink ul.navbar > li ul.sub-menu {
border-top: 4px solid #ff0071;
}
header .subpink ul.navbar > li ul.sub-menu ul.sub-menu {
border-top: 0px solid black;
}
header .subwhite ul.navbar > li.menu-item-has-children:hover:before {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 12px 12px 12px;
border-color: transparent transparent white transparent;
bottom: 0;
left: 40%;
right: 60%;
z-index: 100;
}
header .subwhite ul.navbar > li ul.sub-menu {
border-top: 4px solid white;
}
header .subwhite ul.navbar > li ul.sub-menu ul.sub-menu {
border-top: 0px solid black;
}
header .subsky ul.navbar > li.menu-item-has-children:hover:before {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 12px 12px 12px;
border-color: transparent transparent #9da8ff transparent;
bottom: 0;
left: 40%;
right: 60%;
z-index: 10;
}
header .subsky ul.navbar > li ul.sub-menu {
border-top: 4px solid #9da8ff;
}
header .subsky ul.navbar > li ul.sub-menu ul.sub-menu {
border-top: 0px solid black;
}
header .subpeach ul.navbar > li.menu-item-has-children:hover:before {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 12px 12px 12px;
border-color: transparent transparent #ffcdd9 transparent;
bottom: 0;
left: 40%;
right: 60%;
z-index: 10;
}
header .subpeach ul.navbar > li ul.sub-menu {
border-top: 4px solid #ffcdd9;
}
header .subpeach ul.navbar > li ul.sub-menu ul.sub-menu {
border-top: 0px solid black;
}
header .subgreen ul.navbar > li.menu-item-has-children:hover:before {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 12px 12px 12px;
border-color: transparent transparent #71f5c4 transparent;
bottom: 0;
left: 40%;
right: 60%;
z-index: 10;
}
header .subgreen ul.navbar > li ul.sub-menu {
border-top: 4px solid #71f5c4;
}
header .subgreen ul.navbar > li ul.sub-menu ul.sub-menu {
border-top: 0px solid black;
}
header .subpink-drop ul.navbar > li ul.sub-menu > li.menu-item-has-children > a:after {
border-color: transparent transparent transparent #1300c1;
}
header .subpink-drop ul.navbar > li ul.sub-menu > li.menu-item-has-children:hover > a:after {
border-color: transparent transparent transparent #ff0071;
}
header .subpink-drop ul.navbar > li ul.sub-menu > li.current_page_item {
background-color: transparent !important;
}
header .subpink-drop ul.navbar > li ul.sub-menu > li.current_page_item a {
background-color: transparent !important;
color: #ff0071 !important;
}
header .subpink-drop ul.navbar > li ul.sub-menu > li > a {
color: #1300c1 !important;
}
header .subpink-drop ul.navbar > li ul.sub-menu > li > a:hover {
color: #ff0071 !important;
background-color: transparent !important;
}
header .subpink-drop ul.navbar > li ul.sub-menu > li.current-menu-item > a {
text-decoration: none;
}
body.full-screen nav.main-nav {
border-bottom: 0px solid #fff !important;
background-color: transparent;
}
body.full-screen nav.main-nav ul.navbar > li > a {
color: #fff !important;
}
body.full-screen nav.main-nav ul.navbar > li > a:hover {
background-color: rgba(255, 255, 255, 0.2) !important;
}
body.full-screen nav.main-nav ul.navbar > li.current-menu-item > a,
body.full-screen nav.main-nav ul.navbar > li.current-menu-ancestor > a {
background-color: rgba(255, 255, 255, 0.2) !important;
}
.nav-wrap .wrap {
transform: rotate(0deg);
}
@media (min-width: 1024px) {
ul.navbar .mega ul.sub-menu {
background-color: #fff !important;
}
ul.navbar .mega ul.sub-menu .current-menu-item a {
text-decoration: none;
color: #ff0071 !important;
}
ul.navbar .mega ul.sub-menu .current-menu-item a:before {
color: #ff0071;
}
ul.navbar .mega ul.sub-menu .current-menu-item a:hover {
background-color: transparent;
}
ul.navbar .mega > ul.sub-menu {
border-top: px solid #ff0071;
display: none;
flex-wrap: wrap;
background-color: #fff;
box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.25);
width: 100%;
position: fixed;
top: 48px;
left: 0;
height: auto;
flex-direction: row !important;
padding: 1rem 0.5rem;
}
ul.navbar .mega > ul.sub-menu > li {
display: flex;
flex-direction: column;
margin-right: 1%;
margin-left: 1%;
flex: 0 0 23%;
margin-bottom: 1rem;
}
}
@media (min-width: 1024px) and (min-width: 1200px) {
ul.navbar .mega > ul.sub-menu > li {
margin-right: 1%;
margin-left: 1%;
flex: 0 0 23%;
}
}
@media (min-width: 1024px) {
ul.navbar .mega > ul.sub-menu > li.menu-item-has-children a:after {
display: none;
}
}
@media (min-width: 1024px) {
ul.navbar .mega > ul.sub-menu > li > a {
display: block;
text-align: left;
width: 100%;
padding: 0.5rem 1rem 0 0rem;
margin-bottom: 0.5rem;
color: #1300c1 !important;
border-bottom: 2px solid #ff0071;
}
ul.navbar .mega > ul.sub-menu > li > a:hover {
background-color: transparent !important;
color: #ff0071 !important;
text-decoration: none;
}
}
@media (min-width: 1024px) {
ul.navbar .mega > ul.sub-menu > li > ul.sub-menu {
display: block;
position: relative;
box-shadow: none;
left: 0;
padding: 0.5rem 0 0 0;
z-index: 0;
min-width: auto;
}
ul.navbar .mega > ul.sub-menu > li > ul.sub-menu li a {
color: #1300c1 !important;
font-size: 1.1rem;
line-height: 1.3rem;
padding: 0.2rem 1rem 0.3rem 0rem;
/*
&:before {
font-family: "Font Awesome 5 pro";
color: $brand-one;
content: '\f0da';
font-size: 0.8rem;
font-weight: bold;
margin-left: 0.25rem;
margin-right: 0.25rem;
text-decoration: none!important;
}*/
}
ul.navbar .mega > ul.sub-menu > li > ul.sub-menu li a:hover {
background-color: transparent;
color: #ff0071 !important;
text-decoration: none;
}
ul.navbar .mega > ul.sub-menu > li > ul.sub-menu li a:hover:before {
color: #ff0071;
}
ul.navbar .mega > ul.sub-menu > li > ul.sub-menu li.current-menu-item a:hover {
background-color: transparent;
}
ul.navbar .mega > ul.sub-menu > li > ul.sub-menu li.current-menu-item a {
text-decoration: none;
color: #ff0071 !important;
}
ul.navbar .mega > ul.sub-menu > li > ul.sub-menu li.current-menu-item a:before {
color: #ff0071 !important;
}
}
@media (min-width: 1024px) {
ul.navbar .mega > ul.sub-menu > li > a {
color: #1300c1 !important;
font-weight: normal;
font-size: 1.2rem;
padding-bottom: 2px;
}
}
@media (min-width: 1024px) {
li.mega ul.sub-menu li {
background-color: #ffffff !important;
}
}
/*--------------------------------------------------------------
## Menu Colours
--------------------------------------------------------------*/
.nav-wrap {
padding: 0 1rem;
position: relative;
z-index: 200;
}
.nav-wrap.fixed {
max-width: 1200px;
margin: 0 auto;
}
.nav-wrap.blue {
background-color: #1300c1;
}
.nav-wrap.blue ul.navbar li a {
color: white;
background-color: transparent;
}
.nav-wrap.blue ul.navbar li.current-menu-ancestor > a, .nav-wrap.blue ul.navbar li.current-menu-item > a {
color: #ffcdd9;
}
.nav-wrap.blue ul.navbar li a:hover {
color: #ffcdd9;
background-color: #1300c1;
}
@media (max-width: 768px) {
.nav-wrap.blue {
border-bottom: 0px solid #1300c1;
}
}
.nav-wrap.bluesky {
background-color: #1300c1;
}
.nav-wrap.bluesky ul.navbar > li > a {
color: white;
background-color: transparent;
}
.nav-wrap.bluesky ul.navbar > li.current-menu-ancestor > a, .nav-wrap.bluesky ul.navbar > li.current-menu-item > a {
color: #1300c1;
background-color: #b1b9ff;
}
.nav-wrap.bluesky ul.navbar > li a:hover {
color: #1300c1 !important;
background-color: #b1b9ff;
}
@media (max-width: 768px) {
.nav-wrap.bluesky {
border-bottom: 0px solid #b1b9ff;
}
}
.nav-wrap.pink {
background-color: #1300c1;
}
.nav-wrap.pink ul.navbar > li > a {
color: white;
background-color: transparent;
}
.nav-wrap.pink ul.navbar > li.current-menu-ancestor > a, .nav-wrap.pink ul.navbar > li.current-menu-item > a {
color: white;
background-color: #ff0071;
}
.nav-wrap.pink ul.navbar > li a:hover {
color: white;
background-color: #ff0071;
}
@media (max-width: 768px) {
.nav-wrap.pink {
border-bottom: 0px solid #1300c1;
}
}
.nav-wrap.pinktext {
background-color: transparent;
}
.nav-wrap.pinktext ul.navbar > li > a {
color: #ff0071;
background-color: transparent;
}
.nav-wrap.pinktext ul.navbar > li.current-menu-ancestor > a, .nav-wrap.pinktext ul.navbar > li.current-menu-item > a {
color: #ff0071;
background-color: #ffcce3;
}
.nav-wrap.pinktext ul.navbar > li a:hover {
color: #ff0071;
background-color: #ffcce3;
}
@media (max-width: 768px) {
.nav-wrap.pinktext {
border-bottom: 0px solid #1300c1;
}
}
.nav-wrap.pinkmenu {
background-color: #ff0071;
}
.nav-wrap.pinkmenu ul.navbar > li > a {
color: white;
background-color: transparent;
}
.nav-wrap.pinkmenu ul.navbar > li.current-menu-ancestor > a, .nav-wrap.pinkmenu ul.navbar > li.current-menu-item > a {
color: white;
background-color: #e60066;
}
.nav-wrap.pinkmenu ul.navbar > li a:hover {
color: white;
background-color: #e60066;
}
@media (max-width: 768px) {
.nav-wrap.pinkmenu {
border-bottom: 0px solid #1300c1;
}
}
.nav-wrap.purplemenu {
background-color: #8149ff;
}
.nav-wrap.purplemenu ul.navbar > li > a {
color: white;
background-color: transparent;
}
.nav-wrap.purplemenu ul.navbar > li.current-menu-ancestor > a, .nav-wrap.purplemenu ul.navbar > li.current-menu-item > a {
color: white;
background-color: #6f30ff;
}
.nav-wrap.purplemenu ul.navbar > li a:hover {
color: white;
background-color: #6f30ff;
}
@media (max-width: 768px) {
.nav-wrap.purplemenu {
border-bottom: 0px solid #1300c1;
}
}
.nav-wrap.peach {
background-color: #1300c1;
}
.nav-wrap.peach ul.navbar > li > a {
color: white;
background-color: transparent;
}
.nav-wrap.peach ul.navbar > li.current-menu-ancestor > a, .nav-wrap.peach ul.navbar > li.current-menu-item > a {
color: #1300c1;
background-color: #ffcdd9;
}
.nav-wrap.peach ul.navbar > li a:hover {
color: #1300c1;
background-color: #ffcdd9;
}
@media (max-width: 768px) {
.nav-wrap.peach {
border-bottom: 0px solid #1300c1;
}
}
.nav-wrap.green {
background-color: #1300c1;
}
.nav-wrap.green ul.navbar > li > a {
color: white;
background-color: transparent;
}
.nav-wrap.green ul.navbar > li.current-menu-ancestor > a, .nav-wrap.green ul.navbar > li.current-menu-item > a {
color: #1300c1;
background-color: #71f5c4;
}
.nav-wrap.green ul.navbar > li a:hover {
color: #1300c1;
background-color: #71f5c4;
}
@media (max-width: 768px) {
.nav-wrap.green {
border-bottom: 0px solid #1300c1;
}
}
.nav-wrap.sky {
background-color: #d8dcff;
}
.nav-wrap.sky ul.navbar > li > a {
color: #1300c1;
background-color: transparent;
}
.nav-wrap.sky ul.navbar > li.current-menu-ancestor > a, .nav-wrap.sky ul.navbar > li.current-menu-item > a {
color: white;
background-color: #1300c1;
}
.nav-wrap.sky ul.navbar > li a:hover {
color: white !important;
background-color: #1300c1;
}
@media (max-width: 768px) {
.nav-wrap.sky {
border-bottom: 0px solid #1300c1;
}
}
.nav-wrap.white {
background-color: transparent;
border-bottom: 2px solid #1300c1;
}
.nav-wrap.white ul.navbar > li > a {
color: #1300c1;
background-color: transparent;
}
.nav-wrap.white ul.navbar > li.current-menu-ancestor > a, .nav-wrap.white ul.navbar > li.current-menu-item > a {
color: white;
background-color: #1300c1;
}
.nav-wrap.white ul.navbar > li a:hover {
color: white !important;
background-color: #1300c1;
}
@media (max-width: 768px) {
.nav-wrap.white {
border-bottom: 0px solid #1300c1;
}
}
.nav-wrap.whitealt {
background-color: transparent;
border-bottom: 0px solid #1300c1;
}
.nav-wrap.whitealt ul.navbar > li > a {
color: #1300c1;
background-color: transparent;
}
.nav-wrap.whitealt ul.navbar > li.current-menu-ancestor > a, .nav-wrap.whitealt ul.navbar > li.current-menu-item > a {
color: #1300c1;
border-bottom: 2px solid #1300c1;
}
.nav-wrap.whitealt ul.navbar > li a:hover {
color: #1300c1;
border-bottom: 2px solid #1300c1;
}
@media (max-width: 768px) {
.nav-wrap.whitealt {
border-bottom: 0px solid #1300c1;
}
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.menu-wrap .social {
display: flex;
justify-content: center;
}
.menu-wrap .social a {
line-height: 1 !important;
}
.content-wrap {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.menu-wrap {
overflow: auto;
}
.menu-wrap svg {
height: 0;
}
.menu-wrap #offcanvas-top {
display: flex;
}
.menu-wrap #offcanvas-top div {
flex: 0 0 calc(33.33% - 1rem);
text-align: center;
font-size: 0.7rem;
height: 45px;
font-weight: bold;
}
.menu-wrap #offcanvas-top div i {
display: block;
font-size: 1.25rem;
color: #9da8ff;
}
.menu-wrap #offcanvas-top a {
color: #fff;
}
.menu-wrap #offcanvas-top a:hover, .menu-wrap #offcanvas-top a:hover i, .menu-wrap #offcanvas-top i:hover {
color: #ffcdd9;
}
.menu-wrap #header-buttons {
padding: 2rem 0 1rem 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.menu-wrap #header-buttons a.button {
padding: 0.5rem 0.25rem;
font-size: 0.8rem;
flex: 0 0 calc(50% - 0.5rem);
margin: 0.25rem 0;
}
.menu-wrap #header-buttons a.button.blue {
background-color: #fff !important;
color: #1300c1 !important;
}
.menu-wrap ul.sub-menu {
margin: 0;
padding: 0;
}
.menu-wrap ul.sub-menu li a {
font-size: 1rem;
padding: 0.5rem 0 0.5rem 0rem;
}
.menu-wrap .offcanvas-footer {
margin-top: 1rem;
padding: 1rem 0;
border-top: 1px solid rgba(255, 255, 255, 0.3);
overflow: hidden;
}
.menu-wrap .offcanvas-footer p {
font-size: 12px;
font-weight: 400;
letter-spacing: 0.5px;
}
.menu-wrap .offcanvas-footer .social {
width: 100%;
justify-content: flex-start;
margin-bottom: 20px;
margin-top: 20px;
}
.menu-wrap .offcanvas-footer .social a {
margin: 0 0.5rem;
}
.menu-wrap .offcanvas-footer .social a i {
color: #FFFFFF;
margin: 0 10px 0 0;
font-size: 22px;
}
.menu-wrap .offcanvas-footer .social a i:hover {
color: #ffcdd9;
}
.menu-wrap .offcanvas-footer .social a .svg-inline--fa:hover {
color: #ffcdd9;
}
.menu-wrap .offcanvas-footer .social a:first-of-type {
margin-left: 0;
}
.menu-wrap .offcanvas-contact {
font-size: 0.8rem;
margin-bottom: 0.5rem;
color: #fff;
}
.menu-wrap .offcanvas-contact a {
color: #fff;
}
.menu-wrap .offcanvas-contact i {
margin-right: 5px;
color: #ffcdd9;
}
.menu-wrap .copy, .menu-wrap .copy p a {
display: inline-block;
font-size: 0.8rem;
padding-bottom: 1rem;
color: #fff;
}
.menu-wrap ul#menu-terms-nav {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 1rem;
margin-top: 1rem;
padding: 0.5rem 0;
border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.menu-wrap ul#menu-terms-nav li {
display: block;
margin: 0;
}
.menu-wrap ul#menu-terms-nav li:before {
font-family: "Font Awesome 5 pro";
color: rgba(255, 255, 255, 0.2);
content: "\f0da";
left: 0.25rem;
font-size: 0.7rem;
font-weight: bold;
display: inline-block;
margin-right: 0.25rem;
}
.menu-wrap ul#menu-terms-nav li a {
color: #fff;
text-transform: capitalize;
font-size: 0.9rem;
}
.menu-wrap .content {
position: relative;
background: #b4bad2;
}
.menu-wrap .content::before {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
content: "";
opacity: 0;
transform: translate3d(100%, 0, 0);
transition: opacity 0.4s, transform 0s 0.4s;
transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
/* Menu Button */
.menu-button {
position: fixed;
z-index: 1000;
padding: 0;
width: 50px;
height: 47px;
border: none;
font-size: 2rem;
color: #1300c1;
top: -2px;
right: 0;
background-color: transparent;
border-radius: 0;
font-family: "font awesome 5 pro";
}
.menu-button i {
display: block;
color: #1300c1;
}
.menu-button.blue i, .menu-button.pink i, .menu-button.purple i {
color: #fff;
}
.menu-button.green i, .menu-button.sky i, .menu-button.peach i, .menu-button.white i {
color: #1300c1;
}
@media (min-width: 1024px) {
.menu-button {
display: none;
}
}
.menu-button:hover {
border: 0;
background-color: transparent;
}
body.full-screen .menu-button.green i,
body.full-screen .menu-button.sky i,
body.full-screen .menu-button.peach i,
body.full-screen .white i {
color: #fff;
}
body.full-screen.scrolled .menu-button.blue i, body.full-screen.scrolled .menu-button.pink i, body.full-screen.scrolled .menu-button.purple i, body.full-screen.scrolled .menu-button.white i,
.scrolled .menu-button.blue i,
.scrolled .menu-button.pink i,
.scrolled .menu-button.purple i,
.scrolled .menu-button.white i {
color: #fff;
}
body.full-screen.scrolled .menu-button.green i, body.full-screen.scrolled .menu-button.sky i, body.full-screen.scrolled .menu-button.peach i,
.scrolled .menu-button.green i,
.scrolled .menu-button.sky i,
.scrolled .menu-button.peach i {
color: #1300c1;
}
body.full-screen.scrolled .menu-button.white,
.scrolled .menu-button.white {
background-color: #1300c1;
}
.menu-button:hover {
opacity: 0.6;
}
/* Close Button */
.close-button {
width: 45px;
height: 45px;
position: absolute;
right: 7px;
top: 7px;
overflow: hidden;
text-indent: 1em;
font-size: 0.75em;
background: #1300c1;
border: 0;
color: #ffffff;
z-index: 1000;
}
.close-button span {
display: none;
}
.close-button:hover {
border: 0;
background-color: transparent;
}
.close-button::before,
.close-button::after {
content: "";
position: absolute;
width: 2px;
height: 70%;
top: 6px;
right: 48%;
background: #ffcdd9;
}
.close-button::before {
transform: rotate(45deg);
}
.close-button::after {
transform: rotate(-45deg);
}
/* Menu */
.menu-wrap {
position: fixed;
z-index: 1001;
width: 80%;
height: 100%;
background-color: #1300c1;
padding: 1rem 1rem 0;
font-size: 1rem;
right: -1200px;
transition: transform 0.4s;
transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
top: 0;
transition: all 0.6s;
}
@media (min-width: 1024px) {
.menu-wrap {
display: none;
}
}
.menu-wrap .menu {
position: relative;
z-index: 1000;
padding: 1rem 1rem 0;
}
.menu-wrap .menu ul {
padding: 0;
margin: 0;
}
.menu-wrap .menu ul li {
list-style: none;
text-align: left;
}
.menu-wrap .menu ul li.current_page_item {
border-top: 1px dashed rgba(255, 255, 255, 0.2);
border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
color: #ffcdd9;
}
.menu-wrap .menu li.menu-item-has-children {
position: relative;
}
.menu-wrap .menu li.menu-item-has-children:focus {
outline: none;
}
.menu-wrap .menu li.menu-item-has-children:after {
content: "\f067";
font-family: "font awesome 5 pro";
color: #fff;
position: absolute;
top: 5px;
right: 0;
}
.menu-wrap .menu li.menu-item-has-children.close:after {
content: "\f068";
}
.menu-wrap .menu li.menu-item-has-children > ul.sub-menu {
display: none;
padding: 0;
margin-left: 0.5rem;
}
.menu-wrap .menu li.menu-item-has-children > ul.sub-menu li {
list-style: none;
font-size: 0.9rem;
line-height: 1.5;
}
.menu-wrap .menu li.menu-item-has-children > ul.sub-menu li a {
padding: 0.25rem 0;
}
.menu-wrap .menu li.menu-item-has-children > ul.sub-menu li:before {
font-family: "Font Awesome 5 pro";
color: #9da8ff;
content: "\f0da";
left: 0.25rem;
font-size: 0.7rem;
font-weight: bold;
display: inline-block;
margin-right: 0.25rem;
}
.menu-wrap .menu li.menu-item-has-children > ul.sub-menu.open {
display: block;
}
.menu-wrap .menu a {
color: #fff;
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
text-decoration: none;
text-transform: none;
font-weight: normal;
font-size: 1rem;
line-height: 2;
font-weight: 300;
}
.menu-wrap .menu a:hover {
color: #ffcdd9;
}
.menu-wrap .menu ul#menu-main-menu-1 > li > a {
font-weight: 700;
}
.menu-wrap .social, .menu-wrap .social a {
color: #fff;
}
.menu,
.icon-list {
height: 100%;
}
.icon-list a span {
margin-left: 10px;
font-weight: 700;
}
/* Shown menu */
.show-menu .menu-wrap {
right: 0;
}
.show-menu .content::before {
color: red !important;
opacity: 1;
transition: opacity 0.8s;
transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
transform: translate3d(0, 0, 0);
}
.full-screen .menu-button {
color: #fff;
}
.full-screen.scrolled .menu-button {
color: #1300c1;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
/* Make sure select elements fit in widgets. */
}
.widget select {
max-width: 100%;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
body.full-screen .fbc-page {
display: none;
}
body.full-screen #top-bar,
body.full-screen #top-bar.pink,
body.full-screen #top-bar.blue,
body.full-screen #top-bar.green,
body.full-screen #top-bar.peach,
body.full-screen #top-bar.sky,
body.full-screen #top-bar.purple {
background-color: transparent;
border-bottom: none;
color: #fff !important;
transition: all 0.3s;
}
body.full-screen #top-bar a,
body.full-screen #top-bar.pink a,
body.full-screen #top-bar.blue a,
body.full-screen #top-bar.green a,
body.full-screen #top-bar.peach a,
body.full-screen #top-bar.sky a,
body.full-screen #top-bar.purple a {
color: #fff;
}
body.full-screen #top-bar a:hover,
body.full-screen #top-bar.pink a:hover,
body.full-screen #top-bar.blue a:hover,
body.full-screen #top-bar.green a:hover,
body.full-screen #top-bar.peach a:hover,
body.full-screen #top-bar.sky a:hover,
body.full-screen #top-bar.purple a:hover {
color: #ff0071;
text-decoration: underline;
}
body.full-screen #top-bar .sb-search input[type=search],
body.full-screen #top-bar.pink .sb-search input[type=search],
body.full-screen #top-bar.blue .sb-search input[type=search],
body.full-screen #top-bar.green .sb-search input[type=search],
body.full-screen #top-bar.peach .sb-search input[type=search],
body.full-screen #top-bar.sky .sb-search input[type=search],
body.full-screen #top-bar.purple .sb-search input[type=search] {
opacity: 0;
}
body.full-screen #top-bar .sb-search.sb-search-open input[type=search],
body.full-screen #top-bar.pink .sb-search.sb-search-open input[type=search],
body.full-screen #top-bar.blue .sb-search.sb-search-open input[type=search],
body.full-screen #top-bar.green .sb-search.sb-search-open input[type=search],
body.full-screen #top-bar.peach .sb-search.sb-search-open input[type=search],
body.full-screen #top-bar.sky .sb-search.sb-search-open input[type=search],
body.full-screen #top-bar.purple .sb-search.sb-search-open input[type=search] {
opacity: 1;
}
body.full-screen #top-bar .sb-search .sb-icon-search,
body.full-screen #top-bar.pink .sb-search .sb-icon-search,
body.full-screen #top-bar.blue .sb-search .sb-icon-search,
body.full-screen #top-bar.green .sb-search .sb-icon-search,
body.full-screen #top-bar.peach .sb-search .sb-icon-search,
body.full-screen #top-bar.sky .sb-search .sb-icon-search,
body.full-screen #top-bar.purple .sb-search .sb-icon-search {
background-color: transparent;
color: #fff;
}
#top-bar.pink.sb-search-open {
background-color: #ff0071;
}
#top-bar.green.sb-search-open {
background-color: #71f5c4;
}
#top-bar {
align-items: center;
height: 45px;
z-index: 10;
position: fixed;
width: 100%;
/*Search*/
/* Mini Cart Header */
}
@media (min-width: 1024px) {
#top-bar {
position: relative;
}
}
#top-bar .wrap {
align-items: center;
height: 100%;
position: relative;
}
#top-bar .social {
display: flex;
height: 100%;
}
@media (min-width: 1024px) {
#top-bar .social {
flex: 0 0 auto;
}
}
#top-bar .social a {
width: 35px;
font-size: 1.25rem;
display: flex;
justify-content: center;
align-items: center;
}
@media (min-width: 1024px) {
#top-bar .social a {
width: 45px;
font-size: 1.3125rem;
}
}
#top-bar .social a:first-of-type {
margin-left: 0;
}
#top-bar .social a:hover {
text-decoration: none !important;
}
#top-bar #translate {
margin-left: 1rem;
margin-right: auto;
}
#top-bar #translate span {
display: none;
}
#top-bar #minicart {
display: none;
margin-right: 1rem;
}
@media (min-width: 1024px) {
#top-bar #minicart {
margin-right: 0;
margin-left: -2.5rem;
display: block;
}
}
#top-bar #topbar-contact {
display: none;
margin-left: auto;
margin-right: 3rem;
}
@media (min-width: 1024px) {
#top-bar #topbar-contact {
display: block;
margin-right: 3rem;
}
}
@media (min-width: 1200px) {
#top-bar #topbar-contact {
margin-right: 3rem;
}
}
#top-bar #topbar-contact a {
margin-right: 0.5rem;
}
#top-bar #topbar-contact i {
margin-right: 0.25rem;
}
#top-bar #account {
display: none;
font-size: 1.3125rem;
width: 45px;
height: 45px;
justify-content: center;
align-items: center;
margin-right: calc(45px + 1rem);
}
@media (min-width: 1024px) {
#top-bar #account {
display: flex;
}
}
#top-bar .sb-search {
display: flex;
position: absolute;
z-index: 100000;
right: 50px;
}
@media (min-width: 1024px) {
#top-bar .sb-search {
right: 0;
}
}
#top-bar .sb-icon-search {
color: #1300c1;
}
#top-bar .sb-icon-search:hover {
color: #fff;
background-color: rgba(19, 0, 193, 0.4);
}
#top-bar .sb-search.sb-search-open .sb-icon-search,
#top-bar .no-js .sb-search .sb-icon-search {
color: #fff;
background-color: rgba(19, 0, 193, 0.4);
}
#top-bar .sb-search.sb-search-open,
#top-bar .no-js .sb-search {
width: calc(100% - 50px);
}
@media (min-width: 1024px) {
#top-bar .sb-search.sb-search-open,
#top-bar .no-js .sb-search {
width: 50%;
}
}
#top-bar input#search.sb-search-input {
color: #1300c1 !important;
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
background-color: #fff !important;
}
#top-bar .sb-search-input::-webkit-input-placeholder,
#top-bar .sb-search-input:-moz-placeholder,
#top-bar .sb-search-input::-moz-placeholder,
#top-bar .sb-search-input:-ms-input-placeholder {
color: #1300c1 !important;
}
#top-bar.white {
background-color: white;
border-bottom: 1px solid #1300c1;
color: #1300c1;
}
#top-bar.white a {
color: #1300c1;
}
#top-bar.white a:hover {
color: #ff0071;
}
#top-bar.white .sb-icon-search {
background-color: #1300c1;
color: #fff;
}
#top-bar.white .sb-search-open input#search {
background-color: #f2f2f2 !important;
}
#top-bar.white .sb-search.sb-search-open .sb-icon-search,
#top-bar.white .no-js .sb-search .sb-icon-search {
color: #fff;
background-color: #ff0071;
}
#top-bar.white .social a:hover {
color: #fff;
background-color: #3d28ff;
}
#top-bar.whitealt {
background-color: white;
border-bottom: 0px solid #1300c1;
color: #1300c1;
}
#top-bar.whitealt a {
color: #1300c1;
}
#top-bar.whitealt a:hover {
color: #ff0071;
}
#top-bar.whitealt .sb-icon-search {
background-color: #1300c1;
color: #fff;
border-radius: 100px;
width: 40px;
height: 40px;
line-height: 40px;
margin-top: 2px;
}
#top-bar.whitealt .sb-search-open input#search {
background-color: #f2f2f2 !important;
border-radius: 100px;
}
#top-bar.whitealt .sb-search.sb-search-open .sb-icon-search,
#top-bar.whitealt .no-js .sb-search .sb-icon-search {
color: #fff;
background-color: #ff0071;
}
#top-bar.whitealt .social a:hover {
color: #fff;
background-color: #3d28ff;
}
#top-bar.pinkalt {
background-color: white;
border-bottom: 0px solid #1300c1;
color: #1300c1;
}
#top-bar.pinkalt a {
color: #1300c1;
}
#top-bar.pinkalt a:hover {
color: #ff0071;
}
#top-bar.pinkalt .sb-icon-search {
background-color: #ff0071;
color: #fff;
border-radius: 100px;
width: 40px;
height: 40px;
line-height: 40px;
margin-top: 2px;
}
#top-bar.pinkalt .sb-search-open input#search {
background-color: #f2f2f2 !important;
border-radius: 100px;
}
#top-bar.pinkalt .sb-search.sb-search-open .sb-icon-search,
#top-bar.pinkalt .no-js .sb-search .sb-icon-search {
color: #fff;
background-color: #ff0071;
}
#top-bar.pinkalt .social a:hover {
color: #fff;
background-color: #3d28ff;
}
#top-bar.blue {
background-color: #1300c1;
color: #fff;
border-bottom: 1px solid #1300c1;
}
#top-bar.blue a {
color: #fff;
}
#top-bar.blue a:hover {
color: #fff;
}
#top-bar.blue .sb-icon-search {
background-color: #3d28ff;
color: #fff;
}
#top-bar.blue .sb-search.sb-search-open .sb-icon-search,
#top-bar.blue .no-js .sb-search .sb-icon-search {
color: #fff;
background-color: #3d28ff !important;
}
#top-bar.blue .social a:hover {
color: #fff;
background-color: #3d28ff;
}
#top-bar.sky {
background-color: #9da8ff;
color: #1300c1;
border-bottom: 1px solid #9da8ff;
}
#top-bar.sky a {
color: #1300c1;
}
#top-bar.sky a:hover {
color: #1800f4;
}
#top-bar.sky .sb-icon-search {
background-color: #6a7bff;
color: #fff;
}
#top-bar.sky .sb-search.sb-search-open .sb-icon-search,
#top-bar.sky .no-js .sb-search .sb-icon-search {
background-color: #8491ff !important;
}
#top-bar.sky .social a:hover {
color: #1800f4;
background-color: #6a7bff;
}
#top-bar.peach {
background-color: #ffcdd9;
color: #1300c1;
border-bottom: 1px solid #ffcdd9;
}
#top-bar.peach a {
color: #1300c1;
}
#top-bar.peach a:hover {
color: #1800f4;
}
#top-bar.peach .sb-icon-search {
background-color: #ff9ab2;
color: #fff;
}
#top-bar.peach .sb-search.sb-search-open .sb-icon-search,
#top-bar.peach .no-js .sb-search .sb-icon-search {
background-color: #ffb4c6 !important;
}
#top-bar.peach .social a:hover {
color: #1800f4;
background-color: #ff9ab2;
}
#top-bar.green {
background-color: #71f5c4;
color: #1300c1;
border-bottom: 1px solid #71f5c4;
}
#top-bar.green a {
color: #1300c1;
}
#top-bar.green a:hover {
color: #1800f4;
}
#top-bar.green .sb-icon-search {
background-color: #d0fcec;
color: #1300c1;
}
#top-bar.green .sb-search.sb-search-open .sb-icon-search,
#top-bar.green .no-js .sb-search .sb-icon-search {
background-color: #59f3ba !important;
}
#top-bar.green .social a:hover {
color: #1800f4;
background-color: #a1f8d8;
}
#top-bar.purple {
background-color: #8149ff;
color: #fff;
border-bottom: 1px solid #8149ff;
}
#top-bar.purple a {
color: #fff;
}
#top-bar.purple a:hover {
color: white;
}
#top-bar.purple .sb-icon-search {
background-color: #5e16ff;
color: #fff;
}
#top-bar.purple .sb-search.sb-search-open .sb-icon-search,
#top-bar.purple .no-js .sb-search .sb-icon-search {
background-color: #6f30ff !important;
}
#top-bar.purple .social a:hover {
color: white;
background-color: #5e16ff;
}
#top-bar.pink {
background-color: #ff0071;
color: #fff;
border-bottom: 1px solid #ff0071;
}
#top-bar.pink a {
color: #fff;
}
#top-bar.pink a:hover {
color: white;
}
#top-bar.pink .sb-icon-search {
background-color: #cc005a;
color: #fff;
}
#top-bar.pink .sb-search.sb-search-open .sb-icon-search,
#top-bar.pink .no-js .sb-search .sb-icon-search {
background-color: #e60066 !important;
}
#top-bar.pink .social a:hover {
color: white;
background-color: #cc005a;
}
#top-bar .wmc-cart-wrapper.shortcode-wrapper {
display: flex;
width: 45px !important;
height: 45px;
justify-content: center;
align-items: center;
position: relative;
}
#top-bar .wmc-cart-wrapper.shortcode-wrapper .wmc-cart {
top: -2px;
}
#top-bar .wmc-cart-wrapper.shortcode-wrapper .wmc-cart img {
display: none;
}
#top-bar .wmc-cart-wrapper.shortcode-wrapper a.wmc-cart:before {
font-family: "font awesome 5 pro";
content: "\f07a";
font-size: 1.3125rem;
}
#top-bar .wmc-cart-wrapper.shortcode-wrapper a.wmc-cart:hover {
text-decoration: none;
}
#top-bar .wmc-cart-wrapper.shortcode-wrapper .wmc-count {
top: 0px;
right: -12px;
height: 18px;
width: 18px;
font-weight: bold;
background-color: #ff0071 !important;
}
#top-bar .wmc-cart-wrapper.shortcode-wrapper .wmc-content, #top-bar .wmc-cart-wrapper.shortcode-wrapper .wmc-content .wmc-empty {
position: absolute;
right: 0;
top: 45px !important;
transition: 0.4s ease-in-out opacity;
box-shadow: none;
}
@media (max-width: 768px) {
#top-bar .wmc-cart-wrapper.shortcode-wrapper .wmc-content, #top-bar .wmc-cart-wrapper.shortcode-wrapper .wmc-content .wmc-empty {
left: -600%;
top: 32px;
border-top: 0;
}
}
#top-bar .wmc-cart-wrapper.shortcode-wrapper .wmc-content h3, #top-bar .wmc-cart-wrapper.shortcode-wrapper .wmc-content .wmc-empty h3 {
font-size: 1rem !important;
background-color: #ff0071 !important;
}
#top-bar .wmc-cart-wrapper.shortcode-wrapper .wmc-cart-wrapper:hover .wmc-content {
opacity: 1;
}
#top-bar .wmc-cart-wrapper.shortcode-wrapper .wmc-details h4 {
font-size: 1rem !important;
}
#top-bar .wmc-cart-wrapper.shortcode-wrapper .wmc-remove a {
color: red;
}
#top-bar .wmc-cart-wrapper.shortcode-wrapper .wmc-remove a:hover {
text-decoration: none;
}
#top-bar .wmc-bottom-buttons {
display: flex;
justify-content: center;
width: 90%;
margin: 0 auto;
}
#top-bar .wmc-bottom-buttons a {
flex: 0 0 calc(50% - 2rem);
height: 2.5rem;
margin: 0 0.25rem;
font-size: 0.8rem !important;
font-weight: bold !important;
}
#top-bar .wmc-bottom-buttons a.wmc-checkout,
#top-bar .wmc-bottom-buttons a.wmc-view-cart {
border-radius: 4px;
border: 1px solid #1300c1;
display: flex;
float: left;
justify-content: center;
align-items: center;
font-size: 1rem;
font-weight: 400;
padding: 0;
transition: all 0.3s ease;
text-decoration: none !important;
background-color: #1300c1 !important;
}
#top-bar .wmc-bottom-buttons a.wmc-checkout:hover,
#top-bar .wmc-bottom-buttons a.wmc-view-cart:hover {
background-color: #ffcdd9 !important;
color: #1300c1 !important;
}
.full-screen.scrolled #top-bar.white, .full-screen.scrolled #top-bar.whitealt, .sb-icon-search .full-screen.scrolled {
background-color: #ffffff;
}
.full-screen.scrolled #top-bar.white *, .full-screen.scrolled #top-bar.whitealt *, .sb-icon-search .full-screen.scrolled * {
color: #1300c1 !important;
}
.full-screen.scrolled #top-bar.pink, .sb-icon-search .full-screen.scrolled {
background-color: #ff0071;
}
.full-screen.scrolled #top-bar.blue {
background-color: #1300c1;
}
.full-screen.scrolled #top-bar.green, .sb-icon-search .full-screen.scrolled {
background-color: #71f5c4;
}
.full-screen.scrolled #top-bar.green *, .sb-icon-search .full-screen.scrolled * {
color: #1300c1 !important;
}
.full-screen.scrolled #top-bar.sky, .sb-icon-search .full-screen.scrolled {
background-color: #9da8ff;
}
.full-screen.scrolled #top-bar.sky *, .sb-icon-search .full-screen.scrolled * {
color: #1300c1 !important;
}
.full-screen.scrolled #top-bar.purple, .sb-icon-search .full-screen.scrolled {
background-color: #8149ff;
}
.full-screen.scrolled #top-bar.peach, .sb-icon-search .full-screen.scrolled {
background-color: #ffcdd9;
}
.full-screen.scrolled #top-bar.peach *, .sb-icon-search .full-screen.scrolled * {
color: #1300c1 !important;
}
.wmc-cart-wrapper {
display: none;
}
.wmc-cart-wrapper ul li p {
color: #1300c1;
}
.wmc-cart-wrapper .wmc-price .woocommerce-Price-amount {
color: #1300c1;
}
header {
width: 100%;
height: auto;
position: relative;
z-index: 1;
background-color: #fff;
transition: all 0.2s;
display: block;
}
@media (min-width: 1024px) {
header {
background-color: #fff;
box-shadow: none;
height: auto;
}
}
header > .wrap {
align-items: center;
width: 100%;
display: flex;
justify-content: space-between;
min-height: 125px;
margin-top: 45px;
}
@media (min-width: 1024px) {
header > .wrap {
padding: 1rem 1rem;
margin-top: 0;
}
}
@media (min-width: 1200px) {
header > .wrap {
padding: 1rem 0;
}
}
header .site-branding {
display: none;
}
@media (min-width: 1024px) {
header .site-branding {
display: flex;
}
}
header .site-branding .logo span {
visibility: hidden;
display: none;
}
header .site-branding.mobile {
display: flex;
margin: 0;
width: 75%;
margin-top: 1rem;
justify-content: flex-start;
}
header .site-branding.mobile picture img {
width: 200px;
}
@media (min-width: 1024px) {
header .site-branding.mobile {
display: none;
}
}
header #header-buttons {
margin-right: 0;
margin-left: auto;
display: none;
}
@media (min-width: 1024px) {
header #header-buttons {
display: block;
}
}
header #header-buttons a {
margin-left: 0.25rem;
}
.full-screen header {
height: 60px;
}
@media (min-width: 768px) {
.full-screen header {
height: 85px;
}
}
body.full-screen header {
background-color: transparent;
}
body.full-screen #top-bar {
background-color: transparent;
border: 0;
}
body.full-screen .nav-wrap {
background-color: transparent;
border-bottom: 0 solid white;
}
body.full-screen #content {
margin-top: -175px;
}
@media (min-width: 1024px) {
body.full-screen #content {
margin-top: -175px;
}
}
.page-template-flexible-inside-page header {
height: auto;
}
/* ----------------------------------------------------------------------------------------------------------
Banner and Slider ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.fs-banner {
position: relative;
z-index: 0;
margin-bottom: 0;
display: block;
max-height: 1024px;
}
@media (min-width: 768px) {
.fs-banner {
height: 80vh;
}
}
@media (min-width: 1200px) {
.fs-banner {
height: 95vh;
}
}
@media (min-width: 768px) {
.fs-banner {
margin-top: -136px;
min-height: 768px;
margin-top: 0;
justify-content: flex-start;
align-items: center;
display: flex;
}
.fs-banner.left .wrap.container {
justify-content: flex-start;
}
.fs-banner.left .wrap.container .fs-content-box {
margin-left: 1rem;
margin-right: auto;
}
.fs-banner.centre .wrap.container {
justify-content: center;
}
.fs-banner.centre .wrap.container .fs-content-box {
margin-left: auto;
margin-right: auto;
}
.fs-banner.right .wrap.container {
justify-content: flex-end;
}
}
.fs-banner .wrap.container {
width: 100%;
display: block;
margin-top: 0;
padding: 0;
height: 100%;
align-items: center;
}
@media (min-width: 768px) {
.fs-banner .wrap.container {
display: flex;
margin-top: 180px;
padding: 0;
}
}
@media (min-width: 1200px) {
.fs-banner .wrap.container {
margin-top: 130px;
}
}
.fs-banner .wrap.container .fs-content-box {
color: #1300c1;
box-sizing: border-box;
text-align: center;
padding: 2rem;
margin-left: auto;
margin-right: auto;
min-height: 320px;
height: 40%;
display: flex;
flex-direction: column;
justify-content: center;
}
.fs-banner .wrap.container .fs-content-box h2 {
font-size: 1.5rem;
}
.fs-banner .wrap.container .fs-content-box h1.large {
font-size: 2rem;
line-height: 1;
}
@media (min-width: 768px) {
.fs-banner .wrap.container .fs-content-box {
margin-top: -2rem;
flex: 0 0 50%;
padding: 70px;
margin-right: 0;
height: auto;
}
.fs-banner .wrap.container .fs-content-box h1.large {
font-size: 3rem;
margin-bottom: 1rem;
line-height: 1;
}
.fs-banner .wrap.container .fs-content-box h2 {
font-size: 2rem;
}
}
.fs-banner .wrap.container .fs-content-box.pink {
background-color: #ff0071;
}
.fs-banner .wrap.container .fs-content-box.pink * {
color: #fff;
}
.fs-banner .wrap.container .fs-content-box.green {
background-color: #71f5c4;
}
.fs-banner .wrap.container .fs-content-box.green * {
color: #1300c1;
}
.fs-banner .wrap.container .fs-content-box.sky {
background-color: #9da8ff;
}
.fs-banner .wrap.container .fs-content-box.sky * {
color: #1300c1;
}
.fs-banner .wrap.container .fs-content-box.peach {
background-color: #ffcdd9;
}
.fs-banner .wrap.container .fs-content-box.peach * {
color: #1300c1;
}
.fs-banner .wrap.container .fs-content-box.purple {
background-color: #8149ff;
}
.fs-banner .wrap.container .fs-content-box.purple * {
color: #fff;
}
.fs-banner .wrap.container .fs-content-box.blue {
background-color: #1300c1;
}
.fs-banner .wrap.container .fs-content-box.blue * {
color: #fff;
}
.fs-banner .wrap.container .fs-content-box.transparent {
background-color: transparent;
}
.fs-banner .wrap.container .fs-content-box.transparent * {
color: #fff;
text-shadow: 0 0 20px rgb(0, 0, 0);
}
.fs-banner .wrap.container .fs-content-box.transparent p {
text-shadow: 1px 1px 2px rgb(0, 0, 0);
}
.fs-banner picture {
height: 100%;
width: 100%;
}
@media (min-width: 768px) {
.fs-banner picture {
position: absolute;
width: 100%;
z-index: -1;
}
}
.fs-banner picture img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top center;
object-position: top center;
width: 100%;
height: 60%;
min-height: 475px;
top: 0;
display: block;
}
@media (min-width: 768px) {
.fs-banner picture img {
height: 100%;
}
}
.fs-banner picture:before {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
content: "";
height: 500px;
background: rgb(0, 0, 0);
background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.slider .banner picture {
width: 100%;
}
@media (min-width: 768px) {
.slider .banner picture {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
position: absolute;
}
}
.slider .banner picture img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
}
.slider .banner picture .slider-text {
position: absolute;
margin: auto;
}
.slider .banner picture .slider-text h1, .slider .banner picture .slider-text h2 {
margin-bottom: 24px;
}
/*Banner with optional text overlay*/
@media (max-width: 767px) {
.slider.fw .slick-slide {
height: auto !important;
min-height: auto !important;
}
.slider.fw .slick-slide picture {
display: block;
}
.slider.fw .slick-slide picture .slider-text {
position: relative;
width: 100% !important;
display: block;
}
}
/*BANNER 50/50*/
@media (min-width: 768px) {
.slider#banner50 .slick-arrow.slick-prev {
left: 50%;
}
}
.slider#banner50 .slick-arrow.slick-prev .slick-arrow {
top: 99%;
}
@media (min-width: 768px) {
.slider#banner50 .slick-arrow.slick-prev .slick-arrow {
top: 95%;
}
}
.slider#banner50 .slick-arrow:after {
color: #fff;
}
@media (min-width: 768px) {
.slider#banner50 ul.slick-dots {
width: 50%;
left: 50%;
}
}
.slider#banner50 .slick-track {
display: flex;
}
.slider .banner50.slick-slide {
display: flex !important;
flex: 1;
height: auto;
flex-direction: column;
justify-content: flex-start;
}
@media (min-width: 768px) {
.slider .banner50.slick-slide {
flex-direction: row;
}
}
.slider .banner50.slick-slide.right .text50 {
order: 2;
}
.slider .banner50.slick-slide.left .text50 {
order: 0;
}
.slider .banner50.slick-slide .image50 {
width: 100%;
}
@media (min-width: 768px) {
.slider .banner50.slick-slide .image50 {
flex: 0 0 50%;
height: 100%;
order: 1;
}
}
.slider .banner50.slick-slide .image50 img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: left center;
object-position: left center;
}
@media (max-width: 768px) {
.slider .banner50.slick-slide .image50 img {
height: 310px;
width: 100%;
}
}
.slider .banner50.slick-slide .text50 {
padding: 32px;
flex: 0 0 1;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
order: 0;
}
@media (min-width: 1024px) {
.slider .banner50.slick-slide .text50 {
flex: 0 0 50%;
padding: 50px;
height: 100%;
}
}
.slider .banner50.slick-slide .text50 h1, .slider .banner50.slick-slide .text50 h2 {
font-size: 36px;
font-weight: bold;
}
.slider .banner50.slick-slide.pink {
background-color: #ff0071;
}
.slider .banner50.slick-slide.pink * {
color: #fff;
}
.slider .banner50.slick-slide.pink blockquote p, .slider .banner50.slick-slide.pink blockquote h1, .slider .banner50.slick-slide.pink blockquote h2, .slider .banner50.slick-slide.pink blockquote h3, .slider .banner50.slick-slide.pink blockquote h4, .slider .banner50.slick-slide.pink blockquote a {
color: #ffffff !important;
}
.slider .banner50.slick-slide.pink blockquote p::before, .slider .banner50.slick-slide.pink blockquote h1::before, .slider .banner50.slick-slide.pink blockquote h2::before, .slider .banner50.slick-slide.pink blockquote h3::before, .slider .banner50.slick-slide.pink blockquote h4::before, .slider .banner50.slick-slide.pink blockquote a::before {
color: #ffffff !important;
}
.slider .banner50.slick-slide.pink blockquote p::after, .slider .banner50.slick-slide.pink blockquote h1::after, .slider .banner50.slick-slide.pink blockquote h2::after, .slider .banner50.slick-slide.pink blockquote h3::after, .slider .banner50.slick-slide.pink blockquote h4::after, .slider .banner50.slick-slide.pink blockquote a::after {
color: #ffffff !important;
}
.slider .banner50.slick-slide.green {
background-color: #71f5c4;
}
.slider .banner50.slick-slide.green * {
color: #1300c1;
}
.slider .banner50.slick-slide.sky {
background-color: #9da8ff;
}
.slider .banner50.slick-slide.sky * {
color: #1300c1;
}
.slider .banner50.slick-slide.peach {
background-color: #ffcdd9;
}
.slider .banner50.slick-slide.peach * {
color: #1300c1;
}
.slider .banner50.slick-slide.blue {
background-color: #1300c1;
}
.slider .banner50.slick-slide.blue * {
color: #fff;
}
.slider .banner50.slick-slide.blue blockquote p, .slider .banner50.slick-slide.blue blockquote h1, .slider .banner50.slick-slide.blue blockquote h2, .slider .banner50.slick-slide.blue blockquote h3, .slider .banner50.slick-slide.blue blockquote h4, .slider .banner50.slick-slide.blue blockquote a {
color: #ffffff !important;
}
.slider .banner50.slick-slide.blue blockquote p::before, .slider .banner50.slick-slide.blue blockquote h1::before, .slider .banner50.slick-slide.blue blockquote h2::before, .slider .banner50.slick-slide.blue blockquote h3::before, .slider .banner50.slick-slide.blue blockquote h4::before, .slider .banner50.slick-slide.blue blockquote a::before {
color: #ffffff !important;
}
.slider .banner50.slick-slide.blue blockquote p::after, .slider .banner50.slick-slide.blue blockquote h1::after, .slider .banner50.slick-slide.blue blockquote h2::after, .slider .banner50.slick-slide.blue blockquote h3::after, .slider .banner50.slick-slide.blue blockquote h4::after, .slider .banner50.slick-slide.blue blockquote a::after {
color: #ffffff !important;
}
.slider .banner50.slick-slide.purple {
background-color: #8149ff;
}
.slider .banner50.slick-slide.purple * {
color: #fff;
}
.slider .banner50.slick-slide.purple blockquote p, .slider .banner50.slick-slide.purple blockquote h1, .slider .banner50.slick-slide.purple blockquote h2, .slider .banner50.slick-slide.purple blockquote h3, .slider .banner50.slick-slide.purple blockquote h4, .slider .banner50.slick-slide.purple blockquote a {
color: #ffffff !important;
}
.slider .banner50.slick-slide.purple blockquote p::before, .slider .banner50.slick-slide.purple blockquote h1::before, .slider .banner50.slick-slide.purple blockquote h2::before, .slider .banner50.slick-slide.purple blockquote h3::before, .slider .banner50.slick-slide.purple blockquote h4::before, .slider .banner50.slick-slide.purple blockquote a::before {
color: #ffffff !important;
}
.slider .banner50.slick-slide.purple blockquote p::after, .slider .banner50.slick-slide.purple blockquote h1::after, .slider .banner50.slick-slide.purple blockquote h2::after, .slider .banner50.slick-slide.purple blockquote h3::after, .slider .banner50.slick-slide.purple blockquote h4::after, .slider .banner50.slick-slide.purple blockquote a::after {
color: #ffffff !important;
}
@media (max-width: 1024px) {
.slider .banner50.slick-slide.h200, .slider .banner50.slick-slide.h300, .slider .banner50.slick-slide.h400 {
height: auto !important;
}
}
/* DONATE BANNER */
.donate-banner {
display: flex;
position: relative;
padding: 1rem;
background-size: cover;
background-position: center;
justify-content: flex-end;
margin-bottom: 2rem;
}
.donate-banner.left {
justify-content: flex-start;
}
@media (min-width: 1024px) {
.donate-banner {
margin-bottom: 0;
}
}
.donate-banner .banner-donation {
z-index: 0;
position: relative;
background-color: #fff;
border-radius: 8px;
padding: 1rem;
margin: 1rem;
text-align: center;
}
@media (min-width: 1024px) {
.donate-banner .banner-donation {
flex: 0 0 40%;
}
}
.donate-banner .banner-donation .give-form-wrap h2 {
font-size: 1.25rem;
}
.donate-banner .banner-donation .give-form-wrap .give-btn {
font-size: 1rem;
}
/*Banner Typography */
.banner h1, .banner h2, .banner h3, .banner50 h1, .banner50 h2, .banner50 h3 {
margin-bottom: 24px;
}
.slider-container {
display: block;
width: 100%;
color: #fff;
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
font-size: 16px;
margin-top: 0px;
}
.slider-container picture {
position: relative;
height: 100%;
}
.slider-container picture img {
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
height: 100%;
}
@media (min-width: 768px) {
.slider-container picture .banner-quote {
position: absolute;
width: 50%;
border-radius: 20px;
padding: 2rem;
left: 2rem;
top: 2rem;
padding: 0;
}
}
@media (min-width: 1200px) {
.slider-container picture .banner-quote {
width: 40%;
}
}
@media (max-width: 768px) {
.slider-container {
text-align: left;
font-size: 20px;
margin-top: 0px;
}
.slider-container h1 {
font-size: 24px;
}
}
.slider-container h1 {
font-size: 20px;
margin-top: 0px;
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
font-weight: normal;
padding: 0;
color: #fff;
}
@media (min-width: 1024px) {
.slider-container h1 {
font-size: 60px;
}
}
.slider-container ul.slick-dots li:before {
display: none;
}
.video-holder {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
margin-top: -10px;
margin-bottom: 20px;
}
@media (max-width: 768px) {
.video-holder {
/*height: 180px;*/
margin-top: 30px;
}
}
.video-holder .video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#arve .arve-wrapper {
margin-bottom: 0 !important;
}
.slider {
display: none;
margin-bottom: 0;
}
.slider.slick-initialized {
display: block;
}
.slider div.h400, .slider picture.h400 {
min-height: 250px !important;
}
@media (min-width: 1024px) {
.slider div.h400, .slider picture.h400 {
height: 400px !important;
}
}
.slider div.h300, .slider picture.h300 {
height: 200px !important;
}
@media (min-width: 1024px) {
.slider div.h300, .slider picture.h300 {
height: 300px !important;
}
}
.slider div.h200, .slider picture.h200 {
height: 200px !important;
}
.slider div.slick-slide {
background-color: transparent;
background-size: cover;
min-height: auto;
min-height: 200px;
}
@media (min-width: 1024px) {
.slider div.slick-slide {
display: flex;
align-items: center;
justify-content: center;
}
}
@media (min-width: 1024px) {
.slider div.slick-slide {
height: 400px;
}
}
.slider div.slick-slide img {
display: block;
width: 100%;
}
.slider div.slick-slide .slider-text {
text-align: center;
background-color: rgba(255, 255, 255, 0.7);
padding: 25px;
width: 75%;
}
@media (min-width: 768px) {
.slider div.slick-slide .slider-text {
width: 75%;
padding: 25px;
}
}
@media (min-width: 1024px) {
.slider div.slick-slide .slider-text {
width: 66.667%;
padding: 50px;
}
}
.slider div.slick-slide .slider-text h1, .slider div.slick-slide .slider-text h4, .slider div.slick-slide .slider-text p {
color: #1300c1 !important;
margin: 0;
line-height: 1.3; /*
text-shadow: 0px 2px 4px rgba(0, 0, 0, 1);*/
display: block;
}
.slider div.slick-slide .slider-text h4 {
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
}
.slider div.slick-slide .slider-text h1 {
margin-bottom: 20px;
line-height: 1;
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
font-size: 32px;
}
.slider div.slick-slide .slider-text p.lead {
font-size: 16px;
margin-bottom: 30px;
border-radius: 4px;
background-color: rgba(255, 255, 255, 0.5);
padding: 25px 40px;
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
color: #1300c1;
}
@media (min-width: 1024px) {
.slider div.slick-slide .slider-text p.lead {
font-size: 20px;
font-weight: bold;
}
}
@media (min-width: 1024px) {
.slider div.slick-slide .slider-text {
padding: 25px 20px;
}
}
.slider div.slick-slide .wrap.container-fluid {
width: 100%;
}
.slider .slick-arrow {
position: absolute;
top: 50%;
border: none;
margin-top: -15px;
width: 30px;
height: 30px;
background: none;
}
.slider .slick-arrow:focus {
outline: none;
}
.slider .slick-arrow:after {
font-family: "Font Awesome 5 Pro";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-indent: 0;
text-align: center;
padding: 8px 0;
color: #ffcdd9;
z-index: 1;
transition: color 0.25s linear;
}
.slider .slick-arrow:hover:after {
color: #FFFFFF;
}
.slider .slick-arrow.slick-prev {
left: 0;
}
.slider .slick-arrow.slick-prev:after {
content: "\f053";
}
.slider .slick-arrow.slick-next {
right: 0;
}
.slider .slick-arrow.slick-next:after {
content: "\f054";
}
.slider ul.slick-dots {
position: absolute;
bottom: 0;
text-align: center;
margin: 0;
padding: 0;
width: 100%;
}
.slider ul.slick-dots li {
display: inline-block;
margin: 0 2px;
padding: 0 4px;
background: none;
padding-left: 0 !important;
}
.slider ul.slick-dots li:before {
display: none;
}
.slider ul.slick-dots li button {
border: none;
background: rgba(255, 255, 255, 0.5);
padding: 0;
text-indent: -9999px;
width: 10px;
height: 10px;
border-radius: 0px;
}
.slider ul.slick-dots li.slick-active button {
background-color: #fff;
}
.flexi-slider.slider div.slick-slide {
background-color: transparent;
background-size: cover;
min-height: auto;
align-items: center;
justify-content: center;
background-size: cover;
}
@media (min-width: 768px) {
.flexi-slider.slider div.slick-slide {
height: auto;
}
}
@media (min-width: 1024px) {
.flexi-slider.slider div.slick-slide {
height: auto;
}
}
.flexi-slider.slider div.slick-slide img {
display: block;
width: 100%;
}
.flexi-slider.slider .banner-content {
position: absolute;
display: block;
bottom: 0;
width: 100%;
background-color: rgba(247, 247, 247, 0.7803921569);
}
.flexi-slider.slider .banner-content p {
color: #1300c1 !important;
padding: 5px 5px 5px 10px;
margin: 0;
}
.slider-container .banner-box {
background-color: rgba(0, 51, 119, 0.8);
padding: 1rem;
color: #fff;
font-size: 16px;
line-height: 1.5;
padding: 1.5rem 3rem;
width: 100%;
box-sizing: border-box;
}
@media (min-width: 768px) {
.slider-container .banner-box {
width: 40%;
padding: 1.5rem !important;
display: flex;
position: absolute;
top: 0;
left: 0;
bottom: 0;
}
}
@media (min-width: 1024px) {
.slider-container .banner-box {
width: 33.33%;
}
}
.slider-container .banner-box.right {
right: 0;
left: 0;
}
@media (min-width: 768px) {
.slider-container .banner-box.right {
left: auto;
}
}
.slider-container .banner-box a {
color: #fff;
}
.slider-container .banner-box h1 {
color: #fff;
font-size: 2.8rem;
margin-bottom: 1rem;
padding: 0;
font-family: "Mind Meridian Bold", Helvetica, Arial, sans-serif;
}
@media (min-width: 1024px) {
.slider-container .banner-box h1 {
font-size: 36px;
}
}
.slider-container.image-text .slider div.slick-slide {
justify-content: flex-start;
background-color: transparent;
overflow: hidden;
}
.slider-container.image-text.right .slick-arrow.slick-prev {
left: 0;
}
.slider-container.image-text.right .slick-arrow.slick-prev:after {
content: "\f053";
}
@media (min-width: 768px) {
.slider-container.image-text.right .slick-arrow.slick-next {
right: 46%;
}
}
@media (min-width: 1024px) {
.slider-container.image-text.right .slick-arrow.slick-next {
right: 33%;
}
}
@media (min-width: 1200px) {
.slider-container.image-text.right .slick-arrow.slick-next {
right: 37%;
}
}
.slider-container.image-text.right .slick-arrow.slick-next:after {
content: "\f054";
}
.slider-container.image-text .banner-box.white {
background-color: rgba(255, 255, 255, 0.6);
color: #1300c1;
}
.slider-container.image-text .banner-box.white h1,
.slider-container.image-text .banner-box.white h2,
.slider-container.image-text .banner-box.white h3,
.slider-container.image-text .banner-box.white h4,
.slider-container.image-text .banner-box.white p,
.slider-container.image-text .banner-box.white li {
color: #1300c1;
}
.slider-container.image-text .banner-box.white .banner-content blockquote p:before,
.slider-container.image-text .banner-box.white .banner-content blockquote p:after {
color: #1300c1;
}
.slider-container.image-text .banner-box.pink {
background-color: #ff0071;
}
.slider-container.image-text .banner-box.pink * {
color: #fff;
}
.slider-container.image-text .banner-box.pink blockquote p, .slider-container.image-text .banner-box.pink blockquote h1, .slider-container.image-text .banner-box.pink blockquote h2, .slider-container.image-text .banner-box.pink blockquote h3, .slider-container.image-text .banner-box.pink blockquote h4, .slider-container.image-text .banner-box.pink blockquote a {
color: #ffffff !important;
}
.slider-container.image-text .banner-box.pink blockquote p::before, .slider-container.image-text .banner-box.pink blockquote h1::before, .slider-container.image-text .banner-box.pink blockquote h2::before, .slider-container.image-text .banner-box.pink blockquote h3::before, .slider-container.image-text .banner-box.pink blockquote h4::before, .slider-container.image-text .banner-box.pink blockquote a::before {
color: #ffffff !important;
}
.slider-container.image-text .banner-box.pink blockquote p::after, .slider-container.image-text .banner-box.pink blockquote h1::after, .slider-container.image-text .banner-box.pink blockquote h2::after, .slider-container.image-text .banner-box.pink blockquote h3::after, .slider-container.image-text .banner-box.pink blockquote h4::after, .slider-container.image-text .banner-box.pink blockquote a::after {
color: #ffffff !important;
}
.slider-container.image-text .banner-box.green {
background-color: #71f5c4;
}
.slider-container.image-text .banner-box.green * {
color: #1300c1;
}
.slider-container.image-text .banner-box.sky {
background-color: #9da8ff;
}
.slider-container.image-text .banner-box.sky * {
color: #1300c1;
}
.slider-container.image-text .banner-box.peach {
background-color: #ffcdd9;
}
.slider-container.image-text .banner-box.peach * {
color: #1300c1;
}
.slider-container.image-text .banner-box.blue {
background-color: #1300c1;
}
.slider-container.image-text .banner-box.blue * {
color: #fff;
}
.slider-container.image-text .banner-box.blue blockquote p, .slider-container.image-text .banner-box.blue blockquote h1, .slider-container.image-text .banner-box.blue blockquote h2, .slider-container.image-text .banner-box.blue blockquote h3, .slider-container.image-text .banner-box.blue blockquote h4, .slider-container.image-text .banner-box.blue blockquote a {
color: #ffffff !important;
}
.slider-container.image-text .banner-box.blue blockquote p::before, .slider-container.image-text .banner-box.blue blockquote h1::before, .slider-container.image-text .banner-box.blue blockquote h2::before, .slider-container.image-text .banner-box.blue blockquote h3::before, .slider-container.image-text .banner-box.blue blockquote h4::before, .slider-container.image-text .banner-box.blue blockquote a::before {
color: #ffffff !important;
}
.slider-container.image-text .banner-box.blue blockquote p::after, .slider-container.image-text .banner-box.blue blockquote h1::after, .slider-container.image-text .banner-box.blue blockquote h2::after, .slider-container.image-text .banner-box.blue blockquote h3::after, .slider-container.image-text .banner-box.blue blockquote h4::after, .slider-container.image-text .banner-box.blue blockquote a::after {
color: #ffffff !important;
}
.slider-container.image-text .banner-box.purple {
background-color: #8149ff;
}
.slider-container.image-text .banner-box.purple * {
color: #fff;
}
.slider-container.image-text .banner-box.purple blockquote p, .slider-container.image-text .banner-box.purple blockquote h1, .slider-container.image-text .banner-box.purple blockquote h2, .slider-container.image-text .banner-box.purple blockquote h3, .slider-container.image-text .banner-box.purple blockquote h4, .slider-container.image-text .banner-box.purple blockquote a {
color: #ffffff !important;
}
.slider-container.image-text .banner-box.purple blockquote p::before, .slider-container.image-text .banner-box.purple blockquote h1::before, .slider-container.image-text .banner-box.purple blockquote h2::before, .slider-container.image-text .banner-box.purple blockquote h3::before, .slider-container.image-text .banner-box.purple blockquote h4::before, .slider-container.image-text .banner-box.purple blockquote a::before {
color: #ffffff !important;
}
.slider-container.image-text .banner-box.purple blockquote p::after, .slider-container.image-text .banner-box.purple blockquote h1::after, .slider-container.image-text .banner-box.purple blockquote h2::after, .slider-container.image-text .banner-box.purple blockquote h3::after, .slider-container.image-text .banner-box.purple blockquote h4::after, .slider-container.image-text .banner-box.purple blockquote a::after {
color: #ffffff !important;
}
.slider-container.image-text .banner-box .banner-content {
flex: 1 0 100%;
justify-content: center;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.slider-container.image-text .slick-arrow.slick-prev {
left: 46%;
}
}
@media (min-width: 1024px) {
.slider-container.image-text .slick-arrow.slick-prev {
left: 33.33%;
}
}
.slider-container.image-text .slick-arrow.slick-prev:after {
content: "\f053";
}
.slider-container.image-text .slick-arrow.slick-next {
right: 0;
}
.slider-container.image-text .slick-arrow.slick-next:after {
content: "\f054";
}
.slider-container.image-text ul.slick-dots {
position: absolute;
bottom: 0;
text-align: center;
margin: 0;
padding: 0;
width: 100%;
}
@media (min-width: 768px) {
.slider-container.image-text ul.slick-dots {
left: 15%;
}
}
.slider-container.image-text ul.slick-dots li {
display: inline-block;
margin: 0 0.25rem;
padding: 0 3px;
background-image: none;
}
.slider-container.image-text ul.slick-dots li button {
border: none;
background: #FFFFFF;
padding: 0;
text-indent: -9999px;
width: 10px;
height: 10px;
border-radius: 50%;
}
.slider-container.image-text ul.slick-dots li:before {
display: none !important;
}
.slider-container.image-no-text .slick-arrow.slick-prev {
left: 0;
}
.slider-container.image-no-text ul.slick-dots {
left: 0;
}
.slider-container.image-quote, .slider-container.image-quote-banner {
background-position: center center;
}
.slider-container.image-quote div.slick-slide, .slider-container.image-quote-banner div.slick-slide {
align-items: flex-start;
}
.slider-container.image-quote .wrap, .slider-container.image-quote-banner .wrap {
display: flex;
}
.slider-container.image-quote .wrap .banner-quote, .slider-container.image-quote-banner .wrap .banner-quote {
background-color: #ffcdd9;
border-radius: 20px;
position: absolute;
left: 2rem;
top: 2rem;
width: 40%;
text-align: left;
padding: 1rem;
}
.slider-container.image-quote .wrap .banner-quote blockquote, .slider-container.image-quote-banner .wrap .banner-quote blockquote {
margin: 2rem;
padding: 2rem 0;
}
.slider-container.image-quote .wrap .banner-quote p, .slider-container.image-quote-banner .wrap .banner-quote p {
margin: 0;
padding: 0;
}
.slider-container.image-quote .wrap .banner-quote h1, .slider-container.image-quote-banner .wrap .banner-quote h1 {
color: #1300c1;
font-size: 3.8rem;
margin-bottom: 1rem;
padding: 0;
font-family: "Mind Meridian Bold", Helvetica, Arial, sans-serif;
}
@media (min-width: 768px) {
.slider-container.image-quote .wrap .banner-quote, .slider-container.image-quote-banner .wrap .banner-quote {
flex: 0 0 40%;
}
}
.page-template-full-width-page div.slick-slide {
justify-content: left;
}
.page-template-inner-page div.slick-slide, .page-template-inner-page-yellow-sub div.slick-slide, .page-template-inner-page-yellow-sub-accordian-php div.slick-slide, .page-template-inner-page-accordion div.slick-slide, .page-template-who-we-worked-with div.slick-slide, .single-product div.slick-slide {
height: 396px;
}
.page-template-inner-page .slider-container, .page-template-inner-page-yellow-sub .slider-container, .page-template-inner-page-yellow-sub-accordian-php .slider-container, .page-template-inner-page-accordion .slider-container, .page-template-who-we-worked-with .slider-container, .single-product .slider-container {
height: 396px;
margin-top: 0px;
margin-bottom: 20px;
}
.page-template-inner-page .slider-container .video, .page-template-inner-page-yellow-sub .slider-container .video, .page-template-inner-page-yellow-sub-accordian-php .slider-container .video, .page-template-inner-page-accordion .slider-container .video, .page-template-who-we-worked-with .slider-container .video, .single-product .slider-container .video {
margin-top: -10px;
}
.page-template-inner-page .video-holder, .page-template-inner-page-yellow-sub .video-holder, .page-template-inner-page-yellow-sub-accordian-php .video-holder, .page-template-inner-page-accordion .video-holder, .page-template-who-we-worked-with .video-holder, .single-product .video-holder {
margin-top: -10px;
width: 100%;
height: 396px;
padding-bottom: 0;
}
@media (max-width: 768px) {
.page-template-inner-page .video-holder, .page-template-inner-page-yellow-sub .video-holder, .page-template-inner-page-yellow-sub-accordian-php .video-holder, .page-template-inner-page-accordion .video-holder, .page-template-who-we-worked-with .video-holder, .single-product .video-holder {
/*height: 180px;*/
margin-top: 30px;
}
}
.page-template-inner-page .video-holder .video iframe, .page-template-inner-page-yellow-sub .video-holder .video iframe, .page-template-inner-page-yellow-sub-accordian-php .video-holder .video iframe, .page-template-inner-page-accordion .video-holder .video iframe, .page-template-who-we-worked-with .video-holder .video iframe, .single-product .video-holder .video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.page-template-inner-home-page-two-col .slider-container, .page-template-inner-home .slider-container {
height: 500px;
color: #fff;
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
font-size: 1rem;
text-align: center;
margin-top: 0;
}
@media (max-width: 768px) {
.page-template-inner-home-page-two-col .slider-container, .page-template-inner-home .slider-container {
text-align: left;
font-size: 20px;
margin-top: 0px;
}
.page-template-inner-home-page-two-col .slider-container h1, .page-template-inner-home .slider-container h1 {
font-size: 24px;
}
}
.page-template-inner-home-page-two-col .slider-container h1, .page-template-inner-home .slider-container h1 {
font-size: 20px;
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
font-weight: normal;
line-height: 1;
margin-bottom: 0;
color: #fff;
}
@media (min-width: 1024px) {
.page-template-inner-home-page-two-col .slider-container h1, .page-template-inner-home .slider-container h1 {
font-size: 60px;
}
}
.page-template-inner-home-page-two-col .video-holder, .page-template-inner-home .video-holder {
margin-top: -30px;
width: 100%;
height: 500px;
padding-bottom: 0;
}
@media (max-width: 768px) {
.page-template-inner-home-page-two-col .video-holder, .page-template-inner-home .video-holder {
/*height: 180px;*/
margin-top: 30px;
}
}
.page-template-inner-home-page-two-col .video-holder .video iframe, .page-template-inner-home .video-holder .video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.page-template-default .slider-container, .page-template-inner-home-page .slider-container {
height: 500px;
}
.page-template-default div.slick-slide, .page-template-inner-home-page div.slick-slide {
height: 500px;
}
.funders div.slick-slide {
height: auto;
}
.col-2 .slider .slick-slide {
height: auto;
}
.col-2 .slider .slick-slide img {
margin: 0;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
}
.col-2 .slider .slick-slide picture {
height: 100%;
display: block;
}
.col-2 .slider .slick-slide picture p.gallery-label {
background-color: #1300c1;
color: #ffffff !important;
font-weight: bold;
padding: 0.25rem 0.5rem;
}
.col-2 .slider-container {
height: auto;
margin-top: 0;
}
.col-2 .slider-container .wrap.container {
padding: 0;
}
.col-2 .slider-container .banner-quote {
padding: 2rem 1rem;
}
.col-2 .slider-container .banner-quote blockquote {
padding: 2rem 1rem !important;
margin: 0 !important;
}
.col-2 .slider-container .banner-quote blockquote * {
font-size: 1.25rem;
}
.col-2 .slider-container .banner-quote blockquote:before {
top: 2rem;
}
.col-2 .slider-container .banner-quote blockquote:before, .col-2 .slider-container .banner-quote blockquote:after {
font-size: 3rem;
}
.col-2 .slider-container img {
margin: 0 !important;
}
.accordionContainer {
margin-bottom: 20px;
/*! jQuery UI - v1.12.1 - 2018-07-30
* http://jqueryui.com
* Includes: core.css, accordion.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Custom Styles
----------------------------------*/
/* Layout helpers
----------------------------------*/
/* Interaction Cues
----------------------------------*/
/* Icons
----------------------------------*/
/* Misc visuals
----------------------------------*/
/* Overlays */
/* Component containers
----------------------------------*/
/* Interaction states
----------------------------------*/
/* Interaction Cues
----------------------------------*/
/* Icons
----------------------------------*/
/* states and images */
/* positioning */
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
/* Misc visuals
----------------------------------*/
/* Corner radius */
/* Overlays */
}
.accordionContainer h6.ui-accordion-header:after {
font-family: "font awesome 5 pro";
content: "\f067";
color: #1300c1;
font-size: 1.6rem;
position: absolute;
right: 1rem;
top: 7px;
font-weight: 200;
}
.accordionContainer h6.ui-accordion-header-active:after {
content: "\f068";
color: white;
}
.accordionContainer .ui-helper-hidden {
display: none;
}
.accordionContainer .ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.accordionContainer .ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.accordionContainer .ui-helper-clearfix:before,
.accordionContainer .ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.accordionContainer .ui-helper-clearfix:after {
clear: both;
}
.accordionContainer .ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0); /* support: IE8 */
}
.accordionContainer .ui-front {
z-index: 100;
}
.accordionContainer .ui-state-disabled {
cursor: default !important;
pointer-events: none;
}
.accordionContainer .ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -0.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.accordionContainer .ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}
.accordionContainer .ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.accordionContainer .ui-accordion .ui-accordion-header {
display: flex;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: 0.5em 2em 0.5em 0.2em;
font-size: 100%;
}
.accordionContainer .ui-accordion .ui-accordion-content {
padding: 1em 1em;
border-top: 0;
overflow: auto;
}
.accordionContainer .ui-widget {
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
font-size: 1em;
}
.accordionContainer .ui-widget .ui-widget {
font-size: 1em;
}
.accordionContainer .ui-widget input,
.accordionContainer .ui-widget select,
.accordionContainer .ui-widget textarea,
.accordionContainer .ui-widget button {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
.accordionContainer .ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
}
.accordionContainer .ui-widget-content {
background: #ffffff;
color: #333333;
}
.accordionContainer .ui-widget-content a {
color: #333333;
}
.accordionContainer .ui-widget-header {
border: 1px solid #dddddd;
background: #e9e9e9;
color: #333333;
font-weight: bold;
}
.accordionContainer .ui-widget-header a {
color: #333333;
}
.accordionContainer .ui-state-default,
.accordionContainer .ui-widget-content .ui-state-default,
.accordionContainer .ui-widget-header .ui-state-default,
.accordionContainer .ui-button,
.accordionContainer html .ui-button.ui-state-disabled:hover,
.accordionContainer html .ui-button.ui-state-disabled:active {
border: 0px solid #ffcdd9;
background-color: #ebeeff;
font-weight: bold;
color: #1300c1;
}
.accordionContainer .ui-state-default a,
.accordionContainer .ui-state-default a:link,
.accordionContainer .ui-state-default a:visited,
.accordionContainer a.ui-button,
.accordionContainer a:link.ui-button,
.accordionContainer a:visited.ui-button,
.accordionContainer .ui-button {
color: #1300c1;
text-decoration: none;
}
.accordionContainer .ui-state-hover,
.accordionContainer .ui-widget-content .ui-state-hover,
.accordionContainer .ui-widget-header .ui-state-hover,
.accordionContainer .ui-state-focus,
.accordionContainer .ui-widget-content .ui-state-focus,
.accordionContainer .ui-widget-header .ui-state-focus,
.accordionContainer .ui-button:hover,
.accordionContainer .ui-button:focus {
border: 0px solid #ff9ab2;
background-color: #b8c3ff;
font-weight: bold;
color: #1300c1;
}
.accordionContainer .ui-state-hover a,
.accordionContainer .ui-state-hover a:hover,
.accordionContainer .ui-state-hover a:link,
.accordionContainer .ui-state-hover a:visited,
.accordionContainer .ui-state-focus a,
.accordionContainer .ui-state-focus a:hover,
.accordionContainer .ui-state-focus a:link,
.accordionContainer .ui-state-focus a:visited,
.accordionContainer a.ui-button:hover,
.accordionContainer a.ui-button:focus {
color: #1300c1;
text-decoration: none;
}
.accordionContainer .ui-visual-focus {
box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.accordionContainer .ui-state-active,
.accordionContainer .ui-widget-content .ui-state-active,
.accordionContainer .ui-widget-header .ui-state-active,
.accordionContainer a.ui-button:active,
.accordionContainer .ui-button:active,
.accordionContainer .ui-button.ui-state-active:hover {
border: 0px solid #ffcdd9 !important;
background: none;
background-color: #1300c1 !important;
font-weight: bold;
color: white !important;
}
.accordionContainer .ui-icon-background,
.accordionContainer .ui-state-active .ui-icon-background {
border: #003eff;
background-color: #ffcdd9;
}
.accordionContainer .ui-state-active a,
.accordionContainer .ui-state-active a:link,
.accordionContainer .ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
background-color: #ffcdd9;
}
.accordionContainer .ui-state-highlight,
.accordionContainer .ui-widget-content .ui-state-highlight,
.accordionContainer .ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.accordionContainer .ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90;
}
.accordionContainer .ui-state-highlight a,
.accordionContainer .ui-widget-content .ui-state-highlight a,
.accordionContainer .ui-widget-header .ui-state-highlight a {
color: #777620;
}
.accordionContainer .ui-state-error,
.accordionContainer .ui-widget-content .ui-state-error,
.accordionContainer .ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.accordionContainer .ui-state-error a,
.accordionContainer .ui-widget-content .ui-state-error a,
.accordionContainer .ui-widget-header .ui-state-error a {
color: #5f3f3f;
}
.accordionContainer .ui-state-error-text,
.accordionContainer .ui-widget-content .ui-state-error-text,
.accordionContainer .ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.accordionContainer .ui-priority-primary,
.accordionContainer .ui-widget-content .ui-priority-primary,
.accordionContainer .ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.accordionContainer .ui-priority-secondary,
.accordionContainer .ui-widget-content .ui-priority-secondary,
.accordionContainer .ui-widget-header .ui-priority-secondary {
opacity: 0.7;
filter: Alpha(Opacity=70); /* support: IE8 */
font-weight: normal;
}
.accordionContainer .ui-state-disabled,
.accordionContainer .ui-widget-content .ui-state-disabled,
.accordionContainer .ui-widget-header .ui-state-disabled {
opacity: 0.35;
filter: Alpha(Opacity=35); /* support: IE8 */
background-image: none;
}
.accordionContainer .ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
}
.accordionContainer .ui-icon {
width: 16px;
height: 16px;
}
.accordionContainer .ui-icon,
.accordionContainer .ui-widget-content .ui-icon {
background-image: url("images/ui-icons_444444_256x240.png");
}
.accordionContainer .ui-widget-header .ui-icon {
background-image: url("images/ui-icons_444444_256x240.png");
}
.accordionContainer .ui-state-hover .ui-icon,
.accordionContainer .ui-state-focus .ui-icon,
.accordionContainer .ui-button:hover .ui-icon,
.accordionContainer .ui-button:focus .ui-icon {
background-image: url("images/ui-icons_555555_256x240.png");
}
.accordionContainer .ui-state-active .ui-icon,
.accordionContainer .ui-button:active .ui-icon {
background-image: url("images/ui-icons_ffffff_256x240.png");
}
.accordionContainer .ui-state-highlight .ui-icon,
.accordionContainer .ui-button .ui-state-highlight.ui-icon {
background-image: url("images/ui-icons_777620_256x240.png");
}
.accordionContainer .ui-state-error .ui-icon,
.accordionContainer .ui-state-error-text .ui-icon {
background-image: url("images/ui-icons_cc0000_256x240.png");
}
.accordionContainer .ui-button .ui-icon {
background-image: url("images/ui-icons_777777_256x240.png");
}
.accordionContainer .ui-icon-blank {
background-position: 16px 16px;
}
.accordionContainer .ui-icon-caret-1-n {
background-position: 0 0;
}
.accordionContainer .ui-icon-caret-1-ne {
background-position: -16px 0;
}
.accordionContainer .ui-icon-caret-1-e {
background-position: -32px 0;
}
.accordionContainer .ui-icon-caret-1-se {
background-position: -48px 0;
}
.accordionContainer .ui-icon-caret-1-s {
background-position: -65px 0;
}
.accordionContainer .ui-icon-caret-1-sw {
background-position: -80px 0;
}
.accordionContainer .ui-icon-caret-1-w {
background-position: -96px 0;
}
.accordionContainer .ui-icon-caret-1-nw {
background-position: -112px 0;
}
.accordionContainer .ui-icon-caret-2-n-s {
background-position: -128px 0;
}
.accordionContainer .ui-icon-caret-2-e-w {
background-position: -144px 0;
}
.accordionContainer .ui-icon-triangle-1-n {
background-position: 0 -16px;
}
.accordionContainer .ui-icon-triangle-1-ne {
background-position: -16px -16px;
}
.accordionContainer .ui-icon-triangle-1-e {
background-position: -32px -16px;
}
.accordionContainer .ui-icon-triangle-1-se {
background-position: -48px -16px;
}
.accordionContainer .ui-icon-triangle-1-s {
background-position: -65px -16px;
}
.accordionContainer .ui-icon-triangle-1-sw {
background-position: -80px -16px;
}
.accordionContainer .ui-icon-triangle-1-w {
background-position: -96px -16px;
}
.accordionContainer .ui-icon-triangle-1-nw {
background-position: -112px -16px;
}
.accordionContainer .ui-icon-triangle-2-n-s {
background-position: -128px -16px;
}
.accordionContainer .ui-icon-triangle-2-e-w {
background-position: -144px -16px;
}
.accordionContainer .ui-icon-arrow-1-n {
background-position: 0 -32px;
}
.accordionContainer .ui-icon-arrow-1-ne {
background-position: -16px -32px;
}
.accordionContainer .ui-icon-arrow-1-e {
background-position: -32px -32px;
}
.accordionContainer .ui-icon-arrow-1-se {
background-position: -48px -32px;
}
.accordionContainer .ui-icon-arrow-1-s {
background-position: -65px -32px;
}
.accordionContainer .ui-icon-arrow-1-sw {
background-position: -80px -32px;
}
.accordionContainer .ui-icon-arrow-1-w {
background-position: -96px -32px;
}
.accordionContainer .ui-icon-arrow-1-nw {
background-position: -112px -32px;
}
.accordionContainer .ui-icon-arrow-2-n-s {
background-position: -128px -32px;
}
.accordionContainer .ui-icon-arrow-2-ne-sw {
background-position: -144px -32px;
}
.accordionContainer .ui-icon-arrow-2-e-w {
background-position: -160px -32px;
}
.accordionContainer .ui-icon-arrow-2-se-nw {
background-position: -176px -32px;
}
.accordionContainer .ui-icon-arrowstop-1-n {
background-position: -192px -32px;
}
.accordionContainer .ui-icon-arrowstop-1-e {
background-position: -208px -32px;
}
.accordionContainer .ui-icon-arrowstop-1-s {
background-position: -224px -32px;
}
.accordionContainer .ui-icon-arrowstop-1-w {
background-position: -240px -32px;
}
.accordionContainer .ui-icon-arrowthick-1-n {
background-position: 1px -48px;
}
.accordionContainer .ui-icon-arrowthick-1-ne {
background-position: -16px -48px;
}
.accordionContainer .ui-icon-arrowthick-1-e {
background-position: -32px -48px;
}
.accordionContainer .ui-icon-arrowthick-1-se {
background-position: -48px -48px;
}
.accordionContainer .ui-icon-arrowthick-1-s {
background-position: -64px -48px;
}
.accordionContainer .ui-icon-arrowthick-1-sw {
background-position: -80px -48px;
}
.accordionContainer .ui-icon-arrowthick-1-w {
background-position: -96px -48px;
}
.accordionContainer .ui-icon-arrowthick-1-nw {
background-position: -112px -48px;
}
.accordionContainer .ui-icon-arrowthick-2-n-s {
background-position: -128px -48px;
}
.accordionContainer .ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px;
}
.accordionContainer .ui-icon-arrowthick-2-e-w {
background-position: -160px -48px;
}
.accordionContainer .ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px;
}
.accordionContainer .ui-icon-arrowthickstop-1-n {
background-position: -192px -48px;
}
.accordionContainer .ui-icon-arrowthickstop-1-e {
background-position: -208px -48px;
}
.accordionContainer .ui-icon-arrowthickstop-1-s {
background-position: -224px -48px;
}
.accordionContainer .ui-icon-arrowthickstop-1-w {
background-position: -240px -48px;
}
.accordionContainer .ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px;
}
.accordionContainer .ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px;
}
.accordionContainer .ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px;
}
.accordionContainer .ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px;
}
.accordionContainer .ui-icon-arrowreturn-1-w {
background-position: -64px -64px;
}
.accordionContainer .ui-icon-arrowreturn-1-n {
background-position: -80px -64px;
}
.accordionContainer .ui-icon-arrowreturn-1-e {
background-position: -96px -64px;
}
.accordionContainer .ui-icon-arrowreturn-1-s {
background-position: -112px -64px;
}
.accordionContainer .ui-icon-arrowrefresh-1-w {
background-position: -128px -64px;
}
.accordionContainer .ui-icon-arrowrefresh-1-n {
background-position: -144px -64px;
}
.accordionContainer .ui-icon-arrowrefresh-1-e {
background-position: -160px -64px;
}
.accordionContainer .ui-icon-arrowrefresh-1-s {
background-position: -176px -64px;
}
.accordionContainer .ui-icon-arrow-4 {
background-position: 0 -80px;
}
.accordionContainer .ui-icon-arrow-4-diag {
background-position: -16px -80px;
}
.accordionContainer .ui-icon-extlink {
background-position: -32px -80px;
}
.accordionContainer .ui-icon-newwin {
background-position: -48px -80px;
}
.accordionContainer .ui-icon-refresh {
background-position: -64px -80px;
}
.accordionContainer .ui-icon-shuffle {
background-position: -80px -80px;
}
.accordionContainer .ui-icon-transfer-e-w {
background-position: -96px -80px;
}
.accordionContainer .ui-icon-transferthick-e-w {
background-position: -112px -80px;
}
.accordionContainer .ui-icon-folder-collapsed {
background-position: 0 -96px;
}
.accordionContainer .ui-icon-folder-open {
background-position: -16px -96px;
}
.accordionContainer .ui-icon-document {
background-position: -32px -96px;
}
.accordionContainer .ui-icon-document-b {
background-position: -48px -96px;
}
.accordionContainer .ui-icon-note {
background-position: -64px -96px;
}
.accordionContainer .ui-icon-mail-closed {
background-position: -80px -96px;
}
.accordionContainer .ui-icon-mail-open {
background-position: -96px -96px;
}
.accordionContainer .ui-icon-suitcase {
background-position: -112px -96px;
}
.accordionContainer .ui-icon-comment {
background-position: -128px -96px;
}
.accordionContainer .ui-icon-person {
background-position: -144px -96px;
}
.accordionContainer .ui-icon-print {
background-position: -160px -96px;
}
.accordionContainer .ui-icon-trash {
background-position: -176px -96px;
}
.accordionContainer .ui-icon-locked {
background-position: -192px -96px;
}
.accordionContainer .ui-icon-unlocked {
background-position: -208px -96px;
}
.accordionContainer .ui-icon-bookmark {
background-position: -224px -96px;
}
.accordionContainer .ui-icon-tag {
background-position: -240px -96px;
}
.accordionContainer .ui-icon-home {
background-position: 0 -112px;
}
.accordionContainer .ui-icon-flag {
background-position: -16px -112px;
}
.accordionContainer .ui-icon-calendar {
background-position: -32px -112px;
}
.accordionContainer .ui-icon-cart {
background-position: -48px -112px;
}
.accordionContainer .ui-icon-pencil {
background-position: -64px -112px;
}
.accordionContainer .ui-icon-clock {
background-position: -80px -112px;
}
.accordionContainer .ui-icon-disk {
background-position: -96px -112px;
}
.accordionContainer .ui-icon-calculator {
background-position: -112px -112px;
}
.accordionContainer .ui-icon-zoomin {
background-position: -128px -112px;
}
.accordionContainer .ui-icon-zoomout {
background-position: -144px -112px;
}
.accordionContainer .ui-icon-search {
background-position: -160px -112px;
}
.accordionContainer .ui-icon-wrench {
background-position: -176px -112px;
}
.accordionContainer .ui-icon-gear {
background-position: -192px -112px;
}
.accordionContainer .ui-icon-heart {
background-position: -208px -112px;
}
.accordionContainer .ui-icon-star {
background-position: -224px -112px;
}
.accordionContainer .ui-icon-link {
background-position: -240px -112px;
}
.accordionContainer .ui-icon-cancel {
background-position: 0 -128px;
}
.accordionContainer .ui-icon-plus {
background-position: -16px -128px;
}
.accordionContainer .ui-icon-plusthick {
background-position: -32px -128px;
}
.accordionContainer .ui-icon-minus {
background-position: -48px -128px;
}
.accordionContainer .ui-icon-minusthick {
background-position: -64px -128px;
}
.accordionContainer .ui-icon-close {
background-position: -80px -128px;
}
.accordionContainer .ui-icon-closethick {
background-position: -96px -128px;
}
.accordionContainer .ui-icon-key {
background-position: -112px -128px;
}
.accordionContainer .ui-icon-lightbulb {
background-position: -128px -128px;
}
.accordionContainer .ui-icon-scissors {
background-position: -144px -128px;
}
.accordionContainer .ui-icon-clipboard {
background-position: -160px -128px;
}
.accordionContainer .ui-icon-copy {
background-position: -176px -128px;
}
.accordionContainer .ui-icon-contact {
background-position: -192px -128px;
}
.accordionContainer .ui-icon-image {
background-position: -208px -128px;
}
.accordionContainer .ui-icon-video {
background-position: -224px -128px;
}
.accordionContainer .ui-icon-script {
background-position: -240px -128px;
}
.accordionContainer .ui-icon-alert {
background-position: 0 -144px;
}
.accordionContainer .ui-icon-info {
background-position: -16px -144px;
}
.accordionContainer .ui-icon-notice {
background-position: -32px -144px;
}
.accordionContainer .ui-icon-help {
background-position: -48px -144px;
}
.accordionContainer .ui-icon-check {
background-position: -64px -144px;
}
.accordionContainer .ui-icon-bullet {
background-position: -80px -144px;
}
.accordionContainer .ui-icon-radio-on {
background-position: -96px -144px;
}
.accordionContainer .ui-icon-radio-off {
background-position: -112px -144px;
}
.accordionContainer .ui-icon-pin-w {
background-position: -128px -144px;
}
.accordionContainer .ui-icon-pin-s {
background-position: -144px -144px;
}
.accordionContainer .ui-icon-play {
background-position: 0 -160px;
}
.accordionContainer .ui-icon-pause {
background-position: -16px -160px;
}
.accordionContainer .ui-icon-seek-next {
background-position: -32px -160px;
}
.accordionContainer .ui-icon-seek-prev {
background-position: -48px -160px;
}
.accordionContainer .ui-icon-seek-end {
background-position: -64px -160px;
}
.accordionContainer .ui-icon-seek-start {
background-position: -80px -160px;
}
.accordionContainer .ui-icon-seek-first {
background-position: -80px -160px;
}
.accordionContainer .ui-icon-stop {
background-position: -96px -160px;
}
.accordionContainer .ui-icon-eject {
background-position: -112px -160px;
}
.accordionContainer .ui-icon-volume-off {
background-position: -128px -160px;
}
.accordionContainer .ui-icon-volume-on {
background-position: -144px -160px;
}
.accordionContainer .ui-icon-power {
background-position: 0 -176px;
}
.accordionContainer .ui-icon-signal-diag {
background-position: -16px -176px;
}
.accordionContainer .ui-icon-signal {
background-position: -32px -176px;
}
.accordionContainer .ui-icon-battery-0 {
background-position: -48px -176px;
}
.accordionContainer .ui-icon-battery-1 {
background-position: -64px -176px;
}
.accordionContainer .ui-icon-battery-2 {
background-position: -80px -176px;
}
.accordionContainer .ui-icon-battery-3 {
background-position: -96px -176px;
}
.accordionContainer .ui-icon-circle-plus {
background-position: 0 -192px;
}
.accordionContainer .ui-icon-circle-minus {
background-position: -16px -192px;
}
.accordionContainer .ui-icon-circle-close {
background-position: -32px -192px;
}
.accordionContainer .ui-icon-circle-triangle-e {
background-position: -48px -192px;
}
.accordionContainer .ui-icon-circle-triangle-s {
background-position: -64px -192px;
}
.accordionContainer .ui-icon-circle-triangle-w {
background-position: -80px -192px;
}
.accordionContainer .ui-icon-circle-triangle-n {
background-position: -96px -192px;
}
.accordionContainer .ui-icon-circle-arrow-e {
background-position: -112px -192px;
}
.accordionContainer .ui-icon-circle-arrow-s {
background-position: -128px -192px;
}
.accordionContainer .ui-icon-circle-arrow-w {
background-position: -144px -192px;
}
.accordionContainer .ui-icon-circle-arrow-n {
background-position: -160px -192px;
}
.accordionContainer .ui-icon-circle-zoomin {
background-position: -176px -192px;
}
.accordionContainer .ui-icon-circle-zoomout {
background-position: -192px -192px;
}
.accordionContainer .ui-icon-circle-check {
background-position: -208px -192px;
}
.accordionContainer .ui-icon-circlesmall-plus {
background-position: 0 -208px;
}
.accordionContainer .ui-icon-circlesmall-minus {
background-position: -16px -208px;
}
.accordionContainer .ui-icon-circlesmall-close {
background-position: -32px -208px;
}
.accordionContainer .ui-icon-squaresmall-plus {
background-position: -48px -208px;
}
.accordionContainer .ui-icon-squaresmall-minus {
background-position: -64px -208px;
}
.accordionContainer .ui-icon-squaresmall-close {
background-position: -80px -208px;
}
.accordionContainer .ui-icon-grip-dotted-vertical {
background-position: 0 -224px;
}
.accordionContainer .ui-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}
.accordionContainer .ui-icon-grip-solid-vertical {
background-position: -32px -224px;
}
.accordionContainer .ui-icon-grip-solid-horizontal {
background-position: -48px -224px;
}
.accordionContainer .ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}
.accordionContainer .ui-icon-grip-diagonal-se {
background-position: -80px -224px;
}
.accordionContainer .ui-corner-all,
.accordionContainer .ui-corner-top,
.accordionContainer .ui-corner-left,
.accordionContainer .ui-corner-tl {
border-top-left-radius: 0px;
}
.accordionContainer .ui-corner-all,
.accordionContainer .ui-corner-top,
.accordionContainer .ui-corner-right,
.accordionContainer .ui-corner-tr {
border-top-right-radius: 0px;
}
.accordionContainer .ui-corner-all,
.accordionContainer .ui-corner-bottom,
.accordionContainer .ui-corner-left,
.accordionContainer .ui-corner-bl {
border-bottom-left-radius: 0px;
}
.accordionContainer .ui-corner-all,
.accordionContainer .ui-corner-bottom,
.accordionContainer .ui-corner-right,
.accordionContainer .ui-corner-br {
border-bottom-right-radius: 0px;
}
.accordionContainer .ui-widget-overlay {
background: #aaaaaa;
opacity: 0.3;
filter: Alpha(Opacity=30); /* support: IE8 */
}
.accordionContainer .ui-widget-shadow {
box-shadow: 0px 0px 5px #666666;
}
section.quick-access-row {
padding: 1rem;
}
@media (min-width: 1024px) {
section.quick-access-row {
padding: 2rem 0;
}
}
section.quick-access-row .wrap.container.grid {
display: grid;
gap: 1rem 1rem;
}
@media (min-width: 768px) {
section.quick-access-row .wrap.container.grid {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1024px) {
section.quick-access-row .wrap.container.grid {
grid-template-columns: 1fr 1fr 1fr;
}
}
section.quick-access-row h2 {
text-align: left;
max-width: 100%;
margin-bottom: 1rem;
margin-left: 0;
}
section.quick-access-row a {
text-decoration: none;
}
section.quick-access-row.two .wrap.container.grid {
grid-template-columns: 1fr 1fr;
}
@media (min-width: 768px) {
section.quick-access-row.three .wrap.container.grid {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1024px) {
section.quick-access-row.three .wrap.container.grid {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (min-width: 768px) {
section.quick-access-row.four .wrap.container.grid {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1024px) {
section.quick-access-row.four .wrap.container.grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
section.quick-access-row.left .service-box-inner {
left: 0;
text-align: left;
}
section.quick-access-row.right .service-box-inner {
left: auto;
right: 0;
text-align: right;
}
section.quick-access-row.right .service-box-inner h3 {
text-align: right;
}
section.quick-access-row.center .service-box-inner {
left: 0;
right: 0;
margin: 0 auto;
}
section.quick-access-row.center .service-box-inner h3 {
text-align: center;
}
.service-box {
background-color: #000;
background-size: cover;
position: relative;
margin: 0;
transition: all 0.3s;
display: flex;
align-items: center;
padding-bottom: 75%;
}
.service-box:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: "";
/*background-color: rgba(0,0,0,0.4);*/
}
.service-box.blue {
box-shadow: -6px 6px 0px 0px #1300c1;
}
.service-box.blue .service-box-inner {
border-left: 6px solid #1300c1;
}
.service-box.sky {
box-shadow: -6px 6px 0px 0px #9da8ff;
}
.service-box.sky .service-box-inner {
border-left: 6px solid #9da8ff;
}
.service-box.peach {
box-shadow: -6px 6px 0px 0px #ffcdd9;
}
.service-box.peach .service-box-inner {
border-left: 6px solid #ffcdd9;
}
.service-box.pink {
box-shadow: -6px 6px 0px 0px #ff0071;
}
.service-box.pink .service-box-inner {
border-left: 6px solid #ff0071;
}
.service-box.green {
box-shadow: -6px 6px 0px 0px #71f5c4;
}
.service-box.green .service-box-inner {
border-left: 6px solid #71f5c4;
}
.service-box.purple {
box-shadow: -6px 6px 0px 0px #8149ff;
}
.service-box.purple .service-box-inner {
border-left: 6px solid #8149ff;
}
.service-box.white {
box-shadow: -6px 6px 0px 0px #fff;
}
.service-box.white .service-box-inner {
border-left: 0px solid transparent;
}
.service-box .service-box-inner {
background-color: rgba(255, 255, 255, 0.75);
padding: 13px 20px 11px 20px;
border-left: 5px solid #ff0071;
position: absolute;
left: 0;
bottom: 20px;
max-width: 90%;
}
.service-box .service-box-inner h3 {
z-index: 1;
margin: 0;
font-size: 1.25rem;
text-align: left;
color: #1300c1 !important;
}
.service-box .service-box-inner h3 p {
margin: 0;
}
.service-box .service-box-inner p {
margin: 0;
margin-top: 0.25rem;
margin-bottom: 0;
font-size: 1rem;
text-align: right;
color: #1300c1 !important;
}
.service-box:hover:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: "";
background-color: rgba(0, 0, 0, 0.2);
transition: all 0.3s;
}
.service-box.left {
text-align: left;
}
.service-box.center {
text-align: center;
}
.service-box.right {
text-align: right;
}
.services.solid-bg .service-box {
background-image: none !important;
border: 0;
display: flex;
align-items: center;
background-color: #71f5c4;
color: #1300c1;
}
.services.solid-bg .service-box:before {
display: none;
}
.services.solid-bg .service-box.blue {
background-color: #1300c1;
}
.services.solid-bg .service-box.blue * {
color: #fff !important;
}
.services.solid-bg .service-box.blue:hover {
background-color: rgba(19, 0, 193, 0.8);
}
.services.solid-bg .service-box.sky {
background-color: #9da8ff;
color: #1300c1;
}
.services.solid-bg .service-box.sky:hover {
background-color: rgba(157, 168, 255, 0.8);
}
.services.solid-bg .service-box.peach {
background-color: #ffcdd9;
color: #1300c1;
}
.services.solid-bg .service-box.peach:hover {
background-color: rgba(255, 205, 217, 0.8);
}
.services.solid-bg .service-box.green {
background-color: #71f5c4;
color: #1300c1;
}
.services.solid-bg .service-box.green:hover {
background-color: rgba(113, 245, 196, 0.8);
}
.services.solid-bg .service-box.pink {
background-color: #ff0071;
}
.services.solid-bg .service-box.pink * {
color: #fff !important;
}
.services.solid-bg .service-box.pink:hover {
background-color: rgba(255, 0, 113, 0.8);
}
.services.solid-bg .service-box.purple {
background-color: #8149ff;
}
.services.solid-bg .service-box.purple * {
color: #fff !important;
}
.services.solid-bg .service-box.purple:hover {
background-color: rgba(129, 73, 255, 0.8);
}
section.staff-row,
section.funder-row {
padding: 2rem;
}
@media (min-width: 1024px) {
section.staff-row,
section.funder-row {
padding: 4rem 0;
}
}
section.staff-row .wrap,
section.funder-row .wrap {
justify-content: center;
}
@media (min-width: 768px) {
.page-template-flexible-inside-page .staff-box {
flex: 0 0 calc(50% - 1rem);
-ms-flex: 0 0 48%;
margin: 1rem 0;
}
}
@media (min-width: 1024px) {
.page-template-flexible-inside-page .staff-box {
flex: 0 0 calc(50% - 1rem);
-ms-flex: 0 0 48%;
}
}
.staff-box,
.funder-box {
margin: 1rem;
flex: 0 0 100%;
text-align: center;
flex-direction: column;
}
.staff-box a.show-more,
.funder-box a.show-more {
display: none;
}
@media (min-width: 768px) {
.staff-box,
.funder-box {
flex: 0 0 calc(50% - 2rem);
}
}
@media (min-width: 1024px) {
.staff-box,
.funder-box {
flex: 0 0 calc(33.33% - 2rem);
}
}
.staff-box:hover > .info-box,
.funder-box:hover > .info-box {
background-color: #1300c1;
color: #fff;
}
.staff-box p,
.funder-box p {
text-align: left;
}
.staff-box .staff-contact *,
.funder-box .staff-contact * {
color: #1300c1;
font-weight: bold;
font-size: 1rem;
}
.staff-box .staff-contact a,
.funder-box .staff-contact a {
text-decoration: none;
}
.staff-box .staff-contact a:hover,
.funder-box .staff-contact a:hover {
text-decoration: underline;
}
.staff-box .info-box,
.funder-box .info-box {
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
border-radius: 4px;
background-color: #fff;
padding: 20px;
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
font-size: 14px;
margin-top: -10px;
margin-bottom: 30px;
overflow: hidden;
transition: all 0.3s;
}
.staff-box .info-box .info a,
.funder-box .info-box .info a {
color: inherit;
font-weight: 700;
font-size: 1rem;
transition: none;
}
.staff-box .info-box .info a:hover,
.funder-box .info-box .info a:hover {
color: #ffcdd9;
}
.staff-box .info-box:hover,
.funder-box .info-box:hover {
background-color: #1300c1;
color: #fff;
}
.staff-box .info-box:hover > a,
.funder-box .info-box:hover > a {
color: #ffcdd9 !important;
}
.staff-box h2,
.funder-box h2 {
word-break: break-all;
}
.staff-box h3,
.funder-box h3 {
line-height: 1;
margin-bottom: 0px;
}
.staff-box h4,
.funder-box h4 {
line-height: 1;
margin-bottom: 20px;
font-size: 16px;
margin-top: 0;
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
}
.staff-box .circle.large,
.funder-box .circle.large {
width: 175px;
height: 175px;
border-radius: 50%;
overflow: hidden;
border: 5px solid #1300c1;
margin: 10px auto;
text-align: center;
}
.staff-box .circle.large img,
.funder-box .circle.large img {
width: 100%;
height: auto;
margin-top: 0;
}
.staff-box .circle.blue,
.funder-box .circle.blue {
background-color: #1300c1;
}
.staff-box .circle.yellow,
.funder-box .circle.yellow {
background-color: #ffcdd9;
border-color: #1300c1;
}
.staff-box .circle.purple,
.funder-box .circle.purple {
background-color: #8149ff;
border-color: #1300c1;
}
.page-template-flexible-inside-page .section.card,
.page-template-flexible-inside-page .section.card2col,
.page-template-front-page .section.card,
.page-template-front-page .section.card2col {
padding: 0 0 2rem 0;
}
.page-template-flexible-inside-page .section.card .wrap.container,
.page-template-flexible-inside-page .section.card2col .wrap.container,
.page-template-front-page .section.card .wrap.container,
.page-template-front-page .section.card2col .wrap.container {
justify-content: center;
overflow: visible;
}
@media (min-width: 768px) {
.page-template-flexible-inside-page .section.card .wrap.container,
.page-template-flexible-inside-page .section.card2col .wrap.container,
.page-template-front-page .section.card .wrap.container,
.page-template-front-page .section.card2col .wrap.container {
justify-content: space-between;
padding: 0 1rem;
}
}
.page-template-flexible-inside-page .section.card .staff-box,
.page-template-flexible-inside-page .section.card .funder-box,
.page-template-flexible-inside-page .section.card2col .staff-box,
.page-template-flexible-inside-page .section.card2col .funder-box,
.page-template-front-page .section.card .staff-box,
.page-template-front-page .section.card .funder-box,
.page-template-front-page .section.card2col .staff-box,
.page-template-front-page .section.card2col .funder-box {
max-height: 350px;
padding: 12.5px 10px;
display: block;
overflow: hidden;
position: relative;
transition: max-height 0.75s ease-out;
margin: 0 0 1rem 0;
align-self: stretch;
flex: 0 0 100%;
}
@media (min-width: 1024px) {
.page-template-flexible-inside-page .section.card .staff-box,
.page-template-flexible-inside-page .section.card .funder-box,
.page-template-flexible-inside-page .section.card2col .staff-box,
.page-template-flexible-inside-page .section.card2col .funder-box,
.page-template-front-page .section.card .staff-box,
.page-template-front-page .section.card .funder-box,
.page-template-front-page .section.card2col .staff-box,
.page-template-front-page .section.card2col .funder-box {
max-height: 225px;
padding: 25px 20px;
flex-direction: row;
display: flex;
flex-wrap: wrap;
border: 1px solid #c8c8c8;
}
}
.page-template-flexible-inside-page .section.card .staff-box .less,
.page-template-flexible-inside-page .section.card .funder-box .less,
.page-template-flexible-inside-page .section.card2col .staff-box .less,
.page-template-flexible-inside-page .section.card2col .funder-box .less,
.page-template-front-page .section.card .staff-box .less,
.page-template-front-page .section.card .funder-box .less,
.page-template-front-page .section.card2col .staff-box .less,
.page-template-front-page .section.card2col .funder-box .less {
display: none;
}
.page-template-flexible-inside-page .section.card .staff-box .circle,
.page-template-flexible-inside-page .section.card .funder-box .circle,
.page-template-flexible-inside-page .section.card2col .staff-box .circle,
.page-template-flexible-inside-page .section.card2col .funder-box .circle,
.page-template-front-page .section.card .staff-box .circle,
.page-template-front-page .section.card .funder-box .circle,
.page-template-front-page .section.card2col .staff-box .circle,
.page-template-front-page .section.card2col .funder-box .circle {
margin: 0 auto;
border: 0;
position: relative;
z-index: 3;
}
.page-template-flexible-inside-page .section.card .staff-box .circle.large,
.page-template-flexible-inside-page .section.card .funder-box .circle.large,
.page-template-flexible-inside-page .section.card2col .staff-box .circle.large,
.page-template-flexible-inside-page .section.card2col .funder-box .circle.large,
.page-template-front-page .section.card .staff-box .circle.large,
.page-template-front-page .section.card .funder-box .circle.large,
.page-template-front-page .section.card2col .staff-box .circle.large,
.page-template-front-page .section.card2col .funder-box .circle.large {
width: 120px;
height: 120px;
margin-bottom: 0.5rem;
}
@media (min-width: 1024px) {
.page-template-flexible-inside-page .section.card .staff-box .circle.large,
.page-template-flexible-inside-page .section.card .funder-box .circle.large,
.page-template-flexible-inside-page .section.card2col .staff-box .circle.large,
.page-template-flexible-inside-page .section.card2col .funder-box .circle.large,
.page-template-front-page .section.card .staff-box .circle.large,
.page-template-front-page .section.card .funder-box .circle.large,
.page-template-front-page .section.card2col .staff-box .circle.large,
.page-template-front-page .section.card2col .funder-box .circle.large {
width: 175px;
height: 175px;
margin-bottom: 0;
}
}
.page-template-flexible-inside-page .section.card .staff-box .circle img,
.page-template-flexible-inside-page .section.card .funder-box .circle img,
.page-template-flexible-inside-page .section.card2col .staff-box .circle img,
.page-template-flexible-inside-page .section.card2col .funder-box .circle img,
.page-template-front-page .section.card .staff-box .circle img,
.page-template-front-page .section.card .funder-box .circle img,
.page-template-front-page .section.card2col .staff-box .circle img,
.page-template-front-page .section.card2col .funder-box .circle img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.page-template-flexible-inside-page .section.card .staff-box .staff-right,
.page-template-flexible-inside-page .section.card .funder-box .staff-right,
.page-template-flexible-inside-page .section.card2col .staff-box .staff-right,
.page-template-flexible-inside-page .section.card2col .funder-box .staff-right,
.page-template-front-page .section.card .staff-box .staff-right,
.page-template-front-page .section.card .funder-box .staff-right,
.page-template-front-page .section.card2col .staff-box .staff-right,
.page-template-front-page .section.card2col .funder-box .staff-right {
display: block;
}
@media (min-width: 1024px) {
.page-template-flexible-inside-page .section.card .staff-box .staff-right,
.page-template-flexible-inside-page .section.card .funder-box .staff-right,
.page-template-flexible-inside-page .section.card2col .staff-box .staff-right,
.page-template-flexible-inside-page .section.card2col .funder-box .staff-right,
.page-template-front-page .section.card .staff-box .staff-right,
.page-template-front-page .section.card .funder-box .staff-right,
.page-template-front-page .section.card2col .staff-box .staff-right,
.page-template-front-page .section.card2col .funder-box .staff-right {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex: 1;
margin-left: 1rem;
flex-wrap: wrap;
}
}
.page-template-flexible-inside-page .section.card .staff-box .staff-right .name-title,
.page-template-flexible-inside-page .section.card .funder-box .staff-right .name-title,
.page-template-flexible-inside-page .section.card2col .staff-box .staff-right .name-title,
.page-template-flexible-inside-page .section.card2col .funder-box .staff-right .name-title,
.page-template-front-page .section.card .staff-box .staff-right .name-title,
.page-template-front-page .section.card .funder-box .staff-right .name-title,
.page-template-front-page .section.card2col .staff-box .staff-right .name-title,
.page-template-front-page .section.card2col .funder-box .staff-right .name-title {
text-align: center;
}
@media (min-width: 1024px) {
.page-template-flexible-inside-page .section.card .staff-box .staff-right .name-title,
.page-template-flexible-inside-page .section.card .funder-box .staff-right .name-title,
.page-template-flexible-inside-page .section.card2col .staff-box .staff-right .name-title,
.page-template-flexible-inside-page .section.card2col .funder-box .staff-right .name-title,
.page-template-front-page .section.card .staff-box .staff-right .name-title,
.page-template-front-page .section.card .funder-box .staff-right .name-title,
.page-template-front-page .section.card2col .staff-box .staff-right .name-title,
.page-template-front-page .section.card2col .funder-box .staff-right .name-title {
text-align: left;
flex: 0 0 50%;
}
}
.page-template-flexible-inside-page .section.card .staff-box .staff-right .name-title h2,
.page-template-flexible-inside-page .section.card .funder-box .staff-right .name-title h2,
.page-template-flexible-inside-page .section.card2col .staff-box .staff-right .name-title h2,
.page-template-flexible-inside-page .section.card2col .funder-box .staff-right .name-title h2,
.page-template-front-page .section.card .staff-box .staff-right .name-title h2,
.page-template-front-page .section.card .funder-box .staff-right .name-title h2,
.page-template-front-page .section.card2col .staff-box .staff-right .name-title h2,
.page-template-front-page .section.card2col .funder-box .staff-right .name-title h2 {
margin-top: 0;
margin-bottom: 0.5rem;
}
.page-template-flexible-inside-page .section.card .staff-box .staff-contact-top,
.page-template-flexible-inside-page .section.card .funder-box .staff-contact-top,
.page-template-flexible-inside-page .section.card2col .staff-box .staff-contact-top,
.page-template-flexible-inside-page .section.card2col .funder-box .staff-contact-top,
.page-template-front-page .section.card .staff-box .staff-contact-top,
.page-template-front-page .section.card .funder-box .staff-contact-top,
.page-template-front-page .section.card2col .staff-box .staff-contact-top,
.page-template-front-page .section.card2col .funder-box .staff-contact-top {
display: block;
}
@media (min-width: 1024px) {
.page-template-flexible-inside-page .section.card .staff-box .staff-contact-top,
.page-template-flexible-inside-page .section.card .funder-box .staff-contact-top,
.page-template-flexible-inside-page .section.card2col .staff-box .staff-contact-top,
.page-template-flexible-inside-page .section.card2col .funder-box .staff-contact-top,
.page-template-front-page .section.card .staff-box .staff-contact-top,
.page-template-front-page .section.card .funder-box .staff-contact-top,
.page-template-front-page .section.card2col .staff-box .staff-contact-top,
.page-template-front-page .section.card2col .funder-box .staff-contact-top {
flex: 0 0 100%;
display: flex;
}
}
.page-template-flexible-inside-page .section.card .staff-box .staff-contact,
.page-template-flexible-inside-page .section.card .funder-box .staff-contact,
.page-template-flexible-inside-page .section.card2col .staff-box .staff-contact,
.page-template-flexible-inside-page .section.card2col .funder-box .staff-contact,
.page-template-front-page .section.card .staff-box .staff-contact,
.page-template-front-page .section.card .funder-box .staff-contact,
.page-template-front-page .section.card2col .staff-box .staff-contact,
.page-template-front-page .section.card2col .funder-box .staff-contact {
text-align: left;
font-weight: bold;
display: block;
margin-left: auto;
}
.page-template-flexible-inside-page .section.card .staff-box .staff-contact i,
.page-template-flexible-inside-page .section.card .funder-box .staff-contact i,
.page-template-flexible-inside-page .section.card2col .staff-box .staff-contact i,
.page-template-flexible-inside-page .section.card2col .funder-box .staff-contact i,
.page-template-front-page .section.card .staff-box .staff-contact i,
.page-template-front-page .section.card .funder-box .staff-contact i,
.page-template-front-page .section.card2col .staff-box .staff-contact i,
.page-template-front-page .section.card2col .funder-box .staff-contact i {
margin-left: 0.5rem;
}
.page-template-flexible-inside-page .section.card .staff-box .staff-contact *,
.page-template-flexible-inside-page .section.card .funder-box .staff-contact *,
.page-template-flexible-inside-page .section.card2col .staff-box .staff-contact *,
.page-template-flexible-inside-page .section.card2col .funder-box .staff-contact *,
.page-template-front-page .section.card .staff-box .staff-contact *,
.page-template-front-page .section.card .funder-box .staff-contact *,
.page-template-front-page .section.card2col .staff-box .staff-contact *,
.page-template-front-page .section.card2col .funder-box .staff-contact * {
color: #1300c1;
font-size: 1rem;
}
.page-template-flexible-inside-page .section.card .staff-box .staff-contact .staff-numbers,
.page-template-flexible-inside-page .section.card .funder-box .staff-contact .staff-numbers,
.page-template-flexible-inside-page .section.card2col .staff-box .staff-contact .staff-numbers,
.page-template-flexible-inside-page .section.card2col .funder-box .staff-contact .staff-numbers,
.page-template-front-page .section.card .staff-box .staff-contact .staff-numbers,
.page-template-front-page .section.card .funder-box .staff-contact .staff-numbers,
.page-template-front-page .section.card2col .staff-box .staff-contact .staff-numbers,
.page-template-front-page .section.card2col .funder-box .staff-contact .staff-numbers {
display: block;
text-align: center;
}
@media (min-width: 1024px) {
.page-template-flexible-inside-page .section.card .staff-box .staff-contact .staff-numbers,
.page-template-flexible-inside-page .section.card .funder-box .staff-contact .staff-numbers,
.page-template-flexible-inside-page .section.card2col .staff-box .staff-contact .staff-numbers,
.page-template-flexible-inside-page .section.card2col .funder-box .staff-contact .staff-numbers,
.page-template-front-page .section.card .staff-box .staff-contact .staff-numbers,
.page-template-front-page .section.card .funder-box .staff-contact .staff-numbers,
.page-template-front-page .section.card2col .staff-box .staff-contact .staff-numbers,
.page-template-front-page .section.card2col .funder-box .staff-contact .staff-numbers {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
text-align: left;
}
}
.page-template-flexible-inside-page .section.card .staff-box .staff-contact .staff-email,
.page-template-flexible-inside-page .section.card .funder-box .staff-contact .staff-email,
.page-template-flexible-inside-page .section.card2col .staff-box .staff-contact .staff-email,
.page-template-flexible-inside-page .section.card2col .funder-box .staff-contact .staff-email,
.page-template-front-page .section.card .staff-box .staff-contact .staff-email,
.page-template-front-page .section.card .funder-box .staff-contact .staff-email,
.page-template-front-page .section.card2col .staff-box .staff-contact .staff-email,
.page-template-front-page .section.card2col .funder-box .staff-contact .staff-email {
text-align: center;
}
@media (min-width: 1024px) {
.page-template-flexible-inside-page .section.card .staff-box .staff-contact .staff-email,
.page-template-flexible-inside-page .section.card .funder-box .staff-contact .staff-email,
.page-template-flexible-inside-page .section.card2col .staff-box .staff-contact .staff-email,
.page-template-flexible-inside-page .section.card2col .funder-box .staff-contact .staff-email,
.page-template-front-page .section.card .staff-box .staff-contact .staff-email,
.page-template-front-page .section.card .funder-box .staff-contact .staff-email,
.page-template-front-page .section.card2col .staff-box .staff-contact .staff-email,
.page-template-front-page .section.card2col .funder-box .staff-contact .staff-email {
text-align: left;
}
}
.page-template-flexible-inside-page .section.card .staff-box .staff-contact p,
.page-template-flexible-inside-page .section.card .funder-box .staff-contact p,
.page-template-flexible-inside-page .section.card2col .staff-box .staff-contact p,
.page-template-flexible-inside-page .section.card2col .funder-box .staff-contact p,
.page-template-front-page .section.card .staff-box .staff-contact p,
.page-template-front-page .section.card .funder-box .staff-contact p,
.page-template-front-page .section.card2col .staff-box .staff-contact p,
.page-template-front-page .section.card2col .funder-box .staff-contact p {
text-align: left;
color: #1300c1;
}
.page-template-flexible-inside-page .section.card .staff-box .staff-contact a,
.page-template-flexible-inside-page .section.card .funder-box .staff-contact a,
.page-template-flexible-inside-page .section.card2col .staff-box .staff-contact a,
.page-template-flexible-inside-page .section.card2col .funder-box .staff-contact a,
.page-template-front-page .section.card .staff-box .staff-contact a,
.page-template-front-page .section.card .funder-box .staff-contact a,
.page-template-front-page .section.card2col .staff-box .staff-contact a,
.page-template-front-page .section.card2col .funder-box .staff-contact a {
text-decoration: none;
}
.page-template-flexible-inside-page .section.card .staff-box .staff-contact a:hover,
.page-template-flexible-inside-page .section.card .funder-box .staff-contact a:hover,
.page-template-flexible-inside-page .section.card2col .staff-box .staff-contact a:hover,
.page-template-flexible-inside-page .section.card2col .funder-box .staff-contact a:hover,
.page-template-front-page .section.card .staff-box .staff-contact a:hover,
.page-template-front-page .section.card .funder-box .staff-contact a:hover,
.page-template-front-page .section.card2col .staff-box .staff-contact a:hover,
.page-template-front-page .section.card2col .funder-box .staff-contact a:hover {
text-decoration: underline;
}
.page-template-flexible-inside-page .section.card .staff-box .staff-description,
.page-template-flexible-inside-page .section.card .funder-box .staff-description,
.page-template-flexible-inside-page .section.card2col .staff-box .staff-description,
.page-template-flexible-inside-page .section.card2col .funder-box .staff-description,
.page-template-front-page .section.card .staff-box .staff-description,
.page-template-front-page .section.card .funder-box .staff-description,
.page-template-front-page .section.card2col .staff-box .staff-description,
.page-template-front-page .section.card2col .funder-box .staff-description {
flex: 0 0 100%;
}
.page-template-flexible-inside-page .section.card .staff-box a.show-more,
.page-template-flexible-inside-page .section.card .funder-box a.show-more,
.page-template-flexible-inside-page .section.card2col .staff-box a.show-more,
.page-template-flexible-inside-page .section.card2col .funder-box a.show-more,
.page-template-front-page .section.card .staff-box a.show-more,
.page-template-front-page .section.card .funder-box a.show-more,
.page-template-front-page .section.card2col .staff-box a.show-more,
.page-template-front-page .section.card2col .funder-box a.show-more {
height: 45px;
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
text-decoration: none;
font-weight: bold;
color: #1300c1;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, #FFFFFF 100%);
}
.page-template-flexible-inside-page .section.card .staff-box a.show-more:hover,
.page-template-flexible-inside-page .section.card .funder-box a.show-more:hover,
.page-template-flexible-inside-page .section.card2col .staff-box a.show-more:hover,
.page-template-flexible-inside-page .section.card2col .funder-box a.show-more:hover,
.page-template-front-page .section.card .staff-box a.show-more:hover,
.page-template-front-page .section.card .funder-box a.show-more:hover,
.page-template-front-page .section.card2col .staff-box a.show-more:hover,
.page-template-front-page .section.card2col .funder-box a.show-more:hover {
cursor: pointer;
text-decoration: underline;
}
.page-template-flexible-inside-page .section.card .staff-box a.show-more i,
.page-template-flexible-inside-page .section.card .funder-box a.show-more i,
.page-template-flexible-inside-page .section.card2col .staff-box a.show-more i,
.page-template-flexible-inside-page .section.card2col .funder-box a.show-more i,
.page-template-front-page .section.card .staff-box a.show-more i,
.page-template-front-page .section.card .funder-box a.show-more i,
.page-template-front-page .section.card2col .staff-box a.show-more i,
.page-template-front-page .section.card2col .funder-box a.show-more i {
margin-left: 0.25rem;
}
.page-template-flexible-inside-page .section.card .staff-box.active,
.page-template-flexible-inside-page .section.card2col .staff-box.active,
.page-template-front-page .section.card .staff-box.active,
.page-template-front-page .section.card2col .staff-box.active {
max-height: 1000px;
transition: max-height 0.75s ease-in;
}
.page-template-flexible-inside-page .section.card .staff-box.active .more,
.page-template-flexible-inside-page .section.card2col .staff-box.active .more,
.page-template-front-page .section.card .staff-box.active .more,
.page-template-front-page .section.card2col .staff-box.active .more {
display: none;
}
.page-template-flexible-inside-page .section.card .staff-box.active .less,
.page-template-flexible-inside-page .section.card2col .staff-box.active .less,
.page-template-front-page .section.card .staff-box.active .less,
.page-template-front-page .section.card2col .staff-box.active .less {
display: block;
}
.page-template-front-page .section.card2col .wrap.container {
justify-content: space-between;
}
.page-template-front-page .section.card2col .staff-box {
flex: 0 0 calc(50% - 0.5rem);
margin: 0 0 1rem 0;
}
.page-template-front-page .section.card2col .staff-box .staff-right {
flex: 1;
}
.page-template-front-page .section.card2col .staff-contact-top {
flex-direction: column;
}
.page-template-front-page .section.card2col .staff-contact-top .staff-contact {
margin-left: 0;
}
.page-template-front-page .section.card .staff-box .staff-right {
flex: 1;
}
.page-template-flexible-inside-page .section.card2col .wrap.container {
justify-content: space-between;
}
.page-template-flexible-inside-page .section.card2col .staff-box {
flex: 0 0 calc(50% - 0.5rem);
padding: 10px;
}
@media (min-width: 768px) {
.page-template-flexible-inside-page .section.card2col .staff-box {
flex: 0 0 calc(50% - 0.5rem);
align-self: stretch;
}
}
.page-template-flexible-inside-page .section.card2col .staff-box .staff-right {
flex: 1;
}
.page-template-flexible-inside-page .section.card2col .staff-box .staff-contact-top {
flex-direction: column;
}
.page-template-flexible-inside-page .section.card2col .staff-box .staff-contact-top h2 {
font-size: 1.3125rem;
}
.page-template-flexible-inside-page .section.card2col .staff-box .staff-contact-top h4 {
font-size: 0.9rem;
margin-bottom: 0.5rem;
}
.page-template-flexible-inside-page .section.card2col .staff-box .staff-contact-top .staff-contact {
margin-left: 0;
}
.page-template-flexible-inside-page .section.card2col .staff-box .staff-contact-top .staff-contact * {
font-size: 0.9rem;
}
.page-template-flexible-inside-page .section.card2col .staff-box .circle.large {
width: 120px;
height: 120px;
}
.page-template-flexible-inside-page .section.card2col .staff-box .circle.large img {
width: 100%;
height: 100%;
}
.page-template-flexible-inside-page .section.card2col .staff-box a.show-more,
.page-template-flexible-inside-page .section.card2col .staff-box .staff-description {
display: none;
}
.wrap.conversation {
height: 165px;
}
section.conversation-row {
display: flex;
flex-direction: column;
height: 165px;
justify-content: flex-start;
padding: 1rem;
}
@media (min-width: 768px) {
section.conversation-row {
height: 290px;
}
}
@media (min-width: 1024px) {
section.conversation-row {
justify-content: center;
}
}
@media (min-width: 1024px) {
section.conversation-row {
padding: 2rem 0;
}
}
section.conversation-row .question {
color: #1300c1;
background-color: #ffcdd9;
font-family: "Mind Meridian Bold", Helvetica, Arial, sans-serif;
padding: 0.6em 2em;
border-radius: 1.2em;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
flex: 0 0 60%;
margin-bottom: 2rem;
position: relative;
font-size: 1rem;
font-weight: bold;
}
@media (min-width: 768px) {
section.conversation-row .question {
font-size: 1.5rem;
}
}
section.conversation-row .question:before {
content: "";
position: absolute;
left: 2em;
bottom: 100%;
border-width: calc((2em - 10px) / 3.5);
border-style: solid;
border-left-color: #ffcdd9;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: #ffcdd9;
}
section.conversation-row .answers {
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
z-index: 10;
border-radius: 1.2em;
font-weight: bold;
transition: none;
flex: 0 0 55%;
margin-left: auto;
position: relative;
}
@media (min-width: 768px) {
section.conversation-row .answers {
margin-top: 0rem;
}
}
section.conversation-row .answers.open {
border-bottom-left-radius: 1.2em;
border-bottom-right-radius: 1.2em;
}
section.conversation-row .answers.open i.fas.fa-angle-down {
display: none !important;
}
section.conversation-row .answers.open i.fas.fa-angle-up {
display: block !important;
}
section.conversation-row .answers.open a.dropbtn {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-color: #d8dcff;
}
section.conversation-row .answers.open a.dropbtn:after {
display: none;
}
section.conversation-row .answers.open a.dropbtn:hover {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
section.conversation-row .answers i.fas.fa-angle-down,
section.conversation-row .answers i.fas.fa-angle-up {
position: absolute;
right: 2rem;
top: 12px;
font-size: 1.5625rem;
z-index: 1;
color: #1300c1;
}
@media (min-width: 768px) {
section.conversation-row .answers i.fas.fa-angle-down,
section.conversation-row .answers i.fas.fa-angle-up {
top: 1.5rem;
}
}
section.conversation-row .answers i.fas.fa-angle-up {
display: none;
}
section.conversation-row .answers a.dropbtn {
border-radius: 1.2em;
background-color: #fff;
position: relative;
z-index: 1;
}
section.conversation-row .answers a.dropbtn:after {
content: "";
position: absolute;
right: 2em;
top: 100%;
font-size: 1rem;
border-width: calc((2em - 10px) / 3.5);
border-style: solid;
border-left-color: transparent;
border-top-color: #fff;
border-right-color: #fff;
border-bottom-color: transparent;
transition: all 0.15s ease-in-out;
}
@media (min-width: 768px) {
section.conversation-row .answers a.dropbtn:after {
font-size: 1.5rem;
}
}
section.conversation-row .answers a.dropbtn:hover {
background-color: #d8dcff;
cursor: pointer;
}
section.conversation-row .answers a.dropbtn:hover:after {
border-top-color: #d8dcff;
border-right-color: #d8dcff;
}
section.conversation-row .answers #myDropdown.dropdown-content {
display: none;
background-color: #fff;
border-radius: 1.2em;
padding-top: 2rem;
margin-top: -2.5rem;
position: relative;
}
section.conversation-row .answers #myDropdown.dropdown-content.show {
display: block;
}
section.conversation-row .answers #myDropdown.dropdown-content a {
position: relative;
z-index: 2;
}
section.conversation-row .answers a {
color: #1300c1 !important;
text-decoration: none;
display: block;
color: #1300c1;
padding: 0.6em 2em;
font-size: 1rem;
transition: none;
}
@media (min-width: 768px) {
section.conversation-row .answers a {
font-size: 1.5rem;
}
}
section.conversation-row .answers a:hover {
background-color: #d8dcff;
}
section.conversation-row .answers a:last-of-type:hover {
border-bottom-left-radius: 1.2em;
border-bottom-right-radius: 1.2em;
}
/* ----------------------------------------------------------------------------------------------------------
Circle Row ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.circle-links {
padding: 2rem;
}
@media (min-width: 1024px) {
.circle-links {
padding: 4rem 0;
}
}
.circle-links.white {
background-color: #fff;
}
.circle-links.white p {
color: #303030;
}
.circle-links.white h1, .circle-links.white h2, .circle-links.white h3, .circle-links.white h4 {
color: #1300c1;
}
.circle-links.white blockquote, .circle-links.white blockquote p {
color: #1300c1 !important;
}
.circle-links.black5 {
padding: 1rem;
background-color: #f2f2f2;
}
@media (min-width: 1024px) {
.circle-links.black5 {
padding: 2rem 0;
}
}
.circle-links.black5 p, .circle-links.black5 h1, .circle-links.black5 h2, .circle-links.black5 h3, .circle-links.black5 h4 {
color: #1300c1 !important;
}
.circle-links.black10 {
padding: 1rem;
background-color: #e6e6e6;
}
@media (min-width: 1024px) {
.circle-links.black10 {
padding: 2rem 0;
}
}
.circle-links.black10 p, .circle-links.black10 h1, .circle-links.black10 h2, .circle-links.black10 h3, .circle-links.black10 h4 {
color: #1300c1 !important;
}
.circle-links.blue, .circle-links.highlight.blue {
padding: 1rem;
background-color: #1300c1;
color: #ffffff;
}
@media (min-width: 1024px) {
.circle-links.blue, .circle-links.highlight.blue {
padding: 2rem 0;
}
}
.circle-links.blue p, .circle-links.blue h1, .circle-links.blue h2, .circle-links.blue h3, .circle-links.blue h4, .circle-links.blue a, .circle-links.highlight.blue p, .circle-links.highlight.blue h1, .circle-links.highlight.blue h2, .circle-links.highlight.blue h3, .circle-links.highlight.blue h4, .circle-links.highlight.blue a {
color: #ffffff;
}
.circle-links.blue a, .circle-links.highlight.blue a {
text-decoration: underline;
}
.circle-links.blue a:hover, .circle-links.highlight.blue a:hover {
color: #ffcdd9;
}
.circle-links.blue blockquote p, .circle-links.blue blockquote h1, .circle-links.blue blockquote h2, .circle-links.blue blockquote h3, .circle-links.blue blockquote h4, .circle-links.highlight.blue blockquote p, .circle-links.highlight.blue blockquote h1, .circle-links.highlight.blue blockquote h2, .circle-links.highlight.blue blockquote h3, .circle-links.highlight.blue blockquote h4 {
color: #ffffff !important;
}
.circle-links.blue blockquote p::before, .circle-links.blue blockquote h1::before, .circle-links.blue blockquote h2::before, .circle-links.blue blockquote h3::before, .circle-links.blue blockquote h4::before, .circle-links.highlight.blue blockquote p::before, .circle-links.highlight.blue blockquote h1::before, .circle-links.highlight.blue blockquote h2::before, .circle-links.highlight.blue blockquote h3::before, .circle-links.highlight.blue blockquote h4::before {
color: #ffffff !important;
}
.circle-links.blue blockquote p::after, .circle-links.blue blockquote h1::after, .circle-links.blue blockquote h2::after, .circle-links.blue blockquote h3::after, .circle-links.blue blockquote h4::after, .circle-links.highlight.blue blockquote p::after, .circle-links.highlight.blue blockquote h1::after, .circle-links.highlight.blue blockquote h2::after, .circle-links.highlight.blue blockquote h3::after, .circle-links.highlight.blue blockquote h4::after {
color: #ffffff !important;
}
.circle-links.pink {
padding: 1rem;
background-color: #ff0071;
color: #ffffff !important;
}
@media (min-width: 1024px) {
.circle-links.pink {
padding: 2rem 0;
}
}
.circle-links.pink p, .circle-links.pink h1, .circle-links.pink h2, .circle-links.pink h3, .circle-links.pink h4, .circle-links.pink a {
color: #fff !important;
}
.circle-links.pink blockquote p, .circle-links.pink blockquote h1, .circle-links.pink blockquote h2, .circle-links.pink blockquote h3, .circle-links.pink blockquote h4 {
color: #ffffff !important;
}
.circle-links.pink blockquote p::before, .circle-links.pink blockquote h1::before, .circle-links.pink blockquote h2::before, .circle-links.pink blockquote h3::before, .circle-links.pink blockquote h4::before {
color: #ffffff !important;
}
.circle-links.pink blockquote p::after, .circle-links.pink blockquote h1::after, .circle-links.pink blockquote h2::after, .circle-links.pink blockquote h3::after, .circle-links.pink blockquote h4::after {
color: #ffffff !important;
}
.circle-links.purple {
padding: 1rem;
background-color: #8149ff;
color: #ffffff !important;
}
@media (min-width: 1024px) {
.circle-links.purple {
padding: 2rem 0;
}
}
.circle-links.purple p, .circle-links.purple h1, .circle-links.purple h2, .circle-links.purple h3, .circle-links.purple h4, .circle-links.purple a {
color: #fff !important;
}
.circle-links.purple blockquote p, .circle-links.purple blockquote h1, .circle-links.purple blockquote h2, .circle-links.purple blockquote h3, .circle-links.purple blockquote h4, .circle-links.purple blockquote a {
color: #ffffff !important;
}
.circle-links.purple blockquote p::before, .circle-links.purple blockquote h1::before, .circle-links.purple blockquote h2::before, .circle-links.purple blockquote h3::before, .circle-links.purple blockquote h4::before, .circle-links.purple blockquote a::before {
color: #ffffff !important;
}
.circle-links.purple blockquote p::after, .circle-links.purple blockquote h1::after, .circle-links.purple blockquote h2::after, .circle-links.purple blockquote h3::after, .circle-links.purple blockquote h4::after, .circle-links.purple blockquote a::after {
color: #ffffff !important;
}
.circle-links.green {
padding: 1rem;
background-color: #71f5c4;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
.circle-links.green {
padding: 2rem 0;
}
}
.circle-links.green p, .circle-links.green h1, .circle-links.green h2, .circle-links.green h3, .circle-links.green h4 {
color: #1300c1 !important;
}
.circle-links.sky {
padding: 1rem;
background-color: #9da8ff;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
.circle-links.sky {
padding: 2rem 0;
}
}
.circle-links.sky p, .circle-links.sky h1, .circle-links.sky h2, .circle-links.sky h3, .circle-links.sky h4 {
color: #1300c1 !important;
}
.circle-links.sky20 {
padding: 1rem;
background-color: #ebeeff;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
.circle-links.sky20 {
padding: 2rem 0;
}
}
.circle-links.sky20 p, .circle-links.sky20 h1, .circle-links.sky20 h2, .circle-links.sky20 h3, .circle-links.sky20 h4 {
color: #1300c1 !important;
}
.circle-links.sky40 {
padding: 1rem;
background-color: #d8dcff;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
.circle-links.sky40 {
padding: 2rem 0;
}
}
.circle-links.sky40 p, .circle-links.sky40 h1, .circle-links.sky40 h2, .circle-links.sky40 h3, .circle-links.sky40 h4 {
color: #1300c1 !important;
}
.circle-links.sky60 {
padding: 1rem;
background-color: #c4cbff;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
.circle-links.sky60 {
padding: 2rem 0;
}
}
.circle-links.sky60 p, .circle-links.sky60 h1, .circle-links.sky60 h2, .circle-links.sky60 h3, .circle-links.sky60 h4 {
color: #1300c1 !important;
}
.circle-links.peach {
padding: 1rem;
background-color: #ffcdd9;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
.circle-links.peach {
padding: 2rem 0;
}
}
.circle-links.peach p, .circle-links.peach h1, .circle-links.peach h2, .circle-links.peach h3, .circle-links.peach h4 {
color: #1300c1 !important;
}
.circle-links p.peach,
.circle-links p.green,
.circle-links p.sky60,
.circle-links p.sky40 p.sky20,
.circle-links p.sky {
color: #1300c1;
}
.circle-links p.pink,
.circle-links p.purple,
.circle-links p.blue {
color: #fff;
}
.circle-links .wrap {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
.circle-links a.button {
border: 0;
margin-top: 1rem;
}
.circle-links a.button:hover {
background-color: #ffcdd9;
color: #1300c1;
}
.help-box {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
flex: 0 0 calc(100% - 1rem);
}
.help-box.square {
border: 0px solid #c8c8c8;
border-radius: 0;
padding: 1rem;
background-color: #fff;
}
@media (max-width: 768px) {
.help-box.square {
margin-bottom: 15px;
}
}
.help-box.round {
border: 2px solid #c8c8c8;
border-radius: 10px;
padding: 1rem;
background-color: #fff;
}
@media (max-width: 768px) {
.help-box.round {
margin-bottom: 15px;
}
}
.help-box a.button {
border: 0;
margin-top: 1rem;
background-color: #1300c1;
color: #fff;
}
.help-box a.button:hover {
background-color: #9da8ff;
color: #1300c1;
}
.help-box img {
width: 110px;
}
@media (min-width: 768px) {
.help-box {
flex: 0 0 calc(33.3% - 2rem);
}
.help-box h3 {
font-size: 18px;
}
}
@media (min-width: 1024px) {
.help-box {
margin-top: 0;
}
.help-box h3 {
margin-bottom: 10px !important;
font-size: 24px;
}
}
.help-box p {
color: #1300c1;
}
section#news-feed {
padding: 1rem 0;
}
section#news-feed.white {
background-color: #fff;
}
section#news-feed.white p {
color: #303030;
}
section#news-feed.white h1, section#news-feed.white h2, section#news-feed.white h3, section#news-feed.white h4 {
color: #1300c1;
}
section#news-feed.white blockquote, section#news-feed.white blockquote p {
color: #1300c1 !important;
}
section#news-feed.black5 {
padding: 1rem;
background-color: #f2f2f2;
}
@media (min-width: 1024px) {
section#news-feed.black5 {
padding: 2rem 0;
}
}
section#news-feed.black5 p, section#news-feed.black5 h1, section#news-feed.black5 h2, section#news-feed.black5 h3, section#news-feed.black5 h4 {
color: #1300c1 !important;
}
section#news-feed.black10 {
padding: 1rem;
background-color: #e6e6e6;
}
@media (min-width: 1024px) {
section#news-feed.black10 {
padding: 2rem 0;
}
}
section#news-feed.black10 p, section#news-feed.black10 h1, section#news-feed.black10 h2, section#news-feed.black10 h3, section#news-feed.black10 h4 {
color: #1300c1 !important;
}
section#news-feed.blue, section#news-feed.highlight.blue {
padding: 1rem;
background-color: #1300c1;
color: #ffffff;
}
@media (min-width: 1024px) {
section#news-feed.blue, section#news-feed.highlight.blue {
padding: 2rem 0;
}
}
section#news-feed.blue p, section#news-feed.blue h1, section#news-feed.blue h2, section#news-feed.blue h3, section#news-feed.blue h4, section#news-feed.blue a, section#news-feed.highlight.blue p, section#news-feed.highlight.blue h1, section#news-feed.highlight.blue h2, section#news-feed.highlight.blue h3, section#news-feed.highlight.blue h4, section#news-feed.highlight.blue a {
color: #ffffff;
}
section#news-feed.blue a, section#news-feed.highlight.blue a {
text-decoration: underline;
}
section#news-feed.blue a:hover, section#news-feed.highlight.blue a:hover {
color: #ffcdd9;
}
section#news-feed.blue blockquote p, section#news-feed.blue blockquote h1, section#news-feed.blue blockquote h2, section#news-feed.blue blockquote h3, section#news-feed.blue blockquote h4, section#news-feed.highlight.blue blockquote p, section#news-feed.highlight.blue blockquote h1, section#news-feed.highlight.blue blockquote h2, section#news-feed.highlight.blue blockquote h3, section#news-feed.highlight.blue blockquote h4 {
color: #ffffff !important;
}
section#news-feed.blue blockquote p::before, section#news-feed.blue blockquote h1::before, section#news-feed.blue blockquote h2::before, section#news-feed.blue blockquote h3::before, section#news-feed.blue blockquote h4::before, section#news-feed.highlight.blue blockquote p::before, section#news-feed.highlight.blue blockquote h1::before, section#news-feed.highlight.blue blockquote h2::before, section#news-feed.highlight.blue blockquote h3::before, section#news-feed.highlight.blue blockquote h4::before {
color: #ffffff !important;
}
section#news-feed.blue blockquote p::after, section#news-feed.blue blockquote h1::after, section#news-feed.blue blockquote h2::after, section#news-feed.blue blockquote h3::after, section#news-feed.blue blockquote h4::after, section#news-feed.highlight.blue blockquote p::after, section#news-feed.highlight.blue blockquote h1::after, section#news-feed.highlight.blue blockquote h2::after, section#news-feed.highlight.blue blockquote h3::after, section#news-feed.highlight.blue blockquote h4::after {
color: #ffffff !important;
}
section#news-feed.pink {
padding: 1rem;
background-color: #ff0071;
color: #ffffff !important;
}
@media (min-width: 1024px) {
section#news-feed.pink {
padding: 2rem 0;
}
}
section#news-feed.pink p, section#news-feed.pink h1, section#news-feed.pink h2, section#news-feed.pink h3, section#news-feed.pink h4, section#news-feed.pink a {
color: #fff !important;
}
section#news-feed.pink blockquote p, section#news-feed.pink blockquote h1, section#news-feed.pink blockquote h2, section#news-feed.pink blockquote h3, section#news-feed.pink blockquote h4 {
color: #ffffff !important;
}
section#news-feed.pink blockquote p::before, section#news-feed.pink blockquote h1::before, section#news-feed.pink blockquote h2::before, section#news-feed.pink blockquote h3::before, section#news-feed.pink blockquote h4::before {
color: #ffffff !important;
}
section#news-feed.pink blockquote p::after, section#news-feed.pink blockquote h1::after, section#news-feed.pink blockquote h2::after, section#news-feed.pink blockquote h3::after, section#news-feed.pink blockquote h4::after {
color: #ffffff !important;
}
section#news-feed.purple {
padding: 1rem;
background-color: #8149ff;
color: #ffffff !important;
}
@media (min-width: 1024px) {
section#news-feed.purple {
padding: 2rem 0;
}
}
section#news-feed.purple p, section#news-feed.purple h1, section#news-feed.purple h2, section#news-feed.purple h3, section#news-feed.purple h4, section#news-feed.purple a {
color: #fff !important;
}
section#news-feed.purple blockquote p, section#news-feed.purple blockquote h1, section#news-feed.purple blockquote h2, section#news-feed.purple blockquote h3, section#news-feed.purple blockquote h4, section#news-feed.purple blockquote a {
color: #ffffff !important;
}
section#news-feed.purple blockquote p::before, section#news-feed.purple blockquote h1::before, section#news-feed.purple blockquote h2::before, section#news-feed.purple blockquote h3::before, section#news-feed.purple blockquote h4::before, section#news-feed.purple blockquote a::before {
color: #ffffff !important;
}
section#news-feed.purple blockquote p::after, section#news-feed.purple blockquote h1::after, section#news-feed.purple blockquote h2::after, section#news-feed.purple blockquote h3::after, section#news-feed.purple blockquote h4::after, section#news-feed.purple blockquote a::after {
color: #ffffff !important;
}
section#news-feed.green {
padding: 1rem;
background-color: #71f5c4;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
section#news-feed.green {
padding: 2rem 0;
}
}
section#news-feed.green p, section#news-feed.green h1, section#news-feed.green h2, section#news-feed.green h3, section#news-feed.green h4 {
color: #1300c1 !important;
}
section#news-feed.sky {
padding: 1rem;
background-color: #9da8ff;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
section#news-feed.sky {
padding: 2rem 0;
}
}
section#news-feed.sky p, section#news-feed.sky h1, section#news-feed.sky h2, section#news-feed.sky h3, section#news-feed.sky h4 {
color: #1300c1 !important;
}
section#news-feed.sky20 {
padding: 1rem;
background-color: #ebeeff;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
section#news-feed.sky20 {
padding: 2rem 0;
}
}
section#news-feed.sky20 p, section#news-feed.sky20 h1, section#news-feed.sky20 h2, section#news-feed.sky20 h3, section#news-feed.sky20 h4 {
color: #1300c1 !important;
}
section#news-feed.sky40 {
padding: 1rem;
background-color: #d8dcff;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
section#news-feed.sky40 {
padding: 2rem 0;
}
}
section#news-feed.sky40 p, section#news-feed.sky40 h1, section#news-feed.sky40 h2, section#news-feed.sky40 h3, section#news-feed.sky40 h4 {
color: #1300c1 !important;
}
section#news-feed.sky60 {
padding: 1rem;
background-color: #c4cbff;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
section#news-feed.sky60 {
padding: 2rem 0;
}
}
section#news-feed.sky60 p, section#news-feed.sky60 h1, section#news-feed.sky60 h2, section#news-feed.sky60 h3, section#news-feed.sky60 h4 {
color: #1300c1 !important;
}
section#news-feed.peach {
padding: 1rem;
background-color: #ffcdd9;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
section#news-feed.peach {
padding: 2rem 0;
}
}
section#news-feed.peach p, section#news-feed.peach h1, section#news-feed.peach h2, section#news-feed.peach h3, section#news-feed.peach h4 {
color: #1300c1 !important;
}
section#news-feed p.peach,
section#news-feed p.green,
section#news-feed p.sky60,
section#news-feed p.sky40 p.sky20,
section#news-feed p.sky {
color: #1300c1;
}
section#news-feed p.pink,
section#news-feed p.purple,
section#news-feed p.blue {
color: #fff;
}
section#news-feed .wrap:first-of-type {
display: block;
align-items: center;
}
@media (min-width: 768px) {
section#news-feed .wrap:first-of-type {
display: flex;
}
}
section#news-feed .wrap:first-of-type a.button {
width: 200px;
margin: 0 auto;
display: block;
}
@media (min-width: 768px) {
section#news-feed .wrap:first-of-type a.button {
display: inline-block;
margin: auto 0;
width: auto;
}
}
section#news-feed h2 {
margin: 1rem 0;
text-align: center;
}
@media (min-width: 768px) {
section#news-feed h2 {
text-align: left;
}
}
section#news-feed .wrap div.news-item {
flex: 0 0 100%;
margin-top: 1rem;
margin-bottom: auto;
}
@media (min-width: 768px) {
section#news-feed .wrap div.news-item {
flex: 0 0 calc(50% - 1rem);
}
}
section#news-feed .wrap div.news-item img {
height: 250px;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 1024px) {
section#news-feed .wrap div.news-item img {
height: 200px;
}
}
@media (min-width: 1024px) {
section#news-feed .wrap div.news-item {
flex: 0 0 calc(25% - 1rem);
margin-top: 2rem;
}
}
section#news-feed .wrap div.news-item .inner {
padding: 1rem 0.5rem;
}
section#news-feed .wrap div.news-item h4 {
margin-top: 0;
}
section#news-feed .wrap div.news-item:hover {
background-color: #d8dcff;
}
section#news-feed .wrap div.news-item:hover .inner {
color: #1300c1 !important;
}
section#news-feed.blue div.news-item:hover .inner * {
color: #1300c1;
}
section#news-feed.blue div.news-item:hover .inner * {
color: #1300c1;
}
section#news-feed.pink div.news-item:hover {
background-color: #990044;
}
section#news-feed.pink div.news-item:hover .inner * {
color: #fff;
}
section#news-feed.green div.news-item:hover {
background-color: #12ee9c;
}
section#news-feed.green div.news-item:hover .inner * {
color: #1300c1;
}
section#news-feed.sky div.news-item:hover {
background-color: #6a7bff;
}
section#news-feed.sky div.news-item:hover .inner * {
color: #1300c1;
}
section#news-feed.sky div.news-item:hover {
background-color: #6a7bff;
}
section#news-feed.sky div.news-item:hover .inner * {
color: #1300c1;
}
section#news-feed.sky60 div.news-item:hover {
background-color: #919eff;
}
section#news-feed.sky60 div.news-item:hover .inner * {
color: #1300c1;
}
section#news-feed.sky40 div.news-item:hover {
background-color: #a5aeff;
}
section#news-feed.sky40 div.news-item:hover .inner * {
color: #1300c1;
}
section#news-feed.purple div.news-item:hover {
background-color: #6f30ff;
}
section#news-feed.purple div.news-item:hover .inner * {
color: #fff;
}
section#news-feed.peach div.news-item:hover {
background-color: #ffb4c6;
}
section#news-feed.peach div.news-item:hover .inner * {
color: #1300c1;
}
section#news-feed.black5 div.news-item:hover {
background-color: #e6e6e6;
}
section#news-feed.black5 div.news-item:hover .inner * {
color: #1300c1;
}
section#news-feed.black10 div.news-item:hover {
background-color: #d9d9d9;
}
section#news-feed.black10 div.news-item:hover .inner * {
color: #1300c1;
}
section.infographics .wrap,
section.infographics-new .wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
section.infographics .info-box,
section.infographics-new .info-box {
flex: 0 0 100%;
padding: 2rem !important;
margin-bottom: 1rem;
min-height: 200px;
background-color: #1300c1;
text-align: center;
color: #fff;
}
section.infographics .info-box.white,
section.infographics-new .info-box.white {
background-color: #fff;
}
section.infographics .info-box.white p,
section.infographics-new .info-box.white p {
color: #303030;
}
section.infographics .info-box.white h1, section.infographics .info-box.white h2, section.infographics .info-box.white h3, section.infographics .info-box.white h4,
section.infographics-new .info-box.white h1,
section.infographics-new .info-box.white h2,
section.infographics-new .info-box.white h3,
section.infographics-new .info-box.white h4 {
color: #1300c1;
}
section.infographics .info-box.white blockquote, section.infographics .info-box.white blockquote p,
section.infographics-new .info-box.white blockquote,
section.infographics-new .info-box.white blockquote p {
color: #1300c1 !important;
}
section.infographics .info-box.black5,
section.infographics-new .info-box.black5 {
padding: 1rem;
background-color: #f2f2f2;
}
@media (min-width: 1024px) {
section.infographics .info-box.black5,
section.infographics-new .info-box.black5 {
padding: 2rem 0;
}
}
section.infographics .info-box.black5 p, section.infographics .info-box.black5 h1, section.infographics .info-box.black5 h2, section.infographics .info-box.black5 h3, section.infographics .info-box.black5 h4,
section.infographics-new .info-box.black5 p,
section.infographics-new .info-box.black5 h1,
section.infographics-new .info-box.black5 h2,
section.infographics-new .info-box.black5 h3,
section.infographics-new .info-box.black5 h4 {
color: #1300c1 !important;
}
section.infographics .info-box.black10,
section.infographics-new .info-box.black10 {
padding: 1rem;
background-color: #e6e6e6;
}
@media (min-width: 1024px) {
section.infographics .info-box.black10,
section.infographics-new .info-box.black10 {
padding: 2rem 0;
}
}
section.infographics .info-box.black10 p, section.infographics .info-box.black10 h1, section.infographics .info-box.black10 h2, section.infographics .info-box.black10 h3, section.infographics .info-box.black10 h4,
section.infographics-new .info-box.black10 p,
section.infographics-new .info-box.black10 h1,
section.infographics-new .info-box.black10 h2,
section.infographics-new .info-box.black10 h3,
section.infographics-new .info-box.black10 h4 {
color: #1300c1 !important;
}
section.infographics .info-box.blue, section.infographics .info-box.highlight.blue,
section.infographics-new .info-box.blue,
section.infographics-new .info-box.highlight.blue {
padding: 1rem;
background-color: #1300c1;
color: #ffffff;
}
@media (min-width: 1024px) {
section.infographics .info-box.blue, section.infographics .info-box.highlight.blue,
section.infographics-new .info-box.blue,
section.infographics-new .info-box.highlight.blue {
padding: 2rem 0;
}
}
section.infographics .info-box.blue p, section.infographics .info-box.blue h1, section.infographics .info-box.blue h2, section.infographics .info-box.blue h3, section.infographics .info-box.blue h4, section.infographics .info-box.blue a, section.infographics .info-box.highlight.blue p, section.infographics .info-box.highlight.blue h1, section.infographics .info-box.highlight.blue h2, section.infographics .info-box.highlight.blue h3, section.infographics .info-box.highlight.blue h4, section.infographics .info-box.highlight.blue a,
section.infographics-new .info-box.blue p,
section.infographics-new .info-box.blue h1,
section.infographics-new .info-box.blue h2,
section.infographics-new .info-box.blue h3,
section.infographics-new .info-box.blue h4,
section.infographics-new .info-box.blue a,
section.infographics-new .info-box.highlight.blue p,
section.infographics-new .info-box.highlight.blue h1,
section.infographics-new .info-box.highlight.blue h2,
section.infographics-new .info-box.highlight.blue h3,
section.infographics-new .info-box.highlight.blue h4,
section.infographics-new .info-box.highlight.blue a {
color: #ffffff;
}
section.infographics .info-box.blue a, section.infographics .info-box.highlight.blue a,
section.infographics-new .info-box.blue a,
section.infographics-new .info-box.highlight.blue a {
text-decoration: underline;
}
section.infographics .info-box.blue a:hover, section.infographics .info-box.highlight.blue a:hover,
section.infographics-new .info-box.blue a:hover,
section.infographics-new .info-box.highlight.blue a:hover {
color: #ffcdd9;
}
section.infographics .info-box.blue blockquote p, section.infographics .info-box.blue blockquote h1, section.infographics .info-box.blue blockquote h2, section.infographics .info-box.blue blockquote h3, section.infographics .info-box.blue blockquote h4, section.infographics .info-box.highlight.blue blockquote p, section.infographics .info-box.highlight.blue blockquote h1, section.infographics .info-box.highlight.blue blockquote h2, section.infographics .info-box.highlight.blue blockquote h3, section.infographics .info-box.highlight.blue blockquote h4,
section.infographics-new .info-box.blue blockquote p,
section.infographics-new .info-box.blue blockquote h1,
section.infographics-new .info-box.blue blockquote h2,
section.infographics-new .info-box.blue blockquote h3,
section.infographics-new .info-box.blue blockquote h4,
section.infographics-new .info-box.highlight.blue blockquote p,
section.infographics-new .info-box.highlight.blue blockquote h1,
section.infographics-new .info-box.highlight.blue blockquote h2,
section.infographics-new .info-box.highlight.blue blockquote h3,
section.infographics-new .info-box.highlight.blue blockquote h4 {
color: #ffffff !important;
}
section.infographics .info-box.blue blockquote p::before, section.infographics .info-box.blue blockquote h1::before, section.infographics .info-box.blue blockquote h2::before, section.infographics .info-box.blue blockquote h3::before, section.infographics .info-box.blue blockquote h4::before, section.infographics .info-box.highlight.blue blockquote p::before, section.infographics .info-box.highlight.blue blockquote h1::before, section.infographics .info-box.highlight.blue blockquote h2::before, section.infographics .info-box.highlight.blue blockquote h3::before, section.infographics .info-box.highlight.blue blockquote h4::before,
section.infographics-new .info-box.blue blockquote p::before,
section.infographics-new .info-box.blue blockquote h1::before,
section.infographics-new .info-box.blue blockquote h2::before,
section.infographics-new .info-box.blue blockquote h3::before,
section.infographics-new .info-box.blue blockquote h4::before,
section.infographics-new .info-box.highlight.blue blockquote p::before,
section.infographics-new .info-box.highlight.blue blockquote h1::before,
section.infographics-new .info-box.highlight.blue blockquote h2::before,
section.infographics-new .info-box.highlight.blue blockquote h3::before,
section.infographics-new .info-box.highlight.blue blockquote h4::before {
color: #ffffff !important;
}
section.infographics .info-box.blue blockquote p::after, section.infographics .info-box.blue blockquote h1::after, section.infographics .info-box.blue blockquote h2::after, section.infographics .info-box.blue blockquote h3::after, section.infographics .info-box.blue blockquote h4::after, section.infographics .info-box.highlight.blue blockquote p::after, section.infographics .info-box.highlight.blue blockquote h1::after, section.infographics .info-box.highlight.blue blockquote h2::after, section.infographics .info-box.highlight.blue blockquote h3::after, section.infographics .info-box.highlight.blue blockquote h4::after,
section.infographics-new .info-box.blue blockquote p::after,
section.infographics-new .info-box.blue blockquote h1::after,
section.infographics-new .info-box.blue blockquote h2::after,
section.infographics-new .info-box.blue blockquote h3::after,
section.infographics-new .info-box.blue blockquote h4::after,
section.infographics-new .info-box.highlight.blue blockquote p::after,
section.infographics-new .info-box.highlight.blue blockquote h1::after,
section.infographics-new .info-box.highlight.blue blockquote h2::after,
section.infographics-new .info-box.highlight.blue blockquote h3::after,
section.infographics-new .info-box.highlight.blue blockquote h4::after {
color: #ffffff !important;
}
section.infographics .info-box.pink,
section.infographics-new .info-box.pink {
padding: 1rem;
background-color: #ff0071;
color: #ffffff !important;
}
@media (min-width: 1024px) {
section.infographics .info-box.pink,
section.infographics-new .info-box.pink {
padding: 2rem 0;
}
}
section.infographics .info-box.pink p, section.infographics .info-box.pink h1, section.infographics .info-box.pink h2, section.infographics .info-box.pink h3, section.infographics .info-box.pink h4, section.infographics .info-box.pink a,
section.infographics-new .info-box.pink p,
section.infographics-new .info-box.pink h1,
section.infographics-new .info-box.pink h2,
section.infographics-new .info-box.pink h3,
section.infographics-new .info-box.pink h4,
section.infographics-new .info-box.pink a {
color: #fff !important;
}
section.infographics .info-box.pink blockquote p, section.infographics .info-box.pink blockquote h1, section.infographics .info-box.pink blockquote h2, section.infographics .info-box.pink blockquote h3, section.infographics .info-box.pink blockquote h4,
section.infographics-new .info-box.pink blockquote p,
section.infographics-new .info-box.pink blockquote h1,
section.infographics-new .info-box.pink blockquote h2,
section.infographics-new .info-box.pink blockquote h3,
section.infographics-new .info-box.pink blockquote h4 {
color: #ffffff !important;
}
section.infographics .info-box.pink blockquote p::before, section.infographics .info-box.pink blockquote h1::before, section.infographics .info-box.pink blockquote h2::before, section.infographics .info-box.pink blockquote h3::before, section.infographics .info-box.pink blockquote h4::before,
section.infographics-new .info-box.pink blockquote p::before,
section.infographics-new .info-box.pink blockquote h1::before,
section.infographics-new .info-box.pink blockquote h2::before,
section.infographics-new .info-box.pink blockquote h3::before,
section.infographics-new .info-box.pink blockquote h4::before {
color: #ffffff !important;
}
section.infographics .info-box.pink blockquote p::after, section.infographics .info-box.pink blockquote h1::after, section.infographics .info-box.pink blockquote h2::after, section.infographics .info-box.pink blockquote h3::after, section.infographics .info-box.pink blockquote h4::after,
section.infographics-new .info-box.pink blockquote p::after,
section.infographics-new .info-box.pink blockquote h1::after,
section.infographics-new .info-box.pink blockquote h2::after,
section.infographics-new .info-box.pink blockquote h3::after,
section.infographics-new .info-box.pink blockquote h4::after {
color: #ffffff !important;
}
section.infographics .info-box.purple,
section.infographics-new .info-box.purple {
padding: 1rem;
background-color: #8149ff;
color: #ffffff !important;
}
@media (min-width: 1024px) {
section.infographics .info-box.purple,
section.infographics-new .info-box.purple {
padding: 2rem 0;
}
}
section.infographics .info-box.purple p, section.infographics .info-box.purple h1, section.infographics .info-box.purple h2, section.infographics .info-box.purple h3, section.infographics .info-box.purple h4, section.infographics .info-box.purple a,
section.infographics-new .info-box.purple p,
section.infographics-new .info-box.purple h1,
section.infographics-new .info-box.purple h2,
section.infographics-new .info-box.purple h3,
section.infographics-new .info-box.purple h4,
section.infographics-new .info-box.purple a {
color: #fff !important;
}
section.infographics .info-box.purple blockquote p, section.infographics .info-box.purple blockquote h1, section.infographics .info-box.purple blockquote h2, section.infographics .info-box.purple blockquote h3, section.infographics .info-box.purple blockquote h4, section.infographics .info-box.purple blockquote a,
section.infographics-new .info-box.purple blockquote p,
section.infographics-new .info-box.purple blockquote h1,
section.infographics-new .info-box.purple blockquote h2,
section.infographics-new .info-box.purple blockquote h3,
section.infographics-new .info-box.purple blockquote h4,
section.infographics-new .info-box.purple blockquote a {
color: #ffffff !important;
}
section.infographics .info-box.purple blockquote p::before, section.infographics .info-box.purple blockquote h1::before, section.infographics .info-box.purple blockquote h2::before, section.infographics .info-box.purple blockquote h3::before, section.infographics .info-box.purple blockquote h4::before, section.infographics .info-box.purple blockquote a::before,
section.infographics-new .info-box.purple blockquote p::before,
section.infographics-new .info-box.purple blockquote h1::before,
section.infographics-new .info-box.purple blockquote h2::before,
section.infographics-new .info-box.purple blockquote h3::before,
section.infographics-new .info-box.purple blockquote h4::before,
section.infographics-new .info-box.purple blockquote a::before {
color: #ffffff !important;
}
section.infographics .info-box.purple blockquote p::after, section.infographics .info-box.purple blockquote h1::after, section.infographics .info-box.purple blockquote h2::after, section.infographics .info-box.purple blockquote h3::after, section.infographics .info-box.purple blockquote h4::after, section.infographics .info-box.purple blockquote a::after,
section.infographics-new .info-box.purple blockquote p::after,
section.infographics-new .info-box.purple blockquote h1::after,
section.infographics-new .info-box.purple blockquote h2::after,
section.infographics-new .info-box.purple blockquote h3::after,
section.infographics-new .info-box.purple blockquote h4::after,
section.infographics-new .info-box.purple blockquote a::after {
color: #ffffff !important;
}
section.infographics .info-box.green,
section.infographics-new .info-box.green {
padding: 1rem;
background-color: #71f5c4;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
section.infographics .info-box.green,
section.infographics-new .info-box.green {
padding: 2rem 0;
}
}
section.infographics .info-box.green p, section.infographics .info-box.green h1, section.infographics .info-box.green h2, section.infographics .info-box.green h3, section.infographics .info-box.green h4,
section.infographics-new .info-box.green p,
section.infographics-new .info-box.green h1,
section.infographics-new .info-box.green h2,
section.infographics-new .info-box.green h3,
section.infographics-new .info-box.green h4 {
color: #1300c1 !important;
}
section.infographics .info-box.sky,
section.infographics-new .info-box.sky {
padding: 1rem;
background-color: #9da8ff;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
section.infographics .info-box.sky,
section.infographics-new .info-box.sky {
padding: 2rem 0;
}
}
section.infographics .info-box.sky p, section.infographics .info-box.sky h1, section.infographics .info-box.sky h2, section.infographics .info-box.sky h3, section.infographics .info-box.sky h4,
section.infographics-new .info-box.sky p,
section.infographics-new .info-box.sky h1,
section.infographics-new .info-box.sky h2,
section.infographics-new .info-box.sky h3,
section.infographics-new .info-box.sky h4 {
color: #1300c1 !important;
}
section.infographics .info-box.sky20,
section.infographics-new .info-box.sky20 {
padding: 1rem;
background-color: #ebeeff;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
section.infographics .info-box.sky20,
section.infographics-new .info-box.sky20 {
padding: 2rem 0;
}
}
section.infographics .info-box.sky20 p, section.infographics .info-box.sky20 h1, section.infographics .info-box.sky20 h2, section.infographics .info-box.sky20 h3, section.infographics .info-box.sky20 h4,
section.infographics-new .info-box.sky20 p,
section.infographics-new .info-box.sky20 h1,
section.infographics-new .info-box.sky20 h2,
section.infographics-new .info-box.sky20 h3,
section.infographics-new .info-box.sky20 h4 {
color: #1300c1 !important;
}
section.infographics .info-box.sky40,
section.infographics-new .info-box.sky40 {
padding: 1rem;
background-color: #d8dcff;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
section.infographics .info-box.sky40,
section.infographics-new .info-box.sky40 {
padding: 2rem 0;
}
}
section.infographics .info-box.sky40 p, section.infographics .info-box.sky40 h1, section.infographics .info-box.sky40 h2, section.infographics .info-box.sky40 h3, section.infographics .info-box.sky40 h4,
section.infographics-new .info-box.sky40 p,
section.infographics-new .info-box.sky40 h1,
section.infographics-new .info-box.sky40 h2,
section.infographics-new .info-box.sky40 h3,
section.infographics-new .info-box.sky40 h4 {
color: #1300c1 !important;
}
section.infographics .info-box.sky60,
section.infographics-new .info-box.sky60 {
padding: 1rem;
background-color: #c4cbff;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
section.infographics .info-box.sky60,
section.infographics-new .info-box.sky60 {
padding: 2rem 0;
}
}
section.infographics .info-box.sky60 p, section.infographics .info-box.sky60 h1, section.infographics .info-box.sky60 h2, section.infographics .info-box.sky60 h3, section.infographics .info-box.sky60 h4,
section.infographics-new .info-box.sky60 p,
section.infographics-new .info-box.sky60 h1,
section.infographics-new .info-box.sky60 h2,
section.infographics-new .info-box.sky60 h3,
section.infographics-new .info-box.sky60 h4 {
color: #1300c1 !important;
}
section.infographics .info-box.peach,
section.infographics-new .info-box.peach {
padding: 1rem;
background-color: #ffcdd9;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
section.infographics .info-box.peach,
section.infographics-new .info-box.peach {
padding: 2rem 0;
}
}
section.infographics .info-box.peach p, section.infographics .info-box.peach h1, section.infographics .info-box.peach h2, section.infographics .info-box.peach h3, section.infographics .info-box.peach h4,
section.infographics-new .info-box.peach p,
section.infographics-new .info-box.peach h1,
section.infographics-new .info-box.peach h2,
section.infographics-new .info-box.peach h3,
section.infographics-new .info-box.peach h4 {
color: #1300c1 !important;
}
section.infographics .info-box p.peach,
section.infographics .info-box p.green,
section.infographics .info-box p.sky60,
section.infographics .info-box p.sky40 p.sky20,
section.infographics .info-box p.sky,
section.infographics-new .info-box p.peach,
section.infographics-new .info-box p.green,
section.infographics-new .info-box p.sky60,
section.infographics-new .info-box p.sky40 p.sky20,
section.infographics-new .info-box p.sky {
color: #1300c1;
}
section.infographics .info-box p.pink,
section.infographics .info-box p.purple,
section.infographics .info-box p.blue,
section.infographics-new .info-box p.pink,
section.infographics-new .info-box p.purple,
section.infographics-new .info-box p.blue {
color: #fff;
}
@media (min-width: 768px) {
section.infographics .info-box,
section.infographics-new .info-box {
flex: 0 0 47.5%;
margin: 0 0.5rem;
}
}
@media (min-width: 1024px) {
section.infographics .info-box,
section.infographics-new .info-box {
flex: 1 0 23%;
margin-bottom: 0;
}
section.infographics .info-box:first-of-type,
section.infographics-new .info-box:first-of-type {
margin-left: 0;
}
section.infographics .info-box:nth-of-type(3),
section.infographics-new .info-box:nth-of-type(3) {
margin-left: 0.5rem;
}
section.infographics .info-box:last-of-type,
section.infographics-new .info-box:last-of-type {
margin-right: 0;
}
}
section.infographics .info-box img,
section.infographics-new .info-box img {
width: 50%;
}
@media (min-width: 768px) {
section.infographics .info-box img,
section.infographics-new .info-box img {
width: 50%;
}
}
section.infographics .info-box h2,
section.infographics-new .info-box h2 {
color: #ffcdd9;
margin-top: 1rem;
margin-bottom: 1rem;
font-size: 3.2rem;
}
section.infographics .info-box p,
section.infographics-new .info-box p {
color: #fff;
font-size: 1.2rem;
margin-top: 0;
}
section.infographics-new .info-box {
padding: 2rem;
margin-bottom: 1rem;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
section.infographics-new .info-box.white * {
color: #1300c1;
}
.give-modal {
z-index: 10000 !important;
}
.give-wrap {
padding: 5px;
}
.give-form-wrap li {
background-image: none !important;
padding: 0 !important;
}
.give-form-wrap .give_warning {
display: none;
}
.banner-box .give-form-wrap {
background-color: #fff;
padding: 10px;
border-radius: 10px;
}
#give-donation-level-button-wrap {
text-align: center;
}
#give-donation-level-button-wrap > li {
float: none;
display: inline-block;
background-image: none !important;
padding: 0 !important;
margin: 0 3px 5px 3px;
}
form[id*=give-form] .give-donation-amount {
display: inline-block;
width: auto !important;
margin: 0;
}
#give-recurring-form, form.give-form, form[id*=give-form] {
margin: 0 !important;
text-align: left;
}
.give-display-button-only {
text-align: center;
}
.give-total-wrap {
text-align: center;
}
.give-right .give-custom-amount-text {
text-align: center;
}
[id*=give-form] .give-recurring-donors-choice {
text-align: center;
}
.give-donation-level-btn:hover, .give-btn:hover {
color: #ffffff !important;
}
[id*=give-form].give-display-modal .give-btn, [id*=give-form].give-display-reveal .give-btn {
margin: 0 auto;
display: block;
}
.give-btn {
font-size: 1.25rem;
}
.give-default-level {
color: #ffffff !important;
}
button.give-btn-modal {
color: #fff !important;
}
button.give-btn-modal:hover {
color: #fff !important;
}
.mfp-content form {
text-align: left;
}
form.give-form legend {
color: #1300c1;
}
form[id*=give-form] input[type=checkbox] {
margin: 8px 0.25em 0 0;
}
.give_purchase_form_wrap a {
font-size: 1.8rem;
color: #333;
}
#give-purchase-button {
background-color: #ff0071;
border-color: #ff0071;
color: #ffffff;
}
#give-purchase-button:hover {
background-color: #1300c1;
border-color: #1300c1;
}
#give_show_terms, .give-gift-aid-explanation-content-more-wrap, .give_gift_aid_take_to_my_donation {
color: #303030;
font-size: 1.2rem;
}
ul#give-donation-level-button-wrap li:before {
display: none !important;
}
span.income {
font-weight: bold;
color: #1300c1 !important;
}
.give-goal-progress .give-progress-bar > span,
.give-form-grid-progress-bar .give-progress-bar > span {
background: none !important;
background-blend-mode: color !important;
background-color: #ff0071 !important;
}
.give-wrap .give-card:hover {
background-color: #fff;
}
form[id*=give-form] .give-donation-amount .give-currency-symbol {
background-color: #1300c1;
color: #fff;
font-weight: bold;
}
.give_forms-template-default #content > main > .wrap {
display: flex;
flex-wrap: wrap;
}
.give_forms-template-default .give-left {
flex: 0 0 100%;
}
@media (min-width: 768px) {
.give_forms-template-default .give-left {
flex: 0 0 41.667%;
}
}
.give_forms-template-default .give-right {
flex: 0 0 100%;
margin-bottom: 3rem;
}
@media (min-width: 768px) {
.give_forms-template-default .give-right {
flex: 0 0 50%;
margin-left: auto;
}
}
.give-card span.give-donor__total {
font-weight: bold;
color: #1300c1;
}
#give_checkout_user_info input[type=text],
#give_checkout_user_info input[type=email] {
padding: 1rem;
}
.form-grid-raised__details > span:first-child {
font-size: 1.6rem;
color: #1300c1;
font-weight: 700 !important;
}
.give-form-grid-content > p {
font-size: 1.2rem;
font-weight: 400;
}
.give-donor-details__total {
color: #1300c1 !important;
}
.give-donor-content {
border-left: 2px solid #ff0071 !important;
}
.give-donor-details__wrapper span:last-child {
line-height: 1;
}
.give-donor-container-variation__name {
line-height: 25px;
}
.give-donor-container-variation__timestamp {
margin: 0 0 30px !important;
line-height: 1.2;
}
/* ----------------------------------------------------------------------------------------------------------
06 Footer ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
footer {
background-color: #1300c1;
padding: 1rem;
display: none;
margin-top: 1.5rem;
padding: 1.5rem 0;
color: #fff;
}
@media (min-width: 1024px) {
footer {
padding: 2rem 0;
}
}
@media (min-width: 1024px) {
footer {
display: block;
font-size: 1rem;
}
}
@media (min-width: 1024px) {
footer .col {
flex: 0 0 calc(25% - 0.5rem);
}
}
footer .col.footer-logo img {
margin-bottom: 1rem;
width: 66.667%;
}
footer p {
font-size: 1rem;
}
footer h2 {
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
color: #fff;
font-size: 1.5rem;
}
footer h3 {
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
color: #fff;
font-size: 1.2rem;
margin-bottom: 0;
}
footer a {
color: #fff !important;
text-decoration: none;
}
footer a:hover {
color: #ffcdd9 !important;
background-color: transparent !important;
}
footer .copy {
text-align: right;
font-size: 0.9rem;
font-weight: 700;
}
footer .copy a {
color: #303030;
}
footer .copy a:hover {
text-decoration: underline;
color: #303030;
}
footer img.footer-logo {
width: 50%;
margin-bottom: 1rem;
}
footer .social {
float: left;
margin: 0 0 0 0;
}
footer .social a {
display: block;
float: left;
color: #1300c1;
margin: 0;
transition: color 0.25s linear;
}
footer .social a:hover {
color: #ffcdd9;
}
footer ul#menu-join-us {
list-style: none;
padding: 0 0 0 10px;
margin: 0;
}
footer ul#menu-join-us li {
margin: 0.5rem 0;
padding: 0 0 0 10px;
}
footer ul#menu-join-us li::marker {
font-family: "font awesome 5 pro";
content: "\f0da";
color: #fff;
font-size: 0.9rem !important;
font-weight: 600;
margin-right: 5px;
margin-left: -10px;
margin-top: -2px;
}
footer ul#menu-join-us li a {
font-weight: normal;
}
footer ul.social-list {
list-style: none;
margin: 0;
padding: 0;
}
footer ul.social-list li {
line-height: 1.5;
margin: 10px 0;
}
footer ul.social-list li a {
font-weight: normal;
}
footer ul.social-list li a i {
color: #ffcdd9;
margin-right: 5px;
width: 20px;
font-size: 1.2rem;
}
footer.pink {
background-color: #ff0071;
}
footer.peach {
background-color: #ffcdd9;
color: #1300c1;
}
footer.peach h1, footer.peach h2, footer.peach h3, footer.peach h4, footer.peach p, footer.peach li, footer.peach a {
color: #1300c1 !important;
}
footer.peach ul#menu-join-us li::marker {
color: #1300c1;
}
footer.peach ul.social-list li a i {
color: #ff0071 !important;
}
footer.peach a:hover {
color: #ff0071 !important;
background-color: transparent !important;
}
footer.green {
background-color: #71f5c4;
color: #1300c1;
}
footer.green h1, footer.green h2, footer.green h3, footer.green h4, footer.green p, footer.green li, footer.green a {
color: #1300c1 !important;
}
footer.green ul#menu-join-us li::marker {
color: #1300c1;
}
footer.green ul.social-list li a i {
color: #ff0071 !important;
}
footer.green a:hover {
color: #ff0071 !important;
background-color: transparent !important;
}
footer.sky {
background-color: #9da8ff;
}
footer.sky h1, footer.sky h2, footer.sky h3, footer.sky h4, footer.sky p, footer.sky li, footer.sky a {
color: #1300c1 !important;
}
footer.sky ul#menu-join-us li::marker {
color: #1300c1;
}
footer.sky ul.social-list li a i {
color: #ffcdd9 !important;
}
footer.sky a:hover {
color: #ffcdd9 !important;
background-color: transparent !important;
}
footer.white {
background-color: white;
color: #1300c1;
border-top: 2px solid #1300c1;
}
footer.white h1, footer.white h2, footer.white h3, footer.white h4, footer.white p, footer.white li, footer.white a {
color: #1300c1 !important;
}
footer.white ul#menu-join-us li::marker {
color: #1300c1;
}
footer.white ul.social-list li a i {
color: #ff0071 !important;
}
footer.white a:hover {
color: #ff0071 !important;
background-color: transparent !important;
}
footer.purple {
background-color: #8149ff;
}
.terms-menu-holder {
background-color: #d8dcff;
padding: 0.5rem 0;
font-size: 0.9rem;
}
.terms-menu-holder div {
flex: 0 0 50%;
}
.terms-menu-holder ul {
list-style: none;
margin: 0;
}
.terms-menu-holder ul li {
display: inline-block;
margin: 5px 20px 2px 0;
}
.terms-menu-holder ul li a {
color: #1300c1;
font-size: 1.125rem;
}
.terms-menu-holder ul li a:hover {
color: #ffcdd9;
}
.terms-menu-holder ul.version-no {
text-align: right;
}
.terms-menu-holder ul.version-no li {
padding-top: 4px;
margin-right: 0;
}
.terms-menu-holder.blue {
background-color: #1300c1;
color: white;
}
.terms-menu-holder.blue a {
color: white;
}
.terms-menu-holder.pink {
background-color: #ff0071;
color: white;
}
.terms-menu-holder.pink a {
color: white;
}
.terms-menu-holder.pink a:hover {
color: #ffcdd9;
}
.terms-menu-holder.peach {
background-color: #ffcdd9;
}
.terms-menu-holder.peach a:hover {
color: #ff0071;
}
.terms-menu-holder.green {
background-color: #71f5c4;
}
.terms-menu-holder.sky {
background-color: #9da8ff;
}
.terms-menu-holder.sky60 {
background-color: #c4cbff;
}
.terms-menu-holder.sky40 {
background-color: #d8dcff;
}
.terms-menu-holder.sky20 {
background-color: #ebeeff;
}
.terms-menu-holder.white {
background-color: white;
}
.terms-menu-holder.purple {
background-color: #8149ff;
color: white;
}
.terms-menu-holder.purple a {
color: white;
}
.terms-menu-holder.purple a:hover {
color: #ffcdd9;
}
nav.sub-nav.blue,
nav.sub-nav.blue .widget {
margin-top: 0rem;
}
nav.sub-nav.blue h3,
nav.sub-nav.blue .widget h3 {
margin-bottom: 0.5rem;
}
nav.sub-nav.blue ul,
nav.sub-nav.blue .widget ul {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 1rem;
background-color: #ebeeff;
}
nav.sub-nav.blue ul li,
nav.sub-nav.blue .widget ul li {
list-style: none;
text-align: left;
font-size: 1.1rem;
}
nav.sub-nav.blue ul li a,
nav.sub-nav.blue .widget ul li a {
display: block;
padding: 7px 5px 5px 10px;
color: #1300c1;
line-height: 1.2;
}
nav.sub-nav.blue ul li a:hover,
nav.sub-nav.blue .widget ul li a:hover {
background-color: #c4cbff;
}
nav.sub-nav.blue ul li.current_page_item > a, nav.sub-nav.blue ul li .current-menu-item > a,
nav.sub-nav.blue .widget ul li.current_page_item > a,
nav.sub-nav.blue .widget ul li .current-menu-item > a {
background-color: #1300c1;
color: #fff;
}
nav.sub-nav.blue ul li.current_page_item > a:hover, nav.sub-nav.blue ul li .current-menu-item > a:hover,
nav.sub-nav.blue .widget ul li.current_page_item > a:hover,
nav.sub-nav.blue .widget ul li .current-menu-item > a:hover {
background-color: #1300c1;
}
nav.sub-nav.blue ul li.current_page_item > a:before, nav.sub-nav.blue ul li .current-menu-item > a:before,
nav.sub-nav.blue .widget ul li.current_page_item > a:before,
nav.sub-nav.blue .widget ul li .current-menu-item > a:before {
color: #ffffff !important;
}
nav.sub-nav.blue ul li.current_page_ancestor > a,
nav.sub-nav.blue .widget ul li.current_page_ancestor > a {
background-color: #c4cbff;
}
nav.sub-nav.blue ul li.menu-item-has-children > ul.sub-menu,
nav.sub-nav.blue .widget ul li.menu-item-has-children > ul.sub-menu {
margin-bottom: 0.5rem;
}
nav.sub-nav.blue ul li.menu-item-has-children > ul.sub-menu li,
nav.sub-nav.blue .widget ul li.menu-item-has-children > ul.sub-menu li {
padding: 0;
font-size: 1rem;
}
nav.sub-nav.blue ul li.menu-item-has-children > ul.sub-menu li a,
nav.sub-nav.blue .widget ul li.menu-item-has-children > ul.sub-menu li a {
padding: 7px 5px 5px 10px;
}
nav.sub-nav.blue ul li.menu-item-has-children > ul.sub-menu li a:before,
nav.sub-nav.blue .widget ul li.menu-item-has-children > ul.sub-menu li a:before {
font-family: "Font Awesome 5 pro";
color: #1300c1;
content: "\f0da";
font-size: 0.7rem;
font-weight: bold;
margin-left: 0.5rem;
margin-right: 0.25rem;
}
nav.sub-nav.purple,
nav.sub-nav.purple .widget {
margin-top: 0rem;
}
nav.sub-nav.purple h3,
nav.sub-nav.purple .widget h3 {
margin-bottom: 0.5rem;
}
nav.sub-nav.purple ul,
nav.sub-nav.purple .widget ul {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 1rem;
background-color: #ebe2ff;
}
nav.sub-nav.purple ul li,
nav.sub-nav.purple .widget ul li {
list-style: none;
text-align: left;
font-size: 1.1rem;
}
nav.sub-nav.purple ul li a,
nav.sub-nav.purple .widget ul li a {
display: block;
padding: 7px 5px 5px 10px;
color: #1300c1;
line-height: 1.2;
}
nav.sub-nav.purple ul li a:hover,
nav.sub-nav.purple .widget ul li a:hover {
background-color: #a47cff;
color: #ffffff !important;
}
nav.sub-nav.purple ul li a:hover:before,
nav.sub-nav.purple .widget ul li a:hover:before {
color: #ffffff !important;
}
nav.sub-nav.purple ul li.current_page_item > a, nav.sub-nav.purple ul li .current-menu-item > a,
nav.sub-nav.purple .widget ul li.current_page_item > a,
nav.sub-nav.purple .widget ul li .current-menu-item > a {
background-color: #8149ff;
color: #fff;
}
nav.sub-nav.purple ul li.current_page_item > a:hover, nav.sub-nav.purple ul li .current-menu-item > a:hover,
nav.sub-nav.purple .widget ul li.current_page_item > a:hover,
nav.sub-nav.purple .widget ul li .current-menu-item > a:hover {
background-color: #8149ff;
}
nav.sub-nav.purple ul li.current_page_item > a:before, nav.sub-nav.purple ul li .current-menu-item > a:before,
nav.sub-nav.purple .widget ul li.current_page_item > a:before,
nav.sub-nav.purple .widget ul li .current-menu-item > a:before {
color: #ffffff !important;
}
nav.sub-nav.purple ul li.current_page_ancestor > a,
nav.sub-nav.purple .widget ul li.current_page_ancestor > a {
background-color: #c4cbff;
}
nav.sub-nav.purple ul li.menu-item-has-children > ul.sub-menu,
nav.sub-nav.purple .widget ul li.menu-item-has-children > ul.sub-menu {
margin-bottom: 0.5rem;
}
nav.sub-nav.purple ul li.menu-item-has-children > ul.sub-menu li,
nav.sub-nav.purple .widget ul li.menu-item-has-children > ul.sub-menu li {
padding: 0;
font-size: 1rem;
}
nav.sub-nav.purple ul li.menu-item-has-children > ul.sub-menu li a,
nav.sub-nav.purple .widget ul li.menu-item-has-children > ul.sub-menu li a {
padding: 7px 5px 5px 10px;
}
nav.sub-nav.purple ul li.menu-item-has-children > ul.sub-menu li a:before,
nav.sub-nav.purple .widget ul li.menu-item-has-children > ul.sub-menu li a:before {
font-family: "Font Awesome 5 pro";
color: #1300c1;
content: "\f0da";
font-size: 0.7rem;
font-weight: bold;
margin-left: 0.5rem;
margin-right: 0.25rem;
}
nav.sub-nav.white,
nav.sub-nav.white .widget {
margin-top: 0rem;
}
nav.sub-nav.white h3,
nav.sub-nav.white .widget h3 {
margin-bottom: 0.5rem;
}
nav.sub-nav.white ul,
nav.sub-nav.white .widget ul {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 1rem;
background-color: white;
}
nav.sub-nav.white ul li,
nav.sub-nav.white .widget ul li {
list-style: none;
text-align: left;
font-size: 1.1rem;
}
nav.sub-nav.white ul li a,
nav.sub-nav.white .widget ul li a {
display: block;
padding: 7px 5px 5px 10px;
color: #1300c1;
line-height: 1.2;
}
nav.sub-nav.white ul li a:hover,
nav.sub-nav.white .widget ul li a:hover {
background-color: #c4cbff;
}
nav.sub-nav.white ul li.current_page_item > a, nav.sub-nav.white ul li .current-menu-item > a,
nav.sub-nav.white .widget ul li.current_page_item > a,
nav.sub-nav.white .widget ul li .current-menu-item > a {
background-color: #1300c1;
color: #fff;
}
nav.sub-nav.white ul li.current_page_item > a:hover, nav.sub-nav.white ul li .current-menu-item > a:hover,
nav.sub-nav.white .widget ul li.current_page_item > a:hover,
nav.sub-nav.white .widget ul li .current-menu-item > a:hover {
background-color: #1300c1;
}
nav.sub-nav.white ul li.current_page_item > a:before, nav.sub-nav.white ul li .current-menu-item > a:before,
nav.sub-nav.white .widget ul li.current_page_item > a:before,
nav.sub-nav.white .widget ul li .current-menu-item > a:before {
color: #ffffff !important;
}
nav.sub-nav.white ul li.current_page_ancestor > a,
nav.sub-nav.white .widget ul li.current_page_ancestor > a {
background-color: #c4cbff;
}
nav.sub-nav.white ul li.menu-item-has-children > ul.sub-menu,
nav.sub-nav.white .widget ul li.menu-item-has-children > ul.sub-menu {
margin-bottom: 0.5rem;
}
nav.sub-nav.white ul li.menu-item-has-children > ul.sub-menu li,
nav.sub-nav.white .widget ul li.menu-item-has-children > ul.sub-menu li {
padding: 0;
font-size: 1rem;
}
nav.sub-nav.white ul li.menu-item-has-children > ul.sub-menu li a,
nav.sub-nav.white .widget ul li.menu-item-has-children > ul.sub-menu li a {
padding: 7px 5px 5px 10px;
}
nav.sub-nav.white ul li.menu-item-has-children > ul.sub-menu li a:before,
nav.sub-nav.white .widget ul li.menu-item-has-children > ul.sub-menu li a:before {
font-family: "Font Awesome 5 pro";
color: #1300c1;
content: "\f0da";
font-size: 0.7rem;
font-weight: bold;
margin-left: 0.5rem;
margin-right: 0.25rem;
}
nav.sub-nav.pink,
nav.sub-nav.pink .widget {
margin-top: 0rem;
}
nav.sub-nav.pink h3,
nav.sub-nav.pink .widget h3 {
margin-bottom: 0.5rem;
}
nav.sub-nav.pink ul,
nav.sub-nav.pink .widget ul {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 1rem;
background-color: transparent;
}
nav.sub-nav.pink ul li,
nav.sub-nav.pink .widget ul li {
list-style: none;
text-align: left;
font-size: 1.1rem;
}
nav.sub-nav.pink ul li a,
nav.sub-nav.pink .widget ul li a {
display: block;
padding: 7px 5px 5px 10px;
color: #1300c1;
line-height: 1.2;
}
nav.sub-nav.pink ul li a:hover,
nav.sub-nav.pink .widget ul li a:hover {
color: #ff0071;
}
nav.sub-nav.pink ul li.current_page_item > a,
nav.sub-nav.pink .widget ul li.current_page_item > a {
position: relative;
color: #fff;
background-color: #ff0071;
/*&:after {
content:'';
position: absolute;
top: 0%;
left: 100%;
margin-left: -0px;
width: 0;
height: 0;
border-top: solid 17px white;
border-left: solid 10px $pink;
border-right: solid 0 transparent;
border-bottom: solid 16px white;
}*/
}
nav.sub-nav.pink ul li.current_page_item > a:hover,
nav.sub-nav.pink .widget ul li.current_page_item > a:hover {
color: #fff;
}
nav.sub-nav.pink ul li.current_page_item > a:before,
nav.sub-nav.pink .widget ul li.current_page_item > a:before {
color: #ffffff !important;
}
nav.sub-nav.pink ul li.current_page_ancestor > a,
nav.sub-nav.pink .widget ul li.current_page_ancestor > a {
background-color: transparent;
}
nav.sub-nav.pink ul li.menu-item-has-children > ul.sub-menu,
nav.sub-nav.pink .widget ul li.menu-item-has-children > ul.sub-menu {
margin-bottom: 0.5rem;
}
nav.sub-nav.pink ul li.menu-item-has-children > ul.sub-menu li,
nav.sub-nav.pink .widget ul li.menu-item-has-children > ul.sub-menu li {
padding: 0;
font-size: 1rem;
}
nav.sub-nav.pink ul li.menu-item-has-children > ul.sub-menu li a,
nav.sub-nav.pink .widget ul li.menu-item-has-children > ul.sub-menu li a {
padding: 7px 5px 5px 10px;
}
nav.sub-nav.pink ul li.menu-item-has-children > ul.sub-menu li a:before,
nav.sub-nav.pink .widget ul li.menu-item-has-children > ul.sub-menu li a:before {
font-family: "Font Awesome 5 pro";
color: #1300c1;
content: "\f0da";
font-size: 0.7rem;
font-weight: bold;
margin-left: 0.5rem;
margin-right: 0.25rem;
}
ul.sub-menu.nav-parent {
margin-bottom: 0 !important;
}
.page-parent ul.sub-menu.nav-parent li {
background-color: #1300c1;
}
.page-parent ul.sub-menu.nav-parent li a {
color: #fff;
}
.page-parent ul.sub-menu.nav-parent li:hover a {
background-color: #1300c1 !important;
color: #fff;
}
ul.sub-menu.has-children li a:before {
font-family: "Font Awesome 5 pro";
color: #1300c1;
content: "\f0da";
font-size: 0.7rem;
font-weight: bold;
margin-left: 0.5rem;
margin-right: 0.25rem;
}
ul.sub-menu.has-children li.current_page_ancestor > a {
background-color: #1300c1 !important;
}
.social-row {
padding: 1rem;
}
@media (min-width: 1024px) {
.social-row {
padding: 2rem 0;
}
}
.social-row .wrap {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: flex-start;
}
@media (min-width: 768px) {
.social-row .wrap {
flex-direction: row;
justify-content: space-between;
align-items: center;
}
}
.social-row .wrap div {
flex: 0 0 auto;
}
.social-row .social {
text-align: right;
font-size: 1.75rem;
float: none;
}
.social-row .social i {
margin: 0 0.25rem;
}
.social-row #social-feeds {
margin-top: 0rem;
}
.social-row #social-feeds .wrap {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(384px, 1fr));
gap: 16px 16px;
}
.social-row #social-feeds .wrap div.social-feed {
flex: 0 0 100%;
margin-bottom: 2rem;
}
@media (min-width: 1024px) {
.social-row #social-feeds .wrap div.social-feed {
flex: 0 0 calc(33% - 1rem);
margin-bottom: 0;
}
}
.woocommerce-page #content {
padding: 0;
}
.woocommerce-error {
border-top-color: #ff0071;
}
.woocommerce-error:before {
color: #ff0071;
}
.woocommerce-cart #content,
.woocommerce-checkout #content,
.woocommerce-account #content {
padding: 1.5rem 0;
}
.woocommerce input[type=text],
.woocommerce input[type=url],
.woocommerce input[type=search],
.woocommerce input[type=tel],
.woocommerce input[type=password],
.woocommerce input[type=email],
.woocommerce input[type=number],
.woocommerce textarea {
padding: 9px 1rem;
font-size: 1.1rem;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
font-size: 1.1rem;
}
.woocommerce nav.woocommerce-pagination {
margin-bottom: 2rem;
}
.woocommerce .woocommerce-result-count {
margin-top: 0.5rem;
}
.woocommerce ul.products {
margin: 0;
background-color: transparent;
}
.woocommerce ul.products li:before {
display: none;
}
#inner-page-content ul.products {
margin: 0;
}
/*Tab Panels*/
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding: 5px;
font-size: 1.1rem;
}
div.product .woocommerce-tabs ul.tabs li a:hover {
background-color: transparent;
color: #1300c1 !important;
}
.woocommerce div.product .woocommerce-tabs .panel {
border-bottom: 1px solid #d3ced2;
margin-bottom: 2rem;
padding: 1rem 0;
}
.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
padding-top: 1rem;
}
.woocommerce-Reviews .woocommerce-Reviews-title {
display: none;
}
.woocommerce #review_form #respond textarea {
margin-bottom: 1rem;
}
.woocommerce p.stars a {
color: #ffcdd9;
}
.woocommerce p.stars a:hover {
background-color: transparent;
}
.comment-form-rating label {
margin-bottom: 0.5rem;
}
/*Product Gallery*/
.woocommerce-product-gallery .onsale {
right: -8px;
left: auto !important;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
margin-top: 16px;
}
/* Change WC Acct Page Column Widths */
@media only screen and (min-width: 769px) {
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 22%;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 75%;
}
}
/* Style WC Account Endpoint Links */
nav.woocommerce-MyAccount-navigation ul {
background-color: #ffffff !important;
list-style-type: none;
padding-left: 0;
font-size: 1rem;
line-height: 26px;
margin: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
padding: 0.5rem 1rem;
background-color: #ebeeff;
}
nav.woocommerce-MyAccount-navigation ul li a {
text-decoration: none;
display: inline-block;
width: 95%;
}
nav.woocommerce-MyAccount-navigation ul li.is-active {
background-color: #1300c1;
color: #fff;
}
nav.woocommerce-MyAccount-navigation ul li.is-active a {
background-color: #1300c1;
color: #fff;
}
nav.woocommerce-MyAccount-navigation ul li.is-active:after {
content: "";
height: 0;
width: 0;
border-top: 20px solid transparent;
border-left: 14px solid #1300c1;
border-bottom: 20px solid transparent;
float: right;
margin-right: -30px;
margin-top: -7px;
}
nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover {
background-color: #1300c1;
}
nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover > a {
color: #fff;
background: none;
}
nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover:after {
content: "";
height: 0;
width: 0;
border-top: 20px solid transparent;
border-left: 14px solid #1300c1;
border-bottom: 20px solid transparent;
float: right;
margin-right: -30px;
margin-top: -7px;
}
.woocommerce ul.products li.product .price {
color: #1300c1;
font-weight: bold;
font-size: 1.1rem !important;
}
.woocommerce-Price-amount .amount {
text-decoration: none !important;
}
/* Add Icons to Headers & Notifications */
.woocommerce-billing-fields h3:before, h3#order_review_heading:before, h3#phoen_order_review_heading:before {
font-family: "font awesome 5 pro";
font-size: 27px;
content: "\f06a"; /* sets default icon to a circled "i" */
color: #1300c1;
padding-right: 10px;
vertical-align: bottom;
}
h3#order_review_heading:before {
content: "\f07a";
} /* changes the icon set above to a shopping cart for the order */
/* MailPoet Subscribe Fixes */
.mailpoet-subscription-section {
padding-top: 50px;
}
.mailpoet-subscription-section h3:before {
content: "\e0e1";
}
/* Fancy Subscribe Now Btn
#place_order {
background-image: linear-gradient(25deg,#00aeef 0%,#7ed026 100%)!important;
border: transparent;
color: #fff;
box-shadow: rgba(0, 0, 0, 0.28) 0px 2px 8px 0px;
}
#place_order:hover { background-image: linear-gradient(25deg,#7ed026 0%,#00aeef 100%)!important; }
*/
/* 2 column layout */
@media (min-width: 981px) {
.woocommerce-checkout .woocommerce {
overflow: hidden;
}
.woocommerce-checkout .woocommerce:after {
clear: both;
}
.woocommerce-checkout .woocommerce .col2-set .col-1, .woocommerce-checkout .col2-set .col-1 {
width: 100%;
}
.woocommerce-checkout .woocommerce .col2-set .col-2, .woocommerce-checkout .woocommerce-page .col2-set .col-2 {
display: none;
}
.woocommerce-checkout .woocommerce .col2-set, .woocommerce-checkout .woocommerce-page .col2-set {
float: left;
width: 47.5%;
}
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout .woocommerce #order_review,
.woocommerce-checkout .woocommerce-page #order_review {
float: left;
width: 100%;
margin-left: 4%;
}
.woocommerce-page .col2-set:nth-of-type(2) {
margin-left: 4%;
}
}
/* Rounded corners on the WooCommerce "alert" messages */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
border-radius: 3px;
font-size: 14px;
background-color: #71f5c4;
color: #1300c1;
font-weight: bold;
}
/* Style form fields to look like Divi */
input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
border: none;
background-color: #eee;
}
.select2-container .select2-selection--single {
height: 49px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 49px;
color: #4e4e4e;
font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
margin-top: 8px;
}
.select2-container--default .select2-selection--single {
background-color: #eee;
border: none;
}
/* some tweaks to simplify the payment method area */
.woocommerce-checkout #payment {
background: none !important;
}
.woocommerce-checkout #payment ul.payment_methods {
border: none;
}
.woocommerce-message {
border-top-color: #71f5c4;
max-width: 1200px;
margin: 0 auto 2rem auto;
}
.woocommerce-message::before {
color: #1300c1;
}
.woocommerce span.onsale {
background-color: #8149ff;
font-size: 14px;
z-index: 0;
}
.woocommerce div.product span.price, .woocommerce div.product p.price {
font-size: 1.6em;
color: #1300c1;
}
.woocommerce div.product form.cart .variations select, .woocommerce .woocommerce-ordering select {
border: 1px solid #bbbbbb;
margin-bottom: 10px;
}
/* Mini Cart Header */
.wmc-cart-wrapper {
display: none;
}
.wmc-cart-wrapper ul li p {
color: #1300c1;
}
.wmc-cart-wrapper .wmc-price .woocommerce-Price-amount {
color: #1300c1;
}
.wmc-bottom-buttons a.wmc-checkout,
.wmc-bottom-buttons a.wmc-view-cart {
width: 45%;
border-radius: 8px;
border: 3px solid #1300c1;
display: flex;
float: left;
justify-content: center;
align-items: center;
height: auto;
font-size: 1.6rem;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 0;
margin: 0 0 0 5px;
transition: all 0.3s ease;
text-decoration: none !important;
background-color: #1300c1 !important;
}
.wmc-bottom-buttons a.wmc-checkout:hover,
.wmc-bottom-buttons a.wmc-view-cart:hover {
background-color: #ffcdd9 !important;
color: #1300c1 !important;
}
.woocommerce a.remove {
display: block;
font-size: 1.4em;
height: 0.8em;
width: 0.8em;
text-align: center;
line-height: 0.9;
border-radius: 100%;
color: #C20010 !important;
text-decoration: none;
font-weight: 700;
border: 0;
}
.woocommerce a.remove:hover {
color: #fff !important;
background: #C20010;
}
/* CART Colours */
.top-bar .wmc-content {
border: 0;
}
.top-bar.light-blue .wmc-cart-wrapper.shortcode-wrapper a.wmc-cart:before {
color: #1300c1;
}
.top-bar.light-blue .wmc-cart-wrapper.shortcode-wrapper .wmc-count {
color: #fff !important;
background-color: #1300c1 !important;
}
.top-bar.light-blue .wmc-cart-wrapper.shortcode-wrapper .wmc-content h3 {
background-color: #1300c1 !important;
color: #fff !important;
}
.top-bar.blue .wmc-cart-wrapper.shortcode-wrapper a.wmc-cart:before {
color: #fff;
}
.top-bar.blue .wmc-cart-wrapper.shortcode-wrapper .wmc-count {
color: #fff !important;
background-color: #ffcdd9 !important;
}
.top-bar.blue .wmc-cart-wrapper.shortcode-wrapper .wmc-content h3 {
background-color: #ffcdd9 !important;
color: #fff !important;
}
.top-bar.light-purple .wmc-cart-wrapper.shortcode-wrapper a.wmc-cart:before {
color: #fff;
}
.top-bar.light-purple .wmc-cart-wrapper.shortcode-wrapper .wmc-count {
color: #1300c1 !important;
background-color: #ffcdd9 !important;
}
.top-bar.light-purple .wmc-cart-wrapper.shortcode-wrapper .wmc-content h3 {
background-color: #ffcdd9 !important;
color: #1300c1 !important;
}
.top-bar.yellow .wmc-cart-wrapper.shortcode-wrapper a.wmc-cart:before {
color: #1300c1;
}
.top-bar.yellow .wmc-cart-wrapper.shortcode-wrapper .wmc-count {
color: #ffcdd9 !important;
background-color: #1300c1 !important;
}
.top-bar.yellow .wmc-cart-wrapper.shortcode-wrapper .wmc-content h3 {
color: #ffcdd9 !important;
background-color: #1300c1 !important;
}
.top-bar.light-yellow .wmc-cart-wrapper.shortcode-wrapper a.wmc-cart:before {
color: #1300c1;
}
.top-bar.light-yellow .wmc-cart-wrapper.shortcode-wrapper .wmc-count {
color: #1300c1 !important;
background-color: #ffcdd9 !important;
}
.top-bar.light-yellow .wmc-cart-wrapper.shortcode-wrapper .wmc-content h3 {
color: #1300c1 !important;
background-color: #ffcdd9 !important;
}
.top-bar.white-blue .wmc-cart-wrapper.shortcode-wrapper a.wmc-cart:before {
color: #1300c1;
}
.top-bar.white-blue .wmc-cart-wrapper.shortcode-wrapper .wmc-count {
color: #1300c1 !important;
background-color: #ffcdd9 !important;
}
.top-bar.white-blue .wmc-cart-wrapper.shortcode-wrapper .wmc-content h3 {
color: #1300c1 !important;
background-color: #ffcdd9 !important;
}
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
font-size: 1.25rem;
}
.single-product div.product p.price {
font-size: 1.325rem;
}
.single-product h1.product_title {
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
font-size: 2rem;
}
.woocommerce div.product form.cart .reset_variations {
font-size: 0.9rem;
color: #1300c1;
text-decoration: none;
}
.woocommerce div.product form.cart .reset_variations:hover {
background-color: #ffcdd9;
}
.woocommerce a.button:disabled,
.woocommerce a.button.disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button:disabled,
.woocommerce button.button.disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button:disabled,
.woocommerce input.button.disabled,
.woocommerce input.button:disabled[disabled],
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled[disabled] {
background-color: transparent !important;
border: 1px solid #bfbfbf;
color: #bfbfbf !important;
}
.woocommerce a.button:disabled:hover,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled[disabled]:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover {
border: 1px solid #bfbfbf;
color: #bfbfbf !important;
}
.woocommerce div.product form.cart .button {
font-size: 16px !important;
}
.woocommerce div.product p.stock {
font-size: 1.1rem !important;
color: #8149ff !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
display: none;
}
.woocommerce div.product .woocommerce-tabs .panel {
border-bottom: 0px;
}
.woocommerce div.product .woocommerce-tabs .panel {
margin: 0px;
}
.checkout_coupon {
display: block !important;
}
.woocommerce-info {
display: block;
}
.productwrap {
display: flex;
}
@media (min-width: 768px) {
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
width: 150px;
}
}
table.cart td.actions .coupon {
display: flex;
}
.woocommerce-checkout .give_wc_donation_section table {
border: 5px solid #1300c1;
}
.woocommerce-checkout .give_wc_donation_section table tr:last-child td.give-wc-give-form-row {
border-bottom: 0 !important;
}
.woocommerce-checkout .give_wc_donation_section.give_wc_donation_section .give-wc-give-form-row .give-wc-give-form-head label.give-wc-give-form-label {
font-weight: bold;
color: #1300c1;
}
.woocommerce-checkout #add_payment_method #payment ul.payment_methods li img,
.woocommerce-checkout .woocommerce-cart #payment ul.payment_methods li img,
.woocommerce-checkout .woocommerce-checkout #payment ul.payment_methods li img {
height: 30px;
margin-right: 5px;
}
.woocommerce-checkout #add_payment_method #payment div.payment_box, .woocommerce-checkout .woocommerce-cart #payment div.payment_box, .woocommerce-checkout .woocommerce-checkout #payment div.payment_box {
background-color: #ffcdd9;
color: #1300c1;
}
.woocommerce-checkout #add_payment_method #payment div.payment_box label, .woocommerce-checkout .woocommerce-cart #payment div.payment_box label, .woocommerce-checkout .woocommerce-checkout #payment div.payment_box label {
color: #1300c1;
}
.woocommerce-checkout #add_payment_method #payment div.payment_box:before, .woocommerce-checkout .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout .woocommerce-checkout #payment div.payment_box:before {
border: 1em solid #ffcdd9;
border-top-color: rgb(223, 220, 222);
border-right-color: rgb(223, 220, 222);
border-left-color: rgb(223, 220, 222);
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
}
.shop_table th {
color: #1300c1;
}
.select2-container--default .select2-results > .select2-results__options {
float: left;
width: 100%;
}
.fbc-page .fbc-wrap .fbc-items {
display: none;
font-family: "Mind Meridian", Helvetica, Arial, sans-serif !important;
}
@media (min-width: 1024px) {
.fbc-page .fbc-wrap .fbc-items {
display: block;
}
}
.fbc-page .fbc-wrap .fbc-items li a:hover {
color: #ff0071;
}
.fbc-page .fbc-wrap .fbc-items li:first-child {
padding-left: 0;
}
.post-type-archive p.news-meta {
font-size: 0.9rem;
}
.post-type-archive a h2 {
display: inline-block;
}
.post-type-archive a h2:hover {
background-color: #ffcdd9;
}
/* ----------------------------------------------------------------------------------------------------------
07a Funders and Logo Slider ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
#funders .logo-slider, #tile-slider .logo-slider {
height: 100%;
overflow: hidden;
display: none;
}
#funders .logo-slider.slick-initialized, #tile-slider .logo-slider.slick-initialized {
display: block;
}
#funders .logo-slider.slick-initialized .slick-slide, #tile-slider .logo-slider.slick-initialized .slick-slide {
padding-right: 1rem;
height: auto;
}
.funder-profiles .row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.funder-profiles .funder-box {
margin-bottom: 40px;
flex: 1 0 100%;
text-align: center;
}
@media (min-width: 768px) {
.funder-profiles .funder-box {
flex: 0 0 calc(50% - 1rem);
-ms-flex: 0 0 49%;
}
}
@media (min-width: 1024px) {
.funder-profiles .funder-box {
flex: 0 0 calc(33% - 2rem);
-ms-flex: 0 0 33%;
}
}
.funder-profiles .funder-box > div {
min-height: 188px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex: 0 1 auto;
width: auto;
}
@media (min-width: 768px) {
.has-menu .funder-box {
flex: 0 0 calc(50% - 1rem);
-ms-flex: 0 0 49%;
}
}
@media (min-width: 1024px) {
.has-menu .funder-box {
flex: 0 0 calc(50% - 1rem);
-ms-flex: 0 0 49%;
}
}
/* ----------------------------------------------------------------------------------------------------------
18 Translator ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
a.switcher-popup span {
display: none !important;
}
#gt_lightbox a span {
display: inline-block !important;
color: #303030;
}
#gt_lightbox a:hover span {
color: #1300c1;
text-decoration: none;
}
#gt_lightbox a:hover {
text-decoration: none !important;
color: #fff;
}
@media (min-width: 1024px) {
a.glink span {
font-size: 0.9rem !important;
}
}
a.glink img {
margin-top: -4px;
}
.gt_white_content {
position: fixed;
top: 30% !important;
left: 0px !important;
right: 0px !important;
width: 75% !important;
height: 375px;
margin: 0 auto !important;
padding: 6px 16px;
border-radius: 5px;
background-color: white;
color: black;
z-index: 19881205;
overflow: auto;
text-align: left;
border: 0;
}
.gt_white_content a {
display: block;
border: 0;
}
.gt_white_content a img {
border: 0;
margin-left: 5px;
}
.social .gt_white_content a {
float: none;
width: 100%;
}
.gt_white_content a.glink span {
display: inline-block;
}
#gt_lightbox a {
color: #333;
border: none !important;
}
.search main {
padding: 1rem;
}
@media (min-width: 1024px) {
.search main {
padding: 2rem 0;
}
}
.evo_eventtop .evo_above_title {
background: transparent url(http://www.mindinbradford.org.uk/wp-content/plugins/eventON/assets/images/close_arrow.png) center center no-repeat;
position: absolute;
bottom: 0;
right: 0;
width: 60px;
height: 100%;
cursor: pointer;
transform: rotate(180deg);
}
.evoet_title, .evoet_subtitle {
display: flex !important;
}
.evoet_dayblock {
padding-bottom: 10px !important;
}
.eventon_filter_line .filtering_set_val:hover {
background-color: #1300c1 !important;
color: #fff !important;
}
.eventon_filter_line .filtering_set_val.show,
.eventon_filter_line .filtering_set_val.set {
background-color: #1300c1 !important;
color: #fff !important;
}
.eventon_filter_dropdown, .ajde_evcal_calendar .evo-sort-btn .eventon_sort_line {
border-color: #1300c1 !important;
}
.eventon_filter_line .eventon_filter_dropdown p.select:before, .eventon_filter_line.selecttype .eventon_filter_dropdown p:before, .ajde_evcal_calendar .evo-sort-btn .eventon_sort_line p.select:before {
color: #1300c1 !important;
}
.eventon_sorting_section {
background-color: #d8dcff !important;
}
.evo_cal_above span {
background-color: #1300c1 !important;
}
.eventon_fullcal p,
.evo_day span,
.evodv_tooltip,
.evodv_current_day p.evodv_daynum,
.ajde_evcal_calendar .eventon_events_list p, .evo_lightbox p, .eventon_events_list .eventon_list_event .evoet_cx span, .evo_pop_body .evoet_cx span, .eventon_events_list .eventon_list_event .evoet_cx span.evcal_event_subtitle, .evo_pop_body .evoet_cx span.evcal_event_subtitle, .ajde_evcal_calendar .eventon_list_event .event_description .evcal_btn, .evo_pop_body .evcal_btn, .evcal_btn, .eventon_events_list .eventon_list_event .cancel_event .evo_event_headers, .evo_pop_body .evo_event_headers.canceled, .eventon_events_list .eventon_list_event .evcal_list_a .evo_above_title span, .evo_pop_body .evcal_list_a .evo_above_title span, .evcal_evdata_row.evcal_event_details .evcal_evdata_cell p, #evcal_list .eventon_list_event .evoInput, .evo_pop_body .evoInput, .evcal_evdata_row .evcal_evdata_cell p, #evcal_list .eventon_list_event p.no_events, .ajde_evcal_calendar .eventon_events_list .eventon_desc_in ul, .evoGuideCall em, .evo_cal_above span, .ajde_evcal_calendar .calendar_header .evo_j_dates .legend, .eventon_sort_line p, .eventon_filter_line p, .evcal_evdata_row, .eventon_weeklyview, .evodv_current_day {
font-family: "Mind Meridian", Helvetica, Arial, sans-serif !important;
}
.evodv_current_day {
font-family: "Mind Meridian", Helvetica, Arial, sans-serif !important;
}
.eventon_daily_in .evo_day {
display: inline-block;
float: left;
margin: 0;
cursor: pointer;
min-width: 20px;
width: auto;
text-align: center;
width: 60px; /* Safari/Chrome, other WebKit */ /* Firefox, other Gecko */
box-sizing: border-box;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */
-moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
user-select: none;
outline: none;
}
.evo_lightbox {
background-color: rgba(0, 0, 0, 0.5) !important;
}
.evo_lightboxes .evolbclose:before, .evo_lightboxes .evolbclose:after {
background-color: #fff !important;
}
.ajde_evcal_calendar .eventon_list_event .event_description .evcal_btn, .evo_lightbox .evcal_btn, body .evcal_btn, .evo_lightbox.eventon_events_list .eventon_list_event a.evcal_btn, .evcal_btn {
position: absolute;
top: 15px;
right: 15px;
color: #fff !important;
}
.eventon_events_list .eventon_list_event .evoet_cx, .evo_pop_body .evoet_cx {
margin: 4px 10px 10px 10px;
}
/* focused */
.eventon_daily_in .evo_day.on_focus {
background-color: #71f5c4 !important;
color: #fff;
}
.evo_day.has_events {
color: #1300c1 !important;
}
.evo_day.on_focus {
color: #a4a4a4;
}
.evo_day span {
display: block;
text-align: center;
line-height: 100%;
}
.evo_day {
color: #1300c1 !important;
}
.evo_day:hover, .evodv_action:hover {
color: #1300c1 !important;
background-color: #f3f3f3;
}
.evo_day span.evo_day_num {
font-weight: bold;
font-size: 24px;
padding-bottom: 5px;
}
.evo_day span.evo_day_name {
text-transform: uppercase;
font-size: 12px;
padding-bottom: 4px;
padding-top: 15px;
}
.eventon_daily_in .evo_day.today {
color: #1300c1 !important;
}
/* focused */
.eventon_daily_in .evo_day.on_focus {
background-color: #e6eaf2;
color: #1300c1 !important;
}
.evo_day.has_events {
color: #d5c3ac;
}
.evo_day.on_focus {
color: #a4a4a4;
}
.evo_day span {
display: block;
text-align: center;
line-height: 100%;
}
.evo_day {
color: #e8e8e8;
}
.evo_day:hover, .evodv_action:hover {
color: #d4d4d4;
background-color: #f3f3f3;
}
.evo_day span.evo_day_num {
font-weight: bold;
font-size: 24px;
padding-bottom: 5px;
}
.evo_day span.evo_day_name {
text-transform: uppercase;
font-size: 12px;
padding-bottom: 4px;
padding-top: 15px;
}
.eventon_daily_in .evo_day.today {
color: #1300c1 !important;
}
/* arrows */
.eventon_dv_outter .evodv_action {
display: inline-block;
float: left;
margin: 0;
cursor: pointer;
min-width: 20px;
text-align: center;
width: 60px;
height: 91px;
padding-top: 30px;
background-color: #f7f7f7;
color: #1300c1 !important;
box-sizing: border-box;
position: absolute;
top: 0;
z-index: 1;
}
.eventon_dv_outter .evodv_action.next {
right: 0;
}
.eventon_dv_outter .evodv_action.prev {
left: 0;
}
.eventon_dv_outter .evodv_action:hover {
background-color: #e0e0e0;
color: #1300c1 !important;
}
.eventon_dv_outter .evodv_action.next:before,
.eventon_dv_outter .evodv_action.prev:before {
font-family: "font awesome 5 pro";
content: "\f105";
display: inline-block;
font: normal normal normal 14px/1 evo_FontAwesome;
font-size: inherit;
text-rendering: auto;
font-size: 30px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.eventon_dv_outter .evodv_action.next:before, .eventon_dv_outter .evodv_action.prev:before {
font-family: "font awesome 5 pro" !important;
content: "\f105" !important;
}
.eventon_dv_outter .evodv_action.prev:before, .evodv_carousel .evodv_action.prev:before {
font-family: "font awesome 5 pro" !important;
content: "\f104" !important;
}
/* widget */
#evcal_widget .evoDV .evodv_current_day p.evodv_daynum {
font-size: 70px;
}
#evcal_widget .evoDV .evodv_current_day p.evodv_daynum span {
height: 35px;
width: 35px;
}
#evcal_widget .evoDV .evodv_current_day p.evodv_daynum span i {
font-size: 24px;
margin-left: -4px;
}
@media (max-width: 480px) {
.evoDV .evodv_current_day p.evodv_daynum {
font-size: 70px;
}
.evoDV .evodv_current_day p.evodv_daynum span {
height: 35px;
width: 35px;
}
.evoDV .evodv_current_day p.evodv_daynum span i {
font-size: 24px;
margin-left: -4px;
}
}
#evcal_list .eventon_list_event .evcal_cblock, .evo_lightboxes .evo_pop_body .evcal_cblock {
display: none;
}
#evcal_widget .eventon_events_list .eventon_list_event .evcal_desc, #evcal_widget .eventon_events_list .eventon_list_event .no_val.hasFtIMG .evcal_desc {
padding-left: 10px !important;
}
.desc_trig_outter .evcal_desc3 {
display: none !important;
}
#evcal_widget .ajde_evcal_calendar .calendar_header p {
color: #1300c1 !important;
}
.ajde_evcal_calendar .calendar_header .evcal_arrows {
color: #1300c1 !important;
border-color: #1300c1 !important;
background-color: #ffffff;
}
.ajde_evcal_calendar .calendar_header .evcal_arrows:hover {
color: #fff !important;
border-color: #1300c1 !important;
background-color: #1300c1 !important;
}
.ajde_evcal_calendar .calendar_header .evcal_arrows .fa {
color: #1300c1 !important;
}
.ajde_evcal_calendar .calendar_header .evcal_arrows:hover .fa {
color: #fff !important;
}
.evofc_months_strip .eventon_fc_days .evo_fc_day.has_events span i, .eventon_fc_days .evo_fc_day.today:before {
background-color: #1300c1 !important;
}
.evofc_months_strip .eventon_fc_days .evo_fc_day.has_events span b {
display: none;
color: #1300c1 !important;
}
.eventon_daily_list .evo_day .evoday_events em.more {
background-color: #1300c1 !important;
}
.evoFC_nextto.evoFC .eventon_fullcal {
width: 64% !important;
}
@media (min-width: 0) {
.evoFC_nextto.evoFC .eventon_fullcal {
width: 100% !important;
}
}
@media (min-width: 1024px) {
.evoFC_nextto.evoFC .eventon_fullcal {
width: 65% !important;
}
}
.evoFC_nextto.evoFC div#evcal_list {
width: 35% !important;
}
@media (min-width: 0) {
.evoFC_nextto.evoFC div#evcal_list {
width: 100% !important;
}
}
@media (min-width: 1024px) {
.evoFC_nextto.evoFC div#evcal_list {
width: 34% !important;
}
}
.eventon_events_list .eventon_list_event .evcal_desc span.evcal_desc2, .evo_pop_body .evcal_desc span.evcal_desc2 {
font-size: 16px !important;
}
.eventon_events_list .eventon_list_event .evcal_desc span.evcal_event_subtitle, .evo_pop_body .evcal_desc span.evcal_event_subtitle {
font-size: 14px !important;
}
.eventon_events_list .eventon_list_event .evcal_list_a {
padding: 5px 0 5px !important;
}
.eventon_events_list .eventon_list_event .evcal_desc, .evo_pop_body .evcal_desc, #page-content p.evcal_desc {
padding: 3px 15px 0 10px !important;
}
.eventon_fc_days .evo_fc_day.has_events span {
bottom: 0px !important;
}
#evcal_list .eventon_list_event .evcal_desc em, .evo_lightboxes .evcal_desc em {
width: 100%;
}
.evoFC_nextto.evoFC .eventon_fc_days .evo_fc_day.has_events span i {
margin: 0px 1px !important;
}
.ajde_evcal_calendar #evcal_head.calendar_header #evcal_cur, .ajde_evcal_calendar .evcal_month_line p {
color: #1300c1 !important;
}
/******************** RSVP *********************/
.evors_lightbox_body #evorsvp_form .form_row input {
border: 1px solid #c4c4c4 !important;
margin-bottom: 10px !important;
float: left !important;
}
.evors_lightbox_body #evorsvp_form .form_row.rsvp_status {
text-align: center !important;
}
.evors_lightbox_body #evorsvp_form .form_row input[type=checkbox] {
float: none !important;
}
.evors_lightbox_body #evorsvp_form .updates, .evors_lightbox_body #evorsvp_form .count {
width: 100% !important;
float: left !important;
text-align: left !important;
}
.evors_lightbox_body #evorsvp_form .updates label, .evors_lightbox_body #evorsvp_form .count label {
float: left !important;
margin: -2px 10px 0 0 !important;
}
.evors_lightbox_body #evorsvp_form .count label {
width: 100% !important;
}
.evors_lightbox_body #evorsvp_form a.evors_submit {
display: inline-block !important;
background-color: #ffcdd9 !important;
color: #1300c1 !important;
font-weight: 400 !important;
text-align: center !important;
text-decoration: none !important;
padding: 10px 20px !important;
margin: 0 !important;
border: 3px solid #1300c1 !important;
text-transform: uppercase !important;
border-radius: 8px !important;
letter-spacing: 0.5px !important;
-webkit-appearance: none !important;
transition: all 0.25s linear !important;
font-family: "Mind Meridian", Helvetica, Arial, sans-serif !important;
font-size: 16px !important;
line-height: 1 !important;
text-shadow: none !important;
text-decoration: none !important;
}
.evors_lightbox_body #evorsvp_form a.evors_submit:hover {
background: #1300c1 !important;
color: #fff !important;
opacity: 1 !important;
}
.evoRS_status_option_selection span.set {
border: 1px solid #c4c4c4 !important;
color: #1300c1 !important;
background-color: #ffcdd9 !important;
}
#evorsvp_form .rsvp_status span {
border: 1px solid #c4c4c4 !important;
padding: 8px 12px !important;
opacity: 1 !important;
}
#evorsvp_form .rsvp_status span:hover {
background-color: #ffcdd9 !important;
}
.evoRS_status_option_selection span {
color: #1300c1 !important;
}
.evoRS_status_option_selection span:hover {
color: #1300c1 !important;
}
#evorsvp_form .rsvp_status span.set {
background-color: #ffcdd9 !important;
}
.evoTX_wc.tximg .evotx_image, .evoTX_wc.tximg .evoTX_wc_section {
width: 100% !important;
}
.evotxINQ_form .verifyhuman {
width: 100% !important;
float: left !important;
}
.evoTX_wc.tximg .evotx_image {
margin-top: 10px;
}
#evcal_list .eventon_list_event .event_description .evcal_btn, .evo_pop_body .evcal_btn, .evoTX_wc .variations_button .evcal_btn, .evo_lightbox.eventon_events_list .eventon_list_event .evoTX_wc a.evcal_btn {
background-color: #1300c1 !important;
}
#evcal_list .eventon_list_event .event_description .evcal_btn:hover, .evo_pop_body .evcal_btn:hover, .evoTX_wc .variations_button .evcal_btn:hover, .evo_lightbox.eventon_events_list .eventon_list_event .evoTX_wc a.evcal_btn:hover {
opacity: 0.7 !important;
}
#evcal_list .evotx_remaining {
background-color: #ffcdd9 !important;
width: 50% !important;
}
.ajde_evcal_calendar .evodv_current_day {
display: none !important;
}
.ajde_evcal_calendar .eventon_events_list p, .eventon_events_list .eventon_list_event .evcal_desc span, .evo_pop_body .evcal_desc span, .eventon_events_list .eventon_list_event .evcal_desc span.evcal_event_subtitle, .evo_pop_body .evcal_desc span.evcal_event_subtitle, .ajde_evcal_calendar .eventon_list_event .event_description .evcal_btn, .evo_pop_body .evcal_btn, .evcal_btn, .eventon_events_list .eventon_list_event .cancel_event .evo_event_headers, .evo_pop_body .evo_event_headers.canceled, .eventon_events_list .eventon_list_event .evcal_list_a .evo_above_title span, .evo_pop_body .evcal_list_a .evo_above_title span, .evcal_evdata_row.evcal_event_details .evcal_evdata_cell p, #evcal_list .eventon_list_event .evoInput, .evo_pop_body .evoInput, .evcal_evdata_row .evcal_evdata_cell p, #evcal_list .eventon_list_event p.no_events, .ajde_evcal_calendar .eventon_events_list .eventon_desc_in ul, .evoGuideCall em, .evo_cal_above span, .ajde_evcal_calendar .calendar_header .evo_j_dates .legend, .eventon_sort_line p, .eventon_filter_line p, .eventon_weeklyview, .evodv_current_day {
font-family: "Mind Meridian", Helvetica, Arial, sans-serif !important;
}
.ajde_evcal_calendar .calendar_header p, .ajde_evcal_calendar .evcal_evdata_row .evcal_evdata_cell h3.evo_h3, .evo_lightbox_content h3.evo_h3, body .ajde_evcal_calendar h4.evo_h4, .evo_content_in h4.evo_h4, .evo_metarow_ICS .evcal_evdata_cell p a, .eventon_events_list .eventon_list_event .evcal_desc span.evcal_desc2, .eventon_list_event .evcal_desc span.evcal_event_title, .evcal_desc span.evcal_desc2, .evo_metarow_ICS .evcal_evdata_cell p a, .evo_metarow_learnMICS .evcal_col50 .evcal_evdata_cell p a, .eventon_list_event .evo_metarow_locImg p.evoLOCtxt .evo_loc_text_title, .evo_clik_row .evo_h3, .evotax_term_card .evotax_term_details h2, .evotax_term_card h3.evotax_term_subtitle, .ajde_evcal_calendar .evo_sort_btn, .eventon_main_section #evcal_cur, .ajde_evcal_calendar .calendar_header p.evo_month_title, .ajde_evcal_calendar .eventon_events_list .evcal_month_line p, .eventon_events_list .eventon_list_event .evcal_cblock, .ajde_evcal_calendar .evcal_month_line, .eventon_event .event_excerpt_in h3, .evoWV_days .evo_wv_day span.day_num, .evoWV_days .evo_wv_day span.day_name, .evowv_tooltip, ul.EVOWV_date_ranges li, .evo_day span, .evodv_tooltip, .evodv_current_day p.evodv_daynum {
font-family: "Mind Meridian", Helvetica, Arial, sans-serif !important;
}
.eventon_events_list .eventon_list_event .evcal_desc .evcal_desc_info, .evo_pop_body .evcal_desc .evcal_desc_info {
font-size: 14px !important;
}
.ajde_evcal_calendar .calendar_header p {
font-size: 2.6rem !important;
}
.eventon_fullcal .eventon_fc_days .evo_fc_day.on_focus {
background-color: #71f5c4 !important;
color: #1300c1 !important;
}
.eventon_fullcal .eventon_fc_days p.evo_fc_day:before {
background-color: #1300c1;
}
.evofc_months_strip .eventon_fc_days .evo_fc_day.has_events span i {
display: none !important;
}
#evcal_list {
border-radius: 0 !important;
}
.eventon_events_list .eventon_list_event .evcal_eventcard, .evcal_evdata_row, .evorow .tbrow, .dark1, .evo_pop_body {
color: #1300c1 !important;
}
.evcal_evdata_row .evcal_evdata_cell h2, .evcal_evdata_row .evcal_evdata_cell h3, .evorow .evo_clik_row h3, .evcal_evdata_row .evcal_evdata_cell h3 a,
#evcal_list .eventon_list_event .evcal_eventcard p, .ajde_evcal_calendar .eventon_events_list .eventon_desc_in ul, .evo_lightboxes .evo_pop_body .evcal_evdata_row .evcal_evdata_cell p, .evo_lightboxes .evcal_evdata_cell p a {
color: #1300c1 !important;
}
.evcal_evdata_row .evcal_evdata_icons i, .evcal_evdata_row .evcal_evdata_custometa_icons i {
color: #ff0071 !important;
}
.evo_metarow_ICS .evcal_evdata_cell p a, .evo_metarow_learnMICS .evcal_col50 .evcal_evdata_cell p a {
color: #1300c1 !important;
}
.evo_metarow_ICS .evcal_evdata_cell p a:hover, .evo_metarow_learnMICS .evcal_col50 .evcal_evdata_cell p a:hover {
background-color: transparent !important;
text-decoration: underline;
opacity: 1 !important;
}
.evo_metarow_socialmedia a.evo_ss {
background-color: #71f5c4 !important;
}
.evo_metarow_socialmedia a.evo_ss i {
color: #1300c1 !important;
}
.ajde_evcal_calendar #evcal_head.calendar_header #evcal_cur, .ajde_evcal_calendar .evcal_month_line p,
.eventon_fc_days .evo_fc_day.has_events {
color: #1300c1 !important;
}
.ajde_evcal_calendar .calendar_header .evcal_arrows {
color: #1300c1 !important;
border-color: #1300c1 !important;
}
/** Glbal Styles **/
.tribe-common h1,
.tribe-common h2,
.tribe-common h3,
.tribe-common h4,
.tribe-common h5,
.tribe-common h6,
.tribe-common .tribe-common-h7,
.tribe-common .tribe-common-h8,
.tribe-events-single-event-title,
.tribe-events-schedule h2,
.event-header {
font-family: "Mind Meridian", Helvetica, Arial, sans-serif !important;
color: #1300c1 !important;
font-weight: bold;
}
.tribe-common h1 > a,
.tribe-common h2 > a,
.tribe-common h3 > a,
.tribe-common h4 > a,
.tribe-common h5 > a,
.tribe-common h6 > a,
.tribe-common .tribe-common-h7 > a,
.tribe-common .tribe-common-h8 > a,
.tribe-events-single-event-title > a,
.tribe-events-schedule h2 > a,
.event-header > a {
color: #1300c1 !important;
}
.tribe-events-l-container {
padding-top: 2rem !important;
position: relative;
z-index: 0;
}
.tribe-common p,
.tribe-events-content {
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
color: #303030;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-b2 {
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
font-size: 1rem;
}
.tribe-events .tribe-events-header {
display: none;
}
.tribe-events-c-top-bar__datepicker {
font-family: "Mind Meridian", Helvetica, Arial, sans-serif !important;
}
.tribe-events-c-top-bar__datepicker button {
border: 0;
border-radius: 0;
padding: 0.5rem 1rem;
}
.tribe-events-calendar-list__event-wrapper {
margin-bottom: 2rem !important;
padding-bottom: 2rem !important;
border-bottom: 1px solid #F2F5F8 !important;
}
.tribe-events-l-container,
.tribe-events .tribe-events-l-container,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container,
.single-tribe_events #tribe-events-content {
padding: 0;
padding-top: 16px;
max-width: 1200px !important;
margin: 0 auto;
}
.tribe-events-l-container ul li:before,
.tribe-events .tribe-events-l-container ul li:before,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container ul li:before,
.single-tribe_events #tribe-events-content ul li:before {
content: none;
}
@media (min-width: 1024px) {
.tribe-events-l-container form.tribe-events-c-events-bar__search-form .tribe-events-c-search__input-group,
.tribe-events .tribe-events-l-container form.tribe-events-c-events-bar__search-form .tribe-events-c-search__input-group,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container form.tribe-events-c-events-bar__search-form .tribe-events-c-search__input-group,
.single-tribe_events #tribe-events-content form.tribe-events-c-events-bar__search-form .tribe-events-c-search__input-group {
margin-right: 16px;
}
}
.tribe-events-l-container form.tribe-events-c-events-bar__search-form button.tribe-events-c-search__button,
.tribe-events .tribe-events-l-container form.tribe-events-c-events-bar__search-form button.tribe-events-c-search__button,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container form.tribe-events-c-events-bar__search-form button.tribe-events-c-search__button,
.single-tribe_events #tribe-events-content form.tribe-events-c-events-bar__search-form button.tribe-events-c-search__button {
padding: 23px 20px;
}
@media (max-width: 768px) {
.tribe-events-l-container form.tribe-events-c-events-bar__search-form input#tribe-events-events-bar-keyword,
.tribe-events .tribe-events-l-container form.tribe-events-c-events-bar__search-form input#tribe-events-events-bar-keyword,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container form.tribe-events-c-events-bar__search-form input#tribe-events-events-bar-keyword,
.single-tribe_events #tribe-events-content form.tribe-events-c-events-bar__search-form input#tribe-events-events-bar-keyword {
margin-bottom: 0;
}
}
.tribe-events-l-container .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item-link,
.tribe-events .tribe-events-l-container .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item-link,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item-link,
.single-tribe_events #tribe-events-content .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item-link {
height: auto;
padding: 0;
}
.tribe-events-l-container .tribe-events-header__events-bar,
.tribe-events .tribe-events-l-container .tribe-events-header__events-bar,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container .tribe-events-header__events-bar,
.single-tribe_events #tribe-events-content .tribe-events-header__events-bar {
align-items: center;
margin-bottom: 16px;
}
.tribe-events-l-container button.tribe-common-c-btn-icon,
.tribe-events-l-container .tribe-common-b2,
.tribe-events .tribe-events-l-container button.tribe-common-c-btn-icon,
.tribe-events .tribe-events-l-container .tribe-common-b2,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container button.tribe-common-c-btn-icon,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container .tribe-common-b2,
.single-tribe_events #tribe-events-content button.tribe-common-c-btn-icon,
.single-tribe_events #tribe-events-content .tribe-common-b2 {
border: 0;
border-radius: 0;
}
.tribe-events-l-container .tribe-events-calendar-list__month-separator + .tribe-events-calendar-list__event-row,
.tribe-events .tribe-events-l-container .tribe-events-calendar-list__month-separator + .tribe-events-calendar-list__event-row,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container .tribe-events-calendar-list__month-separator + .tribe-events-calendar-list__event-row,
.single-tribe_events #tribe-events-content .tribe-events-calendar-list__month-separator + .tribe-events-calendar-list__event-row {
margin-top: 0;
border-top: 1px solid #1300c1;
padding-top: 32px;
margin-top: 0;
}
.tribe-events-l-container .tribe-events-c-top-bar ul.tribe-events-c-top-bar__nav-list,
.tribe-events .tribe-events-l-container .tribe-events-c-top-bar ul.tribe-events-c-top-bar__nav-list,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container .tribe-events-c-top-bar ul.tribe-events-c-top-bar__nav-list,
.single-tribe_events #tribe-events-content .tribe-events-c-top-bar ul.tribe-events-c-top-bar__nav-list {
margin-left: 0;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list-nav {
display: none;
}
@media (max-width: 768px) {
a.tribe-events-c-view-selector__list-item-link {
font-size: 14px;
text-decoration: none;
margin-bottom: 5px;
}
}
.tribe-common .tribe-common-form-control-text__input {
padding: 12px;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__top-bar {
margin-bottom: 0;
}
.tribe-events-calendar-list__event-row {
margin: 0;
}
.tribe-events .tribe-events-calendar-list__month-separator-text {
font-weight: bold;
margin-top: 0;
padding-bottom: 5px;
}
.tribe-event-date-start,
.tribe-event-date-end {
font-weight: bold;
}
.tribe-events .tribe-events-calendar-list__event-date-tag-datetime {
background-color: #71f5c4;
color: #1300c1;
font-weight: bold;
height: auto;
margin-bottom: auto;
padding: 16px;
}
.tribe-events-c-ical {
display: none;
}
.tribe-events-calendar-list {
margin-top: 16px;
}
ul.tribe-events-c-nav__list {
margin: 0;
}
/** Venues **/
.tribe-events-pro-venue__meta-data {
background-color: #e5eaf1;
}
.tribe-events-pro .tribe-events-pro-venue__meta-map {
margin: 0;
height: 300px;
margin-top: 8px;
}
.tribe-events-c-breadcrumbs {
margin-bottom: 32px;
}
.tribe-events .tribe-events-header {
padding: 0 1rem;
}
.tribe-events-calendar-list__event-cost {
display: none;
}
/** Single Event **/
.tribe-events-event-image img {
display: block;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
max-height: 500px;
}
.single-tribe_events main#tribe-events-pg-template {
padding: 0;
max-width: 1200px !important;
}
.single-tribe_events #event-header {
display: flex;
flex-direction: column;
border-bottom: 1px solid #1300c1;
padding-bottom: 16px;
margin-bottom: 32px;
}
@media (min-width: 1024px) {
.single-tribe_events #event-header {
flex-direction: row;
justify-content: space-between;
align-items: center;
}
}
.single-tribe_events #event-header h1 {
margin-bottom: 16px;
}
@media (min-width: 1024px) {
.single-tribe_events #event-header h1 {
margin-bottom: 0;
}
}
.single-tribe_events #event-header .tribe-events-schedule {
display: block;
padding: 0;
margin: 0;
}
@media (min-width: 1024px) {
.single-tribe_events #event-header .tribe-events-schedule {
text-align: right;
}
}
.single-tribe_events #event-header .tribe-events-schedule h2 {
margin: 0;
}
.single-tribe_events #event-header .tribe-events-schedule span.tribe-events-cost {
display: block;
margin: 0;
color: #303030;
}
.single-tribe_events .tribe-events-back {
display: none;
order: 1;
margin-top: 16px;
}
@media (min-width: 1024px) {
.single-tribe_events .tribe-events-back {
order: 0;
margin-bottom: 0;
margin-right: auto;
margin-left: 32px;
margin-top: 0;
}
}
.single-tribe_events .tribe-events-content {
flex: 0 0 calc(50% - 1rem);
}
.single-tribe_events form#tribe-tickets__tickets-form {
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
background-color: #f7f7f7;
}
.single-tribe_events form#tribe-tickets__tickets-form button {
border: 0;
}
.single-tribe_events form#tribe-tickets__tickets-form .tribe-common-h6--min-medium {
font-weight: bold;
}
.single-tribe_events form#tribe-tickets__tickets-form .tribe-common-b3--min-medium {
font-size: 16px;
}
.single-tribe_events form#tribe-tickets__tickets-form .tribe-tickets__tickets-sale-price {
color: #1300c1;
}
.single-tribe_events form#tribe-tickets__tickets-form button#tribe-tickets__tickets-buy {
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
color: #1300c1;
background-color: #71f5c4;
}
.single-tribe_events form#tribe-tickets__tickets-form button#tribe-tickets__tickets-buy:hover {
color: #fff;
background-color: #ff0071;
}
.single-tribe_events .event-tickets .tribe-tickets__tickets-item > div {
align-self: center !important;
}
.single-tribe_events #event-content-wrap {
justify-content: space-between;
display: flex;
flex-wrap: wrap;
}
@media (min-width: 1024px) {
.single-tribe_events #event-left {
flex: 0 0 calc(41.667% - 1rem);
}
}
@media (min-width: 1024px) {
.single-tribe_events #event-right {
flex: 0 0 calc(50% - 1rem);
margin-left: auto;
}
}
.single-tribe_events #event-bottom {
background-color: #e5eaf1;
font-size: 16px;
display: block;
width: 100%;
padding: 16px;
color: #1300c1;
}
@media (min-width: 768px) {
.single-tribe_events #event-bottom {
display: flex;
padding: 32px;
flex: 0 0 100%;
justify-content: space-between;
margin-top: 32px;
}
}
.single-tribe_events #event-bottom .tribe-events-event-meta {
display: block;
}
@media (min-width: 1024px) {
.single-tribe_events #event-bottom .tribe-events-event-meta {
display: flex;
}
}
.single-tribe_events #event-bottom .tribe-country-name,
.single-tribe_events #event-bottom .tribe-events-gmap {
display: none;
}
.single-tribe_events #event-bottom .tribe-events-meta-group {
padding: 0;
margin: 0;
}
.single-tribe_events #event-bottom h2 {
margin-top: 0;
}
.single-tribe_events #event-bottom .tribe-events-cal-links {
display: none;
}
.single-tribe_events #event-bottom .tribe-events-start-date {
border-bottom: 0;
}
@media (min-width: 1024px) {
.single-tribe_events #event-bottom .tribe-events-single-section {
flex: 0 0 calc(50% - 1rem);
}
.single-tribe_events #event-bottom .tribe-events-single-section.secondary {
display: flex;
}
.single-tribe_events #event-bottom .tribe-events-single-section.secondary .tribe-events-meta-group {
flex: 0 0 calc(50% - 2rem);
}
}
.tribe-events-sub-nav {
display: none !important;
}
.tribe-events-sub-nav li:before,
.tribe-events-sub-nav li:after {
display: none;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row {
margin: 0;
}
.tribe-events .tribe-events-c-subscribe-dropdown__container {
display: none;
}
body.page-tribe-attendee-registration .event-tickets .tribe-tickets__registration-actions,
body.page-tribe-attendee-registration .tribe-common .tribe-tickets__registration-actions,
body.page-tribe-attendee-registration .event-tickets .tribe-tickets__mini-cart, body.page-tribe-attendee-registration .tribe-common .tribe-tickets__mini-cart {
margin-top: 2rem !important;
}
body.page-tribe-attendee-registration .event-tickets .tribe-tickets__mini-cart, body.page-tribe-attendee-registration .tribe-common .tribe-tickets__mini-cart {
margin-top: 0 !important;
}
body.page-tribe-attendee-registration .tribe-common.event-tickets .tribe-common-c-btn,
body.page-tribe-attendee-registration .tribe-common.event-tickets a.tribe-common-c-btn {
background-color: #71f5c4 !important;
color: #1300c1 !important;
}
body.page-tribe-attendee-registration .tribe-common.event-tickets .tribe-common-c-btn:hover,
body.page-tribe-attendee-registration .tribe-common.event-tickets a.tribe-common-c-btn:hover {
background-color: #ffcdd9 !important;
}
.tribe-checkout-backlinks {
padding: 1rem;
background-color: #d8dcff;
}
.tribe-checkout-backlinks a {
margin-right: 0.5rem;
padding: 0.25rem;
border: 1px solid #1300c1;
}
.posts-data-table thead {
background-color: #ebeeff;
}
.posts-data-table td.col-title,
.posts-data-table td.col-title a {
color: #1300c1;
font-weight: bold;
text-decoration: none !important;
}
.posts-data-table td.col-title {
width: 20%;
}
.posts-data-table tbody tr:nth-child(2n+2) {
background-color: #f2f2f2;
}
ul.select2-results__options {
padding: 0 1rem;
}
ul.select2-results__options li:before {
display: none !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #9da8ff !important;
}
body.admin-bar .select2-dropdown.posts-table-dropdown {
margin-top: 0;
}
.posts-table-reset .reset {
background-color: #1300c1 !important;
color: #fff !important;
border: 1px solid #1300c1;
}
.posts-table-reset .reset:hover {
background: #fff !important;
color: #1300c1 !important;
border: 1px solid #1300c1;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Show and hide
--------------------------------------------------------------*/
@media (max-width: 768px) {
.hidden-xs {
display: none !important;
}
}
@media (max-width: 1024px) {
.hidden-xs {
display: block;
}
.hidden-sm {
display: none !important;
}
}
@media (min-width: 1024px) and (max-width: 1200px) {
.hidden-xs, .hidden-sm {
display: block;
}
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-xs, .hidden-sm, .hidden-md {
display: block;
}
.hidden-lg {
display: none !important;
}
}
/*--------------------------------------------------------------
# Global
--------------------------------------------------------------*/
#html .arve {
max-width: 100% !important;
}
.site-content {
overflow: hidden;
}
body {
margin: 0 !important;
font-size: 1.125rem;
}
.wrap {
max-width: 1200px;
}
@media (min-width: 1024px) {
.wrap {
margin: 0 auto;
}
}
.wrap.full {
max-width: 100%;
padding: 0 2rem;
}
.container {
width: 100%;
padding: 0 1rem;
}
@media (min-width: 1216px) {
.container {
padding: 0;
}
}
.wp-block-image img {
width: 100%;
display: block;
}
.flex-h {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
position: relative;
}
.flex-v {
display: flex;
flex-direction: column;
}
p {
margin-top: 0;
}
.section-heading {
max-width: 1200px;
margin: 0 2rem;
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 0;
}
@media (min-width: 1024px) {
.section-heading {
margin: 0 auto;
}
}
.section-heading .button {
background-color: #9da8ff;
color: #1300c1;
border: 0;
}
.section-heading .button:hover {
background-color: #d0d5ff;
border: 0;
}
.alignleft {
text-align: left;
margin: 0 20px 20px 0;
}
.alignright {
text-align: right;
margin: 0 0 20px 20px;
}
.aligncenter {
text-align: center;
margin: 0 auto 20px auto;
}
img.alignleft,
figure.alignleft {
float: left;
}
img.alignright,
figure.alignright {
float: right;
}
img.aligncenter,
figure.aligncenter {
display: block;
margin: 0 auto 20px auto;
}
.section-title {
max-width: 1200px;
margin: 0 auto 1rem auto;
padding: 0 1rem;
text-align: left;
}
@media (min-width: 1200px) {
.section-title {
padding: 0;
}
}
/*--------------------------------------------------------------
# Flexible/Standard Page template
--------------------------------------------------------------*/
.page-template-standard-page .title h1,
.blog .title h1,
.single .title h1 {
margin: 0;
}
div.wpgmza_map {
float: none !important;
}
/*--------------------------------------------------------------
# BANNER
--------------------------------------------------------------*/
.banner {
position: relative;
}
.banner-container picture {
z-index: 1;
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
}
.banner-container picture img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
-o-object-position: center;
object-position: center;
}
.banner-container .slick-slide {
background-size: cover;
background-position: bottom center;
height: 100vh;
}
@media (min-width: 1024px) {
.banner-container .slick-slide {
height: 90vh;
max-height: 720px;
}
}
.banner-container .slick-dots li.slick-active button::before {
color: #ffcdd9;
}
.banner-container .slick-dots li button::before {
color: #1300c1;
}
.banner-container .slick-prev, .banner-container .slick-next {
display: none !important;
background-color: #ffcdd9;
border-radius: 50%;
height: 40px;
width: 40px;
transition: all 0.3s;
}
@media (min-width: 768px) {
.banner-container .slick-prev, .banner-container .slick-next {
display: block !important;
}
}
.banner-container .slick-prev:hover, .banner-container .slick-next:hover {
background-color: #1300c1;
transform: scale(1.25);
top: 47.5%;
}
.banner-container .slick-prev:hover:before, .banner-container .slick-next:hover:before {
color: #fff;
}
.banner-container .slick-prev:before, .banner-container .slick-next:before {
color: #1300c1;
}
/*--------------------------------------------------------------
# HOME CONTENT
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# INNER PAGE WIDTH SUB MENU
--------------------------------------------------------------*/
.page-template-flexible-inside-page #content > main > .wrap,
.product-template-default #content > main > .wrap,
.post-type-archive #content > main > .wrap,
.single-news #content > main > .wrap,
.single #content > main > .wrap,
.blog #content > main > .wrap {
display: flex;
}
.page-template-flexible-inside-page #inner-sub-nav,
.product-template-default #inner-sub-nav,
.post-type-archive #inner-sub-nav,
.single-news #inner-sub-nav,
.single #inner-sub-nav,
.blog #inner-sub-nav {
display: none;
}
@media (min-width: 768px) {
.page-template-flexible-inside-page #inner-sub-nav,
.product-template-default #inner-sub-nav,
.post-type-archive #inner-sub-nav,
.single-news #inner-sub-nav,
.single #inner-sub-nav,
.blog #inner-sub-nav {
display: block;
flex: 0 0 calc(25% - 1rem);
}
}
.page-template-flexible-inside-page #inner-page-content,
.product-template-default #inner-page-content,
.post-type-archive #inner-page-content,
.single-news #inner-page-content,
.single #inner-page-content,
.blog #inner-page-content {
display: block;
padding: 0rem 0;
}
@media (min-width: 768px) {
.page-template-flexible-inside-page #inner-page-content,
.product-template-default #inner-page-content,
.post-type-archive #inner-page-content,
.single-news #inner-page-content,
.single #inner-page-content,
.blog #inner-page-content {
flex: 0 0 calc(75% - 1rem);
}
}
.page-template-flexible-inside-page #inner-page-content .wrap.container,
.product-template-default #inner-page-content .wrap.container,
.post-type-archive #inner-page-content .wrap.container,
.single-news #inner-page-content .wrap.container,
.single #inner-page-content .wrap.container,
.blog #inner-page-content .wrap.container {
padding: 0;
}
.page-template-flexible-inside-page #inner-page-content section.blue .wrap,
.page-template-flexible-inside-page #inner-page-content section.pink .wrap,
.page-template-flexible-inside-page #inner-page-content section.green .wrap,
.page-template-flexible-inside-page #inner-page-content section.sky .wrap,
.page-template-flexible-inside-page #inner-page-content section.purple .wrap,
.page-template-flexible-inside-page #inner-page-content section.peach .wrap,
.product-template-default #inner-page-content section.blue .wrap,
.product-template-default #inner-page-content section.pink .wrap,
.product-template-default #inner-page-content section.green .wrap,
.product-template-default #inner-page-content section.sky .wrap,
.product-template-default #inner-page-content section.purple .wrap,
.product-template-default #inner-page-content section.peach .wrap,
.post-type-archive #inner-page-content section.blue .wrap,
.post-type-archive #inner-page-content section.pink .wrap,
.post-type-archive #inner-page-content section.green .wrap,
.post-type-archive #inner-page-content section.sky .wrap,
.post-type-archive #inner-page-content section.purple .wrap,
.post-type-archive #inner-page-content section.peach .wrap,
.single-news #inner-page-content section.blue .wrap,
.single-news #inner-page-content section.pink .wrap,
.single-news #inner-page-content section.green .wrap,
.single-news #inner-page-content section.sky .wrap,
.single-news #inner-page-content section.purple .wrap,
.single-news #inner-page-content section.peach .wrap,
.single #inner-page-content section.blue .wrap,
.single #inner-page-content section.pink .wrap,
.single #inner-page-content section.green .wrap,
.single #inner-page-content section.sky .wrap,
.single #inner-page-content section.purple .wrap,
.single #inner-page-content section.peach .wrap,
.blog #inner-page-content section.blue .wrap,
.blog #inner-page-content section.pink .wrap,
.blog #inner-page-content section.green .wrap,
.blog #inner-page-content section.sky .wrap,
.blog #inner-page-content section.purple .wrap,
.blog #inner-page-content section.peach .wrap {
padding: 0 2rem;
}
/*--------------------------------------------------------------
# TESTIMONIALS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# NEWS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# PAGE BANNERS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Banners
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Flexible Content
--------------------------------------------------------------*/
.contentspacer {
height: 2rem;
display: block;
}
@media (max-width: 768px) {
.contentspacer {
height: 2rem;
display: block;
}
}
.col-1:first-of-type,
.col-2:first-of-type,
.col-3:first-of-type,
.col-4:first-of-type,
.section:first-of-type {
padding-top: 0;
}
.col-1 img,
.col-2 img,
.col-3 img,
.col-4 img,
.section img {
display: block;
}
.col-1 .wrap.container,
.col-2 .wrap.container,
.col-3 .wrap.container,
.col-4 .wrap.container,
.section .wrap.container {
display: block;
}
@media (min-width: 768px) {
.col-1 .wrap.container,
.col-2 .wrap.container,
.col-3 .wrap.container,
.col-4 .wrap.container,
.section .wrap.container {
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
display: flex;
}
}
.col-1 p,
.col-2 p,
.col-3 p,
.col-4 p,
.section p {
margin-bottom: 1rem;
margin-top: 0;
}
.col-1 p a,
.col-1 a,
.col-2 p a,
.col-2 a,
.col-3 p a,
.col-3 a,
.col-4 p a,
.col-4 a,
.section p a,
.section a {
color: #1300c1;
text-decoration: underline;
transition: all 0.3s;
}
.col-1 p a:hover,
.col-1 a:hover,
.col-2 p a:hover,
.col-2 a:hover,
.col-3 p a:hover,
.col-3 a:hover,
.col-4 p a:hover,
.col-4 a:hover,
.section p a:hover,
.section a:hover {
background-color: #ffcdd9;
text-decoration: none;
}
.col-1 figure,
.col-2 figure,
.col-3 figure,
.col-4 figure,
.section figure {
border: 10px solid #fff;
box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
font-size: 0.9rem;
margin: 0 0 2rem 0;
background-color: #fff;
color: #303030;
}
.col-1 figure img,
.col-2 figure img,
.col-3 figure img,
.col-4 figure img,
.section figure img {
border: 0;
box-shadow: none;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: auto;
}
.col-1.white,
.col-2.white,
.col-3.white,
.col-4.white,
.section.white {
background-color: #fff;
}
.col-1.white p,
.col-2.white p,
.col-3.white p,
.col-4.white p,
.section.white p {
color: #303030;
}
.col-1.white h1, .col-1.white h2, .col-1.white h3, .col-1.white h4,
.col-2.white h1,
.col-2.white h2,
.col-2.white h3,
.col-2.white h4,
.col-3.white h1,
.col-3.white h2,
.col-3.white h3,
.col-3.white h4,
.col-4.white h1,
.col-4.white h2,
.col-4.white h3,
.col-4.white h4,
.section.white h1,
.section.white h2,
.section.white h3,
.section.white h4 {
color: #1300c1;
}
.col-1.white blockquote, .col-1.white blockquote p,
.col-2.white blockquote,
.col-2.white blockquote p,
.col-3.white blockquote,
.col-3.white blockquote p,
.col-4.white blockquote,
.col-4.white blockquote p,
.section.white blockquote,
.section.white blockquote p {
color: #1300c1 !important;
}
.col-1.black5,
.col-2.black5,
.col-3.black5,
.col-4.black5,
.section.black5 {
padding: 1rem;
background-color: #f2f2f2;
}
@media (min-width: 1024px) {
.col-1.black5,
.col-2.black5,
.col-3.black5,
.col-4.black5,
.section.black5 {
padding: 2rem 0;
}
}
.col-1.black5 p, .col-1.black5 h1, .col-1.black5 h2, .col-1.black5 h3, .col-1.black5 h4,
.col-2.black5 p,
.col-2.black5 h1,
.col-2.black5 h2,
.col-2.black5 h3,
.col-2.black5 h4,
.col-3.black5 p,
.col-3.black5 h1,
.col-3.black5 h2,
.col-3.black5 h3,
.col-3.black5 h4,
.col-4.black5 p,
.col-4.black5 h1,
.col-4.black5 h2,
.col-4.black5 h3,
.col-4.black5 h4,
.section.black5 p,
.section.black5 h1,
.section.black5 h2,
.section.black5 h3,
.section.black5 h4 {
color: #1300c1 !important;
}
.col-1.black10,
.col-2.black10,
.col-3.black10,
.col-4.black10,
.section.black10 {
padding: 1rem;
background-color: #e6e6e6;
}
@media (min-width: 1024px) {
.col-1.black10,
.col-2.black10,
.col-3.black10,
.col-4.black10,
.section.black10 {
padding: 2rem 0;
}
}
.col-1.black10 p, .col-1.black10 h1, .col-1.black10 h2, .col-1.black10 h3, .col-1.black10 h4,
.col-2.black10 p,
.col-2.black10 h1,
.col-2.black10 h2,
.col-2.black10 h3,
.col-2.black10 h4,
.col-3.black10 p,
.col-3.black10 h1,
.col-3.black10 h2,
.col-3.black10 h3,
.col-3.black10 h4,
.col-4.black10 p,
.col-4.black10 h1,
.col-4.black10 h2,
.col-4.black10 h3,
.col-4.black10 h4,
.section.black10 p,
.section.black10 h1,
.section.black10 h2,
.section.black10 h3,
.section.black10 h4 {
color: #1300c1 !important;
}
.col-1.blue, .col-1.highlight.blue,
.col-2.blue,
.col-2.highlight.blue,
.col-3.blue,
.col-3.highlight.blue,
.col-4.blue,
.col-4.highlight.blue,
.section.blue,
.section.highlight.blue {
padding: 1rem;
background-color: #1300c1;
color: #ffffff;
}
@media (min-width: 1024px) {
.col-1.blue, .col-1.highlight.blue,
.col-2.blue,
.col-2.highlight.blue,
.col-3.blue,
.col-3.highlight.blue,
.col-4.blue,
.col-4.highlight.blue,
.section.blue,
.section.highlight.blue {
padding: 2rem 0;
}
}
.col-1.blue p, .col-1.blue h1, .col-1.blue h2, .col-1.blue h3, .col-1.blue h4, .col-1.blue a, .col-1.highlight.blue p, .col-1.highlight.blue h1, .col-1.highlight.blue h2, .col-1.highlight.blue h3, .col-1.highlight.blue h4, .col-1.highlight.blue a,
.col-2.blue p,
.col-2.blue h1,
.col-2.blue h2,
.col-2.blue h3,
.col-2.blue h4,
.col-2.blue a,
.col-2.highlight.blue p,
.col-2.highlight.blue h1,
.col-2.highlight.blue h2,
.col-2.highlight.blue h3,
.col-2.highlight.blue h4,
.col-2.highlight.blue a,
.col-3.blue p,
.col-3.blue h1,
.col-3.blue h2,
.col-3.blue h3,
.col-3.blue h4,
.col-3.blue a,
.col-3.highlight.blue p,
.col-3.highlight.blue h1,
.col-3.highlight.blue h2,
.col-3.highlight.blue h3,
.col-3.highlight.blue h4,
.col-3.highlight.blue a,
.col-4.blue p,
.col-4.blue h1,
.col-4.blue h2,
.col-4.blue h3,
.col-4.blue h4,
.col-4.blue a,
.col-4.highlight.blue p,
.col-4.highlight.blue h1,
.col-4.highlight.blue h2,
.col-4.highlight.blue h3,
.col-4.highlight.blue h4,
.col-4.highlight.blue a,
.section.blue p,
.section.blue h1,
.section.blue h2,
.section.blue h3,
.section.blue h4,
.section.blue a,
.section.highlight.blue p,
.section.highlight.blue h1,
.section.highlight.blue h2,
.section.highlight.blue h3,
.section.highlight.blue h4,
.section.highlight.blue a {
color: #ffffff;
}
.col-1.blue a, .col-1.highlight.blue a,
.col-2.blue a,
.col-2.highlight.blue a,
.col-3.blue a,
.col-3.highlight.blue a,
.col-4.blue a,
.col-4.highlight.blue a,
.section.blue a,
.section.highlight.blue a {
text-decoration: underline;
}
.col-1.blue a:hover, .col-1.highlight.blue a:hover,
.col-2.blue a:hover,
.col-2.highlight.blue a:hover,
.col-3.blue a:hover,
.col-3.highlight.blue a:hover,
.col-4.blue a:hover,
.col-4.highlight.blue a:hover,
.section.blue a:hover,
.section.highlight.blue a:hover {
color: #ffcdd9;
}
.col-1.blue blockquote p, .col-1.blue blockquote h1, .col-1.blue blockquote h2, .col-1.blue blockquote h3, .col-1.blue blockquote h4, .col-1.highlight.blue blockquote p, .col-1.highlight.blue blockquote h1, .col-1.highlight.blue blockquote h2, .col-1.highlight.blue blockquote h3, .col-1.highlight.blue blockquote h4,
.col-2.blue blockquote p,
.col-2.blue blockquote h1,
.col-2.blue blockquote h2,
.col-2.blue blockquote h3,
.col-2.blue blockquote h4,
.col-2.highlight.blue blockquote p,
.col-2.highlight.blue blockquote h1,
.col-2.highlight.blue blockquote h2,
.col-2.highlight.blue blockquote h3,
.col-2.highlight.blue blockquote h4,
.col-3.blue blockquote p,
.col-3.blue blockquote h1,
.col-3.blue blockquote h2,
.col-3.blue blockquote h3,
.col-3.blue blockquote h4,
.col-3.highlight.blue blockquote p,
.col-3.highlight.blue blockquote h1,
.col-3.highlight.blue blockquote h2,
.col-3.highlight.blue blockquote h3,
.col-3.highlight.blue blockquote h4,
.col-4.blue blockquote p,
.col-4.blue blockquote h1,
.col-4.blue blockquote h2,
.col-4.blue blockquote h3,
.col-4.blue blockquote h4,
.col-4.highlight.blue blockquote p,
.col-4.highlight.blue blockquote h1,
.col-4.highlight.blue blockquote h2,
.col-4.highlight.blue blockquote h3,
.col-4.highlight.blue blockquote h4,
.section.blue blockquote p,
.section.blue blockquote h1,
.section.blue blockquote h2,
.section.blue blockquote h3,
.section.blue blockquote h4,
.section.highlight.blue blockquote p,
.section.highlight.blue blockquote h1,
.section.highlight.blue blockquote h2,
.section.highlight.blue blockquote h3,
.section.highlight.blue blockquote h4 {
color: #ffffff !important;
}
.col-1.blue blockquote p::before, .col-1.blue blockquote h1::before, .col-1.blue blockquote h2::before, .col-1.blue blockquote h3::before, .col-1.blue blockquote h4::before, .col-1.highlight.blue blockquote p::before, .col-1.highlight.blue blockquote h1::before, .col-1.highlight.blue blockquote h2::before, .col-1.highlight.blue blockquote h3::before, .col-1.highlight.blue blockquote h4::before,
.col-2.blue blockquote p::before,
.col-2.blue blockquote h1::before,
.col-2.blue blockquote h2::before,
.col-2.blue blockquote h3::before,
.col-2.blue blockquote h4::before,
.col-2.highlight.blue blockquote p::before,
.col-2.highlight.blue blockquote h1::before,
.col-2.highlight.blue blockquote h2::before,
.col-2.highlight.blue blockquote h3::before,
.col-2.highlight.blue blockquote h4::before,
.col-3.blue blockquote p::before,
.col-3.blue blockquote h1::before,
.col-3.blue blockquote h2::before,
.col-3.blue blockquote h3::before,
.col-3.blue blockquote h4::before,
.col-3.highlight.blue blockquote p::before,
.col-3.highlight.blue blockquote h1::before,
.col-3.highlight.blue blockquote h2::before,
.col-3.highlight.blue blockquote h3::before,
.col-3.highlight.blue blockquote h4::before,
.col-4.blue blockquote p::before,
.col-4.blue blockquote h1::before,
.col-4.blue blockquote h2::before,
.col-4.blue blockquote h3::before,
.col-4.blue blockquote h4::before,
.col-4.highlight.blue blockquote p::before,
.col-4.highlight.blue blockquote h1::before,
.col-4.highlight.blue blockquote h2::before,
.col-4.highlight.blue blockquote h3::before,
.col-4.highlight.blue blockquote h4::before,
.section.blue blockquote p::before,
.section.blue blockquote h1::before,
.section.blue blockquote h2::before,
.section.blue blockquote h3::before,
.section.blue blockquote h4::before,
.section.highlight.blue blockquote p::before,
.section.highlight.blue blockquote h1::before,
.section.highlight.blue blockquote h2::before,
.section.highlight.blue blockquote h3::before,
.section.highlight.blue blockquote h4::before {
color: #ffffff !important;
}
.col-1.blue blockquote p::after, .col-1.blue blockquote h1::after, .col-1.blue blockquote h2::after, .col-1.blue blockquote h3::after, .col-1.blue blockquote h4::after, .col-1.highlight.blue blockquote p::after, .col-1.highlight.blue blockquote h1::after, .col-1.highlight.blue blockquote h2::after, .col-1.highlight.blue blockquote h3::after, .col-1.highlight.blue blockquote h4::after,
.col-2.blue blockquote p::after,
.col-2.blue blockquote h1::after,
.col-2.blue blockquote h2::after,
.col-2.blue blockquote h3::after,
.col-2.blue blockquote h4::after,
.col-2.highlight.blue blockquote p::after,
.col-2.highlight.blue blockquote h1::after,
.col-2.highlight.blue blockquote h2::after,
.col-2.highlight.blue blockquote h3::after,
.col-2.highlight.blue blockquote h4::after,
.col-3.blue blockquote p::after,
.col-3.blue blockquote h1::after,
.col-3.blue blockquote h2::after,
.col-3.blue blockquote h3::after,
.col-3.blue blockquote h4::after,
.col-3.highlight.blue blockquote p::after,
.col-3.highlight.blue blockquote h1::after,
.col-3.highlight.blue blockquote h2::after,
.col-3.highlight.blue blockquote h3::after,
.col-3.highlight.blue blockquote h4::after,
.col-4.blue blockquote p::after,
.col-4.blue blockquote h1::after,
.col-4.blue blockquote h2::after,
.col-4.blue blockquote h3::after,
.col-4.blue blockquote h4::after,
.col-4.highlight.blue blockquote p::after,
.col-4.highlight.blue blockquote h1::after,
.col-4.highlight.blue blockquote h2::after,
.col-4.highlight.blue blockquote h3::after,
.col-4.highlight.blue blockquote h4::after,
.section.blue blockquote p::after,
.section.blue blockquote h1::after,
.section.blue blockquote h2::after,
.section.blue blockquote h3::after,
.section.blue blockquote h4::after,
.section.highlight.blue blockquote p::after,
.section.highlight.blue blockquote h1::after,
.section.highlight.blue blockquote h2::after,
.section.highlight.blue blockquote h3::after,
.section.highlight.blue blockquote h4::after {
color: #ffffff !important;
}
.col-1.pink,
.col-2.pink,
.col-3.pink,
.col-4.pink,
.section.pink {
padding: 1rem;
background-color: #ff0071;
color: #ffffff !important;
}
@media (min-width: 1024px) {
.col-1.pink,
.col-2.pink,
.col-3.pink,
.col-4.pink,
.section.pink {
padding: 2rem 0;
}
}
.col-1.pink p, .col-1.pink h1, .col-1.pink h2, .col-1.pink h3, .col-1.pink h4, .col-1.pink a,
.col-2.pink p,
.col-2.pink h1,
.col-2.pink h2,
.col-2.pink h3,
.col-2.pink h4,
.col-2.pink a,
.col-3.pink p,
.col-3.pink h1,
.col-3.pink h2,
.col-3.pink h3,
.col-3.pink h4,
.col-3.pink a,
.col-4.pink p,
.col-4.pink h1,
.col-4.pink h2,
.col-4.pink h3,
.col-4.pink h4,
.col-4.pink a,
.section.pink p,
.section.pink h1,
.section.pink h2,
.section.pink h3,
.section.pink h4,
.section.pink a {
color: #fff !important;
}
.col-1.pink blockquote p, .col-1.pink blockquote h1, .col-1.pink blockquote h2, .col-1.pink blockquote h3, .col-1.pink blockquote h4,
.col-2.pink blockquote p,
.col-2.pink blockquote h1,
.col-2.pink blockquote h2,
.col-2.pink blockquote h3,
.col-2.pink blockquote h4,
.col-3.pink blockquote p,
.col-3.pink blockquote h1,
.col-3.pink blockquote h2,
.col-3.pink blockquote h3,
.col-3.pink blockquote h4,
.col-4.pink blockquote p,
.col-4.pink blockquote h1,
.col-4.pink blockquote h2,
.col-4.pink blockquote h3,
.col-4.pink blockquote h4,
.section.pink blockquote p,
.section.pink blockquote h1,
.section.pink blockquote h2,
.section.pink blockquote h3,
.section.pink blockquote h4 {
color: #ffffff !important;
}
.col-1.pink blockquote p::before, .col-1.pink blockquote h1::before, .col-1.pink blockquote h2::before, .col-1.pink blockquote h3::before, .col-1.pink blockquote h4::before,
.col-2.pink blockquote p::before,
.col-2.pink blockquote h1::before,
.col-2.pink blockquote h2::before,
.col-2.pink blockquote h3::before,
.col-2.pink blockquote h4::before,
.col-3.pink blockquote p::before,
.col-3.pink blockquote h1::before,
.col-3.pink blockquote h2::before,
.col-3.pink blockquote h3::before,
.col-3.pink blockquote h4::before,
.col-4.pink blockquote p::before,
.col-4.pink blockquote h1::before,
.col-4.pink blockquote h2::before,
.col-4.pink blockquote h3::before,
.col-4.pink blockquote h4::before,
.section.pink blockquote p::before,
.section.pink blockquote h1::before,
.section.pink blockquote h2::before,
.section.pink blockquote h3::before,
.section.pink blockquote h4::before {
color: #ffffff !important;
}
.col-1.pink blockquote p::after, .col-1.pink blockquote h1::after, .col-1.pink blockquote h2::after, .col-1.pink blockquote h3::after, .col-1.pink blockquote h4::after,
.col-2.pink blockquote p::after,
.col-2.pink blockquote h1::after,
.col-2.pink blockquote h2::after,
.col-2.pink blockquote h3::after,
.col-2.pink blockquote h4::after,
.col-3.pink blockquote p::after,
.col-3.pink blockquote h1::after,
.col-3.pink blockquote h2::after,
.col-3.pink blockquote h3::after,
.col-3.pink blockquote h4::after,
.col-4.pink blockquote p::after,
.col-4.pink blockquote h1::after,
.col-4.pink blockquote h2::after,
.col-4.pink blockquote h3::after,
.col-4.pink blockquote h4::after,
.section.pink blockquote p::after,
.section.pink blockquote h1::after,
.section.pink blockquote h2::after,
.section.pink blockquote h3::after,
.section.pink blockquote h4::after {
color: #ffffff !important;
}
.col-1.purple,
.col-2.purple,
.col-3.purple,
.col-4.purple,
.section.purple {
padding: 1rem;
background-color: #8149ff;
color: #ffffff !important;
}
@media (min-width: 1024px) {
.col-1.purple,
.col-2.purple,
.col-3.purple,
.col-4.purple,
.section.purple {
padding: 2rem 0;
}
}
.col-1.purple p, .col-1.purple h1, .col-1.purple h2, .col-1.purple h3, .col-1.purple h4, .col-1.purple a,
.col-2.purple p,
.col-2.purple h1,
.col-2.purple h2,
.col-2.purple h3,
.col-2.purple h4,
.col-2.purple a,
.col-3.purple p,
.col-3.purple h1,
.col-3.purple h2,
.col-3.purple h3,
.col-3.purple h4,
.col-3.purple a,
.col-4.purple p,
.col-4.purple h1,
.col-4.purple h2,
.col-4.purple h3,
.col-4.purple h4,
.col-4.purple a,
.section.purple p,
.section.purple h1,
.section.purple h2,
.section.purple h3,
.section.purple h4,
.section.purple a {
color: #fff !important;
}
.col-1.purple blockquote p, .col-1.purple blockquote h1, .col-1.purple blockquote h2, .col-1.purple blockquote h3, .col-1.purple blockquote h4, .col-1.purple blockquote a,
.col-2.purple blockquote p,
.col-2.purple blockquote h1,
.col-2.purple blockquote h2,
.col-2.purple blockquote h3,
.col-2.purple blockquote h4,
.col-2.purple blockquote a,
.col-3.purple blockquote p,
.col-3.purple blockquote h1,
.col-3.purple blockquote h2,
.col-3.purple blockquote h3,
.col-3.purple blockquote h4,
.col-3.purple blockquote a,
.col-4.purple blockquote p,
.col-4.purple blockquote h1,
.col-4.purple blockquote h2,
.col-4.purple blockquote h3,
.col-4.purple blockquote h4,
.col-4.purple blockquote a,
.section.purple blockquote p,
.section.purple blockquote h1,
.section.purple blockquote h2,
.section.purple blockquote h3,
.section.purple blockquote h4,
.section.purple blockquote a {
color: #ffffff !important;
}
.col-1.purple blockquote p::before, .col-1.purple blockquote h1::before, .col-1.purple blockquote h2::before, .col-1.purple blockquote h3::before, .col-1.purple blockquote h4::before, .col-1.purple blockquote a::before,
.col-2.purple blockquote p::before,
.col-2.purple blockquote h1::before,
.col-2.purple blockquote h2::before,
.col-2.purple blockquote h3::before,
.col-2.purple blockquote h4::before,
.col-2.purple blockquote a::before,
.col-3.purple blockquote p::before,
.col-3.purple blockquote h1::before,
.col-3.purple blockquote h2::before,
.col-3.purple blockquote h3::before,
.col-3.purple blockquote h4::before,
.col-3.purple blockquote a::before,
.col-4.purple blockquote p::before,
.col-4.purple blockquote h1::before,
.col-4.purple blockquote h2::before,
.col-4.purple blockquote h3::before,
.col-4.purple blockquote h4::before,
.col-4.purple blockquote a::before,
.section.purple blockquote p::before,
.section.purple blockquote h1::before,
.section.purple blockquote h2::before,
.section.purple blockquote h3::before,
.section.purple blockquote h4::before,
.section.purple blockquote a::before {
color: #ffffff !important;
}
.col-1.purple blockquote p::after, .col-1.purple blockquote h1::after, .col-1.purple blockquote h2::after, .col-1.purple blockquote h3::after, .col-1.purple blockquote h4::after, .col-1.purple blockquote a::after,
.col-2.purple blockquote p::after,
.col-2.purple blockquote h1::after,
.col-2.purple blockquote h2::after,
.col-2.purple blockquote h3::after,
.col-2.purple blockquote h4::after,
.col-2.purple blockquote a::after,
.col-3.purple blockquote p::after,
.col-3.purple blockquote h1::after,
.col-3.purple blockquote h2::after,
.col-3.purple blockquote h3::after,
.col-3.purple blockquote h4::after,
.col-3.purple blockquote a::after,
.col-4.purple blockquote p::after,
.col-4.purple blockquote h1::after,
.col-4.purple blockquote h2::after,
.col-4.purple blockquote h3::after,
.col-4.purple blockquote h4::after,
.col-4.purple blockquote a::after,
.section.purple blockquote p::after,
.section.purple blockquote h1::after,
.section.purple blockquote h2::after,
.section.purple blockquote h3::after,
.section.purple blockquote h4::after,
.section.purple blockquote a::after {
color: #ffffff !important;
}
.col-1.green,
.col-2.green,
.col-3.green,
.col-4.green,
.section.green {
padding: 1rem;
background-color: #71f5c4;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
.col-1.green,
.col-2.green,
.col-3.green,
.col-4.green,
.section.green {
padding: 2rem 0;
}
}
.col-1.green p, .col-1.green h1, .col-1.green h2, .col-1.green h3, .col-1.green h4,
.col-2.green p,
.col-2.green h1,
.col-2.green h2,
.col-2.green h3,
.col-2.green h4,
.col-3.green p,
.col-3.green h1,
.col-3.green h2,
.col-3.green h3,
.col-3.green h4,
.col-4.green p,
.col-4.green h1,
.col-4.green h2,
.col-4.green h3,
.col-4.green h4,
.section.green p,
.section.green h1,
.section.green h2,
.section.green h3,
.section.green h4 {
color: #1300c1 !important;
}
.col-1.sky,
.col-2.sky,
.col-3.sky,
.col-4.sky,
.section.sky {
padding: 1rem;
background-color: #9da8ff;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
.col-1.sky,
.col-2.sky,
.col-3.sky,
.col-4.sky,
.section.sky {
padding: 2rem 0;
}
}
.col-1.sky p, .col-1.sky h1, .col-1.sky h2, .col-1.sky h3, .col-1.sky h4,
.col-2.sky p,
.col-2.sky h1,
.col-2.sky h2,
.col-2.sky h3,
.col-2.sky h4,
.col-3.sky p,
.col-3.sky h1,
.col-3.sky h2,
.col-3.sky h3,
.col-3.sky h4,
.col-4.sky p,
.col-4.sky h1,
.col-4.sky h2,
.col-4.sky h3,
.col-4.sky h4,
.section.sky p,
.section.sky h1,
.section.sky h2,
.section.sky h3,
.section.sky h4 {
color: #1300c1 !important;
}
.col-1.sky20,
.col-2.sky20,
.col-3.sky20,
.col-4.sky20,
.section.sky20 {
padding: 1rem;
background-color: #ebeeff;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
.col-1.sky20,
.col-2.sky20,
.col-3.sky20,
.col-4.sky20,
.section.sky20 {
padding: 2rem 0;
}
}
.col-1.sky20 p, .col-1.sky20 h1, .col-1.sky20 h2, .col-1.sky20 h3, .col-1.sky20 h4,
.col-2.sky20 p,
.col-2.sky20 h1,
.col-2.sky20 h2,
.col-2.sky20 h3,
.col-2.sky20 h4,
.col-3.sky20 p,
.col-3.sky20 h1,
.col-3.sky20 h2,
.col-3.sky20 h3,
.col-3.sky20 h4,
.col-4.sky20 p,
.col-4.sky20 h1,
.col-4.sky20 h2,
.col-4.sky20 h3,
.col-4.sky20 h4,
.section.sky20 p,
.section.sky20 h1,
.section.sky20 h2,
.section.sky20 h3,
.section.sky20 h4 {
color: #1300c1 !important;
}
.col-1.sky40,
.col-2.sky40,
.col-3.sky40,
.col-4.sky40,
.section.sky40 {
padding: 1rem;
background-color: #d8dcff;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
.col-1.sky40,
.col-2.sky40,
.col-3.sky40,
.col-4.sky40,
.section.sky40 {
padding: 2rem 0;
}
}
.col-1.sky40 p, .col-1.sky40 h1, .col-1.sky40 h2, .col-1.sky40 h3, .col-1.sky40 h4,
.col-2.sky40 p,
.col-2.sky40 h1,
.col-2.sky40 h2,
.col-2.sky40 h3,
.col-2.sky40 h4,
.col-3.sky40 p,
.col-3.sky40 h1,
.col-3.sky40 h2,
.col-3.sky40 h3,
.col-3.sky40 h4,
.col-4.sky40 p,
.col-4.sky40 h1,
.col-4.sky40 h2,
.col-4.sky40 h3,
.col-4.sky40 h4,
.section.sky40 p,
.section.sky40 h1,
.section.sky40 h2,
.section.sky40 h3,
.section.sky40 h4 {
color: #1300c1 !important;
}
.col-1.sky60,
.col-2.sky60,
.col-3.sky60,
.col-4.sky60,
.section.sky60 {
padding: 1rem;
background-color: #c4cbff;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
.col-1.sky60,
.col-2.sky60,
.col-3.sky60,
.col-4.sky60,
.section.sky60 {
padding: 2rem 0;
}
}
.col-1.sky60 p, .col-1.sky60 h1, .col-1.sky60 h2, .col-1.sky60 h3, .col-1.sky60 h4,
.col-2.sky60 p,
.col-2.sky60 h1,
.col-2.sky60 h2,
.col-2.sky60 h3,
.col-2.sky60 h4,
.col-3.sky60 p,
.col-3.sky60 h1,
.col-3.sky60 h2,
.col-3.sky60 h3,
.col-3.sky60 h4,
.col-4.sky60 p,
.col-4.sky60 h1,
.col-4.sky60 h2,
.col-4.sky60 h3,
.col-4.sky60 h4,
.section.sky60 p,
.section.sky60 h1,
.section.sky60 h2,
.section.sky60 h3,
.section.sky60 h4 {
color: #1300c1 !important;
}
.col-1.peach,
.col-2.peach,
.col-3.peach,
.col-4.peach,
.section.peach {
padding: 1rem;
background-color: #ffcdd9;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
.col-1.peach,
.col-2.peach,
.col-3.peach,
.col-4.peach,
.section.peach {
padding: 2rem 0;
}
}
.col-1.peach p, .col-1.peach h1, .col-1.peach h2, .col-1.peach h3, .col-1.peach h4,
.col-2.peach p,
.col-2.peach h1,
.col-2.peach h2,
.col-2.peach h3,
.col-2.peach h4,
.col-3.peach p,
.col-3.peach h1,
.col-3.peach h2,
.col-3.peach h3,
.col-3.peach h4,
.col-4.peach p,
.col-4.peach h1,
.col-4.peach h2,
.col-4.peach h3,
.col-4.peach h4,
.section.peach p,
.section.peach h1,
.section.peach h2,
.section.peach h3,
.section.peach h4 {
color: #1300c1 !important;
}
.col-1 p.peach,
.col-1 p.green,
.col-1 p.sky60,
.col-1 p.sky40 p.sky20,
.col-1 p.sky,
.col-2 p.peach,
.col-2 p.green,
.col-2 p.sky60,
.col-2 p.sky40 p.sky20,
.col-2 p.sky,
.col-3 p.peach,
.col-3 p.green,
.col-3 p.sky60,
.col-3 p.sky40 p.sky20,
.col-3 p.sky,
.col-4 p.peach,
.col-4 p.green,
.col-4 p.sky60,
.col-4 p.sky40 p.sky20,
.col-4 p.sky,
.section p.peach,
.section p.green,
.section p.sky60,
.section p.sky40 p.sky20,
.section p.sky {
color: #1300c1;
}
.col-1 p.pink,
.col-1 p.purple,
.col-1 p.blue,
.col-2 p.pink,
.col-2 p.purple,
.col-2 p.blue,
.col-3 p.pink,
.col-3 p.purple,
.col-3 p.blue,
.col-4 p.pink,
.col-4 p.purple,
.col-4 p.blue,
.section p.pink,
.section p.purple,
.section p.blue {
color: #fff;
}
h3.highlight {
margin-top: 1.5rem;
}
.highlight {
padding: 1.25rem !important;
}
.highlight.white {
background-color: #fff;
}
.highlight.white p {
color: #303030;
}
.highlight.white h1, .highlight.white h2, .highlight.white h3, .highlight.white h4 {
color: #1300c1;
}
.highlight.white blockquote, .highlight.white blockquote p {
color: #1300c1 !important;
}
.highlight.black5 {
padding: 1rem;
background-color: #f2f2f2;
}
@media (min-width: 1024px) {
.highlight.black5 {
padding: 2rem 0;
}
}
.highlight.black5 p, .highlight.black5 h1, .highlight.black5 h2, .highlight.black5 h3, .highlight.black5 h4 {
color: #1300c1 !important;
}
.highlight.black10 {
padding: 1rem;
background-color: #e6e6e6;
}
@media (min-width: 1024px) {
.highlight.black10 {
padding: 2rem 0;
}
}
.highlight.black10 p, .highlight.black10 h1, .highlight.black10 h2, .highlight.black10 h3, .highlight.black10 h4 {
color: #1300c1 !important;
}
.highlight.blue, .highlight.highlight.blue {
padding: 1rem;
background-color: #1300c1;
color: #ffffff;
}
@media (min-width: 1024px) {
.highlight.blue, .highlight.highlight.blue {
padding: 2rem 0;
}
}
.highlight.blue p, .highlight.blue h1, .highlight.blue h2, .highlight.blue h3, .highlight.blue h4, .highlight.blue a, .highlight.highlight.blue p, .highlight.highlight.blue h1, .highlight.highlight.blue h2, .highlight.highlight.blue h3, .highlight.highlight.blue h4, .highlight.highlight.blue a {
color: #ffffff;
}
.highlight.blue a, .highlight.highlight.blue a {
text-decoration: underline;
}
.highlight.blue a:hover, .highlight.highlight.blue a:hover {
color: #ffcdd9;
}
.highlight.blue blockquote p, .highlight.blue blockquote h1, .highlight.blue blockquote h2, .highlight.blue blockquote h3, .highlight.blue blockquote h4, .highlight.highlight.blue blockquote p, .highlight.highlight.blue blockquote h1, .highlight.highlight.blue blockquote h2, .highlight.highlight.blue blockquote h3, .highlight.highlight.blue blockquote h4 {
color: #ffffff !important;
}
.highlight.blue blockquote p::before, .highlight.blue blockquote h1::before, .highlight.blue blockquote h2::before, .highlight.blue blockquote h3::before, .highlight.blue blockquote h4::before, .highlight.highlight.blue blockquote p::before, .highlight.highlight.blue blockquote h1::before, .highlight.highlight.blue blockquote h2::before, .highlight.highlight.blue blockquote h3::before, .highlight.highlight.blue blockquote h4::before {
color: #ffffff !important;
}
.highlight.blue blockquote p::after, .highlight.blue blockquote h1::after, .highlight.blue blockquote h2::after, .highlight.blue blockquote h3::after, .highlight.blue blockquote h4::after, .highlight.highlight.blue blockquote p::after, .highlight.highlight.blue blockquote h1::after, .highlight.highlight.blue blockquote h2::after, .highlight.highlight.blue blockquote h3::after, .highlight.highlight.blue blockquote h4::after {
color: #ffffff !important;
}
.highlight.pink {
padding: 1rem;
background-color: #ff0071;
color: #ffffff !important;
}
@media (min-width: 1024px) {
.highlight.pink {
padding: 2rem 0;
}
}
.highlight.pink p, .highlight.pink h1, .highlight.pink h2, .highlight.pink h3, .highlight.pink h4, .highlight.pink a {
color: #fff !important;
}
.highlight.pink blockquote p, .highlight.pink blockquote h1, .highlight.pink blockquote h2, .highlight.pink blockquote h3, .highlight.pink blockquote h4 {
color: #ffffff !important;
}
.highlight.pink blockquote p::before, .highlight.pink blockquote h1::before, .highlight.pink blockquote h2::before, .highlight.pink blockquote h3::before, .highlight.pink blockquote h4::before {
color: #ffffff !important;
}
.highlight.pink blockquote p::after, .highlight.pink blockquote h1::after, .highlight.pink blockquote h2::after, .highlight.pink blockquote h3::after, .highlight.pink blockquote h4::after {
color: #ffffff !important;
}
.highlight.purple {
padding: 1rem;
background-color: #8149ff;
color: #ffffff !important;
}
@media (min-width: 1024px) {
.highlight.purple {
padding: 2rem 0;
}
}
.highlight.purple p, .highlight.purple h1, .highlight.purple h2, .highlight.purple h3, .highlight.purple h4, .highlight.purple a {
color: #fff !important;
}
.highlight.purple blockquote p, .highlight.purple blockquote h1, .highlight.purple blockquote h2, .highlight.purple blockquote h3, .highlight.purple blockquote h4, .highlight.purple blockquote a {
color: #ffffff !important;
}
.highlight.purple blockquote p::before, .highlight.purple blockquote h1::before, .highlight.purple blockquote h2::before, .highlight.purple blockquote h3::before, .highlight.purple blockquote h4::before, .highlight.purple blockquote a::before {
color: #ffffff !important;
}
.highlight.purple blockquote p::after, .highlight.purple blockquote h1::after, .highlight.purple blockquote h2::after, .highlight.purple blockquote h3::after, .highlight.purple blockquote h4::after, .highlight.purple blockquote a::after {
color: #ffffff !important;
}
.highlight.green {
padding: 1rem;
background-color: #71f5c4;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
.highlight.green {
padding: 2rem 0;
}
}
.highlight.green p, .highlight.green h1, .highlight.green h2, .highlight.green h3, .highlight.green h4 {
color: #1300c1 !important;
}
.highlight.sky {
padding: 1rem;
background-color: #9da8ff;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
.highlight.sky {
padding: 2rem 0;
}
}
.highlight.sky p, .highlight.sky h1, .highlight.sky h2, .highlight.sky h3, .highlight.sky h4 {
color: #1300c1 !important;
}
.highlight.sky20 {
padding: 1rem;
background-color: #ebeeff;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
.highlight.sky20 {
padding: 2rem 0;
}
}
.highlight.sky20 p, .highlight.sky20 h1, .highlight.sky20 h2, .highlight.sky20 h3, .highlight.sky20 h4 {
color: #1300c1 !important;
}
.highlight.sky40 {
padding: 1rem;
background-color: #d8dcff;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
.highlight.sky40 {
padding: 2rem 0;
}
}
.highlight.sky40 p, .highlight.sky40 h1, .highlight.sky40 h2, .highlight.sky40 h3, .highlight.sky40 h4 {
color: #1300c1 !important;
}
.highlight.sky60 {
padding: 1rem;
background-color: #c4cbff;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
.highlight.sky60 {
padding: 2rem 0;
}
}
.highlight.sky60 p, .highlight.sky60 h1, .highlight.sky60 h2, .highlight.sky60 h3, .highlight.sky60 h4 {
color: #1300c1 !important;
}
.highlight.peach {
padding: 1rem;
background-color: #ffcdd9;
color: #1300c1 !important;
}
@media (min-width: 1024px) {
.highlight.peach {
padding: 2rem 0;
}
}
.highlight.peach p, .highlight.peach h1, .highlight.peach h2, .highlight.peach h3, .highlight.peach h4 {
color: #1300c1 !important;
}
.highlight p.peach,
.highlight p.green,
.highlight p.sky60,
.highlight p.sky40 p.sky20,
.highlight p.sky {
color: #1300c1;
}
.highlight p.pink,
.highlight p.purple,
.highlight p.blue {
color: #fff;
}
@media (max-width: 1024px) {
.block.highlight {
margin-bottom: 1rem;
}
}
/*--------------------------------------------------------------
# 1 COL
--------------------------------------------------------------*/
.col-1 .wrap {
justify-content: space-between;
}
.col-1 > div > div {
overflow: hidden;
justify-content: space-between;
margin: 0 auto;
}
@media (min-width: 768px) {
.col-1 > div > div {
flex: 0 0 100%;
}
}
/*--------------------------------------------------------------
# 2 COL
--------------------------------------------------------------*/
@media (min-width: 1024px) {
.col-2.two_one .wrap div:nth-of-type(1) {
flex: 0 0 calc(60% - 1rem);
}
.col-2.two_one .wrap div:nth-of-type(2) {
flex: 0 0 calc(40% - 1rem);
}
.col-2.twothird_one .wrap div:nth-of-type(1) {
flex: 0 0 calc(70% - 1rem);
}
.col-2.twothird_one .wrap div:nth-of-type(2) {
flex: 0 0 calc(30% - 1rem);
}
.col-2.three_one .wrap div:nth-of-type(1) {
flex: 0 0 calc(80% - 1rem);
}
.col-2.three_one .wrap div:nth-of-type(2) {
flex: 0 0 calc(20% - 1rem);
}
.col-2.sidebar-right .wrap div:nth-of-type(1) {
flex: 0 0 calc(75% - 1rem);
}
.col-2.sidebar-right .wrap div:nth-of-type(2) {
flex: 0 0 calc(25% - 1rem);
}
.col-2.sidebar-right .wrap div:nth-of-type(2) .button {
display: block;
margin-bottom: 1rem;
}
.col-2.one_three .wrap div:nth-of-type(2) {
flex: 0 0 calc(80% - 1rem);
}
.col-2.one_three .wrap div:nth-of-type(1) {
flex: 0 0 calc(20% - 1rem);
}
.col-2.one_twothird .wrap div:nth-of-type(2) {
flex: 0 0 calc(70% - 1rem);
}
.col-2.one_twothird .wrap div:nth-of-type(1) {
flex: 0 0 calc(30% - 1rem);
}
.col-2.one_two .wrap div:nth-of-type(2) {
flex: 0 0 calc(60% - 1rem);
}
.col-2.one_two .wrap div:nth-of-type(1) {
flex: 0 0 calc(40% - 1rem);
}
}
.col-2 .wrap {
justify-content: space-between;
}
.col-2 > div > div {
flex: 0 0 100%;
margin-bottom: 2rem;
overflow: hidden;
justify-content: space-between;
}
@media (min-width: 768px) {
.col-2 > div > div {
flex: 0 0 calc(50% - 1rem);
margin-bottom: 0;
padding: 1rem 0;
width: calc(50% - 0.5rem);
}
}
@media (min-width: 1200px) {
.col-2 > div > div {
padding: 0;
}
}
@media (max-width: 767px) {
.col-2:nth-of-type(2n) > div > div:nth-of-type(1) {
order: 2;
}
.col-2:nth-of-type(2n) > div > div:nth-of-type(2) {
order: 1;
}
}
/*--------------------------------------------------------------
# INNER PAGE
--------------------------------------------------------------*/
#inner-page-content {
overflow: hidden;
}
#inner-page-content .col-1 .wrap.container,
#inner-page-content .col-2 .wrap.container,
#inner-page-content .col-3 .wrap.container,
#inner-page-content .col-4 .wrap.container,
#inner-page-content .section .wrap.container {
padding: 0;
}
/*--------------------------------------------------------------
# 3 COL
--------------------------------------------------------------*/
.col-3 .wrap.container.flex-h:after {
content: "";
flex: 0 0 calc(33.33% - 1rem);
}
@media (min-width: 1024px) {
.col-3.three .wrap div {
flex: 0 0 calc(33.33% - 1rem);
}
.col-3.one_two_one .wrap div:nth-of-type(1),
.col-3.one_two_one .wrap div:nth-of-type(3) {
flex: 0 0 calc(20% - 1rem);
}
.col-3.one_two_one .wrap div:nth-of-type(2) {
flex: 0 0 calc(60% - 1rem);
}
.col-3.one_one_two .wrap div:nth-of-type(1),
.col-3.one_one_two .wrap div:nth-of-type(2) {
flex: 0 0 calc(20% - 1rem);
}
.col-3.one_one_two .wrap div:nth-of-type(3) {
flex: 0 0 calc(60% - 1rem);
}
.col-3.two_one_one .wrap div:nth-of-type(2),
.col-3.two_one_one .wrap div:nth-of-type(3) {
flex: 0 0 calc(20% - 1rem);
}
.col-3.two_one_one .wrap div:nth-of-type(1) {
flex: 0 0 calc(60% - 1rem);
}
}
.col-3 > div > div {
margin-bottom: 1rem;
justify-content: space-between;
}
@media (min-width: 768px) {
.col-3 > div > div {
flex: 0 0 calc(33.33% - 2rem);
margin-bottom: 0;
}
}
.col-3 > div > div img {
width: 100%;
}
/*--------------------------------------------------------------
# 4 COL
--------------------------------------------------------------*/
.col-4 .wrap {
justify-content: space-between;
}
.col-4 .wrap.container.flex-h:after {
content: "";
flex: 0 0 calc(25% - 1rem);
}
.col-4 > div > div {
justify-content: space-between;
}
@media (min-width: 768px) {
.col-4 > div > div {
flex: 0 0 calc(50% - 1rem);
}
}
@media (min-width: 1024px) {
.col-4 > div > div {
flex: 0 0 calc(25% - 1rem);
padding: 1rem 0;
}
}
/*--------------------------------------------------------------
# Posts
--------------------------------------------------------------*/
.blog article {
margin-bottom: 2rem;
border: 1px solid #dbdbdb;
flex: 0 0 100%;
display: flex;
flex-direction: column;
height: auto;
background-color: #fff;
}
@media (min-width: 1024px) {
.blog article {
flex: 0 0 calc(50% - 1rem);
}
}
.blog article .post-content {
padding: 0rem 1.5rem 1.5rem 1.5rem;
display: flex;
flex-direction: column;
}
.blog article a.button {
display: inline-block;
margin-top: 1.5rem;
padding: 0.5rem 1rem;
border-radius: 5px;
background-color: #1300c1;
margin-right: auto;
margin-top: auto;
margin-left: 1.5rem;
margin-bottom: 1.5rem;
}
.blog article a.button:hover {
background-color: #ffcdd9;
color: #fff;
}
.search-form {
display: flex;
margin: 1rem 0;
width: 100%;
}
.search-form button.search-submit {
width: 25%;
background-color: #1300c1;
border-radius: 0;
border: 0;
color: #fff;
}
.search-form button.search-submit:hover {
cursor: pointer;
background-color: #ffcdd9;
}
.search-form input[type=search] {
height: 45px;
background-color: #e5e5e5;
border: 0;
padding: 0 10px;
border-radius: 0;
flex: 0 0 75%;
font-size: 1rem;
font-weight: normal !important;
}
.single-post #content > main,
.blog #content > main,
.archive #content > main,
.single #content > main {
padding: 0;
}
.single-post #content > main .default-content .section-title,
.blog #content > main .default-content .section-title,
.archive #content > main .default-content .section-title,
.single #content > main .default-content .section-title {
text-align: left;
}
.single-post #content > main .default-content .section-title h1,
.blog #content > main .default-content .section-title h1,
.archive #content > main .default-content .section-title h1,
.single #content > main .default-content .section-title h1 {
margin-top: 4rem;
}
@media (min-width: 768px) {
.single-post #content > main .default-content .wrap,
.blog #content > main .default-content .wrap,
.archive #content > main .default-content .wrap,
.single #content > main .default-content .wrap {
display: flex;
flex-direction: row;
justify-content: space-between;
}
}
@media (min-width: 768px) {
.single-post #content > main .default-content .wrap .col10,
.blog #content > main .default-content .wrap .col10,
.archive #content > main .default-content .wrap .col10,
.single #content > main .default-content .wrap .col10 {
width: 66.667%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
}
.single-post #content > main .default-content .wrap .col10 a.button,
.blog #content > main .default-content .wrap .col10 a.button,
.archive #content > main .default-content .wrap .col10 a.button,
.single #content > main .default-content .wrap .col10 a.button {
display: inline-block;
margin-top: 1.5rem;
padding: 0.5rem 1rem;
border-radius: 5px;
background-color: #1300c1;
margin-right: auto;
margin-top: auto;
margin-left: 1.5rem;
margin-bottom: 1.5rem;
}
.single-post #content > main .default-content .wrap .col10 a.button:hover,
.blog #content > main .default-content .wrap .col10 a.button:hover,
.archive #content > main .default-content .wrap .col10 a.button:hover,
.single #content > main .default-content .wrap .col10 a.button:hover {
background-color: #ffcdd9;
color: #fff;
}
.single-post #content > main .default-content .wrap .sidebar,
.blog #content > main .default-content .wrap .sidebar,
.archive #content > main .default-content .wrap .sidebar,
.single #content > main .default-content .wrap .sidebar {
width: 100%;
margin-top: 2rem;
}
@media (min-width: 768px) {
.single-post #content > main .default-content .wrap .sidebar,
.blog #content > main .default-content .wrap .sidebar,
.archive #content > main .default-content .wrap .sidebar,
.single #content > main .default-content .wrap .sidebar {
width: 32%;
margin-top: -3rem;
}
}
@media (min-width: 1024px) {
.single-post #content > main .default-content .wrap .sidebar,
.blog #content > main .default-content .wrap .sidebar,
.archive #content > main .default-content .wrap .sidebar,
.single #content > main .default-content .wrap .sidebar {
width: 22%;
}
}
.single-post .sidebar aside h2,
.blog .sidebar aside h2,
.archive .sidebar aside h2,
.single .sidebar aside h2 {
font-family: "Mind Meridian", Helvetica, Arial, sans-serif;
margin: 0 !important;
color: #fff !important;
background-color: #1300c1;
padding: 0.75rem;
font-size: 1.2rem;
border-bottom: 3px solid #ffcdd9;
width: 100%;
font-weight: 600;
}
.single-post .sidebar aside ul,
.blog .sidebar aside ul,
.archive .sidebar aside ul,
.single .sidebar aside ul {
list-style: none !important;
background-color: #fff;
padding: 0.25rem 1rem 1rem 1rem;
margin: 0 !important;
}
.single-post .sidebar aside ul li,
.blog .sidebar aside ul li,
.archive .sidebar aside ul li,
.single .sidebar aside ul li {
font-size: 0.9rem;
padding: 0.75rem 0;
border-bottom: 1px solid white;
line-height: 1.2;
list-style: none;
}
.single-post .sidebar aside ul li a,
.blog .sidebar aside ul li a,
.archive .sidebar aside ul li a,
.single .sidebar aside ul li a {
color: #1300c1;
}
.single-post .sidebar aside ul li a:hover,
.blog .sidebar aside ul li a:hover,
.archive .sidebar aside ul li a:hover,
.single .sidebar aside ul li a:hover {
text-decoration: underline;
}
.single #content > main .default-content .wrap .col10 a.button {
margin-top: 2rem;
margin-left: 0;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# FORMINATOR
--------------------------------------------------------------*//*# sourceMappingURL=style.css.map */