/*
Theme Name: Advocacy 21
Author: Tom Virgin (Studio Tom)
Author URI: http://studio-tom.com/
Description: Custom designed theme for the Center for Children's Advocacy 2021 update.
Version: 1.0
Text Domain: advocacy21
*/
/* Variables */
:root {
  --lightBlue: #A2CAF0;
  --lightBlue: #6693bd;
  --lightBlueHover: #526e96;
  --linkBlue: #6693bd;
  --midBlue: #526e96;
  --darkBlue: #2e3a50;
  --white: #ffffff;
  --offWhite: #f8f6f4;
  --text: rgba(44, 44, 44, 0.7);
  --placeholder: rgba(155,155,155,0.7); }

/* Typography */
:root {
  --lightBlue: #A2CAF0;
  --lightBlue: #6693bd;
  --lightBlueHover: #526e96;
  --linkBlue: #6693bd;
  --midBlue: #526e96;
  --darkBlue: #2e3a50;
  --white: #ffffff;
  --offWhite: #f8f6f4;
  --text: rgba(44, 44, 44, 0.7);
  --placeholder: rgba(155,155,155,0.7); }

@font-face {
  font-family: 'Metropolis';
  src: url("/wp-content/themes/advocacy21/webfonts/metropolis/metropolis-regular-webfont.woff2") format("woff2"), url("/wp-content/themes/advocacy21/webfonts/metropolis/metropolis-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Metropolis';
  src: url("/wp-content/themes/advocacy21/webfonts/metropolis/metropolis-regularitalic-webfont.woff2") format("woff2"), url("/wp-content/themes/advocacy21/webfonts/metropolis/metropolis-regularitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Metropolis';
  src: url("/wp-content/themes/advocacy21/webfonts/metropolis/metropolis-semibold-webfont.woff2") format("woff2"), url("/wp-content/themes/advocacy21/webfonts/metropolis/metropolis-semibold-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Metropolis';
  src: url("/wp-content/themes/advocacy21/webfonts/metropolis/metropolis-semibolditalic-webfont.woff2") format("woff2"), url("/wp-content/themes/advocacy21/webfonts/metropolis/metropolis-semibolditalic-webfont.woff") format("woff");
  font-weight: bold;
  font-style: italic; }

body {
  font-family: "Metropolis", Helvetica, Arial, sans-serif;
  font-size: calc(6px + 0.25vw + 0.75vh);
  line-height: 1.6em;
  font-weight: 400;
  color: rgba(77, 77, 77, 0.7); }

h1, h2, h3, h4, h5, h6 {
  margin: calc(1rem + 2vh) 0;
  font-weight: 400; }

h1, h2, h3, h5, a.sidebar-cta span {
  font-family: "Metropolis", Helvetica, Arial, sans-serif; }

h6 {
  font-weight: 500; }

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a {
  color: #393939; }

h1, h2, h3, blockquote {
  line-height: 1.2em;
  letter-spacing: -0.02em; }

h1 {
  font-size: calc(2rem + 2vw + 2vh); }

h2 {
  font-size: calc(1rem + 2vw + 2vh); }

h3 {
  font-size: calc(1.5rem + 1vw + 1vh); }

h4, blockquote {
  font-size: calc(0.75rem + 1vw + 1vh);
  line-height: 1.3em; }

h5, a.sidebar-cta span {
  font-size: calc(0.75rem + 1vw + 1vh); }

h6 {
  font-size: calc(1rem + 0.5vw + 0.5vh); }

#banner h2 {
  font-family: "Metropolis", Helvetica, Arial, sans-serif;
  font-weight: 400 !important;
  font-size: 2.4em; }

a[title="button"],
input[type="submit"] {
  font-weight: 700; }

h1, h2, h3, h5, a.sidebar-cta span {
  font-family: "Metropolis", Helvetica, Arial, sans-serif; }

h1, h2, h3, h4, h5, h6 {
  margin: calc(1rem + 2vh) 0 0 0;
  font-weight: 400; }

h6 {
  font-weight: 500; }

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a {
  color: var(--darkBlue); }

h1, h2, h3, blockquote {
  line-height: 1.2em;
  letter-spacing: -0.02em; }

h1 {
  font-size: calc(0.8rem + 1.5vw + 1.5vh) !important; }

h2 {
  font-size: calc(1.5rem + 1vw + 1vh); }

h3 {
  font-size: calc(1rem + 1vw + 1vh); }

h4, blockquote {
  font-size: calc(0.75rem + 1vw + 1vh);
  line-height: 1.3em; }

h5, a.sidebar-cta span {
  font-size: calc(0.5rem + 1vw + 1vh);
  line-height: 1.3em; }

h6 {
  font-size: calc(1rem + 0.5vw + 0.5vh);
  line-height: 1.3em; }

a[title="button"],
input[type="submit"] {
  font-weight: 700;
  margin: 0 !important; }

p {
  max-width: 60em !important; }

/* Placeholders */
a[title="button"],
input[type="submit"] {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  display: inline-block; }

a[title="button"],
input[type="submit"] {
  width: 100%;
  line-height: 1rem;
  padding: 1rem;
  margin: 1rem 0 0;
  color: #ffffff;
  background: #00aae7;
  border: none;
  border-radius: 0em;
  text-align: center;
  transition: 0.4s all; }
  a[title="button"]:hover,
  input[type="submit"]:hover {
    background: #00aae7;
    color: #ffffff; }

/* Mixins */
/* Main */
.column p {
  margin-bottom: 0.75em; }

figure {
  display: block;
  margin: 0;
  padding: 0;
  background-color: transparent;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }

.featured-image {
  margin: -2rem -2rem 2rem; }
  .featured-image figure {
    padding-top: 50%; }

#banner .featured-image figure {
  padding-top: 0; }

ul.menu, ul.sub-menu, ul.link-rows, ul.tribe-events-sub-nav {
  list-style: none;
  padding-left: 0; }

.column li {
  margin-bottom: 1em; }

blockquote {
  position: relative;
  margin: 1.5em 0;
  padding: 0 1.5em; }

blockquote::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 6px;
  border-radius: 6px;
  background: #00aae7; }

a {
  text-decoration: none;
  color: inherit; }
  a.button, a.link {
    position: relative;
    display: block;
    margin-top: 1rem;
    padding: 1rem 6rem 1rem 2rem;
    background: #eceff3;
    border-radius: 0.5em;
    font-weight: bold;
    transition: all 0.4s;
    cursor: pointer; }
    a.button:hover, a.link:hover {
      background: #0085ca;
      color: #fff !important;
      transform: translateY(-0.25rem);
      box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15); }
    a.button::before, a.link::before {
      color: inherit;
      position: absolute;
      top: 0;
      right: 0.5rem;
      display: block;
      width: 2rem;
      height: 2rem;
      padding: 1rem 3rem 1rem;
      font-family: dashicons;
      font-size: 1.5em; }
    a.button.page::before, a.link.page::before {
      content: "\f344"; }
    a.button.webpage::before, a.link.webpage::before {
      content: "\f103"; }
    a.button.media::before, a.link.media::before {
      content: '\f498'; }
    a.button.email::before, a.link.email::before {
      content: '\f466'; }
    a.button.form::before, a.link.form::before {
      content: '\f481'; }

#content a {
  color: #00aae7; }

.widget a.button::before {
  content: "\f344"; }

.widget .menu a[target="_blank"]::after {
  font-family: dashicons;
  content: "\f103";
  display: inline-block;
  vertical-align: middle;
  padding-left: 1em;
  opacity: 0.5; }

a[title="button"],
input[type="submit"] {
  position: relative;
  background: #00aae7;
  text-align: left;
  color: #ffffff;
  padding: 1rem 2rem;
  margin: 0 -2rem;
  top: 2rem;
  box-sizing: content-box; }

a.close {
  position: relative;
  display: block;
  float: right;
  clear: none;
  width: 2rem;
  height: 2rem;
  margin-left: 1rem;
  margin-bottom: 1rem;
  text-indent: 1000em;
  overflow: hidden; }
  a.close::before, a.close::after {
    position: absolute;
    display: block;
    background: gray;
    transform: rotate(45deg); }
  a.close::before {
    width: 100%;
    height: 2px;
    top: 50%;
    left: 0;
    margin-top: -1px; }
  a.close::after {
    width: 2px;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -1px;
    transform: rotate(45deg); }

a.arrow {
  position: absolute;
  display: none;
  top: 0;
  width: 4em;
  height: 100%;
  opacity: 0.5;
  background: black;
  transition: 0.4s all; }
  a.arrow:hover {
    opacity: 1; }
  a.arrow.left {
    left: 0; }
  a.arrow.right {
    right: 0; }

.blue,
.red {
  color: #ffffff; }
  .blue .content,
  .red .content {
    color: #ffffff;
    background: none; }

.blue {
  background: #00aae7; }
  .blue a.button, .blue a[title="button"], .blue input[type="button"] {
    background: #0071d6; }

.red {
  background: #d94148; }
  .red a.button, .red a[title="button"], .red input[type="button"] {
    background: #6d2124; }

/*----------------------------------------------------- Structure */
.content-wrapper .column {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  font-size: calc(6px + 0.25vw + 0.75vh);
  box-sizing: border-box; }

.content-wrapper.columns-1-1-1 .column, .content-wrapper.columns-2-1 .column:nth-child(2) {
  font-size: calc(6px + 0.25vw + 0.75vh); }

.content-wrapper.columns-2-1 .column:nth-child(1) {
  width: 100%;
  background: initial;
  padding: 0rem; }

@media only screen and (min-width: 30em) {
  .columns-1 .column:nth-of-type(-1n+1) {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    display: inline-block;
    width: 100%; }
  .columns-2 .column:nth-of-type(-1n+2) {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    display: inline-block;
    width: 50%; }
  .columns-4 .column:nth-of-type(-1n+4) {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    display: inline-block;
    width: 50%; }
  .two-column {
    column-count: 2; }
  .three-column {
    column-count: 2; }
  .four-column {
    column-count: 2; }
  #column-left,
  #column-right {
    display: inline-block;
    width: 50%;
    vertical-align: top; }
  #column-left {
    padding-right: 1rem; }
  #column-right {
    padding-left: 1rem; } }

@media (min-width: 60em) {
  .content-wrapper .column {
    width: 33.3%; }
  .content-wrapper.columns-2-1 .column:nth-child(1) {
    width: 66.6%; }
  .columns-2 .column:nth-of-type(-1n+2) {
    width: 50%; }
  .columns-3 .column:nth-of-type(-1n+3) {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    display: inline-block;
    width: 33.3333333333%; }
  .columns-4 .column:nth-of-type(-1n+4) {
    width: 25%; }
  .two-column {
    column-count: 2; }
  .three-column {
    column-count: 3; }
  .four-column {
    column-count: 4; }
  #column-left {
    width: 40%;
    padding-right: 1.5rem; }
  #column-right {
    width: 60%;
    padding-left: 1.5rem; } }

body.desktop .mobile-only {
  display: none; }

body.tablet .mobile-only {
  display: none; }

body.mobile .non-mobile {
  display: none; }

/* Header */
#header-holder {
  height: 8rem; }

#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 6rem;
  padding: 0;
  padding-left: 10vw;
  padding-right: 10vw;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.08);
  transition: all 0.5s;
  z-index: 3; }
  #header li a {
    padding: 1rem;
    font-weight: 400 !important;
    transition: all 0.4s; }
    #header li a:hover {
      color: #0085CA;
      transform: translateY(-0.25rem); }
  #header li.current_page_item a {
    color: #0085CA; }
  #header ul,
  #header li,
  #header li a,
  #header .menu-wrapper {
    display: none; }
  #header .menu-wrapper {
    opacity: 1; }
  #header.navigating:not(.desktop) ul, #header.navigating:not(.desktop) li, #header.navigating:not(.desktop) li a,
  #header.navigating:not(.desktop) .menu-wrapper {
    display: block; }
  #header.navigating:not(.desktop) .menu-wrapper {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(6px);
    text-align: left;
    height: 90vh;
    overflow-y: scroll; }
  #header.navigating:not(.desktop) ul.sub-menu {
    border-left: solid 2px rgba(0, 0, 0, 0.1);
    margin-left: 1rem; }
  #header.searching .menu-wrapper {
    opacity: 0; }
  #header.desktop ul,
  #header.desktop li,
  #header.desktop li a {
    display: inline-block;
    vertical-align: middle; }
  #header.desktop li {
    position: relative; }
  #header.desktop li a {
    position: relative;
    padding: 1rem 1.5rem;
    /*
			&::before {
				content: '';
				position: absolute;
				bottom: 0;
				left: 0;
				width: 0%;
				height: 3px;
				background-color: #444;
				opacity: 0;
				transition: all 0.4s;
			}
			&:hover::before {
				width: 100%;
				opacity: 1;
				background-color: #0085CA;
			}
			*/ }
  #header.desktop li ul {
    position: absolute;
    top: calc(100% - 1rem);
    left: 50%;
    max-width: 80vw;
    width: 20rem;
    margin-top: 0.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: none;
    transform: translate(-50%, 0);
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
    background: #fff;
    border-radius: 0.5rem; }
    #header.desktop li ul::before {
      position: absolute;
      top: 0;
      left: 50%;
      display: block;
      width: 1rem;
      height: 1rem;
      transform: translate(-50%, -50%) rotate(45deg);
      background-color: #fff; }
    #header.desktop li ul li, #header.desktop li ul a {
      display: block; }
  #header.desktop li:hover > ul {
    display: block; }
  #header.desktop .menu-wrapper {
    display: block;
    width: 80vw;
    text-align: right;
    padding-right: 7rem; }
    #header.desktop .menu-wrapper::before {
      display: inline-block;
      width: 0; }
    #header.desktop .menu-wrapper ul {
      text-align: center; }

