/* Theme Name: Body Sculptor Description: Body Sculptor Version: 1.0-wpcom Text Domain: body-sculptor Tags: */ @font-face{ font-family:'Cocktail'; src:url("assets/fonts/COCKTL.TTF"); } .site-header.absolute, .logo.relative { position: relative; } .logo { z-index: 2; } .logo.relative { top: 0; margin: 30px 0; } a:focus { outline: none; } footer#colophon { height: auto; } .section--top { padding: 0; background: none; overflow: hidden; /*background: url(http://agilekitchen.io/bodysculptor/wp-content/themes/body-sculptor/assets/img/top-bg.jpg) no-repeat !important; background-size: cover !important; background-position: center;*/ } .page-template-page-online-php, .page-template-default, .page-template-page-thank-you-php { /* background: #131311 url('assets/img/online-bg.jpg') no-repeat; */ background: #131311 url('../img/online-bg.jpg') no-repeat; background-size: 100%; background-position: top right; color: #fff; } .online-training .item__content h2 { text-transform: uppercase; margin-bottom: 10px; } .online-training .item__content h3 { line-height: 53px; text-transform: uppercase; max-width: 700px; margin-bottom: 10px; } .online-training__intro { font-family: 'Interstate', serif; font-weight: 100; font-size: 15px; max-width: 760px; margin-bottom: 30px; text-transform: uppercase; } .online-training__main { font-family: 'Interstate', sans-serif; font-weight: 100; line-height: 17px; font-size: 14px; max-width: 800px; } .online-training__main p { margin-bottom: 1.5em; } .online-training__main strong { text-transform: uppercase; font-weight: 700; } .online-training__main .alignleft { margin-right: 2.5em; } .divider { height: 5px; width: 100%; display: block; border-bottom: 1px solid #5a5a59; margin: 3em 0; } .plans { margin-bottom: 4em; } .plan { padding: 1.5em 0 1em; border-bottom: 1px solid #2D2D2D; } .plan > div { width: 33%; font-family: 'Interstate', sans-serif; font-weight: 100; font-size: 14px; text-transform: uppercase; } .plan > div:first-child, .plan > div:nth-child(2) { padding-top: 10px; } .social { width: 17% !important; } footer { padding: 2.5em 0 8em !important; position: relative; } .logo--footer { text-align: left !important; } .footer-bottom { background: #bcbcba; font-family: 'Cocktail', serif; font-size: 14px; color: #000; height: 42px; position: absolute; width: 100%; bottom: 0; } .footer-bottom p { padding: 17px 0 8px; margin: 0; font-family: 'Cocktail', serif; line-height: 14px; } .footer-bottom a { text-decoration: none; } .instagram { background: url('../img/instagram.png') no-repeat; width: 23px; height: 23px; display: block; } .email { background: url('../img/email.png') no-repeat; width: 21px; height: 15px; display: block; } .site-footer .wrapper { position: relative; } .site-footer .wrapper p{ padding:5px !important; line-height: normal !important; } .site-footer .social { position: absolute; right: 0; top: 0; } .site-footer .social a { margin-top: 0; } .social a { vertical-align: middle; } .section--about__content, .section--contact__content { padding: 3em 0; margin: 2em auto; } .section--services__content h2 { margin-bottom: .6em; line-height: 1; } .fb--grid { justify-content: space-between !important; -webkit-justify-content: space-between !important; } .contact, i.icon-facebook { text-align: left; color: #d0d0d0; } i.icon-facebook:hover { color: #d0d0d0; } .owl-carousel, .owl-carousel .owl-stage-outer, .owl-carousel .owl-stage, .owl-carousel .owl-item, .section--top .item { height: 100% !important; } .contact a { color: #fff; text-decoration: none; } .s-client { margin-bottom: 3em; } .entry-content { padding: 4em 0; } /* .page-template-default .site-footer { position: absolute !important; bottom: 0 !important; width: 100%; top: 89%; } */ .page-template-default .site-footer { position: absolute !important; width: 100%; } .entry-content a { color: #f64f3c; text-decoration: none; } .section--services__content li span { font-size: 13px; } .owl-theme .owl-controls { margin-top: 0; } .item__content p { max-width: 860px; } /* Blog */ .clearfix:after { content: ""; display: table; clear: both; } .blog, .category, .single-post, .page-template-page-gallery-php { /* background: url("images/blog/blog-bg.jpg") no-repeat scroll right top/100% auto #010101; */ background: url("http://bodysculptor.in/wp-content/themes/body-sculptor/images/blog/blog-bg.jpg") no-repeat scroll right top/100% auto #010101; } .blog .logo, .category .logo, .single-post .logo { margin-bottom: 55px; } .slideshowlink { display: none; } .blog-wrapper { max-width: 1030px; margin: 0 auto; padding-bottom: 100px;} .blog-list { float: left; max-width: 740px; } .blog-list .blog-item { margin-bottom: 50px; } .blog-list .blog-item .blog-date { float: left; width: 100px; margin-right: 15px; } .blog-list .blog-item .blog-date span { display: block; padding: 5px; color: #fff; letter-spacing: 2px; text-align: center; } .blog-list .blog-item .blog-date span.day { display: block; padding-top: 0; background: url(images/dotted-line.png) no-repeat center bottom; font-family: "Tungsten"; font-weight: 600; font-size: 30px; line-height: 1; } .blog-list .blog-item .blog-date span.month { font-size: 13px; text-transform: uppercase;} .blog-list .blog-item .blog-content { float: left; width: 620px; } .blog-list .blog-item .blog-content img { width: 100%; margin-bottom: 20px; } .blog-list .blog-item .blog-content .featured-video { width: 100%; height: 400px; } .blog-list .blog-item .blog-content h2 { margin-top: 5px; margin-bottom: 15px; font-family: "Tungsten"; font-weight: 600; font-size: 30px; text-transform: uppercase; color: #fff; } .blog-list .blog-item .blog-content h2 a { color: #fff; text-decoration: none;} .blog-list .blog-item .blog-content p { color: #cccccc; } .blog-list .blog-item .blog-content p.meta { font-family: 'Interstate', serif; font-size: 11px; letter-spacing: 2px; text-transform: uppercase;} .single-post .blog-list .blog-item .blog-content p.meta { float: left; margin-top: 4px; } .blog-list .blog-item .blog-content .social-shares { float: right; } .blog-list .blog-item .blog-content p.meta a { color: #cccccc; text-decoration: none; } .blog-list .blog-item .blog-content p .read-more { font-size: 11px; color: #f44d41; text-decoration: underline; } .blog-list .blog-item .blog-content .blog-excerpt { margin-bottom: 10px; color: #cccccc; } .blog-list .pagination { margin-top: 100px; margin-left: 115px; } .blog-list .pagination ol { margin: 0; list-style: none; } .blog-list .pagination ol li { display: inline-block; margin-right: 5px; } .blog-list .pagination ol li a { padding: 8px 12px; background: #fff; font-size: 13px; color: #000; text-decoration: none; border-radius: 26px 26px 26px 26px; -moz-border-radius: 26px 26px 26px 26px; -webkit-border-radius: 26px 26px 26px 26px; } .blog-list .pagination ol li span.current, .blog-list .pagination ol li.active a { padding: 8px 12px; background: #f44d41; font-size: 13px; color: #fff; text-decoration: none; border-radius: 26px 26px 26px 26px; -moz-border-radius: 26px 26px 26px 26px; -webkit-border-radius: 26px 26px 26px 26px; } .blog-sidebar { float: right; width: 220px; } .blog-sidebar .widget { margin-bottom: 50px; } .blog-sidebar .widget .widget-title { margin-bottom: 19px; padding-bottom: 20px; font-family: "Tungsten"; font-size: 30px; line-height: 0.7; color: #fff; border-bottom: 1px dotted #fff; } .blog-sidebar .widget.categories ul { margin: 0; list-style: none; } .blog-sidebar .widget.categories ul li { margin-bottom: 12px; } .blog-sidebar .widget.categories ul li a { display: block; padding: 8px 10px; padding-bottom: 7px; background: #f44d41; font-size: 18px; font-family: "Tungsten"; text-transform: uppercase; color: #fff; letter-spacing: 2px; text-decoration: none; } .blog-sidebar .widget.categories ul li a:hover { color: #fff !important; } .blog-sidebar .widget.popular ul { margin: 0; list-style: none; } .blog-sidebar .widget.popular ul li { margin-bottom: 14px; padding-left: 10px; line-height: 0.8; background: url(images/bullet.png) no-repeat left; } .blog-sidebar .widget.popular ul li a { font-size: 12px; line-height: 1.4; color: #fff; text-decoration: none; border-bottom: 1px solid #fff;} .blog-sidebar .widget.popular ul li a:hover { border-color: #f44d41; } .blog-sidebar .widget .instagram-pics { margin: 0; list-style: none; } .blog-sidebar .widget .instagram-pics li { float: left; margin-bottom: 5px; } .blog-sidebar .widget .instagram-pics li:nth-child(2n) { margin-left: 10px; } .blog-sidebar .widget .instagram-pics img { width: 105px; } .blog-sidebar .widget.gallery ul { margin: 0; } .blog-sidebar .widget.gallery li { float: left; list-style: none; } .blog-sidebar .widget.gallery li:nth-child(2n) { margin-left: 10px; } .blog-sidebar .widget.gallery li img { width: 105px; height: 105px; } .thank-you { padding-bottom: 200px; } .thank-you p { font-family: "Interstate",serif; } .thank-you h2 { margin-bottom: 15px; font-family: "Tungsten"; font-size: 58px; font-weight: 700; line-height: 1; margin-top: 0.5em; } .thank-you a { color: #F45044; } #menu-item-158 a, #menu-item-159 a { color: #f44d41; } @media screen and (min-width: 676px) { .logo { margin: 2.8em 0; top: 4em; } } @media screen and (min-width: 1200px) { .section--about:before { content: ""; display: block; padding-top: 65.5%; } .clients-services { max-height: initial; } /*.clients-services:before { content: ""; display: block; padding-top: 130%; }*/ .section--services__content li { width: 47%; } } @media screen and (max-width: 1370px) { .page-template-default .site-footer { /* top: 100%; */ } } @media screen and (max-width: 1200px) { .owl-dots { left: 1%; } .page-template-default .site-footer { /* top: 95%; */ } } @media screen and (max-width: 1140px) { .owl-dots { left: 0; } } @media screen and (max-width: 900px) { .contact { width: 50% !important; text-align: center; } } @media screen and (max-width: 767px) { .social { width: 100% !important; } .blog-list .blog-item .blog-content { max-width: 620px; padding: 15px; } .blog-sidebar { width: 100%; padding: 15px; } .blog-list .blog-item .blog-date { float: none; margin: 0 auto; } .site-footer .social { margin-top: 15px; position: relative; } } .plan > div:nth-child(2) { width: 15%; } .plan > div:nth-child(3) { width: 40%; } .contact, .logo--footer { width: 100% !important; text-align: center !important; } .footer-bottom { text-align: center; } } .clear{} @media all and (max-width: 446px){ .section--contact__content h1{ font-size: 40px;} .about__intro__content{ margin-left: 0; margin-top: 10px;} .about__intro__photo{ margin-right: 1em;} .button button--about { display: block; text-align: center;} }