@charset 'UTF-8';
@import url(spacing.css);

:root {
  --color-primary: #31499f;
  --color-secondary: #536390;
  --color-font: #2b2b2b;
  --color-background: #f5f5f5;
  --color-white: #ffffff;
  --color-dark: #192733;
  --color-light: #e4e4e4;
  --color-border: #eaeaea;
}

[data-theme="dark"] {
  --color-primary: #31499f;
  --color-secondary: #536390;
  --color-font: #ffffff;
  --color-background: #212121;
  --color-white: #121212;
  --color-dark: #ffffff;
  --color-light: #e4e4e4;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
/* ol,
ul {
  list-style: none;
} */
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
iframe {
  width: 100%;
}

::selection {
  background: #111;
  color: #fff;
}
::-moz-selection {
  background: #111;
  color: #fff;
}

p {
  margin-bottom: var(--spacing-sm);
}

p:last-child {
  margin-bottom: 0;
}

@font-face {
  font-family: "Eina";
  src: url("../fonts/Eina01-SemiBold.eot");
  src: url("../fonts/Eina01-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Eina01-SemiBold.woff2") format("woff2"),
    url("../fonts/Eina01-SemiBold.woff") format("woff"), url("../fonts/Eina01-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Eina";
  src: url("../fonts/Eina01-Bold.eot");
  src: url("../fonts/Eina01-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Eina01-Bold.woff2") format("woff2"),
    url("../fonts/Eina01-Bold.woff") format("woff"), url("../fonts/Eina01-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Eina";
  src: url("../fonts/Eina01-Regular.eot");
  src: url("../fonts/Eina01-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Eina01-Regular.woff2") format("woff2"),
    url("../fonts/Eina01-Regular.woff") format("woff"), url("../fonts/Eina01-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Eina";
  src: url("../fonts/Eina01-Light.eot");
  src: url("../fonts/Eina01-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Eina01-Light.woff2") format("woff2"),
    url("../fonts/Eina01-Light.woff") format("woff"), url("../fonts/Eina01-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

/******************************************
    Hamburger
******************************************/
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
  position: absolute;
  width: 32px;
  height: 3px;
}

.hamburger-inner:before {
  top: -8px;
}

.hamburger-inner:after {
  bottom: -8px;
}

/******************************************
    Placeholder
******************************************/
::selection {
  background: #111;
  color: #fff;
}

::-moz-selection {
  background: #111;
  color: #fff;
}

::-webkit-input-placeholder {
  color: #c4c4c4;
}

:-moz-placeholder {
  color: #c4c4c4;
}

::-moz-placeholder {
  color: #c4c4c4;
}

:-ms-input-placeholder {
  color: #c4c4c4;
}

::-webkit-scrollbar {
  width: 0px;
  /* remove scrollbar space */
  background: transparent;
  /* optional: just make scrollbar invisible */
}

/* optional: show position indicator in red */
::-webkit-scrollbar-thumb {
  background: #ff0000;
}

/*Make Wordpress Happy*/
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail,
img {
  max-width: 100%;
  height: auto;
}

.hidden {
  display: none !important;
}

.lity-content {
  max-height: 80vh;
  max-width: 80vw;
}

/******************************************
    Slick Slider
******************************************/
.slick-prev,
.slick-next {
  top: 46%;
  z-index: 99;
  width: auto;
  height: auto;
}

.slick-prev {
  left: 30px;
}

.slick-next {
  right: 30px;
}

.slick-prev:before,
.slick-next:before,
.slick-prev:before,
.slick-next:before {
  color: #fff;
  font-size: 25px;
  text-shadow: 0px 0px 40px #000;
  font-weight: 900;
}

.slick-prev:before,
.slick-next:before {
  font-family: "Font Awesome 5 Free";
}

.slick-prev:before {
  content: "\f053";
}

.slick-next:before {
  content: "\f054";
}

.slick-dots {
  width: 100%;
  bottom: -30px;
  left: 0;
  z-index: 99;
  position: absolute;
  margin: 0;
  text-align: center;
}

.hero.content-slider .slick-dots {
  bottom: 15px;
}

.slick-dots li {
  margin: 0;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 9px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.45;
  color: #212121;
}

.slick-dots li.slick-active button:before {
  opacity: 1;
  color: #212121;
}

.hero.content-slider .slick-dots li button:before,
.dark .slick-dots li button:before {
  color: #fff;
}

.hero.content-slider .slick-dots li.slick-active button:before,
.dark .slick-dots li.slick-active button:before {
  opacity: 1;
  color: #fff;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

/******************************************
    Padding without Changing Width
******************************************/
#header,
#mainNav .nav li a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/******************************************
    Outline
******************************************/
* {
  outline: none !important;
}

/******************************************
    Border Radius
******************************************/
.slick-prev,
.slick-next,
.smooth-border {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.border-radius-1 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.border-radius-2 {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.loaderWrapper {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 99;
  margin-top: -30px;
}

.loading .loaderWrapper {
  display: block;
  position: relative;
}

.spinner {
  margin: var(--spacing-lg) auto;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: var(--color-primary);

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: "";
}

.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loader:after {
  left: 1.5em;
}

@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}

/******************************************
    Animation
******************************************/
.show,
.hidden,
#header,
a,
#mobileMenu,
.logo img,
#mainNav .nav,
.single-image img,
.staff-item,
.post-item,
.post-thumbnail,
.post-content,
.page-content,
.animate {
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}

/******************************************
Link Styles
******************************************/
a {
  cursor: pointer;
  color: var(--color-font);
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

a:hover {
  text-decoration: none;
  color: var(--color-primary);
}

a:hover,
a:focus,
a:visited:hover,
a:visited:focus {
  color: #5f0001;
  cursor: pointer;
  text-decoration: none;
}

a:link,
a:visited:link {
  /*-webkit-tap-highlight-color: rgba(0,0,0,0.3)*/
}

p,
ol,
ul {
  margin-top: 0;
  margin-bottom: 15px;
}

p:last-child {
  margin-bottom: 0;
}

b,
strong {
  font-weight: 700;
}

/******************************************
    ACF Google Map
******************************************/
.acf-map {
  width: 100%;
  height: 450px;
  margin-bottom: 40px;
}

/* fixes potential theme css conflict */
.acf-map img {
  max-width: inherit !important;
}
.gm-style-cc,
.grecaptcha-logo,
.grecaptcha-badge,
.return-to-shop {
  display: none !important;
}

/******************************************************************
H1, H2, H3, H4, H5 Styles
******************************************************************/
h1,
h2,
h3,
h4,
h5,
h6 {
  text-rendering: optimizelegibility;
  margin: 0;
  padding: 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
}

h1 {
  font-size: 46px;
  font-weight: 300;
  margin: 0 auto 40px;
  line-height: 45px;
}

h2,
.heading {
  font-size: 38px;
  font-weight: 300;
  margin: 0 auto 20px;
}

h3 {
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  margin: 0 auto 20px;
}

h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 auto 10px;
}

h5,
.post-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  margin: 0 auto 10px;
}

h5 hr {
  max-width: 100%;
  height: 4px;
}

h6,
.preheading {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 20px auto 10px;
  letter-spacing: 1.5px;
}

h2.section-heading,
.section-heading {
  margin: 0;
  display: inline-block;
}

hr {
  width: 100%;
  margin: 10px auto 5px;
  height: 1px;
  background: #d6d3e2;
  border: none;
}

.boxShadow {
  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.05);
}

.roundCorner {
  -webkit-box-border-radius: 4px;
  -moz-box-border-radius: 4px;
  border-radius: 4px;
}

/*Simple css to style it like a toggle switch*/
.theme-switch-wrapper {
  display: flex;
  align-items: center;
  margin-left: var(--spacing-md);
}
.theme-switch {
  display: inline-block;
  height: 26px;
  position: relative;
  width: 44px;
}

.theme-switch input {
  display: none;
}

.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
}

.slider:before {
  background-color: #fff;
  bottom: 3px;
  content: "";
  height: 20px;
  left: 3px;
  position: absolute;
  transition: 0.4s;
  width: 20px;
}

input:checked + .slider {
  background-color: #66bb6a;
}

input:checked + .slider:before {
  transform: translateX(18px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/******************************************
    General Styles
******************************************/
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: var(--color-background);
}

body {
  font-family: "Eina";
  font-weight: 400;
  color: var(--color-font);
  font-size: 1rem;
  font-size: 15px;
  line-height: 1.5;
}

#no-hero {
  display: block;
  width: 100%;
  height: 120px;
}

/******************************************
	Header
******************************************/
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  margin: 0;
  padding: var(--spacing-sm);
  z-index: 999;
}

.header.filled {
  background: var(--color-white);
}

.header.transparent {
  background: transparent;
}

.not-top .header {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
  background: var(--color-white);
}

.main-header .row {
  align-items: center;
  justify-content: center;
}

.header-logo img {
  width: auto;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header .header-buttons {
  display: flex;
  align-items: center;
  justify-content: end;
  padding-left: var(--spacing-md);
  color: var(--color-white);
  font-size: 18px;
  text-decoration: none;
}

.header-logo,
.header-donate {
  min-width: 200px;
}

.header-donate {
  justify-content: end;
}

.header-donate a {
  color: var(--color-white);
  background-color: var(--color-primary);
}

/******************************************
	Navigation
******************************************/
.header .col-12 {
  display: flex;
  align-items: center;
}

.header .header-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 0;
  margin: 0;
  background: transparent;
  flex: 1;
  height: 100%;
}

.header-navigation ul li {
  list-style: none;
  display: inline-block;
  padding-top: var(--spacing-xs);
  padding-bottom: var(--spacing-xs);
  padding-left: var(--spacing-sm);
  padding-right: var(--spacing-sm);
  position: relative;
}

.header-navigation ul > li > a {
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: var(--color-font);
  text-decoration: none;
  font-weight: 400;
  position: relative;
  transition: all 0.3s ease-in-out;
}

/* .header-navigation ul > li.current-menu-item > a {
  background-position: 0;
}

.header-navigation ul > li.current-menu-item > a:before {
  width: 100%;
} */

/* .header-navigation a:before {
  content: "";
  background: var(--color-primary);
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 3px;
  transition: all 0.3s ease-in-out;
} */

/* .header-navigation a:hover {
  background-position: 0;
} */

/* .header-navigation a:hover::before {
  width: 100%;
} */

.header .social-icons {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
}

.header-navigation ul li a:hover {
  color: var(--color-primary);
}

.header-navigation a {
  overflow: hidden;
  position: relative;
  display: inline-block;
}

.header-navigation a::before,
.header-navigation a::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
}
.header-navigation a::before {
  background-color: #54b3d6;
  height: 2px;
  bottom: 0;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform 0.3s cubic-bezier(0.76, 0, 0.24, 1);
}
.header-navigation a::after {
  content: attr(data-replace);
  height: 100%;
  top: 0;
  transform-origin: 100% 50%;
  transform: translate3d(200%, 0, 0);
  transition: transform 0.3s cubic-bezier(0.76, 0, 0.24, 1);
  color: #54b3d6;
}

.header-navigation a:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}
.header-navigation a:hover::after {
  transform: translate3d(0, 0, 0);
}

.header-navigation a span {
  display: inline-block;
  transition: transform 0.3s cubic-bezier(0.76, 0, 0.24, 1);
}

.header-navigation a:hover span {
  transform: translate3d(-200%, 0, 0);
}

/******************************************
	Navigation
******************************************/
#mainNav .navigation {
  text-align: left;
  padding: 5px 0;
}
/* 
.onScroll #mainNav .navigation {
    padding: 4px 0 0;
} */

