/*
Theme Name: MJHS
*/

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,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{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}

/* these are always overeager */
.vc_general.vc_btn3:hover {
    border-bottom: 1px solid transparent !important;
}

/*
#content {
    line-height:1.4em !important;
}
*/

body {
	border-left:1px #e1e1e1 solid;
	border-right:1px #e1e1e1 solid;
	box-shadow:0 0 10px rgba(0,0,0,.3);
	margin:auto;
    line-height:1.2em;
}

.grecaptcha-badge { opacity:0;}
* {
	box-sizing:border-box;
}

#nav-below {
    max-width: 1200px;
    margin: auto;
}

html.contrast *,
html.contrast input.wpcf7-submit {
	background-color:#000 !important;
	color:orange !important;
}

html.contrast a {
	color:#fff !important;
}

html.contast .vc_btn3, html.contrast button {
	border:thin white solid !important;
}


textarea {
	max-width:98%;	
}

img {
	max-width:100%;	
	height:auto;
	vertical-align:top;
}
div.wpcf7-mail-sent-ok {
	border:none !important;
	font-size:1.5em;
	line-height: 1.4em;
	font-weight:600;
}

form p {
	padding-top:0px;
}

input {
	padding:3px;
	font-size:1em;
	margin-bottom:10px !important;
}

input.wpcf7-submit {
    color: white;
	padding:10px;
	font-weight: 600;
	cursor:pointer;
	border-color: rgb(52, 117, 182); 
	color: rgb(52, 117, 182); 
	background-color: transparent;
}
input.wpcf7-submit:hover { 
	 background: #fff !important;
}

div.wpcf7 .ajax-loader {
	display: none !important;
}
div.wpcf7-response-output {
    margin: 0px !important;
    padding: 0px !important;
}

div.wpcf7-mail-sent-ok {
	font-size: 1em !important;
}
.etd_dw_form {
    border: 2px #8dc640 solid !important;
    padding: 10px 10px 0px 10px !important;
    margin: 0px 0 !important;
}
.etd_dw_form p, .etd_dw_con {
    margin-bottom: 0px !important;
}

.ed_error {
	display:none !important;
}

.no-wrap {
	white-space:nowrap;	
}
.fa-play {
	    vertical-align: middle !important;
}

.no-padding {
	padding:0px !important;	
}
#wrapper .no-padding-horizontal {
	padding-top:0px !important;	
	padding-bottom:0px !important;	
}

.hide {
	display:none !important;	 
}

button {
	-webkit-appearance:none;
	border:none;
	cursor:pointer; 
}

#footer button {
	padding:10px;
}

input {

    border: 1px #d2d0d0 solid;	
}
.wpb_text_column ul ul, .vc_toggle ul ul {
    padding: 0px 20px !important;
}
.wpb_text_column ul ul li, .vc_toggle ul ul li {
    padding-bottom: 0px;
    list-style: outside disc;
}

#search_wrapper {
  z-index:88;
  border:4px #235e9b solid;	
	display:block;
	border-radius:10px;
	box-shadow:5px 5px 10px rgba(0,0,0,.5);
	padding:5px 10px;
	position:fixed;
	right:-180px;
	top:180px;
	opacity: 0;
	background:#007dc3;
	 -webkit-transition: right 1s, opacity 1s; /* Safari */
    transition: right 1s, opacity 1s;
	text-align:center;
	color:white;
}

#search_wrapper input {
	background:white;
}


#search_wrapper.active {
	right:20px;
	opacity: 1;
}


#search_wrapper input {
	display:inline-block;
    width: auto;
    margin: 0px !important;
}


.scalable {
  overflow: hidden;
}

.scalable iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.scalable .scalable-content {
  height: 0;
  position: relative;
}

.scalable-16-9 .scalable-content {
  /* Percentage from 9 divided by 16 for ratio of 16:9. */
  padding-bottom: 56.25%;
}
/* typography */

body {
	font-family:'Open Sans', sans-serif;
	color:#222;
    -webkit-font-smoothing: antialiased;
	background:#f3f2f2;
}

p, .wpb_text_column li, .vc_toggle li {
	font-size:1em;
	line-height:1.4em;
	padding:10px 0 10px 0;	
}


a {
	color:#0067b3;
	text-decoration:none;	
	font-weight:600;
}


.vc_tta-container h4 a {
	text-decoration:none !important;	
} 

a:hover {
	text-decoration:underline;
}


strong {
	font-weight:600;	
}

em {
	font-style:italic;	
	font-weight:600;	
	color:#173c73;
	font-family: 'Noto Serif', sans-serif;
}

small, p.small {
	font-size:.8em;	
	line-height:1.4em;
}

h1 {
	font-size:1.8em;
	line-height:1em;
}

h1,
h2 {
	font-size:2em;
	font-weight:600;
	line-height:1.1em;
	color: #173c73;
	margin-bottom: 10px;
}

.page-content h1, 
.page-content h2 {
	color:#173c73;
	font-family: 'Noto Serif', sans-serif;
	font-weight: 600;
	margin-bottom: 10px;
}

h2 {
	margin-bottom:20px;
}

