/**
Theme Name: Hotel Project Leads
Author: Alexander Smith
Author URI: http://hotelprojectleads.com
Description: Azoom is a very powerful responsive, retina ready, WPML (localization) ready, WooCommerce ready theme. Azoom comes with Rock Page Builder, Curvy Slider and Rock Form Builder. Enjoy!
License:  Please read the license information at Envato from themeforest.com
License URI: http://themeforest.net
Tags: drag and drop, multiple sidebar, responsive, retina, curvy slider, animation builder, page builder, layout builder, ecommerce, coorporate, portfolio
Text Domain: hpl-styles
Template: azoom
Version: 1.0.1
*/

#hpl-dashboard td {
    padding-top: 0;
    padding-bottom: 0.5em;
}

#hpl-dashboard .table-action {
    padding-top: 20px;
}

#home-reception-grid .parallax-mask-class {
    background-position: 75% 30%!important;
    background-attachment: scroll;
}

#home-reception-grid .bg-image-overlay {
    padding-top: 30px;
}

#home-reception-grid .row:nth-child(1) .azoom-heading-wrapper {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.71) 80%, transparent);
    padding: 5px 0px 0 5px;
    border-radius: 2px 0 0 0;
}

@media screen and (max-width: 800px) {
    #main-container #home-reception-grid .columns {
        margin-top: 0;
    }
}

@media screen and (max-width: 600px) {
    #main-container .azoom-heading {
        font-size: 32px!important;
    }
}

#home-reception-grid .row:nth-child(1) .azoom-heading {
    white-space: nowrap;
}

#home-reception-grid .row:nth-child(2) .azoom-heading {
    font-weight: 400;
    font-style: italic;
    font-family: "Trebuchet MS", serif;
}

#home-reception-grid .row:nth-child(2) .azoom-heading-wrapper {
    margin-top: 0;
    padding-left: 5px;
    padding-bottom: 5px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.71) 80%, transparent);
    box-shadow: 0 3px 3px rgba(250, 169, 22, 0.43);
    text-align: right;
    padding-right: 1em;
}

#home-reception-grid .azoom-heading-inline h3 {
    width: 100%;
    text-align: right;
    color: #1B1B1E;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.71) 80%, transparent);
    padding: 5px 10px;
    border-radius: 3px 3px 0 3px;
    font-weight: 400;
}

#home-reception-grid .azoom-heading-inline h1 span {
    font-weight: 400!important;
}

#home-reception-grid .azoom-heading-inline {
    width: 100%;
}

#home-reception-grid .large-7 .azoom-heading-wrapper {
    margin-bottom: 30px;
}

#home-portfolio {
    padding: 20px 10px 20px 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.27);
    border-bottom: 1px solid rgba(0, 0, 0, 0.27);
}

.page-id-455 .name-company {
    color: #FAA916;
}

.checkout-header-with-subtitle {
	margin-bottom: 0;
}

/* ryans - maximizing header or main nav to fit
new Marketplace option */
/* note that this goes along with changes made
to logo width in Appearance -> Theme Options ->
General Settings */
div.logo-main-wrapper.left-text {
    padding-right: 0;
    padding-left: 5px;
}
div.nav-main-wrapper.right-text-responsive {
    padding-left: 0;
    padding-right: 0;
}


/* ryans - removing default azoom woocommerce breadcrumb 
on the individual store page that shows up by default */
.content-area .azoom-breadcrumbs {
    display: none;
}

/* attempting to fix flex issue with the vendor store page
but specificity is not working */
div.dokan-store-wrap.layout-left {
    box-sizing: border-box !important;
}
div.dokan-store-wrap.layout-left * {
    box-sizing: inherit !important;
}
@media (min-width: 1000px) {
    div#main-container div.row div#primary.content-area div.dokan-store-wrap.layout-left div#dokan-primary.dokan-single-store {
        flex: 0 1 70% !important;
    }
}
/* fix for image galleries on vendor store page */
div#dokan-primary div#dokan-content div.seller-items {
    /* max-width: 100% !important; */
    max-width: 800px !important;
}

/* ryans - vendor categories issue after adding in the
ship to different address option for market place
products */
.woocommerce-additional-fields {
    width: 100%;
    float: left;
    margin-top: 20px;
}
div#customer_details.col2-set {
    flex-direction: row;
}
@media screen and (max-width: 800px) {
    div#customer_details.col2-set {
        flex-direction: column;
    }
    div#customer_details.col2-set .col-2 {
        width: 100% !important;
    }
}



/* ryans temp fix for red text for 'Create account password'
in woocommerce checkout form; because of manual changes to form
and number of times it's being updated while loading, somehow
it's causing this field to be validation and since it's empty,
woocommerce is applying this class woocommerce-invalid that's
part of this css application of red; not ideal since it will
always remain gray but better than showing red by default */
p#account_password_field.woocommerce-invalid label {
    color: #787878 !important;
}


