/* Theme Name: BB Wedding Bliss Theme URI: https://www.themeshopy.com/free/bb-free-wedding-bliss-wordpress-theme/ Author: Themeshopy Author URI: https://www.themeshopy.com/ Description: BB Wedding Bliss is a wedding WordPress theme to construct websites for marriage, engagement, couples, wedding planners, wedding band, personal, portfolio, art, design, business, photography, girlie or feminine blogs and websites, as well as photographer type of clients. You can make beautiful wedding websites with this multipurpose theme that caters to businesses such as hospitality, lodge, hotel, restaurant, café, food joints, cuisines, recipe, eatery, etc. It’s a completely mobile-friendly theme which is built using Bootstrap – an excellent framework. It has powerful shortcodes that will set up a pleasing website for you. It has a well-integrated versatile banner with attractive Call to Action Button (CTA). From the testimonial section, you can spread client reviews about your site. This theme has many features such social media tools, amazing typography options, color choices, customizable admin panel, etc. The optimized codes support faster page load time to give a stunning user experience. BB Wedding WordPress Theme is SEO friendly that gets over the top in search result pages. Take away this professional Wedding WordPress Theme which will give a beautiful touch to your wedding website. Demo: http://themeshopy.com/bb-wedding-bliss-theme/ Version: 1.2 License: GNU General Public License License URI: license.txt Text Domain: bb-wedding-bliss 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, sticky-post, post-formats, buddypress, full-width-template, theme-options, threaded-comments, blog, portfolio, e-commerce BB wedding Bliss WordPress Theme has been created by Themeshopy, 2017. BB wedding Bliss 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; font-size:12px; color:#000; font-family: 'Vollkorn', serif; overflow-x: hidden; } 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; font-family: 'Unica One', cursive; } p{ margin:0 0 15px; padding:0; font-size:15px; line-height:normal; font-weight:normal; } a{ text-decoration:none; color:#000; } a:hover{ text-decoration:none; color:#666; } a:focus, a:hover{ text-decoration:none !important; } 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; } .toggle{ display:none; } .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="search"] { float: left; padding: 10px; border: none; color: #000; } input[type="submit"] { border:2px solid rgb(21, 28, 39); text-align:center; text-transform:uppercase; font-size:18px; padding:7px 30px; background:rgb(21, 28, 39); font-weight:bold; color:#fff; border-radius:3px; display:table; } /* Sweep To Right */ .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0,0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: rgb(21, 28, 39); -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: #fff; } .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* ---------Buttons--------- */ a.button{ background:rgb(21, 28, 39); color: #fff; font-size: 16px; margin: 20px 0 0; padding: 7px 30px; text-transform: uppercase; font-weight:bold; } /* ---------HEADER--------- */ .logo{ margin:0; padding: 10px 0; } .logo h1{ text-transform:uppercase; padding:0; margin-bottom:8px; font-size:30px; font-weight:bold; margin-top: 0; } .logo a{ color: #fff; font-size: 40px; } .logo p{ font-size:12px; color:#fff; } body.page-template.page-template-page-template.page-template-custom-front-page .logo a{ color: #000; font-size: 40px; } body.page-template.page-template-page-template.page-template-custom-front-page .logo p{ font-size:12px; color:#000; } .page-template-custom-front-page #header{ z-index:999; width:100%; height:auto; position: absolute; background: rgba(243, 237, 237, 0.5); border: none; box-shadow: none; } #header { background: rgb(21, 28, 39); position: relative; float: left; width: 100%; padding: 12px 0; color: #b79338; } #header .header-top{ background:#000; color:#aaaaaa } #header .header-top a{ color:#aaaaaa } .social-media { text-align: right; } .social-media i { margin-right: 5%; font-size: 14px; color: #fff; } .social-media i:hover{ color:#b79338; } #header .nav{ margin:5px 0 0 0; padding:0; display: block; } #header .nav ul { text-align: center; margin:0; padding:0; font-weight:400; font-size:14px; text-transform: uppercase; font-weight:bold; text-align: left; } #header .nav ul li{ display:inline-block; margin:0; position:relative; } .page-template-custom-front-page #header .nav ul li a{ color: #fff; } #header .nav ul li a{ color:#000; padding:10px; display:block; } #header .nav ul li a{ color:#fff !important; } body.page-template.page-template-page-template.page-template-custom-front-page #header .nav ul li a{ color:#000 !important; } /* Homepage */ .our-services small{ color:#6d6d6d; margin:0 0 20px 0; } .our-services .small-button{ margin-top:30px; } .our-services .page-box { border-radius: 5px; padding: 30px; margin: 20px 0 4% 0; background: #f5f5f5; } .our-services .page-box h4 a{ color:rgb(21, 28, 39); margin:0 0 29px 0; padding:0; font-size: 30px; } .our-services .page-box p{ font-size:15px; margin:0; line-height: 25px; color: #555; } .our-services .box-image{ margin:0; } .our-services img{ max-width:100%;-webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow:hidden; border:1px solid #fff; width:100%; } .our-services .services-box{ margin:40px 0 20px 0; } /* Headings */ section h2{ font-weight:bold; text-align:center; margin:0 0 45px; 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; } section .innerlightbox{ background-size:100% 100%; padding:4.5em 0; color:#000; } /* Woocommerce */ .woocommerce span.onsale{ background: #151c27; 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; letter-spacing: 1px; font-weight: 500; /*font-size: 1.5em !important;*/ } .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { color: #000; font-size: 1em; } .woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{ margin-bottom: 5px; } .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: #151c27; color: #fff; border-radius: 0; padding: 14px 26px; font-size: 16px; } .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: #b79338; } .woocommerce .quantity .qty { width: 6em; padding: 8px; border-radius: 0; border: solid 1px #000; color: #000; } .woocommerce table.shop_table td{ font-size: 18px; } .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images { opacity: 1 !important; } .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product { width: 28.75%; } .woocommerce .woocommerce-ordering select{ padding: 10px; font-size: 16px; } .col-1,.col-2 { max-width: 100%; } nav.woocommerce-MyAccount-navigation ul { list-style: none; } nav.woocommerce-MyAccount-navigation ul li { background: #151c27; padding: 12px !important; margin-bottom: 10px !important; } nav.woocommerce-MyAccount-navigation ul li a{ color: #b79338; font-size: 18px; } span.posted_in { display: block; } span.posted_in a, span.tagged_as a{ color: #555; } .woocommerce-cart .content-ts, span.woocommerce-input-wrapper { width: 100%; } .woocommerce-MyAccount-content a { color: #000; } .woocommerce table.shop_table th{ font-size: 18px; } span.woocommerce-Price-amount.amount { font-size: 20px; } .woocommerce .product_meta { font-size: 17px; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{ font-size: 30px; } .woocommerce-page ul.products li.product { margin: 0 3.8% 2.992em 0; width: 29.05%; } .woocommerce div.product form.cart .button { font-size: 15px; } .woocommerce span.onsale { font-size: 16px; position: absolute; text-align: center; line-height: 3.236; top: 0.5em; left: -1.5em; padding: 1px 7px !important; } .woocommerce .quantity .qty { font-size: 17px !important; } .woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a{ font-size: 15px; color: #000; } .woocommerce div.product div.images img{ margin-top: 15px; } .woocommerce form .form-row .required{ color: #000; } .woocommerce-info{ font-size: 16px; } /* Footer Section */ .tagcloud a { color: #fff; } #footer input[type="search"] { width: 100%; border: none; padding: 7px 6px; border: solid 1px #4d4d4d; } #footer input[type="submit"] { font-size: 10px; padding: 12px 8px; font-weight: bold; color: #fff; margin: 3px 0 0 0; width: 25%; float: right; font-size: 15px; } #footer td#prev a { color: #fff; } #footer table#wp-calendar { margin-top: 15px; } table#wp-calendar { width: 100%; } table#wp-calendar td a { color: #fff; } #footer caption, #sideabr caption { font-weight: bold; color: #fff; font-size: 20px; } #footer table,#footer th,#footer td, #sidebar table,#sidebar th,#sidebar td { border: 1px solid #d1d1d1; text-align: center; } #sidebar td, #sidebar td#prev a, #sidebar th { color:#737171 !important; padding: 10px; } #footer td { padding: 10px; color: #fff; } #footer th, #sidebar th { text-align: center; padding: 10px; color: #fff; } #footer select, #sidebar select { padding: 8px 5px; color: #4d4d4d; } #footer li a { color: #fff; font-size: 15px; } #footer li a:hover{ color:#b79338; } #footer ul li { list-style: none; padding: 5px 0; } #footer ul { margin: 0; } #footer{ background:rgb(21, 28, 39); text-align:center; color:#fff; text-align:left; clear:both; } #footer h3{ text-align:left; text-transform:uppercase; font-size:24px; margin:10px 0 24px 0; border-bottom:3px double #4d4d4d; padding:0 0 17px 0; } #footer p{ font-size:14px; } #footer .news-form{ margin-top:24px; } #footer a.rsswidget{ color: #fff; } #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 5%; float: right; /*border: none;*/ background: #bd9338; /*border-radius: 5px;*/ margin: 0; } #footer .copyright{ text-align:center; } .copyright p { font-size: 16px !important; color: #fff; margin-bottom: 0; } .copyright p a{ color: #fff; } .abovecopyright { background: rgb(4, 14, 29); padding: 20px 0px; } /* --------- Bride & Groom ------- */ .contentbox a { color: rgb(21, 28, 39); font-size: 18px; } .contentbox p { padding: 0 14%; font-size: 16px; color: #666; } .contentbox h4 { color: #666; font-style: italic; font-weight: normal; font-size: 20px; } .heading-line{ text-align: center; } .heading-line p { color: #666; font-size: 15px; } .heading-line h3 { color: #000; font-size: 35px; font-weight: normal; letter-spacing: 1px; margin-top: 0%; padding-bottom: 0; } .contentbox { text-align: center; margin-bottom: 5%; } /* --------- Love Story ------- */ #about{ padding: 2% 0 } #love-Story,#moreevent { border: solid 1px #bbb; box-shadow: 4px 4px 10px 0px #bbb; } .lscontent { padding: 15px; text-align: center; } #love-Story h3 { margin: 0; letter-spacing: 3px; font-weight: normal; font-size: 30px; color: #000; padding-bottom: 0; } #love-Story p { font-size: 13px; color: #666; padding: 0 12px; letter-spacing: 1px; } /* --------- Blog Page ------- */ .postbox { margin-bottom:39px; border-bottom:2px dotted #7e7e7e; padding:0 0 26px; } .postbox h2{ margin:0 0 5px; font-weight:bold; } .blogbutton-small{ background:none; font-weight:bold; padding:6px 25px; border:2px solid rgb(21, 28, 39); color:rgb(21, 28, 39); font-size:14px; text-transform:uppercase; margin:25px 0 0 0; display:table; } .metabox{ color:#000; padding:15px 0; clear:both; font-size: 15px; } .metabox .entry-date, .metabox .entry-author, .metabox .entry-comments{ padding: 0 0 0 20px; } .metabox i { padding-right: 10px; } /* Comments BOX */ #comments{ margin-top:40px; } #comments h2.comments-title{ font-size:20px; font-weight:bold; border-top:2px dotted #7e7e7e; padding:40px 0 0 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:rgb(21, 28, 39) !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:rgb(21, 28, 39); color: #fff; } #comments a time{ color:#000; font-weight:bold; font-size:12px; } .content-ts #comments ol li{ width:100%; background:none;list-style:none; margin: 0 0 20px; background:#eee; display:inline-block; } .content-ts #comments ul{ margin:0 0 0 40px; } #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; } /*serch-box*/ .serach_inner label { width: 75%; } .serach_outer { position: fixed; width: 100%; height: 100%; background: #000; overflow: hidden; transition: 0.5s; z-index: 999; top: 0; left: 0; display: none; } .serach_inner { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .closepop { position: absolute; top: 20%; transform: translateY(-50%); width: 100%; right: 0; text-align: right; margin-right: 28px; } .serach_outer i { font-size: 24px; padding: 4px 0 0 0; color: #3a4d5e; cursor: pointer; } .serach_inner form.search-form { display: table; padding: 0; border-radius: 0; background: #ffffff; margin: 0 auto; max-width: 700px; width: 100%; } .serach_inner form.search-form { display: table; border: 4px solid #b79338; padding: 10px; box-shadow: 0 0 12px 1px #f5f5f5; border-radius: 0; background: #ffffff; margin: 0 auto; max-width: 700px; width: 100%; } .serach-page input.search-field { border: 1px solid #ccc; padding: 9px; } .serach_inner input.search-field { padding: 10px; font-size: 20px; font-style: italic; font-weight: normal; color: #3a4d5e; } .serach_inner input.search-submit { padding: 8px 35px; margin: 5px 0; font-size: 20px; width: 100%; } button.search-submit { border: 0; background: transparent; } input.search-field { border: none; padding: 4px 0; background: transparent; width: 95%; } body.page-template.page-template-page-template.page-template-custom-front-page .search-box i{ color: #000; } .search-box i { padding: 6px 0px; color: #fff; margin: 7px; font-size: 17px; } .search-box { margin: 8px 0px; } /* --------- SLIDER--------- */ #slider{ max-width:100%; margin:auto; padding:0; background: #000; } #slider img { width: 100%; opacity: 0.6; } #slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active { display: block !important; } #slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{ background-image: none; font-size: 15px; color: #fff; padding: 15px 20px; } .carousel-control-prev, .carousel-control-next{ opacity: unset !important; } .carousel-control-next-icon, .carousel-control-prev-icon{ width: auto; height: auto; } #slider .carousel-caption { top: 50%; transform: translateY(-50%); right: 30%; left: 30%; } #slider .inner_carousel h2 a{ margin-bottom: 15px; font-size: 45px; letter-spacing: 1px; font-weight: 100; text-transform: uppercase; color: #b79338; } /* Sidebar */ #sidebar { padding: 5% 0; margin-top: 15px; } #sidebar form{ display: table; width: 100%; } #sidebar h3 { margin: -40px 0 20px; padding: 10px 15px; font-weight: bold; font-size: 18px; background: rgb(21, 28, 39); color: #b79338; text-transform: uppercase; text-align: center; letter-spacing: 2px; } #sidebar input[type="search"] { background:#fff; padding:9px 10px; border:none; font-size:15px; color:#000; width:100%; } #sidebar label{ width:70%; float:left; } #sidebar input[type="submit"]{ background:rgb(21, 28, 39); border:none; color:#b79338; padding:10px 0; width:30%; font-size:14px; float:left; margin:0; } #sidebar aside { margin-bottom: 12%; border: 2px solid rgb(21, 28, 39); padding: 15px; border-radius: 3px; } #sidebar ul {list-style:none; margin:0; padding:0; font-size:16px; } #sidebar ul li{ background:url('images/bullets-sidebar1.png') no-repeat 0 2px; margin:0 0 15px; padding:0 0 0 23px; } #sidebar ul li a{ color:#737171; } #sidebar ul li a:hover{ color:rgb(21, 28, 39); } label{ margin-bottom: 0px; width: 100%; margin-top: 15px; } #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:#ffd34e; } /* Page */ .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:30px; 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{ /*padding:0 0 0 35px;*/ margin:0 0 20px 0; line-height:25px; margin-right: 15px; font-size: 20px; } .content-ts ol{list-style: none; 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; } /* Pagination */ .nav-previous { float: left; width: 50%; font-size: 15px; } .nav-next { float: right; font-size: 15px; 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:#fff; background: rgb(21, 28, 39) ; -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:#fff; background: #b79338; } .pagination .current{ padding:10px 15px; background: #b79338; color:#000; font-weight:normal; } /*video*/ iframe{ width: 100%; } .entry-audio audio { width: 100%; } @media screen and (max-width:720px) { .page-template-custom-front-page #header { position: static; opacity: 1; padding: 0; } #header{ padding: 0; border: none; } #slider h2 { display: none; } #slider .carousel-caption { top: 40%; transform: translateY(-60%); } #comments input[type="submit"].submit{ width: 100% !important; } .toggle{ display:block; } .toggle a{ width:100%; color:#fff; background:url('images/mobile_nav_right.png') no-repeat right center rgb(21, 28, 39); padding:10px 137px; font-size:16px; } .toggle a:hover{ color:#fff; } .toggle a.active{ color:#fff; } .nav{ display:none; } #header .nav{ float:none; margin:0; position:absolute; z-index:999; overflow-x:hidden; width: 100%; left: 0; top: -9em; } #header .nav ul{ width:100%; float:none !important; margin-top:0; background-color:#151c27; } #header .nav ul li{ border-top:1px #303030 solid; display:block; float:none; text-align:left; } .nav ul li a{ padding:5px 10px; display:block; color:#ffffff !important; } .nav ul li a:hover{ color:#ff8a00; } .nav ul li ul, .nav ul li ul ul{ display:block !important; } .nav ul li ul li a:before{ content:"\00BB \00a0"; } .nav ul li ul li a{ padding-left:20px !important; } .nav ul li ul li ul li a{ padding-left:30px !important; } .logo{ text-align: center; } .search-box { margin: 8px 0px; text-align: center; } } @media screen and (min-width:720px){ #header .nav ul li ul{ display:none; z-index:2; font-weight:normal; margin-top:12px; } #header .nav ul li:hover > ul{ display:block; background:rgb(21, 28, 39); width:200px; position:absolute; top:20px; left:0; text-align:left; padding:10px 0; z-index:99; } #header .nav ul li:hover > ul li{ display:block; } #header .nav ul li:hover > ul li a{ padding:7px 0px 7px 10px; color:#ffffff; } #header .nav ul li:hover ul li ul{ display:none; } #header .nav ul li:hover ul li:hover > ul{ display:block; position:absolute; left:200px; top:-20px; } #header .nav ul.sub-menu{ margin-top:10px; } #header .nav ul.sub-menu li a:hover{ background:#b79338; color:#fff; } #header .nav ul { margin:5px 0 0 0; } .page-template-custom-front-page #header .nav ul li a{ color: #fff; } #header .nav ul li a{ color: #000; padding: 7px 10px; display: block; letter-spacing: 1px; font-size: 15px; text-transform: none; font-style: italic; } } @media screen and (min-width: 1000px) { #header #header-inner .nav ul li ul li{ display:block; position:relative; float:none; } #header #header-inner .nav ul li ul li a{ color:#000; display:block; padding-top:10px; padding-bottom:10px; border-bottom:1px #313131 solid; } } @media screen and (min-width: 720px) and (max-width: 768px){ #footer td{ padding: 3px; } #footer th{ padding: 0; } } @media screen and (min-width: 991px) and (max-width: 1024px){ .logo a { color: #fff; font-size: 40px !important; } }