/*
Theme Name: Wedding Planner Lite
Description: Transform your wedding planning business with the stunning Wedding Planner Lite WordPress Theme, a carefully crafted solution designed to beautifully showcase your services in the digital realm, featuring modern elements like paperless communication and digital invitation options. This theme merges sophistication with user-friendly functionality, creating an alluring online presence that appeals to brides and engaged couples alike. With its elegant design, it perfectly captures the essence of romance associated with weddings while ensuring a seamless browsing experience for visitors exploring your portfolio of venues, wedding photography, flowers, and testimonials. Its responsive interface guarantees that your website maintains a polished look on any device, from desktops to mobile phones, providing a consistent experience for all users. This theme offers a perfect platform to highlight your expertise as an event planner and organizer, featuring gorgeous image galleries, thorough service descriptions, and strategically placed contact forms to showcase your offerings and encourage inquiries. Compatibility with popular plugins allows seamless integration of functions such as appointment scheduling and social media feeds, while also enabling efficient digital invitation management. Focused on engagement and conversions, the Wedding Planner Lite WordPress Theme incorporates well-placed call-to-action elements and easy navigation, along with customizable colors and layouts that help align the design with your brand for a memorable online presence, whether you're planning weddings or a fashion event.
Author: misbahwp
Theme URI: https://www.misbahwp.com/products/free-wedding-wordpress-theme
Author URI: https://www.misbahwp.com/
Version: 4.2.2
Requires PHP: 7.2
Tested up to: 7.0
Requires at least: 5.0
Tags: blog, photography, portfolio, one-column, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, featured-image-header, editor-style, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
Text Domain: wedding-planner-lite
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Wedding Planner Lite WordPress Theme, (C) 2024 misbahwp.com
Wedding Planner Lite WordPress Theme is released under the terms of GNU GPL
*/

:root {
  --first-color: #fc7277;
  --second-color: #000000;
  --third-color: #FFB4B6;
}

.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 !important;
	width: 1px;
	word-wrap: normal !important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
#content[tabindex="-1"]:focus {
	outline: 0;
}
body {
	font-family: 'Poppins', sans-serif;
  color: #666666;
  margin:0;
  background: #fff;
}
h1,h2,h3,h4,h5,h6{
  color: #222222;
  font-weight: bold;
}
a {
  color:#222222;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}
a:hover,
a:focus,
a.close-search-form:focus {
  color:var(--first-color);
  text-decoration: none;
}
.wp-block-button.is-style-squared .wp-block-button__link {
  border-radius: 0 !important;
}
.wp-block-button__link{
  color: #fff !important;
}
.wp-block-button.is-style-outline .wp-block-button__link {
  border: 2px solid #222222;
  color: #222222 !important; 
}
.sidebar-widget p a, .post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a,.woocommerce-product-details__short-description a,#tab-description a,.extra-home-content a {
  text-decoration: underline;
  color:var(--first-color);
}

/* ===============================================
   Post Format
   ============================================= */

.entry-video iframe {
  width: 100%;
}
/* ===============================================
  Header
   ============================================= */
.page-template-frontpage #site-navigationn{
  position: absolute;
  z-index: 999;
  background: #fff;
  right: 0;
  left: 10%;
}
/* ===============================================
   Top Header
   ============================================= */
.topheader{
  background: linear-gradient(90deg, #fff 58%, var(--third-color) 42%);
    border-bottom: 10px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient(to right, #eee 58%, transparent 42%);
 }

.topheader .social-links i{
  color: #fff;
}
.topheader .social-links i:hover{
  color: var(--second-color);
}
.top-text{
  color: var(--second-color);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}
/* ===============================================
   LOGO BOX
   ============================================= */
/*img.custom-logo {
  height: 70px;
  width: 70px;
}*/
.logo {
	padding: 10px 0;
}
.logo a {
  color: var(--first-color);
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
}
.logo span {
  display: block;
  font-size: 15px;
  line-height: 18px;
  color: #222222;
}

/* ===============================================
   SLIDING HEADER
   ============================================= */

.offcanvas-div button {
  background-color: transparent;
  border: none;
  color: #000;
}
.offcanvas-div .offcanvas-header .btn-close {
  padding: 5px 12px;
  opacity: 1;
  height: auto;
  width: auto;
}
.btn-close:hover{
  color: #fff !important;
}
.offcanvas-div .offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 8px;
}
.admin-bar .offcanvas-div .offcanvas-header{
  margin-top: 32px !important;
}
.offcanvas-div .offcanvas-body {
  flex-grow: 1;
  padding: 0 35px;
}
.offcanvas-div .offcanvas-header .btn-close{
  background-color: var(--first-color);
  border-radius:0;
  padding: 16px;
}
.offcanvas {
  background: var(--third-color);
}
.offcanvas-backdrop{
  background: transparent;
}
.offcanvas-body .sidebar-area {
  margin-top: 0 !important;
}
.offcanvas-body::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}
.offcanvas-body::-webkit-scrollbar{
  width: 6px;
  background-color: #F5F5F5;
}
.offcanvas-body::-webkit-scrollbar-thumb{
  background-color: var(--second-color);
}

