/*
	Theme Name: Listingpro
	Text Domain: listingpro
	Theme URI: https://themeforest.net/item/listingpro-multipurpose-directory-theme/19386460
	Description: ListingPro is a complete solution for any type of directory/Listing theme.
	Author: Team of CridioStudio
	Author URI: https://themeforest.net/user/cridiostudio
	Version: 2.9.1
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Tags:one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, featured-image-header, featured-images, post-formats, sticky-post, theme-options, translation-ready
*/

/* Theme Styling Start */

/* ------------ BASE ------------- */

/* =WordPress Core
-------------------------------------------------------------- */

.far,
.fas {
    font-family: "Font Awesome 5 Free" !important;
}

.fa {
    font-family: "FontAwesome" !important;
    font-weight: 500;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* WP Default Gallery */

.gallery {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
}

.gallery .gallery-row {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0;
}

.gallery .gallery-item {
    overflow: hidden;
    float: left;
    text-align: center;
    list-style: none;
    padding: 0;
    border: 1px solid #efefef;
    margin: 0 10px 10px 0;
}

.gallery .gallery-item img,
.gallery .gallery-item img.thumbnail {
    max-width: 90%;
    height: auto;
    margin: 5% auto;
}

.gallery-caption {
    margin: 0 0 8px;
    font-style: italic;
    font-family: arial;
}

/* Table */

table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    background-color: transparent;
}

table th,
table td {
    padding: 8px;
    border-top: 1px solid #f0f0f0;
    vertical-align: top;
    text-align: left;
    line-height: 20px;
}

table th {
    font-weight: bold;
}

table thead th {
    vertical-align: bottom;
}

table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
    border-top: 0;
}

table tbody + tbody {
    border-top: 2px solid #dddddd;
}

.sticky {
}

.bypostauthor {
}

/* Widgets Style */

aside > ul {
    padding: 10px 0px;
}

aside h2.widget-title {
    font-size: 22px;
    margin: 0 0 20px;
}

#sidebar li a {
    padding-right: 20px;
}

/*aside > ul li a{
    color: #888888;*/

/*font-weight: bold;*/

aside > ul li a:hover {
    color: #55a8e2;
}

.widget_archive select,
.widget_categories select,
.widget_text select {
    width: 100%;
    height: 30px;
}

.widget img {
    max-width: 100%;
}

#sidebar aside.widget,
#footer aside.widget {
    margin-bottom: 30px;
}

#sidebar aside.widget ul li {
    margin-right: 15px;
    padding: 14px 0 14px;
    border-bottom: 1px solid #e1e1e1;
}

#sidebar aside.widget ul li:first-child {
    padding-top: 4px;
}

#sidebar aside.widget ul li:last-child {
    padding-bottom: 4px;
    border-bottom: 0;
}

#sidebar aside.widget [class^="icon-"] a,
#sidebar aside.widget [class*=" icon-"] a {
    padding-left: 10px;
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#sidebar form#searchform {
    position: relative;
}

#sidebar form#searchform .icon-search {
    position: absolute;
    top: 11px;
    left: 15px;
    color: #d6d6d6;
    font-size: 18px;
}

#sidebar form#searchform input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 8px 8px 40px;
    height: 40px;
    width: 100%;
    margin: 0 !important;
    border: 2px solid #e1e1e1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    color: #888;
}

h3.widget-title {
    margin-bottom: 13px;
    font-weight: bold;
    font-size: 18px;
}

h3.widget-title span {
    color: #fff;
    font-weight: bold;
}

/* Recent Posts Widget */

#sidebar aside ul {
    list-style: none;
}

.imo-recent-posts-widget ul {
    margin: 0;
    list-style: none;
}

.imo-recent-posts-widget ul li {
    display: inline-block;
    padding: 10px 0;
    width: 100%;
}

#sidebar aside.widget .imo-recent-posts-widget ul li {
    padding: 12px 0 0;
    border-bottom: 0;
}

#sidebar aside.widget .imo-recent-posts-widget ul li:first-child {
    padding-top: 4px;
}