/* getting rid of some extra margin for this select2 dropdowns
for country and state the checkout page */
.select2-dropdown.select2-dropdown--below {
    margin-top: 0 !important;
}
.select2-dropdown.select2-dropdown--above {
    margin-top: 0 !important;
}
.select2.select2-container {
    width: 100% !important;
}


/* getting rid of the 20px top margin for the woocommerce-additional-fields */
.woocommerce-additional-fields {
    margin-top: 0 !important;
}
/* adding 3px of margin to the top of the company-detail-rec, the new
class I added for styling this paragraph */
p.company-detail-rec {
    margin-top: 16px;
}


/* ryan's - dokan vendor dashboard related */
/* hiding settings and logout, as these are
to be handled by the main login/out system */
li.dokan-common-links.dokan-clearfix {
    display: none !important;
}


/* ryans - dokan vendor dashboard related */
/* when member-menu-toggle expands and contracts,
we need for the vendor dashboard to stay to
its right and not be pushed down; since wrapper
element is already flex, just removing hard coded
width of the dashboard element being pushed down;
in the dokan-pro (previously dokan-lite) css set
at 100%  */
.dokan-dashboard .dokan-dashboard-wrap {
    width: auto !important;
    min-width: 0 !important;
}


/* ryans - extra padding for Dokan Go to Vendor Button on
members main landing page; may still change later;
quick fix for now (2024-01-25) */
div.co-vendor-categories {
    margin-bottom: 20px !important; /* Adjust the value as needed */
}



/* hide reports on from dokan sellers */
li[data-term-id='18'][data-name='United States / North American Reports'] {
    display: none !important;
}

li[data-term-id='21'][data-name='World Reports'] {
    display: none !important;
}


/* for members home page, more margin above
button Go to Vendor Dashboard */
p a.dokan-btn.dokan-btn-theme.vendor-dashboard {
    margin-top: 18px;
}


.hpl-system-entry {
    padding: 0 0.5em;
    vertical-align: text-bottom;
    color: #968400!important;
}


.description {
    font-style: italic;
}

.woocommerce-checkout #company_additional_website_field {
    display: none;
}

#company_profile {
    height: 10em;
}

.wpf-disable-field input {
    background-color: #e0e0e0!important;
}

#login-button {
    float: right;
    margin-left: 10px;
    max-height: 45px;
}

#login-button a {
    padding: 5px 8px;
    font-size: 11pt;
    position: relative;
    right: -8px;
    /* color: #b30201!important; */
    border: 1px solid;
    font-family: Roboto;
}

#profile-button {
    float: right;
    margin-left: 10px;
    max-height: 45px;
}

#profile-button img {
    padding: 3px;
    filter: invert(40%) sepia(80%) saturate(1463%) hue-rotate(35deg) brightness(75%) contrast(170%);
}

#profile-popup {
    background: white;
    padding: 0.5em 1em;
    z-index: 9999997;
    border: 1px rgb(180, 180, 180);
    border-radius: 5px;
    min-height: unset;
    box-shadow: rgba(0, 0, 0, 0.28) 0px 0px 4px;
}

.popup-header {
    margin-bottom: 25px;
    font-size: 16px;
}

#profile-popup .username {
    font-weight: bold;
    padding: 10px 0;
}

#profile-popup label {
    font-weight: normal;
    text-transform: uppercase;
    color: rgb(107, 119, 140);
    font-size: smaller;
}

#profile-popup ul {
    margin: 0;
    list-style: none;
}

#profile-popup li {
    margin-top: 0.5em;
}

#profile-popup li:last-child {
    padding-top: 0.5em;
    border-top: 1px solid lightblue;
}

.dialog-over-menu {
    z-index: 9999997;
}

.invisible-dialog-titlebar {
    display: none;
}

h1.page-title, h2.page-title {
    background-color: rgba(24, 49, 79, 0.6);
    box-shadow: 1px 1px 15px 15px rgba(24, 49, 79, 0.6);
    display: inline-block;
    margin-bottom: -0.2em;
}

.contact-section::after {
    content: "";
    background-image: url("/hpl/wp-content/uploads/2020/05/no-profile-picture.jpg");
    background-size: 35px 25px;
    display: inline-block;
    width: 35px;
    height: 25px;
}

.woocommerce-thankyou-order-received {
    text-align: center;
    padding: 0 4em 2em 4em;
}

.hpl-split-panel {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

.hpl-split-panel hr {
    display: none;
}

@media screen and (max-width: 900px)
{
    .hpl-split-panel {
        display: block;
        width: unset;
    }

    .hpl-split-panel hr {
        display: block;
    }
}

#rfp-notification-switch {
    white-space: nowrap;
}

