/*
Theme Name: Greenwich YMCA
Theme URI: http://wordpressforbroadcasters.com
Author: The WPB team
Description:  Greenwich YMCA
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: /languages/
*/
.page-id-4145 .header-img,.page-id-4145 h1.header-title span{display:none!important}
/*01. Reset Default Css*/
* {
  margin: 0;
  padding: 0;
}

a img,
iframe,
fieldset {
  border: none;
}

li {
  list-style: none;
}

.entry-content img,
.comment-content img,
.widget img
{
    max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*='align'],
img[class*='wp-image-'],
img[class*='attachment-']
{
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.artist-image,
img.wp-post-image
{
    max-width: 100%;
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

embed,
iframe,
object,
video
{
    max-width: 100%; /* Make sure videos and embeds fit their containers */
}

.entry-content .twitter-tweet-rendered
{
    max-width: 100% !important; /* Override the Twitter embed scroll width */
}

code
{
    white-space: normal;

    background: none;
}

/*-To fill the container and nothing else--------------------------*/

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style]
{
    width: 100% !important;
}

/*-Responsive Facebook Like Box------------------------------------*/
.widget_facebook_likebox iframe
{
    width: 100% !important;
}

#twitter-widget-0
{
    width: 100%!important;
}


/*-Remove container/row padding------------------------------------*/
.alpha { padding-left: 0;}
.omega { padding-right: 0;}

/*-Word Break -----------------------------------------------------*/

.primary, .secondary {
-ms-word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}

.ellipses {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*-Alignments-----------------------------------------------------*/

.alignleft,
img.alignleft
{
    float: left;

    width: auto;
    height: auto;
    margin-top: 4px;
    margin-right: 24px;
}

.alignright,
img.alignright
{
    display: inline;
    float: right;

    width: auto;
    height: auto;
    margin-top: 4px;
    margin-left: 24px;
}

.aligncenter,
img.aligncenter
{
    display: block;
    clear: both;

    margin-right: auto;
    margin-left: auto;
}

img.alignright {margin: 12px 0 6px 12px;}
img.alignleft {margin: 12px 12px 6px 0;}
img.aligncenter
{
    display: block;
    clear: both;

    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
}

img.alignnone
{
    max-width: 100%;
    height: auto;
    /*margin: 12px 0 6px;*/

    text-align: center;
}

.wp-caption
{
    line-height: 18px;

    max-width: 100%;
    margin-bottom: 20px;
    padding: 10px;

    text-align: center;

    background: hsl(0, 0%, 95%);
}


/*Start General Design*/
body
{
    font-family: 'Verdana';
    font-weight: 300;
    font-size: 14px;
    line-height:22px;

    color: rgb(85, 85, 85);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Cachet Std', sans-serif;
    margin-top: 0;
    margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: normal;
    color: rgb(1, 164, 144);
}
h1, h1 a {
    font-size: 30px;
    line-height: 40px;
}
h2, h2 a {
    font-size: 20px;
    line-height: 24px;
}
h3, h3 a {
    font-size: 18px;
    line-height: 22px;
}
h4, h4 a,
h5, h5 a,
h6, h6 a {
    font-size: 14px;
    line-height: 22px;
}
p {
    margin-bottom: 15px;
}

ol, ul {
    padding: 0 0 0 20px;
    margin-bottom: 0;
}
ol ol, ul ul {
    margin-bottom: 0;
}

a
{
    -webkit-transition: color .2s;
       -moz-transition: color .2s;
         -o-transition: color .2s;
            transition: color .2s;
    text-decoration: none;

    color: rgb(1, 164, 144);

    outline: none!important;
}

a:visited {color: inherit; }
.touch a:hover { color: inherit;}
.no-touch a:hover { color:rgb(1, 164, 144); text-decoration: none;}
a, a:hover, a:focus, a:active, a:visited {outline: none!important; text-decoration: none; color:rgb(1, 164, 144)}

.clear {clear:both}

/*** Default Text Styling ***/

.entry h1,
.entry h2
{
    margin-bottom: 10px;
}

.entry h3,
.entry h4
{
    margin-bottom: 5px;
}

.entry ol,
.entry ul
{
    margin-bottom: 20px;
    margin-left: 20px;
}

.entry
blockquote p
{
    float: left;
    clear: both;

    padding-left: 10px;

    color: hsl(0, 0%, 53%);
    border-left: 3px solid hsl(0, 0%, 89%);
}

.entry p
{
    font-family: 'Verdana', serif;
    font-size: 16px;
    line-height: 1.8em;

    margin-bottom: 20px;

    color: hsl(0, 0%, 22%);

    -webkit-font-smoothing: antialiased;
}

.entry p:last-child
{
    margin-bottom: 0;
}

.entry
ul li
{
    list-style: disc;
}

.entry
ol li
{
    list-style: decimal;
}

.entry
li
{
    line-height: 24px;

    list-style-position: inside;
}

::selection {
  background: rgb(0, 175, 159); color:rgb(255, 255, 255); /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: rgb(0, 175, 159); color:rgb(255, 255, 255); /* Gecko Browsers */
}


.main-content {margin-top:0}
.main-content-inner, .sidebar {padding:0 20px; margin-top:0}
.main-content-inner li:before 
{
  content: "\f058"; /* FontAwesome Unicode */
  color :rgb(3, 130, 195); 
  font-family: 'FontAwesome';
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
    
}

.main-content-inner ul {margin-bottom: 15px}
.sidebar ul {margin-bottom: 20px}

/*Read More Category Button-----------------------------------------------*/
.more-button { margin-bottom: 10px;}
.more-button a
{
    font: normal 500 18px/32px 'Cachet Std';
    padding: 8px ;
    text-transform: capitalize;
    color: rgb(255, 255, 255);
    background: rgb(1, 164, 144)
}
.more-button a:after { position: relative; top: 3px; margin-left: 20px; content:"\f138" ;}
.more-button a:hover { color: rgb(255, 255, 255)}

/*Read More Button--------------------------------------------------------*/
.more-link
{
    font: normal 300 14px 'Cachet Std';
    margin: 8px;
    transition: all .6s ease-in-out 0s;
    color: rgb(33, 122, 182);
    border-style: none;
    border-radius: 0;
}

.continue-reading
{
    font: normal 600 14px 'Cachet Std';
    padding:0 10px;
    transition: all .6s ease-in-out 0s;
    color: hsl(0, 0%, 100%);
    border-style: none;
    border-radius: 0;
    background: rgb(1, 164, 144)
}

.continue-reading:hover {}
.wpb-default
{
    font: normal 600 30px/30px 'Cachet Std';
    padding:20px 40px;
    text-transform: uppercase;
    color: hsl(0, 0%, 100%);
    border: 2px solid rgb(1, 164, 144);
    border-radius: 0
}

.edit-link a {color:rgb(255, 255, 255); font:normal 300 12px/16px "Verdana"; text-transform:uppercase}

.wpb-default:hover{}
.section-inner {position:relative}
.main-content-inner p, h3 {margin: 0 0 15px 0}


/*************************************************************************
Brand Colors--------------------------------------Links, hover, background
**************************************************************************/
a,
.color-brand { color: rgb(1, 164, 144)}
.bg-brand { background-color: rgb(1, 164, 144) !important}
.hover-color-brand:hover { color: rgb(1, 164, 144)}
.hover-bg-brand:hover { background-color: rgb(1, 164, 144)}

/* Secondary color () */
.color-secondary    { color: rgb(33, 122, 182)!important}
.bg-secondary    { background-color: rgb(33, 122, 182)}
.border-secondary   { border-color: rgb(33, 122, 182)}
.hover-color-secondary:hover    { color: rgb(33, 122, 182)}
.hover-bg-secondary:hover   { color: rgb(33, 122, 182)}

/* Light color (light) */
.color-light { color: rgb(255, 255, 255)}
.bg-light   {background-color: rgb(255, 255, 255)}
.border-light   { border-color: rgb(255, 255, 255)}
.hover-color-light:hover  {color: rgb(255, 255, 255)}
.hover-bg-light:hover   { background-color: rgb(255, 255, 255)}
.hover-border-light:hover   { border-color: rgb(255, 255, 255)}

/* Dark color (dark-grey)  */
.color-dark {   color: rgb(85, 85, 85)}
.bg-dark    {   background-color: rgb(85, 85, 85)}
.border-dark    {   border-color: rgb(85, 85, 85)}
.hover-color-dark:hover {   color: rgb(85, 85, 85)}
.hover-bg-dark:hover    {   background-color: rgb(85, 85, 85)}
.hover-border-dark:hover    {border-color: rgb(85, 85, 85)}




/*--------------------------------------------------------------
Pages
--------------------------------------------------------------*/

.hentry {margin: 0 0 1.8em; padding-bottom: 0.2em;}


.entry-title {
    font: 400 34px/40px 'Cachet Std';
    margin: 0px 0;
    color: rgb(85, 85, 85);
}
.entry-title a {color: rgb(85, 85, 85)}

article .hentry
{
    clear: both;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom:0;
}

article .archive-thumbnail
{
    float: left;
    margin: 0 10px 10px 0;
    max-width:100%;
    max-height:360px;
    overflow:hidden;
}

article .archive-thumbnail img { width:100%;}
article .title
{
    color: hsl(0, 0%, 9%);
    font: 600 18px/22px "";
    text-transform: none;
    margin-bottom:0;
    clear:both; 
}

article .title a { color:hsl(0, 0%, 9%)!important;}
article .title a:hover { color:rgb(85, 85, 85);}
article .entry-summary { margin-top:0;}




/*-- -----------------------------------------------------------
Post Meta
--------------------------------------------------------------*/
.article-meta {font:normal 300 10px/16px 'Verdana'; color:rgb(136, 136, 136) !important;}
.article-meta ul {display:inline-block; margin:0; padding-left:5px}
.article-meta li:before {content:none}
.article-meta li a {color:rgb(33, 122, 182)}
.single-meta .fa {font-size:10px}



/*--------------------------------------------------------------
   Post Format
--------------------------------------------------------------*/
.trainer-img {width:150px}


/*--------------------------------------------------------------
   Archive
--------------------------------------------------------------*/


/*--------------------------------------------------------------
4.3 Asides
--------------------------------------------------------------*/
.adv-banner {margin:5px 0} /*Adds margin top and bottom to all banners in sidebar*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title
{
    display: none;
}

.home .sidebar {margin-top:0;}
.sidebar {margin-top:0px;}
.widget-sidebar {margin-bottom:1px;}

/* Widget Sidebar */

.widget-title-outer {
    border-bottom:2px solid #217ab6;
    margin:0 0 10px 0;   
  }

/* Sidebar widget Slider styles */
.showcase-title-outer {
    border-bottom:1px solidrgb(210, 210, 210);
    margin:0 0 10px 0;   
  }

.sidebar-widget-title
  {
      font: normal 300 24px/30px 'Cachet Std';
      margin: 0;
      padding: 0 0 5px;
      color: rgb(1, 164, 144);
  }

.sidebar-widget-title a:hover {color:rgb(33, 122, 182)}

.sidebar-widget-title a:after
{
  content:"Read All \f101 ";
  font:normal 300 14px/34px 'Cachet Std', FontAwesome;
  text-transform: none;

  transition: all .6s ease-in-out 0s;
  color: rgb(1, 164, 144);

  float:right
}

.sidebar-widget-title a:hover:after
{
color:rgb(33, 122, 182)!important
}
  
.sidebar-widget-title a  {font-size:30px }

.widget-title a {
    font: normal 300 24px/30px 'Cachet Std';
    margin: 0;
    padding-bottom: 0;
    color: #01a490;
}

.widget-title a {
    font: normal 300 24px/30px 'Cachet Std';
    margin: 0;
    padding-bottom: 0;
    color: #01a490;

}


/* Sidebar Navigation */
.widget-sidebar ul {padding:0}

.widget-sidebar li
{
    font: normal 400 16px/22px 'Cachet Std';
    padding: 10px 2px;
    border-bottom: 1px dotted hsl(0, 0%, 85%);
    display:block!important;
}

.widget-sidebar li:last-child {border-bottom: 0}
.widget-sidebar li a { color: rgb(33, 122, 182)}
.widget-sidebar li a:hover {color: rgb(85, 85, 85)}


/* Showcase widget Slider styles */
.showcase-widget-title
  {
      font: normal 300 30px/30px 'Cachet Std';
      margin: 0;
      padding: 20px 0 5px;
      color: rgb(1, 164, 144);
      text-indent: 20px
  }

/*.showcase-widget-title:after
{
  content:" \f101 ";
  font:normal 300 25px/34px 'Cachet Std', FontAwesome;
  text-transform: none;

  transition: all .6s ease-in-out 0s;
  color: rgb(1, 164, 144);
}*/

.showcase-widget-title a:hover {color:rgb(33, 122, 182)}

.showcase-widget-title a:after
{
  content:"Read All \f101 ";
  font:normal 300 14px/34px 'Cachet Std', FontAwesome;
  text-transform: none;

  transition: all .6s ease-in-out 0s;
  color: rgb(1, 164, 144);

  float:right
}

.showcase-widget-title a:hover:after
{
color:rgb(33, 122, 182)!important
}
  
.showcase-widget-title a  {font-size:30px }



.widget-sidebar .article-title h5 a
{
   font: normal 300 18px/22px 'Cachet Std'!important;
   text-transform: uppercase; 
   color:rgb(85, 85, 85);
}

.widget-sidebar .article-title h5 a:hover {color:rgb(33, 122, 182)}

.widget-sidebar .article-wrapper {
    border-bottom:1px dotted rgb(210, 210, 210);
    padding:0 0 20px 0
}


/* Y Event list Styles */
.tribe-mini-calendar-list-wrapper .hentry { margin: 0 0 10px 0;}
.tribe-mini-calendar-event {border-bottom: 1px dotted rgb(210, 210, 210)!important;}
.tribe-mini-calendar-event .list-info {font-size: 14px!important;; color: 555!important;}
.tribe-mini-calendar-event .list-info a {color: rgb(85, 85, 85);}
.tribe-mini-calendar-event .list-info a:hover {color: rgb(33, 122, 182);}
.tribe-mini-calendar-event .list-info h2 {margin-bottom: 5px!important;}
.tribe-mini-calendar-event .list-info h2 a { font: normal 600 18px/22px 'Open Sans'; margin-top: 0;	margin-bottom: 5px;color: rgb(85, 85, 85);}
.tribe-mini-calendar-event .list-info h2 a:hover {color: rgb(33, 122, 182);}
.tribe-mini-calendar-event-venue a:hover {color: rgb(33, 122, 182);}
.tribe-mini-calendar-event .list-date {
	margin: 10px 3% 10px 0!important;;
	padding:6px 4px!important;;
	background: rgb(33, 122, 182)!important;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.tribe-mini-calendar-event .list-date .list-dayname {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
    font-size:16px!important;
    font-weight:300!important;
    font-family: 'Cachet Std';
}

.hide-mini-calendar .tribe-mini-calendar-grid-wrapper { display: none;}

/*--------------------------------------------------------------
11.0 Comments
--------------------------------------------------------------*/
.comment-respond
{
    padding: 20px;
    border: 1px solid hsl(0, 0%, 82%);
    border-radius: 15px;
}
.comment-content a {word-wrap: break-word;}
.comments-title, .comment-reply-title
{
    margin: 40px 0 20px 0;
    padding-bottom: 9px;
    border-bottom: 1px solid hsl(0, 0%, 93%);
    font-family: ''
}
ol.comment-list {padding-left: 0; list-style: none;}
.comment-author .avatar
{
    margin-right: 25px;
    padding: 4px;

    -webkit-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;

    border: 1px solid hsl(0, 0%, 87%);
    border-radius: 4px;
}
.comment-meta
{
    margin-top: 20px;
    margin-bottom: 20px;
}
.comment-details
{
    overflow: hidden;
    zoom: 1;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid hsl(0, 0%, 87%);
}

.comment-details .reply {margin-top: 10px;}
.comment-date a
{
    font-size: 11px;
    margin-right: 10px;
    color: hsl(0, 0%, 47%);
}

#comments { clear:both;  padding:20px 0 0 0;}
#commentform #comment {width: 100% !important;}
#commentform #submit
{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;

    display: inline-block;

    margin-bottom: 0;
    padding: 6px 12px;

    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;

    color: hsl(0, 0%, 20%);
    border: 1px solid transparent;
    border-color: hsl(0, 0%, 80%);
    border-radius: 4px;
    background-color: hsl(0, 0%, 100%);
    background-image: none;
}

#commentform #submit:hover
{
    color: hsl(0, 0%, 20%);
    border-color: hsl(0, 0%, 68%);
    background-color: hsl(0, 0%, 90%);
}

/*--------------------------------------------------------------
  WP Default Gallery Styles
--------------------------------------------------------------*/

.gallery {
    margin-left: -0.5em;
    margin-right: -0.5em;
}

.gallery:after {
    display: table;
    content: "";
    clear: both;
}

.gallery-item {
    margin: 0;
    float: left;
    padding: 0.5em;
}

.gallery-item img {
    max-width: 100%;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
    float: none;
}
.gallery-columns-2 .gallery-item {
    width: 50%
}
.gallery-columns-3 .gallery-item {
    width: 33.3333%
}
.gallery-columns-4 .gallery-item {
    width: 25%
}
.gallery-columns-5 .gallery-item {
    width: 20%
}
.gallery-columns-6 .gallery-item {
    width: 16.6667%
}
.gallery-columns-7 .gallery-item {
    width: 14.2857%
}
.gallery-columns-8 .gallery-item {
    width: 12.5%
}
.gallery-columns-9 .gallery-item {
    width: 11.1111%
}
.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
    clear: left;
}

/*--------------------------------------------------------------
Show
--------------------------------------------------------------*/
.show-thumb {max-width: 180px; padding-right:10px; float:left;}
.show-content {padding-top:15px}
.show-social {margin:5px 0}
.show-meta {padding:5px 0}
.show-title {color:#00AF9F}
.show-entry-content {margin:0 0 25px 0; padding:0 0 25px 0; border-bottom:1px dotted #d2d2d2}
.show-archive-thumbnail {max-width:140px; padding-right:10px; float:left}

/*--------------------------------------------------------------
    Breadcrumbs Styles
--------------------------------------------------------------*/
#crumbs ul {padding-left:14px;}
#breadcrumbs{list-style:none; margin:10px 0; overflow:hidden;}
#breadcrumbs li{ display:inline-block; vertical-align:middle; margin-right:10px;  font:normal 300 14px 'Open Sans',Times,Times New Roman,serif ;}
#breadcrumbs li a
{
    color:hsl(0, 0%, 100%);
    text-transform:uppercase;
    font-family:'Verdana';
    font-size:14px;
    letter-spacing:1px;
}
#breadcrumbs .bread-current {color:hsl(0, 0%, 100%);}
#breadcrumbs .separator { font-size:18px; font-weight:100; color:hsl(0, 0%, 80%); }

/*--------------------------------------------------------------
Pagenation
--------------------------------------------------------------*/
.pagination
{
    font-size: 12px;
    line-height: 13px;
    font-weight: 600;
    font-family: 'Verdana';

    position: relative;

    clear: both;

    padding: 20px 0;
}
.pagination span,
.pagination a
{
    display: block;
    float: left;

    width: auto;
    margin: 2px 2px 2px 0;
    padding: 6px 9px 5px;

    text-decoration: none;

    color: rgb(255, 255, 255);
    background: rgb(1, 164, 144) none repeat scroll 0 0;
}
.pagination a:hover
{
    text-decoration: none;

    color: rgb(255, 255, 255);
    background: none repeat scroll 0 0 rgb(0, 137, 208); /*hover color*/
}
.pagination .current
{
    padding: 6px 9px 5px;

    color: rgb(255, 255, 255);
    background: rgb(0, 137, 208) none repeat scroll 0 0;
}

/*Widget Titles*/
.hide-title .widget-title {display:none}

.widget-title
{
    font: normal 300 30px/30px 'Cachet Std';
    margin-bottom: 20px;
    padding: 0 0 3px 0;
    color: rgb(1, 164, 144);
    border-bottom: 2px solid #217ab6
}


.widget-title a { color: rgb(1, 164, 144);}
.widget-title a:hover {}


/*********************************************************************
/*--------------------------- Section Headers------------------------*
**********************************************************************/
/********   Page-Headers--------------****/

.header-wrapper {padding-top:5px; padding-bottom:5px}

.header-wrapper-a h2 {color:rgb(255, 255, 255)}

.header-wrapper-a span {
    border-bottom:2px solid rgb(0, 175, 159)
}

.header-sub-title {
  font-size: 14px;
  line-height: 32px;
  color:rgb(255, 255, 255);
  text-transform:uppercase  
}

.header-title {
    font-size: 22px;
    font-weight:500;
    line-height: 25px;  
    color: rgb(255, 255, 255);
    text-transform:uppercase;
    text-shadow: 0px 2px 10px #010101;
    opacity: 0.88
}

/*********************************************************************
/*--------------------------- Site Styles----------------------------*
**********************************************************************/

/********   Topbar--------------------****/
.social-links {padding:12px 0}
.social-link-item { margin: 0 5px}
.social-link-item img:hover {opacity: 0.50}

.navbar { margin: 0; padding: 0; border-style: none}
.navbar .navbar-nav { float: right;}
.navbar .navbar-nav li a {
    font-size: 15px;  
    font-weight: 300;
    font-family: 'Cachet Std';
    line-height: 50px; 
    margin: 0; 
    padding: 0 12px; 
    text-transform: uppercase; 
    color: rgb(255, 255, 255);
}
.navbar .navbar-nav li a:hover,
.navbar .navbar-nav li a:focus,
.navbar .navbar-nav li a:active,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus
{
    color: rgb(255, 255, 255);
    background-color: rgb(0, 137, 208);
}

.navbar-toggle {border-color:rgb(255, 255, 255); float:none; margin: 5px;}
.navbar-toggle span {
    background-color: rgb(255, 255, 255);
}

.navbar {margin:0}

@media (max-width: 767px) {
    .navbar .navbar-nav {float: none;}
 }

 /********   Logo---------------------****/
 .site-logo {padding:26px}
 
 /********    Branding-----------------****/
.site-brand {padding:0 0 27px 0;}
.branding h1 {margin:0; padding:10px 0; font-weight:500; font-size:30px;}
.btn-ymca {text-transform:uppercase; font:normal 300 30px/30px 'Cachet Std'; color:rgb(255, 255, 255)!important;}
.btn-ymca:hover {background:rgb(1, 164, 144); border-color:rgb(1, 164, 144); color:rgb(255, 255, 255)!important;}

/********   SuperMenu---------------- ****/
.main-nav {border-top:1px solid rgb(210, 210, 210)}
.supermenu__menu-items-ul > li > a {font-family: 'Cachet Std'!important}
.supermenu__desktop .supermenu__menu-items-ul > li {
    padding-top: 23.5px!important; 
    padding-bottom: 23.5px!important;
    padding-left:23.5px;
    padding-right:23.5px
}
.supermenu__desktop .supermenu__menu-items-ul > li > .sub-menu > li {border-bottom:1px dotted #02c3b1; padding:2px 10px}
.supermenu__desktop .supermenu__menu-items-ul > li > .sub-menu > li a {color:rgb(255, 255, 255); font-family:'Cachet Std'!important}
.supermenu__desktop .supermenu__menu-items-ul > li > .sub-menu > li a:hover {color:#232323}
.supermenu__desktop .supermenu__menu-items-ul > li > .sub-menu > li:last-child {border-bottom:0px dotted #02c3b1}

@media (max-width: 990px) {
    .supermenu__mobile .supermenu__menu-items-wrapper li {padding:0 0 0 20px}
    .supermenu__mobile .supermenu__toggler, .supermenu__mobile .superside__toggler {margin:0 0 0 20px}
}


/********   Content Wraper Margin -------------------****/
.content-wrap {margin-top:50px}

/********   Slider-------------------****/
.slider-revolution {position: relative; display:block; top:0}

/********   In Session---------------****/
.in-session-wrapper {border-bottom:1px solid rgb(255, 255, 255)}
.in-session h3, p {margin:0;}
.in-session h3 {font-size:24px}
.session-excerpt {font:normal 300 18px/22px 'Cachet Std'; color:rgb(255, 255, 255); padding:9px 0; min-height:66px; background:rgb(33, 122, 182)}
.session-excerpt .hentry {margin-bottom:0}

.link-text:hover {color: #fff}
.link-text:visited {color:#fff} 
.arrow-right {
    position: relative;
    background: rgb(255, 255, 255);
    padding:22px 0;
}
.arrow-right:after, .arrow_box:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow-right:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: rgb(255, 255, 255);
    border-width: 33px;
    margin-top: -33px;
}
.arrow-right:before {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: rgb(255, 255, 255);
    border-width: 31px;
    margin-top: -31px;
}

.arrow-left {
    position: relative;
    background: rgb(255, 255, 255);
    padding:10px 0;
    border: 0 solid rgb(255, 255, 255);
}
.arrow-left:after, .arrow_box:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow-left:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: rgb(255, 255, 255);
    border-width: 34px;
    margin-top: -33px;
}
.arrow-left:before {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: rgb(255, 255, 255);
    border-width: 31px;
    margin-top: -31px;
}

.reg-btn {
    padding:10px 40px;
    font:normal 300 24px/24px 'Cachet Std';
    text-transform: uppercase;
    background:rgb(1, 164, 144);
    border-color:rgb(1, 164, 144);
    color:rgb(255, 255, 255)
}

.reg-btn:hover {
    padding:10px 40px;
    font:normal 300 24px/24px 'Cachet Std';
    text-transform: uppercase;
    background:rgb(255, 255, 255);
    border-color:rgb(1, 164, 144);
    color:rgb(1, 164, 144)
}

.reg-btn:visited  {color:#fff!important}

/********   Program slider---------------****/
.quick-links {overflow: hidden}
.metaslider .caption-wrap {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top,  hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,0.98) 100%)!important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.98) 100%)!important;; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.98) 100%)!important;; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 )!important;; /* IE6-9 */
    font:normal 300 16px/14px 'Cachet Std'; 
}    


/********   Home page Widget Stylesr---------****/
.hide-meta .article-meta {display:none}

#blog .category {display:none}
#blog .fa {margin-right:5px}

/*Content First Styles */
#blog #wpb-content-first .article-title a {font-size:20px; color:rgb(33, 122, 182)} 
#blog #wpb-content-first .article-thumb {margin-bottom:10px}
#blog #wpb-content-first .entry-summary {margin-bottom:10px}
#blog #wpb-content-first .category {display:none}
#blog #wpb-content-first .fa {margin-right:5px}

/*Two Column Styles */
#blog #wpb-two-column .article-wrapper {
    background:rgb(255, 255, 255);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.25);
}
#blog #wpb-two-column .article-title {margin:10px 0 0 0}
#blog #wpb-two-column h5 a {font:normal 300 16px/22px 'Cachet Std';}
#blog #wpb-two-column h5 a:hover {color:rgb(33, 122, 182)}

