/* 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
* 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: 13px;
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;
outline: 0 !important;
}
a:hover {
text-decoration: none;
color: inherit;
}
a:visited, a:focus {
text-decoration: none !important;
color: inherit;
outline: 0 !important;
}
input {
outline: 0 !important;
}
input[type="text"], input[type="password"], input[type="email"], textarea, select {
font-size: 14px;
padding: 10px;
color: #999;
border: 1px solid #b0b0b0;
border-radius: 0;
background: #FFF;
margin: 0;
max-width: 100%;
outline: none;
}
input[type="password"] {
padding: 4px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="submit"] {
background: none;
border: 1px solid #ccc;
padding: 5px 12px;
color: #888;
z-index: 1;
text-transform: uppercase;
font-size: 13px;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
input[type="submit"]:hover {
color: #fff;
}
p > a {
color: #ffb82b;
}
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;
transition: color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
}
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;
}
.no-margin-top {
margin-top: 0 !important;
}
.screen-reader-text{ opacity: 1;}
/*======== 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: #ffb82b;
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;
}
.mobile-menu-close {
cursor: pointer;
}
/*--- bk-preload ---*/
.background-preload {
background-color: #ccc;
}
.bk-preload-wrapper {
width:100%;
height: 100%;
background:#fff;
opacity: 0.6;
top: 0;
left: 0;
position: absolute;
z-index: 0;
}
.bk-preload {
width: 30px;
height: 30px;
margin: 100px auto;
position: absolute;
top: 50%;
left: 50%;
margin-top: -15px;
margin-left: -15px;
-webkit-animation: rotateplane 1.2s infinite ease-in-out;
animation: rotateplane 1.2s infinite ease-in-out;
z-index: 10;
}
@-webkit-keyframes rotateplane {
0% {
-webkit-transform: perspective(120px) scaleX(1) scaleY(1);
background-color: red;
}
25% {
-webkit-transform: perspective(120px) rotateY(90deg) scaleX(1) scaleY(1);
background-color: red;
}
25.1% {
-webkit-transform: perspective(120px) rotateY(90deg) scaleX(-1) scaleY(1);
background-color: #333;
}
50% {
-webkit-transform: perspective(120px) rotateY(180deg) scaleX(-1) scaleY(1);
background-color: #333;
}
75% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(90deg) scaleX(-1) scaleY(1);
background-color: #333;
}
75.1% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(90deg) scaleX(-1) scaleY(-1);
background-color: red;
}
100% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) scaleX(-1) scaleY(-1);
background-color: red;
}
}
@keyframes rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg) scaleX(1) scaleY(1);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) scaleX(1) scaleY(1);
background-color: red;
}
25% {
transform: perspective(120px) rotateX(-90deg) rotateY(0deg) scaleX(1) scaleY(1);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) scaleX(1) scaleY(1);
background-color: red;
}
25.1% {
transform: perspective(120px) rotateX(-90deg) rotateY(0deg) scaleX(1) scaleY(-1);
-webkit-transform: perspective(120px) rotateX(-90deg) rotateY(0deg) scaleX(1) scaleY(-1);
background-color: #333;
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) scaleX(1) scaleY(-1);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) scaleX(1) scaleY(-1);
background-color: #333;
}
75% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(-90deg) scaleX(1) scaleY(-1);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(-90deg) scaleX(1) scaleY(-1);
background-color: #333;
}
75.1% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(-90deg) scaleX(-1) scaleY(-1);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(-90deg) scaleX(-1) scaleY(-1);
background-color: red;
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg) scaleX(-1) scaleY(-1);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg) scaleX(-1) scaleY(-1);
background-color: red;
}
}
/*** 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;
overflow: hidden;
opacity: 1;
z-index: 0;
-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{
-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, .module-mainslider .carousel-ctrl.flexslider .slides > li,
.bk-mega-menu .flexslider .slides > li, .bk-main-feature-inner .flexslider .slides > li
{display: none;}
.bk-slider-module .flexslider .slides > li:first-child, .module-grid .flexslider .slides > li:first-child,
.bk-main-feature-inner .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*/
.alignnone {
margin: 30px 30px 0 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 30px auto 30px auto;
}
.alignright {
float: right;
margin: 30px 0 0 30px;
max-width: 45%;
}
.alignleft {
float: left;
margin: 30px 30px 0 0;
max-width: 45%;
}
.aligncenter {
display: block;
margin: 30px auto 30px auto;
}
a img.alignright {
float: right;
margin: 30px 0 0 30px;
max-width: 45%;
}
a img.alignnone {
margin: 30px 30px 0 0;
}
a img.alignleft {
float: left;
margin: 30px 30px 0 0;
max-width: 45%;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption.alignnone {
margin: 30px 30px 30px 0;
}
.wp-caption.alignleft {
margin: 30px 30px 30px 0;
max-width: 45%;
}
.wp-caption.alignright {
margin: 30px 0 30px 30px;
max-width: 45%;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
margin-bottom: 0;
font-style: italic;
}
.wp-post-image {
max-width: 100%;
margin-bottom: 15px;
}
.thumb .wp-post-image {
margin-bottom: 0;
}
.bypostauthor {
background-color: transparent;
}
.article-content > :first-child {
margin-top: 0;
}
.article-content {
position: relative;
}
embed, iframe, object, video {
max-width: 100%;
vertical-align: middle;
border: none;
}
p > embed, p > iframe, p > object, p > video {
margin-bottom: 0;
}
.article-content .alignleft, .textwidget .alignleft, .alignleft{
display: inline;
float: left;
margin-right: 1.5em;
}
.article-content .alignright, .textwidget .alignright, .alignright{
display: inline;
float: right;
margin-left: 1.5em;
}
.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%;
}
.article-content .wp-caption img, .textwidget .wp-caption img {
border: 0 none;
height: auto;
margin: 0;
padding: 0;
width: 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;
}
.footer .article-content .wp-caption .wp-caption-text, .footer .textwidget .wp-caption .wp-caption-text,
.footer .article-content .gallery-caption, .footer .textwidget .gallery-caption {
color: #f8f8f8;
}
/* 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 {
color: #d13030;
clear: both;
margin: 0;
padding: 20px 15px 15px 15px;
margin: 20px 0 20px 0px;
font-size: 22px;
border-left: none;
position: relative;
padding-left: 48px;
font-family: "Georgia",serif;
}
blockquote:before {
content: "\f10d";
color: #d13030;
font-size: 32px;
font-style: normal;
font-family: FontAwesome;
text-align: center;
position: absolute;
left: 0;
top: 0;
}
blockquote p {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
font-style: italic;
}
blockquote p:last-child {
display: inline;
}
p {
margin: 0 0 1.5em;
}
.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: 40px;
}
.js-nav #page-wrap, .js-nav #page-inner-wrap {
height: 100%;
}
#page-inner-wrap {
position: relative;
width: 100%;
overflow: hidden;
background-color: #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;
}
/*** sec-content ***/
.sec-content {
overflow: hidden;
}
/******** Section Margin ******/
/*----- header main ----------*/
.page-header-wrap {
background-color: #fff;
position: relative;
z-index: 1000;
}
/*************************
*
* 2. HEADER
*
*************************/
#bk-full-screen-header-image {
position: absolute;
top: 0px;
right: 0px;
left: 0px;
height: 850px;
overflow: hidden;
z-index: -1;
}
.header-inner {
margin: 30px 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;
line-height: 1;
font-weight: 700 !important;
font-size: 40px;
}
.header-wrap .logo {
display: table-cell;
vertical-align: middle;
text-align: left;
}
.header .logo h1{
margin: 0;
line-height: 1;
}
.header .logo img {
max-width: 100%;
display: 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-wrap #main-menu ul.menu {
text-align: left;
}
.header-social {
float: right;
margin: 5px 0;
display: inline-block;
margin-right: 30px;
}
.header-social .social-icon {
float: left;
line-height: 25px;
}
.header-social .social-icon a {
padding: 0 10px;
font-size: 14px;
color: #fff;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
}
.header-social .social-icon:hover {
background-color: #fff;
}
.header-social .social-icon.twitter a {
color: #9AE4E8;
}
.header-social .social-icon.fb a {
color: #3B5998;
}
.header-social .social-icon.dribbble a {
color: #ea4c89;
}
.header-social .social-icon.youtube a {
color: #cc181e;
}
.header-social .social-icon.rss a {
color: #F4A62A;
}
.header-social .social-icon.gplus a {
color: #d34836;
}
.header-social .social-icon.linkedin a {
color: #0e76a8;
}
.header-social .social-icon.pinterest a {
color: #C92228;
}
.header-social .social-icon.instagram a {
color: #3f729b;
}
.header-social .social-icon.vimeo a {
color: #4ebbff;
}
.header-social .social-icon.vk a {
color: #4F7094;
}
/** Header logo cener **/
.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-inner.header-center .header-banner {
margin-top: 8px;
}
/*************************
*
* 3. NAVIGATION MENU
*
*************************/
/******** Menu ***********/
/*top menu*/
.top-bar {
width: 100%;
background-color: #f2f2f2;
border-top: 2px solid #d13030;
border-bottom: 1px solid #eeeeee !important;
}
#top-menu {
float: left;
}
#top-menu>ul>li {
color: #565656;
display: inline-block;
padding: 10px 16px;
font-size: 11px;
margin-right: -6px;
margin-left: 1px;
text-transform: uppercase;
position: relative;
}
#top-menu>ul>li:first-child {
padding-left: 4px;
}
#top-menu>ul>li > .sub-menu {
opacity: 0;
position: absolute;
left: 0;
color: #565656;
box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.2);
min-width: 200px;
z-index: 10000;
}
#top-menu>ul>li .sub-menu {
background-color: #f2f2f2;
}
#top-menu>ul>li:hover {
color: #d13030;
}
#top-menu>ul>li:hover > .sub-menu {
top: 100%;
opacity: 1;
}
#top-menu>ul>li > .sub-menu li {
padding: 12px 15px;
border-top: 1px solid rgba(255,255,255,0.15);
text-transform: none;
font-size: 12px;
font-weight: 400 !important;
color:#565656;
}
#top-menu>ul>li > .sub-menu li:first-child {
border-top: 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: 12px;
padding: 0 10px;
text-transform: uppercase;
line-height: 40px;
color: #f0f0f0;
font-weight: 400;
}
.mobile-menu-wrap {
display: none;
min-height: 48px;
position: relative;
}
#main-mobile-menu .block {
position: relative;
z-index: 2;
}
.mobile-nav-btn {
font-size: 24px;
color: #e9e9e9;
position: absolute;
width: 100%;
top: 50%;
cursor: pointer;
left: 0;
transform: translatey(-50%);
-webkit-transform: translatey(-50%);
}
.mobile-nav-btn:hover {
color: #fff;
}
.menu-title {
text-align: center;
color: #fff;
font-size: 16px;
line-height: 48px;
white-space: nowrap;
width: 190px;
margin: 0 auto;
overflow: hidden;
text-transform: uppercase;
font-weight: 400;
}
#mobile-inner-header .mobile-menu-close{
position: absolute;
top: 0;
left: 0;
width: 48px;
height: 48px;
text-align: center;
display: block;
line-height: 60px;
}
#mobile-inner-header .mobile-menu-close i {
font-size: 16px;
color: #fff;
position: absolute;
top: 0;
left: 12px;
line-height: 48px;
}
.menu-location-title {
font-size: 14px;
color: #fff;
margin-left: 20px;
display: inline;
font-weight: 400;
}
#mobile-inner-header {
position: relative;
width: 100%;
border-bottom: 2px solid #d13030;
padding: 0 20px;
background-color: #19232D;
}
#main-mobile-menu {
position: absolute;
top: 0;
padding: 0 20px;
height: 100%;
left: 0;
width: 100%;
background-color: #333946;
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;
border-top: 1px solid rgba(255,255,255,0.1);
}
#mobile-menu > ul > li:first-child, #mobile-top-menu > ul > li:first-child{
border-top: 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;
}
.js-ready #main-mobile-menu {
width: 300px;
z-index: 10000;
left: -300px;
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: translate(300px, 0);
transform: translate(300px, 0);
}
.js-nav #main-mobile-menu {
opacity: 1;
-webkit-transform: translate(300px, 0);
transform: translate(300px, 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: 9px;
color: #fff;
font-weight: 300;
line-height: 40px;
}
#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;
min-height: 48px; /*mainnav-h*/
}
#page-wrap.wide .main-nav {
}
#main-menu > ul {
font-size: 0;
}
#main-menu > ul > li{
display: inline-block;
font-size: 14px;
color: #ffffff;
margin-right: 4px;
height: 48px; /*mainnav-h*/
}
#main-menu > ul > li > a{
text-transform: uppercase;
}
#main-menu > ul > li:hover {
color: #fff;
}
#main-menu > ul > li > a{
padding: 0 24px;
line-height: 48px; /*mainnav-h*/
}
#main-menu > ul > li:hover > a {
}
.main-nav {
background-color: #19232D;
}
.main-nav-container {
position: relative;
}
.bk-dropdown-menu {
opacity: 0;
position: absolute;
top: 84px;
z-index: 10000;
min-width: 220px;
background-color: #333946;
color: #fff;
box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.2);
transition: all 0.2s linear;
padding: 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: '\f054';
position: absolute;
right: 5px;
font-family: "FontAwesome";
font-size: 9px;
transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
}
.bk-sub-sub-menu, .sub-menu {
opacity: 0;
position: absolute;
left: 100%;
border-top: none;
z-index: 10000;
min-width: 220px;
background-color: #333946;
color: #fff;
box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.2);
padding: 0;
}
#main-menu > ul > li:hover .bk-dropdown-menu {
top: 100%;
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%;
opacity: 1;
}
.bk-sub-menu > li, .bk-sub-sub-menu > li {
padding: 8px 12px;
font-size: 14px;
border-top: 1px solid rgba(255,255,255,0.15);
}
.bk-sub-menu > li:hover, .bk-sub-sub-menu > li:hover {
background-color: rgba(0,0,0,0.25);
}
.sub-menu > li {
padding: 8px 12px;
font-size: 11px;
border-top: 1px solid rgba(255,255,255,0.15);
}
.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;
border: none;
}
.bk-mega-column-menu .bk-sub-menu > li:hover, .bk-mega-column-menu .bk-sub-sub-menu > li:hover {
background-color: rgba(0,0,0,0.25);
}
.bk-mega-column-menu .bk-sub-sub-menu > li a {
text-transform: none;
font-size: 13px;
position: relative;
padding-left: 20px;
}
.bk-mega-column-menu .bk-sub-sub-menu > li a:after {
font-family: "FontAwesome";
content: '\f0da';
position: absolute;
left: 0;
font-size: 12px;
top: 0;
}
.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-menu > ul > li.current-menu-item {
background-color: #ffb82b;
color: #fff;
}
/*====== Megamenu =======*/
.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;
left: 0;
width: 100%;
padding: 10px;
background-color: #333946;
color: #fff;
opacity: 0;
z-index: 100000;
box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.2);
}
.main-nav .menu > li.menu-item:hover > .bk-mega-menu, .main-nav .menu > li.menu-item:hover > .bk-mega-column-menu {
top: 100%;
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: 13px;
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;
}
.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: 14px;
font-weight: 400;
}
.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;
border-top: 1px solid rgba(255,255,255,0.15);
}
/*----- 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;
}
.bk-mega-menu .meta > div:after {
content: "/";
padding: 0 4px;
color: #888;
}
.bk-mega-menu .meta > div:last-child:after {
display: none;
}
.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;
margin-top: 5px;
margin-bottom: 5px;
font-size: 14px;
line-height: 1.3;
}
.bk-sub-posts .post-title a {
word-wrap: break-word;
color: #fff;
}
/** 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: 350px;
max-width: 500px;
padding: 0;
font-size: 0;
border: none;
height: 0; /*mainnav-h*/
margin: 0;
background-color: #333946;
color: #fff;
position: absolute;
top: 100%;
right: -1px;
z-index: 1;
transition: height ease-out 0.2s;
-webkit-transition: height ease-out 0.2s;
}
.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: 48px; /*mainnav-h*/
position: absolute;
right: 0;
top: 0;
}
#ajax-form-search {
width: 48px; /*mainnav-h*/
height: 48px; /*mainnav-h*/
text-align: center;
cursor: pointer;
z-index: 1000;
position: absolute;
right: 0;
top: 0;
}
#ajax-form-search i {
line-height: 48px; /*mainnav-h*/
font-size: 19px;
color: #fff;
}
#ajax-search-result {
width: 350px;
margin-top: 96px; /*mainnav-h*/
right: -1px;
background-color: #fff;
z-index: 100000;
position: absolute;
}
#ajax-search-result .s-list {
padding: 16px;
text-align: left;
}
.ajax-not-found {
padding: 28px 16px;
text-align: center;
}
.loading-img-wrap {
min-height: 80px;
position: relative;
height: 100%;
box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 1px;
}
.result-msg a{
padding: 15px;
border-top: 1px solid #ccc;
font-size: 10px;
text-align: center;
line-height: 1;
text-transform: uppercase;
display: block;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.result-msg a:hover {
background-color: #d13030;
color: #fff;
}
/** 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: rgba(0,0,0,0.7);
}
.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;
}
#top-menu>ul>li > .sub-menu, .bk-dropdown-menu, .bk-sub-sub-menu, .bk-mega-menu, .bk-mega-column-menu, .sub-menu, .top-nav .bk-account-info{
top: -9999999px;
transition: opacity 0.15s linear;
-webkit-transition: opacity 0.15s linear;
}
/*************************
*
* 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-ticker-module ul, .share-sticky ul, .footer_photostream{
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:last-child {
margin-bottom: 0;
}
.bk-masonry-content {
width: 100% !important;
}
.bk-module-inner {
position: relative;
}
/*** Breadcrumb ***/
.bk-breadcrumbs-wrap {
display: inline-block;
}
.bk-breadcrumbs-wrap .breadcrumbs {
font-size: 13px;
color: #888;
font-weight: 400;
}
.bk-breadcrumbs-wrap .delim {
margin: 0 10px;
}
.bk-ticker-module {
background-color: #f8f8f8;
}
.bk-ticker-module .bk-ticker-inner{
height: 40px;
overflow-y: hidden;
}
.bk-ticker-wrapper{
opacity: 0;
}
.bk-ticker-module h4 {
font-size: 13px;
font-weight: bold !important;
margin: 0;
padding: 0;
}
/*** Title ***/
.module-title, .page-title, .widget .bk-header {
text-align: left;
padding-bottom: 30px;
position: relative;
}
.wp-page .module-title{
padding-bottom: 30px;
}
.wp-page .module-title .bk-breadcrumbs-wrap {
margin-top: 20px;
}
.wp-page .bk-cat-feat-section {
margin-bottom: 40px;
}
.wp-page .bk-nomargin-top {
margin-top: -40px;
}
.wp-page .archive-meta p{
margin-bottom: 0;
margin-top: 15px;
color: #888;
font-style: italic;
}
.module-title .main-title, .sidebar-wrap .widget-title {
margin: 0;
text-align: left;
font-size: 14px;
line-height: 1;
color: #fff;
margin-top: 0;
background: #333946;
position: relative;
padding: 0 6px 0 0;
min-height: 41px;
}
.module-title h2, .sidebar-wrap .widget-title h3{
padding: 8px 16px;
line-height: 25px !important;
display: inline-block;
background-color: #d13030;
font-size: 14px;
margin: 0;
text-transform: uppercase;
font-weight: 600 !important;
}
.page-title h2 {
color: #fff;
display: inline-block;
margin: 0 20px 0 0;
padding: 4px 12px;
background-color: #d13030;
font-size: 14px;
text-transform: uppercase;
font-weight: 600 !important;
}
.module-title .bk-module-tabs {
float: right;
}
.module-title .bk-tabs {
display: inline-block;
margin: 0 10px !important;
line-height: 41px;
font-size: 11px;
text-transform: uppercase;
}
.module-title .bk-tabs a {
padding: 2px 8px;
border-radius: 2px;
}
.module-title .bk-tabs.active a {
background-color: #d13030;
}
.singletop .post-category {
display: inline-block;
margin-right: 12px;
margin-bottom: 10px;
max-width: 100%;
}
.singletop .post-category a {
margin-right: 2px;
margin-bottom: 2px;
padding: 2px 8px;
display: inline-block;
background-color: #d13030;
font-size: 10px;
border-radius: 2px;
text-transform: uppercase;
color: #fff;
}
.singletop .post-category a:hover {
background-color: #333;
}
/**** 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: 3px;
}
.content_in .meta {
margin: 0 0 15px 0;
}
.content_in h2 {
margin: 0 0 15px 0;
line-height: 1.3;
}
.content_in .meta > div:after {
content: "/";
padding: 0 5px;
color: #fff;
}
.content_in .meta > div:last-child:after {
display: none;
}
.content_in .meta > div.post-category a {
color: #ffb82b;
font-size: 12px;
border-radius: 1px;
}
.content_in .title a {
transition: none;
}
.content_in .title:hover a{
text-decoration: underline;
}
.content_in .title:hover {
color: #fff !important;
}
/*** Content out ***/
.content_out .bk-mask {
position: relative;
overflow: hidden;
width: 100%;
}
.content_out .meta > div {
display: inline;
}
.content_out .meta > div:after {
content: "/";
padding: 0 10px;
color: #888;
}
.content_out .meta > div:last-child:after {
display: none;
}
/*** Row type ***/
.row-type .row-type-inner {
padding-bottom: 24px;
border-bottom: 4px solid #333;
}
.row-type .post-c-wrap {
width: 88%;
padding: 1px 20px 0 20px;
background: #fff;
left: 6%;
margin-top: -50px;
bottom: 0;
position: relative;
}
.row-type .meta {
color: #888;
font-size: 11px;
margin-bottom: 14px;
text-transform: uppercase;
}
.row-type .post-category, .module-large-blog .post-category{
position: absolute;
top: 12px;
left: 15px;
}
.row-type .post-category a, .module-large-blog .post-category a, .post-category a{
display: inline-block;
padding: 4px 8px 4px 12px;
text-align: center;
transition: all .3s ease;
background-color: #d13030;
color: #fff;
font-size: 10px;
text-transform: uppercase;
margin-right: 2px;
margin-bottom: 2px;
}
.row-type .post-category a:last-child, .module-large-blog .post-category a:last-child, .post-category a:last-child {
margin-right: 0;
}
.row-type.noPostThumbnail .post-category, .noPostThumbnail .post-category {
position: static !important;
display: inline-block !important;
}
.row-type.noPostThumbnail .post-c-wrap, .bk-main-feature-inner .row-type.noPostThumbnail .post-c-wrap{
width: 100%;
padding: 0;
background: none;
position: static;
margin-top: 0;
}
.row-type .post-category a:hover, .module-large-blog .post-category a:hover, .classic-blog-type .post-category a:hover{
background-color: #333;
}
.row-type .excerpt {
margin-top: 8px;
color: #888888;
}
/** Tiny Row **/
.module-tiny-row .post-c-wrap h4{
margin-top: 8px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.3;
max-height: 2.6em;
overflow: hidden;
}
.module-tiny-row .noPostThumbnail .post-c-wrap h4 {
margin-top: 0;
}
.fullwidth .module-tiny-row ul li:nth-child(6n+1) {
clear: both;
}
.fullwidth .module-tiny-row ul li:nth-child(n+7) {
margin-top: 30px;
}
.has-sb .module-tiny-row ul li:nth-child(4n+1){
clear: both;
}
.has-sb .module-tiny-row ul li:nth-child(n+5) {
margin-top: 30px;
}
.module-tiny-row .play-icon {
background-size: 50px;
}
/*=== Review score ===*/
.rating-wrap {
position: absolute;
top: 5px;
right: 5px;
width: 42px;
height: 42px;
background-color: #333;
border-radius: 50%;
text-align: center;
z-index: 10;
}
.rating-canvas {
position: absolute;
top: 0;
left: 0;
}
.rating-wrap span {
display: block;
color: #fff;
line-height: 42px;
font-size: 14px;
font-weight: 700;
}
.bk-zero-trigger {
width: 0 !important;
}
.bk-bar-ani {
animation: bk-bar-ani 2s;
-webkit-animation: bk-bar-ani 2s;
}
@keyframes bk-bar-ani {
from {
width: 0;
}
}
@-webkit-keyframes bk-bar-ani {
from {
width: 0;
}
}
@-moz-keyframes bk-bar-ani {
from {
width: 0;
}
}
.post-c-wrap h4 {
color: #111;
line-height: 1.3;
}
/*** module-row-latest ***/
.module-row ul li:nth-child(3n+1) {
clear: both;
}
.module-row ul li:nth-child(n+4) {
margin-top: 40px;
}
.readmore a {
border: 1px solid #888;
padding: 4px 12px;
color: #888;
z-index: 1;
text-transform: uppercase;
font-size: 10px;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.readmore a:hover {
color: #fff;
border-color: #d13030;
background-color: #d13030;
}
.row-type h4 {
font-size: 18px;
margin-top: 20px;
margin-bottom: 8px;
color: #111;
line-height: 1.3;
}
.row-type .readmore {
margin-top: 20px;
font-size: 14px;
margin-bottom: 4px;
}
.row-type .play-icon {
background-position: 50% 40%;
}
.content_out.small-post .post-category a {
background: none !important;
padding: 0;
}
/*** Hero ***/
.content_out.small-post, .widget-tabs .comment-list li {
margin-top: 24px;
position: relative;
min-height: 80px;
}
.content_out.small-post:first-child, .widget-tabs .comment-list li:first-child {
margin-top: 0;
}
.content_out.small-post .thumb {
width: 80px;
height: 80px;
float: left;
}
.content_out.small-post .meta {
font-size: 11px;
padding-left: 100px;
color: #888;
text-transform: uppercase;
}
.content_out.small-post h4 {
font-size: 14px;
padding-left: 100px;
margin: 0 0 8px 0;
color: #111;
font-weight: 400;
}
.content_out.small-post .post-category {
color: #d13030;
padding-left: 100px;
margin-bottom: 4px;
font-size: 11px;
text-transform: uppercase;
}
.content_out.small-post .play-icon {
background-size: 40px;
}
.sidebar-wrap .content_out.small-post h4, .footer-sidebar .content_out.small-post h4 {
font-size: 14px;
}
.footer .content_out.small-post h4 {
color: #f8f8f8;
}
.footer .content_out.small-post .meta > div{
color: #f8f8f8;
}
.footer .content_out.small-post .meta .post-author a {
font-weight: bold;
}
.module-hero .list-small-post {
float: left;
}
.module-hero .hero-main-post {
float: right;
}
/** Classic Blog Type ***/
.classic-blog-type-inner {
position: relative;
}
.classic-blog-type .bk-mask {
width: 42%;
height: auto;
margin-right: 4%;
float: left;
overflow: hidden;
}
.classic-blog-type .post-category {
position: absolute;
top: 12px;
left: 0;
}
.classic-blog-type .post-category a{
display: inline-block;
padding: 4px 8px 4px 12px;
text-align: center;
transition: all .3s ease;
background-color: #d13030;
color: #fff;
margin-bottom: 2px;
margin-right: 2px;
}
.classic-blog-type .post-c-wrap {
width: 53%;
float: left;
}
.classic-blog-type.noPostThumbnail .post-category {
position: static;
margin-bottom: 15px;
display: inline-block !important;
}
.classic-blog-type.noPostThumbnail .post-c-wrap {
width: 100%;
}
.classic-blog-type .post-c-wrap .meta{
margin-bottom: 12px;
margin-top: 0;
}
.classic-blog-type .post-c-wrap .title {
margin-top: 0;
margin-bottom: 14px;
line-height: 1.3;
}
.classic-blog-type .readmore {
margin-top: 20px;
font-size: 14px;
margin-bottom: 4px;
}
/*** Block 2 ***/
.module-block-2 .list-small-post {
margin-top: 40px;
}
.module-block-2 .list-small-post ul li {
width: 50%;
float: left;
}
.module-block-2 .list-small-post ul li:nth-child(2n+1) {
padding-right: 15px;
clear: both;
}
.module-block-2 .list-small-post ul li:nth-child(2n+2) {
padding-left: 15px;
}
.module-block-2 .list-small-post ul li:nth-child(2) {
margin-top: 0;
}
/*** Carousel -wth bg ***/
.module-carousel .bk-carousel-wrap ul li .thumb, .module-square-grid .content_in .thumb{
height: 250px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.module-carousel .bk-carousel-wrap ul li {
padding: 0 2px;
box-sizing: content-box;
}
.module-carousel .bk-carousel-wrap {
padding: 30px;
background-color: #333;
position: relative;
}
.module-carousel .content_in_wrapper .thumb{
z-index: -1;
}
.module-carousel .content_in_wrapper, .module-square-grid .content_in_wrapper{
position: relative;
overflow: hidden;
}
.module-carousel .thumb, .module-square-grid .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 {
position: absolute;
width: 100%;
bottom: 0;
padding: 15px;
z-index: 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: linear-gradient(to bottom,rgba(0,0,0,0)0,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='rgba(0, 0, 0, 1)', GradientType=0);
}
.module-carousel .post-c-wrap .post-category a, .module-square-grid .post-c-wrap .post-category a, .module-grid .post-c-wrap .post-category a,
.widget_slider .post-category a, .widget-postlist .large-post .post-category a {
padding: 3px 8px;
font-size: 10px;
display: inline-block;
margin-right: 2px;
margin-bottom: 2px;
color: #fff;
background-color: #d13030;
text-transform: uppercase;
}
.module-carousel .post-c-wrap .post-category a:hover, .module-square-grid .post-c-wrap .post-category a:hover, .module-grid .post-c-wrap .post-category a:hover,
.widget_slider .post-category a:hover, .widget-postlist .large-post .post-category a:hover {
background-color: #333;
}
.module-carousel .post-c-wrap .title, .module-square-grid .content_in .post-c-wrap .title, .module-grid .content_in .post-c-wrap .title {
font-weight: 400;
font-size: 16px;
text-transform: uppercase;
margin-top: 11px;
color: #fff;
margin-bottom: 0;
line-height: 1.3;
}
/*** Square Grid ***/
.square-grid-3 ul li:nth-child(n+4){
margin-top: 30px;
}
.square-grid-2 ul li:nth-child(n+3){
margin-top: 30px;
}
.square-grid-3 ul li:nth-child(3n+1){
clear: both;
}
.square-grid-2 ul li:nth-child(2n+1){
clear: both;
}
.module-square-grid ul li:hover .thumb {
-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: #ffb82b;
}
.inner-cell .innerwrap .post-category a {
padding: 2px 8px;
font-size: 12px;
color: #fff;
background-color: #d13030;
}
.inner-cell .innerwrap .post-category a:hover {
background-color: #333;
}
.square-grid-3 .inner-cell .innerwrap, .module-carousel .inner-cell .innerwrap{
padding: 30px 15px;
}
/*** 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 8px 0;
font-size: 32px;
font-weight: 100;
color: #fff;
text-transform: uppercase;
}
.bk-slider-module .post-c-wrap {
position: absolute;
width: 100%;
top: 0;
height: 100%;
padding: 0 200px;
}
.bk-slider-module .post-c-wrap .meta {
margin: 0;
font-size: 14px;
color: #fff;
text-transform: uppercase;
}
.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;
-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
backface-visibility: hidden;
}
.module-fw-slider .flexslider .item {
background-color: #000;
}
.module-fw-slider .flexslider .item:hover .thumb {
opacity: 0.8;
}
.module-fw-slider .flexslider .item h4 {
margin: 8px 0 8px 0;
font-size: 34px;
font-weight: 400;
color: #fff;
text-transform: uppercase;
text-shadow: 1px 1px 3px #333;
}
.module-fw-slider .flexslider .item h4:hover a {
text-decoration: none;
}
.module-fw-slider .post-c-wrap {
position: absolute;
width: 100%;
top: 0;
height: 100%;
padding: 0 200px;
}
.module-fw-slider .post-c-wrap .meta, .module-fw-slider .content_in .meta > div.post-category a {
margin: 0;
font-size: 18px;
margin-bottom: 40px;
color: #fff;
text-transform: none;
}
.module-fw-slider .post-c-wrap .meta > div {
color: #fff;
font-size: 12px;
}
.module-fw-slider .post-c-wrap .meta .post-author a {
text-decoration: underline;
color: #fff;
}
.module-fw-slider .post-c-wrap .post-category a{
padding: 2px 8px;
font-size: 12px;
text-transform: uppercase;
color: #fff;
background-color: #d13030;
}
.module-fw-slider .post-c-wrap .readmore a {
text-transform: uppercase;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
color: #fff;
border: 1px solid #fff;
font-size: 12px;
}
.module-fw-slider .post-c-wrap .readmore a:hover {
background-color: #d13030;
}
/*** Main Feature ***/
.bk-left-block {
width: 830px;
float: left;
}
.bk-right-block {
float: right;
padding-left: 15px;
}
.bk-small-group {
width: 280px;
}
.bk-left-block .bk-small-group {
float: left;
padding-right: 15px;
}
.bk-main-feature-inner {
padding-top: 40px;
padding-bottom: 40px;
}
.bk-main-feature-inner .flexslider {
width: 550px;
padding: 0 15px;
float: right;
}
.bk-main-feature-inner .flexslider .slides > li {
position: relative;
}
.bk-main-feature-inner .flexslider .slides > li:first-child {
display: block;
}
.bk-main-feature-inner .flexslider .slides > li .thumb {
z-index: -1;
}
.bk-main-feature-inner .row-type .row-type-inner {
border-bottom: none;
}
.bk-main-feature-inner .bk-small-group .title {
margin-top: 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
}
.bk-main-feature-inner .bk-small-group li {
margin-bottom: 30px;
position: relative;
}
.bk-main-feature-inner .bk-small-group li:last-child {
margin-bottom: 0;
}
.bk-main-feature-inner .row-type .row-type-inner {
padding-bottom: 0;
}
.bk-main-feature-inner .row-type .post-c-wrap {
padding: 1px 20px 20px 20px;
background: #fff;
width: 450px;
left: 35px;
margin-top: -80px;
bottom: 0;
position: relative;
z-index: 10;
-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
backface-visibility: hidden;
}
.bk-main-feature-inner .flexslider:hover .flex-next {
right: 15px;
}
.bk-main-feature-inner .flexslider:hover .flex-prev {
left: 15px;
}
.bk-main-feature-inner .flex-direction-nav a {
top: 40%;
}
.module-main-feature .post-category{
position: absolute;
top: 12px;
left: 0;
}
.module-main-feature .post-category a{
padding: 4px 8px 4px 12px;
text-align: center;
transition: all .3s ease;
background-color: #d13030;
color: #fff;
font-size: 10px;
text-transform: uppercase;
}
.module-main-feature .post-category a:hover {
background-color: #333;
}
/*** Feature Slider ***/
.module-feature-slider .flexslider {
height: 500px;
position: relative;
}
.module-feature-slider .flexslider .item .thumb{
height: 500px;
}
.has-sb .module-feature-slider .flexslider {
height: 400px;
}
.has-sb .module-feature-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: 520px;
}
.module-fw-slider .flexslider .item .thumb{
height: 520px;
}
/*** 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;
padding: 8px 52px;
text-transform: uppercase;
border: 1px solid #666;
font-size: 14px;
margin-top: 45px;
cursor: pointer;
color: #666;
transition: all 0.2s linear;
width: 50%;
}
.loadmore span.ajaxtext:hover {
background-color: #d13030;
border-color: #d13030;
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-blog .thumb img {
width: 100%;
-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
backface-visibility: hidden;
}
/* Classic */
.module-classic-blog .bk-blog-content{
position: relative;
}
.module-classic-blog .bk-mask {
width: 42%;
height: auto;
margin-right: 4%;
float: left;
overflow: hidden;
}
.module-classic-blog .post-c-wrap {
width: 53%;
float: left;
}
.module-classic-blog ul li .content_out {
margin-top: 28px;
border-top: 1px solid #ddd;
padding-top: 28px;
}
.module-classic-blog ul li:first-child .content_out {
margin-top: 0;
padding-top: 0;
border-top: none;
}
.module-classic-blog ul li .excerpt {
margin-bottom: 8px;
}
.module-classic-blog .classic-blog-post-wrapper {
position: relative;
}
/*** Large Blog ***/
.module-large-blog .bk-blog-content {
position: relative;
}
.module-large-blog .thumb {
width: 100%;
height: auto;
}
.module-large-blog .post-c-wrap {
text-align: center;
position: relative;
margin: -50px 40px 0 40px;
z-index: 10;
padding: 20px;
background: #fff;
}
.module-large-blog .noPostThumbnail .post-c-wrap {
text-align: left;
margin: 0;
padding: 18px 0;
}
.module-large-blog .post-c-wrap .meta {
margin-top: 0;
margin-bottom: 10px;
font-size: 14px;
}
.module-large-blog .post-c-wrap h4 {
margin-top: 0;
margin-bottom: 16px;
font-size: 26px;
line-height: 1.2;
}
.module-large-blog ul li .content_out {
margin-top: 44px;
}
.module-large-blog ul li:first-child .content_out {
margin-top: 0;
}
.module-large-blog ul li .excerpt {
margin-bottom: 24px;
}
.module-large-blog .readmore a{
font-size: 11px;
}
.module-large-blog .play-icon {
background-size: 90px;
}
/*** Footer ***/
.footer {
width: 100%;
clear: both;
margin-top: 45px;
position: relative;
color: #f8f8f8;
background: #252729;
padding-top: 40px;
border-top: 15px solid #333;
}
.footer .widget .post-c-wrap h2 {
color: #f8f8f8;
}
.footer .content_out.small-post .post-category {
display: none;
}
.footer .footer-content {
padding-bottom: 40px;
}
.footer .widget-title {
position: relative;
}
.footer .widget-title:after {
position: absolute;
content:'';
width: 100%;
bottom: 0;
left: 0;
border-bottom: 2px solid #555;
z-index: 0;
}
.footer .widget-title h3 {
position: relative;
z-index: 1;
font-size: 14px;
word-spacing: 2px;
margin: 0;
background: none !important;
text-transform: uppercase;
color: #f8f8f8;
font-weight: 700 !important;
display: inline-block;
padding-bottom: 8px;
padding-right: 2px;
border-bottom: 2px solid #d13030;
}
.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: #f8f8f8;
font-size: 12px;
}
#footer-menu {
float: left;
}
#footer-menu ul li {
display: inline-block;
margin-right: 10px;
text-transform: uppercase;
}
#footer-menu ul li a {
font-weight: 400;
}
.bk-copyright {
float: right;
font-weight: 400 !important;
font-size: 13px;
}
/*** Sidebar ***/
.sidebar {
padding-left: 30px;
}
.sidebar-wrap > .widget {
margin-top: 20px;
padding-top: 28px;
-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
backface-visibility: hidden;
}
.sidebar-wrap .widget-social-counter + .widget {
margin-top: 0;
}
.sidebar-wrap > .widget:first-child {
margin-top: 0;
border-top: none;
padding-top: 0;
}
.single-page.sidebar-left .main {
float: right;
}
.single-page.sidebar-left .sidebar {
padding-left: 15px;
padding-right: 30px;
float: left;
}
/* SoundCloud Widget*/
.widget.bk-soundcloud iframe {
width: 100%;
}
/* Tabs Widget*/
.widget-tabs .avatar {
float: left;
}
.widget-tabs .cm-header > div {
display: inline-block;
}
.widget-tabs .cm-header {
padding-left: 100px;
font-size: 13px;
}
.widget-tabs .author-comment-wrap h4 {
font-size: 14px;
padding-left: 100px;
margin: 0 0 8px 0;
color: #111;
font-weight: 400;
padding-right: 25px;
}
.widget-tabs .author-comment-wrap .comment-text {
font-style: italic;
padding-left: 100px;
}
.footer .widget-tabs .author-comment-wrap h4 {
color: #f8f8f8;
}
/* widget_most_commented */
.widget_most_commented .bk-mask, .widget-tabs .bk-mask {
width: 80px;
height: 80px;
float: left;
}
.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: #333946;
border-radius: 2px;
}
.widget_most_commented .comments:after {
left: 2px;
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
border-color: transparent;
border-right-color: #333946;
border-width: 5px;
margin-top: -5px;
/* margin-right: 2px; */
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.widget_most_commented .content_out.small-post h4 {
padding-right: 30px;
}
/** Social Counter **/
.widget-social-counter ul li {
margin-bottom: 10px;
height: 45px;
overflow: hidden;
}
.widget-social-counter ul li .social-icon {
float: left;
}
.widget-social-counter ul li .social-icon i {
line-height: 45px;
font-size: 24px;
color: #fff;
padding: 0 16px;
}
.widget-social-counter ul li .data .counter{
font-size: 18px;
line-height: 1;
float: left;
color: #fff;
padding: 0 16px;
margin: 13px 0;
border-left: 1px solid #ccc;
}
.widget-social-counter ul li .data .subscribe {
font-size: 18px;
float: left;
color: #fff;
line-height: 1;
padding: 0 16px;
margin: 13px 0;
border-left: 1px solid #ccc;
}
.widget-social-counter ul li .data .text {
font-size: 12px;
text-transform: uppercase;
float: right;
color: #fff;
line-height: 45px;
padding: 0 16px;
}
.widget-social-counter ul li.twitter {
background-color: #2FC2EF;
}
.widget-social-counter ul li.facebook {
background-color: #4c66a4;
}
.widget-social-counter ul li.dribbble {
background-color: #ea4c89;
}
.widget-social-counter ul li.soundcloud {
background-color: #FF5D00;
}
.widget-social-counter ul li.instagram {
background-color: #406E94;
}
.widget-social-counter ul li.youtube {
background-color: #cc181e;
}
.widget-social-counter ul li.googleplus {
background-color: #D73D32;
}
.widget-social-counter ul li.rss {
background-color: #F4A62A;
}
.footer .widget-social-counter ul li .data {
color: #f8f8f8;
}
/*** widget_googlebadge ***/
.widget_googlebadge {
text-align: center;
width: 335px;
}
.widget_googlebadge iframe {
width: 335px;
}
/*** widget_comment ***/
.widget_latest_comments {
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 {
font-size: 14px;
margin: 0 0 8px 0;
color: #111;
font-weight: 400;
}
.widget_comment .post-title i {
margin-right: 8px;
color: #888;
}
.footer .widget_comment .post-title {
color: #f8f8f8;
}
.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: #f8f8f8;
}
.footer .widget_comment .cm-header div {
color: #f8f8f8;
}
/* ======= Twitter widget =======*/
.widget-twitter .flexslider ul li {
display: none;
color: #fff;
}
.footer .widget-twitter {
padding: 0;
}
.widget-twitter .bk-header {
background: transparent;
}
.widget-twitter .bk-title h3 i {
margin-right: 10px;
}
.widget-twitter .flexslider {
background-color: #2fc2ef;
position: relative;
padding: 28px 16px 48px 16px;
min-height: 200px;
}
.widget-twitter a {
color: #fff;
font-style: italic;
font-size: 13px;
}
.widget-twitter .flex-control-paging {
position: absolute;
bottom: 0;
left: 0;
margin-bottom: 5px;
}
.widget-twitter .flex-control-paging li a {
background: #eee;
background: rgba(255,255,255,0.5);
box-shadow: none;
font-size: 14px;
width: 8px;
height: 8px;
}
.widget-twitter .flex-control-paging li a.flex-active {
background: #eee;
background: rgba(255,255,255,0.9);
}
.widget-twitter .widget-title i {
margin-right: 8px;
}
/* Flexslider for widget-twitter and widget latest comments */
.widget_latest_comments .flex-direction-nav {
margin-top: 24px;
text-align: center;
}
.widget_latest_comments .flex-direction-nav li {
position: relative;
display: inline-block;
}
.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_latest_comments .flex-direction-nav li a {
border: 1px solid #888;
color: #888;
}
.widget_latest_comments .flex-direction-nav li a:hover {
background-color: #ffb82b;
color: #fff;
}
.widget_latest_comments .flex-direction-nav li a.flex-prev {
left: 50%;
margin-left: -28px;
position: static;
}
.widget_latest_comments .flex-direction-nav li a.flex-next {
right: 50%;
margin-right: -28px;
position: static;
}
.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 {
width: 100%;
height: 380px;
z-index: -1;
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;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.widget_slider .post-c-wrap {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
padding: 20px;
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: linear-gradient(to bottom,rgba(0,0,0,0)0,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='rgba(0, 0, 0, 1)', GradientType=0);
}
.widget_slider .post-c-wrap .title {
font-weight: 400;
font-size: 18px;
text-transform: uppercase;
margin-top: 12px;
margin-bottom: 12px;
color: #fff;
line-height: 1.3;
}
.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 .sub-menu,
.widget_archive > ul .sub-menu,
.widget_categories > ul .sub-menu,
.widget_meta > ul .sub-menu,
.widget_pages > ul .sub-menu,
.widget_recent_comments > ul .sub-menu,
.widget_nav_menu > div > ul .sub-menu {
list-style: none;
margin-top: 8px;
margin-bottom: 8px;
opacity: 1;
position: static;
border-top: inherit;
z-index: 10000;
min-width: 220px;
background-color: inherit;
color: #212121;
box-shadow: none;
padding: inherit;
padding-left: 35px;
}
.footer .widget_recent_entries > ul .sub-menu,
.footer .widget_archive > ul .sub-menu,
.footer .widget_categories > ul .sub-menu,
.footer .widget_meta > ul .sub-menu,
.footer .widget_pages > ul .sub-menu,
.footer .widget_recent_comments > ul .sub-menu,
.footer .widget_nav_menu > div > ul .sub-menu {
color: #f8f8f8;
}
.widget_recent_entries > ul .sub-menu > li,
.widget_archive > ul .sub-menu > li,
.widget_categories > ul .sub-menu > li,
.widget_meta > ul .sub-menu > li,
.widget_pages > ul .sub-menu > li,
.widget_recent_comments > ul .sub-menu > li,
.widget_nav_menu > div > ul .sub-menu > li {
font-size: 13px;
padding: 0;
border: none;
}
.widget_recent_entries > ul .sub-menu > li.menu-item-has-children > a:after,
.widget_archive > ul .sub-menu > li.menu-item-has-children > a:after,
.widget_categories > ul .sub-menu > li.menu-item-has-children > a:after,
.widget_meta > ul .sub-menu > li.menu-item-has-children > a:after,
.widget_pages > ul .sub-menu > li.menu-item-has-children > a:after,
.widget_recent_comments > ul .sub-menu > li.menu-item-has-children > a:after,
.widget_nav_menu > div > ul .sub-menu > li.menu-item-has-children > a:after {
display: none;
}
.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: 8px;
}
.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, .widget_categories select {
width: 100%;
padding: 10px;
}
/** Tag Cloud **/
.widget_tag_cloud .tagcloud {
font-size: 0;
text-align: left;
}
.widget_tag_cloud .tagcloud a {
border: 1px solid #b0b0b0;
padding: 6px 12px;
font-size: 13px !important;
line-height: 1;
background-color: #fff;
display: inline-block;
margin: 1px;
color: #565656;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.widget_tag_cloud .tagcloud a:hover {
border-color: #FFB82B;
}
.footer .widget_tag_cloud .tagcloud a {
background-color: #111;
color: #fff;
}
.widget_tag_cloud .tagcloud a:hover {
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;
}
.footer #wp-calendar caption {
color: #f8f8f8;
}
#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: 45px;
line-height: 45px;
width: 45px;
position: absolute;
top: 0;
right: 0;
text-align: center;
color: #fff;
background-color: #ffb82b;
}
.searchform-wrap .search-icon i {
font-size: 18px;
color: #fff;
}
/* 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;
}
.widget_rss li span:before {
content: '-';
margin-left: 15px;
margin-right: 15px;
font-size: 14px;
color: #212121;
font-weight: bold
}
.footer .widget_rss li span, .footer .widget_rss .rssSummary, .footer .widget_rss li span:before {
color: #f8f8f8;
}
/*************************
*
* 5. SINGLE PAGE
*
*************************/
.single-page {
position: relative;
}
.bkcnt_val {
display: none;
}
/** Normal **/
.single-page .main{
margin-top: 36px;
position: relative;
}
#bk-normal-feat {
position: relative;
z-index: 10;
margin-bottom: 30px;
text-align: center;
}
#bk-normal2-feat {
width: 48%;
height: auto;
float: left;
margin-right: 4%;
margin-bottom: 26px;
position: relative;
z-index: 10;
margin-bottom: 30px;
}
#bk-normal-feat img {
width: 100%;
max-width: 100%;
height: auto;
}
.fw-feat-img {
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;
}
.parallax_enable.fw-feat-img {
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;
}
.s-feat-img img {
width: 100%;
height: auto;
}
.single .singletop {
margin-top: 30px;
}
.single .main .singletop {
margin-top: 0;
}
.single .main .s_header_wraper {
margin-bottom: 30px;
}
.fw-feat-img.fw-style-2 {
height: 550px;
}
.fw-feat-img.fw-style-2 + .article-wrap{
margin-top: -140px;
background-color: #fff;
}
/* Embed code */
#bk-normal-feat .bk-embed-audio{
top: 0;
left: 0;
width: 100%;
transform: none;
-webkit-transform: none;
position: relative;
}
#bk-normal-feat .bk-embed-video {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}
#bk-normal-feat .bk-embed-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.bk-embed-video .bk-frame-wrap {
padding-bottom: 56.25%;
width: 100%;
}
.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 {
max-width: 100%;
min-width: 0;
text-align: left;
color: #111;
padding: 0;
}
.s-post-header h1 {
text-transform: uppercase;
margin: 10px 0 0 0;
padding: 0 0 12px 0;
font-size: 40px;
line-height: 1.2;
}
.s-post-header .post-category a:nth-child(n+2) {
margin-right: 4px;
}
.meta {
line-height: 1;
}
.meta > div {
display: inline;
text-transform: uppercase;
color: #888;
font-size: 11px;
letter-spacing: 1px;
}
.s-post-header .meta > div {
color: #888;
font-size: 13px;
letter-spacing: 1px;
}
.meta > div:after {
content: "/";
padding: 0 10px;
color: #aaa;
}
.meta > div:last-child:after {
display: none;
}
.meta > div i {
margin-right: 8px;
font-size: 14px;
}
.meta .post-author a {
color: #d13030;
}
/** Post Format ***/
.single-page .icon-play {
display: inline-block;
font-size: 72px;
line-height: 1;
opacity: 0;
color: #fff;
position: absolute;
z-index: 100;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
left: 50%;
}
.single-page .icon-play a {
display: block;
}
.single-page .icon-play:hover {
color: #ffb82b;
}
.single-page .main .article-content {
text-align: justify;
}
.single-page .sidebar {
margin-top: 36px;
}
.article-content > p:last-child {
margin-bottom: 0;
}
/*** Single TAG ***/
.s-tags {
margin-top: 40px;
font-size: 0;
}
.s-tags span {
font-size: 10px;
background-color: #111;
color: #fff;
font-weight: bold;
margin-right: 2px;
text-transform: uppercase;
padding: 4px 12px;
height: 25px;
display: inline-block;
}
.s-tags a {
display: inline-block;
margin-right: 2px;
margin-bottom: 2px;
padding: 4px 12px;
background-color: #8a8a8a;
color: #fff;
text-transform: uppercase;
font-size: 10px;
height: 25px;
}
.s-tags a:hover {
background-color: #d13030;
}
/*** Nav Posts ***/
.s-post-nav {
border-top: 3px solid #333;
margin-top: 40px;
padding: 32px 0 0 0;
}
.s-post-nav .nav-btn.nav-prev {
width: 50%;
text-align: left;
float: left;
border-right: 1px solid #ccc;
}
.s-post-nav .nav-btn.nav-next {
width: 50%;
text-align: right;
float: right;
}
.s-post-nav .nav-btn span {
line-height: 30px;
color: #888;
font-size: 14px;
}
.s-post-nav .nav-btn.nav-prev span:first-child {
font-size: 20px;
margin-right: 20px;
}
.s-post-nav .nav-btn.nav-next span:first-child {
font-size: 20px;
margin-left: 20px;
}
.s-post-nav .nav-btn.nav-prev span {
float: left;
}
.s-post-nav .nav-btn.nav-next span {
float: right;
}
.s-post-nav .nav-btn h3 {
margin-bottom: 0;
font-size: 18px;
clear: both;
margin-top: 36px;
color: #111;
}
.s-post-nav .nav-btn.nav-prev h3 {
text-align: left;
}
.s-post-nav .nav-btn.nav-next h3 {
text-align: right;
}
/*** Share Box ***/
.share-box-wrap {
border-top: 3px solid #333;
margin-top: 40px;
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;
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: #ffb82b;
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 ul li a {
display: block;
}
.share-box .bk-share .share-item__value, .share-box .bk-twitter-share-icon {
margin-top: 8px;
color: #666;
margin-right: 30px;
}
.share-box ul li .share-item__icon:hover {
opacity: 0.7;
}
.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;
}
/*** Author Box ***/
.bk-author-box {
margin-top: 40px;
padding: 20px;
background-color: #f8f8f8;
}
.wp-page .bk-author-box {
margin: 0 0 40px 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: 110px;
position: relative;
}
.bk-author-box .author-info h3 {
margin-top: 0;
font-size: 16px;
color: #111;
font-weight: bold !important;
color: #d13030;
}
.bk-author-box .author-info .bk-author-page-contact {
position: absolute;
top: 0;
right: 0;
z-index: 10;
}
.bk-author-box .author-info .bk-author-page-contact a {
display: inline-block;
margin: 0 8px;
color: #666;
}
.bk-author-box .author-info .bk-author-page-contact a:hover {
color: #ffb82b;
}
/*** Related Box ***/
.related-box {
border-top: 3px solid #333;
margin-top: 40px;
padding-top: 30px;
position: relative;
}
.related-box h3 {
margin-top: 0;
margin-bottom: 30px;
font-weight: bold !important;
text-transform: uppercase;
font-size: 14px;
color: #111;
font-size: 0;
}
.related-box h3 a{
display:inline-block;
padding: 2px 8px;
background-color: #333946;
color: #fff;
font-size: 12px;
font-weight: 600;
}
.related-box h3 a.active{
background-color: #d13030;
}
.related-box .post-c-wrap {
width: 100%;
padding: 0;
background: none;
position: static;
margin-top: 0;
}
.related-box .post-c-wrap h4 {
margin-top: 16px;
font-size: 16px;
line-height: 1.3;
}
.related-box .bk-related-posts ul li:nth-child(4) {
clear: both;
}
.related-box .bk-related-posts ul li:nth-child(n+4) {
margin-top: 30px;
}
/*** Comment Box ***/
.comment-box {
border-top: 3px solid #333;
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: 20px;
font-weight: bold !important;
text-transform: uppercase;
font-size: 20px;
color: #111;
}
.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;
border: 1px solid #888;
width: inherit;
}
#comment-submit:hover {
color: #fff;
border-color: #ffb82b;
background-color: #ffb82b;
}
/*======== Comments ==============*/
.comments-area {
text-align: left;
}
.comments-area > .commentlist {
padding-left: 0;
}
.comment-respond {
margin-bottom: 30px;
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: 20px;
margin-bottom: 20px;
}
.comment-author {
position: relative;
}
.comment-author .comment-author-name {
color: #111;
font-size: 13px;
line-height: 1;
display: inline-block !important;
text-decoration: underline;
text-transform: uppercase;
}
.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: 80px;
margin-top: 10px;
color: #212121;
font-size: 14px;
}
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: #666;
}
.comment-respond {
font-size: 14px;
color: #666;
}
.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: 14px;
font-style: italic;
}
.form-submit {
margin: 0;
}
/*** Reviews ***/
/** Review box in Single page **/
.single-page .article-wrap .main .bk-review-box {
padding: 24px;
background-color: #f8f8f8;
width: 100%;
clear: both;
border: 1px solid #f2f2f2;
}
.bk-review-box.below{
margin-top: 30px;
}
.bk-review-box.above{
margin-bottom: 30px;
}
.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: #ffb82b;
display: block;
}
.single .article-content .bk-review-box .bk-overlay, .single .article-content .bk-review-box .bk-overlay .bk-bar-ani, .bk-review-box .bk-user-rating .bk-overlay span {
height: 16px;
overflow: hidden;
}
.single .article-content .bk-review-box .bk-overlay {
background-color: #111;
}
.single .article-content .bk-review-box .bk-overlay .bk-criteria-score {
color: #fff;
font-size: 12px;
line-height: 16px;
font-weight: bold;
margin-right: 8px;
}
.single .article-content {
line-height: 1.6;
font-size: 14px;
color: #212121;
}
.user-score-initial {
opacity: 0;
}
.bk-review-box .bk-criteria-wrap {
margin-top: 16px;
color: #444;
font-size: 14px;
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;
}
.bk-score-box {
width: 120px;
height: 120px;
border-radius: 50%;
background-color: #ffb82b;
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: #888;
}
.bk-review-box.left .bk-summary, .bk-review-box.right .bk-summary {
width: 100%;
margin-bottom: 32px;
text-align: center;
float: none;
}
.bk-review-box .bk-user-rating {
margin-top: 32px;
}
.bk-review-box .bk-user-rating .bk-overlay {
cursor: pointer;
}
/** Pros & Cons List **/
.bk-pros-cons {
margin-top: 30px;
}
.bk-pros-wrap {
width: 48%;
margin-right: 4%;
float: left;
}
.bk-cons-wrap {
width: 48%;
float: left;
}
.bk-pros-list, .bk-cons-list {
padding-left: 16px;
}
.pros-cons-title {
font-size: 16px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 12px;
padding-bottom:2px;
border-bottom: 1px dotted #aaa;
}
/** Review widget **/
.widget_reviews_tabs .post-list h4 {
font-size: 14px;
color: #111;
font-weight: 400;
margin: 0;
width: 100%;
margin-right: -30px;
padding-right: 30px;
text-align: left;
float: left;
}
.widget-review-tabs ul li .bk-final-score {
float: right;
font-size: 16px;
line-height: 1.5;
font-weight: 700;
color: #333;
}
.widget-review-tabs .reviews-tabs-content-container ul li {
margin-top: 20px;
}
.widget-review-tabs .reviews-tabs-content-container ul li:first-child {
margin-top: 0;
}
.widget_reviews_tabs .reviews-tabs-content-container .reviews-tab-content, .widget-tabs .widget-tabs-content .tab-content{
display: none;
}
.widget-tabs-title-container {
padding-bottom: 28px;
}
.widget-tab-titles {
margin: 0;
text-align: left;
font-size: 14px;
line-height: 1;
color: #fff;
margin-top: 0;
background: #333946;
position: relative;
}
.widget-tab-titles h3 {
padding: 8px 16px;
display: inline-block;
font-size: 11px;
margin: 0;
text-transform: uppercase;
font-weight: 600 !important;
transition: font-size 0.1s ease;
-webkit-transition: font-size 0.1s ease;
}
.widget-tab-titles li.active h3 {
background-color: #d13030;
font-size: 14px;
line-height: 25px;
}
.footer .widget-tab-titles li h3 {
line-height: 1.5;
padding-bottom: 0;
padding-bottom: 8px;
margin-right: 12px;
padding-right: 4px;
position: relative;
z-index: 1;
}
.widget-tab-titles li {
margin: 0;
display: inline-block;
}
.footer .widget-tab-titles li.active h3 {
background: none;
border-bottom: 2px solid #d13030;
}
.footer .widget-tab-titles {
background: none;
font-size: 14px;
word-spacing: 2px;
margin: 0;
text-transform: uppercase;
color: #f8f8f8;
font-weight: 700 !important;
}
.footer .widget-tab-titles:after {
position: absolute;
content:'';
width: 100%;
bottom: 0;
right: 0;
border-bottom: 2px solid #555;
z-index: 0;
}
.footer .widget-tab-titles h3 {
font-size: 14px;
word-spacing: 2px;
margin: 0;
text-transform: uppercase;
color: #f8f8f8;
padding: 0 0 8px 0;
font-weight: 700 !important;
}
.footer .widget_reviews_tabs .post-list h4, .footer .widget-review-tabs ul li .bk-final-score {
color: #f8f8f8;
}
/*** Gallery Post Format & Feature 2 module ***/
.opacity-zero {
opacity: 0;
}
.slick-initialized .slick-slide {
margin: 0 2px;
background-color: #000;
position: relative;
}
.slick-initialized .slick-slide img {
opacity: 0.4;
transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
width: 100%;
height: auto;
overflow: hidden;
}
.slick-initialized .slick-center img{
opacity: 1;
}
.slick-initialized .slick-center:hover img{
opacity: 0.7;
}
.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;
}
.gallery-wrap {
position: relative;
height: 600px;
overflow-y: hidden;
}
.gallery-wrap .gallery-runner {
height:100%;
transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
}
.gallery-wrap .slick-list, .gallery-wrap .slick-slider .slick-track, .gallery-wrap .slick-slide {
height: 100%;
}
.gallery-wrap .slick-slide img {
height: 100%;
width: auto;
}
.slick-slider {
margin-bottom: 0 !important;
}
.gallery-wrap .bk-control-nav, .feature-2-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
}
.gallery-wrap:hover .bk-control-nav, .feature-2-wrapper:hover .bk-control-nav {
opacity: 1;
}
.gallery-wrap .bk-control-nav:hover, .feature-2-wrapper .bk-control-nav:hover{
background: #fff;
color: #000;
}
.gallery-wrap .bk-slider-prev, .feature-2-wrapper .bk-slider-prev {
left: 5%;
}
.gallery-wrap .bk-slider-next, .feature-2-wrapper .bk-slider-next{
right: 5%;
}
.gallery-wrap .bk-control-nav i, .feature-2-wrapper .bk-control-nav i{
line-height: 50px;
}
.module-feature-2 {
position: relative;
}
.feature-2-wrapper {
position: relative;
max-height: 548px;
overflow: hidden;
transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
}
.feature-2-wrapper .thumb {
max-height: 548px;
}
.feature-2-wrapper .post-c-wrap {
position: absolute;
width: 100%;
top: 0;
height: 100%;
padding: 0 100px;
opacity: 0;
}
.feature-2-wrapper .slick-center .post-c-wrap {
opacity: 1;
}
.feature-2-wrapper .post-c-wrap .title{
font-size: 32px;
color: #fff;
margin-top: 10px;
text-transform: uppercase;
font-weight: 400;
line-height: 1.2;
text-shadow: 1px 1px 3px #333;
}
.feature-2-wrapper .post-c-wrap .title:hover a{
text-decoration: none;
}
.feature-2-wrapper .post-c-wrap .inner-cell .innerwrap .post-category a {
text-transform: uppercase;
font-size: 11px;
}
.feature-2-wrapper .post-c-wrap .meta {
margin-bottom: 30px;
}
.feature-2-wrapper .post-c-wrap .meta > div {
color: #fff;
font-size: 13px;
}
.feature-2-wrapper .post-c-wrap .meta .post-author a {
text-decoration: underline;
color: #fff;
}
.feature-2-wrapper .post-c-wrap .readmore a {
color: #fff;
border-color: #fff;
}
/** Module Grid ***/
.module-grid .content_in .thumb {
width: 100%;
height: 288px;
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;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.module-grid .flexslider {
float: left;
width: 66.666%;
height: 290px;
padding: 1px;
padding-left: 0;
}
.module-grid .flexslider ul li.large-item {
width: 100%;
height: 288px;
position: relative;
}
.module-grid .small-item {
width: 33.3333%;
height: 290px;
float: left;
padding: 1px;
}
.module-grid .small-item .post-inner {
height: 288px;
overflow: hidden;
position: relative;
}
.module-grid .small-item:nth-child(2), .module-grid .small-item:nth-child(5) {
padding-right: 0;
}
.module-grid .small-item:nth-child(3){
padding-left: 0;
}
/** Grid in sidebar section **/
.has-sb .module-grid .content_in .thumb {
height: 248px;
}
.has-sb .module-grid .flexslider {
height: 250px;
}
.has-sb .module-grid .flexslider ul li.large-item {
height: 248px;
}
.has-sb .module-grid .small-item {
height: 250px;
}
.has-sb .module-grid .small-item .post-inner {
height: 248px;
}
.has-sb .module-grid .content_in .post-c-wrap .title {
font-size: 16px;
line-height: 1.3;
}
/*****************************/
.module-grid .post-c-wrap{
position: absolute;
width: 100%;
bottom: 0;
padding: 15px;
z-index: 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: linear-gradient(to bottom,rgba(0,0,0,0)0,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='rgba(0, 0, 0, 1)', GradientType=0);
-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
backface-visibility: hidden;
}
.module-grid .rating-wrap {
top: 12px;
right: 12px;
}
.module-grid .flexslider:hover .flex-prev {
left: 15px;
}
.module-grid .flexslider:hover .flex-next {
right: 15px;
}
.module-fw-slider .flexslider ul li:hover .thumb, .module-carousel .flexslider ul li:hover .thumb, .widget_slider .flexslider ul li:hover .thumb,
.module-main-feature .flexslider ul li:hover .thumb, .module-grid .flexslider ul li:hover .thumb, .module-grid .small-item:hover .thumb,
.module-grid-carousel .bk-carousel-wrap .item-child:hover .thumb {
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-o-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
}
/*** Carousel Grid ***/
.bk-grid-carousel-inner {
min-height: 450px;
position: relative;
margin: 0 -1px;
}
.module-grid-carousel .bk-carousel-wrap{
position: relative;
transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
}
.module-grid-carousel .bk-carousel-wrap ul li {
padding: 0 1px;
box-sizing: content-box;
z-index: -1;
}
.module-grid-carousel .bk-carousel-wrap .item-child .post-c-wrap {
position: absolute;
width: 100%;
bottom: 0;
padding: 0 15px 15px;
z-index: 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: linear-gradient(to bottom,rgba(0,0,0,0)0,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='rgba(0, 0, 0, 1)', GradientType=0);
}
.module-grid-carousel .bk-carousel-wrap .item-child .post-category a{
padding: 2px 8px;
font-size: 10px;
display: inline-block;
color: #fff;
background-color: #d13030;
text-transform: uppercase;
}
.module-grid-carousel .bk-carousel-wrap .item-child .post-category a:hover {
background-color: #333;
}
.module-grid-carousel .bk-carousel-wrap .item-child .title {
font-weight: 400;
font-size: 14px;
text-transform: uppercase;
margin-top: 12px;
color: #fff;
margin-bottom: 0;
}
.module-grid-carousel .thumb {
width: 100%;
z-index: -1;
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;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.module-grid-carousel .item_1 .thumb{
height: 450px;
}
.module-grid-carousel .item_2_half .thumb{
height: 224px;
}
.module-grid-carousel .item_2_big .item-child:first-child .thumb{
height: 299px;
}
.module-grid-carousel .item_2_big .item-child:last-child .thumb{
height: 149px;
}
.module-grid-carousel .item_2_small .item-child:first-child .thumb{
height: 149px;
}
.module-grid-carousel .item_2_small .item-child:last-child .thumb{
height: 299px;
}
.module-grid-carousel .item_3 .thumb{
height: 149px;
}
.module-grid-carousel .item_3 .item-child:nth-child(2) .thumb{
height:148px;
}
/*Padding item */
.module-grid-carousel .item_2 .item-child:first-child{
padding-bottom: 1px;
}
.module-grid-carousel .item_2 .item-child:last-child{
padding-top: 1px;
}
.module-grid-carousel .item_3 .item-child:first-child{
padding-bottom: 1px;
}
.module-grid-carousel .item_3 .item-child:nth-child(2){
padding: 1px 0;
}
.module-grid-carousel .item_3 .item-child:last-child{
padding-top: 1px;
}
.module-grid-carousel .item-child .item-child-inner {
overflow: hidden;
position: relative;
}
.module-grid-carousel .flexslider:hover .flex-prev {
left: 15px;
}
.module-grid-carousel .flexslider:hover .flex-next {
right: 15px;
}
/* Recommend Box */
.recommend-box {
position:fixed;
bottom:0;
right:-381px;
width:320px;
padding-bottom:15px;
background-color: #fff;
border: 1px solid #212121;
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(-380px,0);
-webkit-transform:translate(-380px,0);
-o-transform:translate(-380px,0);
-moz-transform:translate(-380px,0);
}
.recommend-box-off {
transform:translate(380px,0);
-webkit-transform:translate(380px,0);
-o-transform:translate(380px,0);
-moz-transform:translate(380px,0);
}
.no-csstransforms .recommend-box-on {right:0;}
.no-csstransforms .recommend-box-off {display:none;}
.recommend-box .close {
position: absolute;
top: 0;
right: 0;
display: block;
text-decoration: none;
width: 38px;
height: 38px;
line-height: 38px;
color: #212121;
text-align: center;
z-index: 10;
}
.recommend-box .close i {
font-size: 16px;
}
.recommend-box h3 {
padding: 10px 40px 10px 0;
margin: 0 0 25px 20px;
color: #212121;
font-size: 13px;
font-weight: 600 !important;
min-height: 38px;
text-transform: uppercase;
text-align: left;
font-weight: 400;
position: relative;
border-bottom: 2px solid #ccc;
}
.recommend-box h3:after {
content: '';
border-bottom: 2px solid #d13030;
width: 80px;
position: absolute;
bottom: -2px;
left: 0;
}
.recommend-box .entries {
padding:0 20px;
color: #444;
}
/*** Wordpress Page ***/
.wp-page {
margin-top: 40px;
}
/*** 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 #ffb82b;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
font-weight: 400;
color: #111;
}
#pagination .page-numbers.current, .post-page-links > span{
background-color: #ffb82b;
color: #fff;
}
/*************************
*
* 8. SIDEBAR
*
*************************/
/*** Top Views ***/
/*** widget_display_stats ***/
.widget_display_stats dl {
margin-top: 0;
}
.widget_display_stats dt {
display: inline-block;
width: 68%;
font-size: 14px;
margin-top: 12px;
font-weight: 400 !important;
color: #111;
}
.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: 2px 8px;
background-color: #ffb82b;
color: #fff;
font-size: 12px;
}
/*** Search ***/
.widget_display_search .searchform input[type=text] {
width: 100%;
}
/*************************
*
* 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;
}
/* BK Ajax Login */
.bk-template-modal {
margin: 0 !important;
}
.bk-lwa {
float: right;
}
.top-bar .bk-lwa .lwa-avatar {
width: 27px;
padding: 0;
height: 36px;
line-height: 1;
}
.bk-lwa table {
border: none;
margin-left: 16px;
}
.top-nav .bk-links-modal {
float: right;
color: #565656;
display: inline-block;
padding: 10px 0 10px 16px;
font-size: 11px;
margin-left: 1px;
text-transform: uppercase;
position: relative;
}
.bk-login-modal, .lwa-register.lwa-register-default {
z-index: 9002;
padding: 0 20px 30px;
margin-left: -175px;
border-top: 2px solid #d13030;
}
.bk-modal-bg {
z-index: 9001;
}
.bk-login-title {
margin: 0 -20px 20px;
padding: 10px 20px;
border-bottom: 2px solid #ccc;
font-size: 14px;
text-transform: uppercase;
color: #212121;
font-weight: 600 !important;
}
.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;
transition: none;
-webkit-transition: none;
}
.bk-login-status .lwa-status {
margin-bottom: 20px;
}
.bk-login-status .lwa-status a {
font-style: italic;
font-weight: 700;
}
.bk-account-info {
opacity: 0;
top: 100000px;
z-index: 10000;
position: absolute;
right: 0;
color: #565656;
width: 320px;
padding: 15px;
border-top: 2px solid transparent;
background-color: #f2f2f2;
box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.2);
transition: all 0.2s linear;
}
.bk-lwa:hover > .bk-account-info {
top: 100%;
opacity: 1;
}
.sidebar .bk-account-info {
opacity: 1;
top: 0;
z-index: 1;
position: static;
right: auto;
color: #111;
width: auto;
padding: 0;
border-top: 2px solid transparent;
background: none;
box-shadow: none;
transition: none;
}
.bk-lwa-profile .bk-avatar{
width: auto;
height: auto;
float: left;
}
.lwa-avatar.bk-avatar img {
border-radius: 50%;
width: 20px;
height: 20px;
}
.bk-lwa-profile .bk-user-data {
padding-left: 100px;
font-size: 13px;
text-align: left;
}
.bk-lwa-profile .bk-user-data > div {
padding: 5px 12px;
}
.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;
transition: none;
-webkit-transition: none;
}
.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 #ccc;
float: left;
transform: none;
-webkit-transform: none;
transition: none;
-webkit-transition: none;
}
.bk-back-login:hover {
color: #fff;
}
.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 i {
color: #666;
}
.bk-ud-logout-mobile {
display: none;
font-size: 14px;
}
.bk-lwa td {
padding: 0;
}
.bk-ud-logout-mobile span {
margin-right: 4px;
}
/*** Video Playlist & Icon ***/
.play-icon {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
opacity: 0.7;
background-image: url("../images/icon-play.png");
background-size: 60px;
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.bk-video-playlist-wrap .bk-playlist-wrap {
height: 419px;
overflow-y: hidden;
}
.bk-video-playlist-wrap .bk-playlist {
height: 419px;
}
.bk-video-playlist-wrap ul li:first-child .post-c-wrap {
border-top: none;
padding-top: 0;
margin-top: 0;
}
.bk-video-playlist-wrap ul li{
cursor: pointer;
padding: 0 15px;
}
.bk-video-playlist-wrap ul li .post-c-wrap {
padding-top: 15px;
border-top: 1px solid #eee;
margin-top: 15px;
}
.bk-video-playlist-wrap ul li .thumb{
width: 80px;
height: auto;
float: left;
position: relative;
}
.bk-video-playlist-wrap ul li .video-details {
padding-left: 100px;
}
.bk-video-playlist-wrap ul li .video-details .title {
font-weight: 400;
margin-top: 0;
margin-bottom: 16px;
font-size: 14px;
}
.bk-video-playlist-wrap ul li .video-details .meta {
margin-bottom: 12px;
}
.bk-video-playlist-wrap ul li .video-details .meta div {
font-size: 11px;
}
.bk-video-playlist-wrap ul li .play-icon{
opacity: 0;
}
.bk-video-playlist-wrap ul li.active .play-icon{
opacity: 1;
background-size: 40px;
}
.bk-video-playlist-wrap .bk-frame-wrap {
background: #000;
}
.bk-current-video {
padding-right: 0;
}
.bk-current-video .bk-frame-wrap{
padding-bottom: 56.25%;
width: 100%;
position: relative;
}
.bk-current-video .bk-frame-wrap iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
border: none;
z-index: 11;
}
.bk-video-playlist-wrap .mCSB_scrollTools .mCSB_dragger, .bk-video-playlist-wrap .mCSB_scrollTools .mCSB_draggerContainer {
width: 4px;
right: 0;
left: auto;
}
.bk-video-playlist-wrap .mCSB_inside > .mCSB_container {
margin-right: 0;
}
/* End Video */
/* Ticker Styling */
.ticker-wrapper.has-js {
margin: 0;
padding: 0px 20px;
display: block;
background-color: #f8f8f8;
font-size: 13px;
}
.ticker {
width: 100%;
display: block;
position: relative;
overflow: hidden;
background-color: #f8f8f8;
}
.ticker-title {
padding-top: 11px;
color: #d13030;
font-weight: bold;
background-color: #f8f8f8;
text-transform: uppercase;
}
.ticker-title span {
white-space: nowrap;
}
.ticker-content {
margin: 0px;
padding-top: 11px;
position: absolute;
color: #1F527B;
font-weight: bold;
background-color: #f8f8f8;
overflow: hidden;
white-space: nowrap;
line-height: 1.3;
}
.ticker-content:focus {
text-decoration: none !important;
outline: 0 !important;
}
.ticker-content a {
text-decoration: none;
color: #1F527B;
}
.ticker-content a:hover {
text-decoration: underline;
color: #0D3059;
}
.ticker-swipe {
padding-top: 15px;
position: absolute;
top: 0px;
background-color: #f8f8f8;
display: block;
width: 800px;
height: 40px;
}
.ticker-swipe span {
margin-left: 1px;
background-color: #f8f8f8;
border-bottom: 1px solid #1F527B;
height: 12px;
width: 7px;
display: block;
}
.ticker-controls {
padding: 8px 0px 0px 0px;
list-style-type: none;
float: left;
}
.ticker-controls li {
padding: 0px;
margin-left: 5px;
float: left;
cursor: pointer;
height: 16px;
width: 16px;
display: block;
}
.ticker-controls li.jnt-play-pause {
background-image: url('../images/controls.png');
background-position: 32px 16px;
}
.ticker-controls li.jnt-play-pause.over {
background-position: 32px 32px;
}
.ticker-controls li.jnt-play-pause.down {
background-position: 32px 0px;
}
.ticker-controls li.jnt-play-pause.paused {
background-image: url('../images/controls.png');
background-position: 48px 16px;
}
.ticker-controls li.jnt-play-pause.paused.over {
background-position: 48px 32px;
}
.ticker-controls li.jnt-play-pause.paused.down {
background-position: 48px 0px;
}
.ticker-controls li.jnt-prev {
background-image: url('../images/controls.png');
background-position: 0px 16px;
}
.ticker-controls li.jnt-prev.over {
background-position: 0px 32px;
}
.ticker-controls li.jnt-prev.down {
background-position: 0px 0px;
}
.ticker-controls li.jnt-next {
background-image: url('../images/controls.png');
background-position: 16px 16px;
}
.ticker-controls li.jnt-next.over {
background-position: 16px 32px;
}
.ticker-controls li.jnt-next.down {
background-position: 16px 0px;
}
.js-hidden {
display: none;
}
.no-js-news {
padding: 10px 0px 0px 45px;
color: #f8f8f8;
}
.left .ticker-swipe {
/*left: 80px;*/
}
.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {
float: left;
}
.left .ticker-controls {
padding-left: 6px;
}
.right .ticker-swipe {
/*right: 80px;*/
}
.right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker {
float: right;
}
.right .ticker-controls {
padding-right: 6px;
}
.bk-tabs-wrapper {
position: absolute;
top: 0;
right: 5px;
background-color: #333946;
}
.bk-current-tab {
display: none;
}
/*** Share Sticky ***/
.share-sticky {
position: fixed;
left: -50px;
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;
}
.share-sticky-close {
width: 45px;
height: 40px;
line-height: 40px;
text-align: center;
color: #0F52BA;
cursor: pointer;
background: #fff;
}
.share-sticky-open {
position: fixed;
left: -50px;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
cursor: pointer;
color: #0F52BA;
background: #fff;
z-index:9998;
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;
}
.sticky-share-on {
transform:translate(50px,0);
-webkit-transform:translate(50px,0);
-o-transform:translate(50px,0);
-moz-transform:translate(50px,0);
}
.sticky .share-off {
transform:translate(-50px,0);
-webkit-transform:translate(-50px,0);
-o-transform:translate(-50px,0);
-moz-transform:translate(-50px,0);
}
.no-csstransforms .recommend-box-on {right:0;}
.no-csstransforms .recommend-box-off {display:none;}
.share-sticky .total-share-wrap {
width: 45px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #fff;
}
.share-sticky .total-share-wrap i {
margin-right: 4px;
}
.share-sticky ul li a {
width: 45px;
height: 45px;
display: block;
line-height: 45px;
text-align: center;
color: #fff;
transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
}
.share-sticky ul li a:hover {
width: 52px;
}
.share-sticky ul li .bk_facebook_share{
background-color: #3E578C;
}
.share-sticky ul li .bk_twitter_share {
background-color: #00ACEE;
}
.share-sticky ul li .bk_gplus_share {
background-color: #DD4B39;
}
.share-sticky ul li .bk_pinterest_share {
background-color: #C92228;
}
.share-sticky ul li .bk_stumbleupon_share {
background-color: #ED5934;
}
.share-sticky ul li .bk_linkedin_share {
background-color: #0E76A8;
}
/* Timeline Widget */
.widget.timeline-posts li {
padding: 0 0 0 5px;
}
.widget.timeline-posts li h3{
border: 2px solid #aaa;
border-width: 0 0 0 2px;
padding: 5px 0 12px 15px;
font-size: 14px;
font-weight: 400;
margin: 0;
}
.widget.timeline-posts li .meta {
position: relative;
padding-left: 17px;
margin: 0;
display: block;
height: 16px;
}
.widget.timeline-posts li .meta:before{
content: '';
width: 8px;
height: 8px;
border: 2px solid #aaa;
display: block;
position: absolute;
left: -3px;
top: 4px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.widget.timeline-posts li .meta i {
display: none;
}
.widget.timeline-posts li a:hover,
.widget.timeline-posts li a:hover .post-date {
text-decoration: none;
color: #d13030;
}
.widget.timeline-posts li a:hover .meta:before {
background: #d13030;
border-color: #d13030;
}
/* FeedBurner Widget */
.widget-feedburner .feedburner-inner {
border: 1px solid #e7e8e8;
padding: 20px 20px 30px 20px;
background-color: #f2f2f2;
}
.widget-feedburner .feedburner-inner > h3 {
font-weight: normal;
font-size: 16px;
margin: 0 0 15px 0;
}
.widget-feedburner .feedburner-inner > p {
font-style: italic;
margin-bottom: 20px;
}
.widget-feedburner form {
position: relative;
display: table;
border-collapse: separate;
}
.widget-feedburner .feedburner-email {
display: table-cell;
width: 100%;
margin-bottom: 0;
background: #333946;
border: none;
color: #f2f2f2;
vertical-align: middle;
outline: 0;
padding: 12px 15px;
margin: 0;
font-style: italic;
}
.widget-feedburner .feedburner-subscribe {
width: 1%;
white-space: nowrap;
vertical-align: middle;
display: table-cell;
}
.widget-feedburner .feedburner-subscribe button{
background-color: #333946;
color: #f2f2f2;
text-transform: uppercase;
letter-spacing: .0625em;
font-size: 12px;
font-size: 16px;
line-height: 45px;
border: 0;
outline: 0;
padding: 0 1.3em;
-webkit-transition: all 0.15s;
transition: all 0.15s;
}
.footer .widget-feedburner .feedburner-subscribe button, .footer .widget-feedburner .feedburner-email {
background-color: #353636;
}
/** Social widget **/
.widget-social ul {
font-size: 0;
}
.widget-social ul li {
display: inline-block;
margin-right: 10px;
margin-bottom: 4px;
width: 47px;
height:47px;
position: relative;
}
.widget-social ul li:nth-child(6n){
margin-right: 0;
}
.widget-social ul li:nth-child(n+7) {
margin-top: 10px;
}
.widget-social ul li a{
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
font-size: 18px;
line-height: 45px;
text-align: center;
display: block;
border-radius: 4px;
}
.widget-social ul li.twitter a {
background-color: #9AE4E8;
}
.widget-social ul li.fb a {
background-color: #3B5998;
}
.widget-social ul li.dribbble a {
background-color: #ea4c89;
}
.widget-social ul li.youtube a {
background-color: #cc181e;
}
.widget-social ul li.rss a {
background-color: #F4A62A;
}
.widget-social ul li.gplus a {
background-color: #d34836;
}
.widget-social ul li.linkedin a {
background-color: #0e76a8;
}
.widget-social ul li.pinterest a {
background-color: #C92228;
}
.widget-social ul li.instagram a {
background-color: #3f729b;
}
.widget-social ul li.vimeo a {
background-color: #4ebbff;
}
.widget-social ul li.vk a {
background-color: #4F7094;
}
/** List Post Widget **/
.widget-postlist .large-post {
margin-bottom: 30px;
position: relative;
}
.widget-postlist .large-post .thumb{
width: 100%;
height: 380px;
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;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.widget-postlist .large-post .post-c-wrap {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
padding: 20px;
color: #fff;
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: linear-gradient(to bottom,rgba(0,0,0,0)0,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='rgba(0, 0, 0, 1)', GradientType=0);
}
.widget-postlist .large-post .post-c-wrap .title {
font-weight: 400;
font-size: 18px;
text-transform: uppercase;
margin-top: 12px;
margin-bottom: 12px;
color: #fff !important;
line-height: 1.3;
}
.widget-postlist .large-post .post-c-wrap .title:hover {
text-decoration: underline;
}
/******************************************************************
CONTACT PAGE STYLES
******************************************************************/
.wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea {
width: 50%;
margin-top: 10px;
}
.wpcf7-form-control.wpcf7-text:focus, .wpcf7-form-control.wpcf7-textarea:focus {
background: #fff;
outline: none;
}
.wpcf7-form-control.wpcf7-text:invalid, .wpcf7-form-control.wpcf7-textarea:invalid {
outline: none;
border-color: #fbc2c4;
background-color: #f6e7eb;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}
.wpcf7-form-control.wpcf7-textarea {
width: 100%;
}
.wpcf7-form p {
color: #808080;
font-size: 1.15em;
}
.wpcf7-form-control.wpcf7-text:focus, .wpcf7-form-control.wpcf7-textarea:focus {
background-color: #fff;
}
.wpcf7-submit {
text-decoration: none;
margin-top: 20px;
padding: 10px 30px;
color: #999999;
text-transform: uppercase;
-webkit-appearance: none;
}
.wpcf7-submit:hover, .wpcf7-submit:focus {
background: #f5f5f5;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 1em 1em;
}
/** Header Slider Loading **/
.bk-header-loader.loading{
height: 100%;
width: 100%;
top: 0;
left: 0;
background: #ccc;
}
.bk-header-loader.loading .bk-header-preload{
width: 30px;
height: 30px;
margin: 100px auto;
position: absolute;
top: 50%;
left: 50%;
margin-top: -15px;
margin-left: -15px;
-webkit-animation: rotateplane 1.2s infinite ease-in-out;
animation: rotateplane 1.2s infinite ease-in-out;
z-index: 10;
}
/** Header 2 **/
.bk-header-90 .top-bar {
border: none !important;
background-color: #000;
}
.bk-header-90 #top-menu>ul>li {
color: #fff;
text-align: left;
}
.bk-header-90 #top-menu>ul>li .sub-menu {
background-color: #fff;
}
.bk-header-90 .main-nav {
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0px 5px 10px rgba(0,0,0,.1);
-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,.1);
}
.bk-header-90 #main-menu > ul > li {
color: #000;
}
.bk-header-90 #main-menu > ul > li:last-child {
margin-right: 50px;
}
.bk-header-90 #main-menu > ul > li.current-menu-item > a{
color: #fff;
}
.bk-header-90 .main-nav-wrap {
height: 90px;
display: table;
width:100%;
-webkit-transition: height 0.3s ease-in-out ; /* Safari */
transition: height 0.3s ease-in-out ;
}
.bk-header-90.header-wrap .logo {
display: table-cell;
vertical-align: middle;
}
.bk-header-90.header-wrap .logo img{
max-height: 60px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.bk-header-90 #main-menu {
display: table-cell;
vertical-align: middle;
}
.bk-header-90 #main-menu > ul > li {
display: inline-block;
font-size: 14px;
color: #000;
margin-right: 0;
height: 90px;
text-align: left;
-webkit-transition: height 0.3s ease-in-out ; /* Safari */
transition: height 0.3s ease-in-out ;
}
.bk-header-90 #main-menu > ul > li:hover {
color: #fff;
}
.bk-header-90.header-wrap #main-menu ul.menu {
text-align: right;
}
.bk-header-90 #main-menu > ul > li > a {
padding: 0 24px;
line-height: 90px;
-webkit-transition: line-height 0.3s ease-in-out ; /* Safari */
transition: line-height 0.3s ease-in-out ;
}
.bk-header-90 .top-nav .bk-links-modal {
color: #fff;
}
.bk-header-90 .top-nav .bk-account-info {
background-color: #fff;
}
.bk-header-90 .header-social {
margin-right: 15px;
}
.bk-header-90 .header-social .social-icon:hover {
background-color: transparent;
}
.bk-header-90 .header-social .social-icon a {
font-size: 14px;
color: #fff;
padding: 0 4px;
}
.bk-header-90 .header-social .social-icon a:hover {
color: #d13030;
}
.bk-header-90 #ajax-form-search i {
color: #333;
line-height: 90px;
font-size: 16px;
-webkit-transition: line-height 0.3s ease-in-out ; /* Safari */
transition: line-height 0.3s ease-in-out ;
}
.bk-header-90 #ajax-form-search {
width: 15px;
height: 0;
}
.bk-header-90 .ajax-form {
height: 90px;
-webkit-transition: height 0.3s ease-in-out ; /* Safari */
transition: height 0.3s ease-in-out ;
}
.bk-header-90 #ajax-search-result {
margin-top: 138px;
}
.bk-header-90 .bk_small_cart {
color: #fff;
}
.bk-header-90 .bk_small_cart #bk_small_cart_widget {
background-color: #fff;
}
.bk-ticker-module.bk-white-bg, .bk-ticker-module.bk-white-bg .ticker-wrapper.has-js, .bk-ticker-module.bk-white-bg .ticker,
.bk-ticker-module.bk-white-bg .ticker-title, .bk-ticker-module.bk-white-bg .ticker-content, .bk-ticker-module.bk-white-bg .ticker-swipe,
.bk-ticker-module.bk-white-bg .ticker-swipe span {
background-color: #fafafa;
}
.bk-ticker-module.bk-white-bg .ticker-wrapper.has-js {
padding: 0;
}
.bk-header-90 .main-nav.fixed .ajax-form, .bk-header-90 .main-nav.fixed .main-nav-wrap, .bk-header-90 .main-nav.fixed #main-menu > ul > li,
.bk-header-90 .main-nav.fixed .bk-lwa .bk-avatar {
height: 48px;
}
.bk-header-90 .main-nav.fixed #ajax-form-search i, .bk-header-90 .main-nav.fixed #main-menu > ul > li > a, .bk-header-90 .main-nav.fixed .lwa i {
line-height: 48px;
}
.bk-header-90.header-wrap .main-nav.fixed .logo img {
max-height: 36px;
}
/*** Header 3 ***/
.bk-header-90-sport .bk-lwa {
margin-right: 20px;
}
.bk-header-90-sport .bk-lwa table {
margin-left: 0;
}
.bk-header-90-sport .lwa i {
color: #333;
line-height: 90px;
margin-right: 35px;
font-size: 16px;
-webkit-transition: line-height 0.3s ease-in-out;
transition: line-height 0.3s ease-in-out;
}
.bk-header-90-sport .bk-lwa .lwa-avatar {
height: 90px;
width: 60px;
padding: 0;
line-height: 1;
-webkit-transition: height 0.3s ease-in-out;
transition: height 0.3s ease-in-out;
}
.bk-header-slider {
position: relative;
}
.bk-header-slider .bk-scrolldown-button {
position: absolute;
left: 50%;
bottom: 10px;
z-index: 30;
cursor: pointer;
transform: translatex(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
-webkit-font-smoothing: antialiased;
}
.bk-header-slider .bk-scrolldown-button svg {
width: 50px;
height: 35px;
/*animation-name*/
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-ms-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
/*animation-iteration-count*/
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
/*animation-duration*/
-webkit-animation-duration: 4s;
-moz-animation-duration: 4s;
-ms-animation-duration: 4s;
-o-animation-duration: 4s;
animation-duration: 4s;
}
.bk-header-slider .bk-scrolldown-button polyline {
stroke-width: 3;
}
.bk-header-slider .bk-scrolldown-button:hover polyline, .bk-header-slider .bk-scrolldown-button:focus polyline {
stroke-width: 4;
}
.bk-header-slider .bk-scrolldown-button:active polyline {
stroke-width: 6;
transition: all 100ms ease-in-out;
}
.bk-header-slider .flexslider .item .thumb {
width: 100%;
position: relative;
z-index: 10;
height: 0;
opacity: 0.8;
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
@-webkit-keyframes bounce {
0%,
50%,
60%,
75%,
90%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
70% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
80% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@keyframes bounce {
0%,
50%,
60%,
75%,
90%,
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
70% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
80% {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
}
.bk-header-slider .flexslider {
height: 0;
}
.bk-header-slider .bk-article-wrapper {
position: relative;
}
.bk-header-slider .bk-article-wrapper:after {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #000;
z-index: 1;
}
.bk-header-slider .bk-article-wrapper .post-c-wrap {
text-align: center;
position: absolute;
z-index: 20;
top: 45%;
left: 50%;
max-width: 46%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
vertical-align: middle;
}
.bk-header-slider .flex-direction-nav a {
width: 80px;
height: 80px;
opacity: 1;
background: none;
}
.bk-header-slider .flex-direction-nav a polyline {
stroke: #fff;
}
.bk-header-slider .flex-direction-nav a:hover polyline{
stroke-width: 3;
}
.bk-header-slider .flex-direction-nav a:active polyline {
stroke-width: 6;
transition: all 100ms ease-in-out;
}
.bk-header-slider polyline {
transition: all 250ms ease-in-out;
}
.bk-header-slider .flex-direction-nav a:hover {
background: none;
}
.bk-header-slider .flex-direction-nav a:before {
display: none;
}
.bk-header-slider .flex-direction-nav li a.flex-prev {
left: 0;
top: 50%;
transform: translatey(-50%);
-webkit-transform: translatey(-50%);
}
.bk-header-slider .flex-direction-nav li a.flex-next {
right: 0;
top: 50%;
transform: translatey(-50%);
-webkit-transform: translatey(-50%);
}
.bk-header-slider .post-c-wrap h4 {
font-size: 36px;
color: #fff;
font-weight: 400;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 18px;
line-height: 1.1;
}
.bk-header-slider .post-c-wrap h4:hover a{
text-decoration: none;
}
.bk-header-slider .post-c-wrap .excerpt {
font-size: 14px;
font-style: italic;
}
.bk-header-slider .post-c-wrap .readmore {
margin-top: 54px;
}
.bk-header-slider .post-c-wrap .readmore a {
padding: 8px 20px;
color: #fff;
background-color: #D13030;
font-size: 14px;
border: none;
border-radius: 4px;
}
/*** Header 4 ***/
/** loading **/
.bk-header-slickslider.loading{
height: 391px!important;
}
.bk-header-90-sport-2 {
position: relative;
}
.bk-header-90-sport-2.header-wrap .logo {
position: absolute;
top: 50%;
left: 0;
transform: translatey(-50%);
-webkit-transform: translatey(-50%);
}
.bk-header-90-sport-2.header-wrap .logo img {
max-height: 46px;
}
.bk-header-90-sport-2 .main-nav {
position: absolute;
right: 0;
top: 0;
margin-bottom: 0;
padding: 15px 0;
background: transparent;
box-shadow: none;
-webkit-box-shadow: none;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.bk-header-90-sport-2 .main-nav.not-in-frontpage {
position: relative;
padding: 15px 0;
background-color: #000;
}
.bk-header-90-sport-2 #main-menu {
padding-right: 30px;
}
.bk-header-90-sport-2.ajax-login-enable #main-menu {
padding-right: 80px;
}
.bk-header-90-sport-2 #main-menu > ul > li {
color: #fff;
}
.bk-header-90-sport-2 #ajax-form-search i{
color: #fff;
}
.bk-header-90-sport-2 .bk-lwa {
position: absolute;
top: 0;
right: 15px;
}
.bk-header-90-sport-2 .lwa i {
color: #fff;
line-height: 50px;
margin-right: 30px;
font-size: 16px;
}
.bk-header-90-sport-2 .bk-lwa .bk-avatar {
height: 50px;
}
.bk-header-90-sport-2 .main-nav-wrap, .bk-header-90-sport-2 .main-nav-wrap, .bk-header-90-sport-2 #main-menu > ul > li,
.bk-header-90-sport-2 .ajax-form {
height: 50px;
}
.bk-header-90-sport-2 #main-menu > ul > li > a, .bk-header-90-sport-2 #ajax-form-search i {
line-height: 50px;
}
.bk-header-90-sport-2 #main-menu > ul > li > a {
padding: 0 15px;
position: relative;
display: block;
}
.bk-header-90-sport-2 #main-menu > ul > li > a:after {
position: absolute;
width: 0px;
height: 0px;
background: #ffffff;
content: '-';
bottom: 10px;
left: 50%;
display: block;
overflow: hidden;
margin-left: 0px;
-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;
}
.bk-header-90-sport-2 #main-menu > ul > li:hover > a:after {
height: 2px;
width: 40px;
margin-left: -20px;
margin-top: -2px;
}
.bk-header-90-sport-2.header-wrap #main-menu ul.menu {
text-align: right;
}
.bk-header-90-sport-2 .main-nav #main-menu .menu > li {
background: transparent !important;
}
.bk-header-90-sport-2 .bk-header-slider .bk-article-wrapper .post-c-wrap {
top: 50%;
}
.bk-header-90-sport-2 .main-nav.fixed {
position: fixed;
top: 0;
width: 1170px;
background-color: rgba(0, 0, 0, 0.8);
padding: 0;
box-shadow: 0px 5px 10px rgba(0,0,0,.1);
-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,.1);
}
.bk-header-90-sport-2 .main-nav.fixed #main-menu > ul > li, .bk-header-90-sport-2 .main-nav.fixed #ajax-form-search i{
color: #fff;
}
.bk-header-90-sport #ajax-search-result {
margin-top: 138px;
}
.bk-header-90-sport-2 #ajax-search-result {
margin-top: 98px;
}
.main-nav.fixed #ajax-search-result{
margin-top: 96px;
}
/*** Header 5 ***/
.bk-header-tech2 .main-nav {
background-color: #000;
}
.bk-header-tech2 .main-nav.fixed {
background-color: rgba(0, 0, 0, 0.8);
}
.bk-header-tech2 #main-menu > ul > li {
color: #fff;
}
.bk-header-tech2 #ajax-form-search i{
color: #fff;
}
/*** Header Six ***/
.bk-header-art .bk-lwa {
margin-right: 30px;
}
.bk-header-art .bk-lwa table {
margin-left: 0;
}
.bk-header-art .lwa i {
color: #333;
line-height: 90px;
margin-right: 35px;
font-size: 16px;
-webkit-transition: line-height 0.3s ease-in-out;
transition: line-height 0.3s ease-in-out;
}
.bk-header-art .bk-lwa .lwa-avatar {
height: 90px;
width: 27px;
padding: 0;
line-height: 1;
-webkit-transition: height 0.3s ease-in-out;
transition: height 0.3s ease-in-out;
}
.bk-header-art .feature-2-wrapper {
max-height: 391px;
}
.bk-header-art .feature-2-wrapper .thumb {
max-height: 391px;
}
.bk-header-art .feature-2-wrapper .post-c-wrap .title {
font-size: 26px;
}
/** Top share box **/
.bk-share-box-top > span {
margin-right: 30px;
font-size: 15px;
text-transform: uppercase;
}
.bk-share-box-top .share-box-wrap {
border-top: none;
padding-top: 0;
margin-bottom: 36px;
margin-top: 0;
display: inline-block;
}
.bk-share-box-top .share-box .social-share {
padding-left: 0;
}
.bk-share-box-top .share-box ul li {
min-height: 0;
}
.bk-share-box-top .share-box ul li .share-item__icon {
margin-right: 8px;
}
.bk-share-box-top .share-box ul li .share-item__icon {
width: 56px;
height: 28px;
}
.bk-share-box-top .share-box ul li i {
line-height: 28px;
}
.comment-box input#captcha_code {
width: 219px;
}
/** Footer PhotoStream **/
.footer-2 {
margin-top: 0 !important;
border-top: none !important;
}
.footer_photostream_wrapper {
margin-top: 80px;
}
.footer_photostream_wrapper h3 {
text-transform: uppercase;
text-align: center;
margin-top: 0;
font-size: 16px;
font-weight: 400;
}
.footer_photostream li {
width: 12.5%;
margin: 0;
display: inline;
float: left;
line-height: 0;
}
.footer_photostream li a {
display: block;
}
.footer_photostream li img {
width: 100%;
height: auto;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.footer_photostream li:hover img{
opacity: 0.7;
}
.footer_photostream {
margin-top: 20px;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
/** Fix issue from Chrome Version 45.0.2454.85 **/
.thumb > a {
display: block;
}
/** WPForms **/
div.wpforms-container-full .wpforms-form button[type=submit] {
border: 0;
background: #333;
color: #fff;
padding: 0 20px;
min-height: 45px;
border-radius: 3px;
}
div.wpforms-container-full .wpforms-form button[type=submit]:hover {
border: 0;
color: #fff;
opacity: 0.8;
}
div.wpforms-container-full .wpforms-form .wpforms-field {
margin-bottom: 10px;
}
div.wpforms-container-full .wpforms-form label.wpforms-error {
display: block;
color: #990000;
font-size: 13px;
float: none;
cursor: default;
font-weight: 400;
margin: 10px 0 0 0;
}