/* Theme Name: Division Theme URI: http://themeforest.net/user/BillyKid Description: Creative agancy theme. Author: BillyKid Author URI: http://themeforest.net/user/BillyKid Version: 2.7.1 Tags: light, fixed-width, custom-background, custom-colors, custom-header, theme-options, translation-ready License: GNU General Public License License URI: license.txt */ /* TABLE OF CONTENT 1. CSS Reset 2. Bootstrap 3. Wordpress Core 4. Theme General Rules 5. Theme Header 6. Portfolio 7. Flex Slider 8. Blog 9. Single Post 10. Widgets 11. Shortcodes 12. Contact Form 7 Styles 13. Footer 14. WPML */ /*---------------------------------------------------------------------------------------------------------------------------- 1. Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html ---------------------------------------------------------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } :focus {/* remember to define focus styles! */ outline: 0; } body { background: #fff; line-height: 1; } /* ol, ul { list-style: none; } */ table {/* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /*---------------------------------------------------------------------------------------------------------------------------- End of reset ---------------------------------------------------------------------------------------------------------------------------- */ /*! * Bootstrap v2.3.0 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .span12 { width: 940px; } .span11 { width: 860px; } .span10 { width: 780px; } .span9 { width: 700px; } .span8 { width: 620px; } .span7 { width: 540px; } .span6 { width: 460px; } .span5 { width: 380px; } .span4 { width: 300px; } .span3 { width: 220px; } .span2 { width: 140px; } .span1 { width: 60px; } .offset12 { margin-left: 980px; } .offset11 { margin-left: 900px; } .offset10 { margin-left: 820px; } .offset9 { margin-left: 740px; } .offset8 { margin-left: 660px; } .offset7 { margin-left: 580px; } .offset6 { margin-left: 500px; } .offset5 { margin-left: 420px; } .offset4 { margin-left: 340px; } .offset3 { margin-left: 260px; } .offset2 { margin-left: 180px; } .offset1 { margin-left: 100px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.127659574468085%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; } .row-fluid .span10 { width: 82.97872340425532%; *width: 82.92553191489361%; } .row-fluid .span9 { width: 74.46808510638297%; *width: 74.41489361702126%; } .row-fluid .span8 { width: 65.95744680851064%; *width: 65.90425531914893%; } .row-fluid .span7 { width: 57.44680851063829%; *width: 57.39361702127659%; } .row-fluid .span6 { width: 48.93617021276595%; *width: 48.88297872340425%; } .row-fluid .span5 { width: 40.42553191489362%; *width: 40.37234042553192%; } .row-fluid .span4 { width: 31.914893617021278%; *width: 31.861702127659576%; } .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } .row-fluid .span2 { width: 14.893617021276595%; *width: 14.840425531914894%; } .row-fluid .span1 { width: 6.382978723404255%; *width: 6.329787234042553%; } .row-fluid .offset12 { margin-left: 104.25531914893617%; *margin-left: 104.14893617021275%; } .row-fluid .offset12:first-child { margin-left: 102.12765957446808%; *margin-left: 102.02127659574467%; } .row-fluid .offset11 { margin-left: 95.74468085106382%; *margin-left: 95.6382978723404%; } .row-fluid .offset11:first-child { margin-left: 93.61702127659574%; *margin-left: 93.51063829787232%; } .row-fluid .offset10 { margin-left: 87.23404255319149%; *margin-left: 87.12765957446807%; } .row-fluid .offset10:first-child { margin-left: 85.1063829787234%; *margin-left: 84.99999999999999%; } .row-fluid .offset9 { margin-left: 78.72340425531914%; *margin-left: 78.61702127659572%; } .row-fluid .offset9:first-child { margin-left: 76.59574468085106%; *margin-left: 76.48936170212764%; } .row-fluid .offset8 { margin-left: 70.2127659574468%; *margin-left: 70.10638297872339%; } .row-fluid .offset8:first-child { margin-left: 68.08510638297872%; *margin-left: 67.9787234042553%; } .row-fluid .offset7 { margin-left: 61.70212765957446%; *margin-left: 61.59574468085106%; } .row-fluid .offset7:first-child { margin-left: 59.574468085106375%; *margin-left: 59.46808510638297%; } .row-fluid .offset6 { margin-left: 53.191489361702125%; *margin-left: 53.085106382978715%; } .row-fluid .offset6:first-child { margin-left: 51.063829787234035%; *margin-left: 50.95744680851063%; } .row-fluid .offset5 { margin-left: 44.68085106382979%; *margin-left: 44.57446808510638%; } .row-fluid .offset5:first-child { margin-left: 42.5531914893617%; *margin-left: 42.4468085106383%; } .row-fluid .offset4 { margin-left: 36.170212765957444%; *margin-left: 36.06382978723405%; } .row-fluid .offset4:first-child { margin-left: 34.04255319148936%; *margin-left: 33.93617021276596%; } .row-fluid .offset3 { margin-left: 27.659574468085104%; *margin-left: 27.5531914893617%; } .row-fluid .offset3:first-child { margin-left: 25.53191489361702%; *margin-left: 25.425531914893618%; } .row-fluid .offset2 { margin-left: 19.148936170212764%; *margin-left: 19.04255319148936%; } .row-fluid .offset2:first-child { margin-left: 17.02127659574468%; *margin-left: 16.914893617021278%; } .row-fluid .offset1 { margin-left: 10.638297872340425%; *margin-left: 10.53191489361702%; } .row-fluid .offset1:first-child { margin-left: 8.51063829787234%; *margin-left: 8.404255319148938%; } [class*="span"].hide, .row-fluid [class*="span"].hide { display: none; } [class*="span"].pull-right, .row-fluid [class*="span"].pull-right { float: right; } @-ms-viewport { width: device-width; } .hidden { display: none; visibility: hidden; } .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } .visible-desktop { display: inherit !important; } @media (min-width: 769px) and (max-width: 979px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important ; } .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } } @media (max-width: 768px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: inherit !important; } .hidden-print { display: none !important; } } @media (max-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { margin-left: -20px; margin-right: -20px; } .container-fluid { padding: 0; } .dl-horizontal dt { float: none; clear: none; width: auto; text-align: left; } .dl-horizontal dd { margin-left: 0; } .container { width: auto; } .row-fluid { width: 100%; } .row, .thumbnails { margin-left: 0; } .thumbnails > li { float: none; margin-left: 0; } [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] { float: none; display: block; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .span12, .row-fluid .span12 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="offset"]:first-child { margin-left: 0; } .input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] { display: inline-block; width: auto; } .controls-row [class*="span"] + [class*="span"] { margin-left: 0; } .modal { position: fixed; top: 20px; left: 20px; right: 20px; width: auto; margin: 0; } .modal.fade { top: -100px; } .modal.fade.in { top: 20px; } } @media (max-width: 480px) { .nav-collapse { -webkit-transform: translate3d(0, 0, 0); } .page-header h1 small { display: block; line-height: 20px; } input[type="checkbox"], input[type="radio"] { border: 1px solid #ccc; } .form-horizontal .control-label { float: none; width: auto; padding-top: 0; text-align: left; } .form-horizontal .controls { margin-left: 0; } .form-horizontal .control-list { padding-top: 0; } .form-horizontal .form-actions { padding-left: 10px; padding-right: 10px; } .media .pull-left, .media .pull-right { float: none; display: block; margin-bottom: 10px; } .media-object { margin-right: 0; margin-left: 0; } .modal { top: 10px; left: 10px; right: 10px; } .modal-header .close { padding: 10px; margin: -10px; } .carousel-caption { position: static; } } /* inner column styles */ .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { position:relative; margin-right:4%; float:left; min-height:1px; height:auto!important; height:1px; } .last { margin-right:0!important; clear:right; } .one_half { width:48%; } .one_third { width:30.6666%; } .two_third { width:65.3332%; } .one_fourth { width:22%; } .three_fourth { width:74%; } .one_fifth { width:16.8%; } .two_fifth { width:37.6%; } .three_fifth { width:58.4%; } .four_fifth { width:79.2%; } .one_sixth { width:13.3333%; } .five_sixth { width:82.6665%; } @media only screen and (max-width: 768px) { .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { margin-right: 0px !important; width: 100%; float: none; } } /*---------------------------------------------------------------------------------------------------------------------------- 2. WordPress Core ---------------------------------------------------------------------------------------------------------------------------- */ .alignnone { margin: 0px; } .aligncenter { display: block; margin: 0px auto; } div.aligncenter { display: block; margin: 0px auto; margin-bottom: 20px; } .alignright { float:right; margin: 0px 0px 20px 20px; } .alignleft { float: left; margin: 0px 20px 20px 0px; } .aligncenter { display: block; margin: 0px auto; } a img.alignright { float: right; margin: 0px 0px 20px 20px; } a img.alignnone { margin: 0px; } a img.alignleft { float: left; margin: 0px 20px 20px 0px; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } div.wp-caption { padding: 0px; text-align: center; max-width: 100%; } .wp-caption.alignnone { margin: 0px; margin-bottom: 20px; } .wp-caption.alignleft { margin: 0px 20px 20px 0px; } .wp-caption.alignright { margin: 0px 0px 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 12px; margin: 0; max-width: 96%; } .sticky { margin: 0px; } .gallery-caption { margin: 0px; } .bypostauthor { } .gallery-icon { margin-right: 10px !important; } .gallery-icon img { border: 2px solid transparent !important; } div.gallery { margin-bottom: 30px !important; } /*---------------------------------------------------------------------------------------------------------------------------- End of WordPress Core ---------------------------------------------------------------------------------------------------------------------------- */ /*---------------------------------------------------------------------------------------------------------------------------- 4. Theme General rules ---------------------------------------------------------------------------------------------------------------------------- */ a.jackbox { display: inline; } .jackbox-thumb img.jb-thumb { height: 100%; width: auto; max-width: none; } .bk_social_button_wrap, .bk_blog_social_button_wrap { opacity: 0.5; filter: alpha(opacity=50); } span.bk-themedefault-highlight { color: #909090; } /* protected form wrap */ div.bk-protected-form-fixed-wrap { width: 100%; height: 100%; position: fixed; } .bk-fixed-header-left div.bk-protected-form-fixed-wrap{ margin-left: -140px; } div.bk-protected-form-outer-wrap { display: table; width: 100%; height: 100%; } div.bk-protected-form-inner-wrap { display: table-cell; vertical-align: middle; } div.bk-protected-form-content-wrap { max-width: 600px; margin: 0px auto; background: white; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); } @media only screen and (max-width: 769px) { .bk-fixed-header-left div.bk-protected-form-content-wrap { max-width: 420px; } } div.bk-protected-form-wrap { padding: 30px; } @media only screen and (max-width: 768px) { div.bk-protected-form-fixed-wrap { position: static; } .bk-fixed-header-left div.bk-protected-form-fixed-wrap{ margin-left: 0px; } div.bk-protected-form-content-wrap { max-width: none !important; } } a { color: #909090; text-decoration: none; } a:hover { color: #FF4629; } input[type="text"], textarea, input[type="password"], input[type="email"] { border: 1px solid #F8f8f8; background: #F8f8f8; color: #404040; padding: 6px 6px 5px; } input[type="text"]:focus, textarea:focus, input[type="password"]:focus, input[type="email"]:focus { background: white; border: 1px solid #e4e4e4; } select { padding: 5px; } li.comment input[type="text"], li.comment textarea { background: white; } div.bk-status-post-format-featured-inner-wrap a, div.bk-link-post-format-featured-inner-wrap a{ word-break: break-all; } ol, ul { margin-left: 30px; } blockquote { font-weight: bold; background: url("images/quote.png") 0px 0px no-repeat; padding-left: 30px; padding-right: 30px; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { blockquote { background-image: url("images/retina/quote@2.png"); background-size: 20px 20px; } } p:empty { display: none; } .left { float: left;} .right { float: right; } .center { margin: 0px auto; } .clear_both { clear: both; } strong { font-weight: bold; } em { font-style: italic; } iframe, img, video { display: block; } img { max-width: 100%; height: auto; } .bk-hidden { display: none; } /* Sidebars */ ul.sidebar-content, ul.sidebar-content ul { margin-left: 0px; list-style: none; } ul.sidebar-content { margin-top: 30px; margin-bottom: 0px; } div.bk-sidebar ul{ margin-bottom: 0px; } ul.sidebar-content li.widget{ margin-bottom: 30px; } ul.sidebar-content li.widget ul, ul.sidebar-content li.widget ol { margin-bottom: 0px; } body { -webkit-font-smoothing: antialiased; color: #404040; font-size: 12px; line-height: 18px; background: white; font-family: Helvetica,Arial,Garuda,sans-serif; } h1 {font-size:30px; margin-bottom: 0.5em; line-height: 1.3em;} h2 {font-size:26px; margin-bottom: 0.5em; line-height: 1.3em;} h3 {font-size:22px; margin-bottom: 0.5em; line-height: 1.3em;} h4 {font-size:18px; margin-bottom: 0.5em; line-height: 1.3em;} h5 {font-size:16px; margin-bottom: 0.5em; line-height: 1.3em;} h6 {font-size:14px; margin-bottom: 0.5em; line-height: 1.3em;} p, ul, ol, div.bk-accordion, div.bk-toggle, div.bk-tabs{ margin-bottom: 30px; } a { -webkit-transition: color 300ms ease, opacity 300ms ease, background-color 300ms ease, border-color 300ms ease; -moz-transition: color 300ms ease, opacity 300ms ease, background-color 300ms ease, border-color 300ms ease; -ms-transition: color 300ms ease, opacity 300ms ease, background-color 300ms ease, border-color 300ms ease; -o-transition: color 300ms ease, opacity 300ms ease, background-color 300ms ease, border-color 300ms ease; transition: color 300ms ease, opacity 300ms ease, background-color 300ms ease, border-color 300ms ease; } div.bk-toggle-header { webkit-transition: color 300ms ease; -moz-transition: color 300ms ease; -ms-transition: color 300ms ease; -o-transition: color 300ms ease; transition: color 300ms ease; } /* Fluid width video wrapper rules*/ div.fluid-width-video-wrapper { position: relative; margin-bottom: 30px; } div.bk-post-featured-content-wrap div.fluid-width-video-wrapper, div.bk-portfolio-featured-wrap div.fluid-width-video-wrapper { margin-bottom: 0px; } div.bk-post-featured-content-wrap div.fluid-width-video-wrapper, div.bk-portfolio-featured-wrap div.fluid-width-video-wrapper { background:black url("images/ajax-white.gif") no-repeat center; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { div.bk-post-featured-content-wrap div.fluid-width-video-wrapper, div.bk-portfolio-featured-wrap div.fluid-width-video-wrapper { background-image: url("images/retina/ajax-white@2.gif"); background-size: 16px 16px; } } div.fluid-width-video-wrapper div.fluid-width-video-contaner { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; } div.fluid-width-video-contaner div.jp-interface { position: absolute; width: 100%; top: none; bottom: 0px; left: 0px; } div.fluid-width-video-wrapper object, div.fluid-width-video-wrapper iframe, div.fluid-width-video-wrapper embed, div.fluid-width-video-wrapper video { position: absolute; top: 0px; left: 0px; height: 100% !important; width: 100% !important; } /* jp player skin */ div.jp-audio, div.jp-video { font-size:1em; font-family: Verdana, Arial, sans-serif; line-height: 1.0; color: #666; } div.jp-audio, div.jp-video { width: 100%; } div.jp-interface { position: relative; overflow: hidden; left: 0px; background: #2c2e2e url("images/jplayer.png") 0 -112px repeat-x; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } div.fluid-width-video-contaner div.jp-interface, div.fluid-width-video-contaner div.jp-video { position: absolute; width: 100%; top: none; bottom: 0px; left: 0px; } div.fluid-width-video-contaner { overflow: hidden; height: 100%; } div.jp-type-single div.jp-interface { height:30px; } div.jp-interface ul.jp-controls { list-style-type:none; padding:0; margin: 0 !important; } div.jp-interface ul.jp-controls li { /* position: absolute; */ display:inline; } div.jp-interface ul.jp-controls a { position: absolute; overflow:hidden; text-indent:-9999px; } a.jp-play, a.jp-pause { width:16px; height:16px; z-index:1; } div.jp-type-single a.jp-play, div.jp-type-single a.jp-pause { top:8px; left:9px; } a.jp-play { background: url("images/jplayer.png") 0 0 no-repeat; } a.jp-play:hover { background: url("images/jplayer.png") -16px 0 no-repeat; } a.jp-pause { background: url("images/jplayer.png") 0 -16px no-repeat; display: none; } a.jp-pause:hover { background: url("images/jplayer.png") -16px -16px no-repeat; } div.jp-progress-wrapper { margin-left: 44px; margin-right: 92px; } div.jp-divider { position: absolute; top: 0px; height: 32px; border-left: 1px solid #2c2e2e; border-right: 1px solid #424445; } div.jp-divider.left-side { left: 33px; } div.jp-divider.right-side { right: 77px; } div.jp-progress { position: relative; overflow: hidden; background-color: #ddd; } div.jp-type-single div.jp-progress { top: 12px; left: 0px; width: 100%; padding: 1px; height: 8px; background: url("images/jplayer.png") 0 -64px repeat-x; } div.jp-seek-bar { background: url("images/jplayer.png") 0 -96px repeat-x; width:0px; height:8px; cursor: pointer; } div.jp-play-bar { background: url("images/jplayer.png") 0 -80px repeat-x ; width:0px; height:8px; } a.jp-mute, a.jp-unmute { width:16px; height:16px; } div.jp-type-single a.jp-mute, div.jp-type-single a.jp-unmute { top: 8px; right: 56px; z-index: 1; } a.jp-mute { background: url("images/jplayer.png") 0 -32px no-repeat; } a.jp-mute:hover { background: url("images/jplayer.png") -16px -32px no-repeat; } a.jp-unmute { background: url("images/jplayer.png") 0 -48px no-repeat; display: none; } a.jp-unmute:hover { background: url("images/jplayer.png") -16px -48px no-repeat; } div.jp-volume-bar-wrapper { position: absolute; width: 78px; height: 32px; top: 0px; right: 0px; } div.jp-volume-bar { position: relative; top: 12px; left: 28px; padding: 1px; overflow: hidden; background: url("images/jplayer.png") 0 -64px repeat-x; width:40px; height:8px; cursor: pointer; } div.jp-volume-bar-value { background: url("images/jplayer.png") 0 -80px repeat-x; width:0px; height:8px; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { div.jp-volume-bar-value, div.jp-volume-bar, a.jp-mute, a.jp-mute:hover, a.jp-unmute, a.jp-unmute:hover, div.jp-type-single div.jp-progress, div.jp-seek-bar, div.jp-play-bar, a.jp-play, a.jp-play:hover, a.jp-pause, a.jp-pause:hover, div.jp-interface { background-image: url("images/retina/jplayer@2.png"); background-size: 32px 144px; } } div.jp-current-time, div.jp-duration { position: absolute; font-size: 8px; } div.jp-duration { text-align: right; } div.jp-jplayer { background-color: #000000; } div.jp-jplayer > img { width: 100% !important; height: auto !important; position: relative; z-index: 1; } div.jp-jplayer object { display: block; } h3.widget-title, .content-separator { font-weight: bold; text-transform: uppercase; font-size: 12px; line-height: 12px; margin-bottom: 10px; background: url("images/dots-x.png") left bottom repeat-x; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { h3.widget-title, .content-separator { background-image: url("images/retina/dots-x@2.png"); background-size: 4px 1px; } } h3.widget-title span, .content-separator span.title{ display: inline-block; position: relative; top: 0px; padding-bottom: 10px; border-bottom: 1px solid #404040; } .content-separator { min-height: 1px; } html, body { min-height: 100%; height: auto !important; height: 100%; } body { background: #eee; } #bk-content-outer-wrap { margin-left: 280px; height: 100%; overflow: auto; } #bk-content-outer-wrap.bk-top-header { margin-left: 0px; } .bk-fixed-header-left #bk-content-outer-wrap.bk-navigation-hidden { margin-left: 10px; } #bk-fullscreen-background-wrap { position: relative; height: 100%; } #bk_loading_icon { width: 40px; height: 40px; display: block; position: fixed; z-index: 10; top: 50%; left: 50%; margin-left: -20px; margin-top: -20px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: white url("images/ajax-dark.gif") no-repeat center; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { #bk_loading_icon { background-image: url("images/retina/ajax-dark@2.gif"); background-size: 16px 16px; } } #bk-content-inner-wrap { position: relative; z-index: 4; } .bk-fullscreen-slideshow-enabled.bk-collapsible-header.bk-collapsed-header-onload #bk-content-inner-wrap { display: none; } .bk-collapsed-header-onload #supersized-overlay { display: none; } .single-page .bk-fixed-page, .single-product .bk-fixed-page, .page .bk-fixed-page, .archive .bk-fixed-page, .search .bk-fixed-page, .home .bk-fixed-page { background: white; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); } .bk-fixed-page { padding: 0px; } .bk-fixed-page.bk-centered { margin: 30px auto; } .bk-fixed-page.bk-float-right { float: right; margin: 30px; width: 100%; } .bk-fixed-page.bk-float-left { float: left; margin: 30px; width: 100%; } .bk-fixed-page.no-margins { margin: 0px !important; } #bk-main-wrap { height: 100%; position: relative; } @media only screen and (max-width: 768px) { #bk-content-outer-wrap, #bk-content-outer-wrap.bk-navigation-hidden { margin-left: 0px !important; height: auto; } .bk-fixed-page.bk-centered, .bk-fixed-page.bk-float-right, .bk-fixed-page.bk-float-left { margin: 0px; float: none; max-width: none !important; } } #bk-background-google-map-canvas { position: fixed !important; top: 0px; left: 0px; width: 100%; height: 100%; } /*---------------------------------------------------------------------------------------------------------------------------- End of Theme General rules ---------------------------------------------------------------------------------------------------------------------------- */ /*---------------------------------------------------------------------------------------------------------------------------- 4. Theme Header ---------------------------------------------------------------------------------------------------------------------------- */ /*** ESSENTIAL SUPERFISH MENU STYLES ***/ .sf-menu, .sf-menu li.menu-item, .sf-menu ul.sub-menu { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul.sub-menu { position: absolute; top: -999em; width: 150px; /* left offset of submenus need to match (see below) */ } .sf-menu ul.sub-menu li.menu-item { width: 150px; } .sf-menu li.menu-item:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li.menu-item { float: left; position: relative; } .sf-menu a.bk-menu-item-anchor { display: block; position: relative; } .sf-menu li.menu-item:hover ul, .sf-menu li.menu-item.sfHover ul { left: 0px; top: 100%; /* match top ul list item height */ z-index: 99; } .bk-fixed-header-left .sf-menu > li.menu-item:hover > ul, .bk-fixed-header-left .sf-menu > li.menu-item.sfHover > ul { left: 250px; top: -1px; /* match top ul list item height */ } ul.sf-menu li.menu-item:hover li.menu-item ul.sub-menu, ul.sf-menu li.menu-item.sfHover li.menu-item ul.sub-menu { top: -999em; } ul.sf-menu li.menu-item li.menu-item:hover ul.sub-menu, ul.sf-menu li.menu-item li.menu-item.sfHover ul.sub-menu { left: 149px; /* match ul width */ top: 0px; } ul.sf-menu li.menu-item li.menu-item:hover li.menu-item ul.sub-menu, ul.sf-menu li.menu-item li.menu-item.sfHover li.menu-item ul.sub-menu { top: -999em; } ul.sf-menu li.menu-item li.menu-item li.menu-item:hover ul.sub-menu, ul.sf-menu li.menu-item li.menu-item li.menu-item.sfHover ul.sub-menu { left: 149px; /* match ul width */ top: 0px; } /*** MENU SKIN ***/ .sf-menu { *z-index: 200; position: relative; top: 0px; left: 0px; margin-bottom: 0px; text-transform: uppercase; } ul.sf-menu span.sf-sub-indicator, ul.bk-stacked-menu span.sf-sub-indicator{ height: 100%; width: 7px; display: block; position: absolute; top: 0px; right: 15px; text-indent: -9999px; background: transparent url("images/submenu-tip.png") center no-repeat; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { ul.sf-menu span.sf-sub-indicator, ul.bk-stacked-menu span.sf-sub-indicator{ background: transparent url("images/retina/submenu-tip@2.png") center no-repeat; background-size: 7px 4px; } } .sf-menu > li.menu-item > a{ } .sf-menu li.menu-item > a, .sf-menu li.menu-item > a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #555; text-decoration: none; display: block; position: relative; } ul.sf-menu ul.sub-menu li.current-menu-item > a, ul.sf-menu ul.sub-menu li.current-menu-ancestor > a { color: #404040; } ul.sf-menu > li.menu-item > a { padding: 0px 20px; } ul.sf-menu > li.menu-item > a.sf-with-ul { padding-right: 37px; } ul.sf-menu > li.menu-item > a.sf-with-ul span.sf-sub-indicator { right: 15px; } .bk-fixed-header-left ul.sf-menu > li.menu-item > a.sf-with-ul span.sf-sub-indicator { right: 30px; } ul.sf-menu > li.menu-item:last-child, ul.sf-menu > li.menu-item.last-child { padding-right: 0px; } ul.sf-menu ul.sub-menu li.menu-item > a { padding: 10px 15px; } ul.sf-menu ul.sub-menu li.menu-item:last-child > a, ul.sf-menu ul.sub-menu li.menu-item.last-child > a { background: url("images/dots-x.png") left bottom repeat-x; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { ul.sf-menu ul.sub-menu li.menu-item:last-child > a, ul.sf-menu ul.sub-menu li.menu-item.last-child > a { background-image: url("images/retina/dots-x@2.png"); background-size: 4px 1px; } } ul.sf-menu ul.sub-menu li.menu-item:last-child > a, ul.sf-menu ul.sub-menu li.menu-item.last-child > a { border-bottom-width: 0px; } ul.sf-menu ul.sub-menu{ padding: 0px 0px; background-color: white; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); } ul.sf-menu ul.sub-menu li.menu-item:first-child > a:before, ul.sf-menu ul.sub-menu li.menu-item.first-child > a:before{ content:""; display:block; /* reduce the damage in FF3.0 */ position:absolute; top: 0px; left:0px; width:100%; height: 1px; background: url("images/dots-x.png") left top repeat-x; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { ul.sf-menu ul.sub-menu li.menu-item:first-child > a:before, ul.sf-menu ul.sub-menu li.menu-item.first-child > a:before { background-image: url("images/retina/dots-x@2.png"); background-size: 4px 1px; } } ul.sf-menu ul.sub-menu:before{ content:""; display:block; /* reduce the damage in FF3.0 */ position:absolute; top: 0px; left:0px; width:1px; height: 100%; background: url("images/dots-y.png") left top repeat-y; } ul.sf-menu ul.sub-menu:after{ content:""; display:block; /* reduce the damage in FF3.0 */ position:absolute; top: 0px; right:0px; width:1px; height: 100%; background: url("images/dots-y.png") left top repeat-y; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { ul.sf-menu ul.sub-menu:before, ul.sf-menu ul.sub-menu:after { background-image: url("images/retina/dots-y@2.png"); background-size: 1px 4px; } } .sf-menu li.menu-item:hover, .sf-menu li.menu-item.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; } .sf-menu li.menu-item > a, .sf-menu li.menu-item > a:visited { color: #808080; } .sf-menu li.menu-item:hover > a, .sf-menu li.menu-item.sfHover > a { color: #404040; } /* simple menu created via widget */ #bk-header .menu li.menu-item a { color: #909090; } #bk-header .menu li.current-menu-item a, .menu li.current-menu-item a, #bk-header .menu li.current-menu-ancestor a { color: #404040; } #bk-header .menu li.menu-item a:hover, .menu li.menu-item a:hover { color: #404040; } /* simple stacked menu and sf-menu inside left sidebar layout rules */ .bk-stacked-menu { margin: 0px; list-style: none; text-transform: uppercase; } .bk-stacked-menu ul{ margin: 0px; margin-left: 15px; list-style: none; } .bk-stacked-menu li a, .bk-fixed-header-left ul.sf-menu > li.menu-item > a { text-decoration: none; position: relative; display: block; float: none; padding: 10px 30px; margin: 0px -30px; color: #808080; } .bk-fixed-header-left #fullwidth_navigation, #responsive_navigation { margin-bottom: 30px; } .bk-fixed-header-left .sf-menu > li { float: none; } .bk-stacked-menu ul li a{ font-size: 12px; line-height: 12px; } .bk-stacked-menu > li.menu-item > ul.sub-menu { margin-top: 10px; } .bk-stacked-menu li.menu-item ul.sub-menu { display: none; } .no-js .bk-stacked-menu li.menu-item:hover > ul.sub-menu { display: block; } .bk-stacked-menu > li > a, .sf-menu > li > a { font-size: 14px; font-weight: bold; } .bk-stacked-menu > li > a, .bk-fixed-header-left .sf-menu > li > a { background: url("images/dots-x.png") left bottom repeat-x; } .bk_stacked_menu_child_pages_expanded #fullwidth_navigation .bk-stacked-menu li.current-menu-ancestor > ul.bk-sub-menu { display: block; } .bk_responsive_header_menu_child_pages_expanded #responsive_navigation .bk-stacked-menu li.current-menu-ancestor > ul.bk-sub-menu { display: block; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .bk-stacked-menu > li > a, .bk-fixed-header-left .sf-menu > li > a { background-image: url("images/retina/dots-x@2.png"); background-size: 4px 1px; } } .bk-classic-header-top .sf-menu > li:before, .bk-fixed-header-top .sf-menu > li:before { content:""; display:block; /* reduce the damage in FF3.0 */ position:absolute; top: 0px; left:0px; width:1px; height: 100%; background: url("images/dots-y.png") left top repeat-y; } .bk-classic-header-top .sf-menu > li:last-child:after, .bk-fixed-header-top .sf-menu > li:last-child:after, .bk-classic-header-top .sf-menu > li.last-child:after, .bk-fixed-header-top .sf-menu > li.last-child:after { content:""; display:block; /* reduce the damage in FF3.0 */ position:absolute; top: 0px; right:0px; width:1px; height: 100%; background: url("images/dots-y.png") left top repeat-y; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .bk-classic-header-top .sf-menu > li:before, .bk-fixed-header-top .sf-menu > li:before, .bk-classic-header-top .sf-menu > li:last-child:after, .bk-fixed-header-top .sf-menu > li:last-child:after, .bk-classic-header-top .sf-menu > li.last-child:after, .bk-fixed-header-top .sf-menu > li.last-child:after { background-image: url("images/retina/dots-y@2.png"); background-size: 1px 4px; } } .bk-stacked-menu li > a:hover, .bk-stacked-menu li.current-menu-item > a, .bk-stacked-menu li.current-menu-ancestor > a, .bk-fixed-header-left ul.sf-menu > li.menu-item > a:hover, .bk-fixed-header-left ul.sf-menu > li.menu-item.current-menu-item > a{ color: #404040; } .bk-stacked-menu > li:first-child > a:before, .bk-fixed-header-left .sf-menu > li:first-child > a:before { content:""; display:block; /* reduce the damage in FF3.0 */ position:absolute; top: 0px; left:0px; width:100%; height: 1px; background: url("images/dots-x.png") left top repeat-x; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .bk-stacked-menu > li:first-child > a:before, .bk-fixed-header-left .sf-menu > li:first-child > a:before { background-image: url("images/retina/dots-x@2.png"); background-size: 4px 1px; } } .bk-stacked-menu li a span.bk-description, .sf-menu li a span.bk-description { display: block; padding-top: 3px; font-size: 12px; line-height: 12px; font-weight: normal; } /* header social wrap */ #bk-header-social-wrapper { text-align: center; height: 30px; } .bk-classic-header-top #bk-header-social-wrapper, .bk-fixed-header-top #bk-header-social-wrapper { float: right; margin-left: 15px; } .bk-classic-header-top #bk-wpml-language-switcher-wrapper, .bk-fixed-header-top #bk-wpml-language-switcher-wrapper { float: right; margin-left: 15px; margin-top: 20px; } ul.bk-social-icons { list-style: none; display: inline-block; margin-bottom: 0px; margin-left: 0px; } ul.bk-social-icons li { list-style: none; display: inline-block; *display: inline; zoom: 1; width: 40px; height: 40px; margin-bottom: 0px; float: left; } a.bk-social-icon { display: inline-block; width: 40px; height: 40px; opacity: 0.5; filter: alpha(opacity=50); background: transparent url("images/social-icons.png") 0px 0px no-repeat; } a.bk-social-icon:hover { opacity: 1; filter: alpha(opacity=100); } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { a.bk-social-icon { background: transparent url("images/retina/social-icons@2.png") 0px 0px no-repeat; background-size: 40px 1040px; } } /* social icons */ a.bk-social-icon.dribble {background-position: 0px 0px;} a.bk-social-icon.yahoo {background-position: 0px -40px;} a.bk-social-icon.blogger {background-position: 0px -80px;} a.bk-social-icon.quora {background-position: 0px -120px;} a.bk-social-icon.ember {background-position: 0px -160px;} a.bk-social-icon.digg {background-position: 0px -200px;} a.bk-social-icon.paypal {background-position: 0px -240px;} a.bk-social-icon.facebook {background-position: 0px -280px;} a.bk-social-icon.forrst {background-position: 0px -320px;} a.bk-social-icon.skype {background-position: 0px -360px;} a.bk-social-icon.github {background-position: 0px -400px;} a.bk-social-icon.behance {background-position: 0px -440px;} a.bk-social-icon.evernote {background-position: 0px -480px;} a.bk-social-icon.linkedin {background-position: 0px -520px;} a.bk-social-icon.rss {background-position: 0px -560px;} a.bk-social-icon.vimeo {background-position: 0px -600px;} a.bk-social-icon.last-fm {background-position: 0px -640px;} a.bk-social-icon.flickr {background-position: 0px -680px;} a.bk-social-icon.you-tube {background-position: 0px -720px;} a.bk-social-icon.tumblr {background-position: 0px -760px;} a.bk-social-icon.aim {background-position: 0px -800px;} a.bk-social-icon.share-this {background-position: 0px -840px;} a.bk-social-icon.google {background-position: 0px -880px;} a.bk-social-icon.twitter {background-position: 0px -920px;} a.bk-social-icon.pinterest {background-position: 0px -960px;} a.bk-social-icon.email {background-position: 0px -1000px;} #bk-header { background: white; position: relative; z-index: 5; } #bk-header.bk-fixed-header-left { position: fixed; min-height: 100%; padding: 0px 30px; top: 0px; left: 0px; width: 220px; } #bk-header-tagline { position: absolute; width: 100%; bottom: 0px; margin-left: -30px; padding-left: 30px; padding-right: 30px; box-sizing:border-box; -moz-box-sizing:border-box; } #bk-header-tagline-content-wrap p { margin-bottom: 15px; } @media only screen and (min-width: 769px) { #bk-header.bk-fixed-header-left { top: 0px !important; } .bk-fixed-header-left #bk-content-outer-wrap { margin-top: 0px !important; } } #bk-header.bk-fixed-header-left #bk-header-inner-wrap { margin-top: 10px; } @media only screen and (max-width: 768px) { #bk-header.bk-fixed-header-left { left: 0px !important; } #bk-header-tagline { position: static; margin-left: 0px; padding-left: 0px; padding-right: 0px; } #bk-header.bk-fixed-header-left #bk-header-inner-wrap { margin-top: 0px; } .bk-classic-header-top #bk-wpml-language-switcher-wrapper, .bk-fixed-header-top #bk-wpml-language-switcher-wrapper { float: none; margin-left: 0px; margin-top: 0px; } } #bk-header.bk-classic-header-top #bk-header-inner-wrap, #bk-header.bk-fixed-header-top #bk-header-inner-wrap { padding: 0px 30px; } #bk-header.bk-fixed-header-top { width: 100% !important; } div.bk-fixed-header-spacer { width: 100% !important; } html, body { } #bk-header.bk-classic-header-top.bk-collapsible-header #bk-navigation-toggle:after, #bk-header.bk-fixed-header-top.bk-collapsible-header #bk-navigation-toggle:after { content:""; display:block; /* reduce the damage in FF3.0 */ position:absolute; top: auto; z-index: 1; bottom:-30px; right:15px; width:0; border-width: 15px; border-style: solid; border-top-color: white; border-right-color: transparent; border-left-color: transparent; border-bottom-color: transparent; } #bk-header.bk-classic-header-top.bk-collapsible-header #bk-navigation-toggle:before, #bk-header.bk-fixed-header-top.bk-collapsible-header #bk-navigation-toggle:before { content:""; display:block; /* reduce the damage in FF3.0 */ position:absolute; top: auto; bottom:-28px; right:14px; width:0; width:31px; height: 28px; background: url("images/header-toggle-shadow-horizontal.png") no-repeat 0px 0px; } #bk-header.bk-collapsible-header #bk-navigation-toggle:after { content:""; display:block; /* reduce the damage in FF3.0 */ position:absolute; z-index: 1; top:15px; right:-30px; width:0; border-width: 15px; border-style: solid; border-top-color: transparent; border-right-color: transparent; border-left-color: white; border-bottom-color: transparent; } #bk-header.bk-collapsible-header #bk-navigation-toggle:before { content:""; display:block; /* reduce the damage in FF3.0 */ position:absolute; top:14px; right:-28px; width:28px; height: 31px; background: url("images/header-toggle-shadow-vertical.png") no-repeat 0px 0px; } #bk-header.bk-fixed-header-left.bk-collapsed-header { left: -270px; } /* * back to top button */ #bk-back-to-top-button { display: none; cursor: pointer; position: fixed; z-index: 100; bottom: 30px; right: 30px; width: 41px; height: 41px; background: white url("images/back-to-top.png") no-repeat center top; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: background-position; -moz-transition-property: background-position; -ms-transition-property: background-position; -o-transition-property: background-position; transition-property: background-position; } #bk-back-to-top-button:hover { background-position: center bottom; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { #bk-back-to-top-button { background-image: url("images/retina/back-to-top@2.png"); background-size: 41px 82px; } } #bk-toggle-button { display: block; z-index: 2; background: url("images/header-toggle.png") no-repeat -11px 0px; width: 11px; height: 11px; position: absolute; top: 25px; right: -5px; cursor: pointer; } #bk-header.bk-classic-header-top #bk-toggle-button, #bk-header.bk-fixed-header-top #bk-toggle-button{ top: auto; bottom: -5px; right: 24px; } #bk-header.bk-collapsed-header #bk-toggle-button { background-position: 0px 0px; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { #bk-toggle-button { background-image: url("images/retina/header-toggle@2.png"); background-size: 22px 11px; } } #bk-header-shadow { position: absolute; width: 13px; height: 100%; background: url("images/shadow.png") repeat-y 0px 0px; bottom: 0px; right: -13px; } .bk-classic-header-top #bk-header-shadow, .bk-fixed-header-top #bk-header-shadow { right: 0px; bottom: -13px; height: 13px; width: 100%; background: url("images/shadow-vertical.png") repeat-x 0px 0px; } #responsive_navigation { display: none; } .bk-theme-logo { display: block; margin: auto; } #bk-logo-wrap a{ text-align: center; display: block; } .bk-classic-header-top #bk-logo-wrap, .bk-fixed-header-top #bk-logo-wrap { float: left; margin-right: 30px; } .bk-theme-logo.retina { display: none; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .bk-theme-logo.standard.with-retina-replacement { display: none; } .bk-theme-logo.retina { display: block; } } #bk-responsive-navigation-toggle { display: none; width: 54px; height: 100%; min-height: 30px; float: right; background: transparent url("images/responsive-navigation-toggle.png") center no-repeat; cursor: pointer; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { #bk-responsive-navigation-toggle { background-image: url("images/retina/responsive-navigation-toggle@2.png"); background-size: 20px 13px; } } #bk-mobile-logo-wrap { float: left; display: none; } #bk-responsive-navigation-header { height: 50px; display: none; } #bk-responsive-header-social-wrapper { text-align: center; display: none; } @media only screen and (max-width: 768px) { #bk-logo-wrap { display: none; } #bk-mobile-logo-wrap { display: table; height: 100%; } #bk-mobile-logo-inner-wrap { display: table-cell; vertical-align: middle; } #bk-header-social-wrapper { display: none; } #bk-responsive-header-social-wrapper { display: block; } #bk-responsive-navigation-header { display: block; } #bk-header { width: auto !important; position: relative !important; height: auto !important; padding: 0px !important; } #bk-header-inner-wrap { display: none; padding: 0px 30px; } #bk-navigation-toggle, #bk-toggle-button { display: none; } #bk-responsive-navigation-toggle { display: block; } #bk-header.bk-collapsible-header #bk-navigation-toggle:after, #bk-header.bk-collapsible-header #bk-navigation-toggle:before { display:none; /* reduce the damage in FF3.0 */ } #bk-header.bk-collapsed-header { left: 0px !important; top: 0px !important; } #bk-header-shadow { right: 0px; bottom: -13px; height: 13px; width: 100%; background: url("images/shadow-vertical.png") repeat-x 0px 0px; } #fullwidth_navigation { display: none; } #responsive_navigation { display: block; } } @media only screen and (min-width: 769px) { #bk-header-inner-wrap { display: block !important; } } #responsive_navigation ul.bk-stacked-menu span.sf-sub-indicator { right: 0px; width: 54px; z-index: 1; } #responsive_navigation ul.bk-stacked-menu > li > a > span.sf-sub-indicator:after { content:""; display:block; /* reduce the damage in FF3.0 */ position:absolute; top: 0px; left: 0px; width:1px; height: 100%; background: url("images/dots-y.png") left top repeat-y; } /*---------------------------------------------------------------------------------------------------------------------------- End of Theme Header ---------------------------------------------------------------------------------------------------------------------------- */ /*---------------------------------------------------------------------------------------------------------------------------- 5. Portfolio ---------------------------------------------------------------------------------------------------------------------------- */ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item, .isotope-inactive.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } .isotope-hidden.isotope-item { transform: scale3d(0.001, 0.001, 1); -ms-transform: scale3d(0.001, 0.001, 1); /* IE 9 */ -moz-transform: scale3d(0.001, 0.001, 1); /* Firefox */ -webkit-transform: scale3d(0.001, 0.001, 1); /* Safari and Chrome */ -o-transform: scale3d(0.001, 0.001, 1); /* Opera */ -webkit-transform: scale3d(0.001, 0.001, 1); } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s !important; -moz-transition-duration: 0s !important; -ms-transition-duration: 0s !important; -o-transition-duration: 0s !important; transition-duration: 0s !important; } div.bk-img-border { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(0,0,0,0.1); } div.bk-img-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.5); opacity: 0.0; filter: alpha(opacity=0); color: white; font-weight: bold; line-height: 100%; } div.bk-img-overlay.icon { background-image: url("images/plus.png"); background-repeat: no-repeat; background-position: center; -webkit-transition: background-position 0.3s ease; } div.bk-img-wrap:hover div.bk-img-overlay.icon { background-position: center; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { div.bk-img-overlay.icon { background-image: url("images/retina/plus@2.png"); background-size: 11px 11px; } } div.bk-img-overlay.hoverable { background-image: url("images/plus.png"); background-repeat: no-repeat; background-position: center; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { div.bk-img-overlay.hoverable { background-image: url("images/retina/plus@2.png"); background-size: 11px 11px; } } div.bk-img-overlay-outer { display: table; width: 100%; height: 100%; } div.bk-img-overlay-inner { display: table-cell; vertical-align: middle; text-align: center; } ul.portfolio-filter { list-style: none; margin-left: 0px; margin-bottom: 5px; margin-top: 5px; } ul.portfolio-filter li{ display: block; float: left; margin-right: 20px; position: relative; } ul.portfolio-filter.bk-sidebar-portfolio-filter li { float: none; } @media only screen and (max-width: 768px) { ul.portfolio-filter.bk-sidebar-portfolio-filter li { float: left; } } ul.portfolio-filter li a{ padding-left: 20px; text-decoration: none; color: #909090; } ul.portfolio-filter li a:hover, ul.portfolio-filter li.current a{ color: #404040; } ul.portfolio-filter li span { display: block; position: absolute; width: 9px; height: 9px; left: 0px; top: 50%; margin-top: -5px; background: url("images/portfolio-filter-cross.png") no-repeat 0px 0px; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { ul.portfolio-filter li span { background-image: url("images/retina/portfolio-filter-cross@2.png"); background-size: 9px 18px; } } ul.portfolio-filter li.current span { background-position: 0px -9px; } ul.portfolio-filter li a:hover{ color: #555; } ul.filterable-grid { margin: 0px; list-style: none; } li.portfolio-item { display: none; float: left; overflow: hidden; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); } li.portfolio-item .portfolio-thumb-description-title { margin-bottom: 0px; padding-bottom: 8px; text-transform: uppercase; font-size: 14px; font-weight: bold; } li.portfolio-item div.portfolio-thumb-description-wrap { background: white; padding: 10px; padding-bottom: 0px; position: relative; } li.portfolio-item div.portfolio-thumb-description-wrap:after { content:""; display:block; /* reduce the damage in FF3.0 */ position:absolute; top:-14px; left:10px; width:0; border-width: 7px; border-style: solid; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; border-bottom-color: white; } li.portfolio-item div.portfolio-thumb-description-wrap:before { content:""; display: block; position: absolute; top: -8px; left: 10px; width: 14px; height: 7px; background: url("images/description-tip.png") no-repeat 0px 0px; } li.portfolio-item p.portfolio-thumb-description-excerpt { padding-bottom: 10px; margin-bottom: 0px; } div.bk-img-wrap { position: relative; overflow: hidden; top: 0px; left: 0px; } div.bk-img-wrap img{ width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Zoom effect */ div.bk-img-wrap.bk_zoom img{ transform: scale(1.0); -moz-transform: scale(1.0); -webkit-transform: scale(1.0); -o-transform: scale(1.0); -ms-transform: scale(1.0); } div.bk-img-wrap.bk_zoom:hover img{ transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } /* Greyscale effect */ div.bk-img-wrap.bk_grayscale img { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); -webkit-transform: translateZ(0); } div.bk-img-wrap.bk_grayscale:hover img { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); -webkit-transform: translateZ(0); } /* Reverse Greyscale effect */ div.bk-img-wrap.bk_reverse_grayscale:hover img { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); -webkit-transform: translateZ(0); } div.bk-img-wrap.bk_reverse_grayscale img { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); -webkit-transform: translateZ(0); } .no-js li.portfolio-item, .no-js .woocommerce ul.products li.product, .no-js .woocommerce-page ul.products li.product{ display: block; } ul.filterable-grid.metro li.portfolio-item img.bk-portfolio-thumb { height: 100%; width: auto; max-width: none; } ul.filterable-grid.metro li.portfolio-item.portfolio-grid-2-1 img.bk-portfolio-thumb { width: 100%; height: auto; } div.portfolio-thumb-title-meta-wrap { padding: 10px; } div.portfolio-thumb-title-meta-wrap span.porfolio-thumb-tags, div.portfolio-thumb-title-meta-wrap h4.porfolio-thumb-title { } div.portfolio-thumb-title-meta-wrap span.porfolio-thumb-tags.bk_linkable a { position: relative; z-index: 2; } a.bk-portfolio-thumb-link, a.bk-post-thumb-link { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; } li a.bk-hidden-portfolio-link, li a.bk-hidden-post-link { display: none !important; } div.portfolio-thumb-title-meta-wrap h4.portfolio-thumb-title { text-transform: uppercase; display: inline-block; font-weight: bold; margin-bottom: 5px; } div.title_and_tags div.portfolio-thumb-title-meta-wrap h4.portfolio-thumb-title, div.title_and_cats div.portfolio-thumb-title-meta-wrap h4.portfolio-thumb-title { line-height: 1.0em; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #FFF; } div.portfolio-thumb-title-meta-wrap span.porfolio-thumb-tags { font-size: 10px; display: block; } div.portfolio-thumb-title-meta-wrap span.porfolio-thumb-tags a, div.portfolio-thumb-title-meta-wrap span.porfolio-thumb-tags span{ text-transform: uppercase; font-weight: normal; text-decoration: none; color: #cccccc; display: inline-block; } div.portfolio-thumb-title-meta-wrap span.porfolio-thumb-tags a:hover { color: white; } div.bk-load-more-wrap.portfolio span.ajax-loading-info { padding-left: 10px; } a.bk-load-more-button { display: block; font-weight: bold; text-align: center; background-color: white; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); display: block; padding: 10px; cursor: pointer; text-transform: uppercase; } a.bk-load-more-button span.ajax-loading-icon { display: none; width: 16px; height: 16px; position: relative; top: 3px; left: 10px; background: url("images/ajax-dark.gif") no-repeat center center; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { a.bk-load-more-button span.ajax-loading-icon { background-image: url("images/retina/ajax-dark@2.gif"); background-size: 16px 16px; } } a.bk-load-more-button span.ajax-loading-info { display: inline-block; } a.bk-load-more-button.loading span.ajax-loading-icon { display: inline-block; } a.bk-load-more-button.loading span.ajax-loading-info { display: none; } a.bk-load-more-button:hover, a.bk-load-more-button.loading { } /* Infinite scroll ajax popup rules */ div.bk-infscr-loading-wrap { text-align: center; position: absolute; z-index: 5; bottom: 20px; width: 100%; } span.ajax-overlay-info { position: relative; display: inline-block; background: white; font-weight: bold; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #404040; padding: 10px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); } span.ajax-overlay-info.loading { padding-right: 36px; } span.ajax-loading-icon { width: 16px; height: 16px; position: absolute; top: 50%; margin-top: -8px; right: 10px; background: url("images/ajax-dark.gif") no-repeat center center; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { span.ajax-loading-icon { background-image: url("images/retina/ajax-dark@2.gif"); background-size: 16px 16px; } } /* Single portfolio entry */ /* title wrap and navigation */ div.bk-portfolio-title-wrap { padding: 15px 30px; padding-right: 110px; position: relative; background: url("images/dots-x.png") left bottom repeat-x; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { div.bk-portfolio-title-wrap { background-image: url("images/retina/dots-x@2.png"); background-size: 4px 1px; } } div.bk-portfolio-title-wrap h1.bk-portfolio-title{ margin-bottom: 0px; font-weight: bold; display: inline-block; text-transform: uppercase; font-size: 24px; } ul.portfolio-top-nav { position: absolute; list-style: none; margin: 0px; margin-top: -8px; right: 30px; top: 50%; } ul.portfolio-top-nav li { float: left; margin-left: 10px; } ul.portfolio-top-nav li a { display: block; text-indent: -9999px; float: left; width: 17px; height: 17px; text-decoration: none; background-image: url("images/portfolio-nav-sprite.png"); background-repeat: no-repeat; opacity: 0.75; filter: alpha(opacity=75); } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { ul.portfolio-top-nav li a { background-image: url("images/retina/portfolio-nav-sprite@2.png"); background-size: 51px 17px; } } ul.portfolio-top-nav li a.prev-portfolio-entry-link { background-position: 0px 0px; } ul.portfolio-top-nav li a.next-portfolio-entry-link { background-position: -34px 0px; } ul.portfolio-top-nav li a.back-to-portfolio-link { background-position: -17px 0px; } ul.portfolio-top-nav li a.prev-portfolio-entry-link:hover, ul.portfolio-top-nav li a.next-portfolio-entry-link:hover, ul.portfolio-top-nav li a.back-to-portfolio-link:hover { opacity: 1; filter: alpha(opacity=100); } div.bk-portfolio-featured-wrap { margin-bottom: 0px; } .single-portfolio article.description_right_with_meta div.bk-portfolio-content-wrap, .single-portfolio article.description_left_with_meta div.bk-portfolio-content-wrap, .single-portfolio article.description_right_no_meta div.bk-portfolio-content-wrap, .single-portfolio article.description_left_no_meta div.bk-portfolio-content-wrap, .single-portfolio .bk-fixed-page article.fullwidth_meta_right div.bk-portfolio-content-wrap, .single-portfolio .bk-fixed-page article.fullwidth_meta_left div.bk-portfolio-content-wrap, .single-portfolio .bk-fixed-page article.fullwidth_no_meta div.bk-portfolio-content-wrap, .single-portfolio .bk-fixed-page article.fullwidth_meta_top div.bk-portfolio-content-wrap, .single-portfolio .bk-fixed-page article.fullwidth_meta_bottom div.bk-portfolio-content-wrap{ background: white; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); } /* Portfolio meta list */ ul.bk-portfolio-meta li{ margin-bottom: 5px; } ul.bk-portfolio-meta li span.post-meta-key { font-weight: bold; padding-right: 5px; } ul.bk-stacked-gallery { margin: 0px; list-style: none; } li.bk-stacked-gallery-item { display: none; margin-bottom: 30px; } li.bk-stacked-gallery-item:last-child { margin-bottom: 0px; } .no-js li.bk-stacked-gallery-item { display: block; } .single-portfolio .bk-fixed-page { padding: 0px; } @media only screen and (max-width: 1024px) { div.bk-portfolio-featured-wrap, div.bk-portfolio-content-wrap { margin-left: 0px !important; width: 100% !important; } } div.bk-portfolio-featured-inner-wrap.padded_featured_area { padding: 30px 30px 0px 30px; } div.bk-portfolio-description-inner-wrap { padding: 30px 30px 0px 30px; margin-bottom: 30px; } .row-fluid div.bk-portfolio-description-wrap { margin-left: 0px; } .fullwidth_meta_right .bk-portfolio-meta-wrap, .fullwidth_meta_left .bk-portfolio-meta-wrap { padding-top: 30px; } ul.bk-portfolio-meta { margin-left: 0px; list-style: none; } .fullwidth_meta_right .bk-portfolio-description-wrap { background: url("images/dots-y.png") right top repeat-y; } .fullwidth_meta_left .bk-portfolio-description-wrap { background: url("images/dots-y.png") left top repeat-y; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .fullwidth_meta_right .bk-portfolio-description-wrap, .fullwidth_meta_left .bk-portfolio-description-wrap { background-image: url("images/retina/dots-y@2.png"); background-size: 1px 4px; } } @media only screen and (max-width: 768px) { .fullwidth_meta_right .bk-portfolio-description-wrap, .fullwidth_meta_left .bk-portfolio-description-wrap, .fullwidth_meta_left .bk-portfolio-meta-wrap, .fullwidth_meta_right .bk-portfolio-meta-wrap { float: none !important; width: 100%; margin-left: 0; } .fullwidth_meta_right .bk-portfolio-description-wrap { background: none; width: 100%; margin-left: 0; } .fullwidth_meta_left .bk-portfolio-description-wrap { background: none; width: 100%; margin-left: 0; } .fullwidth_meta_left .bk-portfolio-meta-wrap { background: url("images/dots-x.png") left top repeat-x; } .fullwidth_meta_right .bk-portfolio-meta-wrap { padding-left: 30px; background: url("images/dots-x.png") left top repeat-x; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .fullwidth_meta_left .bk-portfolio-meta-wrap, .fullwidth_meta_right .bk-portfolio-meta-wrap { background-image: url("images/retina/dots-x@2.png"); background-size: 4px 1px; } } } .fullwidth_meta_right .bk-portfolio-meta-wrap{ padding-right: 30px; } .fullwidth_meta_left .bk-portfolio-meta-wrap { padding-left: 30px; margin-left: 0px; } /* fullwidth meta at the bottom */ .fullwidth_meta_bottom .bk-portfolio-meta-wrap { padding-left: 30px; padding-top: 30px; background: url("images/dots-x.png") left top repeat-x; } .fullwidth_meta_bottom .bk-portfolio-description-wrap, .fullwidth_meta_bottom .bk-portfolio-meta-wrap { float: none !important; } /* fullwidth meta at the top */ .fullwidth_meta_top .bk-portfolio-meta-wrap { padding-left: 30px; padding-top: 30px; background: url("images/dots-x.png") left bottom repeat-x; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .fullwidth_meta_bottom .bk-portfolio-meta-wrap, .fullwidth_meta_top .bk-portfolio-meta-wrap { background-image: url("images/retina/dots-x@2.png"); background-size: 4px 1px; } } .fullwidth_meta_top .bk-portfolio-description-wrap, .fullwidth_meta_top .bk-portfolio-meta-wrap { float: none !important; } .fullwidth_meta_bottom ul.bk-portfolio-meta, .fullwidth_meta_top ul.bk-portfolio-meta { margin-bottom: 15px; } .fullwidth_meta_bottom ul.bk-portfolio-meta li, .fullwidth_meta_top ul.bk-portfolio-meta li { float: left; margin-right: 20px; margin-bottom: 10px; } @media only screen and (max-width: 768px) { ul.bk-portfolio-meta { margin-bottom: 15px; } ul.bk-portfolio-meta li { float: left; margin-right: 20px; margin-bottom: 10px; } } /* right description with meta */ .description_right_with_meta .bk-portfolio-meta-wrap { padding-top: 30px; padding-left: 30px; background: url("images/dots-x.png") left top repeat-x; } /* left description */ .description_left_with_meta .bk-portfolio-content-wrap, .description_left_no_meta .bk-portfolio-content-wrap { margin-left: 0px; } .description_left_with_meta .bk-portfolio-meta-wrap { padding-top: 30px; padding-left: 30px; background: url("images/dots-x.png") left top repeat-x; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .description_right_with_meta .bk-portfolio-meta-wrap, .description_left_with_meta .bk-portfolio-meta-wrap { background-image: url("images/retina/dots-x@2.png"); background-size: 4px 1px; } } @media (max-width: 768px) { .description_left_with_meta .bk-portfolio-content-wrap, .description_right_with_meta .bk-portfolio-content-wrap, .description_left_no_meta .bk-portfolio-content-wrap, .description_right_no_meta .bk-portfolio-content-wrap, .description_left_with_meta .bk-portfolio-featured-wrap, .description_right_with_meta .bk-portfolio-featured-wrap, .description_left_no_meta .bk-portfolio-featured-wrap, .description_right_no_meta .bk-portfolio-featured-wrap { float: none !important; } } /* Icons */ .white span.heart-icon, .dark span.heart-icon, .dark span.comment-icon, span.tag-icon, span.link-icon, span.eye-icon { display: inline-block; width: 16px; height: 13px; margin-right: 5px; position: relative; background: url("images/icons-sprite.png") -1px 1px; } .dark span.heart-icon { top: 1px; background-position: -17px 0px; } .dark span.comment-icon { top: 1px; background-position: -16px -52px; } span.tag-icon { top: 1px; background-position: -17px -13px; } span.link-icon { top: 1px; background-position: -16px -39px; } span.eye-icon { top: 1px; background-position: -16px -26px; } a.bk-love-button.loading.white span.heart-icon, a.bk-love-button.loading.dark span.heart-icon { } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .white span.heart-icon, .dark span.heart-icon, .dark span.comment-icon, span.tag-icon, span.link-icon, span.eye-icon { background-image: url("images/retina/icons-sprite@2.png"); background-size: 32px 65px; } a.bk-love-button.loading.white span.heart-icon { background-size: auto; } a.bk-love-button.loading.dark span.heart-icon { background-size: auto; } } /* love button */ a.bk-love-button { cursor: pointer; } a.bk-love-button.loading:hover, a.bk-love-button.inactive:hover { text-decoration: none; } /* Pagination */ div.bk-pagination-wrap { position: relative; background-color: white; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); } ul.bk-pagination { list-style: none; text-decoration: none; margin: 0px; } ul.bk-pagination li a, ul.bk-pagination li span.pagination-divider{ text-decoration: none; font-weight: bold; color: #909090; display: block; padding: 10px; float: left; text-align: center; background: url("images/dots-y.png") right top repeat-y; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { ul.bk-pagination li a, ul.bk-pagination li span.pagination-divider { background-image: url("images/retina/dots-y@2.png"); background-size: 1px 4px; } } ul.bk-pagination li.current a{ color: #404040; } /*---------------------------------------------------------------------------------------------------------------------------- End of Portfolio ---------------------------------------------------------------------------------------------------------------------------- */ /*---------------------------------------------------------------------------------------------------------------------------- 7. FlexSlider ----------------------------------------------------------------------------------------------------------------------------*/ /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider ul.slides { margin-bottom: 0px !important; } .flexslider ul.slides li { margin-bottom: 0px !important; } .flexslider ul.flex-direction-nav { margin-bottom: 0px !important; margin-left: 0px !important; } .flexslider ul.flex-direction-nav li { margin-bottom: 0px !important; } /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {background: transparent; position: relative; zoom: 1; overflow: hidden; } .flexslider .slides li img { margin-bottom: 0px; } .flexslider .slides li { overflow: hidden; } .flex-viewport {max-height: 2000px; } .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav {position: absolute; left: 0px; bottom: 50%; width: 100%; height: 0px;} .flex-direction-nav li {margin: 0px; display: inline-block; zoom: 1; *display: inline;} .flex-direction-nav a { z-index: 2; width: 29px; height: 29px; opacity: 0; filter: alpha(opacity=0); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; background: url("images/big-arrows-sprite.png") no-repeat 0 0; background-color: rgb(64,64,64); background-color: rgba(64,64,64,0.5); position: absolute; -webkit-transition: opacity 300ms ease, left 300ms ease, right 300ms ease, background 300ms ease; -moz-transition: opacity 300ms ease, left 300ms ease, right 300ms ease, background 300ms ease; -ms-transition: opacity 300ms ease, left 300ms ease, right 300ms ease, background 300ms ease; -o-transition: opacity 300ms ease, left 300ms ease, right 300ms ease, background 300ms ease; transition: opacity 300ms ease, left 300ms ease, right 300ms ease, background 300ms ease; text-indent: -9999px; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .flex-direction-nav a { background-image: url("images/retina/big-arrows-sprite@2.png"); background-size: 58px 58px; } } .flex-direction-nav a:hover { background-color: rgb(64,64,64); background-color: rgba(64,64,64,0.75); } .flex-direction-nav a.flex-next { background-position: -29px 0px; bottom: -15px; right: -29px; } .flex-direction-nav a.flex-prev { background-position: 0px 0px; bottom: -15px; left: -29px; } .bk-hover .flex-direction-nav a.flex-next, .bk-touch .flex-direction-nav a.flex-next { right: 10px; } .bk-hover .flex-direction-nav a.flex-prev, .bk-touch .flex-direction-nav a.flex-prev { left: 10px; } .single-post .bk-hover .flex-direction-nav a.flex-next, .single-post .bk-touch .flex-direction-nav a.flex-next, .single-portfolio .bk-hover .flex-direction-nav a.flex-next, .single-portfolio .bk-touch .flex-direction-nav a.flex-next { right: 30px; } .single-post .bk-hover .flex-direction-nav a.flex-prev, .single-post .bk-touch .flex-direction-nav a.flex-prev, .single-portfolio .bk-hover .flex-direction-nav a.flex-prev, .single-portfolio .bk-touch .flex-direction-nav a.flex-prev { left: 30px; } .bk-hover .flex-direction-nav a, .bk-touch .flex-direction-nav a{ opacity: 1; filter: alpha(opacity=100); } /* Control Nav */ .flex-control-nav {position: absolute; left: 0px; bottom: 0px; text-align: center;} .flexslider.with-direction-nav .flex-control-nav{ left: 58px; } .flex-control-nav li {margin: 0px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 29px; height: 29px; display: block; background: #555; cursor: pointer; line-height: 29px; color: white !important;} .flex-control-paging li a:hover { background: #FF4629; } .flex-control-paging li a.flex-active { background: #FF4629; cursor: default; } .flex-control-thumbs { margin: 0px; margin-top: 10px; position: static; overflow: hidden;} .flex-control-thumbs li { width: 75px; position: relative; margin-right: 10px; margin-bottom: 10px; opacity: 0.75; filter: alpha(opacity=75); float: left; display: block; } .flex-control-thumbs img { width: 100%; cursor: pointer;} .flex-control-thumbs li:hover, .flex-control-thumbs li.flex-active { opacity: 1; filter: alpha(opacity=100); } .flex-control-thumbs img { -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; -ms-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; transition: opacity 300ms ease; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } div.flex-slider-caption { position: absolute; float: right; bottom: 0px; right: 0px; color: white; background: #555; padding-left: 10px; padding-right: 10px; line-height: 29px; } div.flex-slider-caption p { margin-bottom: 0px; } /*---------------------------------------------------------------------------------------------------------------------------- End Of FlexSlider ----------------------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------- 8. Blog ----------------------------------------------------------------------------------------------------------------------------*/ ul.bk-blog-wrap { margin: 0px; } div.bk-classic-blog ul.bk-blog-wrap li.bk-blog-entry-wrap{ width: 100% !important; } div.bk-classic-blog.bk-blog-outer-wrap div.bk-pagination-wrap, div.bk-classic-blog.bk-blog-outer-wrap a.bk-load-more-button, div.bk-classic-blog.bk-blog-outer-wrap div.bk-load-more-wrap { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; /* margin-bottom: 0px !important; */ } div.bk-classic-blog.bk-blog-outer-wrap { margin-left: 0px !important; margin-right: 0px !important; } div.bk-classic-blog.bk-blog-outer-wrap ul.bk-blog-wrap { margin-top: 0px !important; } ul.bk-blog-wrap li.bk-blog-entry-wrap { display: none; float: left; list-style: none; margin-bottom: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); } .no-js ul.bk-blog-wrap li.bk-blog-entry-wrap { display: block; width: 25%; } div.bk-classic-blog.bk-blog-outer-wrap ul.bk-blog-wrap li.bk-blog-entry-wrap{ float: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } h3.post-entry-title { font-size: 16px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; } h3.post-entry-title a { color: #404040; } h3.post-entry-title a:hover { color: #FF4629; text-decoration: none; } span.bk-post-entry-meta { text-transform: uppercase; font-size: 10px; line-height: 14px; font-weight: normal; display: block; margin-bottom: 10px; } .single-post span.bk-post-entry-meta { margin-bottom: 20px; } article.bk-post-summary { background: white; } article.bk-post-summary div.bk-blog-content-wrap { padding: 10px; position: relative; } div.bk-classic-blog.bk-blog-outer-wrap article.bk-post-summary div.bk-blog-content-wrap { padding: 0px; padding-top: 10px; } article.bk-post-summary div.bk-blog-content-wrap p { padding: 10px; padding-top: 0px; margin-bottom: 10px; margin-left: -10px; margin-right: -10px; background: url("images/dots-x.png") left bottom repeat-x; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { article.bk-post-summary div.bk-blog-content-wrap p { background-image: url("images/retina/dots-x@2.png"); background-size: 4px 1px; } } .single-post div.bk-post-summary-actions span.right{ margin-bottom: 10px; } div.bk-post-summary-actions a.bk-love-button { margin-left: 15px; } article.bk-post-summary.format-image div.bk-blog-content-wrap:after, article.bk-post-summary.format-standard div.bk-blog-content-wrap:after, article.bk-post-summary.format-quote div.bk-blog-content-wrap:after, article.bk-post-summary.format-link div.bk-blog-content-wrap:after, article.bk-post-summary.format-chat div.bk-blog-content-wrap:after, article.bk-post-summary.format-status div.bk-blog-content-wrap:after { content: ""; display: block; position: absolute; top: -14px; left: 10px; width: 0; border-width: 7px; border-style: solid; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; border-bottom-color: #FFF; } article.bk-post-summary.format-image div.bk-blog-content-wrap:before, article.bk-post-summary.format-standard div.bk-blog-content-wrap:before { content:""; display: block; position: absolute; top: -8px; left: 10px; width: 14px; height: 7px; background: url("images/description-tip.png") no-repeat 0px 0px; } /* Link post format featured rules */ div.bk-link-post-format-featured-inner-wrap { background: #404040; padding: 10px; position: relative; } div.bk-link-post-format-featured-inner-wrap a { color: white; } div.bk-link-post-format-featured-inner-wrap a:hover { color: #FF4629; text-decoration: none; } div.bk-link-post-format-featured-inner-wrap h3.bk-link-primary { text-transform: uppercase; font-size: 16px; line-height: 24px; font-weight: bold; text-align: center; } div.bk-link-post-format-featured-inner-wrap span.bk-link-secondary { text-align: center; display: block; } /* quote post format featured rules */ div.bk-quote-post-format-featured-inner-wrap { background: #404040; color: white; padding: 10px; } .single-post div.bk-quote-post-format-featured-inner-wrap { padding: 30px; } div.bk-quote-post-format-featured-inner-wrap h3.bk-quote-text { font-size: 16px; line-height: 24px; font-weight: bold; } div.bk-quote-post-format-featured-inner-wrap span.bk-quote-author { text-align: right; display: block; } /* Chat post format */ div.bk-chat-post-format-featured-inner-wrap { background: #404040; color: white; padding: 10px; } .single-post div.bk-chat-post-format-featured-inner-wrap { padding: 30px; } div.bk-chat-post-format-featured-inner-wrap > p { margin-bottom: 3px; } /* Status */ div.bk-status-post-format-featured-inner-wrap { background: #4099FF; color: white; padding: 10px; } .single-post div.bk-status-post-format-featured-inner-wrap { padding: 30px; } div.bk-status-post-format-featured-inner-wrap h3.tweet-text { font-size: 16px; line-height: 24px; font-weight: bold; } div.bk-status-post-format-featured-inner-wrap a.tweet-author-link { display: block; text-align: right; } div.bk-status-post-format-featured-inner-wrap a { color: white; } /*---------------------------------------------------------------------------------------------------------------------------- End Of Blog ----------------------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------- 9. Single Post ----------------------------------------------------------------------------------------------------------------------------*/ .single-post #bk-content-wrap, .error404 .bk-fixed-page #bk-content-wrap { background: white; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10); } .single-post div.bk-blog-content-wrap, .page .bk-fixed-page .bk-page-content-wrap, .archive .bk-fixed-page .bk-page-content-wrap, .error404 .bk-fixed-page .bk-page-content-wrap { padding: 30px; padding-bottom: 0px; } .single-post article.post { } .single-post .bk-fixed-page { padding: 0px; } h1.post-entry-title, h1.page-entry-title { margin-bottom: 0px; padding: 15px 30px; background: url("images/dots-x.png") left bottom repeat-x; font-weight: bold; text-transform: uppercase; font-size: 24px; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { h1.post-entry-title, h1.page-entry-title { background-image: url("images/retina/dots-x@2.png"); background-size: 4px 1px; } } span.bk_blog_social_button_wrap { float: left; display: block; margin-right: 20px; margin-bottom: 10px; } div.next_prev_post_links { padding: 30px; background: url("images/dots-x.png") left top repeat-x; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { div.next_prev_post_links { background-image: url("images/retina/dots-x@2.png"); background-size: 4px 1px; } } /* Sidebars layout */ div.bk-post-page-content-outer-wrap.with-sidebar-right { margin-left: 0px; background: url("images/dots-y.png") right top repeat-y; } div.bk-post-page-content-outer-wrap.with-sidebar-left { background: url("images/dots-y.png") left top repeat-y; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { div.bk-post-page-content-outer-wrap.with-sidebar-right, div.bk-post-page-content-outer-wrap.with-sidebar-left { background-image: url("images/retina/dots-y@2.png"); background-size: 1px 4px; } } div.bk-primary-sidebar ul.sidebar-content{ margin-top: 0px; } div.bk-post-page-content-outer-wrap.no-sidebar { margin-left: 0px; } div.bk-secondary-sidebar.sidebar-left { margin-left: 0px; } div.bk-secondary-sidebar.sidebar-left ul.sidebar-content { margin-left: 30px; } div.bk-secondary-sidebar.sidebar-right ul.sidebar-content { margin-right: 30px; } @media (max-width: 768px) { div.bk-secondary-sidebar.sidebar-left ul.sidebar-content, div.bk-secondary-sidebar.sidebar-right ul.sidebar-content { margin-left: 30px; margin-right: 30px; float: none !important; } div.bk-post-page-content-outer-wrap, div.bk-secondary-sidebar { float: none !important; width: 100% !important; margin-left: 0 !important; } div.bk-post-page-content-outer-wrap.with-sidebar-right, div.bk-post-page-content-outer-wrap.with-sidebar-left { border-right-width: 0px; border-left-width: 0px; background: url("images/dots-x.png") left bottom repeat-x; } } @media (max-width: 768px) and (min--moz-device-pixel-ratio: 2), (max-width: 768px) and (-o-min-device-pixel-ratio: 2/1), (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 768px) and (min-device-pixel-ratio: 2) { div.bk-post-page-content-outer-wrap.with-sidebar-right, div.bk-post-page-content-outer-wrap.with-sidebar-left { background-image: url("images/retina/dots-x@2.png"); background-size: 4px 1px; } } /*---------------------------------------------------------------------------------------------------------------------------- 9. End of single post ----------------------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------- 10. Comments ----------------------------------------------------------------------------------------------------------------------------*/ div.bk-comments-wrap, div.bk-respond-wrap { padding: 30px; background: url("images/dots-x.png") left top repeat-x; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { div.bk-comments-wrap, div.bk-respond-wrap { background-image: url("images/retina/dots-x@2.png"); background-size: 4px 1px; } } div.bk-comments-wrap { } div#comments div.nav-previous{ float: left; } div#comments div.nav-next{ float: right; } h4.section-start.comments-section { margin-bottom: 30px; } div#respond p.form-submit input[type=submit]{ -webkit-transition: background 300ms ease; -moz-transition: background 300ms ease; -ms-transition: background 300ms ease; -o-transition: background 300ms ease; transition: background 300ms ease; border-width: 0px; position: relative; background: transparent; } div#respond p.form-submit input[type=submit]:hover{ } ol.bk_comment_list { margin-bottom: 0px; } ol.bk_comment_list div#respond { position: relative; top: -42px; left: 0px; z-index: 1; padding: 15px; padding-top: 25px; background-color: #f8f8f8; } div#respond span.required { color: #FF4629; } div#respond span.bk-cancel-reply-link { position: absolute; top: 0px; left: 15px; } div#respond input[type=text], div#respond textarea{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } div#respond p.comment-form-author span.required, div#respond p.comment-form-email span.required, div#respond p.comment-form-url span.required{ /* display: block; float: left; margin-left: 5px; */ } div#respond p.comment-form-comment label{ float: none; } div#respond p.comment-form-author, div#respond p.comment-form-email, div#respond p.comment-form-url { display: block; float: left; width: 32%; margin-right: 2%; } @media only screen and (max-width: 768px) { div#respond p.comment-form-author, div#respond p.comment-form-email, div#respond p.comment-form-url { display: block; float: none; width: 100%; } } div#respond p.comment-form-url { margin-right: 0px !important; } div#respond label { display: block; float: left; font-weight: bold; padding-bottom: 10px; } ol.bk_comment_list { margin-left: 0px !important; } ol.bk_comment_list li.comment, ol.bk_comment_list { list-style: none; } ol.bk_comment_list li.comment, ol.bk_comment_list ul.children{ position: relative; } ol.bk_comment_list > li.comment:after { content:""; display:block; /* reduce the damage in FF3.0 */ position:absolute; z-index: 1; top:30px; left:30px; width:1px; height: 100%; background: url("images/dots-y.png") left top repeat-y; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { ol.bk_comment_list > li.comment:after { background-image: url("images/retina/dots-y@2.png"); background-size: 1px 4px; } } ol.bk_comment_list > li.comment:last-child:after { top:0px; } ol.bk_comment_list ul.children li.comment:first-child:after { content:""; display:block; /* reduce the damage in FF3.0 */ position:absolute; z-index: 1; top:20px; left:-40px; width:40px; height: 1px; background: url("images/dots-x.png") left top repeat-x; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { ol.bk_comment_list ul.children li.comment:first-child:after { background-image: url("images/retina/dots-x@2.png"); background-size: 4px 1px; } } ol.bk_comment_list > li.comment > ul.children > li.comment:first-child:after { left:-50px; width:50px; } ol.bk_comment_list li.comment ul.children:after{ content:""; display:block; /* reduce the damage in FF3.0 */ position:absolute; z-index: 1; top:0px; left:20px; width:1px; height: 100%; border-width: 1px; background: url("images/dots-y.png") left top repeat-y; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { ol.bk_comment_list li.comment ul.children:after { background-image: url("images/retina/dots-y@2.png"); background-size: 1px 4px; } } ol.bk_comment_list li.comment { margin-bottom: 20px; } ol.bk_comment_list li.comment div#respond { margin-left: 80px; } ol.bk_comment_list li.comment ul.children div#respond { margin-left: 60px; } ol.bk_comment_list li.comment div.content-wrap span.comment-tip{ display: block; position: absolute; top: 20px; left: -20px; border-width: 10px; border-style: solid; border-top-color: transparent; border-right-color: #f8f8f8; border-left-color: transparent; border-bottom-color: transparent; } ol.bk_comment_list li.comment ul.children div.content-wrap span.comment-tip { top: 10px; } ol.bk_comment_list li.comment div.content-wrap { position: relative; margin-left: 80px; padding: 15px; background: #f8f8f8; } ol.bk_comment_list li.comment span.fn { font-weight: bold; } ol.bk_comment_list li.comment div.content-wrap p{ margin-bottom: 10px; } ol.bk_comment_list li.comment.bypostauthor > div.comment > div.content-wrap { } ol.bk_comment_list li.comment ul.children div.content-wrap{ margin-left: 60px; } ol.bk_comment_list li.comment ul.children{ margin-top: 20px; margin-bottom: 20px; margin-left: 80px; } ol.bk_comment_list li.comment ul.children ul.children{ margin-left: 60px; } ol.bk_comment_list li.comment div.comment-avatar { position: relative; z-index: 2; width: 60px; height: 60px; overflow: hidden; } ol.bk_comment_list li.comment div.comment-avatar img { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } div#respond h4.comments-section { line-height: 1.0; } ol.bk_comment_list ul.children li.comment div.comment-avatar { width: 40px; height: 40px; } ol.bk_comment_list ul.children li.comment div.comment-avatar img { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } /* Smush it so it can look pretty on retina displays */ ol.bk_comment_list li.comment div.comment-avatar img.avatar { width: 100% !important; height: 100% !important; } ol.bk_comment_list li.comment div.comment-avatar{ } /*---------------------------------------------------------------------------------------------------------------------------- End of Comments ----------------------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------- 10. Widgets ----------------------------------------------------------------------------------------------------------------------------*/ /* Recent portfolio widget */ ul.bk-recent-portfolio-widget { margin-left: 0px !important; margin-right: -2px; } ul.bk-recent-portfolio-widget li { display: block; float: left; } ul.bk-recent-portfolio-widget li a { display: block; position: relative; float: left; width: 72px; height: 72px; margin-right: 2px; margin-bottom: 2px; } ul.bk-recent-portfolio-widget li img { width: 72px; height: 72px; } /* Tags widget */ li.widget .tagcloud a { display: block; float: left; border: 1px solid #909090; color: #909090; padding: 4px; font-size: 12px !important; line-height: 12px !important; margin-right: 3px; margin-bottom: 3px; } li.widget .tagcloud a:hover { border: 1px solid #FF4629; color: #FF4629; } /* Common rules */ span.widget-time { } span.widget-post-title { font-weight: bold; } span.widget-post-title a { color: #555; } span.widget-post-title a:hover { color: #FF4629; } /* * Search form wrap */ div.bk-search-form-wrap { margin-right: 12px; } div.bk-search-form-wrap #s { width: 100%; } /* Contact form widget */ div.contact-form-wrap { margin-right: 12px; } div.contact-form-wrap input, div.contact-form-wrap textarea{ width: 100%; margin-bottom: 5px; } div.contact-form-wrap textarea{ height: 100px; } div.contact-form-wrap label{ margin-bottom: 5px; font-size: 12px; text-transform: uppercase; display: block; } span.bk-contact-form-required { display: none; color: red; margin-left: 10px; } div.contact-response-wrap p { margin-bottom: 20px; } div.contact-form-wrap a.submit span.ajax-loading-icon{ display: none; } div.contact-form-wrap a.submit.loading span.ajax-loading-icon{ display: block; } div.contact-form-wrap a.submit.loading { padding-right: 36px; } /* google map widget */ div.bk-google-map-wrap div.bk-google-map-frame { margin-bottom: 10px; } div.bk-google-map-wrap div.left-textarea { float: left; width: 49%; padding-right: 1%; } div.bk-google-map-wrap div.right-textarea { float: right; width: 49%; padding-left: 1%; } /* Flickr widget */ div.flickr-photos { margin-right: -2px; margin-bottom: 30px; } ul.sidebar-content div.flickr-photos { margin-bottom: 0px; } div.flickr-photos a { display: block; position: relative; float: left; width: 75px; height: 75px; margin-right: 2px; margin-bottom: 2px; } div.flickr-photos a img { width: 75px; height: 75px; } /* Recent portfolio widget */ ul.bk-recent-portfolio-widget { margin-left: 0px !important; margin-right: -2px; } ul.bk-recent-portfolio-widget li { display: block; float: left; } ul.bk-recent-portfolio-widget li a { display: block; position: relative; float: left; width: 75px; height: 75px; margin-right: 2px; margin-bottom: 2px; } ul.bk-recent-portfolio-widget li img { width: 75px; height: 75px; } /* Recent post widget - general rules */ ul.bk-recent-posts-widget { margin-left: 0px !important; list-style: none !important; } ul.bk-recent-posts-widget li { margin-bottom: 10px; } ul.bk-recent-posts-widget li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom-width: 0px; } div.widget-thumb.img-frame.left { margin-right: 10px; width: 75px; height: 75px; position: relative; } ul.bk-recent-posts-widget span.widget-post-title, ul.bk-recent-posts-widget span.widget-time, ul.bk-recent-posts-widget span.widget-comment-excerpt { display: block; } ul.bk-recent-posts-widget li div.widget-thumb img { width: 75px; height: 75px; } /* Recent Comments widget */ ul.bk-recent-comments-widget div.widget-thumb img { width: 40px !important; height: 40px !important; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } ul.bk-recent-comments-widget div.widget-thumb.img-frame.left { margin-right: 20px; width: 40px; height: 40px; position: relative; } ul.bk-recent-comments-widget div.bk-recent-comment { position: relative; padding: 10px; margin-left: 60px; background: #f8f8f8; } ul.bk-recent-comments-widget div.bk-recent-comment:after { content: ''; display:block; /* reduce the damage in FF3.0 */ position:absolute; top:10px; left:-20px; width:0; border-width: 10px; border-style: solid; border-top-color: transparent; border-left-color: transparent; border-right-color: #f8f8f8; border-bottom-color: transparent; } /* Twitter widget */ div.bk-twitter-widget-outer-wrap { margin-bottom: 40px; } ul.bk-twitter-widget { margin-bottom: 30px; } ul.bk-twitter-widget li p { margin-bottom: 10px; } /* Pinterest Widget */ ul.bk-pinterest-pins { margin-left: 0px !important; margin-right: -2px; } ul.bk-pinterest-pins li { display: block; width: 75px; height: 75px; margin-right: 2px; margin-bottom: 2px; float: left; } ul.bk-pinterest-pins a { display: block; position: relative; overflow: hidden; width: 75px; height: 75px; } ul.bk-pinterest-pins li a img { width: auto; max-width: none; position: relative; left: 0px; height: auto; } /* dribbble widget */ ul.bk-dribbble-shots { margin-left: 0px !important; margin-right: -2px; } ul.bk-dribbble-shots li { display: block; width: 75px; height: 75px; margin-right: 2px; margin-bottom: 2px; float: left; overflow: hidden; } ul.bk-dribbble-shots a { display: block; position: relative; width: 75px; height: 75px; } ul.bk-dribbble-shots li a img { height: 75px; max-width: none !important; } /* Testimonial widget */ div.bk-testimonials-wrap { margin-bottom: 20px; } ul.bk-testimonials-widget { margin-left: 0px !important; list-style: none !important; } div.bk-testimonials-wrap .flex-direction-nav { bottom: 0px; left: 100%; width: 38px; height: 19px; } div.bk-testimonials-wrap .flex-direction-nav a { opacity: 0.75; filter: alpha(opacity=75); width: 19px; height: 19px; display: block; background: transparent url("images/small-arrows-sprite.png") no-repeat 0 0; position: absolute; text-indent: -9999px; } div.bk-testimonials-wrap a.flex-next, div.bk-testimonials-wrap.bk-hover a.flex-next { background-position: -19px 0px; position: relative; left: -19px; top: 0px; } div.bk-testimonials-wrap a.flex-prev, div.bk-testimonials-wrap.bk-hover a.flex-prev { background-position: 0px 0px; left: -38px !important; top: 0px; } div.bk-testimonials-wrap a.flex-next:hover, div.bk-testimonials-wrap a.flex-prev:hover { opacity: 1; filter: alpha(opacity=100); } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { div.bk-testimonials-wrap .flex-direction-nav a { background-image: url("images/retina/small-arrows-sprite@2.png"); background-size: 38px 19px; } } div.bk-testimonial-body { padding: 10px; background: #f8f8f8; position: relative; margin-bottom: 20px; } div.bk-testimonial-body p{ margin-bottom: 0px; } div.testimonial-tip { display:block; /* reduce the damage in FF3.0 */ position:absolute; bottom:-20px; left:10px; width:0; border-width: 10px; border-style: solid; border-top-color: #f8f8f8; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; } span.bk-testinonial-title { font-weight: bold; display: block; margin-bottom: 10px; } span.bk-testimonial-content { font-style: italic; } div.testimonial-avatar-wrap { display: inline-block; margin-right: 10px; } div.testimonial-avatar-wrap img { width: 40px !important; height: 40px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } span.author-position { padding-left: 5px; } span.author-name, span.author-position { display: inline-block; vertical-align: top; } /*---------------------------------------------------------------------------------------------------------------------------- End of Widgets ----------------------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------- 11. Shortcodes ----------------------------------------------------------------------------------------------------------------------------*/ /* Toggle & Accordion */ div.bk-toggle-header, div.bk-toggle.bk-toggle-closed div.bk-toggle-header{ cursor: pointer; color: #909090; position: relative; } div.bk-toggle-header:hover, div.bk-toggle-header.ui-state-active, div.bk-toggle div.bk-toggle-header { color: #404040; } div.bk-toggle-header span.bk-header-button { width: 29px; height: 29px; position: absolute; right: 0px; top: -5px; background: url("images/cross.png") 0px -29px no-repeat; } div.bk-toggle div.bk-toggle-header span.bk-header-button{ background-position: -29px -29px; } div.bk-toggle.bk-toggle-closed div.bk-toggle-header span.bk-header-button { background-position: 0px -29px; } div.bk-toggle-header span.bk-header-button{ background-position: 0px -29px; } div.bk-toggle-header.ui-state-active span.bk-header-button{ background-position: -29px -29px; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { div.bk-toggle-header span.bk-header-button { background-image: url("images/retina/cross@2.png"); background-size: 58px 58px; } } div.bk-toggle.bk-toggle-closed div.bk-toggle-content-outer-wrap { display: none; } div.bk-toggle-content-outer-wrap p, div.bk-accordion-outer-wrap p{ margin-bottom: 10px; } /* Tabs */ div.ui-tabs-hide { display: none; } div.bk-tabs ul.ui-tabs-nav { margin-left: 0px !important; margin-bottom: 10px; font-size: 12px; line-height: 12px; background: url("images/dots-x.png") left bottom repeat-x; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { div.bk-tabs ul.ui-tabs-nav { background-image: url("images/retina/dots-x@2.png"); background-size: 4px 1px; } } div.bk-tabs div.dividable-content p { margin-bottom: 10px; } div.bk-tabs ul.ui-tabs-nav li { display: block; position: relative; margin-right: 20px; top: 0px; float: left; } div.bk-tabs ul.ui-tabs-nav li a{ text-transform: uppercase; font-weight: bold; color: #909090; padding-bottom: 10px; padding-top: 0px; display: block; line-height: 12px; } div.bk-tabs ul.ui-tabs-nav li { border-bottom: 1px solid transparent; } div.bk-tabs ul.ui-tabs-nav li.ui-tabs-selected, div.bk-tabs ul.ui-tabs-nav li.ui-tabs-active { border-bottom: 1px solid #404040; } div.bk-tabs ul.ui-tabs-nav li.ui-tabs-selected a, div.bk-tabs ul.ui-tabs-nav li.ui-tabs-active a, div.bk-tabs ul.ui-tabs-nav li:hover a{ color: #404040; } /* Dropcaps */ span.dropcap { text-align: center; line-height: 30px; width: 30px; height: 30px; margin-right: 5px; margin-bottom: 0px; margin-top: 3px; background-color: #555555; display: block; float: left; font-size: 16px; font-weight: normal; } span.dropcap.round { color: white; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } span.dropcap.square { color: white; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } span.dropcap.plain { background-color: transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 40px; font-weight: normal; } /* highlight */ em.bk_highlight { color: white; background-color: #FF4629; font-style: normal; padding: 0px 3px; } /* progressbars */ div.bk-progress-bar-wrap { margin-bottom: 20px; } div.bk-progress-bar-base, div.bk-progress-bar { height: 10px; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } div.bk-progress-bar-base { margin-top: 10px; background-color: #f8f8f8; -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) } div.bk-progress-bar { background-color: #FF4629; width: 0%; } div.bk-progress-bar-overlay { background: url("images/animated-overlay.gif"); position: relative; width: 100%; height: 100%; z-index: 1; filter: alpha(opacity=10); opacity: 0.1; } /* Buttons */ a.bk_button, div#respond p.form-submit input[type=submit], div.bk-protected-form-wrap input[type=submit], a.comment-reply-link, span.bk-cancel-reply-link, a.comment-edit-link { position: relative; text-align: center; display: inline-block; text-transform: uppercase; text-decoration: none; margin-right: 5px; margin-bottom: 5px; color: #909090; cursor: pointer; border: 1px solid #909090; padding: 3px; font-size: 10px; line-height: 10px; } a.bk_button:hover, div#respond p.form-submit input[type=submit]:hover, div.bk-protected-form-wrap input[type=submit]:hover, a.comment-reply-link:hover, span.bk-cancel-reply-link:hover, a.comment-edit-link:hover { color: #FF4629; border: 1px solid #FF4629; } div.bk-protected-form-wrap input[type=submit] { background: transparent; margin-top: 10px; } a.bk_button.small { padding: 3px; font-size: 10px; line-height: 10px; } a.bk_button.normal, div#respond p.form-submit input[type=submit], div.bk-protected-form-wrap input[type=submit] { padding: 7px; font-size: 12px; line-height: 12px; } a.bk_button.large { padding: 10px; font-size: 14px; line-height: 14px; } /* Pricing column */ div.bk-pricing-table-outer-wrap { margin-bottom: 50px; position: relative; top: 20px; } div.bk-pricing-table-outer-wrap a.button { margin-right: 0px; margin-bottom: 0px; } div.bk-pricing-table-column-wrap { float: left; position: relative; background-color: white; border: 1px solid #808080; border-left-width: 0px; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } div.bk-pricing-table-column-wrap.bk-before-recommended-column { border-right-width: 0px; } div.bk-pricing-table-column-wrap.bk-after-recommended-column { border-left-width: 0px; } div.bk-pricing-table-column-wrap.bk-first-column { border-left-width: 1px; } div.bk-pricing-table-column-wrap.bk-recommended-column { border-left-width: 1px; border-right-width: 1px; margin-top: -20px; } div.bk-pricing-table-header { padding-top: 20px; padding-bottom: 20px; background: transparent url("images/dots-x.png") repeat-x bottom left; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { div.bk-pricing-table-header { background-image: url("images/retina/dots-x@2.png"); background-size: 4px 1px; } } div.bk-pricing-table-column-wrap div.bk-pricing-table-footer { padding-top: 20px; padding-bottom: 20px; } div.bk-pricing-table-column-wrap.bk-recommended-column div.bk-pricing-table-header, div.bk-pricing-table-column-wrap.bk-recommended-column div.bk-pricing-table-footer { padding-top: 30px; padding-bottom: 30px; } div.bk-pricing-table-feature { line-height: 40px; font-weight: bold; background: transparent url("images/dots-x.png") repeat-x bottom left; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { div.bk-pricing-table-feature { background-image: url("images/retina/dots-x@2.png"); background-size: 4px 1px; } } div.bk-pricing-table-feature.bk_alternate { background: #F8F8F8 url("images/dots-x.png") repeat-x bottom left; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { div.bk-pricing-table-feature.bk_alternate { background-image: url("images/retina/dots-x@2.png"); background-size: 4px 1px; } } h4.bk-pricing-table-title { font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; } h5.bk-pricing-table-price { font-size: 18px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; } div.bk-recommended-header-branding-line { width: 100%; position: absolute; top: -1px; left: -1px; } div.bk-recommended-header-branding-line:after { content:""; display: none; /* reduce the damage in FF3.0 */ position:absolute; top:0px; left:50%; margin-left: -15px; width:0; border-width: 15px; border-style: solid; border-top-color: #d7d7d7; border-right-color: transparent; border-left-color: transparent; border-bottom-color: transparent; } @media only screen and (max-width: 768px) { div.bk-pricing-table-outer-wrap { top: 0px; } div.bk-pricing-table-column-wrap { float: none; width: 100% !important; border-left-width: 1px !important; border-right-width: 1px !important; border-top-width: 0px; } div.bk-pricing-table-column-wrap.bk-recommended-column div.bk-pricing-table-header, div.bk-pricing-table-column-wrap.bk-recommended-column div.bk-pricing-table-footer { padding-top: 20px; padding-bottom: 20px; } div.bk-pricing-table-column-wrap.bk-recommended-column { border-left-width: 1px; border-right-width: 1px; margin-top: 0px; } div.bk-pricing-table-column-wrap.bk-first-column { border-top-width: 1px; } } /*---------------------------------------------------------------------------------------------------------------------------- End of Shortcodes ----------------------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------- 12. Contact Form 7 Support ----------------------------------------------------------------------------------------------------------------------------*/ .wpcf7-form-control { max-width: 100%; box-sizing: border-box; } input[type=submit].wpcf7-submit{ position: relative; text-align: center; display: inline-block; text-transform: uppercase; text-decoration: none; margin-right: 5px; margin-bottom: 5px; color: #909090; cursor: pointer; border: 1px solid #909090; background: transparent; padding: 7px; font-size: 12px; line-height: 12px; } input[type=submit].wpcf7-submit:hover{ color: #404040; border-color: #404040; } /*---------------------------------------------------------------------------------------------------------------------------- End of Contact Form 7 Support ----------------------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------- 13. Footer ----------------------------------------------------------------------------------------------------------------------------*/ footer.bk-footer-outer-wrap { position: relative; z-index: 4; } footer.bk-footer-outer-wrap div.bk-footer-content { background: url("images/dots-x.png") left top repeat-x; padding-top: 30px; padding-left: 30px; padding-right: 30px; } footer.bk-footer-outer-wrap ul.sidebar-content{ margin-top: 0px; } footer.bk-footer-outer-wrap div.bk-subfooter-content { background: url("images/dots-x.png") left top repeat-x; padding-top: 30px; padding-left: 30px; padding-right: 30px; } footer.bk-footer-outer-wrap div.bk-footer-column.bk-footer-five-column-fix { width: 18.297872340425532%; } @media only screen and (max-width: 768px) { footer.bk-footer-outer-wrap div.bk-footer-column.bk-footer-five-column-fix { width: 100%; } } /*---------------------------------------------------------------------------------------------------------------------------- End of Footer ----------------------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------- 14. WPML ----------------------------------------------------------------------------------------------------------------------------*/ #lang_sel_list img, #lang_sel_click img{ display: inline; } #lang_sel_list.lang_sel_list_horizontal ul li:first-child a { } #bk-wpml-language-switcher { margin-bottom: 10px; } #bk-wpml-language-switcher ul { margin: 0px; } #bk-wpml-language-switcher ul li { float: left; margin-right: 10px; text-transform: uppercase; list-style: none; } /*---------------------------------------------------------------------------------------------------------------------------- End of WPML ----------------------------------------------------------------------------------------------------------------------------*/