/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search form.woocommerce-product-search {
  background: #f3f4f7;
  padding: 5px;
  border-radius: 30px;
}
.header-search input#woocommerce-product-search-field {
  background: transparent;
  border: none;
  width: 75%;
}
.header-search button.search-button {
  border: none;
  background: transparent;
  cursor: pointer;
}
.header-search input#woocommerce-product-search-field::placeholder {
  font-size: 14px;
  color: #9eacb9;
}

/**
====================================================================
  Navigation
====================================================================
*/
.top-menu-wrapper {
    padding: 10px 0;
}
.main-navigation ul .menu-item.menu-item-has-children a,
.main-navigation ul .page_item.page_item_has_children a{
    position: relative;
}
.main-navigation .menu > li i,.menu li i{
    font-size: 14px;
}
.main-navigation li.current_page_item > a, .main-navigation li.current-menu-item > a {
    color: var(--second-color);
    font-weight: 600 !important;
}
.main-navigation ul li a{
  text-transform: capitalize;
  color: var(--second-color);
}
.main-navigation ul .menu-item.menu-item-has-children .sub-menu a:after,
.main-navigation ul .page_item.page_item_has_children .children a:after{
    content: none;
}
.main-navigation .menu ul {
    margin-bottom: 0px;
    padding: 0px;
}
.main-navigation .menu li {
    display: inline;
    position: relative;
    list-style: none;
}
.top-menu-wrapper ul {
    gap: 5px 40px;
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
.main-navigation .menu > li > a ,
.page_item a{
    display: inline-block;  
    font-size: 14px;
    font-weight: 600;
}
#site-navigation .page_item_has_children ul li a,#site-navigation .main-navigation .menu .menu-item-has-children ul li a {
    font-size: 14px;
    position: relative;   
    display: block;
    color: var(--first-color);
    text-align: left;
    padding: 12px 20px !important;
    line-height: 22px;
    font-weight: 600;
}
#site-navigation .menu ul.sub-menu li a,
#site-navigation .menu ul.children li a{
    line-height: 1.5;
}
nav#site-navigation{
    padding: 0;
}
.main-navigation ul.sub-menu > li > a,
.main-navigation ul.children > li > a {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: block;
    transition: color 0.3s ease;
}

.main-navigation ul.sub-menu > li > a::before,
.main-navigation ul.children > li > a::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: var(--first-color);
    color: #fff;
    z-index: -1;
    transition: left 0.4s ease;
}

.main-navigation ul.sub-menu > li > a:hover::before,
.main-navigation ul.sub-menu > li > a:focus::before,
.main-navigation ul.children > li > a:hover::before,
.main-navigation ul.children > li > a:focus::before {
    left: 0;
}

