/*
Theme Name: My Listing
Theme URI: http://mylisting.27collective.net/my-city/
Author: 27collective
Author URI: http://27collective.net/
Description: MyListing - Directory & Listing WordPress Theme
Version: 2.10.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-listing
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool.
*/

/* =WordPress Core
-------------------------------------------------------------- */
.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;
    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. */
}

.sticky, .bypostauthor, .gallery-caption { font-size: 14px; }
/* ========================================
MIAMI CONTRACTORS — MYLISTING RESKIN
======================================== */

/* BODY */

body{
background:#f5f7fb !important;
}

/* HERO COVER */

.profile-cover{

```
overflow:hidden !important;
border-radius:0 0 38px 38px !important;
position:relative;
```

}

.profile-cover:before{

```
content:'' !important;
position:absolute;
inset:0;

background:linear-gradient(
    to bottom,
    rgba(0,0,0,.22),
    rgba(0,0,0,.58)
);

z-index:1;
```

}

/* HERO CONTENT */

.profile-name,
.listing-main-buttons{

```
position:relative;
z-index:2;
```

}

/* LOGO */

.profile-avatar{

```
margin-top:-30px !important;
```

}

.profile-avatar img{

```
width:120px !important;
height:120px !important;

border-radius:28px !important;

border:5px solid #fff !important;

box-shadow:
0 18px 50px rgba(0,0,0,.20);

object-fit:cover !important;
```

}

/* TITLE */

.profile-name h1{

```
font-size:58px !important;
line-height:1.02 !important;
font-weight:800 !important;

letter-spacing:-2px !important;

color:#fff !important;
```

}

/* TAGLINE */

.profile-tagline{

```
font-size:20px !important;
color:rgba(255,255,255,.88) !important;

margin-top:14px !important;

font-weight:500 !important;
```

}

/* VERIFIED BADGE */

.verified-badge{

```
transform:scale(1.15);

margin-left:10px;
```

}

/* MAIN CTA BUTTON */

.buttons-icons .button{

```
border-radius:18px !important;

transition:.2s ease !important;

box-shadow:
0 8px 24px rgba(0,0,0,.08);
```

}

.buttons-icons .button:hover{

```
transform:translateY(-2px);
```

}

/* WHATSAPP BUTTON */

.buttons-icons .cts-custom{

```
background:#25D366 !important;
color:#fff !important;
border:none !important;
```

}

/* NAVIGATION TABS */

.profile-menu{

```
background:rgba(255,255,255,.92) !important;

backdrop-filter:blur(12px);

border-radius:24px !important;

margin-top:-25px !important;

position:relative;
z-index:10;

box-shadow:
0 10px 40px rgba(15,23,42,.06);
```

}

/* TAB LINKS */

.profile-menu ul li a{

```
font-weight:700 !important;
color:#475467 !important;
```

}

/* MAIN CONTENT CARDS */

.element,
.widget,
.block-section,
.sidebar-wrapper .element{

```
border-radius:28px !important;

border:1px solid #edf1f7 !important;

box-shadow:
0 10px 35px rgba(15,23,42,.04);

overflow:hidden;
```

}

/* REMOVE OLD BORDERS */

.element .pf-head{

```
border-bottom:1px solid #f1f5f9 !important;
```

}

/* SECTION TITLES */

.pf-head h5{

```
font-size:24px !important;

font-weight:700 !important;

letter-spacing:-1px !important;
```

}

/* SERVICE TAGS */

.tags-nav li a{

```
border-radius:999px !important;

background:#f8fafc !important;

padding:12px 18px !important;

border:none !important;

transition:.2s ease;
```

}

.tags-nav li a:hover{

```
transform:translateY(-2px);

background:#eef2ff !important;
```

}

/* SIDEBAR */

.sidebar-wrapper{

```
position:sticky;
top:120px;
```

}

/* CONTACT CARD */

.sidebar-wrapper .element{

```
padding-bottom:10px;
```

}

/* MOBILE */

@media(max-width:768px){

```
.profile-name h1{

    font-size:38px !important;
}

.profile-avatar img{

    width:95px !important;
    height:95px !important;
}

.profile-cover{

    border-radius:0 0 24px 24px !important;
}
```

}