.resource-category h3 {
	margin-bottom:20px;
}
/*
:not(.copy) > h3 + p,
:not(.copy) > h2 + p {
	margin-top:20px;
}
*/

.resource-sidebar h2 {
	margin:10px 0 20px;
}


.home h1 em, 
.home h2 em {
	color:white; 
	font-size:2em;
	line-height:1.2em;
	text-shadow: 0 0 10px rgba(0,0,0,.5);
}

h1 em,
h2 em{
	font-weight: normal;
	font-style: normal;
}

h1.ladies,
h2.ladies  {
	font-size:2.75em;
}

h1.wpb_video_heading,
h2.wpb_video_heading {
	font-size:1.5em;
	font-weight:600;
	line-height:1em;
	margin-bottom:10px;
} 

h3, .vc_tta-title-text,  .vc_tta-panel-body h4 {
	font-size:1.5em;
	line-height:1.2em;
	font-style: normal;
	font-weight: normal;
	color:#173c73;
	font-family: 'Noto Serif', sans-serif;
}

h3 strong {
	font-weight: 600;
}


.vc_tta-title-text {
	font-size:1.2em;
}

h4 {
	font-size:1.2em;
	font-weight:600;
	line-height:1.4em;
	color:#333;
}


.vc_cta3 h4 {
	color:#0368a1 !important;
}

h5 {
	font-size:1.2em;
	font-weight:normal;
	line-height:1.4em;
}

.vc_gitem-zone {
font-size:.8em;
}

.vc_gitem-post-data {
    margin-bottom: 0px !important;
	padding:5px 20px;
}
.vc_gitem_row .vc_btn3-container {
    margin-bottom: 0px !important;
}

.vc_gitem_row .vc_gitem-col {
    padding: 0px !important;
}
.wpb_text_column ul, .wpb_text_column ol, .vc_toggle ul, .vc_toggle ol {
	padding:0px 20px 20px 20px;
}

.wpb_text_column ul li, .vc_toggle ul li {
	padding-bottom:0px;
	list-style:outside circle;
}

ul.inline li {
	list-style:outside circle;
	display:inline-block;
	padding:0px;
	margin:5px 15px;
}

ul.inline li:before {
  content: '\ffed';
  margin-right: 0.5em;
  color:#8cc63f;
}

ul.rssi-icons li {
	list-style:none !important;
	margin:0px !important;	
}

.wpb_text_column ol li, .vc_toggle ol li  {
	margin:10px 0;
	list-style:decimal outside;
}

.wpb_text_column .slideshow-container li {
	margin:0px;
	list-style:none;	
	padding:0px;
}

.wpb_text_column ul ul, .vc_toggle ul ul {
	padding:0px 20px 20px 20px;
}

/* custom typography */

#breadcrumbs {
	display:none;
	background:#4FA607;
	padding:8px 10px 10px 10px;
}

#breadcrumbs ul {
	max-width:1340px;
	margin:auto;
}

#breadcrumbs li {
	display:inline;	
	font-size:.9em;
	margin: 0 5px;
}


#breadcrumbs li a {
	font-weight:600;
	color:#999;
	color:white;
}

#breadcrumbs li.active a {
	color:#007dc3;
	color:#222;
}

#breadcrumbs .text {
	display:inline-block;
}

#breadcrumbs .number {
	display:none;	
	color:white;	
	background:#999;
	width:auto;
	padding:5px 10px;
	border-radius:20px;
}

#breadcrumbs li.active .number {
	background:#007dc3;
}

blockquote {
	padding:5px 30px;
	margin:40px 0;
	position:relative;
	top:-20px;
	background:white;
	font-size:1.2em;	
    border-top: 3px #8dc640 solid;
    border-bottom: 3px #8dc640 solid;
}

.white-text {
	color: white;
}


.pre-anchor {
	display:block;
	position:relative;
}

.text-blue h3 {
	color:#173c73;
	font-family: 'Noto Serif', sans-serif;
}

.blue-bar {
	color:#ffffff ;
	background:#173c73 !important;
	padding: 10px 20px !important;
	position:relative;
	border:none;
}

.vc_row.blue-bar {
	margin-bottom:20px;
}

.blue-bar h2,
.blue-bar h3 {
	color:white;
}

.green-bar {
	color:#ffffff;
	background:#8cc63f;
	padding:5px 10px;
} 

.blue-text {
	color:#0368a1;
}

.text-left {
	text-align:left;	
}
.text-center {
	text-align:center;	
}
.text-right {
	text-align:right;	
}
.tracking {
	position:absolute;
	bottom:0px;
	left:0px;	
}

.text-2x {
	font-size:1.2em;	
}

/* Setup for full-width rows */


.single-content > .vc_section {
	background:white;
}
.entry-content > .vc_section {
	background:white;
}

.entry-content > .vc_section:nth-of-type(odd) {
	background:url('images/graphic_bck_light_V1_1920x800.jpg') center #f2f0f1 no-repeat;
	background-size:cover;
}

/*  Production only adjustment due to existence of .wpb-content-wrapper */
.entry-content .wpb-content-wrapper > .vc_section {
	background:white;
}

.entry-content .wpb-content-wrapper > .vc_section:nth-of-type(odd) {
	background:url('images/graphic_bck_light_V1_1920x800.jpg') center #f2f0f1 no-repeat;
	background-size:cover;
}

