/*
Theme Name: Shipley Law Firm
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Dustin Lifford
Author URI: http://www.dustinlifford.com
Template: enfold
*/



/*Add your own styles here:*/
.footer-contact{margin:0;color:#fff;text-align:left;}

.social-icons{display:flex;align-items:center; gap:12px;justify-content:flex-start;margin-bottom:12px}
.social-icons a{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:#fff;color:#000436;border-radius:4px;transition:background-color .3s ease,transform .2s ease}
.social-icons a:hover{background:#cccfff;transform:scale(1.05)}
.social-icons svg{width:12px;height:12px;display:block}

.footer-info a{display:inline-block;color:#fff;font-size:15px;line-height:1.6;text-decoration:none;transition:color .2s ease}
.footer-info a:hover{color:#cccfff}

#main .content{padding-top:0!important;padding-bottom:0!important}
#main .container_wrap {
    border-top: 0 !important;
}
#main .container_wrap:first-child,
#main>.container_wrap,
#main,
#main .container_wrap:last-child{padding-bottom:0!important;margin-bottom:0!important}


/* Site-wide light background */
html,
body {
    background-color: #fcfcfc;
}

/* Main fullwidth content wrapper (the one you mentioned) */
.container_wrap.container_wrap_first.main_color.fullsize {
    background-color: #fcfcfc !important;
}

.quote-banner{letter-spacing:.3px}
.quote-banner p{text-shadow:0 2px 4px rgba(0,0,0,.4)}

.alignfull{width:100vw;margin-left:50%;transform:translateX(-50%)}
.wp-site-blocks{overflow-x:clip}

.profile-band{background:#e7edf3;padding:48px 24px}
.pa-band{background:#e7edf3;padding:40px 24px 48px}
.cd-intro{background:#e7edf3;padding:48px 24px}
.profile-band .alignwide,
.pa-band .alignwide,
.cd-intro .alignwide,
.practice-areas-band .alignwide,
.story-split .alignwide{max-width:1200px;margin-inline:auto}

.profile-img img{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.profile-name{font-weight:800;font-size:clamp(28px,3.4vw,40px);margin:0 0 4px}
.profile-role{font-weight:700;font-size:18px;margin:0 0 18px}
.profile-subtitle{font-weight:800;margin:20px 0 8px}
.profile-edu{margin:0;padding-left:20px}
.profile-band p{font-size:18px;line-height:1.7}
.profile-closer{margin-top:18px;font-weight:600}

#top #header_meta{background:#e7edf3!important;min-height:40px}
#header_meta .social_bookmarks{position:relative;top:5px}
#header_meta .phone-info{line-height:40px;font-size:16px}

#socket,
#footer,
#footer .container{margin-top:0!important;padding-top:0!important}

.cd-hero{font-family:"Inter",sans-serif;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.cd-hero p{max-width:900px;margin-inline:auto;color:#fff}

.pa-title{margin:0 0 16px;font-weight:800;font-size:clamp(26px,3vw,36px)}
.pa-card{background:#2b2b30;border-radius:18px;padding:20px;margin-top:16px;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.pa-card .wp-block-columns{gap:24px;align-items:center}
.pa-img img{width:100%;height:260px;object-fit:cover;display:block;border-radius:16px}

.cd-intro h2{font-weight:800;font-size:clamp(26px,3.2vw,38px);margin:0 0 12px}
.cd-intro h3{font-weight:800;margin:28px 0 12px}
.cd-intro p,
.cd-intro li{font-size:18px;line-height:1.6}

.pa-h3{color:#f2f4ff;font-weight:800;font-size:clamp(22px,2.6vw,32px);margin:.1em 0 .3em}
.pa-p{color:#f2f4ff;font-size:18px;line-height:1.6;font-weight:700}

.practice-areas-band.alignfull{width:100vw;margin-left:50%;transform:translateX(-50%)}
.practice-row{box-shadow:0 6px 18px rgba(0,0,0,.18)}
.practice-row .practice-img img{width:100%;height:260px;object-fit:cover;display:block}
.practice-row h3,
.practice-row p{color:#f2f4ff}

.bio-card,
.bio-card *{color:#fff!important}
.bio-card{box-shadow:0 4px 20px rgba(0,0,0,.15)}
.bio-card.alignfull{width:100vw;margin-left:50%;transform:translateX(-50%)}
.bio-card .wp-block-columns{align-items:center}
.bio-card a{color:#fff!important;text-decoration:underline}
.bio-card .wp-block-button__link{color:#fff!important;border-color:#fff!important}
.bio-card .wp-block-button__link:hover{background:#fff!important;color:#000436!important}
.bio-card a:hover{background:#fff;color:#000436!important;text-decoration:none}

.about-band.alignfull{width:100vw;margin-left:50%;transform:translateX(-50%)}
.about-band p{text-wrap:balance}

.story-split.alignfull{width:100vw;margin-left:50%;transform:translateX(-50%)}
.story-split .wp-block-columns{gap:32px;align-items:center}
.story-split .story-img img{width:100%;height:380px;object-fit:cover;display:block}

.wp-block-group.alignfull.has-background{box-shadow:0 1px 3px rgba(0,0,0,.08)}
.wp-block-group.alignfull.has-background p{text-wrap:balance;letter-spacing:.2px}

.cards-4-fw.alignfull{width:100vw;margin-left:50%;transform:translateX(-50%)}
.cards-4-fw .wp-block-columns{align-items:stretch}
.cards-4-fw .wp-block-column{display:flex}
.cards-4-fw .is-card{display:flex;flex-direction:column;justify-content:space-between;background:#000436;border-radius:12px;padding:24px;box-shadow:0 4px 14px rgba(0,0,0,.12);color:#f2f4ff;transition:all .25s ease}
.cards-4-fw .is-card:hover{transform:translateY(-6px);box-shadow:0 8px 20px rgba(0,0,0,.25)}
.cards-4-fw .is-card h3{color:#f2f4ff;margin-bottom:.5em}
.cards-4-fw .is-card p{color:#f2f4ff;line-height:1.5}
.cards-4-fw .is-card a{color:#f2f4ff;text-decoration:underline}
.cards-4-fw .is-card a:hover{text-decoration:none}

.entry-content>.wp-block-cover.alignfull:first-child{margin-top:0}
.page .entry-content>.wp-block-cover.alignfull:first-child{margin-top:-1px}
.wp-block-cover h1{text-wrap:balance}
.wp-block-cover .wp-block-buttons .wp-block-button__link{letter-spacing:.2px}

.av-hamburger-inner,
.av-hamburger-inner::after,
.av-hamburger-inner::before{background:#fff!important}

.contact-inline{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.contact-inline svg{width:1em;height:1em;vertical-align:-.125em}
.contact-inline .sep{opacity:.5}

@media (max-width:782px){
  .quote-banner{min-height:280px;padding:40px 16px!important}
  .pa-img img,
  .practice-row .practice-img img{height:220px}
  .story-split .story-img img{height:300px}
  .about-band{padding-left:20px;padding-right:20px}
  .bio-card .wp-block-columns{flex-direction:column;gap:24px}
  .bio-card{padding-left:20px;padding-right:20px}
}

@media (max-width:640px){
  .contact-inline .contact-address,
  .contact-inline .sep,
  .contact-inline .contact-phone svg{display:none}
}

@media only screen and (min-width:767px){
  .logo img{padding-top:2px;padding-bottom:2px}
}