#mainNav .nav {
  display: block;
  border-bottom: 0;
  margin: 0;
  background: transparent;
}

#mainNav .nav li {
  list-style: none;
  display: inline-block;
  position: relative;
  padding: 10px;
}

li.mypins:after {
  content: url("../images/thumbpin-dark.svg");
  position: absolute;
  right: -11px;
  height: auto;
  width: 15px;
  margin-top: 4px;
}

#mobileMenu li.mypins:after {
  width: 20px;
  right: 25px;
  margin-top: 16px;
}

#mainNav .nav li:first-child {
  padding: 10px 15px 10px 0;
}

#mainNav .nav li a {
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #2b2b2b;
  text-decoration: none;
  font-weight: 400;
  padding: 5px 0;
  /* text-transform: uppercase; */
  /* letter-spacing: 4.55px; */
}

#mainNav .nav li ul {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  background: #ffffff;
  top: 45px;
  left: -20px;
  z-index: auto;
  background: #ffffff;
  margin: 0;
  padding: 10px 20px;
  border-radius: 4px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.21);
  white-space: nowrap;
}

#mainNav .nav li:hover ul {
  display: inline-block;
}

#mainNav .nav li ul li {
  display: block;
}

#mainNav .nav li a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: var(--color-main);
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

/* .hasHero #mainNav .nav li a:after {background-color: #ffffff;}
.onScroll #mainNav .nav li a:after {background-color: var(--color-main);;} */

