/* Theme Name: Empire Theme URI: http://wedesignthemes.com/themes/empire Author: the DesignThemes team Author URI: http://themeforest.net/user/designthemes Description: Empire Blog, Portfolio WordPress Theme. It's build with HTML5, CSS3. Also it's clear and 100% reponsive theme. Version: 2.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready Text Domain: empire */ @charset "utf-8"; /* CSS Document */ /* Global elements -------------------------------------------------------------- */ html, body { min-width:100%; } html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, abbr, acronym, address, big, code, del, dfn, em, font, img, ins, kbd, s, samp, small, strike, 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, input, textarea { border: 0; margin: 0; padding: 0; color:#5f5e5e; } body, h6 { font-size:14px; line-height:23px; font-family:'Istok Web', sans-serif; } .pr-tb-col .tb-content li, fieldset, form, label, table, caption, tr, th, td, input, textarea { font-family:'Istok Web', sans-serif; } h1, h2, h3, h4, h5, h6, p, .project-details li { text-shadow:1px 1px 0 rgba(255, 255, 255, 0.75); } p, address, form, dl, dd, input, textarea, h1, h2, h3, h4, h5, h6 { margin-bottom:20px; } strong, dt { font-weight:bold; } a:hover { color:#828282; } i { font-family:FontAwesome !important; } h3, h4, h1, h2, h5, h6, #page-nav ul li, .sorting-container li a { font-family: 'dosis', sans-serif; font-weight:normal; } .widget.widget_recent_posts h5 a, .blog-post .post-details h2 a, .post-details ul li, .post-details ul li a, .button, input[type="submit"], .wp-caption p { font-family: 'PT Sans', sans-serif; } h1 { font-size: 40px; line-height: 40px; text-transform:uppercase; } h2 { font-size: 25px; line-height: 25px; text-transform:uppercase; } h3 { font-size: 22px; line-height: 22px; text-transform:uppercase; } h4 { font-size: 20px; line-height: 20px; } h5 { font-size: 16px; line-height: 17px; } h6 { line-height: 16px; } ol, ul, li ul, li ol { padding-left:20px; } ul { list-style:disc; margin-bottom:20px; } ul ul { list-style:circle; } ul ul ul { list-style:square; } ol { list-style:decimal; } ol ol { list-style:lower-alpha; } ol ol ol { list-style:lower-roman; } blockquote { quotes: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup -------------------------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } /* Main global 'theme' and typographic styles -------------------------------------------------------------- */ hr { background-color: #d7d7d7; border: 0; clear: both; height: 1px; margin:20px 0; float:left; width:100%; } /* Text elements */ ol.decimal-leading-zero { list-style-type: decimal-leading-zero; } ol.lower-alpha { list-style-type: lower-alpha; } ol.lower-roman { list-style-type: lower-roman; } ol.upper-alpha { list-style-type: upper-alpha; } ol.upper-roman { list-style-type: upper-roman; } cite, em, i, blockquote { font-style: italic; } cite { float:right; } big { font-size: 131.25%; } ins { background: #ffc; text-decoration: none; } blockquote cite, blockquote em, blockquote i { font-style: normal; } pre, code { background-color: #EDEDED; border-left: 3px solid #D9D9D9; display: block; font-family: monospace; font-size: 11px; line-height: 20px; margin-bottom:20px; overflow: auto; padding: 10px; width: 97.6%; } .one-half pre, .one-half code{ width:94.6%; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } input[type="text"], select, input[type="email"], input[type="password"], textarea { color:#3a3a3a; clear:both; border:1px solid #d7d7d7; padding:11px 15px; background:#f3f3f3; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZGNkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f3f3f3 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #e8e8e8)); background: -webkit-linear-gradient(top, #f3f3f3 0%, #e8e8e8 100%); background: -o-linear-gradient(top, #f3f3f3 0%, #e8e8e8 100%); background: -ms-linear-gradient(top, #f3f3f3 0%, #e8e8e8 100%); background: linear-gradient(to bottom, #f3f3f3 0%, #e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e8e8e8', GradientType=0 ); /* IE6-8 */ } input[type="text"], select, input[type="email"], input[type="password"], textarea { -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus { border-color: #d1d1d1; color:#939393; background-color: #f6f5f0; -webkit-box-shadow: inset 2px 2px 3px #eaeaea!important; -moz-box-shadow: inset 2px 2px 3px #eaeaea!important; box-shadow: inset 2px 2px 3px #eaeaea!important; } footer input[type="text"], footer input[type="email"] { background:#747474; border:1px solid #838383; color:#d2d1cf; width:85%; } input[type="text"], input[type="email"], input[type="password"] { width:97%; } textarea { width:97%; } input[type="submit"], input[type="reset"], input[type="button"], button { padding:0 18px 0px; height:40px; margin:0; } input[type="submit"]:hover { cursor:pointer; } input[type="submit"] i, button i, .button i { position:relative; margin-top:0px; } input[type="submit"], input[type="reset"], input[type="button"], button { transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; } select { background: none repeat scroll 0 0 #EDEDED; border: 1px solid #C4C4C4; display: block; margin: 10px 0; max-width: 100%; padding: 10px; } input[type="submit"], button, input[type="button"] { float:right; } input[type="submit"]:active i, input[type="button"]:active i, button:active i, .button:active i { text-shadow:none; } li h6 { line-height:20px; } li h6 span { font-style:italic; font-weight:normal; } .column:last-child { margin-bottom:0; margin-right:0; } .intro :last-child, .intro.page-heading h6 { margin-bottom:0; } .last { margin-right:0 !important; } input.error, textarea.error { border-color: #CE0000 !important; } .wp-caption { background:#EBEBEB; border-bottom: 1px solid #E8E8E8; line-height: 18px; margin-bottom: 25px; max-width: 632px; padding: 4px; text-align: center; } .wp-caption img { margin: 5px 5px 0; } .wp-caption p.wp-caption-text { color: #5F5E5E; font-size: 14px; margin-bottom:0; padding: 5px; } .wp-smiley { margin: 0; } /* =Gallery Items -------------------------------------------------------------- */ .gallery { margin: 0 auto 18px; } .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery img { border: 2px solid #E8E8E8; } .gallery-columns-2 .attachment-medium { height: auto; max-width: 92%; } .gallery-columns-4 .attachment-thumbnail { height: auto; max-width: 84%; } .gallery .gallery-caption { color: #5F5E5E; font-size: 12px; margin: 0 0 12px; } .gallery dl { margin: 0; } .gallery img { border: 10px solid #E8E8E8; } .gallery br + br { display: none; } #content .attachment img { display: block; margin: 0 auto; } /* Icon fonts -------------------------------------------------------------- */ .text-align-center .icon-magic, .text-align-center .icon-lightbulb, .text-align-center .icon-resize-full { width:100% !important; } .icon-lightbulb { padding-top:12px; font-size:75px; color:#666666; margin-bottom:26px; text-align:center; width:100%; float:left; } .icon-magic { padding-top:12px; font-size:73px; color:#666666; margin-bottom:26px; text-align:center; width:100%; float:left; } .icon-resize-full { padding-top:12px; font-size:75px; color:#666666; margin-bottom:26px; text-align:center; width:100% ; float:left; } .tabs-framed .icon-circle-arrow-right { float:right; font-size:18px; color:#9d9d9d; } .icon-angle-right { font-size:14px; margin-left:7px; font-weight:bold; line-height:16px; } .button-arrow .icon-angle-right { border-radius: 26px 26px 26px 26px; position:relative; top: 2px; font-size: 25px; font-weight: bold; height: 26px; line-height: 25px; margin-left: 20px; text-align: center; text-shadow: none; width: 26px; } .widget_footer_links .icon-angle-right { font-weight:bold; float:left; text-align:left; margin:3px 0 0 0; color:#7a7a7a; } .icon-tags { font-size:14px; float:left; margin-right:3px; } .post-details [class^="icon-"] { line-height:23px; margin-right:1px; } .post-details .icon-comment { font-size:14px; float:left; margin-right:3px; } .widget_contact_details .icon-map-marker { font-size:29px; line-height:20px; } .icon-mobile-phone { font-size: 39px; line-height: 26px; } .icon-envelope-alt { font-size: 20px; line-height: 17px; text-decoration:none; } .icon-twitter { margin-top:4px; float:left; font-size:17px; margin-right:6px; line-height:19px; } .icon-quote-left { float:left; font-size:18px; margin-right:10px; } .icon-quote-right { float:right; font-size:18px; margin-left:10px; } .icon-minus { font-size:16px; float:left; } icon-minus { font-size:16px; float:left; } a:link, a, span { font-size:inherit; text-decoration:none; } a:active, a span:hover, :after:hover, :before:hover { color:#6f6f6f; cursor:pointer; } .post-details h2 a, .post-details ul li a, #secondary .widget_recent_posts h5 a, #secondary .widget_categories ul li a, .widget_testimonials ul li p a, .portfolio-container h4 a, .toggle-accordion a, .toggle a, a.comment-reply-link { color:#5c5b5b; } /* Transition effect -------------------------------------------------------------- */ a:link, a, span, a:active, a h1, a h2, a h3, a h4, a h5, a h6, a:hover, a span:hover, .widget_flickr .flickr_badge_image, .widget_flickr .flickr_badge_image:hover, i, i:hover, .custom-tabs-content, .widget .thumb > img, .widget.woocommerce img.attachment-shop_thumbnail { transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; } /* Heading Style -------------------------------------------------------------- */ .intro h1 { color:#ffffff; margin-bottom:0; } #secondary h3.widget-title, .bg-title { background:#ebebeb; clear:both; text-transform:uppercase; margin-bottom:34px; border-bottom:1px solid #e8e8e8; font-size:30px; line-height:30px; padding:16px 10px 16px 20px; box-shadow: 0px 1px 0px #ffffff; -moz-box-shadow: 0px 1px 0px #ffffff; -webkit-box-shadow: 0px 1px 0px #ffffff; } .intro.color span h2, .intro.color span h6, #secondary.side-nav ul.side-nav-container li a:hover, #secondary.side-nav ul.side-nav-container li.current-page-item a { color:#161616; } #secondary .widget.woocommerce h3.widget-title { font-size:27px; } /* special inline elements and alignment style -------------------------------------------------------------- */ .text-align-right { text-align:right; } .text-align-center { text-align:center; } .text-align-center .button { float:none; } img.size-auto, img.size-large, img.size-full, img.size-medium { max-width:99.6%; height: auto; } .alignleft, img.alignleft { display: inline; float: left; margin-right: 20px; } .alignright, img.alignright { display: inline; float: right; margin-left: 20px; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; text-align:center; } .alignleft, .alignright, .aligncenter, .alignnone, img.alignleft, img.alignright, img.aligncenter { margin-bottom:20px; } /* Margining -------------------------------------------------------------- */ .margin { width:100%; clear:both; background-color:transparent; } .clear-5 { height:5px; } .clear-10 { height:10px; } .clear-15 { height:15px; } .clear-20 { height:20px; } .clear-25 { height:25px; } .clear-30 { height:30px; } .clear-35 { height:35px; } .clear-40 { height:40px; } .clear-45 { height:45px; } .clear-50 { height:50px; } .clear-55 { height:55px; } .clear-60 { height:60px; } .clear-65 { height:65px; } .clear-70 { height:70px; } .clear-75 { height:75px; } .clear-80 { height:80px; } .float-right { float:right } .float-left { float:left; } .read-more { line-height:14px; width:auto; font-style:italic; text-transform:capitalize; } .read-more i { margin-top:0px; } .post-details h3 a, .read-more, .pagination a, .tabs-framed li a, .author-desc h5 a, a.read-more:hover, .read-more:hover .icon-angle-right, .woocommerce-pagination ul li a { color:inherit; } .read-more, .post-details ul li a, .widget_tag_cloud a { font-weight:normal; } .portfolio-column, .widget_categories li, .post-details ul, .pagination ul, .sorting-container, .tagcloud, .widget_testimonials, .angle-arrow, .side-nav-container, .commententries ul, .contact-details, #page-nav ul, .widget_tag_cloud li, .tabs-framed li, .content-box li, .portfolio-container li, .related-works.three-fourth li, .portfolio-slider li { padding-left:0; list-style:none; } .tabs-framed, .fancy-list, .content-box ul, .portfolio-container, .related-works.three-fourth { padding-left:0; } /* border-width -------------------------------------------------------------- */ header { border-width:5px 0 1px 0; } .widget_flickr .flickr_badge_image:hover { border-width:3px; } /* border-style */ header, .widget_flickr .flickr_badge_image:hover { border-style:solid; } /* header */ .boxed #header-wrapper { width: auto; } #header-wrapper { clear: both; float: left; margin: 0; padding: 0; width: 100%; z-index: 9999; } /* LAYOUTS -------------------------------------------------------------- */ #home { min-width:100%; margin:0; background:#f3f3f3; } #wrapper { width:100%; float:left; } .main-container { float:left; min-width:100%; background-color:#f3f3f3; width:100%; } .container { width:940px; margin:0 auto !important; } /* Boxed Layouts -------------------------------------------------------------- */ .boxed { background-color:#161616; } .boxed #wrapper { width:1000px; margin-left:auto; margin-right:auto; float:none; /*background:#f3f3f3;*/ } .boxed #wrapper .banner .container { width:100%; } /*----*****---- << Responsive Menu >> ----*****----*/ .mobile-menu { display:none; height:50px; background-color:#f3f3f3; color:#333334; background-image:url(images/responsive-nav-bg.png); background-position:center right; background-repeat: no-repeat; border:1px solid #d9d9d9; border-radius:0px; width:100%; margin:6px 0px 16px; padding:15px 14px 15px 5px; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; } /* Main Content( With Side Bar) -------------------------------------------------------------- */ #primary { float:left; margin:0px; padding-right: 20px; width:65.8%; } #primary.with-left-sidebar { border-right: none; } #primary.with-side-nav.with-left-sidebar { border:none; padding:0; } #main { width:100%; margin:0px; padding:0px 0px 85px; float:left; } #primary.content-full-width { border:none; width:100%; padding:0; } #primary.with-side-nav.with-left-sidebar, #primary.content-full-width { min-height:auto; } #primary.with-left-sidebar { float:right; padding-left:20px; padding-right:0; } #secondary { width:29.8%; margin:0px 0px 0px 20px; float:left; padding:0px; } #secondary.left-sidebar { margin:0px 20px 0px 0px; } #secondary .widget ul li { margin-bottom:5px; } #secondary .widget.widget_categories ul li, #secondary .woocommerce.widget_product_categories ul.product-categories li { margin-bottom:0; } #secondary .widget ul li:last-child { margin-bottom:0; } #secondary .widget ul, #main-menu, #main-menu ul, .post-details ul, footer ul, .content-box ul, .pagination ul, .portfolio-container { margin-bottom:0; } /* SIDE CONTENT (Aside ) -------------------------------------------------------------- */ #secondary .widget, .widget { margin-bottom:40px; } .post-details h2 a, .post-details ul li a, #secondary .widget_recent_posts h5 a, #secondary .widget_categories ul li a, .widget_testimonials ul li p a, .portfolio-container h4 a, .toggle-accordion a, .toggle a, .comment-author .reply, #secondary .tagcloud a, h3.widget-title a, #secondary h5 a, #secondary ul li a { color: #333333; } footer h3.widget-title a { color:#D7D7D7; } /* Page Header Style -------------------------------------------------------------- */ header { background:#dedcdc; float:left; width:100%; border-bottom-color:#fff; box-shadow:0 0 3px #aaa9a9; position:relative; } #header-wrapper { z-index:9999; position:relative; } header:after { content:""; background:url(images/header-overlay.png) no-repeat; width:100%; height:68px; position:absolute; top:0px; left:0; } header.gradient { background:#dedcdc; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZGNkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #dedcdc 0%, #f4f3f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedcdc), color-stop(100%, #f4f3f3)); background: -webkit-linear-gradient(top, #dedcdc 0%, #f4f3f3 100%); background: -o-linear-gradient(top, #dedcdc 0%, #f4f3f3 100%); background: -ms-linear-gradient(top, #dedcdc 0%, #f4f3f3 100%); background: linear-gradient(to bottom, #dedcdc 0%, #f4f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedcdc', endColorstr='#f4f3f3', GradientType=0 ); /* IE6-8 */ } header .container { position:relative; z-index:999; padding:0 30px; } .pp_description { text-shadow:none; } /* logo style -------------------------------------------------------------- */ #logo { float:left; margin-top:16px; margin-bottom:0; } .logo-title { float:left; width:47.7%; } .logo-title h1 { margin-bottom:10px; font-size:38px; } .logo-title h1, .logo-title h2 { float:left; width:100%; } /* Page Navigation Style -------------------------------------------------------------- */ #page-nav { float:right; } #page-nav ul li { float:left; position:relative; } #page-nav ul li a { color:#282828; float:left; padding:23px 16px; text-transform:uppercase; } #page-nav ul li.current-page-ancestor:hover li.current_page_item li a, #page-nav ul li.current-menu-ancestor.current_page_ancestor ul li a, #page-nav ul li.current-page-ancestor:hover li.current-menu-ancestor ul li a, #page-nav ul li.current-menu-ancestor:hover li.current-menu-item ul li a { color:#5f5e5e; } #page-nav ul li a:hover, #page-nav ul li:hover a, #page-nav ul li ul.sub-menu li:hover a, #page-nav ul li ul.sub-menu ul.sub-menu li:hover a, #page-nav ul li.current-page-ancestor:hover li.current_page_item li:hover a, #page-nav ul li.current-menu-item a, #page-nav ul li.current-menu-ancestor.current_page_ancestor ul li a:hover, #page-nav ul li.current-page-ancestor.current-menu-ancestor a, #page-nav ul li.current-page-ancestor a, #page-nav ul li.current-page-ancestor ul li.current-menu-item a, li.current-page-ancestor li.current-menu-ancestor a, #page-nav ul li.current-page-ancestor:hover li.current-menu-ancestor a, #page-nav ul li.current-page-ancestor li.current-menu-ancestor ul li a, #page-nav ul li.current-page-ancestor li.current-menu-ancestor ul li.current-menu-item a, #page-nav ul li.current-menu-ancestor:hover li.current-menu-item a { color:#ffffff; } #page-nav ul li a:hover, .portfolio-container li { transition: all 300ms linear; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; -o-transition: all 300ms linear; } #page-nav ul li:hover ul.sub-menu { display:block; } /* SUB MENU -------------------------------------------------------------- */ #page-nav ul li ul.sub-menu { border-top: 1px solid #FFFFFF; display:none; position:absolute; top:69px; width:230px; z-index:99999; } #page-nav ul li ul.sub-menu li { background-color:#f1f0f0; border-bottom:1px solid #ffffff; width:100%; } #page-nav ul li ul.sub-menu .last { border-bottom:none; } #page-nav ul li ul.sub-menu a, #page-nav ul li ul.sub-menu ul.sub-menu li a { color:#5f5e5e; width:86.1%; padding:11px 16px; text-transform:capitalize; font-weight:normal; text-shadow:none; } #page-nav ul li:hover ul.sub-menu ul.sub-menu, #page-nav ul li ul.sub-menu li ul { display:none; position:absolute; top:-1px; left:230px; border:1px solid #e4e2e2; width:230px; } #page-nav ul li ul.sub-menu li:hover ul, #page-nav ul li:hover ul.sub-menu li:hover ul.sub-menu { display:block; } /* Banner Style -------------------------------------------------------------- */ .banner { background-color:#dfe3e6; margin:0px; padding:0; width:100%; float:left; position:relative; } .theme-border, .gray-border { height:5px; float:left; width:100%; } .buy { position:absolute !important; top: 30%; right:30%; } .gray-border { background-color:#EDEDED; } /* Content Style starts here ------------------------------------------------------------- */ .content { float:left; width:100%; } /* [triangle shape] */ .widget_newsletter:after, .intro:after, .intro.page-heading .container:after { content:""; left:48.16%; width:0; height:0; position:absolute; border-left:24px solid transparent; border-right:24px solid transparent; } /* Welcome content -------------------------------------------------------------- */ .intro { background-image:url(images/intro-pattern.png); background-repeat:repeat; background-color:#252525; width:100%; float:left; border-bottom:5px solid #161616; padding:32px 0; position:relative; } .intro * { color:#ffffff; text-shadow:none; } .intro:after { border-top:17px solid #161616; bottom:-22px; } .intro h6 { font-weight:normal; line-height:25px; } .post-author-details { margin-top:10px; background:#e8e8e8; float:left; padding:22px 20px; border-radius:5px; border:#d7d7d7; box-shadow: 0px 1px 0px #ffffff; -moz-box-shadow: 0px 1px 0px #ffffff; -webkit-box-shadow: 0px 1px 0px #ffffff; -o-box-shadow: 0px 1px 0px #ffffff; behavior: url(PIE.html); position:relative; border:1px solid #d7d7d7; } .author-desc h5 { text-transform:capitalize; margin-bottom:8px;} .intro-2 p, .post-author-details p { line-height:21px; margin-bottom:0; } .intro-2 img, .post-author-details img { float:left; margin:0 20px 16px 0; width:61px; } .post-author-details img, .commentlist .comment-author img { box-shadow: 0px 4px 0px #d7d7d7; -moz-box-shadow: 0px 4px 0px #d7d7d7; -webkit-box-shadow: 0px 4px 0px #d7d7d7; -o-box-shadow: 0px 4px 0px #d7d7d7; } /* New Intro */ .intro-text { width:100%; margin:0px; padding:0px; float:left; } .intro-text.type1 { background:url(images/introtext-border-top.png) center top no-repeat; padding:40px 0px 0px; text-align:center; } .intro-text.type1 h4 { text-transform:uppercase; } .intro-text.type1 h4 span.highlight { color:#ffffff; padding:7px 15px; margin:0px 5px; } .intro-text.type1 h6 { text-transform:uppercase; color:#a0a0a1; background:url(images/intro-text-border-bottom.png) center bottom no-repeat; padding-bottom:37px; background-size:100%; } .intro-text.type1 .button, .intro-text.type2 .button, .intro-text.type3 .button, .intro-text.type4 .button { position:relative; } .intro-text.type4, ul.tabs-vertical-frame li a.current { border-left:3px solid; } .intro-text.type4 { background:#ededed; padding:30px 2.5%; width:94.5%; } .intro-text.type4 h4 { text-transform:uppercase; margin-bottom:5px; } .intro-text.type4 h5 { color:#a0a0a1; margin-bottom:0px; } .intro-text.type3 h4, .intro-text.type3 h5 { color:#fff; text-shadow:none; } .intro-text.type2, .intro-text.type3 { background:#ededed; padding:30px 2.5%; width:95%; } .intro-text.type2 h4, .intro-text.type3 h4 { text-transform:uppercase; margin-bottom:5px; } .intro-text.type2 h5 { color:#a0a0a1; margin-bottom:0px; } .intro-text.type3 h5 { margin-bottom:0; } .intro-text.type4 a, .intro-text.type2 a, .intro-text.type3 a { float:right; } .ico-content.type2 { padding:0px 0px 30px 50px; position:relative; width:85%; } .ico-content.type2 .icon { position:absolute; left:0px; top:0px; } .ico-content.type2 .icon span { font-size:36px; } .ico-content.type2:hover .icon { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); } .ico-content.type3 { padding:0px 0px 30px 70px; position:relative; width:70.5%; } .ico-content.type3 .icon { position:absolute; left:0px; top:0px; } .ico-content.type3 .icon span { display:inline-block; margin-bottom:15px; background:#fafafa; border:5px solid #f0f0f0; font-size:28px; line-height:46px; text-align:center; color:#a5a5a5; width:44px; height:44px; border-radius:44px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 100ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; } .ico-content.type3:hover .icon span { color:#ffffff; } .ico-content.type3:hover .icon span { -moz-transform: scale(1) rotate(360deg) translate(0px); -webkit-transform: scale(1) rotate(360deg) translate(0px); -o-transform: scale(1) rotate(360deg) translate(0px); transform: scale(1) rotate(360deg) translate(0px); } /* PAGE HEADING -------------------------------------------------------------- */ .intro.page-heading { padding:25px 0 22px; margin-bottom:30px; } .intro.page-heading .container { position:relative; } .intro.page-heading .container:after { border-left: 0 solid transparent; border-right: 50px solid transparent; border-top: 30px solid #161616; bottom: -55px; left: 0px; } /* breadcrumb -------------------------------------------------------------- */ .breadcrumb-section { float:left; height:30px; width: 100%; background:url(images/pattern-stripes.png) repeat; border:none; position:relative; top:-30px; } .breadcrumb { float:right; line-height:30px; font-size:12px; text-shadow:1px 1px 0px #f6f6f6; text-transform:capitalize; } .breadcrumb a { color: #161616; font-weight:normal; } .breadcrumb span { color:#757575; } .breadcrumb span[class^="icon-"] { color: #161616; margin: 0 3px 0px 5px; font-size:12px; } .breadcrumb span.icon-circle { font-size:7px; position:relative; top:-1px; } /* columns -------------------------------------------------------------- */ .widget { width:100%; float:left; } .column { float:left; margin-right:2.1%; } .one-column { width:100%; } .one-half { width:48.9%; } .one-third { width:31.9%; } .one-fourth { width:23.4%; } .one-fifth { width:18.32%; } .one-sixth { width:14.9%; } .two-fifth { width:38.74%; } .three-fifth { width:59.16%; } .two-third { width:65.9%; } .three-fourth { width:74.5%; } .four-fifth { width:79.58%; } .five-sixth { width:83%; } .two-sixth { width: 30%; } .three-sixth { width: 48.9%; } .four-sixth { width: 66%; } .two-third .one-column .post-details { width:61.2%; } .one-column.column { margin-right:0; } /* Form -------------------------------------------------------------- */ .one-third form textarea, .one-fourth form textarea, .one-fifth form textarea { width:85%; } /* Image Caption -------------------------------------------------------------- */ .caption { float:left; width:100%; } /* services */ .iconbox-service { text-align:center; } .iconbox-service { position:relative; min-height:280px; } .iconbox-service .service-cont { position:relative; top:130px; } .iconbox-service i.animate { display: block; left: 0px; position: absolute; top: 20px; transition: all 0.4s linear 0s; padding-top:12px; font-size:75px; color:#666666; margin-bottom:26px; text-align:center; width:100%; float:left; } .iconbox-service:hover .animate { top:0; } .iconbox-service:hover .animate:after { background: url(images/shadow.png) no-repeat scroll 0 0 transparent; content: ""; display: block; height: 24px; position: absolute; top: 93px; transition: all 0.4s linear 0s; visibility:visible; width: 126px; } .one-third .iconbox-service:hover .animate:after { left: 20%; } .one-half .iconbox-service:hover .animate:after { left: 29%; } .one-fourth .iconbox-service:hover .animate:after { left: 10%; } .content-full-width .one-third .iconbox-service:hover .animate:after { left: 28%; } .content-full-width .one-half .iconbox-service:hover .animate:after { left: 36%; } .content-full-width .one-fourth .iconbox-service:hover .animate:after { left: 20%; } /* Portfolio -------------------------------------------------------------- */ .portfolio-container li { margin-bottom:20px; margin-right:0; } .portfolio-container.related-works li { margin-bottom:0; } .portfolio-container.related-works li { margin-right:2.1%; } .portfolio .related-works .portfolio-thumb { margin-bottom:0; } .portfolio .portfolio-thumb { float:left; position:relative; } .portfolio-container li h4, .related-works.three-fourth li h4 { width:100%; float:left; } .portfolio-container li h4.title, .related-works.three-fourth li h4.title { font-size:14px; margin-bottom:0; } .portfolio .content-box h4 { font-family: 'PT Sans', sans-serif; } .portfolio-container li a:hover h4 span { color:#ffffff; text-shadow:1px 1px 0 rgba(0,0,0,.5); } .portfolio-container li h4 a, .related-works.three-fourth li h4 a { color:#5F5E5E; } .portfolio-container .thick-border { overflow-x:hidden; } .carousel-wrapper.related-works .carousel-arrows { position: absolute; right: 16px; top: -88px; } .right-gallery { float: right !important; margin-left: 2%; margin-right: 0; } /* carousel portfolio */ .related-works.carousel-wrapper .caroufredsel_wrapper ul.portfolio-carousel li { float:left; width:220px !important; margin-right:19px; } /* one-col */ .portfolio.one-column-with-sidebar .portfolio-detail { width: 48%; } .portfolio-container { width: 100%; float: left; clear: both; } .portfolio.one-column, .portfolio.one-column-with-sidebar { width: 100%; margin-bottom: 30px; margin-right: 0px; } .portfolio.one-column .portfolio-thumb { margin-right:20px; } .portfolio.one-column-with-sidebar .portfolio-thumb { margin-right:0; } .portfolio.one-column-with-sidebar .portfolio-thumb img { width: 286px; height: 222px; } /*.portfolio-thumb { margin-bottom:24px; }*/ .portfolio-container .one-third.with-sidebar { min-height:205px; } .portfolio-container .one-fourth h4 span { padding:13px 18px; } /* image overlay */ .portfolio-thumb .image-overlay { background:url(images/desc-bg.png) repeat scroll 0 0 transparent; opacity:0; filter:alpha(opacity=0); width:100%; height:100%; float:left; position:absolute; top:0px; left:0px; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; overflow:hidden; } .related-works .portfolio-thumb .image-overlay { border-radius: 5px 5px 0px 0px; position:absolute; } .portfolio-thumb .image-overlay a { opacity:0; filter:alpha(opacity=0); text-align:center; position:absolute; display:inline-block; width:42px; height:42px; border-radius:42px; } .portfolio-thumb .image-overlay a span { color:#ffffff; font-size:18px; line-height:42px; width:42px; height:42px; border-radius:42px; position:relative; } .portfolio-thumb .image-overlay a span.icon-external-link { line-height:44px; } .portfolio-thumb .image-overlay a span:hover { background-color:#373737; } .portfolio-thumb .image-overlay a.zoom { left: 0; } .portfolio-thumb .image-overlay a.link { right: 0; position:absolute; } .portfolio-thumb .image-overlay a { top: 20%; } .portfolio-thumb .image-overlay a, .portfolio-thumb .image-overlay a span { position:relative\0/; z-index:1\0/; } .portfolio-thumb .image-overlay a.zoom, .portfolio-thumb .image-overlay a.link { z-index:-1\0/; } .portfolio-thumb:hover .image-overlay a.zoom, .portfolio-thumb:hover .image-overlay a.link { z-index:1\0/; } .related-works li:hover .portfolio-thumb a.zoom, .related-works li:hover .portfolio-thumb .image-overlay a.link, .related-works li:hover .portfolio-thumb .thick-border p, .portfolio-container li:hover .portfolio-thumb a.zoom, .portfolio-container li:hover .portfolio-thumb .image-overlay a.link, .portfolio-container li:hover .portfolio-thumb .thick-border p { opacity:1; filter:alpha(opacity=100); } .related-works li:hover .portfolio-thumb .image-overlay, .portfolio-container li:hover .portfolio-thumb .image-overlay { opacity:1; filter:alpha(opacity=100); transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; } .portfolio-container li.one-column:hover .portfolio-thumb .image-overlay { opacity:0; } .portfolio-container li.one-column .portfolio-thumb:hover .image-overlay, .portfolio-container li:hover .portfolio-thumb .image-overlay { opacity:1; filter:alpha(opacity=100); transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; } .portfolio-container .thick-border p, .related-works.three-fourth li .thick-border p { border-radius: 0; color: #252525; position:absolute; top:50%; opacity:0; font-size: 12px; line-height: 18px; padding:10px 13px 7px 13px; margin-bottom:0; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; text-align:center; visibility:hidden; } .portfolio-container li h4.title a, .related-works.three-fourth li h4.title a { display:block; font-family: 'PT Sans', sans-serif; padding:10px 10px 18px; background-color:#ebebeb; border-radius:0px 0px 5px 5px; text-align:center; font-style:normal; behavior:url(PIE.html); } .related-works.three-fourth li h4.title a { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .portfolio-container li:hover .thick-border p, .related-works.three-fourth li:hover .thick-border p { visibility:visible; } .portfolio.three-column .image-overlay a, .portfolio.two-column-with-sidebar .image-overlay a, .portfolio.one-column-with-sidebar .image-overlay a { top:37%; } .portfolio.three-column:hover a.zoom, .portfolio.two-column-with-sidebar:hover a.zoom, .portfolio.one-column-with-sidebar:hover a.zoom { left:30%; } .portfolio.three-column:hover .image-overlay a.link, .portfolio.two-column-with-sidebar:hover a.link, .portfolio.one-column-with-sidebar:hover a.link { right:30%; } .portfolio.two-column .image-overlay a, .portfolio.one-column .image-overlay a { top:41%; } .portfolio.two-column:hover a.zoom, .portfolio.one-column:hover a.zoom { left:37%; } .portfolio.two-column:hover .image-overlay a.link, .portfolio.one-column:hover .image-overlay a.link { right:37%; } /* hover animation */ .portfolio-container li.one-fourth { min-height:222px; } .portfolio-container.related-works li.one-fourth { min-height:221px; } .portfolio-container li.one-fourth.with-sidebar { min-height:164px; } .portfolio-container .one-fourth .image-overlay a { top:31%; } .portfolio-container .one-fourth:hover a.zoom { left:27%; } .portfolio-container .one-fourth:hover .image-overlay a.link { right:27%; } .portfolio-container .one-fourth .thick-border p { top:55%; } .portfolio-container .one-fourth.with-sidebar .image-overlay a { top:31%; } .portfolio-container .one-fourth.with-sidebar:hover a.zoom { left:15%; } .portfolio-container .one-fourth.with-sidebar:hover .image-overlay a.link { right:15%; } .portfolio-container .one-third .image-overlay a { top:39%; } .portfolio-container .one-third:hover a.zoom { left:33.5%; } .portfolio-container .one-third:hover .image-overlay a.link { right:33.5%; } .portfolio-container .one-third .thick-border p { top:60%; } .portfolio-container .one-third.with-sidebar .image-overlay a { top:23%; } .portfolio-container .one-third.with-sidebar:hover a.zoom { left:24.5%; } .portfolio-container .one-third.with-sidebar:hover .image-overlay a.link { right:24.5%; } .portfolio-container .one-third.with-sidebar .thick-border p { top:50%; } .portfolio-container .one-half .image-overlay a { top:43%; } .portfolio-container .one-half:hover a.zoom { left:39%; } .portfolio-container .one-half:hover .image-overlay a.link { right:39%; } .portfolio-container .one-half .thick-border p { top:68%; } .portfolio-container .one-half.with-sidebar .image-overlay a { top:38%; } .portfolio-container .one-half.with-sidebar:hover a.zoom { left:33.5%; } .portfolio-container .one-half.with-sidebar:hover .image-overlay a.link { right:33.5%; } .portfolio-container .one-column.with-sidebar .image-overlay a { top:40%; } .portfolio-container .one-column.with-sidebar:hover a.zoom { left:33%; } .portfolio-container .one-column.with-sidebar:hover .image-overlay a.link { right:33%; } .portfolio-container .one-column.with-sidebar .thick-border p { top:72%; } .portfolio-container.three-column-with-sidebar .image-overlay a { top:30%; } .portfolio.three-column-with-sidebar:hover a.zoom { left:20%; } .portfolio.three-column-with-sidebar:hover a.link { right:20%; } .portfolio.four-column-with-sidebar .image-overlay a { top:20%; } .portfolio.four-column-with-sidebar:hover a.zoom { left:9%; } .portfolio.four-column-with-sidebar:hover a.link { right:9%; } .related-works.three-fourth li .image-overlay a { top:40%; } .related-works.three-fourth li:hover a.zoom { left:27%; } .related-works.three-fourth li:hover .image-overlay a.link { right:27%; } .related-works.three-fourth li .thick-border p { top:66%; } /* Portfolio Detail -------------------------------------------------------------- */ .one-fourth .portfolio-thumb, .portfolio-thumb.full-width { width:auto; margin-right:0; float:left; } .portfolio-thumb img { width:610px; } .project-desc .content-box { width:83.8%; margin-bottom:17px; } .project-desc .content-box p { float:left; } .portfolio-thumb.full-width { margin-bottom:20px; } .one-third .content-box { float:left; width:84.6%; } .content-box ul.project-details { float:left; margin-bottom:8px; padding-left:0; } .content-box ul.project-details li { float:left; clear:both; list-style:none; font-style:normal; line-height:16px; margin-bottom:10px; } .portfolio-share .social-icons { margin-top:10px; } .content-box ul.project-details .portfolio-share li { clear:none; } .portfolio-share .social-icons li { margin-right:6px; } .content-box ul.project-details li span { font-size:16px; } .portfolio-slider-container { float: left; margin: 0px; padding: 0; position: relative; width: 100%; z-index:7; } .portfolio-slider { float: left; margin: 0; padding: 0; } .portfolio-thumb.full-width .portfolio-slider-container ul li { width:930px !important; } ul.portfolio-slider li iframe { width:100%; } .portfolio-thumb.two-third .portfolio-slider-container ul li { width:609px !important; } .portfolio-thumb.full-width { float:left; width:100%; } .portfolio-slider-container .bx-wrapper { position:relative; } .portfolio-slider-container .bx-controls-direction a { background-repeat: no-repeat; display: block; height: 80px; width: 40px; text-indent:-9999px; } .portfolio-slider-container .bx-controls-direction a:hover { background-color:#ffffff; } .portfolio-slider-container .bx-controls a { position:absolute; top:44%; z-index:9999; } .portfolio-slider-container .bx-controls a.bx-next { right:5px; background-position:8px center; } .portfolio-slider-container .bx-controls a.bx-prev { left:5px; background-position:6px center; } /* Portfolio Category Navigation -------------------------------------------------------------- */ .sorting-container { line-height:41px; margin-bottom:34px; text-align:center; } .sorting-container li { display:inline-block; line-height:36px; } .sorting-container li a:before { background:url(images/sorting-seperator.jpg) right no-repeat; content: ""; float: left; height: 35px; left: -5px; position: relative; width: 1px; } .sorting-container li a { color:#252525; font-size:12px; font-weight:normal; padding:10px 16px 10px 15px; border-top:1px solid #dfdfdf; border-bottom:4px solid #c7c7c7; margin:0 0 0 -6px; background:url(images/sorting-bg.jpg) repeat-x ; behavior: url(PIE.html); text-transform:uppercase; text-shadow:1px 1px 0px #ffffff; } .sorting-container li:first-child a.active:before, .sorting-container li:first-child:hover a:before { border-radius:5px; background:#F3F3F3; } .sorting-container li:first-child a:before { position:relative; top:2px; } .sorting-container li:first-child a { border-radius:5px 0 0 5px; behavior: url(PIE.html); border-left:1px solid #DFDFDF; } .sorting-container li:last-child a { border-radius:0 5px 5px 0; behavior: url(PIE.html); border-right:1px solid #DFDFDF; } .sorting-container li:last-child a.active { border-right:none; } .sorting-container li a.active, .sorting-container li a:hover { background-image:none; } .sorting-container li a.active { margin-left:-6px; } /* BLOG -------------------------------------------------------------- */ .blog-post { float:left; } .blog-single-entry .blog-post { margin-bottom:13px; } .post-details { float:left; } .post-details h2 { border-bottom:1px solid #ebebeb; margin-bottom:0; font-size:20px; text-transform:none; padding-bottom: 4px; } .blog-post .post-details p { border-top:1px solid #fcfcfc; padding-top:13px; margin-bottom:10px; float:left; } .blog-single-entry .blog-post .post-details p { border-top:none; } .blog-single-entry .blog-post .post-details h2 { font-size:25px; padding-bottom:12px; } .blog-post .post-details .post-desc p { float:none; } .post-details ul { padding-top:4px; padding-bottom:3px; float:left; width:100%; border-top:1px solid #fcfcfc; border-bottom:1px solid #ebebeb; } .post-details ul li { margin-right:17px; font-size:12px; float:left; min-height:26px; } .post-desc { border-top:1px solid #fcfcfc; float:left; } .post-desc p { border:none; float:none; } .post-desc p span { margin:4px 0 10px 18px; } .post-desc p span span { margin:0; } .post-desc p .portfolio-thumb, ul.commentlist li .commentmetadata { float:right; } .post-details .read-more { clear:both; float: right; } .blog-post .post-thumb { position:relative; } .blog-post .post-thumb .entry-date { position: absolute; top: 5px; left: 5px; padding: 8px; background: rgba(0, 0, 0, 0.3); color: #F3F2F2; font-size: 11px; border-top-left-radius: 5px; z-index:99; } .blog-post .post-thumb .entry-date i { color:#fff; } .blog-post .post-thumb a { display: block; overflow: hidden; position:relative; } .blog-post .post-thumb a img { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity: 0.99; filter: alpha(opacity=99); } .blog-entry-link:hover .blog-entry-img:after, .blog-post .post-thumb a:hover, .blog-post .post-thumb a { border-radius:5px; } .blog-post .post-thumb a:hover img { -o-transform: scale(1.1); transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transition-timing-function: ease-out; } /* sticky */ .sticky .featured-post { display: block; } .sticky .featured-post { border-bottom: 4px double #EBEBEB; border-top: 4px double #EBEBEB; clear: both; color: #5F5E5E; font-size: 20px; margin-bottom: 10px; padding: 7px 0; text-align: center; text-transform: uppercase; } .featured-post { display: none; } /* one-column */ .one-column.with-sidebar .post-details { width:61.1%; } .one-column .post-details { width:74.4%; } /* Blog Style - Primary Content -------------------------------------------------------------- */ .blog-post.no-thumb .post-details { width:100%; } .recent-post.two-col .post-details ul li { margin-right:12px; } .one-half .blog-post .post-thumb { margin:0 0px 20px 0; } .one-half .post-details { width:100%; } .blog-post .post-thumb { margin-bottom:24px; width:100%; float:left; } .two-third .blog-post:last-child, .widget_contact_details ul li:last-child { margin-bottom:0; } .one-column .post-thumb { margin:0 20px 0 0; width:220px; } .post-details.no-thumb { width:100% !important; } /* COMMENT ENTRIES -------------------------------------------------------------- */ .commententries { float:left; width:100%; } .commentlist * { font-family: 'Istok Web', sans-serif; } .commententries ul { margin-bottom:0; /*float:left; width:100%;*/ } .commentlist .comment-author { float:left; margin-right:20px; width: 60px; text-align:center; } a.comment-reply-link { display: inline-block; font-size:13px; margin-top: 5px; text-transform: capitalize; } .commentlist .comment-author img { float:left; width:60px; } .commentlist .comment-author { float:left; } .commentlist .comment-author img { float:left; } /*.comment { float:left; }*/ .comment .comment-meta { float:left; width:100%; margin-bottom:5px; } .comment .comment-meta .author-name { float:left; } .comment .comment-meta .author-name a{ color:#5f5e5e; } .comment-meta .commentmetadata { color:#5f5e5e; float:right; font-style:italic; font-size:14px; } .bypostauthor { float:left; } .comment-details p { line-height:20px; } .comment-container { float:left; margin-bottom:20px; border-bottom:1px dotted #b9b9b9; width:100%; } .commentlist .children { margin-left:80px; } .comment-details { float:left; width:87%; } .commentlist .children .comment-details { width:85%; } .commentlist .children .children .comment-details { width:82.5%; } .commentlist .children .children .comment .comment .comment-details { width:78.8%; } .commentlist .children .children .comment .comment .comment .comment-details { width:73%; } .entry-author-image { float:left; width:14%; } .author-desc { float: left; width: 84%; } .content-full-width .entry-author-image { width:9%; } .content-full-width .author-desc { width:91%; } .content-full-width .commentlist .comment-details { width:91.4%; } .content-full-width .commentlist .children .comment-details { width:90.4%; } .content-full-width .commentlist .children .children .comment-details { width:89%; } .content-full-width .commentlist .children .children .comment .comment .comment-details { width:88.5%; } .content-full-width .commentlist .children .children .comment .comment .comment .comment-details { width:87%; } #respond, .contact-frm, #respond #commentform { float:left; width:100%; } #respond input, .contact-frm input[type="text"] { margin-right:20px; } .contact-frm input[type="text"], .contact-frm input[type="email"] { width:43.5%; } #respond input#email, #respond input#author, #respond input { width:41.3%; } .content-full-width #respond input, .content-full-width #respond input#author, #respond input#email { width:45.7%; } .content-full-width #commentform #url, .content-full-width #respond textarea, .contact-frm textarea { width:97%; } #commentform #url, #commentform input#email { margin-right:0; } #commentform #url, #respond textarea, .contact-frm textarea { width:95%; } #respond input[type="text"], #respond input[type="email"], #respond textarea, .contact-frm input[type="text"], .contact-frm input[type="email"], .contact-frm textarea { color:#5f5e5e; float:left; clear:none; box-shadow: 1px 1px 0px #ffffff; -moz-box-shadow: 1px 1px 0px #ffffff; -webkit-box-shadow: 1px 1px 0px #ffffff; -o-box-shadow: 1px 1px 0px #ffffff; padding:14px; resize:none; } .two-third #respond { margin-top:0; } /* button */ #respond #commentform p.form-submit input[type="submit"] { border-radius:5px; float:right; margin-top:20px; margin-right:0; padding:9px 22px 12px; font-size:16px; height:40px; font-weight:bold; width:auto; } /* widget_testimonials -------------------------------------------------------------- */ .widget_testimonials li:last-child { margin-bottom:0; } .widget_testimonials li { margin-bottom:0px; } .widget_testimonials blockquote { float:left; position:relative; background-color:#ebebeb !important; border:none !important; box-shadow:1px 1px 0px #d7d7d7; -moz-box-shadow:1px 1px 0px #d7d7d7; -webkit-box-shadow:1px 1px 0px #d7d7d7; -o-box-shadow:1px 1px 0px #d7d7d7; margin-bottom:9px; behavior: url(PIE.html); } .widget_testimonials blockquote q { float:left; } .widget_testimonials blockquote:after { content:""; border-left: 20px solid transparent; border-right: 0 solid transparent; border-top: 23px solid #EBEBEB; bottom: -23px; height: 0; right: 10px; position: absolute; width:0; left:inherit; border-bottom:transparent; } .carousel-wrapper { position:relative; } .widget_testimonials .carousel-arrows { right: 16px; position: absolute; top:-88px; } .carousel-arrows { float:right; margin-top:10px; } .carousel-arrows .prev-arrow, .carousel-arrows .test-prev { float: left; margin-right: 1px; } .carousel-arrows .icon-chevron-left { border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .carousel-arrows .icon-chevron-right { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .carousel-arrows .icon-chevron-left, .carousel-arrows .icon-chevron-right { background-color: #BEBEBE; color: #ebebeb; padding: 5px 7px; box-shadow:1px 1px 0px #fff; } .widget_testimonials .carousel-arrows .icon-chevron-left:hover, .widget_testimonials .carousel-arrows .icon-chevron-right:hover { color:#fff; } /* widgets */ .widget_recent_entries li, .recent-posts-widget li { float:left; width:100%; } .widget_popular_entries ul li a.thumb, .recent-posts-widget li a.thumb { margin-right:10px; } .recent-posts-widget h6, .widget_popular_entries h6 { margin-bottom: 5px; } #secondary h5, footer h5 { margin-bottom:10px; } .widget .thumb > img, .widget.woocommerce img.attachment-shop_thumbnail { border: 3px solid #676767; width: 60px; } .widget_pages ul li ul, .widget_nav_menu ul li ul { margin-bottom:7px; } #secondary .widget_recent_entries .post-date { float:none; border: none; } #secondary .widget_recent_entries ul, #secondary .widget_recent_comments ul, #secondary .widget_archive ul { padding-left:0; } #secondary .widget_recent_entries ul li, #secondary .widget_recent_comments ul li, #secondary .widget_archive ul li { list-style:none; } #secondary .widget_recent_entries ul li:before, #secondary .widget_recent_comments ul li:before, #secondary .widget_archive ul li:before { content: "\f054"; font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit; float:left; margin-right:6px; font-size:11px; } /* newsletter -------------------------------------------------------------- */ .widget_newsletter { background:#dedcdc; float:left; width:100%; padding:13px 0; position:relative; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; z-index:555; } .widget_newsletter.gradient { background: #dedcdc; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2RlZGNkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #dedcdc 1%, #e9e9e9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #dedcdc), color-stop(100%, #e9e9e9)); background: -webkit-linear-gradient(top, #dedcdc 1%, #e9e9e9 100%); background: -o-linear-gradient(top, #dedcdc 1%, #e9e9e9 100%); background: -ms-linear-gradient(top, #dedcdc 1%, #e9e9e9 100%); background: linear-gradient(to bottom, #dedcdc 1%, #e9e9e9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedcdc', endColorstr='#e9e9e9', GradientType=0 ); } .widget_newsletter:before { background:url(images/newsletter-overlay.png) no-repeat; width:905px; height:65px; right:0; bottom:0; position:absolute; content:""; } .widget_newsletter:after { border-top:17px solid #ededed; bottom:-17px; } .widget_newsletter .container { position:relative; z-index:999; } .widget_newsletter h2 { float:left; margin-right:24px; margin-top:10px; margin-bottom:0; } .widget_newsletter form { width:88.5%; margin:0 auto; } .widget_newsletter form.subscribe-frm input[type="text"], .widget_newsletter form.subscribe-frm input[type="email"] { margin-bottom:0; } .widget_newsletter form input[type="text"], .widget_newsletter form input[type="email"] { margin-right:20px; width:23.4%; } .widget.widget_newsletter.gradient { margin-bottom:0; } .widget_newsletter .newsletter_container form { display:inline-block; width:71%; } .widget_newsletter .newsletter_container form input[type="text"], .widget_newsletter .newsletter_container form input[type="email"] { width:33.2%; font-size:14px; } #secondary .subscribe-frm input[type="text"], #secondary .subscribe-frm input[type="email"], input[type="password"] { width:88.7%; } .zn_mailchimp_result { float: left; margin-top: 12px; width: 100%; } /* Boxed -------------------------------------------------------------- */ .boxed-content { float:left; background:#e8e8e8; border-radius:5px; border:1px solid #d7d7d7; box-shadow: 1px 1px 0px #ffffff; -moz-box-shadow: 1px 1px 0px #ffffff; -webkit-box-shadow: 1px 1px 0px #ffffff; -o-box-shadow: 1px 1px 0px #ffffff; padding:22px 22px 22px 22px; } .boxed-content h4 { text-shadow:1px 1px 0px rgba(255,255,255,.75); } .boxed-content p { font-style:italic; line-height:25px; } /* Button Sizes -------------------------------------------------------------- */ .small { font-size:13px; padding:6px 15px 5px 15px; background-size:1px 34px; } .large { font-size:18px !important; padding: 10px 32px 11px; line-height:32px; height:31px; background-size:1px 52px; } .lengthy { font-size:16px !important; padding: 12px 45px 13px; line-height:26px; height:31px; background-size:1px 50px; } .small.button-arrow { line-height:30px; background-size:1px 42px; } input.button.medium { height:40px; padding:5px 18px 5px; } input.button.large { height:52px; } /* List Styles -------------------------------------------------------------- */ .tabs-framed li { border-bottom: 1px solid #EBEBEB; border-top: 1px solid #FCFCFC; float: left; line-height: 17px; width: 100%; } .tabs-framed li a { float: left; font-size: 16px; padding:11px 0 7px; width: 100%; } .widget_categories ul, .widget_testimonials ul, .widget_tag_cloud ul { padding-left:0; } .testimonial-carousel blockquote q{ font-style:italic; } .widget_categories ul li, .woocommerce.widget_product_categories ul.product-categories li { float:left; width:100%; line-height:18px; } #secondary .widget_categories ul li, .woocommerce.widget_product_categories ul.product-categories li { border-top:1px solid #fcfcfc; border-bottom:1px solid #ebebeb; } footer .widget_categories ul li { border-bottom:1px solid #282828; border-top:1px solid #414141; margin-bottom:0; } .widget_categories ul li a, .woocommerce.widget_product_categories ul.product-categories li a { float:left; font-size:16px; padding:12px 0 12px 33px; width:87%; } .woocommerce.widget_product_categories ul.product-categories li span.count { float:right; padding:12px 0 12px 0px; } .woocommerce.widget_product_categories ul.product-categories li a { width:79%; } .widget_categories ul li a:hover { color:#5f5e5e; } #secondary .widget_categories ul li:first-child, footer .widget_categories ul li:first-child, .tabs-framed li:first-child, .woocommerce.widget_product_categories ul.product-categories li:first-child { border-top:none; } .widget_categories ul li:last-child, .tabs-framed li:last-child { border-bottom:none; } .widget_categories ul li:first-child, .widget_categories ul li:first-child a, .tabs-framed li:first-child a, .woocommerce.widget_product_categories ul.product-categories li:first-child a, .woocommerce.widget_product_categories ul.product-categories li:first-child span.count { padding-top:0; } .widget_categories ul li a span { float:right; margin-right:5px; } .angle-arrow i { float:left; } ul .icon-angle-right { margin-top:3px; } .angle-arrow ul, .widget_testimonials ul li, .portfolio-carousel li, .team .social-icons li { list-style:none; } /* Tags -------------------------------------------------------------- */ .widget_tag_cloud a, .widget_product_tag_cloud a { float:left; background:#ffffff; color:#5f5e5e; font-size:16px; padding:10px; box-shadow:1px 1px 0px #d7d7d7; -moz-box-shadow:1px 1px 0px #d7d7d7; -webkit-box-shadow:1px 1px 0px #d7d7d7; -o-box-shadow:1px 1px 0px #d7d7d7; min-width:1px; min-height:1px; border-radius:4px; behavior: url(PIE.html); margin:0 9px 9px 0; } footer .widget_tag_cloud a { background:#747474; color:#D7D7D7; box-shadow:1px 1px 0px #9c9a9a; -moz-box-shadow:1px 1px 0px #9c9a9a; -webkit-box-shadow:1px 1px 0px #9c9a9a; -o-box-shadow:1px 1px 0px #9c9a9a; } /* BLOCKQUOTE STYLES -------------------------------------------------------------- */ .post-details blockquote { margin-left:18px; width:30%; margin-top:26px; } blockquote.float-right { width:30%; margin-left:26px; } blockquote.float-left { width:30%; margin-right:26px; } /* Banner -------------------------------------------------------------- */ .banner.shadow { border-radius:4px; margin:40px 0 52px !important; height:auto; behavior: url(PIE.html); } .banner.shadow:after { content:""; width:100%; height:14px; position:absolute; bottom:-13px; z-index:-1; left:0; background-image:url(images/banner-shadow.png); background-repeat: no-repeat; background-position: center 103.4%; } .banner.shadow img { width:100%; } .tp-rightarrow.large, .tp-leftarrow.large { padding:0!important; } /* INTRO (WELCOME) -------------------------------------------------------------- */ .container .intro { padding:20px 0; text-transform:capitalize; } .page-heading.intro:after { display:none; } .container .intro div { float:left; padding:0 20px; width:95.7%; } .container .intro div h2, .container .intro div h6 { clear:none; } .container .intro div h2 { margin-top:12px; margin-bottom:13px; } .container .intro div h6 { margin-bottom:12px; } .container .intro div img { width:130px; float:left; margin-right:20px; border-radius:4px; border:2px solid #d1e496; behavior: url(PIE.html); } .intro .button.medium { height:22px; } .intro-text.type3 .button { background: none repeat scroll 0 0 #FFFFFF !important; box-shadow: 0 0 0 0; color: #000000; text-shadow: none; } /* pagination -------------------------------------------------------------- */ .pagination { float:left; width:100%; margin:10px 0 30px 0; } .pagination a { font-family: 'Open Sans', sans-serif; font-size:15px; border-radius:4px; behavior: url(PIE.html); } .pagination ul li, .woocommerce-pagination ul.page-numbers li { font-family: 'Open Sans', sans-serif; font-size:15px; margin-right:10px; text-transform:uppercase; display:inline-block; padding:10px 0px 10px 0px; } .pagination ul li.active-page, .woocommerce-pagination ul.page-numbers li span.current { padding:9px 15px 10px 16px; border-radius:4px; behavior: url(PIE.html); position:relative; } .pagination ul li a, .woocommerce-pagination ul.page-numbers li a { padding:10px 15px 10px 16px; border-radius:4px; behavior: url(PIE.html); background-color:#eeeeee; border:1px solid #d7d7d7; position:relative; } .pagination ul li a:hover, .pagination ul li.active-page, .pagination a .skip-page:hover { background-color:#ffffff !important; color:#5F5E5E; } .pagination ul li a:hover, .pagination ul li.active-page, .pagination a .skip-page:hover, .woocommerce-pagination ul.page-numbers li span.current { border:1px solid; } /* Newsletter Signup -------------------------------------------------------------- */ #secondary .widget_newsletter { background:none; border:none; padding:0; } #secondary .widget_newsletter h2 { width:auto; float: none; margin-bottom: 40px; margin-right: 0; } #secondary .widget_newsletter:after { display:none; } #secondary .widget_newsletter:before { display:none; } #secondary .widget_newsletter form { width:100%; } #secondary .widget_newsletter form input { margin-bottom:10px; } #secondary .widget_newsletter form input[type="text"], #secondary .widget_newsletter form input[type="email"] { margin-right: 0; width: 88%; } #secondary .widget_newsletter form input[type="submit"] { margin-right:3px; } #secondary .categories h2 { margin-bottom:30px; } #secondary .tabs-framed li:last-child { border-bottom:none; } /* Date -------------------------------------------------------------- */ .post-date { float:left; border-radius:5px; position:relative; behavior: url(PIE.html); } .post-date span:after, .post-date span:before { border-radius: 4px 4px 4px 4px; width: 99.5%; z-index: 2; behavior: url(PIE.html); content: ""; height: 3px; position: absolute; width: 98.8%; z-index: 2; } .post-date span:after { bottom:-3px; border-radius: 0 0 4px 4px; border-top: medium none; left: 0;} .post-date span:before { bottom:-6px; border-radius: 4px 4px 4px 4px; left: 0; } .widget_recent_posts .post-details { float:left; width:70%; } .widget.widget_recent_posts h5 a { line-height:19px; } #secondary .post-date { margin-right:20px; } #secondary .post-date p { background:#eeeeee; border-bottom: 1px solid #D7D7D7; } #secondary .post-date { border:1px solid #d7d7d7; } #secondary .post-date span:after, #secondary .post-date span:before { background: #EBEBEB; border: 1px solid #D7D7D7; } #secondary .post-date span { background:#595959; color:#eeeeee; border-bottom: 1px solid #D7D7D7; } footer .post-date { margin-right:10px; } footer .post-date p { background:#616161; border-bottom: 1px solid #7b7a7a; } footer .post-date { border:1px solid #7b7a7a; } footer .post-date span:after, footer .post-date span:before { background: #616161; border: 1px solid #7b7a7a; } footer .post-date span { background:#303030; color:#eeeeee; border-bottom: 1px solid #7b7a7a; } footer .widget_recent_posts .post-details { width:67.2%; } footer .icon-envelope-alt { font-size:small; } footer .widget.widget_text .textwidget ul { padding-left:0; } footer .widget.widget_text .textwidget ul li { list-style:none; } footer .widget.widget_text .textwidget ul li:before { content:"\f105"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:16px; margin-right:5px; } .post-date p { font-size:25px; padding:3px 5px 3px; margin-left:0 !important; text-align:center; margin-bottom:0; border-radius:5px 5px 0 0; behavior: url(PIE.html); } .post-date span { float:left; background:#595959; color:#eeeeee; line-height:15px; font-size:15px; clear:both; text-align:center; padding:3px 5px 5px; width:50px; text-transform:uppercase; border-radius:0 0 5px 5px; border-bottom: 1px solid #D7D7D7; text-shadow:none; behavior: url(PIE.html); } .widget_recent_posts article { float:left; margin-bottom:26px; width:100%; } .widget_recent_posts article:last-child, #secondary section:last-child { margin-bottom:0; } /* TEAM */ .team { background:#ededed; width:97%; float:left; margin:0px 0px 40px; padding:0px; text-align:center; } .team .image { border-radius: 5px 5px 0 0; width:100%; height:196px; overflow:hidden; } .team h4 { margin:10px 0px 0px; } .team h6 { color:#919191; font-weight:normal; margin:0px; } .team h4, .team h6 { line-height:normal; } .team .image img { max-width:100%; } .team .image img, .social-icons li img { -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; } .team .social-icons { float:none; display:inline-block; text-align:center; position:relative; bottom:-17px; padding:0; } .social-icons li { display:inline-block; height:29px; overflow:hidden; padding:0; position:relative; width:29px; } .team .social-icons li { margin:0px; border:3px solid #dadada; border-radius:29px; } .social-icons li img { bottom:0px; left:0px; position:absolute; } .team .image img:hover { -moz-transform: scale(1.2) rotate(0deg) translate(0px); -webkit-transform: scale(1.2) rotate(0deg) translate(0px); -o-transform: scale(1.2) rotate(0deg) translate(0px); transform: scale(1.2) rotate(0deg) translate(0px); } .social-icons li img:first-child { bottom:-29px; } .social-icons li:hover img:first-child { bottom:0px; z-index:1; } .social-icons li:hover img:last-child { bottom:-29px; } .social-bookmark, #primary ul.social-icons { float:left; width:100%; padding-left:0; } #primary ul.social-icons li { margin-right:10px; } .social-bookmark #fb-root, .social-bookmark .fb-like, .social-bookmark #___plusone_0, .social-bookmark .twitter-share-button, .social-bookmark #iframe-stmblpn-widget-1, .social-bookmark .IN-widget, .social-bookmark .pin-it-button, .social-bookmark img, #social-bookmark .suHostedBadge { float:left; margin-right:10px !important; } .post-details ul.social-icons { border:none; } /* Content Box ( bg) -------------------------------------------------------------- */ .content-box { float:left; background:#e8e8e8; border:1px solid #d7d7d7; box-shadow: 1px 1px 0px #ffffff; -moz-box-shadow: 1px 1px 0px #ffffff; -webkit-box-shadow: 1px 1px 0px #ffffff; -o-box-shadow: 1px 1px 0px #ffffff; padding:22px 22px 26px 22px; border-radius:5px; width:92.5%; behavior: url(PIE.html); } .content-box h4 { text-shadow:1px 1px 0px rgba(255,255,255,.75); } .content-box p { font-style:italic; line-height:25px; } .widget_contact_details li h4 { float:left; margin-bottom:9px !important; } .widget_contact_details li p { margin-bottom:6px; font-style:normal; } .widget_contact_details li span { font-weight:bold; } /* Map -------------------------------------------------------------- */ #map, .mytheme-map.thick-border { width:99%!important; float:left; border-radius:5px; } .one-half #map, .one-half .mytheme-map.thick-border { width:98% !important; } #map iframe { float:left; } #map.thumb img { width:930px; } /* Side Navigation -------------------------------------------------------------- */ .side-nav:before, .side-nav:after, .side-nav li:after, .side-nav li:before, .side-nav li:hover :after, .side-nav li:hover :before, .side-nav li.current-page-item :after, .side-nav li.current-page-item :before { content:""; position:absolute; } #secondary.side-nav { width:29.8%; background:url(images/side-nav-gradient.png) repeat-y 2px 0; background-size:100%; float:left; min-height:600px; position:relative; border-right:1px solid #d9d9d9; } .side-nav:before { top:-28px; left:0; background:url(images/side-nav-shad.png) no-repeat; width:100%; height:29px; background-size:100%; } .side-nav:after { bottom:-28px; left:0; background:url(images/side-nav-shad-btm.png) no-repeat; width:100%; height:29px; background-size:100%; } .side-nav { position:relative; } .side-nav li { float:left; clear:both; width:100%; position:relative; border-bottom:1px solid #d9d9d9; border-top:1px solid #ffffff; } .side-nav li:after { background-color:transparent; bottom:-2px; left:0; height:3px; width:100%; z-index:999; } .side-nav li:hover :after, .side-nav li.current-page-item :after { bottom:-2px; left:0; height:3px; width:100%; z-index:999; } .side-nav li:before { background-color: transparent; border-left: 0 solid transparent; border-right: 10px solid transparent; border-top: 8px solid transparent; bottom: -7px; height: 0; right:-10px; width: 0; z-index: 999; } .side-nav li:hover :before, .side-nav li.current-page-item :before { background-color: transparent; border-width:8px 10px 0 0; border-color:transparent; border-style:solid; bottom: -7px; height: 0; right: -10px; width: 0; z-index: 999; } .side-nav li a { float:left; font-size:16px; font-family: 'PT Sans', sans-serif; padding:19px 33px 19px 33px; font-weight:bold; width:214px; color:#5f5e5e; } .side-nav li a, .widget_categories ul li a, .woocommerce.widget_product_categories ul.product-categories li a { background-image: url(images/arrow-grid.png); background-repeat: no-repeat; background-position: 12px center; } .woocommerce.widget_product_categories ul.product-categories li:first-child a { background-position:12px 2px; } .woocommerce.widget_product_categories ul.product-categories { padding-left:0; } .woocommerce.widget_product_categories ul.product-categories li { list-style:none; } .widget_categories ul li:first-child a { background-position:12px 2px; } .side-nav li a:hover, .side-nav li.current-page-item a { width:80%; border:none; background-image:url(images/arrow-grid-hover.png); background-repeat: no-repeat; background-position:12px center; } .side-nav li a, .side-nav li a:hover, .side-nav li.current-page-item a { transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -webkit-transition: all 100ms ease-in-out; -o-transition: all 100ms linear; } .side-nav li:first-child { border-top:none; } .side-nav li:last-child { border-bottom:none; } .side-nav li:hover :after, .side-nav li.current-page-item :after { background-color:#5a5a5a; } .side-nav li:hover :before, .side-nav li.current-page-item :before { border-top-color:#565656; } /* Error - 404 -------------------------------------------------------------- */ .error-404 { float:left; width:100%; margin-top:135px; } .error-404 h2 span { font-size:60px; margin-bottom:4px; text-transform:uppercase; } .error-404 p { margin-bottom:30px; margin-top:14px; } .search-frm { width:442px; margin-left:auto; margin-right:auto; margin-top:35px; border-radius:5px; behavior: url(PIE.html); } .search-frm input[type="text"] { width:66.1%; } .search-frm input.button.medium[type="submit"] { margin-left:10px; } .feature-images > img { display: block; margin-left: auto; margin-right: auto; text-align: center; } #secondary .search-frm, #secondary .search-frm input[type="text"], .widget.woocommerce #searchform { margin-bottom:0; } #secondary .search-frm, footer .search-frm, .widget.woocommerce #searchform { width:100%; } #secondary .search-frm input[type="text"], .widget.woocommerce #searchform input[type="text"] { width:50.5%; } .woocommerce.widget_product_search #searchform input[type="text"] { margin-bottom:0; } footer .search-frm input[type="text"] { width:85%; } /* PAGE FOOTER -------------------------------------------------------------- */ footer { background: url(images/footer-bg.jpg) repeat; width:100%; float:left; border-top:4px solid #303030; padding:40px 0 0 0; position:relative; } footer * { text-shadow: none; } footer div, footer li, footer p, footer a { font:inherit; font-size:13px; color:#aaaaaa; } footer a { color:#D7D7D7; } footer ul.footer-links li a { color: #7B7B7B; font-size:12px; text-shadow:1px 1px 0px #181818; } footer:after { content:""; width:100%; height:99px; position:absolute; left:0; top:0; background: url(images/footer-overlay-top.png) no-repeat; border-top:1px solid #464646; } /*footer:before { content:""; background:url(images/footer-overlay-bottom.png) no-repeat; width:955px; height:99px; position:absolute; bottom:70px; right:0; }*/ footer .container { position:relative; z-index:999; } footer i { color:#616161; font-family:FontAwesome !important; } footer .widget .social-icons li { border: 0 none; clear: none; display: inline; float: left; margin: 0 5px 0 0; padding: 0; width: 29px; } /* contact details -------------------------------------------------------------- */ footer .widget-title { color:#b1b1b1; font-family: 'dosis', sans-serif; margin-bottom:25px; } .widget_contact_details ul { margin-top:6px; float:left; } .widget_contact_details p { float:left; margin-top:13px; margin-bottom:0; } .widget_contact_details ul li { float:left; clear:both; margin-bottom:18px; width:100%; } .widget_contact_details ul li:nth-child(2) { line-height:40px; } .widget_contact_details ul i { float: left; margin-right: 10px; width:20px; } .widget_contact_details ul .icon-map-marker { margin-top: 10px; min-height:37px; } /* Flickr Thumbs -------------------------------------------------------------- */ .widget_flickr .flickr_badge_image { float:left; border:3px solid #676767; margin:5px 10px 5px 0; } .widget_flickr .flickr_badge_image a img { float:left; height:54px; width:54px; } /* Footer Links -------------------------------------------------------------- */ footer li { margin-bottom:7px; } footer li:lst-child { margin-bottom:0; } .widget_footer_links ul li { padding:6px 0; border-bottom:1px solid #464646; } /* TweetBox -------------------------------------------------------------- */ .widget_tweetbox ul li { float:left; margin-bottom:17px; } .widget_tweetbox ul li a { margin-right:5px; } .widget_tweetbox ul li i { margin-top:4px; } .tweet_list li:before { content:"\f099"; font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit; float:left; margin-right:5px; } .widget_tweetbox .tweet_time { float:left; width:100%; } /* Footer Bottom -------------------------------------------------------------- */ .footer-info { background:url(images/footer-info.jpg) repeat; float:left; margin-top:10px; width:100%; padding:20px 0 18px; border-top:1px solid #464646; } .footer-info .copyright { float:left; } /* footer navigation -------------------------------------------------------------- */ .footer-links li { float:left; margin:4px 7px 0 0; } .footer-links li a { background:url(images/footer-nav-sep.png) no-repeat right center; padding-right:11px; text-transform:uppercase; } .footer-links li:last-child a { background:none; } /* Social Links -------------------------------------------------------------- */ footer .social-icons { float:right; } footer .social-icons li { float:left; margin-right:10px; margin-bottom:0; } .widget_footer_links ul li:first-child { padding-top:0; } .widget_contact_details ul, .widget_flickr ul, .widget_footer_links ul, .widget_tweetbox ul, .footer-links, .widget_popular_entries li, .widget_popular_entries ul { padding-left:0; list-style:none; } /* Styled Elements -------------------------------------------------------------- */ .portfolio-thumb img, .post-thumb img { width:100%; float:left; } .portfolio-thumb .thick-border, .post-thumb .thick-border, .thumb.thick-border, .portfolio-slider li, .thick-border { background-color:#e7e7e7; border: 5px solid #e7e7e7; border-radius: 5px 5px 0px 0px; float: left; position: relative; behavior: url(PIE.html); z-index:5; } .portfolio-container li.portfolio.one-column:hover .portfolio-thumb .thick-border { border-color:#e7e7e7; } .team-member .thumb.thick-border , .team-member .thumb.thick-border > img, .portfolio-slider li, .portfolio-slider li img , .blog-post .post-thumb img, .blog-post .thick-border, #map .thick-border, .comment-author img, .post-author-details img, .portfolio.one-column .thick-border, .portfolio.one-column .thick-border img, .portfolio.one-column .image-overlay, .team.thick-border { border-radius:5px; } .thick-border > img, .thick-border.alignright { margin:0;} .post-desc .thick-border.alignright { margin-left:20px; margin-bottom:20px; } .thumb.thick-border > img, .thumb.thick-border, .thumb { float: left; } .related-works .thick-border, .related-works .thick-border > img, .rounded-corner, .thick-border > img, .intro-2 img, .image-overlay { border-radius:5px 5px 0px 0px; } #primary.content-full-width #map .thick-border { background-color:transparent; width: 99%; } #primary #map .thick-border, .with-left-sidebar #map .thick-border { width:98.5%; } /* LIsts -------------------------------------------------------------- */ ul.fancy-list { list-style-type:none; list-style-position:outside; } ul.fancy-list li { display:block; position:relative; padding-left:0px; line-height:normal; margin-bottom:10px; } ul.fancy-list li:last-child { margin-bottom:0; } ul.fancy-list li ul, ul.portfolio-carousel { padding-left:0px; } .quotes.aligncenter { margin-right:0; } ul.fancy-list.arrow li { padding-left:15px; } ul.fancy-list li:before { font-family:FontAwesome; font-style:normal; color:#333334; font-weight:normal; text-decoration:inherit; font-size:14px; position:absolute; top:3px; left:0px; } ul.fancy-list.arrow li:before { content:"\f105"; } ul.fancy-list.rounded-arrow li:before { content:"\f0a9"; } ul.fancy-list.double-arrow li:before { content:"\f101"; } ul.fancy-list.heart li:before { content:"\f004"; font-size:12px; } ul.fancy-list.trash li:before { content:"\f014"; } ul.fancy-list.star li:before { content:"\f005"; } ul.fancy-list.tick li:before { content:"\f00c"; } ul.fancy-list.rounded-tick li:before { content:"\f058"; } ul.fancy-list.cross li:before { content:"\f00d"; } ul.fancy-list.rounded-cross li:before { content:"\f057"; } ul.fancy-list.rounded-question li:before { content:"\f059"; } ul.fancy-list.rounded-info li:before { content:"\f05a"; } ul.fancy-list.delete li:before { content:"\f05e"; } ul.fancy-list.warning li:before { content:"\f071"; } ul.fancy-list.comment li:before { content:"\f075"; } ul.fancy-list.edit li:before { content:"\f044"; } ul.fancy-list.share li:before { content:"\f064"; } ul.fancy-list.plus li:before { content:"\f067"; } ul.fancy-list.rounded-plus li:before { content:"\f055"; } ul.fancy-list.minus li:before { content:"\f068"; } ul.fancy-list.rounded-minus li:before { content:"\f056"; } ul.fancy-list.asterisk li:before { content:"\f069"; } ul.fancy-list.cart li:before { content:"\f07a"; } ul.fancy-list.folder li:before { content:"\f07b"; } ul.fancy-list.folder-open li:before { content:"\f07c"; } ul.fancy-list.desktop li:before { content:"\f108"; } ul.fancy-list.tablet li:before { content:"\f10a"; } ul.fancy-list.mobile li:before { content:"\f10b"; } ul.fancy-list.reply li:before { content:"\f112"; } ul.fancy-list.quote li:before { content:"\f10d"; } ul.fancy-list.mail li:before { content:"\f0e0"; } ul.fancy-list.external-link li:before { content:"\f08e"; } ul.fancy-list.adjust li:before { content:"\f042"; } ul.fancy-list.pencil li:before { content:"\f040"; } ul.fancy-list.print li:before { content:"\f02f"; } ul.fancy-list.tag li:before { content:"\f02b"; } ul.fancy-list.thumbs-up li:before { content:"\f088"; } ul.fancy-list.thumbs-down li:before { content:"\f087"; } ul.fancy-list.time li:before { content:"\f017"; } ul.fancy-list.globe li:before { content:"\f0ac"; } ul.fancy-list.pushpin li:before { content:"\f08d"; } ul.fancy-list.map-marker li:before { content:"\f041"; } ul.fancy-list.link li:before { content:"\f0c1"; } ul.fancy-list.paper-clip li:before { content:"\f0c6"; } ul.fancy-list.download li:before { content:"\f019"; } ul.fancy-list.key li:before { content:"\f084"; } ul.fancy-list.search li:before { content:"\f002"; } ul.fancy-list.rss li:before { content:"\f09e"; } ul.fancy-list.twitter li:before { content:"\f099"; } ul.fancy-list.facebook li:before { content:"\f09a"; } ul.fancy-list.linkedin li:before { content:"\f0e1"; } ul.fancy-list.google-plus li:before { content:"\f0d5"; } ul.fancy-list.check li:before { content:"\f046"; } ul.fancy-list.hand li:before { content:"\f0a4"; } ul.fancy-list.cog li:before { content:"\f013"; } ul.fancy-list.play li:before { content:"\f01d"; } ul.fancy-list.green li:before { color:#7aa127; } ul.fancy-list.orange li:before { color:#f39d12; } ul.fancy-list.blue li:before { color:#3498db; } ul.fancy-list.pink li:before { color:#e67fb9; } ul.fancy-list.red li:before { color:#e74d3c; } ul.fancy-list.purple li:before { color:#9c59b6; } ul.fancy-list.ocean li:before { color:#1abc9c; } ul.fancy-list.slateblue li:before { color:#836fff; } ul.fancy-list.skyblue li:before { color:#00bfff; } ul.fancy-list.coral li:before { color:#ff7f50; } ul.fancy-list.khaki li:before { color:#b6af55; } ul.fancy-list.cyan li:before { color:#00cdcd; } ul.fancy-list.grey li:before { color:#8e8e8e; } ul.fancy-list.gold li:before { color:#e0a81c; } ul.fancy-list.chocolate li:before { color:#cd661d; } ul.fancy-list.raspberry li:before { color:#a23b6f; } ul.fancy-list.electricblue li:before { color:#536878; } ul.fancy-list.eggplant li:before { color:#614051; } ul.fancy-list.ferngreen li:before { color:#4f7942; } ul.fancy-list.palebrown li:before { color:#987654; } ol.fancy-list li span { color:#333334; } ol.decimal { list-style:decimal inside; } ol.decimal-leading-zero { list-style:decimal-leading-zero inside; } ol.lower-alpha { list-style:lower-alpha inside; } ol.lower-roman { list-style:lower-roman inside; } ol.upper-alpha { list-style:upper-alpha inside; } ol.upper-roman { list-style:upper-roman inside; } ol.fancy-list.green li { color:#7aa127; } ol.fancy-list.orange li { color:#f39d12; } ol.fancy-list.blue li { color:#3498db; } ol.fancy-list.pink li { color:#e67fb9; } ol.fancy-list.red li { color:#e74d3c; } ol.fancy-list.purple li { color:#9c59b6; } ol.fancy-list.ocean li { color:#1abc9c; } ol.fancy-list.slateblue li { color:#836fff; } ol.fancy-list.skyblue li { color:#00bfff; } ol.fancy-list.coral li { color:#ff7f50; } ol.fancy-list.khaki li { color:#b6af55; } ol.fancy-list.cyan li { color:#00cdcd; } ol.fancy-list.grey li { color:#8e8e8e; } ol.fancy-list.gold li { color:#e0a81c; } ol.fancy-list.chocolate li { color:#cd661d; } ol.fancy-list.raspberry li { color:#a23b6f; } ol.fancy-list.electricblue li { color:#536878; } ol.fancy-list.eggplant li { color:#614051; } ol.fancy-list.ferngreen li { color:#4f7942; } ol.fancy-list.palebrown li { color:#987654; } ul.fancy-list li { display: block; line-height: normal; padding-left: 20px; position: relative; } /* Alert Boxes -------------------------------------------------------------- */ .error-box, .warning-box, .success-box, .info-box { margin-bottom:20px; padding:15px 15px 15px 39px; clear:both; border-radius :5px; } .error-box a, .warning-box a, .success-box a, .info-box a { text-decoration:underline; } .error-box { background:#ffcccc; border:1px solid #ff9999; color:#d01313; position:relative; } .error-box:before, .warning-box:before, .success-box:before, .info-box:before { top:13px; left:10px; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:25px; position:absolute; } .error-box:before { content:"\f057"; color:#C54228; } .warning-box { background:#fdebae; border:1px solid #e6c555; color:#c79d13; position:relative; } .warning-box:before { content:"\f06a"; color:#e2b828; } .success-box { background:#c0df89; border:1px solid #a0ce4e; color:#466c00; position:relative; text-shadow:1px 1px 0px #e3f1cb; } .success-box:before { content:"\f058"; color:#75b632; } .info-box { background:#bfe4f9; border:1px solid #68a2cf; color:#2081b9; position:relative; } .info-box:before { content:"\f05a"; color:#008bc1; } .error-box a { color:#d01313; } .warning-box a { color:#c79d13; } .success-box a { color:#7ba411; } .info-box a { color:#2081b9; } /* Style Picker -------------------------------------------------------------- */ .empire-style-picker-wrapper { position:fixed; z-index:99999; left:0px; top:150px; } #empire-style-picker { background:#ffffff; width:225px; float:left; position:absolute; top:0px; z-index:1; margin:0px; padding:0px 0px 10px; text-align:center; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); } #empire-style-picker h2 { background:url(images/style-picker/title-bg.jpg) repeat-x; font:normal 12px Tahoma, Geneva, sans-serif; text-transform:uppercase; line-height:48px; width:100%; color:#848484; margin:0px 0px 15px; padding:0px; } #empire-style-picker h3 { font:normal 12px Tahoma, Geneva, sans-serif; padding:0px 0px 10px; width:100%; color:#848484; margin:0px; text-transform:uppercase; } #empire-style-picker ul { float:left; margin:0px; padding:0px; text-align:center; width:225px; } #empire-style-picker ul li { display:inline-block; display:inline; list-style-type:none; padding:0px; margin:0px 0px 6px 0px; } #empire-style-picker ul li a { background:#ffffff; border:1px solid #ffffff; padding:2px; display:inline-block; margin:0px; line-height:0; } #empire-style-picker ul li a.selected, #empire-style-picker ul li a:hover { border:1px solid #d7d7d7; } #empire-style-picker ul li a img { border:1px solid #d7d7d7; } #empire-style-picker .hr { background:url(images/style-picker/seperator.png) no-repeat; width:100%; height:25px; margin:-10px 0px 10px; float:left; } .style-picker-ico { position:absolute; top:25px; left:225px; } /* Go to top */ #toTopHover { background: url(images/ui.totop.png) no-repeat scroll left -38px transparent; display: block; float: left; height: 38px; opacity: 0; overflow: hidden; transition:none; width: 37px; } #toTop { background: url(images/ui.totop.png) no-repeat scroll left top transparent; border: medium none; bottom: 65px; display: none; height: 38px; overflow: hidden; position: fixed; right: 30px; text-decoration: none; text-indent: 100%; width: 37px; z-index:99999; } /* Icon Box */ .ico-type-one { position:relative; text-align:center; } .ico { float: left; font-size: 23px; height: 23px; line-height: 18px; margin: 0 10px 0 0; width: 23px; } .ico-type-one .ico-content { border-radius: 3px 3px 3px 3px; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3); padding: 55px 20px 20px; } .theme-icon-box { color: #FFFFFF; } .ico-type-one .ico { -moz-box-sizing: content-box; border-radius: 100px 100px 100px 100px; float: none; font-size: 25px; left: 50%; line-height: 24px; margin: 0 0 0 -28px; padding: 18px; position: absolute; top: -26px; } .ico-title { border: medium none; font-weight:bold; clear: none; font-size: 16px; letter-spacing: 1px; margin: 0 0 16px; overflow: hidden; padding: 0; position: relative; text-transform: uppercase; } .ico-type-one p { margin-bottom:10px; } iframe { width:99.7%; } .shop-three-col .woocommerce ul.products li.product { width: 31.2%; }