.wpb_raw_html {
    margin: 0px !important;
}


.vc_row {
	max-width:1340px;
	margin:auto;
}

.vc_section[data-vc-full-width]>.vc_row,
.vc_row[data-vc-full-width],
.stretch .vc_row {
	max-width:none;	
}


.section-sub-nav>.gusta-navigation {
	display:flex;
	flex-wrap:wrap;
	box-sizing: border-box;
	justify-content:space-between;
}


.section-sub-nav.gusta-nav>ul>li{
	flex-basis: 33%;
	padding:10px !important;
	
}

.section-sub-nav .current-menu-item {
	display:none;
}
.section-sub-nav.gusta-nav > ul > li > a {
	color:#fff;
    background-color: #08c;
    font-size: 1.4em;
    font-weight: bold;
    padding: 10px 20px !important;
    cursor: pointer;
	width:100%;
	display:block;
	border-radius:40px;
    text-align: inherit;
}


.section-sub-nav.gusta-nav > ul > li > a:hover {
    color: #f7f7f7;
    background-color: #0074ad;
}

.vc_row[data-vc-full-width]>.vc_col-sm-12>.vc_column-inner {
	padding:0px !important;
}



.home .vc_column_container > .vc_column-inner, .vc_column_container.vc_col-sm-12 > .vc_column-inner, .default-padding .vc_column_container:first-child > .vc_column-inner   {
    padding: 0 15px !important;
}

#news_slider .vc_column-inner {
	padding:0px !important;
}


.vc_column_container:first-child > .vc_column-inner .vc_column-inner  {
    padding: 15px !important;
}


.vc_column_container.inset .vc_column-inner {
    padding: 30px !important;
	background: rgba(79,166,6,.1);
	font-size: .9em;
}


.vc_column-inner .padding-none {
	margin-left:-15px;
	margin-right:-15px;
}

.padding-null, .padding-null * {
	padding:0px !important;
	max-width: 100% !important;
}


.padding-null .vc_column_container.vc_col-sm-12 > .vc_column-inner  {
    padding: 0px !important;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0px !important;
}

.vc_separator {
	margin:20px 0 !important; 
}

.border-right-blue {
    border-right: 3px #007dc3 solid;
}

.border-top-blue {
    border-top: 3px #007dc3 solid;
}

.border-bottom-blue {
    border-bottom: 3px #007dc3 solid;
}

.no-padding, .no-padding-severe {
    padding: 0px !important;
}

.no-padding-severe * {
    padding: 0px !important;
}


.wpb_singleimage_heading {
	position:absolute;
	top:40%;
	z-index:9;	
	width:100%;
	text-align:center;
	font-weight:normal;
	font-size:1.2em;
}
/* Sharing icons - strip auto-size functionality and strip colors 

ul.rssi-icons {
	display:inline-block;
	padding:0px !important;
    height: 48px !important;
	width: 220px !important; 
	vertical-align: middle;
}


p.share {
	display:inline-block;
	vertical-align: middle;
}


ul.rssi-icons li {
	width:72px !important;
    height: 48px !important;
	padding-right:4px !important;
}

ul.rssi-icons li a {
    background: #857f7f !important;
}

ul.rssi-icons li a:hover {
    background: #b6b8ba !important;
}

.rssi-icons li a .icon {
	font-size:2em !important;
	height:2em !important;	
}

.rssi-icons li a .text {
	display:none !important;
}
*/

/* Reverse declarations for 2-col structures that we want reversed on desktop compared to mobile */
/* these orders and arrangements are ordered based on final MOBILE preference. */

/* 1/3 + 2/3 */ 
.reverse-me .vc_col-sm-4 {
	position:relative;
	left:66.6666%;
}

.reverse-me .vc_col-sm-8 {
	position:relative;
	left:-33.3333%;
}

.reverse-me .vc_col-sm-6 {
	position:relative;
	left:-50%;
}

.reverse-me .vc_col-sm-6:first-child {
	position:relative;
	left:50%;
}

/* NAV */

/* Navigation */

#header { 
	display:block;
	width:100%;
	position:fixed !important;
	box-shadow:0 0 10px rgba(0,0,0,.3);
	z-index:99;
	background:#007dc3;
}

#branding {
	display:block;
	padding:20px;
	margin:0 auto 0 auto;
	width:100%;
	position:relative;
}

#branding a {
	z-index:9;
	position:relative;	
}

.logo {
	display:inline-block;
	height:55px;
}
.tagline {
	display:inline-block;
	height:21px;
	position:relative;
	top:18px;
	left:10px;
}

#search {
	position:absolute;
	right:20px;	
	top:30px;
}