#sidebar .widget .imo-recent-posts-widget ul li:before {
    display: none;
}

#sidebar .imo-recent-posts-widget h4 {
    font-weight: normal;
}

.imo-recent-posts-widget ul li:first-child {
    padding-top: 0;
}

.imo-recent-posts-widget h4 {
    margin-bottom: 4px;
    font-size: 13px;
    line-height: 20px;
}

.imo-recent-posts-widget .meta {
    color: #aaa;
    text-transform: capitalize;
    font-size: 13px;
    line-height: 20px;
}

.imo-recent-posts-widget .recent-thumb img {
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
}

.imo-recent-posts-widget .recent-thumb {
    float: left;
    margin: 4px 22px 4px 0;
}

/* Tag Widget */

.widget_tag_cloud h2 {
    margin-bottom: 20px !important;
}

.tagcloud a {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    padding: 6px 15px;
    text-transform: capitalize;
    font-size: 14px !important;
    line-height: 20px;
    border: 1px solid #e1e1e1;
}

.tagcloud a:hover,
#footer .tagcloud a:hover {
    border: 1px solid #55a8e2;
    color: #55a8e2 !important;
}

/* Removing Child Pages from Widgets */

.widget_pages ul.children,
.widget_nav_menu ul.sub-menu {
    display: none;
}

/* New update 2.6.10 */

div#modal-2 a.md-close.lp-click-zindex i.fa.fa-close {
    margin-top: 10px !important;
}

form#claimform .col-md-6.col-xs-12.padding-0.leftside {
    margin-top: 5px;
}

.menu-height-0 {
    height: 0;
    overflow: hidden;
}

.listing-app-view-new .home-categories-area {
    display: none !important;
}

.page-heading-inner-container.cat-area .text-right p.view-on-map {
    display: block !important;
    background: transparent !important;
    position: static !important;
    top: 0 !important;
    right: 0 !important;
    overflow: auto !important;
    border-radius: 0 !important;
    padding: 0 !important;
    bottom: 0 !important;
    z-index: auto !important;
}

/* new code 2.6.15 */
textarea#lp_report_reason {
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    float: left;
    line-height: 36px;
    margin-top: 5px;
    padding: 0 10px;
    width: 100%;
    font-size: 12px;
    min-height: 130px;
    font-weight: normal;
}
div#lp_report_listing button#lp-report-this-listing {
    background-color: #3C88DE;
    color: #fff;
    text-transform: capitalize;
    width: 100%;
    border: 0;
    font-size: 14px;
    height: 38px;
    font-weight: 400;
    line-height: 38px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top:15px;
}
button.close-report-btn i{
    color:#fff;
}
button.close-report-btn {
     right: -8px;
    left: unset;
    position: absolute;
    background: #000;
    border-radius: 15px;
    font-size: 10px;
    color: #fff !important;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -8px;
    z-index: 99999;
}
div#lp_report_listing .modal-dialog {
    top: 20%;
}
div#lp_report_listing .modal-content {
    border-radius: 0px !important;
    border: none !important;
}
div#lp_report_listing .modal-dialog label.col-form-label {
    color: #000;
    font-size: 18px;
    margin-bottom: 16px;
}
div#lp_report_listing {
    z-index: 9999;
}
/* end new code 2.6.15 */

@media only screen and (max-width: 480px) {
    body.listing-template-default.single.single-listing .pp_content {
        width: 390px !important;
        overflow: hidden !important;
    }

    img#fullResImage {
        height: auto !important;
    }

    body.listing-template-default.single.single-listing .pp_hoverContainer {
        width: 375px !important;
        overflow: hidden;
    }

    body.listing-template-default.single.single-listing
    .pp_pic_holder.dark_rounded {
        overflow: hidden !important;
        max-width: 100% !important;
    }
}

/* Custome Css styling */
a[disabled="disabled"] {
    pointer-events: none;
}

.post-feature-box.equal-height-row {
    height: 250px;
}

