/* Fitness (et al) Specific styling */
.page-fitness .fitness-description .hp-text {
	float: left;
	width: 85%;
}

.page-fitness .fitness-description{ 
    min-height: 100px;
    margin-bottom: 15px;
}

.page-fitness .carousel-control .glyphicons-chevron-left, 
.page-fitness .carousel-control .glyphicons-chevron-right, 
.page-fitness .carousel-control .icon-prev, 
.page-fitness .carousel-control .icon-next {
	margin-top: -35px;
}

.page-fitness.iia-landing .site-content h1 {
    margin-bottom: 15px;
}
.page-fitness.iia-landing .panels-flexible-row.panels-flexible-row-independent_ia-5.panels-flexible-row-first.clearfix.top {
    margin-bottom: -10px;
}

.page-fitness.iia-landing h1.field-type-text.field-label-hidden {
    display: none;
} 

.page-fitness .tweets-blog {
    margin-top: 20px; 
    margin-bottom: 20px;
    height: 310px;
    margin-right: 0;
}
.page-fitness .tweets-blog h2 {
    margin-bottom: 15px !important;
}

.page-fitness.iia-landing .block-system-main.clearfix {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 20px;
}


/* Fitness Nav styles start */
.fit-nav-be-active {
    background:url(/sites/all/themes/iia/css/images/running-1-white.png) 48px #b23f38 no-repeat;
                border: 2px solid #B23F38;
                padding-top: 18px;
                padding-left: 41px;
}

.fit-nav-eat-healthy {
    background: url(/sites/all/themes/iia/css/images/food-1-white.png) 40px #64770b no-repeat;
                border: 2px solid #64770b;
                padding-top: 18px;
                padding-left: 52px;
}

.fit-nav-programs {
                background: url(/sites/all/themes/iia/css/images/ribbon-1-white.png) 42px #a34689 no-repeat;
                border: 2px solid #a34689;
                padding: 9px 20px 0 65px;
}

.fit-nav-blog {
    background: url(/sites/all/themes/iia/css/images/blog-1-white.png) 63px #c84d11 no-repeat;
                border: 2px solid #c84d11;
                padding-top: 18px;
                padding-left: 49px;
}

.fit-nav-resource {
    background: url(/sites/all/themes/iia/css/images/resources-1-white.png) 41px #317686 no-repeat;
                border: 2px solid #317686;
                padding: 8px 22px 0 85px;
}

.fit-nav-about {
    background: url(/sites/all/themes/iia/css/images/building-1-white.png) 37px #393d6c no-repeat;
                border: 2px solid #393d6c;
                padding: 18px 0 0 60px;
}

.fit-nav-meet-council {
    background: url(/sites/all/themes/iia/css/images/about_us_whiteicon.png) 44px #127bb5 no-repeat;
                border: 2px solid #127bb5;
                padding: 8px 20px 0 85px;
}

.fit-nav-news {
    background: url(/sites/all/themes/iia/css/images/news-7-white.png) 48px #84745b no-repeat;
                border: 2px solid #84745b;
                padding: 18px 46px 0 96px;
}

/* active state nav title */

.fit-nav-be-active.active-trail.active,
.page-fitness.fitness-be-active .fit-nav-be-active {
				background:url(/sites/all/themes/iia/css/images/running-1-gray.png) 48px #e9eaeb no-repeat;
                border: 2px solid #B23F38;
                padding-top: 18px;
                padding-left: 41px;
                color: #666666 !important;
}

.fit-nav-eat-healthy.active-trail.active,
.page-fitness.fitness-eat-healthy .fit-nav-eat-healthy {
				background: url(/sites/all/themes/iia/css/images/food-1-gray.png) 40px #e9eaeb no-repeat;
                border: 2px solid #64770b;
                padding-top: 18px;
                padding-left: 52px;
                color: #666666 !important;
}

.fit-nav-programs.active-trail.active,
.page-fitness.fitness-programs-awards .fit-nav-programs {
                background: url(/sites/all/themes/iia/css/images/ribbon-1-gray.png) 42px #e9eaeb no-repeat;
                border: 2px solid #a34689;
                padding: 9px 20px 0 65px;
                color: #666666 !important;
}