#search input[type="search"] {
	width:150px;
}
	
	
.hr {
	display: block;
	width:100%;
	height: 2px;
	margin:5px 0 5px 0;
	background:#8dc640;
	background: -moz-linear-gradient(left,  rgba(141,198,64,0) 0%, rgba(141,198,64,0.02) 1%, rgba(141,198,64,1) 50%, rgba(141,198,64,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(141,198,64,0) 0%,rgba(141,198,64,0.02) 1%,rgba(141,198,64,1) 50%,rgba(141,198,64,0) 100%);
	background: linear-gradient(to right,  rgba(141,198,64,0) 0%,rgba(141,198,64,0.02) 1%,rgba(141,198,64,1) 50%,rgba(141,198,64,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008dc640', endColorstr='#008dc640',GradientType=1 );
}
	
#branding .hr {
	display: inline-block;
	width: 260px;
	position:relative;
	top:-6px;
	margin:0px;
}


#menu {
	display:block;
	height:38px;
	width:100%;
	border-bottom:2px #235e9b solid;	
	background:#fff;
    line-height: 1em;
}

.nav_wrapper {
	display:block;
	margin:auto;
	position:relative;
	width:100%;
}

.footer {
	padding:10px 40px;
	background:#8dc640;
}

.footer a {
	position: relative;
	color:white;
}

.nav-previous, .nav-next {
	display:inline-block;
	width:30%;    
}

.meta-nav {
	position: absolute;
}

.nav-previous .meta-nav {
	left:-20px;
}

.nav-next {
	float:right;
	text-align: right;
}

#footer_menu {
	display:block;
	width:100%;
	padding:20px;
}

#footer_menu .menu-item {
	display:inline-block;
	float:none;
	position:relative;	
}
#footer_menu .menu-item a {
	border-right:none;	
	padding:10px 20px 10px 20px;
	font-weight:normal;
	background:none;
	text-decoration:none;
	font-size:.8em;
}

#footer_menu .menu-item a:hover {
	text-decoration:underline;
}

body.logged-in #menu {
	top:32px;
}


#menu .menu-item, #menu .menu-item a {
	display:block;
	float:left;
	position:relative;	
}


#menu .menu-item a {
	border-right:thin #007dc3 solid;	
	padding:10px 20px 10px 20px;
	font-weight:600;
	background:#fff;
	text-decoration:none;
}
#menu .menu-item:last-child a {
	border-right:none;
}

#menu #menu-item-595 > a {
	background:#235e9b;
	color:white;	
}

#menu #menu-item-595 > a:hover {
	background:#8dc63f;
}

#menu .menu-item a:hover, #menu .current-menu-item > a {
	background:#eee;
}

.sub-menu {
	display:none;
	width:220px;
	position:absolute;
	top:100%;
	left:0px;
	box-shadow:0px 5px 10px rgba(0,0,0,.3);
}

#menu .menu-item:hover .sub-menu {
	display:block;	
}

#menu .sub-menu  .menu-item {
	width:100%;
}

#menu .sub-menu  .menu-item a {
	width:100%;
	font-weight:normal;
	border-right:none;	
	border-top:2px #007dc3 solid;	
}

	/* UTILITY NAV */
ul#nav_utility { 
	padding: 7px 0px !important;
	text-align: center;
}
ul#nav_utility li { 
	display: inline-block;
	padding: 0 0px 0 0px;
	margin-right:5px;
	border-left: 1px solid #ccc;
	height:20px;
	padding-left:5px;
	padding-top:3px;
}
			
ul#nav_utility li.js {
	display:none;
}

ul#nav_utility li:first-child {
	border-left:none;
}
	
ul#nav_utility li a#print {
	display: block;
	width: 20px;
	height: 20px;
	background: url('images/icon_print.png') 0 -1px no-repeat;
	background-position:top right;
	text-indent: -9999px;
	position:relative;
	top:-3px;
}


.mobile-callouts {
	display:none;
}


	
#header hr {
	
    border: none;
    border-top: thin white solid;
}



.other-callouts ul {
	display:block;
	width:100%;
	text-align:center;
	margin-top:5px;
padding-bottom: 0px;
}

.other-callouts li {
	display:inline-block;
}

.other-callouts li a {
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
}


.other-callouts li a.active {
	opacity:0.5;
}

#search {
	position:absolute;
	right:0px;
	top:100px;	
	display:none; /* we'll come back to this but right now it needs to piss off */
}

/* End Navigation */

#container {
	padding-top:128px;	
}

.page-title {
	background:#4FA607 !important;
	color:white;
	padding: 15px 5%;
	border:none;
}



/* home news slides */

.home_how_can_we_help a {
	color:#035b8c;
	font-size:1.2em;
}


#news_slider ul {
	overflow:hidden;
	position:relative;
	width:100%;
	padding:0px;
}

#news_slider li {
	position:absolute;
	left:80%;
	width:80%;
	top:0px;
	list-style:none;
	padding:30px 30px 30px 90px !important;
	background:#c1d6e6; 
	
	-webkit-transition: left 1s, background 1s;
    transition:  left 1s, background 1s;
	
}



#news_slider li.active,  #news_slider li:first-child {
	left:0%;
	background:#e5f3fd;
}

#news_slider li.inactive {
	left:-80%;
	background:#c1d6e6; 
}

#news_slider li .news-image {
	display:inline-block;
	max-width:30%;
	margin-right:2%;
	vertical-align:top;
}

#news_slider li .news-image img {
	border:2px #007dc3 solid;
}

#news_slider li .news-content {
	display:inline-block;
	width:65%;
	vertical-align:top;
}

#news_slider h3 {
	color:#036EA9;
	margin-bottom:15px;
}

