/*
Theme Name: HRC
Theme URI: https://joybyte.com
Author: Alexander Crowder
Author URI: https://joybyte.com
Description: HRC Main template
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Tags: accessibility-ready, one-column, two-columns, right-sidebar, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready, blog, e-commerce, portfolio
Text Domain: hrc

HRC WordPress Theme © 2020 GenericTools
*/

@import url("https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;700&family=Rubik:wght@300;500;700;900&display=swap");
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,
ol,
ul,
li,
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;
}
html {
  scroll-behavior: smooth;
}
body {
  line-height: 1;
}
a {
  text-decoration-skip-ink: auto;
}
a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}
button {
  outline: 0;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
q {
  display: inline;
  font-style: italic;
}
q:before {
  content: '"';
  font-style: normal;
}
q:after {
  content: '"';
  font-style: normal;
}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="search"],
input[type="password"] {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th,
td {
  padding: 2px;
}
big {
  font-size: 120%;
}
small,
sup,
sub {
  font-size: 80%;
}
sup {
  vertical-align: super;
}
sub {
  vertical-align: sub;
}
dd {
  margin-left: 20px;
}
kbd,
tt {
  font-family: courier;
  font-size: 12px;
}
ins {
  text-decoration: underline;
}
del,
strike,
s {
  text-decoration: line-through;
}
dt {
  font-weight: bold;
}
address,
cite,
var {
  font-style: italic;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  transition: all 0.5s ease;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  color: #767676;
  line-height: normal;
  word-wrap: break-word;
  background: #222;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  margin-bottom: 30px;
}
h2,
h3,
h4,
h5,
h6 {
  margin-top: 40px;
}

h2 {
  font-size: 30px;
}
h3 {
  font-size: 25px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 16px;
}
p {
  margin: 30px 0;
}
.page #content p,
.single-post #content p {
  font-size: 20px;
  line-height: 145%;
}
* p:last-of-type,
#sidebar .widget-container:last-child {
  margin-bottom: 0;
}
/*a{color:#007acc}
a:hover, a:focus{text-decoration:none}*/
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
pre {
  overflow-x: auto;
  white-space: pre-wrap;
}
pre,
code {
  font-family: "courier new", courier, serif;
}
hr {
  height: 1px;
  border: 0;
  margin: 30px 0;
  background: #ccc;
}
blockquote {
  padding: 15px;
  border-left: 4px solid #ccc;
  margin: 30px 0;
}
blockquote p:first-of-type {
  margin-top: 0;
}
.entry-content ul,
.widget-container ul,
.comment-body ul,
.entry-content ol,
.widget-container ol,
.comment-body ol {
  text-indent: -20px;
  margin: 30px 0 30px 40px;
}
.entry-content ol,
.widget-container ol,
.comment-body ol {
  list-style: decimal inside;
  text-indent: -18px;
}
.entry-content ul ul,
.widget-container ul ul,
.comment-body ul ul,
.entry-content ol ol,
.widget-container ol ol,
.comment-body ol ol {
  margin-top: 0;
  margin-bottom: 0;
}
.entry-content ul li:before,
.widget-container ul li:before,
.comment-body ul li:before {
  content: "— ";
}
.entry-content li,
.widget-container li,
.comment-body li {
  line-height: 125%;
  margin: 10px 0;
}
input,
textarea {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  padding: 15px;
  border: 0;
  border-bottom: 1px solid transparent;
  outline: 0;
  margin-top: 10px;
  background: #f6f6f6;
}
input:focus,
textarea:focus {
  border-bottom: 1px solid #007acc;
}
input[type="submit"],
button,
.button {
  display: inline-block;
  font-family: georgia, serif;
  font-size: 18px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding: 15px 25px;
  border: 0;
  background: #007acc;
  cursor: pointer;
}
input[type="submit"]:hover,
input[type="submit"]:focus,
button:hover,
button:focus,
.button:hover,
.button:focus {
  opacity: 0.8;
}
a img,
input[type="image"],
iframe {
  border: 0;
}
img,
video,
audio,
table,
select,
textarea {
  max-width: 100% !important;
  height: auto;
}
table {
  width: 100%;
  margin: 30px 0;
}
body {
  margin: 0px;
}
#wrapper {
  max-width: 100%;
  margin: 0 auto;
}
#footer {
  padding: 5%;
}
#branding {
  float: left;
}
#container {
  background: #fff;
}

#sidebar {
  width: 25%;
  float: right;
}
#footer {
  clear: both;
}

#menu {
  margin-top: 10px;
  float: right;
}
#menu div:first-of-type {
  float: left;
}
#menu ul {
  font-size: 0;
}
#menu ul,
#menu li,
#menu a {
  position: relative;
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
  transition: unset;
}
#menu li.menu-item-has-children > a:after,
#menu li.page_item_has_children > a:after {
  font-family: serif;
  content: " ▾";
}
#menu li.current-menu-item a,
#menu li.current_page_parent a {
}
#menu a {
  display: inline-block;
  font-size: 18px;
  color: #000;
  text-align: right;
  text-decoration: none;
  line-height: 33px;
  padding-bottom: 10px;
  margin-top: -1px;
  margin-right: 25px;
}
#menu a:hover,
#menu a:focus {
  color: #767676;
  text-decoration: none;
  transition: all 0.5s ease;
}
#menu ul.sub-menu,
#menu ul.children {
  position: absolute;
  display: block;
  top: 100%;
  left: -9999px;
  margin-top: 20px;
  z-index: 1000;
}
#menu ul.sub-menu a,
#menu ul.children a {
  width: 200px;
  font-size: 14px;
  color: #333;
  text-align: left;
  line-height: 20px;
  padding: 15px;
  border: 1px solid #eee;
  background: #fff;
}
#menu ul.sub-menu a:hover,
#menu ul.sub-menu a:focus,
#menu ul.children a:hover,
#menu ul.children a:focus {
  color: #767676;
  background: #f7f7f7;
}
#menu li.menu-item-has-children a:hover + ul.sub-menu,
#menu li.menu-item-has-children a:focus + ul.sub-menu,
#menu li.menu-item-has-children a + ul.sub-menu:hover,
#menu li.menu-item-has-children a + ul.sub-menu:focus-within,
#menu li.page_item_has_children a:hover + ul.children,
#menu li.page_item_has_children a:focus + ul.children,
#menu li.page_item_has_children a + ul.children:hover,
#menu li.page_item_has_children a + ul.children:focus-within {
  left: 0;
}
#menu .menu-toggle {
  display: none;
  color: #fff;
  text-align: center;
  padding: 0;
  border: 0;
  margin: 0;
  background: none;
  transition: unset;
}
#menu .menu-toggle:hover,
#menu .menu-toggle:focus {
  color: #007acc;
}
#menu .menu-icon {
  font-size: 60px;
}

#search {
  float: right;
}
#search .search-field {
  width: 36px;
  height: 36px;
  color: transparent;
  padding: 10px;
  border-color: transparent;
  margin-top: 0;
  background-color: #transparent;
  background-image: url(images/find-light.png);
  cursor: pointer;
}
#search .search-field:focus {
  width: 200px;
  color: #fff;
  border-color: #007acc;
  cursor: text;
}
.widget-container .search-field {
  width: 100%;
}
.error404 .entry-content .search-field,
.search .entry-content .search-field {
  width: 200px;
  margin-top: 30px;
}
.error404 .entry-content .search-field,
.search .entry-content .search-field,
.widget-container .search-field {
  background-color: #f6f6f6;
}
.search-field {
  background: url(images/find.png) no-repeat 98% center / 24px auto;
}

#site-title h1,
#site-title a {
  display: inline;
  font-weight: normal;
  color: #fff;
  text-decoration: none;
  margin-bottom: 0;
}
#site-description,
#copyright,
#copyright a {
  color: #8a8a8a;
}
.single h1.entry-title a {
  color: #767676;
  text-decoration: none;
}
h2.entry-title,
h3.widget-title {
  margin-top: 0;
}
#commentform label {
  display: block;
}
#commentform #comment {
  width: 100%;
  max-width: 400px !important;
  height: auto;
}
#comments .comment-author {
  line-height: 14px;
}
#comments .comment-author img {
  margin-right: 5px;
  float: left;
}
#comments .comment {
  margin: 20px 10px;
}
#comments .comment-body {
  padding: 15px;
}
#comments .odd > .comment-body {
  background: #f6f6f6;
}
#comments .comment-body > p {
  font-size: 16px;
  margin: 15px 0 0;
}
#copyright {
  text-align: center;
}
.entry-meta,
.entry-footer,
.archive-meta {
  margin: 30px 0;
}
.entry-footer {
  clear: both;
}
.entry-meta,
.entry-meta a,
.entry-footer,
.entry-footer a,
.comment-meta,
.comment-meta a,
.comment-author,
.comment-author a {
  font-size: 14px;
  color: #767676;
}

.sticky {
  padding-bottom: 60px;
  border-bottom: 4px solid #ccc;
}
.bypostauthor {
}
.post,
.widget-container,
.search article {
  margin-bottom: 60px;
}
.post:last-of-type {
  margin-bottom: 0;
}
.wp-caption {
  width: auto !important;
}
.wp-caption.aligncenter,
.wp-caption-text,
.gallery-caption {
  text-align: center;
}
.alignleft {
  margin: 0 30px 30px 0;
  float: left;
}
.alignright {
  margin: 0 0 30px 30px;
  float: right;
}
.aligncenter {
  display: block;
  margin: 30px auto;
  clear: both;
}
.wp-post-image {
  display: block;
  margin-bottom: 30px;
}
.entry-attachment img {
  display: block;
  margin: 60px auto 30px;
}
.attachment .entry-caption {
  text-align: center;
}
.nav-links {
  margin-top: 30px;
}
.nav-links a,
#nav-above a {
  text-decoration: none;
}
#nav-above a {
  display: block;
  font-family: tahoma, sans-serif;
  font-size: 50px;
  color: #767676;
  line-height: 0;
  margin: 30px 0 15px;
}
.nav-previous {
  text-align: left;
  float: left;
}
.nav-next {
  text-align: right;
  float: right;
}

.note {
  display: block;
  font-size: 14px;
  padding: 20px;
  margin: 30px 0;
}

.blue,
.blue *,
.blue-dark,
.blue-dark *,
.green,
.green *,
.green-dark,
.green-dark *,
.orange,
.orange *,
.purple,
.purple *,
.red,
.red *,
.black,
.black * {
  color: #fff;
}
.white,
.white *,
.yellow,
.yellow * {
  color: #000;
}
.white {
  background-color: #fff !important;
}
.blue {
  background-color: #007acc !important;
}
.blue-dark {
  background-color: #1c78b5 !important;
}
.green {
  background-color: #91da29 !important;
}
.green-dark {
  background-color: #5d8c1a !important;
}
.orange {
  background-color: #f98733 !important;
}
.purple {
  background-color: #bb6cf8 !important;
}
.red {
  background-color: #ef645d !important;
}
.yellow {
  background-color: #f8f658 !important;
}
.black {
  background-color: #4a4a45 !important;
}
.lighter {
  background-color: rgba(255, 255, 255, 0.05);
}
.darker {
  background-color: rgba(0, 0, 0, 0.05);
}

.box,
.box-2,
.box-3,
.box-4,
.box-5,
.box-6,
.box-1-3,
.box-2-3 {
  display: inline-block;
  width: 100%;
  padding: 5%;
  vertical-align: top;
  float: left;
}
.box-2 {
  width: 50%;
}
.box-3,
.box-1-3 {
  width: 33.3333333%;
}
.box-4 {
  width: 25%;
}
.box-5 {
  width: 20%;
}
.box-6 {
  width: 16.6666667%;
}
.box-2-3 {
  width: 66.6666666%;
}

.left {
  text-align: left;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.clear {
  clear: both;
}
.clear-left {
  clear: left;
}
.clear-right {
  clear: right;
}
.clear-float:after,
#header:after,
#container:after,
.boxes:after {
  display: table;
  content: "";
  clear: both;
}

body {
  overflow-x: hidden;
}

@media (max-width: 1024px) {
  .box-5,
  .box-6 {
    width: 25%;
  }
  .boxes .box-5:nth-child(5) {
    width: 100%;
  }
  .boxes .box-6:nth-child(5),
  .boxes .box-6:nth-child(6) {
    width: 50%;
  }
}
@media (max-width: 768px) {
  #header,
  #footer {
    text-align: center;
  }
  #content,
  #sidebar {
    width: 100%;
    padding: 0;
  }
  #branding,
  #menu,
  #menu div:first-of-type,
  #search {
    float: none;
  }
  #search {
    margin-top: 20px;
  }
  #search .search-field {
    width: 100%;
    color: #fff;
    border-color: #8a8a8a;
    cursor: text;
  }
  #search .search-field:focus {
    width: 100%;
  }
  #menu.toggled {
    width: 100%;
    height: 100%;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1000;
  }
  #menu .menu-toggle {
    display: inline-block;
  }
  #menu ul {
    display: none;
  }
  #menu.toggled ul,
  #menu.toggled ul.sub-menu,
  #menu.toggled ul.children {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    padding: 0 0 10px 0;
    margin: 0;
  }
  #menu.toggled ul.sub-menu,
  #menu.toggled ul.children {
    padding-bottom: 0;
  }
  #menu.toggled a,
  #menu.toggled ul.sub-menu a,
  #menu.toggled ul.children a {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    padding: 15px 0 5px;
    border: 0;
    margin: 0;
    background: none;
  }
  #menu.toggled ul.sub-menu a,
  #menu.toggled ul.children a {
    color: #ccc;
  }
  .box-4,
  .box-5,
  .box-6 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .single .nav-links .nav-previous,
  .single .nav-links .nav-next {
    float: none;
  }
  .box-3 {
    width: 50%;
  }
  .boxes .box-3:nth-child(3) {
    width: 100%;
  }
}
@media (max-width: 480px) {
  #header,
  #container,
  #footer {
    padding: 10%;
  }
  .wp-caption,
  input,
  textarea,
  .button {
    width: 100% !important;
  }
  input[type="checkbox"],
  input[type="radio"] {
    width: auto !important;
  }
  .box-2,
  .box-3,
  .box-4,
  .box-5,
  .box-6,
  .boxes .box-6:nth-child(5),
  .boxes .box-6:nth-child(6),
  .box-2-3,
  .box-1-3 {
    width: 100%;
  }
}
@media print {
  * {
    color: #000 !important;
    background: #fff !important;
  }
  body {
    padding: 50px !important;
    margin: 0 !important;
  }
  #content {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  #header,
  #sidebar,
  #footer,
  #comments,
  .entry-footer,
  .navigation,
  .share,
  .video-wrap,
  iframe,
  img {
    display: none !important;
  }
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  word-break: normal;
}
.screen-reader-text:focus {
  background-color: #f7f7f7;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #007acc;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  right: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
.skip-link {
  left: -9999rem;
  top: 2.5rem;
  z-index: 999999999;
  text-decoration: underline;
}
.skip-link:focus {
  display: block;
  left: 6px;
  top: 7px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  line-height: normal;
  padding: 15px 23px 14px;
  z-index: 100000;
  right: auto;
}
.visually-hidden:not(:focus):not(:active),
.form-allowed-tags:not(:focus):not(:active) {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}
.search-submit {
  display: none !important;
}

.html {
  overflow-x: hidden;
}
.light-bg {
  background: #d8d8d8;
}
.lighter-bg {
  background: #f6f6f6;
}
.white-bg {
  background: #fff;
}
.dark-bg {
  background: #4f4f4f;
}
.entry-content {
  background: url(https://harmreduction.org/wp-content/uploads/2020/07/specks.png);
}
.blog #content {
  background: url(https://harmreduction.org/wp-content/uploads/2020/07/specks.png);

  padding-bottom: 5vw;
}
.secondary-color-txt {
  color: #b9b9b9;
}
.white-txt p,
.white-txt h3,
.white-txt h2,
.white-txt h1 {
  color: #fff !important;
}
.black-txt {
  color: #000 !important;
}
.dark-info .vc_column-inner {
}
.light-info .vc_column-inner {
}
.white-txt {
  color: #fff !important;
}
.flex-center {
  display: flex;
  align-items: center !important;
}
.vc_column_container > .vc_column-inner {
  padding-right: 0px !important;
  padding-left: 0px !important;
  padding: 15px !important;
}
/*.vc_inner> .vc_column_container .vc_column-inner{
  padding-right: 0px !important;
  padding-left: 0px !important;
  padding:15px !important;
}
.vc_column_container>.vc_column-inner{
  padding:0px !important;
}*/
.pad5 .vc_column_container > .vc_column-inner {
  padding: 5px !important;
}
.no-bot-pad {
  padding-bottom: 0px !important;
}
.no-pad-bot > .vc_column-inner {
  padding-bottom: 0px !important;
}
.no-top-pad {
  padding-top: 0px !important;
}

.no-pad {
  padding: 0px !important;
}
.inner-no-pad .vc_column-inner {
  padding: 0px !important;
}

.some-pad {
  padding: 25px !important;
}

.small-pad {
  padding-top: 30px;
  padding-bottom: 30px;
}

.vc_row.margin-bottom-row {
  margin-bottom: 5vw !important;
}
.page-header {
  padding-top: 5vw !important;
  padding-bottom: 5vw !important;
  border-bottom: none !important;
}
#page-header.large-pad {
  padding-top: 1vw;
}
#home-page-header .vc_column-inner {
  padding: 5vw !important;
}

.page-template-resource-page #content {
  padding: 5%;
}

.page-template-resource-page #content {
  padding-top: 3%;
}
.page-template-resource-page form {
  display: flex;
  justify-content: center;
  padding-bottom: 40px;
}
.page-template-resource-page select {
  margin: 5px;
}
.page-template-faces form {
  display: flex;

  padding-bottom: 70px;
}
h5 {
  font-family: "Rubik" !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  letter-spacing: -0.5px !important;
  line-height: 32px !important;
}
#name-search {
  background: #fff;
  border: 1px solid black;
  margin: 5px;
  min-width: 20%;
}
.page-template-faces #content {
  padding-top: 4vw !important;
  padding-bottom: 4vw !important;
  background: url(https://harmreduction.org/wp-content/uploads/2020/07/specks.png);
}
.page-template-faces button {
  background: #fff200;
  color: #000;
  font-weight: 700;
  margin: 5px;
}
.page-template-faces #filter select {
  padding-left: 10px;
}
.page-template-faces select {
  margin: 5px;
  min-width: 20%;
}
.page-template-supporters #content {
  width: 80vw;
  margin: 0 auto;
}
.author-posts {
  width: 80vw;
  margin: 0 auto;
}
.page-template-faces #content {
  width: 80vw;
  margin: 0 auto;
}
.page-template-supporters form {
  display: flex;
  justify-content: center;
  padding-bottom: 40px;
}
.page-template-supporters select {
  margin: 5px;
}

h1 {
  margin-top: 0px !important;
  color: #4f4f4f;
}

h3 {
  margin-top: 0px !important;
}

#resource-page-header {
  background: #4f4f4f;
  padding: 3%;
}
#resource-page-header h1 {
  color: #fff;
  text-align: center;
}
#resource-main-page-header {
  padding: 3%;
  padding-bottom: 7%;
}
#resource-main-page-header h1 {
  text-align: left;
}
.resource-main-header-image {
  padding-left: 4vw !important;
}
.page-desc {
  margin-bottom: 5px !important;
  font-size: 16px !important;
  letter-spacing: -0.33px;
  line-height: 24px;
  font-weight: bold;
  color: #000 !important;
  margin-top: 0px !important;
}
.page-desc span {
  padding: 3px;
  font-weight: 700;
  margin-bottom: 7px !important;
}
/*h1, h2, h3{
   color: #4F4F4F;
}*/
h2 {
  display: inline-block;
  flex-direction: column;
}

a {
}
ul li {
  font-size: 20px;
  letter-spacing: -0.42px !important;
  line-height: 32px !important;
  text-indent: 0px !important;
}
ol li {
  font-size: 20px;
  letter-spacing: -0.42px !important;
  line-height: 32px !important;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none !important;
}
h1,
h2,
h3,
p {
  color: #000 !important;
}
p {
  color: #4f4f4f !important;
}
.med-txt,
.lrg-txt {
  color: #000 !important;
}
.sml-txt {
  font-size: 16px !important;
  letter-spacing: -0.33px;
  line-height: 24px !important;
}
.header-sub {
  font-size: 32px !important;
  font-weight: 500 !important;
  letter-spacing: -0.67px !important;
  line-height: 40px !important;
  padding-top: 10px;
}
.green-txt {
  color: #68d443;
}
.yellow-txt {
  color: #fff200 !important;
}
.green-txt.underlined {
  /*border-bottom: 1px solid #68D443;*/
}
.green-txt.underlined:hover {
  color: #000 !important;
  cursor: pointer;
}
.black-bg .green-txt.underlined:hover {
  color: #fff !important;
  text-decoration: underline !important;
}
.black-link-txt-green {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -0.42px;
  line-height: 32px;
  border-bottom: 2px solid #68d443;
  color: #000;
  text-decoration: none !important;
}
.black-link-txt-green:hover {
  color: #000 !important;
  border-bottom: 2px solid #000;
  text-decoration: none !important;
}
.lrg-black-link-txt-green {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -0.42px;
  line-height: 32px;
  border-bottom: 2px solid #68d443;
  color: #000;
  text-decoration: none !important;
}
.lrg-black-link-txt-green:hover {
  color: #000 !important;
  border-bottom: 2px solid #000;
  text-decoration: none !important;
}
.lrg-white-link-txt-green {
  font-weight: 500;
  letter-spacing: -0.42px;

  border-bottom: 2px solid #68d443;
  color: #fff;
  text-decoration: none !important;
}
.lrg-white-link-txt-green:hover {
  font-weight: 500;
  letter-spacing: -0.42px;

  border-bottom: 2px solid #fff;
  color: #fff;
  text-decoration: none !important;
}
.lrg-black-link-txt-white {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -0.42px;
  line-height: 32px;
  border-bottom: 2px solid #ffffff;
  color: #ffffff;
  text-decoration: none !important;
}
.white-link-txt-green {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -0.42px;
  line-height: 32px;
  border-bottom: 2px solid #68d443;
  color: #fff;
  text-decoration: none !important;
}
.white-link-txt-green-light {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.42px;
  line-height: 32px;
  border-bottom: 2px solid #68d443;
  color: #fff;
  text-decoration: none !important;
}
.white-link-txt-green-light:hover {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.42px;
  line-height: 32px;
  border-bottom: 2px solid #fff;
  color: #fff;
  text-decoration: none !important;
}
.under-link-txt-green {
  border-bottom: 2px solid #68d443;
  color: #fff;
  text-decoration: none !important;
}
.under-link-txt-green:hover {
  border-bottom: 2px solid #fff;
  color: #fff;
  text-decoration: none !important;
}
.white-link-txt-green:hover {
  border-bottom: 2px solid #fff;
  color: #fff;
  text-decoration: none !important;
}
.white-link-txt-white {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.42px;
  line-height: 32px;
  border-bottom: 2px solid #fff !important;
  color: #fff !important;
  text-decoration: none !important;
}
.black-bg {
  background: #000;
}