#mainNav .nav li a:hover:after,
#mainNav .nav li.current-menu-item a:after,
#mainNav .nav li.current-menu-parent a:after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

#mainNav .nav li li a:after,
#mainNav .nav li.current-menu-item li a:after,
#mainNav .nav li.current-menu-parent li a:after {
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

#mainNav .nav li li:hover a:after,
#mainNav .nav li li.current-menu-item a:after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

#mobileButton {
  position: fixed;
  top: 2px;
  right: 0px;
  z-index: 9999;
}

#mobileMenu {
  position: fixed;
  top: 58px;
  left: 0;
  width: 100%;
  z-index: 9;
  margin: 0;
  padding: 0;
  transform: translateY(-100%);
  overflow-x: hidden;
  height: calc(100vh - 65px);
}

#mobileMenu ul {
  margin: 0;
  padding: 0;
}

#mobileMenu.is-active {
  transform: translateY(0%);
}

#mobileMenu li {
  list-style: none;
  float: none;
  position: relative;
  margin: 0;
  padding: 0;
}

#mobileMenu li:last-child {
  border-bottom: none;
}

#mobileMenu li a {
  width: 100%;
  padding: 15px 30px;
  display: inline-block;
  color: var(--color-font);
  background: var(--color-white);
  border-bottom: 1px solid #f2f2f2;
  font-weight: 400;
  font-size: 13px;
}

