/*
Theme Name: Video Streaming
Theme URI: https://www.buywptemplates.com/products/free-video-streaming-wordpress-theme
Author: Buywptemplates
Author URI: https://www.buywptemplates.com
Description:Video Streaming offers a wealth of opportunities for creating a dynamic and engaging website, whether for a video blog, online courses, live streaming, or virtual events. It’s perfect for hosting video portfolios, OTT platforms, e-learning websites, sports broadcasting, video tutorials, influencer marketing, video podcasts, and music streaming channels, and can also function as a powerful aggregator that collects and displays content from multiple sources in one place. Whether you’re building media services, video consultancy sites, or webinar platforms, this solution provides all the tools needed for seamless video integration. Built with a powerful video player plugin for easy embedding and playback, it ensures smooth performance and compatibility with major streaming services like YouTube, Vimeo, and Twitch. Designed on a robust foundation, this platform helps you create a fully functional, responsive video streaming site that delivers fast load times, high interactivity, and a professional appearance. The layout is customizable, SEO-friendly, and designed for easy navigation, making it suitable for any kind of video-based website, including a video aggregator platform. CTA buttons guide visitors toward desired actions, while integrated social media icons enhance promotion across popular platforms. With clean code, secure structure, and mobile responsiveness, your website will run smoothly even under high traffic. Featuring testimonial sections, banner animations, video sliders, and multiple customization options, this theme offers the perfect blend of performance and design flexibility. Built on the Bootstrap framework, it provides scalability, adaptability, and a seamless viewing experience across all devices. Demo: https://demos.buywptemplates.com/video-streaming-pro/
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.0.7
License: GPLv3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: video-streaming
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, flexible-header, wide-blocks, block-styles, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, translation-ready, full-width-template, theme-options, threaded-comments, photography, portfolio, blog
*/

*, button.product-btn:focus{
  outline:none;
  margin:0;
  padding:0;
}
html{
  overflow-x: hidden;
}
:root {
  --first-theme-color: #03B2FB;
}
body{
  margin:0;
  padding:0;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:#fff;
  font-size: 15px;
  color: #242424;
  overflow-x: hidden;
  position: static !important;
  font-family: 'Poppins', sans-serif;
}
img{
  border:none;
  height:auto;
}
section img, img, .wp-caption{
  max-width:100%;
}
h1,h2,h3,h4,h5,h6{
  margin:0;
  padding:0 0 15px;
  color: #242424;
  font-weight: bold;
}
p{
  font-size: 15px;
}
a, a:hover{
  text-decoration:none;
}
a.button.wc-forward:hover, .pagination a:hover, .page-links a:hover, #comments a time, .bradcrumbs span, .bradcrumbs a, a, a:hover, .tags, .pagination .current, #sidebar .textwidget p a, #sidebar .textwidget a:hover, .woocommerce .widget_price_filter .price_slider_amount .button:hover, #sidebar h3.widget-title a.rsswidget, .page-content .read-moresec a.button, a.button, #sidebar ul li a:hover, #sidebar input[type="submit"]:hover,.widget_calendar caption, #comments a.comment-reply-link:hover, .new-text p a,.comment p a, .primary-navigation ul ul a:hover, .primary-navigation ul ul a:focus, a.r_button, input[type="submit"], td.product-name a{
  color: var( --first-theme-color);
}
.footer-wp .woocommerce a.button:hover {
  color: var( --first-theme-color) !important;
}
.woocommerce form .form-row input:focus.input-text, #sidebar .textwidget a:focus, textarea:focus, input:focus, .menu-header a:focus, .mid-header a:focus, #sidebar a:focus, a:focus, #woonavbar-header .nav ul li a:focus,a.closebtn.mobile-menu:focus,.logo a:focus, .toggle-menu.responsive-menu a:focus, .menu-brand .closebtn:focus, .main-navigation .sub-menu > li > a:focus,.search-box i:focus, .menu-header a:focus, #comments textarea:focus, input[type="submit"]:focus, label:focus, input:focus, button:focus,input:focus, input:focus, textarea:focus,img.custom-logo a:focus, .woocommerce  a:focus, button.product-btn:focus,.woocommerce ul.products li.product a:focus, .select2-container--default .select2-selection--single:focus, .textwidget a:focus, #sidebar input[type="submit"]:focus, .footer-wp input[type="search"]:focus, #sidebar-footer input:focus, .footer-wp button:focus, .footer-wp .tagcloud a:focus, #sidebar-footer .custom-contact-us input:focus, a.video-btn:focus{
  outline: 2px solid #ff0000 !important;
}
ul,ol{
  margin:0 0 0 15px;
  padding:0;
}
p, body, *, img, .bypostauthor, .wp-caption-text, .wp-caption,.sticky, .gallery-caption, #sidebar ul{
  margin:0;
  padding:0;
}
input[type="submit"]{
  background-color: var( --first-theme-color);
  padding: 12px 20px;
  border: 0;
  margin: 2% 0;
  font-weight: 500;
  color: #fff;
}
input[type="submit"]:hover{
  background-color: var( --first-theme-color);
}
.pagination span, .pagination a, .textwidget a:hover, .footer-wp caption, .footer-wp td#prev a,.footer-wp td,.footer-wp th, .footer-wp li a, .footer-wp .rssSummary,.footer-wp ul li,.footer-wp p, .frame, .page-content .read-moresec a.button:hover, .footer-wp .custom-contact-us div.wpcf7-validation-errors, .footer-wp .custom-contact-us div.wpcf7-acceptance-missing, .about-social_links i, #sidebar input[type="submit"], #comments input[type="submit"].submit:hover, .footer-wp .widget_price_filter .price_slider_amount, .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, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, input[type="submit"]:hover, #comments a.comment-reply-link{
  color: #fff;
}
.related-posts, .metabox, .woocommerce ul.products li.first, .woocommerce-page ul.products li.first ,.woocommerce ul.products, .woocommerce-page ul.products, .aligncenter,img.aligncenter, .content_box .pagination ul, .pagination, .clear, #comments h3.comment-reply-title, .comment-respond{
  clear:both;
}
input[type="submit"]:hover{
  cursor: pointer;
}
input[type="text"],input[type="email"],input[type="phno"],textarea,input#url{
  border:1px solid #bcbcbc;
  font-size:16px;
  padding:10px 10px;
  margin:0 0 23px 0;
  height:auto;
}
textarea{
  height:auto;
}
.entry-video iframe, .entry-video video, .entry-audio audio, #sidebar .custom-contact-us label, #sidebar-footer .custom-contact-us input, #sidebar .custom-contact-us input[type="submit"], table, .widget_categories select, #sidebar form, .reply, #comments ol li, .navigation.post-navigation, input[type="text"],input[type="email"],input[type="phno"],textarea, .pagination, .footer-wp input[type="submit"], .footer-wp button, #sidebar button , .footer-wp input[type="search"], #sidebar input[type="search"], .content_box #comments ol li, select,.attachment img, #slider img, .woocommerce-input-wrapper,input#url{
  width:100%;
}
hr{
  margin:10px 0;
}
.center{
  text-align:center;
  margin-bottom:40px;
}
.wp-caption{
  font-size:13px;
}
.widget_text a, #footer .textwidget a, #sidebar .textwidget a, .woocommerce-product-details__short-description p a, .textwidget p a, .entry-content a, #comments p a, .comment-meta.commentmetadata a, #content-vw a, .woocommerce-MyAccount-content p a, .new-text p a, .comment p a{
  text-decoration: underline;
  color: var( --first-theme-color);
}
.entry-summary a{
  color: var( --first-theme-color);
  text-decoration: none;
}
/*wide block*/
.new-text .alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.new-text .alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}
#scrollbutton, .primary-navigation ul ul,.menu-brand.primary-nav span, .elementor-html .frame, .elementor-html .loader, .toggle-menu, a.closebtn, a.closebtn.responsive-menu{
  display: none;
}
/* 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:45px;
  margin-top:4px;
  margin-bottom:20px;
  padding:0;
}
.alignright,img.alignright {
  display: inline;
  float: right;
}
.aligncenter,img.aligncenter {
  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;
}

/*--------------Mid Header-------------*/
.menu-section {
  border-bottom: 2px solid #b9b6b6;
}
.page-template-home-page #header {
  border-bottom: 0;
}
.topbar {
  padding: 8px 0;
  background: #000;
}
.logo {
  padding: 10px;
}
.logo .site-title {
  font-size: 30px;
  font-weight: 700;
}
.logo .site-title a{
  color: #242424;
}
.topbar p {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}
.social-icon i{
  color: #fff;
  margin-left: 10px;
  font-size: 15px;
}
a.video-btn {
  background: var( --first-theme-color);
  color: #fff;
  display: inline-block;
  padding: 10px 15px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 500;
}
a.video-btn:hover{
  color: #fff;
}

