/*
Theme Name: GrowwFit 2
Theme URI: ed.paulo.pedro04@gmail.com
Description: The GrowwFit Template 2 is a theme that support a Redux Framework (reduxframework.com). Implemented a bootstrap for the responsive design. There is a workout of the day, coaches/team, blog, slider, carousel, timetable and pricing table inside this theme. This theme is a project of Glue Digital (http://gluedigital.com.au/).
Author: Ed Paulo B. Pedro
Author URI: ed.paulo.pedro04@gmail.com
Version: 1.0
Tags: light, three-columns, right-sidebar, flexible-width, custom-colors, custom-header, custom-background, custom-menu, theme-options, threaded-comments, sticky-post, translation-ready, groww, growwfit, groww 2, fit 2, growfit 2, coach, wod, timetable, pricing-table, reduxframework, redux-framework, gd, gluedigital
Template: growwfit-2
License: GNU/GPL Version 2 or later
License URI: http://www.gnu.org/licenses/gpl.html
*/
@import url('css/transistion.css');
@import url('css/universal-style.css');
/**************************************************
HEADER
**************************************************/
#page p{
margin-bottom:20px;
}
#page blockquote{
padding: 30px;
text-align: center;
border: 0;
font-weight: bold;
font-style:italic;
background-color:#F2F2F2;
}
#page blockquote p{
font-weight: bold;
}
#page #social-icons .fa{
font-size:16px;
}
header .header-00{
padding-top:8px;
padding-bottom:8px;
text-transform:uppercase;
}
header .header-01 .logo {
max-width: 100%;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
header .my-main-header #main-navigation a{
display: block;
font-size: 13px;
font-weight:500;
color: #3D3D3D;
text-transform: uppercase;
line-height:inherit;
}
#page #contact-top-head i{
margin-right: 7px;
}
#page #contact-top-head a{
margin-right: 7px;
margin-right: 35px;
}
header .my-main-header #main-navigation li{
position: relative;
padding: 0;
display: inline-block;
margin-bottom:0;
}
header .my-main-header #main-navigation ul{
margin-bottom:0;
}
header .my-main-header #main-navigation ul ul{
display: none;
position: absolute;
background-color: rgba(0, 0, 0, 0.6);
top: 100%;
font-size: 90%;
left: 0;
padding: 0;
z-index: 1;
}
header .my-main-header #main-navigation ul ul li {
float: none;
text-align: left;
width: 240px;
border-right: 0px none;
padding: 0px;
margin-left: 0px;
}
header .my-main-header #main-navigation ul ul li a{
color:#ccc !important;
padding:15px 20px !important;
}
header .my-main-header #main-navigation ul ul li a:hover{
color:#f20117 !important;
}
header .header-01.position-fixed{
background-color:#fff;
}
header .header-01 .logo-wrap{
height: 108px;
}
header .header-01 .logo-wrap a{
top: 50%;
transform: translate(0%,-50%);
position: absolute;
}
header .header-01.position-fixed .logo-wrap{
height: 61px;
}
header .header-01.position-fixed .logo-wrap img{
max-height: 59px;
}
header .header-01 .logo-wrap img{
max-height: 108px;
}
/**************************************************
FOOTER
**************************************************/
#page footer{
margin-top:25px;
}
footer .footer-01, footer .footer-02 {
padding: 15px 0;
}
#page footer p{
font-size:11px;
}
footer .footer-03 #social-icons{
display:inline-block;
}
#page footer #footer-copyright, #page footer #footer-social{
padding-top:15px;
padding-bottom:15px;
}
#page footer .footer-03 #social-icons a{
color:#fff;
}
#page footer h5{
font-weight:normal;
font-size:13px;
}
#page footer ul{
margin-bottom:0;
}
#page footer ul li{
position: relative;
padding: 0;
display: inline-block;
margin-bottom:0;
padding:0 26px;
text-transform:uppercase;
}
#page footer .go-top{
background-color: #131313;
width: 45px;
height: 45px;
padding-top: 12px;
display: inline-block;
text-align: center;
position: absolute;
right: -10px;
top: 0;
}
/**************************************************
HOME PAGE
**************************************************/
#page .slides-container{
position:relative;
}
#page .slides-content{
position:absolute;
width:100%;
}
#page .slides-content h1, #page .slides-content h2, #page .slides-content h3{
font-weight:bold;
}
#page #main .slides-content h1{
font-size:118px;
color:#fff;
line-height:120px;
font-weight: 600;
}
#page .slides-content h3{
font-size:60px;
line-height:44px;
font-weight: 600;
}
#page #main .slides-content .readmore{
margin-top: 40px;
color:#fff;
padding: 25px 70px 25px 40px;
background-color:transparent !important;
}
#page #home_slider {
background-color:#111;
}
#page #home_slider .fa{
color: #fff;
top: 45%;
position: absolute;
left: 20px;
font-size: 80px;
}
#page #home_slider .fa.fa-angle-right{
right: 20px;
left:inherit;
}
#page #home_slider .fa.fa-angle-left::before, #page #home_slider .fa.fa-angle-right::before{
content: ' ';
width:18px;
height:64px;
background-image:url('images/left-arrow.png');
background-size:18px 64px;
display: inline-block;
}
#page #home_slider .fa.fa-angle-right::before{
background-image:url('images/right-arrow.png');
}
#page #home_slider .left.carousel-control, #page #home_slider .right.carousel-control{
opacity: 1;
background-color: transparent;
width: 70px;
}
#page #home_slider .carousel-indicators{
z-index: 1;
bottom: 70px;
}
#page #home_slider .carousel-indicators li{
margin:0 5px;
}
#page .home_about_us_section, #page .home_team_section, #page .home_gallery_section, #page .home_join_section, #page .home_blog_section{
padding-top:75px;
padding-bottom:75px;
}
#page .home_blog_section{
padding-bottom:45px;
}
#page .home_team_section h1, #page .home_gallery_section h1, #page .home_join_section h1, #page .home_blog_section h1{
margin-bottom:55px;
font-size:50px;
line-height:58px;
}
#page .home_about_us_section h1{
line-height:42px;
}
#page .home_team_section .slick-prev, #page .home_team_section .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 45%;
display: block;
width: 50px;
height: 50px;
margin-top: -10px;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
#page .home_team_section .slick-prev:after, #page .home_team_section .slick-next:after{
display:none;
}
#page .home_team_section .slick-track, #page .home_gallery_section .slick-track{
margin:0 auto;
}
#page .home_team_section .slick-slide .team-container, #page .home_gallery_section .slick-slide img{
padding-left:10px;
padding-right:10px;
margin:0 auto;
}
#page .home_team_section .slick-slide .team-container img{
margin:0 auto;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
#page .home_team_section .slick-slide .team-container-all{
position: relative;
width: 100%;
display: block;
}
#page .home_team_section .slick-slide .team-content{
}
#page .home_team_section .slick-slide .team-container img{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
#page .home_team_section .slick-slide .team-container:hover img{
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
#page .home_team_section .slick-slide .team-name{
text-transform: uppercase;
padding-top:10px;
font-size: 14px;
text-align: center;
font-weight: 500;
}
#page .home_team_section .slick-prev, #page .home_gallery_section .slick-prev{
left: -7.6%;
z-index:1;
}
#page .home_team_section .slick-next, #page .home_gallery_section .slick-next{
right: -7.6%;
z-index:1;
}
#page .home_team_section .slick-slider, #page .home_gallery_section .slick-slider{
width: 90%;
margin: 0 auto;
}
#page .home_team_section .slick-prev:before, #page .home_team_section .slick-next:before {
font-family: 'FontAwesome';
content: "\f104";
font-size: 28px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#page .home_team_section .slick-next:before, #page .home_gallery_section .slick-next:before {
content: "\f105";
}
#page .home_team_section .slick-prev.slick-disabled:before, #page .home_team_section .slick-next.slick-disabled:before, #page .home_gallery_section .slick-prev.slick-disabled:before, #page .home_gallery_section .slick-next.slick-disabled:before {
opacity: .25;
}
#page .home_team_section .slick-dots, #page .home_gallery_section .slick-dots{
display:none !important;
}
#page .home_blog_container{
background-color:#BEBEBE;
float:left;
position:relative;
}
#page .home_blog_container .home_blog_img {
background-size: auto 100%;
background-position: center center;
background-repeat: no-repeat;
width: 50%;
height: 260px;
background-color: #BEBEBE;
display: block;
position: absolute;
z-index:1;
}
#page .home_blog_container .home_blog_title{
font-weight: 600;
margin-top: 45px;
text-transform: uppercase;
margin-bottom: 0;
font-size: 16px;
}
#page #main .home_blog_container p{
font-size:10px;
line-height:18px;
}
#page #main p.blog-other-info{
font-size:9px;
text-transform:uppercase;
}
#page #main p.blog-content{
height:90px;
overflow:hidden;
}
#page #main .b-readmore{
text-transform:uppercase;
font-weight:bold;
color: #333333;
}
#page #main .my-img-1{
right:0;
}
#page #main .my-img-2{
left:0;
}
#page #main .home_blog_container .my-text-1, #page #main .home_blog_container .my-text-2{
width:50%;
float:left;
transition: all 1s;
-webkit-transition: all 1s;
z-index:1;
position:relative;
padding:0 15px;
height: 260px;
}
#page #main .home_blog_container .my-text-2{
float:right;
}
#page #main .home_blog_container:hover .my-text-1, #page #main .home_blog_container:hover .my-text-2{
width:100%;
background-color: #F56619;
color:#fff;
}
#page #main .home_blog_container:hover .my-text-1 p, #page #main .home_blog_container:hover .my-text-1 h3, #page #main .home_blog_container:hover .my-text-1 .b-readmore, #page #main .home_blog_container:hover .my-text-2 p, #page #main .home_blog_container:hover .my-text-2 h3, #page #main .home_blog_container:hover .my-text-2 .b-readmore{
color:#fff;
}
/**************************************************
INNER PAGE
**************************************************/
#page{
background-color: #fff;
}
#page h1, #page h2, #page h3, #page h4, #page h5, #page h6{
font-size:36px;
line-height:43px;
margin-top:0;
font-weight:bold;
}
#page h2{
font-size:26px;
line-height:36px;
font-weight: 400;
color:#404141;
}
#page h3{
font-size:22px;
line-height:24px;
font-weight: 500;
}
#page h4{
font-size:18px;
line-height:25px;
}
#page h5{
font-size:14px;
line-height:21px;
}
#page h6{
font-size:13px;
line-height:20px;
}
#page p, #page li, #page label{
font-size: 13px;
line-height: 20px;
color: #777777;
}
#page p, #page li{
margin-bottom: 15px;
}
#page div{
color: #777777;
}
#page #pages .entry-content{
padding-bottom: 55px;
}
#page #pages.index .entry-content{
padding-bottom: 0;
}
#page #inner-content ul li, #page #inner-content ol li{
list-style: initial;
margin-left: 15px;
margin-top: 7px;
margin-bottom: 10px;
}
#page #inner-content ol li {
list-style: decimal;
}
#page #pages .fa.fa-angle-left::before, #page #pages .fa.fa-angle-right::before, #page #posts .fa.fa-angle-left::before, #page #posts .fa.fa-angle-right::before{
content: ' ';
width: 18px;
height: 64px;
background-image: url(images/alt-left-arrow.png);
background-size: 18px 64px;
display: inline-block;
}
#page #pages .fa.fa-angle-right::before, #page #posts .fa.fa-angle-right::before{
background-image: url(images/alt-right-arrow.png);
}
#page .blog_container .blog-full, #page .blog_container .blog-half{
padding-bottom:35px;
}
#page .blog_container .blog-half .blog_img{
height:320px;
}
#page .blog_container .category-filter{
margin-top:-40px;
}
#page .blog_container .category-filter h5{
color:#000;
font-weight:600;
}
#page .blog_container .category-filter a{
color:#000;
padding: 10px;
font-weight:600;
text-transform:uppercase;
}
#page .blog_container .category-filter a:hover, #page .blog_container .category-filter a.active{
background-color: #ff7101;
color: #fff;
}
#page .blog_container .blog_title {
font-weight: bold;
margin-top: 0px;
text-transform: uppercase;
margin-bottom: 0px;
color: #333333;
}
#page .blog_container .blog_date{
padding-right:50px;
border-right:1px solid #6E6E6E;
width:7%;
float:left;
}
#page .blog_container .blog-half .blog_date{
width:16%;
text-align:center;
padding-right:0px;
}
#page .blog_container .blog_date .blog_date_day{
font-size:40px;
line-height:36px;
font-weight:bold;
color:#6E6E6E;
}
#page .blog_container .blog_date .blog_date_month{
font-size:20px;
line-height:20px;
font-weight:500;
text-transform:uppercase;
color:#6E6E6E;
}
#page .blog_container .blog_title_c{
width:93%;
padding-left:15px;
float:left;
}
#page .blog_container .blog-half .blog_title_c{
width:84%;
}
#page .blog_container .other-info{
font-weight:500;
color:#111;
}
#page .blog_container .blog_content {
border-top: 1px solid #6E6E6E;
float: left;
padding-top: 15px;
padding-bottom: 0px;
width: 100%;
}
#page .blog_container .blog-other {
float: left;
width: 100%;
}
#page .blog_container .blog-other .readmore{
padding: 10px 30px 9px;
font-size:10px;
font-weight:600;
margin-top:0;
}
#page .blog_container .blog-ago, #page .blog_container .blog-tag{
padding-top:10px;
display:inline-block;
padding-left:20px;
}
#page .blog_container .blog-tag{
color: #ff7101;
}
#page .blog_container .blog-other .readmore:after{
display:none;
}
#page .blog_container .blog_content p{
color:#6E6E6E;
font-size:12px;
line-height:18px;
}
#page .blog_container .other-info .author-name{
color: #ff7101;
}
#page .blog_container .blog_img, #page .blog_container .related_blog_img {
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 550px;
background-color: #1E1E1E;
display: block;
position: relative;
float:left;
margin-bottom:15px;
}
#page .blog_container .related_blog_img{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
#page .blog_container .related_blog_img:hover{
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
#page .coach_container .coach_img{
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 400px;
background-color: #1E1E1E;
display: block;
position: relative;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
#page .coach_container .coach_c:hover .coach_img{
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
#page .coach_container .coach_c{
position: relative;
}
#page .coach_container .coach_c:hover .coach_title{
display:block;
}
#page .coach_container .coach_title{
text-transform: uppercase;
padding-top: 10px;
font-size: 14px;
text-align: center;
font-weight: 500;
color: #111;
margin-bottom:30px;
}
#page .blog_container .related_blog_img {
height: 265px;
}
#page .related-post-title-c{
position:relative;
margin-bottom:30px;
}
#page .related-post .readmore{
padding: 9px 12px;
font-size: 12px;
}
#page .related-post-title{
position: relative;
top: 0;
display: inline-block;
padding: 3px 15px;
background-color: #fff;
z-index: 3;
color: #333333;
font-weight: bold;
}
#page .related-post-hr{
position:absolute;
border-top:5px solid #222;
width:100%;
top: 0;
}
#page hr.blog_hr{
margin-bottom: 25px;
margin-top: 25px;
border-top: 1px solid #222;
}
#page .nav-links{
margin-top:35px;
}
#page .nav-links .nav-next{
float:right;
}
#page .nav-links .nav-previous{
float:left;
}
#page .nav-links .nav-next, #page .nav-links .nav-previous{
font-size:50px;
}
#page .top-background .container{
position:relative;
height:100%;
}
#page .top-background{
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 370px;
background-color: #1E1E1E;
display: block;
position: relative;
margin-bottom:60px;
}
#page .top-title{
left: 0;
top: 75%;
transform: translate(0, -50%);
font-size: 85px;
line-height: 75px;
color: #fff;
font-weight: 600;
position: absolute;
width: 600px;
max-width: 100%;
text-transform: uppercase;
}
/**************************************************
CONTACT PAGE
**************************************************/
#page .contact_google_map iframe{
width:100%;
margin-top:0px;
}
#page .contact-page-container{
margin-top: -150px;
background-color: rgba(255, 255, 255, 0.8);
display: block;
position: relative;
padding: 50px 70px;
}
#page .contact-page-container h3{
font-weight: bold;
text-transform: uppercase;
margin-bottom: 25px;
font-size:26px;
color: #222 !important;
}
#page .contact-page-container .fa{
font-size:20px;
}
#page .contact-page-container h5{
color: #222 !important;
}
#page .contact-page-container form{
width: 450px;
max-width:100%;
}
#page .contact-page-container input[type="submit"]{
padding: 12px 20px !important;
border-radius:4px !important;
}
#page .contact-page-container textarea{
height:100px !important;
}
#page .contact-page-container form .wpcf7-not-valid-tip{
font-size:9px;
margin-top: -20px;
}
/**************************************************
POST PAGE
**************************************************/
#posts .post-container .post-created {
float: left;
padding-right: 20px;
}
#posts .post-thumbnail{
overflow: auto;
height: 400px;
margin-bottom: 35px;
}
#posts .post-thumbnail img{
max-width:100%;
}
#posts .post-content{
border: 1px solid #ddd;
padding: 15px 20px;
}
#posts .post-content .post-title h1{
font-size: 22px;
text-transform: uppercase;
line-height: 30px;
}
#posts .post-info h1{
font-size: 27px;
margin-bottom: 0;
color:#fff;
}
#posts .post-info{
background-color: #222;
color: #fff;
padding: 10px 20px;
}
#posts .post-description-information{
font-size: 12px;
line-height: 22px;
margin-bottom: 20px;
color: #777777;
}
#posts .social-share{
background-color: #222;
padding: 8px 20px;
text-align:center;
}
#posts .social-share a{
color: #fff;
margin:0 1px;
color: #fff;
margin: 0 8px;
font-size: 13px;
}
#posts .next-prev-nav{
margin-bottom:35px;
}
#posts .next-prev-nav .next, #posts .next-prev-nav .prev{
background-color: #222222;
color: #fff;
padding: 8px 19px;
display: inline-block;
text-transform: uppercase;
font-weight: 600;
margin-top: 15px;
}
#posts .next-prev-nav .prev .fa{
margin-right: 5px;
}
#posts .next-prev-nav .next .fa{
margin-left: 5px;
}
/**************************************************
WOD PAGE
**************************************************/
#page .wod_title{
font-weight:600;
text-transform: uppercase;
margin-bottom: 5px;
color: #222;
}
#page .wod_container .other-info, #page .wod-single-container .other-info{
text-transform: uppercase;
font-size:11px;
font-weight:600;
}
#page .wod_container .author-name, #page .wod-single-container .author-name{
color: #BB0114;
}
#page .wod_container .wod_img {
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 280px;
background-color: #1E1E1E;
display: block;
position: relative;
}
#page .wod_container .date-overlay {
position: absolute;
right: 0;
bottom: 0;
color: #fff;
text-transform: uppercase;
font-size: 14px;
text-align: left;
padding: 15px 5px;
width: 95px;
max-width: 100%;
font-weight: 500;
background: rgba(255, 113, 1, 0.7);
margin-bottom: 0;
}
#page .wod_container .date-overlay .date-overlay-month{
color: #fff;
text-align: center;
margin-top:10px;
}
#page .wod_container .date-overlay .date-overlay-day{
color: #fff;
text-align: center;
font-size:40px;
line-height:34px;
font-weight:bold;
}
#page #pages .wod_container .readmore{
padding: 9px 25px;
text-transform: uppercase;
margin-top: 10px;
display: inline-block;
font-size: 13px;
border: 0;
border-radius:0;
}
#page #pages .wod_container .readmore:after{
display:none;
}
/**************************************************
ARCHIVE POSTS
**************************************************/
#page #search-form input[type="text"]{
border: 1px solid #D5D5D5;
background-color: #fff;
font-weight: 400;
color: #000;
font-size: 12px;
padding: 12px 20px;
width: 100%;
margin-bottom: 30px;
}
#page #search-form button[type="submit"]{
border: 0px none;
background-color: transparent;
color: #262626;
text-transform: uppercase;
font-size: 18px;
padding: 8px 15px;
position: absolute;
top: 0;
right: 15px;
}
#page #search-form input[type="text"]:placeholder-shown{
font-style:normal !important;
}
#page aside h4.widget-title{
font-size: 16px;
text-transform: uppercase;
font-weight: 800;
margin-bottom: 15px;
margin-top: 0px;
color: #404141;
letter-spacing: 1px;
}
#page aside hr{
border-top:1px solid #B7BAB9;
width:90px;
}
#page aside ul{
margin-bottom:35px;
}
#page aside ul, #page aside ul li{
list-style:none !important;
}
#page aside ul li{
padding-left:0 !important;
margin-left:0 !important;
margin-bottom: 8px !important;
}
#page aside ul li a{
color:#404141;
}
#page aside .thumbnail-side-bar{
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
width: 60px;
height: 60px;
background-color: #1E1E1E;
display: block;
margin-bottom: 6px;
position: relative;
}
#page aside .side-news a{
text-transform:uppercase;
color:#404141;
}
#page aside .side-news small.date{
color:#558ed5;
}
#page aside .side-news small.text-content{
color:#9C9C9C;
}
/**************************************************
FORMS
**************************************************/
#page input[type="text"],
#page input[type="email"],
#page input[type="tel"],
#page input[type="password"],
#page textarea,
#page select{
background-color: #fff;
border: 1px solid #010101;
padding: 12px 15px;
width: 100%;
color: #333;
font-size: 13px;
margin-bottom: 20px;
}
#page select{
padding: 10px 15px;
}
#page input[type="text"]:placeholder-shown,
#page input[type="email"]:placeholder-shown,
#page input[type="tel"]:placeholder-shown,
#page input[type="password"]:placeholder-shown,
#page textarea:placeholder-shown {
color:#000;
}
#page input[type="submit"], #page button, #page .readmore {
background-color: transparent;
color: #fff;
padding: 15px 30px 15px 20px;
text-transform: uppercase;
margin-top: 10px;
display: inline-block;
font-size: 12px;
border: 0;
position: relative;
border-radius:25px;
}
#page .readmore:after, #page input[type="submit"]:after, #page button:after{
content: ' ';
width: 7px;
position: absolute;
height: 8px;
background-image: url(images/alt-lg-arrow.png);
background-size: 7px 8px;
top: 20px;
right: 7px;
display: inline-block;
}
#page .readmore.lg-readmore{
padding: 25px 70px 25px 40px;
font-size: 20px;
border-radius:30px;
}
#page .readmore.lg-readmore:after{
content: ' ';
width: 10px;
position: absolute;
height: 11px;
background-image: url(images/lg-arrow.png);
background-size: 10px 11px;
top: 34px;
right: 12px;
display: inline-block;
}
#page .readmore.lg-readmore:hover:after{
content: ' ';
width: 10px;
position: absolute;
height: 11px;
background-image: url(images/alt-lg-arrow.png);
background-size: 10px 11px;
top: 34px;
right: 12px;
display: inline-block;
}
/**************************************************
PRICING TABLE
**************************************************/
#page #prices .pricing-tab{
padding:100px 30px 50px;
}
#page #prices .pricing-tab .plan-name{
font-weight: 500;
font-size: 28px;
}
#page #prices .price-label{
font-size: 47px;
font-weight: 600;
}
#page #prices .price-label .cents{
font-size: 26px;
font-weight: 600;
margin-left: -10px;
}
#page #prices .price-text{
text-transform:uppercase;
}
#page #prices .price-content ul{
margin-top:30px;
margin-bottom:20px;
}
#page #prices .price-content ul li{
margin-left:0;
}
#page #prices .price-content{
min-height:130px;
}
#page #prices .close:after{
content:'' !important;
display:none;
}
#page #prices .close{
padding: 10px 13px;
margin-top: 0;
}
/**************************************************
BREADCRUMBS
**************************************************/
#topbar{
padding-top:8px;
padding-bottom:8px;
background-color:#3A8FD7;
margin-bottom:45px;
}
#breadcrumb .breadcrumbs {
font-weight: 400;
margin-bottom: 10px;
margin-top: 10px;
}
#breadcrumb .breadcrumbs li {
color: #cccccc;
font-size: 12px;
margin: 0;
text-transform: uppercase;
padding-right: 10px;
display: inline-block;
}
#breadcrumb .breadcrumbs li.separator {
color: #cccccc;
}
#breadcrumb .breadcrumbs li a {
color: #cccccc;
font-weight: 400;
}
#breadcrumb .breadcrumbs li strong {
font-weight: 400;
color: #fff;
}
/**************************************************
PAGINATION
**************************************************/
#page .post-pagination a{
color: #333;
border: 1px solid #333;
padding: 8px 15px;
font-size: 18px;
font-weight: bold;
margin-bottom: 25px;
text-transform: uppercase;
display: inline-block;
}
#page .post-pagination li, #page .post-pagination ul {
display: inline-block;
}
#page .post-pagination li {
padding-left: 0 !important;
margin-left: 0 !important;
padding-right: 10px;
}
#page .post-pagination li:hover a{
color: #fff;
border: 1px solid #666;
background-color:#666;
}
#page .post-pagination li.active a{
color: #fff;
border: 1px solid #3A8FD7;
background-color: #3A8FD7;
padding: 8px 17px;
}
/**************************************************
404 PAGE NOT FOUND
**************************************************/
#page .page-404 .entry-content{
padding-bottom:0 !important;
}
#page .page-404 .top-title, #page .page-404 .top-title-bg {
overflow: hidden;
left: 50%;
top: 20%;
transform: translate(-50%,-20%);
position: absolute;
text-align: center;
width: 100%;
color: #fff;
height: 400px;
}
#page .page-404 .top-header-404-button{
overflow: hidden;
left: 50%;
top: 53%;
transform: translate(-50%,-53%);
position: absolute;
}
#page #pages .page-404 .top-header-404-button .readmore{
color: #fff;
padding: 22px 40px;
font-size: 16px;
}
#page #pages .page-404 .top-header-404-button .readmore:after{
display:none;
}
#page #pages .page-404 b{
color:#fff;
font-weight:500;
}
#page .page-404 .header-not-found{
color: #fff;
font-size: 52px;
font-weight: 500;
}
#page .page-404 #inner-content{
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 1020px;
background-color: #1E1E1E;
display: block;
position: relative;
}
#page .page-404 .header,
#page .page-404 .sub-header,
#page .page-404 .sub-header2 {
color: #333;
padding: 1em 0;
text-transform: uppercase;
}
#page .page-404 b {
color: #3A8FD7;
}
#page .page-404 .header {
font-size: 250px;
padding: 0;
line-height: 260px;
text-align: center;
letter-spacing: -1px;
}
#page .page-404 .sub-header {
font-size: 12px;
text-align: center;
}
#page .page-404 .sub-header p {
background-color: #3A8FD7;
color: #fff;
letter-spacing: 1px;
display: inline-block;
border-radius: 10px;
padding: 0.5em 2.5em;
margin-top: 1em;
margin-bottom: 10em;
}
/**************************************************
MASONRY
**************************************************/
#gallery{
margin:0 auto;
}
#gallery .grid-item {
width:311px;
margin-bottom:30px;
}
#blogs{
margin:0 auto 30px;
}
#blogs .grid-item {
width:50%;
}
#main #prices{
margin: 0 0 0 auto;
}
#main #prices .grid-item {
width:260px;
}
#pages #prices{
margin: 0 auto;
}
#pages #prices .grid-item {
width:33.33%;
}
#posts #gallery .grid-item {
margin-bottom:10px;
width:230px;
}
#posts #gallery{
margin:0 auto;
}
/**************************************************
MOBILE STYLE
**************************************************/
@media all and (min-width: 768px) {
header #main-navigation {
display: inline-block !important;
float: right;
}
#show-my-mobile-nav-button {
display: none !important;
}
#hide-my-mobile-nav-button {
display: none !important;
}
header .my-main-header{
float: right;
width: 100%;
}
header .position-fixed .my-main-header{
padding: 0;
}
header .my-main-header #main-navigation a{
padding: 45px 14px 40px;
}
header .position-fixed .my-main-header #main-navigation a{
padding: 20px 12px;
}
header .my-main-header #main-navigation li:first-child a{
padding-left: 0;
}
header .my-main-header #main-navigation li:last-child a{
padding-right: 0;
}
header .mobile-show-me{
display:none;
}
#blogs{
width:100% !important;
}
header .header-01.position-fixed .logo{
width: 125px;
margin-top: 0px;
}
header .header-01.position-fixed .clogo a:after{
background-size: 70px 70px;
width: 70px;
height: 70px;
left: 39.5%;
}
header .header-01.position-fixed #main-navigation{
padding: 0;
float: right;
margin-top: -3px;
}
#page .mobile-show{
display:none;
}
#page #pages #prices .grid-item {
width:330px;
}
}
@media all and (max-width: 967px) {
#page #main #prices .grid-item {
width:50%;
}
#page .home_prices_section{
background-image:none;
background-color:#111;
}
#page #pages #blogs .grid-item {
width:100%;
}
}
@media all and (max-width: 767px) {
header #main-navigation{
display: none;
}
#show-my-mobile-nav-button {
display: inline-block;
}
#hide-my-mobile-nav-button {
display: none;
}
#show-my-mobile-nav-button,
#hide-my-mobile-nav-button {
background: #fff;
color: #3E3E3E;
font-size: 200%;
cursor: pointer;
max-width: 50px;
border: 1px solid #fff;
text-align: center;
font-weight: 400;
font-family: "Lato Light";
border-radius: 5px;
margin: 5px 0px;
padding-top: 4px;
float: left;
margin-top:0px;
}
#show-my-mobile-nav-button, #hide-my-mobile-nav-button{
margin-left: 10px;
width: 55px;
height: 50px;
position:relative;
z-index:999;
left:0;
}
header .mobile-show-me{
display:block;
}
header #main-navigation{
float: left;
width: 100%;
}
header .my-main-header #main-navigation ul ul{
position: relative;
background-color:transparent;
}
header .my-main-header #main-navigation li{
width: 100%;
text-align: center;
}
header .my-main-header #main-navigation ul ul li a{
padding: 0.7em 1.8em 0.8em !important;
}
#page #social-icons{
margin-top: -25px;
}
#page .logo-wrap a[rel="home"]{
display:block;
width:100%;
text-align: center;
}
.position-fixed{
position:relative;
}
#page .slides-content h1{
font-size:48px;
line-height: 35px;
}
#page .slides-content h3{
font-size:15px;
line-height: 20px;
}
#page #home_slider .fa{
top: 28%;
}
#page #home_slider .fa.fa-angle-right {
right: 0px;
}
#page #home_slider .fa.fa-angle-left {
left: 0px;
}
#page #home_slider .carousel-indicators{
bottom: 10px;
}
#page .mobile-show{
display:block;
}
#page header .my-main-header #main-navigation a:hover, #page header .my-main-header #main-navigation li.current-menu-item a, #page header .my-main-header #main-navigation li.current_page_item a{
border:0 !important;
}
#page .blog_container .blog_img, #page .blog_container .related_blog_img{
height: 440px;
}
#page .related-post .text-right{
padding-top:0;
text-align:left;
}
#page .related-post p{
margin-bottom: 35px;
}
#page .related-post .readmore{
margin-top: -5px;
margin-bottom: 20px;
}
#page .contact-page-container{
padding: 50px 15px;
}
#page .contact-page-container form{
width:100%;
}
#page #pages #prices .grid-item {
width:50%;
}
#page #coaches .grid-item {
margin-bottom:0px;
width:50%;
}
#page #main #prices {
margin:0 auto;
}
#page .home_join_section img.position-absolute{
max-width: none;
position: relative;
width: 100%;
}
#page #gallery .grid-item img{
width: 100%;
}
#page{
overflow: hidden;
}
}
@media all and (max-width: 580px) {
#page .blog_container .blog_img, #page .blog_container .related_blog_img{
height: 240px;
}
#page .top-title{
font-size:28px;
}
#page .wod_container .wod_img{
height: 185px;
margin-bottom:20px;
}
#page .gd-timetable{
margin-left:-15px;
margin-right:-15px;
width: 360px;
}
#page .gd-timetable div{
font-size:9px !important;
}
#page .timetable-week.show-time{
width: 30px;
}
#page .timetable-column-header{
height:30px;
}
#page .timetable-column-header span {
margin-top: 8px;
}
#page #pages #prices .grid-item {
width:100%;
}
#page #coaches .grid-item {
margin-bottom:0px;
width:100%;
}
#page #gallery .grid-item {
width:100%;
}
#page #main #prices .grid-item, #blogs .grid-item{
width:100% !important;
}
#page #main .slides-content h1{
font-size: 42px;
line-height: 34px;
}
#page .home_about_us_section .col-sm-12{
text-align:center;
}
#page #main .slides-content{
text-align: center;
}
#page #main .slides-content .readmore{
padding: 10px 50px 10px 30px;
margin-top: 10px;
}
#page #main .slides-content .readmore:after{
top: 18px !important;
}
#page #main p.blog-content{
height: 75px;
}
#page footer ul li{
text-align:left;
padding: 2px 5px;
}
#page .top-title{
top: 50%;
font-size: 60px;
text-align: center;
}
#page .blog_container .blog_title_c{
width: 84%;
}
#page .blog_container .blog-other{
margin-bottom: 15px;
}
#page .contact_google_map{
margin-top:25px;
}
}
@media all and (max-width: 767px) {
header .my-main-header #main-navigation{
position: absolute;
z-index: 2;
background:#fff;
margin-left: -15px;
top: 55px;
}
header .my-main-header #main-navigation ul{
margin-left: -15px;
margin-right: -15px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
header .my-main-header #main-navigation ul a{
text-align:left;
padding: 8px 10px;
padding-left:45px !important;
color: #111 !important;
}
#page header .my-main-header #main-navigation a:hover, #page header .my-main-header #main-navigation li.current-menu-item a, #page header .my-main-header #main-navigation li.current_page_item a{
color: #ff7101 !important;
}
header .my-main-header #main-navigation ul li:first-child{
border-top:1px solid #ccc;
}
header .my-main-header #main-navigation ul li{
border-bottom:1px solid #ccc;
}
header .my-main-header #main-navigation ul li:hover{
background: #f1f1f1;
}
}