#news_slider p {
	margin-bottom:15px;
}

#news_slider a {
	color:#222;
	text-decoration:underline;
	font-weight:normal;
}

#news_slider .slides-left {
	width:55px;
	height:108px;
	background:url('images/slides_left.png') left center no-repeat;
	background-size:contain;
	position:absolute;
	left:0px;
	top:25%;
	z-index:99;
	cursor:pointer;
	display:none;
}

#news_slider .slides-right {
	display:block;
	width:55px;
	height:108px;
	background:url('images/slides_right.png') right center no-repeat;
	background-size:contain;
	position:absolute;
	right:0px;
	top:25%;
	z-index:99;
	cursor:pointer;
}

/* FOOTER */
#footer {
	text-align:center;
	position:relative;
}

.menu-footer-menu-container {
	width:100%;
	max-width:1170px;
	margin:auto;
}

#footer_logos {
	background:#007dc3;
}

#footer_logos .wrapper {
	margin:auto;
	position:relative;
	max-width:1170px;
	padding:20px;	
	text-align:center;
	color:white;
}


#footer_logos img {
	height:30px;
}

#footer_left {
	position:absolute;
	left:40px;
	bottom:25px;
}


#footer_right {
	position:absolute;
	right:40px;
	bottom:30px;	
}


.elderplan .vc_separator {
	margin:20px 0;
}

.elderplan em {
    font-style: italic;
    font-weight: normal;
    color: #333;
    font-family: 'Open Sans', sans-serif;
}

.elderplan h3 {
margin-bottom:20px !important;
}


#content .photo-footer {
		padding-top:30px !important;
}

.blog-segment {
	background:#f3f2f2;
}

.blog-segment-header {
	padding:10px 30px 10px 20px;
}

.blog-segment-header h3 {
	font-size:1em;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color:#333;
}

.blog-post-preview {
	border-bottom:5px #f3f2f2 solid;
	margin:0 -15px;
	padding:20px 30px;
}

.blog-post-preview strong {
	color:#0067b3;
}

.blog-post-preview .excerpt {
	padding:0px;
	font-size:.9em;
	margin-bottom:10px;
}

.blog-post-preview:last-of-type {
	border:none;
	padding-bottom:15px;
}

.blog-segment-content {
	display:none;
}
/*
.blog-segment:first-of-type .blog-segment-content {
	display:block;
}
*/
.blog-segment-header {
	position: relative;
}

.blog-segment-header::after {
	content:'';
	position: absolute;
	right:10px;
	top:14px;
	width: 0;
height: 0;
border-style: solid;
border-width: 11px 7px 0 7px;
    pointer-events: none;
border-color: #0368a1 transparent transparent transparent;
}

.blog-segment-header.active::after {
	border-width: 0 7px 11px 7px;
	border-color: transparent transparent #0368a1 transparent;
}



.resource-categories {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
	align-items: stretch;
}

.resource-categories .resource-category {
	background:#fff;
	padding:15px 10px;
	margin-bottom:20px !important;
	box-shadow:0 0 10px rgba(0,0,0,.3);
	flex-basis:48%;
}

.resource-categories.sidebar .resource-category {
	padding:30px;
	box-shadow:none;
	background:#fdfdfd;
}

.resource-sidebar .resource-categories .resource-category {
	flex-basis:100%;
}


.resource-sidebar .resource-category a {
	color:#222;
}

.resource-sidebar .resource-category .vc_column_container  {
	width:100% !important;
}
.resource-sidebar .resource-cat-thumb,
.resource-sidebar .resource-cat-link,
.resource-sidebar .resource-category p
{
	display:none;
}

.resource-sidebar .resource-category ul
{
	padding-top:10px;
	margin-top:10px;
	border-top:2px #ddd solid;
}
.resource-sidebar .resource-category li
{
	margin-bottom:10px;
}
.resource-sidebar .resource-category h3
{
	font-size:1.2em;
}

h3 a {
	font-weight: normal;
}


ul.related {
	padding:0 20px 20px;
	margin:0px;
}
ul.related li {
	list-style:none;
}
ul.related li.subcategory {
	border-bottom:thin #ccc solid;
	padding-bottom:15px;
	margin-bottom:5px;
}

ul.related li.subcategory:last-child {
	border:none;
	padding-bottom:0px;
}
ul.related li a {
	font-weight: normal;
}

ul.related li a:hover {
	font-weight: normal;
}
ul.related li.subcategory > a {
	font-weight: 600;
}

ul.related li.subcategory > a:hover {
	font-weight: 600;
}

ul.related ul li {
	list-style:none;
}


.resource-cat-link {
	text-align: center;
	padding:10px;
	background:#007dc3;
}

.resource-cat-link a {
	color:#fff;
}

.resource-category p {
	padding-top:0px;
}

#forum h2 {
	color:#fff;
}

.book h2 {
	padding:0px 0 10px 90px;
	background:url(/wp-content/uploads/2021/10/resources-icon.png) top left no-repeat;
	background-size:77px;
}


.phone h2 {
	padding:0px 0 0px 75px;
	background:url(/wp-content/uploads/2021/10/phone-icon.png) left center no-repeat;
	background-size:60px;
}

