/*
 Theme Name:   ArtsHub v2.11.7
 Theme URI:    https://www.greensboroartshub.com
 Description:  Arts Hub Child Theme
 Author:       Roch Smith, Jr.
 Author URI:   https://www.greensboroartshub.com
 Template:     my-listing
 Version:      2.11.4
 License:      Copyright, 2020 Roch Smith, Jr. ALL RIGHTS RESERVED
 License URI:  https://www.greensboroartshub.com
 Text Domain:  my-listing
*/


:root {
    /* (Option 1) --primary-background: #202125; */
    --primary-background: #07080A;
     --secondary-background: #161922;   
    --primary-color:#D1FE00;
    --third-color:#467386;
    --secondary-color: #FFA900;
    /* (Option 1) --primary-shade:#262626; */
    --primary-shade: #0E0F12;
    --secondary-shade:#3B3A3A; 
    /* OPTION -secondary-shade:#3C3F4A; */
    --desaturated:#ffffff;
    --dark-text:#000000;
    --highlight:#FC8600;
    --glow:#7E8277;
    --promoted:#fff47c;
}

/*Hide "General" heading in add listing forms*/
/*#form-section-general > .form-section > .pf-head.round-icon {
    display: none !important;
}

#form-section-general .pf-body {
    display: none !important;
}

#form-section-general-nav {
    display: none !important;
}
*/
/* End hide "General" */


.primary-background {
   background-color: var(--primary-background);     
}

.is-desc a {
    color: var(--third-color) !important;
}

.pf-body h1, h2, h3, h4, h5, h6 {
    color: var(--desaturated);
}

/*Set explore page nav bar items' text h4 color*/
.type-info h4 
{color: var(--third-color);
}

#slogan h1 {
font-size: 1.1em !important;
font-weight: strong !important;
color: #D2EEF1;

}

.wpcf7-form-control-wrap input, textarea
{
border: 1px solid #ccc !important;
  padding: 5px !important;
  background-color: #fff !important;  
  color: #000 !important;  
}

.wpcf7-form label{
margin-bottom: 0.75em !important;  
font-weight: 700 !important;
}

.wpcf7-list-item-label {
    font-weight: 400 !important;
}
.wpcf7-list-item {
    margin: .5em 2em .5em 1em !important;
}

/*Helps keep single listing cover image from getting cut off too much */
.single-job_listing .profile-cover.profile-cover-image {
    background-size: contain;
    background-repeat: no-repeat;
}

#top-section{
background-position: center center;
background-repeat: no-repeat;
background-size: cover;    
}

/* Fix Google's complaint of clickable elements too close together on moble for category pages */
.explore-head .explore-types>div.active:after, .explore-head .explore-types>div:hover:after {
    display: block;
}

.artist-credit a{
color: var(--primary-color);
}

.artist-credit {
color: var(--glow);
}

/*Hide user-submitted post form placeholders */
.usp-input::placeholder {
opacity: 0;
}

/* Adds text next to map icon on explore page (with template that uses a map). */
/*.explore-desktop-head .expand-map-btn:after {
 content: "Show on map";
 display: block;
 float: right;  
 padding-left: 15px;
}
*/
 @media (min-width: 1201px) {
 .fc-type-1.finder-three-columns .fc-default:not(.fc-one-column) .explore-desktop-head, .fc-type-1.finder-two-columns .fc-default:not(.fc-one-column) .explore-desktop-head {
  padding-right: 160px;
 }
}
/*END*/

/*Allow dates and locations to wrap on single listing header */
.price-or-date .value {
    white-space:normal !important;
}

