/*
 Theme Name:   Highend Child
 Theme URI:    http://preview.hb-themes.com/?theme=Highend
 Description:  A Flexible, Powerful & Beautiful WordPress Theme by HB-Themes. Mobile ready and optimized for best performance. With the powerful engine and user friendly interface it will allow you to build outstanding websites quick and easy... It comes with Premium Plugins integrated into the theme.
 Author:       HB-Themes
 Author URI:   http://www.hb-themes.com
 Template:     HighendWP
 Version:      1.0.2
 Tags:		   Responsive, Page-Builder, Drag&Drop, Clean, Modern, Corporate, Multi-Purpose, Multi-Color
 Text Domain:  hbthemes
*/
/* remove old way to import style sheets pre WP 5.5 */
/* @import url("../HighendWP/style.css"); */

/* =Theme customization starts here
--------------------------------------------------------------**/
/*   FAMILY PORTAL   */
div.family-portal-info-box {
	background-color: #6d266b;
	color:#fff;
	font-size: 18px;
  	font-weight: bold;
	padding: 25px 42px;
}
/*   DATE WIDGETS  */
.col-12 > .vc_row > .famportspacerleft {
	width:0;
	padding-left: 0;
	padding-right: 0;
}
.col-12 > .vc_row > .famportspacerright {
	width:0;
	padding-left: 0;
	padding-right: 0;
}
.col-12 > .vc_row > .famportwidgetwidth {
	width: 14%;
	padding: 0;
	margin-left: 3px;
}
div#nav_menu-2 > .widget-title {
	margin: 0;
}
.famportwidget > .wpb_wrapper > .widget > .widget-title {
	font-size: 14px;
	font-weight: 600;
	background-color: #55B29A;
	padding-left: 12px;
	/* padding-right: 24px; */
	width: 87%;
	margin-bottom: 0;
}
.famportwidget > .wpb_wrapper > #text-14 > .widget-title, 
.famportwidget > .wpb_wrapper > #text-17 > .widget-title {
	font-weight:900;
}
.famportwidget > .wpb_wrapper > .widget > .textwidget {
	font-weight: normal;
	background-color: #DDF0E6;
	width: 87%;
	padding: 12px 0 12px 12px;
}
.famportwidget > .wpb_wrapper > .widget > .textwidget > p {
	font-size: 10px;
}
div.datesrow {
	margin:auto;
}
/*  LEFT COLUMN  (MOSTLY)  */
div.vc_row > div.l-col-famport {
	padding-top: 0 !important;
}
div.widget_nav_menu > h4 {
	padding: 12px 24px 10px 13px;
	background-color: #A6CB3C;
	width: 89%;
	margin: 20px 0 0;
}
.menu-classes-fam-portal-container > ul#menu-classes-fam-portal > .menu-item > a, 
.menu-spring-fam-portal-container > ul#menu-spring-fam-portal > .menu-item > a, 
.menu-summer-fam-portal-container > ul#menu-summer-fam-portal > .menu-item > a,
.menu-other-info-fam-portal-container > ul#menu-other-info-fam-portal > .menu-item > a
{
	padding: 4px !important;
	font-size: 12px;
	background-color: #D8E4B2 !important;
}
/*   END FAMILY PORTAL   */

body.page-id-16 div#main-content, body.page-id-226 div#main-content, 
body.page-id-76 div#main-content {
  overflow: hidden;
  padding-top: 0px;
  position: relative;
  z-index: 997;
  /* background-image: url("http://circusjuventas.wpengine.com/wp-content/uploads/2015/04/HOME_bkgd2.jpg"); */
  /* background-repeat: no-repeat; */
}
/* These are custom names set in row edits for VC */
.home-icon-row, .home-spacer {
	margin-bottom: 0px !important;
}
.home-icon-box {
	height:200px !important;
}
.content-box {
    margin: 30px;
    background-color: #ffffff;
    border: none;
    border-radius: 0 !important;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}