.phone h2 em {
	color:#222;
	font-family: "Open Sans", sans-serif;
	font-size:.7em;
	position:relative;
	top:-3px;
}

.phone h2 a {
	color:inherit;
	font-weight: normal;
}
#contact-info {
	box-shadow:0 0 10px rgba(0,0,0,.3);
	padding:10px 0;
}

#contact-info .vc_column-inner {
	padding: 15px 30px !important;
}

#contact-info .borders .vc_column-inner {
	border-left:2px #ddd solid;
	border-right:2px #ddd solid;
}

.rssi-icons.large-format {
	max-width:none !important;
	padding:0px !important;
}
#inline-sharing {
		padding:20px 10px 30px;
	border-top:thin #ccc solid;
	}

#inline-sharing h3 {
	margin:0px 0 10px;
}

.non-member p {
	font-style: italic;
}

#forum {
	padding:30px 0;
}

#forum .vc_figure {
	box-shadow:0 0 10px rgba(0,0,0,.3);
}

#forum h2 {
	text-shadow:0 0 5px rgba(0,0,0,.3);
}

.entry-summary {
	margin-top:20px;
	padding-top:20px;
	border-top:2px #ccc solid;
	display:flex;
	flex-wrap: nowrap;
	align-items: center;
}

.entry-summary .image {
	min-width:150px;
	width:150px;
	height:150px;
	display:block;
	margin-right:30px;
	background:url('/wp-content/uploads/2021/10/resources-icon.png') center no-repeat #fff;
	background-size:100px;
}

.entry-summary a {
	font-weight: normal;
}

#resource-breadcrumbs ul {
	max-width:1320px;
	margin:auto;
	font-size:1em;
}

#resource-breadcrumbs li {
	display:inline;
	margin: 0 5px;
	color:#000;
}
#resource-breadcrumbs li::before {
	content:">";
	margin-right:10px;
}


#resource-breadcrumbs.tags li::before {
	content:"|";
}

#resource-breadcrumbs.tags li:nth-of-type(2)::before {
	content:"";
	display: none;
}

#resource-breadcrumbs li:first-of-type::before {
	content:"";
	display: none;
}
#resource-breadcrumbs a {
	color:#000;
	font-weight: normal;
}


#resource-breadcrumbs li.active {
	display:inline;
	margin: 0 5px;
	color:#fff;
}

#resource_search {
	padding: 0px 0px 5px;
    background: #f3f3f3;
}


#resource_search.archive {
	padding:0px;
    margin:5px 0;
	text-align: left;
		
}

/* #resource_search form {
	
	display: flex;
	justify-content: space-between;
	
} */
#resource_search.archive form {
	display: block;
}

#resource_search input {
	padding:7px 10px;
	border-radius:10px;
	font-family: 'Open Sans', sans-serif;
}
#resource_search input:first-of-type {
	/* flex-basis: 70%; */
	width:270px;
	margin-right:10px;
}
#resource_search input[type='submit'] {
	color:#fff;
	background:#0067b3;
}
/*
.resources {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
*/
.resources .resource {
	margin-bottom:30px;
	display:flex;
	flex-wrap: nowrap;
	background:#fff;
	align-items: center;
	box-shadow:5px 10px 15px rgba(0,0,0,.2);
}

.resource h2 {
	margin-bottom:15px;
}

.medium-name {
	text-transform: uppercase;
}

.resource-meta {
	color:#666;
}

.resource-image, 
.resource-text {
	flex-basis:50%;
	flex-grow:1;
}


.resource-meta a {
	color:#666;
	font-weight: normal;
}
.resource-image img {
	display:block;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	opacity: 0;
}
.resource-image {
	position: relative;
	background-size:cover;
	background-position: center;
	background-repeat:no-repeat;
}

.resource-text {
	padding:30px;
}

.resource-label {
	background:#007dc3;
	padding:10px 20px 0;
	color:#fff;
	margin-bottom:10px;
}
.resource-label p {
	text-transform:uppercase;
}

.resource .excerpt {
	font-weight: 600;
}

.resources-header {
	position: relative;
	margin-bottom: 20px;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.resource-filter {
	position: relative;
	right:0px;
	top:0px;
	color: #555;
}

.resource-label {
	position: relative;
}

.resource-medium {
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	display:flex;
	align-items: center;
	padding:10px 10px 10px 15px;
}


.webinar .resource-medium {
	background:#0e72b1;
}

.video .medium-details::after {
	content:'';
	display:block;
	width:30px;
	height:30px;
	background:url('/wp-content/uploads/2021/11/icon-video.png') center right no-repeat;
	background-size:contain;
}


.webinar .medium-details::after {
	content:'';
	display:inline-block;
	vertical-align: middle;
	margin-left:10px;
	width:30px;
	height:30px;
	background:url('/wp-content/uploads/2021/11/icon-webinar.png') center right no-repeat;
	background-size:contain;
}

.article .medium-details::after {
	content:'';
	display:block;
	width:30px;
	height:30px;
	background:url('/wp-content/uploads/2021/11/icon-article.png') center right no-repeat;
	background-size:contain;
}


.medium-details span {
    position: relative;
    top: 3px;
    font-weight: 300;
    font-size: 1.25em;
}


.resource-filter select {
	margin-left:5px;
	padding:10px 40px 10px 10px;
	border-radius:10px;
	background:#dddede;
	color:#666666;
	font-size: 1em;
	line-height: 1.2em;
	border:none;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	position: relative;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}

.resource-filter .select-wrapper {
	position: relative;
	display: inline-block;
}

.resource-filter .select-wrapper::after {
	content:'';
	position: absolute;
	right:10px;
	top:14px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 11px 7px 0 7px;
	pointer-events: none;
	border-color: #b7b7b7 transparent transparent transparent;
}

.gusta-dropdown-menu {
	
    box-shadow: 0 5px 10px rgb(0 0 0 / 30%);
}
/*
.resource-sidebar-content {
	    background: #fff;
    padding: 30px;
    margin-bottom: 20px !important;
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
}
*/
section.transparent {
	background:transparent !important;
}

#forum {
	background:#8dc640 !important;
}
	.resource-cat-link {
		margin-bottom:20px !important;
	}
	