/*  To make "log out" message more prominent */
.woocommerce-message {
background-color:yellow;    
}
.woocommerce-message a {
font-weight:700 !important;
text-decoration: underline;    
}
/* Adjust listing avatar (logo)  */
.lf-avatar {
    height: 50px;
    width: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #fff0 !important;
 
    /* logo position */
    top: -10px;
}
/* Adjust listing avatar (logo) on single listing */
.profile-cover .profile-avatar {
    height: 100px;
    width: 100px;
 /*   pointer-events: none; */
    background-color: #fff0;
     background-size: contain;
    background-repeat: no-repeat;
 
    /* logo position */
    top: -10px;
}
.no-info-fields .lf-item-default .lf-item-info {
    align-items: flex-start !important;    
}
.profile-cover .profile-name {
    /* this value should be 10px higher than the width of the logo */
    padding-left: 110px;
}

.listing-rating, .single-comment .listing-rating i {
    color: var(--promoted);
}

.lf-item-info  h4 {
   font-size: 1.25em;
}

.single-job-listing .element {
 border: 1px solid #7E8277 !important; 
/* border-radius: 4px; */
 box-shadow: 0px 4px 8px -2px #7E8277;   
/* box-shadow: 0px 1px 10px 2px #635E25;   */
/* box-shadow: 0px 0px 1px 2px #7E8277 inset; */
padding: 1em 2em 1em 2em;   
}

.tab-content .element .wp-caption-text {
  color: var(--dark-text) !important;  
}

.header-top .category-name ul li a:hover {
color: var(--highlight) !important;
}

.buttons {
    color: var(--desaturated) !important;
} 

.header-top .button-1 {
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: var(--highlight);
border-radius: 34px 34px 34px 34px;
padding: 1em 2em 1em 2em;     
background: transparent;
}
.header-top .button-1:hover {
color: var(--primary-color);
box-shadow: 0px 0px 8px 2px var(--highlight);
background: transparent !important;
}

.preview-btn:hover, .save-listing-button:hover {
background-color: var(--accent) !important;    
}

.preview-btn, .save-listing-button {
    background-color:#d7d7d7 !important; 
}
/*Temporary until theme update to 2.11.5 */
.owl-carousel {
display: block;
width: 100%;
z-index: 1;
}
/* END Temporary until theme update to 2.11.5 */

.button-12 {
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: var(--highlight);
border-radius: 16px 16px 16px 16px;
padding: 1em 2em 1em 2em;     
background: transparent;
}
.button-12:hover {
color: var(--third-color);
box-shadow: 0px 0px 8px 2px var(--highlight);
background: transparent !important;
}
.add-listing-step .section-title h2{
    color:#8a8a8a !important;
}
 .section-title h2{
    color:#fff !important;
}

.elementor-button:focus, .elementor-button:hover {
color: var(--primary-color);
}

/*Blog title on preview card */
.sbf-title .case27-secondary-text {
    font-weight:600 !important;
}

/* arrow icon for multiselect fields */
.select2-container--default .select2-selection--multiple .select2-selection__rendered:before {
    content: "\e313";
    font-size: 28px;
    color: #484848;
    font-family: Material Icons!important;
    position: absolute;
    right: -8px;
    top: 5px;
}

.block-field-event_date>.countdown-block,  .block-field-event_date>.countdown-box{
    color: var(--desaturated);
    background-color: var(--primary-shade) !important;
}
.countdown-box .countdown-list li p {
    color: var(--desaturated) !important;
    background-color: var(--primary-shade) !important;
}

.centerme {
    margin-left:auto;
    margin-right:auto; 
}

.hideme {
    display:none;
}
/*Aligns table block text left */
.extra-details .item-attr,
.extra-details .item-property {
    float: left;
    padding-right: 10px;
}


.elementor-button-wrapper .cool-button a, .cool-button a{
background: transparent;
border-style: solid;
border-width: 4px 4px 4px 4px;
border-color: var(--glow);
border-radius: 34px 34px 34px 34px !important;
box-shadow: 0px 0px 8px 1px var(--glow);
padding: 1em 2em 1em 2em;
}