#mobileMenu li a:hover {
  color: var(--color-white);
  background: var(--color-dark);
}

#mobileMenu li.adminItem,
#mobileMenu li.userItem {
  display: none;
}

#mobileMenu.loggedIn li.adminItem {
  display: block;
}

#mobileMenu.loggedOut li.userItem {
  display: block;
}

#mobileMenu li.adminItem a,
#mobileMenu li.userItem a {
  color: #ffffff;
  background: #212121;
}

.headerToggle {
  position: fixed;
  top: 0;
  left: 0;
  height: 35px;
  width: 100%;
  background: var(--color-main);
  color: #ffffff;
  z-index: 100;
}

.headerToggle .nav {
  display: block;
}

.headerToggle .nav li {
  display: inline-block;
  padding: 7px 10px;
}

.headerToggle .nav li:first-child {
  padding: 8px 10px 8px 0;
}

.headerToggle .nav li a,
.headerToggle a {
  color: #ffffff;
  font-size: 13px;
  display: inline-block;
}

.headerToggle .nav li a:hover,
.headerToggle a:hover {
  color: #ffffff !important;
  border-bottom: 1px solid #ffffff;
}

/******************************************
    Hero
******************************************/
.hero-slide {
  background-size: cover;
  background-position: center;
}

/* .hero.content-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 40px;
}


/* .hero.content-slider .hero-slide {
  width: 100%;
  height: 30vw;

  display: flex;
  align-items: center;
  justify-content: center;
} */