.Styling-Underlines>span {
    content: "";
    color: #2b2f38;
    position: relative;
    top: 100%;
    width: 100%;
    left: 0;
    height: 3px;
    border-radius: 2px;
    background: linear-gradient(130deg,#ff9600,#ff9600 41.07%,#ff9600 76.05%);
    padding: 0 5px 0 5px;
}

.open-hours .tick-icon i.fa.fa-check {
    color: #ff9600;
}

.list-style {
  justify-content:flex-start;
  display:flex;
  align-items:center;/* only if required to set times to center vertically*/
   grid-gap: 10px;
}

.list-style .icon {
  font-size: large;
  text-align: center;
  width: 5%;
  color: #ff9600;
}

.list-style .text {
  width: 100%;
}

.list-style .tick-icon i.fa.fa-check-square-o,.list-style .tick-icon i.fa.fa-exclamation-triangle,.list-style .tick-icon i.fa.fa-plus-square,.list-style .tick-icon i.fa.fa-dot-circle-o,.list-style .tick-icon i.fa.fa-bell-o,.list-style .tick-icon i.fa.fa-check-square-o,.list-style .tick-icon i.fa.fa-asterisk,.list-style .tick-icon i.fa.fa-medkit {
    color: #ff9600;
}
.list-style-none .tick-icon i.fa.fa-check-square-o {
    color: #ff9600;
}
/* Spring/Bounce Hover Effect*/
/*<span class="Spring-highlight"><a href="##" target="_blank" rel="noopener">##</a>*/
a.Spring-highlight {
      position: relative;
      overflow: hidden;
      text-decoration: none;
      color: #EC407A;
}
a.Spring-highlight:after {
        content: "";
        background-color:rgba(255,0,0,0.3);
        position: absolute;
        left: 5px;
        bottom: -6px;
        width: calc(100% - 8px);
        height: calc(100% - 11px);
        z-index: 1;
        transition: 0.35s cubic-bezier(0.25, 0.1, 0, 2.05);
}
a.Spring-highlight:hover:after {
        left: 0;
        bottom: -2px;
        width: 100%;
        height: 100%;
}

.video-gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 20px !important;
}

@media screen and (max-width: 768px) {
  .video-gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 480px) {
  .video-gallery {
    grid-template-columns: 1fr;
  }
}

/*carsusal*/
.your-class, .your-class1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 20px !important;
}

.single-inner-container .post-row.box {
    line-height: 27px;
    display: grid;
    align-items: center;
    justify-content: center;
    padding: 10px;
    width: 100%;
    border: 1px solid #dedede;
    border-radius: 5px;
}

.ribbon3-style{ 
  max-width: 660px;
}
.ribbon3-style .ribbon {
  width: 48%;
  height: 30px;
  position: relative;
  float: left;
  text-transform: uppercase;
}
.ribbon3-style .ribbon:nth-child(even) {
  margin-right: 4%;
}
@media (max-width: 500px) {
  .ribbon3-style .ribbon {
    width: 100%;
  }
  .ribbon3-style .ribbon:nth-child(even) {
    margin-right: 0%;
  }
}