.fit-nav-blog.active-trail.active,
.page-fitness.fitness-blog .fit-nav-blog {
				background: url(/sites/all/themes/iia/css/images/blog-1-gray.png) 63px #e9eaeb no-repeat;
                border: 2px solid #c84d11;
                padding-top: 18px;
                padding-left: 49px;
                color: #666666 !important;
}

.fit-nav-resource.active-trail.active,
.page-fitness.fitness-resource-center .fit-nav-resource {
				background: url(/sites/all/themes/iia/css/images/resources-1-gray.png) 41px #e9eaeb no-repeat;
                border: 2px solid #317686;
                padding: 8px 22px 0 85px;
                color: #666666 !important;
}

.fit-nav-about.active-trail.active,
.page-fitness.fitness-about-pcfsn .fit-nav-about {
				background: url(/sites/all/themes/iia/css/images/building-1-gray.png) 37px #e9eaeb no-repeat;
                border: 2px solid #393d6c;
                padding: 18px 0 0 60px;
                color: #666666 !important;
}

.fit-nav-meet-council.active-trail.active,
.page-fitness.fitness-meet-council .fit-nav-meet-council {
				background: url(/sites/all/themes/iia/css/images/about_us_greyicon.png) 44px #e9eaeb no-repeat;
                border: 2px solid #127bb5;
                padding: 8px 20px 0 85px;
                color: #666666 !important;
}

.fit-nav-news.active-trail.active,
.page-fitness.fitness-news .fit-nav-news {
				background: url(/sites/all/themes/iia/css/images/news-7-gray.png) 48px #e9eaeb no-repeat;
                border: 2px solid #84745b;
                padding: 18px 46px 0 96px;
                color: #666666 !important;
}
/* Fitness Nav styles end*/

/* homepage-b billboard changes */
.page-fitness .fit-billboard-b {
    margin-bottom: 10px;
}
.page-fitness .fit-billboard-b .view-iia-billboard .carousel {
    width: 100%;
}

.page-fitness .fit-billboard-b .views-field-field-subsite-billboard-image {
    width: 100%;
}
.page-fitness .fit-billboard-b .views-field-field-subsite-billboard-image img {
    width: 630px;
    height: 260px;
}
.page-fitness .fit-billboard-b .views-bootstrap-carousel-plugin-style.carousel.slide {
    width: 100%;
}
.page-fitness .fit-billboard-b .carousel .carousel-inner {
    max-height: 260px;
}
.page-fitness .fit-billboard-b .views-field-field-subsite-billboard-headline .field-content {
    margin-left: 630px;
	float: right;
} 

.page-fitness .fit-billboard-b .views-field.views-field-field-subsite-billboard-headline .field-content {
    margin-top: -257px; /* -160 */
}
.page-fitness .fit-billboard-b .views-field.views-field-field-subsite-billboard-teas-txt .field-content {
    margin-top: -160px;
}
.page-fitness #site-content .fit-billboard-b .views-field-field-subsite-billboard-headline .field-content a {
    line-height: 26px;
}

.page-fitness .logo-container-inner > img {
    width: 50px;
    height: 50px;
}

.page-fitness .fitness-tile {
    margin-left: 0 !important;
    width: 100%;    
}

.page-fitness .fitness-tile .media.media-element-container.media-default {
    margin: 0;   
}
.page-fitness div.field-items div[property="content:encoded"] h2+p:empty { 
	display: none;
}

.page-fitness .fitness-tile .field-item p {
    margin-bottom: 0;
}
.page-fitness .fitness-tile .field-item > h2 {
    background-color: rgba(0, 0, 0, 0.5);
    display: inline-block;
    float: left;
    font-size: 22px;
    height: 90px;
    margin-top: 170px;
    padding: 20px;
    position: absolute;
    width: 300px;
}

.page-fitness .fitness-tile .field-item > h2 a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.page-fitness form#filter-form select {
  padding-left: 10px;
}
.page-fitness .mini-tile, 
.page-fitness .crosslink-tile, 
.page-fitness .below-the-fold-box, 
.page-fitness .pane-generic-basic-page-related-blog-posts {
    height: 310px;
}