/*----------------- SEARCH POPUP ----------------*/
.searchform_page {
  position: fixed;
  overflow: hidden;
  transition: 0.5s;
  z-index: 999;
  top: 0;
  left: 0;
  background: rgb(0, 0, 0);
  display: none;
}
.search_input {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.search_input label{
  margin-bottom: 0;
}
.close{
  position: absolute;
  top: 20%;
  transform: translateY(-50%);
  right: 0;
  opacity: 1;
}
.searchform_page i {
  font-size: 24px;
  color: #fff;
  cursor: pointer;
}
.search_input form.search-form {
  color: #000;
  font-size: 25px;
  font-weight: 300;
  text-transform: uppercase;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  background: #fff;
}
.search_input input[type="submit"] {
  margin: 0;
  font-size: 20px;
}
.serach-page input.search-field {
  border: 1px solid #ccc;
  padding: 9px;
}
button.search-submit {
  border: 0;
  background: transparent;
  margin: 0;
}
.search_input input.search-field {
  color: #000;
  font-size: 25px;
  font-weight: 300;
  text-transform: uppercase;
  padding: 5px 10px;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  background: #fff;
}
.main-search i {
  color: #242424;
  cursor: pointer;
  font-size: 15px;
}

/* --------- MENUS CSS --------- */
.primary-navigation ul{
  list-style: none !important;
}
.primary-navigation li{
  padding: 0 10px;
  display: inline-block;
  position: relative;
}
.primary-navigation ul li a{
  display: block;
  font-size: 13px;
  padding: 15px 0;
  color: #242424;
  position: relative;
  text-transform: uppercase;
  font-weight: 600;
}
.primary-navigation ul li a:before {
  content: '';
  width: 100%;
  height: 2px;
  background: var( --first-theme-color);
  position: absolute;
  bottom: 0;
  opacity: 0;
}
.primary-navigation ul li a:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 6px solid var( --first-theme-color);
  position: absolute;
  bottom: 1px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
}
.primary-navigation ul li a:hover:before, .primary-navigation ul li a:hover:after {
  opacity: 1;
  right: 0;
}
.primary-navigation ul ul li a:before, .primary-navigation ul ul li a:after {
  display: none;
}
.primary-navigation ul ul{
  position: absolute;
  min-width: 215px;
  z-index: 9999;
  top: 51px;
  margin: 0;
  -webkit-transition: max-height 3s ease-in-out;
  -moz-transition:max-height 3s ease-in-out;
  -o-transition:max-height 3s ease-in-out;
  transition: max-height 3s ease-in-out;
}
.primary-navigation ul ul ul {
  left: 100%;
  top: 25% !important;
}
.primary-navigation ul ul a{
  padding: 15px;
  background: var( --first-theme-color);
  color: #fff;
}
.primary-navigation ul ul a:hover, .primary-navigation ul ul a:focus{
  background: #000 ;
  color: #fff;
  border-radius: 0;
}
.primary-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none;
  padding: 0;
}
.primary-navigation ul ul li:last-child{
  border-bottom: 0;
}
.primary-navigation ul li:hover > ul{
  display: block;
  max-height: 100%;
}

/* --------- SLIDER--------- */
#sidebar .tagcloud a, #sidebar .textwidget p a, #sidebar .textwidget a:hover,.footer-wp .woocommerce a.button:hover, .woocommerce .widget_price_filter .price_slider_amount .button:hover, .footer-wp input[type="search"], .dot-1, .dot-2, .dot-3, a.button, #comments ol li{
  background: #fff;
}
#slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active {
  display: block !important;
}
.pagination a:hover, #sidebar .tagcloud a:hover,.footer-wp .tagcloud a:hover, #sidebar input[type="submit"]:hover, .nav-next a:hover, .nav-previous a:hover, #slider .carousel-control-prev-icon:hover, #slider .carousel-control-next-icon:hover{
  background: var( --first-theme-color);
  color: #fff;
}
#slider .entry-video iframe, #slider .entry-video video, #slider .imagebox img {
  border-radius: 30px 0 0 30px;
}
#slider .owl-dots {
  display: none;
}
#slider .owl-nav {
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
}
#slider .owl-nav button {
  border: 0;
  background: #fff;
  font-size: 20px;
  color: #242424;
  padding: 15px 25px;
}
#slider .owl-nav button.owl-prev, #slider .text-content {
  background: #F1F1F1;
}
#slider .meta-box a {
  color: #242424;
  font-weight: 500;
}
#slider .text-content h1 {
  color: #242424;
  font-size: 28px;
  padding: 20px 0;
}
#slider .more-btn a, .postbtn a {
  color: #fff;
  font-weight: 500;
  display: inline-block;
  font-size: 15px;
  background: var( --first-theme-color);
  padding: 10px 20px;
  border-radius: 30px;
}
#slider .more-btn a:hover, .postbtn a:hover, .single-post-page .category a:hover {
  background: #242424;
  color: #fff;
}
.woocommerce ul.products li.product .button, a.checkout-button.button.alt.wc-forward, #sidebar .widget.woocommerce.widget_product_search button, .pagination .current, .pagination a:hover {
  font-weight: bold;
  font-size: 12px;
  border-radius: 6px;
  display: inline-block;
}
.woocommerce #reviews #comment{
  height: auto;
}
/* Trending Videos */
#video-section h2 {
  color: #242424;
  position: relative;
  font-size: 30px;
}
#video-section h2:after {
  content: '';
  height: 2px;
  width: 60px;
  background: #242424;
  position: absolute;
  bottom: 0;
  left: 0;
}
#video-section .entry-video iframe, #video-section .entry-video video {
  border-radius: 20px;
}
#video-section h3 {
  font-size: 22px;
  font-weight: 700;
  padding: 10px 0;
}
#video-section h3 a {
  color: #242424;
}
#video-section .meta-box a {
  color: #242424;
  font-size: 13px;
}
#video-section .meta-box a i {
  color: var( --first-theme-color);
}
#video-section .video-box {
  margin-bottom: 20px;
}