.yellow-grad-bg > .vc_column-inner {
  /*background: linear-gradient(133.35deg, #FFF200 0%, #FFAD1C 100%);*/
  background: #fefced;
}
.yellow-gradient-bg {
  background: linear-gradient(133.35deg, #fff200 0%, #ffad1c 100%);
}
.yellow-gradient-in-bg .vc_column-inner {
  background: linear-gradient(133.35deg, #fff200 0%, #ffad1c 100%);
}
.top-pattern .yellow-gradient-bg > .vc_column-inner {
  background: linear-gradient(133.35deg, #fff200 0%, #ffad1c 100%);
}
.top-pattern .light-yellow-gradient > .vc_column-inner {
  background: #fefced;
}
.light-yellow-gradient {
  position: relative;
  background: #fefced;
}

.light-yellow-gradient:before {
  /*  content:'';
  display: block;
  position: absolute;
  top: 0px;
  left:0px;
   background: linear-gradient(133.35deg, #FFF200 0%, #FFAD1C 100%);
  opacity: .1;
  width: 100%;
  height: 100%;*/
}
.yellow-line-top {
  position: relative;
}

.black-line-top {
  position: relative;
}
.black-line-top:before {
  content: "";
  height: 117px;
  position: absolute;
  width: 3px;
  background: #000;
  left: 50%;
  top: -57px;
}
.black-line-top2 {
  position: relative;
}

.yellow-line-bot {
  position: relative;
}
.yellow-line-bot:before {
  content: "";
  height: 99px;
  position: absolute;
  width: 8px;
  background: #fff200;
  left: 50%;
  bottom: -45px;
}
.black-line-bottom {
  position: relative;
}

.blue-grad-bg .vc_column-inner {
  background: linear-gradient(135deg, #0085ff 0%, #00c2ab 100%);
}
.blue-gradient-bg {
  background: linear-gradient(135deg, #0085ff 0%, #00c2ab 100%) !important;
}
.purple-grad-bg .vc_column-inner {
  background: linear-gradient(134.18deg, #8a54ff 0%, #ff00b5 100%);
}
.purple-grad {
  background: linear-gradient(134.18deg, #8a54ff 0%, #ff00b5 100%);
}
.purple-gradient-bg {
  background: linear-gradient(134.18deg, #8a54ff 0%, #ff00b5 100%);
}
.green-grad-bg .vc_column-inner {
  background: linear-gradient(135deg, #00ad9e 0%, #b8f200 100%);
}
.green-gradient-bg {
  background: linear-gradient(135deg, #00ad9e 0%, #b8f200 100%);
}
.red-grad-bg .vc_column-inner {
  background: linear-gradient(134.24deg, #ff7530 0%, #e81fb8 100%);
}
.red-gradient-bg {
  background: linear-gradient(134.24deg, #ff7530 0%, #e81fb8 100%) !important;
}
.black-highlight {
  background: #000;
  color: #fff !important;
  padding: 5px;
  display: block;
  width: max-content;
  margin: 0 auto;
  margin-bottom: 10px;
}

.grad-box .vc_column-inner {
  display: flex;
  justify-content: center;
  height: 306px;
  width: 364px;
}

.btn-wrapper {
  margin-top: 25px;
}
.black-btn {
  background-color: #000000;
  color: #fff;
  padding: 16px 20px;
  font-family: Rubik;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.33px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
}
.white-btn {
  background-color: #fff;
  color: #000;
  padding: 16px 20px;
  font-family: Rubik;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.33px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
}
.black-btn:hover {
  background-color: #fff200 !important;
  color: #000 !important;
  text-decoration: none !important;
}
.white-btn:hover {
  background-color: #fff200 !important;
  color: #000 !important;
  text-decoration: none !important;
}

.highlight-yellow {
  padding-left: 4px;
  padding-right: 4px;
  color: #000 !important;
  position: relative;

  z-index: 1;
  background: #fff200;
  -webkit-box-decoration-break: clone;

  display: inline !important;
}
.exec-header .highlight-yellow {
  content: "";
  padding: 0px !important;
  padding-left: 8px !important;
  padding-right: 10px !important;
  color: #000 !important;
  position: relative;

  z-index: 1;
  background: #fff200;

  display: inline !important;
  -webkit-box-decoration-break: clone;
}
.hidden-img-txt .yellow-highlight {
  content: "";
  padding: 0px !important;
  padding-left: 8px !important;
  padding-right: 10px !important;
  color: #000 !important;
  position: relative;

  z-index: 1;
  background: #fff200;

  display: inline !important;
  -webkit-box-decoration-break: clone;
}
.modal-open strong {
  color: #000;
}
.modal-open .highlight-yellow {
  content: "";
  padding: 0px !important;
  padding-left: 8px !important;
  padding-right: 10px !important;
  color: #000 !important;
  position: relative;

  z-index: 1;
  background: #fff200;

  display: inline !important;
  -webkit-box-decoration-break: clone;
}
.hidden-img-txt .yellow-highlight:before {
  display: none;
}
.highlight-yellow.action {
  font-size: 20px !important;
  font-weight: bold !important;
  letter-spacing: -0.42px !important;
  line-height: 32px !important;
}
/*.highlight-yellow:before {*/
/*    position: absolute;*/
/*    background: #FFF200;*/
/*    width: 100%;*/
/*    height: 90%;*/
/*    display: block;*/
/*    content: '';*/
/*    left: 0px;*/
/*    top: 5%;*/
/*    z-index: -1;*/
/*}*/
.yellow-highlight {
  padding-left: 4px;
  padding-right: 4px;
  color: #000 !important;
  position: relative;
  z-index: 1;
}
.yellow-highlight:before {
  position: absolute;
  background: #fff200;
  width: 100%;
  height: 90%;
  display: block;
  content: "";
  left: 0px;
  top: 5%;
  z-index: -1;
}

.page #content p {
  margin-top: 30px;
}
.btn-wrapper.center-btn {
  display: flex;
  justify-content: center;
}

.resource-btn-wrapper {
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.resource-btn-wrapper a {
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
}
.learn-more-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.learn-more-area.res {
  display: flex;
  justify-content: flex-end;
}
.learn-more-block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #fff;
  height: 344px;
  padding: 15px;
  position: relative;
  margin: 10px;
}
.learn-more-block:hover {
  background: #fff200;
  /*height: 400px;*/
  /*top:-30px;*/
}
.learn-more-block:hover i {
  background: #000;
  color: #fff;
}
.learn-more-block:hover h3 {
}
.learn-more-header {
  padding: 20px;
}
.learn-more-header h3 {
  color: #000;
}
.need-find {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.33px;
  line-height: 24px;
  text-transform: uppercase;
  font-family: Rubik;
  color: #000;
}
.learn-more-area i {
  height: 64px;
  width: 64px;
  background: #fff200;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  color: #000000;
}
.vc_row {
  margin: 0px auto !important;
}

.learn-more-block2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #fff;
  height: 344px;

  padding: 15px;
  position: relative;
  margin: 10px;
  text-decoration: none !important;
}
.learn-more-block2:hover {
  background: #fff200;

  /*top:-30px;*/
}
.learn-more-block2:hover i {
  background: #000;
  color: #fff;
}
.learn-more-block2:hover h3 {
}

.padded-box3 .block-btn-wrapper {
  margin-top: 30px;
}
.wpb_content_element {
  margin-bottom: 0px !important;
}
#header {
  padding: 20px;
  background: #fff;

  position: relative;
}
/*#header:before{*/
/*  content:'';*/
/*  position: absolute;*/
/*  display: block;*/
/*  bottom: 0px;*/
/*    left: -4%;*/
/*    width: 109%;*/
/*  height:100%;*/

/*}*/
.header-inner-wrapper {
  border-bottom: solid 1px #e6e6e6;
}
#menu a {
  text-transform: uppercase;
  font-weight: 700;
}

#response {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.dash-yellow {
  border-top: #fff200 2px dashed;
  border-bottom: #fff200 2px dashed;
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.dash-yellow-full {
  border-top: #fff200 2px dashed;
  border-bottom: #fff200 2px dashed;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.dash-yellow-top {
  border-top: #fff200 2px dashed;

  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.dash-yellow-bottom {
  border-bottom: #fff200 2px dashed;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.dash-yellow p {
  padding-top: 15px;
  padding-bottom: 15px;
}
.yellow-dash-block .vc_column-inner {
  justify-content: flex-start;
}
.yellow-dash-block .vc_column-inner .wpb_wrapper .wpb_text_column {
  padding: 40px;
  padding-left: 0px;
  padding-right: 80px;
}
.yellow-dash-block .vc_column-inner > .wpb_wrapper:before {
  content: "";
  border-top: #fff200 3px dashed;
  display: block;
  top: 0px;
  left: 0px;
  width: 126%;
  height: 3px;
}
.indexed {
  position: relative;
  z-index: 0;
}
.post-image {
  width: 100%;
  height: 200px;
}

.post-block .post-title {
  margin-top: 0px;
  font-family: "Rubik", sans-serif;
  font-size: 24px;
}
.post-block a {
  text-decoration: none;
}
.res-box {
  height: 268px;
  position: relative;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.res-box:hover {
  background: #fff200;
}
.res-box:hover .learn-more-area i {
  background: #000;
  color: #fff;
}
.res-box a {
  text-decoration: none;
  text-align: center;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  font-weight: 500;
  font-family: "Rubik", sans-serif;
  letter-spacing: -0.67px;
  line-height: 40px;
  padding: 20px;
}
.res-box2 {
  background: #f6f6f6;
  padding: 25px;
}
.res-box2 a {
  text-decoration: none;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 32px;
}
.black-box .res-box2 {
  background: #000;
}
.light-box .vc_column-inner {
  background: #fefced;
}
.black-box .res-box2 a {
  text-decoration: none !important;
  color: #fff;
}
.black-box .res-box2 .learn-more-area {
  margin-top: 20px;
}
.light-box p {
  font-weight: 700 !important;
  margin-top: 0px !important;
}
.light-box .vc_column_container > .vc_column-inner {
  padding-bottom: 0px !important;
}
.resources-template-training-guide-page #container,
.resources-template-simple-training #container,
.resources-template-training-page #container,
.resources-template-default-resource-page #container {
  display: flex;
}
.resources-template .post-block .post-title {
  color: #000 !important;
}
.resources-template .entry-cate a {
  color: #000 !important;
}
#content.training-guide-content,
#content.training-content,
#content.resources-template-default-resource-page,
#content.default-resource-content {
  width: 75%;
  padding-right: 8%;
}
.training-nav {
  padding-left: 0px;
}
.training-nav a {
  text-decoration: none;
  color: #4f4f4f;
}

.training-nav li.double {
  background: #e6e6e6;
}
.training-nav li {
  padding: 10px;
}
.entry-cate {
  font-size: 18px;
  font-weight: 300;
  text-transform: none;
  margin-top: 0px;
}
.entry-title {
  color: #4f4f4f;
  text-transform: uppercase;
  font-size: 50px;
  font-weight: 900;
  margin-top: 0px;
}
.share-button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-right: 30px;
}
.share-button-wrapper a {
  background: #e6e6e6;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  margin-bottom: 10px;
}
.share-button-wrapper i {
  color: #fff;
}
.side-menu-title {
  margin-top: 0px;
}
.last-mod {
  margin-top: 0px;
  margin-bottom: 20px !important;
}
.pdf-link {
  padding-top: 15px;
  margin-bottom: 15px;
}
.purchase-link {
  margin-bottom: 25px;
  padding-top: 20px;
}
.pdf-link a {
  text-decoration: none;
  color: #fff;
  background: #000;
  padding: 10px;
  text-transform: uppercase;
  font-weight: 600;
}
.purchase-link a {
  text-decoration: none;
  color: #fff;
  background: #000;
  padding: 10px;
  margin-top: 10px;
  text-transform: uppercase;
  font-weight: 600;
}
.pdf-link a:hover,
.purchase-link a:hover {
  background: #fff200 !important;
  color: #fff !important;
}
.hide {
  display: none !important;
}
.training-under-nav {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.training-under-nav .training-nav li.active {
  background: transparent !important;
}
#content.training-guide-content {
  display: flex;
}
#content.training-guide-content article {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#content.training-guide-content article .entry-content {
  /*display: flex;*/
  flex: 1;
}
.recommended-vids {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.recommended-vids article {
  width: 46%;
  /*margin:20px;*/
}

.resource-tag-block div:last-child a {
  margin-bottom: auto !important;
}

.resource-tag-block {
  display: flex !important;
  flex-wrap: wrap;
  flex-direction: row;
}
.resource-tag-block div {
  display: flex;
  flex: 1 50%;
  color: #4e4e4e;
  margin-bottom: 20px;
}

p.med-txt {
  font-family: "Rubik" !important;
  font-size: 24px !important;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 32px;
}

.block-btn-wrapper {
  display: flex;

  align-items: center;
}
.light-overlap .block-btn-wrapper {
  justify-content: flex-end;
}
.light-overlap.purple-gradient-bg p:nth-child(2) {
  margin-top: 15px !important;
}
.dark-bg.to-end .block-btn-wrapper {
  justify-content: flex-end;
}
.btn-center {
  justify-content: center;
}
.btn-left {
  justify-content: flex-start;
}
.btn-right {
  justify-content: flex-end;
}
.block-btn.light {
  padding: 15px;
  background: #fff;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Rubik";
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.33px;
  line-height: 24px;
  text-align: center;
}
.block-btn.dark {
  padding: 15px;
  background: #000;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Rubik";
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.33px;
  line-height: 24px;
  text-align: center;
}
.lrg-btn .block-btn.light {
  width: 100%;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: -0.67px;
  line-height: 40px;
  text-align: center;
}

.dark-bg.to-end {
  padding: 20px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;

  /*    padding-top: 60px !important;
    padding-bottom: 60px !important;*/
}

.dark-bg.to-end p {
  margin-top: 0px !important;
}

.cta-block {
}
.cta-block .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cta-block .vc_column-inner .wpb_wrapper,
.cta-block .vc_column-inner .wpb_wrapper .wpb_text_column {
  display: flex;
  flex: 1;
}
.cta-block h3 {
  color: #fff;
}

.cta-block2 .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cta-block2 .vc_column-inner .wpb_wrapper,
.cta-block .vc_column-inner .wpb_wrapper .wpb_text_column {
  display: flex;
  flex: 1;
  justify-content: center;
}
.cta-block2 p {
  margin-top: 5px !important;
}
.cta-block2 .block-btn-wrapper {
  margin-top: 15px;
}
.cta-block h3 {
  color: #fff;
}
.cta-block2 .wpb_content_element {
  display: flex;
  align-items: center;
  width: 100%;
}
.info-block .vc_column-inner {
  margin: 10px;
}

.info-block .block-btn-wrapper {
  margin-top: 30px;
}
.info-block2 .block-btn-wrapper {
  margin-top: 30px;
}
.the-tags .block-btn-wrapper {
  margin-top: 20px;
}

.rowed .wpb_wrapper .wpb_text_column:nth-child(1) {
  display: flex;
  flex: 1 25%;
  padding-right: 15px;
  padding-left: 30px;
}
.rowed .wpb_wrapper .wpb_text_column:nth-child(2) {
  display: flex;
  flex: 1 70%;
  justify-content: center;
}
.rowed .post-layout-3 {
  background: #000;
}
.rowed .post-layout-3 h3,
.rowed .post-layout-3 span,
.rowed .post-layout-3 p,
.rowed .post-layout-3 h4 {
  color: #fff;
}

@media (min-width: 320px) {
  .info-block .vc_column-inner {
    padding: 20px !important;
  }
  .info-block2 {
    padding: 20px !important;
  }
}

@media (min-width: 450px) {
}
@media (min-width: 600px) {
}

@media (min-width: 768px) {
}
@media (min-width: 800px) {
  .info-block .vc_column-inner {
    padding: 30px !important;
  }
}
@media (min-width: 950px) {
  .info-block .vc_column-inner {
    padding: 40px !important;
  }
  .info-block2 {
    padding: 40px !important;
  }
}
@media (min-width: 1024px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1300px) {
  .info-block .vc_column-inner {
    padding: 90px !important;
  }
  .info-block2 {
    padding: 64px 34px !important;
  }
}
@media (min-width: 1400px) {
}

.page-template-resource-page select {
  padding: 15px;
}

#filter select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none !important;
  background-image: url(https://image.flaticon.com/icons/png/512/19/19967.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 50%;
  background-size: 19px;
}

#filter:hover::after {
  color: #f39c12;
}
.select-form {
}
.page-container {
  display: flex;
  flex-direction: row;
  width: 85vw;
  margin: 0 auto;
  justify-content: flex-start;
  padding-top: 3vw;
  position: relative;
  overflow: hidden;
}
/*#sidebar{
    position: sticky;
    height: 100%;
    overflow: scroll;
    right: 0;
   
    z-index: 1;

}*/
#footer {
  position: relative;
  z-index: 2;
  border-top: 1px solid #979797;
}
.resources-template-default-resource-page .entry-content .vc_column-inner,
.resources-template-training-page .entry-content .vc_column-inner {
  padding: 0px !important;
}

.padded-box.with-underline {
  padding-bottom: 40px;
  border-bottom: 1px solid #979797;
}
.padded-white-box {
  padding: 25px;
  background: #fff;
  margin-bottom: 15px !important;
}

.resources-row .res-box {
}
.resources-row .res-box a {
  height: auto;
  position: relative;
}
.resources-row .res-box div {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.resources-row .res-box p {
  margin-top: 0px !important;
}
.pad-1 .vc_column-inner {
  padding: 40px !important;
}
.pad-2 .vc_column-inner {
  padding: 80px !important;
}
.white-block .block-btn-wrapper,
.dark-block .block-btn-wrapper {
  margin-top: 25px !important;
}

.white-block-1 {
  position: relative;
  top: 50px;
  /*  left:100px;*/
}
.dark-block {
  background: #000;
  padding: 40px 80px 40px 20px;
  padding: 40px 20px;
}

.with-circle-rect .wpb_wrapper {
  display: flex;

  align-items: center;
}
.with-circle-rect .vc_column-inner {
  background-color: #f6f6f6;
  margin: 10px;
}
.with-circle-rect h3 {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 32px;
}
.with-circle-rect img {
  height: 62px;
  width: 62px;
  border-radius: 50%;
  margin-right: 28px;
}
.light-bg.with-pad {
  padding: 80px 40px;
}
.purple-gradient-bg.with-pad {
  padding: 80px 40px;
  padding-top: 40px;
}
.dark-bg.with-pad {
  padding: 80px 40px;
}
.underlined {
  text-decoration: underline;
}

.medication-blocks .med-block-2 {
  margin-top: 0px;
}
.medication-blocks .wpb_wrapper {
  background: #000;
  padding: 20px;
}
.medication-blocks img {
  width: 100%;
}
.med-img {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  width: 100%;
}
.med-img:before {
  content: "";
  display: block;
  padding-bottom: 47%;
}
.med-block-3 {
  position: relative;
  right: 3.5vw;
}
.text-with-post {
  display: flex;
}
.text-with-post .blog-feed-wrapper {
  background: #fff;
  padding: 15px;
}
.mec-calendar .mec-calendar-header h2 {
  font-size: 26px !important;
}
.text-with-post {
  margin-top: 30px !important;
}
.text-with-post p {
  margin-top: 0px !important;
}
.text-with-post .post-block {
  max-width: 100% !important;
  margin: auto !important;
}
.text-with-post > div {
  display: flex;
  flex: 1 50%;
  flex-direction: column;
}
.text-with-post .post-layout-2 .post-image {
  height: 150px !important;
}
.text-with-post .display-post-block {
  margin-left: 20px;
}

.resource-title {
  font-size: 56px;
  font-weight: bold;
  letter-spacing: -1.17px;
  line-height: 64px;
}
.resource-post-image:before {
  content: "";
  display: block;
  padding-bottom: 56%;
}
.default-resource-content .lrg-txt {
  font-weight: 300 !important;
}
.default-resource-content ul {
  list-style-type: disc;
}
.default-resource-content ul li:before {
  display: none;
}
.default-resource-content .med-txt strong {
  font-weight: 500 !important;
}
.resource-poster-image:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.resource-poster-image {
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.tag-poster .resource-post-image,
.tag-webinar .resource-post-image,
.tag-fact-sheet .resource-post-image {
  display: none;
}
.tag-webinar .entry-footer .last-mod {
  display: none;
}
#poster-row {
  display: block !important;
}
.training-materials a {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  background: #000;
  padding: 10px 30px;
  margin-top: 15px;
}
.training-materials a:hover {
  background: #fff200;
}
.training-materials a:hover p,
.training-materials a:hover i {
  color: #000 !important;
}
.training-materials i {
  color: #fff !important;
}
.training-materials p {
  margin-top: 0px !important;
  color: #fff !important;
}
.speaker-row p {
  margin-top: 0px !important;
}
.speaker-row p:nth-child(1) {
  margin-bottom: 10px !important;
}
#sidebar {
  position: relative;
  padding-left: 22px;
  border-left: 2px solid #f2f2f2;
  position: -webkit-sticky;
  position: sticky;
}
#sidebar #primary {
  /*  position: fixed;
    overflow: scroll;*/
  /*    height: 100%;
    padding-bottom: 20%;
    width: 22%;*/
}
#primary::-webkit-scrollbar {
  display: none;
}
#sidebar::-webkit-scrollbar {
  display: none;
}
#footer {
}

#swap-lang {
  text-decoration: underline;
}
.block-btn.light:hover {
  background: #fff200;
  color: #000;
  transition: 0.3s;
}
.block-btn.dark:hover {
  background: #fff200;
  color: #000;
  transition: 0.3s;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////SUBSCRIBE FORM//////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.caldera-grid .first_col p {
  font-family: "Rubik";
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 32px;
}
#CF5edff1f276c15_1-row-1 {
  display: flex;
  align-items: center;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////Block Posts//////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.post-layout-3 {
  /*background: #F6F6F6;*/
  margin-bottom: 15px;
}

.post-layout-3 p {
  margin-top: 0px;
}
.post-layout-3 .post-block-content {
  padding: 1px;
  padding-left: 30px;
}

.one-post .display-post-block .post-layout-2 {
  background: #fff;
  padding: 10px;
}
.one-post.dark-post .display-post-block .post-layout-2 {
  padding: 10px;
}
.display-post-block .post-layout-2 .post-image {
  height: 250px;
}
.one-post .vc_column-inner {
  display: flex;
  justify-content: center;
  align-items: center;
}

.post-hundred .display-post-block .post-layout-2 {
  max-width: 100%;
  /*margin:0 0 0 auto;*/
}
.white-bg-post .post-layout-3 {
  /*background: #fff !important;*/
}

.with-yellow-txt .display-post-block .post-layout-2:nth-child(1)::before {
  content: "By and for people who use drugs";
  display: block;
  position: relative;
  background: #fff200;
  padding: 12px;
  margin-top: 30px;
  margin-bottom: 20px;
  width: fit-content;
  font-weight: 900;
}

.post {
  background-color: grey;
  margin: 1rem;
  position: relative;
}

.modal-share {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 200px;
  background-color: green;
  border: 2px solid red;
  display: none;
}
.close-share {
  position: absolute;
  right: 0;
}

