/* Theme Name: Slideside Theme URI: http://wpbandit.com/ Version: 1.1 Description: Designed by WPBandit Author: WPBandit Author URI: http://wpbandit.com Tags: wpbandit Copyright: (c) 2009-2013 WPBandit - Alexander Agnarson & Jermaine Marée License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) /* /* ------------------------------------------------------------------------- * * Reset - http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 * ------------------------------------------------------------------------- */ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } textarea, input { outline: none; } /* ------------------------------------------------------------------------- * * Base Styles /* ------------------------------------------------------------------------- */ body { background: #f2f2f2; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial; font-size: 13px; line-height: 1.5em; height: 100%; min-height: 100%; color: #777; } a { color: #009cd5; text-decoration: none; outline: 0; } a:hover { color: #444; } a img { opacity: 0.99; } img { max-width: 100%; height: auto; } a { -webkit-transition-property: background color; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; -moz-transition-property: background color; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; -o-transition-property: background color; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; transition-property: background color; transition-duration: 0.2s; transition-timing-function: ease; } a img { opacity: 0.99; -webkit-transition-property: opacity; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; -moz-transition-property: opacity; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; -o-transition-property: opacity; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease; } address,cite,em { font-style: italic; } strong { font-weight: 600; } li { list-style: none; } .left,.alignleft { float: left; } .right,.alignright { float: right; } .aligncenter { margin-left: auto; margin-right: auto; } ::selection { background: #009cd5; color: #fff; } ::-moz-selection { background: #009cd5; color: #fff; } /* base : clear /* ------------------------------------ */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .fix:before, .fix:after { content: ""; display: table; } .fix:after { clear: both; } .fix { zoom: 1; } /* base : forms /* ------------------------------------ */ input, textarea, button, select, label { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial; font-size: 13px; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } input[type="text"], input[type="password"], input[type="email"], input[type="submit"], button, textarea { margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } input, textarea, button { -moz-appearance: none; -webkit-appearance: none; transition: all .2s ease; -o-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; } input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; } input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; } label { font-weight: bold; color: #444; } input[type="text"], input[type="password"], input[type="email"], textarea { background: #fff; border: 1px solid #ccc; color: #777; display: block; max-width: 100%; outline: none; padding: 7px 8px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.04); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.04); box-shadow: inset 0 1px 0 rgba(0,0,0,0.04); } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border-color: #aaa; color: #444; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2); box-shadow: 0 0 3px rgba(0,0,0,0.2); } label .required { color: #009cd5; } input[type="submit"], button[type="submit"] { background: #009cd5; color: #fff; padding: 8px 14px; font-weight: bold; display: inline-block; border: none; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.1); } input[type="submit"]:hover, button[type="submit"]:hover { background-color: #555; } input[type="submit"]:active, button[type="submit"]:active { background-color: #444; } /* base : text /* ------------------------------------ */ .text { line-height: 1.57em; text-rendering: optimizeLegibility; } .blog .text, .single .text, .archive .text, .search .text { font-size: 14px; } .single-portfolio .text { font-size: 13px; } .text img { max-width: 100%; height: auto; } .text a:active, .text a:focus { outline: invert none medium; } .text p,.text dd { margin-bottom: 14px; } .text dt { color: #444; } .text ol,.text ul { margin: 14px 0 14px 28px; } .text ul li { list-style: square; } .text ol li { list-style: decimal; } .text dt { font-weight: 600;} .text address { margin-bottom: 1.5em; } .text blockquote { background: url(img/shortcodes/blockquote.png) no-repeat 0 0; color: #aaa; font-family: Georgia, serif; font-style: italic; margin: 0 0 20px 10px; padding-left: 40px; } .text blockquote p { margin-bottom: 0.75em; } .text code, .text pre { font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; font-size: 11px; } .text pre { background: url(img/pre.png) repeat top; padding: 18px 20px; margin: 14px 0 28px 0; border: 1px solid #ccc; line-height: 19px; white-space: pre-wrap; word-wrap: break-word; overflow-x: auto; overflow-y: hidden; } .text code { background: #ddd; padding: 0 3px; } .text ins { background: #fff486; } .text sub,.text sup { font-size: 62.5%; } .text sub { vertical-align: sub; } .text sup { vertical-align: super; } .text hr, .hr { background: transparent url(img/hr.png) repeat-x top left; border: 0; height: 2px; margin: 30px 0; } .text img.size-auto, .text img.size-large,.text img.size-medium, .text attachment img { max-width: 100%; height: auto; } .text img { max-width: 100%; height: auto; margin-bottom: 14px; } .text img.alignleft { margin-right: 20px; } .text img.alignright { margin-left: 20px; } .text img.aligncenter { clear: both; display: block; } .text img .size-full { width: 100%!important; } .text .gallery img, .text img.wp-smiley { margin: 0; } .text .wp-caption { background: #f1f1f1; max-width: 100%; margin-bottom: 14px; text-align: center; } .text .wp-caption a { border-bottom: none; } .text .wp-caption img { margin: 0; max-width: 100%; height: auto; } .text .wp-caption.alignleft { margin-right: 20px; } .text .wp-caption.alignright { margin-left: 20px; } .text .wp-caption.alignnone { width: 100%!important; overflow: hidden; } .text .wp-caption.alignnone img { margin: 0 auto; max-width: 100%!important; } .text .wp-caption-text { color: #aaa; font-size: 12px; padding: 8px 0; margin: 0; } .text .gallery { width: 100%; margin-bottom: 14px!important; } .text .gallery .gallery-item { border-color: #fff; margin-top: 0!important; } .text .gallery img { display: block; width: 100%; height: auto; border-width: 1px 2px!important; border-color: #fff!important; } .text .gallery-caption { text-align: center; font-size: 11px; } .text table { margin-bottom: 1.5em; width: 100%; text-align: center; } .text table tr.alt { background: #f7f7f7; } .text table td { font-size: 13px; border-bottom: 1px solid #e5e5e5; text-align: center; padding: 5px; vertical-align: middle; } .text table th { font-weight: 600; text-align: center; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; padding: 10px 5px; } /* base : headings /* ------------------------------------ */ h1, h2, h3, h4, h5, h6 { color: #444; font-weight: 600; } .text h1 span, .text h2 span, .text h3 span, .text h4 span, .text h5 span, .text h6 span { color: #aaa; font-weight: 300; } .text h1,.text h2,.text h3,.text h4,.text h5,.text h6 { margin: 0 0 14px; line-height: 1.5em; } .text h1 { font-size: 24px; } .text h2 { font-size: 20px; } .text h3 { font-size: 18px; } .text h4 { font-size: 16px; } .text h5 { font-size: 14px; } .text h6 { font-size: 12px; text-transform: uppercase; } .heading, #reply-title { font-weight: normal; font-size: 18px; letter-spacing: -0.3px; font-weight: 600; text-transform: uppercase; margin: 0 0 20px; text-shadow: 0 1px 0 #fff; } .color { color: #009cd5!important; } .bgcolor { background-color: #009cd5!important; } /* ------------------------------------------------------------------------- * * Structure /* ------------------------------------------------------------------------- */ #wrap { min-width: 1024px; /* disable responsive */ height: 100%; } /* structure : content /* ------------------------------------ */ .container { max-width: 1024px; min-width: 1024px; /* disable responsive */ width: 100%; margin: 0; } .container.part { max-width: 764px; min-width: 764px; /* disable responsive */ } .content, .content-part { width: 100%; position: relative; position: relative; } .pad { padding: 30px 30px 20px; } .pad.extend-fix { max-width: 704px; } #header, .container, .main.sidebar-left { transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; } /* structure : main + sidebar /* ------------------------------------ */ .main { position: relative; overflow: hidden; } .main.sidebar-left { background: url(img/sidebar.jpg) repeat-y 0 0; padding-left: 260px; } .main.sidebar-left .sidebar { float: left; margin-left: -260px; } .main.sidebar-left .content-part { float: right; } .sidebar { padding-bottom: 10px; position: relative; } .sidebar .pad { padding-left: 20px; padding-right: 20px; } .sidebar { width: 260px; } /* structure : submain + sidebar /* ------------------------------------ */ .submain { position: relative; padding-bottom: 30px; } .submain .submain-part { width: 100%; } .submain.sidebar-left { padding-left: 260px; } .submain.sidebar-left .submain-sidebar { float: left; width: 260px; margin-left: -260px; } .submain.sidebar-left .submain-sidebar .text { padding-right: 30px; } .submain.sidebar-left .submain-part { float: right; } .submain.sidebar-right { padding-right: 260px; } .submain.sidebar-right .submain-sidebar { float: right; width: 260px; margin-right: -260px; } .submain.sidebar-right .submain-sidebar .text { padding-left: 30px; } .submain.sidebar-right .submain-part { float: left; } /* structure : sidebar collapse /* ------------------------------------ */ #sidebar-toggle { width: 260px; height: 80px; margin-bottom: 20px; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1); box-shadow: 0 1px 0 rgba(255,255,255,0.1); } #sidebar-toggle-btn { opacity: 0.6; width: 100%; cursor: pointer; display: block; height: 80px; float: left; } #sidebar-toggle-btn:hover { opacity: 1; } #sidebar-toggle-btn span { background: url(img/sidebar-toggle.png) 0 0; display: block; width: 40px; height: 40px; margin: 20px 10px; } .sidebar-collapse #sidebar-toggle { background: none; width: 60px; } .sidebar-collapse #sidebar-toggle-btn span { background-position: 0 0; } .main.sidebar-collapse { background: url(img/sidebar.jpg) repeat-y -200px 0; padding-left: 60px; } .main.sidebar-collapse .sidebar { float: left; margin-left: -60px; } .main.sidebar-collapse .content-part { float: right; } .sidebar-collapse #sidebar-toggle { position: fixed; left: 0; top: 0; } .sidebar-collapse .container.part { max-width: 964px; min-width: 964px; /* disable responsive */ } .sidebar-collapse .sidebar { width: 60px; padding-top: 70px; } .sidebar-collapse .sidebar ul { display: none; } /* structure : background image /* ------------------------------------ */ #background { position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; z-index: -99; } #background.bgwidth { width: 100%; } /* common : responsive /* ------------------------------------ */ .image-container { background: #262626 url(img/sidebar-mobile.png) repeat; position: relative; overflow: hidden; } .image-container img { display: block; margin: 0 auto; width: 100%; -moz-box-shadow: 0 0 30px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.6); box-shadow: 0 0 30px rgba(0,0,0,0.6); } .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-container.fancybox-video { display: none; width: 840px; } .video-container.fancybox-video.fancybox1 { display: block; } /* common : zoom & glass /* ------------------------------------ */ .zoom { opacity: 0; z-index: 13; background: #009cd5 url(img/zoom.png) no-repeat center center; display: block; width: 56px; height: 56px; position: absolute; top: 50%; left: 50%; margin-left: -28px; margin-top: -28px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .portfolio-thumbnail:hover .zoom { opacity: 1; } .glass { background: url(img/glass.png) no-repeat 50% 50%; display: none; width: 100%; height: 100%; position: absolute; right: 0; bottom: 0; top: 0; -webkit-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -webkit-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); } .portfolio-thumbnail:hover .glass { background-position: 40% 50%; } /* common : icon thumb /* ------------------------------------ */ .icon-thumb { opacity: 1; z-index: 12; background: url(img/icon-thumb.png) no-repeat 0 0; display: block; width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition-property: opacity; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-property: opacity; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease; -o-transition-property: opacity; -o-transition-duration: 0.3s; -o-transition-timing-function: ease; transition-property: opacity; transition-duration: 0.3s; transition-timing-function: ease; } .format-audio .icon-thumb { background-position: 0 -50px; } /* ------------------------------------------------------------------------- * * Section: Header /* ------------------------------------------------------------------------- */ #header { top: 0; width: 100%; z-index: 30; position: relative; } #header .pad { padding-top: 0; padding-bottom: 0; } #header-inner { background-color: #fff; } #header-shadow { background: url(img/nav-shadow.png) repeat-x top; height: 5px; width: 100%; position: relative; z-index: 5; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.8); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.8); box-shadow: 0 1px 0 rgba(255,255,255,0.8); } /* header : top /* ------------------------------------ */ #logo { font-size: 32px; font-weight: 600; letter-spacing: -1.5px; float: left; height: 80px; line-height: 80px; } #logo a { opacity: 0.99; display: block; color: #444; float: left; max-width: 100%; white-space: nowrap; } #logo a:hover, #logo a:hover img { opacity: 0.9; } #logo a:active, #logo a:active img { opacity: 1; } #logo a img { float: left; max-width: 100%; max-height: 60px; height: auto; padding: 10px 0; } #tagline { color: #bbb; font-size: 13px; font-style: italic; float: left; margin-left: 20px; line-height: 80px; } /* header : social /* ------------------------------------ */ #header-social { float: right; padding: 27px 0 26px; position: relative; z-index: 10; margin-left: 20px; } #header-social li { float: left; display: inline; margin-right: 10px; line-height: 16px; } #header-social li:last-child { margin-right: 0; } #header-social li a { background: url(img/social.png) no-repeat 0 0; display: block; float: left; position: relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #header-social li a span.icon { display: block; float: left; height: 16px; width: 16px; padding: 5px 5px 6px; } #header-social li a span.icon img { float: left; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #header-social li a span.icon-title { display: none; } #header-social li a:hover span.icon img { -moz-box-shadow: 0 0 15px rgba(255,255,255,0.2); -webkit-box-shadow: 0 0 15px rgba(255,255,255,0.2); box-shadow: 0 0 15px rgba(255,255,255,0.2); } #header-social li a:hover span.icon-title { background: #333; display: inline-block; text-align: center; color: #eee; padding: 4px 8px; font-size: 12px; line-height: 18px; white-space: nowrap; position: absolute; bottom: -36px; right: 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition-property: opacity; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-property: opacity; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease; -o-transition-property: opacity; -o-transition-duration: 0.3s; -o-transition-timing-function: ease; transition-property: opacity; transition-duration: 0.3s; transition-timing-function: ease; } #header-social li a:hover span.icon-title i.icon-pike { background: url(img/pike.png) no-repeat -9px 0; width: 9px; height: 5px; position: absolute; top: -5px; right: 11px; } /* header : nav /* ------------------------------------ */ #header-nav, .select-nav { background: #fff; position: relative; border-top: 1px solid #f5f5f5; } /* level 1 */ #nav { font-weight: 600; font-size: 12px; text-shadow: 0 1px 0 #fff; text-transform: uppercase; } #nav li { background: url(img/nav-divider.png) no-repeat right; padding-right: 2px; list-style: none; display: inline; float: left; position: relative; margin-top: -1px; } #nav li a { color: #777; display: block; line-height: 20px; padding: 9px 20px 11px; border-top: 1px solid #eee; } #nav li a:hover, #nav li:hover a { border-top-color: #009cd5; background-color: #fff; color: #009cd5; } #nav li.current_page_item a, #nav li.current-menu-ancestor a, #nav li.current-menu-item a { background: #009cd5 url(img/nav-current.png) repeat-x center top; color: #009cd5; border-top-color: #009cd5; } /* level 2 */ #nav li:hover > ul { display: block; text-shadow: none; text-shadow: none; } #nav ul { display: none; background: #fff; padding: 10px 20px; width: 140px; font-weight: normal; position: absolute; top: 41px; left: 0; z-index: 99; -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2); } #nav ul li { background: none; border: none; position: relative; padding-bottom: 0; float: left; margin: 0; } #nav ul li a, #nav li:hover ul li a { font-size: 11px; line-height: 16px; font-weight: normal; float: none; padding: 10px 0; width: 140px; display: block; border-bottom: 1px solid #f2f2f2; color: #aaa!important; text-shadow: none!important; background: transparent!important; border-top: none!important; } #nav ul li a:hover, #nav li:hover ul li a:hover { color: #444!important; } #nav ul.sub-menu li:last-child a { border-bottom: 0; } #nav li.current-menu-parent ul li.current_page_item a, #nav li.current-menu-parent ul li.current-menu-item a { color: #444!important; } /* level 3 */ #nav ul ul { display: none; width: 140px; position: absolute; top: -10px; left: 140px; } #nav ul li:last-child ul a { border-bottom: 1px solid #f2f2f2!important; } #nav ul li ul li:last-child a { border-bottom: 0!important; } /* nav select dropdown */ .select-nav { display: none; position: relative; z-index: 9; padding: 15px; } .select-nav select.nav { background: #f4f4f4; border: 1px solid #ccc; color: #666; display: inline-block; font-size: 12px; line-height: 21px; padding: 5px; width: 100%; } /* ------------------------------------------------------------------------- * * Section: Page Title /* ------------------------------------------------------------------------- */ #page-title { position: relative; z-index: 2; margin: 0 0 30px; text-shadow: 0 1px 0 #fff; } #page-title h1, #page-title h2 { color: #444; font-size: 26px; font-weight: 600; line-height: 1.3em; letter-spacing: -0.5px; } #page-title h1 span, #page-title h2 span { color: #aaa; font-weight: 300; } #page-title.huge h1, #page-title.huge h2 { font-size: 48px; letter-spacing: -2.5px; line-height: 1.1em; } #page-title.huge h1 span, #page-title.huge h2 span { font-size: 32px; letter-spacing: -1px; display: block; } /* ------------------------------------------------------------------------- * * Section: Page Image /* ------------------------------------------------------------------------- */ #page-image { overflow: hidden; position: relative; z-index: 1; } #page-image img { display: block; height: auto; width: 100%; margin: 0 auto; } #page-image-text { position: absolute; top: 50%; margin-top: -21px; width: 100%; text-align: center; } #page-image-text .caption { color: #fff; font-size: 42px; line-height: 42px; letter-spacing: -2.5px; font-weight: 600; font-style: italic; text-shadow: 0 0 20px rgba(0,0,0,0.4), 0 1px 0 rgba(0,0,0,0.4); } #page-image-text .description { margin-top: 12px; display: block; color: #fff; font-size: 13px; line-height: 36px; letter-spacing: 0; text-shadow: 0 0 20px rgba(0,0,0,0.7), 0 1px 0 rgba(0,0,0,0.4); } #page-image-text .description i { background: rgba(0,0,0,0.7); opacity: 0.7; font-style: italic; padding: 4px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: inset 0 0 4px rgba(0,0,0,0.6), inset 0 1px 0 rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.2); } /* ------------------------------------------------------------------------- * * Section: Blog Subheader /* ------------------------------------------------------------------------- */ #subheader-blog { position: relative; z-index: 10; float: left; width: 100%; margin: 0 0 20px; font-size: 12px; line-height: 22px; font-weight: 600; text-transform: uppercase; text-shadow: 0 1px 0 rgba(255,255,255,0.8); } .blog #subheader-blog { margin-top: -10px; } #subheader-blog a { color: #777; } #subheader-blog a:hover { color: #444; } #subheader-blog .btn-drop { background-image: url(img/subheader-blog.png); background-repeat: no-repeat; background-position: right -2px; } #subheader-blog .btn-rss { background-image: url(img/subheader-blog.png); background-repeat: no-repeat; background-position: right -42px; } #subheader-blog .btn-drop, #subheader-blog .btn-rss { background-color: #f2f2f2; border: 1px solid #ddd; padding: 7px 10px; display: block; position: relative; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 1px 0 rgba(255,255,255,0.8); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 1px 0 rgba(255,255,255,0.8); box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 1px 0 rgba(255,255,255,0.8); } #subheader-blog li:hover .btn-drop, #subheader-blog .btn-drop:hover, #subheader-blog .btn-rss:hover { color: #444; background-color: #fff; } #subheader-blog .btn-drop { margin-right: 10px; } #subheader-blog li { float: left; width: 100%; position: relative; } #subheader-blog .item-1 { width: 28%; } #subheader-blog .item-2 { width: 25%; } #subheader-blog .item-3 { width: 33%; } #subheader-blog .item-4 { width: 14%; } #subheader-blog #subheader-search { margin-right: 10px; } #subheader-blog #subheader-search div { background: #eaeaea url(img/subheader-blog.png) no-repeat right -82px; border: 1px solid #e5e5e5; border-top-color: #ddd; border-bottom-color: #fff; padding: 5px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #subheader-blog #subheader-search input { background: transparent; width: 80%; border: 0; height: 27px; padding: 0; font-size: 12px; font-weight: 600; text-shadow: 0 1px 0 rgba(255,255,255,0.8); text-transform: uppercase; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #subheader-blog #subheader-search input:focus { text-transform: none; } #subheader-blog li:hover > .sub-menu { display: block; } #subheader-blog .sub-menu { display: none; background: #fff; font-size: 11px; border: 1px solid #ddd; font-weight: 400; position: absolute; z-index: 10; left: 0; right: 10px; top: 37px; min-width: 124px; padding: 10px 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.7), 0 1px 0 rgba(0,0,0,0.03); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.7), 0 1px 0 rgba(0,0,0,0.03); box-shadow: inset 0 1px 0 rgba(255,255,255,0.7), 0 1px 0 rgba(0,0,0,0.03); } #subheader-blog .sub-menu a { color: #aaa; display: block; } #subheader-blog .sub-menu a:hover { color: #444; } #subheader-blog .sub-menu li { border-bottom: 1px solid #f2f2f2; padding: 4px 0; } #subheader-blog .sub-menu li:last-child { border-bottom: 0; } /* ------------------------------------------------------------------------- * * Entry /* ------------------------------------------------------------------------- */ .entry { position: relative; padding: 0 0 40px 0; } .entry-inner { background: #fff; position: relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2), 0 0 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2), 0 0 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.2), 0 0 1px rgba(0,0,0,0.1); } .search-no-results .text { margin-bottom: 20px; } .search-no-results .entry-inner { margin-bottom: 40px; } /* entry : blog /* ------------------------------------ */ .blog .entry, .single .entry.post, .archive .entry.post, .search .entry.post { padding: 0 0 40px 40px; margin-left: 10px; border-left: 2px solid #e5e5e5; -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,0.7); -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.7); box-shadow: inset 1px 0 0 rgba(255,255,255,0.7); } .entry-pike { background: url(img/entry-pike.png) no-repeat 0 0; height: 18px; width: 10px; position: absolute; top: 36px; left: -10px; } .blog .entry-title, .single .entry-title, .archive .entry-title, .search .entry-title { margin: 20px 0; font-size: 22px; font-weight: 600; line-height: 1.5em; letter-spacing: -0.6px; } .entry-part .entry-title { margin-bottom: 14px; } /* entry : search results /* ------------------------------------ */ .search .type-page .entry-meta, .search .type-portfolio .entry-meta, .search .type-page .format-icon, .search .type-portfolio .format-icon, .search .type-page a.more-link, .search .type-portfolio a.more-link { display: none; } .search .type-page .entry-title, .search .type-portfolio .entry-title { margin-top: 0; margin-bottom: 14px; } .search .type-page .entry-thumbnail, .search .type-portfolio .entry-thumbnail { margin-top: 0; } /* entry : thumbnail /* ------------------------------------ */ .entry-wrap { padding-left: 170px; } .entry-part { float: left; } .entry-thumbnail { margin: 20px 0 14px -170px; float: left; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .entry-thumbnail a { width: 150px; float: left; position: relative; } .entry-thumbnail img { float: left; display: block; max-width: 100%; height: auto; } .entry-thumbnail a:hover img { opacity: 0.9; } .entry-thumbnail a:active .play { opacity: 0.8; } /* entry : heading /* ------------------------------------ */ .entry-heading { font-size: 22px; height: 30px; line-height: 30px; font-weight: 600; letter-spacing: -0.5px; margin-bottom: 50px; } /* entry : title /* ------------------------------------ */ .entry-title { color: #444; } .entry-title a { color: #444; } .entry-title a:hover { color: #009cd5; } /* entry : meta /* ------------------------------------ */ .entry-meta { border-bottom: 1px solid #f2f2f2; padding-bottom: 6px; text-transform: uppercase; font-weight: 600; font-size: 11px; line-height: 16px; } .entry-meta li { margin-bottom: 4px; float: left; display: inline; margin-right: 14px; margin-bottom: 10px; } .entry-meta li.entry-date { background: url(img/icons-16.png) no-repeat 0 0; padding-left: 22px; } .entry-meta li.entry-author a { background: url(img/icons-16.png) no-repeat 0 -32px; padding-left: 22px; } .entry-meta li.entry-comments a { background: url(img/icons-16.png) no-repeat 0 -64px; padding-left: 22px; } .entry-meta li, .entry-meta a { color: #aaa; display: block; } .entry-meta a:hover { color: #444; } .sticky {} /* entry : tags single /* ------------------------------------ */ .entry-tags { padding: 14px 0; } .entry-tags span { font-size: 13px; color: #aaa; display: block; float: left; margin: 0 10px 8px 0; } .entry-tags a { background: #ebebeb url(img/tag.png) no-repeat 0 0; display: inline-block; line-height: 16px; white-space: nowrap; font-size: 11px; color: #aaa; padding: 1px 7px 1px 18px; margin: 0 5px 5px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .entry-tags a:hover { background-color: #009cd5; color: #fff; } /* entry : links /* ------------------------------------ */ .entry-page-links { font-weight: 600; font-size: 16px; margin-bottom: 20px; } a.more-link { font-weight: 600; font-size: 12px; text-transform: uppercase; } /* entry : category /* ------------------------------------ */ .entry-category { background: #e5e5e5; color: #aaa; border-bottom: 1px solid #d5d5d5; font-size: 11px; line-height: 16px; font-weight: 600; text-transform: uppercase; padding: 10px 16px; float: right; display: block; margin: 0 auto; text-shadow: 0 1px 0 #fff; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .entry-category span { background: url(img/icons-16.png) no-repeat 0 -96px; height: 16px; width: 16px; display: block; margin-right: 6px; float: left; } /* entry : author block /* ------------------------------------ */ .entry-author-block { padding: 14px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-top: 20px; text-shadow: 0 1px 0 #fff; font-style: italic; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5), inset 0 1px 0 rgba(255,255,255,0.5); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5), inset 0 1px 0 rgba(255,255,255,0.5); box-shadow: 0 1px 0 rgba(255,255,255,0.5), inset 0 1px 0 rgba(255,255,255,0.5); } .entry-author-block .entry-author-avatar { border: 5px solid #fff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; float: left; overflow: hidden; } .entry-author-block .entry-author-avatar img { display: block; float: left; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .entry-author-block p { margin-left: 105px; margin-bottom: 8px; } .entry-author-block p.entry-author-name { color: #444; font-size: 16px; font-weight: 600; margin-top: 6px; } .entry-author-block p.entry-author-description { color: #aaa; } /* entry : nav /* ------------------------------------ */ .entry-nav { margin: 20px 0 30px; } .entry-nav a { font-size: 22px; font-weight: 600; } /* ------------------------------------------------------------------------- * * Tumblog Formats /* ------------------------------------------------------------------------- */ .format-icon { background: #e5e5e5; height: 50px; width: 50px; position: absolute; left: -25px; top: 20px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -moz-box-shadow: 1px 0 0 rgba(255,255,255,0.7); -webkit-box-shadow: 1px 0 0 rgba(255,255,255,0.7); box-shadow: 1px 0 0 rgba(255,255,255,0.7); } .format-icon-inner { position: relative; height: 50px; width: 50px; display: block; float: left; } .orb { background: #009cd5 url(img/orb.png) no-repeat center center; display: block; height: 40px; width: 40px; margin: 5px; overflow: hidden; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -moz-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.3); box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.3); } .orb.avatar { background: none;} .orb.avatar img { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .format-icon:hover .orb { height: 50px; width: 50px; margin: 0; } .orb, .format-icon:hover .orb, i.icon, i.plus, .format-icon:hover i.icon, .format-icon:hover i.plus { -webkit-transition-property: background color; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background color; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease-out; -o-transition-property: background color; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; transition-property: background color; transition-duration: 0.2s; transition-timing-function: ease-out; } .format-icon i.plus { opacity: 0; background: url(img/postformat-icons.png) no-repeat 0 -180px; height: 18px; width: 18px; display: block; position: absolute; left: 16px; top: 16px; } .format-icon i.icon { background: url(img/postformat-icons.png) no-repeat 0 0; height: 18px; width: 18px; display: block; position: absolute; left: 16px; top: 16px; } .format-icon:hover i.plus { opacity: 1; } .format-icon:hover i.icon { opacity: 0; } .format-standard i.icon { background-position: 0 0; } .format-image i.icon { background-position: 0 -18px; } .format-video i.icon { background-position: 0 -36px; } .format-audio i.icon { background-position: 0 -54px; } .format-quote i.icon { background-position: 0 -72px; } .format-link i.icon { background-position: 0 -90px; } .format-chat i.icon { background-position: 0 -108px; } .format-status i.icon { background-position: 0 -126px; } .format-aside i.icon { background-position: 0 -144px; } .format-gallery i.icon { background-position: 0 -162px; } /* entry format : common /* ------------------------------------ */ .entry-format { margin: 0 -30px; overflow: hidden; } .entry-format p { margin-bottom: 14px; } .entry-format.video, .entry-format.audio, .entry-format.image, .entry-format.chat { margin-bottom: 30px; } /* entry format : image /* ------------------------------------ */ .entry-format.image { } /* entry format : video /* ------------------------------------ */ .entry-format.video { } /* entry format : quote /* ------------------------------------ */ .format-quote .entry-title { display: none; } .entry-format.quote { padding: 20px 30px 0; } .entry-format.quote blockquote { font-weight: 300; font-size: 20px; line-height: 1.5em; } .entry-format.quote .quote-author { font-style: italic; } /* entry format : link /* ------------------------------------ */ .format-link .entry-title { display: none; } .format-link .text { margin-top: 30px; } .entry-format.link { } .entry-format.link p { font-size: 20px; margin: 0; } .entry-format.link p a { background: #009cd5; color: #fff; font-weight: 600; font-style: italic; text-shadow: 0 -1px 0 rgba(0,0,0,0.1); display: block; padding: 18px 30px; } .entry-format.link p a:hover { background-position: top; } /* entry format : chat /* ------------------------------------ */ .entry-format.chat { background: #f4f4f4; padding: 20px 30px 10px; } .entry-format.chat p { font-weight: 300; font-style: italic; font-size: 14px; } /* entry format : status /* ------------------------------------ */ .format-status .entry-title { display: none; } .format-status .text { font-size: 20px; line-height: 1.5em; font-weight: 300; margin-top: 20px; } /* entry format : aside /* ------------------------------------ */ .format-aside .entry-title { display: none; } .format-aside .text { margin-top: 30px; } /* entry format : gallery /* ------------------------------------ */ .entry-format.gallery { margin-bottom: 0; padding-bottom: 0; } .flexslider.flex-post { overflow: visible; padding-bottom: 30px; } .flexslider.flex-post .slides { overflow: hidden; position: relative; } .flexslider.flex-post .slides img { width: auto; max-width: 100%; -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4); box-shadow: 0 0 20px rgba(0,0,0,0.4); } .flexslider.flex-post .flex-control-nav { bottom: 1px; } .flexslider.flex-post .flex-direction-nav a { margin-top: -36px; } /* entry format : audio /* ------------------------------------ */ .entry-format.audio { } /* jplayer */ div.jp-play-bar, div.jp-volume-bar-value { background-color: #009cd5; } div.jp-audio, div.jp-interface, div.jp-progress, div.jp-seek-bar { width: 100%; min-width: 100%; } div.jp-progress-container, div.jp-volume-bar-container { border-left: 1px solid #fff; } div.jp-interface { background: #f4f4f4; position: relative; overflow: hidden; } div.jp-interface a { -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none; } div.jp-interface ul.jp-controls { list-style-type: none; padding: 0; margin: 0; } div.jp-interface ul.jp-controls li { display: inline; } div.jp-interface ul.jp-controls a { position: absolute; overflow: hidden; text-indent: -9999px; } a.jp-play, a.jp-pause { width: 33px; height: 30px; z-index: 1; outline: none; margin-top: 8px; } a.jp-play, a.jp-pause { top: 0; left: 0; } a.jp-play { background: url(img/jplayer.png) 0 0 no-repeat; } a.jp-play:hover { background: url(img/jplayer.png) -33px 0 no-repeat; } a.jp-pause { background: url(img/jplayer.png) 0 -30px no-repeat; display: none; } a.jp-pause:hover { background: url(img/jplayer.png) -33px -30px no-repeat; } div.jp-progress-container { margin-left: 34px; margin-right: 84px; height: 6px; padding: 20px 10px; } div.jp-progress { background: #fff; border: 1px solid #d6d6d6; overflow: hidden; height: 4px; padding: 1px 0; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff; } div.jp-seek-bar { background: #fff; width: 0px; height: 4px; cursor: pointer; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } div.jp-play-bar { width: 0px; height: 4px; margin-left: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } div.jp-volume-bar-container { width: 40px; height: 6px; padding: 20px 10px 20px 33px; position: absolute; top: 0; right: 0; } div.jp-volume-bar { background: #fff; border: 1px solid #d6d6d6; padding: 1px 0; position: relative; overflow: hidden; width: 40px; height: 4px; cursor: pointer; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff; } div.jp-volume-bar { top: 0; left: 0; } div.jp-volume-bar-value { width: 0px; height: 4px; margin: 0 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } a.jp-mute, a.jp-unmute { width: 17px; height: 13px; z-index: 1; outline: none; margin-top: 15px; } a.jp-mute, a.jp-unmute { top: 2px; right: 58px; } a.jp-mute { background: url(img/jplayer.png) -10px -68px no-repeat; } a.jp-mute:hover { background: url(img/jplayer.png) -43px -68px no-repeat; } a.jp-unmute { background: url(img/jplayer.png) -10px -98px no-repeat; display: none; } a.jp-unmute:hover { background: url(img/jplayer.png) -43px -98px no-repeat; } div.jp-jplayer { width:0px; height:0px; } /* ------------------------------------------------------------------------- * * Widgets /* ------------------------------------------------------------------------- */ .widget { color: #777; font-size: 12px; } .widget a { color: #aaa; } .widget a:hover { color: #ddd; } .widget-title { color: #fff; font-size: 14px; font-weight: 600; margin-bottom: 8px; } .widget-title a, .widget-title a:hover { color: #fff!important; } .widget-title a img { display: block; float: left; margin: 3px 7px 0 0; } .sidebar .widget { padding: 0 20px 40px; text-shadow: 0 1px 0 rgba(0,0,0,0.4); } /* widget : common /* ------------------------------------ */ .widget_archive ul li, .widget_categories ul li, .widget_links ul li, .widget_meta ul li, .widget_recent_comments ul li, .widget_recent_entries ul li { padding: 6px 0 6px 20px; border-bottom: 1px dotted #444; } .widget_rss ul li, .widget_pages ul li a, .widget_nav_menu ul li a { border-bottom: 1px dotted #444; } /* widget : archives /* ------------------------------------ */ .widget_archive ul li { background: url(img/widgets/arrow.png) no-repeat 4px 12px; } /* widget : categories /* ------------------------------------ */ .widget_categories ul li { background: url(img/widgets/category.png) no-repeat 4px 12px; } /* widget : links /* ------------------------------------ */ .widget_links ul li { background: url(img/widgets/link.png) no-repeat 4px 12px; } /* widget : meta /* ------------------------------------ */ .widget_meta ul li { background: url(img/widgets/arrow.png) no-repeat 4px 12px; } /* widget : recent comments /* ------------------------------------ */ .widget_recent_comments ul li { background: url(img/widgets/comment.png) no-repeat 4px 12px; } /* widget : recent entries /* ------------------------------------ */ .widget_recent_entries ul li { background: url(img/widgets/time.png) no-repeat 4px 12px; } /* widget : pages /* ------------------------------------ */ .widget_pages ul li a { display: block; padding: 6px 0; } .widget_pages li li a { background: url(img/widgets/level-2.png) no-repeat 4px 12px; padding-left: 20px; } .widget_pages li li li a { background: url(img/widgets/level-3.png) no-repeat 4px 12px; padding-left: 30px; } .widget_pages ul ul, .widget_pages ul ul ul { border: 0; } /* widget : nav menu /* ------------------------------------ */ .widget_nav_menu ul li a { display: block; padding: 6px 0; } .widget_nav_menu li li a { background: url(img/widgets/level-2.png) no-repeat 4px 11px; padding-left: 20px; } .widget_nav_menu li li li a { background: url(img/widgets/level-3.png) no-repeat 4px 11px; padding-left: 30px; } .widget_nav_menu ul ul, .widget_nav_menu ul ul ul { border: 0; } /* widget : rss /* ------------------------------------ */ .widget_rss ul li { padding: 4px 0; } .widget_rss ul li span.rss-date { color: #009cd5; font-size: 11px; font-weight: 600; display: block; } .widget_rss ul li .rssSummary { font-size: 11px; line-height: 1.5em; margin: 2px 0 4px; } /* widget : search /* ------------------------------------ */ .widget_search { } .widget_search div { background: url(img/widgets/search.png) no-repeat 8px 9px; padding-left: 26px; border: 1px solid #444; } .widget_search input#s { background: transparent; font-size: 12px; width: 98%; padding: 6px 0; color: #aaa; border: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget_search input#s:focus { color: #d6d6d6; } .widget_search label.screen-reader-text { display: none; } .widget_search input#searchsubmit { display: none; } /* widget : tag cloud /* ------------------------------------ */ .widget_tag_cloud { } .widget_tag_cloud .tagcloud { padding-top: 8px; } /* widget : text /* ------------------------------------ */ .widget_text .textwidget { color: #aaa; } .widget_text .textwidget a { color: #fff; } .widget_text .textwidget p { margin-bottom: 10px; line-height: 1.5em; } /* widget : calendar /* ------------------------------------ */ .widget_calendar a { color: #fff; font-weight: 600; } .widget_calendar #wp-calendar { width: 100%; } .widget_calendar caption { background: #009cd5; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); font-weight: 600; margin: 0 0 6px 0; padding: 5px 10px; } .widget_calendar th { color: #ddd; font-weight: 600; } .widget_calendar th, .widget_calendar td { padding: 3px 0 3px 0; text-align: center; border: 1px solid #444; } .widget_calendar .pad { padding-left: 0; padding-right: 0; } /* widget : wpb tabs /* ------------------------------------ */ .widget_wpb_tabs .wpb-tabs { padding-top: 10px; } .widget_wpb_tabs .wpb-tabs li { background: none; padding: 0; float: left; display: block; } .widget_wpb_tabs .wpb-tabs.tabs-2 li { width: 50%; } .widget_wpb_tabs .wpb-tabs.tabs-3 li { width: 33.3%; } .widget_wpb_tabs .wpb-tabs.tabs-4 li { width: 25%; } .widget_wpb_tabs .wpb-tabs li a { display: block; background: #444; border-left: 1px solid #262626; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 1px 0 rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 1px 0 rgba(0,0,0,0.2); box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 1px 0 rgba(0,0,0,0.2); } .widget_wpb_tabs .wpb-tabs li a:hover { background-color: #4e4e4e; } .widget_wpb_tabs .wpb-tabs li:first-child a { border-left: 0; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .widget_wpb_tabs .wpb-tabs li:last-child a { -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .widget_wpb_tabs .wpb-tabs li a.active { background-color: #009cd5!important; color: #fff; } .widget_wpb_tabs .wpb-tabs li a.active span { opacity: 1; } .widget_wpb_tabs .wpb-tabs li span { opacity: 0.8; background: url(img/widgets/tabs.png) no-repeat center top; height: 32px; display: block; width: 100%; overflow: hidden; text-indent: -999px; transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; } .widget_wpb_tabs .wpb-tabs li a:hover span { opacity: 1; } .widget_wpb_tabs .wpb-tabs li.wpb-tab-recent span { background-position: center 0; } .widget_wpb_tabs .wpb-tabs li.wpb-tab-recent .active span { background-position: center -32px; } .widget_wpb_tabs .wpb-tabs li.wpb-tab-popular span { background-position: center -64px; } .widget_wpb_tabs .wpb-tabs li.wpb-tab-popular .active span { background-position: center -96px; } .widget_wpb_tabs .wpb-tabs li.wpb-tab-comments span { background-position: center -128px; } .widget_wpb_tabs .wpb-tabs li.wpb-tab-comments .active span { background-position: center -160px; } .widget_wpb_tabs .wpb-tabs li.wpb-tab-tags span { background-position: center -192px; } .widget_wpb_tabs .wpb-tabs li.wpb-tab-tags .active span { background-position: center -224px; } .widget_wpb_tabs { } .widget_wpb_tabs ul { padding: 0; width: 100%; } .widget_wpb_tabs ul.wpb-tab { display: none; } .widget_wpb_tabs ul.wpb-tab li { border-bottom: 1px dotted #444; padding: 10px 0; width: 100%; } .widget_wpb_tabs ul.wpb-tab li:first-child { padding-top: 15px; } .widget_wpb_tabs a { display: block; } .widget_wpb_tabs .list-tags a { display: inline; } .widget_wpb_tabs a:active .icon-thumb { opacity: 0.8; } .widget_wpb_tabs a img { display: block; width: 100%; opacity: 0.99; height: auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.4); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.4); box-shadow: 0 1px 1px rgba(0,0,0,0.4); } .widget_wpb_tabs a:hover img { opacity: 0.7; } .widget_wpb_tabs a span { display: block; } .widget_wpb_tabs .wpb-thumb { position: relative; float: left; } .widget_wpb_tabs .wpb-thumb-enabled a { padding-left: 78px; } .widget_wpb_tabs .wpb-thumb { width: 64px; margin-left: -78px; } .widget_wpb_tabs .list-comments .wpb-thumb-enabled a { padding-left: 78px; } .widget_wpb_tabs .list-comments .wpb-thumb { width: 64px; margin-left: -78px; } .widget_wpb_tabs .format-video a .icon-thumb { background-position: 0 -100px; } .widget_wpb_tabs .format-audio a .icon-thumb { background-position: 0 -150px; } .widget_wpb_tabs .wpb-text i { font-style: normal; display: block; float: left; width: 100%; } .widget_wpb_tabs .wpb-text i.title { line-height: 1.4em; -webkit-transition-property: background color; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background color; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease-out; -o-transition-property: background color; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; transition-property: background color; transition-duration: 0.2s; transition-timing-function: ease-out;} .widget_wpb_tabs a:hover .wpb-text i.title { } .widget_wpb_tabs .wpb-text i.meta { color: #777; } /* ------------------------------------------------------------------------- * * Section: Footer (Widgets) /* ------------------------------------------------------------------------- */ #footer-widgets { background: #fff url(img/hr.png) repeat-x bottom; } #footer-widgets a { color: #777; } #footer-widgets a:hover { color: #444; } #footer-widgets .widget { padding-bottom: 20px; font-size: 12px; } #footer-widgets .widget-title { font-size: 13px; color: #444; border-bottom: 1px solid #eee; padding-bottom: 10px; } #footer-widgets .widget-title a, #footer-widgets .widget-title a:hover { color: #444; } /* footer widget : common /* ------------------------------------ */ #footer-widgets .widget_archive ul li, #footer-widgets .widget_categories ul li, #footer-widgets .widget_links ul li, #footer-widgets .widget_meta ul li, #footer-widgets .widget_recent_comments ul li, #footer-widgets .widget_recent_entries ul li, #footer-widgets .widget_rss ul li, #footer-widgets .widget_pages ul li a, #footer-widgets .widget_nav_menu ul li a, #footer-widgets .widget_wpb_tabs ul.wpb-tab li { border-bottom: 1px dotted #eee; } #footer-widgets .widget_archive ul li, #footer-widgets .widget_categories ul li, #footer-widgets .widget_links ul li { color: #aaa; } /* footer widget : rss /* ------------------------------------ */ #footer-widgets .widget_rss ul li span.rss-date { color: #444; } /* footer widget : search /* ------------------------------------ */ #footer-widgets .widget_search div { border-color: #eee; } #footer-widgets .widget_search input#s { color: #aaa; } #footer-widgets .widget_search input#s:focus { color: #444; } /* footer widget : tag cloud /* ------------------------------------ */ #footer-widgets .widget_tag_cloud .tagcloud a { color: #aaa; } #footer-widgets .widget_tag_cloud .tagcloud a:hover { color: #444; } /* widget : text /* ------------------------------------ */ #footer-widgets .widget_text .widget-title { margin-bottom: 14px; } /* footer widget : calendar /* ------------------------------------ */ #footer-widgets .widget_calendar a:hover { color: #444; } #footer-widgets .widget_calendar th { color: #444; } #footer-widgets .widget_calendar th, #footer-widgets .widget_calendar td { border: 1px solid #eee; } /* footer widget : tabs /* ------------------------------------ */ #footer-widgets .widget_wpb_tabs .wpb-text i.title { color: #777; } #footer-widgets .widget_wpb_tabs a:hover .wpb-text i.title { color: #444; } #footer-widgets .widget_wpb_tabs .wpb-text i.meta { color: #aaa; } /* ------------------------------------------------------------------------- * * Section: Footer /* ------------------------------------------------------------------------- */ #footer { width: 100%; color: #aaa; } /* footer : bottom /* ------------------------------------ */ #footer-bottom { background: #fff; } #footer-bottom .one-half { margin-bottom: 5px!important; } #footer-bottom a { color: #444; } #footer-bottom a:hover { color: #777; } #footer #copy { padding: 8px 0; font-style: italic; } #footer-social { text-align: right; float: right; padding: 0; margin-top: 5px; } #footer-social li { display: inline-block; margin: 0 5px; line-height: 16px; position: relative; } #footer-social li a { background: url(img/social.png) no-repeat 0 0; display: block; float: left; position: relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #footer-social li a span.icon { display: block; float: left; height: 16px; width: 16px; padding: 5px 5px 6px; } #footer-social li a span.icon img { float: left; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} #footer-social li a span.icon-title { display: none; } #footer-social li a:hover span.icon-title { background: #333; display: inline-block; color: #eee; padding: 4px 8px; font-size: 12px; line-height: 18px; white-space: nowrap; position: absolute; top: -36px; right: 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #footer-social li a:hover span.icon-title i.icon-pike { background: url(img/pike.png) no-repeat 0 0; width: 9px; height: 5px; position: absolute; bottom: -5px; right: 11px; } #to-top { background: #009cd5; height: 36px; width: 44px; float: right; margin: 0 0 0 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.3); box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.3); } #to-top a { background: url(img/footer-to-top.png) no-repeat center center; display: block; height: 36px; width: 100%; } #to-top a:hover { background-position: center 6px; } /* footer : contact /* ------------------------------------ */ #footer-contact { background: #fff url(img/hr.png) repeat-x bottom; font-style: italic; } #footer-contact .pad { padding-top: 20px; padding-bottom: 10px; } #footer-contact a { color: #aaa; } #footer-contact a:hover { color: #444; } p#contact-address, p#contact-phone, p#contact-email { background: url(img/footer-contact.png) no-repeat 0 0; line-height: 18px; display: block; padding: 0 30px 10px 26px; float: left; } p#contact-address { background-position: 0 0; } p#contact-phone { background-position: 0 -54px; } p#contact-email{ background-position: 0 -108px; } /* ------------------------------------------------------------------------- * * Comments /* ------------------------------------------------------------------------- */ #comments { width: 100%; position: relative; } /* parent */ .commentlist li { list-style: none; font-size: 12px; padding-left: 70px; } .commentlist li .comment-body { background: #e5e5e5; text-shadow: 0 1px 0 #fff; clear: both; border-bottom: 1px solid #d5d5d5; padding: 14px 20px 38px; margin: 0 0 10px 0; position: relative; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .commentlist li .comment-body .comment-author { display: block; margin-bottom: 4px; } .commentlist li .comment-body .fn { color: #444; font-size: 13px; font-style: normal; font-weight: 600; } .commentlist li .comment-body .fn a { color: #444; } .commentlist li .comment-body .fn a:hover { color: #444; } .commentlist li .comment-body .says { display: none; } .commentlist li .comment-body .avatar { position: absolute; left: -70px; top: 0; width: 60px; height: 60px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .commentlist li .comment-body p { margin-bottom: 8px; color: #777; clear: both; line-height: 1.5em; } /* child */ .commentlist li ul { margin: 0 0 10px 0; } .commentlist li ul li { border-left: 1px solid #e5e5e5; padding: 0 0 10px 30px; margin: 0; -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,0.6); -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.6); box-shadow: inset 1px 0 0 rgba(255,255,255,0.6); } .commentlist li ul li .comment-body { margin: 0; padding: 12px 20px 38px 70px; } .commentlist li ul li .comment-body .fn { font-size: 13px; } .commentlist li ul li .comment-body .avatar { width: 40px; height: 40px; left: 15px; top: 15px; } .commentlist li ul li .comment-body .comment-meta { left: 70px; } .commentlist li ul ul { margin: 10px 0 0 0; } .commentlist li:last-child, .commentlist li li:last-child, .commentlist li li li:last-child, .commentlist li li li li:last-child { padding-bottom: 0!important; } /* misc */ .commentlist .comment-meta { display: block; font-style: italic; position: absolute; bottom: 18px; left: 20px; font-size: 11px; line-height: 12px; } .commentlist .comment-meta a { color: #aaa; } .commentlist .comment-meta a.comment-edit-link:hover { color: #444; } .commentlist .reply { position: absolute; bottom: 0; right: 1px; } .commentlist .reply a { background-color: #fff; font-size: 11px; color: #aaa; display: block; line-height: 24px; text-align: center; padding: 0 8px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .commentlist .reply a:hover { background-color: #009cd5; color: #fff!important; text-shadow: none; } .commentlist li.pingback .reply { display: none; } .commentlist li.bypostauthor .comment-body { background-image: url(img/comment-author.png); background-repeat: no-repeat; background-position: right 10px; } .commentlist li.bypostauthor li .comment-body { background-image: none; } .commentlist li.bypostauthor ul li.bypostauthor .comment-body { background-image: url(img/comment-author.png); background-position: right 10px; } .comment-awaiting-moderation { color: #009cd5; font-style: normal; } /* comments : nav /* ------------------------------------ */ #comment-nav { margin: 30px 0; padding: 10px; border: 1px solid #eee; } #comment-nav a { font-weight: 600; } #comment-nav .nav-previous { float: left; } #comment-nav .nav-next { float: right; } /* comments : form /* ------------------------------------ */ .logged-in-as, .comment-notes, .form-allowed-tags { display: none; } #respond { background: #e5e5e5; padding: 20px; position: relative; border-bottom: 1px solid #d5d5d5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } li #respond { padding-top: 10px; margin-bottom: 10px; } li li #respond { margin-top: 10px; margin-bottom: 0; } #reply-title { margin: 4px 0 8px; } li #reply-title { font-size: 0; margin: 0!important; height: 0; } #cancel-comment-reply-link { color: #aaa; display: block; position: absolute; bottom: 26px; right: 20px; font-size: 12px; font-weight: normal; letter-spacing: 0; text-transform: none; } #cancel-comment-reply-link:hover { color: #777; } #commentform p.comment-form-author { width: 48%; float: left; } #commentform p.comment-form-email { width: 48%; float: right; } #commentform p.comment-form-url, #commentform p.comment-form-comment { clear: both; } #commentform label { padding: 7px 0; font-weight: bold; display: block; } #commentform input[type="text"], #commentform textarea { max-width: 100%; width: 100%; } #commentform textarea { height: 140px; } #commentform p.form-submit { margin-top: 10px; } .logged-in #reply-title { margin-bottom: 20px; } .logged-in #commentform p.comment-form-comment { margin-top: 10px; } .logged-in #commentform p.comment-form-comment label { display: none; } /* ------------------------------------------------------------------------- * * Template: Frontpage (Common) /* ------------------------------------------------------------------------- */ .front #page-title span { display: block; } .front .page-title-sub { font-size: 20px; text-shadow: 0 1px 0 #fff; letter-spacing: -0.5px; margin-bottom: 30px; } /* slider */ .flex-front .flex-control-nav { top: 20px; right: 16px; bottom: auto; text-align: left; float: right; width: auto; } .flex-front .flex-control-paging li a { background-position: -57px 0;} .flex-front .flex-control-paging li a:hover { background-position: -57px -13px; } .flex-front .flex-control-paging li a.flex-active { background-position: -57px -26px; cursor: default; } .flexslider.flex-front .slides { background: transparent; } .flex-front .slides img { margin: 0; width: 100%; } .flex-front .flex-caption { background: rgba(0,0,0,0.5); bottom: 20px; left: 0; color: #fff; font-size: 20px; line-height: 1.5em; letter-spacing: -0.5px; font-weight: 600; text-shadow: 0 1px 0 rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.6); position: absolute; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), 0 -1px 0 rgba(255,255,255,0.06); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), 0 -1px 0 rgba(255,255,255,0.06); box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), 0 -1px 0 rgba(255,255,255,0.06); } .flex-front .flex-caption.pad { padding: 15px 20px; } .flex-front .flex-caption a { background: #009cd5; color: #fff; font-weight: 300; display: inline-block; padding: 0 10px; margin-left: 6px; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 40px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.6); box-shadow: 0 0 40px rgba(0,0,0,0.6); } .flex-front .flex-caption a:hover { background-color: #555; } .flex-front .flex-caption a:active { background-color: #444; } /* blog section */ #front-blog .button, #front-portfolio .button { font-weight: 300; float: right; margin-top: -60px;} #front-blog .grid { margin-right: 0; } #front-blog .one-third { width: 33.3%; } #front-blog .pad { padding: 20px 20px 10px; } #front-blog .entry { margin-left: 10px; padding-left: 20px; padding-bottom: 0; } #front-blog .entry-title { font-size: 15px; line-height: 1.5em; letter-spacing: -0.3px; margin: 14px 0;} #front-blog .entry-thumbnail { margin: 0 20px 0 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #front-blog .entry-thumbnail a { width: 60px; } #front-blog .entry-thumbnail img { margin-bottom: 0; } #front-blog .text { font-size: 12px; font-weight: 400; } #front-blog .more-link { font-size: 11px; } #front-blog .entry-format { margin: 0 -20px; } #front-blog .entry-format.video, #front-blog .entry-format.audio, #front-blog .entry-format.image, #front-blog .entry-format.chat { margin-bottom: 15px; } #front-blog .entry-format.link { margin-top: 8px; } #front-blog .entry-format.link p { font-size: 14px; } #front-blog .entry-format.link p a { padding-top: 10px; padding-bottom: 10px; } #front-blog .format-link .text, #front-blog .format-aside .text { margin-top: 14px; } #front-blog .flex-direction-nav { display: none; } #front-blog .entry-format.quote, #front-blog .entry-format.chat { padding-left: 20px; padding-right: 20px; } #front-blog .entry-format.quote blockquote { font-size: 15px; } #front-blog .flex-caption { display: none; } /* frontpage : default /* ------------------------------------ */ .default .flexslider { margin-bottom: 30px; } .default .flexslider .slides { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .default .flexslider .slides img { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .default .flex-front { overflow: visible!important; } .default .flex-front .flex-direction-nav a { width: 34px; height: 94px; margin-top: -47px; top: 50%; opacity: 1; } .default .flex-front .flex-direction-nav .flex-next, .default .flex-front.flexslider:hover .flex-next { background-position: -34px -86px; right: 0; left: auto; } .default .flex-front .flex-direction-nav .flex-prev, .default .flex-front.flexslider:hover .flex-prev { background-position: 0 -86px; left: 0; right: auto; } .default .flex-front.flexslider:hover .flex-next:hover, .default .flex-front.flexslider:hover .flex-prev:hover { opacity: 1; } /* ------------------------------------------------------------------------- * * Template: Gallery /* ------------------------------------------------------------------------- */ .flex-frame { background: #fff; border: 8px solid #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2), 0 0 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2), 0 0 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.2), 0 0 1px rgba(0,0,0,0.1); } .flexslider.flex-frame.carousel .slides { background: transparent; } .page-gallery .flexslider.flex-gallery { margin-bottom: 10px; } .page-gallery .carousel { margin-bottom: 40px; } .page-gallery .flexslider.flex-gallery .flex-direction-nav { display: block!important; } .flexslider.flex-gallery .slides img { -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4); box-shadow: 0 0 20px rgba(0,0,0,0.4); } /* ------------------------------------------------------------------------- * * Template: Portfolio /* ------------------------------------------------------------------------- */ .portfolio .entry { padding-bottom: 10px; } #portfolio { margin-right: -20px; overflow: visible!important; } #portfolio .grid { margin-right: 0; margin-bottom: 0!important; } #portfolio .one-half { width: 49.95%; } #portfolio .one-third { width: 33.3%; } #portfolio .one-fourth { width: 24.95%; } /* portfolio : size / pagination /* ------------------------------------ */ #portfolio-size { position: absolute; top: 25px; left: 105px; z-index: 20; } .sidebar-collapse #portfolio-size { display: block; position: fixed; top: 100px; left: 10px; width: 40px; } .sidebar-collapse #portfolio-size li { margin-left: 0; } #portfolio-size li { display: inline; float: left; margin-bottom: 10px; margin-left: 6px; } #portfolio-size li a { background: #444; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 1px 0 rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 1px 0 rgba(0,0,0,0.2); box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 1px 0 rgba(0,0,0,0.2); padding: 6px 7px 5px 8px; width: 24px; height: 20px; float: left; display: block; text-indent: -999px; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #portfolio-size li a i.icon-size { opacity: 0.5; background: url(img/icons-portfolio.png) no-repeat 0 0; width: 24px; height: 20px; display: block; float: left; -webkit-transition-property: background color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background color; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -o-transition-property: background color; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; transition-property: background color; transition-duration: 0.3s; transition-timing-function: ease-out; } #portfolio-size li a i.icon-size.small { background-position: 0 0; } #portfolio-size li a i.icon-size.medium { background-position: 0 -20px; } #portfolio-size li a i.icon-size.large { background-position: 0 -40px; } #portfolio-size li a:hover i.icon-size, #portfolio-size li.current a i.icon-size { opacity: 1; } #portfolio-size li.current a { cursor: default; } /* portfolio : category /* ------------------------------------ */ #subheader-portfolio { position: relative; z-index: 10; float: left; width: 100%; margin: 0 0 20px; font-size: 12px; line-height: 22px; font-weight: 600; text-transform: uppercase; text-shadow: 0 1px 0 #fff; } #portfolio-filter li { position: relative; } #portfolio-filter a { color: #777; position: relative; } #portfolio-filter a:hover { color: #444; } #portfolio-filter a { background: #f4f4f4; border: 1px solid #ddd; padding: 5px 14px; display: block; position: relative; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 1px 0 rgba(255,255,255,0.8); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 1px 0 rgba(255,255,255,0.8); box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 1px 0 rgba(255,255,255,0.8); } #portfolio-filter li { float: left; margin: 0 4px 4px 0; } #portfolio-filter li:hover a, #portfolio-filter a:hover, #portfolio-filter li.current a, #portfolio-filter li.current-cat a, #portfolio-filter li.current-cat-parent a { background: #fff; color: #444; } #portfolio-filter li:hover > ul { display: block; text-shadow: none; text-shadow: none; } #portfolio-filter ul { background: #fff; border: 1px solid #ddd; display: none; font-size: 11px; font-weight: 400; position: absolute; z-index: 10; left: 0; right: 0; top: 33px; min-width: 124px; padding: 10px 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #portfolio-filter ul li { border-bottom: 1px solid #f2f2f2; display: block; width: 100%; margin: 0; padding: 4px 0; } #portfolio-filter ul li:last-child { border-bottom: 0; } #portfolio-filter ul li a { color: #aaa!important; background: none!important; margin: 0; padding: 0; border: 0; float: none; display: block; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #portfolio-filter ul li a:hover { color: #444!important; } /* portfolio : item /* ------------------------------------ */ .portfolio-item { background: #fff; display: block; text-align: center; margin: 0 20px 20px 0; position: relative; overflow: hidden; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.08), 0 0 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.08), 0 0 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.08), 0 0 1px rgba(0,0,0,0.1); -webkit-transition-property: background color; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background color; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease-out; -o-transition-property: background color; -o-transition-duration: 0.2s; -o-transition-timing-function: ease-out; transition-property: background color; transition-duration: 0.2s; transition-timing-function: ease-out; } .portfolio-item:hover { -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.1); } .portfolio-item .portfolio-thumbnail { display: block; position: relative; } .portfolio-item .portfolio-thumbnail img { display: block; width: 100%; height: auto; } .portfolio-item a.portfolio-meta { width: 100%; border-top: 5px solid #e5e5e5; display: block; padding: 14px 0; } .portfolio-item:hover a.portfolio-meta { border-color: #009cd5; } .portfolio-item:hover a.portfolio-meta .portfolio-title { color: #009cd5; } .portfolio-item a.portfolio-meta .portfolio-title { display: block; margin: 0 14px; font-weight: 400; color: #444; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition-property: background color; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background color; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease-out; -o-transition-property: background color; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; transition-property: background color; transition-duration: 0.2s; transition-timing-function: ease-out; } .portfolio-item a.portfolio-meta .portfolio-category { display: block; margin: 0 14px; color: #aaa; font-weight: 300; font-size: 13px; font-style: italic; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* portfolio : fancybox /* ------------------------------------ */ .fancybox-video.one-half, .fancybox-video.one-third, .fancybox-video.one-fourth { margin: 0; /*isotope video lightbox issue on size-switch fix*/ } .fancybox-nav, #fancybox-left, #fancybox-right { top: 20%!important; bottom: 20%!important; height: 60%!important; /*makes play button on videos clickable*/ } /* portfolio : isotope /* ------------------------------------ */ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .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.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* portfolio : single /* ------------------------------------ */ .single-portfolio #page-title h1 { float: left; } .single-portfolio .entry { border: 0!important; padding: 0!important; margin-left: 0; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; } .single-portfolio .portfolio-category { background: url(img/hr.png) repeat-x bottom; color: #444; font-size: 14px; font-style: italic; padding: 20px 0; margin-bottom: 20px; } .single-portfolio .submain.sidebar-left .portfolio-category, .single-portfolio .submain.sidebar-right .portfolio-category { padding-top: 0; } .single-portfolio #comments { margin: 0 0 30px; } .single-portfolio .submain #comments { margin-top: 40px; margin-bottom: 0; } #portfolio-pagination { float: right; margin-top: -1px; } #portfolio-pagination li { display: inline-block; } #portfolio-pagination li:last-child { margin-left: 2px; } #portfolio-pagination li a { padding: 8px 12px; display: inline-block; background: #eee url(img/shortcodes/button-light.png) repeat-x top; color: #666; text-shadow: 0 1px 0 rgba(255,255,255,0.9); border: 1px solid #ccc; border-bottom-color: #bbb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05); box-shadow: 0 1px 0 rgba(0,0,0,0.05); } #portfolio-pagination li a:hover { color: #555; border-color: #aaa; } #portfolio-pagination li a:active { background-image: none; } #portfolio-pagination li i.icon { background: url(img/icons-portfolio.png) no-repeat 0 0; display: block; height: 16px; width: 16px; } #portfolio-pagination li.next i.icon { background-position: 0 -68px; float: right; margin: 2px 0 0 6px; } #portfolio-pagination li.previous i.icon { background-position: 0 -84px; float: left; margin: 2px 6px 0 0; } .flexslider.flex-portfolio .slides img { -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4); box-shadow: 0 0 20px rgba(0,0,0,0.4); } /* ------------------------------------------------------------------------- * * Template: Child Menu Left / Right /* ------------------------------------------------------------------------- */ #child-menu { zoom: 1; position: relative; text-shadow: 0 -1px 0 rgba(0,0,0,0.4); } #child-menu li a { font-size: 18px; color: #fff; font-weight: 600; display: block; padding: 12px 20px 24px; } #child-menu ul.children { margin: 0 20px 30px; } #child-menu ul ul.children { margin: 0; } /* show only current page items */ #child-menu li { display: none; } #child-menu li.current_page_item, #child-menu li.current_page_parent, #child-menu li.current_page_ancestor, #child-menu li.current-menu-item, #child-menu li.current-menu-parent, #child-menu li.current-menu-ancestor { display: block; } #child-menu li.current_page_item ul li, #child-menu li.current_page_parent ul li, #child-menu li.current_page_ancestor ul li, #child-menu li.current-menu-item ul li, #child-menu li.current-menu-parent ul li, #child-menu li.current-menu-ancestor ul li { display: block; } #child-menu li.current_page_item ul li li, #child-menu li.current_page_parent ul li li, #child-menu li.current_page_ancestor ul li li, #child-menu li.current-menu-item ul li li, #child-menu li.current-menu-parent ul li li, #child-menu li.current-menu-ancestor ul li li { display: none; } #child-menu li ul li.current_page_item li, #child-menu li ul li.current_page_parent li, #child-menu li ul li.current_page_ancestor li, #child-menu li ul li.current-menu-item li, #child-menu li ul li.current-menu-parent li, #child-menu li ul li.current-menu-ancestor li { display: block; } /* on 2-depth */ #child-menu li ul li { } #child-menu li ul li a { background: #444; color: #c0c4c9; font-size: 14px; font-weight: 600; text-transform: none; border-bottom: 0; display: block; padding: 10px 20px; margin-bottom: 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 1px 0 rgba(0,0,0,0.1); box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 1px 0 rgba(0,0,0,0.1); } #child-menu li ul li:last-child { border-bottom: 0; } #child-menu li ul li a:hover { background-color: #4e4e4e; color: #fff; } #child-menu li li.current_page_item a, #child-menu li li.current-menu-item a, #child-menu li li.current_page_parent a, #child-menu li li.current_page_item a:hover, #child-menu li li.current-menu-item a:hover, #child-menu li li.current_page_parent a:hover { background-color: #009cd5; color: #fff; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 0 rgba(0,0,0,0.1); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 0 rgba(0,0,0,0.1); } #child-menu li li.current_page_item ul, #child-menu li li.current-menu-item ul, #child-menu li li.current_page_parent ul { border: 1px solid #444; margin-bottom: 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } /* on 3-depth */ #child-menu li ul li ul { } #child-menu li ul li ul li { padding: 0; border: 0; } #child-menu li ul li ul li:first-child { padding-top: 6px; } #child-menu li ul li ul li:last-child { padding-bottom: 6px; } #child-menu li ul li ul li a { font-weight: normal; font-size: 13px; padding: 6px 20px; margin-bottom: 1px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #child-menu li li.current_page_item li a, #child-menu li li.current-menu-item li a, #child-menu li li.current_page_parent li a { color: #c0c4c9; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #child-menu li li.current_page_item li a:hover, #child-menu li li.current-menu-item li a:hover, #child-menu li li.current_page_parent li a:hover, #child-menu li li li.current_page_item a, #child-menu li li li.current-menu-item a, #child-menu li li li.current_page_item a:hover, #child-menu li li li.current-menu-item a:hover { background: #444; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 1px 0 rgba(0,0,0,0.1); box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 1px 0 rgba(0,0,0,0.1); } #child-menu li li li.current_page_item a, #child-menu li li li.current-menu-item a { font-weight: 600; color: #fff!important; } #child-menu li li li.current_page_item a:hover, #child-menu li li li.current-menu-item a:hover { color: #fff; } /* ------------------------------------------------------------------------- * * Plugins /* ------------------------------------------------------------------------- */ /* plugin : wp-pagenavi /* ------------------------------------ */ .wp-pagenavi { text-align: right; font-weight: 600; float: right; } .wp-pagenavi a, .wp-pagenavi span { font-size: 13px; padding: 4px 8px!important; display: block; float: left; margin: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-pagenavi span.pages, .wp-pagenavi span.extend { color: #aaa; border: 1px solid #d6d6d6!important; font-weight: normal; } .wp-pagenavi a:hover, .wp-pagenavi a:active, .wp-pagenavi span.current { color: #fff!important; text-shadow: 0 -1px 0 rgba(0,0,0,0.2); } .wp-pagenavi a { color: #009cd5; border: 1px solid #009cd5!important; border: 1px solid rgba(0,156,213,0.5)!important; } .wp-pagenavi a:hover, .wp-pagenavi a:active, .wp-pagenavi span.current { background: #009cd5; border: 1px solid #009cd5!important; } /* plugin : contact form 7 /* ------------------------------------ */ .wpcf7 { } .wpcf7 p { margin: 0 0 12px; width: 100%; float: left; position: relative; } .wpcf7 label { display: block; color: #999; float: left; font-size: 12px; text-transform: uppercase; width: 20%; margin: 10px 0 0 12px; text-align: left; } .wpcf7 input[type="text"] { display: block; float: left; width: 66%; padding: 10px; } .wpcf7 textarea { display: block; float: left; width: 100%; padding: 10px; } .wpcf7 input[type="text"], .wpcf7 textarea { background-color: #f5f5f5; } .wpcf7 div.wpcf7-validation-errors { border: none; margin: 0; padding: 0; } .wpcf7 div.wpcf7-mail-sent-ok, .wpcf7 div.wpcf7-mail-sent-ng { border: none; } .wpcf7 div.wpcf7-response-output { margin: 0; padding: 0; } .wpcf7 span.wpcf7-form-control-wrap { display: block; position: relative; } .wpcf7 span.wpcf7-not-valid-tip { background: #f2dede; border-color: #e3bfbf; color: #b94a48; padding: 3px 6px; width: 246px; font-size: 12px; position: absolute; left: 6px; top: 6px; display: block; } /* ------------------------------------------------------------------------- * * fancyBox /* ------------------------------------------------------------------------- */ /*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-tmp iframe, .fancybox-tmp object { vertical-align: top; padding: 0; margin: 0; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; padding: 0; margin: 0; background: #f9f9f9; color: #222; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.5); -moz-box-shadow: 0 10px 25px rgba(0,0,0,0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { padding: 0; margin: 0; position: relative; outline: none; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #222; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 10px; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; vertical-align: top; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(img/fancybox/fancybox-sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8020; } #fancybox-loading div { width: 44px; height: 44px; background: url(img/fancybox/fancybox-loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; background: transparent url(img/fancybox/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 20px; background-position: 0 -36px; } .fancybox-next span { right: 20px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; padding: 0; overflow: visible; visibility: hidden; } /* overlay helper */ #fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: #000; } #fancybox-overlay.overlay-fixed { position: fixed; bottom: 0; right: 0; } /* title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8030; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */background: rgba(0, 0, 0, 0.8); text-shadow: 0 1px 2px #111; color: #fff; font-weight: bold; line-height: 24px; white-space: nowrap; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { margin-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0,0,0,.8);} /* ------------------------------------------------------------------------- * * Flexslider /* ------------------------------------------------------------------------- */ .flexslider { overflow: hidden; margin: 0 0 60px; position: relative; zoom: 1; height: auto!important; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* flexslider : 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 : necessary styles /* ------------------------------------ */ .flexslider { margin: 0; padding: 0; } .flexslider .slides { background: #262626 url(img/sidebar-mobile.png) repeat; overflow: hidden; position: relative; } .flexslider .slides > li { display: none; position: relative; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { margin: 0 auto; max-width: 100%; height: auto; display: block; max-height: 600px; } .flex-pauseplay span { text-transform: capitalize; } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%;} .no-js .slides > li:first-child { display: block; } /* flexslider : caption /* ------------------------------------ */ .flex-caption { background: rgba(0,0,0,0.7); color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.6); font-style: italic; padding: 7px 12px; position: absolute; bottom: 8px; left: 8px; margin-right: 8px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.03); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.03); box-shadow: inset 0 1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.03); } /* flexslider : carousel /* ------------------------------------ */ .carousel img { cursor: pointer; display: block; } .carousel .slides li { opacity: 0.8; } .carousel .slides li.flex-active-slide { opacity: 1; } /* flexslider : direction nav /* ------------------------------------ */ .flex-direction-nav { *height: 0; } .flex-direction-nav a { width: 43px; height: 43px; margin: -21px 0 0; display: block; background: url(img/controls.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; } .flex-direction-nav .flex-next { background-position: 0 0; right: -60px; } .flex-direction-nav .flex-prev { background-position: 0 -43px; left: -60px; } .flexslider:hover .flex-next { opacity: 1; right: 10px; } .flexslider:hover .flex-prev { opacity: 1; left: 10px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 0.8; } .flexslider:hover .flex-next:active, .flexslider:hover .flex-prev:active { opacity: 1; } .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default; } /* flexslider : control nav /* ------------------------------------ */ .flex-control-nav { width: 100%; position: absolute; bottom: -30px; text-align: center; } .flex-control-nav li { margin: 0 4px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { background: url(img/controls.png) no-repeat -43px 0; width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none; } .flex-control-paging li a:hover { background-position: -43px -13px; } .flex-control-paging li a.flex-active { background-position: -43px -26px; cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } /* ------------------------------------------------------------------------- * * Shortcodes /* ------------------------------------------------------------------------- */ /* shortcode : columns /* ------------------------------------ */ .grid { margin-right: 2.1%; float: left; display: inline; position: relative; } .last { clear: right; margin-right: 0!important; } .one-full { margin-right: 0; width: 100%; overflow: hidden; } .one-half { width: 48.9%; } .one-third { width: 31.9%; } .two-third { width: 65.9%; } .one-fourth { width: 23.4%; } .three-fourth { width: 74.4%; } .one-fifth { width: 18.3%; } .two-fifth { width: 38.8%; } .three-fifth { width: 59.2%; } .four-fifth { width: 79.6%; } .content-part .grid { margin-right: 3.2%; } .content-part .one-half { width: 48.4%; } .content-part .one-third { width: 31.2%; } .content-part .two-third { width: 65.6%; } .content-part .one-fourth { width: 22.6%; } .content-part .three-fourth { width: 74.2%; } .content-part .one-fifth { width: 17.4%; } .content-part .two-fifth { width: 38.1%; } .content-part .three-fifth { width: 58.7%; } .content-part .four-fifth { width: 79.4%; } /* shortcode : buttons /* ------------------------------------ */ .button-wrap { display: block; margin: 14px 0; } a.button { background: #009cd5; color: #fff; font-size: 13px; padding: 6px 12px; display: inline-block; text-shadow: 0 1px 0 rgba(0,0,0,0.2); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.3); box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.3); } a.button:hover { background-color: #555; color: #fff; } a.button:active { background-color: #444; } a.button.small { font-size: 11px; padding: 6px 12px; } a.button.medium { font-size: 14px; padding: 6px 12px; } a.button.large { font-size: 15px; padding: 8px 16px; } a.button.light { background: #eee url(img/shortcodes/button-light.png) repeat-x top; color: #666; text-shadow: 0 1px 0 rgba(255,255,255,0.9); border: 1px solid #ccc; border-bottom-color: #bbb; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05); box-shadow: 0 1px 0 rgba(0,0,0,0.05); } a.button.light:hover { color: #555; border-color: #aaa; } a.button.light:active { background-image: none; } a.button.dark { background: #555; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.2); box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.2); } a.button.dark:hover { background-color: #444; } a.button.dark:active { background-color: #444; } /* shortcode : lists /* ------------------------------------ */ ul.list { margin: 0 0 20px 0; font-size: 13px; } ul.list li { padding: 7px 0 7px 24px; list-style: none; border-bottom: 1px dotted #e5e5e5; text-align: left; } ul.list.arrow li { background: url(img/shortcodes/list-arrow.png) no-repeat 0 11px; } ul.list.check li { background: url(img/shortcodes/list-check.png) no-repeat 0 11px; } ul.list.plus li { background: url(img/shortcodes/list-plus.png) no-repeat 0 11px; } ul.list.minus li { background: url(img/shortcodes/list-minus.png) no-repeat 0 11px; } ul.list.cross li { background: url(img/shortcodes/list-cross.png) no-repeat 0 11px; } /* shortcode : pricing table /* ------------------------------------ */ .pricing-table.col-2, .pricing-table.col-3, .pricing-table.col-4 { width: 100%; margin: 20px 0 30px; } .pricing-table .plan { background: #fff; float: left; display: block; } .pricing-table.col-2 .plan { width: 49.75%; } .pricing-table.col-3 .plan { width: 33.1%; } .pricing-table.col-4 .plan { width: 24.8%; } .plan { border: 1px solid #d5d5d5; text-align: center; margin-left: -1px; } .plan:first-child { margin-left: 0; } .pricing-table .plan:last-child { border-right: 1px solid #d5d5d5; } .plan.featured { border: 1px solid #009cd5; position: relative; z-index: 9; margin: -20px 0 0 -1px; padding: 20px 0 0 0; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0, 0,0,0.3); } .plan .plan-head { background-color: #666; } .plan.featured .plan-head { background-color: #009cd5; color: #fff; } .plan h3 { font-weight: 300; font-size: 16px; line-height: 22px; margin: -1px -1px 0px -1px; padding: 10px 0; color: #fff; } .plan.featured h3 { font-size: 18px; margin: -21px -1px 0px -1px; padding: 20px 0; color: #fff; } .plan .price { background-image: url(img/ie/opacity-20.png); color: #fff; font-size: 26px; line-height: 1.5em; font-weight: 600; letter-spacing: -1px; margin: 0 -1px 0 -1px; padding: 8px 0px 8px 0px; } .plan.featured .price span { color: rgba(255,255,255,0.5); } .plan .price span { font-weight: normal; font-size: 11px; line-height: 1em; letter-spacing: 0; color: rgba(255,255,255,0.5); } .plan .signup { background-color: #f4f4f4; border-top: 1px dotted #d5d5d5; padding: 10px 0px; text-align: center; } .plan.featured .signup { padding: 16px 0; } .plan ul { margin:0 !important; list-style: none !important; padding:0 !important; } .plan li { list-style: none!important; font-size: 13px; margin: 0 20px; padding: 7px 0px; text-align: center; border-bottom: 1px solid #eee!important; } .plan li:last-child { border-bottom: 0px!important; } /* shortcode : alerts /* ------------------------------------ */ .alert { position: relative; padding: 12px 30px 12px 20px; text-align: center; font-size: 12px; line-height: 1.5em; margin: 0 0 20px 0; border: 1px solid; } .alert a { color: #444; } .alert .alert-close { opacity: 0.4; background: url(img/shortcodes/alert-close.png) no-repeat 0 0; width: 12px; height: 12px; display: block; position: absolute; top: 15px; right: 10px; overflow: hidden; text-indent: -999px; } .alert .alert-close:hover { opacity: 1; } .alert.notice { background: #fff; border-color: #e8e8e8; } .alert.warning { background: #fbeed5; border-color: #e4ddb7; color: #ad8643; } .alert.success { background: #dff0d8; border-color: #c1e1b4; color: #468847; } .alert.error { background: #f2dede; border-color: #e3bfbf; color: #b94a48; } .alert.info { background: #d9edf7; border-color: #b7dbed; color: #3a87ad; } /* shortcode : dropcap /* ------------------------------------ */ .dropcap { color: #444; display: block; float: left; font-size: 64px; font-weight: bold; line-height: 60px; margin: 0 10px 0 0; } /* shortcode : pullquotes /* ------------------------------------ */ .pullquote-left { color: #444; border-left: 6px solid #eee; float: left; margin: 18px 20px 18px 0; padding: 0 0 0 20px; font-size: 16px; font-weight: bold; line-height: 22px; width: 40%; } .pullquote-right { color: #444; border-right: 6px solid #eee; float: right; margin: 18px 0 18px 20px; padding: 0 20px 0 0; font-size: 16px; font-weight: bold; line-height: 22px; width: 40%; } /* shortcode : highlights /* ------------------------------------ */ .highlight { color: #444; border-bottom: 1px dotted #333; } /* shortcode : tabs /* ------------------------------------ */ .tabs { width: 100%; margin-bottom: 20px; font-size: 13px; } ul.tabs-nav { margin: 0 0 0 1px; padding: 0; width: 100%; z-index: 2; position: relative; } ul.tabs-nav li { list-style: none; } ul.tabs-nav li a { background: #f7f7f7; color: #777; border: 1px solid #e5e5e5; border-bottom: 0; display: inline-block; float: left; padding: 9px 14px 9px 14px; margin-left: -1px; } ul.tabs-nav li a:hover { color: #444; cursor: pointer; } ul.tabs-nav li a.active { border-top-color: #009cd5; border-top-width: 1px; color: #009cd5; background: #fff; margin-bottom: -1px; padding-bottom: 10px; } .tab { background: #fff; display: none; border: 1px solid #e5e5e5; float: left; width: 100%; } .tab .tab-content { padding: 20px; } /* shortcode : accordion /* ------------------------------------ */ .accordion { border-bottom: 1px solid #e8e8e8; padding-top: 14px; margin-bottom: 14px; } .accordion .title a { border-top: 1px solid #e8e8e8; font-size: 14px; color: #777; display: block; padding: 18px 20px 18px 50px; position: relative; } .accordion .title a:hover { background: #f7f7f7; color: #009cd5; } .accordion .title .icon { background: #555 url(img/shortcodes/toggle-plus.png) no-repeat 2px 2px; width: 18px; height: 18px; display: block; position: absolute; top: 20px; left: 16px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); } .accordion .title.active a { color: #009cd5; } .accordion .title.active a:hover { background: none; } .accordion .title.active .icon { background: #009cd5 url(img/shortcodes/toggle-minus.png) no-repeat 2px 2px; } .accordion .inner { margin-top: -5px; padding: 0 20px 20px 50px; font-size: 13px; } /* shortcode : toggle /* ------------------------------------ */ .toggle { margin-bottom: 20px; border: 1px solid #e8e8e8; font-size: 13px; } .toggle .title { font-size: 14px; color: #777; padding: 14px 20px 14px 50px; position: relative; cursor: pointer; } .toggle .title:hover { background: #f7f7f7; color: #009cd5; } .toggle .title.active { color: #009cd5; } .toggle .title .icon { background: #555 url(img/shortcodes/toggle-plus.png) no-repeat 2px 2px; width: 18px; height: 18px; display: block; position: absolute; top: 15px; left: 16px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); } .toggle .title.active .icon { background: #009cd5 url(img/shortcodes/toggle-minus.png) no-repeat 2px 2px; } .toggle .inner { display: none; border-top: 1px dotted #e8e8e8; } .toggle .inner .content { padding: 20px; width: auto; } /* shortcode : google maps /* ------------------------------------ */ .google-map { margin-bottom: 30px; } .google-map img { max-width: none; } .google-map-full { width: 100%!important; } /* ------------------------------------------------------------------------- * * IE Fixes /* ------------------------------------------------------------------------- */ @media \0screen {.ie img { width: auto; }} .ie .zoom { display: none; } .ie .portfolio-thumbnail:hover .zoom { display: block; } .ie .isotope-hidden { display: none; } .ie .flex-caption, .ie #page-image-text .description i { background: url(img/ie/opacity-70.png) repeat; } .ie .flex-front .flex-caption { background: url(img/ie/opacity-50.png) repeat; } .ie .orb { background-image: url(img/ie/orb.png); } .ie .format-icon i.plus { display: none; } .ie .format-icon:hover i.plus { display: block; } .ie .format-icon:hover i.icon { display: none; } .ie #subheader-blog #subheader-search input { padding-top: 4px; } .ie7 #footer-social li { float: left; } .ie7 #subheader-blog .sub-menu { display: none; }