body.scrolling #header {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(6px); }

body:not(.scrolling) #header {
  background: rgba(251, 249, 249, 0);
  box-shadow: none; }

body.scrolling.scrolling-down #header {
  transform: translateY(-100%); }

body.admin-bar #header {
  top: 32px; }

#logo {
  position: absolute;
  top: 1rem;
  left: 10vw;
  display: block;
  width: auto !important;
  height: 15vw;
  max-height: 4rem;
  margin-right: 2rem;
  opacity: 1;
  transition: all 0.4s; }
  #logo a {
    display: block;
    width: 100% !important;
    height: 100% !important; }
  #logo img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%; }

#search {
  width: auto;
  position: absolute;
  right: calc(10vw + 3rem);
  top: 2.5rem;
  background: none;
  border-bottom: solid 2px #fff;
  transition: all 0.4s; }
  #search label {
    position: relative;
    display: block;
    z-index: 2; }
    #search label span {
      display: none; }
    #search label input[type="search"] {
      display: block;
      border: none;
      background: none;
      width: 3rem;
      padding: 0;
      line-height: 3rem;
      height: 3rem;
      text-indent: 2rem;
      color: #444;
      outline: none;
      opacity: 0;
      z-index: 2; }
      #search label input[type="search"]:focus {
        width: 100%;
        padding-right: 3rem;
        opacity: 1; }
  #search input[type="submit"] {
    position: absolute;
    display: block;
    top: 0;
    right: 2rem;
    width: 3rem;
    height: 3rem;
    padding: 0;
    border: none;
    z-index: 1;
    background-image: url(https://sargentandgreenleaf.com/wp-content/themes/sg2020/img/search.svg);
    background-size: 50% auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    text-indent: 9999px; }
  #search.open {
    width: calc(100% - 10rem);
    max-width: 600px;
    border-bottom: solid 2px #ddd; }
    #search.open label {
      z-index: 1; }
    #search.open input[type="submit"] {
      z-index: 3; }