.face-feed-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.face-feed-wrapper article {
  display: flex;
  flex: 1;
}
.face-feed-wrapper .post-block a {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.face-feed-wrapper .post-image {
  height: auto;
}
.face-feed-wrapper .post-image:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.support-feed-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.support-feed-wrapper .mason {
  display: flex;
  flex: 0 25%;
  padding: 10px;
}
.support-feed-wrapper article {
  display: flex;
  flex: 1;
}
.support-feed-wrapper .post-block .post-block-link {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.support-feed-wrapper .post-image {
  height: auto;
}
.support-feed-wrapper .post-image:before {
  content: "";
  display: block;
  padding-bottom: 120%;
}
/*.page-template-supporters #response{
  display: flex;
  flex-wrap: wrap;
}
.page-template-supporters #response{
  display: flex;
  flex:0 25%;
  padding:10px;
}*/
.page-template-supporters .support-feed-wrapper {
  width: 100%;
}
.page-template-supporters #response {
}

/*.page-template-supporters #response .post-block .post-block-link{
  display: flex;
  flex-direction: column;
  flex:1;
}
.page-template-supporters #response  .post-image{
      height: auto;
}
.page-template-supporters #response .post-image:before{
  content:'';
  display: block;
  padding-bottom: 120%;

}*/
.page-template-supporters select {
  padding: 15px;
}
.page-template-supporters select {
  margin: 5px;
  width: 28%;
}
.alt-support-text {
  position: absolute;
  width: 1005;
  height: 100%;
}
.support-feed-wrapper .post-image {
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #fefced !important;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
}
.alt-support-text {
  display: flex;
  justify-content: center;
  align-items: center;

  padding: 30px;
}
.support-feed-wrapper .post-image .alt-support-text {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 32px;
}
.support-feed-wrapper .post-title {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -0.42px;
  line-height: 32px;
  margin-top: 15px;
}
/*.face-feed-wrapper .mason:nth-child(odd){
      margin-top: -40px;
}*/
.centered {
  display: flex;
  justify-content: center;
}
.img-link-row .wpb_single_image {
  height: 296px !important;
  max-width: 317px !important;
  margin: 0 auto;
}
.img-link-row .vc_column-inner {
  background-size: cover !important;
  background-position: center !important;
}
.img-link-row .wpb_single_image img {
  position: relative;
}
.link-img-txt {
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 0px;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.link-img-txt {
  display: flex;
  align-items: flex-end;
  color: #fff;
  text-decoration: none;
  flex-direction: column;
  overflow: hidden;
}
.hidden-img-txt {
  transform: translate(0, 190%);
  transition: 0s;
  visibility: hidden;
}
.hidden-img-txt p {
  padding-top: 0px !important;
  padding-bottom: 10px !important;
}
.link-img-txt:hover .hidden-img-txt {
  visibility: visible;
  transform: translate(0, 15%);
  transition: 1.5s;
}
.adjusted-box-hover .link-img-txt:hover .hidden-img-txt {
  visibility: visible;
  transform: translate(0, 35%) !important;
  transition: 1.5s;
}
.link-img-txt:hover {
  flex-direction: column;
  display: block !important;
}
.hov-hide {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.link-img-txt:hover .hov-hide {
  display: none;
}
.link-img-txt p {
  padding: 25px;
  color: #fff;
}
.img-link-row {
  display: flex;
  justify-content: space-between;
}

.img-link-row .vc_col-sm-4:hover {
  margin: 0px;
  padding: 0px;
}
.img-link-row .wpb_raw_html {
  height: 269px;
  width: 288px;
}

.number-square-row .number-block-square:nth-child(2) .vc_column-inner {
}
.number-square-row.vc_inner {
  max-width: 70vw;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
}
.number-square-row .number-block-square:nth-child(1) {
  padding-right: 6vw;
  padding-left: 5vw;
}

.number-square-row .number-block-square {
  padding-bottom: 4vw;
}
.number-square-row .number-block-square:nth-child(2) {
  padding-left: 6vw;
  padding-right: 5vw;
  padding-bottom: 6vw;
}
.number-block-square .vc_column-inner {
  padding: 40px !important;
}

.small-box {
  margin-bottom: 10px !important;
}
.small-box-inner {
  display: flex;
  padding: 40px;
  align-items: center;
  position: relative;
  z-index: 2;
}
.small-box-inner i {
  font-size: 32px;
}
.small-box-txt {
  padding-right: 30px;
}
.small-box-txt p {
  margin-top: 0px !important;
}
.header-no-pad {
  padding: 0px !important;
}
.header-no-pad .vc_column-inner {
  padding: 0px !important;
}

.dashed-txt {
  font-weight: 300px !important;
}
.thirty-marg {
  padding-top: 30px;
}
.fif-marg {
  margin-top: 15px !important;
}

.thin {
  font-weight: 300 !important;
}
.pattern1-bg {
  background: url(https://harmreduction.org/wp-content/uploads/2021/03/Pattern1.jpg);

  background-repeat: initial;
  background-size: 400px;
  padding-bottom: 20px !important;
}
.org-pattern-bg {
  background: url(https://harmreduction.org/wp-content/uploads/2020/08/Organic-Pattern-24.png);

  background-repeat: initial;
  background-size: 700px;
  padding-bottom: 20px !important;
}
.pattern2-bg {
  background: url(https://harmreduction.org/wp-content/uploads/2021/03/Pattern2.jpg);

  background-repeat: initial;
  background-size: 400px;
  padding-bottom: 20px !important;
}
.top-pattern > .vc_column_container:before {
  content: "";
  background: url(https://harmreduction.org/wp-content/uploads/2021/03/Pattern2.jpg);
  width: 110%;
  right: -5%;
  height: 40%;
  top: -50px;
  /* left: -50px; */
  display: block;
  position: absolute;
  z-index: -1;
  background-repeat: initial;
  background-size: 400px;
}
.partial-pattern:before {
  content: "";
  background: url(https://harmreduction.org/wp-content/uploads/2021/03/Pattern1.jpg);
  height: 72%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  background-repeat: initial;
  background-size: 400px;
}
.bottom-pattern {
  position: relative;
  z-index: 1;
}

.bottom-pattern:before {
  content: "";
  background: url(https://harmreduction.org/wp-content/uploads/2021/03/Pattern1.jpg);
  width: 110%;
  right: -5%;
  height: 50%;
  bottom: -50px;
  /* left: -50px; */

  position: absolute;
  z-index: -1;
  background-repeat: initial;
  background-size: 400px;
}
.what-slider.bottom-pattern:before {
  content: "";
  background: url(https://harmreduction.org/wp-content/uploads/2021/03/Pattern1.jpg);
  width: 107%;
  right: -3%;
  height: 50%;
  bottom: -50px;
  /* left: -50px; */

  position: absolute;
  z-index: 0;
  background-repeat: initial;
  background-size: 300px;
}

/*.rev_slider_wrapper{*/
/*max-height: 500px;*/
/*}*/
/*.rev_slider{*/
/*  max-height: 500px;*/
/*}*/
.careers-slider .rev_slider_wrapper {
  max-height: 646px;
}
.careers-slider .rev_slider {
  max-height: 646px;
}
.who-slider .rev_slider_wrapper {
  max-height: 600px;
}
.who-slider .rev_slider {
  max-height: 600px;
}
.hesperiden .tp-bullet {
  border: none;
}
.hesperiden .tp-bullet.selected {
  background: #f9f203;
}
.hesperiden .tp-bullet {
  background: linear-gradient(
    to bottom,
    rgb(255, 255, 255) 0%,
    rgb(225, 225, 225) 100%
  );
  margin-top: 3px;
}
.top-pattern > .vc_column_container {
  position: relative;
  z-index: 1;
}

.at-title,
.at-markup,
.at fieldset legend,
.UpdateMyProfile {
  display: none !important;
}
.at-fields {
  display: flex;
  flex-direction: column-reverse;
}
form.clearfix {
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  flex-direction: column;
}
.at {
  overflow: visible !important;
}
.ngp-form {
  max-width: 100% !important;
}
.at .at-fieldset {
  min-width: auto !important;
}
.at input[type="tel"],
.at input[type="email"] {
  height: 45px !important;

  border: 1px solid #000;
  border-radius: 0px !important;
}
.form-vertical .at input[type="tel"] {
  margin-top: 10px;
}
.form-horizontal .at input[type="email"] {
  min-width: 340px;
}
.form-vertical .at fieldset:last-of-type {
  width: 100%;
}
.form-vertical .at input[type="email"],
.form-vertical .at-row.at-row-solo.EmailAddress {
  min-width: 100% !important;
}
.at fieldset {
  width: 100%;
}
input.at-submit.btn-at.btn-at-primary {
  margin: 0px !important;
  background: #000;
  height: 57px !important;
  border-radius: 0px !important;
}
.form-horizontal .at-inner {
  background: transparent;
}
.form-horizontal .email-zip {
  background: #fff;
  display: flex;
  align-items: center;
  padding: 25px;
}
.email-zip h3 {
  margin-bottom: 0px !important;
  font-size: 24px !important;
}
.form-horizontal {
  position: relative;
  z-index: 1;
}
.form-vertical .at-inner .clearfix,
.form-vertical .at-fields {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.at-row {
}
.form-block .vc_column-inner {
  background: #fff;
}
.form-vertical .at-fields {
  flex-direction: column-reverse;
}
.email-zip {
  width: 100%;
}
.cta-block h3 {
  font-size: 24px !important;
  margin-bottom: 52px;
}
.email-zip input[type="email"]::-webkit-input-placeholder {
  /* Edge */
  color: transparent !important;
}

.email-zip input[type="email"]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: transparent !important;
}

.email-zip input[type="email"]::placeholder {
  color: transparent !important;
}

label.at-text.PostalCode:not(input),
label.at-text.EmailAddress:not(input),
label.at-text.FirstName:not(input),
label.at-text.LastName:not(input) {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px !important;
  color: #000;
  padding-bottom: 10px;
}
input.at-submit.btn-at.btn-at-primary {
  min-width: 160px;
}
.at-text {
  margin-left: 0px !important;
}
.at input[type="tel"]::-webkit-input-placeholder {
  /* Edge */
  content: "Zip Code";
}

.at input[type="tel"]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  content: "Zip Code";
}

.at input[type="tel"]::placeholder {
  content: "Zip Code" !important;
}

.bot-bot-footer,
#footer-sidebar {
  display: flex;
}
.bot-bot-footer {
  flex-wrap: wrap;
}
#footer-sidebar {
  padding-bottom: 30px;
  border-bottom: solid 1px black;
  margin-bottom: 30px;
}

.footer-inner {
  max-width: 80vw;
  margin: 0 auto;
}
#footer {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.colored-box .wpb_text_column .wpb_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.colored-box5 .wpb_text_column .wpb_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.colored-box .wpb_wrapper,
.colored-box .vc_column-inner {
  display: flex !important;
  flex: 1 !important;
  height: 100%;
}
.colored-box .wpb_text_column {
  width: 100%;
}
.colored-box5 .wpb_wrapper,
.colored-box5 .vc_column-inner {
  display: flex !important;
  flex: 1 !important;
  height: 100%;
}
.colored-box5 .wpb_text_column {
  width: 100%;
}
.tak-action-socials i {
  color: #fff200;
  background: #000;
  padding: 15px;
  border-radius: 50%;
  height: 55px;
  width: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
}
.tak-action-socials i:hover {
  color: #000;
  background: #fff200;
  padding: 15px;
  border-radius: 50%;
  height: 55px;
  width: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
}
.tak-action-socials {
  display: flex;
  justify-content: center;
}
.tak-action-socials a {
  margin: 20px;
}

.yellow-square {
  position: relative;
  margin-bottom: 20px;
  display: flex;
  left: 4%;
}

.black-square {
  position: relative;
  margin-bottom: 20px;
  display: flex;
  left: 4%;
}

.at-check {
  display: none;
}
.site-logo {
  max-width: 165px;
}

.home-faces .face-feed-wrapper .post-image:before {
  padding-bottom: 120%;
}
.type-faces .post-title-wrapper {
  font-size: 20px;
  letter-spacing: -0.42px;
  line-height: 32px;
  padding-top: 10px;
  color: #000;
}
.type-faces .post-block-content {
  padding: 15px;
}
.type-faces .post-title {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -0.42px;
  line-height: 32px;
}
h1,
h2,
h3 {
  color: #000;
}

.take-block-btn {
  padding-top: 20px;
  border-top: 1px solid #979797;
  margin-top: 150px;
}
.testimonial-flex .vc_column-inner > .wpb_wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
}
.testimonial-flex img {
  height: 80px;
  width: 80px;
  margin-right: 20px;
}
.testimon-flex .wpb_wrapper {
  display: flex;
  align-items: center;
}
.testimon-flex img {
  height: 80px;
  width: 80px;
  margin-right: 20px;
}
.testimon-flex p {
  margin-top: 0px !important;
}
.testimon-flex {
  margin-top: 30px !important;
}
.testimon-flex .no-marg-top {
  margin-bottom: 0px !important;
}

.modal:before {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(134.24deg, #ff7530 0%, #e81fb8 100%);
  display: block;
  opacity: 0.9;
  position: absolute;
  top: 0px;
}
.faces-inner {
  display: flex;
}
.faces-image {
  display: flex;
  flex: 1 40%;
  flex-direction: column;
}
.faces-content {
  display: flex;
  flex: 1 60%;
  flex-direction: column;
}

/*.faces-image .post-image:before {
  padding-bottom: 100% !important;
}*/
.faces-image .post-image {
  background-size: contain !important;
}

.modal-body .btn-prev {
  position: absolute;
  top: 50%;
  right: 100%;
}
.modal-body .btn-next {
  position: absolute;
  top: 50%;
  left: 100%;
}
.modal-body .btn-default {
  background: transparent;
  color: #fff;
  display: flex;
  flex-direction: column;
  border: none;
  font-size: 24px;
}
.modal-body .btn-default:hover {
  background: transparent;
  color: #000;
}
.type-faces:hover .post-block-content {
  background: #fff200;
  color: #000;
}
/*.type-faces .post-image{
   transition: 1s;
   background-size: 100% !important;
}*/
/*.type-faces .post-image:hover{
      background-size: 117% !important;
      transition: 2s;
}*/
.face-hover-over {
  opacity: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
  display: flex;

  justify-content: center;
  align-items: center;
}
.face-hover-over:before {
  content: "";
  height: 100%;
  width: 100%;
  background: linear-gradient(134.24deg, #ff7530 0%, #e81fb8 100%);

  transition: 2s;
  left: 0px;
  top: 0px;
  opacity: 0.8;
  position: absolute;
  display: flex;
}
.face-hover-over i {
  font-size: 20px;
  color: #000 !important;
  z-index: 5;
  position: relative;
  background: yellow;
  height: 64px;
  width: 64px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.type-faces .post-image {
  position: relative;
}
.type-faces .post-image:hover .face-hover-over {
  opacity: 1;
  transition: 1.2s;
}
.display-team-block .post-image:hover .face-hover-over {
  opacity: 1;
  transition: 1.2s;
}
.display-director-block .post-image:hover .face-hover-over {
  opacity: 1;
  transition: 1.2s;
}
.display-leader-block .post-image:hover .face-hover-over {
  opacity: 1;
  transition: 1.2s;
}
.face-feed-wrapper .post-image:before {
  padding-bottom: 120%;
}

.modal-body .close {
  position: absolute;
  right: 103%;
  background: transparent;
  color: #fff;
}

.small-box p,
.small-box i {
  color: #000;
}

.testimonial-img-sec {
  display: flex;
  align-items: center;
}

.face-testimon img {
  height: 64px;
  width: 64px;
  margin-right: 20px;
}

.no-bot-pad {
  padding-bottom: 0px !important;
}
.no-marg-top {
  margin-top: 0px !important;
}
p.no-marg-top {
  margin-top: 0px !important;
}

.no-marg-bot {
  margin-bottom: 0px !important;
}
p.no-marg-bot {
  margin-bottom: 0px !important;
}

.no-top p {
  margin-top: 0px !important;
}
.display-post-block article {
  cursor: pointer;
}
#footer .widget-title {
  font-size: 16px !important;
  font-weight: bold;
  letter-spacing: -0.33px;
  line-height: 24px;
  text-transform: uppercase;
}
#footer img {
  max-width: 261px !important;
  min-width: 259px !important;
  width: 100% !important;
  height: auto !important;
}
#footer a {
  text-decoration: none !important;
  font-size: 20px;
  border-bottom: 2px solid #68d443;
  color: #000;
  font-weight: 700;
  padding-bottom: 3px;
}
#footer a:hover {
  border-bottom: 2px solid #000;
}
.resource-tag-block a {
  font-size: 20px;
  border-bottom: 2px solid #68d443;
  color: #fff;
}
.resource-tag-block a:hover {
  font-size: 20px;
  color: #fff !important;
  border-bottom: 2px solid #fff;
  color: #fff;
}
.bot-bot-footer li {
  margin-bottom: 10px;
}

ul.sub-menu {
  margin-left: 25px;
}
.wwa-header-img {
  margin-bottom: -200px;
}
.wwa-header-img > .vc_column-inner {
  display: flex;
  justify-content: flex-end;
}
.colored-row-1 {
  align-items: flex-end;
}
.colored-row-3,
.colored-row-2,
.colored-row-1 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.colored-row-2 {
  margin-bottom: -60px !important;
}
.diag-bg:before {
  content: "";
  display: block;
}

.diag-bg.vc_inner:before {
  content: "" !important;
  display: block !important;
  background: url(https://harmreduction.org/wp-content/uploads/2020/07/diagonal.png);
  width: 110%;
  height: 130%;
  display: block;
  position: absolute;
  top: -21%;
  right: -5%;
  background-size: 1200px;
  z-index: 0;
}
.diag-bg {
  position: relative;
}

.small-diag-bg:before {
  content: "";
  display: block;
}

.small-diag-bg {
  position: relative;
}

.faces-page-row .face-feed-wrapper .mason {
  max-height: 500px;
}

.img-col .vc_column-inner {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: right;
}
.img-col:before {
  content: "";
  padding-bottom: 56%;
}

.entry-content ul li:before {
  display: none;
}
.underlined-yellow:after {
  content: "";
  width: 128px;
  height: 4px;
  background: #fff200;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  margin-top: 20px;
  /*margin-bottom: 50px;*/
}
.regular-underline {
  color: #000;
  text-decoration: underline;
}

.vc_custom_1594833641207 {
  justify-content: flex-end;
}

#mega-menu-wrap-main-menu
  #mega-menu-main-menu
  > li.mega-menu-item
  > a.mega-menu-link,
#mega-menu-wrap-main-menu
  #mega-menu-main-menu
  > li.mega-menu-item.mega-current-menu-item
  > a.mega-menu-link,
#mega-menu-wrap-main-menu
  #mega-menu-main-menu
  > li.mega-menu-item.mega-toggle-on
  > a.mega-menu-link {
  text-transform: uppercase !important;
  font-weight: 700;
  color: #000;
}
#mega-menu-wrap-main-menu
  #mega-menu-main-menu
  > li.mega-menu-item
  > a.mega-menu-link:hover,
#mega-menu-wrap-main-menu
  #mega-menu-main-menu
  > li.mega-menu-item.mega-current-menu-item
  > a.mega-menu-link:hover {
  color: #000;
}
.bread-crumb-area p {
  max-width: 80vw;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 10px;
}
.bread-crumb-area a {
  color: #4f4f4f;
  font-family: "Public Sans";
  font-size: 16px;
  letter-spacing: -0.33px;
  line-height: 24px;
  text-decoration: underline;
}
.resources-template .entry-content li {
  font-family: "public sans";
}
.bread-crumb-area span {
  color: #4f4f4f;
  font-family: "Public Sans";
  font-size: 16px;
  letter-spacing: -0.33px;
  line-height: 24px;
}
.bread-crumb-area strong {
  color: #000000;
  font-family: "Public Sans";
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.33px;
  line-height: 24px;
}
.bread-crumb-area {
  border-bottom: solid 1px #000;
}
.support-content {
  padding-top: 40px;
  padding-bottom: 40px;
}
.title-txt {
  margin-top: 0px !important;
}

.horizontal-blog .display-post-block .post-layout-2:nth-child(1) {
  margin-right: 10px;
}
.horizontal-blog .display-post-block .post-layout-2 .title-txt {
}
.horizontal-blog .post-block-content {
  padding: 20px;
}

.horizontal-blog2 .blog-feed-wrapper {
  display: flex;
  justify-content: space-between;

  flex-wrap: wrap;
}

.horizontal-blog2 .display-post-block .post-layout-2 .title-txt {
}
.horizontal-blog2 .post-block-content {
  padding: 20px;
}
.one-post.dark-post .display-post-block .post-layout-2 .post-block-content {
  padding: 20px;
}

.horizontal-blog3 .display-post-block .post-layout-2 .title-txt {
}
.horizontal-blog3 .post-block-content {
  padding: 20px;
}

.black-bg .display-post-block .post-title,
.black-bg .title-txt {
  color: #fff !important;
}

.black-bg .display-post-block:hover .post-title,
.black-bg .display-post-block:hover .title-txt {
  color: #000 !important;
}

.blog-feed-wrapper .post-title {
  color: #000000;
  font-family: Rubik;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 32px;
}
.black-block {
  font-size: 24px !important;
  color: #fff !important;
  background: #000;
  padding: 20px 30px;
  font-weight: 700;
}

.far-right {
  margin: 0 0 0 auto;
}

.blue-gradient-border {
  position: relative;
  padding-left: 28px;
  margin-left: 10px;
}
.blue-gradient-border:before {
  content: "";
  background: linear-gradient(135deg, #0085ff 0%, #00c2ab 100%);
  width: 8px;
  height: 100%;
  position: absolute;
  display: block;
  left: 0px;
}
.twenty-bot {
  margin-bottom: 20px !important;
}
.color-number p {
}
.color-number {
  background-color: #fff200;
  height: 54px;
  width: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px !important;
  font-weight: 500 !important;
  letter-spacing: -0.67px;
  line-height: 40px !important;
  text-align: center;
  color: #000 !important;
}
.new-black-box {
  background: #000;
  padding: 20px 50px 40px 20px;
}
.regular-box-padding {
  padding: 30px;
}
.is-equal .vc_column-inner .wpb_wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.is-equal .vc_column-inner .wpb_wrapper .wpb_text_column {
  display: flex;
  flex: 1;
}

@media (min-width: 320px) {
  .careers-slider h1 {
    font-family: "Rubik" !important;
    font-size: 20px !important;
    font-weight: bold !important;
    letter-spacing: -1.17px !important;
    line-height: 28px !important;
    text-transform: uppercase;
  }
  .who-slider h1 {
    font-family: "Rubik" !important;
    font-size: 20px !important;
    font-weight: bold !important;
    letter-spacing: -1.17px !important;
    line-height: 28px !important;
    text-transform: uppercase;
  }
  .third-txt {
    width: 100%;
    padding-top: 20px;
  }
  .fourth {
    width: 100%;
  }
  .large-top {
    margin-top: 20px;
  }
  .sixty-pad {
    padding: 20px !important;
  }
  .fifty-bot {
    padding-bottom: 20px !important;
  }
  .eighty-bot {
    padding-bottom: 20px !important;
  }
  .vc_row .vc_inner {
    max-width: 90vw;
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .small-row.vc_inner {
    max-width: 90vw;
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .smaller-row.vc_inner {
    max-width: 90vw;
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .smallest-row.vc_inner {
    max-width: 90vw;
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .med-row.vc_inner {
    max-width: 90vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .lrg-row.vc_inner {
    max-width: 90vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .medium-row.vc_inner {
    max-width: 90vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .colored-row-1 .colored-box:nth-child(1),
  .colored-row-2 .colored-box:nth-child(1) {
    margin-left: 0px;
  }
  .colored-row-1 .colored-box5:nth-child(1),
  .colored-row-2 .colored-box5:nth-child(1) {
    margin-left: 0px;
  }
  .smlr-pad {
    padding-top: 2vw !important;
    padding-bottom: 2vw !important;
  }
  .med-pad {
    padding-top: 3vw !important;
    padding-bottom: 3vw !important;
  }
  .med-pad-top {
    padding-top: 3vw !important;
  }
  .med-pad-bot {
    padding-bottom: 3vw !important;
  }
  .large-pad {
    padding-top: 5vw !important;
    padding-bottom: 5vw !important;
  }
  .large-bot-pad {
    padding-bottom: 3vw;
  }
  .med-top-pad {
    padding-top: 3vw !important;
  }
  .med-bot-pad {
    padding-bottom: 3vw !important;
  }
  .large-top-pad {
    padding-top: 30px !important;
  }
  .xl-top-pad {
    padding-top: 50px !important;
  }
  .large-bot-pad {
    padding-bottom: 50px !important;
  }
  h1 {
    font-family: "Rubik" !important;
    font-size: 43px !important;
    font-weight: bold !important;
    letter-spacing: -1.17px !important;
    line-height: 51px !important;
    text-transform: uppercase;
  }
  h2 {
    font-family: "Rubik" !important;
    font-size: 33px !important;
    font-weight: bold !important;
    letter-spacing: -1.17px !important;
    line-height: 40px !important;
    text-transform: uppercase;
  }
  .smallh1 {
    font-family: "Rubik" !important;
    font-size: 33px !important;
    font-weight: bold !important;
    letter-spacing: -1.17px !important;
    line-height: 40px !important;
    text-transform: uppercase;
  }
  .small-header {
    font-family: "Rubik" !important;
    font-size: 33px !important;
    font-weight: bold !important;
    letter-spacing: -1.17px !important;
    line-height: 40px !important;
    text-transform: uppercase;
  }
  h2.lrg-title {
    font-family: "Rubik" !important;
    font-size: 56px !important;
    font-weight: bold !important;
    letter-spacing: -1.67px !important;
    line-height: 64px !important;
    text-transform: uppercase;
  }
  h2 .sml-title {
    font-size: 32px;
    font-weight: 500;
    letter-spacing: -0.67px;
    line-height: 40px;
    text-align: center;
  }
  h2 {
    margin-top: 0px !important;
  }
  h3 {
    font-family: Rubik !important;
    font-size: 24px !important;
    font-weight: 500 !important;
    letter-spacing: -0.67px !important;
    line-height: 32px !important;
  }
  .extra-right .vc_column-inner {
    padding-right: 15px !important;
  }
  .extra-left .vc_column-inner {
    padding-left: 15px !important;
  }
  .light-extra-right .vc_column-inner {
    padding: 15px !important;
  }
  .light-extra-left .vc_column-inner {
    padding: 15px !important;
  }
  .img-link-row .vc_col-sm-4 {
    width: 100%;
    margin: 0px;
    margin-bottom: 10px;
    flex: 1 100%;
  }
  p.lrg-txt {
    font-family: "Rubik" !important;
    font-size: 24px !important;
    font-weight: 500;
    letter-spacing: -0.67px;
    line-height: 32px !important;
    color: #4f4f4f;
  }
  .colored-box .vc_column-inner {
    padding: 20px 20px !important;
  }
  .colored-box {
    height: 241px;
    width: 100% !important;
    margin: 10px;
  }
  .colored-box5 .colored-box-inner {
    padding: 20px 20px !important;
  }
  .colored-box5 {
    height: 241px;
    width: 100% !important;
    margin: 10px;
  }
  .colored-box4 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 192px;
  }
  #footer-sidebar {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #header,
  #container,
  #footer {
    padding: 0px;
  }
  .with-pattern-block {
    margin: 8px !important;
  }
  .cta-block .vc_column-inner {
    padding: 40px 20px !important;
    margin: 5px !important;
  }
  .three-cta .vc_column-inner {
    padding: 40px 20px !important;
    margin: 5px !important;
  }
  .three-cta .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper {
    align-items: center;
    justify-content: center;
  }
  .light-overlap {
    margin-top: -59px !important;

    padding: 25px 30px !important;
  }
  .light-overlap2 {
    margin-top: -59px !important;

    padding: 40px 20px !important;
  }
  .horizontal-blog2 .display-post-block .post-layout-2 {
    /*  display: flex;
flex:1 25%;*/
    width: 100%;
  }
  .horizontal-blog3 .display-post-block .post-layout-2 {
    /*  display: flex;
flex:1 25%;*/
    width: 100%;
  }
  .top-over {
    margin-top: 0px;
  }
  .bottom-over-lite {
    margin-bottom: 0px !important;
  }
  .bottom-over {
    margin-bottom: 0px;
  }
  .horizontal-blog3 .blog-feed-wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .display-post-block .post-layout-2 {
    max-width: 100%;
    /*margin:0 0 0 auto;*/
  }
  .padded-box .vc_column-inner {
    padding: 20px 20px 20px 20px !important;
  }
  .padded-box2 {
    padding: 20px !important;
    position: relative;
  }
  .padded-box3 {
    padding: 15px !important;
    position: relative;
  }
  .padded-box4 {
    padding: 20px !important;
  }
  .post-layout-3 a {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .horizontal-blog .blog-feed-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  .light-box .vc_column-inner {
    background: #fefced;
    padding: 10px !important;
    margin: 10px;
  }
  .post-layout-3 .post-image {
    min-height: 160px;
    max-width: 100%;
  }
  .white-block {
    background: #fff;
    padding: 10px;
    margin-bottom: 35px !important;
  }
  .modal-dialog {
    width: 95%;
  }
  .face-feed-wrapper .mason {
    display: flex;
    flex: 0 100%;
    padding: 10px;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(1) {
    margin-top: 0px;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(3) {
    margin-top: 0px;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(9) {
    margin-top: 0px;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(11) {
    margin-top: 0px;
  }

  .faces-page-row .face-feed-wrapper .mason:nth-child(5) {
    margin-top: 0px;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(7) {
    margin-top: 0px;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(13) {
    margin-top: 0px;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(15) {
    margin-top: 0px;
  }
  .support-blocks {
    display: flex;
    flex-direction: column;
    flex: 1 100%;
    padding: 5px;
  }
  .light-row-pad {
    padding: 10px !important;
  }
  .page-template-supporters .support-feed-wrapper article {
    display: flex;
    flex: 1 100%;
    max-width: 100%;
  }
  .bot-bot-footer #footer-sidebar3 {
    display: flex;
    flex-direction: column;
    flex: 1 100%;
  }
  .rowed .wpb_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .mobile-hide {
    display: none;
  }
  .smaller-text-row {
    max-width: 100%;
    margin: 0 auto;
  }
  .medium-text-row {
    max-width: 100%;
    margin: 0 auto;
  }
  .eighty-top {
    margin-top: 0px;
  }
  .left-seventy {
    margin-left: 0px;
  }
  .modal-dialog {
    height: 100%;
    width: 80% !important;

    top: 11%;
    margin: 0 auto !important;
  }
  .number-square-row .number-block-square:nth-child(1) .vc_column-inner {
    margin-top: 0px;
  }
  .number-square-row:nth-child(4) .number-block-square:nth-child(2) {
    padding-bottom: 0px;

    position: relative;
    top: 0px;
  }
  .number-square-row:nth-child(4) .number-block-square:nth-child(1) {
    padding-bottom: 0px;

    position: relative;
    bottom: 0px;
  }
  .mobile-hide {
    display: none !important;
  }
  .hundred-neg {
    margin-top: 0px;
  }
  .padded-box5 {
    padding: 20px !important;
  }
  .padded-box6 {
    padding: 20px 20px 20px 20px !important;
  }
  .padded-box7 {
    padding: 20px !important;
  }
  .padded-box8 {
    padding: 20px 20px !important;
  }
  .uneven-block {
    padding: 20px 20px;
  }
  .fifty-pad {
    padding: 20px;
    position: relative;
  }
  .fifty-pad-no-left {
    padding: 20px;
    padding-left: 0px;
  }
  .with-right {
    padding-right: 20px !important;
  }
  .negfifty-top {
    margin-top: 0px;
  }
  .fifty-top {
    margin-top: 0px;
  }
  .hundred-top {
    margin-top: 0px;
  }
  .neghundred-top {
    margin-top: 0px;
  }
  .twohundred-top {
    margin-top: 0px;
  }
  .negonefifty-top {
    margin-top: 0px;
  }
  .negtwohundred-top {
    margin-top: 0px;
  }
  .colored-box3.color2 {
    top: 0px;
  }
  .colored-box3.color3 {
    top: 0px;
  }
  .yellow-bar.first-yellow {
    margin-top: 0px;
  }
  .yellow-bar.last-yellow {
    margin-bottom: 0px !important;
  }
  .hundrednegbottom {
    margin-bottom: 0px;
  }
  .negative-box {
    position: relative;
    top: 0px;
  }
  .negative-box2 {
    position: relative;
    top: 0px;
  }
  .two-col {
    flex-direction: column;
  }
  .with-yellow {
    padding: 15px;
    background: #fefced;
  }
  .in-action-block .wpb_wrapper {
    padding: 40px 25px;
    margin-top: 0px;
  }
  /*.mega-menu-toggle{*/
  /*    max-width: 40px;*/
  /*    top: -50px;*/
  /*    position: relative;*/

  /*        right: 35px;*/
  /*    margin: 0 0 0 auto;*/
  /*}*/
  .mega-toggle-blocks-left {
    display: none !important;
  }
  .mega-toggle-blocks-center {
    display: none !important;
  }
  .btn-wrapper.right-btn {
    display: flex;
    justify-content: flex-start;
  }
  .hide-mobile {
    display: none !important;
  }
  .faces-inner {
    flex-direction: column;
  }
  .faces-content {
    padding: 10px;
  }
  .faces-image {
    padding: 0px;
  }
  .modal-body .btn-prev,
  .modal-body .btn-next {
    top: 100%;
  }
  .modal-body .btn-prev {
    right: 60%;
  }
  .modal-body .btn-next {
    left: 60%;
  }
  .two-btn .wpb_wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .black-upper-two .two-col .first-two-col {
    width: 100%;
  }
  .black-upper-two .two-col .second-two-col {
    width: 100%;
  }
  .black-upper-two .two-col {
    padding: 0px;
  }
  .lower-col {
    position: relative;
    top: 0px;
  }
  .lower-col2 {
    position: relative;
    top: 0px;
  }
  .lower-col3 {
    position: relative;
    top: 0px;
  }
  .slide-row {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .testimon-box .vc_column-inner {
    padding: 20px 20px 20px 20px !important;
  }
  .cta-block2 .vc_column-inner {
    padding: 20px !important;
    margin: 5px !important;
  }
  .grad-box .vc_column-inner {
    margin: 0px;
    margin-bottom: 10px;
  }
  .face-feed-wrapper .mason:nth-child(1) {
    margin-top: 0px;
  }
  /*.face-feed-wrapper .mason:nth-child(3n+2) {*/
  /*    margin-top: 0px;*/
  /*}*/

  .home-faces .face-feed-wrapper .mason:nth-child(7) {
    margin-top: 0px !important;
  }
  .home-faces {
    padding-top: 0px !important;
  }
  .colored-box3 .wpb_content_element {
    padding: 60px 20px;
    height: 240px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }
  .yellow-bar {
    margin-bottom: 20px !important;
    padding: 20px 20px 20px 20px !important;
  }
  .with-check-border-right:before {
    content: "";
    border: dashed 2px #fff;
    border-image-source: url(https://harmreduction.org/wp-content/uploads/2020/07/white-dash.png);
    border-image-repeat: round;
    width: 100%;
    border-image-slice: 1;
    height: 100%;
    display: inline-block;
    left: 10px;
    top: 10px;
    position: absolute;
  }
  .with-check-border-left:before {
    content: "";
    border: dashed 2px #fff;
    border-image-source: url(https://harmreduction.org/wp-content/uploads/2020/07/white-dash.png);
    border-image-repeat: round;
    width: 100%;
    border-image-slice: 1;
    height: 100%;
    display: inline-block;
    right: 10px;
    top: 10px;
    position: absolute;
  }
  .lrg-btn .black-btn {
    font-size: 27px !important;
    text-transform: none !important;
    font-weight: 500 !important;
    padding: 20px 37px !important;
    line-height: 32px;
    text-decoration: none !important;
  }
  .lrg-btn .white-btn {
    font-size: 27px !important;
    text-transform: none !important;
    font-weight: 500 !important;
    padding: 20px 37px !important;
    text-decoration: none !important;
    line-height: 32px;
  }
  #response article {
    width: 100%;
    margin: 10px;
  }
  .page-template-resource-page select {
    margin: 5px;
    width: 50%;
  }
  .my-order-1 {
    order: 2;
  }
  .my-order-2 {
    order: 1;
  }
  .early-order-1 {
    order: 2;
  }
  .early-order-2 {
    order: 1;
  }
  .flexed-row {
    display: flex;
    flex-direction: column;
  }
  .careers-box {
    padding: 20px;
    padding-right: 20px;
    background: #fefced;
  }
  .face-testimon .vc_column-inner {
    padding: 20px !important;
  }
  .forty-pad {
    padding: 20px !important;
  }
  .sixty-pad {
    padding: 20px !important;
  }
  .impact-img {
    width: 24px !important;
    height: auto;
    margin-right: 20px;
  }
  .pattern-pad {
    padding: 10px;
  }
  .post-layout-3 {
    padding: 0px;
  }
  .with-check-border .vc_column-inner:before {
    content: "";
    border: dashed 2px #fff;
    border-image-source: url(https://harmreduction.org/wp-content/uploads/2020/07/white-dash.png);
    border-image-repeat: round;
    width: 100%;
    border-image-slice: 1;
    height: 100%;
    display: inline-block;
    left: 10px;
    top: 10px;
    position: absolute;
  }
  .with-check-border-top:before {
    content: "";
    border: dashed 2px #fff;
    border-image-source: url(https://harmreduction.org/wp-content/uploads/2020/07/white-dash.png);
    border-image-repeat: round;
    width: 100%;
    border-image-slice: 1;
    height: 100%;
    display: inline-block;
    left: 10px;
    top: -10px;
    position: absolute;
  }
  .with-check-border2 .vc_column-inner:before {
    content: "";
    border: dashed 2px #fff;
    border-image-source: url(https://harmreduction.org/wp-content/uploads/2020/07/white-dash.png);
    border-image-repeat: round;
    width: 100%;
    border-image-slice: 1;
    height: 100%;
    display: inline-block;
    right: 10px;
    top: 10px;
    position: absolute;
  }
  .leadership-image {
    height: 300px;
  }
  .black-line-top2:before {
    content: "";
    height: 45px;
    position: absolute;
    width: 8px;
    background: #000;
    left: 50%;
    top: -22px;
  }
  .yellow-line-top:before {
    content: "";
    height: 45px;
    position: absolute;
    width: 8px;
    background: #fff200;
    left: 50%;
    top: -22px;
  }
  .lrg-number {
    font-family: Rubik;
    font-size: 60px !important;
    font-weight: bold !important;
    letter-spacing: -1.67px !important;
    line-height: 60px !important;
    padding-bottom: 15px;
  }
  .number-square-row:nth-child(2) .number-block-square:nth-child(1) {
    padding-bottom: 0px;

    position: relative;
    bottom: 0px;
  }
  .third-col2 {
    flex: 1 100% !important;
  }
  .third-col {
    flex: 1 100% !important;
  }
  .half-col {
    flex: 1 100% !important;
  }
  .fourth-col {
    flex: 1 100% !important;
  }
  .padded-box5.third-col {
    padding: 0px !important;
  }
  .testimon-box {
    padding-left: 0vw !important;
  }
  .learn-more-block {
    max-width: auto;
  }
  .image-icon img {
    height: 50px !important;
  }
  .speaking-row .display-leader-block .blog-feed-wrapper article {
    flex: 1 100% !important;
    max-width: 100% !important;
  }
  .second-col {
    flex: 1 100% !important;
  }
  .one-col {
    flex: 1 100% !important;
  }
  p {
    font-family: "Public Sans", sans-serif;
    font-size: 16px;
    letter-spacing: -0.42px;
    line-height: 24px;
  }
  .page #content p,
  .single-post #content p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.42px;
    font-family: "Public Sans";
  }
  .faces-page-row .face-feed-wrapper .mason {
    flex: 1 100%;
    max-width: 100%;
  }
}
@media (min-width: 375px) {
  h1 {
    font-family: "Rubik" !important;
    font-size: 43px !important;
    font-weight: bold !important;
    letter-spacing: -1.17px !important;
    line-height: 51px !important;
    text-transform: uppercase;
  }
  h2 {
    font-family: "Rubik" !important;
    font-size: 40px !important;
    font-weight: bold !important;
    letter-spacing: -1.17px !important;
    line-height: 48px !important;
    text-transform: uppercase;
  }
  .smallh1 {
    font-family: "Rubik" !important;
    font-size: 40px !important;
    font-weight: bold !important;
    letter-spacing: -1.17px !important;
    line-height: 48px !important;
    text-transform: uppercase;
  }
  .small-header {
    font-family: "Rubik" !important;
    font-size: 40px !important;
    font-weight: bold !important;
    letter-spacing: -1.17px !important;
    line-height: 48px !important;
    text-transform: uppercase;
  }
}

@media (min-width: 600px) {
  .faces-page-row .face-feed-wrapper .mason {
    flex: 1 50%;
    max-width: 50%;
  }
}

@media (min-width: 768px) {
  .page #content p,
  .single-post #content p {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.42px;
    font-family: "Public Sans";
  }
  p {
    font-family: "Public Sans", sans-serif;
    font-size: 20px;
    letter-spacing: -0.42px;
    line-height: 32px;
  }
  .one-col {
    flex: 1 100% !important;
  }
  .second-col {
    flex: 1 100% !important;
  }
  .speaking-row .display-leader-block .blog-feed-wrapper article {
    flex: 1 50% !important;
    max-width: 50% !important;
  }
  .image-icon img {
    height: 50px !important;
  }
  .testimon-box {
    padding-left: 4vw !important;
  }
  .padded-box5.third-col {
    padding: 0px !important;
  }
  .third-col {
    flex: 1 46% !important;
  }
  .third-col2 {
    flex: 1 46% !important;
  }
  .half-col {
    flex: 1 100% !important;
  }
  .fourth-col {
    flex: 1 50% !important;
  }
  .number-square-row:nth-child(2) .number-block-square:nth-child(1) {
    padding-bottom: 0px;

    position: relative;
    bottom: 40px;
  }
  .testimonial-flex .vc_column-inner > .wpb_wrapper {
    align-items: center;
    display: flex;
    justify-content: flex-start;
  }
  .lrg-number {
    font-family: Rubik;
    font-size: 80px !important;
    font-weight: bold !important;
    letter-spacing: -1.67px !important;
    line-height: 80px !important;
    padding-bottom: 30px;
  }
  .black-line-top2:before {
    content: "";
    height: 99px;
    position: absolute;
    width: 8px;
    background: #000;
    left: 50%;
    top: -45px;
  }
  .yellow-line-top:before {
    content: "";
    height: 99px;
    position: absolute;
    width: 8px;
    background: #fff200;
    left: 50%;
    top: -45px;
  }
  .leadership-image {
    height: 437px;
  }
  .with-check-border .vc_column-inner:before {
    content: "";
    border: dashed 2px #fff;
    border-image-source: url(https://harmreduction.org/wp-content/uploads/2020/07/white-dash.png);
    border-image-repeat: round;
    width: 100%;
    border-image-slice: 1;
    height: 100%;
    display: inline-block;
    left: 20px;
    top: 20px;
    position: absolute;
  }
  .with-check-border-top:before {
    content: "";
    border: dashed 2px #fff;
    border-image-source: url(https://harmreduction.org/wp-content/uploads/2020/07/white-dash.png);
    border-image-repeat: round;
    width: 100%;
    border-image-slice: 1;
    height: 100%;
    display: inline-block;
    left: 20px;
    top: -20px;
    position: absolute;
  }
  .with-check-border2 .vc_column-inner:before {
    content: "";
    border: dashed 2px #fff;
    border-image-source: url(https://harmreduction.org/wp-content/uploads/2020/07/white-dash.png);
    border-image-repeat: round;
    width: 100%;
    border-image-slice: 1;
    height: 100%;
    display: inline-block;
    right: 20px;
    top: 20px;
    position: absolute;
  }
  .post-layout-3 {
    padding: 15px;
  }
  .pattern-pad {
    padding: 30px;
  }
  .impact-img {
    width: 35px !important;
    height: auto;
    margin-right: 20px;
  }
  .face-testimon .vc_column-inner {
    padding: 40px !important;
  }
  .forty-pad {
    padding: 40px !important;
  }
  .sixty-pad {
    padding: 60px !important;
  }
  .careers-box {
    padding: 40px;
    padding-right: 6vw;
    background: #fefced;
  }
  .flexed-row {
    display: flex;
    flex-direction: row;
  }
  .my-order-1 {
    order: 1;
  }
  .my-order-2 {
    order: 2;
  }

  #response article {
    width: 23%;
    margin: 10px;
  }
  .page-template-resource-page #response article {
    width: 30%;
    margin: 10px;
  }

  .lrg-btn .black-btn {
    font-size: 32px !important;
    text-transform: none !important;
    font-weight: 500 !important;
    padding: 20px 37px !important;
    text-decoration: none !important;
  }
  .lrg-btn .white-btn {
    font-size: 32px !important;
    text-transform: none !important;
    font-weight: 500 !important;
    padding: 20px 37px !important;
    text-decoration: none !important;
  }
  .with-check-border-right:before {
    content: "";
    border: dashed 2px #fff;
    border-image-source: url(https://harmreduction.org/wp-content/uploads/2020/07/white-dash.png);
    border-image-repeat: round;
    width: 100%;
    border-image-slice: 1;
    height: 100%;
    display: inline-block;
    left: 20px;
    top: 20px;
    position: absolute;
  }
  .with-check-border-left:before {
    content: "";
    border: dashed 2px #fff;
    border-image-source: url(https://harmreduction.org/wp-content/uploads/2020/07/white-dash.png);
    border-image-repeat: round;
    width: 100%;
    border-image-slice: 1;
    height: 100%;
    display: inline-block;
    right: 20px;
    top: 20px;
    position: absolute;
  }
  .yellow-bar {
    margin-bottom: 20px !important;
    padding: 30px 70px 30px 30px !important;
  }
  .colored-box3 .wpb_content_element {
    padding: 60px 20px;
    height: 240px;
    max-width: 288px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }

  .home-faces {
    padding-top: 100px !important;
  }
  .face-feed-wrapper .mason:nth-child(1) {
    margin-top: -40px;
  }
  /*.face-feed-wrapper .mason:nth-child(3n+2) {*/
  /*    margin-top: -40px;*/
  /*}*/
  .home-faces .face-feed-wrapper .mason:nth-child(7) {
    margin-top: -80px !important;
  }
  .testimon-box .vc_column-inner {
    padding: 20px 20px 20px 20px !important;
  }
  .grad-box .vc_column-inner {
    margin: 10px;
  }
  .cta-block2 .vc_column-inner {
    padding: 52px 60px !important;
    margin: 5px !important;
  }
  .slide-row {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .lower-col {
    position: relative;
    top: 100px;
  }
  .lower-col2 {
    position: relative;
    top: 100px;
  }
  .lower-col3 {
    position: relative;
    top: 40px;
  }
  .black-upper-two .two-col .first-two-col {
    width: 50%;
  }
  .black-upper-two .two-col .second-two-col {
    width: 50%;
  }
  .black-upper-two .two-col {
    padding: 45px;
    flex-wrap: wrap;
  }

  .two-btn .wpb_wrapper {
    display: flex;
    justify-content: center;
    flex-direction: row;
  }
  .modal-body .btn-prev {
    right: 100%;
  }
  .modal-body .btn-next {
    left: 100%;
  }
  .modal-body .btn-prev,
  .modal-body .btn-next {
    top: 50%;
  }
  .faces-content {
    padding: 40px;
  }
  .faces-image {
    padding: 20px;
  }
  .faces-inner {
    flex-direction: row;
  }
  .hide-mobile {
    display: block !important;
  }
  .btn-wrapper.right-btn {
    display: flex;
    justify-content: flex-start;
  }
  .in-action-block .wpb_wrapper {
    padding: 40px 25px;
    margin-top: -140px;
  }
  .with-yellow {
    padding: 30px;
    background: #fefced;
  }
  .two-col {
    flex-direction: row;
  }
  .hundrednegbottom {
    margin-bottom: -150px;
  }
  .negative-box {
    position: relative;
    top: 50px;
  }
  .negative-box2 {
    position: relative;
    top: 100px;
  }
  .third-txt {
    width: 70%;
    padding-top: 4vw;
  }
  .fourth {
    width: 90%;
  }
  .colored-box3.color2 {
    top: 50px;
  }
  .colored-box3.color3 {
    top: 100px;
  }
  .yellow-bar.first-yellow {
    margin-top: -80px;
  }
  .yellow-bar.last-yellow {
    margin-bottom: -80px !important;
  }
  .negfifty-top {
    margin-top: -50px;
  }
  .fifty-top {
    margin-top: 50px;
  }
  .hundred-top {
    margin-top: 100px;
  }
  .neghundred-top {
    margin-top: -100px;
  }
  .twohundred-top {
    margin-top: 200px;
  }
  .negonefifty-top {
    margin-top: -150px;
  }
  .negtwohundred-top {
    margin-top: -200px;
  }
  .uneven-block {
    padding: 50px 30px;
  }
  .fifty-pad {
    padding: 50px;
    position: relative;
  }
  .fifty-pad-no-left {
    padding: 50px;
    padding-left: 0px;
  }
  .with-right {
    padding-right: 80px !important;
  }
  .padded-box5 {
    padding: 20px !important;
  }
  .padded-box6 {
    padding: 50px 75px 50px 30px !important;
  }
  .padded-box7 {
    padding: 70px !important;
  }
  .padded-box8 {
    padding: 60px 30px !important;
  }
  .hundred-neg {
    margin-top: -100px;
  }
  .mobile-hide {
    display: block !important;
  }
  .large-top {
    margin-top: 200px;
  }
  .sixty-pad {
    padding: 60px !important;
  }
  .fifty-bot {
    padding-bottom: 60px !important;
  }
  .eighty-bot {
    padding-bottom: 80px !important;
  }
  .modal-dialog {
    height: 100%;
    width: 60% !important;

    top: 11%;
  }
  .vc_row .vc_inner {
    max-width: 90vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .small-row.vc_inner {
    max-width: 80vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .smaller-row.vc_inner {
    max-width: 85vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .smallest-row.vc_inner {
    max-width: 80vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .med-row.vc_inner {
    max-width: 80vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .lrg-row.vc_inner {
    max-width: 95vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .medium-row.vc_inner {
    max-width: 85vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .colored-row-1 .colored-box:nth-child(1),
  .colored-row-2 .colored-box:nth-child(1) {
    margin-left: 20px;
  }
  .colored-row-1 .colored-box5:nth-child(1),
  .colored-row-2 .colored-box5:nth-child(1) {
    margin-left: 20px;
  }
  h1 {
    font-family: "Rubik" !important;
    font-size: 44px !important;
    font-weight: bold !important;
    letter-spacing: -1.67px !important;
    line-height: 52px !important;
    text-transform: uppercase;
  }
  .careers-slider h1 {
    font-family: "Rubik" !important;
    font-size: 44px !important;
    font-weight: bold !important;
    letter-spacing: -1.67px !important;
    line-height: 52px !important;
    text-transform: uppercase;
  }
  .who-slider h1 {
    font-family: "Rubik" !important;
    font-size: 44px !important;
    font-weight: bold !important;
    letter-spacing: -1.67px !important;
    line-height: 52px !important;
    text-transform: uppercase;
  }
  h2 {
    font-family: "Rubik" !important;
    font-size: 40px !important;
    font-weight: bold !important;
    letter-spacing: -1.17px !important;
    line-height: 48px !important;
    text-transform: uppercase;
  }
  .smallh1 {
    font-family: "Rubik" !important;
    font-size: 40px !important;
    font-weight: bold !important;
    letter-spacing: -1.17px !important;
    line-height: 48px !important;
    text-transform: uppercase;
  }
  .small-header {
    font-family: "Rubik" !important;
    font-size: 40px !important;
    font-weight: bold !important;
    letter-spacing: -1.17px !important;
    line-height: 48px !important;
    text-transform: uppercase;
  }
  h2.lrg-title {
    font-family: "Rubik" !important;
    font-size: 44px !important;
    font-weight: bold !important;
    letter-spacing: -1.67px !important;
    line-height: 52px !important;
    text-transform: uppercase;
  }
  h2 .sml-title {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.67px;
    line-height: 32px;
    text-align: center;
  }
  h2 {
    margin-top: 0px !important;
  }
  h3 {
    font-family: Rubik !important;
    font-size: 24px !important;
    font-weight: 500 !important;
    letter-spacing: -0.67px !important;
    line-height: 32px !important;
  }
  .extra-right .vc_column-inner {
    padding-right: 4vw !important;
  }
  .extra-left .vc_column-inner {
    padding-left: 4vw !important;
  }
  .light-extra-right .vc_column-inner {
    padding-right: 3.5vw !important;
  }
  .light-extra-left .vc_column-inner {
    padding-left: 3.5vw !important;
  }
  .img-link-row .vc_col-sm-4 {
    width: 28%;
    margin: 12px;
    flex: 1 46%;
  }
  p.lrg-txt {
    font-family: "Rubik";
    font-size: 24px !important;
    font-weight: 500;
    letter-spacing: -0.67px;
    line-height: 32px !important;
    color: #4f4f4f;
  }
  .colored-box .vc_column-inner {
    padding: 30px 50px !important;
  }
  .colored-box {
    height: 241px;
    width: 29% !important;
    margin: 10px;
  }
  /*.colored-box5 .colored-box-inner{*/
  /*      padding: 30px 50px !important;*/
  /*}*/
  .colored-box5 {
    height: 241px;
    width: 29% !important;
    margin: 10px;
  }
  #footer-sidebar {
    display: flex;
    flex-direction: row;
  }
  .with-pattern-block {
    margin: 8px !important;
  }
  .cta-block .vc_column-inner {
    padding: 60px 30px !important;
    margin: 5px !important;
  }
  .three-cta .vc_column-inner {
    padding: 60px 30px !important;
    margin: 5px !important;
  }
  .light-overlap {
    margin-top: -59px !important;

    padding: 25px 50px !important;
  }
  .light-overlap2 {
    margin-top: -59px !important;

    padding: 40px 50px !important;
  }
  #header,
  #footer {
    padding: 20px;
  }
  .horizontal-blog2 .display-post-block .post-layout-2 {
    /*  display: flex;
flex:1 25%;*/
    flex: 1 32%;
    margin: 5px;
  }
  .horizontal-blog3 .display-post-block .post-layout-2 {
    /*  display: flex;
flex:1 25%;*/
    flex: 1 44%;
    margin: 5px;
  }
  .top-over {
    margin-top: 0px;
  }
  .bottom-over-lite {
    margin-bottom: 0px !important;
  }
  .bottom-over {
    margin-bottom: 0px;
  }
  .horizontal-blog3 .blog-feed-wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
  }
  .display-post-block .post-layout-2 {
    max-width: 80%;
    /*margin:0 0 0 auto;*/
  }
  .larger-blog .display-post-block .post-layout-2 {
    max-width: 100% !important;
    /*margin:0 0 0 auto;*/
  }
  .padded-box .vc_column-inner {
    padding: 38px 64px 42px 42px !important;
  }
  .padded-box2 {
    padding: 60px !important;
    position: relative;
  }
  .padded-box3 {
    padding: 45px !important;
    position: relative;
  }
  .padded-box4 {
    padding: 30px !important;
  }
  .post-layout-3 a {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .horizontal-blog .blog-feed-wrapper {
    display: flex;
    flex-wrap: nowrap;
  }
  .light-box .vc_column-inner {
    background: #fefced;
    padding: 20px !important;
    margin: 10px;
  }
  .white-block {
    background: #fff;
    padding: 10px;
    margin-bottom: 35px !important;
  }
  .modal-dialog {
    width: 70%;
  }
  .face-feed-wrapper .mason {
    display: flex;
    flex: 0 50%;
    padding: 10px;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(1) {
    margin-top: 0px;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(3) {
    margin-top: 0px;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(9) {
    top: 0px;
    margin-top: 0px;
    position: relative;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(11) {
    top: 0px;
    margin-top: 0px;
    position: relative;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(13) {
    top: 0px;
    margin-top: 0px;
    position: relative;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(15) {
    top: 0px;
    margin-top: 0px;
    position: relative;
  }

  .faces-page-row .face-feed-wrapper .mason:nth-child(5) {
    margin-top: 0px;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(7) {
    margin-top: 0px;
  }
  .support-blocks {
    display: flex;
    flex-direction: column;
    flex: 1 50%;
    padding: 5px;
  }
  .light-row-pad {
    padding: 50px !important;
  }
  .page-template-supporters .support-feed-wrapper article {
    display: flex;
    flex: 1 47%;
    max-width: 48%;
  }
  .support-feed-wrapper .post-image .alt-support-text {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 32px;
  }
  .bot-bot-footer #footer-sidebar3 {
    display: flex;
    flex-direction: column;
    flex: 1 25%;
  }
  .rowed .wpb_wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .mobile-hide {
    display: block;
  }
  .smaller-text-row {
    max-width: 60%;
    margin: 0 auto;
  }
  .medium-text-row {
    max-width: 80%;
    margin: 0 auto;
  }
  .large-txt-row {
    max-width: 85%;
    margin: 0 auto;
  }
  .eighty-top {
    margin-top: 80px;
  }
  .left-seventy {
    margin-left: 0px;
  }
  .number-square-row .number-block-square:nth-child(1) .vc_column-inner {
    margin-top: -100px;
  }
  .number-square-row:nth-child(4) .number-block-square:nth-child(2) {
    padding-bottom: 0px;

    position: relative;
    top: 20px;
  }
  .number-square-row:nth-child(4) .number-block-square:nth-child(1) {
    padding-bottom: 0px;

    position: relative;
    bottom: 100px;
  }
  .learn-more-block {
    max-width: auto;
  }
  .faces-page-row .face-feed-wrapper .mason {
    flex: 1 30%;
    max-width: 33%;
  }
  .faces-page-row .face-feed-wrapper .mason {
    max-height: 100%;
  }
  #response .face-feed-wrapper .mason:nth-child(4n + 1) {
    margin-top: -40px !important;
  }
}
@media (min-width: 800px) {
  .early-order-1 {
    order: 1;
  }
  .early-order-2 {
    order: 2;
  }
}
@media (min-width: 950px) {
  .testimonial-flex .vc_column-inner > .wpb_wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .grad-box .vc_column-inner {
    margin: 30px;
  }
  .top-over {
    margin-top: -100px;
  }
  .bottom-over-lite {
    margin-bottom: -100px !important;
  }
  .bottom-over {
    margin-bottom: -150px;
  }
  .one-col {
    flex: 1 50% !important;
  }
  .second-col {
    flex: 1 50% !important;
  }
  .speaking-row .display-leader-block .blog-feed-wrapper article {
    flex: 1 25% !important;
    max-width: 25% !important;
  }
  .image-icon img {
    height: 73px !important;
  }
  .learn-more-block {
    max-width: 288px;
  }
  .testimon-box {
    padding-left: 9vw !important;
  }
  .with-pattern-block {
    margin: 50px !important;
  }
  .third-col {
    flex: 1 30% !important;
  }
  .half-col {
    flex: 1 46% !important;
  }
  .fourth-col {
    flex: 1 25% !important;
  }
  .post-layout-3 a {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .white-block {
    background: #fff;
    padding: 40px 80px 40px 20px;
    margin-bottom: 35px !important;
  }
  .padded-box5.third-col {
    padding: 20px !important;
  }
  .img-link-row .vc_col-sm-4 {
    width: 28%;
    margin: 12px;
    flex: 1 28%;
  }
  .testimon-box .vc_column-inner {
    padding: 40px 70px 40px 40px !important;
  }
  .left-seventy {
    margin-left: -70px;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(1) {
    margin-top: 0px;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(3) {
    margin-top: 0px;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(9) {
    top: 0px;
    margin-top: 0px;
    position: relative;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(11) {
    top: 0px;
    margin-top: 0px;
    position: relative;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(13) {
    top: 0px;
    margin-top: 0px;
    position: relative;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(15) {
    top: 0px;
    margin-top: 0px;
    position: relative;
  }

  .faces-page-row .face-feed-wrapper .mason:nth-child(5) {
    margin-top: 0px;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(7) {
    margin-top: 0px;
  }
}
@media (min-width: 1024px) {
  .post-layout-3 a {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .faces-page-row .face-feed-wrapper .mason {
    flex: 1 24%;
    max-width: 25%;
  }
  .light-box .vc_column-inner {
    background: #fefced;
    padding: 40px !important;
    margin: 10px;
  }
  .colored-box .vc_column-inner {
    padding: 60px 70px !important;
  }
  /*  .colored-box5 .colored-box-inner{*/
  /*      padding: 60px 70px !important;*/
  /*}*/
  .vc_row .vc_inner {
    max-width: 90vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .small-row.vc_inner {
    max-width: 80vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .smaller-row.vc_inner {
    max-width: 68vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .smallest-row.vc_inner {
    max-width: 60vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .med-row.vc_inner {
    max-width: 70vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .lrg-row.vc_inner {
    max-width: 95vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .medium-row.vc_inner {
    max-width: 75vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .colored-row-1 .colored-box:nth-child(1),
  .colored-row-2 .colored-box:nth-child(1) {
    margin-left: 20px;
  }
  .colored-row-1 .colored-box5:nth-child(1),
  .colored-row-2 .colored-box5:nth-child(1) {
    margin-left: 20px;
  }
  .smlr-pad {
    padding-top: 2vw !important;
    padding-bottom: 2vw !important;
  }
  .med-pad {
    padding-top: 3vw !important;
    padding-bottom: 3vw !important;
  }
  .large-pad {
    padding-top: 5vw !important;
    padding-bottom: 5vw !important;
  }
  .large-bot-pad {
    padding-bottom: 3vw;
  }
  .med-top-pad {
    padding-top: 3vw !important;
  }
  .med-bot-pad {
    padding-bottom: 3vw !important;
  }
  .large-top-pad {
    padding-top: 80px !important;
  }
  .xl-top-pad {
    padding-top: 100px !important;
  }
  .large-bot-pad {
    padding-bottom: 80px !important;
  }
  h1 {
    font-family: "Rubik" !important;
    font-size: 80px !important;
    font-weight: bold !important;
    letter-spacing: -1.67px !important;
    line-height: 80px !important;
    text-transform: uppercase;
  }
  h2 {
    font-family: "Rubik" !important;
    font-size: 56px !important;
    font-weight: bold !important;
    letter-spacing: -1.17px !important;
    line-height: 64px !important;
    text-transform: uppercase;
  }
  .smallh1 {
    font-family: "Rubik" !important;
    font-size: 56px !important;
    font-weight: bold !important;
    letter-spacing: -1.17px !important;
    line-height: 64px !important;
    text-transform: uppercase;
  }
  .small-header {
    font-family: "Rubik" !important;
    font-size: 56px !important;
    font-weight: bold !important;
    letter-spacing: -1.17px !important;
    line-height: 64px !important;
    text-transform: uppercase;
  }
  h2.lrg-title {
    font-family: "Rubik" !important;
    font-size: 80px !important;
    font-weight: bold !important;
    letter-spacing: -1.67px !important;
    line-height: 80px !important;
    text-transform: uppercase;
  }
  .careers-slider h1 {
    font-family: "Rubik" !important;
    font-size: 80px !important;
    font-weight: bold !important;
    letter-spacing: -1.67px !important;
    line-height: 80px !important;
    text-transform: uppercase;
  }
  .who-slider h1 {
    font-family: "Rubik" !important;
    font-size: 80px !important;
    font-weight: bold !important;
    letter-spacing: -1.67px !important;
    line-height: 80px !important;
    text-transform: uppercase;
  }
  h2 .sml-title {
    font-size: 32px;
    font-weight: 500;
    letter-spacing: -0.67px;
    line-height: 40px;
    text-align: center;
  }
  h2 {
    margin-top: 0px !important;
  }
  h3 {
    font-family: Rubik !important;
    font-size: 32px !important;
    font-weight: 500 !important;
    letter-spacing: -0.67px !important;
    line-height: 40px !important;
  }

  p.lrg-txt {
    font-family: "Rubik";
    font-size: 32px !important;
    font-weight: 500;
    letter-spacing: -0.67px;
    line-height: 40px !important;
    color: #4f4f4f;
  }
  .extra-right .vc_column-inner {
    padding-right: 9vw !important;
  }
  .extra-left .vc_column-inner {
    padding-left: 9vw !important;
  }
  .light-extra-right .vc_column-inner {
    padding-right: 4.5vw !important;
  }
  .light-extra-left .vc_column-inner {
    padding-left: 4.5vw !important;
  }
  .img-link-row .vc_col-sm-4 {
    width: 28%;
    margin: 20px;
    flex: 1 28%;
  }
  .colored-box {
    height: 241px;
    width: 29% !important;
    margin: 10px;
  }
  .colored-box5 {
    height: 241px;
    width: 29% !important;
    margin: 10px;
  }
  .cta-block .vc_column-inner {
    padding: 100px 60px !important;
    margin: 5px !important;
  }
  .three-cta .vc_column-inner {
    padding: 100px 30px !important;
    margin: 8px !important;
  }
  .light-overlap {
    margin-top: -59px !important;

    /*padding: 25px 100px !important;*/
    padding: 25px 40px !important;
  }
  .light-overlap2 {
    margin-top: -59px !important;

    padding: 40px 100px !important;
  }
  .top-over {
    margin-top: -100px;
  }
  .bottom-over-lite {
    margin-bottom: -100px !important;
  }
  .bottom-over {
    margin-bottom: -150px;
  }
  .post-layout-3 .post-image {
    height: 145px;
    max-width: 216px;
  }
  .face-feed-wrapper .mason {
    display: flex;
    flex: 0 25%;
    padding: 10px;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(1) {
    margin-top: -100px;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(3) {
    margin-top: -150px;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(9) {
    margin-top: -250px;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(11) {
    margin-top: -300px;
  }

  .faces-page-row .face-feed-wrapper .mason:nth-child(5) {
    margin-top: 150px;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(7) {
    margin-top: 100px;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(13) {
    margin-top: 0px;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(15) {
    margin-top: -50px;
  }
  .support-blocks {
    display: flex;
    flex-direction: column;
    flex: 1 25%;
    padding: 5px;
  }
  .page-template-supporters .support-feed-wrapper article {
    display: flex;
    flex: 1 22%;
    max-width: 23%;
  }
  .support-feed-wrapper .post-image .alt-support-text {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 20px;
  }
  .third-col2 {
    flex: 30% !important;
  }
}
@media (min-width: 1126px) {
  .page-template-resource-page #response article {
    width: 23%;
    margin: 10px;
  }
}
@media (min-width: 1200px) {
  .third-col2 {
    flex: none !important;
  }
  .support-feed-wrapper .post-image .alt-support-text {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 28px;
  }
}
@media (min-width: 1300px) {
  .support-feed-wrapper .post-image .alt-support-text {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 32px;
  }
  .vc_row .vc_inner {
    max-width: 80vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .small-row.vc_inner {
    max-width: 80vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .smaller-row.vc_inner {
    max-width: 55vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .smaller-row.vc_inner {
    max-width: 65vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .smallest-row.vc_inner {
    max-width: 40vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .med-row.vc_inner {
    max-width: 70vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .lrg-row.vc_inner {
    max-width: 95vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .medium-row.vc_inner {
    max-width: 75vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .colored-row-1 .colored-box:nth-child(1),
  .colored-row-2 .colored-box:nth-child(1) {
    margin-left: 60px;
  }
  .colored-row-1 .colored-box5:nth-child(1),
  .colored-row-2 .colored-box5:nth-child(1) {
    margin-left: 60px;
  }
  .smlr-pad {
    padding-top: 2vw !important;
    padding-bottom: 2vw !important;
  }
  .med-pad {
    padding-top: 3vw !important;
    padding-bottom: 3vw !important;
  }
  .large-pad {
    padding-top: 5vw !important;
    padding-bottom: 5vw !important;
  }
  .large-bot-pad {
    padding-bottom: 3vw;
  }
  .med-top-pad {
    padding-top: 3vw !important;
  }
  .med-bot-pad {
    padding-bottom: 3vw !important;
  }
  .large-top-pad {
    padding-top: 100px !important;
  }
  .xl-top-pad {
    padding-top: 150px !important;
  }
  .large-bot-pad {
    padding-bottom: 100px !important;
  }
  h1 {
    font-family: "Rubik" !important;
    font-size: 80px !important;
    font-weight: bold !important;
    letter-spacing: -1.67px !important;
    line-height: 80px !important;
    text-transform: uppercase;
  }
  h2 {
    font-family: "Rubik" !important;
    font-size: 56px !important;
    font-weight: bold !important;
    letter-spacing: -1.17px !important;
    line-height: 64px !important;
    text-transform: uppercase;
  }
  .smallh1 {
    font-family: "Rubik" !important;
    font-size: 56px !important;
    font-weight: bold !important;
    letter-spacing: -1.17px !important;
    line-height: 64px !important;
    text-transform: uppercase;
  }
  .small-header {
    font-family: "Rubik" !important;
    font-size: 56px !important;
    font-weight: bold !important;
    letter-spacing: -1.17px !important;
    line-height: 64px !important;
    text-transform: uppercase;
  }
  h2.lrg-title {
    font-family: "Rubik" !important;
    font-size: 80px !important;
    font-weight: bold !important;
    letter-spacing: -1.67px !important;
    line-height: 80px !important;
    text-transform: uppercase;
  }
  h2 .sml-title {
    font-size: 32px;
    font-weight: 500;
    letter-spacing: -0.67px;
    line-height: 40px;
    text-align: center;
  }
  h2 {
    margin-top: 0px !important;
  }
  h3 {
    font-family: Rubik !important;
    font-size: 32px !important;
    font-weight: 500 !important;
    letter-spacing: -0.67px !important;
    line-height: 40px !important;
  }
  .extra-right .vc_column-inner {
    padding-right: 9vw !important;
  }
  .extra-left .vc_column-inner {
    padding-left: 9vw !important;
  }
  .light-extra-right .vc_column-inner {
    padding-right: 4.5vw !important;
  }
  .light-extra-left .vc_column-inner {
    padding-left: 4.5vw !important;
  }
  .img-link-row .vc_col-sm-4 {
    width: 28%;
    margin: 25px;
    flex: 1 28%;
  }
  p.lrg-txt {
    font-family: "Rubik";
    font-size: 32px !important;
    font-weight: 500;
    letter-spacing: -0.67px;
    line-height: 40px !important;
    color: #4f4f4f;
  }
  .colored-box .vc_column-inner {
    padding: 60px 70px !important;
  }
  .colored-box {
    height: 241px;
    width: 30% !important;
    margin: 10px;
  }
  /*.colored-box5 .colored-box-inner{*/
  /*      padding: 60px 70px !important;*/
  /*}*/
  .colored-box5 {
    height: 241px;
    width: 30% !important;
    margin: 10px;
  }
  #footer-sidebar {
    display: flex;
    flex-direction: row;
  }
  .with-pattern-block {
    margin: 50px !important;
  }
  .cta-block .vc_column-inner {
    padding: 100px 60px !important;
    margin: 5px !important;
  }
  .three-cta .vc_column-inner {
    padding: 100px 30px !important;
    margin: 8px !important;
  }
  .light-overlap {
    margin-top: -59px !important;

    /*  padding: 25px 100px !important;*/
    padding: 25px 40px !important;
  }
  .light-overlap2 {
    margin-top: -59px !important;

    padding: 40px 100px !important;
  }
  .top-over {
    margin-top: -100px;
  }
  .bottom-over-lite {
    margin-bottom: -100px !important;
  }
  .bottom-over {
    margin-bottom: -150px;
  }
  .display-post-block .post-layout-2 {
    max-width: 80%;
    /*margin:0 0 0 auto;*/
  }
  .padded-box .vc_column-inner {
    padding: 38px 64px 42px 42px !important;
  }
  .padded-box2 {
    padding: 60px !important;
    position: relative;
  }
  .padded-box3 {
    padding: 45px !important;
    position: relative;
  }
  .padded-box4 {
    padding: 30px !important;
  }
  .horizontal-blog .blog-feed-wrapper {
    display: flex;
    flex-wrap: nowrap;
  }
  .light-box .vc_column-inner {
    background: #fefced;
    padding: 40px !important;
    margin: 10px;
  }
  .post-layout-3 .post-image {
    height: 145px;
    max-width: 216px;
  }
}
@media (min-width: 1400px) {
  .light-extra-right .vc_column-inner {
    padding-right: 6.5vw !important;
  }
  .light-extra-left .vc_column-inner {
    padding-left: 6.5vw !important;
  }
  .cta-block .vc_column-inner {
    padding: 116px 71px !important;
    /*padding: 70px 80px !important;*/
    margin: 5px !important;
  }
  .three-cta .vc_column-inner {
    padding: 87px 30px !important;
    /*padding: 70px 80px !important;*/
    margin: 8px !important;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(1) {
    margin-top: -100px;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(3) {
    margin-top: -150px;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(9) {
    top: 76px;
    position: relative;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(11) {
    top: 76px;
    position: relative;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(13) {
    top: 0px;
    position: relative;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(15) {
    top: 0px;
    position: relative;
  }

  .faces-page-row .face-feed-wrapper .mason:nth-child(5) {
    margin-top: 50px;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(7) {
    margin-top: -30px;
  }
}
@media (min-width: 1500px) {
  .small-row.vc_inner {
    max-width: 70vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .smaller-row.vc_inner {
    max-width: 60vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(13) {
    top: 0px;
    position: relative;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(15) {
    top: 0px;
    position: relative;
  }
}
@media (min-width: 1600px) {
  .small-row.vc_inner {
    max-width: 60vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .smaller-row.vc_inner {
    max-width: 55vw;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(9) {
    top: 50px;
    position: relative;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(11) {
    top: 50px;
    position: relative;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(13) {
    top: 20px;
    position: relative;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(15) {
    top: 0px;
    position: relative;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(5) {
    margin-top: 7vw;
  }
  .faces-page-row .face-feed-wrapper .mason:nth-child(7) {
    margin-top: 3vw;
  }

  .light-extra-right .vc_column-inner {
    padding-right: 6.5vw !important;
  }
  .light-extra-left .vc_column-inner {
    padding-left: 6.5vw !important;
  }
  .cta-block .vc_column-inner {
    padding: 116px 101px !important;
    /*padding: 70px 80px !important;*/
    margin: 5px !important;
  }
  .three-cta .vc_column-inner {
    padding: 87px 30px !important;
    /*padding: 70px 80px !important;*/
    margin: 8px !important;
  }
}

.entry-content {
  overflow: hidden;
}

.email-zip {
}

.display-leader-block .blog-feed-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.display-leader-block .blog-feed-wrapper article {
  display: flex;
  flex: 1 33%;
  flex-direction: column;
  padding: 10px;
}
.display-leader-block .blog-feed-wrapper article .post-image {
  height: 347px;
  background-position: center !important;
}

.display-team-block .blog-feed-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.display-team-block .blog-feed-wrapper article {
  display: flex;
  flex: 1 25%;
  flex-direction: column;
  padding: 10px;
}
.display-team-block .blog-feed-wrapper article .post-image {
  height: 347px;
}

.display-director-block .blog-feed-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.display-director-block .blog-feed-wrapper article {
  display: flex;
  flex: 1 25%;
  flex-direction: column;
  padding: 10px;
}
.display-director-block .blog-feed-wrapper article .post-image {
  height: 347px;
}
.small-upper {
  font-size: 16px;
  text-transform: uppercase;
  font-size: 16px !important;
  font-weight: bold !important;
  letter-spacing: -0.33px !important;
  line-height: 24px !important;
  font-family: Rubik !important;
  padding-bottom: 30px;
}
.leadership-image {
  background-size: cover !important;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.leader-icon {
  display: none !important;
  font-size: 20px;
  letter-spacing: -0.42px;
  line-height: 21px;
  color: #000;
  background-color: #fff200;
  height: 64px;
  width: 64px;
  border-radius: 50%;
  z-index: 1;

  justify-content: center;
  align-items: center;
}
.leadership-image:before {
  content: "";
  display: block;
  opacity: 0;
}
.leadership-block:hover .leadership-image:before {
  content: "";
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  background: linear-gradient(134.24deg, #ff7530 0%, #e81fb8 100%);
  opacity: 1;
  transition: 1s;
}
.leadership-block:hover .leader-icon {
  display: flex !important;
}
.display-team-block .mason {
  margin-top: 0px !important;
}
.display-director-block .mason {
  margin-top: 0px !important;
}
.display-team-block .face-feed-wrapper .post-image {
  position: relative;
}
.display-director-block .face-feed-wrapper .post-image {
  position: relative;
}
.leader-name {
  padding-top: 15px !important;
  margin-bottom: 0px !important;
}
.leader-position,
.leader-name {
  color: #fff !important;
  font-family: Rubik !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  letter-spacing: -0.5px !important;
  line-height: 32px !important;
}

#footer {
  padding-top: 40px !important;
}
.black-square {
  margin-bottom: 5px;
}
#mega-menu-wrap-main-menu
  #mega-menu-main-menu
  > li.mega-menu-item.mega-current-menu-ancestor
  > a.mega-menu-link,
#mega-menu-wrap-main-menu
  #mega-menu-main-menu
  > li.mega-menu-item.mega-current-page-ancestor
  > a.mega-menu-link {
  color: #000;
}
.mega-menu-link {
  color: #000000 !important;
  font-family: Rubik !important;
  font-size: 16px !important;
  font-weight: bold;
  letter-spacing: -0.33px !important;
  line-height: 24px !important;
}
#mega-menu-wrap-main-menu
  #mega-menu-main-menu
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item
  li.mega-menu-item
  > a.mega-menu-link {
  margin-left: 20px;
  color: #4f4f4f !important;
  font-family: "Public Sans" !important;
  font-size: 16px !important;
  letter-spacing: -0.33px !important;
  line-height: 24px !important;
}
#mega-menu-wrap-main-menu
  #mega-menu-main-menu
  li.mega-menu-megamenu
  > ul.mega-sub-menu
  > li.mega-menu-row
  .mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item {
  padding-bottom: 5px;
}
#mega-menu-wrap-main-menu
  #mega-menu-main-menu
  li.mega-menu-megamenu
  > ul.mega-sub-menu
  > li.mega-menu-row {
  padding-bottom: 15px;
}
.mega-sub-menu li {
  padding-top: 15px !important;
}
.mega-menu-row {
  background-color: #ffffff !important;
  box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.2) !important;
}
.mega-menu-columns-6-of-12:nth-child(2) {
  border-left: 1px solid #cfd8dc !important;
}
#header {
  max-width: 92vw;
  margin: 0 auto;
}
.mega-sub-menu .mega-menu-column {
  flex: 1;
  display: flex !important;
  flex-direction: column !important;
}
.mega-menu-row > .mega-sub-menu {
  display: inline-flex !important;
}
.team-wrapper h4 {
  font-size: 20px !important;
  font-weight: bold !important;
  letter-spacing: -0.42px !important;
  line-height: 32px !important;
  color: #000 !important;
  margin-top: 8px !important;
  margin-bottom: 5px !important;
}
.team-wrapper p {
  color: #4f4f4f !important;
  font-family: "Public Sans" !important;
  font-size: 20px !important;
  letter-spacing: -0.42px !important;
  line-height: 32px !important;
}

.director-wrapper h4 {
  font-size: 20px !important;
  font-weight: bold !important;
  letter-spacing: -0.42px !important;
  line-height: 32px !important;
  color: #000 !important;
  margin-top: 8px !important;
  margin-bottom: 5px !important;
}
.director-wrapper p {
  color: #4f4f4f !important;
  font-family: "Public Sans" !important;
  font-size: 20px !important;
  letter-spacing: -0.42px !important;
  line-height: 32px !important;
}
p.small-txt {
  font-size: 16px !important;
}

.dark-crumb {
  background: #000 !important;
}
.dark-crumb a,
.dark-crumb strong,
.dark-crumb span {
  color: #fff !important;
}
.dark-crumb {
  border-color: #fff !important;
}
.video-row .video-wrap {
  padding-top: 50% !important;
}
.video-row .video-wrap iframe {
  max-height: 568px !important;
}
.green-link {
  color: #67d443 !important;
  text-decoration: underline;
}
.colored-row-1 p,
.colored-row-2 p,
.colored-row-3 p {
  margin-bottom: 0px !important;
}
.long-underline {
  border-bottom: 1px solid #979797;
}
.contact-mail-col .wpb_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contact-mail {
  display: flex;
  flex-direction: column;
  flex: 1 50%;
}
.cta-socials {
  display: flex;
  flex-direction: column;
}
.cta-block.column .wpb_wrapper {
  flex-direction: column !important;
}
.cta-socials a {
  color: #fff;
  text-decoration: underline !important;
}
.cta-socials i {
  margin-right: 15px;
  width: 20px;
}

.solid-line-row {
  display: flex;
  justify-content: space-between;
}
.solid-line-row:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  background: linear-gradient(133.35deg, #fff200 0%, #ffad1c 100%);
}
.solid-line-txt {
  position: relative;
}
.solid-line-txt p {
  color: #000 !important;
}

.contact-mail p {
  margin-bottom: 0px !important;
}
.ten-marg {
  margin: 10px;
}
.colored-box2 {
  height: 241px;
}
.colored-box2 .wpb_text_column .wpb_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.thick-upper {
  border-top: solid 10px #000;
  padding-top: 20px;
  padding-bottom: 10px;
}

.colored-box3 {
  position: relative;
}

.solid-line-txt p {
  font-weight: 700 !important;
}
.testimonial-icon {
  color: #000000 !important;
  font-family: Rubik !important;
  font-size: 80px !important;
  font-weight: bold !important;
  letter-spacing: -1.67px !important;
  line-height: 0px !important;
}
.light-bot-marg {
  margin-bottom: 10px !important;
}
.box-yellow-top {
  background: #fff;
  padding: 30px;
  border-top: solid 10px #fff202;
}
.check-p {
  display: flex;

  align-items: flex-start;
  margin-top: 30px;
}
.check-p i {
  margin-right: 20px;
  font-size: 28px;
}
.check-p2 {
  display: flex;

  align-items: flex-start;
  margin-bottom: 15px;
}
.check-p2 i {
  margin-right: 20px;
  font-size: 18px;
  top: 8px;
  position: relative;
}
.checked-bord {
  border: dashed 2px #fff;
  border-image-source: url(https://harmreduction.org/wp-content/uploads/2020/07/white-dash.png);
  border-image-repeat: round;
  width: 100%;
  border-image-slice: 1;
  height: 100%;
}

.itals {
  font-style: italic;
  font-weight: 300 !important;
}
.small-top-pad {
  padding-top: 2vw !important;
}
.image-icon img {
  width: auto !important;
  margin-top: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-icon .wpb_single_image {
  display: flex;
  justify-content: center;
}
.policy-img {
  height: 40px !important;
  width: auto !important;
}
.learn-without {
  padding: 0px !important;
}

.yellow-number h2 {
  height: 80px;
  width: 80px;
  background: #fff202;
  display: flex;
  justify-content: center;
  align-items: center;
}
.yellow-number h3 {
  height: 40px;
  width: 40px;
  background: #fff202;
  display: flex;
  justify-content: center;
  align-items: center;
}
.solid-yellow-box {
  /*width:288px;*/
  height: 244px;
  background: #fff200;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
}

.top-bord-od {
  border-top: 1px solid #979797;
}
.bot-bord-od {
  border-bottom: 1px solid #979797;
}
.white-top-bord-od {
  border-top: 1px solid #ffffff;
}
.top-yellow-border {
  border-top: solid 5px #fff200;
  padding-top: 10px;
}
.top-black-border {
  border-top: solid 5px #000;
  padding-top: 10px;
}
.smaller-text {
  font-size: 16px !important;
  letter-spacing: -0.33px !important;
  line-height: 24px !important;
}
.two-col {
  display: flex;
}
.circle-check {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background: #fff200;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  margin: 0 auto;
}
.plus-center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.plus-center i {
  font-size: 50px;
  text-align: center;
}
.two-col p {
  margin-bottom: 0px !important;
}
.first-two-col {
  padding-right: 20px;
}
.square-num-flexed {
  display: flex;
  margin-top: 25px;
}
.square-num-flexed .yellow-number {
  margin-right: 25px;
}
.extra-high {
  padding: 20px;
}
.white-med-txt {
  color: #fff !important;
  font-size: 24px !important;
}
.dash-yellow-top.extra-dash-pad {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.faith-img {
  max-height: 128px !important;
  margin-bottom: 30px;
}
.test-flexed {
  display: flex;
  justify-content: center;
  padding-top: 30px;
}
.thirty-bot {
  margin-bottom: 30px !important;
}
.the-loop .post {
  background: transparent !important;
}
.main-blog-header {
  display: flex;
  flex-wrap: wrap;
}
.paged .blog-feed1,
.paged .blog-feed2 {
  display: none !important;
}
.blog-feed2 .post-title {
  font-size: 22px !important;
  line-height: 30px !important;
}
.blog-feed2 .blog-excerpt {
  display: none;
}
.blog-feed1 {
  flex: 1 60%;
  padding-right: 4vw;
  display: flex;
}
.blog-feed2 {
  display: flex;
  flex: 1 25%;

  flex-direction: column;
}

.blog #container {
  display: flex;
  justify-content: center;
}

.blog-feed3 .post-block {
  display: flex;
  flex-direction: row;
}
.blog-feed3 .square > a {
  /*height: 246px !important;*/
  /*width: 440px !important;*/
  display: flex;
}
.blog-feed3 .post-image {
  /*background-color: rgba(247, 247, 247, .4) !important;*/
  height: auto !important;
}
.blog-feed3 .post-block-content {
  width: 75%;
  padding: 25px !important;
  padding-left: 6vw !important;
}
.blog-feed1 .post-image {
  height: auto !important;
}
.blog-feed1 .post-image:before {
  content: "";
  padding-bottom: 60% !important;
  display: block;
}
.feed-info {
  display: flex;
  flex-wrap: wrap;
}
.blog-div {
  margin-right: 10px;
  margin-left: 10px;
}
.the-loop .post-block a {
  color: #4f4f4f !important;
}
.feed-info {
  margin-bottom: 30px;
}
.the-loop .post-title {
  margin-top: 24px !important;
}
.pagination {
  display: flex !important;
  padding-left: 0;
  /* margin: 0 auto; */
  border-radius: 4px;
  justify-content: center;
}
.feed-info div {
  font-size: 16px;
}
.the-loop .blog-feed3 h3 {
  margin-top: 0px !important;
}
.blog-feed1 .only3,
.blog-feed2 .only3 {
  display: none;
}
.pagination a,
.pagination span {
  color: #4f4f4f;
  font-family: "Public Sans";
  font-size: 20px;
  letter-spacing: -0.42px;
  line-height: 24px;
}
.page-header {
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.check-p2.add-circle i {
  background: #000;
  color: #fff;
  padding: 14px;
  border-radius: 50%;
  display: flex;
  font-size: 23px;
}

.black-upper-two .two-col .second-two-col div:nth-child(2) {
  margin-top: 30px;
}
.black-upper-two .two-col .first-two-col div:nth-child(2) {
  margin-top: 30px;
}
.black-upper-two .two-col .white-txt {
  margin-top: 10px !important;
}

.is-relative {
  position: relative;
}

.two-btn .btn-wrapper {
  margin: 10px;
}
.two-btn .btn-wrapper:nth-child(2) {
  margin-bottom: 10px !important;
}
.twenty-bot-pad {
  padding-bottom: 20px;
}
.mega-sub-menu .mega-sub-menu {
  width: 100% !important;
}
.vc_figure-caption {
  color: #4f4f4f !important;
  text-align: right;
  font-size: 16px !important;
  letter-spacing: -0.33px !important;
  line-height: 24px !important;
}
.type-post {
  background: transparent;
}
.blog-post-image:before {
  content: "";
  padding-bottom: 56%;
  display: block;
}
.blog-post-image {
  margin-bottom: 30px;
}
.entry-cate .highlight-yellow a {
  color: #000 !important;
  font-size: 20px;
  font-weight: bold !important;
  letter-spacing: -0.42px !important;
  line-height: 32px !important;
}

.display-leader-block .blog-feed-wrapper article .post-image {
  position: relative;
}
.leadership-wrapper .post-title {
  margin-bottom: 0px !important;
  margin-top: 15px;
}
.back-top {
  font-family: Rubik !important;
  font-size: 16px !important;
  font-weight: bold !important;
  letter-spacing: -0.33px !important;
  line-height: 24px !important;
  text-align: center;
  color: #fff !important;
  text-transform: uppercase;
}
.back-top:hover {
  color: #fff200 !important;
}
.white-under {
  text-decoration: underline;
}
.reduction-link:hover {
  color: #fff200 !important;
}
.reduction-link-sml:hover {
  color: #fff200 !important;
}
.reduction-link {
  color: #ffffff !important;
  font-family: Rubik !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  letter-spacing: -0.5px !important;
  line-height: 32px !important;
  text-decoration: underline !important;
}
.reduction-link-sml {
  color: #ffffff !important;
  font-family: Rubik !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  letter-spacing: -0.5px !important;
  line-height: 28px !important;
  text-decoration: underline !important;
}
.reduction i {
  color: #000;
  font-size: 32px;
  padding: 20px;
  background: #fff200;
}
.reduction:hover i {
  color: #fff200;
  font-size: 32px;
  padding: 20px;
  background: #000;
}
.close {
  opacity: 1 !important;
}
.close span {
  font-size: 60px !important;
}
.squish-circle .wpb_wrapper .wpb_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.harm-reduct-link {
  margin-top: 30px;
}
.squish-circle {
  background: url(https://harmreduction.org/wp-content/uploads/2020/08/squish-circle.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.in-the-middle {
  justify-content: center;
}

.the-loop {
  padding-top: 3vw;
  padding-bottom: 3vw;
}
.main-blog-header {
  padding-bottom: 2vw;
}
.share-button-wrapper .share-twitter {
  background: #1da1f2;
}
.share-button-wrapper .share-facebook {
  background: #4267b2;
}
.testimon-flex h3,
.testimon-flex p,
.header-sub,
.need-find {
  color: #000 !important;
}
.need-find {
  font-weight: 700 !important;
  padding-left: 10px;
  font-family: "rubik" !important;
  font-size: 16px !important;
}
.learn-more-block a {
  text-decoration: none !important;
}
.learn-more-header {
  padding: 10px;
}
.testimonial-flex p {
  margin-bottom: 0px !important;
  color: #000 !important;
}
.with-top-marg {
  margin-top: 30px !important;
}
.intersect-last {
  margin-bottom: -300px !important;
}
.intersect-cta {
  margin-top: 200px !important;
}
.resource-block {
  text-decoration: none !important;
}
.display-post-block .post-layout-2 .post-block-content {
  padding: 20px !important;
}
.light-box p {
  color: #000 !important;
}
#response .the-second-face .mason {
  flex: 1 25% !important;
}
.blog-feed3 .post-image {
  height: 100% !important;
}
.blog-feed3 .post-block {
  margin-bottom: 20px !important;
}
.paged #container {
  padding-top: 4vw;
  padding-bottom: 4vw;
}
.paged #container {
  background: url(https://harmreduction.org/wp-content/uploads/2020/07/specks.png);
}
#footer {
  background: url(https://harmreduction.org/wp-content/uploads/2020/07/specks.png);
  background-color: white;
}
.single-post h4 {
  font-size: 22px;
  line-height: 30px;
}
.single-post .resource-title,
.single .post {
  margin-top: 0px !important;
}
.single-post #sidebar .post-title {
  color: #000 !important;
}
.single-post #sidebar a {
  text-decoration: none !important;
}
.single-post #sidebar .post {
  margin-bottom: 30px;
}
.single-post #sidebar .post-categories {
  margin-top: 15px !important;
}
.single-post #sidebar .entry-cat {
  margin-right: 5px;
}
.single-post .entry-footer {
  display: none;
}
.single-post #container {
  padding-bottom: 100px;
}
.author-head {
  display: flex;
}
.author #content {
  background: url(https://harmreduction.org/wp-content/uploads/2020/07/specks.png);
}
.dope-img {
  max-width: 304px;
  margin: 0 auto;
}
h2 {
  width: 100%;
}
#mega-menu-wrap-main-menu
  .mega-menu-toggle
  .mega-toggle-block-1
  .mega-toggle-label {
  display: none !important;
}
.page-template-resource-page .post-title {
  color: #000 !important;
}
.wrap-flex {
  display: flex;
  flex-wrap: wrap;
}

.down {
  display: flex;
  justify-content: flex-end;
}

.new-padded {
  padding: 30px 20px !important;
}

.lrg-number {
  color: #000 !important;
}

@media (min-width: 320px) {
  .highlight-yellow {
    display: initial;
  }
  .connector-link {
    width: 5px;
    height: 55px;

    position: relative;
    background: black;
    margin-top: 50px;
    margin-bottom: 30px;
    margin: 0 auto;
  }
  .connector-link:after {
    content: "";
    right: 0px;
    bottom: 100%;
    display: none;
    position: absolute;
    height: 80px;
    width: 8px;
    background: #000;
  }

  .connector-link:before {
    content: "";
    left: 0px;
    top: 100%;
    display: none;
    position: absolute;
    height: 80px;
    width: 8px;
    background: #000;
  }
  .connector-link2 {
    width: 5px;
    height: 55px;
    position: relative;
    background: black;
    margin-top: 50px;
    margin-top: 30px;
    margin: 0 auto;
  }
  .connector-link2:after {
    content: "";
    right: 0px;
    top: 100%;
    display: none;
    position: absolute;
    height: 80px;
    width: 8px;
    background: #000;
  }

  .connector-link2:before {
    content: "";
    left: 0px;
    bottom: 100%;
    display: none;
    position: absolute;
    height: 80px;
    width: 8px;
    background: #000;
  }
  .highlight-yellow {
    display: inline-block;
  }
  .three-c1 {
    flex: 1 100%;
  }
  .three-c2 {
    flex: 1 100%;
  }
  .three-c3 {
    flex: 1 100%;
  }
}
@media (min-width: 600px) {
  .three-c1 {
    flex: 1 100%;
  }
  .three-c2 {
    flex: 1 30%;
  }
  .three-c3 {
    flex: 1 30%;
  }
}
@media (min-width: 768px) {
  .three-c1 {
    flex: 1 100%;
  }
  .three-c2 {
    flex: 1 30%;
  }
  .three-c3 {
    flex: 1 30%;
  }
}
@media (min-width: 950px) {
  .three-c1 {
    flex: 1 40%;
  }
  .three-c2 {
    flex: 1 30%;
  }
  .three-c3 {
    flex: 1 30%;
  }
  .connector-link {
    width: 100%;
    height: 8px;
    position: relative;
    background: black;
    margin-top: 50px;
    margin-bottom: 30px;
  }
  .connector-link:after {
    content: "";
    right: 0px;
    bottom: 100%;
    display: block;
    position: absolute;
    height: 80px;
    width: 8px;
    background: #000;
  }

  .connector-link:before {
    content: "";
    left: 0px;
    top: 100%;
    display: block;
    position: absolute;
    height: 80px;
    width: 8px;
    background: #000;
  }
  .connector-link2 {
    width: 100%;
    height: 8px;
    position: relative;
    background: black;
    margin-top: 50px;
    margin-top: 30px;
  }
  .connector-link2:after {
    content: "";
    right: 0px;
    top: 100%;
    display: block;
    position: absolute;
    height: 80px;
    width: 8px;
    background: #000;
  }

  .connector-link2:before {
    content: "";
    left: 0px;
    bottom: 100%;
    display: block;
    position: absolute;
    height: 80px;
    width: 8px;
    background: #000;
  }
  .blog #content {
    max-width: 90vw;
    /*padding-right:8%;*/
    margin: 0 auto;
  }
}

@media (min-width: 1200px) {
  .blog #content {
    max-width: 80vw;
    /*padding-right:8%;*/
    margin: 0 auto;
  }
}

.testimonial-img-sec-auth .lrg-txt {
  margin-bottom: 0px !important;
}
.lighter-weight {
  font-weight: 500 !important;
}

.twenty-marg-top {
  margin-top: 20px !important;
}
.twenty-top-marg {
  margin-top: 30px !important;
}
.page #content p,
.single-post #content p {
  font-weight: 300;
}
.med-txt,
.lrg-txt {
  font-weight: 500 !important;
}
.announcement-area .post-image,
.announcement-area .post-meta {
  display: none !important;
}
.announcement-area a,
.announcement-area p {
  color: #4f4f4f !important;
}
.announcement-area .blog-excerpt p:last-of-type {
  display: none;
}
.announcement-area .post-layout-2 .post-block-content {
  padding: 0px !important;
  padding-bottom: 15px !important;
}
.announcement-area .post-layout-2 {
  max-width: 100% !important;
  margin: 0px;
}
.form-cta .vc_column-inner {
  background: #fff;
  padding: 30px !important;
}

.cover img {
  height: auto;
  width: 289px;
}
.long-form .at-fields,
.at-row.FirstName {
  flex-direction: column;
}
.long-form .at-text {
  flex: 1 !important;
}
.long-form input[type="text"] {
  height: 45px !important;

  border: 1px solid #000;
  border-radius: 0px !important;
}
.long-form .wpb_wrapper {
  padding: 30px;
  background: #fff;
  box-shadow: 0 2px 30px 0 rgba(255, 117, 48, 0.31);
  border-top: #000 8px solid;
}
.top-yellow-border.light-space p {
  margin-top: 10px !important;
}
#mega-menu-wrap-main-menu
  #mega-menu-main-menu
  > li.mega-menu-megamenu
  > ul.mega-sub-menu {
  /*width: 75% !important;*/
}
#mega-menu-wrap-main-menu #mega-menu-main-menu img {
  width: 100%;
}
#mega-menu-wrap-main-menu
  #mega-menu-main-menu
  li.mega-menu-megamenu
  > ul.mega-sub-menu
  > li.mega-menu-row
  .mega-menu-column {
  padding-top: 0px !important;
}
.mega-menu-link i {
  margin-left: 10px;
  font-weight: 900 !important;
  font-size: 15px;
}
.form-vertical .email-zip h3 {
  font-size: 24px !important;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 30px !important;
}
.cta-block h3 {
  line-height: 32px !important;
}
td,
th {
  padding: 10px !important;
  padding-bottom: 10px !important;
  border: solid;
}
.team-wrapper h4,
.director-wrapper h4 {
  font-weight: 500 !important;
}
.leadership-image,
.display-team-block .face-feed-wrapper .post-image {
  background-position: center !important;
}
.blog-feed1 .post-image,
.blog-feed2 .post-image,
.blog-feed3 .post-image {
  background-position: center !important;
}
.block-with-social i {
  margin-right: 10px;
}
.lighthouse img {
  max-width: 355px !important;
  margin-top: 40px;
}
.current-item:hover {
  background: #fff200;
}
.current-item:hover a {
  color: #000 !important;
}
.training-nav li.active:hover a {
  color: #fff !important;
}
.training-nav li:hover {
  background: #000 !important;
}
.default-resource-content .vc_row .wpb_column > .vc_column-inner {
  padding: 0px !important;
}
.resources-template-training-guide-page
  #sidebar
  #primary
  .post-block:nth-child(2) {
  display: none !important;
}
.resources-template-training-guide-page .page-container {
  background: url(https://harmreduction.org/wp-content/uploads/2020/07/specks.png);
}
.resources-template-training-guide-page .entry-content {
  background: transparent;
}

.resources-template-simple-training #sidebar #primary .post-block:nth-child(2) {
  display: none !important;
}
.resources-template-simple-training .page-container {
  background: url(https://harmreduction.org/wp-content/uploads/2020/07/specks.png);
}
.resources-template-simple-training .entry-content {
  background: transparent;
}
#sidebar .post-block-content {
  padding-top: 10px;
  padding-bottom: 10px;
}
.training-content {
  width: 100%;
}
.training-content2 {
  width: 100%;
}
.training-content2 .post-image {
  position: relative;
}
.training-absolute {
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  width: 100%;
  top: 0px;
  padding: 30px;
}
.training-content-inner .training-absolute {
}
.training-content-inner {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px;
}
.training-content2 h3 {
  color: #fff !important;
}
.training-content2 i {
  color: #fff !important;
  font-size: 32px;
  letter-spacing: -0.67px;
  line-height: 32px;
}
.training-content-inner h3 {
  color: #fff !important;
}
.training-content-inner i {
  color: #fff !important;
  font-size: 32px;
  letter-spacing: -0.67px;
  line-height: 32px;
}
.purple-grad-bg .training-content-inner {
}

@media (min-width: 768px) {
  .training-content {
    height: 78%;
  }
}

@media (min-width: 950px) {
  .training-content {
    height: 78%;
  }
}
@media (min-width: 1024px) {
  .training-content {
    height: 62%;
  }
  .training-team-row .face-feed-wrapper .mason {
    flex: 0 24% !important;
    /* padding: 10px; */
  }
}
@media (min-width: 1100px) {
  .training-content {
    height: 64%;
  }
  .training-team-row .face-feed-wrapper .mason {
    flex: 0 24% !important;
    /* padding: 10px; */
  }
}
@media (min-width: 1200px) {
  .training-content {
    height: 66%;
  }
  .training-team-row .face-feed-wrapper .mason {
    flex: 0 24% !important;
    /* padding: 10px; */
  }
}
@media (min-width: 1400px) {
  .training-content {
    height: 73%;
  }
  .training-team-row .face-feed-wrapper .mason {
    flex: 0 24% !important;
    /* padding: 10px; */
  }
}
@media (min-width: 1400px) {
  .training-content {
    height: 75%;
  }
  .training-team-row .face-feed-wrapper .mason {
    flex: 0 24% !important;
    /* padding: 10px; */
  }
}

.resources-template-training-guide-page #sidebar {
  position: sticky;
  padding-left: 22px;
  border-left: 2px solid #f2f2f2;
  right: 58px;
  /* top: 191px; */
  overflow-y: scroll;
  height: 100vh;
  padding-bottom: 200px;
  /* transform: translateY(5%); */
}

.resources-template-simple-training #sidebar {
  position: sticky;
  padding-left: 22px;
  border-left: 2px solid #f2f2f2;
  right: 58px;
  /* top: 191px; */
  overflow-y: scroll;
  height: 100vh;
  padding-bottom: 200px;
  /* transform: translateY(5%); */
}

.contact-line .at-row.FirstName {
  display: flex;
  flex-direction: row;
  width: 50%;
}
.contact-line .at-fieldset.ContactInformation .at-fields {
  display: flex;
  flex-direction: row;
}
/*.contact-line .at-row-solo{*/
/*    flex:1 25%;*/
/*}*/
.contact-line .at-row > [class^="at-"] {
  min-width: auto !important;
}
.contact-line .at-row-solo.PostalCode {
  /*flex:1 14%;*/
  width: 15%;
}
.contact-line .at-row-solo.EmailAddress {
  /*flex:1 34%;*/
  width: 35%;
}
.contact-line .YesSignMeUpForUpdatesForBinder {
  display: none !important;
}
.at-row.FirstName .at-text {
  flex: 1 25%;
}
.contact-line .at input[type="email"],
.contact-line .at input[type="tel"] {
  height: 45px !important;
  border: 1px solid #979797;
  border-radius: 0px !important;
}
.contact-line .at input[type="text"] {
  height: 45px !important;
  border: 1px solid #979797;
  border-radius: 0px !important;
}
.contact-line .at-row .at-text {
  margin-bottom: 0px !important;
  padding-bottom: 0px;
}
.contact-line input.at-submit.btn-at.btn-at-primary {
  height: 46px !important;
}
.contact-line .at-form-submit {
  padding: 0px !important;
}
.contact-line {
  box-shadow: 0 2px 30px 0 rgba(255, 117, 48, 0.31);
  background: #fff;
}
.contact-line form.clearfix {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.contact-line .at .at-fieldset {
  padding: 0px !important;
}

.dark-header {
  background: #000;
}
.dark-header #header {
  background: #000;
}
.dark-header #mega-menu-wrap-main-menu {
  background: #000;
}
.dark-header
  #mega-menu-wrap-main-menu
  #mega-menu-main-menu
  > li.mega-menu-item.mega-current-menu-ancestor
  > a.mega-menu-link,
.dark-header
  #mega-menu-wrap-main-menu
  #mega-menu-main-menu
  > li.mega-menu-item.mega-current-page-ancestor
  > a.mega-menu-link {
  background: #000;
}

.dark-header
  #mega-menu-wrap-main-menu
  #mega-menu-main-menu
  > li.mega-menu-item.mega-toggle-on
  > a.mega-menu-link {
  background: #000;
}
.page-template-faces .face-feed-wrapper .mason {
  padding: 0px !important;
}
.med-txt strong {
  font-weight: 500 !important;
}
h1,
h2 {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  overflow-wrap: initial;
}
.dont-wrap {
  overflow-wrap: initial;
}
.testimonial-img-sec-auth .med-txt {
  margin-bottom: 0px !important;
}
.light-row-pad .btn-wrapper {
  margin-top: 0px !important;
}
.cta-block2 .at-text.EmailAddress {
  margin-bottom: 0px !important;
}
.form-vertical .email-zip h3 {
  margin-bottom: 10px;
}
#rev_slider_2_1_wrapper h1 {
  text-align: center !important;
}
.launch-hide {
  display: none !important;
}
.contact-cta h3 {
  margin-bottom: 0px !important;
}
.contact-cta .email-zip h3 {
  display: none;
}
.contact-cta h3 {
  font-size: 32px !important;
  line-height: 40px !important;
}
.contact-cta .cta-block .vc_column-inner {
  padding: 50px !important;
}
.contact-cta .cta-socials p {
  margin-top: 25px !important;
  align-items: center;
}
.contact-cta .cta-socials i {
  margin-right: 25px;
  width: 30px;
  font-size: 25px;
}
#menu-middle {
  display: inline-flex;
  padding-bottom: 30px;
  padding-top: 20px;
}
#menu-middle li {
  padding-left: 10px;
  padding-right: 10px;
  border-right: solid 2px #000;
  line-height: 17px !important;
}
#menu-middle li:nth-child(1) {
  padding-left: 0px;
}
#menu-middle li:nth-child(3) {
  border: none;
}
#footer .widget-title {
  font-weight: 700 !important;
}
.testimon-box .testimon-flex h3,
.testimon-box .testimon-flex p {
  color: #fff !important;
}
.black-block {
  font-weight: 500 !important;
}
.font-fam {
  font-family: "Rubik" !important;
}
.res-box2 p {
  color: #fff !important;
}
.equal-boxes div,
.equal-boxes a {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  justify-content: flex-end;
}
.res-box2:hover .learn-more-area i {
  background: #fff;
}
.small-box.light-yellow-gradient {
  background: linear-gradient(133.35deg, #fffee5 0%, #fff7e8 100%) !important;
}
.small-box.light-yellow-gradient a {
  text-decoration: none !important;
}
.small-box.light-yellow-gradient:hover {
  background: #fff200 !important;
}
.no-pad-resource .post-layout-3 {
  padding-left: 0px !important;
}
.no-text-dec a {
  text-decoration: none !important;
}
.yellow-hover:hover {
  background: #fff200 !important;
}
.black-hover:hover {
  background: #000 !important;
}
.margined {
  width: 288px;
  height: 244px;
}
.YesSignMeUpForUpdatesForBinder {
  display: none !important;
}
.btn-wrapper {
  text-align: inherit;
}
.yellow-bar.yellow-gradient-bg {
  background: #fff200 !important;
}
.display-team-block2 .mason {
  flex: 1 50%;
}
.display-team-block2 .face-feed-wrapper .mason {
  margin-top: 0px !important;
}
.exec-header .lrg-txt strong {
  font-weight: 500 !important;
}
.colored-box5 a,
.colored-box5 .wpb_wrapper,
.colored-box5 .wpb_content_element,
.color-wrapper {
  width: 100%;
}
.colored-box-inner {
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  text-decoration: none !important;
}
.hidden-link {
  transform: translate(0, 100%);
  visibility: hidden;
}
.colored-box-inner:hover .hidden-link {
  display: block;
  visibility: visible;
  transform: translate(0, 0%);
  position: relative;
}
.hidden-link {
  visibility: hidden;
  transform: translate(0, 190%);
  position: absolute;
}
.colored-box5 .highlight-yellow {
  margin-bottom: 2px;
}
.dope-img img {
  max-width: 342px !important;
  margin: auto 0 0 0 !important;
}
.dope-img {
  margin: auto 0 0 !important;
}
#header:before {
  border-color: #000;
}
.dark-header #header:before {
  border-color: #fff !important;
}
.test-flexed.start-fle {
  justify-content: flex-start;
}
.reg {
  color: #4f4f4f;
  text-decoration: underline;
}
.member-email {
  color: #4f4f4f;
  text-decoration: underline;
}
.member-email:hover {
  color: #67d443;
  text-decoration: underline !important;
}
.reg:hover {
  color: #67d443;
  text-decoration: underline !important;
}
.regno {
  color: #4f4f4f;
  text-decoration: none !important;
}
.regno:hover {
  color: #67d443;
  text-decoration: none !important;
}

.wreg {
  color: #fff;
  text-decoration: underline;
}
.wreg:hover {
  color: #67d443;
  text-decoration: underline !important;
}
.listed-links a {
  color: #4f4f4f;
  text-decoration: none !important;
}
.listed-links a:hover {
  color: #67d443;
  text-decoration: none !important;
}

.one-social i {
  font-size: 20px;
  width: 20px;
  margin-right: 20px;
}
.one-social {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.thin-border-top {
  border-top: 1px solid #979797;
}
.eng-link {
  padding-right: 45px;
}
.mec-events-content ul {
  list-style-type: disc !important;
  margin-left: 20px;
  margin-top: 15px;
}
.mec-events-content li {
  font-size: 16px;
  line-height: 24px;
}
.mec-events-content {
  font-size: 16px;
  line-height: 24px;
}
.with-disc ul {
  list-style-type: disc !important;
}
.with-disc li {
  font-size: 16px !important;
  line-height: 24px !important;
}
.medium-weight {
  font-weight: 500 !important;
  color: #000 !important;
}
.hidden-img-txt p:nth-child(2) {
  margin-top: 0px !important;
}
.img-learn {
  font-weight: 700 !important;
  margin-top: 0px !important;
}
.blog-in-block .post-layout-3 a {
  align-items: flex-start;
  text-decoration: none !important;
}
.blog-in-block .post-block-content {
  padding-top: 15px;
}
.blog-in-block .post-layout-3 {
  padding: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.link-img-txt {
  text-decoration: none !important;
}
.training-nav li:hover {
  background: #000 !important;
  color: #fff !important;
}
.training-nav li:hover a {
  color: #fff !important;
}
.training-nav li.active {
  background: #000 !important;
  color: #fff !important;
}
.training-nav li.active a {
  color: #fff !important;
}
.modal-open .modal {
  overflow-y: hidden !important;
}
.modal .faces-inner {
  height: 72vh;
  overflow-y: scroll;
}
/*html::-webkit-scrollbar{*/
/*   display: none;*/
/*    background: transparent;*/
/*    width:0px;    */
/*}*/
.modal .faces-inner::-webkit-scrollbar {
  display: none;
  background: transparent;
  width: 0px;
}
.page-template-faces .face-feed-wrapper {
  width: 100%;
}

.blog-feed3 .square > a {
  flex-wrap: wrap;
}

@media (min-width: 320px) {
  .home-faces .face-feed-wrapper .mason:nth-child(5) {
    margin-top: 0px;
  }
  .home-faces .face-feed-wrapper .mason:nth-child(5) {
    margin-top: 0px;
  }
  .home-faces .face-feed-wrapper .mason:nth-child(1) {
    margin-top: 0px;
  }
  .home-faces .face-feed-wrapper .mason:nth-child(7) {
    margin-top: 0px !important;
  }
  .home-faces .face-feed-wrapper .mason {
    flex: 1 100%;
  }
  .blog-feed3 .post-block-content {
    flex: 1 100%;
  }
  .blog-feed3 .post-image {
    flex: 1 100%;
  }
}

@media (min-width: 768px) {
  .home-faces .face-feed-wrapper .mason:nth-child(5) {
    margin-top: 0px;
  }
  .home-faces .face-feed-wrapper .mason:nth-child(5) {
    margin-top: 0px;
  }
  .home-faces .face-feed-wrapper .mason:nth-child(1) {
    margin-top: 0px;
  }
  .home-faces .face-feed-wrapper .mason:nth-child(7) {
    margin-top: 0px !important;
  }
  .home-faces .face-feed-wrapper .mason {
    flex: 1 50%;
  }
  .blog-feed3 .post-block-content {
    flex: 1 60%;
  }
  .blog-feed3 .post-image {
    flex: 1 40%;
  }
}

@media (min-width: 800px) {
  .home-faces .face-feed-wrapper .mason:nth-child(5) {
    margin-top: -41px;
  }
  .home-faces .face-feed-wrapper .mason:nth-child(5) {
    margin-top: -41px;
  }
  .home-faces .face-feed-wrapper .mason:nth-child(1) {
    margin-top: -70px;
  }
  .home-faces .face-feed-wrapper .mason:nth-child(7) {
    margin-top: -80px !important;
  }
  .home-faces .face-feed-wrapper .mason {
    flex: 1 25%;
  }
}

@media (min-width: 950px) {
  .home-faces .face-feed-wrapper .mason:nth-child(5) {
    margin-top: -41px;
  }
  .home-faces .face-feed-wrapper .mason:nth-child(5) {
    margin-top: -41px;
  }
  .home-faces .face-feed-wrapper .mason:nth-child(1) {
    margin-top: -70px;
  }
  .home-faces .face-feed-wrapper .mason:nth-child(7) {
    margin-top: -80px !important;
  }
  .home-faces .face-feed-wrapper .mason {
    flex: 1 25%;
  }
}

@media (min-width: 1024px) {
  .home-faces .face-feed-wrapper .mason:nth-child(5) {
    margin-top: -41px;
  }
  .home-faces .face-feed-wrapper .mason:nth-child(5) {
    margin-top: -41px;
  }
  .home-faces .face-feed-wrapper .mason:nth-child(1) {
    margin-top: -70px;
  }
  .home-faces .face-feed-wrapper .mason:nth-child(7) {
    margin-top: -80px !important;
  }
  .home-faces .face-feed-wrapper .mason {
    flex: 1 25%;
  }
  .blog-feed3 .post-block-content {
    flex: 1 60%;
  }
  .blog-feed3 .post-image {
    flex: 1 40%;
  }
}

@media (min-width: 1400px) {
  .home-faces .face-feed-wrapper .mason:nth-child(5) {
    margin-top: -41px;
  }
  .home-faces .face-feed-wrapper .mason:nth-child(5) {
    margin-top: -41px;
  }
  .home-faces .face-feed-wrapper .mason:nth-child(1) {
    margin-top: -70px;
  }
  .home-faces .face-feed-wrapper .mason:nth-child(7) {
    margin-top: -80px !important;
  }
  .home-faces .face-feed-wrapper .mason {
    flex: 1 25%;
  }
}
#header {
  /*overflow-x:hidden;  */
}
#copyright {
  background: #000;
}
.copyright-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  width: 85vw;
  margin: 0 auto;
}
#copyright p,
#copyright a {
  font-size: 16px !important;
  letter-spacing: -0.33px !important;
  line-height: 16px !important;
  color: #fff !important;
  font-weight: 400 !important;
}
.joy-link {
  font-size: 16px !important;
  letter-spacing: -0.33px !important;
  line-height: 16px !important;
  color: #fff !important;
  font-weight: 400 !important;
  border-color: #fff !important;
  padding-bottom: 0px !important;
}
.joy-link:hover {
  font-size: 16px !important;
  letter-spacing: -0.33px !important;
  line-height: 16px !important;
  color: #fff !important;
  font-weight: 400 !important;
  border-color: #67d443 !important;
}
.copy-and {
  display: flex;
  justify-content: center;
  align-items: center;
}

.copy-and a {
  margin-left: 25px;
  color: #fff !important;
  border-color: #fff !important;
  padding-bottom: 1px !important;
}
.copy-and a:hover {
  color: #fff !important;
  border-color: #67d443 !important;
}
#footer {
  padding-bottom: 0px !important;
}
.footer-inner {
  padding-bottom: 5vw;
}
.button-issue-wrapper {
  font-family: Rubik;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.33px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  display: flex;
  justify-content: flex-end;
  padding-left: 10px;
}

.issue-buttons-dark .issue-btn {
  background-color: #fff;
  color: #000;
  padding: 10px 15px;
  text-decoration: none !important;
}
.issue-buttons-dark .issue-btn:hover {
  background-color: #fff200;
  color: #000;
  padding: 10px 15px;
}
.issue-buttons-light .issue-btn {
  background-color: #000000;
  color: #fff;
  padding: 10px 15px;
  text-decoration: none !important;
}
.issue-buttons-light .issue-btn:hover {
  background-color: #fff200;
  color: #000;
  padding: 10px 15px;
}
.header-inner-wrapper:before {
  content: "";
  height: 10px;
  top: 0px;
  width: 100%;
  background: linear-gradient(135deg, #0085ff 0%, #00c2ab 100%);
  position: relative;
  display: block;
  left: 0px;
}
#mega-menu-wrap-main-menu
  #mega-menu-main-menu
  > li.mega-menu-item
  > a.mega-menu-link {
  height: auto;
}
#branding {
  width: 20%;
}
#header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#menu {
  width: 80%;
  justify-content: flex-end;
  display: flex;
}
.terms-info h3 {
  font-family: "Rubik" !important;
  margin-top: 30px !important;
}
.terms-info ul {
  list-style-type: disc;
}
.terms-info ul li {
  color: #4f4f4f;
}
.lity-container,
.mec-wrap,
.mec-wrap div:not([class^="elementor-"]) {
  font-family: "public sans";
}
.harm-img:before {
  content: "";
  display: block;
  padding-bottom: 50%;
}
.harm-img {
  display: flex;
  justify-content: center;
  align-items: center;
}

.single-col-pad-no .vc_column_container > .vc_column-inner {
  padding: 0px !important;
}
#mega-menu-wrap-main-menu
  #mega-menu-main-menu
  > li.mega-menu-item
  > a.mega-menu-link {
  font-weight: 700 !important;
}
.blog-feed2 .email-zip {
  border: 1px solid #000000;
  padding: 30px 25px;
}
.blog-feed1 .post {
  margin-top: 0px !important;
}
.blog-feed2 label.at-text.PostalCode:not(input),
.blog-feed2 label.at-text.EmailAddress:not(input),
.blog-feed2 label.at-text.FirstName:not(input),
.blog-feed2 label.at-text.LastName:not(input) {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0px !important;
  color: #000;
  padding-bottom: 10px;
}
.blog-feed2 .at-form input {
  border-color: #000 !important;
}
.the-loop article a {
  text-decoration: none !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu a.mega-menu-link:hover {
  color: #68d443 !important;
}
#mega-menu-wrap-main-menu .active > a {
  color: #68d443 !important;
}
.mega-current_page_parent > a {
  color: #68d443 !important;
}
.dark-header
  #mega-menu-wrap-main-menu
  #mega-menu-main-menu
  > li.mega-menu-item
  > a.mega-menu-link {
  color: #fff !important;
  background: #000 !important;
  padding-top: 15px;
  padding-bottom: 15px;
}
.dark-header
  #mega-menu-wrap-main-menu
  #mega-menu-main-menu
  > li.mega-menu-item
  > a.mega-menu-link:hover {
  color: #ce27d2 !important;
}
.dark-header
  #mega-menu-wrap-main-menu
  #mega-menu-main-menu
  > li.mega-current_page_parent
  > a.mega-menu-link {
  color: #ce27d2 !important;
}

.dark-header
  #mega-menu-wrap-main-menu
  #mega-menu-main-menu
  a.mega-menu-link:hover {
  color: #ce27d2 !important;
}
.dark-header #mega-menu-wrap-main-menu .active > a {
  color: #ce27d2 !important;
}
/*.dark-header .mega-current_page_parent > a{ */
/*     color: #ce27d2 !important;*/
/*}*/
.default-resource-content a {
  color: #4f4f4f;
  text-decoration: underline;
}
.default-resource-content a:hover {
  color: #68d443;
  text-decoration: underline;
}
.post-block a,
.entry-cate a,
.entry-cat {
  text-decoration: none !important;
}
.post-template-default .entry-cate:hover .highlight-yellow {
  background: #000;
  color: #fff !important;
}
.post-template-default .entry-cate:hover .highlight-yellow a {
  color: #fff !important;
}
.single-post #sidebar .post:hover .post-block-content {
  background: #fff200;
  padding: 15px;
}
#sidebar .post-block:hover .post-block-content {
  background: #fff200;
  padding: 15px;
}
.display-post-block .post-layout-2:hover {
  background: #fff200 !important;
}
.display-post-block a,
.training-nav a {
  text-decoration: none !important;
}
.resources-template b {
  color: #000 !important;
}
.resources-template .highlight-yellow {
  font-weight: 500 !important;
}
.resource-title {
  padding-bottom: 30px;
}
.trying li {
  background: transparent !important;
  color: #000;
}
.trying li:hover {
  background: transparent !important;
  color: #000 !important;
}
.trying li:hover a {
  color: #68d443 !important;
}
.post-template-default ul {
  list-style-type: disc;
}
a.mega-menu-link > .mega-sub-menu {
  top: 45px !important;
}
.entry-cate {
  margin-bottom: 10px;
}
a {
  cursor: pointer;
}
.no-under-footer {
  text-decoration: none !important;
  border: none !important;
}
.no-under-footer:hover {
  text-decoration: none !important;
  border: none !important;
  color: #68d443 !important;
}
.widget_nav_menu {
  margin-top: 20px;
}
.no-under-footer i {
  font-size: 18px;
  margin-left: 5px;
}
#footer .sub-menu {
  margin-top: 10px;
}
#footer-sidebar3 {
  padding-bottom: 20px;
}
.default-resource-content td ul {
  margin: 23px 0 21px 21px;
}
.post-layout-3 .post-image {
  flex: 1 30%;
}
.post-layout-3 .post-block-content {
  flex: 1 50%;
}
.equal-two-resource .display-post-block .post-layout-2 {
  flex: 1 50%;
}
.post-layout-2:hover {
  background: #fff200;
}
.post-layout-2:hover .post-block-content {
  padding: 15px;
}
.entry-cate.exclude {
  display: none;
}
.resource-tag-block a {
  text-decoration: none !important;
}
.resource-tag-block a:hover {
  text-decoration: none !important;
}

@media (min-width: 320px) {
  .early-half-to-hundred .vc_col-sm-6 {
    width: 100% !important;
  }
  #mega-menu-wrap-main-menu
    #mega-menu-main-menu
    li.mega-menu-item.mega-menu-megamenu
    ul.mega-sub-menu
    ul.mega-sub-menu {
    flex-direction: column !important;
  }
  .copy-and,
  .copyright-inner {
    flex-direction: column;
  }
  .new-padded {
    padding: 15px 15px !important;
  }
  .mason-block-row .mason-box:nth-child(even) {
    margin-top: 0px;
  }
}

@media (min-width: 968px) {
  .early-half-to-hundred .vc_col-sm-6 {
    width: 100% !important;
  }
  #mega-menu-wrap-main-menu
    #mega-menu-main-menu
    li.mega-menu-item.mega-menu-megamenu
    ul.mega-sub-menu
    ul.mega-sub-menu {
    flex-direction: row !important;
  }
  .copy-and,
  .copyright-inner {
    flex-direction: row;
  }
  .new-padded {
    padding: 30px 20px !important;
  }
  .mason-block-row .mason-box:nth-child(even) {
    margin-top: -30px;
  }
}

@media (min-width: 1024px) {
  .early-half-to-hundred {
    width: 50% !important;
  }
}

.mega-menu-main-menu-mobile-open {
}
.mega-menu-main-menu-mobile-open
  #mega-menu-wrap-main-menu
  #mega-menu-main-menu
  > li.mega-menu-item
  > a.mega-menu-link {
  padding: 15px !important;
  color: #fff !important;
}

@media (min-width: 320px) {
  .listed-links .vc_column-inner {
    padding-top: 0px !important;
  }
  .thirty-marg.marg-mobile {
    padding-top: 0px !important;
  }
  .margined {
    margin-bottom: 20px !important;
  }
  .post-layout-3 .post-image {
    flex: auto;
    height: 250px;
  }
  .post-layout-3 .post-block-content {
    padding: 1px;
    padding-left: 0px;
    padding-top: 15px;
  }
  .number-square-row .number-block-square:nth-child(2) {
    padding-left: 5vw;
    padding-right: 6vw;
    padding-bottom: 6vw;
    margin-top: 20px;
  }
  .light-overlap {
    margin-top: -59px !important;
    padding: 15px 15px !important;
  }
  .medication-blocks {
    margin-top: 10px;
  }
  .no-marg-mobile {
    margin-top: 0px !important;
  }
  .btn-center-mobile {
    justify-content: flex-start;
  }
  .lrg-btn .white-btn {
    font-size: 20px !important;
    text-transform: none !important;
    font-weight: 500 !important;
    padding: 20px 30px !important;
    text-decoration: none !important;
    line-height: 22px;
  }
  .lrg-btn .black-btn {
    font-size: 20px !important;
    text-transform: none !important;
    font-weight: 500 !important;
    padding: 20px 30px !important;
    line-height: 22px;
    text-decoration: none !important;
  }
  .black-upper-two .two-col .second-two-col div:nth-child(2) {
    margin-top: 10px;
  }
  .black-upper-two .two-col .second-two-col {
    margin-top: 10px;
  }
  .contact-line .at-fieldset.ContactInformation .at-fields {
    display: flex;
    flex-direction: column;
  }
  .contact-line form.clearfix {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .contact-line .at-row.FirstName {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .contact-line .at-row-solo.PostalCode {
    /* flex: 1 14%; */
    width: 100%;
  }
  .contact-line .at-row-solo.EmailAddress {
    /* flex: 1 34%; */
    width: 100%;
  }
  .contact-line input.at-submit.btn-at.btn-at-primary {
    margin-top: 20px !important;
  }
  .number-block-square .vc_column-inner {
    padding: 20px !important;
  }
  p.med-txt.dont-wrap {
    font-size: 13px !important;
    line-height: 21px !important;
  }
  .mobile-no-marg-top {
    margin-top: 0px !important;
  }
  .dope-img img {
    max-width: 250px !important;
    margin: auto 0 0 0 !important;
  }
  .light-overlap .block-btn-wrapper {
    justify-content: flex-start;
  }
  .padded-box4.no-yellow {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .yellow-marg {
    margin-bottom: 15px !important;
  }
  .med-row.med-without {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .lighthouse img {
    max-width: 223px !important;
    margin-top: 40px;
  }
  .black-line-bottom:before {
    content: "";
    height: 70px;
    position: absolute;
    width: 5px;
    background: #000;
    left: 50%;
    bottom: -35px;
  }
}

@media (min-width: 768px) {
  .lighthouse img {
    max-width: 355px !important;
    margin-top: 40px;
  }
  .light-overlap .block-btn-wrapper {
    justify-content: flex-end;
  }
  .dope-img img {
    max-width: 342px !important;
    margin: auto 0 0 0 !important;
  }
  .thirty-marg.marg-mobile {
    padding-top: 30px !important;
  }
  .margined {
    margin-bottom: 0px !important;
  }
  .number-square-row .number-block-square:nth-child(2) {
    padding-left: 6vw;
    padding-right: 5vw;
    padding-bottom: 6vw;
  }
  .no-marg-mobile {
    margin-top: 30px !important;
  }
  .btn-center-mobile {
    justify-content: center;
  }
  .contact-line .at-row-solo.EmailAddress {
    /* flex: 1 34%; */
    width: 35%;
  }
  .contact-line .at-row-solo.PostalCode {
    /* flex: 1 14%; */
    width: 19%;
  }
  .lrg-btn .white-btn {
    font-size: 27px !important;
    text-transform: none !important;
    font-weight: 500 !important;
    padding: 20px 37px !important;
    text-decoration: none !important;
    line-height: 32px;
  }
  .lrg-btn .black-btn {
    font-size: 27px !important;
    text-transform: none !important;
    font-weight: 500 !important;
    padding: 20px 37px !important;
    line-height: 32px;
    text-decoration: none !important;
  }
  .black-upper-two .two-col .second-two-col div:nth-child(2) {
    margin-top: 30px;
  }
  .black-upper-two .two-col .second-two-col {
    margin-top: 0px;
  }
  .contact-line .at-fieldset.ContactInformation .at-fields {
    display: flex;
    flex-direction: row;
  }
  .contact-line form.clearfix {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
  }
  .contact-line .at-row.FirstName {
    display: flex;
    flex-direction: row;
    width: 50%;
  }
  .contact-line input.at-submit.btn-at.btn-at-primary {
    margin-top: 0px !important;
  }
  .number-block-square .vc_column-inner {
    padding: 40px !important;
  }
  p.med-txt.dont-wrap {
    font-size: 24px !important;
    line-height: 32px !important;
  }
  .mobile-no-marg-top {
    margin-top: 30px !important;
  }
}

@media (min-width: 968px) {
  .black-line-bottom:before {
    content: "";
    height: 117px;
    position: absolute;
    width: 5px;
    background: #000;
    left: 50%;
    bottom: -56px;
  }
  .post-layout-3 .post-image {
    height: 145px;
    flex: 1 30%;
  }
  .post-layout-3 .post-block-content {
    padding: 1px;
    padding-left: 30px;
    padding-top: 0px;
  }
  .light-overlap {
    margin-top: -59px !important;

    padding: 25px 50px !important;
  }
  .medication-blocks {
    margin-top: 60px;
  }
}

.dark-header
  #mega-menu-wrap-main-menu
  .mega-menu-toggle
  .mega-toggle-block-2:after {
  color: #fff !important;
}

@media (min-width: 320px) {
  #sidebar {
    width: 100%;
    border: none;
    padding-left: 0px;
  }
  .single #sidebar #primary {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .single #sidebar #primary article {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1 100%;
  }
  .side-related {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .squish-up {
    margin-top: 0px;
  }
  .lrg-white-link-txt-green {
    font-size: 19px !important;
    line-height: 27px !important;
  }
  h2.lrg-title {
    font-family: "Rubik" !important;
    font-size: 46px !important;
    font-weight: bold !important;
    letter-spacing: -1.67px !important;
    line-height: 54px !important;
    text-transform: uppercase;
  }
  .header-sub {
    font-size: 26px !important;
    font-weight: 500 !important;
    letter-spacing: -0.67px !important;
    line-height: 35px !important;
    padding-top: 10px;
  }
  .yellow-dash-block .vc_column-inner .wpb_wrapper .wpb_text_column {
    padding: 20px;
    padding-left: 0px;
    padding-right: 10px;
  }
  .type-faces .post-title-wrapper {
    padding-top: 0px;
  }
  .copy-and p {
    margin-bottom: 10px !important;
  }
  .copy-and a {
    margin-left: 0px !important;
    margin-bottom: 10px !important;
  }
  #menu-middle {
    flex-direction: column;
  }
  #menu-middle li {
    border-right: none !important;

    margin-bottom: 5px;
    line-height: 32px !important;
  }
  .divider-pad {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .wwa-header-img {
    margin-bottom: 0px;
  }
  .black-line-top:before {
    content: "";
    height: 70px;
    position: absolute;
    width: 3px;
    background: #000;
    left: 50%;
    top: -35px;
  }
  p.med-txt {
    font-family: "Rubik" !important;
    font-size: 22px !important;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 26px !important;
  }
  #footer img {
    max-width: 160px !important;
    min-width: 159px !important;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 20px;
  }
  .header-bot {
    padding-bottom: 0px !important;
  }
  .white-block {
    background: #fff;

    margin-bottom: 15px !important;
  }
  .rowed .wpb_wrapper .wpb_text_column:nth-child(1) {
    display: flex;
    flex: 1 25%;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 15px !important;
  }
  .med-txt.blue-gradient-border {
    margin-bottom: 15px !important;
  }
  .purple-gradient-bg.with-pad {
    padding: 20px;
    padding-top: 20px;
  }
  #intersects1 p.med-txt {
    text-align: left !important;
  }
  .the-loop {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .blog-feed3 .post-block {
    display: flex;
    flex-direction: column;
  }
  .blog-feed3 .post-block-content {
    width: 100%;
    padding: 25px !important;
    padding-left: 0px !important;
  }
  .blog-feed3 .post-image {
    height: 200px !important;
    width: 100% !important;
  }
  .sharing-box {
    position: absolute;
  }
  #content.training-guide-content,
  #content.training-content,
  #content.resources-template-default-resource-page,
  #content.default-resource-content {
    width: 100%;
    padding-right: 0px;
  }
  .opportunities-template .entry-content,
  .opportunities-template .header-inner {
    width: 80vw;
    margin: 0 auto !important;
  }
  .opportunities-template .entry-content {
    padding-bottom: 6vw;
  }
  .opportunities-section {
    margin-top: 30px;
  }
  .opportunities-template .header-inner {
    padding-top: 4vw;
    padding-bottom: 4vw;
  }
  .opportunities-template header {
    margin-bottom: 50px;
  }
  .opportunities-template strong {
    color: #000;
  }

  .jobs-template .entry-content,
  .jobs-template .header-inner {
    width: 80vw;
    margin: 0 auto !important;
  }
  .jobs-template .entry-content {
    padding-bottom: 6vw;
  }
  .jobs-section {
    margin-top: 30px;
  }
  .jobs-template .header-inner {
    padding-top: 4vw;
    padding-bottom: 4vw;
  }
  .jobs-template header {
    margin-bottom: 50px;
  }
  .jobs-template strong {
    color: #000;
  }
  .opportunities-template ul li,
  .job-template ul li {
    font-size: 16px;
    letter-spacing: -0.42px !important;
    line-height: 28px !important;
    text-indent: 0px !important;
    margin: 0px 0 0px 0px;
  }
  .job-template ul,
  .opportunities-template ul {
    margin: 0px 0 0px 0px;
  }
  .job-template ul ul,
  .opportunities-template ul ul {
    margin: 15px 0 15px 20px;
  }
}
@media (min-width: 768px) {
  .single #sidebar #primary article {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1 25%;
  }
  .sharing-box {
    position: relative;
  }
  .blog-feed3 .post-image {
    height: 100% !important;
    width: 440px !important;
  }
  .blog-feed3 .post-block-content {
    width: 75%;
    padding: 25px !important;
    padding-left: 6vw !important;
  }
  #intersects1 p.med-txt {
    text-align: center !important;
  }
  .squish-up {
    margin-top: -50px;
  }
  .purple-gradient-bg.with-pad {
    padding: 80px 40px;
    padding-top: 40px;
  }
  .rowed .wpb_wrapper .wpb_text_column:nth-child(1) {
    display: flex;
    flex: 1 25%;
    padding-right: 15px;
    padding-left: 30px;
    margin-bottom: 0px !important;
  }
  .lrg-white-link-txt-green {
    font-size: 24px !important;
    line-height: 32px !important;
  }
  h2.lrg-title {
    font-family: "Rubik" !important;
    font-size: 56px !important;
    font-weight: bold !important;
    letter-spacing: -1.67px !important;
    line-height: 64px !important;
    text-transform: uppercase;
  }
  .header-sub {
    font-size: 32px !important;
    font-weight: 500 !important;
    letter-spacing: -0.67px !important;
    line-height: 40px !important;
    padding-top: 10px;
  }
  .yellow-dash-block .vc_column-inner .wpb_wrapper .wpb_text_column {
    padding: 40px;
    padding-left: 0px;
    padding-right: 80px;
  }
  .type-faces .post-title-wrapper {
    padding-top: 10px;
  }
  .copy-and p {
    margin-bottom: 0px !important;
  }
  .copy-and a {
    margin-left: 0px !important;
    margin-bottom: 10px !important;
  }
  #menu-middle {
    flex-direction: row;
  }
  #menu-middle li {
    padding-left: 10px;
    padding-right: 10px;
    border-right: solid 2px #000;
    line-height: 17px !important;
    margin-bottom: 5px;
  }
  .divider-pad {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .wwa-header-img {
    margin-bottom: -200px;
  }
  .black-line-top:before {
    content: "";
    height: 117px;
    position: absolute;
    width: 3px;
    background: #000;
    left: 50%;
    top: -57px;
  }
  p.med-txt {
    font-family: "Rubik" !important;
    font-size: 24px !important;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 32px !important;
  }
  #footer img {
    max-width: 261px !important;
    height: auto !important;
    width: 100% !important;
    margin-bottom: 0px;
  }
  .header-bot {
    padding-bottom: 100px !important;
  }
  .white-block {
    background: #fff;

    margin-bottom: 35px !important;
  }
  .med-txt.blue-gradient-border {
    margin-bottom: 0px !important;
  }
  .the-loop {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .blog-feed3 .post-block {
    display: flex;
    flex-direction: row;
  }
  .opportunities-template .entry-content,
  .opportunities-template .header-inner {
    width: 80vw;
    margin: 0 auto !important;
  }
  .opportunities-template .entry-content {
    padding-bottom: 6vw;
  }
  .opportunities-section {
    margin-top: 30px;
  }
  .opportunities-template .header-inner {
    padding-top: 4vw;
    padding-bottom: 4vw;
  }
  .opportunities-template header {
    margin-bottom: 50px;
  }
  .opportunities-template strong {
    color: #000;
  }

  .jobs-template .entry-content,
  .jobs-template .header-inner {
    width: 80vw;
    margin: 0 auto !important;
  }
  .jobs-template .entry-content {
    padding-bottom: 6vw;
  }
  .jobs-section {
    margin-top: 30px;
  }
  .jobs-template .header-inner {
    padding-top: 4vw;
    padding-bottom: 4vw;
  }
  .jobs-template header {
    margin-bottom: 50px;
  }
  .jobs-template strong {
    color: #000;
  }
  .opportunities-template ul li,
  .job-template ul li {
    font-size: 20px;
    letter-spacing: -0.42px !important;
    line-height: 32px !important;
    text-indent: 0px !important;
  }
  .job-template ul,
  .opportunities-template ul {
    margin: 30px 0 30px 40px;
  }
  .job-template ul ul,
  .opportunities-template ul ul {
    margin: 30px 0 30px 40px;
  }
}
@media (min-width: 950px) {
  #sidebar {
    width: 25%;
  }
  .copy-and a {
    margin-left: 25px !important;
    margin-bottom: 0px !important;
  }
  .contact-line .at-row-solo.PostalCode {
    /* flex: 1 14%; */
    width: 15%;
  }
  #content.training-guide-content,
  #content.training-content,
  #content.resources-template-default-resource-page,
  #content.default-resource-content {
    width: 70%;
    padding-right: 8%;
  }
  h2.lrg-title {
    font-family: "Rubik" !important;
    font-size: 80px !important;
    font-weight: bold !important;
    letter-spacing: -1.67px !important;
    line-height: 80px !important;
    text-transform: uppercase;
  }
}

@media (min-width: 1024px) {
  #sidebar {
    width: 25%;
  }
}
#mobile-sidebar {
  display: none;
}
.is-mobile #mobile-sidebar {
  display: block;
}
#mobile-sidebar {
  position: fixed;
  right: 0px;
  padding: 10px;
  background: yellow;
  z-index: 99999 !important;
}
#mobile-sidebar:hover {
  background: black;
  color: #fff;
}

.closed-sidebar {
  visibility: hidden;
  transform: translateX(114%);
  position: absolute;
  height: 100%;
  top: 0px !important;
  position: fixed !important;
}
.open-sidebar {
  visibility: visible;
  transform: translateX(0%);
  position: fixed !important;
  top: 0px !important;
  left: 0px !important;
  padding: 20px !important;
  height: 100vh;
}
.is-mobile.single .page-container {
  flex-direction: column;
}
.is-mobile .sharing-box {
  position: relative;
}
.is-mobile .share-button-wrapper {
  flex-direction: row;
  justify-content: flex-start;
}
.training-sidebar.mobile .side-related-posts {
  display: flex;
  flex-wrap: wrap;
}
.training-sidebar.mobile .side-related-posts article {
  display: flex;
  flex: 1 50%;
}
.training-sidebar .side-related-posts article > a {
  width: 100%;
}
.is-mobile .share-button-wrapper a {
  margin-right: 4px;
}
.open-sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.mobile.training-sidebar {
  width: 100vw !important;
  z-index: 99998 !important;
  background: #fff !important;
  overflow: scroll;
}
.training-sidebar #primary {
  flex-direction: column !important;
}
#footer ul {
  list-style-type: none !important;
}
.blog-post-image,
.type-post .post-image {
  /*    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);*/
  /*-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);*/
  /*box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);*/
}

.post-image {
  /*       -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);*/
  /*-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);*/
  /*box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75); */
}

.square > a {
  width: 100%;
}

@media (min-width: 320px) {
  .bot-bot-footer {
    flex-direction: column;
  }
  .mobile-marg-area {
    margin-top: 30px !important;
  }
  .solid-line-txt:before {
    content: "";
    height: 16px;
    width: 16px;
    background-color: #000000;
    display: block;
    border-radius: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0;
    top: 0;
    position: relative;
    left: -6px;
  }
  .solid-line-txt p {
    margin-top: 0px !important;
    padding-bottom: 30px;
  }
  .solid-line-row {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .solid-line-txt {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .solid-line-row:before {
    content: "";
    position: absolute;
    display: block;
    width: 3px;
    height: 100%;
    background: linear-gradient(133.35deg, #fff200 0%, #ffad1c 100%);
  }
  .footer-inner {
    max-width: 90vw;
    margin: 0 auto;
  }
  #footer-sidebar {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media (min-width: 768px) {
  #footer-sidebar {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .solid-line-row {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .bot-bot-footer {
    flex-direction: column;
  }
  .solid-line-txt:before {
    content: "";
    height: 16px;
    width: 16px;
    background-color: #000000;
    display: block;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    top: -6px;
    position: absolute;
    left: 37%;
  }
  .solid-line-row:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 3px;
    background: linear-gradient(133.35deg, #fff200 0%, #ffad1c 100%);
  }
  .solid-line-txt p {
    margin-top: 30px !important;
    padding-bottom: 0px;
  }
  .solid-line-row {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
  }
  #menu-middle {
    display: inline-flex;
    padding-bottom: 10px;
    padding-top: 20px;
  }
  #footer-sidebar2 .med-txt {
    font-family: "Rubik" !important;
    font-size: 18px !important;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 26px !important;
    padding-left: 20px;
  }
}
@media (min-width: 950px) {
  .resources-template-training-guide-page .page-container {
    width: 97vw !important;
  }
  .resources-template-simple-training .page-container {
    width: 97vw !important;
  }
  .bot-bot-footer {
    flex-direction: row;
  }
  .mobile-marg-area {
    margin-top: 0px !important;
  }
  #menu-middle {
    display: inline-flex;
    padding-bottom: 30px;
    padding-top: 20px;
  }
  .footer-inner {
    max-width: 85vw;
    margin: 0 auto;
  }
  #footer-sidebar2 .med-txt {
    font-family: "Rubik" !important;
    font-size: 24px !important;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 32px !important;
  }
}

@media (min-width: 1024px) {
  .single #sidebar #primary article {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1 100%;
  }
  .footer-inner {
    max-width: 80vw;
    margin: 0 auto;
  }
  .opportunities-template .entry-content,
  .opportunities-template .header-inner {
    width: 80vw;
    margin: 0 auto !important;
  }
  .opportunities-template .entry-content {
    padding-bottom: 6vw;
  }
  .opportunities-section {
    margin-top: 30px;
  }
  .opportunities-template .header-inner {
    padding-top: 4vw;
    padding-bottom: 4vw;
  }
  .opportunities-template header {
    margin-bottom: 50px;
  }
  .opportunities-template strong {
    color: #000;
  }

  .jobs-template .entry-content,
  .jobs-template .header-inner {
    width: 80vw;
    margin: 0 auto !important;
  }
  .jobs-template .entry-content {
    padding-bottom: 6vw;
  }
  .jobs-section {
    margin-top: 30px;
  }
  .jobs-template .header-inner {
    padding-top: 4vw;
    padding-bottom: 4vw;
  }
  .jobs-template header {
    margin-bottom: 50px;
  }
  .jobs-template strong {
    color: #000;
  }
}

@media (min-width: 1100px) {
  .resources-template-training-guide-page .page-container {
    width: 95vw !important;
  }
  .resources-template-simple-training .page-container {
    width: 95vw !important;
  }
}
@media (min-width: 1200px) {
  .resources-template-training-guide-page .page-container {
    width: 90vw !important;
  }
  .resources-template-simple-training .page-container {
    width: 90vw !important;
  }
}
@media (min-width: 1300px) {
  .resources-template-training-guide-page .page-container {
    width: 85vw !important;
  }
  .resources-template-simple-training .page-container {
    width: 85vw !important;
  }
}
.is-mobile .side-related-posts {
  display: flex;
  flex-wrap: wrap;
}
.is-mobile .side-related-posts article {
  margin: 10px;
}
.no-pad-for {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.no-pad-for-bot {
  padding-bottom: 0px !important;
}
.learn-more-block {
  margin: 0 auto;
}
.bot-bot-footer #footer-sidebar3 {
  padding-right: 10px;
}
.author .blog-feed3 .post-image {
  width: 100% !important;
}
.author .blog-feed3 .post-block-content {
  width: 100%;
}
.testimonial-icon {
  position: relative;
  line-height: 40px !important;
}
#footer ul {
  text-align: left;
}
#footer-sidebar3 .custom-html-widget {
  text-align: left;
}
.menu-middle-container {
  text-align: left;
}
.side-related-outer {
  padding-right: 10px;
}

@media (min-width: 320px) {
  #footer-sidebar1 {
    width: 100%;
  }
  .issue-buttons-light {
    display: flex;
    justify-content: flex-end;
    max-width: 100vw;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;

    z-index: 2;
    position: relative;
    background: transparent;
    right: 4vw;
    top: 0;
  }
  .calendar-mobile {
    display: block;
  }
  .calendar-desktop {
    display: none;
  }
  .issue-buttons-dark {
    display: flex;
    justify-content: flex-end;
    max-width: 100vw;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;

    z-index: 2;
    position: relative;
    background: transparent;
    right: 4vw;
    top: 0;
  }
  .black-square:before {
    content: "";
    height: 12px;
    width: 12px;
    background: #000;
    display: block;
    position: absolute;
    right: 102%;
    top: 5px;
  }
  .yellow-square:before {
    content: "";
    height: 12px;
    width: 12px;
    background: #fff200;
    display: block;
    position: absolute;
    right: 102%;
    top: 5px;
  }
  #menu-middle {
    padding-bottom: 0px;
  }
  .contact-cta .cta-socials i {
    margin-right: 15px;
    width: 10px;
    font-size: 17px;
  }
  .contact-cta .cta-block .vc_column-inner {
    padding: 20px !important;
  }
  #media_image-3 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #footer-sidebar {
    display: flex;

    align-items: flex-start;
  }
  .no-thirty {
    padding-top: 0px !important;
  }
  .get-rid .vc_column-inner {
    padding: 0px !important;
  }
  #branding {
    width: 30%;
  }
  #menu {
    width: 70%;
  }
  .tp-bullets {
    display: none !important;
  }

  .padding-mobile {
    padding: 20px;
  }
  .ten-marg {
    margin: 0px !important;
    margin-top: 10px !important;
  }
  .org-pattern-bg .black-bg .padded-box5 {
    padding: 0px !important;
  }
  /*.black-bg.med-pad .vc_column-inner{*/
  /*    padding-left:0px !important;*/
  /*    padding-right:0px !important;*/
  /*}*/
  #response .the-second-face .mason {
    max-width: 100% !important;
  }
  .header-caption-space {
    position: relative;
    right: 0;
  }
  .header-caption-space .vc_column-inner {
    padding: 0px !important;
    padding-top: 5px !important;
  }
}
@media (min-width: 600px) {
  #response .the-second-face .mason {
    max-width: 50% !important;
  }
  .header-caption-space {
    position: absolute;
    right: 0;
  }
}
@media (min-width: 768px) {
  .issue-buttons-light {
    display: flex;
    justify-content: flex-end;
    max-width: 92vw;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;

    z-index: 2;
    position: absolute;
    background: transparent;
    right: 4vw;
    top: 0;
  }
  .issue-buttons-dark {
    display: flex;
    justify-content: flex-end;
    max-width: 92vw;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
    position: relative;

    z-index: 2;
    position: absolute;
    background: transparent;
    right: 4vw;
    top: 0;
  }
  #response .the-second-face .mason {
    max-width: 25% !important;
  }
  #menu-middle {
    padding-bottom: 30px;
  }
  .contact-cta .cta-socials i {
    margin-right: 25px;
    width: 30px;
    font-size: 25px;
  }
  .org-pattern-bg .black-bg .padded-box5 {
    padding: 20px !important;
  }
  #media_image-3 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #footer-sidebar {
    display: flex;

    align-items: center;
  }
  .no-thirty {
    padding-top: 30px !important;
  }
  .get-rid .vc_column_container .vc_column-inner {
    padding: 15px !important;
  }
  .tp-bullets {
    display: block !important;
  }

  .ten-marg {
    margin: 10px !important;
    margin-top: 0px !important;
  }
  .contact-cta .cta-block .vc_column-inner {
    padding: 50px !important;
  }
  .black-square:before {
    content: "";
    height: 12px;
    width: 12px;
    background: #000;
    display: block;
    position: absolute;
    right: 102%;
    top: 10px;
  }
  .yellow-square:before {
    content: "";
    height: 12px;
    width: 12px;
    background: #fff200;
    display: block;
    position: absolute;
    right: 102%;
    top: 10px;
  }
}
@media (min-width: 950px) {
  #branding {
    width: 20%;
  }
  /* #footer-sidebar1{
  width: 25%;
} */
  #footer-sidebar2 {
    display: flex;
    justify-content: space-between;
    width: 75%;
  }
  #footer-sidebar2 #text-2 {
    width: 70%;
    display: flex;
    justify-content: flex-end;
  }
  #footer-sidebar2 #text-8 {
    width: 30%;
    display: flex;
    justify-content: flex-end;
  }
  #menu {
    width: 80%;
  }
  .calendar-mobile {
    display: none;
  }
  .calendar-desktop {
    display: block;
  }
}

#footer-sidebar2 .med-txt {
  text-align: left !important;
}
.is-phone-mobile .extra-left .vc_column-inner {
}
.is-phone-mobile .extra-right .vc_column-inner {
}
.is-phone-mobile .light-extra-right .vc_column-inner {
}
.is-phone-mobile .light-extra-left .vc_column-inner {
}

.black-bg .vc_figure-caption {
  color: #c3bfbf !important;
}
.black-bg .display-post-block article:hover span,
.black-bg .display-post-block article:hover p {
  color: #fff200;
}
.this-lowered .vc_column-inner {
  justify-content: flex-end !important;
}
.this-lowered .wpb_single_image .vc_figure-caption {
  color: #fff !important;
}
.display-leader-block .blog-feed-wrapper article .post-image:before {
  content: "";
  display: block;
  padding-bottom: 120%;
}
.speaking-row .blog-feed-wrapper .post-image {
  height: 100%;
}
.speaking-row .modal-body .post-image {
  background-size: cover !important;
  background-position: center !important;
}
.post-layout-3:hover > a {
  background: #fff200;
}
.post-layout-3:hover {
  color: #000 !important;
}
.post-layout-2:hover .entry-cat {
  color: #000 !important;
}
.blog .blog-feed3 article:nth-child(1) {
  display: none !important;
}
.blog.paged .blog-feed3 article:nth-child(1) {
  display: flex !important;
}
.blog-feed2 {
  padding-left: 10px;
  padding-right: 10px;
}
.error-row .vc_inner {
  display: flex;
  flex-wrap: wrap;
}
.white-gradient {
  background: linear-gradient(133.35deg, #fffee5 0%, #fff7e8 100%);
}
.error404 .post {
  background: transparent !important;
}
.med-txt.lightest-weight {
  font-weight: 300 !important;
}
.four-image {
  width: 100%;
  max-width: 218px !important;
  height: auto;
  margin: 0 auto;
}
.error-img {
  display: flex;
  justify-content: center;
}
.display-team-block2 .face-feed-wrapper .mason {
  position: relative;
}
.post-layout-3:hover .entry-cat {
  color: #000 !important;
}
#footer img {
  height: auto !important;
}
.mec-wrap .mec-single-title {
  font-family: Rubik !important;
  font-size: 32px !important;
  font-weight: 500 !important;
  letter-spacing: -0.67px !important;
  line-height: 40px !important;
  text-transform: none !important;
}
.home .learn-more-block {
  text-decoration: none !important;
}
.support-feed-wrapper article {
  cursor: default !important;
}
div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.resources-template-training-guide-page #sidebar,
.resources-template-training-guide-page .page-container {
  overflow: visible !important;
  top: 0;
}
.resources-template-simple-training #sidebar,
.resources-template-simple-training .page-container {
  overflow: visible !important;
  top: 0;
}
.sticky {
  border-bottom: none !important;
}
.training-sidebar #primary {
  overflow-y: scroll !important;
  height: 100%;
  flex-wrap: nowrap !important;
}
.vc_custom_1598430297741 {
  position: relative;
}
.jobs-template .entry-content h3,
.opportunities-template .entry-content h3 {
  margin-bottom: 20px;
}
.resources-template-simple-training .wp-caption-text {
  text-align: left;
}
.simple-section {
  padding-top: 50px;
}
.resources-template-simple-training .default-resource-content {
  padding-bottom: 5vw;
}

.address-txt {
  color: #000 !important;
  font-family: "Public Sans";
  font-size: 16px;
  letter-spacing: -0.33px;
  line-height: 24px;
}
@media (min-width: 320px) {
  .address-txt {
    margin-top: 15px;
    text-align: left;
  }
  .page-numbers {
    padding: 5px;
    padding-right: 5px;
  }
  #header {
    padding-bottom: 10px;
  }
  .page-template-resource-page form {
    flex-direction: column;
  }
  .page-template-resource-page select {
    width: 100%;
  }
}
@media (min-width: 600px) {
  .page-template-resource-page form {
    flex-direction: row;
  }
  .page-template-resource-page select {
    width: 50%;
  }
}

@media (min-width: 768px) {
  #footer-sidebar2 .med-txt {
    padding-left: 0px !important;
  }
  .address-txt {
    margin-top: 15px;
  }
  .page-numbers {
    padding: 5px;
    padding-right: 30px;
  }
  .page-template-resource-page select {
    margin: 5px;
    width: 28%;
  }
}
@media (min-width: 950px) {
  #footer-sidebar2 .med-txt {
    padding-left: 20px !important;
  }
  .address-txt {
    margin-top: 0px;
  }
}

.single-post img {
  max-width: 100% !important;
  padding-top: 20px;
  padding-bottom: 20px;
}
.delayed {
  animation-delay: 3s;
}
.ui-autocomplete-input {
  border: solid 1px #000;
  background: #fff;
  max-width: 400px;
  width: 100%;
  margin-bottom: 20px !important;
}
.resource-searchbar {
  justify-content: center;
  display: flex;
  top: 0px;
}
.page-template-resource-page #content {
  position: relative;
}

.ui-autocomplete {
  width: 100% !important;
  max-width: 500px !important;
  height: 500px !important;
  overflow-y: scroll;
  background: #000;
  padding: 0px;
  background: #000 !important;
}
.ui-autocomplete li {
  font-size: 16px;
  line-height: 23px !important;
  border-bottom: solid 1px #fff;
  color: #fff;
  padding: 6px !important;
}

.opportunities-txt .med-txt {
  font-weight: 300 !important;
}
.header-caption {
  padding-right: 5px;
}
.single .blog-form {
  border: 1px solid #000000;
  padding: 30px 25px;
}

.single .blog-form {
  display: block;
}
.mec-wrap .mec-single-title,
.mec-wrap .mec-tooltip-event-title,
.mec-event-title {
  font-weight: 700 !important;
}
#content.training-guide-content article {
  width: 100%;
}
.single-product-wrap h2.woocommerce-loop-product__title {
  font-family: "Rubik" !important;
  font-size: 28px !important;
  font-weight: bold !important;
  letter-spacing: -1.17px !important;
  line-height: 26px !important;
  text-transform: uppercase;
}
@media (min-width: 320px) {
  .page-container2 {
  }
  .woocommerce-checkout.woocommerce-page .entry-content {
    width: 85vw;
    margin: 0 auto;

    padding-top: 3vw;
    position: relative;
    overflow: hidden;
  }
}

@media (min-width: 768px) {
  .page-container2 {
    display: flex;
    flex-direction: row;
    width: 75vw;
    margin: 0 auto;
    justify-content: flex-start;
    padding-top: 3vw;
    position: relative;
    overflow: hidden;
  }
  .woocommerce div.product div.summary {
    /*     max-height: 300px !important; */
  }
}

.description_tab {
  background: #000 !important;
  color: #fff !important;
}
.description_tab.active {
  background-color: #fff202 !important;
  color: #000 !important;
}
.description_tab.active a {
  color: #000 !important;
}
.additional_information_tab {
  background: #000 !important;
  color: #fff !important;
}
.additional_information_tab.active {
  background-color: #fff202 !important;
  color: #000 !important;
}
.size_chart_tab {
  background: #000 !important;
  color: #fff !important;
}
.size_chart_tab.active {
  background-color: #fff202 !important;
  color: #000 !important;
}
.size_chart_tab.active a {
  color: #000 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-color: #fff !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:active {
  color: #000 !important;
}
.special-btn:hover img {
  transform: translateX(10px) !important;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background-color: #000000 !important;
  color: #fff !important;
  padding: 16px 20px;
  font-family: Rubik;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.33px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button {
  background-color: #fff200 !important;
  color: #000 !important;
  text-decoration: none !important;
}
.variations tr {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.woocommerce div.product form.cart .variations td.label {
  padding-bottom: 0px !important;
}
.variations .label label {
  font-size: 14px !important;
}
.variations_form .single_variation_wrap a {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -0.42px;
  line-height: 32px;
  border-bottom: 2px solid #68d443;
  color: #000 !important;
  text-decoration: none !important;
  margin-bottom: 20px !important;
}
.variations_form .single_variation_wrap a:hover {
  color: #000 !important;
  border-bottom: 2px solid #000;
  text-decoration: none !important;
}

.single_variation .price span {
  font-size: 20px;
  font-weight: bold;
}
.woocommerce-variation-price {
  padding-top: 20px !important;
  padding-bottom: 15px !important;
}
.woocommerce div.product form.cart div.quantity {
  height: 50px;
}
.woocommerce div.product form.cart .button {
  height: 50px;
}
.the-shop-page
  .woocommerce
  ul.products
  li.product
  .woocommerce-loop-product__title,
.post-379494
  .woocommerce
  ul.products
  li.product
  .woocommerce-loop-product__title {
  font-family: Rubik !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  letter-spacing: -0.67px !important;
  line-height: 25px !important;
}
.the-shop-page .price,
.post-379494 .price {
  font-family: Rubik !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: -0.67px !important;
  line-height: 18px !important;
  color: #000 !important;
}
.the-shop-page .product.type-product,
.post-379494 .product.type-product {
  justify-content: flex-start;
}

.related.products .products {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center;
}
.the-shop-page .products,
.post-379494 .products {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center;
}

.related.products .product {
  background: #fff;
  padding: 20px !important;
  display: flex !important;

  flex-direction: column;
  margin: 10px !important;
  justify-content: space-between;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
}

.the-shop-page .button,
.post-379494 .button {
  font-size: 15px !important;
}

.woocommerce div.product div.summary {
  border: solid 2px #000;
}
@media (min-width: 320px) {
  .woocommerce div.product div.images.woocommerce-product-gallery {
    flex: 1 100%;
    width: 100%;
    max-width: 100%;
  }
  .woocommerce div.product div.summary {
    flex: 1 100%;
    width: 100%;
    max-width: 100%;
    padding: 10px;
  }
  .wc-tabs-wrapper {
    flex: 1 100%;
    width: 100%;
    margin-left: 0px;
  }

  .related.products .woocommerce-loop-product__title {
    font-family: Rubik !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: -0.67px !important;
    line-height: 22px !important;
  }
  .woocommerce div.product div.summary {
    max-height: auto !important;
  }
  .the-shop-page .product,
  .post-379494 .product {
    background: #fff;
    padding: 20px !important;
    display: flex !important;
    flex: 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    flex-direction: column;
    margin: 10px !important;
    justify-content: space-between;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
  }
  .post-379494 .woocommerce-result-count {
    margin-left: 10px !important;
  }
  .post-379494 .orderby {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .post-379494 .woocommerce .woocommerce-ordering {
    float: left !important;
  }
  .post-379494 .entry-content {
    padding-top: 6vw !important;
    padding-bottom: 6vw !important;
  }
  #customer_details {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 600px) {
  .woocommerce div.product div.images.woocommerce-product-gallery {
    flex: 1 50%;
    width: 50%;
    max-width: 50%;
  }
  .woocommerce div.product div.summary {
    flex: 1 40%;
    width: 40%;
    max-width: 40%;
    padding: 10px;
  }
  .wc-tabs-wrapper {
    flex: 1 100%;
    width: 100%;
    margin-left: 0px;
  }
  .related.products .product {
    display: flex !important;
    flex: 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media (min-width: 500px) {
  .the-shop-page .product,
  .post-379494 .product {
    background: #fff;
    padding: 20px !important;
    display: flex !important;
    flex: 1 50% !important;
    width: 47% !important;
    max-width: 47% !important;
    flex-direction: column;
    margin: 10px !important;
    justify-content: space-between;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
  }
  .related.products .product {
    display: flex !important;
    flex: 1 50% !important;
    width: 50% !important;
    max-width: 45% !important;
  }
}
@media (min-width: 600px) {
  .related.products .product {
    display: flex !important;
    flex: 1 50% !important;
    width: 50% !important;
    max-width: 46% !important;
  }
  .the-shop-page .product,
  .post-379494 .product {
    background: #fff;
    padding: 20px !important;
    display: flex !important;
    flex: 1 50% !important;
    width: 47% !important;
    max-width: 47% !important;
    flex-direction: column;
    margin: 10px !important;
    justify-content: space-between;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
  }
}
@media (min-width: 768px) {
  .related.products .product {
    display: flex !important;
    flex: 1 50% !important;
    width: 50% !important;
    max-width: 46% !important;
  }
  .the-shop-page .product,
  .post-379494 .product {
    background: #fff;
    padding: 20px !important;
    display: flex !important;
    flex: 1 33% !important;
    width: 30% !important;
    max-width: 30% !important;
    flex-direction: column;
    margin: 10px !important;
    justify-content: space-between;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
  }
  .post-379494 .woocommerce .woocommerce-ordering {
    float: right !important;
  }
}
@media (min-width: 950px) {
  .woocommerce-checkout.woocommerce-page .entry-content {
    width: 75vw;
    margin: 0 auto;

    padding-top: 3vw;
    position: relative;
    overflow: hidden;
  }
  .woocommerce div.product div.summary {
    /*         max-height: 350px !important; */
  }
  .the-shop-page .product,
  .post-379494 .product {
    background: #fff;
    padding: 20px !important;
    display: flex !important;
    flex: 1 33% !important;
    width: 30% !important;
    max-width: 30% !important;
    flex-direction: column;
    margin: 10px !important;
    justify-content: space-between;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
  }
  .post-379494 .woocommerce-result-count {
    margin-left: 10px !important;
  }
  .post-379494 .orderby {
    margin-right: 10px !important;
    margin-left: 0px !important;
  }
}
@media (min-width: 1024px) {
  .related.products .product {
    display: flex !important;
    flex: 1 25% !important;
    width: 22% !important;
    max-width: 22% !important;
  }
  .related.products .woocommerce-loop-product__title {
    font-family: Rubik !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: -0.67px !important;
    line-height: 20px !important;
  }
  .woocommerce div.product div.summary {
    /*         max-height: 300px !important; */
  }
  .post-379494 .woocommerce-result-count {
    margin-left: 20px !important;
  }
  .post-379494 .orderby {
    margin-right: 20px !important;
  }
  .post-379494 .entry-content {
    padding-top: 6vw !important;
    padding-bottom: 6vw !important;
  }
}
@media (min-width: 1200px) {
  .woocommerce div.product div.images.woocommerce-product-gallery {
    flex: 1 40%;
    width: 40%;
    max-width: 40%;
  }
  .woocommerce div.product div.summary {
    flex: 1 23%;
    width: 20%;
    max-width: 20%;
    padding: 10px;
    /*         max-height: 300px !important; */
  }
  .wc-tabs-wrapper {
    flex: 1 100%;
    width: 100%;
    margin-left: 15px;
  }
  .related.products .product {
    display: flex !important;
    flex: 1 25% !important;
    width: 22% !important;
    max-width: 22% !important;
  }
  .related.products .woocommerce-loop-product__title {
    font-family: Rubik !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    letter-spacing: -0.67px !important;
    line-height: 25px !important;
  }
}
.related.products {
  flex: 1 100%;
  width: 100%;
}
.entry-content.default-resource-content .product.type-product {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.woocommerce-Tabs-panel {
  padding: 20px !important;
}

.price {
  font-weight: 700 !important;
  font-size: 26px !important;
}
.woocommerce div.product div.summary {
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}
.related.products .price {
  font-family: Rubik !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: -0.67px !important;
  line-height: 18px !important;
  color: #000 !important;
}

.related.products .button {
  font-size: 15px !important;
}
.the-shop-page .product.type-product,
.post-379494 .product.type-product {
  justify-content: space-between;
}
.single-product-wrap .resource-title {
  font-family: "Rubik" !important;
  font-size: 60px !important;
  font-weight: bold !important;
  letter-spacing: -1.67px !important;
  line-height: 60px !important;
  text-transform: uppercase;
}
.woocommerce div.product form.cart .variations {
  margin-top: 10px !important;
}
.single-product .entry-summary .price {
  font-family: Rubik !important;
  font-size: 23px !important;
  font-weight: 700 !important;
  letter-spacing: -0.67px !important;
  line-height: 23px !important;
  color: #000 !important;
}
.woocommerce div.product form.cart .variations label {
  font-family: Rubik !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: -0.67px !important;
  line-height: 16px !important;
  color: #000 !important;
}
.woocommerce div.product form.cart .variations th {
  line-height: 1 !important;
}
.related.products h2 {
  padding-left: 30px;
}
.related.products {
  padding-top: 40px;
}
.woocommerce-Tabs-panel h2 {
  font-size: 20px !important;
  line-height: 20px !important;
}
.woocommerce-cart .entry-content,
.post-379494 .entry-content {
  width: 85vw;
  margin: 0 auto;

  padding-top: 3vw;
  position: relative;
  overflow: hidden;
}

.woocommerce-checkout.woocommerce-page .entry-content {
  padding-top: 6vw;
  padding-bottom: 6vw;
}
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-fields span {
  font-size: 18px !important;
  line-height: 1 !important;
}
#ship-to-different-address {
  line-height: 18px !important;
}
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-fields {
  vertical-align: middle;
}
.woocommerce-checkout.woocommerce-page input,
.woocommerce-checkout.woocommerce-page textarea {
  background: #000 !important;
}
.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
  color: #fff !important;
}
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-fields {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.woocommerce-form__label-for-checkbox {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.post-379494 nav.woocommerce-pagination ul li a {
  color: #000 !important;
}
.post-379494 nav.woocommerce-pagination ul li span.current {
  background: #000 !important;
  color: #fff200 !important;
  border: none !important;
}

.post-379494 .woocommerce-result-count {
  margin-top: 0px !important;

  font-size: 16px !important;
  line-height: 20px !important;
}
.post-379494 .products {
  justify-content: center !important;
}
.post-379494 .orderby {
  height: 40px !important;
  font-family: Rubik !important;
  background: black;
  color: #fff200 !important;
  padding: 10px;
}
.entry-summary .product_meta {
  display: none;
}
.woocommerce div.product form.cart,
.woocommerce div.product p.cart {
  margin-bottom: 0px !important;
}
.woocommerce-checkout.woocommerce-page .col2-set .col-2,
.woocommerce-checkout.woocommerce-page .col2-set .col-1 {
  width: 100% !important;
}
.woocommerce-billing-fields__field-wrapper p {
  margin-top: 10px !important;
}
#select2-billing_state-container {
  font-size: 18px !important;
  font-family: Rubik !important;
  font-weight: 700 !important;
}
.select2-container--default .select2-selection--single {
  height: 50px;
  display: flex;
  align-items: center;
}
.woocommerce-checkout.woocommerce-page .select2-search__field {
  background: white !important;
}
.woocommerce-checkout.woocommerce-page input::placeholder {
  color: #fff200;
}
.woocommerce-input-wrapper textarea::placeholder {
  color: #fff200 !important;
}
#ship-to-different-address span:hover {
  cursor: pointer !important;
}
.woocommerce form .form-row label {
  line-height: 2;
  color: #000 !important;
  font-size: 18px !important;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background: #000 !important;
}
.woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p {
  color: #fff !important;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order,
.shop_table button.button {
  background: #fff200 !important;
  color: #000 !important;
  opacity: 1 !important;
}
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover,
.shop_table button.button:hover {
  background: #fff !important;
  color: #000 !important;
}
.woocommerce-info {
  border-color: #fff200 !important;
}
.shop_table .actions {
  background: black;
}
.cart_item a,
.cart_item .woocommerce-Price-amount,
.cart_item .input-text {
  color: #000;
  font-size: 18px !important;
  font-family: Rubik !important;
}
.woocommerce table.shop_table th {
  color: #fff;
  background: black;
  font-size: 22px !important;
  font-family: Rubik !important;
  border-color: #000;
}
.additional_information_tab {
  display: none !important;
}
/*.vc_custom_1598430297741 > .wpb_column:after{*/
/*    content:'Photo by Luceo';*/
/*    position:absolute;*/
/*    top:100%;*/

/*}*/
/*#branding{*/
/*    position:relative;*/
/*    z-index:10;*/
/*}*/

.single-resources.resources-template-default-dark ul .wpb_wrapper {
  list-style-type: disc;
}
#wpfBlock_1,
#wpfBlock_2,
#wpfBlock_3 {
  display: flex;
  flex: 1 48%;
}
#wpfBlock_2 {
  padding: 15px;
  background: #eeeff1;
  margin: 10px;
}
#wpfBlock_3 {
  padding: 15px;
  background: #eeeff1;
  margin: 10px;
}
.wpfMainWrapper {
  display: flex;
  flex-wrap: wrap;
}
#wpfBlock_1 .wpfFilterVerScroll,
#wpfBlock_3 .wpfFilterVerScroll,
#wpfBlock_2 .wpfFilterVerScroll {
  margin-top: 0px !important;
}
.wpfFilterButtons {
  width: 100%;
}
.wpfFilterContent span {
  font-size: 16px !important;
}
.wpfFilterWrapper select {
  height: 40px !important;
  font-family: Rubik !important;
  background: black;
  color: #fff200 !important;
  padding: 10px;
}
.wpfClearButton.wpfButton,
.wpfFilterButton.wpfButton {
  font-family: Rubik !important;
  background: black;
  color: #fff200 !important;
  border-radius: 3px;
}
.wpfFilterButtons {
  display: flex;
  justify-content: flex-start;
}
.wpfClearButton.wpfButton {
  max-width: 200px;
}
#post-379494 .entry-content {
  display: flex;
  flex-wrap: wrap;
}
/* #post-379494 #shop-side{
    display: flex;
    flex:1 25%;
}

#post-379494 .woocommerce.columns-3{
    display: flex;
    flex:1 75%; 
    flex-direction: column;
} */
.woocommerce-product-gallery__image img.zoomImg {
  max-width: inherit !important;
}
.woocommerce div.product div.summary {
  height: fit-content;
}
.single-product-wrap .resource-title {
  text-align: center;
}
#shop-side {
  width: 100%;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  width: 100% !important;
}
.cart_totals.calculated_shipping td {
  border: solid black 3px !important;
}
.woocommerce table.shop_table td {
  border-color: #000;
}
.woocommerce-Tabs-panel h2 {
  display: none;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
  padding: 30px;
}
.woocommerce div.product form.cart .variations td.label {
  padding-left: 0px !important;
}
.single_variation_wrap {
  margin-bottom: 15px !important;
}
.woocommerce div.product form.cart .variations td {
  padding-left: 0px !important;
}

@media (max-width: 539px) {
	.no_mobile {
		display:none;
	}
}