/* For listing plan panel */
.featured-plan-badge span:before {
    display: none;
}
.featured-plan-badge span:after {
   content: "\f091";
    font-family: "Font Awesome 5 Free";
     font-weight: 600;
}

.job_listing_packages .featured {
box-shadow: 0px 0px 8px 1px var(--glow);   
}

.c27-packages .section-title h2 {
    color: var(--dark-text) !important;
}

/*Set icom for featured preview cards */
.level-featured .icon-flash::before {
    content: "\f091";
    font-family: "Font Awesome 5 Free";
     font-weight: 600;
}
/*Set icom for promoted preview cards */  
.level-promoted .icon-flash::before {
    content: "\f091";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
}
.level-promoted .ad-badge{
    color: var(--promoted) ;
    border-color: var(--promoted);
}

#sponsor-heading .elementor-divider__text {
    color: var(--promoted);
}


.hideicons .details-block-content i {
    display: none; 
}

.hideicons li, .hideicons span, .hideicons p {
    display: inline; 
}

.page-id-3952 {
   background-color: var(--primary-background); 
}
.featured-search .tab-content {
      opacity: 0.5;
}
      
      .featured-search .tab-content:hover {
      opacity: 1.0;
}
/* Hide icon in Categories Listing Widget template */
.listing-cat .lc-icon {
    display: none;
}

.lc-info h4 {
    font-size: 2em;
    font-weight: 600 !important;
}

.mobile-explore-head-top, .explore-head {
    opacity: 0.7;
}

.mobile-explore-head-top:hover, .explore-head:hover {
    opacity: 1.0;
}


/* .profile-cover.profile-cover-no-img {
  height: 180px !important; 
}
*/

.profile-cover.profile-cover-no-img .main-info-desktop {
   bottom: 12px;
}

.single-job-listing {
    background-color: var(--primary-background);
}

.single-job-listing a:hover {
    color: var(--primary-color) !important;
}
 .quick-listing-actions > ul > li > a span{
    color: var(--desaturated);
}

.quick-listing-actions > ul > li > a i, 
.details-block-content > li > i,
.details-list li i, 
.footer-bottom .social-nav li a i
 {
    color: var(--secondary-color) !important;
    background-color: var(--primary-background) !important;
}
.quick-listing-actions > ul > li > a:hover{
    border-color: var(--primary-color) !important;
}

.social-nav li a span.svg-icon:not(:hover) {
    background-color: var(--primary-background) !important;
}
.social-nav li a span.svg-icon svg {
    fill: var(--secondary-color) !important;
}


.listing-details .category-name, .cat-icon {
   color:inherit !important; 
}
.profile-header {
    background-color: var(--secondary-shade);
    border-bottom-color: var(--secondary-shade);
    color: var(--desaturated);
}
.profile-header .profile-menu ul li a{
    color: var(--desaturated);
}
.profile-header .items-counter {
    color: var(--desaturated);
}

.profile-header a {
    color: var(--desaturated);
}

.profile-header a:hover {
    color: var(--primary-color);
}

 .pf-body a {
    color: var(--secondary-color);
}

 .tab-content .element {
    background-color: var(--primary-shade);
    color: var(--desaturated);
    border-color: var(--primary-shade);
}

.single-job-listing h5 {
    color: var(--desaturated);
}

.single-job-listing .wpcf7 label, .single-job-listing .wpcf7 ::placeholder {
    color: var(--desaturated);
}
.wpcf7-mail-sent-ok {
    color: var(--secondary-color);
}
.wpcf7-list-item {
    margin: 0 0 2.5em 1em;
}
.wpcf7-response-output{
    font-weight: bold !important;
font-size: 2em !important;
color: #18A005 !important;
}
.wpcf7-not-valid-tip {
  margin-top: -1em !important;
  margin-bottom: 2em !important;
}