/*    Title above the blog carousel & counter   */
.home-blog-carousel, .home-counter-heading  {
	border: 2px solid #000;
	margin:auto auto 0;
	padding-bottom: 5px;
}
.blog-list-item-excerpt > p {
	color: #000000;
}
.home-blog-carousel{
	margin-bottom: 12px;
	width: 250px;
}
.home-blog-carousel h2, .home-counter-heading h2  {
	font-weight: normal;
}
h6, h6.special {  /*  this is for the blog carousel on home page  */
  font-family: "Lato",sans-serif;
  /* font-size: 16px; */
  font-size:14px !important;
  font-weight: 900 !important;
  letter-spacing: 0;
  line-height: 22px;
}
.blog-shortcode-1 small {
  color: #777;
  display: block;
  font-size: 12px;
  margin-top: -13px;
  margin-bottom: 0;
}
.blog-shortcode-1 p {
  margin-bottom: 0;
}
.blog-shortcode-1 > .blog-list-content {
	/* width: 183px; */
	width: auto;
	margin-left: 24px;   /* was 35px */
}

.blog-shortcode-1 {  /* trying to fix headlines getting cut off on home page  */
/* 
  overflow: visible !important;
 */
}
/* 
.home-blog-carousel .blog-list-content > h6.special {
	font-size:12px !important;
}
 */

/*  Text color for counter numbers  */
.home-counter-row {
	color: #5E225B;
}
.home-counter .hb-counter {
	margin-top:0;
	line-height: 10px;
}
/*   ===   BLOG   ===    */
.blog-shortcode-1 .blog-list-item-date {
	display:none;
}
/* 
div.blog-carousel-width {
	padding:0 100px;
}
 */
.opacity-strip {
	background-color: white;  /* color from PDF #D5E1D3 */
	opacity: 0.7;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}
/* make icon opaque?  */
/*.hb-moon-play-2 {
    opacity: 1;
}
 */


/* call to action on home page */
div.cta_home {
/* 	font-size: 125%; */
	background-color: #A4BE3C;
	border: 0;
	padding: 28px 35px 6px;
}
div.cta_home > h2 {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: 400;
	line-height: 22px;
	border-left: 2px solid #FFF;
	padding: 6px 0 6px 20px;
}
.cta_home > a.wpb_button_a > span.wpb_button {
	color: #A4BE3C;
	font-size: 16px;
	padding: 12px 24px;
}

/*  Main with Slider - History & Mission  */
div.main-icon-box div.content-box {
  background-color: #cfe9dc;
  border: medium none;
  width: 100%;
  border-radius: 0;
  opacity: 1.0;
  margin-left: 0;
  color: #555555;
}
/*   PF 2015-08-14    ADDED p.mission-box */
div.mission-box, p.mission-box {
  color: #fff;
  font-family: "Lato", sans-serif;
  font-weight: normal;
  padding: 25px 3% !important;
  font-size: 16px;
}
/*  link color    */
.mission-box > .wpb_wrapper > p > a {
	color: #C9E2A8;
}
/*    PF 2015-08-14 ADDED div.wpb_wrapper > p  TO RULE     */
/*   Purple shade for box   */
div.wpb_wrapper > div.mission-box, div.wpb_wrapper > p.mission-box {
	background-color: #6d266b !important;
}

div.vc_custom_1432593920940 {
  background-color: #6d266b !important;
  padding-left: 5% !important;
  padding-right: 5% !important;
}

div.heading-bg > h2 {
	background-color:#64BEA5;
	padding: 8px 8px 8px 14px;
	font-family: "Lato", sans-serif;
	font-size: 18px;
	font-weight: normal !important;
	color: #000000 !important;
	line-height: 24px;
	text-transform: uppercase;
}
/*     PF NEW 2015-08-14 CSS GOT MESSED UP
		COPY OF ABOVE WHICH IS USED FOR OTHER STUFF
		WITH COLOR COMMENTED OUT
        see Kasey's email                */
h2.heading-bg {
	background-color:#64BEA5;
	padding: 8px 8px 8px 14px;
	font-family: "Lato", sans-serif;
	font-size: 18px;
	font-weight: normal !important;
	color: #000000 !important;	
	line-height: 24px;
	text-transform: uppercase;
}

