/* TABLE OF CONTENT
* ==================
* 1. BASE
* 2. HEADER
* 3. NAVIGATION MENU
* 4. HOME PAGE
* - Title
* - Post type (Content IN, Content Out))
* - Sections & Modules
* 5. SINGLE PAGE
* - Feature Image
* - Navigation
* - Share Box
* - Author Box
* - Related Box
* - Comment Box
* - Recommend Box
* 6. WOOCOMMERCE
* - Shop page
* - Product page
* - Other pages
* - Woocommerce widgets
* 7. BBPRESS
* - bbpress front page
* - Forum page
* - Topic page
* - bbpress widgets
* 8. SIDEBAR
* - Custom widgets
* - Default widgets
* 9. Other pages
**/
/*************************
*
* 1. BASE
*
*************************/
html {
height: 100% !important;
}
body {
font-family: 'Open Sans', 'sans-serif';
line-height: 1.5;
font-size: 16px;
color: #444;
height: 100%;
}
a {
color: inherit;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
webkit-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
outline: 0 !important;
}
a:hover {
text-decoration: none;
color: inherit;
}
.single-page .article-content a:hover {
text-decoration: underline;
}
a:visited, a:focus {
text-decoration: none !important;
color: inherit;
outline: 0 !important;
}
input {
outline: 0 !important;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="submit"] {
background: none;
text-transform: uppercase;
font-size: 14px;
color: #888;
padding: 7px 21px;
border: 1px solid #888;
width: inherit;
}
input[type="password"] {
color: #e5e5e5;
background: #2d2d2d;
border: 0;
color: #999999;
background: #f7f7f7;
border: 2px solid #888;
font-size: 14px;
padding: 8px;
height: 40px;
margin-right: 8px;
margin-left: 8px;
outline: none;
}
input[type="submit"]:hover {
color: #fff;
}
select {
padding: 10px;
max-width: 100%;
}
p > a {
color: #ef886b;
}
pre {
margin: 1.5em 0;
border-style: dashed;
line-height: 2em;
border-radius: 0;
}
table {
border-top: 2px solid #999;
border-bottom: 2px solid #999;
}
table thead {
border-bottom: 1px solid #ddd;
}
table tr + tr {
border-top: 1px solid #ddd;
}
table th, table td {
padding: 5px 10px;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.5;
margin-top: 1.5em;
margin-bottom: 15px;
word-wrap: break-word;
-ms-word-wrap: break-word;
}
h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6 {
margin-top: 0;
}
h2 + h3, h2 + h4, h2 + h5, h2 + h6 {
margin-top: 0;
}
h3 + h4, h3 + h5, h3 + h6 {
margin-top: 0;
}
h2 + h1, h3 + h1, h4 + h1, h5 + h1, h6 + h1 {
margin-top: 0;
}
img {
max-width: 100%;
}
.article-content > :first-child {
margin-top: 0;
}
.screen-reader-text{}
.bypostauthor{}
.sticky{}
/*SCROLL BAR*/
/* Let's get this party started */
/*
::-webkit-scrollbar {
width: 8px;
}
*/
/* Track */
/*
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
*/
/* Handle */
/*
::-webkit-scrollbar-thumb {
background: #ef886b;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: #ef886b;
}
*/
/*======== Back top button =======*/
#back-top {
width: 34px;
height: 34px;
position: fixed;
right: 20px;
bottom: -34px;
opacity: 0.5;
text-align: center;
cursor: pointer;
z-index: 100;
background-color: #ef886b;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
transition: all ease .3s;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
}
#back-top:hover {
opacity: 1 !important
}
#back-top i {
display: block;
font-size: 16px;
line-height: 34px;
color: #fff;
}
/*** Popup **/
.mfp-bg {
z-index: 100000 !important;
}
.mfp-wrap {
z-index: 100001 !important;
}
/************/
.thumb img {
height: auto;
width: 100%;
max-width: 100%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.thumb {
position: relative;
background-color: #2e5d5a;
overflow: hidden;
opacity: 1;
-webkit-transition: opacity 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out;
transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.thumb:hover img{
opacity: 0.8;
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-o-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
}
.hide-thumb {
opacity: 0 !important;
}
.flexslider {
margin: 0 !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
overflow: hidden;
}
.flex-direction-nav a.flex-prev:before {
content: '\f104';
font-family: FontAwesome;
}
.flex-direction-nav a.flex-next:before {
content: '\f105';
font-family: FontAwesome;
}
.flexslider .slides > li, .single-page #bk-carousel-gallery-thumb.flexslider .slides > li, .module-mainslider .carousel-ctrl.flexslider .slides > li,
.bk-mega-menu .flexslider .slides > li, .product.flexslider ul.slides li
{display: none;}
.bk-slider-module .flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;}
.footer .flexslider {
background-color: #242628;
}
.waiting {
opacity: 0;
}
.sink {
opacity: 0;
}
/*-- WordPress common classes*/
.article-content > :first-child {
margin-top: 0;
}
.article-content {
position: relative;
}
embed, iframe, object, video {
max-width: 100%;
vertical-align: middle;
}
p > embed, p > iframe, p > object, p > video {
margin-bottom: 0;
}
.article-content .alignleft, .textwidget .alignleft, .alignleft{
display: inline;
float: left;
margin-right: 1.25em;
}
.article-content .alignright, .textwidget .alignright, .alignright{
display: inline;
float: right;
margin-left: 1.25em;
}
.article-content .alignnone, .textwidget .alignnone,
.article-content .aligncenter, .textwidget .aligncenter{
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.article-content img.alignleft, .textwidget img.alignleft,
.article-content img.alignright, .textwidget img.alignright,
.article-content img.alignnon, .textwidget img.alignnone,
.article-content img.aligncenter, .textwidget img.aligncenter {
margin-bottom: 1.5em;
}
.article-content p img, .textwidget p img,
.article-content .wp-caption, .textwidget .wp-caption {
margin-top: 0.4em;
max-width: 100%;
height: auto;
}
.wp-caption {
margin-bottom: 1.25em;
max-width: 100%;
}
.article-content .textwidget .wp-caption, .textwidget .wp-caption {
margin-bottom: 1.25em;
max-width: 96%;
text-align:center;
background-color: #eee;
}
.article-content .wp-caption img, .textwidget .wp-caption img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.article-content p.wp-caption-text, .textwidget p.wp-caption-text, .wp-caption-text {
margin-bottom: 0;
font-style: italic;
}
.article-content .wp-caption .wp-caption-text, .textwidget .wp-caption .wp-caption-text,
.article-content .gallery-caption, .textwidget .gallery-caption {
padding: 4px;
color: #666;
font-size: 12px;
margin-bottom: 0 !important;
}
#bk-gallery-slider ul li img {
width: 100%;
height: auto;
}
#bk-gallery-slider .flex-control-nav {
top: 20px;
right: 20px;
width: auto;
height: 16px;
}
#bk-gallery-slider .flex-control-paging li a {
border: 2px solid #161616;
background: #f8f8f8;
}
#bk-gallery-slider .flex-control-paging li a.flex-active {
border: 2px solid #f8f8f8;
background: #161616;
}
#bk-gallery-slider .slides > li {
position: relative;
}
#bk-gallery-slider .slides > li .caption {
position: absolute;
max-width: 100%;
text-align: left;
bottom: 0;
padding: 5px;
background-color: #000000;
left: 0;
right: 0;
margin: 0;
opacity: 0;
color: white;
font-size: 12px;
font-weight: 300;
font-family: sans-serif;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
#bk-gallery-slider .slides > li:hover .caption {
display: block;
opacity: 0.7;
}
/* overlay at start */
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
blockquote {
font-family: Georgia,"Times New Roman",Times,serif;
color: #666;
clear: both;
margin: 0;
padding: 20px 15px 15px 15px;
margin: 20px 0 20px 0px;
border-top: 1px dashed #ddd;
border-bottom: 1px dashed #ddd;
font-size: 22px;
border-left: none;
line-height: 1.5em;
quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
content: open-quote;
font-size: 4em;
line-height: .1em;
margin-right: .15em;
vertical-align: -.4em;
}
blockquote:after {
content: close-quote;
font-size: 4em;
line-height: .1em;
margin-left: .15em;
vertical-align: -.7em;
}
blockquote p {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
blockquote p:last-child {
display: inline;
}
p {
margin: 0 0 1em;
}
.bk-cover-link {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: block;
z-index: 1;
}
.container {
padding-left: 30px;
padding-right: 30px;
}
#page-wrap {
width: 1170px;
overflow-x: hidden;
margin: 0 auto;
position: relative;
margin-top: 45px;
}
#page-wrap.wide {
margin-top: 0;
}
#page-content-wrap {
margin-top: 50px;
}
.js-nav #page-wrap, .js-nav #page-inner-wrap {
height: 100%;
}
#page-inner-wrap {
position: relative;
width: 100%;
overflow: hidden;
}
.magneto-page-content-wrapper {
background: #fff;
}
.cursor-zoom {
display: block;
}
.cursor-zoom, .cursor-zoom img, .cursor-zoom i, .zoomer img, .article-thumb .img-popup-link, .icon-play i {
cursor: url(../images/zoom_in.png), auto;
}
.bk-align-center {text-align: center;}
/*** sec-content ***/
.sec-content {
overflow: hidden;
}
/******** Section Margin ******/
/*----- header main ----------*/
.page-header-wrap {
background-color: #fff;
position: relative;
z-index: 1000;
}
/*************************
*
* 2. HEADER
*
*************************/
.header-inner {
margin: 50px auto;
position: relative;
display: table;
width: 100%;
}
.header-wrap {
width: 100%;
}
.header {
text-align: center;
}
.header .logo.logo-text h1 {
font-size: 50px;
line-height: 1.5;
text-transform: uppercase;
padding: 15px 0;
}
.header .logo.logo-text h1 a{
color: #333;
}
.header-wrap .logo {
display: table-cell;
vertical-align: middle;
text-align: left;
}
.header .logo img {
max-width: 100%;
display: inline-block;
}
.header .logo a {
display: block;
}
.header-wrap .header-banner {
display: table-cell;
vertical-align: middle;
text-align: right;
}
.header-banner img {
width: inherit;
max-width: 100% !important;
}
.header-social {
float: right;
margin: 9px 0;
display: inline-block;
}
.header-social .social-icon {
float: left;
line-height: 26px;
}
.header-social .social-icon a {
padding: 0 10px;
font-size: 14px;
color: #fff;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.top-bar.light .header-social .social-icon a {
color: #111;
}
.header-social .social-icon:hover {
background-color: #fff;
}
.header-social .social-icon.twitter:hover a {
color: #9AE4E8;
}
.header-social .social-icon.fb:hover a {
color: #3B5998;
}
.header-social .social-icon.dribbble:hover a {
color: #ea4c89;
}
.header-social .social-icon.youtube:hover a {
color: #cc181e;
}
.header-social .social-icon.vine:hover a {
color: #55BE96;
}
.header-social .social-icon.snapchat:hover a {
color: #000;
}
.header-social .social-icon.rss:hover a {
color: #F4A62A;
}
.header-social .social-icon.gplus:hover a {
color: #d34836;
}
.header-social .social-icon.linkedin:hover a {
color: #0e76a8;
}
.header-social .social-icon.pinterest:hover a {
color: #C92228;
}
.header-social .social-icon.instagram:hover a {
color: #3f729b;
}
.header-social .social-icon.vimeo:hover a {
color: #4ebbff;
}
.header-social .social-icon.vk:hover a {
color: #4F7094;
}
/** Header logo cener **/
.header-inner.header-center .header-banner {
margin-top: 20px;
}
.header-inner.header-center .logo, .header-inner.header-center .header-banner {
display: block;
text-align: center;
}
.header-inner.header-center .logo > h1, .header-inner.header-center .header-banner > a{
display: inline-block;
}
/** Header Type 2 **/
.header-type-2 .logo {
float: left;
margin-right: 15px;
margin-left: 15px;
}
.header-type-2 .logo img {
height: 54px;
}
.header-type-2 #main-menu {
display: inline-block;
}
/*************************
*
* 3. NAVIGATION MENU
*
*************************/
/******** Menu ***********/
/*top menu*/
.top-bar {
width: 100%;
background-color: #111;
}
.top-bar.light {
background-color: #fff;
}
#top-menu {
float: left;
}
#top-menu>ul>li {
color: #eee;
display: inline-block;
padding: 12px 16px;
font-size: 13px;
margin-right: -6px;
margin-left: 1px;
text-transform: uppercase;
position: relative;
}
.top-bar.light #top-menu>ul>li {
color: #111;
}
#top-menu>ul>li > .sub-menu {
opacity: 0;
top: 84px;
border-top: 2px solid transparent;
pointer-events: none;
position: absolute;
left: 6px;
color: #eee;
background-color: #111;
min-width: 200px;
padding: 5px 0;
z-index: 10000;
transition: all 0.3s linear;
}
#top-menu>ul>li:hover > a {
color: #ef886b;
}
#top-menu>ul>li:hover > .sub-menu {
top: 100%;
pointer-events: auto;
opacity: 1;
}
#top-menu>ul>li > .sub-menu li {
padding: 10px;
}
#top-menu>ul>li > .sub-menu li:first-child {
border-top: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.top-nav {
position: relative;
}
/*=== Main nav ===*/
.main-nav {
width: 100%;
}
.main-nav > .menu {
font-size: 0;
}
.main-nav.fixed {
position: fixed;
top:0;
width: 1170px;
}
.main-nav-inner {
position: relative;
}
#page-wrap.wide .main-nav.fixed {
width: 100%;
}
/*=== Mobile nav ===*/
#main-mobile-menu .top-menu, #main-mobile-menu .main-menu{
margin-top: 20px;
}
#main-mobile-menu li a {
display: block;
font-size: 14px;
padding: 0 10px;
text-transform: uppercase;
line-height: 40px;
color: #f0f0f0;
}
.mobile-menu-wrap {
display: none;
min-height: 50px;
position: relative;
}
#main-mobile-menu .block {
position: relative;
z-index: 2;
}
.mobile-nav-btn {
font-size: 35px;
color: #e9e9e9;
position: absolute;
width: 100%;
top: 50%;
cursor: pointer;
transform: translatey(-50%);
-webkit-transform: translatey(-50%);
}
.mobile-nav-btn:hover {
color: #fff;
}
.bk-menu-light .mobile-nav-btn, .bk-menu-light .mobile-nav-btn:hover {
color: #333;
}
.menu-title {
text-align: center;
color: #fff;
margin: 0;
padding: 14px 0;
font-size: 26px;
letter-spacing: 0.2em;
line-height: 1;
}
#mobile-inner-header .mobile-menu-close{
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 60px;
text-align: center;
display: block;
line-height: 60px;
}
#mobile-inner-header .mobile-menu-close i {
font-size: 16px;
color: #fff;
}
.menu-location-title {
font-size: 18px;
color: #fff;
margin-left: 20px;
border-bottom: 2px solid #FFCC0D;
display: inline;
}
#mobile-inner-header {
position: relative;
width: 100%;
border-bottom: 2px solid #FFCC0D;
padding: 0 20px;
background-color: #000;
min-height: 54px;
}
#main-mobile-menu {
position: absolute;
top: 0;
padding: 0 20px;
height: 100%;
left: 0;
width: 100%;
background-color: #111;
padding: 0;
z-index: 200;
overflow-x: hidden;
opacity: 0;
display: none;
}
#mobile-menu, #mobile-top-menu {
padding: 10px 20px;
}
#mobile-menu > ul > li, #mobile-top-menu > ul > li{
width: 100%;
margin-left: 10px;
}
#mobile-menu > ul > li:first-child, #mobile-top-menu > ul > li:first-child{
border-top: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#mobile-menu > ul > li a, #mobile-top-menu > ul > li a {
line-height: 40px;
}
#mobile-menu > ul > li > a, #mobile-top-menu > ul > li > a {
margin-right: 40px !important;
}
#mobile-menu > ul > li:last-child, #mobile-top-menu > ul > li:last-child {
border-bottom: none;
}
#mobile-menu > ul > li a:after, #mobile-top-menu > ul > li a:after {
display: none;
}
#mobile-menu > ul > li > a {
margin: 0;
padding: 0;
border: none;
}
#mobile-menu > ul li .sub-menu, #mobile-top-menu > ul li .sub-menu{
position: static;
opacity: 1;
display: none;
box-shadow: none;
-webkit-box-shadow: none;
}
#mobile-menu .sub-menu > li, #mobile-top-menu .sub-menu > li{
border: none;
box-shadow: none;
-webkit-box-shadow: none;
padding: 0;
border: none;
}
#mobile-menu .sub-menu .sub-menu, #mobile-top-menu .sub-menu .sub-menu{
display: block;
pointer-events: auto;
}
.js-ready #main-mobile-menu {
width: 300px;
z-index: 10000;
left: -299.99px;
opacity: 1;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.js-ready #page-inner-wrap {
left: 0;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.js-nav #page-inner-wrap {
position: relative;
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
.js-nav #main-mobile-menu {
opacity: 1;
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
.page-cover {
background-color: #333;
width: 100%;
height: 100%;
opacity: 0;
z-index: 10000;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
display: none;
background-color: #000;
}
.js-nav #main-mobile-menu {
opacity: 1;
}
#main-mobile-menu .expand {
display: block;
width: 40px;
height: 40px;
float: right;
text-align: center;
cursor: pointer;
}
#main-mobile-menu .expand i {
font-size: 12px;
color: #fff;
font-weight: 300;
line-height: 40px;
color: #FFCC0D;
}
#main-mobile-menu li > ul > li > a {
padding-left: 30px;
}
#main-mobile-menu li > ul > li > ul > li a {
padding-left: 60px;
}
/*==== main nav ====*/
.main-nav {
position: relative;
z-index: 9000;
height: 54px;
background-color: #111;
box-sizing: content-box;
}
.main-nav-container {
height: 54px;
box-sizing: content-box !important;
}
.main-nav.boxed {
background: none !important;
border: none !important;
}
.main-nav.wide .main-nav-container{
border: none !important;
}
#main-menu > ul {
font-size: 0;
}
#main-menu > ul > li{
display: inline-block;
font-size: 18px;
text-transform: uppercase;
color: #fff;
margin-right: 4px;
height: 54px;
}
#main-menu > ul > li > a{
padding: 0 24px;
line-height: 54px;
font-size: 16px;
}
#main-menu > ul > li:hover > a {
}
.main-nav-container {
position: relative
}
.bk-dropdown-menu {
opacity: 0;
position: absolute;
top: 84px;
z-index: 10000;
pointer-events: none;
min-width: 220px;
background-color: #111;
color: #fff;
border-top: 3px solid transparent;
transition: all 0.3s linear;
padding: 5px 0;
}
.bk-sub-menu > li.menu-item-has-children > a:after, .sub-menu > li.menu-item-has-children > a:after, .bk-sub-sub-menu > li.menu-item-has-children > a:after {
content: '\f0d7';
position: absolute;
right: 12px;
font-family: "FontAwesome";
font-size: 12px;
transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
}
.bk-sub-menu > li.menu-item-has-children:hover > a:after, .sub-menu > li.menu-item-has-children:hover > a:after, .bk-sub-sub-menu > li.menu-item-has-children:hover > a:after {
transform: rotatez(-90deg);
-webkit-transform: rotatez(-90deg);
}
.bk-sub-sub-menu, .sub-menu {
opacity: 0;
position: absolute;
top: 28px;
left: 100%;
border-top: none;
z-index: 10000;
pointer-events: none;
min-width: 220px;
background-color: #111;
color: #fff;
transition: all 0.3s linear;
padding: 5px 0;
}
#main-mobile-menu .bk-sub-sub-menu, #main-mobile-menu .sub-menu {
pointer-events: auto;
}
#main-menu > ul > li:hover .bk-dropdown-menu {
top: 100%;
pointer-events: auto;
opacity: 1;
}
.bk-sub-menu > li, #top-menu .sub-menu > li {
position: relative;
}
.bk-dropdown-menu .bk-sub-menu > li:hover > .bk-sub-sub-menu, .bk-mega-menu .bk-sub-menu > li:hover > .bk-sub-sub-menu, .sub-menu > li:hover > .sub-menu,
.bk-sub-sub-menu > li:hover > .bk-sub-sub-menu {
top: 0;
left: 100%;
pointer-events: auto;
opacity: 1;
}
.bk-sub-menu > li, .bk-sub-sub-menu > li {
padding: 8px 0 8px 12px;
font-size: 14px;
}
.sub-menu > li {
padding: 8px 12px;
font-size: 13px;
}
.bk-mega-column-menu li {
text-align: left;
}
.bk-mega-column-menu .bk-sub-menu > li, .bk-mega-column-menu .bk-sub-sub-menu, .bk-mega-column-menu .bk-sub-sub-menu > li {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
pointer-events: none;
border: none;
}
.bk-mega-column-menu .bk-sub-sub-menu > li a {
font-size: 14px;
position: relative;
padding-left: 20px;
color: #eee;
}
.bk-mega-column-menu .bk-sub-sub-menu > li a:after {
font-family: "FontAwesome";
content: '\f0da';
position: absolute;
left: 0;
font-size: 12px;
}
#main-menu > ul > li:hover .bk-mega-column-menu li {
pointer-events: auto;
}
.bk-sub-menu > li:first-child, .bk-sub-sub-menu > li:first-child {
border-top: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#top-menu>ul>li > .sub-menu a, .bk-dropdown-menu a {
display: block;
}
.main-nav .menu > li.current-menu-item {
background-color: #ef886b;
}
/*==== Mega menu ====*/
.flexslider_destroy ul li{
width: 25%;
float: left;
}
.bk-with-sub.flexslider_destroy ul li {
width: 33.33333%;
}
.bk-mega-menu, .bk-mega-column-menu {
position: absolute;
top: 100%;
left: 0;
width: 100%;
padding: 10px;
background-color: #111;
color: #fff;
opacity: 0;
top: 84px;
z-index: 10000;
pointer-events: none;
border-top: 3px solid transparent;
transition: all 0.3s linear;
}
.main-nav .menu > li.menu-item:hover > .bk-mega-menu, .main-nav .menu > li.menu-item:hover > .bk-mega-column-menu {
top: 100%;
pointer-events: auto;
opacity: 1;
}
.bk-mega-menu .flexslider {
background-color: transparent;
}
.bk-mega-menu .flexslider {
overflow: hidden;
}
.bk-mega-menu .flex-direction-nav li a {
opacity: 0.4;
}
.bk-mega-menu .flex-direction-nav li:hover a {
opacity: 0.6;
}
.bk-mega-menu .flexslider:hover .flex-prev {
left: 10px;
}
.bk-mega-menu .flexslider:hover .flex-next {
right: 10px;
}
.bk-mega-menu ul.slides li {
border: 10px solid transparent;
box-sizing: content-box;
overflow: hidden;
}
.bk-mega-menu .bk-sub-menu-wrap {
width: 22%;
float: left;
padding: 8px;
}
.bk-sub-menu > li, .bk-sub-sub-menu > li.menu-item-has-children {
display: block;
position: relative;
text-align: left;
}
.bk-sub-menu > li > a, .bk-sub-sub-menu > li > a {
padding: 0 6px;
display: block;
line-height: 25px;
font-size: 14px;
color: #fff;
text-transform: uppercase;
}
.bk-sub-menu > li > a {
padding-right: 14px;
text-transform: uppercase;
}
.bk-sub-menu li > a {
color:#fff;
webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.bk-sub-post {
position: relative;
}
.bk-sub-posts.bk-with-sub {
width: 78%;
float: right;
}
.bk-sub-post .thumb img {
height: auto;
}
.bk-mega-column-menu {
padding: 0 !important;
border-top: 2px solid #ef886b;
}
.bk-mega-column-menu .bk-sub-menu {
padding: 30px 15px;
}
.bk-mega-column-menu .bk-sub-menu > li {
width: 25%;
float: left;
border: none;
padding: 0 15px;
}
.bk-mega-column-menu .bk-sub-menu > li:hover > a {
color: inherit !important;
}
.bk-mega-column-menu .bk-sub-menu > li > a {
font-size: 15px;
}
.bk-mega-column-menu .bk-sub-menu > li > a:after {
display: none;
}
.bk-mega-column-menu .bk-sub-menu > li:hover {
background: none;
}
.bk-mega-column-menu .bk-sub-sub-menu {
transition: none;
-webkit-transition: none;
transform: none;
-webkit-transition: none;
position: static;
text-align: center;
margin: 8px 0 0 0;
padding-top: 12px;
width: 100%;
line-height: 25px;
opacity: 1 !important;
font-weight: 500;
}
/*----- post meta -------*/
.bk-mega-menu .meta {
margin-top: 10px;
font-size: 12px;
}
.bk-mega-menu .meta i {
margin-right: 4px;
}
.bk-mega-menu .meta > div {
display: inline;
color: #ccc;
padding-right: 10px;
}
.bk-mega-menu .meta > div:last-child {
padding-right: 0;
}
.bk-sub-posts {
text-align: center;
}
.bk-sub-posts .thumb {
overflow: visible;
}
.bk-sub-posts .thumb:hover img {
transform: none;
-ms-transform: none;
-webkit-transform: none;
}
.bk-sub-posts .post-title {
margin: 0;
padding: 0;
text-align: center;
margin-top: 10px;
margin-bottom: 5px;
line-height: 1.2;
}
.bk-sub-posts .post-title a {
font-size: 17px;
line-height: 1.3;
word-wrap: break-word;
color: #fff;
text-transform: uppercase;
transition: color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out;
}
/** Ajax Search **/
.ajax-search-wrap {
position: absolute;
right: 0px;
top: 0;
width: 0;
}
.ajax-form fieldset {
border: none;
margin: 0;
padding: 0;
}
.ajax-form input {
width: 0;
padding: 0;
font-size: 0;
border: none;
height: 54px;
margin: 0;
background-color: #ef886b;
color: #fff;
transition: width ease-out 0.3s;
-webkit-transition: width ease-out 0.3s;
}
.ajax-form ::-webkit-input-placeholder { /* WebKit browsers */
color: #fff !important;
}
.ajax-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fff !important;
}
.ajax-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #fff !important;
}
.ajax-form :-ms-input-placeholder { /* Internet Explorer 10+ */
color: #fff !important;
}
.ajax-form {
width: auto;
height: 54px;
position: absolute;
right: 0;
top: 0;
}
#ajax-form-search {
width: 54px;
height: 54px;
text-align: center;
background-color: #ef886b;
cursor: pointer;
z-index: 1000;
position: absolute;
right: 0;
top: 0;
}
#ajax-form-search i {
line-height: 54px;
font-size: 22px;
color: #fff;
}
#ajax-search-result {
width: 350px;
margin-top: 54px;
right: 0;
background-color: #fff;
z-index: 100000;
position: relative;
background: #fff;
}
#ajax-search-result .s-list {
padding: 16px;
text-align: left;
}
.ajax-not-found {
padding: 16px;
}
.loading-img-wrap {
min-height: 54px;
position: relative;
height: 100%;
box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 1px;
}
.search-loadding {
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
border: dashed 1px #ef886b;
animation-name: loader-spin;
-webkit-animation-name: loader-spin;
animation-duration: 2s;
-webkit-animation-duration: 2s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
width: 28px;
height: 28px;
border-width: 2px;
margin: -14px 0 0 -14px;
}
@-webkit-keyframes loader-spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
/** End Main-nav **/
.flexslider {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-o-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important;
margin: 0 !important;
border: none;
zoom: 1;
}
.flex-direction-nav li a {
text-shadow: none;
text-align: center !important;
color: #fff;
background-color: #ef886b;
}
.flex-direction-nav li a.flex-next {
right: -40px;
}
.flex-direction-nav li a.flex-prev {
left: -40px;
}
.flexslider:hover .flex-next {
opacity: 1;
right: 0;
}
.flexslider:hover .flex-prev {
opacity: 1;
left: 0;
}
.flex-direction-nav li a:before {
font-size: 22px;
line-height: 40px;
}
.flexslider .slides {
zoom: 1;
}
/*************************
*
* 4. HOME PAGE
*
*************************/
/*** List none ***/
.bkmodule ul, #top-menu ul, .main-nav ul, .footer ul, .widget ul, .share-box ul, .related-box ul, .bkpage-content ul, #mobile-top-menu > ul,
.header-social ul, #mobile-menu ul, #mobile-top-menu > ul, #mobile-top-menu .sub-menu, .bk-ads, .bk_tabs .ui-tabs-nav, .bkteamsc ul {
list-style: none;
padding: 0;
margin-top: 0;
margin-bottom: 0;
}
#page-content-wrap .bksection {
margin-bottom: 52px;
}
#page-content-wrap .bksection:last-child {
margin-bottom: 0;
}
.bkmodule {
margin-bottom: 52px;
}
.bkmodule .post-c-wrap .title {
opacity: 0;
}
.bkmodule:last-child {
margin-bottom: 0;
}
.bk-masonry-content {
width: 100% !important;
}
/*** Title ***/
.module-title, .page-title {
margin-bottom: 40px;
}
.module-title h2 span, .page-title h2 span {
padding: 8px 16px;
background-color: #111;
color: #fff;
font-size: 20px;
text-transform: uppercase;
}
.module-title h2, .page-title h2 {
display: inline-block;
margin: 0;
}
.module-title .sub-title, .module-title .sub-title p {
display: inline-block;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
position: relative;
}
.module-title .sub-title:before {
font-family: "FontAwesome";
content: '\f0da';
padding: 0 18px 0 23px;
font-style: normal;
color: #111;
}
/**** Content in ***/
.content_in {
position: relative;
color: #fff;
overflow: hidden;
}
.content_in .thumb{
background: #111;
}
.content_in .thumb:hover img{
opacity: 0.7;
}
.content_in .view-more {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
height: 100%;
width: 100%;
opacity: 0;
}
.content_in .meta > div {
display: inline;
margin-right: 12px;
font-size: 12px;
letter-spacing: 1px;
}
.content_in .meta {
margin: 0 0 15px 0;
}
.content_in h2 {
margin: 0 0 15px 0;
line-height: 1.3;
}
.content_in .meta > div:last-child {
margin-right: 0;
}
.content_in .meta > div.post-category a {
color: #ef886b;
}
/*** Content out ***/
.content_out .bk-mask {
position: relative;
overflow: hidden;
}
.content_out .meta-wrap > div.post-category {
float: left;
}
.content_out .meta {
width: 100%;
text-align: right;
}
.content_out .meta > div {
display: inline;
margin-right: 12px;
}
.content_out .meta > div:last-child {
margin-right: 0;
}
/** Meta **/
.module-carousel .post-c-wrap .meta, .module-square-grid .content_in .post-c-wrap .meta, .module-hero .content_in .post-c-wrap .meta,
.module-featured-slider .post-c-wrap .meta{
font-size: 12px;
text-transform: uppercase;
margin: 0;
letter-spacing: 1px;
}
/*** Featured Slider module ***/
.opacity-zero {
opacity: 0;
}
.slick-initialized .slick-slide {
margin: 0 2px;
background-color: #000;
position: relative;
}
.slick-initialized .slick-center .bk-slick-thumbnail{
opacity: 1;
}
.slick-initialized .slick-center:hover .bk-slick-thumbnail{
opacity: 0.7;
}
.slick-initialized .bk-slick-thumbnail{
opacity: 0.4;
height: 548px;
width: 100%;
position: relative;
z-index: 0;
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
backface-visibility: hidden;
}
.img-caption {
opacity: 0;
position: absolute;
z-index: 999;
left: 0;
bottom: 0;
width: 100%;
padding: 20px 5%;
font: italic 16px Arvo,serif;
line-height: 24px;
letter-spacing: .1em;
color: #fff;
background: #000;
background: rgba(0,0,0,0.8);
transition: opacity .2s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-webkit-transition: opacity .3s ease-in-out;
}
.slick-initialized .slick-slide:hover .img-caption{
opacity: 1;
}
.slick-slider {
margin-bottom: 0 !important;
}
.featured-slider-wrapper .bk-control-nav {
position: absolute;
top: 50%;
border: 3px solid #fff;
color: #fff;
font-size: 28px;
display: block;
width: 54px;
height: 54px;
text-align: center;
margin-top: -27px;
cursor: pointer;
opacity: 0;
transition: all 0.2s ease-in-out
}
.featured-slider-wrapper:hover .bk-control-nav {
opacity: 1;
}
.featured-slider-wrapper .bk-control-nav:hover{
background: #fff;
color: #000;
}
.featured-slider-wrapper .bk-slider-prev {
left: 5%;
}
.featured-slider-wrapper .bk-slider-next{
right: 5%;
}
.featured-slider-wrapper .bk-control-nav i{
line-height: 50px;
}
.module-featured-slider {
position: relative;
}
.module-featured-slider .inner-cell .innerwrap {
padding: 30px;
}
.featured-slider-wrapper {
position: relative;
max-height: 548px;
overflow: hidden;
transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
}
.featured-slider-wrapper .thumb {
max-height: 548px;
}
.featured-slider-wrapper .post-c-wrap {
position: absolute;
width: 100%;
top: 0;
height: 100%;
padding: 0 100px;
opacity: 0;
}
.featured-slider-wrapper .slick-center .post-c-wrap {
opacity: 1;
}
.featured-slider-wrapper .post-c-wrap .title{
font-size: 38px;
color: #fff;
margin-top: 35px;
margin-bottom: 35px;
text-transform: uppercase;
line-height: 1.2;
text-shadow: 1px 1px 3px #333;
}
.featured-slider-wrapper .content_in .meta > div {
font-size: 13px;
}
.featured-slider-wrapper .post-c-wrap .title:hover a{
text-decoration: none;
}
.featured-slider-wrapper .post-c-wrap .readmore a {
color: #fff;
font-size: 13px;
border: 1px solid #fff;
padding: 6px 12px;
text-transform: uppercase;
}
/**** Feature 1 ****/
.module-feature1 .primary-post h4 {
font-size: 32px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
color: #fff;
padding: 20px 30px;
background-color: #111;
transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
}
.module-feature1 .primary-post .excerpt, .module-feature1 .primary-post .meta-wrap {
margin-top: 36px;
}
.module-feature1 .primary-post .excerpt {
padding: 0 30px;
}
.module-feature1 .primary-post .excerpt:first-letter {
font-size: 36px;
float: left;
line-height: 1;
padding: 4px 8px;
background: #111;
color: #fff;
margin-right: 12px;
}
.module-feature1 .sub-post:last-child {
margin-top: 30px;
}
/**** Feature 2 ****/
.module-feature2 .flexslider {
position: relative;
min-height: 430px;
}
.module-feature2 .flexslider .thumb {
border: 8px solid #111;
}
.module-feature2 .content_out h4 {
font-size: 32px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 30px;
color: #fff;
line-height: 1.4;
padding: 30px 15px 30px 45px;
margin-left: -45px;
background: #111;
transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out
}
.module-feature2 .content_out h4 a {
display: block;
max-height: 2.6em;
overflow: hidden;
}
.module-feature2 .content_out .excerpt {
margin-bottom: 20px;
}
.module-feature2 .head-wrap {
margin-bottom: 28px;
}
.module-feature2 .content_out .excerpt:first-letter {
font-size: 56px;
color: #fff;
float: left;
background-color: #111;
line-height: 52px;
text-align: center;
padding: 4px 12px 4px 12px;
margin-right: 12px;
}
.module-feature2 .post-c-wrap {
padding-left: 30px;
-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
backface-visibility: hidden;
}
.module-feature2 .meta-wrap {
border-top: 1px solid #ccc;
padding: 12px 6px;
margin-top: 30px;
color: #888;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
border-bottom:4px solid #111;
}
.module-feature2 .flex-direction-nav li a {
display: block;
width: 56px;
line-height: 8px;
height: 56px;
text-align: center;
text-decoration: none;
position: absolute;
bottom: 10px;
top: 30px;
left: inherit;
opacity: 1;
color: #fff;
background-color: #fb4834;
}
.module-feature2 .flex-direction-nav li a.flex-next, .module-feature2 .flexslider:hover .flex-next {
top: 28px;
left: 79px;
}
.module-feature2 .flex-direction-nav li a.flex-prev, .module-feature2 .flexslider:hover .flex-prev {
top: 28px;
left: 23px;
}
.module-feature2 .flex-direction-nav li a:before {
line-height: 56px;
font-size: 40px;
}
.module-feature2 .bk_no_thumb .post-c-wrap {
width: 100%;
margin-top: 100px;
padding-left: 15px;
padding-right: 15px;
}
.module-feature2 .content_out.bk_no_thumb h4 {
margin-left: 0;
}
/*** Row type ***/
.row-type .meta-wrap {
border-top: 1px solid #ccc;
padding: 12px 6px;
margin-top: 24px;
color: #888;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
border-bottom: 4px solid #111;
}
.row-type .excerpt {
margin-top: 20px;
color: #666;
}
/*** module-row-latest ***/
.module-row ul li:nth-child(3n+1) {
clear: both;
}
.module-row ul li:nth-child(n+4) {
margin-top: 40px;
}
.row-type h4 {
font-size: 20px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
color: #fff;
padding: 20px 15px;
background-color: #111;
transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
}
.row-type .excerpt {
padding: 0 15px;
}
.module-row .row-type h4 a {
max-height: 3em;
overflow: hidden;
display: block;
}
.row-classic-layout .row-type h4 {
padding: 0;
margin-top: 22px;
background-color: transparent !important;
color: #111;
transition: color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out;
}
.row-classic-layout .row-type .excerpt {
padding: 0;
margin-top: 16px;
}
/*** Hero ***/
.module-hero .content_in .thumb {
height: 240px;
}
.module-hero .list-small-post li:last-child {
margin-top: 30px;
}
.module-hero .content_in .post-wrap {
position: relative;
}
.module-hero .row-type h4 a{
max-height: 3em;
overflow: hidden;
display: block;
}
/** Small Post **/
.content_out.small-post {
margin-top: 30px;
position: relative;
}
.content_out.small-post:first-child {
margin-top: 0;
}
.content_out.small-post .thumb {
width: 90px;
height: 90px;
float: left;
}
.content_out.small-post .meta {
font-size: 11px;
color: #888;
text-transform: uppercase;
text-align: left;
}
.content_out.small-post h4 {
font-size: 16px;
line-height: 1.3;
text-transform: uppercase;
margin: 0 0 8px 0;
color: #111;
transition: color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out
}
.content_out.small-post .excerpt {
margin-bottom: 8px;
max-height: 4.5em;
overflow: hidden;
font-style: italic;
}
.footer .content_out.small-post h4 {
color: #fff; /* footer text color*/
}
.footer .content_out.small-post .meta {
color: #fff; /* footer text color*/
}
/*** Block 2 ***/
.module-block-2 .content_out.small-post:nth-child(2) {
margin-top: 0;
}
.module-block-2 .content_out.small-post:nth-child(2n+1) {
clear: both;
}
/*** Carousel -wth bg ***/
.module-carousel .bk-carousel-wrap ul li .thumb {
height: 350px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fullwidth .module-carousel.carousel_2 .bk-carousel-wrap ul li .thumb {
height: 450px;
}
.module-carousel.carousel_3 .bk-carousel-wrap ul li .thumb {
height: 450px;
}
.module-carousel .bk-carousel-wrap ul li, .module-grid-carousel .bk-carousel-wrap ul li {
box-sizing: content-box;
}
.module-carousel-type1 ul li {
padding: 2px;
}
.module-carousel .bk-carousel-wrap, .module-grid-carousel .bk-carousel-wrap {
position: relative;
}
.module-carousel .content_in_wrapper .thumb, .module-grid-carousel .content_in_wrapper .thumb{
z-index: -1;
}
.module-carousel .content_in_wrapper, .module-square-grid .content_in_wrapper, .module-grid-carousel .content_in_wrapper{
position: relative;
overflow: hidden;
}
.module-carousel .thumb, .module-square-grid .content_in .thumb, .module-hero .content_in .thumb, .module-grid-carousel .content_in .thumb {
width: 100%;
position: relative;
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.module-carousel .post-c-wrap, .module-square-grid .content_in .post-c-wrap, .module-hero .content_in .post-c-wrap,
.module-grid-carousel .post-c-wrap {
position: absolute;
width: 100%;
bottom: 0;
z-index: 100;
}
.module-carousel .post-c-wrap .post-c-inner, .module-square-grid .content_in .post-c-wrap .post-c-inner, .module-hero .content_in .post-c-wrap .post-c-inner{
padding: 20px;
background: rgba(0, 0, 0, 0.7);
}
.module-carousel.title_style2 .post-c-wrap .post-c-inner, .module-square-grid.title_style2 .content_in .post-c-wrap .post-c-inner, .module-hero.title_style2 .content_in .post-c-wrap .post-c-inner {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
.module-carousel.title_style3 .post-c-wrap .post-c-inner, .module-square-grid.title_style3 .content_in .post-c-wrap .post-c-inner {
background: none;
}
.module-carousel.title_style3 ul li .bk-thumb-wrap:before, .module-square-grid.title_style3 ul li .bk-thumb-wrap:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
top: 0;
background-color: rgba(0, 0, 0, 0.6);
}
.module-carousel-type1 .post-c-wrap .title, .module-square-grid .content_in .post-c-wrap .title, .module-hero .content_in .post-c-wrap .title,
.module-grid-carousel .post-c-wrap .title {
margin-top: 0;
margin-bottom: 15px;
color: #fff;
font-size: 20px;
text-transform: uppercase;
}
/*** Square Grid ***/
.module-square-grid .content_in .thumb {
height: 350px;
}
.square-grid-3 ul li:nth-child(n+4){
margin-top: 30px;
}
.square-grid-2 ul li:nth-child(n+3){
margin-top: 30px;
}
.module-square-grid ul li:hover .thumb {
opacity: 0.8;
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-o-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
}
.module-square-grid .content_in_wrapper{
background-color: #ef886b;
}
/*** Tech Grid **/
.module-tech-grid ul li, .module-pyramid-grid ul li {
float: left;
width: 33.33333%;
height: 180px;
}
.module-tech-grid.normal-grid ul li {
border: 1px solid #fff;
}
.module-tech-grid.normal-grid ul li:first-child {
border-right: 2px solid #fff;
}
.module-tech-grid.normal-grid ul li:nth-child(2), .module-tech-grid.normal-grid ul li:nth-child(3) {
border-left: 0;
}
.module-tech-grid ul li:nth-child(4), .module-tech-grid ul li:nth-child(5), .module-tech-grid ul li:nth-child(6) {
height: 240px;
}
.module-tech-grid ul li:first-child {
width: 66.66667%;
height: 360px;
}
.module-tech-grid ul li .bk-thumb-wrap:before, .module-pyramid-grid ul li .bk-thumb-wrap:before{
content: '';
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
top: 0;
background-color: rgba(0, 0, 0, 0.6);
}
.module-tech-grid.normal-grid-light ul li .bk-thumb-wrap:before, .module-pyramid-grid.normal-grid-light ul li .bk-thumb-wrap:before{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
.module-tech-grid.tech-grid ul li:nth-child(1) .bk-thumb-wrap:before {
opacity: .7;
background: #4db2ec;
background: -moz-linear-gradient(45deg,#4db2ec 0%,#4a8f5e 100%);
background: -webkit-gradient(left bottom,right top,color-stop(0%,#4db2ec),color-stop(100%,#4a8f5e));
background: -webkit-linear-gradient(45deg,#4db2ec 0%,#4a8f5e 100%);
background: -o-linear-gradient(45deg,#4db2ec 0%,#4a8f5e 100%);
background: -ms-linear-gradient(45deg,#4db2ec 0%,#4a8f5e 100%);
background: linear-gradient(45deg,#4db2ec 0%,#4a8f5e 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4db2ec', endColorstr='#4a8f5e', GradientType=1);
}
.module-tech-grid.tech-grid ul li:nth-child(2) .bk-thumb-wrap:before {
opacity: .7;
background: #d760b7;
background: -moz-linear-gradient(-45deg,#d760b7 0%,#3b78b4 100%);
background: -webkit-gradient(left top,right bottom,color-stop(0%,#d760b7),color-stop(100%,#3b78b4));
background: -webkit-linear-gradient(-45deg,#d760b7 0%,#3b78b4 100%);
background: -o-linear-gradient(-45deg,#d760b7 0%,#3b78b4 100%);
background: -ms-linear-gradient(-45deg,#d760b7 0%,#3b78b4 100%);
background: linear-gradient(135deg,#d760b7 0%,#3b78b4 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d760b7', endColorstr='#3b78b4', GradientType=1);
}
.module-tech-grid.tech-grid ul li:nth-child(6) .bk-thumb-wrap:before {
opacity: .7;
background: rgba(244,208,63,.97);
background: -moz-linear-gradient(-45deg,rgba(244,208,63,.97) 0%,#f27a35 100%);
background: -webkit-gradient(left top,right bottom,color-stop(0%,rgba(244,208,63,.97)),color-stop(100%,#f27a35));
background: -webkit-linear-gradient(-45deg,rgba(244,208,63,.97) 0%,#f27a35 100%);
background: -o-linear-gradient(-45deg,rgba(244,208,63,.97) 0%,#f27a35 100%);
background: -ms-linear-gradient(-45deg,rgba(244,208,63,.97) 0%,#f27a35 100%);
background: linear-gradient(135deg,rgba(244,208,63,.97) 0%,#f27a35 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4d03f', endColorstr='#f27a35', GradientType=1);
}
.module-tech-grid.tech-grid ul li:nth-child(4) .bk-thumb-wrap:before {
opacity: .7;
background: #0016be;
background: -moz-linear-gradient(20deg,#0016be 0%,#2aec74 100%);
background: -webkit-gradient(left bottom,right top,color-stop(0%,#0016be),color-stop(100%,#2aec74));
background: -webkit-linear-gradient(20deg,#0016be 0%,#2aec74 100%);
background: -o-linear-gradient(20deg,#0016be 0%,#2aec74 100%);
background: -ms-linear-gradient(20deg,#0016be 0%,#2aec74 100%);
background: linear-gradient(20deg,#0016be 0%,#2aec74 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0016be', endColorstr='#2aec74', GradientType=1);
}
.module-tech-grid.tech-grid ul li:nth-child(5) .bk-thumb-wrap:before {
opacity: .7;
background: #007808;
background: -moz-linear-gradient(20deg,#007808 0%,#fff940 100%);
background: -webkit-gradient(left bottom,right top,color-stop(0%,#007808),color-stop(100%,#fff940));
background: -webkit-linear-gradient(20deg,#007808 0%,#fff940 100%);
background: -o-linear-gradient(20deg,#007808 0%,#fff940 100%);
background: -ms-linear-gradient(20deg,#007808 0%,#fff940 100%);
background: linear-gradient(20deg,#007808 0%,#fff940 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007808', endColorstr='#fff940', GradientType=1);
}
.module-tech-grid.tech-grid ul li:nth-child(3) .bk-thumb-wrap:before {
opacity: .7;
background: #00ac81;
background: -moz-linear-gradient(20deg,#00ac81 0%,#ff778e 100%);
background: -webkit-gradient(left bottom,right top,color-stop(0%,#00ac81),color-stop(100%,#ff778e));
background: -webkit-linear-gradient(20deg,#00ac81 0%,#ff778e 100%);
background: -o-linear-gradient(20deg,#00ac81 0%,#ff778e 100%);
background: -ms-linear-gradient(20deg,#00ac81 0%,#ff778e 100%);
background: linear-gradient(20deg,#00ac81 0%,#ff778e 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ac81', endColorstr='#ff778e', GradientType=1);
}
.module-tech-grid ul li .thumb, .module-pyramid-grid ul li .thumb{
width: 100%;
height: 100%;
position: absolute;
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.module-tech-grid ul li:first-child , .module-pyramid-grid ul li:first-child , .module-pyramid-grid ul li:nth-child(2) {
height: 360px;
}
.module-tech-grid ul li .post-c-wrap, .module-pyramid-grid ul li .post-c-wrap{
position: absolute;
width: 100%;
bottom: 0;
z-index: 10;
}
.module-tech-grid ul li .post-c-inner, .module-pyramid-grid ul li .post-c-inner{
padding: 20px;
}
.module-tech-grid ul li:first-child .post-c-inner {
padding: 30px 20px;
}
.module-tech-grid ul li .title, .module-pyramid-grid ul li .title{
margin-top: 0;
margin-bottom: 12px;
color: #fff;
font-size: 20px;
text-transform: uppercase;
text-shadow: 1px 1px 1px rgba(0,0,0,.3);
}
.module-tech-grid ul li:first-child .title {
font-size: 32px;
}
.module-tech-grid ul li .meta, .module-pyramid-grid ul li .meta {
margin-bottom: 0;
}
.module-tech-grid ul li .meta > div, .module-pyramid-grid ul li .meta > div{
text-transform: uppercase;
}
.module-tech-grid ul li .meta > div.post-category a, .module-pyramid-grid ul li .meta > div.post-category a{
color: #ef886b;
font-weight: bold;
}
.module-tech-grid ul.color-overlay-enable li .meta > div.post-category a, .module-pyramid-grid ul li .color-overlay-enable li .meta > div.post-category a{
color: #fff !important;
}
/** Pyramid Grid **/
.module-pyramid-grid ul li {
float: left;
border: 1px solid #fff;
height: 240px;
}
.module-pyramid-grid ul li:first-child, .module-pyramid-grid ul li:nth-child(2) {
width: 50%;
}
.module-pyramid-grid ul li:first-child {
border-left: 0;
}
.module-pyramid-grid ul li:nth-child(2) {
border-right: 0;
}
.module-pyramid-grid ul li:nth-child(n+3) {
width: 33.333%;
}
.module-pyramid-grid ul li:nth-child(3) {
border-left: 0;
}
.module-pyramid-grid ul li:nth-child(5) {
border-right: 0;
}
.module-pyramid-grid ul li:first-child .title, .module-pyramid-grid ul li:nth-child(2) .title {
font-size: 28px;
}
.module-pyramid-grid.tech-grid ul li:nth-child(1) .bk-thumb-wrap:before {
opacity: .7;
background: #4db2ec;
background: -moz-linear-gradient(45deg,#4db2ec 0%,#4a8f5e 100%);
background: -webkit-gradient(left bottom,right top,color-stop(0%,#4db2ec),color-stop(100%,#4a8f5e));
background: -webkit-linear-gradient(45deg,#4db2ec 0%,#4a8f5e 100%);
background: -o-linear-gradient(45deg,#4db2ec 0%,#4a8f5e 100%);
background: -ms-linear-gradient(45deg,#4db2ec 0%,#4a8f5e 100%);
background: linear-gradient(45deg,#4db2ec 0%,#4a8f5e 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4db2ec', endColorstr='#4a8f5e', GradientType=1);
}
.module-pyramid-grid.tech-grid ul li:nth-child(2) .bk-thumb-wrap:before {
opacity: .7;
background: #d760b7;
background: -moz-linear-gradient(-45deg,#d760b7 0%,#3b78b4 100%);
background: -webkit-gradient(left top,right bottom,color-stop(0%,#d760b7),color-stop(100%,#3b78b4));
background: -webkit-linear-gradient(-45deg,#d760b7 0%,#3b78b4 100%);
background: -o-linear-gradient(-45deg,#d760b7 0%,#3b78b4 100%);
background: -ms-linear-gradient(-45deg,#d760b7 0%,#3b78b4 100%);
background: linear-gradient(135deg,#d760b7 0%,#3b78b4 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d760b7', endColorstr='#3b78b4', GradientType=1);
}
.module-pyramid-grid.tech-grid ul li:nth-child(4) .bk-thumb-wrap:before {
opacity: .7;
background: #0016be;
background: -moz-linear-gradient(20deg,#0016be 0%,#2aec74 100%);
background: -webkit-gradient(left bottom,right top,color-stop(0%,#0016be),color-stop(100%,#2aec74));
background: -webkit-linear-gradient(20deg,#0016be 0%,#2aec74 100%);
background: -o-linear-gradient(20deg,#0016be 0%,#2aec74 100%);
background: -ms-linear-gradient(20deg,#0016be 0%,#2aec74 100%);
background: linear-gradient(20deg,#0016be 0%,#2aec74 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0016be', endColorstr='#2aec74', GradientType=1);
}
.module-pyramid-grid.tech-grid ul li:nth-child(5) .bk-thumb-wrap:before {
opacity: .7;
background: #007808;
background: -moz-linear-gradient(20deg,#007808 0%,#fff940 100%);
background: -webkit-gradient(left bottom,right top,color-stop(0%,#007808),color-stop(100%,#fff940));
background: -webkit-linear-gradient(20deg,#007808 0%,#fff940 100%);
background: -o-linear-gradient(20deg,#007808 0%,#fff940 100%);
background: -ms-linear-gradient(20deg,#007808 0%,#fff940 100%);
background: linear-gradient(20deg,#007808 0%,#fff940 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007808', endColorstr='#fff940', GradientType=1);
}
.module-pyramid-grid.tech-grid ul li:nth-child(3) .bk-thumb-wrap:before {
opacity: .7;
background: #00ac81;
background: -moz-linear-gradient(20deg,#00ac81 0%,#ff778e 100%);
background: -webkit-gradient(left bottom,right top,color-stop(0%,#00ac81),color-stop(100%,#ff778e));
background: -webkit-linear-gradient(20deg,#00ac81 0%,#ff778e 100%);
background: -o-linear-gradient(20deg,#00ac81 0%,#ff778e 100%);
background: -ms-linear-gradient(20deg,#00ac81 0%,#ff778e 100%);
background: linear-gradient(20deg,#00ac81 0%,#ff778e 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ac81', endColorstr='#ff778e', GradientType=1);
}
/*** BK Slider Module ***/
.bk-slider-module .flexslider .item {
z-index: -1; /*Fix text disappeared*/
position: relative;
}
.bk-slider-module .flexslider .item .thumb{
width: 100%;
position: relative;
z-index: -1;
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.bk-slider-module .flexslider .item h4 {
margin: 0 0 16px 0;
font-size: 36px;
color: #fff;
text-transform: uppercase;
transition: color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out
}
.has-sb .bk-slider-module .flexslider .item h4 {
font-size: 34px;
}
.bk-slider-module .post-c-wrap {
position: relative;
z-index: 2;
}
.bk-slider-module .post-c-wrap .post-c-inner {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
padding: 40px;
background: rgba(0, 0, 0, 0.7);
text-align: center;
}
.bk-slider-module.title_style2 .post-c-wrap .post-c-inner {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
.bk-slider-module.title_style3 .post-c-wrap .post-c-inner {
background: none;
}
.bk-slider-module.title_style3 ul li .bk-thumb-wrap:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
top: 0;
background-color: rgba(0, 0, 0, 0.6);
}
.bk-slider-module .post-c-wrap .meta {
margin: 0;
font-size: 13px;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
}
.bk-slider-module .content_in .meta > div {
margin-right: 20px;
font-size: 14px;
}
.bk-slider-module .content_in .meta > div.post-category a {
font-size: 12px;
}
.bk-slider-module .flex-control-nav {
bottom: 24px;
line-height: 1;
}
.bk-slider-module .flex-control-nav li {
margin: 0 32px;
}
.bk-slider-module .flex-control-nav li a {
box-sizing: content-box;
display: none;
background: rgba(255,255,255,0.5);
width: 16px;
height: 16px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.inner {
width: 100%;
height: 100%;
display: table;
}
.inner-cell {
width: 100%;
height: 100%;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.inner-cell .innerwrap {
display: inline-block;
padding: 12px 20px;
background-color: rgba(0,0,0,0.5);
-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
backface-visibility: hidden;
}
/*** Feature Slider ***/
.module-boxed-slider .flexslider {
height: 500px;
position: relative;
}
.module-boxed-slider .flexslider .item .thumb{
height: 500px;
}
.has-sb .module-boxed-slider .flexslider {
height: 400px;
}
.has-sb .module-boxed-slider .flexslider .item .thumb {
height: 400px;
}
.has-sb .bk-slider-module .post-c-wrap {
padding: 0 80px;
}
/*** module-fw-slider ***/
.module-fw-slider .flexslider {
height: 550px;
}
.module-fw-slider .flexslider .item .thumb{
height: 550px;
}
/*** Masonry ***/
.bk-masonry-content .item {
margin-top: 44px;
}
.bk-masonry-content .item:nth-child(1), .bk-masonry-content .item:nth-child(2), .fullwidth .bk-masonry-content .item:nth-child(3) {
margin-top: 0;
}
.loadmore {
text-align: center;
}
.loadmore span.ajaxtext {
display: inline-block;
background-color: #fff;
padding: 12px;
text-transform: uppercase;
font-size: 15px;
margin-top: 45px;
cursor: pointer;
color: #fff;
background-color: #111;
width: 300px;
letter-spacing: 4px;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
.loadmore span.ajaxtext:hover {
background-color: #ef886b;
border-color: #ef886b;
color: #fff;
}
.loadmore span.loading-animation {
display: none;
width: 158px;
height: 44px;
margin-top: 40px;
border: 2px solid transparent;
cursor: pointer;
background: url('../images/ajax_load.gif') no-repeat center;
}
/*** Blog ***/
.module-classic-blog .bk-blog-content .meta-wrap {
border-top: 1px solid #ccc;
padding: 12px 6px;
margin-top: 24px;
color: #888;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
border-bottom: 4px solid #111;
}
.bk-blog-content .meta-wrap .post-category {
color: #ef886b;
}
.bk-blog-content h4 {
text-transform: uppercase;
}
.module-blog .thumb img {
width: 100%;
-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
backface-visibility: hidden;
}
.module-blog .content_out .meta > div:after {
margin: 0 8px;
}
/* Classic */
.module-classic-blog .bk-mask {
width: 45%;
height: auto;
margin-right: 4%;
float: left;
overflow: hidden;
}
.module-classic-blog .post-c-wrap {
width: 50%;
float: left;
}
.module-classic-blog .bk-blog-content h4 {
margin-top: 0;
margin-bottom: 30px;
font-size: 20px;
background-color: #111;
color: #fff;
padding: 10px 15px;
transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
}
.module-classic-blog ul li .content_out {
margin-top: 50px;
}
.module-classic-blog ul li:first-child .content_out {
margin-top: 0;
padding-top: 0;
border-top: none;
}
.module-classic-blog .excerpt:first-letter {
font-size: 36px;
float: left;
line-height: 1;
padding: 4px 8px;
background: #111;
color: #fff;
margin-right: 12px;
}
.module-classic-blog .bk_no_thumb.content_out, .module-classic-blog .bk_no_thumb.content_out .post-c-wrap {
width: 100%;
}
/*** Large Blog ***/
.module-large-blog ul li.col-md-6:nth-child(2n+1) {
clear: both;
}
.module-large-blog .thumb {
width: 100%;
height: auto;
}
.module-large-blog .post-c-wrap {
position: relative;
margin: 0;
z-index: 10;
background: #fff;
border-bottom: 4px solid #111;
}
.module-large-blog .post-c-wrap h4 {
margin: 0;
font-size: 28px;
color: #fff;
padding: 20px 32px;
background-color: #111;
transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
}
.module-large-blog ul li .content_out {
margin-top: 60px;
}
.module-large-blog ul li:first-child .content_out {
margin-top: 0;
}
.module-large-blog ul li.col-md-6:nth-child(2) .content_out {
margin-top: 0;
}
.module-large-blog ul li .excerpt {
margin: 40px 0;
padding: 0 32px;
}
.module-large-blog.row-classic-layout .post-c-wrap h4 {
padding: 0;
margin-top: 40px;
background-color: transparent !important;
color: #111;
transition: color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out;
}
.module-large-blog.row-classic-layout ul li .excerpt {
padding: 0;
margin: 26px 0 32px 0;
}
.module-large-blog .meta-wrap {
border-top: 1px solid #ccc;
padding: 12px 6px;
margin-top: 24px;
color: #888;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
}
/*** Footer ***/
.footer {
width: 100%;
clear: both;
margin-top: 45px;
position: relative;
color: #fff; /* footer text color*/
background: #252729;
padding-top: 40px;
}
.footer .widget .post-c-wrap h2 {
color: #fff; /* footer text color*/
}
.footer .footer-content {
padding-bottom: 40px;
}
.footer .footer-content:nth-child(2) {
margin-top: 40px;
padding-top: 40px;
border-top: 1px solid #333;
}
.footer .widget-title h3{
padding: 6px 16px;
background-color: #ef886b;
color: #fff;
text-transform: uppercase;
font-size: 16px;
margin-bottom: 30px;
margin-top: 15px;
line-height: 1;
display: inline-block;
}
.footer-sidebar:nth-child(1) {
padding-right: 30px;
}
.footer-sidebar:nth-child(2) {
padding-left: 30px;
padding-right: 30px;
border-left: 1px solid #333;
border-right: 1px solid #333;
}
.footer-sidebar:nth-child(3) {
padding-left: 30px;
}
.footer-sidebar > .widget {
margin-top: 40px;
}
.footer-sidebar > .widget:first-child {
margin-top: 0;
}
.footer .footer-lower {
width: 100%;
margin: auto;
padding: 20px 0;
background-color: #111;
color: #fff; /* footer text color*/
font-size: 14px;
}
#footer-menu {
float: left;
}
#footer-menu ul li {
display: inline-block;
margin-right: 10px;
text-transform: uppercase;
}
.bk-copyright {
float: right;
font-weight: 400 !important;
}
.footer-inner.bk-align-center .bk-copyright {
float: none;
}
#footer-menu a {
font-weight: 400 !important;
}
/*** Sidebar ***/
.sidebar {
padding-left: 30px;
}
.sidebar-wrap > .widget {
margin-top: 20px;
padding-top: 28px;
}
.sidebar-wrap .widget-social-counter + .widget {
margin-top: 0;
}
.sidebar-wrap > .widget:first-child {
margin-top: 0;
border-top: none;
padding-top: 0;
}
.sidebar-wrap .widget-title h3 {
padding: 12px 16px;
background-color: #ef886b;
color: #fff;
text-transform: uppercase;
font-size: 18px;
margin-bottom: 34px;
line-height: 1.3;
margin-top: 0;
position: relative;
}
.sidebar-wrap .widget-title h3::after {
border-top-color: #ef886b;
border-style: solid;
border-width: 8px;
bottom: -16px;
content: "";
left: 50%;
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
}
/* Latest Widget*/
.widget .post-c-wrap h2 {
color: #111;
}
/* widget_most_commented */
.widget_most_commented .bk-mask {
width: 90px;
height: 90px;
float: left;
margin-right: 12px;
}
.widget_most_commented .comments{
position: absolute;
color: #fff;
top: 0;
right: 0;
padding: 4px;
font-size: 12px;
line-height: 12px;
min-width: 20px;
height: 20px;
text-align: center;
background-color: #444;
z-index: 1;
}
.widget_most_commented .comments:after {
left: -2px;
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-right-color: #444;
border-width: 8px;
margin-top: -11px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/** Review **/
.widget_reviews .post-review-list .bk-mask {
width: 90px;
height: 90px;
float: left;
margin-right: 12px;
}
.widget_reviews .post-review-list .review-score{
position: absolute;
top: 0;
right: 0;
padding: 5px 4px;
line-height: 10px;
min-width: 20px;
height: 20px;
text-align: center;
color: #fff;
font-size: 12px;
}
/** Review Score in Small Post **/
.small-thumbnail-wrapper {
position: relative;
float: left;
margin-right: 14px;
}
.review-score-smallpost {
position: absolute;
color: #fff;
top: 0;
right: 0;
padding: 4px;
font-size: 12px;
line-height: 12px;
min-width: 20px;
height: 20px;
text-align: center;
background-color: #444;
z-index: 1;
}
.review-score-smallpost span {
margin-right: 4px;
}
/** Social Counter **/
.widget-social-counter ul li {
margin-bottom: 20px;
height: 45px;
overflow: hidden;
}
.widget-social-counter ul li .social-icon {
float: left;
width: 45px;
border-radius: 50%;
height: 45px;
text-align: center;
}
.widget-social-counter ul li .social-icon i {
line-height: 45px;
font-size: 24px;
color: #fff;
}
.widget-social-counter ul li .data .counter{
font-size: 16px;
line-height: 1;
float: left;
color: #111;
padding: 0 20px;
margin: 13px 0;
font-weight: 700;
}
.widget-social-counter ul li .data .subscribe {
font-size: 16px;
float: left;
color: #111;
line-height: 1;
padding: 0 16px;
font-weight: 700;
margin: 13px 0;
border-left: 1px solid #ccc;
}
.widget-social-counter ul li .data .text {
font-size: 12px;
text-transform: uppercase;
float: right;
color: #111;
line-height: 45px;
padding: 0 16px;
font-weight: 700;
}
.widget-social-counter ul li.twitter .social-icon {
background-color: #2FC2EF;
}
.widget-social-counter ul li.facebook .social-icon {
background-color: #4c66a4;
}
.widget-social-counter ul li.dribbble .social-icon {
background-color: #ea4c89;
}
.widget-social-counter ul li.soundcloud .social-icon {
background-color: #FF5D00;
}
.widget-social-counter ul li.instagram .social-icon {
background-color: #406E94;
}
.widget-social-counter ul li.youtube .social-icon {
background-color: #cc181e;
}
.widget-social-counter ul li.googleplus .social-icon {
background-color: #D73D32;
}
.widget-social-counter ul li.rss .social-icon {
background-color: #F4A62A;
}
.footer .widget-social-counter ul li .data {
color: #f8f8f8;
}
/*** widget_googlebadge ***/
.widget_googlebadge {
text-align: center;
}
/*** widget_comment ***/
.widget_latest_comments .widget_comment{
text-align: center;
}
.widget_comment .cm-header div {
display: inline;
font-size: 12px;
text-transform: uppercase;
color: #888;
}
.widget_comment .cm-header .author-name {
color: #444;
}
.widget_comment .cm-header .avatar {
margin-right: 8px;
border-radius: 50%;
}
.widget_comment .cm-header .avatar img {
width: inherit;
display: inline;
margin-bottom: 4px;
}
.widget_comment .cm-header span {
margin: 0 8px;
font-size: 12px;
color: #888;
}
.widget_comment .cm-header {
margin-bottom: 8px;
}
.widget_comment .comment-text {
font-style: italic;
margin-bottom: 16px;
}
.widget_comment .post-title {
text-transform: uppercase;
font-size: 18px;
margin: 0;
color: #111;
}
.widget_comment .post-title i {
margin-right: 8px;
color: #888;
}
.cm-flex .flex-control-nav {
width: 100%;
position: static;
margin-top: 28px;
text-align: center;
line-height: 0;
}
.cm-flex .flex-control-paging li a {
background: rgba(0,0,0,0.3);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.cm-flex .flex-control-paging li a.flex-active {
background: rgba(0,0,0,1);
}
.footer .widget_comment .cm-header .author-name {
color: #fff; /* footer text color*/
}
.footer .widget_comment .cm-header div {
color: #fff; /* footer text color*/
}
/*** Twitter ***/
.widget-twitter .fa-twitter {
float: left;
font-size: 60px;
margin-bottom: 8px;
margin-right: 16px;
color: #ef886b;
}
.widget-twitter ul.slides li .twitter-message a {
color: #ef886b;
text-decoration: underline;
}
.widget-twitter ul.slides li > a {
padding-left: 72px;
color: #888;
font-style: italic;
font-size: 14px;
margin-top: 2px;
}
.widget-twitter .twitter-message {
padding-left: 72px;
}
/* Flexslider for widget-twitter and widget latest comments */
.widget-twitter .flex-direction-nav, .widget_latest_comments .flex-direction-nav {
margin-top: 24px;
text-align: center;
}
.widget-twitter .flex-direction-nav li, .widget_latest_comments .flex-direction-nav li {
position: relative;
display: inline-block;
}
.widget-twitter .flex-direction-nav li a, .widget_latest_comments .flex-direction-nav li a{
display: block;
width: 24px;
height: 24px;
text-align: center;
text-decoration: none;
font-size: 16px;
position: absolute;
bottom: 10px;
opacity: 1;
top: inherit;
bottom: -44px;
border: 1px solid #666;
background: none;
color: #111;
}
.footer .widget-twitter .flex-direction-nav li a, .footer .widget_latest_comments .flex-direction-nav li a {
border: 1px solid #888;
color: #888;
}
.widget-twitter .flex-direction-nav li a:hover, .widget_latest_comments .flex-direction-nav li a:hover {
color: #fff;
}
.widget-twitter .flex-direction-nav li a.flex-prev, .widget_latest_comments .flex-direction-nav li a.flex-prev {
left: 50%;
margin-left: -28px;
position: static;
}
.widget-twitter .flex-direction-nav li a.flex-next, .widget_latest_comments .flex-direction-nav li a.flex-next {
right: 50%;
margin-right: -28px;
position: static;
}
.widget-twitter .flex-direction-nav li a:before, .widget_latest_comments .flex-direction-nav li a:before {
line-height: 22px;
}
/*** Flickr & Instagram ***/
.widget_flickr img, .widget-instagram img {
width: 100%;
}
.widget_flickr ul li, .widget-instagram ul li {
float: left;
width: 25%;
border: 1px solid #fff;
}
.footer .widget_flickr ul li, .footer .widget-instagram ul li {
border: 2px solid #242628;
}
/*** Widget Slider ***/
.widget_slider .content_in{
position: relative;
z-index: -1;
}
.widget_slider .thumb {
z-index: -1;
}
.widget_slider .post-c-wrap {
position: absolute;
width: 100%;
bottom: 0;
padding: 20px;
background: rgba(0, 0, 0, 0.7);
}
.widget_slider .post-c-wrap .title {
font-size: 20px;
text-transform: uppercase;
margin-bottom: 15px;
}
.widget_slider .post-c-wrap .meta {
font-size: 12px;
text-transform: uppercase;
margin-bottom: 0;
}
.widget_slider .title {
margin-top: 0;
}
.widget_slider .flexslider .slides > li, .bk-carousel-wrap .slides > li {display: none;}
.widget_slider .flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;}
/*** Widget ADS ***/
.widget-ads {
text-align: center;
}
/*** Ads ***/
.module-ads .bk-ads {
text-align: center;
}
.module-ads img {
max-width: 100%;
}
/* -----------------------------------------------------------------------------
* Wordpress Default Widgets
* -------------------------------------------------------------------------- */
.widget_recent_entries > ul,
.widget_archive > ul,
.widget_categories > ul,
.widget_meta > ul,
.widget_pages > ul,
.widget_recent_comments > ul,
.widget_nav_menu > div > ul {
list-style: none;
padding-left: 35px;
}
.widget_recent_entries > ul ul,
.widget_archive > ul ul,
.widget_categories > ul ul,
.widget_meta > ul ul,
.widget_pages > ul ul,
.widget_recent_comments > ul ul,
.widget_nav_menu > div > ul ul {
list-style: none;
margin-top: 0.25em;
margin-bottom: 0.5em;
}
.widget_recent_entries > ul li,
.widget_archive > ul li,
.widget_categories > ul li,
.widget_meta > ul li,
.widget_pages > ul li,
.widget_recent_comments > ul li,
.widget_nav_menu > div > ul li {
position: relative;
}
.widget_recent_entries > ul li:before,
.widget_archive > ul li:before,
.widget_categories > ul li:before,
.widget_meta > ul li:before,
.widget_pages > ul li:before,
.widget_recent_comments > ul li:before,
.widget_nav_menu > div > ul li:before {
content: '\f068';
font-family: FontAwesome;
position: absolute;
line-height: 2em;
left: -25px;
}
.widget_recent_entries > ul li + li,
.widget_archive > ul li + li,
.widget_categories > ul li + li,
.widget_meta > ul li + li,
.widget_pages > ul li + li,
.widget_recent_comments > ul li + li,
.widget_nav_menu > div > ul li + li {
margin-top: 0.25em;
}
.widget_recent_entries a,
.widget_archive a,
.widget_categories a,
.widget_meta a,
.widget_pages a,
.widget_recent_comments a,
.widget_nav_menu > div a {
color: inherit;
}
.widget_search input[type=text] {
margin: 0;
}
.widget_recent_comments .recentcomments a:first-child {
font-weight: bold;
}
.textwidget {
text-align: left;
}
.widget_archive select {
width: 100%;
}
/** Tag Cloud **/
.widget_tag_cloud .tagcloud {
font-size: 0;
text-align: left;
}
.widget_tag_cloud .tagcloud a {
border: 1px solid #111;
padding: 6px 12px;
line-height: 1;
background-color: #fff;
display: inline-block;
margin: 1px;
font-weight: 500;
}
.widget_tag_cloud .tagcloud a:hover {
color: #fff;
background: #212121;
}
.footer .widget_tag_cloud .tagcloud a {
background-color: #111;
color: #fff;
}
#wp-calendar {
width: 100%;
margin-top: 15px;
border-bottom: 0;
border-top-color: #ddd;
}
#wp-calendar caption {
text-align: right;
color: #333;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 15px;
}
#wp-calendar thead {
font-size: 10px;
}
#wp-calendar thead th {
padding-bottom: 10px;
text-align: center;
}
#wp-calendar tbody {
color: #aaa;
}
#wp-calendar tbody td {
background: #f5f5f5;
border: 1px solid #fff;
text-align: center;
padding: 8px;
font-size: 12px;
}
#wp-calendar tbody td a {
text-decoration: underline;
}
#wp-calendar tbody td:hover {
background: #fff;
}
#wp-calendar tfoot #next {
font-size: 10px;
text-transform: uppercase;
text-align: right;
}
#wp-calendar tfoot #prev {
font-size: 10px;
text-transform: uppercase;
padding-top: 10px;
}
/** Search **/
.searchform-wrap {
position: relative;
}
.searchform-wrap > input {
background: #f9f9f9;
padding: 12px 40px 12px 10px;
outline: 0;
font-size: 13px;
color: #a6a6a6;
width: 100%;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.searchform-wrap .search-icon {
height: 43px;
line-height: 43px;
width: 45px;
position: absolute;
top: 0;
right: 0;
text-align: center;
color: #fff;
background-color: #ef886b;
}
.searchform-wrap .search-icon i {
font-size: 18px;
color: #fff;
}
.footer .searchform-wrap > input {
border: none;
}
/* RSS widget
==================================== */
.widget_rss ul {
list-style: none;
padding-left: 35px;
}
.widget_rss img{
width: auto;
height:auto;
}
.widget_rss li a {
font-weight: bold;
}
.widget_rss h3 a img {
vertical-align: middle;
}
.widget_rss li {
padding: 10px 0px;
position: relative;
}
.widget_rss li a:before {
content: '\f068';
font-family: FontAwesome;
position: absolute;
line-height: 2em;
left: -25px;
font-weight: normal;
}
.widget_rss li span, .widget_rss .rssSummary {
font-style: italic;
color: #444;
}
.footer .widget_rss li span, .footer .widget_rss .rssSummary {
color: #ccc;
}
.widget_rss li span:before {
content: '-';
margin-left: 15px;
margin-right: 15px;
font-size: 14px;
color: #212121;
font-weight: bold
}
/** Page **/
.bk-breadcrumbs-container {
background-color: #f8f8f8;
}
.bk-breadcrumbs-container.boxed {
background: #fff;
}
.breadcrumbs .fa-home {
color: #ef886b;
}
.bk-breadcrumbs-wrap {
padding: 0 30px;
}
.bk-breadcrumbs-wrap .breadcrumbs {
padding: 16px 24px;
color: #888;
}
.breadcrumbs a { color: #444; display: inline-block; }
.breadcrumbs span.current { color: #888; }
.breadcrumbs .delim {
padding: 0 10px;
font-size: 16px;
color: #8d97a1;
line-height: 0.7;
}
.breadcrumbs > i {
margin-right: 5px;
}
/*************************
*
* 5. SINGLE PAGE
*
*************************/
.single-page {
position: relative;
}
.bkcnt_val {
display: none;
}
/** Parallax **/
#bk-parallax-feat, #bk-fw-feat {
position: static;
height: 500px;
text-align: center;
}
#bk-normal-feat {
text-align: center;
}
#bk-fw-feat .s-feat-img {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 500px;
width: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#bk-parallax-feat .s-feat-img {
position: absolute;
text-align: center;
top: 0;
left: 0;
height: 500px;
width: 100%;
background-position: 50% 0;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
}
.single-page > #bk-parallax-feat, .single-page > #bk-fw-feat {
position: relative;
}
#bk-parallax-feat > .s_header_wraper, #bk-fw-feat > .s_header_wraper {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
#bk-parallax-feat .s-post-header, #bk-fw-feat .s-post-header {
color: #fff;
text-align: left;
padding: 30px;
margin: 0 auto;
}
/** Normal **/
#bk-normal-feat {
position: relative;
}
#bk-normal-feat > div {
margin-top: 36px;
position: relative;
}
#bk-normal-feat .s-feat-img img {
width: 100%;
height: auto;
}
.s_header_wraper {
margin-top: 28px;
}
/* Embed code */
.bk-embed-video, .bk-embed-audio {
position: absolute;
left: 50%;
top: 10%;
width: 540px;
min-width: 350px;
height: auto;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
.bk-embed-audio {
position: absolute;
left: 50%;
top: 25%;
width: 540px;
height: auto;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
#bk-normal-feat .bk-embed-video, #bk-normal-feat .bk-embed-audio{
top: 0;
left: 0;
width: 100%;
transform: none;
-webkit-transform: none;
position: static;
}
.bk-embed-video .bk-frame-wrap {
padding-bottom: 56.25%;
width: 100%;
position: relative;
}
.bk-embed-audio .bk-frame-wrap {
width: 100%;
}
.bk-embed-video iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
border: none;
}
.bk-embed-audio iframe {
width: 100%;
border: none;
height: 100%;
}
/*
.s-post-header:before {
height: 100%;
width: 1px;
content: '';
border-left: 1000px solid #fff;
position: absolute;
right: 100%;
top: 0;
}
*/
.s-post-header {
max-width: 100%;
min-width: 0;
text-align: left;
color: #111;
padding: 0;
}
.s-post-header h1 {
text-transform: uppercase;
margin: 0;
padding: 0 0 15px 0;
font-size: 42px;
line-height: 1.3;
font-weight: 700;
}
.s-post-header .post-category a:nth-child(n+2) {
margin-right: 4px;
}
.s-post-header .meta {
line-height: 1;
}
.s-post-header .meta > div {
display: inline;
margin-right: 3px;
text-transform: uppercase;
color: #888;
font-size: 14px;
margin-right: 20px;
}
.s-post-header .meta > div:last-child {
margin-right: 0;
}
.s-post-header .meta > .post-category {
font-weight: 700;
}
/** Post Format ***/
.single-page .icon-play {
display: inline-block;
font-size: 72px;
line-height: 1;
opacity: 0;
color: #fff;
position: absolute !important;
z-index: 100;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
left: 50%;
margin-top: 0 !important;
}
.single-page #bk-normal-feat .icon-play {
margin-top: 18px !important;
}
.single-page .icon-play a {
display: block;
}
.single-page .icon-play:hover {
color: #ef886b;
}
.single-page .main .article-content {
line-height: 1.6;
}
.single-page .main .article-content {
padding-top: 30px;
text-align: justify;
text-justify: inter-word;
}
.single-page.bk-fullwidth .main .article-content {
padding-top: 36px;
}
.single-page .sidebar {
margin-top: 36px;
}
.article-content > p:last-child {
margin-bottom: 0;
}
/*** Single TAG ***/
.s-tags {
margin-top: 40px;
}
.s-tags span {
font-size: 12px;
background-color: #111;
color: #fff;
font-weight: bold;
margin-right: 20px;
text-transform: uppercase;
margin-top: 45px;
padding: 6px 12px;
}
.s-tags a {
display: inline-block;
margin: 4px;
padding: 4px 12px;
color: #111;
border: 1px solid #ededed;
font-size: 13px;
webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.s-tags a:hover {
color: #fff;
background-color: #ef886b;
}
/*** Post Nav **/
.s-post-nav .thumb {
width: 90px;
height: 90px;
position: absolute;
top: 20px;
}
.s-post-nav .nav-next .thumb {
left: 20px;
}
.s-post-nav .nav-prev .thumb {
right: 20px;
}
.nav-c-wrap {
position: absolute;
top: 50%;
padding: 20px;
width: 400px;
height: 130px;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
background: #fff;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.s-post-nav .nav-next{
right: 0;
}
.s-post-nav .nav-prev{
left: 0;
}
.s-post-nav .nav-next .nav-c-wrap {
right: 0;
padding: 20px 56px 20px 126px;
-webkit-transform: translate(100%, -50%);
transform: translate(100%, -50%);
}
.s-post-nav .nav-next .nav-c-wrap.bk_no_thumb {
padding: 20px 56px 20px 30px;
}
.s-post-nav .nav-prev .nav-c-wrap {
left: 0;
text-align: right;
padding: 20px 126px 20px 56px;
-webkit-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
}
.s-post-nav .nav-prev .nav-c-wrap.bk_no_thumb {
padding: 20px 30px 20px 56px;
}
.s-post-nav .nav-btn{
position: fixed;
top: 60%;
display: block;
outline: none;
text-align: left;
z-index: 1000;
transition: opacity 0.3s linear;
-webkit-transition: opacity 0.3s linear;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.s-post-nav .icon {
position: relative;
z-index: 100;
display: block;
padding: 20px 10px;
border: 0px solid transparent;
background: #ef886b;
-webkit-transition: border-width 0.3s 0.15s;
transition: border-width 0.3s 0.15s;
}
.s-post-nav .icon i {
color: #fff;
font-size: 18px;
}
.s-post-nav .nav-btn.hide-nav {
opacity: 0;
pointer-events: none;
}
.s-post-nav .nav-btn:hover .icon {
border-top-width: 33px;
border-bottom-width: 33px;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.s-post-nav .nav-btn:hover .nav-c-wrap{
opacity: 1;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
-webkit-transform: translateY(-50%) translateX(0) scale(1);
transform: translateY(-50%) translateX(0) scale(1);
}
.s-post-nav .nav-title span {
text-transform: uppercase;
font-size: 11px;
border-bottom: 1px solid #ef886b;
color: #ef886b;
}
.s-post-nav .nav-title h3 {
font-size: 16px;
font-weight: 400;
margin-bottom: 0;
margin-top: 8px;
color: #111;
text-transform: uppercase;
max-height: 3em;
overflow: hidden;
font-weight: 600 !important;
}
.s-post-nav .bk-cover-link {
border: 1px solid #dfdfdf;
}
/*** Share Box ***/
.share-box-wrap {
border-top: 4px solid #111;
margin-top: 60px;
padding-top: 48px;
text-align: center;
}
.share-box-wrap .share-box {
display: inline-block;
}
.share-box h3 {
margin-top: 0;
margin-bottom: 32px;
font-weight: 400;
text-transform: uppercase;
font-size: 20px;
letter-spacing: 0.2em;
color: #111;
}
.share-box ul li {
display: inline-block;
border-radius: 2px;
min-height: 68px;
text-align: center;
cursor: pointer;
}
.share-box ul li:last-child {
}
.share-box ul li .share-item__icon {
width: 40px;
height: 40px;
display: inline-block;
margin-right: 30px;
}
.share-box .social-share {
padding-left: 132px;
}
.share-total-wrap {
padding-right: 32px;
border-right: 1px solid #888;
float: left;
}
.share-total {
width: 68px;
height: 68px;
background-color: #ef886b;
color: #fff;
position: relative;
text-align: center;
}
.share-total .share-total__value {
width:100%;
height: 44px;
line-height: 44px;
position: ;
top: 0;
left: 0;
font-size: 20px;
}
.share-total .share-total__title {
width:100%;
height: 24px;
line-height: 24px;
position: absolute;
bottom: 0;
left: 0;
font-size: 12px;
text-transform: uppercase;
background-color: #111;
}
.share-box ul li i {
font-size: 16px;
color: #fff;
line-height: 40px;
}
.share-box .bk-share .share-item__value, .share-box .bk-twitter-share-icon {
margin-top: 4px;
color: #666;
margin-right: 30px;
}
.share-box ul li.bk_facebook_share .share-item__icon {
background-color: #3E578C;
}
.share-box ul li.bk_twitter_share .share-item__icon{
background-color: #00ACEE;
}
.share-box ul li.bk_gplus_share .share-item__icon{
background-color: #DD4B39;
}
.share-box ul li.bk_pinterest_share .share-item__icon{
background-color: #C92228;
}
.share-box ul li.bk_stumbleupon_share .share-item__icon{
background-color: #ED5934;
}
.share-box ul li.bk_linkedin_share .share-item__icon{
background-color: #0E76A8;
}
/** Top Share Box **/
.single-top-share-box ul li {
min-height: 0;
}
.single-top-share-box .share-box-wrap {
padding-top: 0;
border-top: 0;
margin-top: 30px;
text-align: left;
}
.single-top-share-box .social-share {
padding-left: 0;
}
.single-top-share-box ul li .share-item__icon {
width: auto;
padding: 0 15px;
border-radius: 2px;
color: #fff;
margin-right: 15px;
}
.single-top-share-box ul li:last-child .share-item__icon {
margin-right: 0;
}
.single-top-share-box ul li .share-item__icon span {
margin-left: 15px;
padding-left: 15px;
border-left: 1px solid #ddd;
font-size: 12px;
}
/*** Author Box ***/
.bk-author-box {
margin-top: 60px;
padding: 36px 30px;
background-color: #111;
}
.wp-page .bk-author-box {
margin: 0 0 54px 0;
}
.wp-page .fullwidth .bk-author-box{
margin-right: 0;
}
.bk-author-box .bk-author-avatar {
float: left;
}
.bk-author-box .author-info {
padding-left: 95px;
position: relative;
}
.bk-author-box .author-info h3 {
margin-top: 0;
font-size: 20px;
font-weight: bold;
color: #efefef;
}
.bk-author-box .bk-author-bio {
color: #efefef;
}
.bk-author-box .author-info .bk-author-page-contact {
position: absolute;
top: 0;
right: 0;
}
.bk-author-box .author-info .bk-author-page-contact a {
display: inline-block;
margin: 0 8px;
color: #efefef;
}
.bk-author-box .author-info .bk-author-page-contact a:hover {
color: #ef886b;
}
/*** Related Box ***/
.related-box {
border-top: 4px solid #111;
margin-top: 60px;
padding-top: 36px;
}
.related-box h3 {
margin-top: 0;
margin-bottom: 32px;
font-weight: 400;
text-transform: uppercase;
font-size: 20px;
color: #111;
font-weight: bold;
}
.related-box .post-c-wrap h4{
font-size: 16px;
text-transform: uppercase;
line-height: 1.4;
padding: 15px;
}
.single-page.bk-fullwidth .related-box .post-c-wrap h4 {
font-size: 18px;
}
/*** Comment Box ***/
.comment-box {
border-top: 4px solid #111;
margin-top: 60px;
padding-top: 36px;
}
.comment-box #comments .commentlist {
margin-bottom: 40px;
}
.comment-box .comments-area-title h3, .comment-respond h3, .comments-area .comments-area-title h3 {
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
text-transform: uppercase;
font-size: 20px;
color: #111;
font-weight: bold;
}
.comment-box input, .comment-box textarea {
width: 100%;
}
.comment-box .comment-form-author, .comment-box .comment-form-email, .comment-box .comment-form-url {
width: 30%;
margin-right: 5%;
display: inline-block;
}
.comment-box .comment-form-url {
margin-right: 0;
}
#comment-submit {
background: none;
text-transform: uppercase;
font-size: 14px;
color: #888;
padding: 7px 21px;
float: left;
border: 1px solid #888;
width: inherit;
}
#comment-submit:hover {
color: #fff;
border-color: #ef886b;
background-color: #ef886b;
}
/*======== Comments ==============*/
.comments-area {
text-align: left;
}
.comments-area > .commentlist {
padding-left: 0;
}
.comment-respond {
margin-bottom: 80px;
margin-top: 0;
}
.comments-area small {
position: absolute;
top: 0;
right: 0;
font-size: 12px;
color: #666;
text-decoration: underline;
}
.comments-area h3:first-child {
display: inline-block;
line-height: 1;
}
.comments-area-title {
margin-bottom: 32px;
}
.comments-area-title h3 {
font-size: 20px;
}
.comments-area-title .add-comment-btn {
font-size: 12px;
line-height: 1.5;
color: #fff;
text-transform: uppercase;
padding: 3px 5px;
margin-left: 10px;
display: inline-block;
vertical-align: top;
}
.comments-area .commentlist, .comments-area .commentlist .comment .children {
list-style: none;
}
.comment-author span {
display: block;
font-size: 12px;
line-height: 1.5;
text-transform: uppercase;
}
.comment-time a {
color: #666;
}
.comment-avatar {
float: left;
margin-right: 30px;
}
.comment-author {
position: relative;
}
.comment-author .comment-author-name {
color: #111;
font-size: 18px;
line-height: 1;
display: inline-block !important;
font-weight: bold !important;
text-transform: none;
}
.comment-author .comment-time {
font-size: 12px;
margin-top: 4px;
text-transform: uppercase;
}
.comment-author .comment-links {
position: absolute;
top: 0;
right: 0;
color: #666;
text-decoration: underline;
}
.comment-author .comment-links a:hover {
text-decoration: underline;
}
.comment-links a {
margin-right: 10px;
}
.comment-text .alert.info {
margin-left: 75px;
background: #eee;
padding: 5px;
}
.comment-text .alert.info p {
font-size: 14px;
font-style: italic;
}
.comment-content {
margin-left: 90px;
margin-top: 10px;
color: #444;
}
ol.commentlist ul.children {
border-top: 1px solid #ddd;
margin-top: 20px;
}
.comment:first-child {
margin-top: 20px;
}
.comment + .comment {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #ddd;
}
.comment-navigation div {
margin-bottom: 20px;
margin-right: 10px;
}
.comment-navigation a {
padding: 5px 8px;
font-size: 14px;
}
.comment-navigation .nav-previous {
float: left;
}
.comment-navigation .nav-next {
float: right;
}
.comment-navigation {
margin: 20px 0;
}
.comment-navigation a {
color: #fff;
}
.comment-respond {
font-size: 14px;
color: #666;
}
.comment-respond #reply-title, .woocommerce-tabs .comment-respond #reply-title {
margin-bottom: 32px;
font-size: 20px;
width: 100%;
position: relative;
}
.comment-form {
list-style: none;
}
.comment-respond input[type="text"] {
display: block;
width: 100%;
vertical-align: middle;
border: 1px solid rgba(0, 0, 0, 0.5);
outline: 0;
padding: 10px;
}
.comment-respond input[type="text"]:focus {
border: 1px solid rgba(0, 0, 0, 0.8);
}
.comment-form-comment textarea {
width: 100%;
resize: none;
border: 1px solid rgba(0, 0, 0, 0.5);
padding: 10px;
}
.comment-form-comment textarea:focus {
border: 1px solid rgba(0, 0, 0, 0.8);
}
.comments-area .comment-list{
margin-left: 45px;
}
.comment-box .logged-in-as {
margin-top: -20px;
margin-bottom: 32px;
font-size: 16px;
font-style: italic;
}
.form-submit {
margin: 0;
}
/*** Reviews ***/
.bk-review-box {
padding: 30px 24px;
border: 1px solid #ddd;
width: 100%;
margin-bottom: 1em;
clear: both;
background-color: #111;
}
.bk-review-box.left{
width: 40%;
float: left;
margin-right: 32px;
margin-bottom: 16px;
clear: none;
}
.bk-review-box.right {
width: 40%;
float: right;
margin-left: 32px;
margin-bottom: 16px;
clear: none;
}
.bk-review-box .bk-overlay {
height: 8px;
width: 100%;
float: left;
position: relative;
background-color: #e0e0e0;
margin-top: 4px;
}
.bk-review-box .bk-overlay span {
height: 8px;
background-color: #ef886b;
display: block;
}
.bk-review-box .bk-criteria-wrap {
margin-top: 16px;
color: #f8f8f8;
font-size: 15px;
text-transform: uppercase;
}
.bk-review-box .bk-criteria-wrap:first-child {
margin-top: 0;
}
.bk-review-box .bk-criteria-score {
float: right;
}
.bk-review-box .summary-wrap {
margin-top: 32px;
color: #f8f8f8;
}
.bk-score-box {
width: 120px;
height: 120px;
border-radius: 50%;
background-color: #ef886b;
position: relative;
text-align: center;
margin-left: 20px;
float: left;
}
.bk-review-box.left .bk-score-box, .bk-review-box.right .bk-score-box {
margin: auto;
float: none;
}
.bk-score-box .rating-canvas {
position: absolute;
top: 0;
left: 0;
}
.bk-score-box .score {
line-height: 120px;
font-size: 28px;
font-weight: bold;
color: #fff;
}
.bk-review-box .bk-summary {
float: right;
width: 70%;
color: #f8f8f8;
}
.bk-review-box.left .bk-summary, .bk-review-box.right .bk-summary {
width: 100%;
margin-bottom: 32px;
font-size: 15px;
float: none;
}
.bk-review-box .bk-user-rating {
margin-top: 32px;
}
.bk-review-box .bk-user-rating .bk-overlay {
cursor: pointer;
}
/* Recommend Box */
.recommend-box {
position:fixed;
bottom:0;
right:-361px;
width:330px;
padding-bottom:30px;
background-color: #fff;
z-index:9999;
transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
}
.recommend-box-on {
transform:translate(-360px,0);
-webkit-transform:translate(-360px,0);
-o-transform:translate(-360px,0);
-moz-transform:translate(-360px,0);
}
.recommend-box-off {
transform:translate(360px,0);
-webkit-transform:translate(360px,0);
-o-transform:translate(360px,0);
-moz-transform:translate(360px,0);
}
.no-csstransforms .recommend-box-on {right:0;}
.no-csstransforms .recommend-box-off {display:none;}
.recommend-box .close {
position: absolute;
top: 0;
left: 0;
display: block;
text-decoration: none;
width: 44px;
height: 44px;
line-height: 44px;
color: #ef886b;
text-align: center;
}
.recommend-box .close i {
font-size: 16px;
}
.recommend-box h3 {
padding:10px 0;
margin: 0 0 20px 0;
background: #212121;
color: #fff;
min-height: 44px;
font-size: 16px;
text-transform: uppercase;
text-align: center;
}
.recommend-box .entries {
padding:0 20px;
color: #444;
}
/*** Wordpress Page ***/
.wp-page {
margin-top: 50px;
}
/*** Pagination ***/
/*** Other Pages ***/
#pagination, .post-page-links {
margin-top: 44px;
text-align: center;
clear: both;
}
#pagination .page-numbers, .post-page-links a, .post-page-links > span{
display: inline-block;
text-align: center;
width: 40px;
height: 35px;
line-height: 30px;
border: 2px solid #ef886b;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
font-weight: 400;
color: #ef886b;
}
#pagination .page-numbers.current, .post-page-links > span{
background-color: #ef886b;
color: #fff;
}
#pagination a:hover, #pagination a:hover {
background-color: #111;
color: #fff;
border-color: #111;
}
/*************************
*
* 6. WOOCOMMERCE
*
*************************/
.woocommerce-page .page-wrap {
margin-top: 40px;
}
.woocommerce-page .woocommerce-breadcrumb {
margin-bottom: 20px;
text-transform: uppercase;
}
.woocommerce-page .woocommerce-breadcrumb a {
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
}
.woocommerce-page .woocommerce-breadcrumb a i{
margin-right: 5px;
}
.woocommerce-page .woocommerce-breadcrumb a:after {
content: '/';
margin: 0 10px;
}
.woocommerce-page .woocommerce-breadcrumb a:hover:after {
color: #777 !important;
}
.shop-page .woocommerce-result-count {
margin-bottom: 20px;
color: #999;
font-size: 16px;
}
.shop-page .woocommerce-ordering {
margin-bottom: 30px;
}
.shop-page .woocommerce-ordering .orderby{
font-size: 14px;
padding: 10px;
color: #999;
border: 1px solid #b0b0b0;
border-radius: 0;
background: #FFF;
max-width: 100%;
outline: none;
}
.woocommerce span.onsale, .woocommerce-page span.onsale {
text-shadow: none;
background: #ef886b;
box-shadow: none;
border-radius: 0;
padding: 2px 4px;
top: 0 !important;
left: 0 !important;
margin: 0 !important;
width: 36px;
height: 36px;
text-transform: uppercase;
}
.woocommerce-page .shop-page.three-cols ul.products li.product {
width: 30.75%;
}
.woocommerce-page #pagination > .page-numbers {
border: none;
width: 100%;
}
.woocommerce-page nav.woocommerce-pagination ul li {
border: none;
float: none;
margin-right: 10px;
}
.woocommerce-page nav.woocommerce-pagination ul li .page-numbers {
margin: 0 !important;
padding: 0;
}
.woocommerce-page #pagination .page-numbers ul li a {
padding: 0;
}
.woocommerce-page #pagination .page-numbers ul li span {
padding: 0;
margin: 0;
}
.woocommerce-page ul.products li {
text-align: center;
}
.woocommerce-page ul.products li.product a img, .woocommerce-page ul.product_list_widget li img, .woocommerce-page div.product div.images img {
-webkit-box-shadow: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
}
.woocommerce-page ul.products li.product a:hover img {
box-shadow: none;
-webkit-box-shadow: none;
}
.woocommerce-page ul.products li.product h3 {
font-size: 18px;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
color: #111;
text-transform: uppercase;
}
.woocommerce-page ul.products li.product .price {
font-size: 16px;
}
.woocommerce-page .products .star-rating {
display: inline-block;
}
.woocommerce-page ul.products li.product .price .amount {
text-decoration: none;
font-size: 14px;
margin-left: 5px;
font-weight: 300;
}
.woocommerce-page ul.products li.product .price ins {
text-decoration: none;
}
.button, .woocommerce-page input.button.alt, .woocommerce-page input.button, .woocommerce-page div.product form.cart .button, .woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .button,
.woocommerce-page .woocommerce-message .button, .woocommerce-page a.button, .bbp-login-form .bbp-submit-wrapper #user-submit, .bk_small_cart .woocommerce.widget_shopping_cart .buttons a {
background: transparent;
border: none;
color: #888;
padding: 10px 16px;
margin-bottom: 2px;
display: inline-block;
border-radius: 0;
margin-top: 10px;
border: 1px solid #888;
text-transform: uppercase;
font-weight: 400;
font-size: 14px;
-webkit-transition: none;
-moz-transition: none;
transition: none;
text-shadow: none !important;
box-shadow: none !important;
}
.button:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .woocommerce-page div.product form.cart .button:hover, .woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .button:hover,
.woocommerce-page .woocommerce-message .button:hover, .woocommerce-page a.button:hover, .bbp-login-form .bbp-submit-wrapper #user-submit:hover, .bk_small_cart .woocommerce.widget_shopping_cart .buttons a:hover {
color: #fff;
}
.woocommerce-page .woocommerce-message .button {
margin-top: -5px !important;
}
.woocommerce-page input.button.alt, .woocommerce-page input.button {
width: inherit;
}
.woocommerce-page .cart input.button {
margin-right: 20px;
margin-top: 10px;
margin-bottom: 10px;
width: inherit;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
margin-right: 20px;
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
background: none;
color: #888;
font-size: 16px;
padding: 15px;
}
.button:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .woocommerce-page div.product form.cart .button:hover,
.woocommerce-page .woocommerce-message .button:hover, .woocommerce-page a.button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
background: #ef886b;
color: #fff;
}
.woocommerce-page div.product div.images {
width: 45%;
}
.woocommerce-page div.product div.summary {
width: 51%;
}
.woocommerce ul.products li.product .button {
display: inline-block;
}
.woocommerce-page ul.products li.product .added_to_cart.wc-forward {
display: inline-block;
margin-left: 8px;
font-size: 13px;
}
.woocommerce-page div.product .summary .product_title {
background-color: #111;
margin-top: 0;
margin-bottom: 0;
line-height: 0;
}
.woocommerce-page div.product .summary .product_title span {
padding: 0 14px;
background-color: #ef886b;
color: #fff;
font-size: 16px;
text-transform: uppercase;
height: 48px;
line-height: 48px;
display: inline-block;
}
.woocommerce-page .woocommerce-product-rating {
margin-top: 20px;
margin-bottom: -5px;
}
.woocommerce-page div.product .summary {
font-size: 16px;
color: #444;
}
.woocommerce-page div.product .summary .price {
font-size: 20px;
display: inline-block;
padding: 0;
margin-top: 20px;
margin-bottom: 20px;
color: #212121;
}
.woocommerce-page div.product form.cart .button {
margin-top: 0;
line-height: 40px;
padding: 0 15px;
}
.woocommerce-page div.product p.price ins {
text-decoration: none;
font-size: 16px;
}
.woocommerce-page .quantity input.qty, .woocommerce-page .quantity input.qty {
height: 40px;
}
.woocommerce-page .quantity .plus, .woocommerce-page .quantity .minus {
height: 20px;
width: 20px;
}
.woocommerce-page .quantity{
width: 60px;
float: left;
}
.woocommerce-page div.product form.cart {
margin-top: 30px;
margin-bottom: 30px;
}
.woocommerce-page div.product form.cart div.quantity {
margin-right: 15px;
}
.woocommerce-page .woocommerce-message {
text-shadow: none !important;
box-shadow: none !important;
}
.woocommerce-page .woocommerce-error:before, .woocommerce-page .woocommerce-info:before, .woocommerce-page .woocommerce-message:before {
height: 100%;
border-radius: 0;
}
.woocommerce-page .woocommerce-message {
border-radius: 0;
padding: 16px 10px 10px 30px !important;
}
.product_meta > div {
line-height: 30px;
margin-bottom: 15px;
}
.product_meta .post-tags-title {
color: #212121;
margin-right: 20px;
font-weight: 600;
font-size: 16px;
display: inline-block;
border-bottom: 1px solid #212121;
text-transform: uppercase;
}
.product_meta .post-tags a {
display: inline-block;
line-height: 30px;
height: 30px;
padding: 0 10px;
color: #212121;
background-color: #f8f8f8;
margin-right: 3px;
}
/*** Product slider ****/
.woocommerce-page div.product div.thumbnails ul li {
box-sizing: content-box;
padding: 0 5px;
}
.woocommerce-page div.product div.thumbnails{
overflow: hidden !important;
}
.woocommerce-page div.product div.thumbnails.flexslider .slides li a {
width: 100%;
margin: 0;
}
.woocommerce-page div.product div.thumbnails .flex-direction-nav li a {
width: 40px;
height: 40px;
line-height: 40px;
margin: 0;
color: #ef886b;
transform: translatey(-50%);
-webkit-transform: translatey(-50%);
}
.woocommerce-page div.product div.images div.thumbnails {
padding: 10px 5px;
background-color: #cdcdcd;
}
.pp_gallery {
display: none !important;
}
div.pp_woocommerce .pp_next:before, div.pp_woocommerce .pp_previous:before{
font-size: 30px !important;
}
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
border-radius: 0;
background: transparent;
text-shadow: none !important;
box-shadow: none !important;
-webkit-transition: none !important;
-moz-transition: none !important;
transition: none !important;
font-size: 16px;
border: none;
margin: 0;
}
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
text-transform: uppercase;
line-height: 35px;
text-shadow: none;
color: #fff;
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after {
display:none;
}
.woocommerce-page div.product .woocommerce-tabs .tabs {
padding-left: 0 !important;
background-color: #111;
}
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover {
color: #fff;
}
.woocommerce-page div.product .woocommerce-tabs .tabs > ul {
font-size: 0;
}
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
color: #fff;
background-color: #ef886b;
}
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before {
display: none;
}
.woocommerce-tabs > div {
font-size: 16px;
color: #444;
}
.woocommerce-tabs > div >h2 {
display: none;
}
.woocommerce-tabs > .entry-content > p:first-of-type:first-letter, .woocommerce-page div.product div.summary div[itemprop="description"] > p:first-of-type:first-letter {
font-size: 45px;
float: left;
line-height: 35px;
padding: 4px 8px 0 0;
}
.woocommerce .shop_table.cart, .woocommerce-page .shop_table.cart, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info {
margin-top: 16px !important;
}
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
margin-top: 45px;
}
.related.products > h2, .upsells.products > h2, .cross-sells > h2, .woocommerce-page .cart-collaterals .cart_totals h2{
background-color: #111;
margin-top: 0;
margin-bottom: 30px;
line-height: 1;
}
.related.products > h2 span, .woocommerce-page #reviews h3 span, .upsells.products > h2 span, .cross-sells > h2 span, .woocommerce-page .cart-collaterals .cart_totals h2 span{
color: #fff;
background-color: #ef886b;
font-size: 16px;
text-transform: uppercase;
padding: 0 14px;
line-height: 48px;
height: 48px;
display: inline-block;
}
.woocommerce-tabs .comment-respond #reply-title {
text-align: left;
margin-bottom: 20px;
}
.woocommerce-page ul.products {
margin-bottom: 0;
}
.woocommerce-page .related ul.products li.product{
float: left;
margin: 0 3.8% 0 0;
padding: 0;
position: relative;
width: 22.05%;
margin-left: 0;
}
.woocommerce-page .shop-page .upsells.products ul.products li.product {
float: left;
margin: 0 3.8% 2.992em 0;
padding: 0;
position: relative;
width: 30.7%;
margin-left: 0;
}
.woocommerce-page .shop-page .upsells.products ul.products li.product:nth-child(3n) {
margin-right: 0;
}
.woocommerce-page .shop-page .upsells.products ul.products li.product:nth-child(3n + 1) {
clear: both;
}
.woocommerce-page .related ul.products li.product:last-child {
margin-right: 0;
}
.woocommerce-page #reviews #comments > h2{
display: none;
}
.woocommerce-page #reviews #comments .woocommerce-noreviews {
font-style: italic;
}
.woocommerce-page #reviews #comments ol.commentlist {
margin-bottom: 20px;
padding-left: 0;
}
.woocommerce-page .star-rating span {
color: #ef886b;
}
.woocommerce-page p.stars a {
color: #ef886b;
}
.woocommerce-page #review_form #respond .comment-form-rating p {
margin: 10px 0 20px 0;
}
.woocommerce-page #review_form #respond p label {
font-size: 16px;
font-weight: 600;
}
.woocommerce-page #review_form #respond p input[type="text"] {
margin-top: 10px;
}
.woocommerce-page p.stars {
margin-top: 15px;
margin-bottom: 0;
}
.woocommerce-page #review_form #respond .comment-form-comment #comment {
margin: 10px 0 0 0;
min-height: 140px;
}
.woocommerce-page #review_form #respond .form-submit #submit{
background: transparent;
border: none;
color: #888;
padding: 10px 15px;
margin-bottom: 2px;
display: inline-block;
font-weight: 400;
border-radius: 0;
margin-top: 10px;
border: 1px solid #888;
text-transform: uppercase;
-webkit-transition: none;
-moz-transition: none;
transition: none;
width: inherit;
text-shadow: none !important;
box-shadow: none !important;
}
.woocommerce-page #review_form #respond .form-submit #submit:hover {
background: transparent;
}
.woocommerce-page table.cart td.actions .coupon .input-text {
width: 200px;
margin-right: 20px;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
padding: 8px 15px;
}
.woocommerce table.shop_table, .woocommerce-page table.shop_table {
border-radius: 0;
}
.woocommerce-page .cart-collaterals .cart_totals table {
border-radius: 0;
color: #666;
width: 100%;
background-color: #e9e9e9;
padding: 15px;
font-size: 16px;
}
.woocommerce-page .cart-collaterals .shipping_calculator h2 {
float: right;
text-transform: none;
font-size: 14px;
padding: 10px 15px;
font-weight: 400;
margin-bottom: 20px;
text-transform: uppercase;
border: 1px solid #888;
color: #888;
}
.shipping-calculator-form {
width: 100%;
}
.woocommerce-page .cart-collaterals .shipping_calculator .button {
float: right;
text-transform: none;
font-size: 14px;
padding: 10px 15px;
margin-top: 10px;
width: inherit;
border: 1px solid #888;
text-transform: uppercase;
color: #888;
background: none !important;
}
.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 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin: 0;
outline: 0;
line-height: 1em;
min-height: 40px;
padding: 0 12px;
}
.woocommerce form .form-row select, .woocommerce-page form .form-row select {
min-height: 40px;
}
.woocommerce-page div.product form.cart table td select {
padding: 8px;
margin-bottom: 8px;
color: #888;
}
.woocommerce-page div.product form.cart table td .reset_variations {
color: #888;
padding-left: 8px;
}
.woocommerce-page div.product form.cart table td .reset_variations:hover {
color: #ef886b;
}
.woocommerce-page #payment ul.payment_methods li img {
width: auto;
}
#order_review_heading {
text-transform: uppercase;
}
.shop_table {
color: #666;
}
/*** Woo widget ***/
.woocommerce-page .widget_layered_nav ul li {
font-size: 14px;
}
/* widget_layered_nav_filters */
.woocommerce-page .widget_layered_nav_filters ul li {
padding: 8px 13px;
background-color: #e9e9e9;
margin-right: 10px;
}
.woocommerce-page .widget_layered_nav_filters ul li a {
border: none;
background: none;
color: #444;
}
/* widget_price_filter */
.price_slider_amount {
opacity: 0;
}
.woocommerce-page .widget_price_filter .price_slider_amount .button {
background: transparent;
border: none;
color: #fff;
padding: 10px 15px;
margin-bottom: 2px;
display: inline-block;
font-weight: 400;
border-radius: 0;
font-size: 14px;
border: 1px solid #888;
color: #888;
margin-top: 10px;
-webkit-transition: none;
-moz-transition: none;
transition: none;
text-shadow: none !important;
box-shadow: none !important;
}
.woocommerce-page .widget_price_filter .price_slider_amount .button:hover {
color: #fff;
}
.woocommerce-page .widget_price_filter .ui-slider-horizontal {
height: 15px;
}
.woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content {
background:#ccc;
}
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-range {
background-color: #ef886b;
border: none !important;
box-shadow: none !important;
}
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle {
background: transparent;
background-color: #ef886b;
width: 15px;
height: 24px;
border: none !important;
box-shadow: none !important;
}
/* Cart */
.woocommerce-page ul.product_list_widget li img {
width: 40%;
float: left;
margin-right: 5%;
}
.woocommerce-page ul.product_list_widget li {
font-size: 14px;
margin-top: 30px;
}
.woocommerce-page ul.product_list_widget li:first-child {
margin-top: 0;
}
.woocommerce-page ul.product_list_widget li a {
font-size: 18px;
margin-bottom: 8px;
color: #111;
text-transform: uppercase;
}
.woocommerce-page ul.product_list_widget li .reviewer {
margin-top: 10px;
color: #ccc;
}
.woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl, .woocommerce-page ul.cart_list li dl, .woocommerce-page ul.product_list_widget li dl {
display: inline-block;
}
.cart_list.product_list_widget .quantity {
width: 130px;
}
.woocommerce ul.cart_list li dl dd, .woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dd, .woocommerce ul.product_list_widget li dl dt, .woocommerce-page ul.cart_list li dl dd, .woocommerce-page ul.cart_list li dl dt, .woocommerce-page ul.product_list_widget li dl dd, .woocommerce-page ul.product_list_widget li dl dt {
margin-bottom: 0;
}
/* Review */
.woocommerce-page ul.product_list_widget li .star-rating {
margin-bottom: 8px;
}
/* Woo Search */
.widget_product_search label {
display: none;
}
.widget_product_search #searchsubmit{
display: none;
}
.widget_product_search form {
border: 1px solid #ccc;
}
.widget_product_search input {
border: 0;
padding: 10px;
}
.widget_product_search input[type="submit"] {
float: right;
background-color: #EF886B;
color: #fff;
height: 44px;
}
/* .widget_product_categories*/
.widget_product_categories ul li ul{
padding-left: 15px;
padding-top: 15px;
}
/*************************
*
* 7. BBPRESS
*
*************************/
.page-wrap {
margin-top: 30px;
}
.forum-description {
display: inline-block;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
position: relative;
}
.forum-description:before {
font-family: "FontAwesome";
content: '\f0da';
padding: 0 18px 0 23px;
font-style: normal;
color: #111;
}
#bbpress-forums img {
width:auto;
height: auto;
}
div.bbp-breadcrumb {
margin-bottom: 20px;
}
.bbp-breadcrumb a {
text-transform: uppercase;
font-size: 13px;
color: #666;
}
.bbp-breadcrumb a i {
margin-right: 5px;
}
.bbp-breadcrumb-current {
text-transform: uppercase;
font-size: 13px;
color: #ccc;
}
.bbp-breadcrumb-sep {
margin: 0 10px;
}
.bbp-search-form {
margin-bottom: 30px;
}
.search-wrap {
position: relative;
}
.searchform .search-button i {
font-size: 18px;
color: #fff;
}
.searchform input[type=text] {
background: #f9f9f9;
padding: 12px 40px 12px 10px;
outline: 0;
font-size: 13px;
color: #a6a6a6;
border: 1px solid rgba(0, 0, 0, 0.1);
}
#bbpress-forums #bbp-search-form .search-icon, .widget_display_search .search-icon {
height: 45px;
line-height: 45px;
width: 45px;
position: absolute;
top: 0;
right: 0;
text-align: center;
color: #fff;
background-color: #ef886b;
}
#bbpress-forums {
font-size: 14px;
color: #444;
margin-bottom: 0;
}
#bbpress-forums div.bbp-search-form {
width: 100%;
}
#bbpress-forums #bbp-search-form #bbp_search {
width: 100%;
margin: 0;
padding: 12px 40px 12px 15px;
}
#bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results {
border: none;
margin-bottom: 0;
}
div.bbp-template-notice p {
font-size: 14px;
color: #444;
font-style: italic;
}
#bbpress-forums li.bbp-body {
border: 1px solid #eee;
border-top: none;
}
#bbpress-forums li.bk-forum-loop {
border: none;
}
#bbpress-forums li.bbp-forum-info {
padding: 0 15px;
}
#bbpress-forums li.bbp-header {
padding: 15px;
background-color: #111;
color: #fff;
font-size: 18px;
text-transform: uppercase;
}
#subscription-toggle {
color: #ef886b;
text-transform: uppercase;
font-size: 13px;
padding: 7px 21px;
display: inline-block;
width: inherit;
margin-bottom: 20px;
position: absolute;
font-style: italic;
top: 0;
right: 0;
z-index: 100;
}
#subscription-toggle:hover {
color: #ef886b;
}
#subscription-toggle:before {
display: inline-block;
font-family: FontAwesome;
content: "\f178";
margin-right: 12px;
}
.bbp-reply-content #subscription-toggle {
color: #fff;
position: static;
margin: 0;
font-style: inherit;
padding: 0 0 0 8px;
}
.bbp-reply-content #subscription-toggle > span {
padding-left: 8px;
}
.bbp-reply-content #subscription-toggle:before {
display: none;
}
li.bbp-header div.bbp-reply-content span#favorite-toggle {
font-size: 13px;
line-height: 18px;
}
.bbp-pagination {
padding: 0 5px;
width: auto;
float: left;
margin-bottom: 20px;
}
#bbp_topic_subscription {
float: left;
margin: 3px 8px 0 8px !important;
width: inherit;
}
.bk-forum-section {
margin-bottom: 30px;
color: #111;
}
.bk-forum-section:last-child {
margin-bottom: 0;
}
#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
border-bottom: 1px dashed #eee;
border-top: none;
}
#bbpress-forums li.bbp-footer {
padding: 0;
display: none;
}
#bbpress-forums li.bk-bbp-footer {
display: none;
}
.forum-cat-header {
padding: 15px;
background-color: #111;
color: #fff;
font-size: 18px;
text-transform: uppercase;
}
.bk-forum-title {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
}
ul.forum-titles li.bbp-forum-info {
color: #ef886b;
}
#bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer {
font-weight: 400;
}
li.bbp-forum-info, li.bbp-topic-title {
padding: 0 15px;
}
#bbpress-forums li.bbp-header li.bbp-topic-title{
color: #ef886b;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta {
color: #888;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content {
color:#888;
font-style: italic;
text-transform: none;
font-size: 14px;
font-weight: 400;
}
#bbpress-forums li.bk-forum-loop ul.hentry {
font-size: 14px;
padding: 20px 15px;
}
#bbpress-forums ul.odd {
background-color: transparent;
}
.bbp-author-avatar {
vertical-align: 25%;
}
#bbpress-forums h1 {
font-size: 25px;
font-weight: 600 !important;
padding: 20px;
margin-top: 0;
}
.bbp-pagination-count {
font-style: italic;
color: #888;
}
#bbpress-forums fieldset.bbp-form legend {
font-size: 16px;
}
#bbpress-forums fieldset.bbp-form label {
font-size: 14px;
margin-bottom: 10px;
}
#bbpress-forums fieldset.bbp-form input#bbp_topic_title {
width: 100%;
}
#bbpress-forums fieldset.bbp-form p, #bbpress-forums fieldset.bbp-form textarea, #bbpress-forums fieldset.bbp-form select, #bbpress-forums fieldset.bbp-form input {
padding: 8px;
}
#bbpress-forums div.wp-editor-container {
border: 1px solid rgba(0, 0, 0, 0.1);
}
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
}
#bbpress-forums div.bbp-the-content-wrapper input {
display: inline-block;
width: inherit;
}
#bbpress-forums div.bbp-reply-header {
background: #7D7D7D;
border: 0;
padding: 10px 20px;
}
#bbpress-forums div.bbp-reply-header .bbp-meta> span {
margin-right: 5px;
}
#bbpress-forums div.bbp-template-notice img.avatar {
border: none;
}
.bbp-reply-post-date {
font-style: italic;
color: #fff;
}
#bbpress-forums #bbp-user-wrapper h2.entry-title {
padding-bottom: 20px;
}
span.bbp-admin-links a, .bbp-reply-header a.bbp-reply-permalink {
color: #fff;
font-size: 12px;
}
#bbpress-forums fieldset.bbp-form {
margin-bottom: 20px;
}
#bbpress-forums #bbp-your-profile fieldset.submit {
border: none;
}
span.bbp-admin-links a:hover, .bbp-reply-header a.bbp-reply-permalink:hover {
text-decoration: underline;
}
li.bbp-forum-freshness, li.bbp-topic-freshness {
text-align: right;
color: #fff;
}
#bbpress-forums .bbp-topic-freshness p.bbp-topic-meta, .bbp-forum-freshness > a, .bbp-topic-freshness > a {
text-align: right;
font-size: 11px;
display: block;
}
.bbp-forum-freshness > a, .bbp-topic-freshness > a {
padding-right: 40px;
}
.bbp-user-topics-started .bbp-topic-freshness > a,
.bbp-user-favorites .bbp-topic-freshness > a,
.bbp-user-subscriptions .bbp-topic-freshness > a{
padding: 0;
}
.bbp-user-topics-started .bbp-forum-freshness .bbp-topic-meta,
.bbp-user-favorites .bbp-forum-freshness .bbp-topic-meta,
.bbp-user-subscriptions .bbp-forum-freshness .bbp-topic-meta {
margin: 0;
}
.bbp-row-actions #favorite-toggle span.is-favorite a {
color: #fff;
border: none;
margin-right: 10px;
}
.bbp-row-actions #subscription-toggle span.is-subscribed a {
float: none;
color: #fff;
border: none;
margin-right: 10px;
}
.bbp-pagination-links a:hover, .bbp-pagination-links span.current {
color: #fff;
}
#bbpress-forums p.bbp-topic-meta span {
font-size: 13px;
}
#bbpress-forums .bbp-topic-freshness p.bbp-topic-meta img.avatar, #bbpress-forums p.bbp-topic-meta img.avatar {
border: none;
float: right;
margin-left: 10px;
}
#bbpress-forums div.bbp-reply-author img.avatar {
margin-bottom: 10px;
border-radius: 50%;
}
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
font-size: 14px;
}
#bbpress-forums div.bbp-reply-content p{
font-size: 14px;
color: #333;
}
#bbpress-forums div.bbp-reply-title h3 {
color: #fff;
}
.bbp-reply-header .bbp-topic-permalink {
color: #fff;
}
.bbp-reply-header .bbp-topic-permalink:hover {
text-decoration: underline;
}
.bbp-reply-header .bbp-header {
color: #fff;
}
#bbpress-forums div.bbp-topic-tags {
float: none;
clear: both;
margin-bottom: 15px;
padding: 0 5px;
}
#bbpress-forums div.bbp-topic-tags .post-tags-title{
color: #444;
margin-right: 10px;
text-transform: uppercase;
font-weight: 600;
border-bottom: 1px solid #212121;
font-size: 14px;
}
#bbpress-forums div.bbp-topic-tags a {
padding: 5px 15px;
background-color: #e0e0e0;
color: #666;
margin-right: 5px;
font-size: 14px;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
div.bbp-template-notice.info {
margin-bottom: 20px;
margin-top: 0;
}
/*** BBpress widget ***/
.widget_display_topics ul li, .widget_display_views ul li, .widget_display_replies ul li, .widget_display_forums ul li {
margin-top: 12px;
}
.widget_display_topics ul li:first-child, .widget_display_views ul li:first-child, .widget_display_replies ul li:first-child, .widget_display_forums ul li:first-child {
margin-top: 0;
}
.widget_display_topics ul li img {
width: 15px;
margin-right: 5px;
}
.widget_display_topics ul li > div {
font-style: italic;
font-size: 13px;
font-weight: 400;
padding-left: 24px;
margin-top: 10px;
color:#ccc;
}
.widget_recent_topics ul li {
margin-top: 32px;
}
.widget_recent_topics ul li:first-child {
margin-top: 0;
}
.widget_recent_topics .author .thumbnail{
float: left;
overflow: hidden;
}
.widget_recent_topics .details {
padding-left: 90px;
}
.widget_recent_topics .details .post-title {
font-size: 18px;
margin-top: 0;
margin-bottom: 8px;
color: #111;
text-transform: uppercase;
}
.widget_recent_topics .details .comment-author {
color: #ccc;
}
.widget_recent_topics .details .comment-author a{
color: #ef886b;
}
.footer .widget_recent_topics .details .post-title {
color: #fff;
}
/*************************
*
* 8. SIDEBAR
*
*************************/
/*** Top Views ***/
/*** widget_display_stats ***/
.widget_display_stats dt {
display: inline-block;
width: 68%;
font-size: 16px;
margin-top: 12px;
font-weight: normal;
}
.widget_display_stats dt:first-child {
margin-top: 0;
}
.widget_display_stats dd {
display: inline-block;
width: 30%;
text-align: right;
}
.widget_display_stats dd strong {
padding: 4px 8px;
background-color: #ef886b;
color: #fff;
font-size: 12px;
}
/*** Search ***/
.widget_display_search .searchform input[type=text] {
width: 100%;
}
/*** Login ***/
.bbp-logged-in img.avatar {
width: 52px;
height: 52px
}
.bbp-logged-in h4 {
font-weight: normal;
font-size: 18px;
clear: none;
margin-bottom: 12px;
line-height: 1;
}
.bbp-logged-in .logout-link {
border: none;
text-transform: none;
padding: 0;
margin-top: 0;
}
.bbp-logged-in .logout-link:before {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
content: "\f178";
margin-right: 8px;
}
.bbp-login-form .bbp-submit-wrapper {
float: none;
text-align: center;
margin: 10px 0;
}
.bbp-login-form label {
color: #444;
margin-bottom: 10px;
}
.bbp-login-form fieldset{
padding: 0;
border: none;
}
.bbp-login-form .bbp-submit-wrapper.lost-pass, .bbp-login-form .bbp-submit-wrapper.register {
float: left;
}
.bbp-login-form .bbp-username input, .bbp-login-form .bbp-email input, .bbp-login-form .bbp-password input {
background-color: #f9f9f9;
padding: 14px;
outline: 0;
margin: 0;
font-size: 13px;
color: #a6a6a6;
width: 100%;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.bbp-login-form .bbp-submit-wrapper #user-submit {
width: 100%;
margin-top: 0;
}
.bbp-login-links > .button {
width: 48%;
text-align: center;
}
.bbp-login-links > .bbp-register-link {
float: right !important;
}
.bbp-login-links > .bbp-lostpass-link {
float: left !important;
}
.bbp-login-form .bbp-username {
margin-top: 0;
}
/** widget_latest_replies **/
.widget_latest_replies .author {
float: left;
width: 90px;
}
.widget_latest_replies .details {
padding-left: 90px;
}
.widget_latest_replies .details h4 {
font-size: 18px;
text-transform: uppercase;
margin: 0 0 8px 0;
color: #111;
display: inline;
}
.widget_latest_replies .details .comment-author {
text-decoration: underline;
color: #ef886b;
display: inline-block;
line-height: 22px;
font-style: italic;
}
.widget_latest_replies .details .comment-author:before {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
content: "\f178";
margin: 0 4px;
}
.widget_latest_replies ul li {
margin-top: 32px;
}
.widget_latest_replies ul li:first-child {
margin-top: 0;
}
.footer .widget_latest_replies .details h4 {
color: #fff;
}
/*************************
*
* 9. Other Pages
*
*************************/
.bk-404-header{
text-align: center;
}
.bk-404-header .error-number h4{
font-size: 120px;
margin-bottom: 20px;
margin-top: 30px;
}
.bk-404-header .bk-error-title{
font-size: 40px;
margin-bottom: 20px;
margin-top: 0;
text-transform: uppercase;
}
#bk-404-wrap{
text-align: center;
}
#bk-404-wrap #page-not-found .entry-content{
text-align: center;
}
#bk-404-wrap .search {
margin-bottom: 20px;
}
#bk-404-wrap .search .searchform-wrap{
margin: 0 auto;
width: 80%;
position: relative;
}
#bk-404-wrap .entry-content h2 {
font-size: 20px;
color: #b3b3b3;
margin-bottom: 25px;
}
#bk-404-wrap .search #s{
width: 100%;
color: #999999;
background: #f7f7f7;
border: 3px solid #e9e9e9;
font-size: 20px;
padding: 10px 60px 10px 20px;
height: 60px;
outline: none;
}
#bk-404-wrap .searchform-wrap .search-icon{
position: absolute;
right: 0px;
top: 0px;
height: 60px;
width: 60px;
}
#bk-404-wrap .searchform-wrap .search-icon i {
width: 60px;
height: 60px;
line-height: 60px;
font-size: 28px;
}
#bk-404-wrap .redirect-home {
margin-bottom: 20px;
}
#bk-404-wrap .redirect-home a {
line-height: 30px;
vertical-align: middle;
}
#bk-404-wrap .redirect-home i {
font-size: 30px;
vertical-align: middle;
}
/*** Search Page ***/
.bk-search-content .nothing-respond {
font-size: 24px;
text-transform: uppercase;
margin-bottom: 16px;
font-weight: bold !important;
}
/** Extra CSS **/
/*** Ajax Cart ***/
.bk_small_cart {
position:relative;
margin: 5px 0 0 10px;
padding-bottom: 8px;
color: #fff;
float: right;
line-height: 32px;
font-size: 14px;
}
.top-bar.light .bk_small_cart {
color: #111;
}
.bk_small_cart .woocommerce.widget_shopping_cart .cart_list li a.remove {
display: none;
}
.bk_small_cart .cart-contents i {
padding-right: 4px;
font-size: 14px;
}
.bk_small_cart .cart-contents span {
font-size: 10px;
position: absolute;
top: 0;
right: -6px;
line-height: 1;
}
.bk_small_cart .widget-title {
display:none;
}
.bk_small_cart #bk_small_cart_widget{
opacity: 0;
top: 84px;
border-top: 2px solid transparent;
pointer-events: none;
position: absolute;
right: 0;
color: #eee;
background-color: #111;
width: 300px;
padding: 5px 0;
z-index: 10000;
transition: all 0.3s linear;
}
.bk_small_cart:hover #bk_small_cart_widget {
top: 100%;
pointer-events: auto;
opacity: 1;
}
.bk_small_cart .widget_shopping_cart .cart_list li.empty {
line-height: 1.2;
}
.bk_small_cart .widget_shopping_cart .cart_list img {
width:45px !important;
height:45px !important;
margin-left: 0;
margin-right: 16px;
float: left;
}
.bk_small_cart .widget_shopping_cart .cart_list a {
font-weight: normal;
font-size: 14px;
display: inherit;
line-height: 1.3;
text-align: right;
margin-bottom: 12px;
}
.bk_small_cart .widget_shopping_cart .cart_list a:hover {
color:#ef886b;
}
.bk_small_cart .widget_shopping_cart .cart_list .quantity {
line-height: 1;
float: right;
text-align: right;
font-size: 13px;
}
.bk_small_cart .widget_shopping_cart .cart_list li {
padding: 12px;
margin-top: 0;
}
.bk_small_cart .widget_shopping_cart .cart_list li:first-child {
border-top: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.bk_small_cart .woocommerce.widget_shopping_cart .total{
border-top: none;
text-transform: uppercase;
font-size: 14px;
padding: 12px;
line-height: 1;
margin-bottom: 5px;
margin-top: 5px;
}
.bk_small_cart .woocommerce.widget_shopping_cart .total strong {
font-weight: normal !important;
}
.bk_small_cart .woocommerce.widget_shopping_cart .buttons {
text-align: center;
}
.bk_small_cart .woocommerce.widget_shopping_cart .buttons a {
margin: 0;
color: #eee;
}
.bk_small_cart .woocommerce.widget_shopping_cart .buttons a:first-child {
margin-right: 12px;
}
/*** New for woocommerce ***/
.woocommerce ul.products li.product .price del {
display: inline-block;
}
.woocommerce div.product .woocommerce-product-rating {
margin-bottom: 0;
}
.woocommerce-page .woocommerce-message {
border-radius: 0;
padding: 16px 10px 10px 50px !important;
}
.woocommerce-page .woocommerce-info {
margin-bottom: 0 !important;
}
.woocommerce div.product div.summary {
margin-bottom: 1em;
}
.woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a {
margin-bottom: 0;
}
.woocommerce div.product form.cart .variations {
margin-bottom: 0;
}
/* BK Ajax Login */
.bk-template-modal {
margin: 0 !important;
}
.bk-lwa {
float: left;
}
.bk-lwa .bk-avatar {
width: 27px;
padding: 0;
height: 43px;
line-height: 1;
}
.bk-lwa table {
border: none;
margin-right: 16px;
margin-left: 16px;
}
.top-nav .bk-links-modal {
float: left;
color: #eee;
display: inline-block;
padding: 12px 16px;
font-size: 13px;
margin-right: -6px;
margin-left: 1px;
text-transform: uppercase;
position: relative;
}
.top-bar.light .top-nav .bk-links-modal {
color: #111;
}
.bk-login-modal, .lwa-register.lwa-register-default {
z-index: 9002;
padding: 0 20px 30px;
margin-left: -175px;
}
.bk-modal-bg {
z-index: 9001;
}
.bk-login-title {
margin: 0 -20px 20px;
padding: 10px 20px;
background: #111;
font-size: 16px;
text-transform: uppercase;
color: #fff;
}
.bk-login-panel {
margin-bottom: 12px;
font-size: 14px;
}
.bk-login-input {
border: none !important;
}
.bk-login-input input {
background-color: #FCFCFC !important;
height: 40px;
padding: 3px 14px 3px 14px !important;
border: 1px solid #ededed !important;
box-shadow: none !important;
outline: medium none;
color: #555555;
width: 100%;
margin-bottom: 21px;
font-size: 14px;
margin-left: 0 !important;
margin-right: 0 !important;
display: inline-block;
}
.bkusername_input, .bkpassword_input, .bk-formsubmit {
padding: 0 !important;
border: 0 !important;
margin: 0 !important;
display: block;
}
.bk-formsubmit {
font-size: 14px;
}
.bk-submit-button {
display: inline-block;
}
.bk-links.lwa-links {
float: left;
}
.bk-links.lwa-links label {
margin-left: 4px;
}
.bk-registration {
margin-top: 8px;
}
.bk-submit-button.lwa-submit-button {
float:right;
}
.bk-submit-button.lwa-submit-button .lwa-wp-submit {
font-size: 12px;
}
.bk-login-status .lwa-status {
margin-bottom: 20px;
}
.bk-login-status .lwa-status a {
font-style: italic;
font-weight: 700;
}
.top-nav .bk-account-info {
opacity: 0;
top: 84px;
z-index: 10000;
position: absolute;
left: 0;
color: #eee;
width: 350px;
padding: 20px;
border-top: 2px solid transparent;
pointer-events: none;
background-color: #111;
transition: all 0.3s linear;
}
.top-nav .bk-lwa:hover > .bk-account-info {
top: 100%;
pointer-events: auto;
opacity: 1;
}
.bk-lwa-profile .bk-avatar{
width: auto;
height: auto;
float: left;
}
.lwa-avatar.bk-avatar img {
border-radius: 50%;
}
.bk-lwa-profile .bk-user-data {
padding-left: 120px;
font-size: 14px;
text-align: left;
}
.bk-lwa-profile .bk-user-data > div {
margin-top: 8px;
}
.bk-lwa-profile .bk-user-data > div:first-child {
margin-top: 0;
}
.bk-lwa-profile .bk-user-data i {
margin-right: 8px;
width: 14px;
height: 14px;
}
.bk-recover-submit input[type="submit"], .bk-register-submit input[type="submit"]{
font-size: 12px;
padding: 8px 12px;
float: right;
}
.bk-recover-submit .bk-back-login, .bk-register-form-wrapper .bk-back-login{
text-transform: uppercase;
font-size: 12px;
color: #888;
padding: 8px 12px;
border: 1px solid #888;
float: left;
transform: none;
-webkit-transform: none;
transition: none;
-webkit-transition: none;
}
.bk-back-login i {
margin-right: 8px;
}
.lwa .bk-remember-form-wrapper, .lwa .bk-register-form-wrapper {
margin-top: 0;
}
.lwa-modal .lwa-modal-close {
font-size: 20px;
top: 15px;
right: 15px;
}
.bk-login-modal a {
transform: none;
-webkit-transform: none;
transition: none;
-webkit-transition: none;
}
/** Widget **/
.widget_loginwithajaxwidget .bk-lwa {
float: none;
}
.widget_loginwithajaxwidget .bk-lwa > table {
display: none;
}
.widget_loginwithajaxwidget .bk-lwa-profile .bk-user-data {
font-size: 16px;
color: #111;
}
.widget_loginwithajaxwidget .bk-lwa-profile .bk-user-data i {
color: #666;
}
.bk-ud-logout-mobile {
color: #eee;
display: none;
font-size: 14px;
}
.bk-lwa td {
padding: 0;
}
.bk-ud-logout-mobile span {
margin-right: 4px;
}
.footer .widget_loginwithajaxwidget .bk-lwa-profile .bk-user-data, .footer .widget_loginwithajaxwidget .bk-lwa-profile .bk-user-data i {
color: #fff;
}
/*** Light Menu ***/
.bk-menu-light #main-menu > ul > li > a {
webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.main-nav.bk-menu-light{
background-color: #f5f5f5;
}
.main-nav.bk-menu-light #main-menu > ul > li {
color: #333;
}
.main-nav.bk-menu-light #main-menu > ul > li:hover > a {
color: #fff;
}
.main-nav.bk-menu-light #main-menu > ul > li.current-menu-item {
color: #fff;
}
.main-nav.bk-menu-light .bk-mega-menu, .main-nav.bk-menu-light .bk-mega-column-menu {
background-color: #f5f5f5;
color: #333;
}
.main-nav.bk-menu-light .bk-sub-sub-menu,
.main-nav.bk-menu-light .sub-menu,
.main-nav.bk-menu-light .bk-dropdown-menu
{
background-color: #f5f5f5;
color: #333;
}
.main-nav.bk-menu-light .bk-sub-menu li > a {
color: #333;
}
.main-nav.bk-menu-light .bk-sub-posts .post-title a {
color: #333;
}
.main-nav.bk-menu-light .bk-mega-menu .meta > div {
color: #888;
}
.main-nav.bk-menu-light .bk-sub-menu li > a:hover,
.main-nav.bk-menu-light .bk-sub-posts .post-title a:hover {
color: #FFCC0D;
}
.main-nav.bk-menu-light .bk-sub-menu > li,
.main-nav.bk-menu-light .bk-sub-sub-menu > li,
.main-nav.bk-menu-light .sub-menu > li,
.main-nav.bk-menu-light .bk-mega-column-menu .bk-sub-sub-menu,
.main-nav.bk-menu-light .bk_small_cart .widget_shopping_cart .cart_list li {
border-top: 1px solid rgba(0,0,0,0.1);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.main-nav.bk-menu-light .bk-sub-menu > li:first-child,
.main-nav.bk-menu-light .bk-sub-sub-menu > li:first-child,
.main-nav.bk-menu-light .sub-menu > li:first-child,
.main-nav.bk-menu-light .bk-mega-column-menu .bk-sub-sub-menu:first-child,
.main-nav.bk-menu-light .bk_small_cart .widget_shopping_cart .cart_list li:first-child,
.main-nav.bk-menu-light .bk-mega-column-menu .bk-sub-menu li {
border-top: none;
}
/*** top menu ***/
.top-bar.bk-menu-light #top-menu>ul>li > .sub-menu,
.top-bar.bk-menu-light .bk-sub-sub-menu,
.top-bar.bk-menu-light .sub-menu,
.top-bar.bk-menu-light .bk_small_cart #bk_small_cart_widget {
background-color: #f5f5f5;
color: #444;
}
.top-bar.bk-menu-light .bk_small_cart .woocommerce.widget_shopping_cart .buttons a {
color: #444;
}
.top-bar.bk-menu-light .bk_small_cart .woocommerce.widget_shopping_cart .buttons a:hover {
color: #FFCC0D;
}
.top-bar.bk-menu-light #top-menu>ul>li > .sub-menu li,
.top-bar.bk-menu-light .bk_small_cart .widget_shopping_cart .cart_list li {
border-top: 1px solid rgba(0,0,0,0.1);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #444;
}
.top-bar.bk-menu-light #top-menu>ul>li > .sub-menu li:first-child,
.top-bar.bk-menu-light .bk_small_cart .widget_shopping_cart .cart_list li:first-child {
border-top: none;
}
/*** Shortcode **/
.bk-shortcode:last-child {
margin-bottom: 0 !important;
}
.bk-shortcode.bk-float-left {
float: left;
margin-right: 30px;
margin-bottom: 15px;
}
.bk-shortcode.bk-float-right {
float: right;
margin-left: 30px;
margin-bottom: 15px;
}
/* Video */
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
border: none;
}
.video-wrap-sc {
margin-bottom: 45px;
clear: both;
}
/* bk_onehalfs */
.bk_onehalfs {
margin-bottom: 45px;
}
.bk_onehalfs .one_half {
width: 48%;
float: left;
margin-right: 4%;
}
.bk_onehalfs .one_half:last-child {
margin-right: 0;
}
.bkshortcode-wrapper h1, .bkshortcode-wrapper h2, .bkshortcode-wrapper h3, .bkshortcode-wrapper h4, .bkshortcode-wrapper h5, .bkshortcode-wrapper h6 {
margin-top: 0;
font-weight: bold;
}
/* thirdsc */
.bk_onethirds, .bk_twothird_onethird {
margin-bottom: 45px;
}
.bk_onethirds .one_third {
width: 30.66%;
float: left;
margin-right: 4%;
}
.bk_onethirds .one_third:last-child{
margin-right: 0;
}
.bk_twothird_onethird .two_third {
width: 64.66%;
float: left;
margin-right: 4%;
}
.bk_twothird_onethird .one_third {
width: 31.33%;
float: left;
}
/* buttonsc */
.bk_buttons {
margin-bottom: 45px;
}
.buttonsc {
text-transform: uppercase;
font-size: 14px;
color: #fff;
padding: 7px 21px;
margin: 0 4px 4px 4px ;
display: inline-block;
width: inherit;
text-decoration: none !important;
background-color: #FFCC0D;
}
/** bkinfobox **/
.bkinfobox {
padding: 20px;
text-align: center;
margin-bottom: 45px;
}
.bkinfobox .inforbox-title {
text-transform: uppercase;
}
/** accordion **/
.bk_accordions {
margin-bottom: 45px;
}
.accordion-trigger {
display: block;
position: relative;
color: #444;
padding: 21px 0 18px 30px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
font-size: 16px;
font-weight: 400 !important;
line-height: 1.5em;
text-decoration: none;
margin-top: -1px !important;
margin-bottom: 0;
cursor: pointer;
}
.accordion-trigger:focus {
text-decoration: none !important;
color: inherit;
outline: 0 !important;
}
.accordion-trigger:after {
content: "+";
position: absolute;
top: 15px;
left: 0;
font: normal 32px "Courier New",Courier,monospace;
}
.accordion-trigger.ui-state-active:after {
content: "-" !important;
position: absolute;
top: 15px;
left: 0;
font: normal 32px "Courier New",Courier,monospace;
}
.accordion-content {
display: none;
color: #555;
overflow: hidden;
padding: 18px 0 21px 30px;
border-bottom: 1px solid #ddd;
border-top: 0;
}
/*** BK TABS SC **/
.bk_tabs {
margin-bottom: 45px;
}
.bk_tabs .ui-tabs-nav {
background-color: #111;
margin-bottom: 20px;
}
.bk_tabs .ui-tabs-nav li {
display: inline-block;
padding: 12px 20px;
cursor: pointer;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
}
.bk_tabs .ui-tabs-nav li.ui-tabs-active {
background-color: #FFCC0D;
}
.bk_tabs .ui-tabs-nav li:focus {
text-decoration: none !important;
color: inherit;
outline: 0 !important;
}
.bk_tabs .ui-state-focus {
color: #fff !important;
}
/*** Parallax ***/
.bkparallaxsc {
position: relative;
height: 500px;
margin-bottom: 45px;
}
.bkparallaxsc .parallaximage {
position: absolute;
text-align: center;
top: 0;
left: 0;
width: 100%;
height: 500px;
background-position: 50% 0;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
}
.bkparallaxsc-details {
position: absolute;
width: 100%;
top: 0;
height: 100%;
padding: 0 200px;
color: #fff;
}
.has-sb .bkparallaxsc {
height: 400px;
}
.has-sb .bkparallaxsc .parallaximage {
height: 400px;
}
.has-sb .bkparallaxsc-details {
position: absolute;
width: 100%;
top: 0;
height: 100%;
padding: 0 100px;
color: #fff;
}
.bkparallaxsc-details h3 {
margin: 0 0 8px 0;
font-size: 32px;
font-weight: 100;
color: #fff;
text-transform: uppercase;
letter-spacing: 4px;
}
.bkparallaxsc-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*** BK Team ***/
.bkteamsc .team-member .member-img {
border-bottom-color: rgb(136, 136, 136);
border-bottom-style: none;
border-bottom-width: 0px;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(136, 136, 136);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(136, 136, 136);
border-right-style: none;
border-right-width: 2px;
border-top-color: rgb(136, 136, 136);
border-top-style: none;
border-top-width: 0px;
display: block;
max-width: 100%;
width: 100%;
margin: 0 auto;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
border: 1px solid #fff;
}
.bkteamsc .team-member .member-img img {
width: 100%;
height: auto;
}
.bkteamsc .team-member .member-name{
margin-top: 16px;
margin-bottom: 8px;
text-align: center;
font-size: 18px;
text-transform: uppercase;
}
.bkteamsc .team-member .member-desc {
font-style: italic;
text-align: center;
margin-bottom: 8px;
color: #888;
}
.bkteamsc .team-member .member-social {
text-align: center;
}
.bkteamsc .team-member .member-social a {
margin: 0 4px;
color: #888;
}
.bkteamsc .team-member .member-social a:hover {
color: #FFCC0D;
}
.bkteamsc .team-member.three-item:nth-child(3n+1){
clear: both;
}
.bkteamsc .team-member.three-item:nth-child(n+4){
margin-top: 30px;
}
.bkteamsc .team-member.four-item:nth-child(4n+1){
clear: both;
}
.bkteamsc .team-member.four-item:nth-child(n+5){
margin-top: 30px;
}
/** Author Box **/
.bk-authorsc .bk-author-box {
margin-top: 0;
}
/** Updated from version 2.9.2 **/
.post-icon {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
opacity: 0.7;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
font-size: 26px;
color: #fff;
border-radius: 50%;
border: 4px solid #fff;
width: 64px;
height: 64px;
text-align: center;
}
.post-icon:before {
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.video-icon:before {
left: 38%;
}
.audio-icon:before {
left: 31%;
}
.gallery-icon:before {
left: 26%;
}
/** From version 4.3 **/
.module-carousel .row-type h4 a{
max-height: 3em;
overflow: hidden;
display: block;
}
.module-carousel-type2 .post-c-wrap {
position: static;
padding: 0;
margin-top:-2px;
}
.module-carousel-type2 .bk-carousel-wrap ul li .thumb {
height: auto !important;
}
.module-carousel-type2 .flexslider:hover .flex-next {
right: 15px;
}
.module-carousel-type2 .flexslider:hover .flex-prev {
left: 15px;
}
.module-carousel-type1 .flexslider:hover .flex-next {
right: 2px;
}
.module-carousel-type1 .flexslider:hover .flex-prev {
left: 2px;
}
/** .module grid carousel **/
.module-grid-carousel .post-c-wrap .meta{
font-size: 16px;
text-transform: uppercase;
margin: 0;
letter-spacing: 1px;
}
.module-grid-carousel .post-c-wrap .post-c-inner {
padding: 20px;
background: rgba(0, 0, 0, 0.7);
}
.module-grid-carousel.title_style2 .post-c-wrap .post-c-inner {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
.module-grid-carousel .carousel-single-item .post-c-wrap .title {
font-size: 30px;
}
.module-grid-carousel .carousel-double-item .post-c-wrap .title {
font-size: 22px;
}
.module-grid-carousel .carousel-single-item .thumb{
height: 582px;
}
.module-grid-carousel .carousel-double-item .thumb{
height: 290px;
}
.module-grid-carousel.title_style3 .post-c-wrap .post-c-inner {
background: none;
}
.module-grid-carousel.title_style3 ul li .bk-thumb-wrap:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
top: 0;
background-color: rgba(0, 0, 0, 0.6);
}
.module-grid-carousel .carousel-single-item {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
.module-grid-carousel .carousel-double-item {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
.module-grid-carousel .carousel-double-item .content_in_wrapper:first-child {
border-bottom: 1px solid #fff;
box-sizing: content-box;
}
.module-grid-carousel .carousel-double-item .content_in_wrapper:last-child {
border-top: 1px solid #fff;
box-sizing: content-box;
}
/*** woocommerce 4.3 **/
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
margin-right: 20px;
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
background: none;
color: #888;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
background: none;
}
/** Fix problem with Chrome Version 45.0.2454.85 **/
.thumb > a {
display: block;
}
.bk-review-bar-wrap {
width: 80px;
height: 55px;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1000;
-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
backface-visibility: hidden;
}
.bk-review-bar-wrap .bk-review-score-bar {
background-color: #111;
height: 100%;
display: block;
}
.bk-review-bar-wrap .bk-review-score {
position: absolute;
top: 0;
color: #fff;
background-color: #ef886b;
text-align: center;
line-height: 55px;
font-size: 30px;
width: 100%;
text-align: center;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.bk-review-bar-wrap .bk-review-score span {
font-size: 11px;
margin-left: 2px;
}
/** Widget Social **/
.widget-social ul {
list-style: none;
margin: 0;
text-align: center;
}
.widget-social ul li {
cursor: pointer;
text-align: center;
background-color: #333;
color: #fff;
line-height: 50px;
height: 50px;
width: 50px;
border-radius: 50%;
display: inline-block;
margin-left: 9px;
margin-right: 9px;
margin-bottom: 10px;
font-size: 20px;
transition: all 0.3s ease;
-wekidit-transition: all 0.3s ease;
}
.widget-social ul li:nth-child(4n) {
margin-right: 0;
}
.footer .widget-social ul li {color: #eee;}
.widget-social ul li:last-child{margin-right: 0;}
.widget-social ul li i{font-style: normal; color: #fff}
.widget-social ul li:hover i {
color: #fff;
}