@font-face {
font-family: 'socialicon';
src:url(//betterbodiesblackburn.co.uk/wp-content/plugins/wp-social-widget/assets/fonts/socialicon.eot?4xqn5s);
src:url(//betterbodiesblackburn.co.uk/wp-content/plugins/wp-social-widget/assets/fonts/socialicon.eot?4xqn5s#iefix) format('embedded-opentype'),
url(//betterbodiesblackburn.co.uk/wp-content/plugins/wp-social-widget/assets/fonts/socialicon.ttf?4xqn5s) format('truetype'),
url(//betterbodiesblackburn.co.uk/wp-content/plugins/wp-social-widget/assets/fonts/socialicon.woff?4xqn5s) format('woff'),
url(//betterbodiesblackburn.co.uk/wp-content/plugins/wp-social-widget/assets/fonts/socialicon.svg?4xqn5s#socialicon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="sicon-"], [class*=" sicon-"] { font-family: 'socialicon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.sicon-mail:before {
content: "\e900";
}
.sicon-rss:before {
content: "\e901";
}
.sicon-behance:before {
content: "\e902";
}
.sicon-foursquare:before {
content: "\e903";
}
.sicon-skype:before {
content: "\e904";
}
.sicon-soundcloud:before {
content: "\e905";
}
.sicon-vine:before {
content: "\e906";
}
.sicon-vk:before {
content: "\e907";
}
.sicon-xing:before {
content: "\e908";
}
.sicon-yelp:before {
content: "\e909";
}
.sicon-dribbble:before {
content: "\e90a";
}
.sicon-facebook:before {
content: "\e90b";
}
.sicon-flickr:before {
content: "\e90c";
}
.sicon-github:before {
content: "\e90d";
}
.sicon-google:before {
content: "\e90e";
}
.sicon-instagram:before {
content: "\e90f";
}
.sicon-linkedin:before {
content: "\e911";
}
.sicon-pinterest:before {
content: "\e912";
}
.sicon-stumbleupon:before {
content: "\e913";
}
.sicon-tumblr:before {
content: "\e914";
}
.sicon-twitter:before {
content: "\e915";
}
.sicon-vimeo:before {
content: "\e916";
}
.sicon-youtube:before {
content: "\f166";
}body .wpsw-social-links ,
body .wpsw-social-links-shortcode {
margin: 0;
padding: 0;
}
body .wpsw-social-links li,
body .wpsw-social-links-shortcode li {
display: inline-block;
list-style: none;
}
body .wpsw-social-links li a,
body .wpsw-social-links-shortcode li a{
text-decoration: none;
display: block;
margin-bottom: 10px;
}
body .wpsw-social-links li .social-icon,
body .wpsw-social-links-shortcode li .social-icon {
display: inline-block;
font-size: 20px;
height: 50px;
line-height: normal;
margin-right: 10px;
padding: 15px;
position: relative;
text-align: center;
width: 50px;
z-index: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
body .wpsw-social-links-shortcode li .social-icon {
margin-right: 1px;
}
body .social-icon:after {
content: '';
height: 100%;
pointer-events: none;
position: absolute;
width: 100%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
body .social-icon:before {
text-transform: none;
display: block;
-webkit-font-smoothing: antialiased;
}
body .social-icon {
-webkit-transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
}
body .social-icon:after {
top: 0;
left: 0;
padding: 0;
-webkit-box-shadow: 0 0 0 3px #fff;
-moz-box-shadow: 0 0 0 3px #fff;
-ms-box-shadow: 0 0 0 3px #fff;
-o-box-shadow: 0 0 0 3px #fff;
box-shadow: 0 0 0 3px #fff;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s;
}
body .social-icon:hover:after,
body .social-icon:focus:after {
-webkit-transform: scale(0.85);
-moz-transform: scale(0.85);
-ms-transform: scale(0.85);
transform: scale(0.85);
opacity: 0.5;
}.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
html { -webkit-font-smoothing: antialiased }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
ol, ul { list-style: none }
blockquote, q { quotes: none }
table {
border-collapse: collapse;
border-spacing: 0;
}
button, input, select, textarea { margin: 0 }
:focus { outline: 0 }
img, video, object {
max-width: 100%;
height: auto!important;
}
iframe { max-width: 100% }
blockquote {
font-style: italic;
font-weight: normal;
font-size: 15px;
position: relative;
margin-top: 25px;
background: url(//betterbodiesblackburn.co.uk/wp-content/themes/mts_justfit/images/members-back.png);
padding: 30px;
padding-left: 60px;
color: #c2c2c2;
padding-top: 28px;
margin-bottom: 20px;
}
blockquote:after {
font-family: FontAwesome;
position: absolute;
content: "\f10d";
font-size: 20px;
width: 50px;
top: 20px;
left: 30px;
}
blockquote span {
color: #fff;
font-style: normal;
font-weight: 600;
margin-left: 5px;
}
blockquote p { margin-bottom: 10px }
strong, b { font-weight: bold }
em, i, cite { font-style: italic }
small { font-size: 100% }
figure { margin: 10px 0 }
code, pre {
font-weight: normal;
font-style: normal;
}
pre {
margin: 5px 0 20px 0;
line-height: 1.3em;
padding: 8px 10px;
overflow: auto;
}
code {
padding: 0 8px;
line-height: 1.5;
}
pre code { padding: 0 }
mark {
padding: 1px 6px;
margin: 0 2px;
color: black;
background: #FFF7A8;
}
address {
margin: 10px 0;
font-style: italic;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
#gallery-1 img { border: 0!important }
.wp-caption-text { margin-bottom: 0 }
dt {
float: left;
clear: left;
width: 100px;
text-align: right;
font-weight: bold;
}
dd {
margin: 0 0 0 110px;
padding: 0 0 0.5em 0;
overflow: hidden;
} .alignnone { margin: 5px 20px 20px 0 }
.aligncenter, div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone { margin: 5px 20px 20px 0 }
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 0;
margin-bottom: 15px;
max-width: 100%;
}
.wp-caption.alignleft { margin: 5px 20px 20px 0 }
.wp-caption.alignright { margin: 5px 0 20px 20px }
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 14px;
padding: 0 4px 5px;
color: #333;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } body {
font: 14px/23px 'Open Sans', sans-serif;
color: #555;
overflow-x: hidden;
background-color: #ededed;
}
::-moz-selection {
background: #222;
color: white;
text-shadow: none;
}
::selection {
background: #222;
color: white;
text-shadow: none;
}
#page, .container {
position: relative;
margin-right: auto;
margin-left: auto;
}
.post-single-content h2 { font-size: 24px }
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
margin-bottom: 12px;
color: #444;
}
h1 {
font-size: 28px;
line-height: 1.4;
}
h2 { line-height: 1.4 }
h3 {
font-size: 22px;
line-height: 1.4;
}
h4 {
font-size: 20px;
line-height: 1.4;
}
h5 {
font-size: 18px;
line-height: 1.4;
}
h6 {
font-size: 16px;
line-height: 1.4;
}
.sub-title { font-size: 12px }
p { margin-bottom: 20px }
a {
text-decoration: none;
color: #ed1c24;
transition: all 0.25s ease;
}
a:link, a:visited, a:active { text-decoration: none }
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: transparent } input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color: transparent } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: transparent } input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color: transparent } .main-container {
width: 100%;
margin: 0 auto;
clear: both;
display: block;
overflow: hidden;
}
#page, .container {
max-width: 1170px;
min-width: 240px;
}
#page {
float: none;
clear: both;
min-height: 100px;
padding-top: 40px;
}
.container {
float: none;
clear: both;
} header {
float: left;
width: 100%;
position: relative;
}
.main-header {
position: relative;
float: left;
width: 100%;
z-index: 99;
background: #000;
border-bottom: 0;
}
#header {
float: left;
width: 100%;
position: relative;
}
#header h1, #header h2 {
float: left;
display: inline-block;
line-height: 1;
position: relative;
margin-bottom: 0;
}
#logo.text-logo {
margin-bottom: 10px;
margin-top: 13px;
}
#logo a {
text-transform: uppercase;
float: left;
line-height: 1;
color: #fff;
}
#logo img { float: left }
.text-logo a {
font-size: 26px;
color: #fff;
}
.logo-wrap {
overflow: hidden;
float: left;
margin-top: 14px;
margin-right: 20px;
margin-bottom: 10px;
}
.Justfit-train-section img {
width: auto !important;
float: none;
text-align: center;
}
.site-description {
float: left;
margin-top: 0;
max-width: 350px;
clear: left;
}
.header-layout-3 #header h1, .header-layout-3  #header h2, .header-layout-3  .site-description {
float: none;
text-align: center;
width: 100%;
max-width: 100%;
padding: 0;
}
.header-layout-3 #logo a, .header-layout-3 #logo img {
float: none;
letter-spacing: 0;
}
.header-layout-3 .logo-wrap {
margin-bottom: 10px;
margin-top: 0;
width: 100%;
}
#header .header-search { float: right }
#header #searchform {
max-width: 100%;
float: right;
width: auto;
min-width: 206px;
}
#header #s {
margin: 0 !important;
width: 80%;
}
.widget-header {
float: right;
max-width: 77%;
margin-bottom: 12px;
}
.widget-header .textwidget {
float: left;
margin-top: 46px;
border-left: 1px solid #cccccc;
padding-left: 20px;
}
.mts-cart {
z-index: 1;
float: right;
margin: 20px 0 20px 15px;
}
.mts-cart span a {
display: inline-block;
padding: 8px 15px;
background: #fff;
border-radius: 4px;
color: #000;
font-size: 13px;
}
.mts-cart > span:first-child { margin-right: 10px }
.widget-header .adcode-widget {
width: 300px;
height: 250px;
overflow: hidden;
margin: 0 auto;
} .menu-item-has-children > a:after {
content: "\f107";
font-family: FontAwesome;
position: absolute;
right: 20px;
bottom: 7px;
}
.navigation .menu-item-has-children > a { padding-right: 35px }
.primary-navigation .navigation { float: left }
.header-layout-2 .secondary-navigation {
width: auto;
margin-top: 20px;
}
.navigation ul { margin: 0 auto }
.navigation ul li {
float: left;
line-height: 24px;
position: relative;
}
.navigation ul li a, .navigation ul li a:link, .navigation ul li a:visited { display: inline-block }
.navigation > ul > .current a {
background: transparent;
color: #5a5a5a !important;
}
.navigation ul li li {
width: 100%;
background: #fff;
transition: all 0.25s ease;
}
.navigation ul ul {
position: absolute;
padding: 20px 0 0 0;
padding-top: 0;
z-index: 400;
font-size: 12px;
color: #798189;
}
.navigation ul ul li {
padding: 0;
background: #ededed;
color: #000;
}
.navigation ul ul a, .navigation ul ul a:link, .navigation ul ul a:visited {
padding: 9px 45px 9px 20px;
position: relative;
width: 145px;
border-left: 0;
background: transparent;
border-right: 0;
border-radius: 0;
border-bottom: 1px solid rgba(0,0,0,0.05);
margin: 0;
color: #000;
}
.navigation ul ul li:last-child a { border-bottom: none }
.navigation ul ul { display: none }
.navigation ul ul ul {
left: 210px;
top: 0;
}
.header-layout-3 #navigation {
float: none;
text-align: center;
}
.header-layout-3 #navigation .menu { display: inline-block }
.sub-menu .menu-item-has-children:after { color: #fff }
.navigation .toggle-caret { display: none }
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.wpmm-megamenu-container { margin-top: 80px }
.clearfix:after { clear: both }
.clearfix { *zoom: 1 }
a#pull { display: none }
#navigation i { margin-right: 4px } .sticky-nav {
z-index: 500;
position: fixed;
top: 0;
margin: 0 !important;
-webkit-backface-visibility: hidden;
}
.admin-bar .sticky-nav { top: 32px }
.sticky-nav #navigation { background: #ffffff }
#sticky a { transition: all 0.25s linear }
.sticky-nav a {
padding-top: 5px;
padding-bottom: 5px;
}
.primary-navigation {
float: right;
margin: 20px 0;
}
.primary-navigation a {
padding: 8px 15px;
color: #c2c2c2;
font-size: 13px;
font-weight: 600;
transition: all 0.25s linear;
}
#header .readMore {
float: right;
margin-top: 20px;
margin-bottom: 20px;
}
#header .readMore a {
background: #fff;
font-size: 13px;
font-weight: 600;
color: black;
padding: 8px 14px;
display: block;
border-radius: 5px;
}
#header .readMore a:hover { background: #c2c2c2 }
.primary-slider .owl-controls {
opacity: 0;
transition: opacity 0.4s linear;
}
.primary-slider:hover .owl-controls {
opacity: 1;
}
.header-join {
clear: both;
overflow: hidden;
min-height: 476px;
background: url(//betterbodiesblackburn.co.uk/wp-content/themes/mts_justfit/images/header-img.png) center center;
position: relative;
}
.header-join .join-description {
position: absolute;
width: 100%;
top: 50%;
text-align: center;
margin-top: -78px;
}
.header-join .join-description .buttons, .buttons {
padding: 0;
margin: 0;
}
.header-join .join-description .title {
font-size: 50px;
color: #fff;
text-transform: uppercase;
margin-bottom: 20px;
}
.header-join .join-description .readMore {
float: none;
display: inline-block;
}
.header-join .join-description .readMore a {
color: #fff;
font-size: 15px;
font-weight: 600;
display: inline-block;
padding: 14px 30px;
border-radius: 5px;
} .Our-Partners {
width: 100%;
float: left;
background: #fff;
}
.Our-Partners .title {
width: 10.4%;
float: left;
border-right: 1px solid #e0e0e0;
padding-top: 38px;
padding-bottom: 39px;
box-sizing: border-box;
}
.Our-Partners-logos {
float: left;
overflow: hidden;
padding-left: 3.4%;
padding-top: 30px;
padding-bottom: 20px;
width: 89.4%;
box-sizing: border-box;
}
.Our-Partners-logos li {
float: left;
margin-right: 3.8%;
}
.Our-Partners-logos li:last-child { margin-right: 0% } #home_training { padding-top: 40px; }
.featured-category-title {
text-transform: uppercase;
text-align: center;
padding-top: 10px;
padding-bottom: 30px;
margin-bottom: 0px;
font-size: 30px;
}
.Justfit-train-sections {
float: left;
width: 100%;
background: #fff;
box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
.Justfit-train-section {
width: 25%;
float: left;
max-width: 293px;
min-height: 233px;
border-right: 1px solid #e0e0e0;
box-sizing: border-box;
padding-top: 30px;
padding-bottom: 40px;
border-bottom: 1px solid #e0e0e0;
position: relative;
}
.Justfit-train-section:nth-child(4n) { border-right: none }
.Justfit-train-section .post-image-left {
margin-right: 0;
width: 100%;
max-width: 293px;
}
.Justfit-train-section .featured-thumbnail {
float: none;
max-width: 100%;
text-align: center;
width: 100%;
}
.Justfit-train-section .wp-post-image {
float: none;
text-align: center;
width: auto;
}
.Justfit-train-section header {
width: 100%;
text-align: center;
}
.Justfit-train-section header .title {
font-size: 20px;
text-transform: uppercase;
line-height: 1;
margin-bottom: 0px;
padding: 20px 0 0;
max-width: 150px;
margin: auto;
text-align: center;
}
.Justfit-train-section .train-section-hover {
position: absolute;
left: 0;
width: 100%;
opacity: 0;
background: url(//betterbodiesblackburn.co.uk/wp-content/themes/mts_justfit/images/members-back.png);
padding-top: 20px;
padding-bottom: 20px;
height: 100%;
bottom: -20px;
transition: all 0.25s linear;
cursor: pointer;
pointer-events: none;
}
.Justfit-train-section .train-section-hover .hover-image {
width: 100%;
text-align: center;
}
.Justfit-train-section .train-section-hover header h2 { color: #fff }
.Justfit-train-section .train-section-hover .front-view-content {
color: #fff;
padding-left: 20px;
padding-right: 20px;
text-align: center;
clear: both;
padding-top: 15px;
}
.Justfit-train-section:hover .train-section-hover { opacity: 1 } .Justfit-members-container {
width: 100%;
float: left;
background: url(//betterbodiesblackburn.co.uk/wp-content/themes/mts_justfit/images/members-back.png) no-repeat;
margin-top: 60px;
background-size: cover;
}
.Justfit-members {
width: 65.6%;
float: left;
position: relative;
padding-top: 14px;
}
.Justfit-members .featured-thumbnail {
float: none;
width: 100%;
text-align: center;
position: relative;
bottom: -6px;
}
.Justfit-members .featured-thumbnail img { width: auto }
.Justfit-members-stories {
width: 34.4%;
float: left;
background: rgba(255,255,255,0.1);
box-sizing: border-box;
padding: 128px 30px 132px 90px;
}
.Justfit-members-description {
left: 0;
top: 0;
position: absolute;
text-align: left;
}
.description-1 {
left: 40px;
top: 30px;
position: absolute;
text-align: right;
}
.description-2 {
right: 25px;
top: 95px;
position: absolute;
left: inherit;
}
.Justfit-members-description h2 {
color: #fff;
font-size: 20px;
text-transform: uppercase;
font-weight: 400;
margin-bottom: 8px;
margin-right: 0;
}
.Justfit-members-description .front-view-content {
color: #c2c2c2;
line-height: 1.3;
width: 160px;
}
.Justfit-members-stories h2 {
color: #fff;
text-transform: uppercase;
line-height: 1;
font-size: 30px;
}
.Justfit-members-stories .readMore { padding-top: 25px }
.Justfit-members-stories .readMore a {
padding: 11px 12px;
display: inline-block;
color: #fff;
border-radius: 5px;
} .Justfit-benefit-sections {
float: left;
width: 100%;
background: #fff;
padding: 50px 12.2%;
box-sizing: border-box;
margin-top: 60px;
padding-bottom: 25px;
box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
.Justfit-benefit-sections h3 {
font-size: 30px;
text-transform: uppercase;
text-align: center;
margin-bottom: 0px;
}
.benefit-subheading {
text-align: center;
margin-top: 4px;
margin-bottom: 50px;
width: 50%;
margin-left: auto;
margin-right: auto;
}
.Justfit-benefit-section {
width: 46%;
margin-right: 8%;
float: left;
margin-bottom: 30px;
}
.Justfit-benefit-section:nth-child(even) { margin-right: 0% }
.benefit-icon {
width: 50px;
height: 50px;
border-radius: 50%;
display: block;
background: #222222;
text-align: center;
float: left;
margin-right: 20px;
margin-top: 2px;
transition: all 0.25s linear;
}
.benefit-icon i {
font-size: 20px;
color: #fff;
margin-top: 15px;
}
.Justfit-benefit-section .title {
font-size: 17px;
text-transform: uppercase;
width: auto;
clear: none;
overflow: hidden;
margin-bottom: 8px;
float: none;
}
.Justfit-benefit-section .title a, .Justfit-facility-section header .title a {
color: inherit;
transition: all 0.25s linear;
}
.sidebar .widget li, .sidebar .widget p {
padding: 0 20px 10px;
}
.sidebar .widget .textwidget p { padding: 0 }
.sidebar .widget li:first-child { margin-top: 20px }
.sidebar .widget .children li, .sidebar .widget .children li:first-child, .sidebar .widget .children li:last-child {
padding: 0 0 10px 20px;
margin-top: 0;
}
.sidebar .widget .children li:last-child { padding-bottom: 0 }
.sidebar .widget .children { margin: 10px 0 0 }
.sidebar .widget li:last-child { padding-bottom: 20px }
.primary-navigation .wpmm-megamenu-showing.wpmm-light-scheme { background: none !important }
.primary-navigation .wpmm-megamenu-showing.wpmm-light-scheme a { color: #c2c2c2 }
.Justfit-benefit-section header {
float: none;
width: auto;
overflow: hidden;
}
.Justfit-benefit-section header .front-view-content { line-height: 1.45 } .Justfit-facility-sections {
padding: 50px 12.1%;
padding-bottom: 0px;
}
.Justfit-facility-section {
width: 28%;
margin-right: 8%;
float: left;
text-align: center;
margin-bottom: 52px;
}
.Justfit-facility-section:nth-of-type(3n+1) { margin-right: 0% }
.Justfit-facility-section header .title {
font-size: 20px;
text-transform: uppercase;
margin-bottom: 5px;
}
.Justfit-facility-section header { margin-top: 28px }
.facility-subheading {
margin-top: 0px;
margin-bottom: 55px;
}
.Justfit-facility-section img { border-radius: 50% } .Justfit-ambition {
float: left;
width: 100%;
background-image: url(//betterbodiesblackburn.co.uk/wp-content/themes/mts_justfit/images/supp-back.png);
background-repeat: no-repeat;
background-size: cover;
background-color: #fff;
margin-top: 60px;
text-align: center;
padding-top: 60px;
padding-bottom: 60px;
box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
.Justfit-ambition .ambition-image {
float: left;
width: 100%;
margin-bottom: 40px;
}
.Justfit-ambition h3 {
font-size: 30px;
text-transform: uppercase;
}
.Justfit-ambition .subheading {
font-size: 15px;
margin-top: 20px;
width: 75%;
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
line-height: 1.5;
}
.Justfit-ambition .readMore {
float: none;
text-align: center;
margin-top: 55px;
display: inline-block;
}
.Justfit-ambition .readMore a {
display: inline-block;
padding: 11px 11px;
color: #fff;
border-radius: 5px;
font-size: 14px;
} .Justfit-meals {
}
.Justfit-meals .Justfit-benefit-section { text-align: left }
.Justfit-meals .Justfit-benefit-section:nth-child(even) { margin-right: 8% }
.Justfit-meals .Justfit-benefit-section:nth-child(odd) { margin-right: 0% }
.Justfit-meals .subheading {
padding-bottom: 55px;
position: relative;
margin-bottom: 60px;
}
.Justfit-meals .subheading:after {
position: absolute;
content: '';
width: 176%;
height: 1px;
background: #e0e0e0;
left: -38%;
bottom: 0;
max-width: 1170px;
} .Justfit-Progress {
width: 100%;
float: left;
background-image: url(//betterbodiesblackburn.co.uk/wp-content/themes/mts_justfit/images/members-back.png);
background-repeat: no-repeat;
background-size: cover;
text-align: center;
padding-bottom: 60px;
margin-top: 60px;
margin-bottom: -4px;
}
.Justfit-heading {
padding: 50px 0 55px;
background: rgba(255,255,255,0.06);
}
.Justfit-Progress h3 {
font-size: 30px;
text-transform: uppercase;
color: #fff;
margin-bottom: 5px;
}
.Justfit-Progress .subheading {
font-size: 15px;
color: #c2c2c2;
width: 40%;
margin-left: auto;
margin-right: auto;
line-height: 1.5;
}
.Justfit-Progress-Videos {
width: 100%;
float: none;
box-sizing: border-box;
padding: 60px 0 40px;
max-width: 900px;
margin: 0 auto;
display: table;
}
.Justfit-Progress-Video {
width: 31.1%;
margin-right: 3.3%;
margin-bottom: 20px;
float: left;
position: relative;
}
.Justfit-Progress-Video img {
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}
.Justfit-Progress-Video:nth-child(3n) { margin-right: 0% }
.Justfit-Progress-Video .play-icon {
position: absolute;
width: 62px;
height: 62px;
background: rgba(0,0,0,0.6);
display: block;
text-align: center;
left: 50%;
top: 50%;
margin-left: -31px;
margin-top: -31px;
border-radius: 50%;
}
.Justfit-Progress-Video .play-icon i {
color: #fff;
margin-top: 23px;
font-size: 17px;
}
.Justfit-Progress .readMore { float: none }
.Justfit-Progress .readMore a {
display: inline-block;
color: #fff;
padding: 11px 11px;
border-radius: 5px;
font-size: 14px;
} .article {
width: 65.38%;
float: left;
margin-bottom: 10px;
padding: 0;
max-width: 765px;
}
.content_box {
float: left;
width: 100%;
}
.post {
float: left;
width: 100%;
}
.single_post {
background-color: #fff;
float: left;
width: 100%;
box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
margin-bottom: 40px;
}
.error404 .single_post {
padding: 30px;
box-sizing: border-box;
}
.error404 .single_post .post-content { padding: 0 }
.single_page {
padding-top: 0;
background-color: white;
}
.post-content {
float: left;
width: 100%;
clear: both;
padding: 26px;
overflow: hidden;
margin-bottom: 15px;
box-sizing: border-box;
}
.post-single-content {
clear: both;
padding: 25px 30px;
}
.readMore {
float: left;
color: #7B7A79;
font-weight: 600;
}
.readMore a {
background: #ed1c24;
transition: all 0.25s linear;
}
.readMore a:hover { background: #da0f16 }
.frontPost .readMore a {
color: #000;
font-size: 12px;
}
.ss-full-width .content_box {
padding-right: 0;
padding-left: 0;
}
.post.excerpt {
clear: both;
margin-bottom: 30px;
overflow: hidden;
padding-bottom: 15px;
background-color: #fff;
width: auto;
}
.wp-post-image { float: left }
.featured-thumbnail {
float: left;
max-width: 100%;
width: 100%;
}
.post-image {
float: left;
display: block;
position: relative;
width: 100%;
}
.post-image-fullwidth {
margin-bottom: 10px;
display: block;
position: relative;
}
.featured-thumbnail img {
margin-bottom: 0;
width: 100%;
}
.title { clear: both }
.page h1.title {
padding-top: 0;
margin-bottom: 0;
}
.post-info {
display: block;
color: #c2c2c2;
float: left;
clear: both;
width: 100%;
}
.post-info .theauthor a, .post-info a {
color: #ed1c24;
transition: all 0.25s ease;
}
.post-info > span { margin-right: 7px } article header {
float: left;
width: 100%;
}
.latestPost {
width: 47.05%;
float: left;
margin-bottom: 40px;
margin-right: 5.9%;
max-width: 360px;
background: #fff;
box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
.last, .f-widget.last { margin-right: 0 }
.latestPost .title {
display: block;
font-size: 20px;
margin-top: 10px;
margin-bottom: 0px;
padding-bottom: 22px;
}
.latestPost .title a {
display: block;
color: inherit;
line-height: 1.3;
transition: all 0.25s linear;
}
.latestPost .title a:hover { color: #da0f16 }
.latestPost header {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
padding-top: 20px;
border-bottom: 1px solid #e0e0e0;
}
.latestPost header .thetime { color: #c2c2c2 }
.latestPost .post-info {
padding: 22px 20px;
box-sizing: border-box;
}
.latestPost .post-info .theauthor {
float: left;
text-transform: uppercase;
}
.latestPost .post-info .theauthor a { color: #c2c2c2 }
.latestPost .post-info .thecategory {
float: right;
margin-right: 0;
}
.latestPost .post-info .thecategory a, .single_post header .post-info .thecategory a {
padding: 0px 5px;
line-height: 20px;
background: #c2c2c2;
color: #fff;
display: block;
border-radius: 5px;
margin-right: 5px;
float: left;
}
.latestPost .post-info .thecategory a:last-child { margin-right: 0 }
.latestPost .post-info .theauthor { font-family: 'Montserrat' }
.latestPost .post-info .theauthor a:hover { color: #da0f16 }
.latestPost .post-info > div:nth-last-of-type(2) { margin-right: 0px }
.front-view-content {
}
.single_post header {
width: 100%;
margin-bottom: 0px;
}
.single-title {
float: left;
width: 100%;
font-size: 30px;
box-sizing: border-box;
padding-left: 30px;
padding-right: 30px;
margin-top: 20px;
margin-bottom: 20px;
}
.single_post header .post-info {
border-bottom: 1px solid #e0e0e0;
border-top: 1px solid #e0e0e0;
box-sizing: border-box;
text-transform: uppercase;
padding: 25px 30px 22px;
}
.single_post header .post-info > div:nth-child(1), .single_post header .post-info > span:nth-child(2) { float: left }
.single_post header .post-info .thecategory {
float: right;
margin-right: 0;
}
.single_post header .post-info a {
color: #c2c2c2;
font-weight: 400;
}
.single_post header .post-info a:hover { color: #da0f16 }
.single_post header .post-info > span { margin-right: 15px }
.single_post header .post-info > div { margin-right: 15px }
.single_post header .post-info i { margin-right: 7px }
.post-info .theauthor { font-family: 'Montserrat', sans-serif }
.related-posts img { border-radius: 50% }
article img.left, article img.alignleft, .wp-caption.alignleft {
margin: 0.3em 1.571em 0.5em 0;
display: block;
float: left;
}
article img.right, article img.alignright, .wp-caption.alignright {
margin: 0.3em 0 0.5em 1.571em;
display: block;
float: right;
}
article img.center, article img.aligncenter, .wp-caption.aligncenter {
margin: 0.3em auto 0.5em auto;
display: block;
}
article img.aligncenter, article img.alignnone {
margin-top: 1em;
margin-bottom: 1em;
display: block;
clear: both;
}
article ul {
margin: 1.5em 0 1.571em 1.9em;
list-style-type: circle;
}
article ol {
margin: 1.5em 0 1.571em 1.9em;
list-style-type: decimal;
}
article ul ul, article ol ol, article ul ol, article ol ul {
margin-top: 0;
margin-bottom: 0;
}
article .iconlist { margin-left: 0 }
article .iconlist li { list-style-type: none } .tweets li { margin-bottom: 15px!important } .tweets li { margin-bottom: 15px!important }
.fb_iframe_widget, .fb_iframe_widget span {
max-width: 100%;
width: 100%!important;
} .widget_nav_menu .fa > a, .widget_nav_menu .fa > a { padding-left: 5px }
.widget_nav_menu .sub-menu {
margin-top: 10px;
margin-left: 10px;
}
footer .widget_nav_menu .sub-menu {
margin-top: 3px;
margin-left: 5px;
}
.widget_nav_menu .sub-menu li {
padding-right: 0;
padding-left: 0
}
.widget_nav_menu .sub-menu li:first-child { margin-top: 0 }
.widget_nav_menu .sub-menu li:last-child { padding-bottom: 0 }
.widget_nav_menu .menu-item-has-children > a:after { content: '' } .toggle-menu ul ul { display: none }
.toggle-menu .toggle-menu-item-parent { position: relative }
.toggle-menu .toggle-caret {
position: absolute;
top: 0;
text-align: center;
cursor: pointer;
line-height: inherit;
right: 10px;
}
footer .toggle-menu .toggle-caret { left: auto }
#comments .post-info .theauthor { color: #000 }
.toggle-menu .toggle-caret .fa {
width: 15px;
text-align: center;
font-size: inherit;
color: inherit;
line-height: 20px;
font-size: 11px;
color: #909090;
}
.toggle-menu .active > .toggle-caret .fa:before { content: "\f068" } .toggle-menu .toggle-caret:hover .fa {
}
.widget.widget_rss { line-height: 1.6 } .textwidget {
padding: 20px;
line-height: 1.6;
} input, textarea, select {
padding: 8px 12px;
font-size: 14px;
color: #666;
border: 1px solid #D8D8D8;
font-family: inherit;
}
textarea {
overflow: auto;
resize: vertical;
}
select {
padding: 6px 10px;
border-color: #D8D8D8;
}
input:focus, textarea:focus {
} table {
width: 100%;
text-align: left;
margin-bottom: 25px;
border: 1px solid #F1F4F6;
}
thead {
background: #F7F8F9;
font-size: 14px;
color: #585F65;
}
table th, table td {
padding: 7px 15px;
text-align: left;
}
thead th { padding: 14px }
tbody th {
font-weight: normal;
border-bottom: 1px solid #F5F7F9;
}  table.wp-block-table {
border: 0;
overflow-x: auto;
display: block;
margin-bottom: 1.5em;
}
table.wp-block-table th, table.wp-block-table td { border: 2px solid #d8d8d8 }
.wp-block-table tbody {
width: 100%;
min-width: 240px;
} .wp-block-cover-image.aligncenter {
display: flex!important;
margin: 0 0 1.5em;
}
.wp-block-cover-image.alignleft { margin-right: 20px }
.wp-block-cover-image.alignright { margin-left: 20px }
.wp-block-columns { clear: both }
.wp-block-image img { height: auto } body .wp-block-pullquote {
width: 100%;
margin: 0;
padding: 3em 25px;
box-sizing: border-box;
}
body .wp-block-pullquote.alignleft {
margin-right: 0;
text-align: left;
max-width: 100%;
}
body .wp-block-pullquote.alignright {
margin-left: 0;
max-width: 100%;
text-align: right;
}
body .wp-block-pullquote > p { font-size: 20px } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { box-sizing: border-box }
.wp-block-gallery.aligncenter {
display: flex;
margin: 0 -8px 1.5em;
}
.wp-block-gallery.alignleft { margin: 0 20px 1.5em -8px }
.wp-block-gallery.alignright { margin: 0 -8px 1.5em 20px }
.wp-block-image.is-resized {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.wp-block-image.is-resized img { max-width: 100% }
.ss-full-width .wp-block-image.is-resized {
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
display: -ms-inline-grid;
-ms-grid-columns: min-content;
}
.ss-full-width .wp-block-image.is-resized img { max-width: none } .wp-block-button { margin-bottom: 1.5em!important } .wp-block-latest-comments.aligncenter { text-align: center }
.wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment-excerpt, .wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment-meta { margin-left: 0!important }
.wp-block-latest-comments.aligncenter .wp-block-latest-comments .avatar, .wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment-avatar {
float: none;
margin-right: 0;
display: inline-block;
}
body .wp-block-latest-comments__comment-excerpt p, body .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, body .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta, body .wp-block-latest-comments__comment-date { font-size: 14px }
.wp-block-latest-comments__comment-date {
color: inherit;
padding-top: 10px;
}
.wp-block-latest-comments footer {
clear: none;
width: auto;
padding-top: 0;
border-top: 0;
} .wp-block-archives.alignleft { margin-right: 20px }
.wp-block-archives.alignright { margin-left: 2.5em } .wp-block-latest-posts { clear: both }
.wp-block-image figcaption { clear: both } .wp-block-archives, .wp-block-categories { margin: 1.5em 0 1.571em 2.5em }
.wp-block-categories.alignleft, .wp-block-archives.alignleft { margin-right: 2em }
.wp-block-categories li, .wp-block-archives li { margin-bottom: 5px } hr {
border: none;
width: 300px;
margin: 35px auto;
clear: both;
position: relative;
border-bottom: 1px solid rgba(0,0,0,0.1);
} #searchform {
float: left;
clear: both;
width: 100%;
position: relative;
padding: 15px;
box-sizing: border-box;
}
footer #searchform { padding: 0 }
.article #searchform {
max-width: 300px;
padding: 0;
}
#searchform fieldset { float: left }
.sbutton, #searchsubmit {
left: 0;
top: 0;
border: 0;
z-index: 1;
width: 30px;
position: absolute;
height: 30px;
cursor: pointer;
vertical-align: top;
background: transparent;
transition: all 0.25s linear;
}
.widget .fa-search {
font-size: 15px;
top: 12px;
position: absolute;
left: 10px;
color: #909090;
}
#s {
width: 100%;
background-color: #fff;
float: left;
padding: 9px 0 9px 0;
text-indent: 35px;
color: #555555;
border: 1px solid #e0e0e0;
border-radius: 5px;
box-sizing: border-box;
} input::-webkit-input-speech-button {
margin-right: 14px;
margin-left: 4px;
cursor: pointer;
}
#searchform fieldset {
width: 100%;
position: relative;
}
.breadcrumb, .breadcrumb .fa-caret-right, .breadcrumb .root a { float: none }
.breadcrumb-wrap {
clear: both;
background: url(//betterbodiesblackburn.co.uk/wp-content/themes/mts_justfit/images/members-back.png) no-repeat;
background-size: cover;
min-height: 60px;
}
.breadcrumb > div, .rank-math-breadcrumb p {
padding: 19px 23px 18px;
display: inline-block;
border-left: 1px solid #393939;
color: #c2c2c2;
font-weight: 600;
float: left;
}
.rank-math-breadcrumb p {
border-left: 0;
margin-bottom: 0;
}
.breadcrumb > div:last-of-type { border-right: 1px solid #393939 }
.breadcrumb > div a { color: #c2c2c2 }
.breadcrumb div i { font-size: 18px }
.breadcrumb .fa-caret-right { padding: 0 }
.breadcrumb .root { padding: 0 }
.breadcrumb .fa-caret-right { padding: 0 0 }
.breadcrumb> div { overflow: visible }
.no-results h2 { font-size: 16px }
.header-search {
float: right;
margin-top: 0;
}
.header-search #searchform { padding-right: 0 }
.header-search form { position: relative }
.header-search form #s {
width: 97px;
height: 30px;
padding: 9px 23px;
padding-right: 10px;
border: 1px solid #555;
color: #fff;
text-indent: 5px;
transition: all .4s;
border-radius: 20px;
background: transparent;
}
.header-search .fa-search {
position: absolute;
left: 9px;
top: 8px;
color: #c2c2c2;
z-index: 0;
cursor: pointer;
transition: all .4s;
}
.header-search form #s:hover, .header-search form #s:focus { width: 200px; z-index: 10; } .read-more {
margin: 0 0 0 10px;
line-height: 1.4em;
background: none;
padding: 0;
font-size: 16px;
} .topad {
margin-bottom: 10px;
clear: both;
} .bottomad {
float: left;
clear: both;
margin-top: 10px;
} .sidebar.c-4-12 {
float: right;
width: 30.76%;
line-height: 20px;
max-width: 360px;
}
#sidebars .wp-post-image, footer .wp-post-image, .post-img img {
margin-bottom: 0;
margin-top: 5px;
margin-right: 20px;
margin-left: 0;
border-radius: 50%;
float: left;
margin-top: 3px!important;
}
#sidebars .vertical-small .wp-post-image, footer .vertical-small .wp-post-image, .vertical-small .post-img img {
border-radius: 4px;
margin-bottom: 10px;
}
#sidebars .mts_about_author .wp-post-image { margin-right: 0px }
.widget {
margin-bottom: 40px;
float: left;
clear: both;
width: 100%;
overflow: hidden;
}
.wpt_widget_content .wpt-postmeta, .wpt_comment_content, .wpt_excerpt { font-weight: normal }
.sidebar .widget {
background: #fff;
box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
.widget .title {
font-weight: bold;
text-transform: uppercase;
color: #545E68;
font-size: 12px;
}
.widget h3 {
font-size: 13px;
line-height: 18px;
margin: 0px 0 15px 0;
}
.widget h3 a { color: inherit }
.sidebar .widget h3 {
color: #000;
text-transform: uppercase;
font-size: 20px;
padding: 15px 20px;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 0px;
line-height: 1.2;
}
.sidebar .widget.mts-calorie-calculator h3 {
color: #fff;
border-bottom: 1px solid #4a4a4a;
background: rgba(255,255,255,0.07);
}
.widget .ad-300 { padding: 30px }
.aboutus_wrap {
padding: 27px 25px 25px 20px;
}
.mts_about_author .featured-thumbnail {
margin-right: 25px;
width: auto;
}
.mts_about_author .heading {
font-weight: 700;
float: none;
overflow: hidden;
}
.error404 .fa-search {
position: absolute;
left: 10px;
top: 12px;
}
.mts_about_author .description {
float: none;
overflow: hidden;
color: #555555;
padding-top: 25px;
line-height: 1.6;
}
.mts_about_author .post-image { margin-right: 20px }
.advanced-recent-posts li, .popular-posts li, .category-posts li, .related-posts-widget li, .author-posts-widget li {
list-style: none!important;
overflow: hidden;
transition: all 0.25s linear;
color: #aaa;
padding: 20px!important;
border-bottom: 1px solid #e0e0e0;
margin: 0!important;
}
footer .advanced-recent-posts li, footer .popular-posts li, footer .category-posts li, footer .related-posts-widget li, footer .author-posts-widget li {
padding: 0!important;
border: 0!important;
margin-bottom: 15px!important;
}
footer .advanced-recent-posts li:last-child, footer .popular-posts li:last-child, footer .category-posts li:last-child, footer .related-posts-widget li:last-child, footer .author-posts-widget li:last-child { margin-bottom: 0!important }
li.vertical-small, footer li.vertical-small { margin-bottom: 20px!important }
li.vertical-small:last-child, footer li.vertical-small:last-child { margin-bottom: 0!important }
.advanced-recent-posts li .post-info, .popular-posts li .post-info, .category-posts li .post-info, .related-posts-widget li .post-info, .author-posts-widget li .post-info {
display: inline-block;
width: auto;
clear: none;
padding-top: 5px;
color: #c2c2c2;
font-weight: normal;
font-size: 13px;
float: none;
}
.widget .post-excerpt { overflow: hidden }
footer .menu li, footer .menu li a { color: inherit }
.advanced-recent-posts p, .popular-posts p, .category-posts p, .related-posts-widget p, .author-posts-widget p {
margin: 0;
font-size: 13px;
}
.advanced-recent-posts a, .popular-posts a, .category-posts a, .related-posts-widget a, .author-posts-widget a {
display: block;
text-transform: uppercase;
color: #000;
font-weight: 700;
transition: all 0.25s linear;
}
.advanced-recent-posts a:hover, .popular-posts a:hover, .category-posts a:hover, .related-posts-widget a:hover, .author-posts-widget a:hover { color: #da0f16 }
.widget .meta {
font-size: 13px;
color: #777;
overflow: hidden;
}
.sidebar .screen-reader-text {
float: left;
width: 100%;
padding: 10px 20px;
box-sizing: border-box;
} .shareit.top {
margin-bottom: 10px!important;
padding-top: 0!important;
}
.shareit.top, .shareit.bottom {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.share-item {
display: block;
margin: 0;
float: left;
height: 25px;
width: 90px;
}
.shareit.top .share-item, .shareit.bottom .share-item {
margin: 0 12px 10px 0;
width: auto;
line-height: 1.5;
}
.share-item.whatsapp a, .share-item.vkontakte a, .share-item.telegram a, .share-item.tumblr a, .share-item.buffer a, .share-item.pocket a, .share-item.mix a {
color: #ffffff;
cursor: pointer;
display: inline-block;
text-align: center;
font-size: 10px;
padding: 0 8px;
border-radius: 3px;
font-family: Helvetica, Arial, sans-serif;
font-weight: 700;
height: 22px;
line-height: 22px;
}
.share-item .icon {
font-size: 12px;
margin-right: 5px;
}
.share-item.whatsapp { width: 92px }
.share-item.whatsapp a, .whatsapp .social-icon, .modern-share-item.whatsapp a { background-color: #25d366 }
.share-item.whatsapp a:hover, .whatsapp .social-icon, .modern-share-item.whatsapp a:hover { background-color: #075e54 }
.share-item.telegram a, .telegram .social-icon, .modern-share-item.telegram a { background-color: #0088cc }
.share-item.linkedin a, .linkedin .social-icon { background-color: #0077b5 }
.share-item.tumblr a, .tumblr .social-icon, .modern-share-item.tumblr a { background-color: #35465c }
.share-item.pocket a, .pocket .social-icon, .modern-share-item.pocket a { background-color: #ef4056 }
.share-item.buffer a, .buffer .social-icon, .modern-share-item.buffer a { background-color: #323b43 }
.share-item.vkontakte a, .vkontakte .social-icon, .modern-share-item.vkontakte a { background-color: #45668e }
.share-item.mix a, .mix .social-icon, .modern-share-item.mix a { background-color: #fd8234 }
.share-item.buffer svg, .buffer svg, .share-item.mix svg, .mix svg { fill: #ffffff; vertical-align: middle; }
.modern-share-item.mix svg, .modern-share-item.buffer svg { margin-right: 4px }
.shareit .share-item.reddit img { margin: 3px 0 0; height: 20px!important; }
.share-item.twitterbtn{ height: 20px } .modern-share-item a {
float: left;
background: #0071aa;
color: #fff !important;
width: 76px;
text-align: center;
line-height: 25px;
border-radius: 4px;
}
.modern-facebooksharebtn a { background: #3b5998 }
.modern-twitterbutton a { background: #00aced }
.modern-pinbtn a { background: #cb2027 }
.modern-linkedinbtn a { background: #007bb6 }
.modern-stumblebtn a { background: #f0473b }
.modern-reddit a { background: #ff5700 }
.modern-share-item .fa {
font-size: 12px;
vertical-align: middle;
margin-right: 4px;
margin-top: -2px;
}
.modern-twitterbutton .fa { margin-right: 1px }
.modern-share-item {
display: block;
float: left;
height: 25px;
font-family: arial;
font-size: 11px;
margin-bottom: 7px;
}
.modern-share-item.facebookbtn { min-width: 78px }
.shareit.top .modern-share-item, .shareit.bottom .modern-share-item { margin-right: 5px }  .widget .wpt_widget_content ul.has-2-tabs li { width: 50% }
.widget .wpt_widget_content ul li:first-child { margin-top: 0 }
.widget .wpt_widget_content ul.has-3-tabs li { width: 33.33% }
.widget .wpt_widget_content { border: none }
.widget .wpt_widget_content .inside { padding-top: 0px }
.widget .wpt_widget_content .tab-content li {
margin: 0;
padding: 20px;
border-bottom: 1px solid #e0e0e0;
}
.widget .wpt_widget_content #tags-tab-content { padding: 20px 10px }
.widget .wpt_widget_content #tags-tab-content ul li {
float: left;
border-bottom: 0;
}
.widget .wpt_widget_content .tab-content li:first-child { margin-top: 20px }
.widget .wpt_widget_content img {
border-radius: 50%;
margin-right: 20px;
}
.widget .wpt_widget_content .wpt_thumb_large img { border-radius: 0; }
.widget .wpt_widget_content .tab-content li a:hover, .widget .wpt_widget_content .wpt-pagination a:hover { color: #da0f16 }
.widget .wpt_thumb_small img { border-radius: 50% }
.widget .wpt_widget_content .entry-title {
font-size: 15px;
text-transform: uppercase;
}
.widget .wpt_widget_content .entry-title a {
color: #000;
transition: all 0.25s linear;
}
.widget .wpt_thumb_small {
width: auto;
height: auto;
padding: 0;
margin-right: 20px;
}
.widget .wpt_widget_content .wpt-postmeta, .widget .wpt_comment_content, .wpt_excerpt, .ajax-search-results-container .meta {
font-size: 14px;
color: #c2c2c2;
padding-top: 5px;
overflow: hidden;
}
.widget .wpt_comment_content p { padding: 0 } .widget #wp-subscribe {
background: url(//betterbodiesblackburn.co.uk/wp-content/themes/mts_justfit/images/members-back.png);
padding: 20px;
padding-bottom: 30px;
}
.widget #wp-subscribe h4.title {
font-size: 20px;
color: #fff;
padding-bottom: 15px;
position: relative;
}
.widget #wp-subscribe h4.title:after {
position: absolute;
content: '';
width: 113%;
height: 1px;
left: -20px;
bottom: 0;
background: #373737;
}
.widget #wp-subscribe p {
font-size: 14px;
color: #c2c2c2;
font-weight: normal;
}
.widget #wp-subscribe input.email-field {
background: transparent;
border: 1px solid #555;
color: #fff;
font-size: 14px;
height: 40px;
border-radius: 5px;
}
.widget #wp-subscribe p.text { margin: 20px 0 22px }
.widget #wp-subscribe input.submit {
height: 45px;
background: #ed1c24;
color: #fff;
font-size: 14px;
margin-top: 8px;
text-transform: none;
border-radius: 5px;
transition: all 0.25s linear;
}
.widget #wp-subscribe input.submit:hover { background: #da0f16 } .widget .wp_review_tab_widget_content { border: none }
.widget .wp_review_tab_widget_content ul.has-2-tabs li { width: 50% }
.widget .wp_review_tab_widget_content ul li:first-child { margin-top: 0 }
.widget .wp_review_tab_widget_content ul.has-3-tabs li { width: 33.33% }
.widget .wp_review_tab_widget_content ul.has-4-tabs li {
width: 50%;
float: left;
}
.widget .wp_review_tab_widget_content .has-4-tabs .tab_title.selected a, .widget .wpt_widget_content .has-4-tabs .tab_title.selected a { border-bottom-color: rgba(255, 255, 255, 0.2) }
.widget .wp_review_tab_widget_content ul.has-4-tabs li:nth-child(3) { clear: left }
.widget .wp_review_tab_widget_content .tab_title a, .widget .wpt_widget_content .tab_title a {
line-height: 1.4;
padding: 12px 0 13px;
color: #c2c2c2;
background: #000;
font-weight: 600;
border-left-color: rgba(255, 255, 255, 0.2);
border-bottom-color: rgba(255, 255, 255, 0.2);
}
.widget .wp_review_tab_widget_content .tab_title.selected a, .widget .wpt_widget_content .tab_title.selected a {
background: #ed1c24;
color: #fff;
border-bottom-color: rgba(255, 255, 255, 0.2);
}
.widget .wp_review_tab_widget_content .inside { padding-top: 0px }
.widget .wp_review_tab_widget_content .tab-content li {
margin: 0;
padding: 20px;
border-bottom: 1px solid #e0e0e0;
}
.widget .wp_review_tab_widget_content .tab-content li:first-child { padding-top: 20px }
.widget .wp_review_tab_thumb_small {
width: auto;
height: auto;
padding: 0;
margin-right: 20px;
}
.widget .wp_review_tab_thumb_small img { border-radius: 50% }
.widget .wp_review_tab_widget_content .entry-title {
font-size: 15px;
text-transform: uppercase;
}
.widget .review-type-circle.review-total-only, .widget .review-type-circle.wp-review-show-total {
height: 23px;
padding-top: 2px;
}
.widget .wp_review_tab_widget_content a {
color: #000;
transition: all 0.25s linear;
}
.widget .wp_review_tab_widget_content .wp-review-tab-postmeta {
font-size: 13px;
color: #c2c2c2;
padding: 0;
padding-top: 0;
font-weight: normal;
}
.widget .review-total-only.small-thumb.review-type-star {
padding-top: 12px;
color: black;
background: transparent;
}
.widget .wp_review_tab_widget_content .entry-title a:hover { color: #da0f16 }
.social-profile-icons .social-profile-icons {
padding: 20px 20px 15px;
overflow: hidden;
}
.social-profile-icons ul { margin: 0 -4px }
.social-profile-icons ul li {
background: none;
border: none;
float: left;
list-style-type: none;
margin: 0 4px 8px 4px!important;
padding: 0 !important;
border: none !important;
}
.social-profile-icons ul li a {
width: 32px;
height: 32px;
display: block;
float: left;
border-radius: 3px;
text-align: center;
line-height: 30px;
color: #FFF!important;
transition: all .4s;
padding: 0;
}
.sidebar .social-profile-icons ul li a:hover {
color: #fff;
background: #666;
}
.sidebar .social-profile-icons ul li a { color: #fff }
.social-profile-icons ul li i {
font-size: 16px;
line-height: 32px;
}
.social-profile-icons .social-youtube a { background: #c9322b }
.social-profile-icons .social-rss a { background: #ef922f }
.social-profile-icons .social-twitter a { background: #40bff5 }
.social-profile-icons .social-facebook a { background: #5d82d1 }
.social-profile-icons .social-vimeo a { background: #35c6ea }
.social-profile-icons .social-dribbble a { background: #f7659c }
.social-profile-icons .social-tumblr a { background: #426d9b }
.social-profile-icons .social-instagram a { background: #91653f }
.social-profile-icons .social-flickr a { background: #ff48a3 }
.social-profile-icons .social-pinterest a { background: #e13138 }
.social-profile-icons .social-linkedin a { background: #238cc8 }
.social-profile-icons .social-github a { background: #b5a470 }
.social-profile-icons .social-email a { background: #1d90dd }
.social-profile-icons .social-behance a { background: #1879fd }
.social-profile-icons .social-skype a { background: #13c1f3 }
.social-profile-icons .social-soundcloud a { background: #ff7e30 }
.social-profile-icons .social-stumbleupon a { background: #ff5c30 }
.social-profile-icons .social-dropbox a { background: #3476e4 }
.social-profile-icons .social-foursquare a { background: #0bbadf }
.social-profile-icons .social-reddit a { background: #ff4400 } .sidebar .mts-calorie-calculator {
width: 100%;
float: left;
background: url(//betterbodiesblackburn.co.uk/wp-content/themes/mts_justfit/images/members-back.png) no-repeat;
background-size: cover;
}
.mts-calorie-calculator .calculator_wrap {
padding: 30px 20px;
box-sizing: border-box;
}
.mts-calorie-calculator input {
max-width: 110px;
padding: 0;
height: 38px;
box-sizing: border-box;
text-indent: 15px;
background: transparent;
border-radius: 5px;
border: 1px solid #555;
width: 35%;
}
.mts-calorie-calculator select {
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
height: 38px;
padding: 0px 30px;
border: 1px solid #555;
padding-left: 10px;
border-radius: 5px;
color: #fff;
width: auto !important;
margin: 0 !important;
}
.mts-calorie-calculator option { background: #1d1d1d }
.mts-calorie-calculator .dropdown { position: relative }
.mts-calorie-calculator .dropdown:after {
position: absolute;
font-family: FontAwesome;
content: "\f0d7";
right: 8px;
top: 0;
pointer-events: none;
}
.mts-calorie-calculator .dropdown:before {
position: absolute;
content: '';
width: 25px;
height: 38px;
right: 0;
background: #555;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.mts-calorie-calculator .input-field {
text-transform: uppercase;
color: #fff;
margin-bottom: 10px;
}
.mts-calorie-calculator .text {
width: 23%;
float: left;
margin-top: 8px;
font-size: 15px;
color: #c2c2c2;
margin-right: 6%;
}
.mts-calorie-calculator .input-2 { margin-left: 2% }
.mts-calorie-calculator .calculate {
width: 100%;
text-align: center;
margin-top: 30px;
}
.mts-calorie-calculator .calculate a {
background: #ed1c24;
color: #fff;
padding-top: 13px;
padding-bottom: 12px;
border-radius: 5px;
display: block;
font-weight: 600;
transition: all 0.25s linear;
}
.mts-calorie-calculator .calculate a:hover {
background: #da0f16;
color: #fff !important;
}
.change-unit input:checked ~ label {
color: #fff;
}
.change-unit input {
display: none;
}
.change-unit label {
display: block;
color: #aaa;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.calculator-results,.calculator-error {
color: #fff;
margin: 20px 0;
font-size: 18px;
line-height: 1.5;
}
.calculator-footer {
color: #c2c2c2;
font-size: 11px;
display: none;
} footer .advanced-recent-posts li, footer .popular-posts li, footer .category-posts li {
border-top: 1px solid #ccc;
padding-top: 8px;
}
footer .widget li { margin-bottom: 3px }
footer .widget li .children { margin-top: 3px; margin-left: 5px; }
footer .widget li:first-child {
border-top: none;
padding-top: 0;
}
.footer-widgets .widget .advanced-recent-posts li {
margin-bottom: 0 !important;
padding-top: 12px;
}
.footer-widgets .widget .advanced-recent-posts li:first-child { padding-top: 0 !important }
.footer-logo { margin-bottom: 25px }
footer .footeText {
width: 960px;
margin: 22px auto;
text-align: center;
color: #fff;
font-size: 14px;
font-weight: bold;
}
footer .footeText a {
color: #fff;
border-bottom: 2px solid #ee3f02;
}
footer .widget { padding: 1px 0 0 0 }
footer .sidebar .widget .title {
font-size: 135%;
color: #D4D8DB;
}
footer .widget { margin-bottom: 20px }
footer {
position: relative;
overflow: hidden;
clear: both;
width: 100%;
padding-top: 50px;
border-top: 1px solid #d5d5d5;
}
footer p { color: #909090 }
.footer-widgets {
float: left;
width: 70%;
padding-bottom: 30px;
}
.footer-widgets li a {
color: #909090;
font-weight: 600;
font-size: 13px;
transition: all 0.4s;
}
.footer .textwidget, .footer .social-profile-icons { padding: 0 }
.Justfit-train-section .train-section-hover .hover-image img { width: 20% !important }
.pagehome {
min-height: 100px;
float: none;
clear: both;
max-width: 1170px;
min-width: 240px;
position: relative;
margin-right: auto;
margin-left: auto;
}
.copyrights {
float: right;
text-align: right;
font-size: 13px;
font-weight: 600;
color: inherit;
}
.copyrights a { color: #909090 }
#copyright-note {}
.f-widget {
width: 31%;
float: left;
position: relative;
margin-bottom: 0;
margin-right: 2%;
}
.widgets-num-4 .f-widget { width: 23% }
.postsby { margin-bottom: 25px } .to-top {
float: right;
position: relative;
margin-top: 3px;
}
.toplink .fa-chevron-up {
font-size: 24px;
position: absolute;
right: 0;
top: 0px;
}
.toplink { padding-right: 27px }
#move-to-top {
cursor: pointer;
font-weight: bold;
position: fixed;
right: 15px;
bottom: 100px;
z-index: 25;
transition: all 0.25s linear;
-webkit-backface-visibility: hidden;
width: 30px;
height: 30px;
display: block;
background: #ed1c24;
border-radius: 50%;
}
#move-to-top:not(.filling) {
opacity: 0;
visibility: hidden;
}
#move-to-top i {
font-size: 18px;
position: absolute;
top: 6px;
color: #fff;
left: 10px;
}
#footer-to-top {
width: 30px;
height: 30px;
display: inline-block;
background: #ed1c24;
border-radius: 50%;
text-align: center;
margin-top: -2px;
}
#footer-to-top i {
color: #fff;
margin-top: 7px;
margin-bottom: 2px;
} .related-posts {
background-color: #FFF;
margin-bottom: 40px;
clear: both;
float: left;
width: 100%;
box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
.related-posts .latestPost {
width: 50%;
max-width: 382px;
min-height: 135px;
margin-right: 0%;
margin-bottom: 0px;
padding: 30px 4%;
border-right: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
box-shadow: none;
box-sizing: border-box;
}
.related-posts .latestPost:nth-child(even) { border-right: none }
.related-posts .latestPost:nth-last-of-type(1), .related-posts .latestPost:nth-last-of-type(2) { border-bottom: none }
.related-posts .latestPost header {
border-bottom: none;
padding: 0;
float: none;
width: auto;
overflow: hidden;
}
.related-posts .last {
margin-right: 0;
padding-bottom: 0;
}
.related-posts .title {
font-size: 15px !important;
margin-bottom: 10px;
padding: 0;
margin: 0;
display: inline-block;
max-height: 40px;
overflow: hidden;
}
.related-posts article header { margin-bottom: 0 }
.related-posts .latestPost .post-info {
padding: 0;
width: auto;
display: inline-block;
clear: none;
float: none;
padding-top: 5px;
}
.related-posts .post-image {
margin-right: 20px;
width: auto;
} .tags {
margin: 0 0 40px 0;
padding: 30px;
background: #fff;
box-sizing: border-box;
width: 100%;
float: left;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}
.tags a { margin-left: 5px } .postauthor {
margin-bottom: 40px;
padding: 0;
min-height: 180px;
background-color: #fff;
float: left;
clear: both;
width: 100%;
box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
.postauthor h5 {
font-weight: bold;
font-size: 15px;
padding: 0;
margin: 0;
line-height: 24px;
text-transform: uppercase;
display: inline-block;
}
.postauthor h5 a {
color: #000;
transition: all 0.25s linear;
}
.postauthor h5 a:hover { color: #da0f16 }
.postauthor img {
float: left;
margin: 4px 20px 30px 0;
border-radius: 50%;
}
.postauthor h4 a { color: #473636 }
.postauthor h4, .related-posts h4, #comments .total-comments, #commentsAdd h4 {
border-bottom: 1px solid #e0e0e0;
font-size: 30px;
padding-left: 30px;
color: #000;
text-transform: uppercase;
padding-top: 14px;
padding-bottom: 13px;
margin-bottom: 0px;
}
#comments h4 span {
color: #ed1c24;
margin-right: 10px;
}
.postauthor-top {
padding-top: 5px;
padding-bottom: 8px;
margin-bottom: 15px;
}
.clear { clear: both }
.left { float: left }
.right { float: right }
.author_wrap {
display: block;
float: none;
overflow: hidden;
padding: 33px 30px 5px;
}
.postauthor .email-box {
float: right;
display: inline-block;
clear: none;
width: auto;
overflow: hidden;
}
.postauthor p {
float: none;
overflow: hidden;
padding-top: 15px;
}
.postauthor .email-box a { color: #c2c2c2 } .widget .tagcloud {
padding: 28px 20px 30px;
float: left;
overflow: hidden;
}
.widget .tagcloud a, .widget .wpt_widget_content #tags-tab-content ul li a {
font-size: 14px !important;
font-weight: normal;
padding: 12px 15px;
margin-bottom: 5px;
float: left;
margin-right: 5px;
background: #c2c2c2;
color: #FFFFFF;
transition: all 0.25s linear;
border-radius: 5px;
line-height: 1;
}
.tagcloud a:hover { background: #da0f16 }
.footer .tagcloud {
padding: 0;
} .ad-125 ul {
float: left;
width: 100%;
margin: 0;
list-style: none;
max-width: 100%;
}
.widget .ad-125 li {
float: left;
border: none;
list-style: none!important;
padding-left: 0;
background: none;
margin-bottom: 15px;
margin-left: 0;
padding: 20px;
margin: 0!important;
max-width: 48%;
}
.ad-125 li:nth-child(2n+2) { float: right!important }
.ad-125 li:nth-last-child(2), .ad-125 li:last-child { margin-bottom: 0 } #wp-calendar { margin-bottom: 0 }
#wp-calendar td {
text-align: center;
padding: 7px 0;
border-top: 1px solid #F1F4F6;
border-right: 1px solid #F1F4F6;
}
#wp-calendar caption {
font-size: 16px;
padding-top: 15px;
padding-bottom: 15px;
font-weight: bold;
}
footer #wp-calendar caption {
padding: 0;
font-size: 14px;
padding-bottom: 10px;
}
#wp-calendar #prev {
text-align: left;
padding-left: 12px;
}
#wp-calendar #next {
text-align: right;
padding-right: 12px;
}
#wp-calendar thead th {
padding: 10px 0;
text-align: center;
} .nocomments {
margin-top: 20px;
clear: both;
float: left;
width: 100%;
}
.total-comments {
text-transform: uppercase;
font-size: 19px;
color: #ed1c24;
font-weight: bold;
padding-top: 7px;
padding-bottom: 9px;
}
.cnumber { color: #2DB2EB }
#comments {
padding: 0;
background-color: #fff;
margin-bottom: 40px;
float: left;
clear: both;
width: 100%;
box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
#comments .post-info {
width: auto;
clear: none;
float: none;
}
#comments .post-info .theauthor {
font-size: 15px;
text-transform: uppercase;
font-weight: bold;
}
#comments .post-info .theauthor a { color: #000 }
#comments .post-info .theauthor a:hover { color: #da0f16 }
.comment-respond {
padding-left: 30px;
padding-right: 30px;
padding-top: 28px;
float: none;
overflow: hidden;
padding-bottom: 20px;
}
#respond h4 {
text-transform: uppercase;
padding-top: 5px;
padding-bottom: 7px;
font-size: 19px;
}
#commentsAdd {
background-color: #fff;
width: 100%;
float: left;
clear: both;
margin-bottom: 30px;
margin-top: 0;
box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
#comments .avatar {
float: left;
margin-right: 30px;
margin-top: 5px;
border-radius: 50%;
}
.reply:before {
content: "\f112";
font-family: FontAwesome;
float: left;
padding-right: 5px;
}
.comment time { padding-left: 10px }
ul.children .commentImageLeft {
width: 60px;
height: 90px;
border-left: 1px solid #c1bbb6;
border-bottom: 1px solid #c1bbb6;
position: absolute;
top: -50px;
left: -70px;
}
input.text-input, #commentform input { padding: 11px }
input#author, input#email, input#url, .contact-form input, .contact-form textarea {
width: 320px;
border: 1px solid #e0e0e0;
background: #fff;
max-width: 85%;
margin-right: 10px;
box-sizing: border-box;
height: 40px;
padding: 12px;
border-radius: 5px;
}
input#author, input#email, input#url, #comment { transition: all 0.25s ease-in-out }
#cancel-comment-reply-link {
float: right;
margin-top: -2px;
line-height: 24px;
}
#cancel-comment-reply-link {
cursor: pointer;
z-index: 100;
position: relative;
font-weight: normal;
}
#commentform input#submit, .contact-form input[type="submit"] {
line-height: 3px;
background-color: #ed1c24;
padding: 12px 15px;
color: #fff;
text-decoration: none;
float: left;
cursor: pointer;
display: inline-block;
border: none;
transition: all 0.2s linear;
font-weight: 600;
height: 45px;
border-radius: 5px;
}
.contact-form input[type="submit"] {
width: auto;
min-width: 100px;
margin-top: 25px;
}
#commentform input#submit:hover, .contactform #submit:hover {
background: #da0f16;
color: #fff;
}
.contactform #submit { float: left }
.contactform label { display: block }
.contactform {
overflow: hidden;
margin-bottom: 35px;
}
.error { color: red }
.thanks p { color: green }
ol.commentlist { margin: 0 }
.commentlist li {
list-style: none;
padding-left: 0;
float: left;
width: 100%;
position: relative;
padding-left: 30px;
padding-right: 30px;
box-sizing: border-box;
padding-top: 28px;
padding-bottom: 28px;
border-bottom: 1px solid #e0e0e0;
}
.commentlist p { margin-bottom: 5px }
.ago {
color: #999;
text-transform: uppercase;
font-size: 12px;
}
.fn {
line-height: 1.375em;
font-weight: bold;
}
.fn a {
color: #ed1c24;
font-weight: bold;
font-size: 15px;
}
.comment-meta { font-size: 12px }
.commentmetadata {
padding-top: 10px;
float: none;
overflow: hidden;
line-height: 1.5;
}
.commentmetadata li {
border: 0;
padding: 0;
margin-top: 0;
margin-bottom: 5px;
list-style: square;
}
.commentmetadata ol li { list-style: decimal }
.reply {
margin-top: 0px;
padding-bottom: 0px;
overflow: hidden;
width: auto;
float: right;
}
.reply a {
padding: 0 0px;
color: #c2c2c2;
transition: all 0.25s linear;
}
.reply a i { margin-right: 10px }
.reply a:hover { color: #da0f16 }
#commentsAdd #respond h4 { margin-bottom: 19px }
.comment #respond #respond { margin-top: 20px }
.commentlist .children {
padding-left: 15%;
margin: 0;
float: left;
width: 85%;
}
.commentlist .children li { border: none }
.widget select {
width: 90%;
margin-left: 5%;
margin-top: 20px;
margin-bottom: 20px;
}
footer .widget select, .widget .textwidget select {
width: 100%;
margin: 0;
}
.depth-3 {
border-bottom: none!important;
border-top: 1px solid #e0e0e0;
}
.avatar { float: left }
#respond h3 {
font-size: 14px;
font-weight: normal;
margin-bottom: 16px;
}
#commentsAdd #respond h3 { display: none }
.comment-awaiting-moderation {
font-style: italic;
font-weight: bold;
}
.commentmetadata ul, .commentmetadata ol { margin-top: 5px } #commentform textarea {
width: 100%;
border: 1px solid #e0e0e0;
background: #fff;
padding: 2%;
line-height: 25px;
font-family: inherit;
box-sizing: border-box;
border-radius: 5px;
height: 150px;
}
#commentform p {
margin-bottom: 10px;
float: left;
width: 100%;
clear: both;
}
#commentform p label {
padding: 5px 0 5px 10px;
}
.cancel-comment-reply a {
float: right;
margin-top: -8px;
}
.required {
color: red;
padding: 0;
line-height: 1;
}
.comment-notes .required {
padding-left: 0;
padding-top: 3px;
}
.comment-notes { font-style: italic }
#commentform .wp-review-comment-field a i, #commentform .wp-review-comment-field .review-result i, .comment .wp-review-comment-rating .review-result i, .comment .wp-review-comment-rating a i { color: #FFB300!important }
.wp-review-comment-rating { margin-top: -5px }
.mtscontact_consent { clear: both; margin-top: 20px; }
#commentform .comment-form-cookies-consent label, .contact-form .mtscontact_consent label {
padding: 0;
cursor: pointer;
margin-left: 10px;
line-height: 18px;
vertical-align: top;
}
.contact-form .mtscontact_consent label {
width: auto;
display: inline-block;
margin-top: 0;
margin-left: 5px;
}
#commentform .comment-form-cookies-consent input, .contact-form .mtscontact_consent input {
width: 18px;
height: 18px;
display: inline-block;
margin-right: 0;
-webkit-appearance: checkbox;
}
#commentform p.comment-form-cookies-consent { padding-top: 5px } .pagination {
clear: both;
overflow: hidden;
float: left;
width: 100%;
margin-top: 0px;
margin-bottom: 25px;
}
.woocommerce-pagination { margin-top: 30px }
.single .pagination { padding-top: 20px }
.pagination ul {
list-style: none;
margin: 0;
}
.pagination ul li {
float: left;
margin-bottom: 5px;
}
.page-numbers.current, .single .pagination > .current {
margin: 0 5px 0 0;
display: inline-block;
float: left;
line-height: 1;
text-decoration: none;
color: #fff;
padding: 15px 23px;
transition: all 0.25s linear;
font-weight: 600;
border-radius: 5px;
}
.pagination a, .pagination .page-numbers.dots, .woocommerce nav.woocommerce-pagination ul li a {
background: #c2c2c2;
margin: 0 5px 0 0;
display: inline-block;
float: left;
line-height: 1;
text-decoration: none;
color: #fff;
padding: 15px 23px;
transition: all 0.25s linear;
font-weight: 600;
border-radius: 5px;
}
.pagination a:hover { color: #fff; background: #da0f16; }
.pagination .nav-previous a i { margin-right: 5px }
.pagination .nav-next a i { margin-left: 5px }
.pagination .nav-next a, .pagination .nav-previous a { margin-right: 0 }
.pagination .nav-previous { float: left }
.pagination .nav-next { float: right } .contact-form { position: relative }
.contact-form.loading:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.8);
}
.contact-form label, .contact-form input, .contact-form textarea {
display: block;
width: 100%;
box-sizing: border-box;
}
.contact-form textarea { height: 150px }
.contact-form label { margin-top: 12px }
.mtscontact_error { color: #B90101 } .widget_search, #sidebar-search {
overflow: visible;
box-sizing: border-box;
}
.ajax-search-results-container {
position: absolute;
top: 70px;
left: 0;
box-sizing: border-box;
width: 100%;
z-index: 9;
background: #fff;
border: 0;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}
.header-search .ajax-search-results-container {
top: 50px;
width: 300px;
left: auto;
right: 0;
border-radius: 4px;
border: 0;
}
.ajax-search-results-container.loading:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(255,255,255,0.8);
}
ul.ajax-search-results {
margin-top: 10px;
}
.ajax-search-results li {
display: block;
list-style: none;
min-height: 90px;
padding: 0 15px;
}
.ajax-search-results li a {
color: #000;
text-transform: uppercase;
font-weight: bold;
}
ul.ajax-search-results a:focus { text-decoration: underline } .ajax-search-results .wp-post-image {
margin-bottom: 0;
margin-top: 5px;
margin-right: 10px;
margin-left: 0;
border-radius: 50%;
}
.ajax-search-meta {
margin: 6px 8px;
height: 20px;
font-size: 13px;
}
.ajax-search-meta .results-count {
float: left;
color: #aaa;
}
.ajax-search-meta .results-link { float: right }
.ajax-search-results-container .no-results {
padding: 8px;
color: #AAA;
font-style: italic;
} .pace .pace-progress {
background: #fff;
position: fixed;
z-index: 2000;
top: 0;
left: 0;
height: 3px;
transition: width 0.8s;
-webkit-backface-visibility: hidden;
}
.admin-bar .pace .pace-progress { top: 32px }
.pace-inactive { display: none }
#load-posts {
width: 100%;
float: left;
text-align: center;
margin-bottom: 25px;
}
#load-posts a {
font-weight: 600;
display: inline-block;
width: auto;
padding: 10px 15px;
text-align: center;
border-radius: 4px;
}
#load-posts a i { margin-right: 8px }
#load-posts a.inactive { cursor: default } pre {
overflow: auto;
padding: 25px 15px 15px;
margin: 15px 0;
position: relative;
background: #282828;
font-family: monospace;
color: #fff;
box-sizing: border-box;
}
pre:before {
content: "\f121";
color: #FFF;
position: absolute;
font-size: 18px;
right: 14px;
top: 6px;
font-family: fontawesome;
}
.flex-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.flex-video iframe, .flex-video object, .flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} #parallax {
position: relative;
padding-bottom: 400px;
height: 0;
overflow: hidden;
background-size: cover;
margin-bottom: 0;
}
#page.parallax, #page.zoom-out-page { padding-top: 15px }
#zoom-out-effect, #zoom-out-bg {
position: relative;
padding-bottom: 400px;
height: 0;
}
#zoom-out-effect {
overflow: hidden;
margin-bottom: 0;
}
#zoom-out-bg {
background-size: cover;
width: 100%;
} .latestPost-review-wrapper {
position: absolute;
top: 0;
right: 0;
background: #FFF;
padding: 2px 8px;
}
.latestPost-review-wrapper.review-type-circle.review-total-only, .latestPost-review-wrapper.review-type-circle.wp-review-show-total { height: 36px }
.latestPost-review-wrapper .review-total-star { margin: 4px 0 }
.latestPost-review-wrapper .percentage-icon {
top: 0;
font-size: inherit;
font-style: normal;
} @-webkit-keyframes scale {
0% {
transform: scale(1);
opacity: 1;
}
45% {
transform: scale(0.1);
opacity: 0.7;
}
80% {
transform: scale(1);
opacity: 1;
}
}
@keyframes scale {
0% {
transform: scale(1);
opacity: 1;
}
45% {
transform: scale(0.1);
opacity: 0.7;
}
80% {
transform: scale(1);
opacity: 1;
}
}
.ball-pulse {
clear: both;
text-align: center;
}
.ball-pulse > div:nth-child() { -webkit-animation: scale 0.75s -0.36s infinite cubic-bezier(.2, .68, .18, 1.08); animation: scale 0.75s -0.36s infinite cubic-bezier(.2, .68, .18, 1.08) }
.ball-pulse > div:nth-child(1) { -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(.2, .68, .18, 1.08); animation: scale 0.75s -0.24s infinite cubic-bezier(.2, .68, .18, 1.08) }
.ball-pulse > div:nth-child(2) { -webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(.2, .68, .18, 1.08); animation: scale 0.75s -0.12s infinite cubic-bezier(.2, .68, .18, 1.08) }
.ball-pulse > div:nth-child(3) { -webkit-animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08); animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08) }
.ball-pulse > div {
background-color: #3d8fe8;
width: 10px;
height: 10px;
border-radius: 100%;
margin: 1px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
}
.gallery-icon { width: 100% }
.gallery-icon img {
display: block;
margin: 0 auto;
float: none;
}
.gallery-caption { clear: both }
.wp-video, .wp-audio-shortcode { margin: 10px auto }.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0 }
.owl-carousel .owl-animated-out { z-index: 1 }
.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
@-webkit-keyframes fadeOut { 
0% { opacity: 1 }
100% { opacity: 0 }
}
@keyframes fadeOut { 
0% { opacity: 1 }
100% { opacity: 0 }
} .owl-height { transition: height 500ms ease-in-out } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); clear: both; }
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot, .slider-nav-item {cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.owl-carousel.owl-loaded { display: block }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0 }
.owl-carousel .owl-refresh .owl-item { display: none }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; }
.owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; }
.owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl }
.owl-carousel.owl-rtl .owl-item { float: right } .no-js .owl-carousel { display: block } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; }
.owl-carousel .owl-item img { transform-style: preserve-3d; -webkit-backface-visibility: hidden; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(//betterbodiesblackburn.co.uk/wp-content/themes/mts_justfit/css/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: scale 100ms ease; }
.owl-carousel .owl-video-play-icon:hover { transition: scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; } .slide-caption { overflow: hidden; background: rgba(255, 255, 255, 0.79); color: #795e4b; width: 50%; padding: 1.2%; padding-top: 8px; padding-bottom: 8px; float: left; max-height: 255px; position: absolute; bottom: 8%; left: 3%; -webkit-backface-visibility: hidden; }
.slide-title { float: none; font-size: 16px; font-weight: normal; padding: 0; margin-bottom: 0; }
.owl-dots { position: absolute; bottom: 8%; right: 3%; text-align: center; box-sizing: border-box; }
.owl-controls .owl-dot { display: inline-block; margin: 0 2px; zoom: 1; }
.owl-controls .owl-dot span { display: block; width: 11px; height: 11px; background-color: #A5A5A5; cursor: pointer; border-radius: 20px; }
.owl-controls .owl-dot.active span, .owl-controls .owl-dot:hover span { background-color: #ffffff }
.owl-prev, .owl-next {position: absolute;display: inline-block;top: 50%;margin-top: -18px;text-align: center;font-size: 28px;width: 36px;line-height: 36px;color: #ffffff;background-color: #444;border-radius: 0 50% 50% 0;}
.owl-prev { left: 0 }
.owl-next {right: 0;border-radius: 50% 0 0 50%;}
.owl-prev:hover, .owl-next:hover { background-color: #3d8fe8 }
.owl-nav .fa { line-height: 36px }
.owl-controls .disabled { display: none!important } .slider-container img[src=""] { display: none !important }
.slider-container.loading .slide { display: none }
.slider-container.loading:before { content: "Loading Slider..."; font-size: 20px; font-weight: bold; margin: 0; display: block; position: relative; text-align: center; text-transform: uppercase; padding-top: 30px; padding-bottom: 85px; }
.primary-slider { clear: both } .widget-slider { position: relative }
#sidebars .widget-slider .wp-post-image { width: 100%; margin: 0; }
.widget_mts_post_slider_widget .owl-controls { bottom: 0 }
.widget-slider .slide-caption { position: absolute; top: 0px; bottom: auto; right: 0px; left: 0px; width: 100%; background: red; }
.widget-slider .owl-dots { right: 0; width: 100%; padding: 0 8%; }
.widget-slider .slider-title { overflow: hidden; bottom: 0; background: #444; color: #fff; box-sizing: border-box; padding: 10px; width: 100%; clear: both; }html { overflow-x: hidden } @media screen and (max-width:1300px) {
.shareit {
position: relative!important;
width: 100%!important;
top: 0!important;
padding-left: 0!important;
padding-right: 0!important;
margin: 0!important;
padding-top: 10px!important;
border: none !important;
margin-bottom: 20px!important;
}
.floating.shareit { overflow: hidden }
.floating .share-item { margin-bottom: 5px }
.modern-share-item { margin-right: 7px }
}
@media screen and (max-width:1230px) {
#page, .container {
max-width: 96%;
float: none;
margin-left: auto;
margin-right: auto;
}
.Our-Partners .title {
padding-top: 20px;
padding-bottom: 0;
width: 100%;
text-align: center;
border: 0;
font-weight: bold;
}
.mts-calorie-calculator .text {
width: 18%;
margin-right: 10%;
}
}
@media screen and (max-width:1130px) {
.description-1 { left: 20px }
.description-2 {
right: 20px;
top: 30px;
}
.footer-widgets { width: 100% }
.copyrights {
float: none;
text-align: center;
width: 100%;
margin-left: auto;
margin-right: auto;
overflow: hidden;
padding-bottom: 20px;
clear: both;
}
.to-top { width: 100% }
#footer-to-top { float: none }
.related-posts .latestPost { border: none }
#comments .avatar { margin-right: 5% }
.commentlist li {
padding-left: 6%;
padding-right: 6%;
}
.single-title {
padding-left: 30px;
padding-right: 10px;
}
.Justfit-facility-sections { padding: 50px 12% }
.Our-Partners-logos {
text-align: center;
width: 100%;
padding: 10px 0;
}
.Our-Partners-logos li {
float: none;
display: inline-block;
}
}
@media screen and (max-width:1024px) {
.Justfit-members-stories {
width: 30%;
padding: 115px 5%;
}
.Justfit-members { width: 70% }
.Justfit-Progress .subheading { width: 100% }
.latestPost .post-info .theauthor {
width: 100%;
margin-bottom: 10px;
}
.latestPost .post-info .thecategory {
margin-right: 0px;
float: left;
}
.latestPost .post-info > div:nth-last-of-type(2) { margin-right: 15px }
.postauthor h4, .related-posts h4, #comments .total-comments, #commentsAdd h4 { font-size: 25px }
.Justfit-train-section .train-section-hover .front-view-content {
font-size: 13px;
padding-top: 10px;
max-height: 125px;
overflow: hidden;
}
.Justfit-train-section .train-section-hover header h2 {
font-size: 15px;
padding-top: 10px;
}
footer { padding-top: 30px }
}
@media screen and (max-width:960px) {
.secondary-navigation { left: 0 }
img {
max-width: 100%;
height: auto!important;
}
.ad-300 img { max-width: 100% }
.ad-125 li { max-width: 40% }
.ad-125 img {
padding: 0;
background: #FAFAFA;
border: 0;
}
.Justfit-Progress-Videos {
padding-left: 10px;
padding-right: 10px;
}
.Justfit-Progress-Video img { width: 100% }
.mts-calorie-calculator .text {
font-size: 13px;
width: 12%;
margin-right: 16%;
}
.single-title { font-size: 25px }
.Justfit-benefit-sections { padding: 50px 3% }
.Justfit-train-section {
width: 50%;
max-width: 100%;
}
.Justfit-train-section:nth-child(even) { border-right: none }
.Justfit-train-section .post-image-left { max-width: 100% }
.Justfit-train-section:nth-last-of-type(3), .Justfit-train-section:nth-last-of-type(4) { border-bottom: 1px solid #e0e0e0 }
.Justfit-train-section .train-section-hover .front-view-content {
font-size: 14px;
padding-top: 15px;
}
.Justfit-train-section .train-section-hover header h2 {
font-size: 20px;
padding-top: 15px;
}
}
@media screen and (min-width:865px) {
.navigation.mobile-only { display: none }
}
@media screen and (max-width:865px) {
#page, .container { max-width: 96% }
footer .container { padding: 0 2% }
.header-layout-2 #header h1, .header-layout-2  #header h2, .header-layout-2  .site-description {
float: none;
text-align: center;
width: 100%;
max-width: 100%;
padding: 0;
}
.header-layout-2 #logo a, .header-layout-2 #logo img {
float: none;
letter-spacing: 0;
}
.header-layout-2 .logo-wrap {
margin-bottom: 10px;
margin-top: 0;
width: 100%;
}
.navigation {
width: 100%;
display: none;
}
.navigation .menu a, .navigation .menu .fa > a, .navigation .menu .fa > a { background: transparent }
.navigation .menu {
display: block!important;
float: none;
background: transparent;
margin-bottom: 45px;
}
.navigation ul ul {
visibility: visible!important;
opacity: 1!important;
position: relative;
left: 0!important;
border: 0;
width: 100%;
}
.navigation ul li li {
background: transparent;
border: 0;
}
.navigation { height: auto }
.navigation ul li li {
width: 100%!important;
float: left;
position: relative;
}
.navigation ul li:after { display: none }
.navigation ul li:before { display: none }
.navigation li a {
width: 100%!important;
box-sizing: border-box;
border-bottom: 1px solid rgba(194, 194, 194, 0.2)!important;
}
.navigation a {
text-align: left;
width: 100%;
text-indent: 18px;
}
.navigation .sub-menu a { text-indent: 10px }
a#pull {
display: block;
width: 100%;
position: relative;
padding: 0;
text-transform: uppercase;
font-size: 14px;
box-sizing: border-box;
}
a#pull:after {
content: "\f0c9";
display: inline-block;
position: absolute;
right: -15px;
top: 1px;
font-family: FontAwesome;
}
.navigation ul .sfHover a, .navigation ul li:hover, .navigation ul .sfHover ul li { background: transparent }
.navigation .toggle-menu .toggle-caret .fa { font-size: 14px } #catcher { height: 0 !important }
.sticky-nav {
position: relative !important;
top: 0 !important;
} .main-container {
position: absolute;
left: 0;
transition: left 500ms ease;
}
.mobile-menu-active .main-container {
left: 300px;
transition: left 500ms ease;
}
.navigation.mobile-menu-wrapper {
display: block;
position: fixed;
top: 0;
left: -300px;
width: 300px;
height: 100%;
background-color: #000;
border-right: 1px solid rgba(194, 194, 194, 0.2);
overflow: auto;
transition: left 500ms ease;
-webkit-backface-visibility: hidden;
box-sizing: border-box;
}
.mobile-menu-active .navigation.mobile-menu-wrapper {
left: 0;
z-index: 1111;
}
.navigation ul li {
width: 100%;
display: block;
}
.navigation ul li:hover { background: none }
.navigation ul li a, .navigation ul ul a {
padding: 9px 0;
width: 100%;
border: none;
}
.navigation ul ul {
position: static;
width: 100%;
border: none;
}
.navigation ul ul li {
background: none;
width: 100%;
}
.navigation i { display: inline }
.navigation ul ul a { padding: 9px 18px !important }
.navigation ul ul ul a { padding: 9px 27px !important }
.navigation ul ul ul ul a { padding: 9px 36px !important }
.navigation .toggle-caret {
display: block;
width: 42px;
height: 42px;
line-height: 42px;
color: #ffffff;
border-left: 1px solid rgba(194, 194, 194, 0.2);
}
.navigation ul ul a, .navigation ul ul a:link, .navigation ul ul a:visited { color: #c2c2c2 }
.primary-navigation .navigation .toggle-caret {
top: 0px;
right: 0px;
}
.navigation .menu-item-has-children > a:after { content: '' }
#mobile-menu-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999;
cursor: pointer;
display: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: rgba(0,0,0,.5);
}
.woocommerce.archive .article {
padding: 15px;
overflow: hidden;
}
.Justfit-members { width: 100% }
.Justfit-members-stories {
width: 100%;
text-align: center;
padding-left: 0;
padding-right: 0;
padding: 50px 5%;
}
.Justfit-members-stories .readMore { float: none }
.description-1, .description-2 { top: 10px }
.Justfit-Progress-Video {
width: 48.5%;
margin-right: 3%;
}
.Justfit-Progress-Video:nth-child(3n) { margin-right: 3% }
.Justfit-Progress-Video:nth-child(even) { margin-right: 0% }
.benefit-subheading { width: 100% }
.primary-navigation {
float: left;
margin-top: 28px;
}
}
@media screen and (max-width:800px) {
.article {
float: none;
width: 100% !important;
}
.content_box {
padding-right: 0px;
padding-left: 0px;
}
.sidebar.c-4-12 {
float: none;
width: 100% !important;
padding-left: 0;
padding-right: 0;
margin: 0 auto;
overflow: hidden;
padding-top: 30px;
}
.commentlist .children {
margin-left: 7%;
width: 93%;
}
html #wpadminbar {
position: fixed;
}
}
@media screen and (max-width:728px) {
#logo a, #logo img {
float: none;
letter-spacing: 0;
}
.widget-header {
max-width: 100%;
float: left;
}
}
@media screen and (min-width:400px) {
.widget-header .adcode-widget {
width: 320px;
height: 100px;
}
}
@media screen and (min-width:550px) {
.widget-header .adcode-widget {
width: 468px;
height: 60;
}
}
@media screen and (min-width:985px) {
.widget-header .adcode-widget {
width: 728px;
height: 90;
}
}
@media screen and (max-width:720px) {
.secondary-navigation a {
padding-top: 10px!important;
padding-bottom: 10px!important;
}
.ad-125 li { max-width: 45% }
#comments { margin-right: 0 }
.widget-header .textwidget {
margin-top: 0;
padding-left: 0;
border-left: none;
}
.Justfit-benefit-sections { padding: 50px 4% }
.benefit-subheading { width: 100% }
.Justfit-meals .subheading { width: 100% }
.Justfit-meals .subheading:after {
width: 108%;
left: -4%;
}
}
@media screen and (max-width:640px) {
.featured-thumbnail img { width: 100% }
.admin-bar .pace .pace-progress { top: 0px }
.Our-Partners-logos li {
margin-right: 15px;
margin-top: 10px;
}
.article .review-total-star {
position: relative;
top: 0;
right: 0;
}
.Justfit-members-description .front-view-content { font-size: 13px }
.Justfit-members-description h2 { font-size: 15px }
.description-1 {
left: 2%;
top: 30px;
text-align: left;
}
.description-2 {
right: 2%;
top: 30px;
text-align: right;
}
.Justfit-members-stories h2 { font-size: 25px }
.header-join .join-description .title { font-size: 35px }
.header-join { min-height: 300px }
.Justfit-benefit-section {
width: 100%;
margin-right: 0%;
}
.Justfit-ambition .subheading {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.f-widget {
width: 32%;
margin-right: 2%;
}
.f-widget:nth-child(3n) { margin-right: 0 }
.f-widget:nth-child(3n+1) { clear: left }
.widgets-num-4 .f-widget:nth-child(2) { margin-right: 0 }
.widgets-num-4 .f-widget {
width: 48%;
clear: none;
}
}
@media screen and (max-width:550px) {
.sbutton { float: right }
.Justfit-facility-section {
width: 100%;
margin-right: 0%;
margin-bottom: 30px;
}
.Justfit-Progress-Video {
width: 100%;
margin-right: 0%;
}
.latestPost {
width: 100%!important;
margin-left: auto;
margin-right: auto;
float: none;
overflow: hidden;
max-width: 100%;
}
.latestPost:nth-child(even) { margin-right: auto }
.related-posts .latestPost {
margin-right: auto;
max-width: 100%;
padding-bottom: 10px;
min-height: 112px;
}
.related-posts .latestPost:last-child { padding-bottom: 30px }
.single_post header .post-info > span:nth-child(3), .single_post header .post-info > span:nth-child(4) {
float: left;
display: inline-block;
clear: both;
margin-top: 10px;
}
.breadcrumb > div {
padding-left: 10px;
padding-right: 10px;
}
.single-title { font-size: 22px }
.postauthor h4, .related-posts h4, #comments .total-comments, #commentsAdd h4 {
padding-left: 10px;
font-size: 22px;
}
.ss-full-width .one_half, .ss-full-width  .one_third, .ss-full-width  .two_third, .ss-full-width  .three_fourth, .ss-full-width  .one_fourth, .ss-full-width  .one_fifth, .ss-full-width  .two_fifth, .ss-full-width .three_fifth, .ss-full-width .four_fifth, .ss-full-width .one_sixth, .ss-full-width .five_sixth {
width: 100%;
margin-right: 0%;
}
.benefit-subheading { margin-bottom: 30px }
.Justfit-benefit-sections { padding-bottom: 0 }
.Justfit-ambition { padding-bottom: 30px }
.Justfit-ambition .readMore { margin-top: 20px }
.mts-cart {
clear: both;
float: left;
margin-left: 0;
margin-bottom: 30px;
}
.primary-navigation {
position: absolute;
right: 3%;
}
.commentmetadata { line-height: 1.8 }
.commentlist .children { width: 100%; padding-left: 0; margin-left: 0; }
.commentlist .children li { padding-left: 0; padding-right: 0; }
}
@media screen and (max-width:480px) {
nav { border-bottom: 0 }
.navigation {
margin-top: 0;
margin-bottom: 0;
}
.related-posts .latestPost {
width: 100%;
float: left!important;
max-width: 100%;
}
.related-posts .relatepostli4 {
padding-bottom: 15px;
border-bottom: 1px solid #CCC;
margin-bottom: 11px;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
width: 100%;
margin-right: 0;
}
.copyrights { text-align: center }
.top { width: 100% }
.description-1, .description-2 { top: 2px }
.Justfit-members-description h2 { font-size: 12px }
.Justfit-members-description .front-view-content { font-size: 11px }
.commentmetadata { float: left }
.Justfit-train-section { width: 100% }
.Justfit-train-section:nth-child(odd) { border-right: none }
.Justfit-train-section:nth-last-of-type(2) { border-bottom: 1px solid #e0e0e0 }
.f-widget { width: 100%!important }
.single_post header .post-info .thecategory { float: left }
.primary-navigation { right: 4% }
.Justfit-ambition h3, .Justfit-Progress h3, .Justfit-benefit-sections h3 { font-size: 26px }
}
@media screen and (max-width:400px) {
article header { overflow: hidden }
.slidertext { display: none }
.header-join .join-description .title { font-size: 30px }
.logo-wrap { width: 100% }
.primary-navigation {
float: left;
margin-right: 0;
margin-top: 30px;
}
.header-search { display: none }
.single_page .tab_widget ul.wps_tabs li a { font-size: 10px }
#header .readMore { margin-right: 10px }
.primary-navigation { right: 5.5% }
.description-1, .description-2 { display: none }
input#author, input#email, input#url, .contact-form input, .contact-form textarea {
width: 100%;
max-width: 100%;
}
}.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
margin-top: -2px;
margin-bottom: 25px;
}
.woocommerce .products ul, .woocommerce-page .products ul, .woocommerce ul.products, .woocommerce-page ul.products {
padding-top: 10px;
margin-bottom: 0;
border-top: 0;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
width: 30.71%;
text-align: center;
margin-bottom: 30px;
}
.woocommerce ul.products li.last, .woocommerce-page ul.products li.last { margin-right: 0 }
.woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button {
padding: 0 40px;
line-height: 40px;
color: #fff!important;
background: #da0f16;
transition: all 0.25s ease;
border-radius: 0;
margin-top: 6px;
}
.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 { font-size: 18px; padding-bottom: 10px; }
.woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del { 
font-size: 20px; 
margin-bottom: 8px;
text-decoration: none; 
}
.woocommerce ul.products li.product .price ins, .woocommerce-page ul.products li.product .price ins { 
font-size: 20px; 
text-decoration: none; 
}
.woocommerce ul.products li.product .price {
font-size: 20px;
font-weight: bold;
color: #000;
margin-bottom: 8px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
font-size: 20px;
color: inherit;
font-weight: bold;
margin-bottom: 10px;
}
.woocommerce div.product .woocommerce-product-rating { margin-bottom: 10px }
.woocommerce-main-image.zoom img { margin-bottom: 12px }
.woocommerce #content div.product div.thumbnails a.last, .woocommerce div.product div.thumbnails a.last, .woocommerce-page #content div.product div.thumbnails a.last, .woocommerce-page div.product div.thumbnails a.last { margin-right: 0!important }
.woocommerce ul.cart_list li img, .woocommerce-page ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.product_list_widget li img {
width: auto;
max-width: 70px;
float: left;
box-shadow: none;
margin-left: 0;
margin-right: 15px;
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { 
padding: 0;
margin-bottom: 20px; 
}
.woocommerce ul.cart_list li:last-child, .woocommerce ul.product_list_widget li:last-child { margin-bottom: 0 }
.woocommerce .related ul.products li.product:last-child, .woocommerce-page .related ul.products li.product:last-child, .woocommerce .upsells.products ul.products li.product:last-child, .woocommerce-page .upsells.products ul.products li.product:last-child, .woocommerce .related ul li.product:last-child, .woocommerce-page .related ul li.product:last-child, .woocommerce .upsells.products ul li.product:last-child, .woocommerce-page .upsells.products ul li.product:last-child { margin-right: 0 }
.woocommerce div.product form.cart .button, .woocommerce-page div.product form.cart .button, .woocommerce #content div.product form.cart .button, .woocommerce-page #content div.product form.cart .button { 
line-height: 40px;
padding: 0 25px; 
font-family: inherit;
}
.woocommerce form .form-row select, .woocommerce-page form .form-row select, .woocommerce form .form-row input.input-text, .woocommerce-page form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea { 
line-height: 38px;
padding-top: 0;
padding-bottom: 0; 
border-radius: 2px;
background: transparent;
}
.woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea { 
height: 100px;
padding-top: 10px;
padding-bottom: 10px; 
}
.woocommerce form .form-row .select2-container { line-height: 35px }
.woocommerce table.cart input, .woocommerce-page table.cart input, .woocommerce #content table.cart input, .woocommerce-page #content table.cart input { 
line-height: 40px; 
height: 40px;
width: auto;
padding: 0 20px!important; 
text-transform: none;
}
#coupon_code {
padding: 6px 10px;
height: 40px;
width: 150px;
}
.checkout_coupon .form-row.form-row-first { margin-bottom: 0 }
.woocommerce div.product div.images div.thumbnails a, .woocommerce-page div.product div.images div.thumbnails a, .woocommerce #content div.product div.images div.thumbnails a, .woocommerce-page #content div.product div.images div.thumbnails a {
width: 22.75%;
margin-right: 3%;
}
.woocommerce .star-rating, .woocommerce-page .star-rating {
margin-top: 12px;
margin-right: 0;
margin-bottom: 20px;
}
.woocommerce .widget_rating_filter ul li .star-rating { margin: 0 }
.woocommerce #commentform p label { 
float: left;
width: 100%;
clear: both;
padding-left: 0; 
}
.comment-text .star-rating {
position: absolute;
right: 0;
top: 0;
margin: 0;
}
.woocommerce ul.cart_list li .quantity, .woocommerce ul.product_list_widget li .quantity { font-size: 15px }
.woocommerce ul.cart_list li .star-rating, .woocommerce-page ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating, .woocommerce-page ul.product_list_widget li .star-rating {
float: right;
margin-top: 4px;
font-weight: normal;
margin-right: 0;
margin-bottom: 4px;
}
.woocommerce .widget ul.cart_list li dl, .woocommerce .widget ul.product_list_widget li dl {
border: 0;
padding: 0;
width: auto;
overflow: hidden;
}
.woocommerce ul.cart_list li dl dd, .woocommerce ul.product_list_widget li dl dd { margin: 0; }
.woocommerce dt {
width: auto;
line-height: 20px;
}
.star-rating { color: #f37324 }
.woocommerce .widget_layered_nav ul small.count, .woocommerce-page .widget_layered_nav ul small.count {
font-weight: normal;
background: #222;
color: #fff;
padding: 0;
width: 29px;
text-align: center;
}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { border: 0 }
.woocommerce .products .star-rating, .woocommerce-page .products .star-rating { margin: 0 auto 6px }
.woocommerce ul.products li.product .star-rating { font-size: 14px; margin-bottom: 10px; }
.woocommerce ul.products li.product .button { margin-top: 6px }
.post-type-archive-product .page-title, .post-type-archive-product .woocommerce-breadcrumb { display: none }
.woocommerce-pagination { 
float: left;
width: 100%;
clear: both;
margin-top: 30px;
margin-bottom: 20px;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { 
padding: 0; 
font-size: 18px;
margin-bottom: 10px; 
}
.woocommerce div.product .product_title { font-size: 30px }
.woocommerce .bypostauthor {
padding: 0!important;
width: 100%!important;
}
.woocommerce .bypostauthor:after { display: none!important }
.woocommerce #reviews #comments ol.commentlist li, .woocommerce-page #reviews #comments ol.commentlist li {
width: 100%;
border: 0;
box-shadow: none;
margin-left: 0;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar, .woocommerce-page #reviews #comments ol.commentlist li img.avatar {
width: 8.2%;
padding: 0;
border: 0;
margin-top: 5px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text {
padding: 10px 0;
width: 89%;
float: right;
border-radius: 0;
border: 0;
padding-top: 0;
font-size: 14px;
}
.add_review { float: left }
.woocommerce #comments { margin-bottom: 10px }
.widget.woocommerce .buttons {
margin-bottom: 0;
margin-left: 0;
padding: 0;
border-radius: 0;
font-size: inherit;
}
.woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li span.current, .woocommerce #content nav.woocommerce-pagination ul li span.current, .woocommerce-page #content nav.woocommerce-pagination ul li span.current {
padding: 0;
margin: 0;
margin-right: 5px;
min-width: 54px;
color: inherit;
line-height: 44px;
}
.woocommerce nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li, .woocommerce #content nav.woocommerce-pagination ul li, .woocommerce-page #content nav.woocommerce-pagination ul li { 
border: 0; 
}
.woocommerce nav.woocommerce-pagination ul, .woocommerce-page nav.woocommerce-pagination ul, .woocommerce #content nav.woocommerce-pagination ul, .woocommerce-page #content nav.woocommerce-pagination ul {
border: 0;
margin: 0;
}
.woocommerce nav.woocommerce-pagination ul li a { 
float: none;
padding: 0;
margin-right: 5px;
min-width: 54px;
line-height: 44px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta {
font-size: 14px;
margin-bottom: 0;
}
.woocommerce #reviews #comments h2, .woocommerce-page #reviews #comments h2 {
font-size: 18px;
margin-bottom: 0;
}
#searchform #searchsubmit { width: 30% }
#searchform #searchsubmit:hover { background: #222 }
.added_to_cart {
float: left;
width: 100%;
clear: both;
text-transform: capitalize;
}
.woocommerce #commentform { 
padding: 0;
background: transparent;
box-shadow: none; 
}
.woocommerce .quantity .qty { 
height: 38px;
padding: 0!important;
border-radius: 2px;
}
.woocommerce .products .star-rating, .woocommerce-page .products .star-rating { margin: 0 auto .5em }
.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { 
padding-left: 20px;
padding-bottom: 0; 
}
.woocommerce-product-search, .price_slider_wrapper {
float: left;
width: 100%;
padding: 20px;
box-sizing: border-box;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
padding: 0;
margin-bottom: 20px;
border-top: 0;
clear: both;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { left: -5px }
.woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a { 
padding: 0 30px;
margin-top: 0; 
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { 
margin-bottom: 5px; 
}
.woocommerce ul.cart_list, .woocommerce ul.product_list_widget {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
.woocommerce ul.cart_list.product_list_widget { padding: 0 }
.woocommerce-product-search input[type="search"] {
float: left;
width: 70%;
padding: 0;
text-indent: 15px;
line-height: 44px;
font-size: inherit;
border: 1px solid rgba(0, 0, 0, 0.12);
border-right: 0;
box-sizing: border-box;
}
.woocommerce-product-search button[type="submit"], .woocommerce .woocommerce-widget-layered-nav-dropdown__submit {
float: right;
width: 30%;
height: 46px;
color: #fff;
border: 0;
cursor: pointer;
font-weight: bold;
}
.woocommerce .woocommerce-widget-layered-nav-dropdown__submit { 
float: left;
height: 35px; 
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item { padding: 0 20px 10px }
.woocommerce-widget-layered-nav-dropdown {
float: left;
width: 100%;
padding: 20px;
box-sizing: border-box;
}
.woocommerce-widget-layered-nav-dropdown .select2-container--default .select2-selection--multiple .select2-selection__rendered li { padding: 5px }
.woocommerce .woocommerce-widget-layered-nav-dropdown__submit { float: left }
.widget_shopping_cart_content {
padding: 20px;
padding-top: 0;
box-sizing: border-box;
}
.woocommerce .widget_price_filter .price_slider_amount { 
font-size: inherit; 
line-height: 36px; 
}
.woocommerce .widget_price_filter .price_slider_amount .button { 
font-size: inherit;
line-height: 35px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { 
background-color: #888;
margin-bottom: 20px; 
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background: #20303c; cursor: pointer; }
.woocommerce #reviews #comments ol.commentlist { margin-top: 15px }
.woocommerce #review_form #respond p.stars, .woocommerce #review_form #respond p.comment-form-rating { margin: 0 }
.woocommerce #review_form #respond p.form-submit { margin-top: 10px }
.woocommerce #review_form #respond input#author, .woocommerce #review_form #respond input#email, .woocommerce #review_form #respond input#url, .woocommerce #review_form #respond .contact-form input { width: 100%; max-width: 100% }
.woocommerce div.product .woocommerce-tabs ul.tabs { margin: 0 0 30px }
.woocommerce #reviews #comment { height: 120px }
.woocommerce .woocommerce-breadcrumb {
font-size: 16px;
margin: 0 0 15px;
color: inherit;
}
.woocommerce .woocommerce-breadcrumb a { color: inherit }
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
width: 70px;
margin: 0;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
font-size: inherit;
padding: 0;
height: 46px;
line-height: 46px;
}
.woocommerce ul.products li.product .onsale, .woocommerce span.onsale, .woocommerce-page span.onsale {
min-height: auto;
line-height: 30px;
padding: 0 10px;
margin: 0;
top: 0;
right: inherit;
left: 0;
border-radius: 0;
text-transform: uppercase;
}
.product-name a {
color: inherit;
font-weight: 600;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper { margin: 0 }
.woocommerce #review_form #respond p { margin-right: 2% }
.woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions {
padding-top: 25px;
padding-bottom: 25px;
}
.woocommerce #review_form #respond p.comment-form-email { margin-right: 0 }
.woocommerce #respond input#submit.loading:after, .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after { top: 0; right: 15px; }
#reviews #commentform p.comment-form-comment:after, #reviews #commentform p.comment-form-comment:before { display: none; }
.woocommerce div.product form.cart .variations { margin-bottom: 0 }
.woocommerce-variation.single_variation, .woocommerce div.product form.cart, .woocommerce div.product p.cart { margin-bottom: 20px }
.woocommerce div.product div.images.woocommerce-product-gallery, .woocommerce div.product div.summary, .woocommerce div.product .woocommerce-tabs .panel { margin-bottom: 40px }
.select2-container .select2-selection--single { 
line-height: 40px; 
height: 40px; 
background: transparent;
border-color: rgba(0, 0, 0, 0.12);
}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px }
.woocommerce-error, .woocommerce-info, .woocommerce-message { clear: both }
.woocommerce form .form-row label.inline { margin-left: 18px }
.woocommerce .single_page, .woocommerce-page .single_page {
padding: 0;
box-shadow: none;   
}
.woocommerce .widget_layered_nav_filters ul li { margin-right: 10px }
.single-product .single_post {
padding: 30px;
padding-bottom: 0;
box-sizing: border-box;
}
.woocommerce.archive .article {
padding: 25px;
background: #fff;
box-sizing: border-box;
box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
.woocommerce form .form-row { padding: 0 } .woocommerce-account .woocommerce-MyAccount-navigation { 
background: #111; 
margin-bottom: 20px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
width: 100%;
list-style-type: none;
padding: 0;
margin: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
padding: 10px 20px;
font-size: 14px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li:nth-child(even) { background: #333 }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active { background: #da0f16 }
.woocommerce-account .woocommerce-MyAccount-navigation li a { 
color: #fff;
font-weight: 600; 
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 70%;
border: 1px solid #f6f6f6;
padding: 20px;
padding-top: 0;
box-sizing: border-box;
}
.woocommerce #comments #comments, .woocommerce-page #comments #comments {
padding: 20px 0;
box-shadow: none;
background: transparent;
}
.woocommerce #comments .fb_iframe_widget span, .woocommerce-page #comments .fb_iframe_widget span {
background: transparent;
box-shadow: none;
}
@media screen and (max-width:1024px) {
.woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button {
line-height: 30px;
font-size: 14px;
padding: 0 20px;
}
}
@media screen and (max-width:768px) { 
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width: 48%; float: left; }
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width: 48%; float: right; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product {
width: 45%;
margin: 0;
margin-bottom: 40px;
}
.woocommerce .related ul.products li.product:last-child, .woocommerce-page .related ul.products li.product:last-child, .woocommerce .upsells.products ul.products li.product:last-child, .woocommerce-page .upsells.products ul.products li.product:last-child, .woocommerce .related ul li.product:last-child, .woocommerce-page .related ul li.product:last-child, .woocommerce .upsells.products ul li.product:last-child, .woocommerce-page .upsells.products ul li.product:last-child { clear: left }
.woocommerce div.product div.images.woocommerce-product-gallery, .woocommerce div.product div.summary, .woocommerce div.product .woocommerce-tabs .panel { margin-bottom: 30px } 
.woocommerce div.product .product_title { font-size: 25px }
.woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button {
line-height: 40px;
font-size: 16px;
padding: 0 35px;
}
}
@media screen and (max-width:550px) { 
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product {
width: 48%;
margin-right: 4%;
}
.woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n), .woocommerce-page[class*=columns-] ul.products li.product:nth-child(2n), .woocommerce[class*=columns-] ul.products li.product:nth-child(2n) { margin-right: 0 }
.woocommerce ul.products li.product:nth-child(3n+1), .woocommerce-page ul.products li.product:nth-child(3n+1), .woocommerce-page[class*=columns-] ul.products li.product:nth-child(3n+1), .woocommerce[class*=columns-] ul.products li.product:nth-child(3n+1) { clear: none!important }
.woocommerce .related ul.products li.product:last-child, .woocommerce-page .related ul.products li.product:last-child, .woocommerce .upsells.products ul.products li.product:last-child, .woocommerce-page .upsells.products ul.products li.product:last-child, .woocommerce .related ul li.product:last-child, .woocommerce-page .related ul li.product:last-child, .woocommerce .upsells.products ul li.product:last-child, .woocommerce-page .upsells.products ul li.product:last-child { clear: left }
.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count { float: none; text-align: center; }
}
@media screen and (max-width:480px) { 
.woocommerce div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page #content div.product div.images { width: 100% }
.woocommerce div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page #content div.product div.summary { width: 100% }
.added_to_cart {
float: none;
width: auto;
clear: none;
}
.woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button { padding: 0 20px }
}
@media screen and (max-width:400px) {
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product {
width: 100%!important;
margin-right: 0!important;
}
}