#menu-icon {
  position: absolute;
  right: 10vw;
  top: 2rem;
  height: 2rem;
  width: 2rem;
  display: block;
  cursor: pointer;
  transform: scale(0.7); }
  #menu-icon span {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 5px;
    border-radius: 1px;
    background: black;
    transition: all 0.4s;
    transform: translateY(-50%);
    opacity: 1; }
  #menu-icon span:nth-child(2) {
    transform: translateY(calc(-50% - 0.7rem)); }
  #menu-icon span:nth-child(3) {
    transform: translateY(calc(-50% + 0.7rem)); }
  #menu-icon.open span:nth-child(1) {
    opacity: 0; }
  #menu-icon.open span:nth-child(2) {
    transform: translateY(0) rotate(45deg); }
  #menu-icon.open span:nth-child(3) {
    transform: translateY(0) rotate(-45deg); }

#header-holder {
  display: none; }

.searchwp-live-search-results-showing {
  width: calc(100% - 10rem) !important;
  max-width: 600px !important;
  box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.08); }
  .searchwp-live-search-results-showing a:hover {
    color: #0085CA; }

/* Banner */
#banner {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100vw;
  overflow: hidden;
  min-height: 35vh;
  background-color: #eee; }

#banner figure {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

#banner figure::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(8deg, rgba(37, 25, 6, 0.3) 17.65%, rgba(255, 255, 255, 0.8) 78.15%, white); }

#banner .featured-image {
  margin: 0 !important; }

#banner .caption {
  position: relative;
  display: block;
  z-index: 2;
  width: 80vw;
  margin: 0 auto;
  padding-top: 20vh;
  padding-bottom: 8vh;
  color: white; }

#banner .caption * {
  color: white; }

#banner h1 {
  margin-bottom: 1rem; }

/* Sections */
#main {
  background-color: #fbf9f9; }

#content {
  min-height: 80vh;
  padding: 0;
  padding-top: calc(35vh + 2rem);
  z-index: 2; }

.content-wrapper {
  display: block;
  width: 80vw;
  margin: 0 auto;
  font-size: 0;
  box-sizing: border-box; }
  .content-wrapper.fullWidth {
    width: 100vw; }
  .content-wrapper #breadcrumbs,
  .content-wrapper [class*="_layout"] {
    font-size: calc(6px + 0.25vw + 0.75vh); }
  .content-wrapper .widget {
    margin: 0 0 4rem 2rem; }
    .content-wrapper .widget img {
      width: auto;
      height: auto;
      max-width: 100%; }
    .content-wrapper .widget a:not(.button) {
      color: inherit !important; }
    .content-wrapper .widget a.button {
      background: none;
      padding: 1rem 0 0;
      border-top: solid 2px #ddd;
      border-radius: 0; }
    .content-wrapper .widget a.button:hover {
      color: inherit !important;
      box-shadow: none; }
    .content-wrapper .widget a.sidebar-cta {
      display: block;
      border-radius: 1rem;
      margin: 2rem 0 2rem;
      padding: 2rem;
      background: linear-gradient(45deg, #00aae7, #0071d6);
      color: #fff !important;
      box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15); }
    .content-wrapper .widget a.sidebar-cta span {
      display: block; }
    .content-wrapper .widget .link-rows > li:nth-last-child(n+2),
    .content-wrapper .widget article:nth-last-child(n+2),
    .content-wrapper .widget .news-content {
      border-bottom: solid 2px #ddd;
      padding-bottom: 1rem; }
    .content-wrapper .widget .menu a {
      position: relative;
      display: block;
      padding: 0.5rem 0; }
    .content-wrapper .widget .menu-item-has-children ul {
      list-style: none;
      padding: 0;
      margin: 0.75rem 0;
      display: none; }
    .content-wrapper .widget .menu-item-has-children > a {
      color: inherit !important;
      border-bottom: solid 2px rgba(0, 0, 0, 0.1);
      transition: all 0.4s; }
      .content-wrapper .widget .menu-item-has-children > a::after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        width: 0.5rem;
        height: 0.5rem;
        border-right: solid 2px #444;
        border-bottom: solid 2px #444;
        transform: translateY(-40%) translateX(-50%) rotate(45deg);
        transition: all 0.4s; }
    .content-wrapper .widget .menu-item-has-children.open ul {
      display: block; }
    .content-wrapper .widget .menu-item-has-children.open > a {
      border-bottom: solid 2px #cceeee; }
    .content-wrapper .widget .menu-item-has-children.open > a::after {
      transform: translateY(-40%) translateX(-50%) rotate(225deg); }

.gallery_layout figure {
  width: 32%;
  padding-top: 32%;
  margin: 0 1% 1% 0;
  display: inline-block; }

.block_layout {
  background: #00aae7 url(https://sargentandgreenleaf.com/wp-content/themes/sg2020/img/SG_Asset-24.png) -10% -100%/auto 110% no-repeat;
  color: white !important;
  padding: 4rem 10vw; }
  .block_layout h1, .block_layout h2, .block_layout h3, .block_layout h4, .block_layout h5, .block_layout h6,
  .block_layout h1 a, .block_layout h2 a, .block_layout h3 a {
    color: white !important; }

/* Widgets */
.widget .search-form {
  background: rgba(164, 167, 169, 0.3);
  border-radius: 5px;
  display: block;
  height: auto; }
  .widget .search-form .search-field {
    display: inline-block;
    width: 100%;
    background: none;
    height: 3rem;
    box-sizing: border-box;
    border: none;
    text-indent: 1rem;
    color: #808080; }
  .widget .search-form .search-submit {
    display: inline-block;
    vertical-align: middle;
    width: 3rem;
    height: 3rem;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 0 !important;
    top: 0;
    left: 0;
    background: transparent url(https://sargentandgreenleaf.com/wp-content/themes/sg2020/img/search.svg) 80% center/35% auto no-repeat !important;
    font-size: 0; }
  .widget .search-form label {
    display: inline-block;
    vertical-align: middle;
    width: calc(96% - 3rem);
    margin: 0 !important; }
  .widget .search-form::before, .widget .search-form::after,
  .widget .search-form label::before,
  .widget .search-form label::after {
    display: none; }

/* Buttons */
a.button,
.wp-block-button__link,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  display: inline-block;
  width: auto;
  border-radius: 3rem;
  margin: 2rem 0 2rem;
  padding: 0.5rem 3rem;
  background: linear-gradient(45deg, #00aae7, #0071d6);
  color: #fff !important;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
  font-weight: 400; }

.is-style-outline .wp-block-button__link {
  background: transparent; }

/* Footer */
#footer {
  background-color: #393939;
  color: #a4a7a9;
  padding: 2rem; }

.footer-widget {
  padding: 0 2rem; }

@media (min-width: 60em) {
  #footer {
    padding: 4rem 0; } }

/* Forms */
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form input[type="checkbox"],
form textarea {
  display: block;
  position: relative;
  color: inherit;
  font-size: 0.85em;
  line-height: 1em;
  padding: 1em 0;
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none;
  outline: none;
  margin: 0;
  width: 100%; }

form textarea {
  min-height: 4rem; }

form span * {
  vertical-align: middle; }

form input[type="checkbox"],
form input[type="radio"] {
  position: relative;
  display: inline;
  width: auto;
  margin: 1em 0.3em 1em 0em;
  opacity: 0;
  z-index: 2; }
  form input[type="checkbox"] + label,
  form input[type="radio"] + label {
    position: relative;
    padding-right: 1em; }
    form input[type="checkbox"] + label::before,
    form input[type="radio"] + label::before {
      border: solid 4px #f5f5f5;
      border-radius: 50%;
      content: "";
      display: block;
      top: 0.1rem;
      height: 1.2em;
      width: 1.2em;
      left: -2.3rem;
      position: absolute;
      z-index: 1; }
  form input[type="checkbox"]:checked + label::before,
  form input[type="radio"]:checked + label::before {
    background: #0085ca; }

form input[type="radio"] + span::before {
  border-radius: 1em; }

form ::-webkit-input-placeholder {
  color: rgba(57, 57, 57, 0.5); }

form :-moz-placeholder {
  /* Firefox 18- */
  color: rgba(57, 57, 57, 0.5); }

form ::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(57, 57, 57, 0.5); }

form :-ms-input-placeholder {
  color: rgba(57, 57, 57, 0.5); }

div.gform_wrapper form div.gform_heading {
  display: none; }

div.gform_wrapper form ul {
  padding: 0;
  list-style-type: none; }

/* Calendar */
.tribe-mini-calendar-event h2 {
  background: none !important;
  font-size: 1rem; }

.tribe-mini-calendar-event .list-date {
  display: none; }

.tribe-mini-calendar-event .tribe-event-date-start {
  font-size: 0.85em; }

.tribe-events-month .tribe-events-month-event-title {
  font-size: 0.9rem;
  word-wrap: normal !important;
  padding: 0 !important;
  margin: 0; }

.events-archive.events-gridview #tribe-events-content table .type-tribe_events {
  background: none !important;
  border: solid 2px !important;
  border-radius: 0.5rem;
  padding: 0; }