.single-job-listing .wpcf7 input, .single-job-listing .wpcf7 textarea {
    color: var(--desaturated);
   /* background-color: var(--secondary-shade); */
    border-bottom-color: var(--secondary-shade);
}
.single-job-listing .wpcf7 input:focus, .single-job-listing .wpcf7 textarea:focus {
color: var(--desaturated);
border-bottom-color: var(--highlight);
border-bottom-width: medium;
}
.single-job-listing .wpcf7 .wpcf7-submit, .sidebar-comment-form .buttons{
background-color: var(--secondary-color) !important;
color: var(--desaturated) !important;
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: var(--highlight);
/* border-radius: 34px 34px 34px 34px; */
padding: 1em 2em 1em 2em;     
/*background: transparent !important;*/
margin-top: 0.5em;
}

.sidebar-comment-form textarea:focus, .form {
  color: var(--desaturated); 
 /*   background-color: var(--secondary-shade); */
}
.sidebar-comment-form label, .sidebar-comment-form ::placeholder, .sidebar-comment-form textarea {
    color: var(--desaturated);
}

/*REM for Troubleshooting*/
/*.single-post .sidebar-comment-form label, .single-post .sidebar-comment-form ::placeholder, .single-post .sidebar-comment-form textarea {
    color: var(--dark-text);
}
*/

/*Hide blog excerpt on preview card */
.sbf-title p {
    display: none;
}
.sbf-title a {
    height: 52px;
    overflow: hidden;
}

/* Makes form labels for blog comment form legible again */

/* listing page - review form */
.rating-number label:hover, .rating-number .rating-star-active i, .rating-number label:hover ~ label,
.rating-number input[type="radio"]:checked ~ label,
.form-group-review-ratings.rating-mode-10 label {
    color: var(--promoted);
}
  
/* listing page - review content */
.rating-categories .clasificacion i,
.single-comment .listing-rating i {
  /*  color: #e85a4f; */
}

.comment-body a {
    color: var(--secondary-color);
}
  
/* listing page - stars below name */
.pa-below-title .listing-rating i {
 /*  color: #e85a4f; */
}

#listing_tab_reviews .no_job_listings_found {
    color: var(--desaturated);
}

.single-job-listing .comment-container {
    background-color: var(--primary-shade);
}

.single-job-listing .wpcf7-response-output {
    color: var(--primary-color) !important;
}
.single-job-listing .wpcf7-submit {
    background-color: var(--highlight) !important;
}

 .tab-content p {
    color: var(--desaturated);
}

.pf-head .title-style-1 i{
    color: var(--third-color) !important;
}


 .rent-price.inside-rent-price {
    padding: 0px !important;
}

.wpautoterms-footer {
    background-color: var(--primary-background);
}
.wpautoterms-footer p, .wpautoterms-footer a {
    color: var(--desaturated);
    margin: 0 !important;
    padding: 0 0 10px;
}

.mlduo-welcome-message p {
    color: var(--desaturated);
}

 .event-host a {
    color: var(--secondary-color);
}
.location-address a{
    color: var(--primary-color) !important;
}
 .profile-header .items-counter {
    color: var(--secondary-color);  
}

a.add-to-google-cal, a.add-to-google-cal i {
    color: var(--secondary-color) !important;  
}

a.add-to-i-cal, a.add-to-i-cal i {
    color: var(--secondary-color) !important;  
}
.event-picker .date-add-new:hover, .map-block-address a:hover, .social-networks-repeater > input[type="button"]:hover, .work-hours-repeater > input[type="button"]:hover, a.add-to-google-cal:hover{
    color: var(--primary-color) !important;
}

.map-block-address {
    padding-top: 0 !important;
}

.type-works .gallery-item {
        margin-left:auto !important;
    margin-right:auto !important;
}

.blogpost-section a {
    color: var(--highlight) !important;
}

.blog-feed-no-nav .blog-footer {
    display: none;
}

