h1, .h1, .banner h1{
font-size: 4.4em;
line-height: 1em;
margin-bottom: .25em;
}
h2, .h2, .banner h2 {
font-size: 3.7em;
font-weight: 600;
line-height: 1em;
margin-bottom: .25em;
}
h3, .h3, .banner h3 {
font-size: 2.7em;
line-height: 1.1em;
margin-bottom: .35em;
}
h4, .h4, .banner h4 {
font-size: 2em !important;
line-height: 1.5em;
margin-bottom: .35em;
}
h4:not(.alt-font), .h4:not(.alt-font), .banner h4:not(.alt-font){
font-size: 2em !important;
line-height: 1.3em;
margin-bottom: .4em;
font-weight: 500;
}
p {
font-size: 1.15em !important;
}
#header .nav-dark .nav>li>a{
color: #fff;
}
#header .nav-dark .nav>li>a{
color: #fff;
}
#header .nav-dark .nav>li>a:hover{
color: var(--secondary-color);
}
.header-button a::after{
font-family: "fl-icons" !important;
content: "\f105";
padding-left: 4px;
font-size: 1.1em;
}
#header .button.is-outline.secondary span{
color: #fff !important;
}
.button.is-outline.secondary span {
color: #000 !important;
}
.button.is-outline.secondary span:hover {
color: #fff !important;
}
.dark .button.is-outline.secondary span {
color: #fff !important;
}
.icon-play:before{
font-family: "Font Awesome 5 Free";
content: "\f144";
}
.uppercase{
letter-spacing: 0;
}
.social-icons{
color: #000;
}
.ux-menu-link__link span{
font-size: .85em;
font-weight: 600;
}
.ux-menu-link__link span:hover{
color: var(--secondary-color);
}
.col-inner ul li{
margin-left: 2.3em;
margin-bottom: .5em;
font-weight: 600;
}
.col-inner ul li::marker{
color: var(--secondary-color);
}
.quotes-slider .quote-content{
font-size: 1.2em;
padding: 0 60px;
}
.quotes-list .quote-content{
font-size: 1.2em;
}
.quotes-slider .author-content, .quotes-list .author-content{
padding: 30px 0 0 0;
font-size: 1.2em;
font-weight: 600;
}
.quotes-list .author-content span{
display: none;
}
.quotes-list .col .inner {
border-left: 5px solid var(--secondary-color);
margin: 30px 0;
padding: 15px 20px 15px 30px;
background-color: #f3f3f3;
}
.quotes-list ul {
columns: 3;
-webkit-columns: 3;
-moz-columns: 3;
}
.quotes-list ul li {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.dark input[type=email], .dark input[type=date], .dark input[type=search], .dark input[type=number], .dark input[type=text], .dark input[type=tel], .dark input[type=url], .dark input[type=password], .dark textarea, .dark .gfield select{
border: 2px solid var(--secondary-color) !important;
box-shadow: none;
-webkit-box-shadow: none;
padding: 6px !important;
}
.dark input[type='submit']:not(.is-form){
background-color: transparent;
border: 2px solid var(--secondary-color);
padding: 0 35px;
float: right;
margin-right: 0;
}
.dark input[type='submit']:not(.is-form):hover{
background-color: var(--secondary-color) !important;
} .hero-vertical-ctas,
.hero-vertical-ctas .section-title {
color: #fff;
}
.hero-vertical-ctas .section .section-content {
background: rgba(0,0,0, .4)!important;
padding: 10px!important;
} .quotes-slider .dot {
background: #000
}
.quotes-slider .dot.is-selected {
background: #000!important;
}
.quotes-list ul li {
list-style: none;
border: solid 1px rgba(249, 175, 40, 0.6);
padding: 1.5em;
margin-bottom: 1.4em !important;
background: #f9f8f8;
}
.quotes-list h3 {
display: none;
}
.quotes-list .quote-content {
padding: 0 !important;
}
.quotes-list .author-content {
color: #012645;
font-weight: 700;
}
.quotes-list img {
margin-top: -4px;
}
.inline.ux-menu {
display: block;
text-align: center!important;
}
.inline .ux-menu-link {
display: inline-block;
margin: 0 1em!important;
text-transform: uppercase;
}
.sticky-side {
position: fixed;
top: 18%;
right: 0;
width: 45px;
z-index: 1000;
}
.sticky-side .button {
border: 1px solid #d9d8d8 !important;
background-color: transparent;
color: #d9d8d8 !important;
}
.off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
background: #012645;
}
.amazingaudioplayer-title {
font-family: "Teko", sans-serif !important;
color: #000 !important;
font-size: 2.8em !important;
line-height: 1;
}
.amazingaudioplayer-track-item {
font-size: .9em !important;
}
#wonderpluginaudio-1 .amazingaudioplayer-track-item {
padding: 15px 4px !important;
}
.yottie-widget-video-info-title {
white-space: pre-wrap !important;
height: 36px !important;
} @media only screen and (max-width: 48em) {
.sticky-side {
display: none;
}
h1, .h1, .banner h1{
font-size: 3.1em;
}
h2, .h2, .banner h2 {
font-size: 2.5em;
line-height: .95em;
}
h3, .h3, .banner h3 {
font-size: 1.9em;
}
h4, .h4, .banner h4{
font-size: 1.2em !important;
}
.button.is-xlarge {
font-size: 1.5em;
}
.button {
display: block;
margin-right: 0 !important;
}
h4:not(.alt-font), .h4:not(.alt-font), .banner h4:not(.alt-font){
font-size: 1.4em !important;
}
.slider-wrapper .flickity-prev-next-button {
display: inline-block;
}
.quotes-list ul {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
.quotes-list ul li {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
margin-left: 0 !important;
}
} @media only screen and (min-width: 48em) and (max-width: 850px) {
h1, .h1, .banner h1{
font-size: 3.9em;
}
h2, .h2, .banner h2 {
font-size: 3.3em;
}
h3, .h3, .banner h3 {
font-size: 2.3em;
}
h4, .h4, .banner h4{
font-size: 1.2em !important;
}
h4:not(.alt-font), .h4:not(.alt-font), .banner h4:not(.alt-font){
font-size: 1.5em;
}
}
@media only screen and (min-width: 850px) and (max-width: 1200px) {
#logo {
width: 185px !important;
}
#header .nav-dark .nav>li>a, .header-button a {
font-size: .95em !important;
}
#header .nav-spacing-xlarge>li {
margin: 0 8px !important;
}
} @media only screen and (min-width: 1000px) { .hero-vertical-ctas .section {
min-height: 400px!important;
transition: all 0.3s ease!important;
-moz-transition: all 0.3s ease!important;
-o-transition: all 0.3s ease!important;
padding: 0!important;
align-items: flex-start;
}
.hero-vertical-ctas.align-middle .section {
align-items: center;
}
.hero-vertical-ctas.align-bottom .section {
align-items: flex-end;
}
.hero-vertical-ctas.align-equal .section {
align-items: baseline;
}
.hero-vertical-ctas .section .section-content p,
.hero-vertical-ctas .section .section-content .button {
max-height: 0;
transition: all 0.3s ease!important;
}
.hero-vertical-ctas .section .section-content {
transition: all 0.3s ease!important;
-moz-transition: all 0.3s ease!important;
-o-transition: all 0.3s ease!important;
max-height: 90px;
position: relative!important;
overflow:hidden;
}
.hero-vertical-ctas .section:hover .section-content {
max-height: 500px;
}
.hero-vertical-ctas .section .section-content p,
.hero-vertical-ctas .section .section-content .button {
opacity: 0;
max-height: 0;
transition: all 0.3s ease!important;
-moz-transition: all 0.3s ease!important;
-o-transition: all 0.3s ease!important;
}
.hero-vertical-ctas .section:hover .section-content p,
.hero-vertical-ctas .section:hover .section-content .button {
opacity: 1;
max-height: 500px;
}
}
@media only screen and (min-width: 1350px) {
.hero-height {
min-height: 1000px !important;
}
}