/*Two Column Styles */
#blog #wpb-three-column .article-wrapper {
    background:rgb(255, 255, 255);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.25);
}
#blog #wpb-three-column .article-title {margin:10px 0 0 0}
#blog #wpb-three-column h5 a {font:normal 300 16px/22px 'Cachet Std';}
#blog #wpb-three-column h5 a:hover {color:rgb(33, 122, 182)}


/*Masonary Styles */
#blog #wpb-masonry .article-wrapper {
    background:rgb(255, 255, 255);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.25);
}
#blog #wpb-masonry .article-container {padding:10px}
#blog #wpb-masonry .article-title {margin:0 }
#blog #wpb-masonry h5 a {font:normal 300 14px/14px 'Cachet Std';}
#blog #wpb-masonry h5 a:hover {color:rgb(33, 122, 182)}

.widget-1 .article-title h5 a {font-weight:600!important; color:rgb(85, 85, 85)}
.widget-1 .article-title h5 a:hover {color:#217AB6}
.widget-1 .entry-summary {font-family: Verdana!important;}

/*Video Styles */
.wpb-video .article-title {padding:20px 0}
.wpb-video .article-title h5 a {font-size:30px;}
.wpb-video h3 {color:rgb(85, 85, 85)}
.wpb-video .article-thumb {border: 1px solidrgb(210, 210, 210); padding:5px}
.wpb-video .article-meta {display: none}
.wpb-video .entry-summary {margin-top:10px}

.rt-wpls .single-logo .single-logo-container img {max-width: 100%; margin:0 auto}
#showcase .container {overflow: hidden}

.donate {margin:25px 0; color:rgb(255, 255, 255)}

.btn-donate {
    color: rgb(255, 255, 255);
    background-color: rgb(1, 164, 144);
    border-color: rgb(1, 164, 144);
}

.btn-donate:hover {
    color: rgb(1, 164, 144);
    background-color: rgb(255, 255, 255);
    border-color: rgb(1, 164, 144);
}

.btn-donate:visited {
    color: rgb(255, 255, 255);
    background-color: rgb(1, 164, 144);
    border-color: rgb(1, 164, 144);
}

.mar-10 {margin:10px 0}


/********   Footer Columns-------------****/
.widget-footer {border-right:1px dotted rgb(100, 169, 205); min-height:200px; margin-bottom:10px}
.widget-footer:last-child {border-style:none}

.site-footer {padding:40px 0; color:rgb(255, 255, 255)}

.site-footer p {font:normal 300 14px/22px 'Verdana'}

.site-footer h4 {
  font-size:28px;
  line-height:30px;
  text-transform:uppercase;
  color:rgb(255, 255, 255)
} 

.footer-widget-title {
  color:rgb(255, 255, 255);
  font-size:20px;
  text-transform:uppercase
}

.e-sign-up {
    padding:20px;
    margin-bottom:20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background:rgb(0, 175, 159);
    border:1px solid rgb(255, 255, 255);
}

.e-sign-up h4 {
    text-transform: capitalize;
    font-size:25px; line-height:25px;
    text-align: center
}

.tel,.tel:visited { /*for small screens */
  color:rgb(255, 255, 255);
  text-decoration:none;
}
.tel:hover,.tel:focus {
  color:rgb(255, 255, 255);
}
@media screen and (min-width: 28.5em) { /* for larger screens */
.tel,.tel:visited {
  background:none;
  cursor:default;
}
.tel,.tel:focus {
  color:rgb(255, 255, 255);
}
}

.app-btn {margin-bottom:10px}

/********   YMCA Copyright-------------****/
.copyright { padding: 20px 0;}
.copyright { font: normal 300 10px/10px 'Verdana'; ; color: rgb(85, 85, 85);}
.copyright a { color: rgb(85, 85, 85);}
address {margin:0; line-height:32px}

/*********************************************************************
/*----------------------- Custom Styles------------------------------*
**********************************************************************/
.page-template-full-width-template-php li:before {content:none}  

.single-staff .name {font-weight:600; color:rgb(33, 122, 182) }

/*--------------------------------------------------------------
Back to Top Button
--------------------------------------------------------------*/
.topbutton
{
    position: scroll;
    z-index: 1;
    right: 5px;
    bottom: 5px;

    display: none;

    width: 50px;
    height: 50px;

    background-image: url('http://d2isblg909whrf.cloudfront.net/social-icons/wpb-top.png');
    background-repeat: no-repeat;
}

/*--------------------------------------------------------------
Bootstrap Five Column Fix
--------------------------------------------------------------*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


/* Progress Bar Custom CSS Styles */

body {
  padding: 50px;  
}

.progress-bg {
	margin: 0 auto;
	width: 65%;
	height: 78px;
	border-radius: 10px;
  text-align: center;
	background: url("http://www.atsu.edu/stlclinic/images/progress-bar-bg.jpg") repeat;
	-moz-box-shadow:    inset 0 0 10px #ccc;
	-webkit-box-shadow: inset 0 0 10px #ccc;
	box-shadow:         inset 0 0 10px #ccc;
}

.progress-bar {
	height: 78px;
	border-radius: 10px;
	float: left;
	width: 50%;
	/* fallback */ 
	background-color: #00AF9F; 
	
	/* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00AF9F), to(#00AEEF)); 
	
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #00AF9F, #00AEEF); 
	
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #00AF9F, #00AEEF); 
	
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #00AF9F, #00AEEF); 
	
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #00AF9F, #00AEEF);	
}

.progress-bg h3.goal, .progress-bg h3.raised {
	font-family: Arial,sans-serif;
  font-size: 2em;
  font-weight: 600;
	line-height: 78px;
	margin: 0;
	padding: 0;
	text-align: center;
	display: inline;
}


.progress-bg h3.raised {
	color: #fff;
	margin: 14px 25px 0 50px;
	padding: 0 25px 0 0;
}

.progress-bg h3.goal {
	color: #888888;
  text-align: center;
}

body .progress-bg h3.raised {
    -webkit-animation: fadein 4s; /* Safari and Chrome */
       -moz-animation: fadein 4s; /* Firefox */
        -ms-animation: fadein 4s; /* Internet Explorer */
         -o-animation: fadein 4s; /* Opera */
            animation: fadein 4s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

.progress-bg h3.goal {
	float: right;
	display: inline;
	padding: 0 25px 0 0;
  text-align: center;
}

body .progress-bg div {
	-webkit-animation: progress-bar 2s ease forwards;
	-moz-animation: progress-bar 2s ease forwards;
	-o-animation: progress-bar 2s ease forwards;
	animation: progress-bar 2s ease forwards;
}

@-webkit-keyframes progress-bar {
    from { width: 0%; }
    to { width: 50%; }
}

@-moz-keyframes progress-bar {
    from { width: 0%; }
    to { width: 50%; }
}

@-o-keyframes progress-bar {
    from { width: 0%; }
    to { width: 50%; }
}

@keyframes progress-bar {
    from { width: 0%; }
    to { width: 50%; }
}


/*--------------------------------------------------------------
16.0 Media Queries
--------------------------------------------------------------*/

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    
/*--------------------------------------------------------------
   Custom Header
--------------------------------------------------------------*/

  #custom-header {position:relative; z-index: 0; max-height: 500px;width: 100%;}
  .header-img {position:relative; z-index: 20}
  .section-header {position:absolute; z-index: 40; width:100%; bottom:10%; left:0} 
    
  .header-sub-title {font-size: 20px; line-height: 45px;}
  .header-title { font-size: 35px; line-height: 35px;} 
  
  .site-logo {padding:26px 0}
  .site-brand {padding:27px 0} 
  
  .branding h1 {padding: 0; font-size: 25px} 
  
  .arrow-right {padding: 22px 0; z-index: 20}
  .arrow-left {padding: 15px 0; z-index: 20} 
  .in-session {position:relative; z-index: 10}
  .in-session h3 {font-size: 18px}
    
  .reg-btn {padding: 5px 25px; font-size:18px }
  .reg-btn:hover {padding: 5px 25px; font-size:18px }  

  .supermenu__mobile .supermenu__menu-items-wrapper li {padding-left: 20px}
    
  .e-sign-up h4 {text-align:left!important; font-size:28px; line-height:30px;}
 
       
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    
  .header-sub-title {font-size: 18px; line-height: 32px;}
  .header-title { font-size: 50px; line-height: 52px;} 
    
    .branding h1 {padding: 5px 0; font-size: 30px} 
    .supermenu__desktop .supermenu__menu-items-ul > li {
        padding-top: 23.5px!important; 
        padding-bottom: 23.5px!important;
        padding-left:5.0px;
        padding-right:5.0px
    }
  
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    
    .supermenu__desktop .supermenu__menu-items-ul > li {
      
      padding-top: 23.5px!important; 
      padding-bottom: 23.5px!important;
      padding-left:16.5px;
      padding-right:16.5px
  }
  
}