.ribbon3-style .ribbon3 {
  /*width: 150px;*/
  width: min(100%,300px);
  height: 50px;
  line-height: 50px;
  padding-left: 15px;
  position: absolute;
  left: -12px;
  top: -12px;
  background: linear-gradient(130deg,#fd898d,#fdad73 41.07%,#fdcf7a 76.05%);
  color: #fff;
  font-weight: bolder;
}
.ribbon3-style .ribbon3:before, .ribbon3-style .ribbon3:after {
  content: "";
  position: absolute;
}
.ribbon3-style .ribbon3:before {
  height: 0;
  width: 0;
  /*top: -8.5px;*/
  left: 0.1px;
  border-bottom: 9px solid #fd898d;
  border-left: 9px solid transparent;
}
.ribbon3-style .ribbon3:after {
  height: 0;
  width: 0;
  right: -14.5px;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 15px solid #fdcf7a;
}

/* tooltip css
 */
.lp-grid-box-bottom span {
    color: #ff9600 !important;
}
.lp-grid-box-bottom .pull-left {
    max-width: 100% !important;
}

/*  ================================================
            TICKET STYLING & COUPON EFFECT
    ================================================  */
.cta-ribbon .ticket {
position: relative;
display: table;
/*width: 330px;*/
width: 358px;
height: 228px;
padding-bottom: 57px;
text-align: center;
}

.cta-ribbon .ticket::before {
  content:"";
  position: absolute;
  top: 54.1%;
  left: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #a52958;
}

.cta-ribbon .ticket::after {
  content:"";
  position: absolute;
  top: 54.1%;
  right: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid #185661;
}

/*  ================================================
                    RIBBON EFFECT
    ================================================  */
.cta-ribbon .ribbon {
position: absolute;
display: block;
top: -4px;
right: -4px;
width: 110px;
height: 110px;
overflow: hidden;
}

.cta-ribbon .ribbon .label {
position: relative;
display: block;
left: -10px;
top: 23px;
width: 158px;
padding: 10px 0;
font-size: 15px;
text-align: center;
color: #fff;
background-color: #e85e68;
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
-ms-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
-webkit-transform: rotate(45deg) translate3d(0,0,0);
-moz-transform: rotate(45deg) translate3d(0,0,0);
-ms-transform: rotate(45deg) translate3d(0,0,0);
transform: rotate(45deg) translate3d(0,0,0);
}

.cta-ribbon .label:before, .label:after {
content: '';
position: absolute;
bottom: -4px;
border-top: 4px solid #a71c26;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
}

.cta-ribbon .label:before {
left: 0;
}

.cta-ribbon .label:after {
right: 0;
}



/*  ================================================
                        CONTENT
    ================================================  */
.cta-ribbon span {
  display: block;
  font-size: 22px;
  color: #540c5d;
}

.cta-ribbon strong {
  display: block;
  font-size: 85px;
  color: #a52958;
  margin: 0 0 10px 0;
}

.cta-ribbon em {
  display: block;
  font-size: 29px;
  font-style: normal;
  color: #86db78;
  border-top: 2px dashed rgba(0,0,0,.1);
  padding: 10px 0;
}



/*  ================================================
              ACTION CALL & ARROW UP EFFECT
    ================================================  */
.cta-ribbon .button {
  display: block;
  color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 57px;
  padding: 0;
  line-height: 58px;
  text-align: center;
  border-radius: 0;
  background-color: #86db78;
}

.cta-ribbon .button::before {
  content:"";
  position: absolute;
  top: -10px;
  left: calc(50% - 20px);
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 10px solid #86db78;
}



/*  ================================================
                    INSIDE TICKET
    ================================================  */
.cta-ribbon .ticket-in {
  width: 450px;
  height: 280px;
  position: absolute;
  background: #a52958;
  top: 55px;
  left: calc(50% - 280px);
  z-index: -1;
  transition: left 2s;
}

.cta-ribbon .ticket-in.active {
  left: calc(50% - 585px);
  transition: left 1.5s;
}

.cta-ribbon .content {
  height: 260px;
  margin: 8px;
  border: 2px dashed #e0c68e;
  border-radius: 10px;
}

.cta-ribbon .content h1 {
  font-size: 29px;
  color: #4c483b;
  text-align: center;
  margin: 0;
  padding: 0;
  font-family: 'Berkshire Swash', cursive;
}

.cta-ribbon .pass {
  display: block;
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  width: 420px;
  height: 57px;
  margin: 15px 0 0 15px; 
  padding: 0;
  line-height: 58px;
  text-align: center;
  border-radius: 10px 10px 0 0;
  background: #eadbb8;
  border: 1px solid #82113c;
}

.cta-ribbon .pass::before {
  content:"";
  position: absolute;
  bottom: -10px;
  left: calc(50% - 20px);
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 10px solid #eadbb8;
}

.cta-ribbon .content span {
  margin: 85px 0 0 0;
  text-align: center;
  color: #82113c;
}

.cta-ribbon .content em {
  border: none;
  text-align: center;
  font-size: 89px;
  color: #eadbb8;
  text-shadow: 1px 1px 0 rgba(0,0,0,.7);
}

/*single page Badges Design*/
.Badges.Container{
  height: 100%;
  display: flex;
  justify-content: left;
  align-items: center;
}
.ButtonGroup {
    display: grid;
    grid-auto-flow: column;
    row-gap: 50px;
    column-gap: 20px;
    margin-top: 10px;
}

.ButtonGroup .Button {
  appearance: none;
  background-color: hsl(158deg 100% 90%);
  border: 2px solid hsl(158deg 100% 50%);
  padding: 0.4em 0.4em;
  border-radius: 1em;
  position: relative;
  color: hsl(158deg 30% 40%);
  font-size: 13px;
  min-width: 150px;
  min-height: 45px;
  display: flex;
  align-items: flex-end;
  
}
 .ButtonGroup span.Button-badge {
    position: absolute;
    bottom: 80%;
    right: 0;
    transform: translateX(8px);
    background-color: hsl(10deg 100% 60%);
    font-size: 11px;
    line-height: 0;
    font-weight: 500;
    color: #fff;
    padding: 1em 0.7em;
    border-radius: 100vh;
    min-width: 44px;
  }
/*Tootltip*/


/*Toggle Heading Pointer */
.tagline_spark {
  display:inline-block;
  margin:0 -.5em 0;
  box-shadow:0.12em 0.12em 0 rgba(36,88,255,.2);
  list-style-type:none;
  padding:0;
  font-size:1em;
}

.tagline_spark li {
  float:left;
  border-left:0.063em solid #a6c6cd;
  border-right:0.063em solid #6ca1ac;
  min-width: 150px;
}
@media screen and (max-width: 768px) {
 .tagline_spark li {
  min-width: 110px;
}
.tagline_spark li a {
  font-size: 11px;
}
}

.tagline_spark a {
  display:block;
  padding:0 1em;
  line-height:2.5em;
  position:relative;
  font-weight:bold;
  text-decoration:none;
  color:#fff;
  background-color:#363F48;
}

.tagline_spark a:hover, .tagline_spark a:active, .tagline_spark a:focus {
  color:#eee;
  text-shadow:0.063em 0.063em 0 #547177;
}

.tagline_spark a[data-bubble]:after {
  content:attr(data-bubble);
  position:absolute;
   top:0;
  right:0.5em;
  height:1.5em;
  line-height:1.5em;
  padding:0 .46em;
  text-align:center;
  text-shadow:0 0.063em 0 rgba(0,0,0,.2);
  background-color:#eee;
  color:#364652;
  box-shadow:0 0.063em 0.063em rgba(0,0,0,.2);
  border-radius:4em;
  z-index:-1;
  -webkit-transform: translateZ(0);/*Prevents text flicker*/
  will-change: transform;
  font-size: 13px;
}

.tagline_spark a:gold[data-bubble]:after {
  background-color:gold;
}

.tagline_spark a:hover[data-bubble]:after, .tagline_spark a:active[data-bubble]:after, .tagline_spark a:focus[data-bubble]:after {
  -webkit-animation:ease bubbleover .4s;
  animation:ease bubbleover .4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  top:-1.25em; /* If pseudo animation not supported [see https://css-tricks.com/transitions-and-animations-on-css-generated-content/], simple hover fallback happens*/
  z-index:1;
}

@-webkit-keyframes bubbleover {
  0%   {
    -webkit-transform:translate(0, 1em);
    z-index:-1
    }
  50% {
    -webkit-transform:translate(0, -.5em);
    z-index:-1
  } 
  100% {
    -webkit-transform:translate(0, 0);
    z-index:1;
    }
}

@keyframes bubbleover {
  0%   {
    top:0;
    transform:translate(0, 0);
    z-index:-1;
    }
  50% {
    transform:translate(0, -12px);
    z-index:-1
    } 
  100% {
    transform:translate(0, 6px);
    z-index:1;
    }
}