/* Pagination */
.content_box .nav-previous span.post-title, .content_box .nav-next span.post-title{
  word-break: break-all;
}
.blog-section .nav-previous, .blog-section .nav-next{
  display: inline-block;
}
.blog-section .nav-next{
  float: right;
}
.nav-previous a{
  float: left;
  background: var( --first-theme-color);
  padding: 12px;
  border-radius: 30px;
}
.nav-next a{
  float: right;
  background: var( --first-theme-color);
  padding: 12px;
  border-radius: 30px;
}
.nav-next a, .nav-previous a{
  color: #fff !important;
  font-weight: 500;
  font-size: 15px;
  margin:15px 0;
}
.nav-next a:hover, .nav-previous a:hover{
  border-radius: 30px;
  padding: 12px;
  color: var( --first-theme-color);
}
/*------------- Woocommerce --------------*/
.woocommerce .woocommerce-MyAccount-navigation ul{
  margin: 0;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0px !important;
}
.woocommerce nav.woocommerce-pagination ul li,.woocommerce nav.woocommerce-pagination ul{
  border: none;
}
.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( --first-theme-color);
  border: solid 1px var( --first-theme-color);
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  margin: 0 5px 0 0;
  font-size: 15px;
  font-weight: bold;
  padding: 12px;
  background: var( --first-theme-color);
  color: #000;
  border: solid 1px var( --first-theme-color);
}
.woocommerce-product-gallery__image {
  padding: 2px;
}
.woocommerce ul.products li.product .button,a.checkout-button.button.alt.wc-forward {
  margin-top: 1em;
  font-size: 14px;
  text-transform: none;
}
.woocommerce ul.products li.product .button {
  margin: 10px 0;
}
.woocommerce span.onsale{
  background: var( --first-theme-color);
  padding: 0;
  border-radius: 50%;
  margin: 0 !important;
  color: #fff;
}
.products li {
  border: solid 2px #e7e7e7;
  padding: 10px !important;
  text-align: center;
  box-shadow: 2px 2px 5px #eee;
}
.woocommerce-page .products li {
  width: 30% ;
}
h2.woocommerce-loop-product__title,.woocommerce div.product .product_title {
  font-size: 25px;
  font-weight: bold;
  color: #242424;
}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price, .woocommerce div.product span.price {
  font-size: 15px;
  color: #242424;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 10px;
}
.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, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce-account .addresses .title .edit {
  background: var( --first-theme-color);
  color: #fff;
  border-radius: 30px;
  padding: 12px;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 10px;
}
.postbtn:hover i, .postbtn:hover a, #comments input[type="submit"].submit:hover, .woocommerce #respond input#submit:hover, .woocommerce .product a.button:hover, .woocommerce .product 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, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce-account .addresses .title .edit:hover{
  background: #242424;
  color: #fff !important;
}
a.checkout-button.button.alt.wc-forward {
  width: 100%;
}
.footer-wp input[type="submit"], .footer-wp button,
#sidebar input[type="submit"],
.pagination a.page-numbers,
.page-links .page-links-title, 
.page-links a, 
.page-links .post-page-numbers.current span{
  border-radius: 6px;
}
.woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover{
  color: #fff !important;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 8px;
  border-radius: 30px;
  border: solid 1px var( --first-theme-color);
  line-height: 1;
  color: var( --first-theme-color);
}
.woocommerce-message {
  border-top-color: var( --first-theme-color);
}
.woocommerce-message::before {
  color: var( --first-theme-color);
}
nav.woocommerce-MyAccount-navigation ul li {
  background: var( --first-theme-color);
  padding: 12px !important;
  margin-bottom: 10px !important;
  list-style: none !important;
}
nav.woocommerce-MyAccount-navigation ul li a {
  color: #fff;
  font-weight: 500;
}
.woocommerce-product-details__short-description {
  margin-bottom: 15px;
  margin-top: 15px;
}
.woocommerce .woocommerce-ordering select {
  padding: 10px;
  font-size: 15px;
}
.woocommerce span.posted_in{
  color: #242424;
  font-weight: 600;
}
.woocommerce span.posted_in a{
  background: var( --first-theme-color);
  color: #fff;
  padding: 5px 10px;
  text-decoration: none;
}
span.posted_in {
  display: block;
}
.woocommerce form .form-row .required{
  color: #d80000;
}
.woocommerce-info a, tr.woocommerce-cart-form__cart-item.cart_item a, form.woocommerce-shipping-calculator a, nav.woocommerce-MyAccount-navigation a{
  text-decoration: none !important;
}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
  width: 110px;
}
.woocommerce .woocommerce-breadcrumb {
  margin: 1em 0 2em;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
  padding: 10px;
  margin: 0;
  font-size: 20px;
}
.woocommerce a.remove{
  color: #e50000 !important;
}
.woocommerce a.remove:hover {
  background: #e50000;
}
.nav-previous a:hover ,.nav-next a:hover, #sidebar .textwidget p a:hover, .footer-wp .textwidget p a,.footer-wp a.rsswidget, .footer-wp li a:hover, #sidebar .custom_read_more a:hover, .footer-wp .custom_read_more a, .navigation.post-navigation a:hover{
  color: #fff;
}
#sidebar li.woocommerce-mini-cart-item.mini_cart_item a{
  padding: 0;
  line-height: 25px;
}
.woocommerce-info a{
  color: #515151;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background-color:var( --first-theme-color);
}
#sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #111;
}
.footer-wp .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #fff;
}
.woocommerce ul.product_list_widget li img{
  width: 20%;
}
.related .products li{
  float: none !important;
  display: inline-table;
  width: 29% !important;
}
#sidebar .woocommerce .product-title, .footer-wp .woocommerce .product-title{
  font-size: 18px;
}
.woocommerce #comments ol li{
  padding: 0 !important;
}
.woocommerce .star-rating{
  float:left;
}
.woocommerce .woocommerce-product-rating{
  line-height: 1;
}
.woocommerce .woocommerce-product-rating a{
  padding-left: 10px;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price{
  font-size: 16px;
}
.woocommerce #reply-title {
  font-size: 18px;
  font-weight: 600;
}
.woocommerce ul.product_list_widget li, #sidebar ul.cart_list li a, #sidebar ul.product_list_widget li a{
  padding: 0;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{
  padding: 10px 0;
}
.woocommerce .select2-container .select2-selection--single{
  height: 40px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  top:70%;
}
li.cart_box, .woocommerce .widget_shopping_cart .cart_list li a, .woocommerce.widget_shopping_cart .cart_list li a,li.woocommerce-notice.woocommerce-notice--info.woocommerce-info{
  list-style: none;
}
li.woocommerce-notice.woocommerce-notice--info.woocommerce-info{
  padding: 1em 2em 1em 3.5em;
}
.woocommerce form .form-row input.input-text{
  padding: 8px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta,.woocommerce .reviewer{
  font-size: 17px;
}
.related.products .woocommerce ul.products li.product{
  float: none;
  display: inline-table;
}
.woocommerce .related.products h2{
  text-align: left;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  text-align: center;
}
#sidebar .widget_shopping_cart .cart_list li, #sidebar .widget_shopping_cart .cart_list li{
  background: none;
  padding-left: 2em;
}
.woocommerce ul.product_list_widget li,.woocommerce .widget_rating_filter ul li{
  padding-bottom: 10px;
}
ul.cart_list li .star-rating, ul.product_list_widget li .star-rating {
  margin: 5px 0;
}
.woocommerce .woocommerce-product-rating .star-rating{
  margin: 0 !important;
}
.woocommerce ul.products li.product a img, .woocommerce #customer_login h2, #sidebar .star-rating, .footer-wp .star-rating {
  margin: 0;
}
.woocommerce .products .star-rating{
  margin: 5px auto;
}
.woocommerce form.woocommerce-form-login.login .form-row, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
  display: block;
  float: none;
}
.woocommerce form .form-row input.input-text{
  border: 1px solid;
}
.woocommerce-Address, .woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2 {
  max-width: 100%;
}
.woocommerce a.added_to_cart{
  display: inline-block;
  background: var( --first-theme-color);
  color: #fff;
  border-radius: 30px;
  padding: 8px 12px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-left: 10px;
}
.woocommerce ul.products li.product a img {
  border-radius: 20px 20px 0 0;
}
.woocommerce-account .addresses .title .edit {
  float: left;
  margin: 15px 0px 25px 0px;
  text-decoration: none;
  font-weight: 700;
} 
/* 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;
}
.wc-block-components-sidebar .wc-block-components-totals-coupon__content button{
  border: none;
  color: #fff !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, .wc-block-components-sidebar .wc-block-components-totals-coupon__content button{
  font-size: 18px;
  background: var( --first-theme-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, .wc-block-components-sidebar .wc-block-components-totals-coupon__content button:hover{
  background: #212529;
}
.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: center !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 .wp-block-button a{
  border-radius: 30px;
  text-decoration: none;
  font-size: 15px !important;
  font-weight: 800;
  background: var( --first-theme-color);
  color: #fff !important;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button a:hover{
  background: #212529 !important;
  border-color: #212529 !important;
  color: #fff !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: capitalize;
  color: #121212 !important;
  font-size: 22px !important;
  font-weight: bold;
  margin-bottom: 0 !important;
}
.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( --first-theme-color) !important;
  border-color: var( --first-theme-color) !important;
  color: #fff !important;
  padding: 9px 7px !important;
  font-size: 14px !important;
  border-radius: 50px !important;
  margin: 0 !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  text-transform: capitalize !important;
}
.wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
  border: solid 1px #e7e7e7;
  margin: 0 3.8% 2.992em 0;
  border-radius: 20px;
  padding: 0;
  max-width: 30% !important;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img{
  border-radius: 20px 20px 0 0;
}
/* --------- Homepage --------- */
#blog_sec i {
  font-size: 13px;
}
#blog_sec form.search-form{
  display: flex;
}
#blog_sec form.search-form .search-submit{
  margin: 0;
}
#blog_sec form.search-form input.search-field{
  width: 95%;
}
.blog-section h2 {
  font-size: 35px;
  font-weight: 600;
  margin-top: 15px;
}
.blog-section h2 a {
  color: #242424;
  position: relative;
}
.blog-section h2 a::after, 
#sidebar aside h3::after, 
#sidebar aside h2.wp-block-heading::after, 
#sidebar aside .widget_block label.wp-block-search__label::after,
#sidebar aside label.wp-block-search__label::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  border-radius: 5px;
  height: 2px;
  bottom: 0;
  left: 0;
  background: var(--first-theme-color);
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.blog-section h2 a:hover::after, 
#sidebar aside:hover h3::after, 
#sidebar aside:hover h2.wp-block-heading::after, 
#sidebar aside:hover .widget_block label.wp-block-search__label::after,
#sidebar aside:hover label.wp-block-search__label::after{
  transform: scaleX(1);
  transform-origin: bottom left;
}
.blog-section h2 a:hover,
#sidebar aside:hover h3,
#sidebar aside:hover h2.wp-block-heading, 
#sidebar aside:hover .widget_block label.wp-block-search__label,
#sidebar aside:hover label.wp-block-search__label{
  color: var(--first-theme-color);
}
.blog-section .section-title a:hover{
  text-decoration:none;
}
.blog-section .new-text p{
  font-size: 14px;
  color: #242424;
  margin: 10px 0;
  line-height:23px;
}
.layout1 h2:after{
  margin: 7px auto 0;
}
.post-color {
  height:200px;
  width:250px;
  display: inline-block;
}
/* Breadcrumb */
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:var( --first-theme-color);
  padding:5px 15px;
  margin:5px;
  color: #fff;
  display: inline-block;
}
.bradcrumbs a:hover{
  background:#f1f1f1;
  color: var( --first-theme-color);
}
.bradcrumbs span{
background:var( --first-theme-color);
  color: #fff;
  padding:5px 15px;
  display: inline-block;
  margin:5px;
}
.new-text p a,.comment p a{
  text-decoration: underline;
}
.single-post-page .category a {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 600;
  background: var( --first-theme-color);
  color: #fff;
  padding: 10px;
}
.category li{
  list-style-type: none;
  margin-bottom: 5px!important;
  display: inline-block;
}
.category ul{
  margin-left: 0px;
  display: inline-block;
}
.category span{
  color: var( --first-theme-color);
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
}
/* --------- Blog Page ------- */
.blog-section .metabox span i,.blog-section .metabox span a{
  margin-bottom: 12px;
}
.metabox a {
  color: #242424;
  font-size: 15px;
}
.metabox span i{
  color: var( --first-theme-color);
}
.entry-date:hover i, .entry-date:hover a, .entry-author:hover i, .entry-author:hover a{
  color: #000 !important;
}
.metabox .entry-comments{
  font-size: 15px;
}
h1.page-title {
  margin-top: 10px;
}
.new-text p {
  margin-bottom: 20px;
  margin-top: 10px;
}
.navigation.post-navigation a {
  color: #333;
}
.meta-nav:after {
  content: ":";
  padding: 5px 5px;
}
span.meta-nav {
  font-size: 17px;
  font-weight: bold;
}
.inner-service .box-image img{
  max-width: 100%;
  height: 100%;
  aspect-ratio: 1 / 0.7;
  object-fit: cover;
  max-height: 350px;
}
.inner-service .feature-box img{
  max-width: 100%;
  max-height: 600px;
  padding: 10px;
  object-fit: cover;
  transition: all 0.4s ease;
}
.inner-service .feature-box img:hover{
  transform: translateY(-8px);
  box-shadow: 0 6px 30px rgba(0,0,0,0.25);
}
.mainbox, .layout3, .layout1, .post_format-post-format-video, .post_format-post-format-image, .post_format-post-format-audio, .post_format-post-format-gallery{
  border: 2px solid #e6f0fa;
}
.layout3, .layout1, .post_format-post-format-video, .post_format-post-format-image, .post_format-post-format-audio, .post_format-post-format-gallery{
  padding: 20px;
}
.nav-links {
  padding: 30px 0;
}
.metabox .fa-calendar-alt:before, .metabox .fa-user:before, .metabox .fa-comments:before, .metabox .fa-clock:before, .metabox i:before {
  font-size: 10px;
  background: var( --first-theme-color);
  padding: 8px;
  color: #fff;
  border-radius: 50%;
  margin-left: -5px !important;
}
.inner-service {
  margin-bottom: 35px;
  padding: 20px;
}
.inner-service .mainbox:hover, #sidebar aside:hover {
  box-shadow: 0px 6px 20px 0px #ddd;
}
.inner-service .mainbox:hover{
  padding: 20px;
}
/* sticky post */
#blog_sec .sticky .mainbox h2:before {
  content: '\f02e';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  padding-right: 20px;
  font-size: 20px;
}
/* Block Button */
.wp-block-button .wp-block-button__link{
  border-radius: 23px;
}
.wp-block-button.is-style-squared a{
  border-radius: 0;
}
.wp-block-button.is-style-outline .wp-block-button__link{
  border: 2px solid;
  margin: 5px 0;
}
/* Block Image */
.inner-service.format-standard .new-text .alignwide,
.inner-service.format-standard .new-text .alignfull {
  margin-left  : 0;
  margin-right : 0;
}
.alignfull img {
  width: 100vw;
}
/* Block Gallery */
.wp-block-gallery-3 .blocks-gallery-grid{
  margin-right: 35px;
  margin-top: 15px;
}
/* Block Layout */
.tag-content .wp-block-media-text__media img{
  width: 100% !important;
}
/* Block Widget */
#sidebar .widget_block .wp-block-calendar, #sidebar .widget_block .wp-block-tag-cloud, #sidebar .widget_block .wp-block-latest-comments{
  padding: 15px;
}
#sidebar .widget_block .wp-block-calendar .wp-calendar-nav, .footer-wp .widget_block .wp-block-calendar .wp-calendar-nav{
  text-align: left;
}
.footer-wp .widget_block .wp-block-calendar th{
  background: transparent;
  font-weight: 700;
}
.footer-wp .widget_block .wp-block-calendar .wp-calendar-nav a{
  color: #ffffff;
}
#sidebar .widget_block .wp-block-image, #sidebar .widget_block .wp-block-gallery{
  margin-bottom: 0;
}
#sidebar .widget_block .wp-block-tag-cloud a, .inner-service .wp-block-tag-cloud a{
  color: #000;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 5px;
  display: inline-block;
  border: 1px solid #e6f0fa;
}
#sidebar .widget_block .wp-block-tag-cloud a:hover, .inner-service .wp-block-tag-cloud a:hover, .footer-wp .widget_block .wp-block-tag-cloud a:hover{
  background-color: var( --first-theme-color);
  color: #fff;
}
.footer-wp .widget_block .wp-block-tag-cloud a{
  color: #fff;
  border: 1px solid #ddd;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
}
#sidebar .widget_block li.wp-social-link, .footer-wp .widget_block li.wp-social-link{
  padding: 0;
}
#sidebar .widget_block li.wp-social-link:hover, .footer-wp .widget_block li.wp-social-link:hover{
  transform: none;
}
#sidebar .widget_block li.wp-social-link a, .footer-wp .widget_block li.wp-social-link a{
  color: #ffffff;
  padding: 10px;
}
#sidebar .widget_block li.wp-social-link:before{
  display: none;
}
/* Related Post */
.navigation.post-navigation {
  margin-bottom: 20px;
  display: inline-block;
  float: left;
}
.related-inner-box {
  border: 1px solid var( --first-theme-color);
}
.related-inner-box h4 {
  font-size: 20px !important;
  padding-bottom: 0;
  color: #242424;
}
/* Comments BOX */
#comments h2.comments-title{
  font-size:20px;
  font-weight:bold;
  border-top:2px dotted #7e7e7e;
}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
}
#comments input[type="text"],#comments input[type="email"],#comments textarea {
  padding:12px 10px;
  font-size:18px;
}
#comments input[type="submit"].submit{
  background:var( --first-theme-color);
  padding: 10px 50px;
  text-transform:uppercase;
  font-weight:bold;
  margin-bottom: 20px;
  color: #fff;
  border-radius: 30px;
}
#comments a time{
  font-weight:bold;
  font-size:12px;
}
#comments ol {
  list-style: none;
  margin: 10px 0px;
}
#comments ol li {
  list-style: none;
  margin: 0 0 20px !important;
  padding: 20px !important;
  display: inline-block;
  border: solid 1px #f0f0f0;
}
#comments .comment-author {
  width: 50%;
  float: left;
}
.comment-meta.commentmetadata {
  float: right;
  width: 50%;
  text-align: right;
}
.reply {
  margin-bottom: 15px;
  float: left;
}
#comments a.comment-reply-link {
  background: var( --first-theme-color);
  padding: 5px 15px;
  text-decoration: none;
  color: #fff !important;
}
#comments a.comment-reply-link:hover {
  background: #000;
  color: #fff;
}
.content_box #comments ol li{
  background:none;
  list-style:none;
  margin: 0 0 20px;
  padding: 20px;
  background:#eee;
  display:inline-block;
}
.content_box #comments ul{
  margin:0 0 0 40px;
}
#comments .reply{
  float:right;
  margin-top: 20px;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}