.events-archive.events-gridview #tribe-events-content table .type-tribe_events.cat_village-holidays {
  border-color: #dd7c0d !important; }

.tribe-events-nav-previous {
  float: left; }

.tribe-events-nav-next {
  float: right; }

.tribe-events-nav-previous a,
.tribe-events-nav-next a {
  display: inline-block; }

.tribe-events-nav-previous span,
.tribe-events-nav-next span {
  display: inline-block;
  vertical-align: middle;
  padding: 1rem; }

.widget .type-tribe_events {
  position: relative;
  padding-bottom: 1rem;
  border-bottom: solid 2px #ddd; }

.widget .type-tribe_events h2 {
  border-left: 0 !important;
  padding-left: 0 !important;
  margin-bottom: 0; }

.widget .type-tribe_events::after {
  content: '';
  display: inline-block;
  width: auto;
  padding: 0.25rem 0.75rem;
  border-radius: 1.5rem;
  border: solid 2px currentcolor; }

@media (min-width: 80em) {
  .widget .type-tribe_events {
    padding-right: 7rem; }
  .widget .type-tribe_events::after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%); } }

.widget .type-tribe_events.tribe-events-category-village-holidays::after {
  color: #e57200;
  content: 'holiday'; }

.widget .type-tribe_events.tribe-events-category-training {
  color: #009ca6;
  content: 'training'; }

.widget .type-tribe_events.tribe-events-category-psych-n-call {
  color: #eceff3;
  content: 'psych'; }

.widget .type-tribe_events.tribe-events-category-organization {
  color: #0085ca;
  content: 'organization'; }

.widget .type-tribe_events.tribe-events-category-nurse-on-call {
  color: #c8102e;
  content: 'nurse'; }

/* Overlays */
#overlay {
  position: fixed;
  visibility: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(251, 249, 249, 0.9);
  backdrop-filter: blur(6px);
  z-index: 9999; }
  #overlay section {
    visibility: hidden;
    width: 100%;
    max-height: 100%;
    padding: 3rem;
    overflow: auto;
    background: none;
    border: none; }

@media only screen and (min-width: 30em) {
  #overlay {
    padding: 3rem; }
    #overlay a.close {
      display: block;
      width: auto;
      margin: 1rem auto; } }

@media (min-width: 60em) {
  #overlay {
    padding: 10vw; }
    #overlay section {
      padding: 2rem 0; } }

/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative; }

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  transition-property: transform, height; }

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  touch-action: pan-y; }

.swiper-wp8-vertical {
  touch-action: pan-x; }

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat; }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto; }

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto; }

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms;
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%; }

/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000; }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px; }

/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5); }

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff; }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000; }

/* 3D Container */
.swiper-container-3d {
  perspective: 1200px; }

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */ }

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px; }

/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible; }

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden; }

/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; }

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg); } }

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
  width: 100%;
  height: auto;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }

#banner .swiper-container {
  height: 100%; }
  #banner .swiper-container .swiper-slide {
    padding: 0; }
    #banner .swiper-container .swiper-slide .slide-content {
      padding-top: 8rem; }
    #banner .swiper-container .swiper-slide::after {
      height: 30vh; }

body.home #banner .swiper-container .swiper-slide::after {
  height: 50vh; }

.swiper-slide {
  text-align: center;
  white-space: normal;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 2rem 0; }
  @media (min-width: 60em) {
    .swiper-slide {
      padding: 6rem 0; } }
  .swiper-slide::after {
    display: inline-block;
    width: 0;
    height: 100%;
    min-height: 30vh;
    vertical-align: middle; }
  .swiper-slide div.slide-content {
    position: relative;
    width: 99%;
    max-width: 60rem;
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    box-sizing: border-box;
    padding: 2rem;
    margin: 0 auto;
    text-align: initial; }
    .swiper-slide div.slide-content.light {
      color: #ffffff; }
    .swiper-slide div.slide-content.dark {
      color: #222222; }
    .swiper-slide div.slide-content h2 {
      font-weight: 700;
      margin-bottom: 0.5rem; }
    .swiper-slide div.slide-content h6 {
      margin: 0 0 1rem !important;
      font-size: 1.2rem !important; }
  .swiper-slide.banner-img figure {
    position: absolute;
    width: 100%;
    height: 12rem;
    left: 0;
    top: 2rem;
    background-size: auto 80%;
    background-position: center center;
    background-repeat: no-repeat; }
    @media (min-width: 50em) {
      .swiper-slide.banner-img figure {
        position: absolute;
        top: 0;
        width: 50%;
        height: 100%; } }
  .swiper-slide.banner-img .slide-content {
    padding-top: 12rem; }
    @media (min-width: 50em) {
      .swiper-slide.banner-img .slide-content {
        padding-top: 0;
        width: 50%;
        margin-left: 50%;
        text-align: left; } }
.swiper-slide-active {
  /* Specific active slide styling: */ }

.swiper-slide-visible {
  /* Specific visible slide styling: */ }

.slider-cards.swiper-container-horizontal .swiper-slide {
  margin: 4rem 0;
  width: 16rem;
  padding: 0;
  overflow: visible;
  background-position: center top;
  background-size: cover; }
  .slider-cards.swiper-container-horizontal .swiper-slide .slide-content {
    position: absolute;
    top: calc(100% - 5rem);
    left: 0;
    width: 100%;
    background: #ffffff;
    box-sizing: border-box;
    transform: translateY(0);
    padding: 1.5rem 6rem 1.5rem 2rem;
    font-size: 0.9em;
    transition: all 0.4s; }
  .slider-cards.swiper-container-horizontal .swiper-slide:hover .slide-content {
    transform: translateY(calc(-100% + 5rem)); }

.images.swiper-container-horizontal .swiper-slide {
  padding: 20% 0; }

.swiper-button-prev,
.swiper-button-next {
  top: unset;
  bottom: 0;
  width: 3rem;
  height: 3rem;
  margin-top: -2rem;
  background: transparent url(https://sargentandgreenleaf.com/wp-content/themes/sg2020/img/SG-icon-next-B.svg) center center/auto 1.75rem no-repeat;
  border-radius: 2rem;
  opacity: 1;
  transition: all 0.4s; }
  .swiper-button-prev:hover,
  .swiper-button-next:hover {
    opacity: 1; }

.swiper-button-prev {
  transform: rotate(180deg);
  left: 1rem; }

.swiper-button-next {
  right: 1rem; }

.swiper-pagination-bullets {
  bottom: 2rem !important;
  height: 0.5rem; }

.swiper-pagination-bullet-active {
  background: #00aae7 !important; }

.swiper-pagination-bullet {
  width: 2.5rem;
  height: 0.5rem;
  border-radius: 0.5rem;
  background: rgba(74, 47, 15, 0.49); }

/* Responsive */
/*--------------------------------------------------------Mobile First (portrait phone) styles in main.scss */
/*--------------------------------------------------------landscape phone, portrait tablet, and larger*/
@media only screen and (min-width: 30em) {
  #top #news-banner {
    width: 50%;
    height: 20rem;
    float: left;
    margin-right: 1rem; } }

/*----------------------------------------------------------------landscape tablet, desktop*/
@media only screen and (min-width: 60em) {
  .block {
    display: block;
    margin-bottom: 3rem; }
  .page-content {
    padding: 3rem; }
  #top {
    padding: 6rem 3rem 3rem 19rem; }
    #top #menu {
      left: 0; }
      #top #menu #menu-above {
        z-index: 2; }
      #top #menu #menu-below {
        left: 0;
        z-index: 1; }
      #top #menu:hover #menu-below {
        left: 16rem; }
  #main-news {
    margin-bottom: 3rem; }
  #bar {
    height: 3rem;
    line-height: 3rem; } }