.main-navigation ul.sub-menu > li > a:hover,
.main-navigation ul.sub-menu > li > a:focus,
.main-navigation ul.children > li > a:hover,
.main-navigation ul.children > li > a:focus {
    color: #fff !important;
}
.main-navigation .menu,.main-navigation .menu ul {
    display: flex;
    gap: 5px 40px;
    flex-wrap: wrap;
}
div#mySidenav {
    display: inline-flex;
}
.main-navigation .menu > li ,.main-navigation .menu li{
    display: inline;
    position: relative;
}
.main-navigation .menu > li > a:hover{
    color: var(--first-color);
}
.main-navigation .sub-menu,
.main-navigation .children {
    background-color: #ffffff;
    list-style: none;
    padding-left: 0;
    position: absolute;
    opacity: 0;
    left: -9999px;
    z-index: 99999;
    width: 200px !important;
    border:none;
}
.main-navigation ul.sub-menu.dropdown-menu {
    border: none;
    border-radius: unset;
}
.main-navigation .sub-menu > li > a:hover,
.main-navigation .sub-menu > li > a:focus,
.main-navigation .children > li > a:hover,
.main-navigation .children > li > a:focus {
    background: #000;
    color: #fff;
}
.main-navigation .sub-menu li ul.sub-menu,
.main-navigation .children li ul.children {
    left: 200px !important;
    top: -1px !important;
}
.main-navigation .sub-menu > li,
.main-navigation .children > li {
    display: block;
    float: none;
    position: relative;
    width: 100%;
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand,
.main-navigation .children > li.page_item_has_children .submenu-expand {
    display: inline-block;
    position: absolute;
    width: calc( 24px + 1rem);
    right: 0;
    top: calc( .125 * 1rem);
    bottom: 0;
    color: white;
    line-height: 1;
    padding: calc( .5 * 1rem);
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand,
.main-navigation .children > li.page_item_has_children .submenu-expand {
    margin-right: 0;
}
.main-navigation .sub-menu > li > a,
.main-navigation .sub-menu > li > .menu-item-link-return,
.main-navigation .children > li > .menu-item-link-return {
    color: #000;
    display: block;
    padding: 14px;
    font-weight: 600;
}
.main-navigation .sub-menu > li > .menu-item-link-return,
.main-navigation .children > li > .menu-item-link-return {
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
}
.main-navigation .sub-menu > li > a:empty,
.main-navigation .children > li > a:empty {
    display: none;
}
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item,
.main-navigation .children > li.mobile-parent-nav-menu-item {
    display: none;
    font-size: 0.88889em;
    font-weight: normal;
}
.main-navigation .sub-menu > li:last-child,
.main-navigation .children > li:last-child {
    border-bottom: none;
}

.toggle-nav, a.closebtn{
  display: none;
}

.sub-menu span.dashicons.dashicons-arrow-down-alt2{
  position: absolute;
  top: 10px;
  right: 0;
}

.main-navigation .dashicons-arrow-down-alt2:before {
    content: "\f347";
    font-size: 14px;
    color: #000;
}

.children.dropdown-menu span.dashicons.dashicons-arrow-down-alt2 {
    position: absolute;
    top: 10px;
    right: 0;
}

/* ===============================================
   POST BOX
   ============================================= */

.post-box{
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 10px;
  padding: 10px;
}
.post-thumbnail {
  line-height: 0;
}
.post-box h3.post-title a {
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 500;
  color: #000000;
  word-wrap: break-word;
}
.post-content p{
  color: #898d94;
}
.post-content{
  word-wrap: break-word;
}
.post-meta i{
  color: var(--first-color);
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 500;
  color: #000;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: var(--second-color);
  white-space: break-spaces;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
    border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
  max-width: 100%;
}
.layout-img img {
  max-height:100%;
  height:300px;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
  background: #dfdcdc;
}
.sidebar-area img{
  height:auto;
  width: auto;
}
.post-content{
  color: #3c3c3c;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}
#content,footer {
  float: left;
  width: 100%;
}
.post-meta.my-3 {
  display: flex;
  justify-content: start;
  border-radius: 4px;
  gap: 50px;
}
.post-meta a{
  color: #000;
}
.more-btn i {
  font-size: 15px;
  margin-left: 10px;
}
.blog-grid-layout .post-meta{
 gap: 20px;
}

/*
===================================================================================
    02. Related post CSS
===================================================================================
*/

.related-post-item h4.post-title {
    word-wrap: break-word;
}


/* ===============================================
   Slider
   ============================================= */
.slider{
  position: relative;
}
.blog_inner_box {
  background: #000;
}
.slider .blog_box_inner {
  position: absolute;
  top: 130px;
  right: 0;
  left: 10%;
  height: 450px;
  background: #fff;
  padding-top: 80px;
}
.blog_inner_box img{
	height: 750px;
	object-fit: cover;
  opacity: 0.5;
}
.slide-content h6{
  font-weight: 600;
  font-size: 20px;
}
.slide-content h3 {
  font-family: 'Sail', system-ui;
  font-size: 65px;
  font-weight: 400;
  color: var(--second-color);
}
.slide-content p {
  font-size: 16px;
  color: var(--second-color);
}
p.slider-button a,.buy-now-btn a,.deals-info-box .add-to-cart-btn,.product-hover .add-to-cart-btn{
  color: #fff;
  background: var(--first-color);
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 10px;
}
p.slider-button a:hover,.buy-now-btn a:hover,.deals-info-box .add-to-cart-btn:hover{
  background: var(--second-color);
}
.slide-product.owl-carousel .owl-nav{
  right: 20%;
}
.slider .owl-carousel.main-slider .owl-nav{
  position: absolute;
  right: 28%;
  bottom: 9%;
  color: #fff;
}
.slider .owl-carousel.main-slider button.owl-prev{
  background: var(--first-color);
  padding: 10px;
  border-right: 2px solid #fff;
}
.slider .owl-carousel.main-slider button.owl-next{
  background: var(--first-color);
  padding: 10px;
}
/* ===============================================
   Slider Product Section
   ============================================= */
.slider-product-box{
  position: relative;
}
.product-content {
    background: #fff;
    margin-top: 28px;
}
.product-img img{
  height: 400px;
  width: 100%;
  opacity: 1 !important;
}
.slider-product-box .owl-nav {
    position: absolute !important;
    bottom: 32px !important;
    margin: auto;
    left: 0;
    right: 37% !important;
    width: 22%;
    display: flex;
    justify-content: space-between;
}
.slider-product-box .owl-nav i{
  color: #000;
}
.slider-product-box .owl-prev ,.slider-product-box .owl-next{
  border-radius: 50%;
  background: #fff !important;
  font-size: 8px !important;
  height: 17px;
  width: 18px;
}

.slider-product-box .owl-dots{
    position: absolute;
    bottom: 35px;
    left: 25%;
}
.slider-product-box .owl-dots button.owl-dot{
    border-radius: 50%;
    height: 8px;
    width: 6px;
    font-size: 1px;
    margin-left: 5px;
    background: #fff;
}

.slider-product-box button.owl-dot.active {
    background: var(--first-color);
}

.product-info{
  padding-right: 10px;
}
.product-info .star-rating,.deals-info-box .star-rating,.tab-product .product-details .star-rating{
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  color:#FDCE38;
}
.deals-info-box .star-rating{
  margin: auto;
}
.product-info .star-rating:before,.deals-info-box .star-rating:before,.tab-product .product-details .star-rating:before{
  content: "\53\53\53\53\53";
  color:#878484;
  float: right;
  top: 0;
  left: 0;
  position: absolute;
}
.product-info .star-rating span::before,.deals-info-box .star-rating span::before,.tab-product .product-details .star-rating span::before{
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}
.product-info .star-rating span ,.deals-info-box .star-rating span,.tab-product .product-details .star-rating span{
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position:absolute;
  padding-top: 1.5em;
}

.product-info ins span.woocommerce-Price-amount.amount,.product-info .woocommerce-Price-amount.amount bdi{
  font-size: 28px;
  text-decoration: none;
  font-weight: 600;
}
.product-info ins{
  text-decoration: none;
}
.product-info del span.woocommerce-Price-amount.amount bdi{
  display: none;
}
.product-info .product-title {
  font-weight: 600;
  font-size: 20px;
}
.product-info .product-dis{
  font-size: 14px;
  font-weight: 500;
}

.product-info a.button.product_type_simple.add_to_cart_button {
    background-color: var(--first-color);
    background-image: url(assets/images/cart-icon.png); 
    background-repeat: no-repeat;
    background-position: 12px center;
    text-indent: -9999px;
    cursor: pointer;
    border-radius: 50%;
    position: absolute;
    height: 37px;
    width: 40px;
    right: 34px;
    bottom: 90px;
}

.product-info a.added_to_cart.wc-forward ,.deals-info-box .add-to-cart-btn .added_to_cart.wc-forward {
    background-color: var(--first-color);
    background-image: url(assets/images/view-cart-icon.png); 
    background-repeat: no-repeat;
    background-position: 12px center;
    text-indent: -9999px;
    cursor: pointer;
    border-radius: 50%;
    font-size: 0;
    position: absolute;
    right: 34px;
    height: 37px;
    width: 40px;
    bottom: 33px
}
.product-img span.onsale,.tab-product .product-image-box span.onsale {
  position: absolute;
  top: 16px !important;
  font-weight: 500;
  border-radius: 0;
  min-height: 2em;
  min-width: 4em;
  text-align: center;
  line-height: 2;
  right: auto !important;
  background: var(--first-color);
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
}
/* ===============================================
   Our Products
   ============================================= */
   
/* ===============================================
   Daily Deals
   ============================================= */
   .daily-deals h2,.product-tabs h2{
    font-size: 25px;
    font-weight: 600;
   }
   .count-box{
    background: #eee;
    border-radius: 5px;
    padding: 1px 6px;
   }
   .time-number{
    color: var(--second-color);
    font-weight: bold;
    font-size: 18px;
   }
   .time-countdown-text{
    color: var(--second-color);
    font-size: 12px;
    font-weight: 500;
   }
   .daily-deals .owl-carousel{
    background: #eee;
   }
   .daily-deals-box{
    background: #eee;
   }
   .deals-image-box img{
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position:center top;
   }
   .deals-info-box .add-to-cart-btn,.product-hover .add-to-cart-btn{
    display: inline-block;
   }
   .deals-info-box .add-to-cart-btn a,.product-hover .add-to-cart-btn a{
    color: #fff;
   }
   .deals-info-box h5 ,.tab-product .product-details h5{
    font-weight: 600;
    font-size: 20px;
   }
  .deals-info-box ins span.woocommerce-Price-amount.amount,.tab-product .product-details ins span.woocommerce-Price-amount.amount{
    color: var(--first-color);
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
  }
  .deals-info-box ins{
    text-decoration: none;
  }
  .deals-info-box .price , .tab-product .product-details .price {
    color: var(--first-color);
  }
  .deals-info-box .price del,.tab-product .product-details .price del{
    color: #ABABAB;
  }
  .daily-deals .owl-carousel .owl-nav{
    text-align: center;
  }
  .daily-deals .owl-carousel .owl-nav button{
    padding: 2px 8px;
    color: #000;
    border-radius: 30px;
    font-weight: 500;
    font-size: 15px;
    border: 1px solid transparent;
    margin-bottom: 0.5rem;
  }
  .daily-deals .owl-carousel .owl-nav .owl-prev{
    margin-right: 1rem;
  }
  .daily-deals .owl-carousel .owl-nav button:hover{
    border: 1px solid #000;
  }
  .deals-info-box .add-to-cart-btn .added_to_cart.wc-forward{
    bottom: 20px;
  }
/* ===============================================
   Tab Section
   ============================================= */
.tab-section button{
  border: none;
  background: transparent;
  cursor: pointer;
}
.product-tab{
  float: unset;
  position: relative;
  display: inline-block;
  padding-left: 10px;
}
button.tablinks{
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  text-transform: capitalize;
}
.tabcontent.active {
  display: block;
}
.tabcontent{
  display: none;
}
button.tablinks.active {
  z-index: 99;
  color: var(--first-color);
}
.tablinks:hover {
  color: var(--first-color);
  transition: all 0.2s;
  z-index: 99;
}
.tab-product .product-image-box span.onsale{
  transform: rotate(90deg);
}
.tab-product .tab-img img{
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: center top;
}
.product-image-box:hover .product-hover{
  display: block;
}
.product-image-box .product-hover{
  background: #fff;
  text-align: center;
  padding: 10px;
  font-size: 14px;
  top: 31%;
  transform: translateY(-50%);
  position: absolute;
  z-index: 1;
  width: 80%;
  left: 0;
  height: 52%;
  right: 0;
  margin: auto;
  transition: all 0.3s ease-out;
  display: none;
}
.product-hover .add-to-cart-btn .added_to_cart.wc-forward{
  background: url(assets/images/product-hover-view-icon.png) no-repeat scroll 12px #fff;
  text-indent: -9999px;
  cursor: pointer;
  border-radius: 50%;
  border: 1px solid var(--first-color);
  font-size: 0;
  position: absolute;
  /* right: 34px; */
  left: 0;
  right: 0;
  margin: auto;
  height: 37px;
  width: 40px;
  bottom: 11px;
}

/* ===============================================
   Scroll
   ============================================= */

.scroll-up {
  position: fixed;
  bottom: 12px;
  right: 30px;
  z-index: 999;
}
.scroll-up a {
  background: var(--first-color);
  color:#000;
}
.scroll-up a:hover{
  background: var(--second-color);
  color:#fff;
}
.scroll-up a {
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  text-align: center;
  line-height: 2;
  font-size: 1.25rem;
  color: #fff;
  opacity: 1;
  transition: all 0.3s ease 0s;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.scroll-up span {
  top: 7px;
  position: absolute;
  left: 7px;
  font-size: 25px;
  font-weight: 600;
}

/*===============================================
   Footer Social Icons
=============================================== */

.copy-text a.social-links {
    margin-left: 14px;
}

/*===============================================
   PRELOADER
=============================================== */

.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #354952 transparent #ffffff transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent var(--first-color) transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }

  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}


/*--------------------------------*/
.loader-main {
    top: 10px;
    position: relative;
    left: -70px;
}
.triangle35b {
  position:absolute;
  transform-origin:bottom center;
  left:50%;
  top:50%;
  margin: 0 auto;
  width:110px;
  height:55px;
  clip-path:polygon(0% 0%,100% 0%,50% 100%);
  animation:animTriangle35b 3s linear infinite;
}
@keyframes animTriangle35b {
  0%,14% { transform:rotate(calc(0deg + var(--angle))); }
  25%,39% { transform:rotate(calc(90deg + var(--angle))); }
  50%,64% { transform:rotate(calc(180deg + var(--angle))); }
  75%,89% { transform:rotate(calc(270deg + var(--angle))); }
  100% { transform:rotate(calc(360deg + var(--angle))); }
}
.triangle35b:nth-child(1) {
  --angle:0deg;
  background:var(--first-color);
  animation-delay:0.4s;
}
.triangle35b:nth-child(2) {
  --angle:90deg;
  background:#fff;
  animation-delay:0.2s;
}
.triangle35b:nth-child(3) {
  --angle:180deg;
  background:var(--first-color);
}


/* ===============================================
   Pagination
   ============================================= */

.pagination,
.wedding-planner-lite-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.wedding-planner-lite-pagination a span,
.wedding-planner-lite-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 12px;
	font-size:14px;
	line-height:21px;
	color:#333;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background:#f3f4f7;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.wedding-planner-lite-pagination span.current,
.wedding-planner-lite-pagination span.current:hover,
.wedding-planner-lite-pagination span.current:focus,
.wedding-planner-lite-pagination a span:hover,
.wedding-planner-lite-pagination a span:focus {
	background: var(--first-color);
	color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--first-color);
    color: #fff;
}

/*--------------------------------------------------------------
## Feature Header Image
--------------------------------------------------------------*/

.feature-header{
  position: relative;
  background-color: #000;
}
.feature-header img {
  width: 100%;
  height: 300px !important;
  object-fit: cover;
  opacity: 0.4;
}
h1.post-title.feature-header-title{
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  word-break: break-all;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-reply a:focus{
  color: #fff;
}
.comment-respond input#submit:hover,
.comment-reply a:hover{
	background: #222222;
	color: #fff;
}
.comment-form-url input,nav.navigation.pagination{
  width: 100%;
}
.comment-respond input#submit {
  background: var(--first-color);
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background: var(--first-color);
  padding: 5px 15px;
  color: #fff;
}

/* ===============================================
   Breadcrumbs
   =============================================== */

.bread_crumb a:hover{
    color:var(--first-color);
}
.bread_crumb a{
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px;
}
.bread_crumb span {
    color: var(--first-color) ;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px;
}
.bread_crumb {
    color: #fff;
    position: absolute;
    width: 100%;
    top: 65%;
}
/* ===============================================
   SIDEBARS
   =============================================== */
.sidebar-area{
  color: #000;
}
.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
  margin-bottom: 25px;
  background: #f5f6f7;
  border-radius: 10px;
  padding: 0px 10px;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
  line-height:1.9em;
  font-weight: normal;
  color: #000000;
}
footer .sidebar-area a,
footer .sidebar-area p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .textwidget {
  color: #ffffff;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style: circle;
  margin: 0;
  padding: 0 0px;
}
footer .sidebar-area ul,footer #calendar_wrap,footer .sidebar-area .textwidget,footer .tagcloud {
  list-style: none;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 15px;
  word-wrap: break-word;
}
.sidebar-area li {
  padding-bottom: 5px;
  list-style: circle;
  margin-left: 25px;
}
.sidebar-area ul li{
  position: relative;
  margin-left: 25px;
  list-style: circle;
}
footer .sidebar-area ul li{
  list-style: none;
  margin-left: 0;
}
.sidebar-area ul li ul.children li,.sidebar-area ul li ul.sub-menu li{
  margin-left: 0;
}
.sidebar-area ul li::marker,.sidebar-area li::marker{
  color: var(--first-color);
}
.sidebar-area h4.title:before, .sidebar-area h1.wp-block-heading:before,  
.sidebar-area h2.wp-block-heading:before,  
.sidebar-area h3.wp-block-heading:before,  
.sidebar-area h4.wp-block-heading:before,  
.sidebar-area h5.wp-block-heading:before,  
.sidebar-area h6.wp-block-heading:before,
.sidebar-area .wp-block-search__label:before {
    content: '';
    position: absolute;
    height: 4px;
    width: 16%;
    bottom: 12px;
    left: 0;
    background-color: var(--first-color);
}
.footer-area h4.title:before, .footer-area h1.wp-block-heading:before,  
.footer-area h2.wp-block-heading:before,  
.footer-area h3.wp-block-heading:before,  
.footer-area h4.wp-block-heading:before,  
.footer-area h5.wp-block-heading:before,  
.footer-area h6.wp-block-heading:before,
.footer-area .wp-block-search__label:before{
  display: none;
}
.sidebar-area h4.title, .sidebar-area h1.wp-block-heading,  
.sidebar-area h2.wp-block-heading,  
.sidebar-area h3.wp-block-heading,  
.sidebar-area h4.wp-block-heading,  
.sidebar-area h5.wp-block-heading,  
.sidebar-area h6.wp-block-heading,
.sidebar-area .wp-block-search__label {
    padding: 20px 0px;
    color: #000;
    font-size: 22px;
    border-bottom: 1px dashed #dfe0e4;
    font-weight: 500;
    position: relative;
}
.wp-block-search__inside-wrapper {
  margin-top: 10px;
}