#comments .comment-content{
  width:90%;
  float:left;
}
p.comment-form-comment label{
  display: block;
}
.comment-list, ol.comment-list{
  list-style:none;
  margin-left:0;
  margin-top:20px;
  margin-bottom:20px;
}
.comment-list ul, ol.comment-list ul{
  list-style:none;
}
.comment-list li.comment{
  margin-top:20px;
}
.comment-list .comment-content h1,.comment-list .comment-content h2,.comment-list .comment-content h3,.comment-list .comment-content h4,.comment-list .comment-content h5,.comment-list .comment-content h6{
  margin-top:15px;
}
.content_box, .single-product .background-img-skin{
  margin: 36px 0;
}
p.logged-in-as a{
  color: var( --first-theme-color);
}
.comment-meta.commentmetadata a {
  color: #333;
  text-decoration: underline;
}
/*----------Sticky Header------*/
.fixed-header {
  position: fixed;
  top:0;
  left:0;
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  z-index: 9999;
  width: 100%;
  background: #fff;
}
.admin-bar .fixed-header {
  top: 32px;
}
/*--------------- Sidebar -----------------*/
#sidebar {
  padding-top: 20px;
}
#sidebar form{
  display: table;
}
#sidebar h3, #sidebar h2.wp-block-heading, #sidebar .widget_block label.wp-block-search__label{
  font-size:22px;
  color:#242424;
  border-bottom: 1px solid #e6f0fa;
  padding: 15px;
  position: relative;
}
#sidebar label.wp-block-search__label{
  margin: 0 0 15px 0;
  font-weight: 700;
}
#sidebar .widget_block .wp-block-search__inside-wrapper {
  padding: 10px;
}
.widget_categories select {
  padding: 6px;
}
#sidebar select {
  padding: 10px;
  margin: 24px;
  width: 85%;
}
#sidebar ul.children, #sidebar ul.sub-menu{
  padding: 0 8px;
}
#sidebar input[type="search"] {
  background:transparent;
  padding:12px;
  border:solid 1px #e6f0fa;
  font-size:15px;
  color:#000;
}
input[type="search"] {
  background:transparent;
  padding:10px 10px;
  border:solid 1px var( --first-theme-color);
  font-size:15px;
  color:var( --first-theme-color);
}
#sidebar label{
  width: 100%;
}
#sidebar label .search-field{
  width:100%;
  margin-bottom:15px;
}
#sidebar input[type="submit"] {
  background: var( --first-theme-color);
  border: none;
  padding: 10px;
  font-size: 16px;
  margin: 0;
  width: 100%;
  border-radius: 0;
}
#sidebar aside,#sidebar .custom-about-us, #sidebar .custom-contact-us{
  margin-bottom:30px;
  border: 2px solid #e6f0fa;
}
#sidebar ul {
  list-style:none;
  font-size:17px;
  padding: 15px;
}
#sidebar ul li a{
  color:#242424;
  line-height: 40px;
}
#sidebar ul li{
  font-size: 15px;
  position: relative;
  transition: 0.3s ease-in-out;
}
#sidebar ul li:before{
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: var( --first-theme-color);
  opacity: 0;
  transition: 0.3s ease-in-out;
}
#sidebar ul li a:hover{
  color: var( --first-theme-color);
}
#sidebar ul li:hover:before {
  opacity: 1;
}
#sidebar ul li:hover {
  padding-left: 25px;
}
#sidebar .tagcloud a, #tag-cloud a{
  color:#000;
  font-size:14px !important;
  padding:5px 18px;
  margin:5px;
  display:inline-block;
  border: 1px solid #e6f0fa;
}
#sidebar button:hover, #tag-cloud a:hover{
  background:var( --first-theme-color);
  color: #fff;
}
#sidebar ul li.menu-item-has-children:before{
  display: none;
}
#sidebar ul li.menu-item-has-children:hover {
  padding: 0;
}
#sidebar h2, #sidebar .textwidget p, #sidebar #calendar_wrap, #sidebar .tagcloud, #sidebar .calendar_wrap{
  padding: 15px;
}
#sidebar img, #sidebar-footer img {
  max-width: 100%;
}
.mainbox, #sidebar aside{
  border-bottom: 5px solid var(--first-theme-color) !important;
  border-radius: 20px;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget_calendar td,.widget_calendar th {
  line-height: 2.5;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
}
.widget_calendar tbody a {
  display: block;
  font-weight: 700;
}
#sidebar form.search-form {
  display: table;
  border-radius: 20px;
  padding: 10px;
}
#sidebar .widget_calendar td,#sidebar .widget_calendar th ,#sidebar .widget.widget_calendar table{
  border: 1px solid #e6f0fa !important;
}
#sidebar .wp-block-latest-comments li a:hover{
  color: #000;
}