.article-copy {
	
    background: #fff;
    padding: 0 10px;
    margin: -20px 15px 30px;
}

/* 
	Sandstorm Design -- New styles
	======================================== 
*/
/* Important: functionality to enable desktop nav "open on click" instead of hover */
#header_nav #nav-desktop .gusta-navigation > li.navdesk-click-open > ul {
	visibility: visible !important;
	opacity: 1 !important;
	display: inherit !important;
}
/* force pointer for nav menus  */
#header_nav #nav-desktop .gusta-navigation > li {
	cursor: pointer;
}

.vc_tta-color-white.vc_tta-style-flat:not(.vc_tta-o-no-fill) .vc_tta-panel-body { 
	color: #333;
}

.vc_tta.vc_general { 
	font-size: 1.1em;
}
/* current-menu code is redundant since this is updated in the Smart Sections which displays the header. Leaving mega menu as is  */
/* #nav-desktop>ul>li.current-menu-item>a,
#nav-desktop>ul>li.current-menu-parent>a, 
#nav-desktop>ul>li.current-page-ancestor>a, */
#nav-desktop>ul>li.gusta-mega-menu-active>a {    
	background-color: #2a5f9b !important; 
}

/* navigation menu updates */

.padding-interior {
	padding-left: 10% !important;
	padding-right: 10% !important; 
}

/*
 * if .gusta-breadcrumbs exist, then we don't want immediate sibling .green-bar's `padding-top` to be applied 
 * New On production, the page content is being auto-wrapped by .wpb-content-wrapper
 *TODO: find source of autowrap feature and disable
*/
#content .gusta-breadcrumbs + .page-title,
#content .gusta-breadcrumbs + .wpb-content-wrapper .page-title {
	padding-top: 0; 
}
  
/* breadcrumb styles for Yoast Breadcrumbs custom element which uses the WPBakery gusta_breadcrumbs class */
#content .gusta-breadcrumbs {
padding-top: 30px;
padding-bottom: 20px;
margin-bottom: 0px;
background: #4fa607 !important;
font-family: "Open Sans";
font-size: 14px;
font-weight: 600;
letter-spacing: 0;
line-height: 16px; 
}
  
#content .gusta-breadcrumbs a {
	text-decoration: none;
	color: white;
}
  
#content .gusta-breadcrumbs a:hover {
	text-decoration: underline; 
}

/* make page titles white */
#content .vc_section.page-title h1,
#content .vc_section.page-title h2  {
	color: white;
}

/*
	Media Queries
	================  
*/

@media (max-width:1279px) {
	.resources .resource {
	align-items: stretch;
}
	.resource-image img {
		position: absolute;
	}
}