/*     PF 2015-08-14 ADDED h2.heading-bg2 TO RULE AS WE LOST SOME STYLING
        see Kasey's email                */
div.heading-bg2 > h2, h2.heading-bg2 {  /*  family portal page  */
	background-color:#A6CB3C;
	padding: 8px 8px 8px 14px;
	font-size:18px;
}
/*  for main templates?   */
/*   BLOCKQUOTE   */
.hb-moon-quotes-left::before, blockquote::before {
	content:none !important; 
}
blockquote {
  background-color: #cfe9dc;
  font-size: 16px !important;
  color: #555555;
  font-style: italic;
  line-height: 20px;
  margin-bottom: 20px;
  padding: 20px 30px 20px 34px;
  position: relative;
}
blockquote > p {
	border-left: medium solid #000;
	padding-left: 20px;
	font-size: 18px;
	line-height: 26px;
}

/*   Summer show page   */
div.purple-head {
	background-color: #6d266b;
}
div.head-line h4 {
	font-size: 20px;
	font-family: "Lato", sans-serif;
}

/*   Header on home page   */
header#hb-header {
  display: block;
  position: relative;
  z-index: 998;
  background-color: rgba(0,0,0,0.5) !important;
}

/*   footer   */
div#text-3 p, div#text-11 p, div#text-12 p {
	line-height: 30px;
}
div#text-2 div.textwidget {
	text-align: center;
}
#footer.dark-style {
  color: #fff;
}
#text-11 .textwidget > p > a:hover {
	color: #a6cb3c !important;
}
#text-12 .textwidget > p > a:hover {
	color: #a6cb3c !important;
}

/*  trying to get menu navigation NOT ON HOME PAGE white   */
a:hover, .user-entry a, #lang_sel_footer a:hover, .widget_calendar tbody a, #header-bar a:hover, .minimal-skin #main-nav > li a:hover, #header-inner.stuck .second-skin #main-nav > li > a:hover, .minimal-skin #main-nav li.current-menu-item > a, .minimal-skin #main-nav li.sfHover > a, .minimal-skin #main-nav > li.current-menu-ancestor > a, #close-fancy-search, article.search-entry a.search-thumb:hover, .map-info-section .minimize-section:hover, .hb-blog-small h3.title a:hover, .post-header .post-meta-info a:hover, .post-content h2.title a, .like-holder:hover i, .comments-holder:hover i, .share-holder:hover i, .comments-holder a:hover, .hb-blog-grid .comments-holder:hover, .hb-blog-grid .like-holder:hover, .most-liked-list li:hover .like-count, .simple-read-more:hover, .team-member-box:hover .team-member-name, .testimonial-author .testimonial-company:hover, .close-modal:hover, .hb-tabs-wrapper .nav-tabs li.active a, .hb-icon, .hb-logout-box small a:hover, .hb-gallery-sort li.hb-dd-header:hover strong, ul.social-list li a:hover, div.pp_default .pp_close:hover, #main-wrapper .hb-woo-product.sale .price, .woocommerce .star-rating span, .woocommerce-page .star-rating span, .woocommerce-page div.product p.price, .hb-focus-color {
	color: #a6cb3c !important;
}
/*   THIS IS FOR THE LINE UNDER MENU ITEM  */
.hb-effect-4 #main-nav > li > a::before, .hb-effect-6 #main-nav > li > a::before, .hb-effect-7 #main-nav > li > a span::after, .hb-effect-8 #main-nav > li > a:hover span::before 
{
  background: #a6cb3c none repeat scroll 0 0 !important;
}
/*  Hover Fix for sub mega menus   */
#main-nav li.megamenu ul.sub-menu li.menu-item a:hover {
	color: #a6cb3c !important;
}

/*  For menus NOT on home page  */
#main-nav > li > a {
  color: #fff;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: bold;
  font-family: "Lato", sans-serif;
}

/*  MEGA MENUS FORMAT MORE IN MEDIA QUERY AREA
**  this is from the HB forum and makes the mega menu thinner  **/
#main-nav li.megamenu.columns-3>ul { width: 60% !important } 
/* new code from HB to center menus under the item  */
#main-nav li.megamenu.columns-3>ul { left: auto !important; }
/* REPLACED BY A MEDIA QUERY
#main-nav li.megamenu.columns-3>ul { margin-left: -400px !important; }
 */