.hpl-mini-split {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

@media screen and (max-width: 640px)
{
    div .hpl-mini-split:nth-child(n+2) {
        margin-top: 1em;
    }

    .hpl-mini-split {
        display: block;
        width: unset;
    }
}

.wpjb-page-company-home, .wpjb-page-add, .wpjb-page-company-panel, .wpjb-page-job-applications,
.wpjb-company-edit-form, .wpjb-page-preview, .wpjb-page-save, .wpjb-page-job-application, .wpjb-flash-error {
    display: inline-block;
    width: 70%;
}

.wpjb-icon-home:before { content: '\e809'!important; }

.facebook-share {
    width: auto!important;
    font-size: 11px;
    background-color: #5D7DAE;
    border-radius: 3px;
    font-weight:500;
    text-align:center;
    color:#fff;
    padding: 2px 10px;
    cursor: pointer;
    text-decoration:none;
    display:block;
}

.facebook-share i {
    font-size: 16px;
    vertical-align: middle;
}

.fb-share .fa-facebook-square:before {

}

#detailed-vendor-listing {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

@font-face {
    font-family: 'bb-icons';
    src: url('fonts/bb-icons.eot?80309869');
    src: url('fonts/bb-icons.eot?80309869#iefix') format('embedded-opentype'),
    url('fonts/bb-icons.woff2?80309869') format('woff2'),
    url('fonts/bb-icons.woff?80309869') format('woff'),
    url('fonts/bb-icons.ttf?80309869') format('truetype'),
    url('fonts/bb-icons.svg?80309869#bb-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="bb-icon-"],
[class*=" bb-icon-"] {
    font: normal normal normal 14px/1 "bb-icons";
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bb-icon-menu-left:before { content: '\e81c'; }

.bb-icon-menu-left {
    font-size: larger;
}

#member-menu-toggle {
    position: absolute;
    left: 0;
    top: -2em;
    font-size: 1em;
    padding-left: 15px;
}

.entry-content {
    margin-left: 20px;
    /* ryans */
    flex: row;
}

.woocommerce-MyAccount-navigation {
    padding-left: 20px;
    transition: width 450ms, height 450ms, padding 300ms;
    white-space: nowrap;
    margin-bottom: 0!important;
}

.woocommerce-MyAccount-navigation.closed {
    overflow: hidden;
    width: 0;
    height: 0!important;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
}

.woocommerce-MyAccount-content {
    transition: width 500ms;
    width: 69%;
}

.woocommerce-MyAccount-content.expanded {
    width: 98%;
}

.azoom-heading-icon.heading-icon-widget {
    display: none;
}

.sidebar-area .widget {
    border: 1px solid #e7e9ec;
    border-radius: 4px;
    padding: 3px 10px 10px 10px;
}

.sidebar-area .widget > h3, .sidebar-area .widget > .widget-title {
    padding: 3px;
    text-transform: uppercase;
    font-size: .75rem;
}


/* for integrating the alert dot with the profile button
for the lead-follow-up-reminder-consolidated plugin */
#profile-button {
    display: inline-block;
    position: relative;
}

.alert-dot-link {
    position: absolute;
    bottom: 0;
    left: 0;
    text-decoration: none;
}

.alert-dot {
    background-color: #95031a;
    color: white;
    border-radius: 50%;
    padding: 0.2em 0.4em; /* Adjust padding to make it more circular */
    font-size: 0.75em;    /* Slightly reduce font size */
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 1.5em;     /* Ensure minimum width for single digits */
    height: 1.5em;        /* Fixed height to ensure circle shape */
}

.alert-tooltip {
    position: absolute;
    top: 100%; /* Below the dot */
    right: 100%; /* To the left of the dot */
    background-color: #324864;
    color: white;
    padding: 0.5em 1em;
    border-radius: 0.3em;
    white-space: nowrap;
    font-size: 0.8em;
    display: none;
    z-index: 1000; /* Ensure it shows above other content */
}

.alert-dot-link:hover .alert-tooltip {
    display: block;
}

/* for footer to be sticky at the bottom */
/* If your main wrapper is .container */
#main-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Ensures the container fills at least the viewport height */
  }
  
  /* Prevent all direct children from shrinking */
  #main-container > * {
    flex-shrink: 0;
  }
  
  /* Make all direct children except the footer flexible */
  #main-container > *:not(#footer) {
    flex-grow: 1;
  }




  

/* ryan - for vendor news - formatting of featured image inline in the content-image.php template */
.news-item-featured-image-inline {
    float: right;
    margin: 0 0 10px 20px;
    width: auto;           /* Changed from fixed width to auto */
    max-width: 66.666%;    /* Maintains our maximum width constraint */
}

.news-item-featured-image-inline img {
    width: auto;           /* Changed from 100% to auto */
    height: auto;          /* Maintains aspect ratio */
    max-width: 100%;       /* Ensures image doesn't overflow container */
    display: block;
}
/* Media query for smaller screens */
@media screen and (max-width: 768px) {
    .news-item-featured-image-inline {
        float: none;
        width: auto;
        max-width: 100%;
        margin: 0 0 20px 0;
    }
    
    .news-item-featured-image-inline img {
        width: auto;
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 1.5rem;
    }
}
/* Clear the float after the content */
.entry-content:after,
.entry-summary:after {
    content: "";
    display: table;
    clear: both;
}