/* Theme Name: Business Hub Theme URI: http://demo.rigorousthemes.com/business-hub Author: Rigorous Themes Author URI: http://rigorousthemes.com/ Description: Business Hub is a clean, responsive corporate theme with elegant design suitalbe for business, corporates, NGO and INGO, general and multipurposes websites. It comes with a highly customizable theme option panel that let you manage the website at an instant. Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: business-hub Tags: custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, fluid-layout, full-width-template, red, blue, light, one-column, responsive-layout, silver, sticky-post, theme-options, threaded-comments, translation-ready, white, left-sidebar, right-sidebar This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Blog Lite is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Most useful classes # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Asides ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; -webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; -ms-transition: all ease 0.2s; -o-transition: all ease 0.2s; transition: all ease 0.2s; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; max-width: 100%; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ html { font-size: 15px; -ms-word-break: break-word; word-break: break-word; } body, button, input, select, textarea { color: #333; font-family: 'Merriweather', serif; font-size: 1rem; line-height: 1.6; } h1, h2, h3, h4, h5, h6 { clear: both; font-family: 'Ubuntu', sans-serif; font-weight: 100; text-transform: capitalize; } h1 { font-size: 40px; } h2 { font-size: 32px; } h3 { font-size: 25px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 15px; } p { margin-top: 0; margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 0.5em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } table { margin: 0 0 1.5em; width: 100%; } .container { display: block; max-width: 1170px; margin: 0 auto; width: 100%; clear: both; } .container:before, .container:after { clear: both; content: ""; display: block; } /*-------------------------------------------------------------- # Most useful classes --------------------------------------------------------------*/ .pad5 { padding-top: 5px; } .pad10 { padding: 5px 0; } .pad15 { padding-top: 15px; } .pad20 { padding: 10px; } .pad30 { padding: 15px; } .pad40 { padding: 20px; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-lowercase { text-transform: lowercase; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-purple { color: #B66593; } a.btn { color: #333; -webkit-border-radius: 2px; border-radius: 2px; } .btn.btn-ghost { border-color: #b66593; padding: 15px 20px; } .btn.btn-ghost:hover { background: #333; color: #FFF; border-color: #333; } .btn.btn-filled { background: #b66593; color: #FFF; border-color: #b66593; } .btn.btn-filled:hover { background: none; color: #000; border-color: #b66593; } .inner-heading { line-height: 1; margin: 0; margin-bottom: 25px; } .section-content-wrapper { padding-left: 40px; } .btn { border: 1px solid #555; font-family: 'Ubuntu', sans-serif; padding: 0.7rem 2rem; text-decoration: none; display: inline-block; text-transform: capitalize; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; } .double-arrow-list ul { list-style: none; padding-left: 20px; } .double-arrow-list li { margin-bottom: 10px; position: relative; } .double-arrow-list li:before { content: "\f101"; font-family: "fontawesome"; position: absolute; left: -20px; } .rws-business-social-icons a { font-size: 0 !important; } .rws-business-social-icons-btn a, .rws-business-social-icons-btn a:visited { font-size: 0; display: inline-block; line-height: 38px; width: 38px; height: 38px; text-align: center; text-decoration: none; background-color: #C17098; color: #fff; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; margin-left: 5px; margin-right: 5px; -webkit-transition: transform ease 1.2s; -moz-transition: transform ease 1.2s; -ms-transition: transform ease 1.2s; -o-transition: transform ease 1.2s; transition: transform ease 1.2s; } .rws-business-social-icons-btn a:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .rws-business-social-icons a:before, .rws-business-social-icons-btn a:before { font-family: "FontAwesome"; font-size: 14px; } .rws-business-social-icons a:before{ height:inherit; width:inherit; } .rws-business-social-icons a:hover{ background-color:#333; color: #FFF; } .rws-business-social-icons-btn a:hover:before{ color:#fff; } .rws-business-social-icons a[href*="facebook.com"]:before, .rws-business-social-icons-btn a[href*="facebook.com"]:before { content: "\f09a"; } .rws-business-social-icons a[href*="twitter.com"]:before, .rws-business-social-icons-btn a[href*="twitter.com"]:before { content: "\f099"; } .rws-business-social-icons a[href*="linkedin.com"]:before, .rws-business-social-icons-btn a[href*="linkedin.com"]:before { content: "\f0e1"; } .rws-business-social-icons a[href*="plus.google.com"]:before, .rws-business-social-icons-btn a[href*="plus.google.com"]:before { content: "\f0d5"; } .rws-business-social-icons a[href*="youtube.com"]:before, .rws-business-social-icons-btn a[href*="youtube.com"]:before { content: "\f167"; } .rws-business-social-icons a[href*="dribbble.com"]:before, .rws-business-social-icons-btn a[href*="dribbble.com"]:before { content: "\f17d"; } .rws-business-social-icons a[href*="pinterest.com"]:before, .rws-business-social-icons-btn a[href*="pinterest.com"]:before { content: "\f0d2"; } .rws-business-social-icons a[href*="github.com"]:before, .rws-business-social-icons-btn a[href*="github.com"]:before { content: "\f113"; } .rws-business-social-icons a[href*="flickr.com"]:before, .rws-business-social-icons-btn a[href*="flickr.com"]:before { content: "\f16e"; } .rws-business-social-icons a[href$="/feed/"]:before, .rws-business-social-icons-btn a[href$="/feed/"]:before { content: "\f09e"; } .rws-business-social-icons a[href*="instagram.com"]:before, .rws-business-social-icons-btn a[href*="instagram.com"]:before { content: "\f16d"; } .rws-business-social-icons a[href*="mailto:"]:before, .rws-business-social-icons-btn a[href*="mailto:"]:before { content: "\f0e0"; } .rws-business-social-icons a[href*="wordpress.org"]:before, .rws-business-social-icons-btn a[href*="wordpress.org"]:before { content: "\f19a"; } .rws-business-social-icons a[href*="facebook.com"]:hover:before { color: #3c5899; } .rws-business-social-icons-btn a[href*="facebook.com"]:hover { background: #3c5899; } .rws-business-social-icons a[href*="twitter.com"]:hover:before { color: #55ACEE; } .rws-business-social-icons-btn a[href*="twitter.com"]:hover { background: #55ACEE; } .rws-business-social-icons a[href*="linkedin.com"]:hover:before { color: #007AB5; } .rws-business-social-icons-btn a[href*="linkedin.com"]:hover { background: #007AB5; } .rws-business-social-icons a[href*="plus.google.com"]:hover:before { color: #DC483C; } .rws-business-social-icons-btn a[href*="plus.google.com"]:hover { background: #DC483C; } .rws-business-social-icons a[href*="youtube.com"]:hover:before { color: #E12B28; } .rws-business-social-icons-btn a[href*="youtube.com"]:hover { background: #E12B28; } .rws-business-social-icons a[href*="dribbble.com"]:hover:before { color: #F26798; } .rws-business-social-icons-btn a[href*="dribbble.com"]:hover { background: #F26798; } .rws-business-social-icons a[href*="pinterest.com"]:hover:before { color: #CC2127; } .rws-business-social-icons-btn a[href*="pinterest.com"]:hover { background: #CC2127; } .rws-business-social-icons a[href*="github.com"]:hover:before { color: #323131; } .rws-business-social-icons-btn a[href*="github.com"]:hover { background: #323131; } .rws-business-social-icons a[href*="flickr.com"]:hover:before { color: #FF0084; } .rws-business-social-icons-btn a[href*="flickr.com"]:hover { background: #FF0084; } .rws-business-social-icons a[href$="/feed/"]:hover:before { color: #F90; } .rws-business-social-icons-btn a[href$="/feed/"]:hover { background: #F90; } .rws-business-social-icons a[href*="instagram.com"]:hover:before { color: #D5C2B1; } .rws-business-social-icons-btn a[href*="instagram.com"]:hover { background: #D5C2B1; } .rws-business-social-icons a[href*="mailto:"]:hover:before { color: #DFE0E4; } .rws-business-social-icons-btn a[href*="mailto:"]:hover { background: #DFE0E4; } .rws-business-social-icons a[href*="wordpress.org"]:hover:before { color: #464646; } .rws-business-social-icons-btn a[href*="wordpress.org"]:hover { background: #464646; } /*-------------------------------------------------------------- # Layout, pages & section styles --------------------------------------------------------------*/ /* Layout Styles */ /* ------------------------------------ */ .one-half { width: 50%; float: left; } .one-half:nth-child(2):after { content: ""; clear: both; } /* Top bar styles */ /* ------------------------------------ */ #top-bar { background: #333; padding: 10px 0; } #top-bar a { color: #ccc; font-size: 0.8rem; text-decoration: none; } .top-social-icons ul { margin: 0; } .top-social-icons ul li { display: inline-block; margin-right: 15px; } .top-social-icons ul li:last-child { margin-right: 0; } /* Header styles */ /* ------------------------------------ */ body > header { position: relative; z-index: 9; } body > header:not(.main-page-header) { border-bottom: 1px solid #ddd; padding-bottom: 25px; margin-bottom: 25px; } body > header.main-page-header { position: absolute; z-index: 1; width: 100%; display: block; top: 0; } .site-branding { float: left; width: 30%; } .site-branding h1 { color: #B66593; line-height: 1; margin-bottom: 0; } .site-branding h1 a, .site-branding h1 a:hover, .site-branding h1 a:focus { color: #B66593; font-size: 25px; font-weight: 500; text-decoration: none; } .site-description { margin-top: 0; font-family: "Ubuntu", serif; } /* Layout styles */ /* ------------------------------------ */ #primary, #secondary { display: inline-block; } #primary { width: 70%; } #primary.alignleft { margin-right: 2%; overflow: hidden; } #primary.alignright { margin-left: 2%; } #secondary { width: 28%; } #secondary .widget-title, .widgettitle { background: #f1f1f1; border: 1px solid #ddd; border-bottom: none; font-size: 20px; margin-bottom: 0; padding: 0.5rem 1rem; position: relative; } #secondary .widget-title:after, .widgettitle:after { content: ""; border-style: solid; border-width: 7px 7px 0; border-color: #f1f1f1 transparent; left: 10px; bottom: -6px; position: absolute; } #secondary .widget-title:before, .widgettitle:before { content: ""; left: 8px; border-style: solid; border-width: 9px 9px 0; border-color: #ddd transparent; bottom: -7px; position: absolute; z-index: -1; } #secondary ul { list-style: none; margin-left: 0; padding: 0; border: 1px solid #ddd; font-size: 13px; } #secondary ul li { border-bottom: 1px solid #ddd; padding: 0.5rem; } #secondary ul li:first-child { padding-top: 10px; } #secondary ul li:last-child { border-bottom: none; } #secondary a { color: #333; text-decoration: none; } #secondary a:hover, #secondary a:visited { color: #666; } .navigation.post-navigation { border-bottom: 2px solid #EEE; padding-bottom: 50px; } .nav-links { border-top: 1px solid #f1f1f1; } .nav-links a { -webkit-border-radius: 20px; border-radius: 20px; display: inline-block; padding: 5px 20px 5px 35px; position: relative; text-decoration: none; } .nav-links .nav-next a { } .nav-links a:before { font-family: "fontawesome"; line-height: 25px; position: absolute; z-index: 1; vertical-align: middle; top: 0; line-height: 2.4; } .nav-links .nav-previous a:before { content: "\f100"; left: 10%; } .nav-links .nav-next a:before { content: "\f101"; right: 10%; } .comment-list { list-style: none; margin-left: 0; padding-left: 0; } .comment-list .comment-meta { font-family: "Ubuntu", sans-serif; border-bottom: 1px solid #ddd; background: #f1f1f1; padding: 10px 20px; } .comment-body .reply a { color: #953163; text-transform: uppercase; text-decoration: none; } .comment-body .reply a:before { content: "\f112"; display: inline-block; font-family: "fontawesome"; margin-right: 3px; font-size: 14px; } .comment-list .comment-meta .comment-author.vcard { float: left; } .comment-list .comment-meta .comment-author.vcard a { color: #000; font-weight: 500; text-decoration: none; } .comment-list .comment-meta .comment-author.vcard img { margin-right: 5px; vertical-align: middle; border: 1px solid #b66593; padding: 1px; height: 35px; width: 35px; } .comment-list .comment-meta .comment-metadata { float: right; line-height: 32px; } .comment-list .comment-meta .comment-metadata a { text-decoration: none; color: #333; font-size: 13px; } .comment-list .comment-meta .comment-metadata a time:before { content: "\f073"; font-family: "fontawesome"; } .comment-list .comment-meta:after { content: ""; clear: both; display: block; height: 1px; } .comment-list > li { border: 1px solid #ddd; margin-bottom: 25px; } .comment-list .comment-content { padding: 10px 20px; } .comment-list .comment-meta img { -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; } .comment-list .reply { padding: 0 20px 10px; } .comments-area .comment-respond { background: url("images/noise.png") repeat; border: 1px solid #ddd; margin-bottom: 50px; } .comments-area .comment-respond .comment-form-comment { float: left; width: 58%; margin-right: 2%; } .comments-area .comment-respond .comment-form { padding: 20px; } .comments-area .comment-respond #cancel-comment-reply-link { font-size: 14px; color: #fff; text-decoration: none; background: #333; padding: 8px 10px; text-transform: uppercase; border-radius: 4px; display: inline-block; float: right; } .comments-area .comment-respond #cancel-comment-reply-link:hover { background: #b66593; } #comments .comment-reply-title { background: rgba(0, 0, 0, 0.08); border: 1px solid #ddd; padding: 10px 20px; margin: 0; } .comment-list ol.children { list-style: none; padding-left: 0; margin-right: 0; } .comment-list ol.children ol.children { position: relative; } .comment-list ol.children ol.children:before { content: "\f064"; color: #E2E2E2; font-family: "fontawesome"; font-size: 14px; position: absolute; top: 0; right: 100.5%; -moz-transform: scale(1, -1); -webkit-transform: scale(1, -1); -o-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } .comment-list ol.children ol.children:hover:before { color: #b66593; } .comment-list ol.children li { position: relative; } .comment-list ol.children li .comment-respond { border-right: 0; } .comment-list ol.children li:before { } .comment-list ol.children .comment-meta { background: #fbfbfb; } .comment-list .comment-author.vcard b { font-weight: 400; } .comment-list ol.children .comment-body { border: 1px solid #ddd; border-bottom-width: 4px; border-right: 0px; margin-bottom: 15px; } /* Hero-unit */ /* ------------------------------------ */ html, body, .hero-unit { height: 100%; } .hero-unit { position: relative; overflow: hidden; z-index: 0; } #hero-unit-slider li { position: relative; overflow: hidden; } #hero-unit-slider li > img { width: 100%; } .hero-unit-content { position: absolute; top: 20%; } .hero-unit-content h2 { color: #222; font-size: 85px; margin-bottom: 20px; } .hero-unit-content h3 { border-top: 1px solid #333; border-bottom: 1px solid #333; display: inline-block; font-family: "merriweather", sans-serif; font-weight: 300; font-size: 40px; margin: 0; padding: 5px 0; text-transform: initial; } .hero-unit-content .btn-wrapper { margin-top: 50px; } .hero-unit-content .btn-wrapper .btn { padding: 15px 50px; margin-right: 10px; background: #333; color: #FFF; border: 2px solid #333; } .hero-unit-content .btn-wrapper .btn.btn-ghost:hover { background: #222; border-color: #222; } .hero-unit-content .btn.btn-filled { background: #b66593; color: #FFF; border: 2px solid #b66593; } .hero-unit-content .btn.btn-filled:hover { background: #944573; } /* Services */ /* ------------------------------------ */ .services { margin: 50px 0; } .services .single-service-thumb { float: left; padding: 10px; text-align: center; width: 25%; } .services .single-service-thumb:hover .services-icon { } .single-service-thumb .services-icon { background: #eee; -webkit-border-radius: 50%; border-radius: 50%; color: #B66593; display: inline-block; background: transparent; border: 2px solid transparent; font-size: 40px; position: relative; line-height: 136px; height: 136px; width: 136px; text-align: center; } .single-service-thumb .services-icon:after { content: ""; position: absolute; display: block; top: -5px; bottom: -5px; left: -5px; right: -5px; border: 2px solid #B66593; -webkit-border-radius: 50%; border-radius: 50%; } .services .single-service-thumb:hover .services-icon, .single-service-thumb .services-icon:hover { background: #B66593; color: #fff; } .single-service-thumb .btn:hover { background: #333; color: #fff; } /* About */ /* ------------------------------------ */ .about { background: url("images/noise.png") repeat; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; margin: 50px 0; padding: 50px 0; } .about .img-wrapper img { display: block; position: relative; width: 100%; } .about .unslider-arrow.next, .about .unslider-arrow.prev { background: rgba(0, 0, 0, 0.6); top: 0; bottom: 0; text-align: center; font-size: 40px; color: #fff; padding: 30% 0; width: 40px; } .about .unslider-arrow.next { right: 0; } .about .unslider-arrow.prev { left: 0; } /* Features /* ------------------------------------ */ .features-list:after { content: ""; clear: both; display: block; } .features-list .icon { background: #B66593; -webkit-border-radius: 50%; border-radius: 50%; color: #fff; font-size: 22px; float: left; display: inline-block; height: 50px; line-height: 50px; text-align: center; width: 50px; } .features-list .list-content { float: right; width: 88%; } .features-list .list-content h3 { line-height: 1; margin: 0; margin-bottom: 10px; } .features-list .list-content h3 a { text-decoration: none; color: #333; } .features-list .list-content h3 a:hover { color: #C17098; } /* Blog posts */ /* ------------------------------------ */ .blog-posts { margin: 50px 0; padding: 50px 0; background: #333 url(images/blur-bg.jpg) no-repeat center center; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; } .blog-posts h2 { color: #FFF; } .blog-posts .thumbnail { background: #fff; -webkit-box-shadow: 0 0 3px #111; box-shadow: 0 0 3px #111; float: left; width: 31.5%; padding: 15px; } .blog-posts .thumbnail:nth-child(3n) { margin: 0 2.75%; } .blog-posts .thumbnail:last-child:after { content: ""; clear: both; } .blog-posts .img-wrapper { display: block; overflow: hidden; position: relative; } .blog-posts .img-wrapper:after { content: ""; background: rgba(182, 101, 147, 0.8); display: block; top: 50%; bottom: 50%; left: 50%; opacity: 0.8; right: 50%; position: absolute; z-index: 8; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } .blog-posts .thumbnail:hover .img-wrapper:after { top: 0; bottom: 0; left: 0; right: 0; } .blog-posts .img-wrapper img { display: block; width: 100%; } .blog-posts .img-wrapper .fa { position: absolute; bottom: 100%; font-size: 30px; color: #fff; z-index: 9; width: 100%; text-align: center; text-shadow: 1px 1px 5px #000; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .blog-posts .thumbnail:hover .img-wrapper .fa { bottom: 46%; } .thumbnail-content h4 { margin: 10px 0 0; line-height: 1; } .thumbnail-content h4 a { color: #000; text-decoration: none; } .thumbnail-content h4 a:hover { color: #B66593; } .thumbnail-content h4 + .author { color: #999; display: block; font-size: 12px; font-family: "Ubuntu", serif; margin-bottom: 5px; } .thumbnail-content .btn { border: 2px solid #B66593; } .thumbnail-content .btn:hover { border-color: #AA5184; background: #B66593; color: #fff; } /* Testimonials */ /* ------------------------------------ */ .testimonials { margin: 50px 0; text-align: center; } #testimonials-slider { min-height: 200px; } .testimonials .img-wrapper { display: inline-block; -webkit-border-radius: 50%; border-radius: 50%; border: 3px solid #B66593; padding: 3px; } .testimonials a { text-decoration: none; } .testimonials .img-wrapper img { -webkit-border-radius: 50%; border-radius: 50%; display: block; max-width: 105px; } .testimonials .quote { font-size: 24px; color: #666; font-style: italic; position: relative; } .testimonials .quote:after { content: "\f10d"; color: #F8F8F8; font-family: "fontawesome"; font-size: 90px; font-style: normal; line-height: 1; position: absolute; top: -45%; left: 38%; z-index: -1; } .testimonials .quote p:last-child { margin-bottom: 0; } .testimonials .quote p.client { font-size: 14px; color: #999; margin-top: -30px; font-style: italic; } /* Banner-box */ /* ------------------------------------ */ .banner-box { background: #B66593; padding: 50px 0; } .banner-box .banner-content, .banner-box .button-wrapper { color: #FFF; display: table-cell; vertical-align: middle; } .banner-box .banner-content { width: 75%; } .banner-box .banner-content h2 { margin-bottom: 10px; } .banner-box .button-wrapper { width: 25%; padding: 0 1%; } .banner-box .button-wrapper .btn { display: block; text-align: center; color: #FFF; border: 2px solid #fff; padding: 20px; } .banner-box .button-wrapper .btn:hover { border-color: #323232; background: #333; } /* Clients */ /* ------------------------------------ */ .clients { padding: 60px 0 100px; } .client-logo-wrapper { text-align: center; } .client-logo-wrapper img { margin: 0 30px; -webkit-filter: grayscale(1); filter: grayscale(1); cursor: pointer; opacity: 0.5; -webkit-transition: all ease 0.25s; -moz-transition: all ease 0.25s; -ms-transition: all ease 0.25s; -o-transition: all ease 0.25s; transition: all ease 0.25s; } .client-logo-wrapper img:hover { opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0); } /* footer */ /* ------------------------------------ */ #footer { color: #FFF; position: relative; padding-top: 50px; } #footer .dark-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #333 url(images/contact-bg.jpg) no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-attachment: fixed; z-index: -1; } .dark-overlay:after { content: ""; background: rgba(0, 0, 0, 0.5); display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } #footer .container h2 { margin-top: 0; margin-bottom: 50px; } #footer address, #footer h3 { font-family: "Ubuntu", serif; font-size: 24px; font-style: normal; font-weight: 300; margin-bottom: 10px; } #footer .logo { font-size: 32px; font-weight: 500; margin: 0; } #footer address p { margin: 15px; } address .fa { margin-right: 10px; } .footer-social-icons ul, .bottom-footer-bar ul { list-style: none; margin: 0; padding: 0; } .footer-social-icons ul li, .bottom-footer-bar ul li { display: inline-block; } .bottom-footer-bar { background: #B66593; padding: 15px 0; font-size: 14px; font-family: "Ubuntu", serif; color: #FFF; text-decoration: none; margin-top: 50px; } .bottom-footer-bar a { color: #FFF; margin-left: 15px; text-decoration: none; } .bottom-footer-bar a:after { content: "|"; margin-left: 7px; font-size: 10px; color: #ddd; vertical-align: middle; } .bottom-footer-bar li:last-child a:after { display: none; } .bottom-footer-bar a:hover, .bottom-footer-bar a:visited { color: #FFF; } .bottom-footer-bar p { margin-bottom: 0; } #footer .contact-form-wrapper .wpcf7 > form > p { position: relative; } #footer ::-webkit-input-placeholder { color: #fff; } #footer :-moz-placeholder { /* Firefox 18- */ color: #fff; } #footer ::-moz-placeholder { /* Firefox 19+ */ color: #fff; } #footer :-ms-input-placeholder { color: #fff; } #footer .contact-form-wrapper input, #footer .contact-form-wrapper textarea { padding: 15px 40px 15px 20px; display: block; background: none; -webkit-border-radius: 0; border-radius: 0; border: 2px solid #C17098; font-family: "Ubuntu", serif; font-size: 18px; width: 100%; position: relative; z-index: 2; color: #FFF; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } #footer .contact-form-wrapper input:focus, #footer .contact-form-wrapper textarea:focus{ color: #fff; border: 2px solid #fff; outline: none; } #footer .contact-form-wrapper input { height: 50px; } #footer .contact-form-wrapper textarea { height: 175px; } #footer .contact-form-wrapper .name { width: 48.5%; float: left; } #footer .contact-form-wrapper .form-control-input-wrapper { position: relative; display: block; margin-bottom: 20px; } #footer .contact-form-wrapper .form-control-input-wrapper:after { font-family: "fontawesome"; color: #FFF; font-size: 18px; position: absolute; line-height: 50px; top: 0; right: 15px; } #footer .contact-form-wrapper .name .form-control-input-wrapper:after { content: "\f007"; } #footer .contact-form-wrapper .subject .form-control-input-wrapper:after { content: "\f0c6"; } #footer .contact-form-wrapper .email .form-control-input-wrapper:after { content: "\f0e0"; } #footer .contact-form-wrapper br { display: none; } #footer .contact-form-wrapper .subject { width: 48.5%; float: right; } #footer .contact-form-wrapper .email:before, #footer .contact-form-wrapper .submit:before { content: ""; clear: both; display: block; } #footer .contact-form-wrapper input[type="submit"] { float: right; height: auto; padding: 17px 70px 17px 50px; background: none; border: 2px solid #C17098; -webkit-box-shadow: none; box-shadow: none; margin-top: 20px; text-shadow: none; width: auto; display: inline-block; font-size: 17px; } #footer .contact-form-wrapper input[type="submit"]:hover { background: #222; border-color: #222; } #footer .contact-form-wrapper .submit { position: relative; } #footer .contact-form-wrapper .submit:after { content: "\f1d9"; font-family: "fontawesome"; pointer-events: none; position: absolute; right: 45px; font-size: 17px; top: 35px; z-index: 2; } #footer .contact-form-wrapper .wpcf7 > form.invalid > p:after { color: #F00; } #footer .contact-form-wrapper span.wpcf7-not-valid-tip { font-size: 11px; font-family: "ubuntu", serif; position: absolute; width: 100%; } #footer input.wpcf7-not-valid, #footer textarea.wpcf7-not-valid { border-left-color: #f00; } div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok { display: block; width: 100%; margin-top: 50px; font-family: "Ubuntu", serif; font-size: 12px; } /*-------------------------------------------------------------- # Woo Commerce --------------------------------------------------------------*/ .woocommerce .woocommerce-breadcrumb { border: 1px solid #ddd; background: #f9f9f9; padding: 10px 15px; } .woocommerce .woocommerce-breadcrumb > a { color: #b66593; text-decoration: none; padding: 0 5px; } .woocommerce .woocommerce-breadcrumb > a:first-child { font-size: 0; } .woocommerce .woocommerce-breadcrumb > a:first-child:after { content: "\f015"; font-family: "fontawesome"; font-size: 15px; } .woocommerce-result-count { background: #eee; border: 1px solid #ddd; width: 80%; padding: 10px; } .woocommerce-ordering { width: 19%; margin-left: 1%; } .woocommerce-ordering .orderby { height: 46px; text-transform: capitalize; padding-left: 5px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { border: 1px solid #ddd; padding: 10px; background: #fff; } .woocommerce ul.products li.product > a { border-bottom: 1px solid #eee; color: #333; display: block; } .woocommerce ul.products li.product a img { margin-bottom: 0; } .woocommerce span.onsale, .woocommerce ul.products li.product .onsale { border-radius: 0; min-height: 0; min-width: 0; line-height: 1; padding: 10px 20px; top: 11px; background: #44BBFF; font-family: "Ubuntu", serif; font-weight: 300; text-transform: uppercase; z-index: 9; } .woocommerce span.onsale:after, .woocommerce ul.products li.product .onsale:after { content: ""; border-top: 0; border-bottom: 5px solid transparent; border-right: 0; border-left: 5px solid #333; position: absolute; top: 100%; right: 0; } .woocommerce ul.products li.product h3 { font-size: 18px; font-family: "Merriweather", sans-serif; padding-bottom: 0; } .woocommerce div.sale.product.type-product > span.onsale:after { right: inherit; left: 0; right: inherit; left: 0; border-top: 0; border-bottom: 7px solid transparent; border-left: 0; border-right: 7px solid #333; } .woocommerce ul.products li.product .price { color: #333; font-family: "Ubuntu", sans-serif; font-size: 15px; } .woocommerce ul.products li.product .price ins { font-weight: 300; } .woocommerce ul.products li.product .price del { display: inline-block; margin-right: 10px; } .woocommerce ul.products li.product .button, .woocommerce ul.products li.product .added_to_cart, .woocommerce button.single_add_to_cart_button, .woocommerce .woocommerce-message a.button { -webkit-border-radius: 4px; border-radius: 4px; color: #fff; font-family: "Ubuntu", sans-serif; font-weight: 300; background: #b66593; text-align: center; border-bottom: 0; line-height: 1; padding: 10px 20px; margin-top: 5px; } .woocommerce button.single_add_to_cart_button { margin-top: 0; } .woocommerce ul.products li.product .button:before { content: "\f07a"; font-family: "fontawesome"; margin-right: 8px; } .woocommerce ul.products li.product .button:hover { background: #935386; } .woocommerce ul.products li.product .added_to_cart, .woocommerce .woocommerce-message a.button { background: #97CE68; } .woocommerce ul.products li.product .added_to_cart:hover, .woocommerce .woocommerce-message a.button:hover { background: #71BA51; } .woocommerce nav.woocommerce-pagination { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 40px; } .woocommerce nav.woocommerce-pagination:after { clear: both; content: ""; display: block; height: 1px; } .woocommerce nav.woocommerce-pagination ul { border: none; display: block; float: right; } .woocommerce nav.woocommerce-pagination ul li { border: none; background: #b66593; margin: 5px 2px; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { color: #fff; font-family: "Ubuntu", serif; padding: 5px 8px; line-height: 1; border: 1px solid #b66593; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: #fff; border: 1px solid #b66593; color: #b66593; } .woocommerce .products { margin-top: 30px; overflow: hidden; } .woocommerce .products h2 { border-bottom: 1px solid #b66593; line-height: 1; background: #b66593; position: relative; display: inline-block; font-size: 24px; text-transform: uppercase; padding: 10px; color: #fff; } .woocommerce .products h2:before { content: ""; border-top: 45px solid transparent; border-left: 25px solid #b66593; bottom: 0; position: absolute; left: 100%; top: 0; } .woocommerce .products h2:after { content: ""; position: absolute; background: #b66593; top: 100%; left: 0; display: block; height: 1px; right: -50em; } .woocommerce div.product .woocommerce-tabs ul.tabs { margin: 0; padding-left: 5px; } .woocommerce div.product .woocommerce-tabs .panel { border: 1px solid #d3ced2; border-top: 0; border-bottom-width: 3px; margin: 0; padding: 5px 20px; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background: #f9f9f9; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-weight: 400; font-family: "Ubuntu", serif; } .woocommerce div.product div.summary { margin-top: 0; } .woocommerce div.product div.summary .product_title { margin: 0; font-size: 30px; font-weight: 500; } .woocommerce div.product div.summary .price { color: #333; } .woocommerce .quantity .qty { height: 35px; width: 100px; } .woocommerce .entry-summary .product_meta { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 14px; padding: 5px; } .woocommerce .product_meta .sku_wrapper:before { content: "\f292"; font-family: "fontawesome"; margin-left: 5px; } .woocommerce .product_meta .posted_in:before { content: "\f07c"; font-family: "fontawesome"; margin-right: 2px; margin-left: 6px; } .woocommerce .product_meta .tagged_as:before { content: "\f02c"; font-family: "fontawesome"; margin-right: 2px; margin-left: 6px; } .woocommerce .product_meta .posted_in a, .woocommerce .product_meta .tagged_as a { text-decoration: none; background: #333; color: #fff; font-size: 12px; padding: 3px 5px; -webkit-border-radius: 3px; border-radius: 3px; vertical-align: middle; } .woocommerce div.product > .images > a { display: block; text-align: center; position: relative; } .woocommerce div.product > .images > a:after { content: "\f065"; font-family: "fontawesome"; text-decoration: none; font-size: 0; position: absolute; top: 50%; color: #FFFFFF; text-shadow: 0 0 2px #B66593; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } .woocommerce div.product > .images > a:hover:after { font-size: 40px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .woocommerce .woocommerce-message { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .woocommerce .star-rating { width: 6.5em; } .woocommerce .star-rating:before, .woocommerce .star-rating span:before { color: #FFD700; letter-spacing: 3px; } .woocommerce .woocommerce-product-rating a { font-family: "Ubuntu", serif; color: #b66593; text-decoration: none; } .woocommerce div.product form.cart { border: 1px solid #fff; -webkit-border-radius: 4px; border-radius: 4px; padding: 20px; background: #f1f1f1; box-shadow: 0 0 1px #ddd; } .woocommerce div.product form.cart .variations select { height: 28px; margin-right: 5px; -webkit-border-radius: 4px; border-radius: 4px; } .woocommerce div.product form.cart .variations label { font-weight: 400; color: #000; text-transform: capitalize; } .woocommerce div.product form.cart .reset_variations { background: #fff; border: 1px solid #ddd; padding: 5px 10px; text-decoration: none; color: #333; -webkit-border-radius: 4px; border-radius: 4px; } .woocommerce div.product form.cart .reset_variations:before { content: "\f00d"; color: #bbb; font-family: "fontawesome"; margin-right: 3px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } .woocommerce div.product form.cart .reset_variations:hover:before { color: #f00; } .woocommerce-variation.single_variation { display: inline-block; margin-bottom: 15px; } .woocommerce #reviews #comments ol.commentlist li .comment-text { position: relative; } .woocommerce #reviews #comments ol.commentlist li .comment-text:before { content: ""; border-bottom: 10px solid transparent; border-right: 10px solid #e4e1e3; border-top: 10px solid transparent; position: absolute; top: 10px; right: 100%; } .woocommerce #reviews #comments ol.commentlist li .comment-text:after { content: ""; border-bottom: 8px solid transparent; border-right: 8px solid #fff; border-top: 8px solid transparent; position: absolute; top: 12px; right: 100%; } .woocommerce .shop_table.shop_table_responsive { -webkit-border-radius: 0; border-radius: 0; border-color: #ddd; } .woocommerce .shop_table.shop_table_responsive thead th { background: #eee; font-family: "Ubuntu", serif; font-weight: 400; text-transform: uppercase; } .woocommerce .shop_table.shop_table_responsive tbody > tr:nth-child(even) { background: #f1f1f1; } .woocommerce .shop_table.shop_table_responsive tbody > tr:last-child td { padding: 20px 10px; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; } .woocommerce a.remove { border-radius: 4px; height: 30px; width: 30px; line-height: 35px; } .woocommerce a.remove:hover { background: #f00; } /*-------------------------------------------------------------- # Slider --------------------------------------------------------------*/ .unslider{overflow:hidden;margin:0;padding:0;position:relative;}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel>li{float:left}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade{position:relative}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}.unslider-arrow{position:absolute;left:0px;z-index:2;cursor:pointer}.unslider-arrow.next{left:auto;right:0} /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, .8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: .6em 1em .4em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { border-color: #aaa #bbb #bbb; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; } select { border: 1px solid #ccc; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] { padding: 3px; } textarea { padding-left: 3px; width: 100%; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: royalblue; } a:visited { color: purple; } a:hover, a:focus, a:active { color: midnightblue; } a:focus { outline: none; } a:hover, a:active { outline: 0; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .main-navigation { display: inline-block; float: right; max-width: 70%; margin-top: 25px; } .main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; } .main-navigation li { float: left; position: relative; } .main-navigation a { border-top: 2px solid transparent; color: #B66593; display: block; font-family: "ubuntu", sans-serif; font-weight: 500; margin: 10px; text-decoration: none; } .main-navigation > ul > li > a { border-top: 2px solid transparent; } .main-navigation #primary-menu > .menu-item-home > a, .main-navigation > ul > li:first-child > a { font-size: 0; } .main-navigation #primary-menu > .menu-item-home > a:after, .main-navigation > ul > li:first-child > a:after { content: "\f015"; color: #b66593; display: block; font-size: 26px; font-family: 'fontawesome'; line-height: 25px; } .main-navigation #primary-menu > .menu-item-home > a:hover:after, .main-navigation > ul > li:first-child > a:hover:after { color: #000; } .main-navigation #primary-menu > .menu-item > a:hover, .main-navigation > ul > li > a:hover { border-top-color: #B66593; color: #333; } .main-navigation #primary-menu > .menu-item > ul:before { content: ""; border-style: solid; border-width: 0 7px 7px; border-color: rgba(255, 255, 255, 1) transparent; bottom: 100%; position: absolute; left: 27px; z-index: 1; top: -7px; } .main-navigation #primary-menu > .menu-item > ul:after { content: ""; border-style: solid; border-width: 0 9px 8px; border-color: #ccc transparent; bottom: 100%; position: absolute; left: 25px; } .main-navigation ul ul { box-shadow: none; float: left; position: absolute; top: 3em; left: -999em; z-index: 99999; background: rgba(255, 255, 255, 1); border: 1px solid #ccc; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul a { border-top: 1px solid #fff; border-bottom: 1px solid #f1f1f1; font-weight: 400; margin: 0; padding: 10px; width: 200px; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; } .main-navigation ul ul li a:hover { background: #F1F1F1; color: #333; } .main-navigation li:hover > a, .main-navigation li.focus > a { } .main-navigation ul ul :hover > a, .main-navigation ul ul .focus > a { } .main-navigation ul ul a:hover, .main-navigation ul ul a.focus { } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { right: 100%; } .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a { } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } @media screen and (min-width: 37.5em) { .menu-toggle { display: none; } .main-navigation ul { display: block; } } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .site-main .comment-navigation a, .site-main .posts-navigation a, .site-main .post-navigation a { line-height: 1; padding: 10px 40px; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; } /* Make sure select elements fit in widgets. */ .widget select { max-width: 100%; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .hentry { margin: 0 0 1.5em; } .hentry .entry-header h2 { line-height: 1; margin: 0; padding: 10px 10px 10px 20px; position: relative; } .hentry .entry-header h2:after { background: #b66593; content: ""; left: 0; top: 8px; bottom: 8px; display: inline-block; position: absolute; width: 15px; -webkit-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; } .hentry .entry-header h2 a { color: inherit; text-decoration: none; } .hentry .entry-content { margin-top: 10px; } .hentry .entry-footer { border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; font-size: 0.8rem; margin-bottom: 50px; padding: 5px 10px; } .hentry .entry-footer a { text-decoration: none; } .hentry .entry-footer > span { border-right: 1px solid #ccc; margin-right: 10px; padding-right: 10px; } .hentry .entry-footer > span:last-child { margin-right: 0; padding-right: 0; border-right: none; } .hentry .cat-links a, .hentry .tags-links a { -webkit-border-radius: 4px; border-radius: 4px; color: #FFF; display: inline-block; font-size: 11px; margin: 1px 0; padding: 2px 4px; text-decoration: none; } .hentry .cat-links a, .hentry .tags-links a { background: #333; } .hentry .cat-links a:hover, .hentry .tags-links a:hover { background: #000; } .hentry .comments-link a { text-decoration: none; } .hentry .byline { display: inline-block; } .hentry .entry-footer > span:before { font-family: "fontawesome"; margin-right: 3px; } .hentry .cat-links:before { content: "\f07c"; } .hentry .comments-link:before { content: "\f086"; } .hentry .posted-on:before { content: "\f073"; } .hentry .byline:before { content: "\f007"; } .hentry .byline:before { content: "\f007"; } .hentry .tags-links:before { content: "\f02c"; } .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- ## Asides --------------------------------------------------------------*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } .widget-area .search-form { padding: 10px; background: #f1f1f1; border: 1px solid #ddd; } .widget-area .search-form .search-field { font-size: 14px; height: 32px; width: 75%; } .widget-area .search-form .search-submit { background: #B66593; box-shadow: none; height: 40px; color: #fff; text-shadow: none; padding: 10px; border: none; float: right; width: 20%; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*-------------------------------------------------------------- ## Media Queries --------------------------------------------------------------*/ @media screen and (max-width: 1190px) { .container { padding: 0 2%; } } @media screen and (max-width: 992px) { .services .single-service-thumb { width: 50%; } .about .one-half:first-child, .features .one-half:first-child { width: 30%; } .about .one-half:last-child, .features .one-half:last-child { width: 70%; } } @media screen and (max-width: 768px) { .one-half, .about .one-half:first-child, .features .one-half:first-child, .about .one-half:last-child, .features .one-half:last-child { width: 100%; } .features .img-wrapper { text-align: center; } .section-content-wrapper { padding: 0; } .features-list .list-content { width: 88%; } .blog-posts .thumbnail, .blog-posts .thumbnail:nth-child(3n), .banner-box .banner-content, .banner-box .button-wrapper { width: 100%; margin: 20px 0; display: block; } .banner-box { text-align: center; } .banner-box .button-wrapper .btn { display: inline-block; width: 30%; } .blog-posts .img-wrapper { width: 30%; float: left; } .blog-posts .thumbnail-content { width: 70%; float: right; padding: 0 20px; } .thumbnail-content .btn { padding: 10px 20px; } } @media screen and (max-width: 500px) { .features-list .list-content { width: 85%; } .blog-posts .img-wrapper, .blog-posts .thumbnail-content { padding: 0; width: 100%; } .blog-posts .thumbnail-content { text-align: center; } address, .footer-social-icons { text-align: center; } .services .single-service-thumb, #footer .contact-form-wrapper .name, #footer .contact-form-wrapper .subject { display: block; float: none; width: 100%; } .bottom-footer-bar p { margin-bottom: 10px; float: none; width: 100%; display: block; text-align: center; } .footlinks.alignright { display: block; float: none; margin: 0; text-align: center; } } /*Content width support*/ .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; }