/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0.1.1710967741
Updated: 2024-03-20 20:49:01
*/
body{ font-family: var(--e-global-typography-0f8b484-font-family), serif; }

.sidebar-breadcrumb-list{ font-size: 1.13rem; }
.custom-breadcrumbs a{ font-size: .9rem; }
.category-hero-image-container{ 
	background: url(/wp-content/uploads/2024/06/pexels-marko-2188012.jpg);
	background-size: cover;
}
.danceover-product-main {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  font-family: var(--e-global-typography-0f8b484-font-family), serif;
}
.danceover-product {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background-color: #F3F5F8;
  margin-top: 6rem;
}
.danceover-product-content-area {
  width: 100%;
  font-size: 1.25rem;
  padding: 2rem;
}
.danceover-product-contact {
  width: auto;
  font-size: unset;
  font-family: var(--e-global-typography-0f8b484-font-family), serif;
}
#danceover-contact-submit {
  background-color: #E22701;
  transition: 0.3s;
  border: #E22701;
  color: white;
}
#danceover-contact-submit:hover {
  background-color: #000;
}
@media screen and (min-width: 760px) {
  .danceover-product {
    flex-direction: row;
    gap: 1.5rem;
    margin-top: 0;
  }
  .danceover-product-main {
    flex-direction: row;
  }
}
.category-grid, .danceover-product-posts-grid {
  /* display: flex; */
  gap: 30px;
  display: grid;
  grid-template-columns: auto;
}
.category-grid a.category-card-wrapper, .product-card-wrapper {
  width: 100%;
  min-width: 250px;
  max-width: 375px;
  overflow: hidden;
}
a.category-card-wrapper:hover .category-image, a.product-card-wrapper:hover .post-thumbnail img {
  transform: scale(1.2);
}
.cat-img-container, .post-thumbnail {
  overflow: hidden;
}
.category-grid a.category-card-wrapper img, .post-thumbnail img {
	aspect-ratio: 3 / 4;
    object-fit: cover;
  width: 100%;
  transition: 0.7s ease;
}
.product-card-wrapper.draft {
    opacity: .5;
}
.custom-breadcrumbs {
  margin-bottom: 4rem;
    margin-top: 4rem !important;
}
.custom-breadcrumbs a {
  text-decoration: none;
}
.custom-breadcrumbs a:hover {
  text-decoration: underline;
}
.custom-breadcrumbs span {
  color: #333;
}
.custom-breadcrumbs .separator {
  margin: 0 5px;
}
.danceover-products-category-main-section, .category-hero-image-container + .custom-breadcrumbs 
  max-width: 1399px;
  margin-left: auto;
  margin-right: auto;
}

.user_only { justify-content:center; }

.user_only .post-title {
    display: flex;
}


h1.entry-title{
	text-align: center;
}
.category-grid a.category-card-wrapper h4, 
a.product-card-wrapper .post-title,
.product-card-wrapper h4.post-title,
.user_only .post-title a, 
.edit_product {
	text-align: center;
    width: fit-content;
    margin: auto;
    padding: 8px 20px 8px 20px;
    color: white;
    background-color: #E9781E;
    border-radius: 3px;
    margin-top: .5rem;
    transition: 0.4s ease;
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
    justify-self: revert-layer;
    font-family: "PT Serif", serif;
	border-radius: 3px;
	line-height: 24px;
}
.elementor-button[type="submit"]:hover,
a.category-card-wrapper:hover .category-button, 
a.product-card-wrapper:hover .post-title, 
.product-card-wrapper:hover h4.post-title,
.user_only .post-title a:hover, 
.edit_product:hover {
  background-color: #636363;
  color:#fff;
}
.user_only .post-title a:hover, .edit_product:hover,
.user_only .post-title a:focus, .edit_product:focus{
    background-color: #636363;
    color: #fff;
}
.product-card-wrapper{ text-align: center; }
/* makes room for edit button */
.logged-in h2.elementor-heading-title.elementor-size-default {
    padding-right: 60px;
}
/* logged in/out states */

#signup-btn, #login-btn, .logged-in #my-account-btn, .logged-in #logout-btn { display:inline-block; }
.logged-in #signup-btn, .logged-in #login-btn, #my-account-btn, #logout-btn { display:none; }


/* logged out */
.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li.show-logged-out  { display:block; }
.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li.show-logged-in  { display:none; }
.elementor-nav-menu li.show-logged-out { display: block; }
.elementor-nav-menu li.show-logged-in { display: none; }

