/* Theme Name: Business Club Theme URI: https://axlethemes.com/wordpress-themes/business-club/ Author: Axle Themes Author URI: https://axlethemes.com Description: Business Club is a multipurpose elegant, clean and Elementor compatible WordPress theme with premium look, feel and features that can be used for not only business websites but also for other WordPress sites like educational institutes, personal portfolio, blogging, etc. Business Club is simplistic but very elegant and mesmerizing theme which has all the features that you need handcrafted into it. Even with all the dazzling features the theme is optimized with a standard coding, frequent maintenance and expert quality assurance so that you will never have to compromise quality and speed. Demo - https://axlethemes.com/theme-demo/?demo=business-club Version: 2.0.2 License: GPLv3 License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: business-club Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, full-width-template, translation-ready, theme-options, threaded-comments, footer-widgets, custom-logo, editor-style, blog 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. This theme is based on Underscores http://underscores.me/, (C) 2012-2017 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 # 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; } 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; } 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 ===========================================================*/ button, input, select, textarea { color: #737272; font-size: 14px; line-height: 1.5; } body { font-size: 13px; line-height: 1.7; color: #666666; font-family: 'Open Sans', sans-serif; } h1, h2, h3, h4, h5, h6, p { margin: 0 0 15px 0; } h1, h2, h3, h4, h5, h6 { color: #4e5052; font-weight: 500; font-family: 'Poppins', sans-serif; } h1 { font-size: 30px; } h2 { font-size: 22px; } h3{ font-size: 18px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } p { color:#666; } 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%; } blockquote, q { quotes: "" ""; padding-left: 15px; border-left: 5px solid #179bd7; display: block; margin-bottom: 15px; } /*=========================================================== **************************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: #f1f0f0; /* 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 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } ul, ol { margin: 0 0 0.5em 1em; padding: 0; } 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%; } td, th { border: 1px solid #ddd; padding: 5px; } /*=========================================================== **************************** Forms ************************* ===========================================================*/ button, .comment-reply-link, .comment-reply-link:visited, a.button, a.button:visited, input[type="button"], input[type="reset"], input[type="submit"] { background: #179bd7 none repeat scroll 0 0; border: medium none; color: #ffffff; font-size: 15px; line-height: 1.5; padding: 5px 15px; } button:hover, .comment-reply-link:hover, a.button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background-color: #ffbe00 ; } 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"], textarea, select { color: #666; border: 1px solid #ccc; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #111; outline:none; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"]{ padding: 6px 0 6px 9px; } select { width: 100%; padding:5px; } textarea { padding:10px 20px; width: 100%; } a.button:hover{ color:#fff; } a.button::after, a.read-more::after, a.view-more::after { content: "\f178"; font-family: fontawesome; margin-left: 6px; font-size: 12px; font-weight: 100; } a.button:hover::after, a.read-more:hover::after, a.view-more:hover::after { content: "\f00c"; } a.view-more { border-radius: 0; color: #ffffff; padding: 8px 20px; transition: all 0.2s ease 0s; display: inline-block; margin: 0 5px; background: #179bd7; font-size: 15px; margin-top: 25px; } .view-more-wrapper { clear: both; text-align: center; } /*=========================================================== **************************** Links ************************* ===========================================================*/ a { color: #323232; text-decoration: inherit; } a:visited { color: #323232; } a:hover, a:focus, a:active { color: #179bd7; } a:focus { outline:inherit; } a:hover, a:active { outline: 0; } /*=========================================================== *************comment and post navigation ******************** ===========================================================*/ a.comment-reply-link { text-transform: uppercase; } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; clear: both; } #infinite-handle{ margin-bottom: 20px; height: auto; overflow: hidden; } #infinite-handle span:hover { border:1px solid #179bd7; background: #179bd7; color: #fff; } #infinite-handle span { border:1px solid #001837; padding: 5px 15px; width: auto; line-height: 1.5; color: #001837; display: block; } .post-title { font-size: 17px; margin-top: 15px; } .meta-nav { background: #179bd7 none repeat scroll 0 0; color: #ffffff; display: inline-block; font-size: 18px; margin-right: 15px; padding: 7px 10px; text-align: center; width: 115px; } .navigation .nav-links .nav-next, .navigation .nav-links .nav-next{ float: right; } .navigation .nav-links .nav-previous, .navigation .nav-links .nav-previous { float: left; } .post-navigation a:hover, .posts-navigation a:hover{ color:#179bd7; } .post-navigation a, .posts-navigation a { border-bottom: 4px solid #179bd7; padding: 10px 15px; background: #fff; display: block; } .navigation, .pagination { margin-top: 15px; } .post-navigation .nav-links .nav-next a::after, .posts-navigation .nav-next a:after{ content: "\f178"; font-family: FontAwesome; margin-left: 6px; font-size: 12px; font-weight: 100; } .post-navigation .nav-links .nav-previous a::before, .posts-navigation .nav-previous a:before { content: "\f177"; font-family: FontAwesome; margin-right: 6px; font-size: 12px; font-weight: 100; } .navigation.pagination .nav-links .page-numbers { padding: 5px 10px; text-align: center; background-color: #fff; } .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover { background: #179bd7 none repeat scroll 0 0; color: #ffffff; } #mobile-trigger, #mob-menu { display: none; } /*=========================================================== *************Accessibility ******************** ===========================================================*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important;/* It should be ablolute */ 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; /* It should be clip auto */ 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. */ } /*=========================================================== ********************** Alignments ******************** ===========================================================*/ .alignleft { display: inline; float: left; margin-right: 15px; } .alignright { display: inline; float: right; margin-left: 15px; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 15px; } .alignnone{ clear: both; display: inline-block; margin-left: auto; margin-right: auto; margin-bottom: 15px; margin-top: 15px; } /*=========================================================== ********************** Clearings ******************** ===========================================================*/ .clear-fix::before, .clear-fix::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, #sidebar-front-page-widget-area::after, #sidebar-front-page-widget-area::before, #featured-slider::after, #featured-slider::before, #tophead::after, #tophead::before, .widget::after, .widget::before { content: ""; display: table; clear:both; } /*=========================================================== ********************** Widgets ******************** ===========================================================*/ .widget { margin:30px 0 0; } .widget:first-child { margin: 0; } /* Make sure select elements fit in widgets. */ .widget select { max-width: 100%; } #sidebar-front-page-widget-area .widget-title { font-size: 21px; text-align: center; font-weight: 600; text-transform: uppercase; } .subtitle { text-align: center; margin-bottom: 30px; color: #737272; font-size: 14px; letter-spacing: 1.5px; } /*========================================================== ********************** Content ******************** ===========================================================*/ /*========================================================== ********************** Posts and pages ******************** ===========================================================*/ .sticky { display: block; } .hentry { margin: 0 0 1.5em; } .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .entry-meta { margin-top: 15px; } .entry-meta > span, .entry-footer > span, .single-post-meta > span { margin: 0 10px 0 0; } .entry-meta > span a , .single-post-meta > span a, .entry-footer > span a{ } .page-content, .entry-content, .entry-summary { margin: 15px 0 0; } footer.entry-footer { margin-top: 15px; overflow: hidden; } .entry-meta > span::before, .entry-footer > span::before, .single-post-meta > span::before { display: inline-block; font-family: FontAwesome; height: 15px; margin-right: 8px; content: ""; color: #666; } .entry-meta .byline .author.vcard { margin-left: -4px; } .entry-footer span { margin-right: 15px; float: left; display: block; } span.comments-link::before { content: "\f086"; } .entry-meta .posted-on::before, .single-post-meta .posted-on::before { content: "\f017 "; } .entry-footer > .cat-links::before { content: "\f07c"; } .entry-meta .byline::before, .single-post-meta .byline::before { content: "\f007"; } .entry-footer .edit-link::before{ content: "\f044"; } .entry-footer .tags-links::before{ content: "\f02c"; } /*========================================================== ********************** Asides ******************** ===========================================================*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*========================================================== ********************** Comments ******************** ===========================================================*/ #respond { clear: both; display: block; float: left; width: 97%; } .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comments-area form#commentform p { float: left; width:100%; } .comments-area #commentform p.comment-notes, .comments-area #commentform p.comment-form-comment { width: 100%; } .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comment-form-author input, .comment-form-email input, .comment-form-url input{ width: 100%; } #tab-reviews .comment-form-author, #tab-reviews .comment-form-email, #tab-reviews .comment-form-url{ width: 100%; } .comments-area form#commentform p.logged-in-as { width: 100%; } .comment-form-author, .comment-form-email, .comment-form-url{ width: 100%; float: left; } .comment-list li.comment::after { content: inherit; display: none; } .comment-list li{ padding-left: 0; } .comment { background-position: 0 -74px; display: block; float: left; width: 100%; } ol.comment-list { border-radius: 5px; float: left; margin-bottom: 15px; margin-left: 0; margin-right: 0; overflow: inherit; padding: 0; width: 100%; } ol.comment-list .children { border: medium none; float: left; margin: 15px 0 15px 15px; width: 98%; } ol.comment-list li { list-style: outside none none; margin-bottom: 15px; } .comment .comment-body { background-color: #ffffff; border: 1px solid #dddddd; border-radius: 0; clear: both; display: block; float: left; margin-top: 5px; padding: 10px 30px 10px 70px; position: relative; text-align: left; width: 100%; } .comment-author.vcard { font-size: 20px; margin-bottom: 5px; } .comment-list .children { background-position: left 20px; background-repeat: no-repeat; border-left: 1px solid rgb(238, 238, 238); margin-left: 0; padding-left: 40px; } .comment-list li.comment > div img.avatar { left: 29px; position: absolute; top: 29px; } #comment-form-title { font-size: 24px; padding-bottom: 10px; } .vcard .avatar { float: left; margin: 7px 15px 15px 0; } .comment-metadata { margin-bottom: 10px; } .comment-reply-link { color: #ffffff; display: inline-block; float: none; font-size: 15px; line-height: 1.5; margin-bottom: 10px; padding: 1px 15px 3px; border-radius: 2px; } a.comment-reply-link:hover { color: #fff; } .form-allowed-tags code { white-space: inherit; word-wrap: break-word; } .comments-title { font-weight: normal; margin: 25px 0 0; } .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } #commentform label { display: inline-block; } span.required { color: red; } .comment-form input[type="checkbox"], .comment-form input[type="radio"] { margin-right: 10px; } .comment-form .form-submit { margin-top: 15px; } /*========================================================== ********************** 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: inline-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; margin-left: -5px; margin-right: -5px; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; margin: 0; padding: 5px; } .gallery-item img { vertical-align: middle; } .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; } /*=========================================================== **************************** Social Links ********************* ===========================================================*/ .business_club_widget_social { clear: both; overflow: hidden; } .business_club_widget_social ul { margin: 0; } .business_club_widget_social li a { background-color: #333; border: medium none; display: inline-block; height: 38px; line-height: 1.7; margin-right: 0; padding: 0; text-align: center; vertical-align: middle; width: 38px; } .business_club_widget_social li { display: block; float: left; margin-right: 5px; margin-bottom: 5px; } .widget-area .business_club_widget_social li, #footer-widgets .business_club_widget_social li { padding: 0; } .widget-area .business_club_widget_social li::before, #footer-widgets .business_club_widget_social li::before { display: none; } .business_club_widget_social li a i { color:#cacad8; font-size: 18px; font-weight: normal; } .business_club_widget_social ul li a::before { color: #ffffff; content: "\f0c1"; display: block; font-family: FontAwesome; font-weight: normal; line-height: 2.8; font-size: 14px; } .business_club_widget_social ul li a:hover { background-color:#cacad8; } .business_club_widget_social ul li a:hover::before { color: #fff; } .business_club_widget_social ul li a[href*="facebook.com"]::before { content: "\f09a"; } .business_club_widget_social ul li a[href*="twitter.com"]::before { content: "\f099"; } .business_club_widget_social ul li a[href*="linkedin.com"]::before { content: "\f0e1"; } .business_club_widget_social ul li a[href*="plus.google.com"]::before { content: "\f0d5"; } .business_club_widget_social ul li a[href*="youtube.com"]::before { content: "\f167"; } .business_club_widget_social ul li a[href*="dribbble.com"]::before { content: "\f17d"; } .business_club_widget_social ul li a[href*="pinterest.com"]::before { content: "\f0d2"; } .business_club_widget_social ul li a[href*="bitbucket.org"]::before { content: "\f171"; } .business_club_widget_social ul li a[href*="github.com"]::before { content: "\f113"; } .business_club_widget_social ul li a[href*="codepen.io"]::before { content: "\f1cb"; } .business_club_widget_social ul li a[href*="flickr.com"]::before { content: "\f16e"; } .business_club_widget_social ul li a[href$="/feed/"]::before { content: "\f09e"; } .business_club_widget_social ul li a[href*="foursquare.com"]::before { content: "\f180"; } .business_club_widget_social ul li a[href*="instagram.com"]::before { content: "\f16d"; } .business_club_widget_social ul li a[href*="tumblr.com"]::before { content: "\f173"; } .business_club_widget_social ul li a[href*="reddit.com"]::before { content: "\f1a1"; } .business_club_widget_social ul li a[href*="vimeo.com"]::before { content: "\f194"; } .business_club_widget_social ul li a[href*="digg.com"]::before { content: "\f1a6"; } .business_club_widget_social ul li a[href*="twitch.tv"]::before { content: "\f1e8"; } .business_club_widget_social ul li a[href*="stumbleupon.com"]::before { content: "\f1a4"; } .business_club_widget_social ul li a[href*="delicious.com"]::before { content: "\f1a5"; } .business_club_widget_social ul li a[href*="mailto:"]::before { content: "\f0e0"; } .business_club_widget_social ul li a[href*="soundcloud.com"]::before { content: "\f1be"; } .business_club_widget_social ul li a[href*="wordpress.org"]::before { content: "\f19a"; } .business_club_widget_social ul li a[href*="wordpress.com"]::before { content: "\f19a"; } .business_club_widget_social ul li a[href*="jsfiddle.net"]::before { content: "\f1cc"; } .business_club_widget_social ul li a[href*="tripadvisor.com"]::before { content: "\f262"; } .business_club_widget_social ul li a[href*="foursquare.com"]::before { content: "\f180"; } .business_club_widget_social ul li a[href*="angel.co"]::before { content: "\f209"; } .business_club_widget_social ul li a[href*="slack.com"]::before { content: "\f198"; } /*social links hover effect */ .business_club_widget_social ul li a[href*="facebook.com"]:hover { background-color: #3b5998; } .business_club_widget_social ul li a[href*="twitter.com"]:hover { background-color: #00aced; } .business_club_widget_social ul li a[href*="plus.google.com"]:hover { background-color: #dd4b39; } .business_club_widget_social ul li a[href*="/feed/"]:hover { background-color: #dc622c; } .business_club_widget_social ul li a[href*="wordpress.org"]:hover { background-color: #21759b; } .business_club_widget_social ul li a[href*="github.com"]:hover { background-color: #4183c4; } .business_club_widget_social ul li a[href*="linkedin.com"]:hover { background-color: #007bb6; } .business_club_widget_social ul li a[href*="pinterest.com"]:hover { background-color: #cb2027; } .business_club_widget_social ul li a[href*="flickr.com"]:hover { background-color: #ff0084; } .business_club_widget_social ul li a[href*="vimeo.com"]:hover { background-color: #aad450; } .business_club_widget_social ul li a[href*="youtube.com"]:hover { background-color: #bb0000; } .business_club_widget_social ul li a[href*="instagram.com"]:hover { background-color: #517fa4; } .business_club_widget_social ul li a[href*="dribbble.com"]:hover { background-color: #ea4c89; } .business_club_widget_social ul li a[href*="skype.com"]:hover { background-color: #12a5f4; } .business_club_widget_social ul li a[href*="digg.com"]:hover { background-color: #333; } .business_club_widget_social ul li a[href*="codepen.io"]:hover { background-color: #000; } .business_club_widget_social ul li a[href*="reddit.com"]:hover { background-color: #ff4500; } .business_club_widget_social ul li a[href*="mailto:"]:hover { background-color: #1d62f0; } .business_club_widget_social ul li a[href*="foursquare.com"]:hover { background-color: #f94877; } .business_club_widget_social ul li a[href*="stumbleupon.com"]:hover { background-color: #eb4924; } .business_club_widget_social ul li a[href*="twitch.tv"]:hover { background-color: #6441a5; } .business_club_widget_social ul li a[href*="tumblr.com"]:hover { background-color: #32506d; } .business_club_widget_social ul li a[href*="foursquare.com"]:hover { background-color: #f94877; } .business_club_widget_social ul li a[href*="stumbleupon.com"]:hover { background-color: #eb4924; } .business_club_widget_social ul li a[href*="twitch.tv"]:hover { background-color: #6441a5; } .business_club_widget_social ul li a[href*="tumblr.com"]:hover { background-color: #32506d; } .business_club_widget_social ul li a[href*="soundcloud.com"]:hover { background-color: #ff5500; } .business_club_widget_social ul li a[href*="wordpress.org"]:hover { background-color:#21759b; } .business_club_widget_social ul li a[href*="jsfiddle.net"]:hover { background-color:#4679bd; } .business_club_widget_social ul li a[href*="tripadvisor.com"]:hover { background-color:#86c171; } .business_club_widget_social ul li a[href*="foursquare.com"]:hover { background-color:#2d5be3; } .business_club_widget_social ul li a[href*="angel.co"]:hover { background-color:#000; } .business_club_widget_social ul li a[href*="slack.com"]:hover { background-color:#56b68b; } /*========================================================== ********************** Page ******************** ===========================================================*/ #page { position: relative; margin: 0 auto; } .container { width: 1200px; margin: 0 auto; padding-left: 20px; padding-right: 20px; max-width: 100%; } .inner-wrapper { margin-left: -20px; margin-right: -20px; } /*========================================================== ********************** Tophead Style ******************** ===========================================================*/ /*quick contact*/ #tophead { background-color: #10181d; clear: both; width: 100%; } #header-social { float: right; } #header-social li { border-right: 1px solid rgba(255, 255, 255, 0.15); display: inline-block; padding: 10px 12px; margin: 0; } #header-social li:first-child { border-left: 1px solid rgba(255, 255, 255, 0.15); } #header-social .business_club_widget_social ul li a::before { line-height: 1.5; font-size: 16px; color: rgba(255, 255, 255, 0.54); font-weight: normal; } #header-social .business_club_widget_social li a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; height: 25px; width: 10px; } #header-social .business_club_widget_social ul li a:hover::before { color: #fff; } .right-head { float: right; padding: 35px 0; margin-left: 15px; } .cart-section { float: right; margin-right: 20px; position: relative; } .cart-section i.fa.fa-shopping-cart { font-size: 22px; } .cart-section span.cart-value { position: absolute; top: -18px; left: 3px; background: #ffbe00; color: #fff; border-radius: 100%; min-height: 20px; min-width: 20px; font-size: 12px; text-align: center; } #quick-contact { float: left; margin-top: 0; } #quick-contact > ul { margin: 0; padding: 0; } #quick-contact a { color: #ffffff; display: inline-block; padding: 11px 5px; } #quick-contact li.quick-email::before { content: "\f0e0"; } #quick-contact li.quick-call::before { content: "\f2a0"; } #quick-contact li::before { color: #fff; content: ""; display: inline-block; font-family: FontAwesome; font-size: 14px; margin-right: 6px; padding: 8px 0; text-align: center; width: 29px; border: 1px solid #606765; text-align: center; } #quick-contact li { clear: inherit; float: left; font-size: 14px; line-height: 0.8; list-style: outside none none; margin-top: 5px; padding: 0 5px 5px 0; text-align: left; margin-right: 15px; } /*========================================================== ********************** Header Style ******************** ===========================================================*/ #masthead { background: #fff none repeat scroll 0 0; clear: both; top: 15px; width: 100%; z-index: 99999; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .right-head { float: right; margin-left: 15px; padding: 36px 0; } /*sticky menu*/ #site-identity { float: left; } #custom-logo-link { max-width: 300px; } .site-branding { color: #222222; float: left; font-size: 36px; font-weight: 500; line-height: 0.8; margin-bottom: 0; margin-right: 30px; } #site-identity { float: left; margin-top: 25px; } .site-branding a { color: #179bd7; } .site-branding a:hover { color: #ffbe00; } .custom-logo-link { float: left; max-width: 95px; margin-right: 15px; } .site-title { font-size: 27px; font-weight: bold; float: left; margin-bottom: 10px; line-height: 1; margin-bottom: 7px; font-family: "Poppins", sans-serif; } .site-description { font-size: 14px; font-style: inherit; font-weight: 400; clear: both; } .header-search-box { float: right; position: relative; } .header-search-box > a { color: #001837; display: block; } .header-search-box > a i { font-size: 17px; } .header-search-box > a:hover { color: #4fc3dd; } .header-search-box .search-box-wrap { background: rgb(243, 243, 243) none repeat scroll 0 0; top: 59px; box-shadow: 0 2px 2px; display: none; padding: 12px; position: absolute; right: 7%; width: 300px; z-index: 9999; right: 3%; border-top: 5px solid #179bd7; } .right-head .header-search-box .search-box-wrap { width:300px; } .search-form input.search-field, .woocommerce-product-search .search-field { border: 1px solid #dddddd; height: auto; padding: 7px 10px; width: 100%; box-sizing: inherit; } .search-box-wrap .search-form input.search-field { color: #222222; } .search-form, .woocommerce-product-search { position: relative; } .search-form .search-submit, .woocommerce-product-search button { border: medium none; border-radius: 0; font-size: 13px; height: 37px; line-height: 1.8; padding: 0 20px; position: absolute; right: 0; top: 0; font-family: FontAwesome; } .woocommerce-product-search button { font-family: inherit; } /*=========================================================== **************************** Navigation ********************* ===========================================================*/ #main-nav { float: right; width: auto; } .main-navigation ul { display: block; margin: 0; padding: 0; } .main-navigation ul ul { position: absolute; top: 100%; left: 0; z-index: 1000; min-width: 235px; -webkit-transform-origin: top; transform-origin: top; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform: scale(1, 0); transform: scale(1, 0); display: block; opacity: 0; transition: transform 0.5s ease, opacity 0.2s ease; -webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease; background-color: #fff; box-shadow: 1px 1px 2px #888; } .main-navigation ul li:hover > ul.sub-menu{ display: block; opacity: 1; z-index: 1000; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition: transform 0.3s ease, opacity 0.2s ease .1s; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease .1s; } .main-navigation ul ul ul { left:100%; top: 0 } .main-navigation li { display: inline-block; float: left; margin-bottom: 0; position: relative; } .main-navigation li li { float: none; display: block; } .main-navigation ul li li:first-child > a { border-left: none; } .main-navigation ul li a { color: #222222; display: block; font-size: 15px; padding: 36px 15px; position: relative; z-index: 99; } .main-navigation ul ul a { border-bottom: 1px solid rgba(221, 221, 221, 0.34); border-left: medium none; border-right: medium none; height: auto; padding: 7px 20px; text-align: left; width: 100%; font-size: 14px; color: #666; } .main-navigation ul ul li:last-child a { border: none; } .main-navigation ul li.menu-item-has-children > a::after, .main-navigation ul li.page_item_has_children > a::after { content: "\f107"; font-family: FontAwesome; margin-left: 10px; margin-right: 0; position: absolute; right: 10px; top: 36px; } .main-navigation ul li li.menu-item-has-children > a::after, .main-navigation ul li li.page_item_has_children > a::after { content: "\f105"; top: 10px; } .main-navigation ul li.menu-item-has-children a, .main-navigation ul li.page_item_has_children a { padding-right: 30px; } .main-navigation li a:hover, .main-navigation li.current-menu-item > a, .main-navigation li.current_page_item > a, .main-navigation li:hover > a { background: #179bd7 none repeat scroll 0 0; color: #ffffff; } .main-navigation ul ul li a:hover, .main-navigation ul ul li.current-menu-item a, .main-navigation ul ul li.current_page_item a, .main-navigation ul ul li:hover > a { color: #179bd7; background-color:inherit; } .main-navigation .menu-toggle, .main-navigation .dropdown-toggle { display: none; } /*========================================================== ********************** Main slider ******************** ===========================================================*/ #featured-slider { overflow: hidden; position: relative; clear: both; } #main-slider { clear: both; position: relative; z-index: 999; } #main-slider img { width: 100%; vertical-align: middle; } #main-slider article { width: 100%; display: none; } #main-slider article.first { display: block; } #main-slider .cycle-slideshow { margin-bottom: 0; padding: 0; } #main-slider .cycle-caption { bottom: 32%; left: 20%; max-width: 100%; position: absolute; right: 0; white-space: normal; width: 60%; z-index: 9999; text-align: center; } #main-slider h3 { font-size: 42px; font-weight: 600; line-height: 1.5; margin-bottom: 20px; text-shadow: 1px 2px 1px #222222; text-transform: uppercase; } #main-slider a, #main-slider h3 { color: #ffffff; } #main-slider p { color: #fff; font-size: 17px; font-weight: 400; margin-bottom: 5px; } #main-slider article:before { background: url(images/overlay.png); content: ""; opacity: 0.6; display: block; position: absolute; height: 100%; top: 0; z-index: 991; width: 100%; } /*slider pager box*/ #main-slider .cycle-pager { bottom: 40px; left: 0; position: absolute; z-index: 999; width: 100%; text-align: center; } #main-slider .pager-box { background-color: #fff; cursor: pointer; display: inline-block; float: none; height: 7px; margin: 0 3px; width: 25px; z-index: 99; } #main-slider .pager-box.cycle-pager-active, #main-slider .pager-box:hover { background-color: #179bd7 ; } /*Slider cycle next / previous*/ #main-slider .cycle-prev, #main-slider .cycle-next { color: #ffffff; cursor: pointer; display: block; font-weight: normal; line-height: 0.8; padding: 5px 15px; text-align: center; z-index: 999; position: absolute; top: 48%; } #main-slider .cycle-prev:hover, #main-slider .cycle-next:hover { background: #038fd6 none repeat scroll 0 0; } #main-slider .cycle-prev { left: 50px; } #main-slider .cycle-next { right:50px; } #main-slider .cycle-prev i, #main-slider .cycle-next i { font-size: 34px; } #main-slider .slider-buttons a { border: 2px solid rgba(255, 255, 255, 0.87); color: #ffffff; display: inline-block; font-size: 19px; line-height: 1.5; margin: 6px 15px 0; padding: 8px 20px; min-width: 125px; font-size: 15px; text-transform: uppercase; } span.divider-button { color: #fff; display: inline-block; margin-right: 15px; font-size: 21px; margin-left: 5px; } #main-slider .slider-buttons { margin-top: 30px; } #main-slider .slider-buttons a.button-primary { background: #179bd7; border-color: #179bd7; } #main-slider .slider-buttons a:hover { background: #ffbe00; color: #fff; border-color: #ffbe00; } #main-slider .cycle-slide.cycle-slide-active{ z-index:150 !important; } /*=========================================================== **************************** Main Content ******************* ===========================================================*/ #primary { width: 67%; padding-left: 20px; padding-right: 20px; float: left; } #content { padding: 40px 0; clear: both; } .page-template-front #content { display: none; } .elementor-template-full-width #content { padding: 0; } .blog #masthead { border-bottom: 3px solid #ddd; } #featured-content{ float: left; width: 100%; } #primary img.business-club-post-thumb { margin: 0 auto; display: block; vertical-align: middle; width: 100%; } /*=========================================================== **************************** Sidebar ******************* ===========================================================*/ .sidebar { width: 33%; padding-left: 20px; padding-right: 20px; } .sidebar .widget { background: #fff; padding: 20px 30px; box-shadow: 6px 7px #ddd; } .page-header { background: #fff; padding: 15px 30px; box-shadow: 6px 7px #ddd; border: 1px solid #f1f0f0; } .page-header h1 { margin-bottom: 0; font-size: 25px; font-weight: 500; text-align: center; } .taxonomy-description { text-align: center; } #primary .site-main article { background: #fff; box-shadow: 6px 7px #ddd; border: 1px solid #f1f0f0; border-top: inherit; margin-bottom: 30px; } h1.entry-title { margin-bottom: 0; } #primary .site-main article .entry-header, #primary .site-main article .entry-content, #primary .site-main article .entry-footer, #primary .site-main article .entry-summary { padding: 20px 30px; border-top: 1px solid #f1f0f0; margin-top: 0; text-align: center; } #primary .site-main .page-title { padding: 20px 30px; margin-top: 0; text-align: center; } #primary .site-main article .entry-title, #primary .site-main .page-title { position: relative; } #primary .site-main article .entry-title::after { content: ""; display: block; width: 60px; height: 1px; background-color: #179bd7; margin: 0 auto; margin-top: 5px; } #primary .site-main article .entry-content { text-align: left; } #primary .site-main .entry-footer a.read-more { float: right; } .sidebar .widget-title { border-bottom: 1px solid #f1f0f0; text-align: center; margin-left: -30px; margin-right: -30px; padding-bottom: 5px; font-weight: 400; font-size: 18px; position: relative; color: #179bd7; } .sidebar .widget-title:after { background: #dadada; position: absolute; bottom: -2px; content: ""; width: 20%; height: 3px; left: 40%; } #sidebar-primary { float: right; } .sidebar a.read-more { font-size: 13px; } .sidebar a.read-more::before { font-size: 10px; } #sidebar-secondary { float: left; } .widget-area .widget::after, .widget-area .widget::before { clear: both; content: ""; display: table; } .widget-area ul { list-style: outside none none; padding: 0; margin: 0; } .widget-area ul ul { border-bottom:none; padding-bottom: 0; } .widget-area ul li { padding-bottom: 5px; padding-left: 15px; padding-top: 5px; position: relative; } .widget-area ul li::before { content: "\f178"; display: inline-block; font-family: FontAwesome; font-size: 9px; left: 0; position: absolute; top: 10px; } .widget-area ul ul ul ul ul > li { padding-left: 0; } .widget-area ul ul ul ul ul > li::before { left:-20px; } .widget_calendar caption { background: #179bd7 none repeat scroll 0 0; color: #ffffff; padding: 5px; } /*=========================================================== **************************** Footer ******************* ===========================================================*/ #colophon { background-color: #2a2a2a; clear: both; color: rgba(255, 255, 255, 0.75); font-size: 14px; padding: 15px 0; text-align: center; } #colophon a { color:#ccc; } #colophon a:hover { color:#ffbe00; } #colophon .copyright { margin-bottom: 5px; } /*=========================================================== **************************** Footer Widgets ***************** ===========================================================*/ #footer-widgets { background: #232323; overflow: hidden; padding: 70px 0; color: rgba(255, 255, 255, 0.75); } #footer-widgets ul { list-style: none; margin: 0; } #footer-widgets ul li { font-size: 14px; letter-spacing: 0.5px; padding: 0px 15px 0 20px; position: relative; } #footer-widgets ul li::before { color: rgba(255, 255, 255, 0.75); content: "\f178"; display: inline-block; font-family: FontAwesome; font-size: 11px; left: 0; position: absolute; top: 5px; font-weight: 100; } #footer-widgets a:hover { color:#ffbe00; } #footer-widgets .widget-column { float: left; padding: 0 25px; width: 25%; } #footer-widgets a { color:rgba(255, 255, 255, 0.75); } #footer-widgets .footer-active-1 { width: 100%; } #footer-widgets .footer-active-2 { width: 50%; } #footer-widgets .footer-active-3 { width: 33.33%; } #footer-widgets .footer-active-4 { width: 25%; } #footer-widgets .widget-column { float: left; padding: 0 20px; } #footer-widgets .widget-title { color: #ffffff; font-size: 19px; font-weight: 500; } h3.widget-title::after { content: ""; display: block; background: #fff; width: 20%; height: 3px; margin-top: 5px; margin-bottom: 20px; } /*=========================================================== *********************** layout sidebar ***************** ===========================================================*/ .global-layout-left-sidebar #primary { float: right; } .three-columns-enabled #primary { display: inline-block; float: none; width: 50%; } .global-layout-three-columns #sidebar-primary{ float: right; } .global-layout-three-columns .sidebar { width: 25%; } .global-layout-no-sidebar #primary{ width: 100%; } /*=========================================================== *********************** Footer Navigation ***************** ===========================================================*/ #footer-navigation li { display: inline-block; list-style: outside none none; } #footer-navigation li a { color: #ffffff; display: block; padding: 5px 10px; } #footer-navigation ul { margin: 0; } /*Scrollup Style*/ .scrollup { background-color: #179bd7; bottom: 50px; color: #ffffff; display: none; float: right; line-height: 1.2; padding: 5px 10px; position: fixed; right: 32px; text-align: center; } .scrollup:hover { background-color:#333; } .scrollup i { color:#fff; font-size:32px; } /*=========================================================== *********************** Error 404 Page ***************** ===========================================================*/ section.error-404 { text-align: center; } #quick-links-404 ul li { display: inline-block; list-style: outside none none; } #quick-links-404 ul li a { color: #404040; display: block; padding: 5px 10px; } .error404 #primary { width: 100%; } .error404 .search-form { max-width: 300px; margin: 10px auto; } /*contact form 7*/ .wpcf7-form { max-width: 875px; } div.wpcf7 { margin: 0 auto; padding: 0; } .wpcf7 input { width: 100%; } .wpcf7 input.wpcf7-submit { width: auto; } /*=========================================================== *********************** Breadcrumb ***************** ===========================================================*/ #breadcrumb { background: #ffffff none repeat scroll 0 0; padding: 15px 0; border-bottom: 1px solid #dddddd; border-top: 3px solid #179bd7; } #breadcrumb { overflow: hidden; } #breadcrumb li { display: block; float: left; list-style: outside none none; padding-right: 10px; } #breadcrumb li.trail-item.trail-end::after { display: none; } #breadcrumb ul { margin: 0; padding: 0; } #breadcrumb li::after { content: "/"; margin-left: 10px; } #breadcrumb li:last-child::after { content: ""; } #breadcrumb .trail-items { margin: 0; padding: 0; } /*=========================================================== *********************** Front Page Widget ***************** ===========================================================*/ #sidebar-front-page-widget-area { clear: both; background: #fff; } #sidebar-front-page-widget-area .widget { padding: 40px 0; margin-top: 0; } #sidebar-front-page-widget-area .widget:first-child { margin-top: 0; } /*=========================================================== *********************** Service Widget ***************** ===========================================================*/ .services-layout-1.business_club_widget_services .service-block-item { float: left; padding:20px; transition: all 0s ease-in-out 0s; text-align: center; } .services-layout-1.business_club_widget_services .service-block-inner { padding: 20px 15px 15px; border: 1px solid #fff; background-color: #fff; transition:all 0.2s ease 0s; } .services-layout-1.business_club_widget_services .service-block-inner:hover a{ color: #179bd7; } .services-layout-1.business_club_widget_services .service-block-item i { border-radius: 100%; display: block; font-size: 30px; font-weight: normal; position: relative; transform: rotate(45deg); color: #fff; } .services-layout-1.business_club_widget_services .service-block-inner > a { display: block; text-align: center; width: 70px; transition: all 0.3s ease-in-out 0s; margin: 0 auto 20px; height: 70px; padding: 20px 0; margin-top: 25px; background: #5a95f5; transform: rotate(-45deg); } aside.services-layout-1.business_club_widget_services { background: #f5f8fa; } .services-layout-1.business_club_widget_services .service-block-inner-content { display: table; padding: 15px 10px 15px; } .services-layout-1.business_club_widget_services .service-item-title { margin-bottom: 10px; } .services-layout-1.business_club_widget_services .service-block-item .custom-button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; box-shadow: none; color: #222222; margin: 0; padding: 0; } .services-layout-1.business_club_widget_services .service-block-item .custom-button:hover { background:none; } .services-layout-1.business_club_widget_services .service-block-inner:hover { box-shadow: 2px 2px 20px 2px rgba(0, 0, 0, 0.3); z-index: 1; } .business_club_widget_services .service-block-inner { padding: 0 15px 30px; } .services-layout-1.business_club_widget_services .service-col-4 .service-block-item { width: 25%; } .services-layout-1.business_club_widget_services .service-col-3 .service-block-item { width: 33.33%; } .services-layout-1.business_club_widget_services .service-col-2 .service-block-item { width: 50%; } .services-layout-1.business_club_widget_services .service-col-4 .service-block-item:nth-child(4n+1), .services-layout-1.business_club_widget_services .service-col-3 .service-block-item:nth-child(3n+1), .services-layout-1.business_club_widget_services .service-col-2 .service-block-item:nth-child(2n+1) { clear: both; } .sidebar .services-layout-1.business_club_widget_services .service-block-item, #footer-widgets .service-block-item{ width: 100%; } .sidebar .services-layout-1.business_club_widget_services a.custom-button:hover { color: #fff; } /*=========================================================== *********************** call to action Widget ************** ===========================================================*/ #sidebar-front-page-widget-area .cta-layout-1.business_club_widget_call_to_action { margin-top: 30px; } .cta-layout-1.business_club_widget_call_to_action { background: #00aef0 none repeat scroll 0 0; padding: 30px 0; text-align: center; max-width: 1160px; margin: 0 auto; margin-bottom: 30px; } .cta-layout-1 .call-to-action-content { float: left; clear: both; padding-left: 60px; } .cta-layout-1 .call-to-action-content p { color: #fff; } .cta-layout-1.business_club_widget_call_to_action .call-to-action-buttons { float: right; } .cta-layout-1.business_club_widget_call_to_action .button:hover { background-color: #fff; } .cta-layout-1.business_club_widget_call_to_action .cta-content { float: left; text-align: left; width: 69%; } .cta-layout-1.business_club_widget_call_to_action p { color: #fff; text-align: center; } .cta-layout-1.business_club_widget_call_to_action .widget-title { margin-bottom: 0; text-align: left; border: none; padding: 0; font-weight: 500; font-size: 27px; padding-left: 60px; color: #fff; } .sidebar .cta-layout-1.business_club_widget_call_to_action .cta-content, #footer-widgets .cta-layout-1.business_club_widget_call_to_action .cta-content { float: left; text-align: left; width: 100%; } .sidebar .cta-layout-2.business_club_widget_call_to_action .call-to-action-buttons , #footer-widgets .cta-layout-2.business_club_widget_call_to_action .call-to-action-buttons{ margin-top: 15px; } .sidebar .cta-layout-1.business_club_widget_call_to_action .widget-title { font-size: 18px; padding-left: 0; margin: 0; text-align: center; margin-bottom: 15px; margin-bottom: 40px; padding-bottom: 30px; } .sidebar .cta-layout-1.business_club_widget_call_to_action { padding: 30px; text-align: center; } .sidebar .cta-layout-2.business_club_widget_call_to_action .button, .sidebar .cta-layout-1.business_club_widget_call_to_action .button, #footer-widgets .cta-layout-2.business_club_widget_call_to_action .button, #footer-widgets .cta-layout-1.business_club_widget_call_to_action .button { margin: 5px 3px; width: 100%; text-align: center; line-height: 1.5; border-radius: 0; padding: 10px 20px; font-weight: normal; } .sidebar .cta-layout-2.business_club_widget_call_to_action, #footer-widgets .cta-layout-2.business_club_widget_call_to_action { padding: 30px; } .sidebar .cta-layout-1.business_club_widget_call_to_action .call-to-action-buttons, #footer-widgets .cta-layout-1.business_club_widget_call_to_action .call-to-action-buttons { float: none; } #footer-widgets .cta-layout-1.business_club_widget_call_to_action { background-color: inherit; } #footer-widgets .cta-layout-1.business_club_widget_call_to_action .widget-title { padding: 0; } /*call to action Layout 2*/ .business_club_widget_call_to_action a.button.cta-btn-secondary { background: #ffffff; color: #222; } .business_club_widget_call_to_action .button { border-radius: 0; color: #ffffff; padding: 10px 20px; transition: all 0.2s ease 0s; display: inline-block; margin: 0 15px; font-size: 15px; } .business_club_widget_call_to_action .button.cta-button-secondary { background: #ffbe00; color: #fff; } .cta-layout-2.business_club_widget_call_to_action .button.cta-btn-primary { background-color: #179bd7; } .cta-layout-1.business_club_widget_call_to_action .button:hover, .cta-layout-2.business_club_widget_call_to_action .button:hover { color:#222; background-color: #fff; } .cta-layout-2.business_club_widget_call_to_action .cta-content { float: none; text-align: center; width: 100%; } #sidebar-front-page-widget-area .cta-layout-2.business_club_widget_call_to_action::before { background: rgba(0, 0, 0, 0.6); content: ""; height: 100%; position: absolute; width: 100%; top:0; left: 0; z-index: -1; display: block; } .cta-layout-2.business_club_widget_call_to_action::after { display: block; } .cta-layout-2.business_club_widget_call_to_action { background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; z-index: 22; background: #179bd7 none repeat scroll 0 0; padding: 70px 0; text-align: center; } #sidebar-front-page-widget-area .cta-layout-2.business_club_widget_call_to_action { padding: 70px 0; } .cta-layout-2.business_club_widget_call_to_action .widget-title { text-align: center; border: none; padding: 0; font-weight: normal; font-size: 30px; text-transform: uppercase; margin-bottom: 30px; color: #fff; } .cta-layout-2.business_club_widget_call_to_action p { font-size: 17px; color: #fff; } .cta-layout-2.business_club_widget_call_to_action .call-to-action-buttons { margin-top: 30px; } .cta-layout-2.business_club_widget_call_to_action .call-to-action-buttons { margin-top: 50px; float: none; clear: both; display: block; } /*-------------------------------------------------------------- ### Featured Page Widget --------------------------------------------------------------*/ .business_club_widget_featured_page img.alignleft { margin-right: 30px; vertical-align: middle; margin-bottom: 0; max-width: 50%; } .business_club_widget_featured_page img.alignright { margin-left: 30px; vertical-align: middle; margin-bottom: 0; max-width: 50%; } .business_club_widget_featured_page .entry-content { margin: 0; } .business_club_widget_featured_page .widget-title { text-align: inherit!important; } /*-------------------------------------------------------------- ### Advaneced recent post widget --------------------------------------------------------------*/ .business_club_widget_advanced_recent_posts .advanced-recent-posts-item { clear: both; margin-top: 20px; float: left; width: 100%; border-bottom: 1px solid #efefef; margin-top: 15px; padding-bottom: 15px; } .advanced-recent-posts-text-wrap { display: table-cell; } .advanced-recent-posts-summary p { margin-bottom: 5px; } .advanced-recent-posts-item:first-child { margin: 0; } .advanced-recent-posts-title { font-size: 15px; margin-bottom:0; } .business_club_widget_advanced_recent_posts .advanced-recent-posts-date { display: block; margin-bottom: 3px; font-size: 13px; } .business_club_widget_advanced_recent_posts .advanced-recent-posts-date::before{ display: inline-block; font-family: FontAwesome; height: 15px; margin-right: 8px; content:"\f017"; color: #666; font-size: 12px; } #sidebar-front-page-widget-area::after, #sidebar-front-page-widget-area::before, #sidebar-front-page-widget-area .widget::after, #sidebar-front-page-widget-area .widget::before { display: table; clear: both; content: ""; } #footer-widgets .advanced-recent-posts-item { border-top: 1px solid #3c3c3c; margin-left: 0; margin-right: 0; margin-top: 5px; padding-top: 5px; } #footer-widgets .advanced-recent-posts-item:first-child { margin: 0; padding: 0; border: none; } /*-------------------------------------------------------------- ### Latest News post widget --------------------------------------------------------------*/ .business_club_widget_latest_news .latest-news-wrapper{ background: #ffffff none repeat scroll 0 0; box-shadow: 0 2px 3px #dddddd; clear: both; overflow: hidden; } .business_club_widget_latest_news .latest-news-item { float: left; padding: 20px; margin-bottom: 0; } .business_club_widget_latest_news .latest-news-text-wrap { /* background: #fafafa none repeat scroll 0 0; */ padding: 25px; } .business_club_widget_latest_news .latest-news-item img { margin: 0; } .business_club_widget_latest_news .latest-news-title { line-height: 1.2; } .business_club_widget_latest_news .latest-news-meta { background: rgb(23, 155, 215) none repeat scroll 0 0; bottom: 0; color: #ffffff; padding: 10px 16px; text-align: center; width: 100%; overflow: hidden; } .business_club_widget_latest_news .latest-news-thumb { position: relative; overflow: hidden; } .business_club_widget_latest_news .latest-news-item img { vertical-align: middle; -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; transition: transform 0.5s ease; margin-bottom: 0; } .business_club_widget_latest_news .latest-news-item:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: center center; -moz-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; } .business_club_widget_latest_news .latest-news-title a { color: #253b80; display: block; } .business_club_widget_latest_news .latest-news-item img { vertical-align: middle; } .business_club_widget_latest_news .latest-news-title { font-weight: 500; font-size: 20px; } .business_club_widget_latest_news .latest-news-col-3 .latest-news-item { width: 33.33%; } .business_club_widget_latest_news .latest-news-col-4 .latest-news-item { width: 25%; } .business_club_widget_latest_news .latest-news-col-2 .latest-news-item { width: 50%; } .business_club_widget_latest_news .latest-news-col-1 .latest-news-item { width: 100%; } .home-section-latest-new .latest-news-meta { margin-bottom: 15px; } .business_club_widget_latest_news .latest-news-meta > span::before{ display: inline-block; font-family: FontAwesome; height: 15px; margin-right:4px; content: ""; } .business_club_widget_latest_news .latest-news-meta > span.posted-on { float: left; } .business_club_widget_latest_news .latest-news-meta > span.comments-link { float: right; } .business_club_widget_latest_news .latest-news-meta > span, .business_club_widget_latest_news .latest-news-meta > span a { color: #ffffff; font-size: 14px; font-weight: 400; } .business_club_widget_latest_news .latest-news-meta > span { display: inline-block; } .business_club_widget_latest_news .latest-news-meta.byline .author.vcard { margin-left: -4px; } .business_club_widget_latest_news .latest-news-meta span.comments-link::before { content: "\f086"; } .business_club_widget_latest_news .latest-news-meta > .cat-links::before { content: "\f07c"; } .business_club_widget_latest_news .latest-news-meta > .byline::before { content: "\f007"; } .business_club_widget_latest_news .latest-news-meta .edit-link::before{ content: "\f044"; } .business_club_widget_latest_news .latest-news-meta .tags-links::before{ content: "\f02c"; } .business_club_widget_latest_news .latest-news-meta > .posted-on::before{ content: "\f073"; } /*sidebar and footer widget area style*/ #footer-widgets .business_club_widget_latest_news .latest-news-item, .sidebar .business_club_widget_latest_news .latest-news-item{ margin-bottom: 15px; width: 100%; } .latest-news-widget a.button { display: inline-block; clear: both; width: 160px; text-align: center; margin: 0 auto; display: block; padding: 10px 20px; border-radius: 2px; margin-top: 30px; } .inner-wrapper::after, .inner-wrapper::before { content: ""; display: table; clear: both; } /*-------------------------------------------------------------- ## Custom Woocommerce --------------------------------------------------------------*/ .entry-content p.cart-empty { margin-bottom: 15px; } .woocommerce #primary .button, .woocommerce #review_form #respond .form-submit input { background: #179bd7!important; font-weight: normal; border-radius: 0; color: #fff; } .woocommerce #primary .button:hover, .woocommerce #review_form #respond .form-submit input:hover { background-color: #ffbe00!important; } .woocommerce div#primary #main { background: #fff; box-shadow: 6px 7px #ddd; border: 1px solid #f1f0f0; border-top: inherit; margin-bottom: 30px; padding:20px; } .authorbox { background: #ffffff none repeat scroll 0 0; margin-top: 20px; overflow: hidden; padding: 15px; } .authorbox img { border-radius: 100%; } .authorbox .author-avatar { float: left; margin: 5px 15px 10px 0; } .authorbox.no-author-avatar .author-info { margin-left: 0; } .authorbox .author-bio-posts-content { margin-top: 10px; } .authorbox .author-bio-posts-content p { margin: 0; } .authorbox .author-bio-posts-content ul { list-style-position: inside; margin: 0; } .woocommerce span.onsale { background-color: orange; } .woocommerce .products .star-rating { display: inline-block; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { padding-bottom: 20px; background: rgba(241, 240, 240, 0.25); box-shadow: 0 0 1px #DDD; text-align: center; } .woocommerce .star-rating span:before { color: orange; } /*-------------------------------------------------------------- ## Media Queries --------------------------------------------------------------*/ /* Smaller than standard 1139 (devices and browsers) */ @media only screen and (max-width:1260px) { .container { width: 97%; } .comments-area form#commentform p { float: left; width: 100%; } #commentform label { display: inline; } #comments input#submit { width: auto; } #main-slider .cycle-caption { visibility: visible; } .cta-layout-1.business_club_widget_call_to_action .widget-title { padding-left: 0; } .cta-layout-1.business_club_widget_call_to_action .button { font-size: 15px; margin: 0 2px; padding: 10px 15px; } } /* Smaller than standard 1024 (devices and browsers) */ @media only screen and (max-width:1023px) { h1 { font-size: 22px; } h2 { font-size: 20px; } h3{ font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 15px; } h6 { font-size: 14px; } /*Main slider*/ #main-slider .cycle-caption { top: 13%; } #main-slider .cycle-slide { width: 100%; } #main-slider h3 { margin-bottom:5px; font-size: 27px; } #main-slider .slider-buttons { margin-top: 10px; } #main-slider .cycle-pager { bottom: 10px; } td, th { font-size: 12px; padding: 2px; text-align: center; } .main-navigation ul ul a { padding-bottom: 5px; padding-top: 5px; } .business_club_widget_latest_news .latest-news-meta .latest-news-comments { clear: both; display: block; float: none; } .cta-layout-1.business_club_widget_call_to_action .cta-content { text-align: center; width: 100%; } .cta-layout-1.business_club_widget_call_to_action .button { font-size: 15px; margin: 4px 10px; padding: 10px 15px; } .three-columns-enabled #primary { display: inline-block; float: none; width: 100%; } .global-layout-three-columns .sidebar { float: left; width: 50%; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width:900px) { body{ padding-top: 0; } #page { padding-top:45px; } #main-nav { display: none; } .sidr-open #mobile-trigger { transition: inherit; } #mobile-trigger { background: #222 none repeat scroll 0 0; display: block; left: 0; padding: 5px; position: fixed; text-align: center; top: 0; width: 100%; z-index: 999999; } .logged-in #mobile-trigger { top: 45px; } .sidr-open #mobile-trigger { padding-left: 275px; text-align: left; transition: inherit; } .sidr-open #mobile-trigger { top: 0; } #masthead { text-align: center; } .site-logo-link, .custom-logo-link { max-width: inherit; } #mobile-trigger i { background-color: #179bd7; box-shadow: 4px 3px 0 #000000; color: #ffffff; font-size: 24px; padding: 6px 8px; } .sidr ul li ul li a, .sidr ul li ul li span { line-height: 1.5; padding-bottom: 10px; padding-left: 30px; padding-top: 10px !important; } body .sidebar, body #primary { width: 100%; padding-bottom: 30px; } .business_club_widget_services_primary .service-col-4 .service-block-item, .business_club_widget_latest_news .latest-news-col-4 .latest-news-item { width: 50%; } .services-layout-1.business_club_widget_services .service-block-item, .business_club_widget_latest_news .latest-news-item, .service-block-item, .business_club_widget_services_primary .service-block-item, .our-team-item { padding:10px; } .services-layout-1.business_club_widget_services .service-item-title { font-size: 14px; } .cta-layout-1.business_club_widget_call_to_action .call-to-action-buttons { float: inherit; } .inner-wrapper { margin-left: -10px; margin-right: -10px; } #primary, .sidebar, #colophon{ padding-left: 10px; padding-right: 10px; } .cta-layout-1.business_club_widget_call_to_action .widget-title { float: none; margin-bottom: 15px; padding: 0; text-align: center; } .business_club_widget_latest_news .latest-news-meta > span.comments-link { display: block; float: inherit; margin: 0; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width:767px) { #tophead { text-align: center; } #header-social li { display: inline-block; margin: 0; padding: 10px; } #quick-contact li { clear: inherit; font-size: 14px; margin-right: 10px; margin-top: 5px; padding: 0; text-align: left; } #quick-contact li::before { font-size: 13px; margin-right: 0; padding: 8px 0; text-align: center; width: auto; border:inherit; } .site-logo-link, .custom-logo-link, #site-identity { display: block; margin: 0; text-align: center; } .site-branding { margin-right: 0; max-width: 80%; text-align: left; margin-top: 25px; } h1 { font-size: 22px; } h2 { font-size: 20px; } h3{ font-size: 18px; } h4 { font-size:16px; } h5 { font-size: 15px; } h6 { font-size: 14px; } .widget.business_club_widget_call_to_action { display: block; margin-bottom: 25px; padding: 15px; } .container { padding: 0 15px; } .site-layout-boxed #featured-slider, .site-layout-boxed #footer-widgets, .site-layout-boxed #colophon { margin-left: -15px; margin-right: -15px; } #featured-slider, #footer-widgets, #colophon { margin-left: 0; margin-right: 0; } #sidebar-front-page-widget-area .cta-layout-2.business_club_widget_call_to_action { margin: 0; padding: 20px 0; } .site-branding { text-align: left; } .site-content { padding-top: 15px; } /*featured slider style*/ #main-slider .cycle-caption h3 { font-size: 19px; font-weight: bold; line-height: 1.4; margin-bottom: 6px; } #main-slider .cycle-caption { width: 80%; left: 10%; } #main-slider .cycle-next { right: 0; } #main-slider .cycle-prev { left: 0; } #main-slider .cycle-caption p { display: none; } #main-slider .slider-buttons a { font-size: 15px; line-height: 1.5; margin: 4px 5px 0; min-width: 120px; padding: 4px 10px; text-transform: uppercase; } #sidebar-front-page-widget-area .widget { margin-top: 15px; } /*sidebar layout*/ #primary, #sidebar-primary, #sidebar-secondary { width: 100%; clear: both; float: none; } .global-layout-three-columns #primary, .global-layout-three-columns .sidebar { display: inline-block; float: none; width: 100%; } /*footer widget area*/ .sibebar{ margin-top: 15px; } #footer-widgets .widget-column{ float: left; padding: 0 15px 20px 0; width: 50%; } #footer-widgets .widget-column:nth-child(3n) { clear: both; } .services-layout-1.business_club_widget_services .service-block-list .service-block-item { width: 100%; } .business_club_widget_featured_page img.alignright, .business_club_widget_featured_page img.alignleft { margin-bottom: 10px; margin-left: 0; margin-right: 0; max-width: 100%; vertical-align: middle; } .cta-layout-2.business_club_widget_call_to_action .call-to-action-buttons { clear: both; display: block; float: none; margin-top: 15px; } #sidebar-front-page-widget-area .widget { margin-top: 0; padding: 20px 0; } .business_club_widget_call_to_action { padding: 15px; } .services-layout-1.business_club_widget_services .service-item-title { font-size: 21px; } .business_club_widget_latest_news .latest-news-meta > span.comments-link { float: right; margin: 0; } .widget { margin: 15px 0 0; } .business_club_widget_advanced_recent_posts img { float: left; } .business_club_widget_advanced_recent_posts { text-align: left; } .business_club_widget_latest_news .latest-news-widget .latest-news-item { width: 50%; } #footer-widgets { padding: 30px 15px; } #colophon .copyright, #colophon .site-info { clear: both; text-align: center; width: 100%; } .business_club_widget_latest_news .latest-news-meta > span.posted-on, .business_club_widget_latest_news .latest-news-meta > span.comments-link { float: none; } .site-logo-link, .custom-logo-link { margin-right: 12px; max-width: 44px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width:479px) { a.custom-logo-link { max-width: 95px; margin: 0 auto 15px; } #quick-contact a { padding: 5px 5px; } #quick-contact li { margin: 0 5px; } .business_club_widget_latest_news .latest-news-widget .latest-news-item { width: 100%; } .business_club_widget_latest_news .latest-news-col-4 .latest-news-item { width: 100%; } .featured-page-widget { clear: both; } #sidebar-front-page-widget-area .widget-title { font-size: 17px; font-weight: 600; margin-bottom: 5px; text-align: center; } .business_club_widget_call_to_action .button { border-radius: 0; color: #ffffff; display: inline-block; font-size: 13px; margin: 0 5px; padding: 5px 13px; transition: all 0.2s ease 0s; } .custom-logo-link, .site-logo-link, #site-identity, .site-title { display: block; float: none; margin-right: 0; text-align: center; width: 100%; max-width: inherit; margin-bottom: 5px; } .site-branding { float: none; max-width: 100%; text-align: center; } #main-slider .slider-buttons a { font-size: 13px; line-height: 1.5; margin: 0 5px; min-width: inherit; padding: 0 10px; text-transform: capitalize; } #main-slider .cycle-caption { top:15%; } #main-slider .pager-box { height: 4px; margin: 0 3px; width: 15px; z-index: 99; } #main-slider .cycle-pager { bottom: 10px; } #main-slider .cycle-prev, #main-slider .cycle-next { padding: 0 10px; top: 33%; } #main-slider .cycle-prev i, #main-slider .cycle-next i { font-size: 28px; } #main-slider .cycle-caption h3 { font-size: 16px; height: auto; margin-bottom: 0; overflow: hidden; } #main-slider .cycle-caption p { display: none; } #footer-widgets .footer-widget-area { width: 100%; } #footer-widgets .footer-widget-area:first-child { border: none; margin-top: 0; padding-top: 0; } #footer-widgets .widget-column { width: 100%; padding-top: 15px; border-top: 1px solid #fff; margin-top: 15px; } .site-description { margin-bottom: 0; } .cta-layout-2.business_club_widget_call_to_action p { color: #ffffff; font-size: 13px; } .business_club_widget_latest_news .latest-news-widget .latest-news-item, .widget.business_club_widget_services_primary .service-block-item { width: 100%; } .search-box .search-box-wrap { right: 3%; width: 263px; } .social-links { float: right; max-width: 208px; text-align: right; } .social-links .business_club_widget_social li { display: inline-block; float: none; } .search-box { float: right; position: relative; width: 33px; } .right-head { float: inherit; } #masthead .right-head { border-top: 1px solid #dddddd; clear: both; float: left; margin: 10px 0 0; padding: 23px 0 10px; width: 100%; } #header-social li { border: medium none !important; float: inherit; } #header-social { clear: both; float: none; text-align: center; width: 100%; } #quick-contact { float: inherit; margin-top: 0; text-align: center; width: 100%; } #quick-contact li { clear: inherit; display: inline-block; float: inherit; margin:0 5px; margin-top: 5px; padding: 0; text-align: center; } .right-head .header-search-box .search-box-wrap { top: 31px; width: 280px; } .cart-section { float: left; } }