.noHero {
  margin-bottom: 30px;
}
/******************************************
    Page Styling
******************************************/

.section-hr {
  width: 100%;
  height: 1px;
  background: #e4e4e4;
  margin: 20px auto;
}

.page-wrapper {
  position: relative;
}

.padding-top-0 {
  padding-top: 0px;
}

.padding-top-20 {
  padding-top: 20px;
}

.padding-top-30 {
  padding-top: 30px;
}

.padding-top-40 {
  padding-top: 40px;
}

.padding-top-60 {
  padding-top: 60px;
}

.padding-top-80 {
  padding-top: 80px;
}

.padding-top-100 {
  padding-top: 100px;
}

.padding-top-120 {
  padding-top: 120px;
}

.padding-bottom-0 {
  padding-bottom: 0px;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}

.padding-bottom-40 {
  padding-bottom: 40px;
}

.padding-bottom-60 {
  padding-bottom: 60px;
}

.padding-bottom-80 {
  padding-bottom: 80px;
}

.padding-bottom-100 {
  padding-bottom: 100px;
}

.padding-bottom-120 {
  padding-bottom: 120px;
}

.content-wrapper {
  position: relative;
  background: var(--color-white);
  padding: 30px;
}

.postContent .content-wrapper {
  padding: var(--spacing-lg);
}

.dark {
  color: #ffffff;
  background: #212121;
}

.reverse .row {
  display: -webkit-flex;
  -webkit-flex-direction: row-reverse;
  display: flex;
  flex-direction: row-reverse;
}

.narrow .container {
  max-width: 760px;
}

/******************************************
    Category View
******************************************/
.section-title {
  margin-bottom: var(--spacing-md);
  border-bottom: 1px solid var(--color-light);
}

.section-title .row {
  align-items: end;
}

.select-css {
  display: inline-block;
  right: 0;
  font-size: 16px;
  font-family: sans-serif;
  /* font-weight: 700; */
  color: #393939;
  line-height: 1;
  padding: 6px 10px 5px;
  width: 100%;
  max-width: 200px;
  box-sizing: border-box;
  margin: 0;
  border: none;
  border-radius: 2px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  background-image: url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png);
  background-repeat: no-repeat;
  background-position: right 0.6em top 51%, 0 0;
  background-size: 0.65em auto, 100%;
}
.select-css::-ms-expand {
  display: none;
}
.select-css:hover {
  border-color: transparent;
}
.select-css:focus {
  border-color: transparent;
  box-shadow: none;
  color: #393939;
  outline: none;
}
.select-css option {
  font-weight: normal;
}
Additionally, we recommend adding some rules for right-to-left language support, and a clear disabled state:


/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
  background-position: left 0.7em top 50%, 0 0;
  padding: 0.6em 0.8em 0.5em 1.4em;
}

/* Disabled styles */
.select-css:disabled,
.select-css[aria-disabled="true"] {
  color: graytext;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
    linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
}
.select-css:disabled:hover,
.select-css[aria-disabled="true"] {
  border-color: #aaa;
}

.page-login .postContent,
.page-register .postContent {
  position: relative;
  max-width: 580px;
  margin: 0 auto;
}

.page-login .gf_login_links a {
  display: block;
  padding: 15px 0 0;
}

.page-login .gf_login_links br {
  display: none;
}

.post-title a {
  overflow: hidden;
  white-space: nowrap; /* Don't forget this one */
  text-overflow: ellipsis;
  width: 100%;
}