/*   these are for the megamenu items   */
#main-nav ul.sub-menu li a, #main-nav ul.sub-menu ul li a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  color: #fff !important; 
  display: block;
  line-height: 24px !important;
  margin: 0 0 0 -1px;
  padding: 6px 14px;
  text-transform: none;
  font-family: "Lato", sans-serif;
}

#header-bar {
  background-color: #000;
  border-bottom: 1px solid #ebebeb;
  color: #fff;
  line-height: 40px;
  padding: 0;
  position: relative;
  width: 100%;
  display: block !important;
}

/* #header-bar a, #header-bar a:hover { COMMENTED OUT DURING MERGE 8/4 PF */
#header-bar a {
  border-bottom: medium none;
  color: #fff !important;
  display: block;
}

#header-inner-bg {
  background: none repeat scroll 0 0 #000;
  border-bottom: 1px solid #ebebeb;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: background 0.3s ease-in-out 0s;
  width: 100%;
  z-index: 1;
}

#header-inner.stuck #header-inner-bg {
  background-color: #000;
}

/*  link color for rev slider  */
.tp-caption a {
    color: #7F3032 !important;
    text-shadow: none;
    transition: all 0.2s ease-out 0s;
}

/*   centering calendar iframe   */
.page-id-126 iframe {
  margin: 0 auto;
  display: block;
}

/*  PF 2015-July-8-2015  making google calendar responsive  */
/* Responsive iFrame */
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.responsive-iframe-container iframe,   
.vresponsive-iframe-container object,  
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.breadcrumbs-wrapper, .breadcrumbs-wrapper a {
	text-transform: uppercase;
	color: #555555;
}

.breadcrumbs-wrapper a:hover {
	color: #FFF !important;
}

#hb-page-title h1 {
	text-transform: uppercase;
	color: #555555 !important;
}

/* =============  BLOG  ==============*/

.hb-blog-small .meta-info {
	background-color: #64BEA5;
	padding: 0 10px;
}
div#tag_cloud-2 > h4, div#recent-posts-2 > h4, div#hb_instagram_widget-2 > h4, 
div#hb_facebook_widget-2 > h4, div#hb_most_commented_posts_widget-2 > h4 {
	background-color: #98B23D;
	font-size: 16px;
	padding: 6px 12px;
	display: block;
}
div.single-post-content > .post-header > h1 {
	font-size: 20px !important;
	background-color: #64BEA5;
	padding-left: 10px;
}
.hb-related-posts h4 {
	background-color: #64bea5;
}

/*    =====   FAQ    ========    */
.faq-module-wrapper .hb-accordion-tab {
	background-color: #f9f9f9;
}


/*------------------------------------------------------------ **/
/* Gary CSS work below
-------------------------------------------------------------- **/ 

/* tweak ess grid filter buttons to match kelly style */
.minimal-light .esg-filterbutton {
	background: #E0E8BE !important;
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	margin-right: 0px !important; 
}

.minimal-light .esg-navigationbutton:hover, .minimal-light .esg-filterbutton:hover, .minimal-light .esg-sortbutton:hover, .minimal-light .esg-sortbutton-order:hover, .minimal-light .esg-cartbutton a:hover, .minimal-light .esg-filterbutton.selected {
	background: #A3BA45 !important;
}

.esg-filter-checked {
	display: none;
}

/* increasing spacing between filter buttons and grid */
div.esg-overflowtrick{
	margin-top: 30px;
}

.team-single-content h3 {
	background-color:#64BEA5;
	padding: 8px 8px 8px 14px;
	color: white;
}


.table-team-info-single td{
	font-size: 0.75rem !important;
	background-color:#A3BA45;
	padding: 8px 8px 8px 14px;
	border: 1px solid #ebebeb;

}
.team-member-name{
	 font-family: Lato, sans-serif;
}

.hb-single-next-prev a:hover{
	background:#A6CB3C !important;
}