footer .sidebar-area form {
  padding: 0px;
}
.sidebar-area .wp-block-search__button {
  background: var(--first-color);
  color: #ffffff;
}
.sidebar-area .tagcloud a, p.wp-block-tag-cloud a {
  font-size: 15px !important;
  background: var(--first-color);
  color: #fff;
  padding: 5px 10px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
  border-radius: 6px;
}
/*footer .sidebar-area .tagcloud a, footer p.wp-block-tag-cloud a{
  background: #000;
}*/
footer .sidebar-area .tagcloud a:hover, footer p.wp-block-tag-cloud a:hover{
  background: #fff;
  color: #000;
}
.sidebar-area .tagcloud a:hover{
  background: var(--second-color);
}
.sidebar-area form {
  padding: 15px 0px;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input,
#comments input[type="email"],
#comments input[type="url"]{
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width:100%;
  padding: 5px 2%;
  border: solid 1px var(--second-color);
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
#footer-widgets caption {
    color: #fff;
}
#footer-widgets h4 {
    margin-bottom: 30px;
    font-weight: 600;
}
.searchform label {
	display: block;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #f3f4f7;
  border: none;
}
.searchform input[type=submit] {
	background: var(--first-color);
	border: none;
	color: #fff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:100px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}
.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:var(--first-color);
	text-decoration:none
}
.searchform:after {
  content: "";
  display: table;
  clear: both;
}
footer {
	background: #222222;
}
footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}
.wp-block-group__inner-container h2 {
  color: #fff;
}
footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #fff;
}
.footer-area ul {
  padding: 0;
}
.footer-area h4.title {
  padding: 0;
  font-size: 30px;
  text-transform: none;
  background: transparent;
  border: none;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}

