/*
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,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.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: .3s;
}
.block-btn.dark:hover {
    background: #FFF200;
    color: #000;
    transition: .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: .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: .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;
}