/* Oops */
:root {
  --lightBlue: #A2CAF0;
  --lightBlue: #6693bd;
  --lightBlueHover: #526e96;
  --linkBlue: #6693bd;
  --midBlue: #526e96;
  --darkBlue: #2e3a50;
  --white: #ffffff;
  --offWhite: #f8f6f4;
  --text: rgba(44, 44, 44, 0.7);
  --placeholder: rgba(155,155,155,0.7); }

/* global styles */
.author.location > div {
  display: inline-block;
  padding: 1rem;
  margin: 0;
  vertical-align: top; }

.author.location > div br {
  display: none; }

@media (min-width: 768px) {
  .author.location > div {
    padding: 1.5rem 2rem 0 0; }
  .author.location > div.tribe-events-venue-details {
    margin-bottom: 1rem; } }

body {
  max-width: 100vw !important;
  background: var(--white);
  font-family: "Metropolis", Helvetica, Arial, sans-serif !important;
  color: var(--text);
  padding-left: 0 !important;
  padding-right: 0 !important;
  line-height: 1.5em;
  font-size: calc(12px + 0.1vw + 0.5vh); }

.content-wrapper .column {
  font-size: calc(6px + 0.5vw + 0.75vh);
  line-height: 1.65em; }

#main {
  background-color: var(--offWhite) !important; }

#content {
  background-color: var(--offWhite) !important;
  padding-top: calc(10vh + 6rem); }

#content a {
  color: var(--linkBlue); }

.wp-block-pullquote.is-style-solid-color blockquote {
  margin: 1rem;
  max-width: 100%; }

.modified-date {
  opacity: 0.7; }

/* featured image styling */
#banner {
  margin-bottom: 5vh !important; }

#banner h1 {
  border-bottom: 0;
  margin-bottom: 0;
  margin-top: 10vh;
  font-weight: 900; }

#banner h2 {
  margin-top: 0;
  font-family: "Metropolis", Helvetica, Arial, sans-serif !important; }

#banner .featured-image {
  min-height: 60vh; }

#banner .featured-image figure::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient(rgba(46, 58, 90, 0.5), rgba(46, 70, 120, 0.9));
  z-index: 0; }

#banner .caption {
  padding-top: 6.5rem; }

body.admin-bar #banner .caption {
  padding-top: calc(6.5rem + 40px); }

.breadcrumbs_p {
  font-size: 0.85rem;
  font-weight: 300;
  opacity: 0.75;
  padding-bottom: 5vh; }

.breadcrumbs_p a:hover {
  text-decoration: underline; }

.breadcrumb_last {
  text-decoration: underline; }

/* placeholders */
a[title="button"],
input[type="submit"] {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  display: inline-block; }

a[title="button"],
input[type="submit"] {
  width: 100%;
  line-height: 1rem;
  padding: 1rem;
  margin: 1rem 0 0;
  color: var(--white);
  background: var(--midBlue);
  border: none;
  border-radius: 2em;
  text-align: center;
  transition: 0.4s all; }

a[title="button"]:hover,
input[type="submit"]:hover {
  background: #00aae7;
  color: var(--white); }

blockquote::before {
  background: var(--lightBlue); }

.wp-block-image img {
  min-height: 100%;
  min-width: 100%;
  width: auto;
  height: auto; }

/* menu styles */
#logo img {
  min-height: 4rem;
  width: calc(80vw - 8rem);
  max-width: 440px !important; }

#header li.current_page_item a {
  color: var(--lightBlue); }

body:not(.scrolling) #header {
  background: var(--white); }

#header.navigating:not(.desktop) .menu-wrapper {
  position: absolute;
  left: 0;
  top: 6rem;
  width: 100vw;
  background: white; }

#header .submenu {
  padding: 0 1rem; }

#header a {
  color: var(--darkBlue); }

#header li a:hover {
  transform: none; }

#header li ul a figure {
  display: none; }

#header.desktop .submenu li a {
  padding: 1rem; }

#header.desktop li ul {
  position: fixed;
  top: 4rem;
  left: 0;
  max-width: 100vw;
  max-height: 80vh;
  overflow-y: scroll;
  width: 100vw;
  padding-top: 2rem;
  display: none;
  box-shadow: 0 0.75rem 1rem 0 rgba(0, 0, 0, 0.15);
  border-radius: 0;
  background: var(--offWhite) !important;
  transform: none !important;
  text-align: left !important; }

body.admin-bar #header.desktop li ul {
  top: calc(4rem + 32px); }

#header.desktop li ul::before {
  content: "";
  display: none; }

#header.desktop li ul li {
  transition: all 0.3s; }

#header.desktop li ul li:hover {
  background: var(--white); }

#header.desktop li ul li, #header.desktop li ul a {
  display: inline-block;
  vertical-align: top;
  width: 20rem;
  max-width: 23vw; }

#header.desktop li ul a figure {
  display: block;
  width: 100%;
  height: 8rem;
  overflow: hidden;
  margin-bottom: 0.5rem; }

#header.desktop li ul a figure img {
  position: relative;
  min-height: 100%;
  min-width: 100%;
  max-height: 230%;
  max-width: 200%;
  width: auto !important;
  height: auto !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

#header.desktop li:hover > ul {
  display: block; }

#header.desktop .menu-wrapper {
  display: inline-block;
  vertical-align: middle;
  /*width: calc(100vw - 30rem);*/
  text-align: right; }

#header.desktop .menu-wrapper::before {
  display: inline-block;
  width: 0; }

#header.desktop .menu-wrapper ul {
  text-align: center; }

#header.desktop #logo {
  display: inline-block; }

#menu-icon {
  transform: scale(0.9); }

#header.desktop #menu-icon {
  display: none; }

#header.desktop #search {
  right: 10vw; }

#search label input[type="search"] {
  padding-right: 2rem;
  border: none; }

#search {
  top: 50%;
  transform: translateY(-50%);
  border-radius: 2rem; }

#search.open {
  width: calc(80vw - 12rem);
  border: none;
  box-shadow: 0 0 0 0.5rem var(--offWhite);
  background: var(--offWhite); }

#search input[type="submit"] {
  background-color: var(--midBlue);
  background-image: url(https://cca-ct.org/wp-content/themes/advocacy21/img/icon-search.png);
  right: 0; }

.searchwp-live-search-results {
  border: none;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }

.button-menu {
  line-height: 0.5rem;
  vertical-align: unset;
  display: inline-block;
  width: auto;
  max-width: 70vw;
  border-radius: 3rem;
  background: var(--linkBlue);
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
  font-size: 0.85rem;
  transition: transform .2s; }

.button-menu a {
  padding: 1rem 1.5rem 1rem 1.5rem !important;
  color: var(--white) !important; }

#header .submenu .button-menu {
  margin-top: 1.5rem; }

#header.desktop .button-menu {
  margin-left: 1rem; }

#menu-icon span {
  background: var(--darkBlue); }