/* eat healthy styles */
.page-fitness section#block-system-main .field-items .field-item .syndicate h3 {
    margin-bottom: 20px;
}
.page-fitness section#block-system-main .field-items .field-item .syndicate h3 + p img {
    width: 160px;
    height: 120px;
}
.page-fitness section#block-system-main .field-items .field-item .syndicate br + hr {
    clear: both;
}
.page-fitness section#block-system-main .field-items .field-item .syndicate br[clear="all"] {
    display: none;
}

.page-fitness .block-system-main .fit-ehland-row  {
    border-bottom: 1px solid #cccccc;
}
/* end eat healthy styles */

/* #FitTips styles */

.page-fitness .view-get-fit-tips .view-content .field-content {
    clear: both;   
}
.page-fitness .view-get-fit-tips .view-content .field-content p > img {
    margin: 0 20px 10px 0;
}
.page-fitness #block-views-get-fit-tips-block {
    padding-top: 0;
    height: 310px;
}

.page-fitness .fit-tips .views-row {
    display: none;
}

.page-fitness .fittipfirst { /* this adds border bottom to each tip */
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
    margin-bottom: 15px;
    margin-top: -10px;
}

.page-fitness .block-get-fit-tips .view-get-fit-tips .views-field .field-content p img {
    width: 80px;
    height: 60px;
    background-color: #cccccc;
}

.page-fitness .view-get-fit-tips div.media.media-element-container.media-default .media-element.file-default {
    float: left;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 20px;
    margin-top: 0;
}

.page-fitness .fit-tip-link {
    margin-top: 10px;
}

.page-fitness .fit-tips div[style="display: block;"] {
    margin-bottom: 10px;
}

.page-fitness .fit-tips .view-content .views-row .field-content .media.media-element-container.media-default {
    margin-bottom: 5px;
}
.page-fitness .fit-tips {
    line-height: 1.35;
}
.page-fitness .view-id-get_fit_tips .views-row .field-content p {
    display: none;
}

.page-fitness .recent-block {
    background-color: #f6f7f7;
    border: 1px solid #cdcdcd;
    float: left;
    height: 310px;
    margin: 20px 20px 20px 0;
    padding: 15px 20px 20px 20px;
    width: 310px;
    z-index: 1;
}
.page-fitness .block-views-get-fit-tips-block {
    margin: 20px 0;
}

.page-fitness .recent-block h2.block-title {
    margin: 20px 0 0 0;
    font-size: 20px;
}

.page-fitness #block-views-get-fit-tips-block .views-row {
	border-bottom: 1px solid #cccccc;
    margin-top: 0px;
	padding-bottom: 15px;
}

/* Meet PCFSN Staff */
.page-fitness .leadership-views-row {
	float: left;
	margin-bottom: 20px;
	border-bottom: 1px solid #cccccc;
}
.page-fitness .leadership-views-row .views-field.views-field-field-bio-abridged-biography { /* add some space between the name and the bio */
	margin-top: 10px;
}
.page-fitness .leadership-views-row .views-field.views-field-view-node { /* adds some space at bottom of the full bio link and the bottom border - should not be an issue on desktop mode */
	margin-bottom: 20px; 
	clear: both;
}

/* Blog */
/* this part of the site needs to look like the hepatitis blog, so I'm just going to copy those declarations from blog.css, change class names and add them here to work on fitness */

.page-fitness.fitness-blog.page-subsite-blog .view-fitness-blog .group-header .field-name-dynamic-title h2 a {
	font-size: 20px;
}

.fitness-blog.page-subsite-blog .group-header {
   font-size: 20px;
   margin-bottom: 20px;
   margin-top: -5px;
}
.fitness-blog.page-subsite-blog .group-left {
   width: 160px;
   height: 120px;
   margin-right: 20px;
}
.fitness-blog.page-subsite-blog .group-right {
   width: 460px;
}
body.fitness-blog .group-right div.field-items div.field-item.even span.date-display-single {
	float: left;
	/*margin-right: 10px;*/
}

body.page-fitness.page-fitness-blog .field-type-taxonomy-term-reference .field-items .field-item + .field-item::before,
body.page-fitness.page-fitness-blog .field-type-taxonomy-term-reference .field-items .field-item a+a::before {
/* this should add a bar between tags for blogs */
	content: '|\00a0\00a0';
}