@media (max-width: 1200px) {

	.single-post #content, .page-template-page-sidebar #content {
		width:100%;
	}
	
	.single-post #sidebar, .page-template-page-sidebar #sidebar {
    	width: 100%;
	}
	
	#breadcrumbs .text {
		display:none;	
	}
	
	#breadcrumbs .number {
		display:inline-block;
	}
	
	.wpb_single_image .vc_single_image-wrapper {
		padding: 0px;
	}

	.reverse-me.tablet-1col .vc_col-sm-4 {
		left:0%;
	}
	
	.reverse-me.tablet-1col .vc_col-sm-8 {
		left:0%;
	}
	
	.reverse-me.tablet-1col .vc_col-sm-6 {
		left:0%;
	}
	
	.reverse-me.tablet-1col .vc_col-sm-6:first-child {
		left:0%;
	}
	
	form {
		overflow: hidden;
	}
	.reverse-me .vc_col-sm-4 {
		left:0%;
	}
	
	.reverse-me .vc_col-sm-8 {
		left:0%;
	}
	
	.reverse-me .vc_col-sm-6 {
		left:0%;
	}
	
	.reverse-me .vc_col-sm-6:first-child {
		left:0%;
	}

	.no-mobile {
		display:none !important;	
	}
	
	h1 {
	font-size:1.6em;
	line-height:1em;
	}
	h1,
	h2 {
		font-size:1.4em;
		line-height: 1.2em;
	}
	
	h3 {
		font-size:1.2em;
		line-height:1.4em;
	}
	
	
	h4 {
		font-size:1.1em;
		line-height:1.4em;
	}
	
	h5 {
		font-size:1em;
		line-height:1.4em;
	}
	
	#menu {
		display:none;
	}
	
	
	#branding {
		position:relative;
	}
	
	.wpb_single_image img {
		margin-bottom: 0px;
		max-width:100% !important;
	}
	
	.padding-null .wpb_single_image img { 
		max-width: 100% !important;
		margin-bottom: 0px;
	}
	
	.wpb_single_image .vc_single_image-wrapper {
		padding: 0px;
	}
	
	.vc_col-sm-4 .vc_btn3-container {
		margin-bottom: 0px;
		max-width: 100%;
		margin: auto !important;
	}
	
	
	
	.blue-bar {
		padding: 10px 30px !important;
	}
	
	.vc_column_container:first-child > .vc_column-inner .vc_single_image-wrapper {
		padding: 0px  !important;
	}
	
	.vc_column_container:first-child > .vc_column-inner {
		padding: 0px  !important;
	}
	
	.vc_column_container:first-child > .vc_column-inner .vc_column-inner {
		padding:0px  !important;
	}
	
	.vc_column_container:first-child > .vc_column-inner .wpb_wrapper {
		padding:0px !important;
	}
	
	
	.nav-previous, .nav-next {
		width:100%;  
		float:none;
		font-size:.8em;
		line-height: 1.4em;
	}
	
	.nav-next {
		margin-top:20px;
	}
	
	.nav-next .meta-nav {
		bottom:0px;
	}
	
	#footer_logos .wrapper {
		padding:60px 15px 15px 15px;
	}
	
	#footer_left {
		bottom:65px;
	}
	#footer_right {
		bottom:70px;
	}
	
	#footer_menu .menu-item {
		display:block;
		margin-bottom:10px;
	}
	
	#branding {
		padding:10px 15px 8px 15px;
	}
	
	.logo {
		height:25px;
	}
	
	.tagline {
		height:12px;
		top:12px;
		left:3px;
	}
	
	.vc_column-inner .padding-none {
		margin:0px;
	}
	
	
	.page-title {
		padding:5px 15px !important;
	}
	
	.vc_column_container.inset .vc_column-inner {
		padding:15px 30px !important;
	}
	
	.home-video-top-padding {
		height:0px !important;
		padding-top:50%;
	}
	
	.home-video-bottom-padding {
		display:none;
	}
	
	.entry-content .vc_custom_1493400166576 {
		background-position: top !important;
		background-size:contain !important;
		background-color:white !important;
	}
	
	.home h1 em, 
	.home h2 em {
		color:#0368a1;
		text-shadow: none;
	}
	
	.vc_column-inner {
		margin-bottom: 15px;
	}
	
	.padding-null .vc_column-inner {
		margin-bottom: 0px;
	}
	
	.blue-bar .vc_column-inner, .page-title .vc_column-inner {
		margin-bottom: 0px;
	}
	
	#content .photo-footer {
		background:url('images/graphic_bck_light_V1_1920x800.jpg') center #f2f0f1 no-repeat !important;
		background-size:cover;
	}
	
	
	#news_slider li {
		padding:30px 20px 30px 20px !important;
	}
	
	#news_slider li .news-content {
		width:100%;
		font-size:.8em;
	}
	
	
	#news_slider li h3, #news_slider li p {
		display:none;
	}
	#news_slider li p:last-child {
		display:block;
	}
	
	#news_slider li h4 {
		margin:10px 0
	}
	
	#news_slider li .news-image {
		max-width: 100%;
	}
	
	#news_slider .slides-left {
    width: 27px;
    height: 54px;
	top:40%;
	}
	
	
	#news_slider .slides-right {
    width: 27px;
    height: 54px;
	top:40%;
	}
}

@media (max-width:1199px) {
	.section-sub-nav.gusta-nav>ul>li{
		flex-basis: 100%;
	}	
}

@media(max-width:1024px) {
	
	.resource-cat-thumb {
		margin-top:10px !important;
	}
	
	.blog-segment-header {
    	margin: 5px 0px;
	}
		
	#resource_search {
		margin: 0px;
	}
}

@media(max-width:767px) {

	#inline-sharing {
		display:none;
	}
	
	#container {
		padding-top:0px;
	}
	
	#contact-info .borders .vc_column-inner {
		border-left:none;
		border-right:none;
		border-top:2px #ddd solid;
		border-bottom:2px #ddd solid;
	}

	.entry-summary {
		flex-wrap: wrap;
	}

	.resources .resource,
	.resource-image, 
	.resource-text {
		flex-wrap: wrap;
		flex-basis:100%;
	}
	.resource-text {
		padding:20px 20px 10px 20px;
	}

	.webinar .resource-medium {
		width:100%;
		background:#007dc3;
	}
	
	.article-copy {
		
		background: #fff;
		padding: 10px 20px;
		margin: -20px 0px 30px;
	}
	.resource-categories .resource-category {
		flex-basis:100%;
	}

	#forum {
		padding:15px;
	}


	.resource-filter {
		position: relative;
		margin-top: 10px;
	}
}