/* Theme Name: BB Mobile Application Theme URI: https://www.themeshopy.com/free/wp-bb-mobile-application-theme/ Author: ThemeShopy Author URI: https://www.themeshopy.com Description: Trying to create an interactive website with the help of a flexible option? If so, let us introduce a stunning solution! BB is a beautiful and responsive business WordPress theme. BB Mobile Application is a unique theme that can easily bring your website to perfection. Neat, dainty and extremely easy to use, this theme will truly make your website stand out. BB Mobile Application is a free WordPress theme for APP websites. BB App is an innovative and clean Lead Capture cum Landing Page WordPress Theme from Themeshopy. This theme is ideal for seeking reviews of upcoming products like mobile app, gadgets or any other business proposition, company corporate identity showcase, blog, one page, landing page, construction, travel, hotel, real estate, restaurant, photography, industrial, portfolio, gym, education, affiliate, job board and portal, jewelry, local business, creative agency, architecture, event, gallery, lifestyle, lens, listing, yoga, wedding, university, school, sports, quotes and similar websites. It is a highly suitable theme for APP post display. It has purpose oriented design, responsive layout and special features to manage Slider, service and footer from customize admin section. This user-friendly theme has secure and clean code due to which you can obtain faster page load time. It provides different personalization options making it effortless for you to customize the theme. So, get ready to create a professional website with this multipurpose theme which has optimized codes. Demo: https://www.themeshopy.com/bb-mobile-application-theme/ Version: 1.2.4 License: GNU General Public License License URI: license.txt Text Domain: bb-mobile-application Tags:left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, post-formats, sticky-post, buddypress, front-page-post-form, full-width-template, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, news, e-commerce BB Mobile Application WordPress Theme has been created by ThemeShopy, 2017. BB Mobile Application WordPress Theme is released under the terms of GNU GPL In this theme some code is taken from Twenty Sixteen. */ /* Basic Style */ *{ margin:0; padding:0; outline:none; } body{ margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word; background-color:#fff; color:#000; font-family: 'Montserrat', sans-serif; } img{ margin:0; padding:0; border:none; max-width:100%; height:auto; } section img{ max-width:100%; } h1, h2, h3, h4, h5, h6{ margin:0; padding:10px 0; } p{ margin:0 0 15px; padding:0; font-size: 15px; line-height: 1.8; } a{ text-decoration:none; color:#00A885; } a:hover{ text-decoration:none; color:#666; } a:focus, a:hover{ text-decoration:none !important; } a:focus{ outline: 1px dotted #000; border-bottom: 1px solid #000; } ul{ margin:0 0 0 15px; padding:0; } :hover{-webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } select{ width:100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{ clear:both; } .clear{ clear:both; } input[type='submit']:hover{ cursor: pointer; } .center{ text-align:center; margin-bottom:40px; } .middle-align{ margin:0 auto; padding:20px 0 20px; } .wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%; } .wp-caption-text{ margin:0; padding:0; } .screen-reader-text { position: absolute; top:-9999em; left:-9999em; } /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; 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{ margin:0; padding:0; } .gallery-caption{ margin:0; padding:0; } .alignleft, img.alignleft { display: inline; float: left; margin-right:20px; margin-top:4px; margin-bottom:10px; padding:0; border:1px solid #bbb; padding:5px; } .alignright, img.alignright { display: inline; float: right; border:1px solid #bbb; padding:5px; margin-bottom:10px; margin-left:25px; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; } .comment-list .comment-content ul { list-style:none; margin-left:15px; } .comment-list .comment-content ul li{ margin:5px; } #respond{ clear:both; } .bypostauthor{ margin:0; padding:0; } small{ font-size:14px !important; } a.small-button{ background:#3890cb; padding:5px 30px; border-radius:3px; color:#fff; display:table; margin:0 auto; } a.small-button:hover{ color:#fff; background:#0c5f96; } input[type="text"], input[type="email"], input[type="phno"], textarea{ border:1px solid #bcbcbc; width:100%; font-size:16px; padding:10px 10px; margin:0 0 23px 0; height:auto; } textarea{ height:111px; } input[type="submit"] { border:2px solid #29459f; text-align:center; text-transform:uppercase; font-size:18px; padding:7px 30px; background:#4c66ba; font-weight:bold; color:#fff; border-radius:3px; display:table; } input[type="submit"]:hover{ background:#3890cb; } /* ---------Buttons--------- */ a.button{ background:#14c2a0; color: #fff; font-size: 16px; margin: 20px 0 0; padding: 7px 30px; text-transform: uppercase; font-weight:bold; } /* ---------HEADER--------- */ #header { width: 100%; background: #00a885; position: static; } .page-template-custom-front-page #header { z-index: 999; width: 100%; background: transparent; position: absolute; } #header .logo{ margin:0; padding: 15px 0; } #header .logo h1{ font-weight:700; text-transform:uppercase; padding:0; margin-bottom:8px; font-size:30px; font-weight:bold; margin-top: 0; } #header .logo a{ color:#fff; } #header .logo p{ font-size:12px; color: #fff; margin: 0; } div#header a:focus{ outline: 1px dotted #fff; border-bottom: 1px solid #fff; } .page-content { padding: 3% 0; } /* --------- MENUS CSS --------- */ #menu-sidebar { text-align: center; display: inline; } ul.list_nav { margin: 0 auto; text-align: center; display: block; } .primary-navigation ul{ list-style: none !important; margin: 0; padding-left: 0; text-align: left; } .primary-navigation li{ padding: 25px 12px; display: inline-block; position: relative; } .primary-navigation a{ display: block; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: 1px; padding: 3px; } .primary-navigation ul ul{ display: none; position: absolute; background:#fff; min-width: 215px; z-index: 9999; } .primary-navigation ul ul ul { left: 100%; top: 0; } .primary-navigation ul ul a{ padding: 10px; background: #fff !important; color: #00a885; border: 1px solid; } .primary-navigation ul ul a:hover{ background:#00a885 !important; color: #fff !important; } .primary-navigation ul ul li{ float: none; display: block; text-align: left; border-left: none; border-right: none !important; padding: 0; } .primary-navigation ul ul li:last-child{ border-bottom: 0; } .primary-navigation ul li:hover > ul{ display: block; } .primary-navigation .menu > ul > li.highlight{ background-color: #006ccc; } .primary-navigation .menu > ul > li.highlight:hover{ background: transparent; } /*--------------- SUPERFISH MENU ---------------------------*/ .sf-arrows .sf-with-ul:after{ content: ''; position: absolute; right: 0; margin-top: -2px; height: 0; width: 0; border-top-color: #e1e1e1; } .sf-arrows ul .sf-with-ul:after{ margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #888; } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after{ border-left-color: #333; } .toggle-menu, a.closebtn{ display: none; } /*creative feature*/ .featuered-image { text-align: center; } #about h4 { color: #717171; font-weight: bold; font-size: 18px; text-align: left; } .left-part, .right-part { margin-bottom: 20px; } #about p { line-height: 1.8; font-size: 14px; color: #717171; padding-bottom: 10px; } .creative-feature h3 { text-align: center; font-size: 32px; color: #4e4e4e; font-weight: 600; background: url(images/sectionborder.png) no-repeat center bottom; padding: 0 0 19px 0; margin: 30px 0 60px 0; text-transform: none; } /* Homepage */ .our-services small{ color:#6d6d6d; margin:0 0 20px 0; } .our-services .small-button{ margin-top:30px; } .our-services .page-box{ height: auto; margin: 0 0 25px 0; position: relative; transition: 0.3s; background: #FFF; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); padding: 0 0 25px 0; } .our-services .page-box h4 a{ color:#25333c; margin:0 0 29px 0; padding:0; } .our-services .page-box p { font-size: 15px; margin: 0; line-height: 25px; color:rgba(51, 51, 51, 0.67); } .our-services .box-image{ margin:0; } .our-services .services-box{ margin:40px 0 20px 0; } .new-text{ border-left: 20px solid #00b18e; padding-left: 20px; } .read-more-box{ color: #fff; padding: 5px; text-decoration: none; margin: 20px 15px 0 0; padding: 7px 20px; background: #00b18e; display: table; font-weight: 600; } .read-more-box:hover{ background:#000; color:#fff; } /* Headings */ section h2{ font-weight:bold; text-align:center; margin:0 0 10px; padding:0; text-transform:uppercase; } section h3{ font-weight:bold; text-align:center; margin:30px 0 0 0; text-transform:uppercase; } section h4{ color:#000; font-weight:bold; font-size:20px; } section h5{ color:#3890cb; font-weight:bold; font-size:24px; margin:0 0 10px 0; padding:0; } a.r_button { background: #3790ca; padding: 0.5em 2em; color: #fff; } /* Footer Section */ .copyright-wrapper li a { color: #fff; font-size: 13px; } .copyright-wrapper li a:hover { color: #14c2a0; } .copyright-wrapper ul li { list-style: none; padding: 5px 0; } .copyright-wrapper ul { margin: 0; } .copyright-wrapper .widget ul { margin-left: 0; text-align: left; } .copyright-wrapper .widget { padding: 20px 0; } .copyright-wrapper .tagcloud a { color: #fff; } .copyright-wrapper .search-form .search-field { width: 100%; border: none; padding: 8px; color: #000; } .search-form input.search-submit { background: #00a885; border: none; display: -webkit-inline-box; padding: 7px; font-size: 14px; } .search-form input.search-field { padding: 9px; background: #eeeeee; border: none; border-radius: 3px; width: 100%; } .inner { background: #15c2a0; } .copyright-wrapper caption { font-weight: bold; color: #fff; font-size: 20px; } .copyright-wrapper table, .copyright-wrapper th, .copyright-wrapper td { border: 1px solid #d1d1d1; text-align: center; } .copyright-wrapper td { padding: 5px; color: #fff; } .copyright-wrapper th { text-align: center; padding: 5px; color: #fff; } .copyright-wrapper select { padding: 8px 5px; color: #333; } #footer{ background:#25333c; text-align:center; color:#fff; text-align:left; clear:both; } #footer .tagcloud a { font-size: 17px !important; border: 3px inset #14c2a0; padding: 4px; line-height: 2.4; margin: 1px; } #footer .tagcloud a:hover { background-color: #14c2a0; } #footer h3 { text-align: left; font-size: 24px; margin: 0 0 24px 0; border-bottom: 3px double #14c2a0; padding: 0 0 17px 0; color: #14c2a0; } #footer p{ font-size:17px; padding: 15px 0px; margin: 0; color: #fff; font-weight: 500; } #footer p a { color: #fff; font-weight: 500; } #footer .news-form{ margin-top:24px; } #footer input[type="text"]{width:60%; padding:8px 5%; float:left; margin-right:2%; border-radius:5px; } #footer input[type="submit"] { width: 100%; padding: 6px; border: none; background: #14c2a0; border-radius: 0; margin: 2px 0px; height: 34px; } #footer .copyright{ text-align:center; } table#wp-calendar td a { color: #fff; } table#wp-calendar td a{ color: #fff; } #footer a:focus{ outline: 1px dotted #fff; border-bottom: 1px solid #fff; } /*woocommerce*/ .woocommerce-product-gallery__image { padding: 5px; } .woocommerce #sidebar { margin-top: 2em; padding: 10px; } .woocommerce-message::before{ color: #00a885; } .woocommerce-message { border-top-color: #00a885; } .woocommerce span.onsale{ background: #00a885; padding: 0; } .products li { border: solid 1px #dcdcdc; padding: 10px !important; text-align: center; } h2.woocommerce-loop-product__title, .woocommerce div.product .product_title { color: #000; font-weight: 700; font-size: 24px !important; } .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { color: #000; } .woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{ margin-bottom: 5px; } .woocommerce h1.product_title.entry-title { background: none; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{ background: #00a885; color: #fff !important; border-radius: 0; padding: 12px; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{ background: #000; color: #fff; } .woocommerce .quantity .qty { width: 5em; padding: 7px; border-radius: 0; border: solid 1px #000; color: #000; } span.woocommerce-input-wrapper, .woocommerce label { width: 100%; } .col-1,.col-2 { max-width: 100%; } nav.woocommerce-MyAccount-navigation ul { list-style: none; } nav.woocommerce-MyAccount-navigation ul li { background: #00a885; padding: 12px !important; margin-bottom: 10px !important; } nav.woocommerce-MyAccount-navigation ul li a{ color: #fff !important; font-weight: 600; } .posted_in { display: block; } header.woocommerce-products-header { margin-top: 20px; } .woocommerce .single-post-page h2{ background: #fff; } .woocommerce .woocommerce-ordering select { vertical-align: top; padding: 10px; } .woocommerce .woocommerce-breadcrumb a, .woocommerce .woocommerce-breadcrumb,.woocommerce span.onsale, .woocommerce-privacy-policy-text p a, .woocommerce form .form-row .required,.woocommerce td.product-name a, .woocommerce-cart .cart-collaterals .shipping-calculator-button { color: #fff; } .woocommerce .posted_in a{ color: #717171; } .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover{ color: #fff !important; } .woocommerce .woocommerce-breadcrumb a, .woocommerce .woocommerce-breadcrumb, .woocommerce li#tab-title-reviews a, tr.woocommerce-cart-form__cart-item.cart_item a{ color: #000; } .woocommerce-MyAccount-content p a{ text-decoration: none !important; } /* Woocommerce CSS End*/ .metabox{ color:#000; padding:15px 0; clear:both; } .metabox i { margin-right: 5px; } .metabox .entry-date{ padding: 0 0 0 20px; margin:0 13px 0 0; } .metabox .entry-author{ padding: 0 0 0 20px; margin:0 20px 0 0; } .metabox .entry-comments{ padding: 0 0 0 20px; } #sidebar .menu-menu-1-container { text-align: left; } .rssSummary { color: #00b18e; } .entry-content p a { text-decoration: underline; color: #00A885; } /* --------- POST --------- */ #blog{ padding-top:0; margin-top:0; } .blog-post h5{ text-transform:uppercase; color: #000; } .feature-image-box{ width:100%; } .feature-image-box img{ height:230px; } .hovereffect a{ border:1px solid #fff; background:#000; color:#fff; padding:5px 20px; } .hovereffect a:hover{ background:#ffd34e; color:#000; } .bradcrumbs{ padding:30px 0; } .bradcrumbs a{ background:#f1f1f1; color:#000; padding:5px 15px; margin-right:5px; } .bradcrumbs a:hover{ background:#ffd34e; } .bradcrumbs span{ background:#dddddd; color:#000; padding:5px 15px; } /* Comments BOX */ #comments{ margin-top:40px; } #comments h2.comments-title{ font-size:20px; font-weight:bold; border-top:2px dotted #7e7e7e; padding:40px 0; } #comments h3.comment-reply-title{ font-size:20px; font-weight:bold; clear:both; } #comments input[type="text"], #comments input[type="email"], #comments textarea{ width:100%; padding:12px 10px; font-size:18px; margin:20px 0 0 0; } #comments input[type="submit"].submit{ background:#00A885 !important; padding:10px 50px; text-transform:uppercase; font-weight:bold; margin-top:20px; margin-left:0; border: none; } #comments a.comment-reply-link{ color:#000; background:#cecece; padding:5px 15px; } #comments a.comment-reply-link:hover{ background:#00a885; } #comments a time{ color:#000; font-weight:bold; font-size:12px; } #comments .reply{ float:right; } #comments .comment-author{ width:100%; } #comments .comment-metadata{ width:90%; float:left; padding:1% 0 0 0; } #comments .comment-content{ width:90%; float:left; margin-left:7%; } #comments p { width:90%; float:left; } /* --------- SLIDER--------- */ #slider .carousel-control-next-icon, #slider .carousel-control-prev-icon{ background: transparent; } #slider{ max-width:100%; margin:auto; padding:0; background: #000; } #slider img { width: 100%; opacity: 0.3; } #slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active { display: block !important; } #slider .carousel-control-next, #slider .carousel-control-prev{ opacity: 1; } .carousel-control-next-icon, .carousel-control-prev-icon{ width: auto; height: auto; } #slider .inner_carousel h2 a { color: #fff; } #slider .inner_carousel h2{ font-weight: 700; font-size: 35px; } #slider .inner_carousel p{ font-size: 15px; } #slider .inner_carousel { text-align: center; color: #fff; } #slider .carousel-caption { position: absolute; top: 56%; right: 17%; left: 36%; transform: translateY(-50%); } #slider .know-btn a { color: #fff; background: #00A885; padding: 14px; font-size: 15px; font-weight: 600; border-top: 2px #fff solid; } #slider .know-btn { margin-top: 5%; } /* slider end */ /* Sidebar */ #sidebar caption { font-weight: bold; color: #333; font-size: 20px; text-align: center; } #sidebar table { width: 100%; } #sidebar table, #sidebar th, #sidebar td { border: 1px solid #717171; text-align: center; } #sidebar td { padding: 10px; color: #333; } #sidebar th { text-align: center; padding: 10px; color: #333; } #sidebar select { padding: 8px 5px; color: #333; } #sidebar form{ display: table; width: 100%; } #sidebar h3 { margin: 0 0 25px; padding: 20px 15px; text-transform: none; font-weight: bold; font-size: 22px; background: rgba(20, 194, 160, 0.32); color: #fff; text-align: left; } #sidebar input[type="search"] { background:#eeeeee; padding:9px 10px; border:none; font-size:15px; color:#000; width:143%; } #sidebar label{ width:70%; float:left; } #sidebar input[type="submit"]{ background:rgba(20, 194, 160, 0.32);; border:none; color:#fff; padding:10px 0; width:100%; font-size:12px; float:left; margin:0; } label{ margin-bottom: 0 !important; width: 100%; } #sidebar aside { margin-bottom: 30px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); background: #fff; } #sidebar ul {list-style:none; margin:6px; padding:0; font-size:16px; } #sidebar ul li{ background:url('images/bullets-sidebar.png') no-repeat 0 7px; margin:0 0 15px; padding:0 0 0 23px; } #sidebar ul li a { color: #333; } #sidebar ul li a:hover{ color:#18cfab; } #sidebar .tagcloud a{ background:#eeeeee; color:#000; font-size:15px !important; padding:5px 18px; margin:0 0 5px; display:inline-block; } #sidebar .tagcloud a:hover{ background:rgba(20, 194, 160, 0.32); } /* Page */ .title-box{ color:#000; text-transform:uppercase; font-weight:bold; margin-bottom:25px; } .single .title-box{ background-size:100% auto; } .content-ts p{ text-align:justify; line-height: 25px; font-size: 16px; margin:0 0 20px 0; } .content-ts hr{ border:none; border-bottom:2px dotted #7e7e7e; margin:35px 0; clear:both; } .content-ts h2{ font-size:32px; font-weight:normal; margin:0; padding:0; color:#000; margin:0 0 25px; } .content-ts h3{ font-size:36px; font-weight:normal; margin:0; padding:0; color:#000; margin:0 0 25px; } .content-ts h4{ font-size:20px; font-weight:bold; margin:0; padding:0; color:#333; margin:0 0 25px; } .content-ts ul{list-style:none; margin:0 0 0 10px; padding:10px 0 0; font-size:16px; } .content-ts ul li{ margin:0 0 20px 0; line-height:25px; } .content-ts ol{list-style: none; margin:0 0 0 15px; padding:10px 0 0 0; font-size:16px; counter-reset: myCounter; } .content-ts ol li{ padding:0 0 0 0; margin:0 0 20px 0; } /*video*/ iframe{ width: 100%; } /*VIDEO*/ .innerlightbox { margin-top: 34px; } /*audio*/ .entry-audio audio { width: 100%; } /* Pagination */ .nav-links { padding: 10px; } .nav-previous { float: left; width: 50%; font-size: 15px; } .nav-next { float: right; font-size: 15px; text-align: right; width: 50%; } .pagination { clear:both; position:relative; font-size:14px; line-height:13px; float:right; font-weight:bold; } .pagination span, .pagination a { display:block; float:left; margin: 2px 2px 2px 0; padding:10px 15px; text-decoration:none; width:auto; color:#000; background: #fff ; -webkit-transition: background .15s ease-in-out; -moz-transition: background .15s ease-in-out; -ms-transition: background .15s ease-in-out; -o-transition: background .15s ease-in-out; transition: background .15s ease-in-out; } .pagination a:hover{ color:#18304c; background: #11b292; } .pagination .current{ padding:10px 15px; background: #11b292; color:#000; font-weight:normal; } span.entry-date a , span.entry-author a{ color: #000; } /*************** Responsive Media **************/ @media screen and (min-width:991px) and (max-width: 1024px;){ #slider .carousel-caption { position: absolute; top: 53% !important; } } @media screen and (max-width:720px) { .page-template-custom-front-page #header{ position: static; background: #00a885; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100% !important; margin: 10% 0 !important; } .woocommerce a.button, .woocommerce a.added_to_cart { width: 60% !important; } #slider .inner_carousel { display: none; } #slider .carousel-caption { right: 0; left: 0; } .featuered-image { margin-bottom: 39px; } #sidebar ul { list-style: none; margin: 0; padding: 0; font-size: 16px; margin: 0 5px; } #header .logo p, #header .logo h1, #about h4, #about p { text-align: center; } #slider .carousel-caption { position: absolute; top: 63%; } } @media screen and (min-width:720px) and (max-width: 768px;){ .copyright-wrapper th{ padding: 0px; } } /*------------------RESPONSIVE MEIDA-------------------*/ @media screen and (max-width: 1000px){ .menubar .primary-navigation ul li a:focus, a.closebtn.responsive-menu:focus{ outline: 1px dotted #fff; border-bottom: 1px solid #fff; } .toggle-menu { display: none; position: relative; display: block; right: 15px; height: 30px; width: 30px; cursor: pointer; margin: 0 auto; z-index: 999999; text-align: right; right: 0; top: 21px; } .toggle-menu i { font-size: 32px; color: #fff; } .toggle-menu button { background: transparent; border: none; } .sidebar { height: 100%; width: 0; position: fixed; z-index: 9999999; top: 0; right: 0; background-color: #252525; overflow-x: hidden; transition: 0.5s; padding-top: 60px; } .sidebar .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; display: block; color: #ffffff; border:none; background: transparent; } .sidebar #primary-site-navigation { width: 100%; } .toggle-menu span{ font-size:30px; cursor:pointer; text-align: right; } .toggle i.fa.fa-bars,.toggle i.fa.fa-times { float: right; color: black; } .primary-navigation ul ul li{ display: block; } .menubar .primary-navigation ul li{ border-top:1px #303030 solid; display:block; } .primary-navigation ul li a{ padding: 10px; display:block; color:#ffffff; border:none; } .primary-navigation ul li ul, .primary-navigation ul li ul ul{ display:block !important; } .primary-navigation ul li ul li a:before{ content:"\00BB \00a0"; } .primary-navigation ul li ul li a{ padding-left:20px !important; } .primary-navigation ul li ul li ul li a{ padding-left:30px !important; } .primary-navigation ul li ul, .primary-navigation ul li ul ul { display: block !important; opacity: 1 !important; } .primary-navigation ul ul{ position: static; width: 100%; background: #252525 !important; } .primary-navigation li{ padding: 0; } .primary-navigation ul ul a{ color: #fff !important; background: #252525 !important; border: none; } .primary-navigation a{ color: #fff; } .main-header-box{ padding-bottom: 15px; } #menu-sidebar { text-align: left; display: inline; } .primary-navigation ul{ display: grid; } .copyright-wrapper td { padding: 2px !important; } section h2 { margin: -23px 0 10px; } }