/* logged in */
.logged-in .show-logged-out,
.logged-in .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li.show-logged-out  { 
	display:none !important; 
}
.logged-in .show-logged-in,
.logged-in .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li.show-logged-in  { 
	display:block !important; 
}
.logged-in .elementor-nav-menu li.show-logged-out { 
	display: none; 
}
.logged-in .elementor-nav-menu li.show-logged-in { 
	display: block; 
}

.logged-in .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li.show-logged-in.mobile-only,
.logged-out .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li.show-logged-in.mobile-only {
    display: none !important;
}
 li.mobile-only {
    background: #ee7716;
    border-bottom: 1px solid #ffbe89 !immportant;
}
 li.mobile-only:last-of-type { border-top:none; }

.mobile-only { display:none !important; }

.legal {
	text-align:right;
}
.legal a {
	display:inline-block;
	margin-left: 25px;
}
.legal a:before{
}

@media screen and (max-width: 1024px) {
	.show-logged-in.mobile-only { display:none !important; }
	.show-logged-out.mobile-only { display:block !important; }
	
	.logged-in .show-logged-in.mobile-only { display:block !important; }
	.logged-in .show-logged-out.mobile-only { display:none !important; }
}
.elementor-button.menu-item {
    background: transparent;
    align-content: center;
    display: flex;
    flex-wrap: inherit;
	margin-left: 15px;
}

.elementor-button.menu-item a.elementor-item,
#account-nav a.elementor-sub-item  {
    font-size: 14px;
    height: 25px;
    background: #e9781e;
    color: #fff !important;
    border-radius: 3px;
	font-family: "PT Serif", serif;
    font-weight: 400;
    text-transform: none;
    line-height: 1em;
    padding: 5px 10px 5px 10px !important;
    transition: all .3s;
    margin: 0 auto;
    display: inline-block;
}
#account-nav a.elementor-sub-item:hover,
#account-nav a.elementor-sub-item:focus,
.elementor-button.menu-item a.elementor-item:hover,
.elementor-button.menu-item a.elementor-item:focus {
    color: #FFFFFF;
    background-color: #3960BD;
    padding: 5px 10px 5px 10px;
}

#account-nav .elementor-nav-menu>li:first-of-type a,
#account-nav a.elementor-sub-item {
	width:140px; 
}
#account-nav .elementor-nav-menu .sub-arrow { display: inline; }
.e--pointer-underline .elementor-item:after  { display:none; }

@media screen and (min-width: 560px) {
  .category-grid, .danceover-product-posts-grid {
    grid-template-columns: auto auto;
  }
}
@media screen and (min-width: 768px) {
  .elementor-1580 .elementor-element.elementor-element-15e75c2 > .elementor-widget-container {
    margin: 26% 0% 0% 0% !important;
  }
  .category-grid-container {
    justify-content: space-between;
    gap: 30px;
  }
  .category-grid, .danceover-product-posts-grid {
    width: 76%;
  }
  .category-grid-container .breadcrumbs-sidebar, .danceover-products-category-main-section .breadcrumbs-sidebar {
    width: 24%;
  }
  .elementor-1580 .elementor-element.elementor-element-f13db22 {
    width: 100% !important;
  }
}
@media screen and (min-width: 980px) {
  .category-grid, .danceover-product-posts-grid {
    grid-template-columns: auto auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    /*margin-left: 3rem;*/
  }
}
@media screen and (min-width: 1200px) {
  .category-grid, .danceover-product-posts-grid {
    grid-template-columns: auto auto auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (max-width: 767px) {
  .category-grid-container, .danceover-products-category-main-section {
    gap: 60px;
  }
}


#my-products .danceover-product-posts-grid  {
	width:100%;
    grid-template-columns: repeat(4, minmax(0, 1fr));
	
}

#edit_product .e-con-inner{
height: 100%;
}
 #edit_product elementor-element.e-con-full.e-child{
  height: 100%;
  display: block;
}
 #edit_product elementor-element.elementor-widget-image{
height: 100%;
 }
 #edit_product img.attachment-full.size-full.wp-post-image {

  height: 100%;
  object-fit: contain;
  width: 100%;
}

#edit_product .elementor-element.elementor-widget-shortcode{
    width: 100%;
    border-top: 1px solid #5f6771;
    padding-top: 15px;
    margin-top: 30px;
}
#edit_product .publishing_status span{ font-weight:bold; }
#edit_product .publishing_status{
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 10px;
}
/*  ###  FLAGGING STYLES  ###  */

.flagged { display:none; }
#my-products .flagged  { 
	display:block;
}
#my-products .flagged: after{
	content: "This product has been flagged";
	display:inline-block;
}


#my-products .flag_warning{
}
#my-products .flag_warning: after{
	content: "This product has been warned";
	display:inline-block;
}
