/* Theme Name: BB Wedding Bliss Theme URI: https://www.themescaliber.com/products/bb-wedding-bliss/ Author: Themeshopy Author URI: https://www.themeshopy.com/ Description: BB Wedding Bliss is an elegant and feature-rich Wedding WordPress Theme designed to create stunning websites for weddings, engagements, and related events. Perfect for couples, wedding planners, photographers, bridal boutiques, and event organizers, this theme helps you beautifully showcase every detail of your special day. Built on the powerful Bootstrap framework, it ensures a fully responsive, mobile-friendly layout that looks flawless across all devices.The theme includes an attractive banner with a Call-to-Action (CTA), customizable color options, beautiful typography, and multiple layout possibilities to create a personalized wedding experience. It also comes with a dedicated testimonial section to highlight client feedback and enhance credibility. BB Wedding Bliss supports social media integration, SEO optimization, and fast loading speeds, ensuring your site ranks well and performs smoothly. With easy customization options through its intuitive admin panel and pre-built shortcodes, you can quickly design a professional website without coding skills. Whether you’re promoting wedding services, showcasing photography, or sharing your love story, BB Wedding Bliss provides the perfect romantic touch to make your website memorable. Demo: https://preview.themescaliber.com/bb-wedding-bliss-theme/ Requires at least: 5.0 Tested up to: 6.9 Requires PHP: 7.2 Version: 2.2.3 License: GNU General Public License v3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: bb-wedding-bliss Tags: wide-blocks, flexible-header, block-styles, block-patterns, 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, translation-ready, 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 */ *{ outline:none; } :root { --primary-color: #b79338; --secondary-color: #151c27; } body{ -ms-word-wrap:break-word; word-wrap:break-word; background-color:#fff; font-size:16px; color:#000; font-family: 'Vollkorn', serif; overflow-x: hidden; } img{ 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; font-size:16px; line-height: 1.8; } p, span{ padding: 0px; } a{ color:#000; text-decoration:none; } a:hover{ color:#666; } a:focus,a:hover{ text-decoration:none !important; } a:focus, textarea:focus, input:focus, .woocommerce form .form-row input:focus.input-text, .woocommerce form .form-row textarea:focus,#header .primary-navigation ul ul a:focus, button:focus{ outline: 2px solid #FF4500; border-bottom: 1px solid #000; } #header a:focus, .search-box button:focus,#footer a:focus, .abovecopyright a:focus, #footer input:focus, #footer textarea:focus{ outline: 2px solid #FF4500; border-bottom: 1px solid #fff; } 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, iframe, .entry-audio audio, table#wp-calendar, .woocommerce-cart .content-ts,.woocommerce-input-wrapper, .woocommerce-input-wrapper, .woocommerce #comments p{ width:100%; } #respond, .clear, article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{ 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{ font-size:13px; max-width:100%; } *, body, img,.bypostauthor, .logo, p.site-description, .wp-caption-text, .wp-caption, .sticky, .gallery-caption{ margin:0; padding:0; } .screen-reader-text { position: absolute; top:-9999em; left:-9999em; } .middle-align p a { text-decoration: underline; } /*wide block*/ .entry-content .alignwide { margin-left : -80px; margin-right : -80px; } .entry-content .alignfull { margin-left : calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); max-width : 100vw; } .alignfull img { width: 100vw; } .left-sidebar-page .entry-content .alignwide, .left-sidebar-page .entry-content .alignfull, .right-sidebar-page .entry-content .alignwide, .right-sidebar-page .entry-content .alignfull{ margin-left : 0; margin-right : 0; } a.closebtn.responsive-menu, .no-js #loader-wrapper, .toggle-menu, a.closebtn, #contact-info, #menu-sidebar .social-icons, .elementor-html #loader, .toggle, .elementor-html #loader-wrapper{ display: none; } /* block image */ .page-box-single .alignwide, .page-box-single .alignfull, .our-services .alignwide, .our-services .alignfull{ margin-left: 0; margin-right: 0; } /* Block Gallery */ .page-box-single .blocks-gallery-caption{ margin-bottom: 15px; } .page-box-single .extraclass.wp-block-gallery-3{ margin-right: 25px; margin-top: 5px; } /* block button */ .page-box-single .wp-block-button.is-style-outline{ margin: 5px 0; } .page-box-single .wp-block-button.is-style-outline a:hover{ color: var(--secondary-color) !important; } .page-box-single .wp-block-button.is-style-squared a{ border-radius: 0; } /* Block Layout */ .page-box-single .wp-block-media-text__media img{ width: 100% !important; } /* Block widget */ #sidebar .widget_block.widget_tag_cloud a, .page-box-single .wp-block-tag-cloud a, .our-services .wp-block-tag-cloud a{ border: 1px solid #eeeeee; color: #051f31; font-size: 15px !important; padding: 5px 18px; margin: 0 0 5px; display: inline-block; text-decoration: none; } #sidebar .widget_block.widget_tag_cloud a:hover, .page-box-single .wp-block-tag-cloud a:hover, .our-services .wp-block-tag-cloud a:hover, #footer .widget_block.widget_tag_cloud a:hover{ background: var(--primary-color); } #footer .widget_block.widget_tag_cloud a{ border: 1px solid #eeeeee; color: #fff; font-size: 15px !important; padding: 5px 18px; margin: 0 5px 8px 0; display: inline-block; } #sidebar .widget_block.widget_tag_cloud .wp-block-tag-cloud{ margin-bottom: 0; } #sidebar .widget_block .wp-block-calendar .wp-calendar-nav, #footer .widget_block .wp-block-calendar .wp-calendar-nav{ text-align: left; } #footer .widget_block .wp-block-calendar .wp-calendar-nav a{ color: #fff; } #footer .widget_block .wp-block-calendar th{ background: transparent; font-weight: 800; } #sidebar .widget_block .wp-block-social-links li, #footer .widget_block .wp-block-social-links li{ background: transparent; padding: 0; margin-bottom: 0; } #sidebar .widget_block .wp-block-social-links li a, #footer .widget_block .wp-block-social-links li a{ color: var(--secondary-color); padding: 10px; font-size: 20px; } #footer .widget_block .wp-block-social-links li a{ color: #fff; } #sidebar .widget_block.widget_media_image .wp-block-image, #sidebar .widget_block .wp-block-gallery{ margin-bottom: 0; } #sidebar .widget_nav_menu .menu ul.sub-menu{ margin: 0; } #sidebar .widget_block.widget_recent_comments li, #footer .widget_block.widget_recent_comments li{ display: flex; } #sidebar .widget_block.widget_recent_comments li .wp-block-latest-comments__comment-meta, #sidebar .widget_block.widget_recent_comments li .wp-block-latest-comments__comment-excerpt, #footer .widget_block.widget_recent_comments li .wp-block-latest-comments__comment-meta, #footer .widget_block.widget_recent_comments li .wp-block-latest-comments__comment-excerpt{ margin-left: 0; } /* 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. */ } .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; } 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"],input[type="password"],textarea{ border:1px solid #bcbcbc; width:100%; font-size:16px; padding:10px 10px; margin:0 0 23px 0; height:auto; } textarea{ height:auto; } input[type="search"] { float: left; padding: 10px; border: none; color: #000; } input[type="submit"] { border:2px solid var(--secondary-color); text-align:center; text-transform:uppercase; font-size:18px; padding:7px 15px; background:var(--secondary-color); font-weight:bold; color:var(--primary-color); border-radius:3px; } /*no result search*/ .innerlightbox form.search-form input[type="search"]{ float:none; padding: 10px; border: 1px solid #000; } .noresult-content .search-form{ display: flex; } .noresult-content .search-form input.search-field{ width: 95%; } /* 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: var(--secondary-color); -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:var(--secondary-color); color: #fff; font-size: 16px; padding: 10px 30px; text-transform: uppercase; font-weight:bold; } /*preloader*/ #loader-wrapper { position: fixed; top: 0; left: 0; z-index: 9999; overflow: hidden; } #loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border: 3px solid transparent; border-top-color: #16a085; -webkit-animation: spin 1.7s linear infinite; animation: spin 1.7s linear infinite; z-index: 99999999; } #loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #e74c3c; -webkit-animation: spin-reverse .6s linear infinite; animation: spin-reverse .6s linear infinite; } #loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #f9c922; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes spin-reverse { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes spin-reverse { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } #loader-wrapper .loader-section { position: fixed; top: 0; width: 100%; height: 100%; background: #222; z-index: 10; } #loader-wrapper .loader-section.section-left { left: 0; } #loader-wrapper .loader-section.section-right { right: 0; } .loaded #loader-wrapper .loader-section.section-left { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .loaded #loader-wrapper .loader-section.section-right { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .loaded #loader { opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .loaded #loader-wrapper { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.3s 1s ease-out; transition: all 0.3s 1s ease-out; } /*preloader 2*/ #loader-wrapper { position: fixed; top: 0; left: 0; z-index: 999999; overflow: hidden; display: block; background: #fff; } .loader{ width: 70px; height: 300px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .loader div{ background-color: #14213d; width: 48px; height: 48px; border-radius: 5px; position: absolute; bottom: 0; left: 0; z-index: 1; animation: jump 2.25s linear infinite; } .loader div:nth-child(1):after{ content: ''; width: calc(48px * 2 / 3); height: calc(48px * 2 / 3); border-radius: 50%; border-top: 4px solid #14213d; border-left: 4px solid #14213d; transform: rotate(135deg); position: absolute; left: 28px; bottom: calc(48px / 6); } .loader div:nth-child(2){ background-color: #fca311; width: calc(48px / 2); height: calc(48px / 2); left: calc(5px * 2.2); z-index: 0; animation: jump1 2.25s linear infinite; } .loader div:nth-child(3){ background-color: #f72585; width: calc(48px / 3); height: calc(48px / 3); left: calc(5px * 5 / 2); z-index: 0; animation: jump2 2.25s linear infinite; } @keyframes jump{ 0%{ transform: scaleY(1) scaleX(1); transform-origin: bottom; bottom: 0; } 8%{ transform: scaleY(0.5) scaleX(1.4); transform-origin: bottom; bottom: 0; animation-timing-function: cubic-bezier(0, 0.8, 0.74, 1); } 25%{ transform: scaleY(1) scaleX(1); bottom: calc(48px * 3); animation-timing-function: cubic-bezier(0.8, 0.42, 1, 0.64); } 95%{ transform: scaleY(1) scaleX(1) rotate(0turn); bottom: 0; } 100%{ transform: scaleY(1) scaleX(1) rotate(0turn); bottom: 0; } } @keyframes jump1{ 0%{ transform: scaleY(1) scaleX(1); transform-origin: bottom; bottom: 0; } 8%{ transform: scaleY(1) scaleX(1); transform-origin: bottom; bottom: 0; animation-timing-function: cubic-bezier(0, 0.8, 0.74, 1); } 55%{ transform: scaleY(1) scaleX(1) rotate(-1turn); transform-origin: center; bottom: calc(48px * 5.5); animation-timing-function: cubic-bezier(0.29, 0.01, 1, 0.55); } 100%{ transform: scaleY(1) scaleX(1) rotate(-2turn); bottom: 0; } } @keyframes jump2{ 0%{ transform: scaleY(1) scaleX(1); transform-origin: bottom; bottom: 0; } 8%{ transform: scaleY(1) scaleX(1); transform-origin: bottom; bottom: 0; animation-timing-function: cubic-bezier(0, 0.8, 0.74, 1); } 55%{ transform: scaleY(1) scaleX(1) rotate(1turn); transform-origin: center; bottom: calc(48px * 6.5); animation-timing-function: cubic-bezier(0.29, 0.01, 1, 0.55); } 100%{ transform: scaleY(1) scaleX(1) rotate(2turn); bottom: 0; } } /*----------Sticky Header------*/ .fixed-header { position: fixed; top:0; left:0; width: 100%; background: var(--secondary-color); box-shadow: 2px 2px 10px 0px #2d2d2d; z-index: 999999; } .page-template-custom-front-page .fixed-header #header{ background: var(--secondary-color); position: static; } /* ---------HEADER--------- */ .logo h1, .logo p.site-title{ font-size:35px; font-weight:bold; text-decoration: none; font-family: 'Unica One', cursive; line-height:1.2; } .logo a{ font-size:35px; } .social-media a, .search-box a, .fa-bars:before, .tagcloud a, #footer td, #footer a.rsswidget, #footer li a, #footer th,#sidebar th, #footer table#wp-calendar td a, #footer input[type="search"], #footer .textwidget a, #footer td#prev a, .social-media i, .logo a, .logo p, .page-template-custom-front-page .logo a, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{ color: #fff; } .logo p{ font-size:14px; } .page-template-custom-front-page .logo a{ font-size: 35px; } .page-template-custom-front-page #header{ z-index:999; position: absolute; background: rgba(0, 0, 0, 0.6); border: none; box-shadow: none; } #header { background: var(--secondary-color); } /* --------- MENUS CSS --------- */ .primary-navigation ul{ list-style: none; margin: 5px 0 0; } .primary-navigation li{ display: inline-block; position: relative; } .primary-navigation a{ display: block; color: #fff; font-size: 15px; letter-spacing: 1px; padding: 16px 25px 16px 10px; text-transform: capitalize; font-style: italic; } .primary-navigation ul ul{ display: none; position: absolute; min-width: 215px; z-index: 999; top:45px; border-top: 6px solid var(--primary-color) !important; border: 1px solid var(--primary-color); } .primary-navigation ul ul ul{ left: 100%; top: 5px; } .primary-navigation ul ul a{ color: var(--primary-color); background-color: #fff; border: none; padding: 13px; font-weight: 700; font-size: 14px; z-index: 999; } .primary-navigation ul ul li:hover > a { color: var(--secondary-color); } .primary-navigation ul ul li{ float: none; display: block; text-align: left; padding: 0; } .primary-navigation ul ul li:last-child{ border-bottom: 0; } .primary-navigation ul li:hover > ul{ display: block; } /* --------- Bradcrumbs --------- */ .bradcrumbs a { color: var(--secondary-color); border: 1px solid var(--secondary-color); padding: 9px 17px; display: inline-block; margin-right: 5px; margin-bottom: 10px; } .bradcrumbs a:hover{ color: #000; background: var(--primary-color); border: 1px solid #fff; } .bradcrumbs span{ color: var(--secondary-color); border: 1px solid var(--secondary-color); padding: 10px 15px; display: inline-block; } /*--------------- SUPERFISH MENU ---------------------------*/ .sf-arrows .sf-with-ul:after{ content: '\f067'; position: absolute; font-weight: 600; font-family: 'Font Awesome 7 Free'; font-size: 10px !important; padding: 0px 6px; top:17px; } .sf-arrows ul .sf-with-ul:after{ right: 10px; top:15px; } .sf-arrows ul li > .sf-with-ul:focus:after,.sf-arrows ul li:hover > .sf-with-ul:after,.sf-arrows .sfHover > .sf-with-ul:after{ content: '\f068'; font-weight: 600; font-family: 'Font Awesome 7 Free'; } .sf-arrows .sf-with-ul{ padding-right: 30px; } /* Homepage */ .our-services small{ color:#6d6d6d; margin:0 0 20px 0; } .our-services .small-button{ margin-top:30px; } .our-services .page-box { padding: 15px; margin: 20px 0 4% 0; background: #f5f5f5; box-shadow: 0 0 10px #acacac; } .our-services .page-box:hover{ box-shadow: 0 0 5px var(--secondary-color); } .our-services .page-box h2{ padding-top: 0; } .our-services .page-box h2 a{ color:var(--secondary-color); margin:0 0 29px 0; padding:0; font-size: 30px; } .our-services .page-box h2 a:hover{ color:var(--primary-color); } .our-services .page-box p{ font-size:15px; margin:0; line-height: 25px; color: #555; padding:0px; } .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; } .our-services #sidebar .widget_rss img.rss-widget-icon{ width: auto; } /* Headings */ section h2{ font-weight:bold; text-align:center; margin:0 0 45px; padding:0; text-transform:uppercase; } section h2{ 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; } .page-box .post-categories{ margin: 10px 0; } .page-box .post-categories li{ margin-bottom: 0; } .page-box .post-categories a{ margin-right: 0; } /* Woocommerce */ .woocommerce .woocommerce-MyAccount-navigation ul{ margin: 0; } .woocommerce span.onsale{ background: var(--secondary-color); padding: 0; } .products li { border: solid 1px #dcdcdc; padding: 10px; text-align: center; } h2.woocommerce-loop-product__title,.woocommerce div.product .product_title { color: #000; letter-spacing: 1px; font-weight: 500; } .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: var(--secondary-color); 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: var(--primary-color); } .woocommerce a.added_to_cart{ background: var(--secondary-color); color: #fff; padding: 10px 26px; font-weight: 600; margin: 10px; text-transform: uppercase; } .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 .woocommerce-ordering select{ padding: 10px; font-size: 16px; } .woocommerce-MyAccount-navigation ul { list-style: none; } .woocommerce-MyAccount-navigation ul li { background: var(--secondary-color); padding: 12px !important; margin-bottom: 10px !important; } .woocommerce-MyAccount-navigation ul li a{ color: var(--primary-color); font-size: 18px; text-decoration: none; } .woocommerce .woocommerce-MyAccount-content .title a{ background: var(--secondary-color); color: var(--primary-color); font-weight: 500; text-decoration: none; padding: 5px 8px; } .woocommerce-MyAccount-content header.woocommerce-Address-title{ display: inline-grid; margin-bottom: 20px; } .wc-block-cart__sidebar form.wc-block-components-totals-coupon__form .wc-block-components-button, .wc-block-checkout__sidebar form.wc-block-components-totals-coupon__form .wc-block-components-button, .wc-block-checkout__form .wc-block-components-button{ border: none; min-height: 0 !important; background: var(--secondary-color); color: #fff; } .wp-block-woocommerce-checkout .wc-block-checkout__actions_row a{ padding-left: 35px !important; } .wc-block-checkout__main .wc-block-checkout__actions .wc-block-components-checkout-place-order-button{ padding: 11px !important; } .wc-block-checkout__sidebar .wc-block-components-totals-coupon__form button .wc-block-components-button__text, .wc-block-cart__sidebar .wc-block-components-totals-coupon__form button .wc-block-components-button__text{ opacity: 1 !important; } .wc-block-checkout__form .wc-block-components-button span{ color: #ffffff; } .woocommerce .entry-summary .posted_in a{ color: #ffffff; background: var(--secondary-color); text-decoration: none; padding: 5px 10px; } .posted_in { display: block; } .posted_in a,.tagged_as a{ color: #555; } .woocommerce-MyAccount-content a { color: #000; } .woocommerce form.login{ display: inline-block; } .woocommerce table.shop_table th{ font-size: 18px; } .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; text-align: center; } .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; margin-top: 10px; } .woocommerce div.product div.images img{ padding: 5px; } .woocommerce form .form-row .required,.woocommerce a.remove{ color: #df0000 !important; } .woocommerce #reviews #comment{ height: auto; } .woocommerce-info, .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 16px; } a.woocommerce-privacy-policy-link { text-decoration: none; } .woocommerce .select2-container .select2-selection--single{ height: 40px; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b{ top:70%; } .woocommerce #comments p, .woocommerce .star-rating{ float: left; } .woocommerce .product-title{ font-size: 17px; } .select2-container--default .select2-selection--single, input#billing_phone { padding: 10px 0px; border-radius: 0px; border: 1px solid #bcbcbc; } .woocommerce-Address, .woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2 { max-width: 100%; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{ width: auto; } #sidebar .star-rating, #footer .star-rating{ margin: 0 !important; } #sidebar .product_list_widget .star-rating, #footer .product_list_widget .star-rating{ margin: 5px 0 10px 0 !important; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range,.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{ background-color: var(--primary-color); } #sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content{ background-color: #000; } #footer .widget_price_filter .price_slider_wrapper .ui-widget-content{ background-color: #fff; } #footer .price_label, #sidebar .price_label, .news-item.layout-two .news-text-wrap{ font-size: 14px; } .related.products ul.products li.product, .related.products .woocommerce-page ul.products li.product{ float:none; display: inline-table; width: 29%; } .woocommerce .woocommerce-product-rating .star-rating { margin: 0.5em 20px 0 0; } .woocommerce form.login .form-row,.woocommerce .woocommerce-form-login .woocommerce-form-login__submit{ display: block; float: none; } .woocommerce-Reviews .comment-text p.meta { width: 100%; float: left; padding-top: 10px; } #sidebar a.remove.remove_from_cart_button , #footer a.remove.remove_from_cart_button{ font-size: 22px !important; } .woocommerce #reviews #comments h2{ font-size: 25px; } .related.products h2 { text-align: left; } .comment-form-rating label { padding: 10px 0; } .woocommerce-cart table.cart td.actions .coupon .input-text{ font-size: 11px; padding: 7px; } #footer .woocommerce.widget_shopping_cart .cart_list li{ padding: 0 0 10px 2em; } #sidebar .widget_shopping_cart_content li:hover{ padding-left: 2em; } .woocommerce-Reviews .comment-form-rating label{ padding: 10px 0; } #sidebar form.woocommerce-product-search input{ border: 1px solid; } #footer form.woocommerce-product-search button, #sidebar form.woocommerce-product-search button{ background: var(--primary-color) ; border-radius: 0px; color: #000; margin-top: 5px; padding: 10px 0; width: 100%; font-weight: 600; border: none; border: solid 1px var(--primary-color); } #sidebar .woocommerce ul.product_list_widget li img, #footer .woocommerce ul.product_list_widget li img { width: 50px; } .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product{ text-align: center; } .woocommerce ul.products li.product .star-rating{ margin: 0 auto !important; } #sidebar li.woocommerce-mini-cart-item.mini_cart_item { background: none; } #footer .woocommerce a.button, #footer .woocommerce a.button:hover, #footer .woocommerce button.button{ background: var(--primary-color); color: #000; text-transform: capitalize; } .single-product .background-img-skin { margin: 30px 0; } /*woocommerce pagination*/ .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: var(--secondary-color); color: #fff; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ padding: 10px 15px; font-size: 18px; } /*-------Cart Page---------*/ .wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide{ margin-left: auto; margin-right: auto; } .wp-block-woocommerce-cart .wc-block-components-main{ padding-right: 0 !important; } .wp-block-woocommerce-cart .wc-block-components-main th, .wp-block-woocommerce-cart .wc-block-components-main tr{ padding: 10px !important; } .wp-block-woocommerce-cart .wc-block-components-totals-coupon a, .wp-block-woocommerce-cart .wc-block-cart__submit-container a, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon a, .wp-block-woocommerce-checkout .wc-block-checkout__actions_row a{ font-size: 18px; background: var(--secondary-color); color: #fff; font-weight: 500; padding: 10px 20px; text-decoration: none; } .wp-block-woocommerce-cart .wc-block-components-totals-coupon a:hover, .wp-block-woocommerce-cart .wc-block-cart__submit-container a:hover, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon a:hover, .wp-block-woocommerce-checkout .wc-block-checkout__actions_row a:hover{ background: #000; color: var(--primary-color); } .wc-block-cart .wc-block-cart-item__product a{ text-decoration: none; font-size: 20px; } .wp-block-woocommerce-cart table.wc-block-cart-items, .wc-block-cart .wp-block-woocommerce-cart-order-summary-block, .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block{ border: 1px solid #e6e3e3; padding: 10px; } .wc-block-components-sidebar span.wc-block-cart__totals-title, .wc-block-components-sidebar .wc-block-components-totals-coupon{ text-align: left !important; } .wc-block-components-sidebar .wc-block-components-totals-coupon, .wc-block-components-sidebar .wc-block-components-totals-item, .wc-block-components-sidebar .wc-block-components-totals-item{ padding-left: 0 !important; } .wp-block-woocommerce-cart table th span, .wp-block-woocommerce-cart .wc-block-cart__totals-title, .wc-block-cart .wc-block-cart__totals-title{ color: #000 !important; font-size: 15px !important; } .wc-block-components-main .wc-block-checkout__actions_row button, .wc-block-components-sidebar .wc-block-components-totals-coupon__content button{ color: #000; border-color: #000; } .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{ border: solid 1px #dcdcdc; padding: 10px; margin: 10px 40px 30px 0; max-width: 21% !important; } .wp-block-woocommerce-empty-cart-block .wp-block-button a{ border-radius: 0px; text-decoration: none; font-size: 16px !important; font-weight: 600; background: var(--secondary-color); color: #fff !important; } .wp-block-woocommerce-empty-cart-block .wp-block-button a:hover{ background: #000; color: var(--primary-color) !important; } .wp-block-woocommerce-empty-cart-block .price del, .wp-block-woocommerce-empty-cart-block .price ins{ color: #000 !important; } .wp-block-woocommerce-empty-cart-block .price del{ color: inherit; opacity: .5; display: inline-block; font-size: 16px; } .wp-block-woocommerce-empty-cart-block .price ins{ background: 0 0; font-weight: 700; display: inline-block; font-size: 16px; } .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title{ padding: 5px 0; text-align: center; text-transform: uppercase; color: #000 !important; font-size: 30px !important; font-weight: 500; letter-spacing: 1px; font-family: 'Unica One', cursive; } .wp-block-woocommerce-empty-cart-block a img{ width: 100% !important; } .wp-block-woocommerce-empty-cart-block a.wc-block-grid__product-link{ text-decoration: none; } .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale { background: var(--secondary-color) !important; border-color: var(--secondary-color) !important; color: #fff !important; padding: 10px 7px !important; font-size: 14px !important; border-radius: 50% !important; margin: 0 !important; top: -16px !important; right: -20px !important; left: auto !important; text-transform: capitalize !important; } /* Footer Section */ #footer input[type="search"] { width: 100%; border: none; padding: 10px; border: solid 1px #4d4d4d; } #footer .textwidget a{ text-decoration: underline; } #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 table#wp-calendar { margin-top: 15px; } #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: 8px; } #footer td { padding: 5px; } #footer th,#sidebar th { text-align: center; padding: 5px; } #footer select,#sidebar select { padding: 8px 5px; color: #4d4d4d; } #footer li a { font-size: 15px; } #footer li a:hover{ color:var(--primary-color); } #footer ul li { list-style: none; padding: 5px 0; } #footer ul { margin: 0; } #footer{ background:var(--secondary-color); color:#fff; clear:both; padding: 0 35px; } #footer .widget_calendar .calendar_wrap nav a{ color: #fff; } #footer h3, #footer .widget_block .wp-block-heading{ text-transform:uppercase; font-size:24px; border-bottom:3px double #4d4d4d; } #footer p{ font-size:15px; } #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%; background: #bd9338; margin: 0; color: #000; float: none; border: 0; border-radius: 0; } #footer .copyright{ text-align:center; } #footer form.search-form label{ width: 100%; float: none; } .copyright p { font-size: 16px !important; color: #fff; margin-bottom: 0; } .copyright p a{ color: #fff; text-decoration: none; } .abovecopyright { background: #040e1d; padding: 0px 0px; } /*scroll to top*/ #scroll-top{ background:var(--primary-color); border:2px solid var(--primary-color); color:#fff; cursor:pointer; width:65px; height:65px; position:fixed; bottom:60px; right:20px; z-index:9999; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; font-size:20px; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); display: none; } .left-align{ left: 20px; } .center-align { left: 50%; right: 50%; } /* --------- Bride & Groom ------- */ .contentbox a { color: var(--secondary-color); font-size: 18px; } .contentbox h4 { color: #666; font-style: italic; font-weight: normal; font-size: 20px; } .heading-line p { color: #666; font-size: 15px; } .heading-line h2 { color: var(--secondary-color); font-size: 35px; font-weight: normal; letter-spacing: 1px; } /* --------- Love Story ------- */ #love-Story,#moreevent { border: solid 1px #bbb; box-shadow: 4px 4px 10px 0px #bbb; } #love-Story h2 { letter-spacing: 3px; font-weight: normal; font-size: 30px; color: var(--secondary-color); } #love-Story p { font-size: 13px; color: #666; 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 var(--secondary-color); background-color :var(--primary-color); color:var(--secondary-color); font-size:14px; text-transform:uppercase; margin:25px 0 0 0; display:table; } .blogbutton-small:hover{ background-color:var(--primary-color); color:#fff; } .metabox{ color:#000; padding:15px 0; clear:both; font-size: 15px; } .metabox span { padding: 0 5px; font-size: 17px; } .metabox i { padding-right: 10px; } .metabox a:hover { color: var(--primary-color); } .entry-content code{ color:#000; } .entry-content a, .comment-body p a,.woocommerce-product-details__short-description p a,.textwidget a{ text-decoration: underline; } .meta-nav { color: var(--secondary-color); font-weight: bold; font-size: 14px; text-transform: uppercase; padding: 10px; background: #fff; } .meta-nav:hover{ background: var(--primary-color); color: #000; } .page-box-single{ background: #fafafa; padding:20px; } .post-title{ margin:10px 0; color: #1a8129; display: block; } .meta-nav i { font-weight: 900; font-size: 15px; padding: 8px 0; } .tags{ margin:20px 0; } .tags i{ font-size: 20px; color:var(--primary-color); margin-right: 10px; } .tags p a{ font-size: 15px; color:var(--secondary-color); border: 1px solid var(--secondary-color); padding: 5px 10px; text-decoration: none; display: inline-block; margin:5px; } .tags p a:hover{ color: #000; background: var(--primary-color); border: 1px solid #fff; } /* Related Post */ .related-box { background: #f5f5f5; } .related-box h4 a { font-size: 20px !important; color: #000; } .related-posts .read-more-btn{ display: inline-block; } /* Comments BOX */ #comments { display: block; } #comments h2.comments-title{ font-size:25px; font-weight:bold; border-top:2px dotted #7e7e7e; margin:10px 0; padding: 30px 0 10px; } #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:var(--primary-color) ; padding:10px 50px; text-transform:normal; font-weight:bold; color: #000; margin-top:20px; margin-left:0; border: none; } #comments a.comment-reply-link{ color:#000; background: var(--primary-color); padding:5px 15px; } #comments a.comment-reply-link:hover{ background:var(--secondary-color); color: #fff; } #comments a time{ color:#1a8129; font-weight:bold; font-size:12px; } #comments ol li li{ margin-left: 25px; } .comment-body{ margin-bottom: 20px; } .content-ts #comments ul{ margin:0 0 0 40px; } #comments .reply{ text-align: right; } #comments ol.comment-list { color: var(--secondary-color); font-size: 18px; } .comment-meta.commentmetadata { margin: 8px 0; } li#comment{ margin-bottom: 20px; } .comment-author cite.fn{ padding-left: 10px; } .content-ts #comments h2.comments-title{ padding-top: 10px; font-size: 25px; } .content-ts #comments ol li li{ margin-left: 25px; } .content-ts #comments ol li{ width:100%; background:none; list-style:none; margin: 0; background:#fff; display: inline-block; } /*-----------------Search pop up----------------*/ .serach_inner{ background: #fff; max-height: 150px; display: flex; justify-content: center; position: relative; box-shadow: 0px 0px 12px #c0bebe; transition: 1s height ease-in-out; } .search-close { position: absolute; top: 0; font-size: 40px; z-index: 9999; right: 50%; color: #575756; background: none; border:none; cursor: pointer; transition: 0.5s height ease-in-out; } .serach_inner form.search-form { width: calc(100% - 30px); color: #fff; border: none; border-bottom: 1px solid #eae6e6; position: absolute; bottom: 20px; display: table; padding: 0; border-radius: 0; background: #ffffff; max-width: 1200px; text-align: left; } .serach_inner form.search-form label { width: 95%; } .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; max-height: 1200px; } .serach_inner input.search-submit { padding: 8px 35px; margin: 5px 0; font-size: 20px; } button.search-submit { border: 0; background: transparent; } .innerlightbox form.search-form input.search-field{ border: 1px solid #000; } input.search-field { border: none; padding: 10px; background: transparent; width: 95%; } .search-box i { color: #fff; background: none; border:none; } .serach_inner input[type="submit"]{ text-indent: -9999px; z-index: 9999; background: url(images/search.png) no-repeat 0 10px; position: absolute; margin:0; background-size: 30px; border: none; } .search-box button{ background: transparent; border: 0; } .search-outer { background: rgb(0 0 0 / 0.7); position: fixed; top: 0; left: 0; width: 100%; visibility: hidden; text-align: center; height: 100%; transition: 1s height ease-in-out; z-index: 999; } body.search-focus .search-outer{ visibility: visible; transition: 1s height ease-in-out; } .search-box i { color: #fff; font-size: 16px; } a.search-box{ color: #000; } body.admin-bar .serach_inner{ margin-top: 32px; } body.admin-bar .search-close{ top:30px; } /* --------- SLIDER--------- */ #slider{ background: #000; } #slider img { width: 100%; opacity: 0.6; height: 650px; } #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: 55%; transform: translateY(-50%); right: 30%; left: 30%; } #slider .inner_carousel h1 a{ font-size: 45px; letter-spacing: 1px; font-weight: 100; color: var(--primary-color); } /*sidebar*/ #sidebar { margin-top: 2em; } #sidebar form{ display: table; width: 100%; } #sidebar .widget_block.widget_search form{ display: grid; } #sidebar h3, #sidebar .widget_block h2, #sidebar .widget_block.widget_search .wp-block-search__label { margin: -40px 0 20px; padding: 10px 15px; font-weight: bold; font-size: 18px; background: var(--secondary-color); color: var(--primary-color); text-transform: uppercase; text-align: center; letter-spacing: 2px; } #sidebar .widget_block.widget_search .wp-block-search__label{ line-height: 1.2; } #sidebar h3 a.rsswidget{ color: var(--primary-color); } #sidebar input[type="search"] { background:#fff; padding:9px 10px; border:none; font-size:15px; color:#000; width:95%; border: 1px solid #ccc; } #sidebar #block-2 button[type="submit"]{ background:var(--secondary-color); border:none; color:var(--primary-color); } #sidebar form.search-form label{ width:70%; float:left; margin:0; } #sidebar input[type="submit"]{ background:var(--secondary-color); border:none; color:var(--primary-color); padding:10px 0; width:30%; font-size:14px; float:left; margin:0; } #sidebar aside { margin:10px 0 35px; border: 2px solid var(--secondary-color); 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:var(--secondary-color); padding-left: 5px; } #sidebar ul ul li a{ padding-left: 12px; } #sidebar ul ul li{ padding: 0 0 0 8px; } #sidebar ul li a:hover{ color:var(--primary-color); } #footer .tagcloud a{ border: 1px solid #eeeeee; color: #fff; font-size:15px !important; padding:5px 18px; margin:0 5px 8px 0; display:inline-block; } #sidebar .tagcloud a{ border: 1px solid #eeeeee; color: #000; font-size:15px !important; padding:5px 18px; margin:0 5px 8px 0; display:inline-block; } #sidebar .tagcloud a:hover,#footer .tagcloud a:hover{ background:var(--primary-color); } .imagebox { text-align: center; } /* Page */ .content-ts p{ text-align:justify; font-size: 16px; margin:0 0 10px; } .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{ 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 */ .our-services .navigation .nav-previous a, .our-services .navigation .nav-next a{ background: var(--secondary-color); color: #fff; font-weight: bold; padding: 10px; } .our-services .navigation .nav-previous, .our-services .navigation .nav-next{ margin: 15px 0 30px; } .nav-previous { float: left; margin: 15px 0; } .nav-next{ float: right; text-align: right; margin: 15px 0; } .nav-links{ display: flex; gap: 6px; } .single-post .nav-links{ display: block; float: unset; } span.post-title { font-size: 18px; margin: 3%; font-weight: 600; line-height: 1.5; } .pagination { clear:both; position:relative; font-size:14px; line-height:1; float:right; font-weight:bold; padding: 10px 0 } .pagination span,.pagination a, .page-links .page-links-title, .page-links .post-page-numbers.current, .page-links a { display:block; float:left; margin: 2px 8px 2px 0; padding:10px 15px; text-decoration:none; width:auto; color:#fff; background: var(--secondary-color) ; -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, .page-links a:hover{ color:#000; background: var(--primary-color); } .pagination .current, .page-links .post-page-numbers.current{ padding:10px 15px; background: var(--primary-color); color:#000; font-weight:normal; } .page-links .page-links-title, .page-links .post-page-numbers.current, .page-links a{ padding: 6px 12px; } .page-links{ padding-top: 10px; } .post-categories ul{ list-style: none; } .post-categories li{ display: inline-block; margin-bottom: 15px; } .post-categories li a{ color: var(--secondary-color); margin-right: 8px; border: 1px solid var(--secondary-color); padding: 8px 10px; font-size: 13px; font-weight: 600; line-height: 1; } .post-categories li a:hover { background-color: var(--primary-color); } .category-sec{ display: flex; margin-top: 10px; align-items: baseline; } @media screen and (max-width:720px) { .entry-content .alignwide { margin-left: -10px; margin-right: -10px; } .page-template-custom-front-page #header { position: static; opacity: 1; padding: 0; background: var(--secondary-color); } #header{ padding: 0; border: none; } #slider .carousel-caption { top: 40%; transform: translateY(-60%); } #comments input[type="submit"].submit{ width: 100% !important; } .search-box { margin: 8px 0px; text-align: center; } #love-Story, #moreevent{ margin: 3% 0; } .center-align { left: 40%; right: 50%; } .products li{ width: 100% !important; } #slider .carousel-caption, #slider .inner_carousel, #slider .inner_carousel h1{ text-align: center !important; left: 10% !important; right: 10% !important; } #slider .inner_carousel h1 a{ font-size: 25px; } #slider img{ height: auto !important; } .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{ max-width: 100% !important; padding: 10px !important; } .wc-block-checkout__main .wc-block-checkout__actions_row{ flex-direction: column; gap: 15px; } } @media screen and (min-width: 720px) and (max-width: 768px){ #slider .carousel-caption{ top: 50%; } .entry-content .alignwide { margin-left: -20px; margin-right: -20px; } #footer td{ padding: 3px; } #sidebar .woocommerce ul.product_list_widget li img, #footer .woocommerce ul.product_list_widget li img{ width: 40px; } #footer th{ padding: 0; } .page-template-custom-front-page #header { position: static; opacity: 1; padding: 0; background: var(--secondary-color); } .woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n){ display: inline-table; margin: 10px; } .related.products ul.products li.product, .related.products .woocommerce-page ul.products li.product{ width: 44%; } .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{ width: 44%; float: left; clear: both; margin: 10px; } #slider img{ height: auto !important; } .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{ max-width: 50% !important; } } @media screen and (min-width: 991px) and (max-width: 1024px){ .entry-content .alignwide { margin-left: -25px; margin-right: -25px; } .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{ max-width: 30% !important; } } /*------------------RESPONSIVE MEIDA-------------------*/ @media screen and (max-width: 1000px){ .menubar .nav ul li a:focus,a.closebtn.mobile-menu:focus, .toggle-menu button:focus, .primary-navigation a:focus, #header .primary-navigation ul ul a:focus{ outline: 2px solid #FF4500; border-bottom: 1px solid #fff; } .fixed-header{ background: var(--secondary-color); } .toggle-menu i { font-size: 18px; color: #fff; padding:10px; background: #262626; margin: 10px 0; border: 1px solid var(--primary-color); } .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; visibility: hidden; padding-top: 60px; transition: 0.5s; } body.noscroll .sidebar{ width: 100%; visibility: visible; } .sidebar .closebtn { position: absolute; top: -9px; left: -6px; font-size: 40px !important; display: block; color: #ffffff; border:none; background: transparent; } .sidebar #primary-site-navigation { width: 100%; } .toggle-menu span{ font-size:30px; cursor:pointer; } .toggle-menu{ text-align: right; } .primary-navigation ul ul li, .toggle-menu, a.closebtn.responsive-menu{ display: block; } .primary-navigation ul ul a, .primary-navigation li a:hover, .primary-navigation li:hover a{ background-image: linear-gradient(-90deg, var(--secondary-color) 0%, var(--primary-color) 120% ); } .primary-navigation li a:hover, .primary-navigation li:hover a{ background: unset !important; } .primary-navigation ul li a{ padding: 15px; display:block; color:#ffffff; border:none; } .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 ul{ position: static; width: 100%; background: unset; border: none !important; } .primary-navigation ul ul li{ text-align: center; } .primary-navigation li{ padding: 0; } .main-header-box{ padding-bottom: 15px; } #menu-sidebar { background-image: linear-gradient(-90deg, var(--secondary-color) 0%, var(--primary-color) 120% ); opacity: 0.95; } #header .primary-navigation ul.sub-menu li a, #header .primary-navigation ul li a{ color: #fff !important; } .primary-navigation ul{ display: grid; text-align: center; } nav#primary-site-navigation a.closebtn.mobile-menu i { color: #fff; } #menu-sidebar .social-media a{ padding: 5px; } #menu-sidebar .mail{ padding: 10px 0; } .top-header .social-media, .search-box, .top-header, .social-media{ display: none; } #contact-info{ background-image: linear-gradient(-90deg, var(--secondary-color) 0%, var(--primary-color) 120% ); z-index: 1; left: 0; right: 0; bottom: 0; width: 100%; overflow: hidden; opacity: 1; } #menu-sidebar .primary-navigation a{ font-size: 15px; font-weight: 600; } #menu-sidebar .search-box i{ color: #fff; text-align: center; display: block; } #menu-sidebar input[type="submit"]{ padding: 10px; background-color: var(--primary-color); color: #000; font-size: 14px; } #menu-sidebar input.search-field{ background: #fff; padding: 10px 0; } .primary-navigation a, #contact-info form.search-form{ display: inline-block; } #contact-info form.search-form { padding: 15px 0; } .main-menu-navigation{ overflow-y: scroll; scroll-behavior: auto; } .social-icons{ text-align: center; } .sf-arrows .sf-with-ul:after{ position: absolute; left: 87%; right: 0; color: #fff; } .social-icons i{ font-size: 17px; } #contact-info, #contact-info .social-media{ display: block; text-align: center; } #sidebar td,#sidebar td#prev a,#sidebar th { color:#737171 !important; padding: 0px; } #footer aside { margin: 10%; } .page-template-custom-front-page #header{ width: 100% !important; } .woocommerce-cart table.cart td.actions .coupon .input-text{ font-size: 15px; } #contact-info input[type="search"]{ float:none; } }