/*
Theme Name: 	Princeton YMCA
Theme URI: 		https://burlingtonpress.com
Author: 		Burlington Press
Author URI: 	https://burlingtonpress.com
Description:	Princeton YMCA
Template:		betheme
Version: 		1.6.1
*/

/* Theme customization starts here
-------------------------------------------------------------- */



body, html { width: 100%; height: 100%; }

/********* CHROME & FIREFOX BOLDING OVERRIDE *********/
* { -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important;  }

/******* ROUND CORNERING IMAGES & MODIFY MARGINS *******/	
.entry-content img, .post-slideshow img, .widget_sp_image img, .the_content img { -moz-border-radius:8px !important; -webkit-border-radius:8px !important; border-radius:8px !important; border: none !important; }
.entry-content img { margin-bottom: 5px !important; }
.vc_box_rounded { -moz-border-radius:8px !important; -webkit-border-radius:8px !important; border-radius:8px !important; border: none !important; } 

@media (max-width: 800px) { .entry-content img.alignright, .the_content img.alignright { max-width: 50% !important; } }


.grecaptcha-badge { visibility: hidden; }



/**************************************************************************************************************
**************************************************************************************************** HEADER
**************************************************************************************************************/



/*********** ACTION & TOP BAR ************/
#Action_bar ul.contact_details { width:100%; text-align:right; }
#Top_bar { border-bottom: 6px solid rgba(0,0,0,0.05) !important; }


#Action_bar ul.contact_details li.slogan {
  display: inline-block !important;
  font-family: "Cachet Bold";
  font-size: 40px !important; line-height: 90% !important;
  letter-spacing: -1px;
  margin: 15px 20px 0px 0px !important;
}

.responsive-menu-toggle { margin-top: 0px !important; }
.top_bar_left { margin-top: -10px !important; }


@media only screen and (max-width: 959px) {
  #Action_bar ul.contact_details li.slogan {
    font-size: 32px !important;
    margin: 15px 0px 0px 0px !important;
  }

 .top_bar_left { margin-top: 0px !important; }  
 .responsive-menu-toggle { margin-top: -20px !important; }	
}


@media only screen and (max-width: 767px) {
  #Action_bar ul.contact_details li.slogan {
    font-size: 28px !important;
    margin: 15px 0px 0px 0px !important;
  }

  #Action_bar ul.contact_details li.slogan span:after { content: '\A'; white-space: pre-wrap; }
 .responsive-menu-toggle { margin-right: 15px !important; }
	
}


@media only screen and (max-width: 520px) {
  #Action_bar ul.contact_details { margin-bottom: -15px !important; }

  #Action_bar ul.contact_details li.slogan {
    font-size: 22px !important;
    margin: 15px 0px 0px 0px !important;
  }
 
}


/***** SLOGAN 2nd LINE *****/

/**li.slogan:after { content: '\A\A\A COUNTY YMCA'; white-space: pre-wrap; }**/

/**li.slogan:after { content: '\A A BRANCH OF THE GREATER SOMERSET COUNTY YMCA'; white-space: pre-wrap; margin-top: -25px; font-size: 20px !important; line-height: 24px !important; font-family: "Cachet Book" !important; text-transform: uppercase !important; }
@media only screen and (max-width: 767px) {
	li.slogan:after { font-size: 11px !important; line-height: 18px !important; }
}**/






/*********** LOGO ************/
.logo-main { min-height: 90px !important; margin-top: -55px !important; padding-left: 5px !important; padding-right: 5px !important; }

@media only screen and (max-width: 767px) {
  #Top_bar .logo #logo { 
     text-align: left !important;
     width: 110px !important;
     height: 85px !important;
     margin: -35px 0px 0px 25px !important;
     padding-bottom: 15px !important;
  }
}



/*********** MENU ************/
#Top_bar .menu li ul { box-shadow: 3px 10px 20px rgba(0,0,0,0.4); }

#Top_bar .menu li ul li:hover { background: #fff !important; }

#Top_bar .menu li ul li a {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
	font-size: 16px !important;
	line-height: 120% !important;
	letter-spacing: -0.02em !important;
	margin-left: -5px !important;
}






/********* SUBHEADER **********/
#Subheader:after { display: none !important; }








/**************************************************************************************************************
**************************************************************************************************** HOME
**************************************************************************************************************/
body.home.with_aside .sections_group { width: 100%; }
body.home.with_aside .sidebar.columns { display: none; }

/*********** SLIDER *************/
.tp-caption, .rs-layer { font-family: "Cachet Bold" !important; letter-spacing: -2px; text-shadow: 1px 1px 12px rgba(0,0,0,0.4) !important; }
.tp-caption.rev-btn { font-family: "Cachet Bold"; letter-spacing: -1px; text-shadow: none !important; }