.post-title a {
  display: block;
  font-size: 18px;
  color: var(--color-text);
  max-height: 60px;
  margin-bottom: 10px;
  overflow: hidden;
}

/******************************************
    Blocks
******************************************/

.page-content {
  position: relative;
  padding: 0;
  width: 100%;
}

.sectionHeading {
  font-size: 17px;
  padding-bottom: 10px;
  font-weight: 600;
}

.single-post-item {
  position: relative;
}

.single-post-item .postPin,
.single-post .postPin {
  text-align: right;
  top: -5px;
  right: 18px;
  position: absolute;
  z-index: 1;
}

.single-post .postPin {
  right: 0;
}

.block.categories .postPin img,
.single-post-item .postPin img,
.single-post .postPin img {
  width: 25px;
  height: auto;
}

.single-post-item .postPin img,
.single-post .postPin img {
  display: none;
  cursor: pointer;
}

.single-post-item .postPin.not-pinned img.lightPin,
.single-post .postPin.not-pinned img.lightPin {
  display: inline-block;
}

.single-post-item .postPin.pinned img.darkPin,
.single-post .postPin.pinned img.darkPin {
  display: inline-block;
}

/******************************************
     Newsletter
******************************************/
.newsletterWrapper {
  padding: 40px 160px;
  background: #ffffff;
}

.newsletterName,
.newsletterEmail,
.newsletterWrapper .gform_body,
.newsletterWrapper .gform_footer {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}

.newsletterWrapper .formColumn {
  display: flex;
  align-items: center;
}

.newsletterName {
  width: 66%;
}

.newsletterEmail {
  width: 34%;
  margin-top: 2px !important;
}

.newsletterWrapper .gform_body {
  width: 79%;
}
.newsletterWrapper .gform_footer {
  width: 20%;
}
.newsletterWrapper .gform_footer input.button {
  width: 100%;
}
.newsletterWrapper .gform_wrapper {
  width: 100%;
  padding-top: 20px;
}
.newsletterWrapper .gform_wrapper .top_label div.ginput_container {
  margin-top: 0;
}

/******************************************
    Sections
******************************************/
.parallax-window {
  padding: 80px 0;
  background-size: cover;
  background-position: center;
  min-height: 30vw;
  position: relative;
  overflow: hidden;
}

.parallax-window .overlay {
  z-index: 0;
}

.parallax-background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-size: cover;
  background-position: center;
}

.parallax-content {
  background: #ffffff;
  max-width: 420px;
  width: 80%;
  padding: 60px 40px;
  position: relative;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
  z-index: 5;
}

.content-table {
  display: table;
  width: 100%;
  height: 100%;
}

.content-cell {
  display: table-cell;
  vertical-align: middle;
}

.content-cell ul {
  list-style: circle;
}

.content-cell ul li {
  padding: 0 0 10px 10px;
}

.content-table hr,
.events hr {
  margin: 0;
  margin-bottom: 20px;
}

/******************************************
     Content Slider
******************************************/

.content-slider .image {
  background-size: cover;
  background-position: center;
}

.content-slider .content {
  padding: 20px 80px;
  height: 30vw;
}

.content-slider .container-fluid {
  padding: 0;
}

.content-slider-nav {
  text-align: center;
}

.content-slider-nav a {
  display: inline-block;
  position: relative;
  margin: 0 10px;
  padding: 5px 10px;
  color: #262c30;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.content-slider-nav a:hover {
  color: #ffffff !important;
  background-color: #2f3640;
}

.content-slider-nav a.active {
  color: #ffffff !important;
  background-color: var(--color-main);
}

.content-slide .row {
  margin: 0;
}

.content-slide {
  padding-top: 40px;
  padding-bottom: 0;
}

.content-slider .slick-prev {
  left: 30px;
}

.content-slider .slick-next {
  right: 30px;
}

.content-slider .slick-prev,
.content-slider .slick-next {
  top: 53%;
}

/******************************************
     Content Slider
******************************************/
.testimonial {
  padding-bottom: 20px;
  text-align: center;
}