body.page-fitness.page-subsite-blog .field-name-field-tagged .field-label, 
body.page-fitness.page-subsite-blog .field-name-field-categorized .field-label, 
body.page-fitness.page-subsite-blog .field-name-field-tagged .field-items, 
body.page-fitness.page-subsite-blog .field-name-field-categorized .field-items {
    display: none;  /* was inline, but they want it out */
}
body.page-fitness.page-subsite-blog .field-name-field-post-date {
    float: left;
}
body.page-fitness.page-subsite-blog .field-name-hepatitis-by-line .field-items .field-item {
	font-style: italic;
}

.page-fitness.page-subsite-blog .field-label.field-subsite-topic-tags {
	display: inline;
	margin-right: 10px; 
}

.page-fitness .view-subsite-topic-tags {
    margin-top: 25px;
    margin-bottom: 20px;
}

.page-fitness.page-subsite-blog .node-subsite-blog.view-mode-full .field-name-field-post-date::after,
.page-fitness.page-subsite-blog .node-subsite-blog.view-mode-teaser .field-name-field-post-date::after,
.page-fitness.page-subsite-blog .node-subsite-blog.view-mode-teaser_fitness .field-name-field-post-date::after
 {
	content: '\00a0\00a0|\00a0\00a0';
}

/*.page-fitness.page-fitness-blog .view-content,
.page-fitness.page-subsite-blog .view-content {
	margin-bottom: 20px;
}
*/
.page-fitness.page-fitness-blog #block-views-get-fit-tips-block .view-content,
.page-fitness.page-subsite-blog #block-views-get-fit-tips-block .view-content {
    margin-bottom: 0;
}

.page-fitness.page-fitness-blog.page-blog .promobox .field-name-field-file-image-caption, 
.page-fitness.page-fitness-blog.page-subsite-blog .promobox .field-name-field-file-image-caption {
	margin-bottom: 0;
	margin-top: 0;
}

/* Programs and Awards landing page */
.page-fitness.fitness-programs-awards .block-system-main .fit-ehland-row:last-child {
	border-bottom: none; /*counter bottom border*/
}
/* end P&A landing */

/* Social media page */
.page-fitness.fitness-about-pcfsn div[about*="/fitness/about-pcfsn/our-social-media/"] div.syndicate div.media.media-element-container.media-default img.media-element.file-default {
	padding-right: 10px;
}

/* The section bottom on some pages needs to have a border */
.page-fitness.fitness-be-active section.block-system-main,
.page-fitness.fitness-eat-healthy section.block-system-main,
.page-fitness.fitness-about-pcfsn section.block-system-main {
	border-bottom: 1px solid #cccccc;
}
.page-fitness.fitness-be-active .clearfix.fit-ehland-row:last-of-type,
.page-fitness.fitness-about-pcfsn div[about^='/fitness/about-pcfsn/'] .clearfix.fit-ehland-row:last-of-type,
.page-fitness.fitness-eat-healthy .clearfix.fit-ehland-row:last-of-type { /* so now get rid of the extra border-bottom */
	border-bottom: none;
}
.page-fitness div[about^='/fitness/be-active/ways-to-be-active/'] .clearfix.fit-ehland-row:last-of-type { /* because, just because */
	border-bottom: 1px solid #cccccc;
}
/* now, undo that section border-bottom for 4 select pages */
/*.page-fitness.fitness-about-pcfsn */

.page-fitness.fitness-about-pcfsn section.block-system-main div[about^='/fitness/about-pcfsn/our-history/'],
.page-fitness.fitness-about-pcfsn section.block-system-main div[about^='/fitness/about-pcfsn/meet-key-pcfsn-staff/'],
.page-fitness.fitness-about-pcfsn section.block-system-main div[about^='/fitness/about-pcfsn/our-social-media/'],
.page-fitness.fitness-about-pcfsn section.block-system-main div[about^='/fitness/about-pcfsn/contact-us/'] {
	border-bottom: 1px solid #ffffff;
	margin-bottom: -1px;
}

/* Quick Resource Center fix */
.page-fitness.fitness-resource-center section.block-system-main .syndicate .clearfix.fit-ehland-row:last-child {
	border-bottom: none;
}