.eg-cj-skin-02-element-0-a {
	min-height: 35px
}

/* visting artists css code to tweak display */

#page-92 .team-member-content {
    display:none;
}

#page-92 .team-member-description {
    min-height: 100px;   
}
#page-92 .simple-read-more {
    display:none;  
}



/* add color bgkds to show pages */

.hb-accordion-single {
    margin-bottom:0px;

}

.hb-accordion-tab {
	background: #a6cb3c;
}

h4.hb-heading.alignleft {
	background-color:#F9F9F9;
}

.shortcode-title > h4{
	background-color:#64BEA5;
	padding: 8px 8px 8px 14px;
}

.wpb_btn-success {
	background-color: #a6cb3c !important;
}
#main-wrapper .reg_btn_kelly > .hb-green-sea {
  /* background: rgba(22, 160, 133, 0.8) none repeat scroll 0 0; */
  background-color: #a6cb3c !important;
  box-shadow: 0 3px 0 0 rgba(2, 140, 113, 0.9);
  padding: 10px 16px 9px !important;
  color: #000000 !important;
  width: 225px;
}

#main-wrapper .kelly_btn > .hb-green-sea  {
  background-color: #a6cb3c !important;
  box-shadow: 0 3px 0 0 rgba(2, 140, 113, 0.9);
  /* padding: 10px 16px 9px !important; */
  color: #000000 !important;
  min-width: 255px;
}
#main-wrapper .kelly_btn > .hb-green-sea:hover{
	background-color: #adcd33 !important;
}
.wpfp-link {
	font-weight:900;
}

/* change color of highend filter tabs */


/* MERGE 20150804 THIS IS BELOW WITH DIFFERENT COLOR
.filter-tabs li.selected a {
			border-color: #adcd33 !important;
			background:  #adcd33 !important;
}
 */
		
.page-id-16 div.content-box.top-icon {
	  min-height: 170px;
	  color:#000000;
}
		
.nonprofit-status {
	font-size: .8em;
}

.cj-lists ul,.cj-lists ul li {
	padding: 0 0 0.4em 0;
	margin: 0 0 0 1em;
	list-style: none;
	text-indent: -1em;
}

#fancy-search, #fancy-search #s { color: #FFF !important; }

#fancy-search input#s::-webkit-input-placeholder {
color:#FFF; /* Chrome and Safari */
-moz-opacity: 0.5;
opacity: 0.5;
}
#fancy-search input#s::-moz-placeholder {
color:#FFF; /* Firefox */
opacity: 0.5;
}
#fancy-search input#s:-moz-placeholder {
color:#FFF; /* Firefox older */
opacity: 0.5;
}
#fancy-search input#s::-ms-input-placeholder {
color:#FFF; /* IE10+ */
}

/* Change all Links to show purple */
a:link {
	color:#6d266b;
}
a:visited {
	color:#6d266b;
}

/* Change filter tabs background to CJ Green */

.filter-tabs li.selected a {
			border-color: #A6CB3C !important;
			background: #A6CB3C !important;
		
}

ul.filter-tabs.filt-tabs.clearfix li.selected a {
	border-color: #A6CB3C !important;
	background: #A6CB3C !important;
}

.filter-tabs li a:hover {
	border-color: #A6CB3C !important;
	background: #A6CB3C !important;
}

.filter-tabs li a:hover > .item-name {
	color:white;
}

.filter-tabs li.selected a:hover {
	border-color: #A6CB3C !important;
	background: #A6CB3C !important;
	color:white;
}

.filter-tabs li {
    background-color: rgba(166, 203, 60, 0.5) !important;

}

.page-id-784 .hb-gal-standard-description.portfolio-description h3 a:hover {
	color: #a6cb3c !important;
}

.page-id-784 .portfolio-simple-wrap  .standard-gallery-item:hover .portfolio-description h3 a { 
	color: #a6cb3c !important; 
}
.page-id-784 .hb-gal-standard-description.portfolio-description p:hover{ 
	color: #a6cb3c !important; 
}

.page-id-784 .portfolio-simple-wrap  .standard-gallery-item:hover .portfolio-description p { 
	color: #a6cb3c !important; 
}