/* page blocks */
.blue-section {
  background-color: #eaeff3; }

.wp-block-group.alignfull.blue-section {
  padding: 3vw 10vw 3vw 10vw !important;
  margin-bottom: 0; }

.has-dark-blue-color {
  color: var(--darkBlue); }

/* homepage styles */
home .featured-image {
  display: none; }

.tagline-section {
  /*
    background-color: #eaeff3;
    padding: 0.5em;
    margin: 0 -10vw 3rem 0;
	background-image: url(https://cca-ct.org/wp-content/uploads/2021/01/logo-watermarked.png);
	background-repeat: no-repeat;
  background-position: bottom right;
	*/
  margin: 0 !important;
  padding: 2rem 0 1rem; }

@media (min-width: 30em) {
  .tagline-section {
    padding-top: 0; } }

.wp-block-cover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(46, 58, 80, 0.3), rgba(46, 58, 80, 0.8));
  opacity: 1;
  transition: all 0.6s;
  z-index: 0; }

.wp-block-cover:hover::before {
  background: linear-gradient(120deg, rgba(46, 58, 80, 0.7), rgba(46, 58, 80, 0.8));
  opacity: 1; }

.wp-block-cover .wp-block-cover__inner-container h2, .wp-block-cover .wp-block-cover__inner-container h3, .wp-block-cover .wp-block-cover__inner-container h4 {
  transform: translate3d(0, 100%, 0);
  transition: all 0.6s;
  text-shadow: 0 3px 6px rgba(46, 58, 80, 0.4); }

.wp-block-cover:hover .wp-block-cover__inner-container h2, .wp-block-cover:hover .wp-block-cover__inner-container h3, .wp-block-cover:hover .wp-block-cover__inner-container h4 {
  transform: translate3d(0, 0, 0); }

.wp-block-cover .wp-block-cover__inner-container p, .wp-block-cover .wp-block-cover__inner-container .wp-block-button {
  opacity: 0.0;
  transition: all 0.6s; }

.wp-block-cover:hover .wp-block-cover__inner-container p, .wp-block-cover:hover .wp-block-cover__inner-container .wp-block-button {
  opacity: 1; }

.wp-block-cover, .wp-block-cover-image {
  align-items: flex-end; }

body.page-id-273 .wp-block-cover, body.page-id-273 .wp-block-cover-image {
  align-items: flex-end;
  min-height: 300px; }

body.page-id-273 .block-cover__inner-container h2, body.page-id-273 .wp-block-cover .wp-block-cover__inner-container h3 {
  transform: translate3d(0, 20%, 0) !important; }

.wp-block-separator.is-style-dots {
  background: none;
  border-bottom: 1px dotted #666;
  text-align: center;
  width: 100%;
  max-width: none;
  height: auto; }

.wp-block-separator.is-style-dots:before {
  content: ""; }

body.home .wp-block-group .wp-block-group__inner-container h2 {
  margin-top: 0; }

body.home .cover-hide-text {
  min-height: 3rem;
  max-height: 17rem; }

/* Buttons */
a.button,
.wp-block-button__link,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button, button.btn-primary, button.btn {
  display: inline-block;
  width: auto;
  border-radius: 3rem;
  border: 0;
  margin: 1rem 0 1rem;
  padding: 0.5rem 1.5rem;
  background: var(--lightBlue);
  color: var(--darkBlue) !important;
  color: var(--white) !important;
  font-family: "Metropolis", Helvetica, Arial, sans-serif !important;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
  font-weight: 400;
  transition: all .3s;
  font-size: 0.8em !important; }

button.btn-primary {
  background: var(--darkBlue); }

button.btn[data-dismiss] {
  background: var(--midBlue); }

a.button::after,
.wp-block-button__link::after,
.woocommerce #respond input#submit::after,
.woocommerce a.button::after,
.woocommerce button.button::after,
.woocommerce input.button::after {
  content: '\2192';
  display: inline-block;
  vertical-align: middle;
  margin-left: 1em; }

a.button:hover,
.wp-block-button__link:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  transform: scale(1.05);
  background: var(--lightBlueHover); }

.btn-contact {
  display: inline-block;
  width: auto;
  border-radius: 3rem;
  border: 0;
  margin: 1rem 0 1rem !important;
  padding: 0.5rem 2.5rem;
  background: var(--lightBlue);
  color: var(--darkBlue) !important;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
  font-weight: 400;
  font-size: 0.8em !important;
  transition: transform .2s; }

.btn-contact:hover {
  transform: scale(1.05); }

.btn-contact a {
  transform: scale(1.05);
  color: var(--white) !important; }

.btn-contact p {
  padding: 0.5rem 2.5rem; }

body.desktop .btn-events-home {
  position: relative;
  float: right;
  margin-top: -4rem;
  z-index: 2 !important; }

/* Page Navigation */
.wp-pagenavi {
  padding: 1rem 0; }

.wp-pagenavi > * {
  padding-right: 1rem; }

/* Events Calendar Styling */
.tribe-mini-calendar-event {
  border-bottom: 1px dotted var(--darkBlue);
  padding: 1rem 0 !important; }

.tribe-mini-calendar-event .list-date {
  background: var(--midBlue) !important;
  min-width: 3rem;
  max-width: 8rem; }

.tribe-mini-calendar-event .list-date .list-dayname {
  background: var(--lightBlue) !important;
  color: var(--white) !important;
  font-size: 1rem !important;
  padding: 0.5rem 0 !important;
  text-align: left; }

.tribe-mini-calendar-event .list-date .list-daynumber {
  font-size: 1rem !important;
  padding: 0.5rem 0 !important;
  color: var(--white) !important;
  text-align: !important; }

.tribe-mini-calendar-event .list-info h2 {
  font-size: 2rem !important;
  line-height: 1em !important; }

div.tribe-events-title-bar, .tribe-bar-disabled, .tribe-events-page-title {
  display: none; }

.tribe-events-widget-link {
  display: none; }

.tribe-events-list-separator-month {
  background: rgba(162, 202, 240, 0.5);
  padding-top: 3rem;
  font-size: 1.5rem;
  font-weight: 400; }

.event-schedule-details {
  padding: 2rem;
  background: var(--midBlue);
  color: var(--white);
  margin: 0; }

.tribe-mini-calendar-event .tribe-event-date-start {
  font-size: 1rem; }

.single-tribe_events .tribe-events-event-meta {
  border: none;
  padding: 2rem calc(1rem + 1vw); }

#tribe-events-footer:after, #tribe-events-header:after {
  display: none !important; }

.tribe-events-sub-nav li a {
  font-size: 0.85em;
  line-height: 1em;
  display: none; }

@media (max-width: 768px) {
  .tribe-events-sub-nav li a {
    color: var(--white) !important;
    font-size: 0.85em;
    background: var(--midBlue);
    padding: 1rem;
    line-height: 1em; } }

/* blocks */
.has-dark-blue-background-color {
  background-color: var(--darkBlue); }

.wp-block-pullquote.is-style-solid-color {
  padding: 0 !important; }

.wp-block-media-text__media img, .wp-block-media-text__media video {
  width: 100%;
  vertical-align: top;
  height: auto; }

.wp-block-media-text.has-media-on-the-right {
  -ms-grid-columns: 1fr 33%;
  grid-template-columns: 1fr 33%; }

.wp-block-media-text.has-media-on-the-right {
  -ms-grid-columns: 1fr 33%;
  grid-template-columns: 1fr 33%; }

.wp-block-media-text .wp-block-media-text__content {
  margin-left: 0;
  padding: 0 2vw 0 0; }

.wp-block-media-text .wp-block-media-text__content h4, .wp-block-media-text .wp-block-media-text__content h3, .wp-block-media-text .wp-block-media-text__content h2 {
  margin-top: 0; }

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  padding: 0 2vw 0 0; }

.wp-block-group.blue-section .wp-block-group__inner-container .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  margin-left: 0;
  padding: 0 2vw 0 0; }

.wp-block-media-text .wp-block-media-text__media {
  padding: 0 8% 0 0;
  margin-left: 8vw; }

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
  padding: 0 8% 0 0;
  margin-left: 0 !important; }

.wp-block-media-text {
  direction: ltr;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 40% 1fr;
  grid-template-columns: 40% 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto; }