/*Show only one blog post in blog feed widget */
.elementor-widget-case27-blog-feed-widget .col-md-6, .elementor-widget-case27-blog-feed-widget .col-md-4 {
    width: 100%;
}

/*Hide date on blog feed widget preview card */
.post-cover-buttons>ul>li > div,
.sbf-title p,
.sbf-container .lf-head {
    display: none;
}

/*Show "Map View" next to map icon on Explore page. */
/* a.collapse-map-btn span, a.expand-map-btn span {
    display: inline-block !important;
}
a.expand-map-btn span {
    position: relative;
    top: -5px;
}
.c27-map~a.collapse-map-btn {
    width: unset;
    padding: 5px;
}
a.collapse-map-btn span {
    margin-left: 5px;
}
*/
/* END show Map View */


/* Modifies WC Single Product page */
.product_meta span.posted_in {
    display: none;
}
/* Modifies WC Single Product page */
.woocommerce-page .product .woocommerce-tabs{
    display: none;
}
 /*
.lf-item {
    border-radius: 14px 14px 0 0;
}
*/

#sponsor-bottom {
    position:relative; 
    bottom:1em !important;
}

#sponsor-preview .listing-preview .c27-footer-section {
    background-color: #ffffff;
     box-shadow: none !important;
     opacity: .65;
}

#sponsor-preview .lf-item-container {
     box-shadow: none !important;
}
.listing-preview .c27-footer-section{
    border: none !important;
}
.lf-item-container, .sbf-container {
    box-shadow: 4px 4px 6px 0px #7b7a7a;
}

/*
.listing-preview .c27-footer-section:last-child {
    border-bottom-left-radius: 14px!important;
    border-bottom-right-radius: 14px!important; 
    box-shadow: 0px 5px 10px 4px rgba(0,0,0,0.2);
}
*/

#hrz_feed .lf-item, #vrt_feed .listing-preview .c27-footer-section {
    height: 185px !important;
}

#hrz_feed .listing-preview .c27-footer-section, #vrt_feed .listing-preview .c27-footer-section {
    display:none !important;
}

#social-share-modal .share-options li:nth-child(8) {
display: none;
}
/* Display header menu icons on desktops */
/* @media only screen and (min-width : 1201px) {
    .main-nav li a>i {
        display: inline-block;
    }
}
*/  

/* Woo Name Your Price */
.woonp-input {
     display: block;
    font-size: 20px;
   /* font-family: sans-serif; */
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
 /*   width: 100%; */
    max-width: 100%; /* useful when width is set to anything other than 100% */
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #FFFF99;
}

/* Chrome, Safari, Edge, Opera */
.woonp-input::-webkit-outer-spin-button,
.woonp-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.woonp-input {
  -moz-appearance: textfield;
}
.woonp label {
    font-weight: 700;
}

/* Hides the icon before the Maximum Price field in a Details Block to which the custom class min-max-price-block has been added through the Listing Type Editor. */

.min-max-price-block .pf-body .outlined-list .chevron_right {
    display:none !important;
}

/* Puts rows on same line for TABLE BLOCK with multiple rows. Must add custom class min-max-price-block through Listing Type Editor to targetted TABLES block. */   
 .min-max-price-block .extra-details li {
 display: inline-block;
 margin: 0 !important;
 padding: 0 0 0 5px;
}
.min-max-price-block .extra-details li:first-child {
 padding: 0;
}
.min-max-price-block .extra-details li div {
 padding: 0;
}

 
 /* Puts rows on same line for DETAILS BLOCK with multiple rows. Must add custom class min-max-price-block through Listing Type Editor to targetted DETAILS block. */
 
