/* Theme Name: BusiPlus Theme URI: Author: spicethemes.com Author URI: http://spicethemes.com Description: BusiPlus is a responsive and fully customizable template for Business. Advanced admin panel enable you to customize theme without any technical information, on the other hand we provide 6 predefined colors scheme to change all the styles.Customize existing graphics to create your own unique website interface. Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, sticky-post, threaded-comments, translation-ready Version: 0.1 License URI: spicethemes.com License: GNU General Public License v3 or later Text Domain: busiplus */ html { font-size: 14px; } @media(min-width:60em) { html { font-size: 16px; } } body { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 0.9375rem; /*=15px*/ line-height: 1.6; font-weight: 400; padding: 0; background-attachment: fixed; text-rendering: optimizeLegibility; } h1, .h1 { font-size: 2rem; } /* =32px */ h2, .h2 { font-size: 1.875rem; } /* =30px */ h3, .h3 { font-size: 1.5rem; } /* =24px */ h4, .h4 { font-size: 1.25rem; } /* =20px */ h5, .h5 { font-size: 1.125rem; } /* =18px */ h6, .h6 { font-size: 1rem; } /* =16px */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin: 0px; font-weight: 600; } #wrapper { margin: 0 auto; position: relative; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; } /*Header Social Icons---------------------------------------------------------------------------------------------------*/ .top-header-detail { padding: 0px 0; font-weight: 400; } .header-contact-info1 { margin: 0px; padding: 10px 0; display: block; float: left; } .header-contact-info1 li { display: inline-block; padding: 0px; margin-right: 0px; font-size: 0.75rem; } .header-contact-info1 i { padding-right: 7px; } .header-contact-info2 { margin: 0px 0 0; padding: 10px 0; display: block; float: right; } .header-contact-info2 li { display: inline-block; padding: 0px; margin-right: 0px; font-size: 0.75rem; } .header-contact-info2 i { padding-right: 7px; } .sm-top-btn { float: right; margin: 0px; padding: 28px 0px 28px 15px; } /*Cart Detail Header--------------------------------------------------------------------------------------------------*/ .sm-top-btn .minicart-link { background-color: transparent; box-shadow: none; padding: 0 0 0 15px; } .sm-top-btn .minicart-link img { height: 25px; width: 25px; } .sm-seperate { margin: 0px; padding-bottom: 30px; } /*About Page Callout Css------------------------------------------------------------------------------------------------*/ .about-callout-section { padding: 70px 0 40px; } /*Page Title Section Css-------------------------------------------------------------------------------------*/ .page-title-section { height: 100%; margin: 0 0 0px; overflow: hidden; padding: 0; width: 100%; } .page-title-section .overlay { height: 100%; padding: 50px 0 48px; position: relative; width: 100%; } .page-title { background-position: center top; background-repeat: no-repeat; margin: 0 auto 0px; padding: 0px; position: relative; width: 99%; } .page-title h1 { letter-spacing: 1px; margin: 0px; word-wrap: break-word; } .page-breadcrumb { list-style: none outside none; margin-bottom: 0px; padding: 15px 0 0; font-weight: 500; text-align: right; line-height: 1.000rem; } .page-breadcrumb > li { display: inline-block; } .page-breadcrumb > li + li:before { content: "/ "; padding: 0 5px; } .page-seperator { height: 70px; width: 100%; overflow: hidden;} .margin-top { margin-top: 0px; } .margin-bottom { margin-bottom: 0px; } @media (min-width: 200px) and (max-width: 990px) { .page-title-section .overlay { padding: 25px 0 30px; } } @media only screen and (min-width: 200px) and (max-width: 767px) { .page-title h1 { text-align: center; } .page-breadcrumb { text-align: center; padding: 15px 0 5px; } } /*About Us Css --------------------------------------------------------------------------------------------------------------------*/ .about-section { margin: 0px; padding: 0 0 70px; overflow: hidden; width: 100%; } .about-img-area { margin: 0; padding: 1px; position: relative; } .about-img-area img { border-radius: 0px; } .about-section h2 { margin-bottom: 25px; margin-top: 0; padding: 0px; } .about-section p { margin: 0 0 15px; padding: 0px; } .about-social { float: left; margin: 0px 0px 0px 0px; padding: 5px 0; } .about-social li { border-radius: 0; cursor: pointer; display: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: 35px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; padding: 0px; text-align: center; transition: background 0.2s ease-in-out 0s; width: 35px; } .about-social li > a > i { font-size: 0.875rem; line-height: 2.5; transition: color 0.2s ease-in-out 0s; } /*Homepage Blog Section Css-------------------------------------------------------------------------------------------------------------*/ .home-news { padding: 70px 0 30px; margin: 0; width: 100%; } .home-news .post { border-radius: 0; margin-bottom: 40px; padding: 25px 15px; transition: all 0.4s ease 0s; } .home-news .post-thumbnail { margin: 0px 0 20px; position: relative; } .home-news .post-thumbnail img { transition: all 300ms ease-out 0s; width: 100%; opacity: 1; } .home-news .post .entry-header { margin: 0 0 21px; } .home-news .post .entry-header .entry-title { color: #0f0f16; line-height: 1.3; margin: 0px; font-weight: 700; margin: 0 0 10px; } .entry-header .entry-title > a { text-decoration: none; transition: all 0.4s ease 0s; } /*Blog Meta*/ .entry-meta { font-size: 0.813rem; line-height: 1.5; font-weight: 600; margin: 0 0 15px; padding: 0; width: 100%; overflow: hidden; } .entry-meta > span { margin: 0px 10px 0px 0px; } .entry-meta a { font-weight: 700; padding: 0px 0 0px 2px; display: inline-block; transition: all 0.3s ease 0s; } /*Meta Date*/ .entry-meta .entry-date { margin: 0; } .entry-meta .entry-date > a { font-weight: 600; padding: 0px 10px; margin: 0; } /*More Link*/ .home-news .more-link { margin: 17px 0 0px; } .blog-section .more-link { margin: 0px; } .home-news .more-link, .blog-section .more-link { font-size: 0.938rem; font-weight: 800; box-shadow: none; display: inline-block; transition: all 0.3s ease 0s; } .home-news .more-link::after, .blog-section .more-link::after { content: "\f178"; font-family: FontAwesome; margin: 0 0 0 7px; padding: 0; float: right; font-weight: 100; position: relative; } /*Blog Section Css-------------------------------------------------------------------------------------------------------------*/ .blog-section { margin: 0px 0 40px; padding: 0; width: 100%; } .blog-section .post { border-radius: 0; margin-bottom: 40px; padding: 30px 15px 5px; transition: all 0.4s ease 0s; } .blog-section .post-thumbnail { margin: 0px 0 20px; position: relative; transition: all 200ms ease-out 0s; } .blog-section .post-thumbnail img { transition: all 300ms ease-out 0s; width: 100%; opacity: 1; } .blog-section .post .entry-header { margin: 0 0 21px; } .blog-section .post .entry-header .entry-title { font-weight: 700; line-height: normal; margin: 0px 0 15px; padding: 2px 0 0; } .blog-section .post .entry-header .entry-title > a { text-decoration: none; transition: all 0.4s ease 0s; } .blog-section .post .entry-content { display: block; overflow: hidden; margin: 0px; } .blog-section .post .entry-content p { margin: 0 0 20px; padding: 0; } .blog-section .entry-meta { font-size: 0.875rem; } .post.format-link .entry-content p a { box-shadow: 0 1px 0 0 currentColor; } .post.format-link .entry-content p a:hover, .post.format-link .entry-content p a:focus { box-shadow: none; } /*Blog Pagination*/ .blog-pagination { margin: 0 0 40px; overflow: hidden; padding: 0; text-align: center; } .blog-pagination a { cursor: pointer; display: inline-block; font-family: 'OpenSansSemiBold'; transition: all 0.3s ease 0s; font-size: 1.125rem; border-radius: 50%; margin: 0 3px 10px; padding: 8px; vertical-align: baseline; white-space: nowrap; width: 40px; height: 40px; } .blog-author { float: none; margin: 0 0px 40px 0; padding: 30px 25px; } .blog-author img { height: 100px; margin-right: 15px; width: 100px; } .blog-author h6 { margin: 0 0 15px; } .blog-author p { margin: 0px; } .blog-author-social { margin: 20px 0 0; padding: 0; } .blog-author-social li { cursor: pointer; display: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; min-height: 1.876rem; min-width: 1.876rem; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; padding: 0px; text-align: center; transition: background 0.2s ease-in-out 0s; } .blog-author-social li > a { font-size: 0.875rem; line-height: 2; transition: 0.2s ease-in-out 0s; } .comment-section { float: none; margin: 0 0px 40px 0; padding: 30px 25px 5px; } .comment-title { display: block; margin: 0 0 25px; padding: 0 0 15px; } .comment-title h3 { margin: 0; padding: 0; } .comment-title h3 > i { margin-right: 8px; } .comment-box { margin: 0 !important; padding: 0; position: relative; } .pull-left-comment { float: left; margin-right: 25px; width: 70px; height: auto; } .comment-img { border-radius: 100%; max-width: 100%; margin: 2px 0 20px; } .comment-detail { margin-bottom: 40px; margin-left: 0; padding: 0 0 25px; } .comment-detail-title { margin: 0 0 15px; } .comment-date { float: right; margin: 0; padding-left: 7px; vertical-align: middle; } .comment-detail p { margin: 0 0 27px; } .reply a { border-radius: 2px; display: inline-block; font-size: 0.813rem; padding: 3px 15px; } .comment-form-section { float: none; margin: 0 0px 40px 0; padding: 30px 25px; } .cont-form-section { float: none; margin: 0 0px 30px 0; padding: 30px 25px; } .form-inline .blog-form-group, .form-inline .cont-form-group { display: inline-block; margin-bottom: 0; margin-right: 5px; vertical-align: middle; width: 100%; } .blog-form-control, .cont-form-control { border-radius: 0; display: inline-block; font-weight: 600; font-size: 0.875rem; height: 46px; margin-bottom: 20px; padding: 6px 12px; vertical-align: middle; width: 100%; } .form-inline .blog-form-group-textarea, .form-inline .cont-form-group-textarea { display: inline-block; margin-bottom: 0; vertical-align: middle; width: 100%; } .blog-form-control-textarea, .cont-form-control-textarea { border-radius: 0; display: inline-block; font-weight: 600; font-size: 0.875rem; margin-bottom: 25px; padding: 6px 12px; vertical-align: middle; width: 100%; } .blogdetail-btn, .cont-btn { display: block; margin: 0 0 10px; } .blogdetail-btn a, .cont-btn a { border-radius: 2px; display: inline-block; font-size: 0.875rem; font-weight: 600; margin-bottom: 0; padding: 10px 20px; text-align: center; text-align: center; transition: all 0.4s ease 0s; } /*Blog Post Fomrat Section Css---------------------------------------------------------------------------------------------------*/ /*Post Format - Video*/ .video-wrapper { margin: 0 0 20px; position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; } .video-wrapper iframe { width:100%; height:300px; border: 0 none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*Post Format - Aside*/ .blog-section .post.format-aside p { font-size: 1.125rem; } /*Post Format - Audio*/ .audio-player { bottom: 0; padding: 0px 40px; position: absolute; right: 0; left: 0; z-index: 1; } /*Post Format - Link*/ .blog-section .post.format-link p { font-size: 1.125rem; } /*Post Format - Link*/ .gallery-content { margin: 0 0 20px !important; padding: 0; } /*Post Format - Aside*/ .status-content { display: block; margin: 0; overflow: hidden; padding: 20px 25px; } .status-content p { font-size: 1.125rem; margin: 0; padding: 0; } /*Post Format - Chat*/ .chat-content { display: block; margin: 0 0 0px; overflow: hidden; } .chat-content p { font-size: 1.000rem; margin: 0 0 10px; padding: 0; } .chat-content p:last-child { margin: 0 0 0px; } /*Sidebar Section Css---------------------------------------------------------------------------------------------------*/ .sidebar { margin-bottom: 0px; margin-left: 0; padding: 0px; } .sidebar .widget { margin-bottom: 40px; margin-top: 0; overflow: hidden; padding: 30px 25px; } .sidebar .section-header { width: 100%; margin-bottom: 0px; margin-top: 0px; padding: 16px 20px; display: block; text-align: left; } .sidebar .section-header h3.widget-title { font-size: 1.250rem; margin: 0; padding-bottom: 0px; word-wrap: break-word; } .sidebar-menu-box { display: block; } /*Sidebar Latest Post Widget*/ .sidebar .widget .post{ margin-bottom: 17px; margin-top: 0 !important; padding: 0 0 17px 0; overflow: hidden; } .sidebar .widget .post:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px; } .sidebar .widget .post h3.entry-title { display: block; font-size: 1.250rem; margin-bottom: 10px; margin-top: -4px; word-wrap: break-word; } .sidebar .widget .post h3.entry-title a { transition: all 0.3s ease 0s; } .sidebar .widget .post .entry-content { margin: 0px; display: block; } .sidebar .widget .post a.post-thumbnail { display: block; float: left; width: 90px; margin-left: 0; margin-right: 25px; padding: 1px; } .sidebar .widget .post a.post-thumbnail img { display: block; height: auto; max-width: 100%; transition: all 0.3s ease-in-out 0s; } .sidebar .widget .post:hover a.post-thumbnail img { opacity: 0.7px; } /*Sidebar Calender Widget*/ .widget_calendar {} .sidebar table { font-weight: 500; font-size: 0.938rem; border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0; text-align: center; table-layout: fixed; width: 100% } .sidebar #wp-calendar caption { text-align: center; font-weight: 600; font-size: 1.000rem; margin: 0; padding: 10px 0; } .sidebar #calendar_wrap th { text-align: center; border-width: 0 1px 1px 0; line-height: 1.9375; } .sidebar #calendar_wrap td { border-width: 0 1px 1px 0; line-height: 1.9375; } .sidebar #wp-calendar tr td { border-width: 0 1px 1px 0; line-height: 1.9375; } .sidebar #wp-calendar a { font-weight: 600; } .sidebar #wp-calendar #next a { font-weight: 600; } .sidebar #wp-calendar #prev a { font-weight: 600; } /*Sidebar Widget Archive, Widget categories, Widget Links, Widget Meta, widget Nav Menu, Widget Pages, Widget Recent Comments, Widget Recent Entries */ .sidebar .widget_archive ul, .sidebar .widget_categories ul, .sidebar .widget_links ul, .sidebar .widget_meta ul, .sidebar .widget_nav_menu ul, .sidebar .widget_pages ul, .sidebar .widget_recent_comments ul, .sidebar .widget_recent_entries ul { list-style: outside none none; margin: 0; padding: 0; } .sidebar .widget_archive li:first-child, .sidebar .widget_categories li:first-child, .sidebar .widget_links li:first-child, .sidebar .widget_meta li:first-child, .sidebar .widget_nav_menu li:first-child, .sidebar .widget_pages li:first-child, .sidebar .widget_recent_comments li:first-child, .sidebar .widget_recent_entries li:first-child { border-top: 0 none; padding-top: 0; } .sidebar .widget_archive li:last-child, .sidebar .widget_categories li:last-child, .sidebar .widget_links li:last-child, .sidebar .widget_meta li:last-child, .sidebar .widget_nav_menu li:last-child, .sidebar .widget_pages li:last-child, .sidebar .widget_recent_comments li:last-child, .sidebar .widget_recent_entries li:last-child { padding-bottom: 0px; border-bottom: 0 none; } .sidebar .widget_archive li, .sidebar .widget_categories li, .sidebar .widget_links li, .sidebar .widget_meta li, .sidebar .widget_nav_menu li, .sidebar .widget_pages li, .sidebar .widget_recent_comments li, .sidebar .widget_recent_entries li { font-weight: 500; border-bottom: 1px dotted #c5d1dc; margin-right: 0; padding: 12px 0; vertical-align: top; } .sidebar .widget_archive a, .sidebar .widget_categories a, .sidebar .widget_links a, .sidebar .widget_meta a, .sidebar .widget_nav_menu a, .sidebar .widget_pages a, .sidebar .widget_recent_comments a, .sidebar .widget_recent_entries a { border: 0 none; } .sidebar .widget_archive a::before, .sidebar .widget_categories a::before, .sidebar .widget_links a::before, .sidebar .widget_meta a::before, .sidebar .widget_nav_menu a::before, .widget_pages a::before, .sidebar .widget_recent_entries a::before { content: "\f00c"; font-family: FontAwesome; margin-right: 10px; margin-left: 1px; } .sidebar .widget_recent_comments a::before { content: ""; font-family: FontAwesome; display: none; margin-right: 10px; margin-left: 1px; font-size: 0.875rem; } .sidebar ul#recentcomments li.recentcomments span.comment-author-link { font-weight: 700; color: #64646d; } /*Sidebar Search*/ .sidebar form.search-form span.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); font-size: 1.000rem; font-weight: 500; height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .sidebar form.search-form input.search-field { padding: 6px 12px; height: 45px; border-radius: 2px; font-size: 1.000rem; letter-spacing: 1px; font-weight: 500; -webkit-box-shadow: none; box-shadow: none; } .sidebar form.search-form input.search-submit { border: 0 none; border-radius: 2px; display: inline-block; font-size: 1.000rem; height: 42px; margin: 0; padding: 12px 24px; text-align: center; transition: all 0.4s ease 0s; } /*Sidebar Tags*/ .sidebar .tagcloud { margin: 0px; overflow: hidden; padding: 0px 0; } .sidebar .tagcloud a { cursor: pointer; display: inline-block; font-size: 0.938rem; margin: 0 5px 10px 0; padding: 6px 14px; transition: all 0.3s ease 0s; vertical-align: baseline; white-space: nowrap; } /*Theme Unit Data Css --------------------------------------------------------------------------------------------------------*/ blockquote { margin: 5px 0 25px; font-size: 1.250rem; } blockquote p { font-size: 18px; } blockquote cite, blockquote small, blockquote a { display: block; font-size: 1rem; line-height: 1.75; font-weight: 600; margin: 10px 0 0; } .blog-section .post table { margin: 0 0 25px; padding: 0; } .blog-section .post th, .blog-section .post td { padding: 0.4em; color: #64646d; } .blog-section .post th { border-width: 0 1px 1px 0; font-weight: 700; } .blog-section .post caption, .blog-section .post th, .blog-section .post td { text-align: left; } .blog-section .post table a { text-decoration: none; } .blog-section .post .entry-content > h1:first-child, .blog-section .post .entry-content > h2:first-child, .blog-section .post .entry-content > h3:first-child, .blog-section .post .entry-content > h4:first-child, .blog-section .post .entry-content > h5:first-child, .blog-section .post .entry-content > h6:first-child, .blog-section .post .entry-summary > h1:first-child, .blog-section .post .entry-summary > h2:first-child, .blog-section .post .entry-summary > h3:first-child, .blog-section .post .entry-summary > h4:first-child, .blog-section .post .entry-summary > h5:first-child, .blog-section .post .entry-summary > h6:first-child, .blog-section .post .page-content > h1:first-child, .blog-section .post .page-content > h2:first-child, .blog-section .post .page-content > h3:first-child, .blog-section .post .page-content > h4:first-child, .blog-section .post .page-content > h5:first-child, .blog-section .post .page-content > h6:first-child, .blog-section .post .comment-content > h1:first-child, .blog-section .post .comment-content > h2:first-child, .blog-section .post .comment-content > h3:first-child, .blog-section .post .comment-content > h4:first-child, .blog-section .post .comment-content > h5:first-child, .blog-section .post .comment-content > h6:first-child { margin-top: 0; } .blog-section .post .entry-content > h1, .blog-section .post .entry-content > h2, .blog-section .post .entry-content > h3, .blog-section .post .entry-content > h4, .blog-section .post .entry-content > h5, .blog-section .post .entry-content > h6, .blog-section .post .entry-summary > h1, .blog-section .post .entry-summary > h2, .blog-section .post .entry-summary > h3, .blog-section .post .entry-summary > h4, .blog-section .post .entry-summary > h5, .blog-section .post .entry-summary > h6, .blog-section .post .page-content > h1, .blog-section .post .page-content > h2, .blog-section .post .page-content > h3, .blog-section .post .page-content > h4, .blog-section .post .page-content > h5, .blog-section .post .page-content > h6, .blog-section .post .comment-content > h1, .blog-section .post .comment-content > h2, .blog-section .post .comment-content > h3, .blog-section .post .comment-content > h4, .blog-section .post .comment-content > h5, .blog-section .post .comment-content > h6 { margin-top: 25px; margin-bottom: 25px; } .blog-section .post dl dt { font-weight: 700; margin-bottom: 5px; } .blog-section .post dl dd { margin-left: 10px; margin-bottom: 25px; } .blog-section .post ul li ul, .blog-section .post ol li ol { padding-left: 25px; } .blog-section .post ul li, .blog-section .post ol li { padding: 5px 0; } .blog-section .post p > big { font-size: 125%; } .blog-section .post p > mark, .blog-section .post p > ins { text-decoration: none; } .blog-section .post pre { margin: 0 0 20px; } /*Contact Section Css-------------------------------------------------------------------------------------------------------------*/ .contact-section { margin: 0px 0 0px; padding: 0; width: 100%; } .sm-cont-widget { margin-bottom: 30px; margin-top: 0; overflow: hidden; padding: 30px 25px; } .cont-description { display: block; overflow: hidden; margin: 0 0 28px; } .cont-description p { margin: 0; padding: 0; } .cont-info { display: block; overflow: hidden; margin: 0 0 30px; } .cont-info address { margin-bottom: 12px; } .cont-info address > i { margin-right: 7px; } .cont-info address > a { font-weight: 600; } .cont-title { font-weight: 600; margin-top: 0px; margin-bottom: 20px; } .cont-social { margin: 0px 0 10px; padding: 0; } .cont-social li { border-radius: 0; cursor: pointer; display: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; min-height: 1.876rem; min-width: 1.876rem; margin-bottom: 0px; margin-right: 0px; margin-top: 5px; padding: 0px; text-align: center; transition: background 0.2s ease-in-out 0s; } .cont-social li a { font-size: 0.875rem; line-height: 2; padding-right: 0 !important; } .map-section { float: none; margin: 30px 0 80px; } .cont-google-map { margin-bottom: 50px; margin-top: 20px; margin: 0px; } /*Gallery Section Css----------------------------------------------------------------------------------------------------------*/ .gallery-section { margin: 10px 0 40px; padding: 0; } .gallery-area { margin: 0 0 40px; } .gallery-section .gallery-image { border: 4px solid #fff; -moz-box-shadow: 0px 0px 2px #ccc; -webkit-box-shadow: 0px 0px 2px #ccc; box-shadow: 0px 0px 1px #ccc; } .gallery-section .gallery-thumbnail { width: 100%; overflow: hidden; position: relative; transition: all 200ms ease-out 0s; } .gallery-section .gallery-thumbnail img { transition: all 300ms ease-out 0s; width: 100%; opacity: 1; } .gallery-section .gallery-image .gallery-thumbnail:hover img { -webkit-transform: scale(1.15);/* Saf3.1+, Chrome */ -moz-transform: scale(1.15); /* FF3.5+ */ -ms-transform: scale(1.15); /* IE9 */ -o-transform: scale(1.15); /* Opera 10.5+ */ transform: scale(1.15); opacity: 1; } #gallery-carousel .gallery-image { margin: 0px 0 40px; } .top-bottom { padding: 70px 0 30px; margin: 0; } /*Gallery Lightbox*/ .gallery-showcase-overlay { background: rgba(0, 0, 0, 0.7); visibility: hidden; opacity: 0; transition: all 0.4s ease; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 0; padding: 1.42857rem; } .gallery-section .gallery-image .gallery-thumbnail:hover .gallery-showcase-overlay { visibility: visible; opacity: 1; height: 100%; } .gallery-section .gallery-image .gallery-thumbnail{ text-align:center; position:relative; line-height:0px; font-size:0px; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; width:100%; position:relative; height:100%; overflow:hidden; } .gallery-section .gallery-image .gallery-thumbnail .gallery-showcase-icons { margin: -20px 0 0; position: absolute; top: 50%; right: 0;width: 100%; } .gallery-section .gallery-image .gallery-thumbnail .gallery-showcase-icons a { font-size: 1.250rem; line-height: 2.1; display: inline-block; margin: 0 0 0 10px; padding: 1px; opacity: 1; text-decoration: none; text-align: center; color: #0f0f16; width: 2.85714rem; height: 2.85714rem; border-radius: 50%; background-color: #fff; -wekbit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -wekbit-transform: translateY(30px); -moz-transform: translateY(30px); -o-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } .gallery-section .gallery-image .gallery-thumbnail:hover .gallery-showcase-icons a { -wekbit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .gallery-section .gallery-image .gallery-thumbnail .gallery-showcase-icons a:hover { opacity: 1; } .gallery-area .gallery-caption { color: #fff; font-size: 1.250rem; font-weight: 500; margin: 0 0 10px; text-shadow: 2px 2px 1px #000; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; -wekbit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .gallery-area:hover .gallery-caption { -wekbit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .padding0 { padding-left: 0 !important; padding-right: 0 !important; } .border0 { box-shadow: none !important; border: none !important; } /*Footer Widget Section-----------------------------------------------------------------------------------------------------------------*/ .footer-section { margin: 0; padding: 80px 0 0; width: 100%; } .footer-sidebar { padding: 0; } .footer-sidebar .widget { margin-bottom: 40px; margin-top: 0; overflow: hidden; padding: 30px 25px; } .footer-sidebar .widget { margin-bottom: 60px; margin-top: 0; overflow: hidden; padding: 0; } .footer-sidebar .section-header { width: 100%; padding: 0 0 15px; margin: 0 0 40px; display: block; text-align: left; } .footer-sidebar .section-header h3.widget-title { font-weight: 400; margin: 0; padding-bottom: 0px; word-wrap: break-word; } .footer-sidebar .section-header span { bottom: 2px; display: block; height: 4px; margin: 0; position: absolute; bottom: -2px; left: 0; width: 30px; } /*Sidebar Latest Post Widget*/ .footer-sidebar .widget .post{ margin-bottom: 17px; margin-top: 0 !important; padding: 0 0 17px 0; overflow: hidden; } .footer-sidebar .widget .post:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px; } .footer-sidebar .widget .post h3.entry-title { display: block; font-weight: 400; font-size: 1.250rem; margin-bottom: 10px; margin-top: -4px; word-wrap: break-word; } .footer-sidebar .widget .post h3.entry-title a { transition: all 0.3s ease 0s; } .footer-sidebar .widget .post .entry-content { margin: 0px; display: block; } .footer-sidebar .widget .post a.post-thumbnail { display: block; float: left; width: 80px; margin-left: 0; margin-right: 25px; padding: 1px; } .footer-sidebar .widget .post a.post-thumbnail img { display: block; height: auto; max-width: 100%; transition: all 0.3s ease-in-out 0s; } .footer-sidebar .widget .post:hover a.post-thumbnail img { opacity: 0.7px; } /*Sidebar Calender Widget*/ .widget_calendar {} .footer-sidebar table { font-size: 0.938rem; font-weight: 500; letter-spacing: 0.8px; border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0; text-align: center; table-layout: fixed; width: 100% } .footer-sidebar #wp-calendar caption { font-size: 1.000rem; font-weight: 600; text-align: center; letter-spacing: 0.8px; margin: 0; padding: 10px 0; } .footer-sidebar #calendar_wrap th { text-align: center; border-width: 0 1px 1px 0; line-height: 1.9375; } .footer-sidebar #calendar_wrap td { border-width: 0 1px 1px 0; line-height: 1.9375; } .footer-sidebar #wp-calendar tr td { border-width: 0 1px 1px 0; line-height: 1.9375; } .footer-sidebar #wp-calendar a { font-weight: 600; } .footer-sidebar #wp-calendar #next a { font-weight: 600; } .footer-sidebar #wp-calendar #prev a { font-weight: 600; } /*Sidebar Widget Archive, Widget categories, Widget Links, Widget Meta, widget Nav Menu, Widget Pages, Widget Recent Comments, Widget Recent Entries */ .footer-sidebar .widget_archive ul, .footer-sidebar .widget_categories ul, .footer-sidebar .widget_links ul, .footer-sidebar .widget_meta ul, .footer-sidebar .widget_nav_menu ul, .footer-sidebar .widget_pages ul, .footer-sidebar .widget_recent_comments ul, .footer-sidebar .widget_recent_entries ul { list-style: outside none none; margin: 0; padding: 0; } .footer-sidebar .widget_archive li:first-child, .footer-sidebar .widget_categories li:first-child, .footer-sidebar .widget_links li:first-child, .footer-sidebar .widget_meta li:first-child, .footer-sidebar .widget_nav_menu li:first-child, .footer-sidebar .widget_pages li:first-child, .footer-sidebar .widget_recent_comments li:first-child, .footer-sidebar .widget_recent_entries li:first-child { border-top: 0 none; padding-top: 0; } .footer-sidebar .widget_archive li:last-child, .footer-sidebar .widget_categories li:last-child, .footer-sidebar .widget_links li:last-child, .footer-sidebar .widget_meta li:last-child, .footer-sidebar .widget_nav_menu li:last-child, .footer-sidebar .widget_pages li:last-child, .footer-sidebar .widget_recent_comments li:last-child, .footer-sidebar .widget_recent_entries li:last-child { padding-bottom: 0px; border-bottom: 0 none; } .footer-sidebar .widget_archive li, .footer-sidebar .widget_categories li, .footer-sidebar .widget_links li, .footer-sidebar .widget_meta li, .footer-sidebar .widget_nav_menu li, .footer-sidebar .widget_pages li, .footer-sidebar .widget_recent_comments li, .footer-sidebar .widget_recent_entries li { margin-right: 0; padding: 12px 0; vertical-align: top; } .footer-sidebar .widget_archive a, .footer-sidebar .widget_categories a, .footer-sidebar .widget_links a, .footer-sidebar .widget_meta a, .footer-sidebar .widget_nav_menu a, .footer-sidebar .widget_pages a, .footer-sidebar .widget_recent_comments a, .footer-sidebar .widget_recent_entries a { border: 0 none; transition: all 0.3s ease 0s; } .footer-sidebar .widget_archive a::before, .footer-sidebar .widget_categories a::before, .footer-sidebar .widget_links a::before, .footer-sidebar .widget_meta a::before, .footer-sidebar .widget_nav_menu a::before, .footer-widget_pages a::before, .footer-sidebar .widget_recent_entries a::before { content: "\f00c"; font-family: FontAwesome; margin-right: 10px; margin-left: 1px; } .footer-sidebar .widget_recent_comments a::before { content: "\f10c"; font-family: FontAwesome; margin-right: 10px; margin-left: 1px; font-size: 0.875rem; } /*Sidebar Search*/ .footer-sidebar form.search-form span.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); font-size: 1.000rem; font-weight: 500; height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .footer-sidebar form.search-form input.search-field { padding: 6px 12px; height: 45px; border-radius: 2px; font-size: 16px; letter-spacing: 1px; font-weight: 500; -webkit-box-shadow: none; box-shadow: none; } .footer-sidebar form.search-form input.search-submit { border: 0 none; border-radius: 2px; display: inline-block; font-size: 16px; font-weight: 600; line-height: 20px; height: 42px; margin: 0; padding: 12px 24px; text-align: center; transition: all 0.4s ease 0s; } /*Sidebar Tags*/ .footer-sidebar .tagcloud { margin: 0px; overflow: hidden; padding: 0px 0; } .footer-sidebar .tagcloud a { cursor: pointer; display: inline-block; letter-spacing: 0.8px; font-weight: 500; font-size: 15px; line-height: 20px; margin: 0 5px 10px 0; padding: 6px 14px; transition: all 0.3s ease 0s; vertical-align: baseline; white-space: nowrap; } /*Footer Sidebar Widget*/ .footer-sidebar .widget-address { margin-bottom: 0; margin-top: 25px !important; padding-bottom: 0; } .footer-sidebar .addr-icon { float: left; margin-left: 0; margin-right: 15px; transition: all 0.4s ease 0s; } .footer-sidebar .addr-icon i { /*font-size: 30px;*/ padding-left: 1px; font-size: 1.875rem; } .footer-sidebar .widget-address address { display: block; font-weight: 600; font-size: 1.250rem; margin-bottom: 10px; margin-top: 0; word-wrap: break-word; } .footer-sidebar .widget-address address > abbr { line-height: 25px; font-weight: 500; font-size: 0.875rem; margin: 0; padding: 0; } .footer-logo { margin: 0 0 40px; } /*Footer Copyrights Section--------------------------------------------------------------------------*/ .footer-copyright { padding: 0; } .footer-copyright .site-info { border-top: 1px dotted #403f4e; padding: 25px 0; text-align: center; } .footer-copyright .site-info p { color: #c4c4c4; margin: 0; padding: 0; } .footer-copyright .site-info a { color: #fff; } /* 404 Error Page Css -------------------------------------------------------------------------------------------------------------------------------------------- */ .404-section { margin: 0 0 30px; padding: 0; width: 100%; } .error_404 { clear: both; margin: 0 auto; padding: 30px 0 70px; text-align: center; width: 50%; } .error_404 h1 { font-size: 14rem; line-height: 1.1; margin: 20px 0; } .error_404 h1 > i { font-size: 13rem; padding: 0 10px; } .error_404 h4 { margin: 20px 0px 25px; font-size: 3rem; } .error_404 p { margin-bottom: 25px; font-size: 1.125rem; font-weight: 500; letter-spacing: 1px; } /*Scroll Layout Button*/ .hc_scrollup { border-radius: 0px; bottom: 0px; padding: 3px; display: none; height: 30px; opacity: 1; position: fixed; right: 60px; text-align: center; width: 30px; overflow: hidden; z-index: 9999; } .hc_scrollup:hover { opacity: 1; } .hc_scrollup i{ font-size: 14px; } /*Wordpress Default Classes----------------------------------------------------------------------------------*/ .sticky{} cite{ font-style: italic !important; } .bypostauthor{} img.alignnone{ display: block; margin: 0 auto; height: auto; width: 100%; } #attachment_907 { width: 100% !important; } .alignnone img{ display: block; height: auto; width: 99%; } img.alignleft, .wp-caption.alignleft{ margin-right: 30px; } img.alignright, .wp-caption.alignright{ margin-left: 30px; float: right;} img.wp-caption .alignnone { display: block; margin: 0 auto; height: auto; width: 100%; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption{ clear: left; font-style: italic; line-height: 1.5em; margin: 0.75em 0; text-align: center; } .wp-caption.alignright { margin: 5px 0 20px 20px;} .wp-caption p.wp-caption-text { font-size: 14px; margin: 12px 0; text-align: center; font-style: italic; line-height: 1.5em; } .wp-caption.alignleft { margin: 5px 20px 20px 0;} .gallery .gallery-icon img { height: auto; max-width: 90%; padding: 0; border: 5px solid #fff !important; -moz-box-shadow: 0 0 5px 2px #ccc; -webkit-box-shadow: 0 0 5px 2px #ccc; box-shadow: 0 0 5px 2px #ccc; } .gallery-item .gallery-caption, .hc_service_column .gallery-item .gallery-caption { font-size: 14px; margin: 12px 0; text-align: center; font-style: italic; line-height: 1.5em; } a img.alignright { float: right; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto;}