/* Ways To Be Active Landing Page fix */
/* contrary to what some think, wtbai is not short for Wearing Trousers, Bears Are Invisible. It's Ways To Be Active Image */
.page-fitness.fitness-be-active .wtbai {
	padding-left: 8px;
}
.page-fitness.fitness-be-active div[about^='/fitness/be-active/ways-to-be-active/'] div.syndicate .clearfix.fit-ehland-row p {
	padding-top: 20px;
}
.page-fitness.fitness-be-active .wtbaic {
	display: block;
}

.page-fitness .block-views-hepatitis-blog-page-block-1.whats-new {
    background-color: #f6f7f7;
    border: 1px solid #ccc;
    float: left;
    height: 290px;
    margin: 20px 20px 20px 0px;
    padding: 20px;
    width: 300px;
}

.page-fitness .fitness-recent-blogs {
    background-color: #f6f7f7;
    border: 1px solid #ccc;
    float: left;
    height: 310px;
    margin: 20px 20px 20px 0px;
    padding: 20px;
    width: 310px;
}

.node-type-panel .fitness-recent-blogs {
    width: 300px;
}

.page-fitness .blog-archive {
    height: 310px;
}

.page-fitness .fitness-recent-blogs .views-field-field-thumbnail-image {
    float: left;
    margin-right: 19px;
}

.page-fitness .fitness-recent-blogs .views-field-field-thumbnail-image img {
    height: 60px;
    width: 80px;
} 

.page-fitness .fitness-recent-blogs .views-field .views-field-title {
    width: 100px;
}

.page-fitness .fitness-recent-blogs h2 {
    margin: 0 0 15px 0;
    font-size: 20px;
}

.page-fitness .fitness-recent-blogs .views-row {
	padding: 15px 0;
    height: 90px;
    border-top: 1px solid #ccc;
}

.page-fitness .fitness-recent-blogs .views-row:first-child {
    border-top: none;
}

.page-fitness .fitness-recent-blogs .view-footer {
	padding-top: 15px;
	border-top: 1px solid #ccc;
}

.fitness-news .views-field-field-full-title a, .fitness-news .views-field-title a {
    font-size: 20px;
}

.fitness-news .fitness-recent-blogs a {
    font-size: 14px;
}

.fitness-news .views-row {
    border-top: 1px solid #ccc;
    padding: 15px 0;
}

.fitness-news .views-row:first-child {
    border-top: none;
}

.fitness-news .tweets-blog {
    width: 310px;
}

.page-fitness .share-social-buttons {
        margin-left: -8px;
}
    
.page-fitness .share-social-buttons a {
	margin-left: 8px;
}

@media only screen and (max-width: 767px) { /* styles for a smaller screen */
    
    .page-fitness.not-front .block-views-get-fit-tips-block {
        width: auto;
	    height: auto;
	    float: left;
	    margin: 20px 0 10px 0;
    }
    .page-fitness .block-views-get-fit-tips-block {
	    width: auto;
	    height: auto;
	    float: left;
	    margin: 20px 20px 10px 0;
    }
    .page-fitness .view-id-get_fit_tips .views-row .field-content {
		margin-top: -5px;
    }
    .page-fitness div.syndicate div div[id^="ftn"] a { /* need to force word wrap the footnotes so they don't run past the window */
		overflow-wrap: break-word;
		word-wrap: break-word;
		word-break: break-all;
    }
    .page-fitness.fitness-be-active div[about^='/fitness/be-active/ways-to-be-active/'] div.syndicate .clearfix.fit-ehland-row p { /* quick fix to the ways to be active pictures, mobile mode */
		padding-top: 0px;
	}

}