/* About widget */
.custom-about-us img {
  box-shadow: 2px 2px 8px #909090;
}
.footer-wp .custom-about-us h3{
  text-align: center;
}
h3.custom_title:after {
  margin: 0 auto;
}
.about-social_links i {
  width: 30px;
  height: 30px;
  line-height: 2;
  font-size: 15px;
  border-radius: 5px;
  box-shadow: 2px 2px 4px #909090;
}
.about-social_links i.fab.fa-instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.about-social_links i.fab.fa-pinterest-p {
  background: #bd081c;
}
.about-social_links i.fab.fa-linkedin-in {
  background: #1b85bc;
}
.about-social_links i.fab.fa-twitter {
  background: #53a8ea;
}
.about-social_links i.fab.fa-facebook-f {
  background: #45619d;
}
.custom_read_more {
  font-size: 15px;
}
.custom-about-us form {
  text-align: left;
}
.custom_read_more a{
  border: solid 1px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
}
#sidebar .custom_read_more a{
  color: #fff;
  background: var( --first-theme-color);
}
/*------------- Contact us widgets --------------*/
.custom_details {
  font-size: 16px;
  font-weight: bold;
}
.custom-contact-us p{
  font-size: 15px;
}
.footer-wp .custom-contact-us input[type="submit"], .footer-wp .custom-contact-us button{
  padding: 5px 0;
}
.footer-wp .custom-contact-us div.wpcf7-validation-errors, .footer-wp .custom-contact-us div.wpcf7-acceptance-missing{
  border: 2px solid var( --first-theme-color);
}
#sidebar .custom-contact-us form {
  text-align: left;
}
#sidebar .custom-contact-us input[type="submit"]{
  padding: 10px;
}
#sidebar-footer .custom-contact-us input,#sidebar-footer .custom-contact-us textarea{
  margin-bottom: 0;
}
.custom-contact-us input[type="text"],.custom-contact-us input[type="email"], .custom-contact-us input[type="phno"], textarea{
  padding: 4px;
}
#sidebar-footer .custom-contact-us input{
  border-radius: 0;
  font-weight: 600;
}

