/*! Theme Name: Buconz Starter Theme URI: Author: ordainit Author URI: https://profiles.wordpress.org/ordainit/ Description: Buocnz is the perfect for any kind of Business WordPress Website. Version: 1.0.0 Tested up to: 5.8 Requires at least: 4.0 Requires PHP: 5.6 License URI: http://www.gnu.org/licenses/gpl-2.0.html License: GNU General Public License v2 or later Text Domain: buconz-starter Tags: grid-layout, blog, news, two-columns, custom-background, custom-logo, custom-menu, featured-images, footer-widgets, sticky-post, theme-options, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. buocnz starter is based on Underscores https://underscores.me/, (C) 2012-2020 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 https://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> CSS TABLE OF CONTENTS: ---------------------------------------------------------------- # Header CSS # Blog CSS # Shop CSS # Page CSS Archive Page Search Page 404 Page CSS Content none CSS # BreadCrumbs CSS # Pagination CSS # Preloader CSS # WordPress Default CSS # Footer CSS --------------------------------------------------------------*/ /*====================================== Header CSS ========================================*/ .buconz-internal-area.news-area { background: #f5f5f5; } .header { box-shadow: 0px 0px 10px #0003; z-index: 5000; position: relative; } /* Topbar */ .topbar { background-color: #00265E; padding: 10px 0; } .top-contact { } .topbar .single-contact { display: inline-block; margin-right: 25px; color: #ccc; cursor: pointer; } .topbar .single-contact:last-child{ margin-right:0px; } .topbar .single-contact, .topbar .single-contact a { color: #eee; font-weight: normal; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 13px; } .topbar .single-contact i { margin-right: 10px; font-size: 15px; position: relative; top: 2px; } .topbar .single-contact:hover, .topbar .single-contact a:hover{ color:#fff; } /* Top right */ .topbar-right { position: relative; float: right; } .topbar-right .button { float: left; right: 0; } /* Social Icons */ .topbar .social-icons { float: right; } .topbar .social-icons li { display: inline-block; margin-right: 2px; } .topbar .social-icons li:last-child{ margin:0; } .topbar .social-icons li a { color: #fff; width: 24px; display: inline-block; height: 24px; line-height: 24px; text-align: center; font-size: 16px; text-align: center; text-align: center; } .topbar .social-icons li a:hover{ color:#FF6600; } /* Middle header */ .header-inner { padding: 20px 0; background: #00265E; } .middle-header { background: #fff; position: relative; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; z-index: 100265E; } /* Logo */ .header .logo { z-index: 33; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; -moz-box-shadow: inherit; padding-top: 25px; } .header .img-logo { margin-top: 30px; } .header .text-logo{ margin-top:35px; } .header .text-logo a { font-size: 30px; } .header .menu-area { position: relative; } .header .navbar { padding: 0; } /* Main Menu */ .header .nav-inner { float: right; margin-right: 270px; text-align: right; } .header .nav li { margin-right: 30px; position: relative; float: none; display: inline-block; } .header .nav li:last-child{ margin:0; } .header .nav li a { text-transform: capitalize; position: relative; display: block; padding: 32px 0; color: #00265E; font-weight: 600; font-size: 14px; clip: initial !important; position: relative !important; } .header .nav li.active a, .header .nav li:hover a{ color:#FF6600; } .header .nav li a::before { content: ""; position: absolute; width: 0; height: 4px; bottom: 21px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; background: #FF6600; } .header .nav li.active a::before, .header .nav li:hover a::before { opacity:1; visibility:visible; transform: scaleY(1); width: 50%; } .navbar-expand-lg .navbar-collapse{ display:block !important; } .header .nav li a i { margin-left: 6px; font-size: 10px; } .header .nav li.menu-item-has-children a::after { content: "\f107"; position: relative; font-family: 'FontAwesome'; padding-left: 6px; } .header .nav li .sub-menu a::after, .header .nav li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu a::after, .header .nav li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu a::after{ display:none; } .header .nav li.menu-item-has-children .sub-menu li.menu-item-has-children a::after, .header .nav li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu li.menu-item-has-children a::after { display: inline-block; float: right; content: "\f101"; padding: 0; margin-right: 8px; } /* Dropdown Menu */ .header .nav li .sub-menu { position: absolute; top: 100%; width: 245px; background: #fff; z-index: 500265E; padding: 20px 10px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; box-shadow: 0px 0px 10px #3333332e; z-index: 555555555; margin: 0; text-align: left; } .header .nav li:hover .sub-menu{ opacity:1; visibility:visible; } .header .nav li .sub-menu li { float: none; margin: 0; display: block; } .header .nav li .sub-menu li:last-child{ border:none; } .logo-description a { font-size: 30px; font-weight: 700; color: #00265E; } .header .nav li .sub-menu li a { padding: 6px 15px; color: #555; display: block; font-size: 14px; font-weight: normal; text-transform: capitalize; background: transparent; } .header .nav li .sub-menu li a:before{ display:none; } .header .nav li .sub-menu li:last-child a{ border-bottom:0px; } .header .nav li .sub-menu li:hover a{ color:#fff; background:#FF6600; } .header .nav li .sub-menu li a:hover{ border-color:transparent; } .header .nav li .sub-menu li i { float: right; margin-top: 8px; font-size:10px; z-index:5; } .header .nav li .sub-menu li .sub-menu { top: 0; left: 100%; right: ; -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 5px #00265E00265E4d; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; opacity: 0; visibility: hidden; padding: 10px; } .header .nav li .sub-menu li:hover .sub-menu{ opacity:1; visibility:visible; } .header .nav li .sub-menu li .sub-menu li a{ padding: 8px 15px; color: #666; display: block; font-weight: normal; text-transform: capitalize; background: transparent; } .header .nav li .sub-menu li:hover .sub-menu li a{ background:transparent; } .header .nav li .sub-menu li .sub-menu li a:hover{ color:#fff; background:#FF6600; } .header .nav li .sub-menu .sub-menu li:last-child a{ border-bottom:0px solid; } .header .nav li .sub-menu li .sub-menu .sub-menu { transform: scaleY(0.2); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; opacity: 0; visibility: hidden; padding: 10px; } .header .nav li .sub-menu li .sub-menu li:hover .sub-menu { opacity: 1; visibility: visible; transform: scaleY(1); } /* Right Bar */ .right-bar { display: inline-block; position: absolute; right: 0; z-index: 00265E3; top: 18px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; display: flex; align-items: center; } .right-bar .right-nav{ z-index: 00265E; position: relative; margin-right: 20px; } .top-search a { font-size: 18px; font-weight: ; } /* Header Search */ .search-top { position: absolute; z-index: 9999; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; top: 60px; width: 350px; right: 0; line-height: initial; } .search-top.active{ opacity:1; visibility:visible; } .search-top .search-form { position: relative; background: #fff; padding: 15px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.33); } .search-top .search-form input { height: 50px; line-height: 45px; padding: 0 45px 0 20px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; border: none; background: #fff; color: #00265E; border-radius: 0px; width: 100%; font-size: 14px; border: 1px solid #ebebeb; } .search-top .search-form button { position: absolute; width: 45px; border: none; top: 15px; line-height: 50px; height: 50px; border-radius: 0px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; right: 16px; background: #00265E; color: #fff; } .search-top .search-form button:hover{ color:#fff; background:#FF6600; } .search-top .search-top.active .search i:before{ content:"\f00d"; } .right-bar .woocommerce-bar { margin-right: 20px; position: relative; } .single-bar.woocommerce-bar a { font-size: 18px; color: #FF6600; } .buconz-cart-count { position: absolute; top: -12px; width: 22px; height: 22px; line-height: 22px; border: 1px solid #FF6600; border-radius: 100%; text-align: center; font-size: 13px; background: transparent; color: #FF6600; background: #fff; right: -15px; } /*====================================== End Header CSS ========================================*/ /*====================================== Blog CSS ========================================*/ .blog { background: #fff; } .sidebar-main { margin-top: 30px; } .buconz-internal-area.news-area{ padding: 70px 0 100px; } .blog .blog-slider { margin-top: 30px; } article.sticky .news-head::before { content: ""; position: absolute; left: 0; top: 0; width: 40px; height: 40px; background: #00265E; content: "\f040"; display: inline-block; font-family: 'FontAwesome'; text-align: center; color: #fff; border-radius: 0 0 20px; line-height: 40px; padding: 0; margin: 0; } .single-news { background: #fff; position: relative; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease; z-index: 2; margin-bottom: 15px; box-shadow: box-shadow:0px 0px 5px #0000002e; margin-top: 30px; } .single-news .news-head{ overflow: hidden; position:relative; } .single-news .news-head img{ width:100%; margin:0; padding:0; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; } .single-news .news-body { padding: 25px; background: #fff; position: relative; } .single-news .news-meta { width: 100%; transition: all 0.3s ease; margin-bottom: 15px; } .single-news:hover .news-meta{ transform:translateY(0px); opacity:1; visibility:visible; } .single-news .news-meta li { display: inline-block; color: #666; font-size: 14px; margin-right: 20px; } .single-news .news-meta li:last-child{ margin:0; padding:0; border:none; } .single-news .news-meta li i { margin-right: 5px; color: #FF6600; } .single-news .news-meta .author span{ display:inline-block; color:#FF6600; } .single-news .news-title { line-height: 25px; } .single-news .news-title a { font-size: 20px; } .single-news .news-title:hover a{ color:#FF6600; } .single-news .news-text { margin-top: 18px; font-size: 14px; } .single-news .more { margin-top: 15px; display: inline-block; font-size: 14px; border-radius: 30px; background: transparent; padding: 0; border-radius: 0px; color: #FF6600; } .single-news .more i { display: inline-block; margin-left: 5px; } /* Blog Grid */ .blog.blog-grid { background: #fff; position: relative; height: auto; padding: 100px 0 130px; } .blog.blog-grid .single-news { border-radius: 8px; margin: 30px 0 0; } /* Blog Single CSS */ .blog-single { padding: 50px 0 50px; } .blog-single h1, .blog-single h2, .blog-single h3, .blog-single h4, .blog-single h5, .blog-single h6 { margin-bottom: 10px; margin-top: 10px; } .blog-detail .news-meta li:before{ display:none; } .blog-detail .news-meta li { display: inline-block; margin: 0; margin-right: 15px; padding: 0; } .blog-detail .news-meta li i { color: #FF6600; margin-right:5px; } .blog-single h5, .blog-single h4 { font-size: 22px; line-height: 32px; } .blog-single .blog-detail ul { margin-bottom: 20px; } .blog-single .main-image { margin-top: 30px; } .blog-single .blog-detail { margin-top: 20px; } .blog-single .blog-detail .blog-title { font-size: 28px; line-height: 40px; margin: 15px 0; } .blog-single .blog-detail p { margin-bottom: 20px; } .blog-single .blog-detail blockquote { position: relative; font-size: 20px; line-height: 36px; padding-left: inherit; padding: 30px; background: #00265E; color: #fff; font-size: 16px; z-index: 1; overflow: hidden; border: none; border-radius: 0 !important; border-bottom: 8px solid #F60; border-radius: 5px !important; } .blog-single .blog-detail blockquote p { color: #fff; } .blog-single .blog-detail blockquote i { font-size: 65px; color:#fff; position: absolute; left: 35px; top: 30px; opacity:0.3; z-index:-1; } .blog-single .blog-detail blockquote a { background: #FF6600; color: #fff; padding: 4px 20px; margin-top: 16px; display: inline-block; } .blog-single .blog-detail blockquote cite { color: #fff; } .blog-single .share-social{ margin-top:55px; } .blog-single .coment-author{ position:relative; } .blog-single .coment-author img{ position:absolute; left:0; top:0; height:40px; width:40px; border-radius:100%; display:block; } .blog-single .coment-author .author { display: inline-block; padding-left: 60px; margin-top: 10px; } .blog-single .coment-author .author span{ display:inline-block; color:#00265E; display:inline-block; } .blog-single .share-inner { float: right; margin-top: 7px; } .blog-single .share-inner h4{ font-weight:normal; font-size:16px; color:#909090; display:inline-block; margin-right:15px; } .blog-single .share-inner ul{ display:inline-block; } .blog-single .share-inner ul li { display: inline-block; margin-right: 10px; } .blog-single .share-inner ul li:last-child{ margin:0; } .blog-single .share-inner ul li a:hover{ color:#FF6600; } /* Post Navigation */ .posts_nav { padding: 0 0 30px; overflow: hidden; margin-top: 30px; text-align: center; } .posts_nav a { border: 1px solid #ccc; padding: 10px 20px; display: inline-block; color: #00265E; font-size: 14px; } .posts_nav a:hover{ border-color:transparent; background:#FF6600; } .posts_nav .post-left i { padding-right: 5px; } .posts_nav .post-right i { padding-left: 5px; } .posts_nav .post-left { display: inline-block; margin-right: 5px; } .posts_nav .post-right { display:inline-block } .posts_nav a:hover{ background:#FF6600; color:#fff; } /* Blockquote */ blockquote { padding: 20px; color: #353535; font-size: 18px; border-left: 4px solid #FF6600; background: #F5F8F9; line-height: 28px; margin-bottom: 15px; } #comments .comments-title { font-size: 18px; } /* Comment List */ .comment-list { padding: 25px 35px; background: #f8f7fc; position: relative; border-radius: 8px; margin-bottom: 30px; list-style: none; } .comment-author.vcard img { height: 90px; width: 90px; border-radius: 100%; position: absolute; left: 0; top: 30px; } .comment-author.vcard { display: inline-block; } .comment-meta a { color: #353535; } .comment-meta { margin-bottom: 5px; position: relative; padding-left: 115px; } .comment-author.vcard .fn { font-size: 18px; font-weight: bold; color:#00265E; display: block; } #comment-7 { padding-top: 20px; margin: 0 0 20px; } .comment-reply-link { background: #FF6600; color: #fff; padding: 2px 10px; display: inline-block; border-radius: 50px; font-size: 13px; } .comment-reply-link:hover{ background:#00265E534; color:#fff; } .comment-list li.comment { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ebebeb; } .comment-list ol.children { padding-top: 30px; margin-top: 30px; border-top: 1px solid #ebebeb; list-style: none; margin-left: 50px; } .comment-list ol.children ol.children { margin-left: 15px; } .comment-list li.comment:last-child { margin: 0; padding: 0; border: none; } .comment-list .comment-body .comment-content { padding-left: 115px; } .comment-list .comment-body .comment-content p { font-weight: normal; } .comment-list .reply { padding-left: 115px; margin-top: 10px; } #respond .comment-reply-title { font-size: 20px; } .comment-respond p:last-child { margin: 0; } .comment-respond input, .comment-respond textarea { text-shadow: none; width: 100%; padding: 0 25px; font-weight: 500; text-transform: capitalize; height: 60px; box-shadow: none; border: 1px solid #ccc; border-radius: 0px; color: #bbb; font-weight: 600; font-size: 14px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .comment-respond textarea{ padding: 25px; height: 170px; width: 100%; background:transparent; } .comment-respond input { height: 50px; font-size: 14px; line-height: 48px; } .comment-form .form-group i, .comment-form .comment-message i { line-height: 25px; text-align: center; position: absolute; right: 0; top: 10px; right: 15px; color: #FF6600; } .comment-respond .form-submit { display: inline-block; } .comment-form-cookies-consent { display: none; } .comment-form button.btn { margin: 0; margin-bottom: 0px; padding: 0; padding: 0 30px; color: #fff; background:#FF6600; font-size: inherit; border-radius: 0px; text-transform: capitalize; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; display: inline-block; padding: 15px 30px; } .comment-form button.btn:hover{ background:#00265E; color:#fff; } .comment-form button.btn i { margin-left: 10px; } /* Blog Comment Form */ .comment-respond { margin-top: 50px; position: relative; } .bottom-title h2 { font-size: 20px; } .comment-form .form-group label span, .comment-form .comment-message label span { color: #FF6600; } .comment-form .comment-form-wrap { margin-top: 20px; } .comment-form .form-group, .comment-form .comment-message { position: relative; display: block; margin: 0 0 25px; } .comment-form .form-group input:hover, .comment-form .form-group input:focus, .comment-form .comment-message textarea:hover{ outline:none; background:#fff; } .comment-form .form-group input:hover, .comment-form .comment-message textarea:hover{ border-color:#FF6600; } /* Comment Form Reply */ .comment-list .bottom-title h2.comments-heading { background: transparent !important; color: #00265E; padding: 0; left: auto; } .comment-list .bottom-title h2.comments-heading:before { display: none; } .comment-list .bottom-title h2.comments-heading a{ color:#FF6600; } .comment-list .comment-respond { background: #f9f9f9; } /* Blog Sidebar */ .blog-sidebar { margin-top: 30px; } .blog-sidebar .widget { background: #fff; padding: 20px; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); } .blog-sidebar .single-widget { margin-bottom: 30px; } .blog-sidebar .single-widget:last-child{ margin:0; } .blog-sidebar .search{ position:relative; } /* Blog Sidebar */ .single-f-news { position: relative; background: transparent; margin-bottom: 20px; box-shadow: none; } .single-f-news:last-child{ margin:0; } .single-f-news img { height: 70px; width: 70px; display: block; position: absolute; border-radius: 100%; background: #fff; left: 0; top: 0; margin-top: 4px; padding: 5px; } .single-f-news .content { padding-left: 125px; } .single-f-news .title { font-size: 16px; font-weight: medium; line-height: 24px; } .single-f-news .title a { color: #00265E; } .single-f-news .title:hover a{ color:#FF6600; } .single-f-news .post-meta { margin-top: 5px; font-size: 13px; } .single-f-news .post-meta i{ color:#FF6600; margin-right:5px; } /*====================================== End Blog CSS ========================================*/ /*==================================== Shop CSS ======================================*/ .woocommerce-page { } .woocommerce-page .page-title { font-size: 30px; font-weight: 600; } .woocommerce .woocommerce-ordering select { background: #f7f7f7; padding: 10px; display: inline-block; margin-bottom: 10px; } .woocommerce ul.products li.product a { border: ; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { border: 1px solid #cccccc82; } .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 22px; margin: 0; padding: 0; } .woocommerce ul.products li.product .price { font-size: 20px; color: #FF6600; } .woocommerce ul.products li.product .button { background: #00265E; color: #fff; font-weight: 400; margin-top: 0; } .woocommerce ul.products li.product .woocommerce-loop-product__title { padding: 0 15px; } .woocommerce ul.products li.product .price { padding: 0 20px; } .woocommerce ul.products li.product .button { margin: 20px; margin-top: 0; } .woocommerce nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a { padding: 10px 25px; } .woocommerce nav.woocommerce-pagination ul li:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li span:hover, .woocommerce nav.woocommerce-pagination ul li a:hover { background: #F60; color: #fff; display: ; border-color:transparent; } .woocommerce-Tabs-panel h2 { font-size: 25px; font-weight: 500; margin-bottom: 10px; } .woocommerce div.product .woocommerce-tabs ul.tabs li { padding: 10px 15px; font-weight: 300; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-weight: 500; } .related.products h2 { font-size: 25px; margin-bottom: 20px; } .related.products { box-shadow: 0px 0px 5px #00265E00265E1f; padding: 25px; } .woocommerce-loop-product__title { margin: 0; padding: 0; } .woocommerce div.product p.price { color: #FF6600; margin: 10px 0; } .woocommerce div.product form.cart div.quantity { margin: ; } .woocommerce .quantity .qty { width: 100px; } .woocommerce-product-details__short-description { margin-bottom: 20px; } .woocommerce div.product form.cart .button { background: #FF6600; padding: 15px 30px; font-weight: 600; } .woocommerce div.product form.cart { margin-bottom: 2em; display: flex; align-items: center; } form.woocommerce-form { background: #fff; border: none !important; box-shadow: 0px 0px 15px #00265E00265E0f; border: 1px solid #cccccc82 !important; padding: 30px !important; } .woocommerce form .form-row label, .woocommerce-page form .form-row label { display: block !important; width: 100%; } .password-input { display: block !important; justify-content: center !important; align-content: center !important; } form.woocommerce-form { background: #fff; border: none !important; box-shadow: 0px 0px 15px #00265E00265E0f; border: 1px solid #cccccc82 !important; padding: 30px !important; } .woocommerce-page form input { } .woocommerce form .form-row label, .woocommerce-page form .form-row label { display: block !important; width: 100%; } .woocommerce form .form-row input.input-text { width: 100% !important; display: block !important; } .woocommerce form .password-input, .woocommerce-page form .password-input { display: block !important; width: 100%; } .woocommerce form .form-row input { padding: 13px; } .woocommerce-form__label.woocommerce-form__label-for-checkbox input { display: inline-block !important; display: ; width: auto !important; height: ; margin-right: 5px; } .woocommerce .woocommerce-form-login .woocommerce-form-login__submit { padding: 15px 35px; background: #F60; color: #fff; border: none; } .woocommerce-LostPassword.lost_password a { font-weight: 400; } .woocommerce-form.woocommerce-form-login.login { max-width: 500px; margin: 0 auto; } .woocommerce table.shop_table th { background: #00265E; color: #fff; padding: 15px 10px; } .woocommerce table.shop_table td { padding: ; padding: 15px 12px; font-weight: ; } .woocommerce .quantity .qty { padding: ; max-width: 110px; padding: ; height: 45px; border: 1px solid #cccccc70; } .woocommerce-page table.cart td.actions .input-text { padding: 12px 15px !important; width: 50% !important; border: 1px solid #ccc6 !important; } .cart_totals h2 { font-size: 18px; margin-bottom: 10px; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { background: #FF6600; width: auto; display: inline-block; font-size: 15px; font-weight: 400 !important; padding: 20px 30px; margin: 0; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { background: #00265E; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 40%; } .woocommerce-page table.cart td.actions .coupon { display: flex; justify-content: ; } #customer_details .col-1,#customer_details .col-2 { width: 50% !important; display: block; max-width: 50%; } #customer_details .woocommerce-input-wrapper { display: block; width: 100%; } #order_review_heading { margin: 20px 0; } .woocommerce h2 { text-align: ; text-align: center; margin-bottom: 15px; } .woocommerce-MyAccount-content button.button{ background:#00265E; color:#fff; } .woocommerce-MyAccount-content fieldset { margin-top: 30px; } .woocommerce-billing-fields h3 { display: ; } .woocommerce-billing-fields h3, .woocommerce-additional-fields h3 { font-size: 22px; margin-bottom: 30px; padding-bottom: 15px; position: relative; } .woocommerce-billing-fields h3:before,.woocommerce-additional-fields h3:before{ content: ""; position: absolute; background: #FF6600; width: 30px; height: 4px; bottom: 0; } .woocommerce form .form-row label { color: #00265E; opacity: 0.7; } .woocommerce form .form-row input, .woocommerce form .form-row .select2-selection.select2-selection--single,.woocommerce form .form-row textarea { border: 1px solid #ccccccab; border-radius: 0px; resize: ; } .woocommerce-MyAccount-content p button.button { background: #F60 !important; color: #fff; padding: 15px 22px; margin-top: 10px; } .woocommerce form .form-row .select2-selection.select2-selection--single { padding: ; height: 50px; padding-top: 10px; color: ; padding: 10px 6px; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 10px; right: ; } .woocommerce form .form-row textarea { height: 100px; padding: 10px 20px; } .woocommerce table.shop_table tfoot th { display: ; display: ; background: #FF6600; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { background: ; padding: 15px 30px; background: #ff6600; margin-top: 10px; } #select2-billing_country-container { height: 67px; } .woocommerce-MyAccount-navigation { background: #fff; padding: 30px; border-radius: 3px; border-bottom: 3px solid #FF6600; } .woocommerce-account .woocommerce-MyAccount-navigation li a { color: #00265E; } .woocommerce-account .woocommerce-MyAccount-navigation li { line-height: 34px; } .woocommerce-account .woocommerce-MyAccount-navigation li::before { content: ""; position: absolute; left: 0; top: 50%; width: 8px; height: 8px; background: #ccc; margin-top: -4px; } .woocommerce-account .woocommerce-MyAccount-navigation li { position: relative; padding-left: 15px; border-bottom: 1px solid #cccccc5e; line-height: 40px; } .woocommerce-account .woocommerce-MyAccount-navigation li:last-child { border: none; padding: ; margin: 0; } /*==================================== End Shop CSS ======================================*/ /*==================================== Page CSS ======================================*/ .buconz-internal-area.news-area { padding: 70px 0 100px; } .buconz-internal-area.news-area .single-news { margin: 30px 0 0; } /* BLog Single */ .news-area.archive.single { padding-top: 70px 0 0; } /* Search Page CSS */ .search-page{ padding:70px 0 100px; } /* Content None CSS*/ .no-results { margin-top: 30px; width: 100%; } .no-results .page-header { margin-bottom: 5px; } .no-results .page-header .page-title { font-size: 28px; } .no-results .search-form { margin-top: 15px; } /* 404 Page CSS */ .error { padding: 130px 0; } .error .error-inner{ } .error .error-inner { padding: 0 12%; text-align: center; } .error-inner h4 { font-size: 110px; line-height: 100px; color: #FF6600; } .error .error-image{ margin-bottom:30px; } .error .error-inner img{ height:100%; width:100%; max-width:50%; display:inline-block; } .error .error-inner h2 { font-size: 40px; color: #00265E; font-weight: 600; margin: 15px 0; } .error .error-inner h2 span{ color:#FF6600; } .error .error-inner p { font-size: 15px; } .error .error-inner .button { margin-top: 20px; } .error .error-inner .button .bizwheel-btn i { margin-right: 10px; } /*==================================== End Page CSS ======================================*/ /*==================================== BreadCrumbs CSS ======================================*/ .breadcrumbs { background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; padding: 100px 0; z-index: 10; } .bread-inner { text-align: center; z-index: 100; position: relative; } .breadcrumbs::before { background: #00265E; opacity: 1; } .breadcrumbs .bread-title { z-index: 00265E3; position: relative; border-radius: 5px; } .breadcrumbs .bread-title p { color: #fff; font-size: 13px; } .breadcrumbs h2 { color: #fff; text-transform: capitalize; font-size: 45px; margin: 0; padding: 0; line-height: 45px; z-index: 00265E; position: relative; } .breadcrumbs .bread-list { display: block; margin-top:20px; } .breadcrumbs ul li { display: block; display: inline-block; } .breadcrumbs ul li span { margin: 0px 10px; font-size: 11px; font-weight: 400; color:#fff; } .breadcrumbs.style2 ul li span { font-size: 14px; } .breadcrumbs ul li a{ color: #fff; font-size: 16px; font-weight: 600; text-transform: capitalize; } .breadcrumbs ul li a:hover{ opacity:0.8; color:#fff !important; } .breadcrumbs.style2 ul li a{ font-weight:500; } .breadcrumbs.style2 ul li a:hover{ color:#FF6600; } .breadcrumbs .bread-menu { color: #fff; z-index: 00265E; position: relative; line-height: initial; font-size: 0; margin-top: 15px; } .breadcrumbs .bread-menu span { color: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 15px; padding-right: 8px; margin-right: 8px; display: inline-block; } .breadcrumbs .bread-menu span:hover{ color:#FF6600; } .breadcrumbs .bread-menu span:last-child{ margin:0; padding:0; } .breadcrumbs .bread-menu span + span::before { content: "\f105"; font-family: 'FontAwesome'; left: -7px; position: relative; } /* Blog Single */ .breadcrumb.blog-single { padding: 0; text-align: center; background: #f7f7f7; margin: 0; padding: 20px; } .breadcrumb.blog-single .bread-menu { color: #FF6600; font-size: 0; } .breadcrumb.blog-single .bread-menu span { color: #00265E; font-size: 15px; margin-right: 15px; padding-right: 15px; position:relative; } .breadcrumb.blog-single span::before { content: ""; position: absolute; right: -8px; width: 15px; height: 15px; background: #F60; top: 4px; border-radius: 100%; border: 2px solid #fff; } .breadcrumb.blog-single span:last-child:before{ display:none; } .breadcrumb.blog-single .bread-menu span span{ margin:0; padding:0; } .breadcrumb.blog-single .bread-menu span span:before{ display:none; } /*==================================== End BreadCrumbs CSS ======================================*/ /*==================================== Pagination CSS ======================================*/ .pagination-main { text-align: left; margin: 40px 0 0 0; display: block; } .pagination-main.full-width { text-align: center; } .pagination-main.full-width{ text-align: left; } .pagination-main .pagination-list li { margin-right:5px; display: inline-block; } .pagination-main .pagination-list li:last-child{ margin-right:0px; } .pagination-main .pagination-list li a { font-size: 20px; background: #fff; color: #FF6600; height: 45px; width: 50px; line-height: 45px; display: block; font-weight: 400; font-size: 18px; text-align: center; border-radius: 0px; } .pagination-main .pagination-list li.active a, .pagination-main .pagination-list li:hover a{ background: #FF6600; color: #fff; } .pagination-main .pagination-list li.prev a, .pagination-main .pagination-list li.next a{ border: none; font-weight: 600; margin-left: 10px; background: transparent !important; width: auto; height: auto; color: #00265E; } .pagination-main .pagination-list li.next:hover a{ color:#FF6600; } /*==================================== End Pagination CSS ======================================*/ /*==================================== Preloader CSS ======================================*/ .preeloader { background: rgba(255, 255, 255, 1) none repeat scroll 0 0; height: 100%; position: fixed; width: 100%; z-index: 999999; } .preloader-spinner { -webkit-animation: 1s ease-out 0s normal none infinite running pulsate; animation: 1s ease-out 0s normal none infinite running pulsate; border: 10px solid #FF6600; border-radius: 40px; display: block; height: 40px; left: 50%; margin: -20px 0 0 -20px; opacity: 0; position: fixed; top: 50%; width: 40px; z-index: 10; } @-webkit-keyframes pulsate { 0% { opacity: 0; -webkit-transform: scale(0.1); transform: scale(0.1); } 50% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes pulsate { 0% { opacity: 0; -webkit-transform: scale(0.1); transform: scale(0.1); } 50% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } } /*==================================== End Preloader CSS ======================================*/ /*==================================== Wordpress Default Sidebar CSS ======================================*/ .widget .widget-title { position: relative; font-size: 18px; text-transform: capitalize; display: block; margin-bottom: 12px; padding-bottom: 12px; margin-top: 0; } .widget .widget-title::before { content: ""; position: absolute; left: 0; width: 40px; height: 2px; bottom: 0; background: #fff; } .widget .widget-title::before { display: block; } .widget { margin-bottom: 30px; } .widget:last-child{ margin:0; } /* Widget Select CSS*/ .widget select { width: 100%; height: 50px; padding: 0 20px; } /* Sidebar Default CSS */ .widget ul li { line-height: 35px; margin-bottom: 5px; list-style: none !important; } .widget ul li:last-child{ margin:0; } .widget a, .widget ul li a { color: #666; font-size: 15px; } .footer .widget a, .footer .widget ul li a { color: #fff; } .widget ul li a:hover { color: #FF6600; } /* Widget MENU */ .widget_nav_menu ul { border-radius: 8px; overflow: hidden; margin-left: 15px; } .widget_nav_menu ul li a { padding: 5px 10px; background: #fff; color: #666; display: block; font-size: 15px; } .widget_nav_menu ul li a::before, .widget_categories ul li a::before { content: "\f101"; font-family: 'FontAwesome'; margin-right: 12px; float: right; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .widget_nav_menu ul li a:hover:before, .widget_categories ul li a:hover:before{ color:#fff; } .widget_nav_menu ul li a:hover{ color:#FF6600; } .widget_nav_menu ul li a i { display: inline-block; margin-right: 15px; } .footer .single-f-news .title a:hover{ color:#FF6600; } /* Category List */ .widget_categories ul { margin-top: 15px; } .widget_categories ul li { margin-bottom: 5px; } .widget_categories ul li:last-child{ margin-bottom:0px; } .widget.widget_categories ul li a { font-size: 15px; color: #666; } .widget_categories ul li a:hover{ color:#FF6600; } .widget_categories ul li a span{ display:inline-block; color:#FF6600; } /* Subscribe */ .blog-sidebar .subscribe form, .widget_mc4wp_form_widget .form-main{ position:relative } .blog-sidebar .subscribe form input, .mc4wp-form .mc4wp-form-fields input[type="email"] { height: 54px; padding: 0 110px 0 15px; border: none; width: 100%; position: relative !important; font-size: 14px; border: 1px solid #ebebeb; line-height: 50px; } .widget_mc4wp_form_widget .mc4wp-form-fields{ position:relative; } .blog-sidebar .subscribe h2, .blog-sidebar .widget_mc4wp_form_widget .widget-title { border: none !important; margin-bottom: 20px; } .widget_mc4wp_form_widget label { overflow: hidden; left: 0; top: 0; margin: 0 !important; font-size: 0px; display: block; } .footer .widget_mc4wp_form_widget .widget-title:before { display: none; } .blog-sidebar .subscribe form button, .mc4wp-form .mc4wp-form-fields input[type="submit"] { background: #FF6600; position: relative; right: 0; top: 0; border: none; box-shadow: none; width: auto; padding: 0 20px; height: 53px; text-align: center; display: block; margin: 0; border-radius: 0px; cursor: pointer; color: #fff; } .mc4wp-form .mc4wp-form-fields input[type="submit"] { margin-top: 10px; } .blog-sidebar .subscribe form button:hover, .mc4wp-form .mc4wp-form-fields input[type="submit"]:hover{ color:#fff; background:#2A2D2F; } .blog-sidebar .subscribe form button i{ margin:0; } .mc4wp-alert p, .mc4wp-alert p a { color: #fff; } /* Widget Select */ .single-widget select { width: 100%; padding: 12px; font-size: 14px; border: 1px solid #ebebeb; background: #F5F8F9; position: relative; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-user-select: none; background-image: url(assets/img/select-arrow.png) !important; background-repeat: no-repeat !important; background-position: right 50% !important; } /* Widget Tags*/ .widget_tag_cloud .tagcloud a { color: #555; font-size: 14px !important; display: inline-block; padding: 8px 12px; background: #fff; margin-top: 5px; } .widget_tag_cloud .tagcloud a:hover{ background:#FF6600; color:#fff; } /* Tag */ .widget_tag_cloud .tagcloud a { background: #F4F9FC; } .widget_tag_cloud .tagcloud a:hover{ background:#FF6600; color:#fff; } /* Widget RSS */ .widget_rss .rsswidget { display: inline-block; } .widget_rss ul li a { } .widget_rss ul li .rsswidget { line-height: 20px; } .widget_rss .rss-date { color: #FF6600; display: block; line-height: initial; } .widget_rss .rssSummary { line-height: 25px; } /* Default Search */ .search-form{ position:relative; } .search-form input[type="search"] { width: 100%; height: 50px; border-radius: 0px; padding: 0 75px 0 20px; font-size: 14px; } .search-form label { width: 100%; position:relative; } .search-form input[type="submit"] { position: absolute; top: 0; right: 0; background: #FF6600; color: #fff; height: 50px; border: none; border-radius: 0px; padding: 0 20px; cursor: pointer; } .search-form input[type="submit"]:hover{ background:#00265E; color:#fff; } /* Password Form */ form.post-password-form input { border-radius: 0px; height: 40px; } form.post-password-form input[type="submit"] { background: #FF6600; padding: 9px 15px; color: #fff; border-radius: 0px; border: none; } form.post-password-form input[type="submit"]:hover{ background:#00265E; color:#fff; } /* Pagiantion */ .page-links{ margin-top:10px; } .page-links a, .page-links span { border: 1px solid #ebebeb; padding: 5px 10px; display: inline-block; font-size: 20px; font-weight: normal; width: auto; } .page-links span.current,.page-links a:hover { background: #FF6600; color: #fff; } .blog-single ul li { line-height: 30px; padding-left: 20px; position:relative; } .blog-single ul li:before { content: ""; position: absolute; left: 0; top: 50%; width: 8px; height: 8px; background: #FF6600; border-radius: 100%; margin-top: -4px; } p.has-large-font-size { line-height: 43px; } /* Widget Calender CSS */ #calendar_wrap th, #calendar_wrap td { padding: 5px 10px; text-align: center; display: nherit; border: 1px solid #ebebeb; color: #353535; } #calendar_wrap #wp-calendar { max-width: 100%; } #calendar_wrap #wp-calendar thead th, #calendar_wrap #wp-calendar tfoot td { background: #F5F8F9; color: #353535; font-size: 15px; } #calendar_wrap #wp-calendar caption { caption-side: top; background: #FF6600; color: #fff; text-align: center; padding: 10px; font-size: 15px; } #calendar_wrap #wp-calendar tbody tr a { color: #fff; border-radius: 100%; display: inline-block; width: 26px; height: 26px; line-height: 26px; padding: 0; background: #FF6600; padding: 0; text-align: center; } #calendar_wrap #wp-calendar tfoot tr a { color: #353535; } #calendar_wrap #wp-calendar tfoot tr a:hover{ color:#FF6600; } /* BLog Sidebar Widget */ .sidebar-main .widget { border: 1px solid #ccc6; padding: 30px 20px; background: #fff; } .sidebar-main .widget ul li { line-height: 38px; border-bottom: ; border-bottom: 1px solid #cccccc87; } .sidebar-main .widget ul li:last-child{ border:none; } .sidebar-main .widget h2 { font-size: 24px; position: relative; padding-left: 30px; margin-bottom: 15px; } .sidebar-main .widget h2:before { content: ""; position: absolute; left: 0; top: 50%; width: 16px; height: 16px; border: 4px solid #F60; margin-top: -8px; } .wp-block-search .wp-block-search__input { height: 45px; border: 1px solid #ccccccad; padding: 0 10px; } .wp-block-search .wp-block-search__button { background: #FF6600; color: #fff; border: none; } .wp-block-tag-cloud a { background: #f7f7f7; padding: 10px 20px; display: inline-block; font-size: 14px !important; color: #555; display: inline-block; } .wp-block-tag-cloud a:hover{ background:#FF6600; color:#fff; } /*==================================== Wordpress Default Sidebar ======================================*/ /*==================================== Footer CSS ======================================*/ .footer-newsletter { position: relative; bottom: -65px; margin-top: -65px; } .newsletter-main { background: #fff; position: relative; background: #fff; box-shadow: box-shadow:0px 0px 5px #0000002e; border-radius: 5px; overflow: hidden; padding: 30px 40px; border-top: 3px solid #FF6600; } .newsletter-content h2 { margin-bottom: 5px; font-size: 28px; font-weight: 600; background-image: linear-gradient(#FFD400,#FFD400); background-position: 0 90%; background-repeat: repeat-x; background-size: 10px 10px; display: inline-block; } .newsletter-content p { font-size: 16px; } .newsletter-main { display: ; } .newsletter-main .mc4wp-form .mc4wp-form-fields input[type="submit"] { position: absolute; right: 0; top: 0; margin: 0; height: 100%; background: #FF6600; color: #fff; border-left: 1px solid #ccc; } .newsletter-main .mc4wp-form .mc4wp-form-fields input[type="submit"]:hover{ background:#00265E; color:#fff; } .footer { background-color: #00265E; } .footer-logo { text-align: left; } .footer .footer-top { padding: 50px 0 80px; } .footer.newsletter-padding .footer-top { padding: 115px 0 80px; } .footer .single-widget { margin-top: 30px; } .footer .single-widget h3 { color: #fff; font-size: 18px; position: relative; text-transform: capitalize; margin-bottom: 25px; } .footer .single-widget:hover h3:before{ background:#FF6600; color:#fff; } .footer p { color: #ccc; font-size:14px; } .copyright-content { text-align: left; } .footer-about { padding-right: 30px; } .footer-about .logo { margin-bottom: 15px; } .footer-about .text-logo a { color: #fff; font-size: 20px; font-weight: 700; } .footer-about .text { margin-bottom: 35px; } .footer-about .button .bizwheel-btn { background: #FF6600; margin-top: 20px; color: #fff; } .footer-about .button .bizwheel-btn:hover{ background:#fff; color:#FF6600 } /* Footer Link */ .footer .widget_nav_menu ul li { margin-bottom: 0px; position: relative; padding-left: 25px; } .footer .widget_nav_menu ul li:before { position: absolute; content: ""; left: 0; top: 50%; height: 10px; width: 10px; border-radius: 100%; margin-top: -5px; background: #d4d4d4; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .footer .widget_nav_menu ul li:hover:before{ background:#FF6600; } .footer .widget_nav_menu ul li:last-child{ margin-bottom:0px; } .footer .widget_nav_menu ul li a { display: inline-block; color: #B4B4B4; padding: 0; margin: 0; background: transparent; font-size: 14px; font-weight: normal; } .footer .widget_nav_menu ul { box-shadow: none; margin: 0; } .footer .widget_nav_menu ul li a::before{ display:none; } .footer .widget_nav_menu ul li a:hover { color:#FF6600; } /* Footer Mail Chimp */ .footer .widget_mc4wp_form_widget .widget-title { margin-bottom: 0px; font-size: 18px; font-weight: 600; text-align:center; } .footer .widget_mc4wp_form_widget .mc4wp-form-fields p { } .footer .widget_mc4wp_form_widget .mc4wp-form-fields p:last-child { margin: 0; position: absolute; right: 0; top: -9px; border-radius: 0px; } .footer .widget_mc4wp_form_widget form { background: #fff; padding: 15px; line-height: initial; } /* Footer News */ .footer-news .single-f-news .content { padding-left: 85px; } .footer-news .single-f-news .content .title { font-size: 14px; } .footer .footer-newsletter .address { color: #777; font-size: 15px; margin-bottom: 20px; } .footer .single-f-news .post-meta i { color: #FF6600; } .footer .address-widget-list li { display: block; margin-bottom: 10px; line-height: 25px; position: relative; padding-left: 40px; } .footer .address-widget-list li, .footer .address-widget-list li a { font-weight: normal; color: #ccc; font-size: 15px; } .footer .address-widget-list li i { color: #fff; text-align: center; border-radius: 100%; font-size: 13px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; position: absolute; left: 0; top: 50%; width: 30px; height: 30px; line-height: 30px; text-align: center; border: 1px solid transparent; margin-top: -15px !important; } .footer .address-widget-list li:hover i{ background:#fff; color:#FF6600; } .footer .address-widget-list li:last-child{ margin-bottom:0px; } .footer .address-widget-list li span{ color:#FF6600; display:inline-block; } .footer_contact p { margin-bottom: 15px; } /* Social */ .footer .social{ margin-top:22px; } .footer .social li { display: inline-block; margin: 0 10px 0 0; } .footer .social li:last-child{ margin-right:0px; } .footer .social li a { color: #fff; display: block; font-size: 16px; text-align: center; line-height: initial; border: none; width: 32px; height: 32px; line-height: 32px; border: 1px solid #fff; border-radius: 100%; background: #fff; color: #00265E; } .footer .social-icons li:before { display: none; } /* Copyright */ .footer .copyright { text-align: center; overflow: hidden; padding: 20px 0; border-top: 1px solid #ebebeb3b; background: #fff; } .footer .copyright-content p { font-size: 15px; color: inherit; } .footer .copyright-content p span{ font-size:17px; font-weight:800; text-transform:uppercase; } .footer .copyright-content a:hover{ color:#FF6600; } #footer-menu li { display: inline-block; font-size: 13px; margin-right: 10px; padding-right: 10px; border-right: 1px solid #cccccca1; line-height: initial; } #footer-menu li:last-child { margin: 0; padding: 0; border: none; } #footer-menu li:hover a { color: red; } .footre-nav { float: right; } .footer-logo .img-logo img { max-width: 150px; } /*==================================== End Footer CSS ======================================*/ /*==================================== Responsive CSS ======================================*/ /* Tablet Screen */ @media only screen and (min-width: 768px) and (max-width: 991px) { .right-bar { top: 39px; } .topbar { padding: 10px 0; } .topbar .social-icons { float: none; margin-top: 5px; text-align: center; } .right-bar { top: 18px; } .menu-area .navbar-nav { display: inline; } .menu-area .navbar { display: initial; } .header .nav-inner { margin: 0; } .header .nav li { margin-right: 7px; } .header .nav-inner { float: left; } .header .nav li a { } .header .nav li a { font-size: 13px; } .header .nav li .sub-menu { width: 170px; } .header .nav li .sub-menu li a { font-size: 13px; -moz-animation: ; padding: 3px 8px; } .header .nav li .sub-menu li .sub-menu li a { padding: 5px 12px; } .header.style2 .nav-inner { margin-right: 0; } .header.style2 .middle-header { position: absolute; top: 70px; } .error .error-inner h2 { margin: 15px 0; line-height: 35px; font-size: 30px; } .error{ padding:100px 0; } div.breadcrumbs { position: relative; padding: 70px 0; } } /* Mobile Screen */ @media only screen and (max-width: 767px) { .top-right-single.top-contact, .topbar .social-icons { text-align: center; float: none; } .slicknav_menu .slicknav_menutxt { color: #FF6600; font-weight: bold; text-shadow: 0 1px 3px #000; text-shadow: none; font-size: 18px; } .single-bar.button { display: none; } .slicknav_nav li { border-bottom: 1px solid #ebebeb; line-height: 30px; } .slicknav_nav li:last-child{ border:none; } .slicknav_menu{ display:block; } .slicknav_menu { display: block; background: transparent; padding: 0; } .slicknav_btn { background: transparent; padding: 0; margin: 0; margin-right: 10px; } .slicknav_menu .slicknav_icon-bar{ box-shadow:none; } .slicknav_menu .slicknav_icon-bar { background: #2E2751 !important; } .skill-image{ display:none; } .slicknav_nav { clear: both; color: #fff; margin: 0; background: transparent; padding-top: 15px; } .slicknav_nav li a{ margin: 0; color: #333; background: transparent; overflow: hidden; } .slicknav_nav li a i{ display:none; } .slicknav_nav li a:hover{ color:#FF6600; background:transparent; } .slicknav_nav li:hover{ background:transparent; } .slicknav_nav li .dropdown li:hover{ background:transparent; } .slicknav_nav li .dropdown li a{ color:#555; background:transparent; } .slicknav_nav li .dropdown li a:hover{ color:#FF6600; background:transparent; } .slicknav_nav li .slicknav_item{ background:transparent; } .slicknav_nav .slicknav_row, .slicknav_nav a { padding: 0; margin: 0; padding: 6px 0; font-weight: 500; } .slicknav_nav li:last-child a{ padding-bottom:0px; } .slicknav_menu .slicknav_icon-bar { background-color: #FF6600; box-shadow: none; text-shadow: none; } .slicknav_nav .slicknav_arrow{ color:#666; } .slicknav_menu .slicknav_icon-bar { display: block; width: 25px; height: 3px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.25); -moz-box-shadow: 0 1px 0 rgba(0,0,0,.25); box-shadow: 0 1px 0 rgba(0,0,0,.25); background: #F60 !important; } .slicknav_nav li .slicknav_item:hover{ background:transparent;; } .header.style2 .middle-header { padding: 0; top: 112px; } .nav-inner { display: none; } .right-bar { position: absolute; left: 0; text-align: center; width: 100%; text-align: center; top: -42px; right: 20px; left: initial; justify-content: right; } .mobile-nav { position: relative; top: -25px; } .header .img-logo { margin: 0; } .middle-inner { padding: 15px 0; } .right-bar { } .error .error-inner { padding: 0; } .error .error-inner h2 { font-size: 24px; line-height: 32px; } .error{ padding:80px 0; } div.breadcrumbs { position: relative; padding: 50px 0; } .breadcrumbs h2 { font-size: 25px; line-height: 30px; } .breadcrumbs .bread-menu { margin-top: 5px; } } /*==================================== End Responsive CSS ======================================*/