@media only screen and (max-width: 767px) { /* styles for a smaller screen */

    .page-fitness.iia-landing .block-system-main.clearfix { /* this is a horrible way to do this, but it works */
        border-bottom: none;
        padding-bottom: 0;
    }

	.page-fitness .panel-pane.pane-node .field-items .syndicate .media.media-element-container.media-default {
        height: auto;
    }
	.page-fitness .panels-flexible-independent_ia .panels-flexible-region-first .panel-pane.pane-views.pane-iia-billboard{
        width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    
	.page-fitness .fitness-description .hp-logo {
        float: none !important;
        text-align: center;
    }
	.page-fitness .fitness-description .pull-right{
        float: none !important;
    }
	.page-fitness .fitness-description .hp-text {
        width: auto;
        margin-bottom: 20px;
    }
    
	.page-fitness .addthis {
        clear: both;
        margin-top: 20px;
        float: left;
        width: 100%;
    }
	.page-fitness .tweets-blog {
        margin-top: 20px; 
        margin-right: 20px; 
    }
    
    .fitness-news .tweets-blog {
        width: 100%; 
        margin: 20px 0 20px 0;
    }
    
	.page-fitness .panel-flexible-inside.panels-flexible-independent_ia-inside {
        border-bottom: 1px solid #cccccc;
    }
    
    /* sortof a */
	.page-fitness .block-system-main .node-panel .content .panel-flexible {
        padding-bottom: 0px;
    }
    
	.page-fitness .syndicate .media {
        margin-top: -5px;
    }
	.page-fitness .logo-container-inner {
        text-align: center;
    }

    /* end index a */
    /* index b */
	.page-fitness .fit-billboard-b {
        margin-bottom: 0;
    }
	.page-fitness .fit-billboard-b .carousel .carousel-inner {
        max-height: 100%;
    }
	.page-fitness .fit-billboard-b .carousel-inner .field-content img {
        height: 100%;
        width: 100%;
    }
	.page-fitness .fit-billboard-b .views-field.views-field-field-subsite-billboard-headline .field-content, 
    .page-fitness .fit-billboard-b .views-field.views-field-field-subsite-billboard-teas-txt .field-content {
        margin-top: -5px;
    }
	.page-fitness .fitness-tile .media.media-element-container.media-default {
        height: 340px;
    }
	.page-fitness .fitness-tile .field-item > h2 {
        margin-top: 260px;
        height: 90px;
    }
	.page-fitness .fitness-tile {
        margin-bottom: 10px;
        margin-left: auto !important; /* new */
        margin-right: auto !important; /* new */
        width: 300px; /* new */
    }
    /* end index b */
	.page-fitness.iia-landing .panels-flexible-region, .not-front .panels-flexible-region {
        margin-bottom: 20px;
    }
    
    /* mobile fix for About PCFSN Meet Key Staff */
    /*.page-fitness div.view-Fitness-Leadership div.view-content div.views-field.views-field-title {*/
    .page-fitness div.view-meet-key-pcfsn-staff div.view-content div.views-field.views-field-title {
		clear: both;
    }
    
    /* Counter something causing the print button -in mobile- to be big */
    .page-fitness .addthis ul {
		margin: 0px;
    }

	/* Social Media page - the icons are butting up against the print button */
	.page-fitness.fitness-about-pcfsn div[about*="/fitness/about-pcfsn/our-social-media/"] div.syndicate {
		padding-bottom: 25px;
	}
	
	.page-fitness .zero-to-sixty {
        width: 310px;
    }
    
    .fitness-news table.pagerer {
		border-top: 1px solid #ccc !important;
		border-bottom: 1px solid #ccc !important;
		max-width: 100%;
    }
    
    .fitness-blog table.pagerer {
        border-bottom: 1px solid #ccc !important;
        max-width: 100%;
    }

}/* end mobile styles*/
/* so long, and thanks for all the fun - th */

/* To be moved to a special "promo box" css at some point*/
div.promobox {
	display: block;
	width: 310px;
	height: 300px;
	/*border: 1px solid #cccccc;*/
	float: left;
	padding: 0; /* the inside will have other divs to control sizing and padding */
	margin: 20px 0px; /* stay 20px away from anything else */
}
div.promobox .media.media-element-container.media-default { /* need to counter the div drupal adds automatically when the image is pulled in */
	margin-left: 0px;
}
div.promobox .media.media-element-container.media-default img { /* the primary picture in the promo box */
	height: 150px;
	width: 310px;
}
div.promobox div.promotextcontainer {
	/*margin: 20px;*/
	font-family: helvetica;
	font-size: 14px;
	color: #000000;
	padding: 20px;
	height: 160px;
	border: 1px solid #cccccc;
}
@media only screen and (max-width: 767px) {
	div.promobox {
	    float: left;
		min-height: 260px;
		max-height: 300px;
		width: auto; /* was 300px */
		margin: 20px 10px 20px 0px;
	}
	div.promobox .media.media-element-container.media-default img  {
		max-width: 100%;
		width: 100%;	/* for grins and giggles */
	}
	
	/* some style fixes for council members bios */
	.page-fitness section.block-views  div.view-content .row .col {
		margin-bottom: 20px;
	}
}
/* End promobox section */

/* Only Getting One Photo Gallery Prototype - If accepted this will need to probably be placed somewhere better */
.page-fitness.page-fitness-fitness-photo-gallery .view-content {
	/* this is just so I know where it's located */
}
.page-fitness.page-fitness-fitness-photo-gallery .view-content .views-row {
	display: inline-block;
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
}
.page-fitness.page-fitness-fitness-photo-gallery .view-content .views-row .views-field-nothing {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: 5px solid #ccffcc;
	padding: 5px;
}
.page-fitness.page-fitness-fitness-photo-gallery .view-content .views-row .views-field-nothing span.field-content {
	display: block;
	text-align: right;
}
.page-fitness.page-fitness-fitness-photo-gallery .view-content .views-row .views-field-nothing span.field-content .photogallerytext {
	float: left;
	font-family: arial;
	font-weight: bold;
	color: #0033cc;
}
.page-fitness.page-fitness-fitness-photo-gallery .view-content .views-row .views-field-nothing span.field-content .photogallerysoc {
	
}
.page-fitness.page-fitness-fitness-photo-gallery .view-content .views-row .views-field-nothing span.field-content .photogallerysoc a.photogalleryfacebook {
	width: 20px;
	height: 20px;
	background-color: #3b5998;
	color: #ffffff !important;
	display: inline-block;
}
.page-fitness.page-fitness-fitness-photo-gallery .view-content .views-row .views-field-nothing span.field-content .photogallerysoc a.photogallerytwitter {
	width: 20px;
	height: 20px;
	background-color: #4099FF;
	color: #ffffff !important;
	display: inline-block;
}

/* and now for the new photo gallery from Les thereby contradicting the earlier comment of only one photo gallery prototype */
.page-fitness.page-node-7474 .block-views-fitness-photo-gallery-block .view-id-fitness_photo_gallery .views-row {
	border: 1px solid #cccccc;
	float: left;
	margin-top: 20px; /* was margin-bottom but that threw too much space on the bottom row, so now I have an idea. Not necessarily a good idea either. */
	margin-right: 20px;
	max-height: 330px !important;
	min-height: 330px !important;
	width: 200px;
}
.page-fitness.page-node-7474 .block-views-fitness-photo-gallery-block .view-id-fitness_photo_gallery .views-row.views-row-first,
.page-fitness.page-node-7474 .block-views-fitness-photo-gallery-block .view-id-fitness_photo_gallery .views-row.views-row-first+.views-row,
.page-fitness.page-node-7474 .block-views-fitness-photo-gallery-block .view-id-fitness_photo_gallery .views-row.views-row-first+.views-row+.views-row {
	/* yeah, I did that */
	margin-top: 0px;
}
.page-fitness.page-node-7474 section#block-views-fitness-photo-block + section.block-block.page-stamp {
	/* So the gap between the bottom photo tile and the line at the bottom of the page was 30px, but in case they want 20px, this should work. */
	/* This targets only this page (page-fitness.page-node-7474), only the page stamp section, when it immediately follows the photo block section. Clever! */
	/* margin-top: 20px; */
}

