/* Theme Name: BizNiz Theme URI: http://www.logicbaseinteractive.com/bizniz-wordpress-theme-free/ Author: LogicBase Interactive Author URI: http://www.logicbaseinteractive.com/ Description: BizNiz can be used to show your business or a certain product. We added a lot of features in the homepage so people can show their services, testimonials, product features, and more. We set the right size and spacing for texts so they are easy to read. It is a minimal and elegant business theme. Perfect for people that owns a business or product that want to keep it simple. Version: 1.5 Tags: blue, responsive-layout, custom-menu, featured-images, theme-options, two-columns License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: bizniz */ /* =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 } .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 {} #header_menu_cont .mobile_close_button { display: none; } /* PRELOAD CSS */ #loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; } #loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #3498db; -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } #loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #e74c3c; -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } #loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #f9c922; -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } /* PRELOAD CSS */ html { word-wrap:break-word; } a { color: #0092d7; } body { font-family: 'Ubuntu', arial; } .clear { clear: both; display: block; } img { max-width: 100%; height: auto; } #all_content { visibility: hidden; } /* Header */ header { /*background-color: #fff;*/ margin-bottom: 25px; position: fixed; top: 0; left: 0; width: 100%; z-index: 999999; background: #000; } body.home header { background-color: transparent; } .header_inside_cont { padding: 20px 0; text-align: center; } .header_cont_sticky { background: #000; } .header_title { font-size: 28px; } .header_subtitle { font-size: 14px; } .header_logo { text-align: left; } .header_logo img { max-height: 80px; width: auto; display: block; } .header_cont_sticky { padding: 15px 0; } .header_cont_sticky .header_logo img { max-height: 60px; width: auto; } .footer_social { float: right; } .footer_social, .header_social { margin-top: 15px; font-size: 18px; } .footer_social { margin-top: 0; } .footer_social span, .header_social span { margin: 0 6px; } .footer_social a { color: #fff; } .header_social a { color: #333; } .footer_social a:hover, .header_social a:hover { color: #0092d7; } /* Header Menu */ .header_menu { /*margin-top: 20px;*/ } .header_menu ul { list-style-type: none; margin: 0; padding: 0; float: right; } .header_menu ul li { display: inline-block; margin: 0 25px; font-size: 15px; position: relative; padding-bottom: 0px; } .header_menu ul li a { color: #fff; padding-bottom: 5px; } .header_menu ul li a:hover { color: #fff; } .header_menu ul li ul { position: absolute; top: 25px; left: 0; background-color: #fff; z-index: 100; display: none; } .header_menu ul li ul li { width: 180px; display: block; padding: 0; text-align: left; margin: 0; font-size: 13px; } .header_menu ul li ul li a { padding: 6px 12px; display: block; border-top: 1px solid #ccc; color: #000; } .header_menu ul li ul li a:hover { text-decoration: none; background: #0092d7; 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; } .slicknav_menu { display:none; } #resp-menu-button { display: none; } .sidr-class-mobile_close_button { padding: 10px 15px; text-align: right; } .sidr-class-mobile_close_button a { color: #fff; display: block; } .nopadding { padding: 0 !important; } /* Slider */ .slider_cont { } #carousel-example-generic .item { text-align: center; } #carousel-example-generic .item img { display: inline-block; } .item h3 a { color: #fff; } .carousel-inner .item { height: 400px; background-size: cover; background-position: center center; } .home_featured_section { background: #F5F5F5; } .featured_box { padding: 55px 15px; } .featured_text_title { text-align: center; font-size: 19px; } .featured_text_title h3 { margin: 15px 0; } .featured_text_title i { border: 1px solid #0092D7; color: #0092D7; border-radius: 50%; font-size: 50px; display: block; width: 120px; height: 120px; line-height: 70px; text-align: center; margin: 0 auto; transition: all 0.4s ease-in 0s; transition: all .3s ease-in-out; background-repeat: no-repeat; background-position: center center; } .featured_text_title i:hover { /*background: #000; color: #fff; border-color: #000;*/ background-size: 65%; } .featured_box p { font-size: 14px; text-align: center; line-height: 145%; } .featured_box .f_button { text-align: center; margin-top: 20px; } .about_button a, .featured_box .f_button a { display: inline-block; padding: 8px 20px; font-size: 16px; border: 1px solid #0092D7; border-radius: 3px; color: #0092D7; text-decoration: none; transition: all 0.5s ease 0s; } .contact_button { padding-top: 10px; } .contact_button a { border-color: #fff; color: #fff; font-size: 22px; padding: 12px 35px; max-width: 100%; } .about_button a:hover, .featured_box .f_button a:hover { background: #0092D7; color: #fff; } .about_us_section { } .about_us_bg { background: url('img/about-us.jpg') no-repeat; background-position: center center; background-size: cover; } .about_us_inside { /*padding: 50px 45px 0;*/ padding: 0 45px; } .about_us_inside h3 { margin: 0 0 25px; font-size: 32px; } .about_us_inside p { font-size: 15px; line-height: 145%; margin: 0 0 25px; } .home_our_services { padding: 55px 0; background: #F5F5F5; } .home_testi_section { color: #fff; } .home_blog_list h2.s_title, .home_testi_section h2.s_title, .home_our_services h2.s_title { margin: 0 0 25px; text-align: center; } .home_testi_section h2.s_title i { font-size: 50px; display: block; text-align: center; margin-bottom: 8px; } .home_blog_list p.s_desc, .home_testi_section p.s_desc, .home_our_services p.s_desc { margin: 0 0 35px; text-align: center; font-size: 17px; } .home_service_box h3 { margin: 20px 0 15px; } .home_service_box p { line-height: 145%; margin: 0 0 15px; } .home_service_img { overflow: hidden; } .home_service_img img { -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; } .home_service_img img:hover { -webkit-transform:scale(1.4); -moz-transform:scale(1.4); -ms-transform:scale(1.4); -o-transform:scale(1.4); transform:scale(1.4); } .home_contact_bar { background: #0092D7; padding: 55px 0; color: #fff; } .home_contact_bar h3 { text-transform: uppercase; font-size: 36px; margin: 0 0 15px; } .home_contact_bar p { font-size: 18px; margin: 0; } .home_testi_section { padding: 55px 0; background: rgba(27, 61, 98, 0.7) url("img/testi-bg.jpg") repeat fixed 0 0 / cover ; } .testi_cont { max-width: 800px; margin: 0 auto; display: block; } .testi_text { display: block; font-size: 16px; text-align: center; margin: 0 0 30px; } .testi_name { display: block; font-size: 13px; font-weight: bold; text-align: center; margin: 0 0 12px; } .testi_position { display: block; font-size: 12px; text-align: center; } .home_blog_list { padding: 55px 0; } .blb_details h3 { margin: 20px 0 15px; } .blb_details h3 a:hover { color: #333; text-decoration: none; } .blb_details p { line-height: 145%; margin: 0 0 20px; } .blb_meta { padding: 8px 15px; background: #000; color: #fff; font-size: 14px; } .blb_img { overflow: hidden; } .blb_img img { -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; } .blb_img img:hover { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); } /* Content */ .archive_header, .home_blog_box { background-color: #fff; margin-top: 25px; margin-bottom: 25px; } body.archive .home_blog_box { padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 40px; } .archive_header { padding: 0; margin-top: 25px; margin-bottom: 35px; } .home_blog_box h3 a { color: #333; } .home_blog_box h1.single_title, .home_blog_box h3 { margin: 0 0 5px; font-size: 26px; color: #333; } .home_blog_box h1.single_title { font-size: 32px; } .home_blog_box .post_meta { margin: 10px 0 20px; font-size: 14px; } .home_blog_box .post_excerpt { font-size: 14px; margin: 20px 0 0 0; } .home_blog_box img { max-width: 100%; height: auto; } .comments_outside_cont { margin: 25px 0; } .individual_cont { padding: 45px 0; } .single_box { padding-left: 0; padding-right: 0; margin: 0; } .home_blog_box img { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .home_blog_box img:hover { opacity: 0.8; } .read_more { margin-top: 20px; } .read_more a { display: inline-block; background-color: #0092d7; padding: 6px 12px; color: #fff; } .post_meta_bottom { margin-top: 15px; } .single_box p { margin-bottom: 20px; } .comment-meta { margin-bottom: 10px; } .bizniz_nav a { display: inline-block; background-color: #fff; padding: 5px 12px; } .bizniz_nav a:hover { background: #0092d7; color: #fff; text-decoration: none; } .bizniz_nav_prev { text-align: left; } .bizniz_nav_next { text-align: right; } .page-links { margin: 15px 0; } #searchform #searchsubmit { background: #0092d7; color: #fff; border: none; padding: 4px 12px; display: block; margin-top: 6px; } #searchform input { display: block; } input[type=text], input[type=email], textarea { display: block; width: 100%; /*height: 34px;*/ 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: #0092d7; color: #fff; } .comments_cont { } 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 { margin: 0 0 6px; font-size: 28px; } h3.archive_desc { margin: 0; font-size: 16px; } h3.archive_desc p { margin: 0; } h3.single_catefory, h3.single_catefory a { font-size: 14px; text-align: center; padding: 10px 0 0; color: #0092d7; } .post_title { padding: 6px 0; font-family: 'Roboto Slab', serif; } .two_column .home_post_img { overflow: hidden; } body.archive .home_post_img { text-align: center; } .center { text-align: center; } .s_item { min-height: 370px; overflow: hidden; background-size: cover !important; background-position: center center !important; position: relative; } .s_item img { max-width: 100%; display: block; height: auto; } .slider_inner { position: absolute; bottom: 0; right: 0; text-align: right; padding: 0 40px 10px; background: url('img/overlay.png')repeat; } .slider_inner .post_excerpt, .slider_inner h3, .slider_inner h3 a { color: #fff; } .slider_inner h3 { margin: 10px 0; } /*.custom_slider .slick-prev { background: url('img/prev-sprite.png') no-repeat top center #0092d7; height: 40px; width: 40px; left: -42px; }*/ /*.custom_slider .slick-next { background: url('img/next-sprite.png')no-repeat top center #0092d7; height: 40px; width: 40px; right: -42px; }*/ .home-slider-version3 .s_item { margin: 0 10px; } .home-featured-slider .owl-controls { margin: 0; padding: 0; } .home-featured-slider .owl-next, .home-featured-slider .owl-prev { position: absolute; top: 50%; left: 20px; background: none !important; border-radius: 0px !important; font-size: 32px !important; margin: -23px 0 0 0 !important; } .home-featured-slider .owl-next { left: auto; right: 20px; } .home_slide_cont { position: relative; top: 50%; transform: translateY(-50%); display: block; color: #fff; text-align: center; } .home_slide_cont_inside { display: block; padding: 15px 100px; max-width: 1200px; margin: 0 auto; /*background: url('img/black-trans.png') repeat; border-radius: 15px;*/ } .home_slide_cont_inside h3 { font-size: 36px; margin: 0 0 25px; font-weight: bold; } .home_slide_cont_inside p { font-size: 18px; line-height: 145%; } .slide_with_bg { background-size: cover; background-position: center center; } .slick-prev::before, .slick-next::before { background-color: #0092d7; color: #fff; content: "\f054"; display: block; font-family: FontAwesome; opacity: 1; padding: 5px; position: absolute; left: 0; top: 0; } .slick-prev::before { content: "\f053"; } .slick-prev, .slick-next { height: 30px; width: 25px; } /* .s_item.slick-slide.slick-current { transform: scale(1.1); transition: 0.4s all ease-in-out 0s; } .s_item.slick-slide { transform: scale(0.9); transition: 0.4s all ease-in-out 0s; } */ body.home .header_spacer { display: none; } .footer_box .tagcloud a { display: inline-block; background: #fff; padding: 8px 10px; color: #333; font-size: 13px !important; font-weight: bold; } .tagcloud a:hover { text-decoration: none; background: #f05053; } .tagcloud a { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .tagcloud a:hover { background: #0092d7; color: #fff; } .single_header_full { background: #F5F5F5; padding: 45px 0; } h1.single_header_title { margin: 0; font-size: 36px; } p.single_breadcrumb { margin: 10px 0 0 0; font-size: 14px; } .post_meta ul { list-style-type: none; margin: 0; padding: 0; } .post_meta ul li { float: left; margin-right: 15px; } .post_meta ul li i { padding-right: 3px; } .tags_cont { margin: 20px 0; } /* Sidebar */ .single_sidebar_cont { padding-left: 30px; } .side_box { background-color: #fff; margin-bottom: 35px; } h3.side_title { margin: 0 0 20px; padding-bottom: 10px; border-bottom: 1px solid #ccc; position: relative; } .side_box a { color: #333; } .side_box a:hover { color: #0092d7; } .side_box ul { list-style-type: none; margin: 0; padding: 0; } .side_box ul li { margin-top: 10px; } h3.side_title::after { background: #0092d7 none repeat scroll 0 0; bottom: -1px; content: ""; height: 1px; left: 0; position: absolute; width: 90px; } body.single .post_meta { text-align: left; } .slick-slider { margin-bottom: 0; } /* Footer */ .main_footer { padding: 50px 0; background-color: #2E3134; color: #fff; margin-top: 0px; } .footer_widget_box .footer_box { margin-top: 25px; } .footer_widget_box .footer_box:first-child { margin-top: 0; } .footer_box h3.footer_title { margin: 0 0 20px; padding-bottom: 15px; border-bottom: 1px solid #ccc; position: relative; } .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; } h3.footer_title::after { background: #0092d7 none repeat scroll 0 0; bottom: -1px; content: ""; height: 1px; left: 0; position: absolute; width: 90px; } .footer_copyright { padding: 25px 0; background: #000; color: #fff; font-size: 14px; } @media (max-width: 991px) { #header_menu_cont { display: none; } .slicknav_menu { display:block; } header { position: static; margin: 0; background: #000; } body.home header { background: #000; } .header_logo img { max-height: 55px; } #resp-menu-button { display: block; float: right; color: #fff; font-size: 32px; margin-right: 10px; } .header_inside_cont { padding: 10px 0; } .home_featured_section { padding: 55px 0; } .featured_box { max-width: 400px; margin: 0 auto 35px; padding: 0; } .featured_box.last { margin-bottom: 0; } .about_us_inside { /*padding-bottom: 50px;*/ } .footer_box, .blog_list_box, .home_service_box { max-width: 450px; margin: 0 auto 35px; } .home_service_box.last { margin-bottom: 0; } .single_sidebar_cont { padding-left: 0; padding-top: 35px; } .footer_copyright { text-align: center; } .footer_social { float: none; } } @media (max-width: 768px) { .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_slide_cont_inside h3 { font-size: 26px; } .home_slide_cont_inside p { font-size: 15px; } } @media (max-width: 600px) { .home_slide_cont_inside p { display: none; } .home_slide_cont_inside { padding: 15px 20px; } .home_slide_cont_inside h3 { font-size: 22px; } .owl-nav { display: none; } }