.page-id-13317 .wp-block-media-text .wp-block-media-text__media {
  margin-left: 0 !important; }

/* ST Slider */
.card {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 80vw;
  margin: 2rem 0 0 0;
  height: 20vh !important;
  min-height: 20rem;
  border-radius: 0 !important;
  background: white;
  overflow: hidden !important;
  transition: all 0.3s; }

@media (min-width: 40em) {
  .slider-cards .card {
    max-width: 20rem; }
  .static-cards .card {
    width: 50vw !important;
    max-width: calc(33% - 1rem) !important;
    margin: 4rem 16px 0 0;
    height: 30vh !important;
    min-height: 20rem; } }

.card figure {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 100% !important;
  margin-bottom: 1rem;
  transition: all 1s; }

.card:hover {
  transform: scale(1.05);
  box-shadow: inset 0 -0.1rem 0 white, 0 0.5rem 1rem rgba(0, 0, 0, 0.1); }

.card.product:hover figure {
  transform: scale(1.05); }

.card .product-title {
  position: relative;
  display: block;
  width: 100%; }

.card .product-title h3 {
  color: #444 !important;
  font-size: 1.3em !important;
  font-family: 'Barlow', sans-serif;
  margin: 1.5rem 0 1rem;
  transition: color 0.3s; }

.card:hover .product-title h3 {
  color: #00aae7 !important; }

.card .product-title h4 {
  font-size: 1.1em;
  margin: 0;
  opacity: 0.75; }

.card div.comparison {
  position: relative;
  display: block;
  width: 100%;
  height: 2rem;
  margin-top: 1.5rem;
  opacity: 0.5;
  transition: all 0.3s; }

.card div.comparison:hover,
.card.compare div.comparison {
  opacity: 1; }

.card div.comparison a {
  position: relative !important;
  display: inline-block;
  width: auto; }

.comparison .select {
  display: inline-block;
  vertical-align: middle;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
  border: solid;
  border-radius: 1rem;
  cursor: pointer; }

.comparison .compare {
  color: #999 !important;
  background: none !important;
  font-size: 0.85em; }

.card.compare {
  box-shadow: 0 0 0 4px #00aae7, 0 0.5rem 1rem rgba(0, 0, 0, 0.1); }

.card.compare .select {
  color: #00aae7;
  background: currentColor; }

[data-name="product_advisor"] .card {
  height: auto !important;
  padding: 2rem; }

[data-name="product_advisor"] .card > a {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  background: none; }

.slider-type-Products .card {
  background-size: auto 70% !important;
  background-repeat: no-repeat;
  background-position: center top !important; }

.dim .card.swiper-slide::before {
  content: '';
  background: #675735;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.2; }

.shift-down .card {
  background-position: center top !important; }

.card.swiper-slide a {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 8rem; }

body.desktop .card.swiper-slide a {
  height: 100%; }

.slider-cards.swiper-container-horizontal .swiper-slide .slide-content {
  padding: 1.5rem 2rem; }

body.mobile .slider-cards.swiper-container-horizontal .swiper-slide .slide-content {
  top: calc(100% - 4rem);
  padding: 1rem; }

body .card .slide-content h6 {
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1.75rem !important; }

.card:hover .slide-content h6 {
  white-space: normal !important;
  overflow: visible; }

.slider-cards.swiper-container-horizontal .swiper-slide {
  transition: all 0.4s; }

.slider-cards.slider-type-Posts .swiper-container.swiper-slide-card {
  width: 5rem;
  min-width: 5rem; }

.static-cards .swiper-wrapper {
  display: block; }

.card figure,
.static-cards .card {
  position: relative;
  padding: 0;
  overflow: visible;
  background-position: center top;
  background-size: cover; }

.static-cards .slide-content {
  position: absolute;
  top: calc(100% - 5rem);
  left: -1px;
  width: calc(100% + 2px) !important;
  background: #fff;
  box-sizing: border-box;
  padding: 1.5rem !important;
  font-size: 0.9em;
  transition: all 0.4s;
  display: inline-block;
  vertical-align: top !important;
  margin: 0 auto; }

.static-cards .card:hover .slide-content {
  transform: translateY(calc(-100% + 5rem));
  background: var(--darkBlue); }

.static-cards .slide-content p {
  margin-top: 0; }

.static-cards .slide-content {
  background: #F2EDE6; }

.static-cards .slide-content h6 {
  font-size: calc(0.5rem + 0.5vw + 0.5vh);
  font-weight: 900; }

.static-cards .card:hover h6 {
  color: var(--white); }

.static-cards .slide-content h6::after {
  content: '\2192';
  display: inline-block;
  vertical-align: middle;
  margin-left: 1em;
  margin-top: -0.3em; }

body:not(.post-type-archive-knowledgebase) .card.archive-card {
  /*width: 100%;*/
  display: inline-block;
  vertical-align: top;
  height: auto !important;
  min-height: 30vh !important;
  margin: 0 1rem 1.25rem 0;
  padding: 0 6rem 2rem 2rem !important;
  background: white;
  font-size: 1rem !important;
  /*background: white url(http://sgdev20.wpengine.com/wp-content/themes/sg2020/img/SG-icon-arrow.svg) calc(100% - 2rem) calc(100% - 2rem) / 2rem auto no-repeat;*/ }

body:not(.post-type-archive-knowledgebase) .card.archive-card h6 {
  font-size: 1.4rem;
  margin: 1.4rem 0; }

.card.archive-card a,
body.post-type-archive-knowledgebase .card.archive-card a {
  position: relative !important;
  background: none !important;
  display: block;
  width: 100%; }

.card .the_date,
.card .the-meta br {
  display: none; }

.card .the-meta a {
  display: inline !important;
  width: auto !important; }

body.post-type-archive-knowledgebase .card.archive-card,
.fwpl-result {
  display: inline-block;
  vertical-align: top;
  background: white;
  padding: 0 2rem 2rem;
  margin: 0 1rem 1.25rem 0;
  /*height: auto !important;*/
  min-height: auto; }

body.post-type-archive-knowledgebase .card.archive-card h6 {
  font-size: 1.4rem; }

body.post-type-archive-knowledgebase .card.archive-card .the-meta {
  font-size: 1rem !important; }

.related-products article.card {
  height: auto !important; }

.card[data-visibility="hide"] {
  display: none; }

.swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  max-width: 5vw;
  max-height: 2vh; }

.swiper-pagination-bullet-active {
  background: var(--lightBlue) !important; }

.swiper-pagination {
  text-align: left; }

.swiper-button-prev,
.swiper-button-next {
  display: none; }

.external-swiper-nav {
  position: relative;
  height: 0;
  top: 13rem;
  margin-left: -4rem;
  margin-right: -4rem; }

a.arrow {
  display: block;
  height: 4rem;
  background: transparent url(https://cca-ct.org/wp-content/themes/sg2020/img/SG-icon-next-B.svg) 70% center/auto 2rem no-repeat;
  opacity: 1;
  outline: none; }

a.arrow.left {
  transform: rotate(180deg); }

[aria-disabled="true"],
[class^="swiper-button"] {
  opacity: 0 !important; }

body.home .external-swiper-nav {
  display: none !important; }

body.home .swiper-wrapper {
  margin-left: 0; }

body.desktop .columns-2-1 .swiper-container {
  width: calc(100% - 4rem);
  margin-left: 0; }

body.desktop .columns-2-1 .external-swiper-nav {
  margin-right: 0; }

body.mobile .external-swiper-nav {
  opacity: 0; }

.slider-cards.swiper-container-horizontal .swiper-slide {
  margin: 0 0 4rem 0; }

body.home .featured-image figure {
  background-position: 80% 58%; }

.slider-our-work {
  margin-left: 0rem; }

@media (min-width: 50em) {
  .slider-our-work {
    margin-left: 1rem; } }

.block-style {
  position: relative;
  display: flex;
  align-items: stretch;
  align-content: stretch;
  min-height: 100%; }

.block-style .swiper-wrapper {
  flex: 1 1 auto;
  min-height: 100% !important;
  height: unset; }

.block-style .swiper-slide {
  /*margin: 0 !important;*/
  min-height: 100% !important;
  max-width: 100% !important;
  display: flex;
  align-items: center; }

.block-style.slider-cards.swiper-container-horizontal .swiper-slide .slide-content {
  background: #F2EDE6; }

.block-style.slider-cards.swiper-container-horizontal .swiper-slide:hover .slide-content {
  background: #2e3a50; }

.block-style.slider-cards.swiper-container-horizontal .swiper-slide:hover .slide-content h6 {
  color: #ffffff; }

.block-style.slider-cards.swiper-container-horizontal .swiper-slide .slide-content h6 {
  font-weight: 900;
  text-overflow: unset;
  white-space: normal !important; }

.block-style.slider-cards.swiper-container-horizontal .swiper-slide .slide-content h6:after {
  content: '\2192';
  display: inline-block;
  vertical-align: middle;
  margin-left: 1em;
  margin-top: -0.3em; }

.block-style .swiper-pagination {
  display: none; }

.block-style.dim .card.swiper-slide::before {
  position: absolute;
  transition: all 0.5s; }

.block-style.dim .card.swiper-slide:hover::before {
  background: linear-gradient(120deg, rgba(46, 58, 80, 0.7), rgba(46, 58, 80, 0.8));
  opacity: 1; }

body.home .wp-block-column .swiper-container {
  padding-top: 1rem; }

body.home .wp-block-column .block-style .swiper-container .slide-content {
  padding-top: 0; }

@media (min-width: 30em) {
  body.home .wp-block-column .swiper-container {
    padding-top: 4rem; } }

body.home .wp-block-column .static-cards .card {
  max-width: 100% !important; }

.wp-block-latest-posts.wp-block-latest-posts__list {
  padding-left: 0; }

/* footer styles */
#footer {
  background-color: var(--darkBlue);
  margin-top: 5vh; }

#footer a {
  color: var(--white) !important; }

.footer-content {
  margin: 0 2vw 0 2vw; }

#cca-social a {
  display: inline-block;
  padding-top: 0.2rem;
  padding-right: 0.5rem; }

#cca-social a img {
  max-width: 30px; }

#footer figure a img {
  height: 6rem; }

@media (max-width: 60em) {
  #footer .wp-block-column:not(:only-child) {
    flex-basis: 100vw !important;
    margin-left: 0 !important; } }

/* Forms */
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
  padding: 2vh 2vw 2vh 2vw;
  font-weight: 400; }

