/*
html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
html5doctor.com/html-5-reset-stylesheet/
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
nav ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: none;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
/* tables still need cellspacing="0" in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
input,
select {
vertical-align: middle;
}
/* END RESET CSS */
*,
*:before,
*:after {
box-sizing: border-box;
}
.clearfix:after {
content: " ";
/* Older browser do not support empty content */
visibility: hidden;
display: block;
height: 0;
clear: both;
}
.section-no-padding {
padding: 0;
}
.blocker {
z-index: 1000000;
}
ul {
list-style: none;
}
.content-center {
text-align: center;
}
.left-align {
text-align: left;
}
img {
max-width: 100%;
height: auto;
}
figure img {
display: block;
}
figure figcaption {
display: block;
background: #eeeeee;
padding: 1em;
font-size: 14px;
}
.material-icons {
vertical-align: middle;
}
.centered-list {
text-align: center;
position: relative;
margin: 1.5em 0 0 0;
}
.centered-list li {
display: inline;
margin-right: 20px;
}
.centered-list li:last-child {
margin-right: 0;
}
@media only screen and (max-width: 350px) {
.centered-list li {
margin-right: 10px;
}
}
.light-seperator {
width: 170px;
height: 1px;
margin: 2em auto;
background-color: #eeeeee;
}
.vertical-wrapper {
display: table;
height: 100%;
width: 100%;
}
.vertical-center {
display: table-cell;
vertical-align: middle;
}
.vertical-center-full {
width: 100%;
}
.vertical-center-50 {
width: 50%;
}
.cols-wrapper {
zoom: 1;
}
.cols-wrapper:before {
content: '';
display: block;
}
.cols-wrapper:after {
content: '';
display: table;
clear: both;
}
@media only screen and (min-width: 651px) {
.cols-wrapper .col-50 {
float: left;
width: 48%;
margin-right: 4%;
}
.cols-wrapper .col-50:last-child {
margin: 0;
}
}
@media only screen and (max-width: 650px) {
.cols-wrapper .col-50:first-child {
margin-bottom: 2em;
}
}
.background-top {
background-position: 50% 0%;
}
.background-top-middle {
background-position: 50% 25%;
}
.background-middle {
background-position: 50% 50%;
}
.background-bottom-middle {
background-position: 50% 75%;
}
.background-bottom {
background-position: 50% 100%;
}
/*---------------------------------------------------
LESS Elements 0.6
---------------------------------------------------
A set of useful LESS mixins by Dmitry Fadeyev
Special thanks for mixin suggestions to:
Kris Van Herzeele,
Benoit Adam,
Portenart Emile-Victor,
Ryan Faerman
More info at: http://lesselements.com
-----------------------------------------------------*/
/*
@import url(https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic);
@font-path: "./fonts";
@font-face {
font-family: 'albertsthal_typewriterregular';
src: url('@{font-path}/albertsthal_typewriter.woff2') format('woff2'),
url('@{font-path}/albertsthal_typewriter.woff') format('woff'),
url('@{font-path}/albertsthal_typewriter.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
*/
@keyframes popup-show {
0% {
transform: scale(0.7);
}
45% {
transform: scale(1.05);
}
80% {
transform: scale(0.95);
}
100% {
transform: scale(1);
}
}
@keyframes pop {
0% {
transform: scale(0.7);
}
45% {
transform: scale(1.05);
}
80% {
transform: scale(0.95);
}
100% {
transform: scale(1);
}
}
@keyframes pop-full {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes slide-in-top {
0% {
transform: translate(0, -75px);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
@keyframes slide-in-top-full {
0% {
transform: translateY(-100%);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes slide-in-bottom {
0% {
transform: translate(0, 75px);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
@keyframes slide-in-bottom-full {
0% {
transform: translateY(100%);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes slide-in-left {
0% {
transform: translate(-75px, 0);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
@keyframes slide-in-right {
0% {
transform: translate(75px, 0);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
@keyframes slide-in-right-full {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(0);
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
body {
font-size: 100%;
line-height: 1.5;
font-family: 'neue-haas-grotesk-display', sans-serif;
font-weight: 300;
letter-spacing: 1px;
background-color: #0F2835;
color: white;
}
body *::selection {
background: #eeeeee;
color: #fff;
}
body *::-moz-selection {
background: #eeeeee;
color: #fff;
}
.slicknav_menu {
display: none;
}
a {
transition: all 0.2s ease-in-out;
color: #0f71b6;
}
a:hover {
color: #60B3CF;
}
h1,
h2,
h3,
h4,
h5,
h6 {
letter-spacing: 0;
font-family: 'brandon-grotesque', sans-serif;
font-weight: normal;
font-weight: 700;
color: #2ba8e1;
}
h1 {
font-size: 3.75em;
margin-bottom: 0.6em;
}
.welcome-text {
margin-top: 25px;
margin-bottom: 25px;
}
.welcome-text h1 {
margin-bottom: 0;
font-size: 5.25em;
}
.welcome-text h4 {
margin-top: -25px;
font-size: 1.575em;
}
h2 {
font-size: 2em;
margin-bottom: 0.75em;
}
h3 {
font-size: 1.5em;
margin-bottom: 1em;
}
h4 {
font-size: 1.125em;
margin-bottom: 1.2em;
}
p strong {
font-family: 'neue-haas-grotesk-display', sans-serif;
letter-spacing: 0;
font-family: 'neue-haas-grotesk-text', sans-serif;
font-weight: 700;
}
hr {
margin: 1.5em 0;
border-color: #f5f5f5;
}
.fancy-font {
letter-spacing: 0 !important;
font-family: 'brandon-grotesque', sans-serif !important;
font-weight: normal !important;
font-size: 22px !important;
}
.wrapper {
width: 100%;
max-width: 2000px;
margin: 0 auto;
text-align: center;
}
.page {
max-width: 900px;
margin: 0 auto;
}
header,
footer,
nav,
section,
.page,
article {
zoom: 1;
}
header:before,
footer:before,
nav:before,
section:before,
.page:before,
article:before {
content: '';
display: block;
}
header:after,
footer:after,
nav:after,
section:after,
.page:after,
article:after {
content: '';
display: table;
clear: both;
}
.main-nav .page {
display: none;
}
.main-nav .menu {
flex: 1;
justify-content: flex-end;
display: none;
}
.main-nav .menu > li {
position: relative;
display: flex;
font-size: 16px;
}
.main-nav .menu > li > a,
.main-nav .menu > li > span {
padding: 32px;
display: flex;
align-items: center;
}
.main-nav .menu > li > ul {
left: 50%;
top: 100%;
}
.main-nav .menu > li:last-child ul {
left: unset;
right: 0;
}
.main-nav .menu > li:last-child ul ul {
left: unset;
right: 100%;
}
.main-nav .menu li:hover > a,
.main-nav .menu li:hover > span {
background-color: #eeeeee;
}
.main-nav .menu li:hover > ul {
visibility: visible;
opacity: 1;
}
.main-nav .menu li > a:active {
background-color: #60B3CF;
}
.main-nav .menu a,
.main-nav .menu span {
color: #272626;
}
.main-nav .menu ul {
position: absolute;
visibility: hidden;
opacity: 0;
padding: 0.5em 0;
width: 180px;
margin-left: -90px;
background-color: #fff;
border-radius: 3px;
z-index: 100;
}
.main-nav .menu ul li {
font-size: 13px;
position: relative;
}
.main-nav .menu ul ul {
left: 100%;
top: 0;
margin-left: 0;
}
.main-nav .menu ul ul:before,
.main-nav .menu ul ul:after {
display: none;
}
.main-nav .menu ul a,
.main-nav .menu ul span {
display: block;
padding: 8px 32px;
}
.inside-splash {
margin: 1em 0 0 0;
}
.inside-splash .splash {
height: 0;
padding-bottom: 46.11111111%;
overflow: hidden;
position: relative;
}
div[class^="overlay-title"] {
position: absolute;
z-index: 100;
color: #fff;
max-width: 90%;
max-width: calc(100% - 3em);
}
@media only screen and (max-width: 600px) {
.inside-splash .splash {
height: auto;
padding-bottom: 0;
overflow: visible;
}
.inside-splash div[class^="overlay-title"] {
position: relative;
z-index: 100;
color: #fff;
max-width: 100%;
}
}
.overlay-title-bottom-right {
bottom: 1.5em;
right: 1.5em;
text-align: right;
}
.overlay-title-bottom-left {
bottom: 1.5em;
left: 1.5em;
text-align: left;
}
.overlay-title-top-left {
top: 1.5em;
left: 1.5em;
text-align: left;
}
.overlay-title-top-right {
top: 1.5em;
right: 1.5em;
text-align: right;
}
@media only screen and (max-width: 600px) {
.inside-splash .overlay-title-bottom-right {
bottom: auto;
right: auto;
text-align: auto;
}
.inside-splash .overlay-title-bottom-left {
bottom: auto;
left: auto;
text-align: auto;
}
.inside-splash .overlay-title-top-left {
top: auto;
left: auto;
text-align: auto;
}
.inside-splash .overlay-title-top-right {
top: auto;
right: auto;
text-align: auto;
}
}
.overlay-title-center {
top: 50%;
left: 50%;
width: 100%;
padding: 0 1.5em;
transform: translate(-50%, -50%);
}
.overlay-title-dark {
color: #272626 !important;
}
.wood-title {
border: 15px solid;
border-image: url("../images/border-image-4.png") 15 15 15 15 repeat;
background: #fff;
}
.wood-title h1 {
color: #272626 !important;
margin: 0;
transform: rotate(-2deg);
letter-spacing: 0;
font-family: 'brandon-grotesque', sans-serif;
font-weight: normal;
background: #fff;
padding: 0.2em 0.4em;
}
.grid-title {
background: #ffffff url("../images/background-grid-1.png") 0.5em 1em;
transform: rotate(-2deg);
}
.grid-title h1 {
padding: 0.4em 0.8em;
color: #272626 !important;
font-family: 'brandon-grotesque', sans-serif;
font-weight: normal;
font-family: 'neue-haas-grotesk-display', sans-serif;
letter-spacing: 0;
font-family: 'neue-haas-grotesk-text', sans-serif;
font-weight: 700;
transform: rotate(2deg);
margin: 0;
}
.orange-stripe-title {
padding: 2em 6em;
position: relative;
}
.orange-stripe-title h1 {
margin: 0;
letter-spacing: 0;
font-family: 'brandon-grotesque', sans-serif;
font-weight: normal;
position: relative;
z-index: 1000;
}
.orange-stripe-svg {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.title {
line-height: 1.3em;
}
.subtitle {
margin: 1em 0 0 0;
}
.subtitle h2 {
padding: 0.25em 0.5em;
}
.subtitle h3 {
padding: 0.33333333em 0.66666667em;
}
.subtitle h2,
.subtitle h3 {
background: #fff;
border-radius: 5px;
margin: 0;
font-family: 'brandon-grotesque', sans-serif;
font-weight: normal;
font-family: 'neue-haas-grotesk-display', sans-serif;
letter-spacing: 0;
font-family: 'neue-haas-grotesk-text', sans-serif;
font-weight: 700;
color: #272626;
display: inline-block;
}
.page-title {
display: inline-block;
margin: 0 0 1.5em 0;
}
.page-title h1 {
margin: 0;
}
.page-title.wood-title h1 {
padding: 0.2em 0.8em;
}
section {
padding: 2em 0;
}
section table {
width: 100%;
margin: 1.5em 0;
}
section table a:hover {
color: #60B3CF !important;
}
section table td,
section table th {
padding: 1em;
vertical-align: top;
}
section thead th {
background: #fff;
color: #fff;
font-size: 1.25em;
font-family: 'neue-haas-grotesk-display', sans-serif;
letter-spacing: 0;
font-family: 'neue-haas-grotesk-text', sans-serif;
font-weight: 700;
border-bottom: 5px solid rgba(255, 255, 255, 0.15);
}
section thead th:first-child {
border-top-left-radius: 3px;
}
section thead th:last-child {
border-top-right-radius: 3px;
}
section tbody h3,
section tbody h4 {
margin: 0;
}
section tbody span {
color: rgba(39, 38, 38, 0.5);
font-size: 14px;
}
section tbody tr {
background: #0F2835;
transition: all 0.3s ease;
}
section tbody tr:nth-child(2n) {
background: #091921;
}
section tbody tr:last-child td:first-child {
border-bottom-left-radius: 3px;
}
section tbody tr:last-child td:last-child {
border-bottom-right-radius: 3px;
}
section h1 {
font-style: italic;
}
section p {
font-size: 1.125em;
margin-bottom: 2.66666667em;
line-height: 1.75;
color: white;
}
section .content {
max-width: 725px;
margin: 0 auto;
zoom: 1;
}
section .content:before {
content: '';
display: block;
}
section .content:after {
content: '';
display: table;
clear: both;
}
section .content li {
text-indent: -0.5em;
margin: 0.5em 2em;
display: list-item;
text-align: -webkit-match-parent;
color: white;
}
section .content li:before {
content: '';
float: left;
width: 0.5em;
height: 0.5em;
background-color: #FFCC00;
left: -1.25em;
position: relative;
top: 0.5em;
}
section .content > *:last-child {
margin-bottom: 0 !important;
}
section .home-content {
max-width: 800px;
}
@media only screen and (min-width: 851px) {
section .talks-content,
section .content-with-sidebar {
float: left;
width: 72%;
margin-right: 3%;
}
}
@media only screen and (max-width: 850px) {
section .talks-content,
section .content-with-sidebar {
margin: 0 auto 2em auto;
}
}
@media only screen and (min-width: 851px) {
section .sidebar {
float: left;
width: 25%;
}
}
@media only screen and (max-width: 850px) {
section .sidebar {
max-width: 400px;
margin: 0 auto;
}
}
.home-grid-section + .quotes-section {
padding-top: 0;
}
.page-title-section {
padding: 2em 0 0 0;
}
.page-title-section h1 {
margin: 0;
}
.pre-footer {
margin-bottom: 2em;
}
.pre-footer img {
width: 200px;
}
.main-footer {
padding: 3.5em 0;
background: #ECECEC;
color: #332e3c;
}
.main-footer .page {
width: 90%;
max-width: 90%;
min-width: 90%;
display: flex;
}
.main-footer h1,
.main-footer h2,
.main-footer h3,
.main-footer h4,
.main-footer h5 {
text-align: left;
}
.main-footer p {
font-size: 14px !important;
line-height: 1.6;
text-align: left;
}
.main-footer .footer-left,
.main-footer .footer-right,
.main-footer .footer-middle {
float: left;
width: 33.33%;
}
.main-footer .footer-left {
padding: 0 1em 0 0;
}
.main-footer .footer-left p {
letter-spacing: 0;
font-family: 'brandon-grotesque', sans-serif;
font-weight: normal;
margin-bottom: 3px;
font-style: italic;
}
.main-footer .footer-left p:last-child {
margin: 0;
}
.main-footer .footer-left p:strong {
font-family: 'neue-haas-grotesk-display', sans-serif;
font-weight: 300;
letter-spacing: 1px;
font-size: 10px;
}
.main-footer .footer-right {
padding: 0 0 0 1em;
}
.main-footer .footer-right-social {
zoom: 1;
margin-top: -9px;
}
.main-footer .footer-right-social:before {
content: '';
display: block;
}
.main-footer .footer-right-social:after {
content: '';
display: table;
clear: both;
}
.main-footer .footer-right-content {
margin-top: 30px;
}
.main-footer .footer-right-content p {
font-size: 12px;
text-align: right;
clear: both;
zoom: 1;
margin-top: 0.5em;
letter-spacing: 0;
font-family: 'brandon-grotesque', sans-serif;
font-weight: normal;
font-style: italic;
}
.main-footer .footer-right-content p:before {
content: '';
display: block;
}
.main-footer .footer-right-content p:after {
content: '';
display: table;
clear: both;
}
.main-footer .footer-right-content p:strong {
font-family: 'neue-haas-grotesk-display', sans-serif;
font-weight: 300;
letter-spacing: 1px;
font-size: 10px;
}
@media only screen and (max-width: 1048px) {
.main-footer .page {
width: 100%;
padding: 0 1.5em;
}
}
@media only screen and (max-width: 750px) {
.main-footer p {
text-align: center;
}
.main-footer .footer-left,
.main-footer .footer-right {
width: 100%;
text-align: center;
padding: 0;
}
.main-footer .footer-left {
margin-bottom: 1em;
}
.main-footer .footer-right-content {
text-align: center;
}
.main-footer .footer-right-content p {
text-align: center;
}
}
.mc-field-group label {
margin-bottom: 3px;
}
.mc-field-group input {
padding: 1em;
font-family: 'neue-haas-grotesk-display', sans-serif;
font-weight: 300;
letter-spacing: 1px;
outline: none;
transition: all 0.2s ease-in-out;
border: 2px solid #eeeeee;
background: #eeeeee;
color: #272626;
margin-top: 5px;
text-align: center;
}
@media only screen and (max-width: 948px) {
.page {
padding: 0 1.5em;
}
}
.header-nav-section {
letter-spacing: 0;
font-family: 'brandon-grotesque', sans-serif;
font-weight: normal;
}
@media all and (max-width: 81.25em) {
.header-nav-section {
display: flex;
justify-content: space-between;
background-color: #f1f6f9;
}
}
.header-nav-section.header-nav-video,
.header-nav-section.header-nav-fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
display: flex;
justify-content: space-between;
padding: 1em 1em 1em 1em;
z-index: 10000000;
background-color: #ECECEC;
box-shadow: 1px 3px 5px 0 rgba(0, 0, 0, 0.075);
}
@media all and (max-width: 81.25em) {
.header-nav-section.header-nav-video,
.header-nav-section.header-nav-fixed {
padding: 0;
}
}
.header-nav-section.header-nav-video .main-header,
.header-nav-section.header-nav-fixed .main-header {
flex: 0 0 auto;
margin-right: 2em;
}
.header-nav-section.header-nav-video .main-header .logo-link,
.header-nav-section.header-nav-fixed .main-header .logo-link {
display: flex;
}
.header-nav-section.header-nav-video .main-header #logo-svg,
.header-nav-section.header-nav-fixed .main-header #logo-svg {
width: 150px;
height: auto;
}
.header-nav-section.header-nav-video .main-header #logo-svg #bottom-text,
.header-nav-section.header-nav-fixed .main-header #logo-svg #bottom-text,
.header-nav-section.header-nav-video .main-header #logo-svg #top-text,
.header-nav-section.header-nav-fixed .main-header #logo-svg #top-text,
.header-nav-section.header-nav-video .main-header #logo-svg #logo-lines,
.header-nav-section.header-nav-fixed .main-header #logo-svg #logo-lines {
transition: fill 0.25s ease-in-out;
fill: #333;
}
.header-nav-section.header-nav-video .main-nav,
.header-nav-section.header-nav-fixed .main-nav {
flex: 1 1 100%;
display: flex;
justify-content: flex-end;
}
.header-nav-section.header-nav-video .main-nav .page,
.header-nav-section.header-nav-fixed .main-nav .page {
max-width: 100%;
margin: 0;
display: flex;
display: none;
}
.header-nav-section.header-nav-video .main-nav .menu,
.header-nav-section.header-nav-fixed .main-nav .menu {
display: flex;
align-items: center;
letter-spacing: 0;
font-family: 'brandon-grotesque', sans-serif;
font-weight: normal;
}
.header-nav-section.header-nav-video .main-nav .menu > li,
.header-nav-section.header-nav-fixed .main-nav .menu > li {
display: flex;
}
.header-nav-section.header-nav-video .main-nav .menu > li > a,
.header-nav-section.header-nav-fixed .main-nav .menu > li > a,
.header-nav-section.header-nav-video .main-nav .menu > li > span,
.header-nav-section.header-nav-fixed .main-nav .menu > li > span {
color: #FFF;
}
.header-nav-section.header-nav-video .main-nav .menu > li:hover > a,
.header-nav-section.header-nav-fixed .main-nav .menu > li:hover > a,
.header-nav-section.header-nav-video .main-nav .menu > li:hover > span,
.header-nav-section.header-nav-fixed .main-nav .menu > li:hover > span {
color: #272626;
}
.header-nav-section.header-nav-video.header-scoll,
.header-nav-section.header-nav-fixed.header-scoll {
background-color: #0F2835;
box-shadow: 1px 3px 5px 0 rgba(0, 0, 0, 0.075);
}
.header-nav-section.header-nav-video.header-scoll .main-header #logo-svg #bottom-text,
.header-nav-section.header-nav-fixed.header-scoll .main-header #logo-svg #bottom-text,
.header-nav-section.header-nav-video.header-scoll .main-header #logo-svg #top-text,
.header-nav-section.header-nav-fixed.header-scoll .main-header #logo-svg #top-text,
.header-nav-section.header-nav-video.header-scoll .main-header #logo-svg #logo-lines,
.header-nav-section.header-nav-fixed.header-scoll .main-header #logo-svg #logo-lines {
fill: #333;
}
.header-nav-section.header-nav-video.header-scoll .main-nav .menu > li > a,
.header-nav-section.header-nav-fixed.header-scoll .main-nav .menu > li > a,
.header-nav-section.header-nav-video.header-scoll .main-nav .menu > li > span,
.header-nav-section.header-nav-fixed.header-scoll .main-nav .menu > li > span {
color: #FFF;
}
.main-header {
padding: 1em 0;
padding: 1em 2em;
margin-right: auto;
}
.main-header .page {
padding: 0;
}
@media all and (max-width: 40.625em) {
.main-header {
padding: 1em;
}
}
.main-header .logo {
transition: all 0.2s ease-in-out;
}
.main-header .logo:hover {
opacity: 0.8;
}
.main-header #logo-svg {
width: 300px;
height: 79px;
width: 200px;
height: 53px;
}
.main-nav {
display: flex;
}
.home-video-section {
padding: 0;
height: 80vh;
position: relative;
overflow: hidden;
}
.home-video-section .full-size-video-link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 100000;
}
.home-video-section .video-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1000000;
max-width: 500px;
width: 100%;
padding: 1em;
}
.home-video-section .video-overlay *:not(a) {
pointer-events: none;
}
.home-video-section .video-overlay h2,
.home-video-section .video-overlay p {
color: #fff;
text-shadow: 1px 1px 25px rgba(0, 0, 0, 0.7);
}
.home-video-section .video-overlay h2 {
font-size: 3em;
margin-bottom: 0.16666667em;
line-height: 1.1;
font-family: 'neue-haas-grotesk-display', sans-serif;
letter-spacing: 0;
font-family: 'neue-haas-grotesk-text', sans-serif;
font-weight: 700;
}
@media all and (max-width: 62.5em) {
.home-video-section .video-overlay h2 {
font-size: 44px;
}
}
@media all and (max-width: 40.625em) {
.home-video-section .video-overlay h2 {
font-size: 40px;
}
}
@media all and (max-width: 28.125em) {
.home-video-section .video-overlay h2 {
font-size: 32px;
}
}
.home-video-section .video-overlay p {
font-size: 32px;
font-family: 'neue-haas-grotesk-display', sans-serif;
font-weight: 300;
letter-spacing: 1px;
}
@media all and (max-width: 62.5em) {
.home-video-section .video-overlay p {
font-size: 28px;
}
}
@media all and (max-width: 40.625em) {
.home-video-section .video-overlay p {
font-size: 24px;
}
}
@media all and (max-width: 28.125em) {
.home-video-section .video-overlay p {
font-size: 20px;
}
}
.home-video-section .home-video-btn {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 1px 3px 5px 0 rgba(0, 0, 0, 0.075);
border-radius: 50%;
background: #fff;
color: #272626;
transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
margin: 0 auto 8px;
}
.home-video-section .home-video-btn:hover {
transform: scale(1.2);
color: #fff;
background-color: #FFCC00;
}
.home-video-section .play-video-text {
text-transform: uppercase;
letter-spacing: 2px;
font-family: 'neue-haas-grotesk-display', sans-serif;
letter-spacing: 0;
font-family: 'neue-haas-grotesk-text', sans-serif;
font-weight: 700;
color: #fff;
font-size: 13px;
text-shadow: 1px 1px 25px rgba(0, 0, 0, 0.6);
}
.home-video-section .mute-btn {
width: 40px;
height: 40px;
position: absolute;
right: 2em;
bottom: 2em;
z-index: 100000;
display: flex;
align-items: center;
justify-content: center;
}
@media all and (max-width: 40.625em) {
.home-video-section .mute-btn {
right: 1em;
bottom: 1em;
}
}
.home-video-section .mute-btn i {
color: #fff;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.hidden {
display: none;
}
.home-splash-video-wrapper {
position: relative;
width: 100%;
}
.no-video .video-container video,
.touch .video-container video {
display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
display: block !important;
}
.video-container {
position: relative;
bottom: 0%;
left: 0%;
height: 100%;
width: 100%;
overflow: hidden;
background: #000;
}
.video-container .poster img {
width: 100%;
bottom: 0;
position: absolute;
}
.video-container .filter {
z-index: 100;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(45, 53, 56, 0.1);
}
.video-container video {
position: absolute;
z-index: 0;
bottom: 0;
left: 0;
right: 0;
}
.video-container video.fillWidth {
width: 100%;
}
.mobile-menu-button-wrapper {
display: flex;
}
.mobile-menu-button-wrapper .mobile-menu-button {
display: flex;
align-items: center;
padding: 0 2em;
}
@media all and (max-width: 40.625em) {
.mobile-menu-button-wrapper .mobile-menu-button {
padding: 0 1em;
}
}
.mobile-menu-button-wrapper .mobile-menu-button:active {
background-color: #eeeeee;
}
.mobile-menu-button-wrapper .mobile-menu-button span {
position: relative;
width: 30px;
height: 2px;
display: block;
background-color: #0F2835;
}
.mobile-menu-button-wrapper .mobile-menu-button span:before,
.mobile-menu-button-wrapper .mobile-menu-button span:after {
content: " ";
position: absolute;
top: 0;
right: 0;
height: 2px;
background-color: #0F2835;
}
.mobile-menu-button-wrapper .mobile-menu-button span:before {
width: 26px;
transform: translateY(-8px);
}
.mobile-menu-button-wrapper .mobile-menu-button span:after {
width: 22px;
transform: translateY(8px);
}
.mobile-menu-wrapper {
position: fixed;
right: 0;
top: 0;
height: 100%;
width: 300px;
background-color: #d6d9ce;
display: none;
z-index: 100000000;
overflow-y: auto;
}
.mobile-menu-wrapper.mobile-menu-open {
display: block;
}
.mobile-menu-wrapper.mobile-menu-open .mobile-menu li {
animation: 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 1 forwards slide-in-left;
}
.mobile-menu-wrapper.mobile-menu-open .mobile-menu li:nth-child(1) {
animation-delay: 0.15s;
}
.mobile-menu-wrapper.mobile-menu-open .mobile-menu li:nth-child(2) {
animation-delay: 0.2s;
}
.mobile-menu-wrapper.mobile-menu-open .mobile-menu li:nth-child(3) {
animation-delay: 0.25s;
}
.mobile-menu-wrapper.mobile-menu-open .mobile-menu li:nth-child(4) {
animation-delay: 0.3s;
}
.mobile-menu-wrapper.mobile-menu-open .mobile-menu li:nth-child(5) {
animation-delay: 0.35s;
}
.mobile-menu-wrapper.mobile-menu-open .mobile-menu li:nth-child(6) {
animation-delay: 0.4s;
}
.mobile-menu-wrapper.mobile-menu-open .mobile-menu li:nth-child(7) {
animation-delay: 0.45s;
}
.mobile-menu-wrapper.mobile-menu-open .mobile-menu li:nth-child(8) {
animation-delay: 0.5s;
}
.mobile-menu-wrapper.mobile-menu-open .mobile-menu li:nth-child(9) {
animation-delay: 0.55s;
}
.mobile-menu-wrapper.mobile-menu-open .mobile-menu li:nth-child(10) {
animation-delay: 0.6s;
}
.mobile-menu-wrapper.mobile-menu-open .mobile-menu li:nth-child(11) {
animation-delay: 0.65s;
}
.mobile-menu-wrapper.mobile-menu-open .mobile-menu li:nth-child(12) {
animation-delay: 0.7s;
}
.mobile-menu-wrapper.mobile-menu-open .mobile-menu li:nth-child(13) {
animation-delay: 0.75s;
}
.mobile-menu-wrapper.mobile-menu-open .mobile-menu li:nth-child(14) {
animation-delay: 0.8s;
}
.mobile-menu-wrapper.mobile-menu-open .mobile-menu li:nth-child(15) {
animation-delay: 0.85s;
}
.close-mobile-menu-wrapper {
display: flex;
justify-content: flex-end;
}
.close-mobile-menu-wrapper .close-mobile-menu {
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 24px;
color: rgba(0, 0, 0, 0.25);
}
.close-mobile-menu-wrapper .close-mobile-menu:hover {
color: rgba(0, 0, 0, 0.25);
background-color: rgba(0, 0, 0, 0.1);
}
.mobile-menu li {
transform: translateX(-50px);
opacity: 0;
margin-bottom: 5px;
}
.mobile-menu a,
.mobile-menu span {
display: block;
padding: 12px 48px;
color: rgba(255, 255, 255, 0.75);
color: #332e3c;
font-size: 14px;
transition: background-color 0.25s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mobile-menu a:hover,
.mobile-menu span:hover {
color: #2d3538;
background-color: rgba(0, 0, 0, 0.05);
}
.mobile-menu a:active,
.mobile-menu span:active {
background-color: rgba(0, 0, 0, 0.1);
}
.mobile-menu .has-dropdown > span,
.mobile-menu .has-dropdown > a {
position: relative;
}
.mobile-menu .has-dropdown > span:before,
.mobile-menu .has-dropdown > a:before {
content: "\f107";
font-family: "FontAwesome";
position: absolute;
right: 1em;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
}
.mobile-menu .has-dropdown.submenu-open > a,
.mobile-menu .has-dropdown.submenu-open > span {
background-color: rgba(0, 0, 0, 0.05);
}
.mobile-menu .has-dropdown.submenu-open > a:before,
.mobile-menu .has-dropdown.submenu-open > span:before {
transform: translateY(-50%);
}
.mobile-menu ul {
margin-left: 2em;
background-color: rgba(0, 0, 0, 0.05);
display: none;
}
.mobile-menu ul a,
.mobile-menu ul span {
padding: 12px 32px;
font-size: 12px;
}
.mobile-menu ul.submenu-open {
display: block;
}
body.mobile-menu-open {
overflow: hidden;
}
.wrapper {
position: relative;
transition: transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.wrapper.mobile-menu-open {
overflow: hidden;
}
.mobile-menu-dark-overlay {
position: fixed;
height: 100%;
width: 100%;
z-index: 100000000000;
background-color: rgba(45, 53, 56, 0.5);
opacity: 0;
display: none;
}
.mobile-menu-dark-overlay.mobile-menu-open {
display: block;
animation: 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 1 forwards fade-in;
}
.home-splash-full-height {
position: relative;
padding: 0;
}
.home-splash-full-height .splash-full-height-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
padding: 2em;
z-index: 1000;
}
.home-splash-full-height .overlay-content {
text-align: center;
max-width: 700px;
margin: 0 auto;
}
.home-splash-full-height .overlay-content > *:last-child {
margin-bottom: 0;
}
.home-splash-full-height .overlay-content h2,
.home-splash-full-height .overlay-content p,
.home-splash-full-height .overlay-content .welcome-text {
color: #fff;
text-shadow: 1px 1px 25px rgba(0, 0, 0, 0.7);
}
.home-splash-full-height .overlay-content .welcome-text {
display: block;
font-size: 1.25em;
margin-bottom: 0.6em;
font-family: 'neue-haas-grotesk-display', sans-serif;
letter-spacing: 0;
font-family: 'neue-haas-grotesk-text', sans-serif;
font-weight: 700;
}
.home-splash-full-height .overlay-content h2 {
font-size: 3.5em;
margin-bottom: 0.14285714em;
line-height: 1.1;
font-family: 'neue-haas-grotesk-display', sans-serif;
letter-spacing: 0;
font-family: 'neue-haas-grotesk-text', sans-serif;
font-weight: 700;
}
@media all and (max-width: 62.5em) {
.home-splash-full-height .overlay-content h2 {
font-size: 48px;
}
}
@media all and (max-width: 40.625em) {
.home-splash-full-height .overlay-content h2 {
font-size: 40px;
}
}
@media all and (max-width: 28.125em) {
.home-splash-full-height .overlay-content h2 {
font-size: 32px;
}
}
.home-splash-full-height .overlay-content p {
font-size: 32px;
font-family: 'neue-haas-grotesk-display', sans-serif;
letter-spacing: 0;
font-family: 'neue-haas-grotesk-text', sans-serif;
font-weight: 700;
}
@media all and (max-width: 62.5em) {
.home-splash-full-height .overlay-content p {
font-size: 28px;
}
}
@media all and (max-width: 40.625em) {
.home-splash-full-height .overlay-content p {
font-size: 24px;
}
}
@media all and (max-width: 28.125em) {
.home-splash-full-height .overlay-content p {
font-size: 20px;
}
}
.home-splash-full-height .overlay-full-size-link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.home-splash-full-height .home-video-btn {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 1px 3px 5px 0 rgba(0, 0, 0, 0.075);
border-radius: 50%;
background: #fff;
color: #272626;
transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
margin: 0 auto 8px;
}
.home-splash-full-height .home-video-btn:hover {
transform: scale(1.2);
color: #fff;
background-color: #FFCC00;
}
.home-splash-full-height .play-video-text {
text-transform: uppercase;
letter-spacing: 2px;
font-family: 'neue-haas-grotesk-display', sans-serif;
letter-spacing: 0;
font-family: 'neue-haas-grotesk-text', sans-serif;
font-weight: 700;
color: #fff;
font-size: 13px;
text-shadow: 1px 1px 25px rgba(0, 0, 0, 0.6);
}
.home-splash-full-height .overlay-button {
position: relative;
z-index: 1;
}
.full-splash-wrapper {
padding: 0;
height: 0;
padding-bottom: 56.25%;
}
.full-splash-wrapper .image-item {
width: 100%;
}
.full-splash-wrapper .image-item img {
display: block;
}
.full-splash-wrapper .full-splash-item {
position: absolute !important;
height: 100%;
width: 100%;
top: 0;
left: 0;
background-size: cover;
}
.card-section {
padding: 0 0 2em 0;
}
.cards-wrapper {
text-align: center;
zoom: 1;
}
.cards-wrapper:before {
content: '';
display: block;
}
.cards-wrapper:after {
content: '';
display: table;
clear: both;
}
@media screen and (min-width: 801px) {
.cards-wrapper div[class*="card-cols-"]:not(:last-child) {
margin: 0 2% 0 0;
}
}
.cards-wrapper .card-col {
vertical-align: top;
}
@media screen and (min-width: 481px) {
.cards-wrapper .card-col {
display: inline-block;
margin: 0 1%;
margin-bottom: 40px;
}
}
@media screen and (min-width: 801px) {
.cards-wrapper .card-col {
width: 31%;
}
}
@media screen and (max-width: 800px) and (min-width: 481px) {
.cards-wrapper .card-col {
margin: 0 1% 1em 1%;
}
}
@media screen and (max-width: 800px) and (min-width: 651px) {
.cards-wrapper .card-col {
width: 31%;
}
}
@media screen and (max-width: 650px) and (min-width: 481px) {
.cards-wrapper .card-col {
width: 48%;
}
}
@media screen and (max-width: 480px) {
.cards-wrapper .card-col:not(:last-child) {
margin: 0 0 2em 0;
}
}
.card-content-wrapper {
transition: all 0.2s ease-in-out;
zoom: 1;
margin: 0 auto;
max-width: 250px;
background: #eeeeee;
border-radius: 5px;
overflow: hidden;
}
.card-content-wrapper:before {
content: '';
display: block;
}
.card-content-wrapper:after {
content: '';
display: table;
clear: both;
}
.card-content-wrapper a {
display: block;
color: #272626;
}
.card-content-wrapper .card-image {
background-color: #CCC;
position: relative;
}
.card-content-wrapper .card-image img {
margin: 0 auto;
display: block;
}
.card-content-wrapper .card-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: all 0.2s ease-in-out;
}
.card-content-wrapper .card-overlay .overlay-link {
border-radius: 50%;
border: solid 2px rgba(255, 255, 255, 0.5);
position: absolute;
top: 10px;
right: 10px;
color: rgba(255, 255, 255, 0.5);
width: 28px;
height: 28px;
}
.card-content-wrapper .card-content {
padding: 1em;
background: #eeeeee;
}
.card-content-wrapper .card-content h3 {
margin-bottom: 5px;
line-height: 1.3;
letter-spacing: 0;
font-family: 'brandon-grotesque', sans-serif;
font-weight: normal;
font-weight: 700;
color: #272626;
font-size: 14px;
}
.card-content-wrapper .card-content p {
font-size: 11px;
color: #272626;
}
.card-content-wrapper:hover {
transform: translate(0, -3px);
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.card-content-wrapper:hover .card-overlay {
opacity: 1;
}
.cards-wrapper-colored .card-col:first-of-type .card-content-wrapper {
background: #ff3366 !important;
}
.cards-wrapper-colored .card-col:first-of-type .card-overlay {
background: rgba(255, 51, 102, 0.5) !important;
}
.cards-wrapper-colored .card-col:first-of-type .card-content {
background: #ff3366 !important;
color: #FFF !important;
}
.cards-wrapper-colored .card-col:first-of-type .card-content p {
color: #FFF !important;
}
.cards-wrapper-colored .card-col:nth-of-type(2) .card-content-wrapper {
background: #ff9900 !important;
}
.cards-wrapper-colored .card-col:nth-of-type(2) .card-overlay {
background: rgba(255, 153, 0, 0.5) !important;
}
.cards-wrapper-colored .card-col:nth-of-type(2) .card-content {
background: #ff9900 !important;
color: #FFF !important;
}
.cards-wrapper-colored .card-col:nth-of-type(2) .card-content p {
color: #FFF !important;
}
.cards-wrapper-colored .card-col:nth-of-type(3) .card-content-wrapper {
background: #339999 !important;
}
.cards-wrapper-colored .card-col:nth-of-type(3) .card-overlay {
background: rgba(51, 153, 153, 0.5) !important;
}
.cards-wrapper-colored .card-col:nth-of-type(3) .card-content {
background: #339999 !important;
color: #FFF !important;
}
.cards-wrapper-colored .card-col:nth-of-type(3) .card-content p {
color: #FFF !important;
}
.cards-wrapper-colored .card-col:nth-of-type(4) .card-content-wrapper {
background: #cc6600 !important;
}
.cards-wrapper-colored .card-col:nth-of-type(4) .card-overlay {
background: rgba(204, 102, 0, 0.5) !important;
}
.cards-wrapper-colored .card-col:nth-of-type(4) .card-content {
background: #cc6600 !important;
color: #FFF !important;
}
.cards-wrapper-colored .card-col:nth-of-type(4) .card-content p {
color: #FFF !important;
}
.page-cards-links-wrapper {
display: flex;
flex-wrap: wrap;
margin: -0.5em;
}
@media all and (max-width: 40.625em) {
.page-cards-links-wrapper {
margin: -0.5em;
}
}
.page-card-wrapper {
width: calc(33.33333% - 1em);
margin: 0 0.5em 1em 0.5em;
}
@media all and (max-width: 40.625em) {
.page-card-wrapper {
flex: 1 1 calc(50% - 1em);
width: calc(50% - 1em);
margin: 0 0.5em 1em 0.5em;
}
}
.page-card {
position: relative;
overflow: hidden;
}
.page-card img {
display: block;
margin: 0 auto;
transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-card a {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: flex;
align-items: center;
padding: 1em;
background-color: rgba(45, 53, 56, 0.4);
transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-card .page-card-content {
position: relative;
text-align: center;
padding: 1em;
z-index: 1;
overflow: hidden;
}
.page-card .page-card-content > *:last-child {
margin-bottom: 0;
}
.page-card .page-card-content:before {
content: ' ';
position: absolute;
z-index: -1;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #2ba8e1;
transform: scaleY(0);
transform-origin: top;
transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-card .page-card-content h4 {
color: #d6d9ce;
margin-bottom: 0;
font-size: 20px;
letter-spacing: 0;
font-family: 'brandon-grotesque', sans-serif;
font-weight: bold;
font-style: italic;
}
@media all and (max-width: 50em) {
.page-card .page-card-content h4 {
font-size: 18px;
}
}
@media all and (max-width: 40.625em) {
.page-card .page-card-content h4 {
font-size: 16px;
}
}
.page-card .page-card-content p {
color: rgba(255, 255, 255, 0.75);
overflow-y: hidden;
margin-bottom: 0;
}
.page-card .page-card-content p span {
transform: translateY(100%);
opacity: 0;
display: block;
transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-card:hover a {
background-color: rgba(45, 53, 56, 0);
}
.page-card:hover img {
transform: scale(1.2);
}
.page-card:hover .page-card-content p span {
transform: translateY(0);
opacity: 1;
}
.page-card:hover .page-card-content:before {
transform-origin: top;
transform: scaleY(1);
}
.page-card-wrapper-no-image {
display: flex;
}
.page-card-wrapper-no-image > a {
width: 100%;
}
.page-card-wrapper-no-image .page-card {
flex: 1;
display: flex;
}
.page-card-wrapper-no-image .page-card a {
position: static;
padding: 0;
background-color: #FFCC00;
align-items: stretch;
}
.page-card-wrapper-no-image .page-card .page-card-content {
position: static;
transform: translateY(0);
width: 100%;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.page-card-wrapper-no-image .page-card .page-card-content > * {
flex: 1 1 100%;
}
.page-card-wrapper-no-image .page-card .page-card-content p span {
transform: translateY(0);
opacity: 1;
}
.page-card-wrapper-no-image .page-card:hover:after {
transition-delay: 0;
}
.button {
display: inline-block;
padding: 0.4em 1.2em;
border-radius: 5px;
outline: none;
border: none;
letter-spacing: 0;
font-family: 'brandon-grotesque', sans-serif;
font-weight: 700;
transition: all 0.2s ease-in-out;
font-size: 20px;
}
.button:hover {
transform: translate(0, -3px);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}
.button:active {
transform: translate(0, 0);
}
.primary-button {
background: #2ba8e1;
color: #ECECEC;
}
.primary-button:hover {
background: #2ba8e1;
color: #ECECEC;
}
.primary-button:active {
background: #e8e8e8;
}
.dark-overlay-button {
background: rgba(45, 53, 56, 0.5);
color: #FFF;
}
.dark-overlay-button:hover {
background: rgba(45, 53, 56, 0.75);
color: #FFF;
}
.dark-overlay-button:active {
background: rgba(39, 46, 49, 0.75);
}
.overlay-button {
background: #FFF;
color: #272626;
}
.overlay-button:hover {
background: #FFF;
color: #272626;
}
.overlay-button:active {
background: #f9f9f9;
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
text-align: left;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 32px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-search--inline {
float: left;
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-dropdown {
background-color: white;
border: 2px solid rgba(45, 53, 56, 0.25);
border-radius: 2px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051;
}
.select2-results {
display: block;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
}
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none;
}
.select2-results__option[aria-selected] {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-search--dropdown {
display: block;
padding: 4px;
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 2px solid rgba(45, 53, 56, 0.25);
border-radius: 2px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 30px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
font-size: 22px;
margin-top: -2px;
color: #E88181;
position: relative;
z-index: 100000;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 30px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
color: #999;
margin-top: 5px;
float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #4fc3f7;
color: white;
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic .select2-selection--single {
background-color: #f6f6f6;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 32px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 30px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
float: right;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
}
.select2-container--classic .select2-dropdown {
background-color: white;
border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #4fc3f7;
color: white;
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb;
}
.addthis_toolbox a {
width: 33%;
}
.series-overlay {
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.75);
position: absolute;
padding: 5px;
text-align: center;
top: 0;
left: 0;
transition: all 0.2s ease-in-out;
opacity: 0;
transform: translate(0, 30px);
color: #272626;
font-family: 'neue-haas-grotesk-display', sans-serif;
letter-spacing: 0;
font-family: 'neue-haas-grotesk-text', sans-serif;
font-weight: 700;
z-index: 100;
}
.series-overlay h4,
.series-overlay .button {
transition: all 0.2s ease-in-out;
opacity: 0;
transform: translate(0, 30px);
margin: 0;
}
.series-overlay h4 {
margin: 0 0 5px 0;
}
.series-overlay .button {
font-size: 18px;
}
.podcast-list {
margin: 0 !important;
}
.podcast-list li {
float: left;
width: 49%;
text-indent: 0 !important;
margin: 0 !important;
}
.podcast-list li:first-child {
margin: 0 2% 0 0 !important;
}
.podcast-list li:before {
display: none;
}
.podcast-list li a {
display: block;
}
.podcast-list li .itunes-link {
background: white;
color: #0F2835;
}
.podcast-list li .itunes-link:hover {
background: #FFCC00;
color: white;
}
.podcast-list li .itunes-link:active {
background: #f2c200;
}
.podcast-list li .rss-link {
background: white;
color: #0F2835;
}
.podcast-list li .rss-link:hover {
background: #FFCC00;
color: white;
}
.podcast-list li .rss-link:active {
background: #f2c200;
}
.sermons-block,
.sermon-series-block {
background: #0F2835;
margin-bottom: 1.5em;
}
.sermons-block-content {
padding: 1em;
zoom: 1;
}
.sermons-block-content:before {
content: '';
display: block;
}
.sermons-block-content:after {
content: '';
display: table;
clear: both;
}
.section-title {
color: white;
text-transform: uppercase;
padding: 0.8em;
font-family: 'brandon-grotesque', sans-serif;
font-weight: normal;
font-family: 'neue-haas-grotesk-display', sans-serif;
letter-spacing: 0;
font-family: 'neue-haas-grotesk-text', sans-serif;
font-weight: 700;
font-size: 1.25em;
}
.sermon-series-block {
display: table;
width: 100%;
}
.sermon-series-block a {
display: block;
}
.sermon-series-block a:hover .series-text {
background: #cca300;
}
.sermon-series-block a:active .series-text {
background: #2196f3;
}
.sermon-series-block .series-text,
.sermon-series-block .series-image {
height: 100%;
display: table-cell;
vertical-align: middle;
}
.sermon-series-block .series-text {
width: 65%;
padding: 1em;
background: #FFCC00;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
transition: all 0.2s linear;
}
.sermon-series-block .series-text h3 {
border: none !important;
padding: 0 !important;
margin: 0 !important;
font-size: 2em !important;
letter-spacing: 0 !important;
font-family: 'brandon-grotesque', sans-serif !important;
font-weight: normal !important;
font-family: 'neue-haas-grotesk-display', sans-serif;
letter-spacing: 0;
font-family: 'neue-haas-grotesk-text', sans-serif;
font-weight: 700;
color: #FFF !important;
}
.sermon-series-block .series-image {
width: 35%;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.sermon-series-block .series-image img {
display: block;
}
.talks-inside-back {
margin-bottom: 1.25em;
}
.talks-inside-back .button {
margin: 0;
}
.series {
font-family: 'neue-haas-grotesk-display', sans-serif;
font-weight: 300;
letter-spacing: 1px;
color: #FFCC00;
}
.series a {
color: #FFCC00;
}
#pit-sermons-home {
zoom: 1;
}
#pit-sermons-home:before {
content: '';
display: block;
}
#pit-sermons-home:after {
content: '';
display: table;
clear: both;
}
#pit-sermons-home table {
margin: 0;
}
#pit-sermons-home .series-text .series-header,
#pit-sermons-home .container-box .series-header {
margin: 10px;
font-size: 16px;
font-weight: bold;
padding-bottom: 10px;
border-bottom: 2px solid #ccc;
}
#pit-sermons-home .series-text .series-title,
#pit-sermons-home .container-box .series-title {
margin-left: 10px;
margin-right: 10px;
font-size: 14px;
line-height: 22px;
}
#pit-sermons-home #latest .main {
padding: 1em;
background-color: transparent;
}
#pit-sermons-home #latest .main .latest-title {
color: white;
font-weight: bold;
padding-bottom: 10px;
}
#pit-sermons-home #latest .main .sub-info {
zoom: 1;
margin-top: 1em;
}
#pit-sermons-home #latest .main .sub-info:before {
content: '';
display: block;
}
#pit-sermons-home #latest .main .sub-info:after {
content: '';
display: table;
clear: both;
}
#pit-sermons-home #latest .main .sub-info p {
margin-top: 12px;
}
#pit-sermons-home #latest .main .sub-info .author {
font-size: 13px;
float: left;
margin-top: 5px;
color: white;
}
#pit-sermons-home #latest .main .sub-info .author span {
font-size: 0.9em;
color: #858585;
}
#pit-sermons-home #latest .main .sub-info .icons {
float: right;
margin-bottom: 5px;
}
#pit-sermons-home #latest .main .sub-info .icons .icon-holder {
float: left;
margin-left: 5px;
}
#pit-sermons-home #latest .main .sub-info .icons .icon-holder {
float: left;
margin-left: 5px;
}
#pit-sermons-home #latest .main .sub-info .icons .icon-holder a {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
background: white;
text-align: center;
color: #0F2835;
font-size: 14px;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
/* '?' */
/* '?' */
/* '?' */
/* '?' */
}
#pit-sermons-home #latest .main .sub-info .icons .icon-holder a .icon-download:before {
content: '\e801';
}
#pit-sermons-home #latest .main .sub-info .icons .icon-holder a .icon-book-open:before {
content: '\e802';
}
#pit-sermons-home #latest .main .sub-info .icons .icon-holder a .icon-dot-3:before {
content: '\e803';
}
#pit-sermons-home #latest .main .sub-info .icons .icon-holder a .icon-file-audio:before {
content: '\e804';
}
#pit-sermons-home #latest .main .sub-info .icons .icon-holder a i {
vertical-align: middle;
}
#pit-sermons-home #latest .main .sub-info .icons .icon-holder a i:before {
font-family: 'sermons';
}
#pit-sermons-home #latest .main .sub-info .icons .icon-holder a:hover {
background: #FFCC00;
}
#pit-sermons-home #latest .main .sub-info .icons .sermon-share-wrapper {
position: relative;
}
#pit-sermons-home #latest .main .sub-info .icons .sermon-share-wrapper a i:before {
font-family: 'FontAwesome';
}
#pit-sermons-home #latest .main .sub-info .icons .sermon-share-wrapper .share-buttons-wrapper {
position: absolute;
top: -40px;
left: 50%;
text-align: center;
width: 200px;
margin-left: -100px;
display: none;
zoom: 1;
}
#pit-sermons-home #latest .main .sub-info .icons .sermon-share-wrapper .share-buttons-wrapper:before {
content: '';
display: block;
}
#pit-sermons-home #latest .main .sub-info .icons .sermon-share-wrapper .share-buttons-wrapper:after {
content: '';
display: table;
clear: both;
}
#pit-sermons-home #latest .main .sub-info .icons .sermon-share-wrapper .share-buttons-wrapper a {
margin: 0 1px;
transform: scale(0);
}
#pit-sermons-home #latest .main .sub-info .icons .sermon-share-wrapper .share-buttons-wrapper .facebook-share {
background: #3c5a9a;
}
#pit-sermons-home #latest .main .sub-info .icons .sermon-share-wrapper .share-buttons-wrapper .twitter-share {
background: #55acee;
}
#pit-sermons-home #latest .main .sub-info .icons .sermon-share-wrapper .sermon-share-toggle i {
transition: all 0.15s ease-in-out;
}
#pit-sermons-home #latest .main .sub-info .icons .sermon-share-wrapper.active .sermon-share-toggle {
background: #00e676;
}
#pit-sermons-home #latest .main .sub-info .icons .sermon-share-wrapper.active .sermon-share-toggle i {
transform: rotate(-90deg);
}
#pit-sermons-home #latest .main .sub-info .icons .sermon-share-wrapper.active .share-buttons-wrapper {
display: block;
}
#pit-sermons-home #latest .main .sub-info .icons .sermon-share-wrapper.active .share-buttons-wrapper a {
/* Safari 4+ */
/* Fx 5+ */
/* Opera 12+ */
animation: 0.3s pop forwards;
animation-iteration-count: 1;
}
#pit-sermons-home #latest .main .sub-info .icons .sermon-share-wrapper.active .share-buttons-wrapper a:first-child {
animation-delay: 0.15s;
}
#pit-sermons-home #latest .main .sub-info .icons .sermon-share-wrapper.active .share-buttons-wrapper a:nth-child(2) {
animation-delay: 0.3s;
}
#pit-sermons-home #latest .main .sub-info .icons .sermon-share-wrapper.active .share-buttons-wrapper a:nth-child(3) {
animation-delay: 0.45s;
}
#pit-sermons-home #latest .main .sub-info-detail {
margin: 0;
}
#pit-sermons-home #latest .main .player {
margin-top: 1em;
clear: both;
}
#pit-sermons-home #latest .main .social {
margin-top: 1em;
clear: both;
zoom: 1;
}
#pit-sermons-home #latest .main .social:before {
content: '';
display: block;
}
#pit-sermons-home #latest .main .social:after {
content: '';
display: table;
clear: both;
}
@media only screen and (max-width: 400px) {
#pit-sermons-home #latest .main .social {
display: none;
}
}
#pit-sermons-home #latest .image {
overflow: hidden;
position: relative;
}
#pit-sermons-home #latest .image img {
width: 100%;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
height: auto;
float: left;
}
#pit-sermons-home #sermon-details .details {
background-color: #2d3538;
}
#pit-sermons-home #biblepassage .esv h2 {
color: #2d3538;
line-height: 1.3;
font-size: 1.75em;
margin: 0 0 0.28571429em 0;
}
#pit-sermons-home #biblepassage .esv h2:before,
#pit-sermons-home #biblepassage .esv h2:after {
display: none;
}
#pit-sermons-home #biblepassage .esv h3 {
text-transform: none;
color: rgba(45, 53, 56, 0.7);
margin-bottom: 5px;
font-size: 1.25em;
border: none;
}
#pit-sermons-home #biblepassage .esv p {
color: #666;
}
#pit-sermons-home #biblepassage .esv .chapter-num {
font-size: 1.5em;
font-family: 'brandon-grotesque', sans-serif;
font-weight: normal;
font-family: 'neue-haas-grotesk-display', sans-serif;
letter-spacing: 0;
font-family: 'neue-haas-grotesk-text', sans-serif;
font-weight: 700;
line-height: 1.3;
}
#pit-sermons-home #biblepassage .esv .verse-num {
vertical-align: super;
font-size: 11px;
font-family: 'neue-haas-grotesk-display', sans-serif;
letter-spacing: 0;
font-family: 'neue-haas-grotesk-text', sans-serif;
font-weight: 700;
position: relative;
top: 1px;
color: #eeeeee;
}
#pit-sermons-home #recent-search {
clear: both;
zoom: 1;
}
#pit-sermons-home #recent-search:before {
content: '';
display: block;
}
#pit-sermons-home #recent-search:after {
content: '';
display: table;
clear: both;
}
#pit-sermons-home #recent-search #recent table.recent-talks,
#pit-sermons-home #recent-search #recent-full table.recent-talks {
width: 100%;
}
#pit-sermons-home #recent-search #recent table.recent-talks td,
#pit-sermons-home #recent-search #recent-full table.recent-talks td {
padding: 16px;
font-size: 13px;
}
#pit-sermons-home #recent-search #recent-full {
width: 100%;
margin-bottom: 0;
}
#pit-sermons-home #recent-search #search {
zoom: 1;
}
#pit-sermons-home #recent-search #search:before {
content: '';
display: block;
}
#pit-sermons-home #recent-search #search:after {
content: '';
display: table;
clear: both;
}
#pit-sermons-home #recent-search #search form {
margin: 0;
}
#pit-sermons-home #recent-search .search-wrapper {
padding: 1em;
zoom: 1;
}
#pit-sermons-home #recent-search .search-wrapper:before {
content: '';
display: block;
}
#pit-sermons-home #recent-search .search-wrapper:after {
content: '';
display: table;
clear: both;
}
#pit-sermons-home #recent-search .search-wrapper h4 {
margin-bottom: 0.44444444em;
}
#pit-sermons-home #recent-search .search-wrapper .select2 {
width: 100% !important;
}
#pit-sermons-home #recent-search .search-wrapper .select2,
#pit-sermons-home #recent-search .search-wrapper input {
font-size: 14px;
font-family: 'neue-haas-grotesk-display', sans-serif;
font-weight: 300;
letter-spacing: 1px;
margin-bottom: 0.5em;
}
#pit-sermons-home #recent-search .search-wrapper .select2:focus,
#pit-sermons-home #recent-search .search-wrapper input:focus {
border-color: #FFCC00;
}
#pit-sermons-home #recent-search .search-wrapper input {
width: 100% !important;
height: 32px;
border: 2px solid rgba(45, 53, 56, 0.25);
padding: 5px;
border-radius: 2px;
outline: none;
transition: all 0.25s linear;
}
#pit-sermons-home #recent-search .search-wrapper input[type="number"] {
text-align: center;
}
#pit-sermons-home #recent-search .search-cols-wrapper {
zoom: 1;
}
#pit-sermons-home #recent-search .search-cols-wrapper:before {
content: '';
display: block;
}
#pit-sermons-home #recent-search .search-cols-wrapper:after {
content: '';
display: table;
clear: both;
}
#pit-sermons-home #recent-search .search-col {
float: left;
width: 23.5%;
margin-right: 2%;
}
#pit-sermons-home #recent-search .search-col:nth-child(4n) {
margin-right: 0;
}
#pit-sermons-home #recent-search .button-wrapper {
margin-top: 1em;
}
#pit-sermons-home #recent-search .button-wrapper button {
cursor: pointer;
outline: none;
}
#pit-sermons-home #recent-search .button-wrapper .primary-button {
float: left;
width: 49%;
line-height: 1 !important;
}
#pit-sermons-home #recent-search .button-wrapper .primary-button:first-child {
margin-right: 2%;
}
@media screen and (max-width: 550px) {
#pit-sermons-home #recent-search .button-wrapper .primary-button {
width: 100%;
margin: 0 !important;
}
#pit-sermons-home #recent-search .button-wrapper .primary-button:first-child {
margin: 0 0 1em 0 !important;
}
}
#pit-sermons-home #archive {
clear: both;
}
#pit-sermons-home #archive .archive {
background-color: #eeeeee;
}
#pit-sermons-home table {
font-size: 12px;
}
.archive-container {
position: relative;
}
.archive-container .container-box {
margin-bottom: 2%;
margin-right: 2%;
float: left;
transition: all 0.2s ease-in-out;
}
.archive-container .container-box:hover {
transform: translate(0, -3px);
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
}
.archive-container .container-box:hover .series-overlay {
opacity: 1;
transform: translate(0, 0);
}
.archive-container .container-box:hover .series-overlay h4 {
transition-delay: 0.25s;
color: #0F2835;
}
.archive-container .container-box:hover .series-overlay .button {
transition-delay: 0.5s;
}
.archive-container .container-box:hover .series-overlay h4,
.archive-container .container-box:hover .series-overlay .button {
opacity: 1;
transform: translate(0, 0);
}
@media screen and (min-width: 768px) {
.archive-container .container-box {
width: 32%;
}
.archive-container .container-box:nth-child(3n) {
margin-right: 0 !important;
}
}
@media screen and (max-width: 768px) and (min-width: 551px) {
.archive-container .container-box {
width: 32%;
}
.archive-container .container-box:nth-child(3n) {
margin-right: 0 !important;
}
}
@media screen and (max-width: 550px) and (min-width: 351px) {
.archive-container .container-box {
width: 49%;
}
.archive-container .container-box:nth-child(2n) {
margin-right: 0 !important;
}
}
@media only screen and (max-width: 350px) {
.archive-container .container-box {
width: 100%;
margin-right: 0 !important;
}
}
.archive-container .splash-box {
height: 0;
width: 100%;
padding-bottom: 100%;
overflow: hidden;
position: relative;
background: #f5f5f5;
}
.archive-container .splash-box a {
display: block;
}
.archive-container .image-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.archive-container .image-wrapper img {
max-height: 100%;
}
@media only screen and (max-width: 767px) {
#pit-sermons-home #latest .image {
display: none;
}
#pit-sermons-home #recent-search #recent {
width: 100%;
}
#pit-sermons-home #recent-search #search {
width: 100%;
}
}
@media only screen and (max-width: 400px) {
#pit-sermons-home #latest .main .sub-info .icons {
float: right;
}
}
@keyframes pop {
0% {
transform: scale(0.7);
}
45% {
transform: scale(1.05);
}
80% {
transform: scale(0.95);
}
100% {
transform: scale(1);
}
}
.pit-controls {
background: white;
width: 100%;
padding: 10px 10px 20px 10px;
zoom: 1;
border: 1px solid #E2E2E2;
opacity: 0;
transition: all 0.25s ease;
display: flex;
align-items: center;
justify-content: center;
}
.pit-controls:before {
content: '';
display: block;
}
.pit-controls:after {
content: '';
display: table;
clear: both;
}
.pit-controls a {
transition: all 0.25s linear;
color: #666;
}
.pit-controls .left-controls {
-webkit-box-flex: 1;
/* OLD - iOS 6-, Safari 3.1-6 */
width: 4%;
/* For old syntax, otherwise collapses. */
/* Safari 6.1+. iOS 7.1+, BB10 */
/* IE 10 */
flex: 0 0 25px;
/* NEW, Spec - Firefox, Chrome, Opera */
margin-right: 5px;
font-size: 1.125em;
}
.pit-controls .left-controls i {
margin-top: 3px;
}
.pit-controls .right-controls {
-webkit-box-flex: 2;
/* OLD - iOS 6-, Safari 3.1-6 */
width: 10%;
/* For old syntax, otherwise collapses. */
/* Safari 6.1+. iOS 7.1+, BB10 */
/* IE 10 */
flex: 0 0 100px;
/* NEW, Spec - Firefox, Chrome, Opera */
margin-left: 10px;
}
.pit-controls .progress {
-webkit-box-flex: 7;
/* OLD - iOS 6-, Safari 3.1-6 */
width: 75%;
/* For old syntax, otherwise collapses. */
/* Safari 6.1+. iOS 7.1+, BB10 */
/* IE 10 */
flex: 7;
/* NEW, Spec - Firefox, Chrome, Opera */
zoom: 1;
position: relative;
}
.pit-controls .progress:before {
content: '';
display: block;
}
.pit-controls .progress:after {
content: '';
display: table;
clear: both;
}
.pit-controls .progress .progress-time {
font-size: 0.75em;
color: #272626;
}
.pit-controls .progress .progress-time span {
cursor: default;
}
.pit-controls .progress .progress-time .current-time {
float: left;
}
.pit-controls .progress .progress-time .duration {
float: right;
}
.pit-controls .progress .progress-bar {
height: 10px;
margin: 0.25em 0;
display: block;
background-color: rgba(0, 0, 0, 0.1);
}
.pit-controls .progress .seek-bar {
position: relative;
display: block;
cursor: pointer;
height: 10px;
background: rgba(0, 0, 0, 0.05);
}
.pit-controls .progress .play-bar {
display: block;
height: 10px;
padding: 0;
background: #191919;
}
.pit-controls .progress .progress-time {
position: absolute;
bottom: -15px;
left: 0;
width: 100%;
}
.pit-controls .mute-control {
float: left;
margin-top: 2px;
}
.pit-controls .mute-control a {
display: block;
}
.pit-controls .volume-bar {
height: 5px;
margin: 10px 0 0 1.25em;
background-color: rgba(0, 0, 0, 0.1);
cursor: pointer;
}
.pit-controls .volume-bar .current-volume {
height: 5px;
background-color: rgba(0, 0, 0, 0.05);
}
.pit-controls .volume-bar .cur-vol {
height: 5px;
background-color: rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 980px) {
.right-controls {
display: none;
}
}
.pit-controls-visible {
opacity: 1;
}
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100000000;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000000001;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
transform: scale(0.75);
}
.mfp-arrow-left {
transform-origin: 0;
}
.mfp-arrow-right {
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
@font-face {
font-family: 'sermons';
src: url('./fonts/sermons.eot?48716757');
src: url('./fonts/sermons.eot?48716757#iefix') format('embedded-opentype'), url('./fonts/sermons.woff?48716757') format('woff'), url('./fonts/sermons.ttf?48716757') format('truetype'), url('./fonts/sermons.svg?48716757#sermons') format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'sermons';
src: url('../font/sermons.svg?48716757#sermons') format('svg');
}
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "sermons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: 0.2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-download:before {
content: '\e801';
}
/* '' */
.icon-book-open:before {
content: '\e802';
}
/* '' */
.icon-dot-3:before {
content: '\e803';
}
/* '' */
.icon-file-audio:before {
content: '\e804';
}
/* '' */
@media screen and (min-width: 769px) {
.pit-gallery a img {
width: 23.5%;
margin: 0;
margin-right: 2%;
margin-bottom: 10px;
float: left;
}
.pit-gallery a:nth-child(4n) img {
margin-right: 0 !important;
}
}
@media screen and (max-width: 768px) and (min-width: 481px) {
.pit-gallery a img {
width: 32%;
margin: 0;
margin-right: 2%;
margin-bottom: 7.5px;
float: left;
}
.pit-gallery a:nth-child(3n) img {
margin-right: 0 !important;
}
}
@media screen and (max-width: 480px) {
.pit-gallery a img {
width: 49%;
margin: 0;
margin-right: 2%;
margin-bottom: 5px;
float: left;
}
.pit-gallery a:nth-child(2n) img {
margin-right: 0 !important;
}
}
.team-member {
zoom: 1;
height: 100%;
display: table;
width: 100%;
background: #FFCC00;
margin: 0 0 1.5em 0;
position: relative;
/*
&:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-top-color: @lightest-grey;
border-width: 12px;
margin-left: -12px;
}
*/
}
.team-member:before {
content: '';
display: block;
}
.team-member:after {
content: '';
display: table;
clear: both;
}
.team-member:not(:last-child) {
margin: 0 0 1.5em 0;
}
.team-member .team-image,
.team-member .team-content {
display: table-cell;
vertical-align: middle;
}
.team-member .team-image {
width: 45%;
}
.team-member .team-image img {
display: block;
}
.team-member .team-content {
width: 55%;
padding: 1.5em;
text-align: left;
}
.team-member .team-content h2,
.team-member .team-content h3 {
margin: 0;
color: #0F2835;
}
.team-member .team-content h4 {
color: white;
font-family: 'neue-haas-grotesk-display', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 18px;
margin-top: -7px;
}
.team-member .team-content p {
color: #272626;
font-size: 0.9em;
margin-bottom: 2em;
}
.team-member .team-content p a {
color: #272626;
text-decoration: underline;
}
.team-member .team-content p a.button {
text-decoration: none;
}
.team-member .team-content p:last-child {
margin-bottom: 0;
}
.team-member .team-content-full {
width: 100%;
display: block;
float: none;
}
@media screen and (max-width: 550px) {
.team-member {
display: block;
}
.team-member .team-image,
.team-member .team-content {
float: none !important;
width: 100% !important;
display: block !important;
text-align: center !important;
}
.team-member .team-image {
zoom: 1;
margin: 0 0 0 0 !important;
text-align: center !important;
}
.team-member .team-image:before {
content: '';
display: block;
}
.team-member .team-image:after {
content: '';
display: table;
clear: both;
}
.team-member .team-image img {
max-width: 100% !important;
width: 100% !important;
float: none !important;
}
.team-member .team-title {
width: 100% !important;
}
}
.team-main-exec .team-image {
width: 21%;
}
.team-main-exec .team-content {
width: 76%;
}
.quote-with-image-wrapper,
.quote-wrapper {
zoom: 1;
margin: 0 auto 1.5em auto;
}
.quote-with-image-wrapper:before,
.quote-wrapper:before {
content: '';
display: block;
}
.quote-with-image-wrapper:after,
.quote-wrapper:after {
content: '';
display: table;
clear: both;
}
.quote-with-image-wrapper h4,
.quote-wrapper h4 {
letter-spacing: 0;
font-family: 'brandon-grotesque', sans-serif;
font-weight: normal;
text-align: right;
font-size: 1.125em;
margin: 5px 0 0 0;
}
.quotes-section .quote-with-image-wrapper:last-child,
.quotes-section .quote-wrapper:last-child {
margin-bottom: 0;
}
blockquote {
letter-spacing: 0;
font-family: 'brandon-grotesque', sans-serif;
font-weight: normal;
text-align: left;
}
blockquote p {
font-size: 1.5em;
display: inline;
line-height: 1.5;
}
.quote-with-image-wrapper {
display: table;
height: 100%;
width: 100%;
margin: 0 auto 1.5em auto;
}
.quote-with-image-wrapper .quote-image,
.quote-with-image-wrapper .quote-content {
display: table-cell;
vertical-align: middle;
}
.quote-with-image-wrapper .quote-image {
width: 30%;
}
.quote-with-image-wrapper .quote-image img {
display: block;
margin: 0 auto;
}
.quote-with-image-wrapper .quote-content {
width: 70%;
padding: 0 2em;
}
@media only screen and (max-width: 600px) {
.quote-with-image-wrapper .quote-image {
display: none;
}
.quote-with-image-wrapper .quote-content {
width: 100%;
}
}
.full-splash {
position: relative;
overflow: hidden;
margin: 1em auto 0 auto;
max-width: 1000px;
}
.full-splash .splash {
overflow: hidden;
background-size: cover;
height: 0;
padding-bottom: 56.25%;
}
.full-splash .splash a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.full-splash .overlay-title-center h1 {
font-size: 3.75em;
}
@media only screen and (max-width: 600px) {
.full-splash h1 {
font-size: 1.5em;
}
.full-splash .overlay-button {
display: none;
}
}
.home-full-splash:hover .overlay-hover {
transform: translate(0, 0);
opacity: 1;
}
.home-full-splash:hover div[class^="overlay-title"] {
transform: translate(0, -10px);
opacity: 0;
}
.inside-full-splash {
max-width: 725px;
}
.overlay-hover,
div[class^="overlay-title"] {
transition: all 0.2s ease-in-out;
}
.overlay-hover {
position: absolute;
bottom: 0;
left: 0;
height: auto;
width: 100%;
background-color: #FFCC00;
transform: translate(0, 100%);
padding: 2em 3em;
z-index: 100;
color: #272626;
transition: transform 0.75s cubic-bezier(1, 0.16, 0.52, 0.94);
}
.overlay-hover * {
color: #fff;
}
.overlay-hover p {
font-size: 24px;
margin-bottom: 16px;
}
.overlay-hover .overlay-button {
background: rgba(0, 0, 0, 0.05);
color: #fff;
}
.overlay-hover .overlay-button:hover {
background: rgba(0, 0, 0, 0.15);
color: #fff;
}
.overlay-hover .overlay-button:active {
background: rgba(0, 0, 0, 0.15);
}
.home-box {
background-position: 100% 0% !important;
}
.home-box h1,
.home-box h2,
.home-box h3 {
margin: 0;
}
.home-box .title-button {
margin-top: 1em;
}
.home-box img {
transition: all 0.2s ease-in-out;
}
.home-grid-section {
margin: 1em 0 0 0;
padding: 0 0 2em 0;
}
.home-grid-section .page {
width: 1000px;
}
@media only screen and (max-width: 1048px) {
.home-grid-section .page {
width: 100%;
padding: 0 1.5em;
}
}
.home-grid-section .home-row {
margin-bottom: 0.5em;
}
.home-grid-section .home-box-full {
height: 0;
padding-bottom: 46.11111111%;
overflow: hidden;
position: relative;
}
.home-grid-section .home-box-full .overlay-title-center h1 {
font-size: 3.75em;
}
.home-grid-section .home-image-box {
height: 0;
overflow: hidden;
position: relative;
}
.home-grid-section .home-box-60 {
float: left;
width: 59%;
margin: 0 1% 0 0;
}
.home-grid-section .home-box-60 .home-image-box {
height: 0;
padding-bottom: 78.15442561%;
}
.home-grid-section .home-box-40 {
float: left;
width: 40%;
}
.home-grid-section .home-box-40 .home-image-box {
height: 0;
padding-bottom: 115.27777778%;
}
.home-grid-section .home-box:hover img {
transform: scale(1.075);
}
.home-grid-section .home-box:hover .overlay-hover {
transform: translate(0, 0);
opacity: 1;
}
.home-grid-section .home-box:hover div[class^="overlay-title"] {
transform: translate(0, -10px);
opacity: 0;
}
@media only screen and (max-width: 600px) {
.home-grid-section h1 {
font-size: 1.5em;
}
.home-grid-section .overlay-button {
display: none;
}
}
.home-grid-section .home-box-cols-3,
.home-grid-section .home-box-cols-4 {
float: left;
}
.home-grid-section .home-box-cols-3:not(:last-child),
.home-grid-section .home-box-cols-4:not(:last-child) {
margin: 0 1% 0 0;
}
.home-grid-section .home-box-cols-3 .cols-overlay,
.home-grid-section .home-box-cols-4 .cols-overlay {
position: absolute;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
color: #fff;
}
.home-grid-section .home-box-cols-3 .cols-overlay h3,
.home-grid-section .home-box-cols-4 .cols-overlay h3 {
font-family: 'neue-haas-grotesk-display', sans-serif;
letter-spacing: 0;
font-family: 'neue-haas-grotesk-text', sans-serif;
font-weight: 700;
font-size: 2em;
text-shadow: 1px 1px 25px rgba(0, 0, 0, 0.6);
}
.home-grid-section .home-box-cols-3 {
width: 32.66666667%;
}
.home-grid-section .home-box-cols-3 .home-image-box {
padding-bottom: 66.66666667%;
}
.home-grid-section .home-box-cols-4 {
width: 24.25%;
}
.home-grid-section .home-box-cols-4 .home-image-box {
padding-bottom: 66.66666667%;
}
@media only screen and (max-width: 800px) {
.home-grid-section .home-box-cols-3,
.home-grid-section .home-box-cols-4 {
width: 75%;
margin: 0 auto 1em auto !important;
float: none;
}
}
@media only screen and (max-width: 600px) {
.home-grid-section .home-box-cols-3,
.home-grid-section .home-box-cols-4 {
width: 100%;
}
}
.calendar-inside .event-title {
font-size: 2em;
margin: 0 !important;
}
.calendar-inside h3 {
font-family: 'neue-haas-grotesk-display', sans-serif !important;
text-transform: none !important;
color: #eeeeee !important;
}
.calendar-inside section {
text-align: left;
zoom: 1;
padding: 0;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #F5F5F5;
}
.calendar-inside section:before {
content: '';
display: block;
}
.calendar-inside section:after {
content: '';
display: table;
clear: both;
}
.calendar-inside section:first-child,
.calendar-inside section:last-child {
border-bottom: none;
}
.calendar-inside section hr {
border-top: 1px solid #F5F5F5;
margin-top: 10px;
margin-bottom: 10px;
}
.calendar-inside section .icon-sidebar {
float: left;
width: 8%;
margin-right: 2%;
text-align: center;
}
.calendar-inside section .icon-sidebar i {
font-size: 22px;
}
.calendar-inside section .icon-sidebar i:before {
font-family: "calendar-icons";
}
.calendar-inside section .event-content {
float: right;
width: 90%;
}
.calendar-inside section .event-content .event-image {
max-width: 100%;
height: auto;
border: 5px solid #666;
margin-bottom: 10px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.calendar-inside section .event-content .event_link {
display: inline-block;
margin-top: 4px;
}
.calendar-inside section .event-content p {
line-height: 22px;
}
.calendar-inside section .event-content p:last-child {
margin-bottom: 0;
}
.calendar-inside section .event-content .location-left {
float: left;
width: 50%;
margin-right: 2%;
}
.calendar-inside section .event-content .location-right {
float: left;
width: 48%;
}
.calendar-inside section .event-content .proclaim-it-map {
padding-bottom: 90%;
}
.back-to-cal {
padding: 5px;
font-size: 14px;
}
@font-face {
font-family: 'calendar-icons';
src: url('./fonts/calendar-icons.eot?86120886');
src: url('./fonts/calendar-icons.eot?86120886#iefix') format('embedded-opentype'), url('./fonts/calendar-icons.woff?86120886') format('woff'), url('./fonts/calendar-icons.ttf?86120886') format('truetype'), url('./fonts/calendar-icons.svg?86120886#calendar-icons') format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'calendar-icons';
src: url('../font/calendar-icons.svg?86120886#calendar-icons') format('svg');
}
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "calendar-icons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: 0.2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-clock:before {
content: '\e800';
}
/* '' */
.icon-location:before {
content: '\e801';
}
/* '' */
.icon-doc-text:before {
content: '\e802';
}
/* '' */
.icon-link:before {
content: '\e803';
}
/* '' */
.icon-picture:before {
content: '\e804';
}
/* '' */
.detail-container {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
display: none;
text-align: center;
background: rgba(0, 0, 0, 0.7);
z-index: 10000000;
transition: all 0.25s ease-in-out;
}
.event-detail {
font-family: 'neue-haas-grotesk-display', sans-serif;
font-weight: 300;
letter-spacing: 1px;
text-align: left;
font-size: 14px;
width: 400px;
max-height: 90%;
overflow-y: auto;
background-color: #FFF;
margin: 50px auto 0 auto;
display: none;
border-radius: 5px;
color: #666;
opacity: 0;
transition: all 0.5s ease-in-out;
}
.event-detail *::selection {
background: #666;
color: white;
}
.event-detail *::-moz-selection {
background: #666;
color: white;
}
.event-detail::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #F5F5F5;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.event-detail::-webkit-scrollbar {
width: 6px;
background-color: #F5F5F5;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.event-detail::-webkit-scrollbar-thumb {
background-color: #666;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
@media only screen and (max-width: 402px) {
.event-detail {
width: 96%;
}
}
.event-detail h1,
.event-detail h2,
.event-detail h3,
.event-detail h4,
.event-detail h5 {
color: #666;
margin: 0;
}
.event-detail h1,
.event-detail h2 {
font-family: 'neue-haas-grotesk-display', sans-serif;
letter-spacing: 0;
font-family: 'neue-haas-grotesk-text', sans-serif;
font-weight: 700;
}
.event-detail h3,
.event-detail h4,
.event-detail h5 {
font-family: 'neue-haas-grotesk-display', sans-serif;
}
.event-detail h3 {
font-family: 'neue-haas-grotesk-display', sans-serif !important;
text-transform: none !important;
color: #666 !important;
}
.event-detail header {
zoom: 1;
font-family: 'neue-haas-grotesk-display', sans-serif;
letter-spacing: 0;
font-family: 'neue-haas-grotesk-text', sans-serif;
font-weight: 700;
height: 55px;
position: fixed;
width: inherit;
top: initial;
box-shadow: none;
padding: 0;
text-align: left;
background-color: transparent;
}
.event-detail header:before {
content: '';
display: block;
}
.event-detail header:after {
content: '';
display: table;
clear: both;
}
.event-detail header .category-color,
.event-detail header .title {
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.event-detail header .category-color h2,
.event-detail header .title h2 {
line-height: 55px;
font-size: 22px;
margin: 0;
}
.event-detail header .category-color {
float: left;
width: 15%;
background-color: #FFCC00;
text-align: center;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.event-detail header .category-color h2 {
color: white;
}
.event-detail header .title {
float: right;
position: relative;
width: 85%;
background-color: #F5F5F5;
border-right: 1px solid #BEBEBE;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.event-detail header .title h2 {
padding: 0 35px 0 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #666;
}
.event-detail header .title a:hover > img {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
}
.event-detail header .title img {
position: absolute;
top: 18px;
right: 10px;
margin: 0;
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
-webkit-opacity: 0.3;
opacity: 0.3;
transition: all 0.3s ease-in-out;
}
.event-detail section {
zoom: 1;
text-align: left;
padding: 0;
}
.event-detail section:before {
content: '';
display: block;
}
.event-detail section:after {
content: '';
display: table;
clear: both;
}
.event-detail .event-info {
border-bottom: 1px solid #F5F5F5;
padding-top: 55px;
}
.event-detail .event-info .left {
float: left;
width: 70%;
padding: 15px;
}
.event-detail .event-info .left hr {
margin: 0.3em 0;
border-top: 1px solid #F5F5F5;
}
.event-detail .event-info .left h4 {
font-weight: normal;
}
.event-detail .event-info .left p {
display: inline-block;
}
.event-detail .event-info .left p:last-child {
margin-bottom: 0;
}
.event-detail .event-info .right {
float: right;
width: 30%;
padding: 15px 15px 15px 0;
}
.event-detail .event-info .right img {
max-width: 100%;
height: auto;
border: 3px solid #F5F5F5;
}
@media only screen and (max-width: 325px) {
.event-detail .left,
.event-detail .right {
width: 100% !important;
padding: 15px !important;
}
.event-detail .right {
padding-top: 0 !important;
}
}
.event-detail .event-extra-info {
padding: 15px;
}
.event-detail .event-extra-info .more-info {
text-transform: uppercase;
letter-spacing: 2px;
text-align: center;
font-size: 18px;
margin: 5em auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 10px;
background: white;
border: 1px solid white;
color: #FFCC00 !important;
overflow: hidden;
transition: all 0.5s ease-in-out;
display: block;
border: 1px solid #FFCC00;
margin: 0;
padding: 5px;
}
.event-detail .event-extra-info .more-info:hover,
.event-detail .event-extra-info .more-info:active {
text-decoration: none;
color: white !important;
border-color: white !important;
background: #FFCC00 !important;
}
.event-detail .event-extra-info .more-info span {
display: inline-block;
position: relative;
padding-right: 0;
transition: padding-right 0.5s;
}
.event-detail .event-extra-info .more-info span:after {
content: ' ';
position: absolute;
top: 0;
right: -18px;
opacity: 0;
width: 10px;
height: 10px;
margin-top: -10px;
background: rgba(0, 0, 0, 0);
border: 3px solid #FFCC00;
border-top: none;
border-right: none;
transition: opacity 0.5s, top 0.5s, right 0.5s;
transform: rotate(-45deg);
}
.event-detail .event-extra-info .more-info:hover span,
.event-detail .event-extra-info .more-info:active span {
padding-right: 30px;
}
.event-detail .event-extra-info .more-info:hover span:after,
.event-detail .event-extra-info .more-info:active span:after {
transition: opacity 0.5s, top 0.5s, right 0.5s;
-webkit-transition: opacity 0.5s, top 0.5s, right 0.5s;
-moz-transition: opacity 0.5s, top 0.5s, right 0.5s;
-o-transition: opacity 0.5s, top 0.5s, right 0.5s;
-ms-transition: opacity 0.5s, top 0.5s, right 0.5s;
opacity: 1;
border-color: white;
right: 0;
top: 55%;
}
.event-detail .event-extra-info .more-info:hover,
.event-detail .event-extra-info .more-info:active {
border: 1px solid #FFCC00 !important;
}
.event-detail .event-extra-info .more-info span:after {
border-right: 3px solid !important;
border-left: none;
}
.event-detail .event-extra-info .more-info:hover span:after,
.event-detail .event-extra-info .more-info:active span:after {
top: 66%;
}
.event-detail .event-extra-info p {
display: inline-block;
}
.event-detail .event-map iframe {
width: 100%;
}
.detail-container-show {
display: block;
z-index: 10000000;
/* Safari 4+ */
/* Fx 5+ */
/* Opera 12+ */
animation: darkOverlayAnimateIn 0.15s forwards;
animation-iteration-count: 1;
}
.event-detail-show {
display: block;
/* Safari 4+ */
/* Fx 5+ */
/* Opera 12+ */
animation: animateIn 0.5s forwards;
animation-delay: 0.15s;
animation-iteration-count: 1;
}
@keyframes darkOverlayAnimateIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes animateIn {
0% {
opacity: 0;
transform: translate(0, 50px);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}
*,
*:before,
*:after {
box-sizing: border-box;
}
.calendar ul.month-browser li {
width: 33.3%;
padding: 0;
border: 0;
text-align: center;
text-transform: uppercase;
height: auto;
margin: 20px 0;
}
.calendar {
width: 100%;
float: left;
border-bottom: 1px solid #ccc;
}
.calendar .month-display {
width: 100%;
margin: 20px 0;
float: left;
}
.calendar .month-display a {
text-decoration: none;
font-size: 0.8em;
}
.calendar .month-display .calendar_nav {
float: left;
width: 33%;
text-align: left;
}
.calendar .month-display .calendar_nav a {
border: 1px solid #FFCC00;
padding: 5px;
transition: all 0.25s ease;
}
.calendar .month-display .calendar_nav a:hover {
background-color: #FFCC00;
color: white;
}
.calendar .month-display .right {
text-align: right;
}
.calendar .month-display #current-month {
float: left;
width: 33%;
text-align: center;
}
.calendar .week {
-ms-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #ccc;
border-bottom: none;
min-height: 130px;
width: 100%;
float: left;
position: relative;
background: url('../images/calendar-bg.png') 14.28571429% top repeat-y, url('../images/calendar-bg.png') 28.57142857% top repeat-y, url('../images/calendar-bg.png') 42.85714286% top repeat-y, url('../images/calendar-bg.png') 57.14285714% top repeat-y, url('../images/calendar-bg.png') 71.42857143% top repeat-y, url('../images/calendar-bg.png') 85.71428571% top repeat-y;
}
.calendar .week ul.week {
margin-bottom: 0 !important;
}
.calendar div[class*="week_"]:before,
.calendar div[class*="week-"]:before,
.calendar div[class*="week_"]:after,
.calendar div[class*="week-"]:after {
content: " ";
position: absolute;
height: 100%;
z-index: -1;
top: 0;
}
.calendar div[class*="week_"]:before,
.calendar div[class*="week-"]:before {
background: rgba(165, 203, 215, 0.075);
}
.calendar .week_1:before {
left: 0;
width: 14.28571429%;
}
.calendar .week_2:before {
left: 0;
width: 28.57142857%;
}
.calendar .week_3:before {
left: 0;
width: 42.85714286%;
}
.calendar .week_4:before {
left: 0;
width: 57.14285714%;
}
.calendar .week_5:before {
left: 0;
width: 71.42857143%;
}
.calendar .week_6:before {
left: 0;
width: 85.71428571%;
}
.calendar .week_end_1:before {
right: 0;
width: 14.28571429%;
}
.calendar .week_end_2:before {
right: 0;
width: 28.57142857%;
}
.calendar .week_end_3:before {
right: 0;
width: 42.85714286%;
}
.calendar .week_end_4:before {
right: 0;
width: 57.14285714%;
}
.calendar .week_end_5:before {
right: 0;
width: 71.42857143%;
}
.calendar .week_end_6:before {
right: 0;
width: 85.71428571%;
}
.calendar .week-today-0:after {
width: 14.28571429%;
left: -14.28571429%;
background: rgba(255, 204, 0, 0.1) !important;
}
.calendar .week-today-1:after {
width: 14.28571429%;
left: 0%;
background: rgba(255, 204, 0, 0.1) !important;
}
.calendar .week-today-2:after {
width: 14.28571429%;
left: 14.28571429%;
background: rgba(255, 204, 0, 0.1) !important;
}
.calendar .week-today-3:after {
width: 14.28571429%;
left: 28.57142857%;
background: rgba(255, 204, 0, 0.1) !important;
}
.calendar .week-today-4:after {
width: 14.28571429%;
left: 42.85714286%;
background: rgba(255, 204, 0, 0.1) !important;
}
.calendar .week-today-5:after {
width: 14.28571429%;
left: 57.14285714%;
background: rgba(255, 204, 0, 0.1) !important;
}
.calendar .week-today-6:after {
width: 14.28571429%;
left: 71.42857143%;
background: rgba(255, 204, 0, 0.1) !important;
}
.calendar .week-today-7:after {
width: 14.28571429%;
left: 85.71428571%;
background: rgba(255, 204, 0, 0.1) !important;
}
.calendar ul {
margin-top: 0 !important;
float: left;
list-style: none;
padding: 0;
margin: 0;
clear: both;
width: 100%;
}
.calendar ul.weekdays {
height: 40px;
}
.calendar ul.weekdays li {
text-align: center;
text-transform: uppercase;
line-height: 20px;
border: none;
padding: 10px 6px;
color: #666;
font-size: 13px !important;
}
.calendar li {
text-indent: 0 !important;
margin: 0 !important;
display: block !important;
line-height: 100% !important;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 14.28571429%;
padding: 0;
display: block;
float: left;
overflow: visible;
}
.calendar li:before {
font-family: '' !important;
content: '' !important;
color: inherit !important;
float: none !important;
width: auto !important;
border: none !important;
}
.calendar li .day,
.calendar li .month {
display: none;
}
.calendar li.out_of_range {
background-color: #F5F5F5;
color: #666;
}
.calendar li .show-info {
margin: 0 5% 5px 5%;
display: block;
font-size: 12px;
padding: 5px 5px 5px 7px;
color: #666;
line-height: 14px;
background: #F5F5F5;
position: relative;
overflow: hidden;
text-align: left;
border: 1px solid #b5dbdc;
color: #009aaf;
text-decoration: none;
width: 90%;
}
.calendar li .show-info .colourdiv {
position: absolute;
left: 0;
top: 0;
height: 100px;
width: 2px;
}
.calendar li .span-1 {
width: 90%;
}
.calendar li .span-2 {
width: 190%;
}
.calendar li .span-3 {
width: 290%;
}
.calendar li .span-4 {
width: 390%;
}
.calendar li .span-5 {
width: 490%;
}
.calendar li .span-6 {
width: 590%;
}
.calendar li .span-7 {
width: 690%;
}
.calendar li .show-info:hover .venue {
display: block;
}
.calendar li a,
.calendar li .show-info .show-name {
text-decoration: none;
}
.calendar li .show-info .show-time,
.calendar li .venue {
color: #666;
margin-top: 2px;
text-decoration: none;
}
.calendar .days:last-child li {
margin-bottom: 0px;
}
.calendar .date {
text-align: right;
margin-bottom: 5px;
padding: 5px 5px 0 0;
}
.calendar .no-shows {
display: none;
}
.calendar .venue {
display: none;
}
.calendar-wrapper {
display: inline;
float: left;
overflow: hidden;
width: 98.14814815%;
margin: 0 0.92592593%;
}
.calendar .day-container {
float: left;
width: 100%;
}
.calendar .day-container .list-day {
float: left;
width: 20%;
padding: 10px;
font-size: 17px;
font-weight: bold;
color: #FFCC00;
}
@media only screen and (max-width: 540px) {
.calendar .day-container .list-day {
width: 100%;
}
}
.calendar .day-container .list-event {
float: right;
width: 78%;
padding: 10px;
}
@media only screen and (max-width: 540px) {
.calendar .day-container .list-event {
width: 100%;
}
}
.calendar .day-container .list-event .event-time {
font-family: 'neue-haas-grotesk-display', sans-serif;
font-size: 16px;
color: #777;
}
.calendar .day-container .list-event .event-title {
text-decoration: none;
font-family: 'neue-haas-grotesk-display', sans-serif;
letter-spacing: 0;
font-family: 'neue-haas-grotesk-text', sans-serif;
font-weight: 700;
}
.calendar .day-container .list-event .event-summary {
font-size: 14px;
color: #777;
}
.calendar .day-container .list-event .event-summary a {
color: #777;
text-decoration: none;
}
.calendar .day-container .list-today {
background: rgba(255, 204, 0, 0.15);
border-left: 5px solid rgba(255, 204, 0, 0.25);
}
@media only screen and (max-width: 1024px) {
.calendar .list-hide {
display: none;
}
}
.event_image {
max-width: 100%;
height: auto;
}
.event_times .event_dates {
font-weight: bold;
}
.event_name,
.back-button {
margin-top: 20px;
}
.location_left {
width: 48%;
margin-right: 2%;
float: left;
}
@media only screen and (max-width: 540px) {
.location_left {
width: 100%;
margin-right: 0%;
}
}
.location_left h4.location_directions,
.location_left h4.location_phone,
.location_left h4.location_link {
margin-top: 15px;
}
.location_right {
float: right;
width: 48%;
margin-left: 2%;
}
.location_right .location_image {
width: 100%;
}
@media only screen and (max-width: 540px) {
.location_right {
width: 100%;
margin-right: 0%;
}
}
.location_right .proclaim-it-map {
padding-bottom: 100% !important;
}
.calendar-sidebar ul li a {
padding: 0 !important;
background-color: transparent !important;
}
.calendar-sidebar ul li a:hover {
border: none;
}
.calendar-sidebar h3 {
margin-bottom: 5px;
}
.calendar-sidebar .sidebar-options {
font-size: 14px;
color: #333;
}
.calendar-sidebar .sidebar-options a {
text-decoration: none;
}
.calendar-sidebar .sidebar-options .view-selected {
text-decoration: underline;
}
.calendar-sidebar .sidebar-options .sidebar-date-view {
width: 100%;
margin-bottom: 1em;
}
.calendar-sidebar .sidebar-options .sidebar-display-view {
width: 100%;
}
@media only screen and (max-width: 560px) {
.calendar-sidebar .sidebar-options .sidebar-display-view {
display: none;
}
}
@media only screen and (max-width: 560px) {
.calendar-sidebar .sidebar-options .display-h3 {
display: none;
}
}
.calendar-sidebar .sidebar-ics {
font-size: 14px;
}
.calendar-sidebar .sidebar-ics a {
width: 100%;
display: block;
}
.calendar-sidebar .calendar-categories ul {
list-style: none;
margin-left: 0;
padding-left: 0;
margin-top: 0 !important;
text-align: center;
}
.calendar-sidebar .calendar-categories ul li {
text-indent: 0 !important;
margin: 0px 2px !important;
display: inline-block !important;
font-size: 14px !important;
line-height: 100% !important;
display: block;
padding: 5px 5px 5px 7px;
color: #666;
line-height: 14px;
background: #F5F5F5;
position: relative;
overflow: hidden;
border: 1px solid #b5dbdc;
}
.calendar-sidebar .calendar-categories ul li:before {
font-family: '' !important;
content: '' !important;
color: inherit !important;
float: none !important;
width: auto !important;
}
.calendar-sidebar .calendar-categories ul li .colourdiv {
position: absolute;
left: 0;
top: 0;
height: 100px;
width: 2px;
}
.calendar-sidebar .calendar-categories ul li a {
text-decoration: none;
}
.calendar-sidebar .calendar-categories ul li.cat-selected {
background: #6B6B6B !important;
}
.calendar-sidebar .calendar-categories ul li.cat-selected a {
color: #FFF !important;
}
@media only screen and (min-width: 561px) {
.list-view {
display: none;
}
.list-show {
display: block;
}
}
@media only screen and (max-width: 560px) {
.list-view {
display: block;
}
.calendar-view {
display: none;
}
}
.integrated * {
font-family: 'neue-haas-grotesk-display', sans-serif !important;
font-weight: 300 !important;
letter-spacing: 1px !important;
color: #272626 !important;
}
.appnitro .form_description {
border: none !important;
text-align: center !important;
margin: 0 0 1.25em 0 !important;
}
.appnitro .form_description h2 {
font-family: 'neue-haas-grotesk-display', sans-serif !important;
letter-spacing: 0 !important;
font-family: 'neue-haas-grotesk-text', sans-serif !important;
font-weight: 700 !important;
margin: 0;
font-size: 2em !important;
}
.appnitro ul {
text-align: center !important;
}
.appnitro li {
margin: 0 !important;
text-indent: 0 !important;
padding: 8px !important;
width: 100% !important;
}
.appnitro li:before {
content: ' ' !important;
display: none;
}
.appnitro li span {
float: none !important;
display: inline-block !important;
}
.appnitro .description {
margin-bottom: 5px !important;
text-align: center !important;
font-family: 'neue-haas-grotesk-display', sans-serif !important;
letter-spacing: 0 !important;
font-family: 'neue-haas-grotesk-text', sans-serif !important;
font-weight: 700 !important;
}
.appnitro .highlighted {
background-color: rgba(99, 58, 16, 0) !important;
transition: all 0.3s linear;
}
.appnitro input {
text-align: center;
}
.appnitro input,
.appnitro textarea,
.appnitro select {
background: #eeeeee !important;
padding: 1em !important;
color: #333 !important;
border: 2px solid #eeeeee !important;
transition: all 0.2s ease-in-out;
color: #272626;
border-radius: 0;
transition: all 0.3s linear !important;
font-family: 'neue-haas-grotesk-display', sans-serif !important;
font-weight: 300 !important;
letter-spacing: 1px !important;
outline: none !important;
}
.appnitro input:focus,
.appnitro textarea:focus,
.appnitro select:focus {
background: #f5f5f5 !important;
border-color: #f5f5f5 !important;
transform: translate(0, -3px);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}
.appnitro select {
background: url('../images/arrow-small.png') no-repeat right #FFF !important;
background-position: 99% 50% !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.appnitro input[type="submit"] {
text-align: center !important;
width: auto !important;
text-shadow: none !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
display: inline-block;
padding: 0.4em 1.2em;
border-radius: 5px;
outline: none;
border: none !important;
font-family: 'brandon-grotesque', sans-serif !important;
font-weight: normal !important;
font-family: 'neue-haas-grotesk-display', sans-serif !important;
letter-spacing: 0 !important;
font-family: 'neue-haas-grotesk-text', sans-serif !important;
font-weight: 700 !important;
transition: all 0.2s ease-in-out;
font-size: 20px !important;
background: #f5f5f5 !important;
color: #272626 !important;
min-width: 150px;
text-align: center;
}
.appnitro input[type="submit"]:hover {
background: #efefef !important;
color: #272626 !important;
}
.appnitro input[type="submit"]:active {
background: #e8e8e8 !important;
}
@media screen and (max-width: 650px) {
.appnitro input[type="submit"] {
display: block;
}
}
.appnitro input[type="submit"]:hover {
cursor: pointer;
transform: translate(0, -3px);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}
.appnitro input[type="submit"]:active {
transform: translate(0, 0);
}
.appnitro input[type="checkbox"] {
width: auto !important;
}
.appnitro .buttons {
margin-top: 10px !important;
}
/*
Mobile Menu Core Style
*/
.slicknav_btn {
position: relative;
display: block;
vertical-align: middle;
float: right;
padding: 0.75em;
line-height: 1.125em;
cursor: pointer;
}
.slicknav_menu .slicknav_menutxt {
display: block;
line-height: 1.188em;
float: left;
}
.slicknav_menu .slicknav_icon {
float: left;
}
.slicknav_menu .slicknav_no-text {
margin: 0;
}
.slicknav_menu .slicknav_icon-bar {
display: block;
width: 1.5em;
height: 0.25em;
border-radius: 3px;
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
margin-top: 0.188em;
}
.slicknav_nav {
clear: both;
}
.slicknav_nav ul,
.slicknav_nav li {
display: block;
border-top: 1px solid transparent;
}
.slicknav_nav ul:last-child,
.slicknav_nav li:last-child {
border-bottom: 1px solid transparent;
}
.slicknav_nav .slicknav_arrow {
font-size: 0.8em;
margin: 0 0 0 0.4em;
}
.slicknav_nav .slicknav_item {
display: block;
cursor: pointer;
}
.slicknav_nav a {
display: block;
}
.slicknav_nav .slicknav_item a {
display: inline;
}
.slicknav_menu:before,
.slicknav_menu:after {
content: " ";
display: table;
}
.slicknav_menu:after {
clear: both;
}
/* IE6/7 support */
.slicknav_menu {
*zoom: 1;
}
/*
User Default Style
Change the following styles to modify the appearance of the menu.
*/
.slicknav_menu {
font-size: 16px;
letter-spacing: 0;
font-family: 'brandon-grotesque', sans-serif;
font-weight: normal;
text-align: left;
}
.slicknav_icon {
transition: all 0.4s cubic-bezier(0.61, 0.04, 0.17, 1.32);
}
/* Button */
.slicknav_btn {
text-decoration: none;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
border-radius: 4px;
}
.slicknav_btn .slicknav_icon-bar {
transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.slicknav_open .slicknav_icon {
transform: rotate(360deg);
}
.slicknav_open .slicknav_icon-bar:nth-child(1) {
transform: translate(0px, 9px) rotate(-45deg);
}
.slicknav_open .slicknav_icon-bar:nth-child(2) {
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
}
.slicknav_open .slicknav_icon-bar:nth-child(3) {
transform: translate(0px, -5px) rotate(45deg);
}
/* Button Text */
.slicknav_menu .slicknav_menutxt {
color: #fff;
font-weight: bold;
text-shadow: 0 1px 3px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
background-color: #9e9e9e;
}
.slicknav_nav {
color: #000;
margin: 0;
padding: 0;
font-size: 0.875em;
background: #eeeeee;
box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.2);
}
.slicknav_nav,
.slicknav_nav ul {
list-style: none;
overflow: hidden;
}
.slicknav_nav ul {
padding: 0 0 0 2em;
margin: 0;
}
.slicknav_nav ul li:first-child {
border: none;
}
.slicknav_nav .slicknav_item {
padding: 8px 2em;
font-size: 16px;
}
.slicknav_nav a {
padding: 8px 2em;
text-decoration: none;
color: #272626;
font-size: 16px;
outline: none;
}
.slicknav_nav .slicknav_item a {
padding: 0;
margin: 0;
}
.slicknav_nav .slicknav_item:hover {
background: #e1e1e1;
color: #272626;
}
.slicknav_nav a:hover {
background: #e1e1e1;
color: #272626;
}
.slicknav_nav .slicknav_txtnode {
margin-left: 15px;
}
@keyframes jelly-pop {
0% {
opacity: 0;
transform: matrix3d(0.1, 0, 0, 0, 0, 0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
3.4% {
opacity: 1;
transform: matrix3d(0.384, 0, 0, 0, 0, 0.466, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
4.7% {
transform: matrix3d(0.505, 0, 0, 0, 0, 0.639, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
6.81% {
transform: matrix3d(0.693, 0, 0, 0, 0, 0.904, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
9.41% {
transform: matrix3d(0.895, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
10.21% {
transform: matrix3d(0.947, 0, 0, 0, 0, 1.204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
13.61% {
transform: matrix3d(1.111, 0, 0, 0, 0, 1.299, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
14.11% {
transform: matrix3d(1.127, 0, 0, 0, 0, 1.298, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
17.52% {
transform: matrix3d(1.187, 0, 0, 0, 0, 1.216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
18.72% {
transform: matrix3d(1.191, 0, 0, 0, 0, 1.169, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
21.32% {
transform: matrix3d(1.177, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
24.32% {
transform: matrix3d(1.135, 0, 0, 0, 0, 0.964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
25.23% {
transform: matrix3d(1.121, 0, 0, 0, 0, 0.944, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
29.03% {
transform: matrix3d(1.057, 0, 0, 0, 0, 0.907, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
29.93% {
transform: matrix3d(1.043, 0, 0, 0, 0, 0.909, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
35.54% {
transform: matrix3d(0.981, 0, 0, 0, 0, 0.966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
36.74% {
transform: matrix3d(0.974, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
41.04% {
transform: matrix3d(0.965, 0, 0, 0, 0, 1.02, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
44.44% {
transform: matrix3d(0.969, 0, 0, 0, 0, 1.029, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
52.15% {
transform: matrix3d(0.992, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
59.86% {
transform: matrix3d(1.005, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
63.26% {
transform: matrix3d(1.007, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
75.28% {
transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
85.49% {
transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
90.69% {
transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
100% {
opacity: 1;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
}
.social-text,
.social-text-hidden {
font-family: 'neue-haas-grotesk-display', sans-serif;
letter-spacing: 0;
font-family: 'neue-haas-grotesk-text', sans-serif;
font-weight: 700;
}
@media only screen and (min-width: 751px) {
.social-text-hidden {
display: none;
}
}
.social-text {
float: right;
margin-right: 1em;
line-height: 40px;
}
@media only screen and (max-width: 750px) {
.social-text {
display: none;
}
}
.social-links {
zoom: 1;
}
.social-links:before {
content: '';
display: block;
}
.social-links:after {
content: '';
display: table;
clear: both;
}
@media only screen and (min-width: 751px) {
.social-links {
float: right;
}
.social-links li {
float: left;
}
}
.social-links li {
margin: 0 !important;
text-indent: 0 !important;
display: inline-block;
}
.social-links li:before {
display: none;
}
.social-links a {
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
display: inline-block;
color: white;
border-radius: 50%;
position: relative;
z-index: 1;
}
.social-links a i {
font-size: 1.125em;
vertical-align: middle;
color: #2d3538;
transition: all 0.2s ease-in-out;
}
.social-links a:before {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
border-radius: 290486px;
content: " ";
display: block;
opacity: 0;
z-index: -1;
}
.social-links a:hover i {
color: #FFF;
}
.social-links a:hover:before {
/* Safari 4+ */
/* Fx 5+ */
/* Opera 12+ */
animation: jelly-pop 1000ms linear both;
}
@media only screen and (max-width: 650px) {
.social-links li {
float: none;
display: inline-block;
margin: 0 0.5em;
}
}
.tenofthose-icon {
background-position: center center;
background-repeat: no-repeat;
background-image: url('../images/10-of-those-icon.png');
width: 24px;
height: 14px;
display: inline-block;
vertical-align: middle;
margin-top: -3px;
}
.tenofthose-button:hover .tenofthose-icon {
background-image: url('../images/10-of-those-icon-hover.png');
}
.facebook-button:before {
background: #3c5a9a;
}
.instagram-button:before {
background: #e95950;
}
.twitter-button:before {
background: #55acee;
}
.tenofthose-button:before {
background: #50b848;
}
.location-button:before {
background: goldenrod;
}
.youtube-button:before {
background: #f00;
}
.proclaim-it-map {
width: 100%;
height: 0;
padding-bottom: 50%;
}