.page-id-784 .portfolio-simple-wrap .standard-gallery-item:hover .hb-gallery-item-name:before { 
	color: #a6cb3c !important; 
}

table.pftable th {
	font-weight: 900;
	text-align:center;
}
table.pftable td span {
	font-weight: 700 ;
}
div#purple-class {
	margin-top: 5px;
	margin-bottom: 0;
}
div.tribe-events-cal-links {
	display:none !important;
}
table.pftable th span {
	color:#ffffff;
	text-align:center;
	font-size:18px;
	/* background-color: #000000; */
	/* margin: 4px 12px; */
}
/*      MOVE CLASS FILTER STUFF UP TOWARDS THE TABLE    */
.post-type-archive-tribe_events .wpb_raw_code {
	margin-bottom: 0;
}
.single-tribe_events .tribe-events-before-html {
	height: 20px;
}

		 
/************************************/
/*      MOBILE MEDIA QUERIES       */
/**********************************/


/* COUNTER ON HOME PAGE. */
@media screen and (max-width: 400px) {
.home-counter-heading {
	width: 300px;
 }
}
@media screen and (min-width: 801px) {
.home-counter-heading {
	width: 500px;
 }
}

@media screen 
  and (min-device-width: 736px) 
  and (max-device-width: 900px)  {
  	 .hb-accordion-single > .hb-accordion-tab {
  		word-wrap: normal;
  		font-size: 0.7em;
 	 	line-height: 1.5em;
 	 }
}

@media screen 
  and (min-device-width: 1101px) 
  and (max-device-width: 1600px)  {
	.home-counter .hb-counter .count-number {
		font-size: 45px; 
	}
}
@media screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1100px) {
	.home-counter .hb-counter .count-number {
		font-size: 30px; 
	}
}
@media screen 
  and (min-device-width: 300px) 
  and (max-device-width: 767px) 
 {
	.home-counter .hb-counter .count-number {
		font-size: 45px; 
	}
}

/* CTA TEXT ON HOME PAGE. */
@media (min-width: 961px) {
.vc_responsive .cta_align_right.cta_home .wpb_call_text {
	float: none;
}
}


@media (max-width: 960px) {
.vc_responsive .cta_align_right.cta_home .wpb_call_text {
  width: auto;
  max-width: none;
  text-align: center;
  border: 0;
  padding-bottom: 12px;
  padding-left:0;
}
}
/* CTA BUTTON ON HOME PAGE. */
@media (max-width: 960px) {
.vc_responsive .cta_align_right.cta_home .wpb_button {
  max-width: 70%;
  width: 70%;
  float: none;
  display: block;
  margin: 3% auto;}
}

/*     MOVING MEGAMENU TO THE RIGHT FOR SMALLER SCREENS    */
@media (min-width: 1025px) {
	#main-nav li.megamenu.columns-3>ul { 
 		margin-left: -350px !important; 20180921 replacing -400 because Chrome not displaying correctly	}
}
@media (max-width: 1024px) {
	#main-nav li.megamenu.columns-3>ul { 
		margin-left: -300px !important; 
	}
}
/*      BELOW 20181002 PF added copied from above then added menu item     */
@media (min-width: 1025px) {
	#main-nav li.megamenu.columns-2.menu-item-347>ul { 
 		margin-left: -200px !important; 20180921 replacing -400 because Chrome not displaying correctly	}
}
/* 
@media (max-width: 1024px) {
	#main-nav li.megamenu.columns-2.menu-item-347>ul { 
		margin-left: -300px !important; 
	}
}
 */

/*    == FAMILY PORTAL HIDES LEFT NAV WIDGET ==  */
@media (max-width: 750px) {
	.l-col-famport {
		display:none;
	}
}
/*    == FAMILY PORTAL SHOWS NEW PARA IN PURPLE INFO BOX ON HOW TO NAVIGATE ==  */
@media (max-width: 750px) {
	.show-on-phone {
		display: block;
		font-weight:700;
		font-size: 16px;
		text-align: center;
	}
}
@media (min-width: 751px) {
	.show-on-phone {
		display: none;
	}
}