@media only screen and (max-width: 767px) {
   .tp-caption.rev-btn { font-size: 14px !important; padding-top: 8px !important; padding-bottom: 8px !important; }
}


/************ BOXES *************/
#home-boxes h4 { line-height: 115% !important; }
#home-boxes .vc_btn3 { font-family: "Cachet Bold" !important; }
#home-boxes .vc_btn3:hover { border: 2px solid white !important; margin-top: -1px !important; margin-bottom: -1px !important; }




/**************************************************************************************************************
**************************************************************************************************** SIDEBAR
**************************************************************************************************************/
.sidebar .widget-area:before { background-color: #f3f3f3 !important; }
.sidebar .widget-area { border-color:transparent !important; }

@media only screen and (min-width: 768px) { .entry-content { padding-right: 15px; } }

@media only screen and (min-width: 768px) and (max-width : 1049px) {
	/* Adjusting sidebar breakpoint. */
	.sections_group{ margin:0; width:100%!important; clear:both; }
	.four.columns { clear:both !important; float: left !important; width: 75% !important;  }
	.sidebar .widget-area:before { background: none !important; }
} 

.sidebar .widget h3 { color: #7f7f7f !important; font-size: 24px !important; }



/********* SIDEBAR MENU *********/
.widget.advanced-sidebar-menu a { color: #7f7f7f !important; }
.widget.advanced-sidebar-menu a:hover { color: #01a490 !important; }

.widget.advanced-sidebar-menu li { margin-top: 7px !important; margin-bottom: 7px !important; line-height: 110% !important; }

.widget.advanced-sidebar-menu > .parent-sidebar-menu > li > a { font-family: "Cachet Bold" !important; font-size: 18px !important; letter-spacing: -0.03em !important; }
.widget.advanced-sidebar-menu ul { margin-left: 12px; }

.widget.advanced-sidebar-menu .current_page_item > a { font-family: "Cachet Bold" !important; letter-spacing: -0.03em !important; color: #01a490 !important; }

.widget.advanced-sidebar-menu .current_page_item > a:before { font-family: "FontAwesome"; content: '\f0da'; margin-left: -12px; padding-right: 6px; }



/******** RECENT POSTS *********/
#widget_mfn_recent_posts-2 a div.desc span.date { display: none !important; }
#widget_mfn_recent_posts-2 > div > ul > li > a > div.desc > span { display: none !important; }






/**************************************************************************************************************
**************************************************************************************************** FOOTER
**************************************************************************************************************/
.entry-content { padding-bottom: 25px !important; }

@media only screen and (min-width: 768px) and (max-width : 1049px) {
	/* Adjusting sidebar breakpoint. */
	#Footer .column.one-fourth { width: 48% !important; float: left !important; }
} 


#Footer { font-size: 14px !important; line-height: 135% !important; }

#Footer aside { margin-bottom: -25px !important; }
#Footer .widgets_wrapper h4 { font-size: 20px !important; }

img.footer-logo { width: 100%; max-width: 210px !important; }


#Footer #menu-footer-menu { background: none !important; }
#Footer #menu-footer-menu li.menu-item a { padding-bottom: 2px !important; }
#Footer #menu-footer-menu li.menu-item::after { display: none !important; }


/********** COPYRIGHT ***********/

#Footer .footer_copy { background: #005296 !important; }

@media only screen and (min-width: 1000px) {
  .copyright .copy-left { width: 50%; float: left; text-align: left; }
  .copyright .copy-right { width: 50%; float: left; text-align: right; }
}






/**************************************************************************************************************
********************************************************************************************** MISCELLANEOUS
**************************************************************************************************************/

/********** BUTTONS ***********/
.maxbutton .mb-text, .maxbutton .mb-text2 { font-family: "Cachet Bold" !important; letter-spacing: -0.02em !important; }

/********** COLUMN CLASSES ***********/
.column-shadow .vc_column-inner { box-shadow: 0px 5px 12px rgba(0,0,0,0.1); border-radius: 15px; }






/************* NOTIFICATION BAR ***************/
#wpfront-notification-bar { background-color: #dd5828 !important; }

.wpfront-message { font-size: 17px !important; font-family: 'Cachet Book', Verdana, sans-serif !important; font-weight: bold !important; line-height: 115% !important; letter-spacing: -0.01em !important; text-shadow: 2px 2px 3px rgba(0,0,0,0.1) !important; padding: 4px 5px 5px 5px !important; margin-bottom: 0px !important; }



/**************** POSTS ****************/
.single-post .section-post-header { display: none !important; }
.single-ambassadors .single-photo-wrapper .image_frame { display: none !important; }



/**************** POST DATES *****************/
/***** SEE BETHEME CSS *****/