.wp-caption {
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}

.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:auto;
}

.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}

.sticky {
}

.gallery-caption {
}

.bypostauthor {
}

/* ===============================================
 STICKY POST
 =============================================== */

.post-box.sticky {
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
h3.post-title{
    position: relative;
}
.sticky h3.post-title::before {
    content: '\f08d';
    font-family: "Font Awesome\ 5 Free";
    font-size: 25px;
    font-weight: 900;
    color: #000;
    margin-top: 10px;
    z-index: 9;
    left: -30px;
    position: absolute;
    bottom: -6px;
}
.sticky h3.post-title {
    margin-left: 30px;
}

.copyright{
  background: #000000;
}

/* DARK MODE CSS */

body.dark-mode {
  background-color: #000000 !important;
  color: #f1f1f1 !important;
}

body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode h5, body.dark-mode h6,body.dark-mode .sticky h3.post-title::before,
body.dark-mode a ,body.dark-mode p, body.dark-mode li, body.dark-mode blockquote ,body.dark-mode label ,body.dark-mode span,body.dark-mode .post-content,body.dark-mode .main-navigation .dashicons-arrow-down-alt2:before,.header-search i,body.dark-mode .wc-block-components-totals-footer-item .wc-block-components-totals-item__value, body.dark-mode .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, body.dark-mode .wc-block-components-totals-item__label, body.dark-mode .wc-block-components-totals-item__value, body.dark-mode .wc-block-components-product-metadata .wc-block-components-product-metadata__description>p, body.dark-mode .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-formatted-money-amount, body.dark-mode .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input, body.dark-mode .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button, body.dark-mode .wc-block-components-quantity-selector, body.dark-mode table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, body.dark-mode .wc-block-components-product-price__value.is-discounted, body.dark-mode del.wc-block-components-product-price__regular,body.dark-mode .woocommerce .woocommerce-ordering select, body.dark-mode .woocommerce form .form-row input.input-text, body.dark-mode .woocommerce form .form-row textarea {
  color: #fff !important;
}

body.dark-mode span.woocommerce-Price-amount.amount{
  color: grey !important;
}

body.dark-mode input, body.dark-mode select, body.dark-mode textarea, body.dark-mode button {
  background-color: #333;
  color: #fff; 
}

body.dark-mode #site-navigation .page_item_has_children ul li a,body.dark-mode #site-navigation .main-navigation .menu .menu-item-has-children ul li a,body.dark-mode p.slider-button a:hover,body.dark-mode .screen-reader-text:focus,body.dark-mode #wp-admin-bar-woocommerce-site-visibility-badge a.ab-item,body.dark-mode h4.product-text a,body.dark-mode .searchform input[type=text],body.dark-mode ul.woocommerce-error li,body.dark-mode .wc-blocks-components-select .wc-blocks-components-select__label,body.dark-mode p.top-text,body.dark-mode #site-navigation .menu ul.sub-menu li a{
  color: #000 !important;
}