/* MOBILE WAFFLE MENU ADJUSTMENT  */
@media handheld,only screen and (max-width:900px){
		#show-nav-menu{
			margin-right: -0.7em;
			color:#FFF;
		}

}
/* fix SPONSOR & PORTFOLIO & COUNTDOWN CAROUSELS on mobile*/
@media handheld, only screen and (max-width: 768px) {
		.hb-client-list li { 
				width: 100px !important; 
		}
		.hb-gal-standard-description.portfolio-description h3 {
				margin-right: 0 !important;
				font-size: 0.6em;
				line-height: 0;
		}
		.hb-callout-box h3, .hb-gal-standard-description h3 {
				font-size: 0.6em;
				line-height: 0;
		}
		
		.hb-gal-standard-description .hb-gal-standard-count { 
				line-height: 1.3em; 
		}
		.hb-gal-standard-description.portfolio-description{
				min-height: 3em;
		}
		.portfolio-like-holder{
				top: 1.3em;
				right: 0.5em;
		}
		.hb-countdown-unit{
				font-size: 0.7em;
		}
		.hb-countdown-unit li{
				width: 13em;
				font-size: 0.5em;
		}
		
}
/* fix for CLIENT (SPONSOR) CAROUSEL on mobile*/

.mobile-device .hb-client-list li { 
		width: 100px !important; 
}

/*    KEEPING REVOLUTION SLIDER REVOLUTION BUTTONS VISIBLE ON MOBILE    */
@media handheld, only screen and (max-width: 767px){
	#slider-section a.hb-button { 
		display: inline-block !important 
		}
}

@media handheld, only screen and (max-width: 767px) {
		#main-content .col-12.hb-main-content > .vc_row.element-row.row {
				margin-right: -10px !important;
  				margin-left: -10px !important;
  		}
}

/*   EVENTS/CLASSES PAGES FOR SMALL SCREENS    */
@media (max-width: 550px) {
	div#big-screen {
		display: none;
	}
	div#sm-screen {
		display: inline;
	}
}
@media (min-width: 551px) {
	div#big-screen {
		display: inline;
	}
	div#sm-screen {
		display: none;
	}
}
div#sm-screen {
		color:#000000;
/* 
this is not working right
		background-color: #A6CB3C;
		padding:18px;
 */
}
div#sm-screen h3 {
	font-weight:900;
	padding:0;
	margin: 0;
}
/*  HIDE PURPLE BOX AND DATE AREA AND STEPS AND WHATEVER ELSE IS THERE ON CLASS PAGE   */
.single-tribe_events div#big-screen, .single-tribe_events div#purple-class, .single-tribe_events div#sm-screen, .single-tribe_events div.steps_4 {
	display: none;
}

/*  FORMATTING CLASS PAGE   */
.single-tribe_events .tribe-events-event-image img {
	margin: 10px auto;
}
.single-tribe_events .tribe-events-event-image, .single-tribe_events .tribe-events-single-event-description p {
  text-align: left !important;
}
.single-tribe_events .tribe-events-event-image {
  text-align: center !important;
}
span.class-info-main {
	font-size: 1.2em;
	font-weight: 700;
}
div#class-description-page {
	padding: 12px 0 50px;
}
div#class-description-page > h1 {
  background-color: #64bea5;
  font-size: 20px !important;
  padding-left: 10px;
  text-transform: uppercase;
}
div#teal-bar-description > h1 {
  padding: 2px 0 2px 10px;
  background-color: #64bea5;
  font-size: 20px !important;
  text-transform: uppercase;
}
div#class-description-page > p {
	/*padding-top: 4px;*/	
	margin-bottom: 4px;
}
/* 
div#add-to-planner {
	background-color:#a6cb3c;
	padding: 10px 12px;
	width: 20%;
	text-align: center;
}
 */
