/* Theme Name: Bizzy Theme URI: http://www.logicbaseinteractive.com/bizzy-wordpress-theme-free/ Author: LogicBase Interactive Author URI: http://www.logicbaseinteractive.com/ Description: Bizzy theme is specially made for corporate, agencies, personal and business portfolio websites. The design is modern, minimal and elegant. Perfect for showcasing your company. Version: 1.0.0 Tags: black, white, blue, light, dark, one-column, two-columns, right-sidebar, responsive-layout, custom-menu, featured-images, theme-options, full-width-template, threaded-comments, translation-ready, photoblogging License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: bizzy */ /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } a:focus, a:hover, a:active { outline: none !important; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .sticky .entry-time { background-color: #353535 !important; } .gallery-caption { margin: 0; } .bypostauthor {} a { color: #1e73be; } body { background-color: #F4F4F4; font-family: 'Raleway', 'Arial'; } .clear { clear: both; } .btn { border-radius: 0; } .eff { opacity: 0; } .centered { float: none; margin: 0 auto } section.section { font-size: 16px; padding: 50px 0; } .primary-bg { background-color: #1e73be; } .secondary-bg { background-color: #fff; } .primary-color { color: #1e73be; } .primary-color:hover { text-decoration: none; } .secondary-color { color: #fff; } .secondary-color:hover { text-decoration: none; } .btn.primary-bg:hover { color: #fff; } .btn.secondary-bg:hover { color: #1e73be; } section.section .section-title { margin: 0 0 10px; font-size: 32px; font-weight: 500; text-align: center; text-transform: uppercase; } section.section .section-subtitle { color: #727272; font-family: "Droid Serif",serif; font-weight: 300; margin: 0 0 50px; text-align: center; } section.section .section-title.animated, section.section .section-subtitle.animated { opacity: 1; } /* Header */ header#head { margin-bottom: 25px; background: #1e73be; } .home header#head { background: transparent none repeat scroll 0 0; position: fixed; width: 100%; z-index: 9999; } .header-wrapper { margin-bottom: 20px; } .header_inside_cont { padding: 25px 0; transition: all 0.3s ease-in-out 0s; } .header_inside_cont.scrolled { position: fixed; width: 100%; top: 0; z-index: 9999; background: #1e73be; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5); padding: 25px 0 15px; } .header_inside_cont.scrolled .header_social, .header_inside_cont.scrolled .header_logo, .header_inside_cont.scrolled .header_text { display: none; } .header_inside_cont.scrolled .header_menu { text-align: center; width: 100%; margin: 0; } .header_title { font-size: 28px; } .header_title a { color: #fff; } .header_subtitle { font-size: 14px; color: #fff; } .header_wrapper { position: relative; } .home .header_logo, .header_text { left: 0; position: absolute; top: 0; } .header_social { font-size: 18px; } .header_social span { margin: 0 6px; } .header_social a { color: #ffffff; display: inline-block; margin: 0 3px; text-align: center; width: 28px; } /* Header Menu */ .header_menu ul { list-style-type: none; margin: 0; padding: 0; font-size: 0; } .header_menu ul li { display: inline-block; font-size: 14px; padding: 5px 10px; position: relative; box-sizing: border-box; border: 1px solid transparent; } .header_menu ul li.current-menu-item, .header_menu ul:not(.children) li:hover, .header_menu ul:not(.sub-menu) li:hover { border: 1px solid rgba(255, 255, 255, 0.5); } .header_menu ul > li > a { color: #ffffff; font-family: Raleway; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; } .header_menu ul li a:hover { text-decoration: none; } .header_menu ul li ul { border-top: 2px solid #1E73BE; position: absolute; top: 35px; left: -10px; background-color: #fff; z-index: -1; opacity: 0; transition: all ease-in-out .3s; visibility: hidden; } .header_menu ul li ul li { width: 180px; display: block; padding: 0; text-align: left; margin: 0; font-size: 14px; } .header_menu ul li ul li a { font-size: 12px; text-transform: none; padding: 6px 12px; display: block; color: #333; } .header_menu ul li ul li a:hover { text-decoration: none; background: #1e73be; color: #fff; } .header_menu ul li ul li:first-child a { border-top: none; } .header_menu ul li ul li ul { top: 0; left: 180px; } .header_menu ul li ul.show { z-index: 999; opacity: 1; left: 0; visibility: visible; } .header_menu ul li ul.show .show { left: 100%; } /*Mobile Menu*/ .sidr { background: #1e73be; box-shadow: none; } .sidr ul { border: none; } .sidr ul li ul { padding-left: 5px; } .sidr ul li:hover > a, .sidr ul li:hover > span, .sidr ul li.active > a, .sidr ul li.active > span, .sidr ul li.sidr-class-active > a, .sidr ul li.sidr-class-active > span, .sidr ul li ul li:hover > a, .sidr ul li ul li:hover > span, .sidr ul li ul li.active > a, .sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a, .sidr ul li ul li.sidr-class-active > span { box-shadow: none; } .sidr ul li { letter-spacing: 1px; border: medium none; line-height: 1; text-transform: uppercase; } .sidr ul li ul li { text-transform: none; padding: 0; border: none; line-height: 1 } .sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active, .sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active { border: none; line-height: 1; } .header_menu ul li.current-menu-item, .header_menu ul:not(.children) li:hover, .header_menu ul:not(.sub-menu) li:hover { border: 1px solid rgba(255,255,255,.5); } .sidr ul li a { color: #fff; margin: 0 0 0 15px; border-bottom: 1px solid rgba(255,255,255,.5); padding: 10px; } .sidr ul li ul li a { color: #fff; border: none; padding: 5px 0 5px 10px; } .sidr .header_social { float: none !important; text-align: center; margin: 15px 0; } .sidr .header_social a { margin: 0 3px; width: 20px; } /* Slider */ .home-slider { margin: 0; background: #000; } .home-slide { height: 700px; position: relative; background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: cover; background-color: rgba(0,0,0,.5); } .home-slider-wrapper { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; height: 100%; position: absolute; width: 100%; } .home-slider-text { box-sizing: border-box; left: 50%; max-width: 80%; min-width: 60%; padding: 20px; position: absolute; text-align: center; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .home-slider-text > h2 { color: #fff; font-size: 40px; font-weight: 600; letter-spacing: 2px; margin: 10px 0 30px; text-transform: uppercase; } .home-slider-text > p { color: #fff; font-family: Droid Serif; font-size: 16px; margin: 10px auto 30px; max-width: 80%; } .home-slide-btn { display: inline-block; font-size: 17px; padding: 10px 30px; text-transform: uppercase; } .home-slider .slick-prev,.home-slider .slick-next { height: 80px; top: 40%; width: 80px; z-index: 9999; } .home-slider .slick-prev { left: 0; } .home-slider .slick-next { right: 0; } .home-slider .slick-prev::before,.home-slider .slick-next::before { color: #fff; font-family: "FontAwesome"; font-size: 55px; opacity: 1; } .home-slider .slick-prev::before { content: '\f104'; } .home-slider .slick-next::before { content: '\f105'; } .home-slider .slick-dots { bottom: 30px; } .home-slider .slick-dots li button::before { color: #fff; font-size: 12px; opacity: 1; } .home-slider .slick-dots li.slick-active button::before { color: #1e73be; } /*Features*/ .feature-box { text-align: center; margin: 0 0 50px; } .feature-box:nth-child(3n+4) { clear: left; } .feature-box-img { min-height: 240px; overflow: hidden; position: relative; } .feature-box-img > a { height: 100%; left: 0; position: absolute; top: 0; width: 100%; transition: all 0.6s ease-in-out 0s; } .feature-box-img img { display: block; height: auto; left: 50%; margin: 0 auto; max-width: 100%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .feature-box-img > a:hover { transform: scale(1.15); } /*Company Details*/ .company-details-wrapper { text-align: center; } .company-detail a { color: #fff; } .company-detail i { display: block; font-size: 48px; margin: 0 0 30px; } /*Testimonials*/ .home-testimonials { background-color: #fff; background-size: cover; background-position: center; position: relative; } .home-testimonials .section-title { text-align: center; margin: 0 0 30px; font-synthesis: } .home-testimonials .section-title.animated { opacity: 1; } .home-testimonials .testimonial { padding: 0 10px; } .home-testimonials p { margin: 0 0 30px; position: relative; padding: 10px; box-sizing: border-box; } .home-testimonials p:before { content: '\f10d'; font-family: 'FontAwesome'; position: absolute; left: -5px; top: -5px; } .home-testimonials p:after { content: '\f10e'; font-family: 'FontAwesome'; position: absolute; right: -5px; bottom: -5px; } .testmonial-author { font-weight: 600; } .testmonial-position { color: #f9f9f9; font-size: 14px; font-style: italic; } .testi-overlay { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.5); top: 0; left: 0; } .home-testimonials .slick-dots li button::before { color: #fff; opacity: .8; } /* Content */ .home-blog-box-wrapper.animated { opacity: 1; } .home_blog_box { background-color: #fff; margin-bottom: 25px; } .home_blog_box .home_post_content { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); padding: 10px 25px 25px; } .home .home_blog_box .home_post_content { padding: 0; } .home_blog_box .home-post-data { padding: 10px 25px 25px; } .home_blog_box h3.single_title a { color: #333; } .home_blog_box h1.single_title, .home_blog_box h3.single_title { margin: 0 0 5px; font-size: 26px; color: #333; text-align: center; } .home_blog_box h1.single_title { font-size: 32px; text-align: center; } .home_blog_box h1.single_title::after { background: #1e73be none repeat scroll 0 0; content: ""; display: block; height: 2px; margin: 10px auto; width: 120px; } .home_blog_box .post_meta { text-align: center; margin: 0 0 20px; font-size: 12px; font-family: "droid serif","serif"; color: #bcbcbc; } .home_blog_box .post_meta a { color: #bcbcbc; } .home_blog_box .post_excerpt { font-size: 14px; margin: 20px 0 0 0; } .home_post_img { overflow: hidden; } .home_blog_box .home_post_img img { max-width: 100%; height: auto; margin: 0 auto; } .home_blog_box .home_post_img img { transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; display: block; } .home_blog_box .home_post_img img:hover { transform: scale(1.05); } .home_blog_box img { max-width: 100%; height: auto; } .home_blog_box.tag-box { padding: 10px; } .read_more { margin-top: 20px; } .read_more a { display: inline-block; padding: 6px 12px; font-size: 12px; text-transform: uppercase; } .post_meta_bottom { margin-top: 15px; } .single_box p { margin-bottom: 20px; } .comments_cont { padding: 30px; } .comment-meta { margin-bottom: 10px; } .page-links { margin: 15px 0; } #searchform #searchsubmit { background: #1e73be none repeat scroll 0 0; border: medium none; border-radius: 0; color: #fff; display: block; margin-top: 6px; padding: 4px 12px; } #searchform input { display: block; } input[type=text], input[type=password], input[type=email], input[type=search], input[type=number], textarea, select { display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } input[type=text]:focus, input[type=email]:focus, textarea:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); } input[type=submit] { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; background: #1e73be; color: #fff; } h3#comments, h2.comments-title { margin: 0 0 25px; } .commentlist { margin: 20px 0 } .commentlist .children { margin-top: 20px; } .commentlist li { list-style-type: none; margin: 0 0 20px 0; } .comment .avatar { float: left; margin-right: 1em; -webkit-border-radius: 20px; border-radius: 20px; } .comment-content { clear: both; padding: 0.5em 0 } .comment-content p:last-child { margin: 0; } h1.archive_header_title { font-size: 28px; font-weight: 600; margin: 0 0 30px; } h3.archive_desc { margin: 0; font-size: 16px; } h3.archive_desc p { margin: 0; } h3.single_catefory, h3.single_catefory a { font-size: 12px; text-align: center; padding: 10px 0 0; color: #bcbcbc; font-family: "droid serif","serif" } .post_title { padding: 6px 0; } .two_column .home_post_img { overflow: hidden; } .center { text-align: center; } #mobile-menu { background: #fff none repeat scroll 0 0; display: inline-block; font-size: 24px; line-height: 1; padding: 10px; } .blog-pagination { text-align: center; } .page-numbers { background: #fff none repeat scroll 0 0; border: 1px solid #e8e8e8; box-sizing: border-box; color: #1e73be; display: inline-block; font-size: 12px; line-height: 1; min-width: 30px; padding: 10px 5px; text-align: center; } .page-numbers.current { background: #1e73be none repeat scroll 0 0; color: #fff; } /* Sidebar */ .side_box { padding: 25px 20px; margin-bottom: 25px; } h3.side_title { font-size: 16px; margin: 0 0 20px; padding-bottom: 10px; position: relative; text-transform: uppercase; } .side_box a { color: #333; } .side_box a:hover { color: #1e73be; } .side_box ul { list-style-type: none; margin: 0; padding: 0; } .side_box ul li { border-bottom: 1px solid #e8e8e8; margin-top: 10px; padding: 5px 5px 10px 10px; } .side_box ul li:last-child { border-bottom: none; } h3.side_title::after { background: #1e73be none repeat scroll 0 0; bottom: -1px; content: ""; height: 2px; left: 0; position: absolute; width: 90px; } .side_box img { max-width: 100%; height: auto; } .side_box select, .side_box input, .side_box textarea { max-width: 100%; height: auto; } /*Call to Action*/ .bottom-cta h4.section-subtitle, .bottom-cta h2.section-title { text-align: left; color: #fff; margin: 0 0 10px } .cta-btn { font-size: 28px; font-weight: 500; letter-spacing: 1px; opacity: 1; } /* Footer */ .main_footer { padding: 35px 0; background-color: #2E3134; color: #fff; } .footer_widget_box .footer_box:first-child { margin-top: 0; } .footer_box a { color: #fff; } .footer_box p { margin: 15px 0 0 0; } .footer_box ol, .footer_box ul { list-style-type: none; margin: 0; padding: 0; } .footer_box ol li, .footer_box ul li { margin-top: 10px; } .footer_box ol li:first-child, .footer_box ul li:first-child { margin-top: 0; } .footer_box h3.footer_title { margin: 0 0 20px; padding-bottom: 15px; position: relative; } .footer_box h3.footer_title::after { background: #1e73be none repeat scroll 0 0; bottom: -1px; content: ""; height: 2px; left: 0; position: absolute; width: 90px; } .footer_copyright { padding: 25px 0; background: #000; color: #fff; font-size: 14px; text-align: center; } .footer_copyright a { border-bottom: 1px solid rgba(255, 255, 255, 0.3); color: #fff; } .menu-wrapper { z-index: -1; opacity: 0; transition: all ease-in-out .3s; } .sidr-open .menu-wrapper { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; display: block; height: 100%; position: fixed; width: 100%; z-index: 999999; opacity: 1; overflow: hidden; } /*LOADER*/ .loader-wrapper { position: fixed; background: #23282D; height: 100%; z-index: 99999998; width: 100%; transition: all ease-in-out .5s; opacity: 1; top: 0; left: 0; } .loader-wrapper.hidenow { opacity: 0; z-index: -1; } .loader { height: 130px; width: 130px; position: absolute; left: 50%; top: 50%; z-index: 99999999; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%,-50%); } .loader img { position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%,-50%); } .loader:before, .loader:after { content: ""; height: 130px; width: 130px; border: 8px solid rgba(255,255,255,.7); border-radius: 10px; position: absolute; top: 0; left: 0; } .loader:before { animation: animate 3s infinite linear; } @keyframes animate { 0% { transform: rotate(-90deg) } 100% { transform: rotate(-180deg) } } .loader:after { animation: animate2 3s infinite linear; } @keyframes animate2 { 0% { transform: rotate(90deg); } 100% { transform: rotate(180deg); } } @media only screen and (max-width: 960px ) { .header_inside_cont.scrolled { padding: 10px 0; } } @media only screen and (max-width: 768px) { .header_menu { display: none; } .carousel-caption { display: none; } .custom_slider .slick-prev { left: -12px; z-index: 10; } .custom_slider .slick-next { right: -12px; z-index: 10; } .home-slider-version3 .s_item { margin: 0; } body.home .one_col { position: static !important; } .home-slider-text { width: 80%; padding: 0; } .home-slider-text > h2 { font-size: 18px; margin: 0 0 5px; } .home-slider-text > p { font-size: 16px; margin: 0 auto 10px; } .company-detail { margin-bottom: 20px; } }