/*
Theme Name: Fit WP
Theme URI: http://themeforest.net/user/DanyDuchaine/portfolio
Author: Dany Duchaine
Author URI: http://themeforest.net/user/DanyDuchaine/portfolio
Description: Responsive Theme For Fitness/Gym
Version: 1.13
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: fym, responsive, fitness
Text Domain: fit
*/
/* #Site Styles
================================================== */
/* Mes css */
#coucou {display:none;}
.acf-map {
width: 100%;
height: 400px;
border: #ccc solid 1px;
margin: 20px 0;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail, .yarpp-thumbnail-default, .yarpp-thumbnail-title {
display: inline-block;
*display: inline;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
border: 1px solid rgba(127,127,127,0.1);
width: 130px;
height: 170px;
margin: 5px;
margin-left: 0px;
vertical-align: top;
}
.yarpp-thumbnail > img, .yarpp-thumbnail-default {
width: 120px;
height: 120px;
margin: 5px;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail > img, .yarpp-thumbnails-horizontal .yarpp-thumbnail-default {
display: block;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
font-size: 1em;
max-height: 2.8em;
line-height: 1.4em;
margin: 7px;
margin-top: 0px;
width: 120px;
text-decoration: inherit;
overflow: hidden;
}
.yarpp-thumbnail-default {
overflow: hidden;
}
.yarpp-thumbnail-default > img {
min-height: 120px;
min-width: 120px;
}
.socialbutton {
margin-right: 20px;
display:inline;
}
.clear {border:0;clear: both;height:0;line-height:0;visibility: hidden;margin: 0;padding: 0;background: none}.bullet { margin-left: 20px; }
.bullet li {
list-style: disc outside;
}
body {
font-family: 'Archivo Narrow', sans-serif;
font-size: 15px;
color: #828282;
}
em {
font-weight: bold;
color: #777;
}
.pageContent p {
line-height: 20px;
}
body p {
margin: 0 0 8px 0;
}
footer p {
font-size: 15px;
margin-bottom: 15px;
color: #787b81;
}
img {
max-width: 100%;
}
h1 {
font-family: 'Oswald', sans-serif;
color: #FFFFFF;
}
h2, h3, h4, h5, h6 {
font-family: 'Archivo Narrow', sans-serif;
color: #535559;
}
footer h4 {
color: #fdfdfd;
margin-bottom: 15px;
}
.pageContent h1, .pageContent h2, .pageContent h3,.pageContent h4, .pageContent h5, .pageContent h6 {
font-weight: bold;
}
blockquote {
background: #f3f5f8;
padding: 20px;
margin: 30px 0;
}
.alignleft {
float: left;
width: 50%;
margin: 30px 30px 30px 0 !important;
}
.alignright {
float: right;
width: 50%;
margin: 30px 0 30px 30px !important;
}
/* Top Bar */
.topBar {
background: #292a2c;
}
.topBarMenu, .topBarMenu a {
color: #d3dadc;
text-shadow: -1px -1px rgba(0,0,0,0.9);
text-decoration: none;
font-family: 'Archivo Narrow', sans-serif;
font-size: 15px;
display: block;
}
.topBarMenu {
float: left;
margin: 0;
border-right: 1px solid #000;
border-left: 1px solid #404244;
}
.topBarMenu .contact {
display: inline-block;
}
.topBarMenu .course {
display: inline-block;
}
.course {
background: url(images/openingHoursIconLight.png) no-repeat 19px 15px;
padding-left: 26px;
background-color: #D74340;
}
.course:hover {
text-shadow: none;
color: #fff;
}
.topBarMenu li {
float: left;
margin: 0;
padding-top: 13px;
padding-bottom: 13px;
border-left: 1px solid #000;
border-right: 1px solid #404244;
}
.topBarMenu span, .topBarMenu a {
padding: 13px 20px 13px 48px;
}
.openingHours {
background: url(images/openingHoursIconLight.png) no-repeat 19px 15px;
padding-left: 26px;
}
.openingHoursModule, .contactModule {
position: relative;
}
.openingHoursModule .footerModule, .contactModule .footerModule {
position: absolute;
z-index: 999999;
top: 44px;
-moz-box-shadow: 0 8px 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 8px 10px rgba(0,0,0,0.5);
box-shadow: 0 8px 10px rgba(0,0,0,0.5);
display: none;
}
.contactModule .footerModule {
width: 430px;
}
.contactModule .footerModule h3 {
width: 394px;
}
.openingHoursModule .footerModule span, .contactModule .footerModule span {
padding: 0;
}
.openingHoursClose, .contactClose {
margin-top: 9px;
color: #fff !important;
text-shadow: none !important;
padding: 0 8px 0 8px !important;
padding-right: 10px !important;
font-size: 11px !important;
float: right;
font-weight: bold;
background: rgba(0,0,0,0.2);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 60ms ease-in ; /* property duration timing-function delay */
-moz-transition: all 60ms ease-in ; /* property duration timing-function delay */
transition: all 60ms ease-in ; /* property duration timing-function delay */
line-height: 25px;
}
.openingHoursClose:hover, .contactClose:hover {
background: rgba(0,0,0,0.3);
}
.topBarActive {
color: #fff !important;
text-shadow: none !important;
}
.phone {
background: url(images/phoneIconLight.png) no-repeat 19px 14px;
padding-left: 26px;
}
.contact {
background: url(images/mailIconLight.png) no-repeat 19px 18px;
padding-left: 26px;
}
.contact:hover {
text-shadow: none;
color: #fff;
}
.openingHours:hover {
text-shadow: none;
color: #fff;
}
.topBarSearch {
float: right;
}
.topBarSearch form, .topBarSearch input {
margin: 0;
width: 300px;
}
.topBarSearch input {
background: url(images/magIcon.png) no-repeat #3e3f40 15px 14px !important;
border: none;
border-radius: 0 ;
padding: 14px 20px 14px 45px ;
width: 234px ;
}
.topBarSearch input:focus {
border: none;
color: #aaa;
}
.topBarSearch #searchsubmit, .topBarSearch label { display: none; }
/* Header */
.logo {
float: left;
margin-top: 5px;
width: 230px;
}
.logo img {
float: left;
}
.logo span {
color: #aeaeae;
font-size: 15px;
font-family: 'Archivo Narrow';
font-style: normal;
font-weight: 700;
text-decoration: none;
float: left;
margin: 20px 15px;
}
.logo a {
text-decoration: none;
}
.mainNav {
margin: 0;
float: right;
border-left: 1px solid #E1E1E1;
}
.mainNav li {
margin: 0;
display: inline;
}
.mainNav .current_page_item ul a { background: #fff !important; color: #c2c2c2; }
.mainNav .current-menu-item a, .mainNav .current_page_item a {
color: #fff;
border: none;
}
.mainNav .current-menu-item a:hover, .mainNav .current_page_item a:hover { border: none; }
.mainNav li a:hover {
color: #fff;
}
.mainNav li ul li a {
padding: 20px;
border-right: none !important;
display: block;
width: 100%;
}
.mainNav li ul li {
padding-right: 40px;
border-bottom: 1px solid #e1e1e1 !important;
}
.mainNav li ul li:last-child { border: none !important; }
.mainNav li a {
color: #c2c2c2;
font-size: 15px;
border-right: 1px solid #e1e1e1;
font-family: 'Archivo Narrow';
font-style: normal;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
margin: 0;
padding: 46px 25px;
display: block;
float: left;
-webkit-transition: all 60ms ease-in ; /* property duration timing-function delay */
-moz-transition: all 60ms ease-in ; /* property duration timing-function delay */
transition: all 60ms ease-in ; /* property duration timing-function delay */
}
nav select {
width: 100%;
z-index: 5;
opacity: 0;
display: none;
position: relative;
cursor: pointer !important;
margin-bottom: 30px !important;
padding: 10px 0 20px 15px;
}
.select-container {
width: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #CDCED0;
-webkit-box-shadow: 0 2px 3px rgba(0,0,0, 0.35), inset 0 1px 0 rgba(255,255,255, 0.35), inset 0 10px 20px rgba(255,255,255, 0.12), inset 0 -10px 30px rgba(0,0,0, 0.12);
-moz-box-shadow: 0 2px 3px rgba(0,0,0, 0.35), inset 0 1px 0 rgba(255,255,255, 0.35), inset 0 10px 20px rgba(255,255,255, 0.12), inset 0 -10px 30px rgba(0,0,0, 0.12);
box-shadow: inset 0 1px 0 rgba(255,255,255, 0.08), inset 0 -5px 10px rgba(0,0,0, 0.03);
position: absolute;
top: 0;
left: 0;
display: none;
padding: 10px 0 10px 15px;
text-align: left;
width: 96%;
color: #999;
background: #fff;
font-family: 'Oswald', sans-serif;
font-weight: 400;
text-transform: uppercase;
font-size: 16px;
line-height: 28px;
}
.select-container:hover {
}
.select-container:after {
content: url(images/arrow.png);
top: 8px;
right: 20px;
position: absolute;
}
.mobileNav {
display: none;
}
/* Slider */
.sliderWrapper {
display: none;
}
#slider li {
position: relative !important;
}
.flex-direction-nav {
display: none;
}
.flexslider li, .flexslider ul {
margin: 0;
}
#carousel {
margin-bottom: 20px;
}
#carousel .slides {
width: 960px !important;
margin: 0 auto !important;
padding: 0 10px;
background: #fff;
}
#carousel .slides img {
max-width: 100% !important;
cursor: pointer;
display: block;
}
#carousel .slides li {
width: 220px !important;
opacity: 0.65;
cursor: pointer;
-webkit-transition: all 120ms ease-in ; /* property duration timing-function delay */
-moz-transition: all 120ms ease-in ; /* property duration timing-function delay */
transition: all 120ms ease-in ; /* property duration timing-function delay */
margin-bottom: 0;
}
#carousel .slides li:hover {
opacity: 0.8 ;
}
.flex-active-slide, .flex-active-slide:hover {
opacity: 1 !important;
}#carousel { position: relative; }.whiteTop {
position: absolute;
bottom: 0;
z-index: 999;
background: #fff;
height: 20px;
width: 980px;
}
.whiteTop2 {
position: absolute;
bottom: 0;
z-index: 999;
display: none;
background: #fff;
height: 20px;
width: 790px;
}
#carousel h3 {
color: #575757;
font-family: 'Oswald', sans-serif;
font-size: 16px;
font-weight: 400;
border-bottom: 1px solid #d4d4d4;
line-height: 40px;
margin: 0;
padding: 8px 18px;
}
.flex-active-slide h3 {
background: #262729;
color: #fff !important;
border-bottom: none !important;
}
#carousel p {
font-family: 'Archivo Narrow', sans-serif;
font-style: italic;
font-size: 15px;
color: #8c8c8c;
line-height: 22px;
margin: 0;
padding: 15px 18px;
}
.flex-active-slide p {
color: #fff !important;
}
.navDescription {
padding-bottom: 0;
}
header .children, header .children .li { margin: 0 !important;}
.slidesDescription {
position: absolute;
bottom: 25%;
padding: 30px;
background: url(images/slider/descriptionBg.png) repeat;
}
.slidesDescription h2 {
font-size: 44px;
color: #fff;
font-family: 'Oswald', sans-serif;
margin-bottom: 20px;
display: block;
text-shadow: 1px 1px 1px rgba(0,0,0, 0.35);
}
.slidesDescription span {
color: #bfbfbf;
font-family: 'Archivo Narrow', sans-serif;
font-style: italic;
font-size: 25px;
display: block;
margin-bottom: 20px;
text-shadow: 1px 1px 1px rgba(0,0,0, 0.35);
}
.slidesDescription .button-big {
display: block;
margin: 0;
float: left;
}
/* Page Styles */
.pageInfo {
padding: 20px 0;
}
.titrebandeaurouge {
text-transform: uppercase;
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 25px;
margin: 0;
text-shadow: none; }.pageInfo h1 {
text-transform: uppercase;
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 25px;
margin: 0;
text-shadow: none;
}
.pageContentWrapper {
padding: 30px 0;
/*background-image: url(images/habillagesite.png) !important;*/
background-color: #ffffff;
background-attachment: fixed;
background-position: center !important;
background-repeat: no-repeat repeat !important;
}
#wrappera {
height: 100%;
position: fixed;
top: 0;
width: 100%;
z-index: 10;
}
.container,
body > footer,
body > header,
.widgetModule
{
position: relative;
z-index: 20;
}
.sliderWrapper,
.pageInfo
{
position: relative;
z-index: 15;
}
.homeulmargintop {
clear: both;
padding-top: 4em;
}
.pageContent {
background: #fff;
padding: 25px;
border: 1px solid #cdced0;
margin-bottom: 30px;
}
.breadcrumb {
text-align: left;
float: left;
text-transform: uppercase;
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 13px;
margin-top: 5px;
padding: 0px 0px 0px;
}
.breadcrumb a {
padding: 0 17px 0 5px;
text-decoration: none;
background: url(images/breadcrumbArrow.png) no-repeat right 5px;
color: #fff;
opacity: 0.6;
-webkit-transition: all 60ms ease-in ; /* property duration timing-function delay */
-moz-transition: all 60ms ease-in ; /* property duration timing-function delay */
transition: all 60ms ease-in ; /* property duration timing-function delay */
}
.breadcrumb a:hover {
color: #fff;
}
.breadcrumb span {
padding: 0 4px;
background: rgba(0,0,0,0.10);
padding: 5px 10px;
margin-left: 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.single .singleInfo {
padding-bottom: 10px !important;
margin-bottom: 0;
}
.singleInfo {
background: url(images/singleBg.png) bottom left no-repeat #262729;
padding: 20px;
}
.newsPostList .singleInfo { padding: 20px 20px 25px; }
.singleThumb img {
display: block;
margin-bottom: 15px;
}
.singleMeta {
padding: 10px 10px 0;
margin-bottom: 20px;
}
.singleMeta .title a {
text-decoration: none;
color: inherit;
}
.singleMeta span {
color: #939393;
font-family: 'Oswald', sans-serif;
font-size: 16px;
float: left;
text-transform: uppercase;
margin-top: 12px;
line-height: 27px
}
.singleMeta span a {
color: #fff;
}
.singleQuote, .excerpt {
padding: 20px 10px 0;
border-top: 1px solid rgba(255,255,255,0.2);
color: #b4b4b5;
line-height: 24px;
}
.excerpt p {
line-height: 25px;
}
.singleInfo h2 {
color: white;
font-family: 'Oswald', sans-serif;
font-size: 30px;
margin: 0;
float: left;
width: 100%;
text-shadow: none;
}
.single-post_trainers .singleInfo h1 {
width: inherit;
}
.singleInfo a {
margin: 7px 0 0 0;
}
.singleContact {
float: right;
}
.pagination li {
float: left;
margin-right: 10px;
}
/* Comments */
.form-submit input {
color: #fff !important;
word-spacing: 0.25em;
font-family: 'Oswald', sans-serif;
text-transform: none !important;
line-height: 22px;
padding: 12px 13px 11px;
text-align: center;
display: inline-block;
margin-top: 5px;
margin-bottom: 18px;
text-decoration: none;
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-transform: uppercase !important;
}
.required {display: none;}
.children {
margin: 0 0 0 100px;
font-size: 100%;
}
.children li .text {
width: 365px !important;
}
.children li .children li .text {
width: 265px !important;
}
#comments .children li, #comments .children li .children li {
background-image: none !important;
margin: 20px 0;
}
#comments p {
font-size: 16px;
line-height: 24px;
}
#comments label {
margin-bottom: 0 !important;
}
#comments h4 {
font-family: 'Oswald', sans-serif;
text-transform: none;
word-spacing: 0.1em;
font-size:17px;
padding-bottom:20px;
border-bottom:1px solid #C9C9C9;
color:#757575;
margin:30px 0;
width: 97%;
}
.comment h5, .comment-inner h5, .comment-inner-inner h5 {
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
font-size:15px;
color:#757575;
margin-bottom:0;
}
.comment p.meta, .comment-inner p.meta, .comment-inner-inner p.meta,
.comment p.meta a, .comment-inner p.meta a, .comment-inner-inner p.meta a {
font-weight:normal;
font-size:11px;
margin-bottom:5px;
}
.comment p.meta a.reply, .comment-inner p.meta a.reply, .comment-inner-inner p.meta a.reply {
font-family:'Droid Serif', 'Georgia', serif;
font-weight:bold;
text-decoration:none;
font-size:11px;
font-style:italic;
}
.comment p.meta a.reply:hover, .comment-inner p.meta a.reply:hover, .comment-inner-inner p.meta a.reply:hover {
text-decoration:underline;
}
#comments .children .children {
}
.comment-reply-link { font-size: 17px !important;}
#comments .children .comment-inner.last + .children {
background:none;
}
#comments .comment {
overflow:hidden;
background:transparent;
margin-bottom: 30px;
}
#comments .comment-inner {
padding-left:81px;
overflow:hidden;
background:transparent;
}
#comments .comment-inner-inner {
padding-left:163px;
padding-bottom:20px;
overflow:hidden;
}
#comments .comment .avatar, #comments .comment-inner .avatar, #comments .comment-inner-inner .avatar {
float:left;
margin-right:25px;
}
#comments .comment .avatar img, #comments .comment-inner .avatar img, #comments .comment-inner-inner .avatar img {
margin-top:1px;
}
#comments .comment, #comments .comment-inner, #comments .comment-inner-inner {
background-image:url('images/comment-line-3.png');
background-repeat:no-repeat;
}
#comments .comment.last, #comments .comment-inner.last, #comments .comment-inner-inner.last {
background-image:url('images/comment-line-5.png');
}
#comments .comment.last.nochildren, #comments .comment-inner.last.nochildren, #comments .comment-inner-inner.last.nochildren {
background-image:url('images/comment-line-7.png');
}
#comments .comment {
background-position:-50px -115px;
}
#comments .comment-inner {
background-position:34px -115px;
}
#comments .comment-inner-inner {
background-position:118px -115px;
}
#comments .comment .text {
background: white;
padding: 25px;
border: 1px solid #CDCED0;
width:465px;
float:left;
}
#comments .comment-inner .text {
width:425px;
float:left;
}
#comments .comment-inner-inner .text {
width:345px;
float:left;
}
#leave-comment h4, #contact-form h4 {
font-family: 'Oswald', sans-serif;
font-size:17px;
padding-bottom:20px;
border-bottom:1px solid #C9C9C9;
color:#757575;
margin-bottom:30px;
}
.comment-form label {
margin-bottom: 10px;
font-weight:normal;
font-size:15px;
}
.comment-form label span {
color:#a39c5c;
}
.comment-form #name, .comment-form #email, .comment-form #website, .comment-form #comment {
width: 50%;
display:block;
margin-bottom:15px;
color:#878787;
padding:10px 10px;
}
.comment-form #comment {
height:230px;
width:97% !important;
resize:none;
font-size:11.5px;
line-height:24px;
padding:10px 0px 0px 10px;
margin-bottom:25px;
}
#leave-comment .button-big {
margin-bottom: 0 !important;
}
/* Ads */
.homeHorizontalWidget {
margin: 20px 0 0 0;
}
/* Widgets */
#wp-calendar {
width: 100%;
}
#wp-calendar caption {
margin-bottom: 15px;
text-align: left;
font-weight: bold;
font-size: 12px;
}
.pricingTable {
margin-bottom: 20px;
}
.pricing li {
background: #262729;
margin: 0 !important;
text-align: center;
}
.pricing .title {
background: url(images/pricingBg.png) #262729 top right no-repeat;
color: white;
font-family: 'Oswald', sans-serif;
font-size: 28px;
line-height: 38px;
padding: 35px 15px;
text-shadow: none;
}
.pricing .price {
font-family: 'Arbutus Slab', serif;
font-size: 45px;
text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
line-height: 38px;
padding: 35px 15px;
color: #fff;
}
.pricingTable .special .price { background: #262729 !important; }
.pricing .description {
font-family: 'Archivo Narrow', sans-serif;
font-style: italic;
font-size: 15px;
color: #b2b2b2;
padding: 35px 15px;
}
.special .description { color: #fff; }
.pricing .description em {
font-weight: normal;
color: #fff;
}
/**** Isotope Filtering ****/
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
#reset { display: none; }
.pageContentWrapper ul li {
margin-bottom: 18px;
}
.home .widgetModuleWrapper {
margin-top: 40px;
}
.widgetModuleWrapper {
padding-bottom: 40px;
}
.pageWidgetModule {
padding-bottom: 40px;
}
.widget {
margin-bottom: 20px;
}
.home .widgetModule .widget {
margin-top: -25px;
}
.widgetModule .widget {
margin-bottom: 0;
}
.widgetModuleWrapper .widgetModule .widget {
margin-bottom: 44px;
}
.pageWidgetModule .widget {
margin-top: 0;
}
.widget ul {
margin: 0;
}
.widget h3 {
background: #262729;
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 16px;
padding: 10px 15px;
margin-bottom: 20px;
}
.dd_news_widget h3,
.dd_trainers_widget h3,
.dd_classes_widget h3Â
{ margin-bottom: 20px !important; }
.widgetModuleWrapper .widget span a,
.sidebar .widget span a {
float: right;
color: #cdcdce;
font-family: 'Oswald', sans-serif;
font-size: 10px;
text-transform: uppercase;
padding: 6px;
margin-top: 5px;
line-height: 13px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: none repeat scroll 0 0 rgba(255,255,255,0.08);
text-decoration: none;
-webkit-transition: all 60ms ease-in ; /* property duration timing-function delay */
-moz-transition: all 60ms ease-in ; /* property duration timing-function delay */
transition: all 60ms ease-in ; /* property duration timing-function delay */
}
.widget .button-small,.widget .button-small-theme {
margin-bottom: 0;
}
.widget .postTitle h1 {
color: #575757;
font-family: 'Oswald', sans-serif;
font-size: 16px;
font-weight: 400;
border-bottom: 1px solid rgba(0,0,0,0.2);
line-height: 25px;
padding: 0 18px 8px 0;
margin-top: 8px;
}
.trainersPost .postTitle h1 {
color: #fff;
border-bottom: 1px solid rgba(255,255,255,0.2);
}
.trainersPost p {
color: #afafb0;
}
.widget .postTitle {
text-decoration: none;
}
.postThumb img {
display: block;
}
.postThumb {
position: relative;
}
.postThumbDate {
position: absolute;
font-family: 'Oswald', sans-serif;
padding: 20px 30px;
text-shadow: -1px -1px rgba(0,0,0,0.15);
}
.postThumbDateMonth {
color: #fff;
font-size: 30px;
display: block;
text-align: center;
text-transform: uppercase;
line-height: 30px;
margin-bottom: 10px;
}
.postThumbDateDay {
color: #fff;
color: rgba(255,255,255,0.6);
font-size: 24px;
display: block;
line-height: 25px;
text-align: center;
}
.postDetails {
padding: 10px;
}
.postDetails p {
font-size: 100%;
}
.newsPost .postDetails {
padding: 10px 20px 20px;
border: 1px solid #cdced0;
margin-top: -1px;
}
.widget span a:hover {
color: #fff;
}
.dd_news_widget ul li,
.dd_trainers_widget ul li,
.dd_classes_widget ul li
{ margin-bottom: 20px; }
.sidebar .textwidget,
.sidebar .widget_pages ul,
.sidebar .widget_archive ul,
.sidebar .widget_categories ul,
.widget #calendar_wrap,
.sidebar .widget_meta ul,
.sidebar .widget_links ul,
.sidebar .widget_nav_menu ul,
.sidebar .widget_recent_entries ul,
.sidebar .widget_recent_comments ul,
.widgetModuleWrapper .textwidget,
.widgetModuleWrapper .widget_pages ul,
.widgetModuleWrapper .widget_archive ul,
.widgetModuleWrapper .widget_categories ul,
.widget #calendar_wrap,
.widgetModuleWrapper .widget_meta ul,
.widgetModuleWrapper .widget_links ul,
.widgetModuleWrapper .widget_nav_menu ul,
.widgetModuleWrapper .widget_recent_entries ul,
.widgetModuleWrapper .widget_recent_comments ul
{
background: #fff;
border: 1px solid #cdced0;
border-top: none;
padding: 20px 20px 10px 20px;
font-size: 90%;
}
.sidebar .widget_pages ul li,
.sidebar .widget_archive ul li,
.sidebar .widget_categories ul li,
.widget #calendar_wrap,
.sidebar .widget_meta ul li,
.sidebar .widget_links ul li,
.sidebar .widget_nav_menu ul li,
.sidebar .widget_recent_entries ul li,
.sidebar .widget_recent_comments ul li,
.widgetModuleWrapper .widget_pages ul li,
.widgetModuleWrapper .widget_archive ul li,
.widgetModuleWrapper .widget_categories ul li,
.widget #calendar_wrap,
.widgetModuleWrapper .widget_meta ul li,
.widgetModuleWrapper .widget_links ul li,
.widgetModuleWrapper .widget_nav_menu ul li,
.widgetModuleWrapper .widget_recent_entries ul li,
.widgetModuleWrapper .widget_recent_comments ul li
{
margin-bottom: 13px;
padding-bottom: 13px;
border-bottom: 1px solid #dadada;
}
.widget ul li a { text-decoration: none; }
.sidebar .widget_pages ul li:last-child,
.sidebar .widget_archive ul li:last-child,
.sidebar .widget_categories ul li:last-child,
.sidebar .widget_meta ul li:last-child,
.sidebar .widget_links ul li:last-child,
.sidebar .widget_nav_menu ul li:last-child,
.sidebar .widget_recent_entries ul li:last-child,
.sidebar .widget_recent_comments ul li:last-child,
.widgetModuleWrapper .widget_pages ul li:last-child,
.widgetModuleWrapper .widget_archive ul li:last-child,
.widgetModuleWrapper .widget_categories ul li:last-child,
.widgetModuleWrapper .widget_meta ul li:last-child,
.widgetModuleWrapper .widget_links ul li:last-child,
.widgetModuleWrapper .widget_nav_menu ul li:last-child,
.widgetModuleWrapper .widget_recent_entries ul li:last-child,
.widgetModuleWrapper .widget_recent_comments ul li:last-child
{
border: none;
padding-bottom: 0;
}
.sidebar .widget_pages h3,
.sidebar .widget_archive h3,
.sidebar .widget_categories h3,
.widget_calendar h3,
.sidebar .widget_meta h3,
.sidebar .widget_links h3,
.sidebar .widget_nav_menu h3,
.sidebar .widget_recent_entries h3,
.sidebar .widget_recent_comments h3,
.widgetModuleWrapper .widget_pages h3,
.widgetModuleWrapper .widget_archive h3,
.widgetModuleWrapper .widget_categories h3,
.widgetModuleWrapper .widget_meta h3,
.widgetModuleWrapper .widget_links h3,
.widgetModuleWrapper .widget_nav_menu h3,
.widgetModuleWrapper .widget_recent_entries h3,
.widgetModuleWrapper .widget_recent_comments h3
{
margin: 0;
}
.sidebar .sub-menu, .sidebar .sub-menu li {
border: none !important;
padding: 0 ;
}
.classesPost li .wrapper {
border: 1px solid #cdced0;
padding: 10px;
background: #fff;
}
.trainersPost li .wrapper {
padding: 10px;
}
.widget_text h3 {
margin: 0;
}
.textwidget p { line-height: 24px; }
.textwidget img { display: block; }
.trainersPost li {
background: #262729;
}
.newsPost li {
background: #fff;
}
.classesInfo h3 {
border: none !important;
padding: 0;
margin-bottom: 10px;
}
.classesInfo {
background: #262729;
color: white;
font-size: 16px;
padding: 10px 15px 20px;
margin-bottom: 20px;
}
.classesInfo .button-small, .classesInfo .button-small-theme { margin-right: 10px; }
.difficultyBar {
background: #35373c;
width: 100%;
height: 35px;
margin-bottom: 25px;
}
.difficultyLevel {
height: 35px;
}
.difficultyText {
border-bottom: 1px solid rgba(255,255,255,0.2);
margin-bottom: 15px !important;
}
.difficultyText li {
float: left;
margin-right: 52px;
}
.difficultyText li:last-child {
margin-right: 0;
}
.difficultyText span {
padding: 0 4px;
background: rgba(0,0,0,0.30);
padding: 5px 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 12px;
color: rgba(255,255,255,0.40);
}
.difficultyText .active {
background: rgba(255,255,255,0.20);
color: rgba(255,255,255,0.80);
}
.pp_social { display: none; }
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .bypostauthor ,.aligncenter {}
/* Contact Form */ .contactTitle {
padding: 20px 15px 0 15px !important;
margin-bottom: 20px !important;
}
.contactForm {
background: #303234;
padding: 0 18px;
}
#contactForm #senderName, #contactForm #senderEmail, #contactForm textarea {
background: #4c4d4f;
border: none;
padding: 10px;
}
#contactForm input:focus, #contactForm textarea:focus {
border: none;
color: #cfd2d7;
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
box-shadow: inset 0 0 2px rgba(255,255,255,0.2), inset 0 0 10px rgba(255,255,255,0.08);
}
#contactForm, .statusMessage {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin: 0;
}/* Style for the contact form and status messages */
#contactForm, .statusMessage {
color: #666;
text-shadow: none;
}/* The form dimensions */
/* Position the form in the middle of the window (if JavaScript is enabled) */
#contactForm.positioned {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin-top: auto;
margin-bottom: auto;
}/* Dimensions and position of the status messages */
.statusMessage {
display: none;
margin: auto;
width: 30em;
height: 2em;
padding: 1.5em;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.statusMessage p {
text-align: center;
line-height: 29px;
margin: 0;
padding: 0;
}/* The header at the top of the form */
#contactForm h2 {
font-size: 2em;
font-style: italic;
letter-spacing: .05em;
margin: 0 0 1em -.75em;
padding: 1em;
width: 19.5em;
color: #aeb6aa;
background: #dfe0e5 url('images/stamp.jpg') no-repeat 15em -3em; /* http://morguefile.com/archive/display/606433 */
border-bottom: 1px solid #aaa;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}/* Give form elements consistent margin, padding and line height */
#contactForm ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
float: left;
}
#contactForm ul li {
margin: 0;
padding: 0;
border: none;
width: 100%;
}
/* The field labels */
#contactForm label {
margin-bottom: 15px;
font-size: 14px;
color: #787b81;
text-transform: uppercase;
text-shadow: none;
line-height: 22px;
}/* The fields */
textarea {
display: block;
width: 90%;}
textarea {
height: 13em;
line-height: 1.5em;
resize: none;
}/* Place a border around focused fields, and hide the inner shadow */
#contactForm *:focus {
border: 1px solid #66f;
outline: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
#cancel, #sendMessage {
cursor: pointer;
}
#sendMessage {
border: none;
text-transform: uppercase;
margin-bottom: 30px;
}
/* Display correctly filled-in fields with a green background *//* The Send and Cancel buttons */
.statusMessage {
background: #fff;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0, 0.5);
box-shadow: 0 2px 5px rgba(0,0,0, 0.5);
-moz-box-shadow: 0 2px 5px rgba(0,0,0, 0.5);
}/* Footer */
footer {
padding: 60px 0;
}
footer a, .smallFooter a {
color: #bec2c9 !important;
}
footer a:hover, .smallFooter a:hover {
color: #fff !important;
}
.footerModule h2 {
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 16px;
margin: 0;
text-shadow: none;
padding: 10px 15px;
}
.footerModule h3 {
background: #303234;
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 16px;
padding: 10px 15px;
margin: 0;
width: 265px;
float: left;
}
.footerModule .odd {
background: #151617;
}
.moduleLabel {
float: left;
width: 40%;
}
.footerModule .moduleDescription {
color: #787b81;
width: 53%;
float: right;
padding-top: 4px !important;
text-shadow: none;
font-size: 16px;
line-height: 24px;
text-align: right;
font-family: 'Archivo Narrow', sans-serif;
font-style: italic;
}
.smallFooter {
padding: 20px 0;
color: #787b81;
font-size: 14px;
font-family: 'Archivo Narrow', sans-serif;
font-style: italic;
}
.contentLeft {
text-align: left;
}
.contentRight {
text-align: right;
}
/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 959px) and (max-width: 1300px) {
.slidesDescription {
bottom: 15%;
}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.children li .text {
width: 245px !important;
}
.children li .children li .text {
width: 145px !important;
}
.logo { width: 140px; }
#comments .comment .text { width: 345px; }
#comments .comment-inner .text { width: 310px; }
#comments .comment-inner-inner .text {width: 215px;}
.pricing .title { font-size: 23px; }
.difficultyText li {
float: left;
margin-right: 20px;
}
footer .footerModule h3 {
width: 201px;
}
.whiteTop2 {
display: none !important;
}
#carousel .flex-viewport {
background: #fff;
}
#carousel .slides {
padding: 20px 0 0 0 !important;
}
.slidesDescription .button-big {
font-size: 15px;
padding-top: 10px;
}
.slidesDescription {
left: 20px !important;
bottom: 8%;
}
.slidesDescription h2 {
font-size: 30px;
margin-bottom: 10px;
}
.slidesDescription span {
font-size: 19px;
}
.logo span {
display: none;
}
#carousel .slides li {
width: 172px !important;
}
#carousel .slides {
width: 768px !important;
}
.whiteTop {
display: none;
}
.whiteTop2 {
display: block;
}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.children li .text {
width: 81% !important;
}
.children li .children li .text {
width: 72% !important;
}
.topBarSearch form, .topBarSearch input {
margin: 0;
width: 337px;
}
#comments .comment .text { width: 85%; }
#comments .comment-inner .text { width: 235px; }
#comments .comment-inner-inner .text {width: 145px;}
.difficultyText li {
float: left;
margin-right: 112px;
}
.contactModule .footerModule {
left: -296px;
width: 422px;
}
.contactModule .footerModule h3 {
width: 387px;
}
.nav { display: none; }
nav select { display: block !important; margin-bottom: 40px; }
.select-container { display: block; }
.mobileNav { display: block; }
.logo {
margin-bottom: 25px;
margin-left: 65px;
}
header { text-align: center; }
.slideContent {
display: none;
}
.slidesDescription, #carousel, .whiteTop, .whiteTop2 {
display: none;
}
#slider {
margin-bottom: 20px;
}
.widgetModule .widget, footer .one-third {
margin-top: 0;
margin-bottom: 35px !important;
}
footer { padding: 40px 0;}
.topBarSearch {
float: none;
}
.topBarSearch input {
width: 355px;
}
.topBarMenu, .topBarMenu a {
font-size: 14px;
}
.footerModule h3 {
width: 385px;
}
#carousel .slides li {
width: 25% !important;
}
#carousel .slides {width: 100% !important;}
.contentLeft {text-align: center;}
.contentRight {text-align: center;}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.mainNav { border: none; }
.breadcrumb { text-align: left; }
.pageContentWrapper .isotope-item {margin-bottom: 20px;}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.children li .text {width: 73% !important;}
.children li .children li .text {width: 48% !important;}
#comments .comment .text { width: 82%; }
#comments .comment-inner .text { width: 110px; }
#comments .comment-inner-inner .text {width: 20px;}
.difficultyText li {
float: left;
margin-right: 52px;
}
.mainNav { border: none; }
.breadcrumb { text-align: left; }
.contactModule .footerModule {
width: 300px;
left: -225px;
}
.contactModule .footerModule h3 {
width: 264px;
}
.footerModule h3 {
width: 265px;
}
.logo {
margin-left: 10px;
}
.topBarSearch input {
width: 235px;
}
.phone {
background-image: none;
}
.contact {
background-image: none;
}
.openingHours {
background-image: none;
}
.openingHours:hover, .contact:hover {
background-image: none;
}
.topBarMenu span, .topBarMenu a {
padding: 13px 20px 13px 13px;
}
.pageContentWrapper .isotope-item {
margin-bottom: 20px;
}
.singleInfo h1 {
font-size: 29px;
line-height: 42px;
}
.titreposthome {
color: #575757;
font-family: 'Oswald', sans-serif;
font-size: 16px;
font-weight: 400;
border-bottom: 1px solid rgba(0,0,0,0.2);
line-height: 25px;
padding: 0 18px 8px 0;
margin-top: 8px;
padding: 10px;
}
#h2fichecourse {
color: white;
font-family: 'Oswald', sans-serif;
font-size: 30px;
margin: 0;
/*float: left;*/
width: 100%;
text-shadow: none;
}
.excerptfichecourse {
border-top: none;
}
/* #Font-Face
================================================== */
/* This is the proper syntax for an @font-face file
Just create a "fonts" folder at the root,
copy your FontName into code below and remove
comment brackets */
/* @font-face {
font-family: 'FontName';
src: url('../fonts/FontName.eot');
src: url('../fonts/FontName.eot?iefix') format('eot'),
url('../fonts/FontName.woff') format('woff'),
url('../fonts/FontName.ttf') format('truetype'),
url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
font-weight: normal;
font-style: normal; }
*/