/******************************************
     Image Gallery
******************************************/
.image-gallery .single-image {
  margin-bottom: 30px;
}

.image-gallery .single-image img {
  height: auto;
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.15);
}

.image-gallery .single-image:hover img {
  cursor: pointer;
  transform: scale(1.05);
}

.news-filters {
  padding: var(--spacing-md) 0;
}

.news-filters a {
  padding: var(--spacing-xs) var(--spacing-sm);
  margin: 0 var(--spacing-xs) 0 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.news-filters a.selected {
  color: var(--color-white);
  background-color: var(--color-primary);
  background-image: linear-gradient(92.88deg, #455eb5 9.16%, #5643cc 43.89%, #673fd7 64.72%);
}

.news-filters a:hover {
  color: var(--color-white);
  background-color: var(--color-primary);
  background-image: linear-gradient(192.88deg, #455eb5 9.16%, #5643cc 43.89%, #673fd7 64.72%);
}

/******************************************
     Form Elements
******************************************/
.hide-label {
  display: none !important;
}

.gform_wrapper {
  margin: 0 !important;
}

.gform_wrapper label {
  display: none !important;
}

.checkBox li label {
  display: inline-block !important;
}

.gfeild {
  padding: 0 15px;
  width: 100%;
}

body .gform_wrapper ul li.gfield {
  margin-top: 0;
}

body .gform_wrapper .top_label div.ginput_container {
  margin-top: 13px;
}

.one-half,
.one-third,
.one-quarter,
.full-width {
  display: inline-block;
  vertical-align: top;
}

.one-half {
  width: 50% !important;
}

.one-third {
  width: 33.333%;
}

.one-quarter {
  width: 25%;
}

.full-width {
  width: 100%;
}

.one-half input {
  width: 100% !important;
}

.gform_fields {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: -15px;
  margin-right: -15px;
}

.contact-form {
  padding: 50px 80px;
  min-height: 550px;
}

.google-map {
  padding: 0;
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea,
.vfbp-form .vfb-form-control {
  display: block;
  height: 44px;
  line-height: 1;
  padding: 10px 20px !important;
  color: #222;
  vertical-align: middle;
  box-shadow: none;
  border: none;
  width: 100% !important;
  max-width: 100%;
  border: 1px solid #f3f3f3;
  background: var(--color-white);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.vfbp-form .btn-primary {
  appearance: button;
  backface-visibility: hidden;
  background-image: linear-gradient(92.88deg, #455eb5 9.16%, #5643cc 43.89%, #673fd7 64.72%);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border-style: none;
  box-sizing: border-box;
  color: #ffffff !important;
  cursor: pointer;
  flex-shrink: 0;
  height: auto;
  padding: calc(var(--spacing-sm) - 4px) var(--spacing-md);
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.25) 0 3px 8px;
  transition: all 0.5s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover {
  box-shadow: rgba(80, 63, 205, 0.5) 0 1px 30px;
  transition-duration: 0.1s;
}

.select-selected {
  background-color: #fff;
}

.select-selected:after {
  content: "\f107";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #000;
  font-size: 18px;
  padding-right: 0.5em;
  position: absolute;
  top: 12px;
  right: 0;
}

.select-selected.select-arrow-active:after {
  content: "\f106";
}

.select-items div,
.select-selected {
  padding: 10px 20px;
  border: 1px solid #e1e1e1;
  cursor: pointer;
}

.select-items div {
  border-top: none;
}

.select-items {
  position: absolute;
  background-color: #f9fafa;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

.select-hide {
  display: none;
}

.select-items div:hover,
.same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.gform_wrapper.gf_browser_chrome .gfield_checkbox li input,
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type="checkbox"],
.gform_wrapper.gf_browser_chrome .gfield_radio li input[type="radio"] {
  margin-top: 0;
  margin-right: 10px;
}

.error {
  color: #e74c3c;
  font-weight: 700;
}

.gform_wrapper div.validation_error {
  color: #e74c3c;
  border-top: 2px solid #e74c3c;
  border-bottom: 2px solid #e74c3c;
}

.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: transparent !important;
  margin-bottom: 0 !important;
  border-top: none;
  border-bottom: none;
  padding-bottom: 6px;
  padding-top: 8px;
  box-sizing: border-box;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
  margin-top: 0;
}

.gform_wrapper .top_label .gfield_label {
  display: -moz-inline-stack;
  display: inline-block;
  line-height: 1.3;
  clear: both;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
  padding-right: 16px;
}

.gform_wrapper .validation_message,
.gform_wrapper .gfield_error .gfield_label {
  color: #e74c3c;
}

.gchoice_select_all,
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label,
.gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label {
  font-weight: 300 !important;
}

@media only screen and (min-width: 641px) {
  .gform_wrapper textarea.medium {
    height: 100px;
  }
}

/******************************************
    Footer
******************************************/
.footer {
  padding: 40px 0;
  font-size: 14px;
}

.copyright {
  color: #9b9b9b;
  font-size: 12px;
  padding: 2px 0;
}

.footer .nav {
  display: block;
  border-bottom: 0;
  margin: 0;
  background: transparent;
}

.footer .nav li {
  display: inline-block;
}

.footerLinks a {
  color: #2b2b2b;
  padding: 0 10px;
  font-size: 12px;
  display: inline-block;
}

.footer .social-icons a {
  color: #2b2b2b;
  padding: 0px 10px;
  display: inline-block;
  font-size: 16px;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

.pagination li {
  display: inline-block;
  padding: 0 var(--spacing-xs);
}

/******************************************
    Mobile
******************************************/
@media only screen and (max-width: 641px) .gform_wrapper input:not([type=radio]) :not([type=checkbox]) :not([type=image]) :not([type=file]) {
  line-height: 1;
}

@media only screen and (max-width: 1200px) {
  .newsletterWrapper {
    padding: 40px 80px;
  }
}

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 991px) {
  #header {
    background: #fff !important;
    position: fixed;
    transform: translateY(0%) !important;
    height: 65px;
    padding: 5px 0;
    top: 0 !important;
    z-index: 99;
    border-bottom: 1px solid #f2f2f2;
  }

  .hero.content-slider .hero-slide {
    height: 50vw;
  }

  body {
    padding-top: 65px;
  }

  .footerLinks {
    padding: 15px 0;
  }

  .block.categories .post-thumbnail {
    height: 195px;
  }

  .newsletterWrapper,
  #sidebar #newsletterSubscription {
    padding: 40px;
  }

  .newsletterName,
  .newsletterEmail,
  .newsletterName .name_last,
  .newsletterName .name_first,
  .newsletterWrapper .gform_body,
  .newsletterWrapper .gform_footer {
    width: 100% !important;
    display: block;
  }

  .newsletterName .name_last,
  .newsletterName .name_first,
  .newsletterEmail {
    margin-bottom: 12px;
    padding-right: 0 !important;
  }

  #sidebar {
    padding-top: 40px;
  }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
  #header .container {
    width: 100%;
    max-width: 100%;
  }

  .hero.content-slider .hero-slide {
    height: 70vw;
  }

  .page-home .hero.content-slider iframe,
  .page-home .hero.content-slider .fluid-width-video-wrapper {
    display: none;
  }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

/******************************************
    Retina
******************************************/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min--moz-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  /*.logo {display: none}
    .logo-retina {display: block;}*/
  /*.logo {
        background-image:url('../images/logo@2x.png');
    }*/
}

/******************************************
    Print
******************************************/
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }

  a:after,
  a:visited:after {
    content: " (" attr(href) ")";
  }

  a abbr[title]:after,
  a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav,
  header,
  #scrollMenu,
  footer,
  .floatright,
  .button,
  .addtoany_shortcode {
    display: none;
  }
}