div#view-planner, div#add-to-planner {
	background-color:#a6cb3c;
	padding: 10px 12px;
	/* width: 20%; */
	text-align: center;
	margin: 12px 0;
	font-weight:900;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	width: 200px;
}
.single-tribe_events .wpfp-span img {
 	float: none !important;
 	padding:0 !important; 
}
.single-tribe_events .wpfp-img {
  border: 0 none !important;
  margin-right: 0 !important;
  vertical-align: top !important;
}
div#add-to-planner a:hover, div#view-planner a:hover {
	color:#000000 !important;
}

/*  FORMATTING STEP/NUMBERS FOR TOP OF DESCRIPTION   */
div.steps_4 span.color_num{
	font-size: 32px;
	font-weight: 900;
	text-align:center;
	color: #A6CB3C;
	border-bottom: 1px solid #A6CB3C;
}
div.steps_4 {
	text-align:center;
	margin-bottom:0 !important;
}
div.steps_4 p.numbo_text{
	font-style: italic;
	font-size: 14px;
}
div.steps_4 p.numbo {
	line-height: 1.2;
	font-size: 12px;
}
div.steps_4 H3 {
	margin: 0;
}


/*  FORMATTING CLASS PLANNER PAGE with WP-FAVORITE-POSTS plugins */
.wpfp-span img {    
    float: left;
    padding: 0 1rem 0 0;
}  
    
.wpfp-span ul li{
	list-style-type: none !important;

}

.wpfp-link.remove-parent {
	float: right;
}

.wpfp-span.class-info-main li {
	height:180px;
}

.wpfp-span hr {
	height: 3px;
	width:100%; 
	margin:20px auto 25px;
	background:#ebebeb;
	display:block;
	border:none
}

li.wpfp_faves {
		height: 180px;
}
/* 

/* style.css | http://cjlive.local/wp-content/themes/HighendWP/style.css?ver=3.7.3 */

#hb-page-title.small-padding {
	padding-top: 130px;
  }
  
#hb-page-title.dark-text .hb-page-title h1 {
	font-size: 30px;
	color: #555555 !important;
  }
  
/* Element | http://cjlive.local/mission-vision-values/ */



@media (min-width: 900px) {
		
		.vc_column_container.vc_col-sm-3, .vc_column_container.vc_col-sm-9 {
			z-index: 10;
		}
		.vc_column_container.vc_col-sm-12{
			z-index: 0;
		}
		.vc_column_container.vc_col-sm-12{
			z-index: 0;
		}
		.vc_custom_1432592805348 .fw-content-wrap .vc_row {
			margin-right: 10%;
			margin-left: 10%;
		}
		.hb-gal-standard-description.portfolio-description h3 {
			margin-right: 0;
			margin-top: 20px;
		}
  
}
@media (max-width: 900px) {
	#main-wrapper .vc_row[data-vc-full-width] {
		left:-20px !important;	   
	   }
		#header-bar > .container-wide {
		 /* display: flex; */
		 display: none;
	   }
}
header#hb-header {
	/* background-color: rgba(0,0,0,0.5) !important; */
	background-color: black !important;
  }
  
  
.hb-special-header-style:not(.highend-sticky-header) #header-inner #header-inner-bg {
	background: rgba(0,0,0,0.5) !important;
  }
  
#header-bar a {
	display: inline;
}
.hb-special-header-style #header-bar .top-widget {
	border-right: 1px solid #f0f3f5 !important;
}
.hb-special-header-style #header-bar .top-widget:first-child {
	border-left: 1px solid #f0f3f5 !important;
}
/* fix ipad size display */
/* override style.css | https://cjlive.local/wp-content/themes/HighendWP/style.css?ver=3.7.3 */

@media handheld, only screen and (max-width: 900px) {
  .container, .container-wide, .fw-section > .fw-content-wrap, .vc_row[data-vc-full-width] > .fw-content-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }
}


@media handheld, only screen and (max-width: 900px) {
  #main-content .col-12.hb-main-content > .vc_row.element-row.row {
    margin-right: -10px !important;
    margin-left: -10px !important;
  }
}
@media@media handheld,only screen and (max-width:900px) {
  .container,
  .container-wide,
  .fw-section>.fw-content-wrap,
  .vc_row[data-vc-full-width]>.fw-content-wrap {
   	padding-left:30px;
   	padding-right:30px;
  }
}