body.dark-mode input[type="submit"], body.dark-mode button[type="submit"] {
  background-color: var(--first-color);
  color: #fff;
}

body.dark-mode table {
  background-color: #1e1e1e !important;
  color: #f1f1f1 !important;
}
body.dark-mode th ,body.dark-mode td {
  background-color: #333 !important; 
  color: #fff !important; 
}
body.dark-mode tr,body.dark-mode .post-box h3.post-title a,body.dark-mode .sticky .post-meta a,body.dark-mode h5.product-text a,body.dark-mode #featured-product p.price,body.dark-mode .card-header a,body.dark-mode .comment-content.card-block p,body.dark-mode .sticky .post-content,body.dark-mode .sticky h3.post-title a,body.dark-mode .sticky .post-meta a,body.dark-mode .comment-content a {
  color: #fff !important; 
}

body.dark-mode pre, body.dark-mode code {
  background-color: #1e1e1e !important;
  color: #f1f1f1 !important;
}

body.dark-mode .post-box,body.dark-mode #coming-soon-footer-banner,body.dark-mode div.product .woocommerce-tabs ul.tabs li,
body.dark-mode .pagination a,body.dark-mode .wedding-planner-lite-pagination a span,body.dark-mode #featured-product,body.dark-mode tr:nth-child(2n+2),body.dark-mode .slider .blog_box_inner,body.dark-mode .product-content,body.dark-mode .header-center-box,body.dark-mode .count-box,body.dark-mode .daily-deals-box,body.dark-mode .product-image-box .product-hover{
  background: #121212 !important;
}

body.dark-mode #wp-calendar th, body.dark-mode #wp-calendar td{
  color: #fff !important;
}

body.dark-mode ul, body.dark-mode ol {
  color: #f1f1f1 !important;
}

body.dark-mode footer {
  background-color: #1f1f1f;
  color: #f1f1f1;
}

body.dark-mode .pagination a {
  color: var(--first-color);
}

body.dark-mode .widget {
  background-color: #1e1e1e;
}

body.dark-mode .widget a {
  color: #f1f1f1;
}

body.dark-mode .sidebar-area .sidebar-widget,body.dark-mode .media-body-wrap.card{
  background: #121212;
}

@media screen and (max-width : 1000px){
  body.dark-mode #site-navigation .main-navigation .menu .menu-item-has-children ul li a,body.dark-mode ul.sub-menu.dropdown-menu a,body.dark-mode #site-navigation .menu ul.sub-menu li a{
    color: #fff !important;
  }
}