/* Page */
.single-post .metabox .entry-comments,.single-post .metabox .entry-author,.single-post .metabox .entry-date,.single-post .metabox .entry-time {
  display: inline-block;
}
.content_box ul{
  list-style:none;
  margin:0 0 0 10px;
  padding:10px 0 0;
  font-size:16px;
}
.content_box ul li{
  padding:0 0 0 4px;
  margin:15px 0;
  line-height:25px;
}
.content_box ul li ul li{
  list-style-type: circle;
}
.content_box ol{
  list-style: none;
  margin:0 0 0 0px;
  padding:10px 0 0 0;
  font-size:16px;
  counter-reset: myCounter;
}
.content_box ol li{
  list-style-type: circle;
  padding:0 0 0 0;
  margin:0 0 20px 0;
}
.content_box ol li ol li{
  margin:0 0 20px 0;
  padding:0 0 0 5px;
}
.content_box  h5{
  margin:0 0 15px;
  font-size:18px;
  padding:0;
}
a.button {
  border: 2px solid var( --first-theme-color);
  font-size: 16px;
  font-weight: bold;
}
.page-content .read-moresec a.button{
  border: 2px solid var( --first-theme-color);
  background: var( --first-theme-color);
  font-size: 15px;
  color: #fff;
  display: inline-block;
  border-radius: 5px;
}
.page-content .read-moresec a.button:hover{
  border: 2px solid #000;
  background: #000;
  color: #fff;
}
/*preloader*/
.frame {
  position: fixed;
  border-radius: 2px;
  background: var( --first-theme-color);
  z-index: 99999999;
  top: 0;
  left: 0;
}
.loader {
  position: absolute;
  width: 220px;
  height: 220px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dot-1 {
  position: absolute;
  z-index: 3;
  width: 30px;
  height: 30px;
  top: 95px;
  left: 95px;
  border-radius: 50%;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: jump-jump-1 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
          animation: jump-jump-1 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
}
.dot-2 {
  position: absolute;
  z-index: 2;
  width: 60px;
  height: 60px;
  top: 80px;
  left: 80px;
  border-radius: 50%;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: jump-jump-2 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
          animation: jump-jump-2 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
}
.dot-3 {
  position: absolute;
  z-index: 1;
  width: 90px;
  height: 90px;
  top: 65px;
  left: 65px;
  border-radius: 50%;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: jump-jump-3 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
          animation: jump-jump-3 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
}
@-webkit-keyframes jump-jump-1 {
  0%, 70% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes jump-jump-1 {
  0%, 70% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes jump-jump-2 {
  0%, 40% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes jump-jump-2 {
  0%, 40% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes jump-jump-3 {
  0%, 10% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes jump-jump-3 {
  0%, 10% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/*copyright css*/
#scrollbutton {
  position: fixed;
  bottom: 70px;
  right: 20px;
  font-size: 22px;
  padding: 12px 17px!important;
  border: solid 2px  var( --first-theme-color);
  color:  #fff;
  z-index: 9999;
  border-radius: 50%;
  background: var( --first-theme-color);
  text-shadow: 1px 1px 2px;
}
.left {
  left: 20px;
  right: auto !important;
}
.center{
  left: 50%;
  right: auto !important;
}
.copyright-wrapper {
  background-color: var( --first-theme-color);
  font-size: 15px;
  text-align: center;
  color: #fff;
  font-weight: 500;
}
.copyright-wrapper a, .copyright-wrapper a:hover{
  color: #fff;
}
.footer-wp {
  background: #0d0d0f;
}
.footer-wp h3, .footer-wp .widget_block .wp-block-heading {
  text-align: left;
  font-size: 25px;
  color: var( --first-theme-color);
}
.footer-wp h3:after, .footer-wp .widget_block .wp-block-heading:after {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  background: var( --first-theme-color);
  margin-top: 7px;
}
.footer-wp input[type="search"]{
  padding:12px 5%;
  border: 1px solid #fff;
}
.footer-wp .search-form label {
  width: 100%;
}
.footer-wp input[type="submit"], .footer-wp button, #sidebar button {
  padding: 10px 12px;
  border: none;
  background: var( --first-theme-color);
  border-radius: 6px;
  font-size: 16px;
  color: #fff;
}
.footer-wp button:hover{
  background: var( --first-theme-color);
  color: #000 !important;
}
.footer-wp button, #sidebar button{
  margin-top:0px;
}
.footer-wp caption {
  font-weight: bold;
  font-size: 20px;
}
.footer-wp table,.footer-wp th,.footer-wp td {
  border: 1px solid #858282;
  text-align: center;
}
.footer-wp th {
  text-align: center;
}
.footer-wp select {
  padding: 8px 5px;
}
.footer-wp li a {
  font-size: 15px;
}
.footer-wp ul li {
  list-style: none;
  padding: 5px 0;
  display: flex;
}
.footer-wp ul {
  margin: 0;
}
.footer-wp .widget {
  margin: 30px 0;
}
.footer-wp .tagcloud a {
  color: #fff;
  border: 1px solid #ddd;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
}
.textwidget p a,.woocommerce-product-details__short-description p a,#tab-description p a{
  text-decoration: underline;
}
/* Pagination */
.pagination {
  position:relative;
  font-size:12px;
  line-height:13px;
  font-weight:bold;
}
.pagination span, .pagination a, .page-links .page-links-title, .page-links a, .page-links .post-page-numbers.current span {
  padding: 18px;
  display: block;
  float: left;
  margin: 3px;
  text-decoration: none;
  width: auto;
  background: rgb(233 233 233 / 78%);
  color: #242424;
  -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;
  font-weight: bold;
}
.page-links .page-links-title{
  margin-left: 0;
}
.pagination .current, .page-links .post-page-numbers.current span{
  background: var( --first-theme-color);
  font-weight:bold;
  color: #fff;
}
.page-links .page-links-title, .page-links a, .page-links .post-page-numbers.current span{
  padding: 12px 15px;
}
.page-links{
  padding-bottom: 20px;
}
.content_box .pagination ul li, .content_box .pagination ul{
  margin:0;
}
.new-text a{
  text-decoration: underline;
}
.nav-links {
  padding: 0 0 10px;
}
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.nav-next,.post-navigation .nav-next {
  margin-top: 0;
}
.tags{
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0;
}
.tags a {
  text-decoration: none!important;
  font-weight: 500;
  border-radius: 3px;
  background: #f8f8f8;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0,0,0,.08);
  text-shadow: none;
  line-height: 3.5;
  padding: 8px;
  margin: 5px;
  font-size: 15px;
  color: #333;
}
.tags a:hover {
  background: var( --first-theme-color);
  color: #fff;
}
/* social icons */
footer .socialicons{
  text-align:center;
}
footer .socialicons a{
  color: #fff;
  font-size: 16px;
  padding: 5px;
  cursor: pointer;
}
.woocommerce ul.products li.product .price ins, .woocommerce div.product p.price ins, .woocommerce .entry-summary a {
  text-decoration: none !important;
}
/*responsive menu*/
@media screen and (max-width:720px) {
  .new-text .alignwide {
    margin-left: 5px;
    margin-right: 5px;
  }
  #sidebar input[type="submit"]{
    padding: 10px 15px;
  }
  .products li{
    width: 100% !important;
    margin: 0 0 10px 0 !important;
  }
  .topbar p, a.video-btn {
    margin-bottom: 10px;
  }
  .search_input{
    width: 80%;
  }
  .search_input input.search-field{
    width: 100%;
  }
  .search_input form.search-form{
    display: flex;
  }
  .admin-bar .fixed-header {
    top: 0;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
    max-width: 100% !important;
  }
  #slider .slider-content, #slider .slider-content h1, #slider .slider-content p, #slider .more-btn{
    text-align: center !important;
  }
}
@media screen and (max-width: 767px){
  .related .products li{
    width: 100% !important;
  }
  #sidebar-footer .footer-block h3:after{
    margin: auto;
  }
  #sidebar-footer .footer-block ul,#sidebar-footer .footer-block h3{
   text-align: center!important;
  }
}
@media screen and (max-width: 999px) and (min-width: 720px){
  .new-text .alignwide {
    margin-left: -15px;
    margin-right: -15px;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 46% !important;
    margin-right: 10px !important;
  }
  #sidebar input[type="submit"]{
    padding: 11px 1px;
  }
  .woocommerce ul.products[class*=columns-] li.product:nth-child(2n){
    float: left;
  }
  .search_input form.search-form{
    display: flex;
  }
  .admin-bar .fixed-header {
    top: 45px;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
    max-width: 45% !important;
    flex: 1 0 50% !important; 
  }
}
@media screen and (max-width: 991px){
    .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2{
      float: none;
      width: 100%;
    }
}
@media screen and (max-width: 1024px) and (min-width:1000px){
  .woocommerce .woocommerce-ordering{
    margin-top: 1px !important;
  }
  .new-text .alignwide {
    margin-left: -15px;
    margin-right: -15px;
  }
  #sidebar input[type="submit"]{
    padding: 11px 15px;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
    max-width: 29% !important;
    flex: 1 0 30% !important; 
  }
}
@media screen and (max-width: 1000px){
  a.closebtn.responsive-menu, .menu-brand.primary-nav span, .menu-brand.resp-menu .cat-content, .primary-navigation ul li a, .menubar .primary-navigation ul li, .navbar-header .cat-content{
    display: block;
  }
  .toggle-menu{
    display: none;
  }
  .primary-navigation ul li{
    border: none;
    padding: 0;
  }
  .toggle-menu {
    cursor: pointer;
    text-align: right;
  }
  .toggle-menu i {
    font-size: 22px;
    color: #000;
    margin: 10px 0;
    background: var( --first-theme-color);
    color: #fff;
    border-radius: 50%;
    padding: 10px 32px 10px 10px;
    margin-right: 5px;
  }
  .main-search i {
    color: #242424;
    padding: 13px;
    border-radius: 50%;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
    display: inline-flex;
    align-items: center;
  }
  .menu-brand {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s width ease-in-out;
    padding-top: 60px;
    visibility: hidden;
  }
  .menu-brand.show, .menu-brand.resp-menu.show{
    visibility: visible;
    width: 250px;
    transition: 0.5s width ease-in-out;
  }
  .menu-brand .closebtn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    margin-left: 50px;
    display: block;
    color: #000;
    border:none;
    padding: 0 15px;
    background: transparent;
  }
  .fa-times:before {
    margin-left: 5px;
  }
  .menu-brand #site-navigation, .primary-navigation ul ul {
    width: 100%;
  }
  .menubar .primary-navigation ul li{
    border-top:1px #303030 solid;
  }
  .primary-navigation ul li a{
    padding: 15px;
    border:none;
    background-color: #fff;
    font-weight: 600;
    border-bottom: 1px solid #eee;
    font-weight: bold;
    color: var( --first-theme-color) !important;
  }
  .primary-navigation ul ul li,.toggle-menu,.primary-navigation ul li ul,.primary-navigation ul li ul ul{
    display:block !important;
  }
  .primary-navigation ul li ul li a:before{
    content: "__";
    padding-right: 6px;
    position: relative;
    top: -6px;
  }
  .primary-navigation ul li ul li ul li a{
    padding-left:30px !important;
  }
  .primary-navigation ul li ul, .primary-navigation ul li ul ul {
    display: block !important;
    opacity: 1 !important;
    height: auto !important;
  }
  .primary-navigation ul ul{
    position: static;
  }
  .primary-navigation ul ul a:hover, .primary-navigation ul ul a:focus{
    color: var( --first-theme-color);
  }
  .primary-navigation ul ul a, #site-navigation li a{
    color: #000 !important;
  }
  .primary-navigation ul ul a:focus{
    background: transparent !important;
  }
  .main-menu-navigation a:focus, a.closebtn:focus{
    outline: 1px solid var( --first-theme-color) !important;
    border-bottom: 2px solid var( --first-theme-color) !important;
  }
  .menu-header .toggle-menu{
    text-align: right;
  }
  .primary-navigation ul{
    display: grid;
    margin: 0;
  }
  .primary-navigation ul ul a:hover, .primary-navigation ul ul a:focus, .primary-navigation ul ul, .main-menu-navigation,.primary-navigation .current_page_item > a,.primary-navigation .current-menu-item > a,.primary-navigation .current_page_ancestor > a{
    background:#fff;
  }
  .menu-header .toggle-menu {
    display: none;
    width: 100%;
  }
  .scrollbutton.center i{
    left: 44%;
    right: 50%;
  }
  .scrollbutton.left i {
    left: 18px;
  }
  .primary-navigation ul ul a{
    background: none !important;
  }
  .post-navigation .nav-previous {
  width: 40%;
  }
  .post-navigation .nav-next {
  width: 40%;
  }
}
/* Sticky copyright base */
.sticky-copyright {
    width: 100%;
    transition: all 0.3s ease;
}
.fixed-copyright {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
    z-index: 999999;
}
.close-sticky {
    position: static;
}
.footer-wp {
    padding-bottom: 40px !important; 
}
/* Progress Bar */
#video_streaming_elemento_progress_bar {
  position: fixed;
  top: 0;
  left: 0;
  height: 4px;
  width: 0;
  background-color: var(--first-theme-color);
  z-index: 99999;
}
/* Admin bar fix */
.admin-bar #video_streaming_elemento_progress_bar {
  top: 32px;
}
@media (max-width: 782px) {
  .admin-bar #video_streaming_elemento_progress_bar {
    top: 46px;
  }
}
@media (max-width: 600px) {
  .admin-bar #video_streaming_elemento_progress_bar {
    top: 0;
  }
}

/* Product card hover effect */
.woocommerce ul.products li.product{
    overflow: visible;
}
.woocommerce ul.products li.product a{
    display: block;
}
.woocommerce ul.products li.product a:has(img){
    position: relative;
    overflow: hidden;
}
.woocommerce ul.products li.product a img{
    display: block;
    width: 100%;
    transition: transform 0.4s ease;
}
.woocommerce ul.products li.product a:hover img{
    transform: scale(1.1);
}