.page-fitness.page-node-7474 .block-views-fitness-photo-gallery-block .view-id-fitness_photo_gallery .views-row:nth-child(3n+3) { 
	margin-right: 0px; /* if the photo gallery has more than 3 items, the third item needs no right margin or it will look skewed. This counters that. */
}
.page-fitness.page-node-7474 .block-views-fitness-photo-gallery-block .view-id-fitness_photo_gallery .views-row .views-field-field-story-tile-image {
	position: relative;
	top: -1px;
	left: -1px;
}
.page-fitness.page-node-7474 .block-views-fitness-photo-gallery-block .view-id-fitness_photo_gallery .views-row .views-field.views-field-title {
	padding: 20px 20px 10px;
}
.page-fitness.page-node-7474 .block-views-fitness-photo-gallery-block .view-id-fitness_photo_gallery .views-row .views-field.views-field-field-call-to-action {
	height: 150px; /* this holds the text under the image along with the call to action (link). Need to add height to push social buttons to bottom of box. */
	padding: 10px 20px 0px;
	margin-bottom: 10px;
}
.page-fitness.page-node-7474 .block-views-fitness-photo-gallery-block .view-id-fitness_photo_gallery .views-row .views-field.views-field-field-call-to-action-1 {
	/* this is the new box to hold the social media links */
	padding: 3px 20px 5px;
}