.min-max-price-block .pf-body .outlined-list li, 
.min-max-price-block .pf-body .outlined-list li i,
.min-max-price-block .pf-body .outlined-list li > span {
 display: inline-block !important;
    height: auto;
    width: auto;
    padding: 0;
    min-width: auto;
    margin: 10px 10px 0 0;
    vertical-align: middle;
}
.min-max-price-block .pf-body .outlined-list li:first-child {
 margin: 10px 0 0 0 !important;
}
/*ATERNATE*/
/* .details-block-content {
display:inline-flex;
    }
    
.details-block-content .wp-editor-content {
  margin-top: 12px;
  display: inline-flex;
  margin-right: 2em;
    
    }

*/

/* END */

/* ----------- Target elements if not on a phone ----------- */
@media only screen and (min-width: 481px)  { 
    /* Hide Call now */
    #cta-549f5e, #qa-549f5e, #qa-eabb30 {
     display:none;
 }
 
  /* Aligns owl-nav listing feed widget buttons to center below feed widget in sponsor-preview when carousel is used */

#sponsor-preview {
    width:370px; 
} 

#sponsor-preview .c27-owl-nav .owl-nav {
  width:360px; 
}
/* END owl-nav adjustment */
 
}
/* END Target elements if not on a phone ----------- */

/* ------ Target elements if on a phone ------------ */
@media only screen and (max-width: 480px)  { 
    /* Hide Call now */
 /*   #cta-34763b {
     display:none;
    } */
     /* Hide support banner */
     #show-support-ribbon {
         display: none; 
 }
 


/*--- @media max-width here must match @media min-width for corresponding javaScript function --*/
 .artist-credit {
     display:none;
 }
}

/*-------------Target Element on desktop and landscape tablets------------*/
/* tablet, landscape iPad, lo-res laptops ands desktops */
@media (min-width:961px)  { 
    /*Make explore page full width */
.explore-types-topbar.finder-three-columns .explore-type-4 .container {
    width: 100% !important;
    padding: 0px 0px 0px 0px !important ;
    margin-top: 0px !important;
    margin-left: -10px !important;
}
.explore-type-4 .fl-head {
    padding-top:24px !important;
}
.explore-types-topbar.finder-three-columns .explore-type-4 .container .explore-classic-sidebar{
    width: 25%;
}

/* END: Make explore page full width */

/* Cover image from gallery */
/*
.header-gallery-carousel .item {
 background-position: center top; 
    background: repeat-x; 
 background-repeat: no-repeat;
    background-size: cover;
}
*/
}

.blog-featured-image img {
    max-height: 400px;
    object-fit: contain;
}

/*Meow App Anthropic AI results */
.CWHqlUDu9z_VhM1iNYox p {   
color: #DFDFE1;    
}

/* Put some margins on Wordpress default password page */
.post-password-form {
margin: 40px 20% 0 20%;
}

/* Style links in The Newsletter Plugin forms */
.tnp-field a {
    color: var(--third-color) !important;
}

.tnp-field a:hover {
    color: var(--secondary-color) !important;
}
/*end */

/*Newsletter Plugin Form Fields*/
.tnp-subscription input[type=text],
.tnp-subscription input[type=email] {
border: 1px solid #665f5f !important;
  border-color: #665f5f !important;
}

/* The Newsletter Plugin pop up input text color */
.tnp-popup-main .tnp-field input[type="text"], .tnp-popup-main .tnp-field input[type="email"] {
    color:#000;
}


/*BEGIN Modifications to listing flex preview card containers */
section.i-section.listing-feed .results-wrapper {
 display: flex !important; 
 flex-wrap: wrap !important; 
 align-items: flex-start !important; 
}

 section.i-section.listing-feed .grid-item { 
/*   display: flex !important; /*
/*   flex-direction: column !important; /*
} 


section.i-section.listing-feed .lf-item-container {
/*  height: 100% !important; */
/*  display: flex !important; */
/*  flex-direction: column !important; */
}

/* If needed, this targets the immediate row container */
section.i-section.listing-feed .section-body .row {
/* display: flex !important; */
/* flex-wrap: wrap !important; */
/* align-items: flex-start !important; */
}
/*End Modification */