form input[type="text"],
form input[type="email"],
form input[type="tel"],
form input[type="checkbox"],
form textarea {
  font-size: inherit;
  font-family: inherit;
  padding: 5px 4px;
  letter-spacing: normal;
  border-width: 0 0 2px;
  border-color: #cccccc;
  background-color: var(--white);
  border-radius: 1.5em;
  padding: 0.5em; }

#casesearch form input[type="text"] {
  display: inline-block;
  width: 80%;
  margin-right: 1vw;
  height: 40px;
  padding: 1.5rem; }

body.desktop button#searchnow.btn.add-on {
  height: 40px;
  box-shadow: unset;
  transform: translateY(-2px);
  padding: 0 0.5rem;
  background: var(--midBlue); }

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: text-top;
  background: url("https://cca-ct.org/wp-content/themes/advocacy21/img/icon-search.png") center center/contain no-repeat;
  background-repeat: no-repeat;
  margin: 0;
  transform: scale(0.65); }

button#searchsubmit.btn.add-on {
  width: 40px;
  padding: 0.5rem; }

form textarea {
  min-height: 4rem; }

form span * {
  vertical-align: middle; }

form input[type="checkbox"],
form input[type="radio"] {
  position: relative;
  display: inline;
  width: auto;
  margin: 1em 0.3em 1em 0em;
  opacity: 0;
  z-index: 2; }

form input[type="checkbox"] + label,
form input[type="radio"] + label {
  position: relative;
  padding-right: 1em; }

form input[type="checkbox"] + label::before,
form input[type="radio"] + label::before {
  border: solid 4px #f5f5f5;
  border-radius: 50%;
  content: "";
  display: block;
  top: 0.1rem;
  height: 1.2em;
  width: 1.2em;
  left: -2.3rem;
  position: absolute;
  z-index: 1; }

form input[type="checkbox"]:checked + label::before,
form input[type="radio"]:checked + label::before {
  background: #0085ca; }

form input[type="radio"] + span::before {
  border-radius: 1em; }

form ::-webkit-input-placeholder {
  color: var(--placeholder);
  font-family: inherit; }

form :-moz-placeholder {
  /* Firefox 18- */
  color: var(--placeholder);
  font-family: inherit; }

form ::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--placeholder);
  font-family: inherit; }

form :-ms-input-placeholder {
  color: var(--placeholder);
  font-family: inherit; }

div.gform_wrapper form div.gform_heading {
  display: none; }

div.gform_wrapper form ul {
  padding: 0;
  list-style-type: none; }

.sli-content-pane {
  background-color: none !important; }

.sli-label input[type='radio'] {
  opacity: 1; }

.sli-button, input.sli-button, button.sli-button, a.sli-button, ul.sli-style-button label {
  background: var(--lightBlue) !important;
  color: white;
  font-size: 14px;
  border-color: #222222;
  border-radius: 30px;
  border-width: 0px;
  border-style: none; }

/* Staff Lightbox Modal Styles */
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: rgba(46, 58, 80, 0.8); }

.modal.fade {
  animation: appear .6s forwards; }

@keyframes appear {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.modal,
.modal.fade:not(.hide) {
  opacity: 1;
  filter: alpha(opacity=80); }

.modal.hide {
  display: none; }

.modal-content-wrapper {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 80vw;
  max-width: 800px;
  max-height: 80vh;
  overflow-y: scroll;
  transform: translateX(-50%);
  background-color: var(--white);
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  outline: none; }

.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%; }

.modal.fade.in {
  top: 10%; }

.modal-header {
  padding: 1rem 2rem;
  border-bottom: 1px solid #eee; }

.modal-header .close {
  margin-top: -0.5rem;
  float: right;
  background-color: var(--white) !important;
  color: #999999;
  font-size: 1.5rem;
  border-width: 0; }

.modal-header {
  font-weight: 900; }

.modal-header h3 {
  margin: 0;
  line-height: 30px;
  font-size: 1.5rem; }

.modal-content-wrapper p {
  font-size: 0.95rem; }

.modal-body {
  position: relative;
  overflow-y: auto;
  max-height: 400px;
  padding: 1rem 2rem; }

.modal-form {
  margin-bottom: 0; }

.modal-footer {
  padding: 0 2rem;
  margin-bottom: 0;
  text-align: right;
  background-color: rgba(162, 202, 240, 0.15);
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 var(--white);
  -moz-box-shadow: inset 0 1px 0 var(--white);
  box-shadow: inset 0 1px 0 var(--white);
  *zoom: 1; }

.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
  line-height: 0; }

.modal-footer:after {
  clear: both; }

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0; }

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px; }

.modal-footer .btn-block + .btn-block {
  margin-left: 0; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle {
  *margin-bottom: -3px; }

.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0; }

/* Mult-Column Text */
.columns {
  padding: rem;
  column-count: 1;
  column-gap: 4rem; }

@media (min-width: 45em) {
  .columns {
    column-count: 2; } }

@media (min-width: 60em) {
  .columns {
    column-count: 3; } }

/* Announcement Bar */
.wp-block-group.alignfull, .wp-block-group.has-background .announcement-block {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.announcement-block h5 {
  margin-top: 0; }

/* Fallback styles for older browsers (using Modernizr to check for support) */
/*
Modernizr classes:
 js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths cssfilters bgpositionshorthand cookies bgpositionxy contenteditable no-bgrepeatround no-bgrepeatspace lastchild no-getusermedia mediaqueries cssscrollbar placeholder no-devicemotion no-deviceorientation raf svgfilters json
*/