@media only screen and (max-width: 767px) { /* photo gallery styles for a smaller screen */
	.page-fitness.page-node-7474 .block-views-fitness-photo-gallery-block .view-id-fitness_photo_gallery .views-row .views-field-field-story-tile-image {
		top: 0;
		left: 0;
	}
	.page-fitness.page-node-7474 .block-views-fitness-photo-gallery-block .view-id-fitness_photo_gallery .views-row.views-row-first+.views-row,
	.page-fitness.page-node-7474 .block-views-fitness-photo-gallery-block .view-id-fitness_photo_gallery .views-row.views-row-first+.views-row+.views-row {
		/* now to counter the idiotic thing I did earlier */
		margin-top: 20px;
	}
	.page-fitness.page-node-7474 .block-views-fitness-photo-gallery-block .view-id-fitness_photo_gallery .views-row.views-row-last {
		margin-bottom: 20px;
	}
	
	
	.page-fitness.page-node-7474 .block-views-fitness-photo-gallery-block .view-content {
		width: 100%;
	}
	.page-fitness.page-node-7474 .block-views-fitness-photo-gallery-block .view-content > .views-row {
		margin: 20px auto;
		clear: both;
		float: none;
        min-height: 270px !important;
	}
	.page-fitness.page-node-7474 .block-views-fitness-photo-gallery-block .view-id-fitness_photo_gallery .views-row:nth-child(3) {
		margin-right: auto;
	}
    
    .page-fitness.page-node-7474 .block-views-fitness-photo-gallery-block .view-id-fitness_photo_gallery .views-row .views-field.views-field-field-call-to-action {
	   height: auto; 
    }
    
    .page-fitness .share-social-buttons {
        margin-bottom: 20px;
    }
    
    .field-name-custom-subsite-topic-tags { 
		margin-bottom:20px;
    }
    
    .page-fitness-blog .field-name-custom-subsite-topic-tags, .page-fitness-blog-blog-archives .field-name-custom-subsite-topic-tags { 
		margin-bottom: 0px;
    }
    
    .page-fitness .fitness-recent-blogs {
		margin: 20px 0px 10px 0px;
        width: auto;
    }
    
    .page-fitness .zero-to-sixty {
        width: auto;
        margin-right: -10px;
        margin-top: 0px !important;
     }
     
     .fitness-news .zero-to-sixty {
    	margin-top: -10px !important;
      }
     
     .page-subsite-blog .zero-to-sixty {
     	margin-top: -20px !important;
     }
     
     .fitness-blog.page-subsite-blog .group-right {
        width: auto;
        margin-top: 20px;
     }
     
     .page-fitness .blog-archive {
       float: left;
       width: 100%;
     }
     
     .page-blog .main-section, .page-subsite-blog .main-section {
		padding-top: 0;
		display: block;
	 }
     
}/* end mobile version for gallery */


/* silly */
.page-fitness.page-node-7271 .logo-container .logo-container-inner > img {
	transition: all 0.8s ease-in-out 0s;
}
.page-fitness.page-node-7271 .logo-container .logo-container-inner > img:hover {
    transform: rotateZ(360deg);
}

.page-fitness.page-blog .field-name-field-file-image-caption, .page-fitness.page-subsite-blog .field-name-field-file-image-caption  {
  margin-top: 0px;
  margin-bottom: 0px;
}

.page-fitness .zero-to-sixty {
  float:left;
  margin-top: -30px;
}

.fitness-news .zero-to-sixty {
  float:left;
  margin-top: -20px;
}

.view-fitness-announcements-listing {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;	
}

.fitness-news table.pagerer {
	border-top: 1px solid #ccc;
	margin: 10px 0;
}

.fitness-news .pagerer-right {
	padding-top: 10px;
}