@charset "utf-8";
/*
Theme Name: Donaldson Callif Perez 2021
Theme URI: https://www.dcp.law/
Author: Brilliant Path
Author URI: https://arturan.com/
Description: Donaldson Callif Perez
Version: 1.0.0
*/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/montserrat-v15-latin/montserrat-v15-latin-regular.woff2') format('woff2'),
       url('fonts/montserrat-v15-latin/montserrat-v15-latin-regular.woff') format('woff');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('fonts/montserrat-v15-latin/montserrat-v15-latin-700.woff2') format('woff2'),
       url('fonts/montserrat-v15-latin/montserrat-v15-latin-700.woff') format('woff');
}
@font-face {
  font-family: 'Quattrocento';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/quattrocento-v12-latin/quattrocento-v12-latin-regular.woff2') format('woff2'),
       url('fonts/quattrocento-v12-latin/quattrocento-v12-latin-regular.woff') format('woff');
}
@font-face {
  font-family: 'Quattrocento';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('fonts/quattrocento-v12-latin/quattrocento-v12-latin-700.woff2') format('woff2'),
       url('fonts/quattrocento-v12-latin/quattrocento-v12-latin-700.woff') format('woff');
}
@font-face {
  font-family: 'icons';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/dcpicons.woff2') format('woff2'),
       url('fonts/dcpicons.woff') format('woff');
}

html{-webkit-text-size-adjust:100%;/*height:100%;overflow-y:scroll;*/font-size:16px;line-height:1.4;}
@media only screen and (max-width: 576px){html{font-size:16px}}
body{/*height:100%;*/margin:0;font-family:'Quattrocento', serif;background:#fff;color:#222;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
main{display:block;overflow-x:hidden}
hr{box-sizing:content-box;overflow:visible;display:block;height:1px;border:0;border-top:2px solid #56BBB6;margin:1em 0;padding:0}
hr.thick{border-top:5px solid #008077}
pre{font-family:monospace, monospace;font-size:1em}

a{background-color:transparent;color:#222;text-decoration:none}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b, strong{font-weight:bolder}
code, kbd, samp{font-family:monospace, monospace;font-size:1em}
small{font-size:80%}
sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
img{border-style:none}
figure{margin:0}
button, input, optgroup, select, textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button, input{overflow:visible}
button, select{text-transform:none}
button, [type="button"], [type="reset"], [type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:0;margin:0;padding:0}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto;resize:vertical}
[type="checkbox"], [type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
.hidden, [hidden],.no-js .no-js-hidden,.js .js-hidden{display:none !important}
audio, canvas, iframe, img, svg, video{vertical-align:middle}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}

.sr-only,
.keep-up-to-date label{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
.sr-only.focusable:active, .sr-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:inherit;width:auto}
.invisible{visibility:hidden}
.clearfix::before, .clearfix::after{content:" ";display:table}
.clearfix::after{clear:both}
.nowrap{white-space: nowrap;}
#skiptocontent a{position:absolute;top:-40px;padding:6px;left:0;color:#fff;border-right:1px solid #fff;border-bottom:1px solid #fff;border-bottom-right-radius:8px;background:transparent;-webkit-transition:top 1s ease-out,background 1s linear;transition:top 1s ease-out,background 1s linear;z-index:100}#skiptocontent a:focus{position:absolute;left:0;top:0;background:#BF1722;outline:0;-webkit-transition:top .1s ease-in,background .5s linear;transition:top .1s ease-in,background .5s linear}

/*flickety  */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}

/* flickity-fade */
.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}
.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}

.slide,
.slide img{width:100%;height:auto}
.slider{opacity:0}
.flickity-enabled{opacity:1}


/* old wordpress */
.single-post img.alignright{float:right;margin:5px 0 20px 20px}
.single-post img.alignnone{margin:5px 20px 20px 0}
.single-post img.alignleft{float:left;margin:5px 20px 20px 0}
.single-post img.aligncenter{display:block;margin-left:auto;margin-right:auto}

.wp-block-columns{justify-content:space-between}
.wp-block-columns.row-reverse{flex-direction:row-reverse;}

.wp-block-buttons{
    font-family:'Montserrat',sans-serif;
    text-transform:uppercase;
    font-weight:700;
    font-size:.85em;
}

.is-style-outline>.wp-block-button__link, .wp-block-button__link.is-style-outline {
    border: none;
    padding:0;
}
.is-style-outline>.wp-block-button__link:not(.has-text-color), .wp-block-button__link.is-style-outline:not(.has-text-color) {color:#33807d}

.wp-block-image img {height:auto}
.brushstroke{position:relative}
.brushstroke::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(img/brush-about.png) no-repeat center;background-size:cover;z-index:2}
.home .brushstroke::before{background-image:url(img/brush-home.png)}

.contain{max-width:1176px;margin:0 auto;padding:0 18px;box-sizing:border-box}
h1,h2,h3,h4,h5,h6{color:#33807d;margin:0 0 .2em;line-height:1.3;}
p{margin-top:0}
.montserrat{font-family:'Montserrat',sans-serif;}
h2.montserrat{color:#008077;text-transform:uppercase;font-size:1.3em}
h3.montserrat{color:#008077;}
h4.montserrat{color:#008077;text-transform:uppercase;}
nav ul{list-style:none;margin:0;padding:0;font-family:'Montserrat',sans-serif;}

.has-medium-font-size{font-size:1.4em;}
.has-medium-font-size.montserrat{font-size:1.2em;}
h1.has-large-font-size{font-size:2.45em;}

.no-bottom-margin{margin-bottom:0}

.chevron-down::after{content:'\2304'}
.chevron-with-circle-down::after{content:'\e901'}
.cross::after{content:'\2715'}
.magnifying-glass::after{content:'\e908'}
.mail::after{content:'\e909'}
.minus::after{content:'\2d'}
.plus::after{content:'\2b'}
.facebook a::after{content:'\e902'}
.instagram a::after{content:'\e903'}
.linkedin a::after{content:'\e904'}
.twitter a::after{content:'\e905'}
.vimeo a::after{content:'\e90c'}
.youtube a::after{content:'\e906'}

.border-bottom{border-bottom:1px solid #008077}

.header-wrap{border-bottom:5px solid #008077;padding:1.5em 0 1em}
.dcp-logo{display:block;background:url(img/Donaldson-Callif-Perez.svg) no-repeat;background-size:contain;width:141px;height:46px;}

#menu-trigger,#menu-trigger .icon{margin:0;padding:0;height:56px;position:absolute;cursor:pointer;z-index:10000}
#menu-trigger{top:14px;right:8px;min-width:60px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:0;border:none;background:0 0;color:#000;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
#menu-trigger .label{display:none}
#menu-trigger .icon{top:0;right:0;overflow:hidden;width:60px;font-size:0;text-indent:-9999px}
#menu-trigger .icon span{display:block;position:absolute;top:26px;left:10px;right:10px;height:5px;background:#008077;-webkit-transition:background 0s .3s;transition:background 0s .3s}
#menu-trigger .icon span::after,#menu-trigger .icon span::before{position:absolute;display:block;left:0;height:5px;background-color:#33807d;content:"";-webkit-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;transition-delay:.3s,0s;width:40px}
#menu-trigger .icon span::after{background-color:#005F5A;}
#menu-trigger .icon span::before{top:-12px;-webkit-transition-property:top,-webkit-transform;transition-property:top,transform}
#menu-trigger .icon span::after{bottom:-12px;-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,transform}
.is-active #menu-trigger .icon span{background:0 0;height:5px}
.is-active #menu-trigger .icon span::before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);height:5px}
.is-active #menu-trigger .icon span::after{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.is-active #menu-trigger .icon span::after,.is-active #menu-trigger .icon span::before{-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s;}
#menu-trigger:focus { /*outline: 1px dotted #fff;*/outline:none }

#main-menu {
  position:fixed;z-index:999;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  transform: translateY(-100%);
  background:#fff;
}
.is-closed #main-menu {
  transform: translateY(-100%);transition: transform 400ms;
}
.is-active #main-menu {
  transform: translateY(0);transition: transform 400ms;
}
.menu-main-menu-container{padding-top:4em}
#main-menu li a {text-transform:uppercase;font-weight:700;
    font-size: 1.3em;
    display: block;
    text-align: center;
    margin: .5em 0;
    padding: .5em 0;
    color: #008077;}


.wp-block-pullquote{padding:0 0 2em}
.wp-block-pullquote blockquote{border-top: 5px solid #56BBB6;
    border-bottom: 5px solid #56BBB6;
    padding: 1.5em .5em;
    font-family: 'Montserrat',sans-serif;
    color: #008077;
    margin: 0;}
.wp-block-pullquote p {margin-bottom:.4em;}
.wp-block-pullquote cite{font-style:normal;font-size:.9em}


.wp-block-latest-posts{font-family:'Montserrat',sans-serif;}
.wp-block-latest-posts__list li{padding:1em 0;border-bottom: 1px solid #56BBB6;}
.wp-block-latest-posts__featured-image a {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.wp-block-latest-posts__featured-image img {
    height: auto;
    width: 80%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.wp-block-latest-posts a{font-weight:bold;text-transform:uppercase;color:#008077;}
.wp-block-latest-posts__post-excerpt{font-size:.9em}
.wp-block-latest-posts a.moretag{color:#33807d;font-size:.9em}


.accordion {
position: relative;
box-sizing: border-box;
    border-bottom:1px solid #008077;
    margin-bottom:1em
}
.accordion .collapse{
  box-sizing: border-box;
  max-height: 2em;
  transition: max-height .5s cubic-bezier(0, 1, 0, 1);
  display: block;
  overflow: hidden;
  margin-right:1.5em;
}
.teaser .accordion .collapse{
  max-height: 6rem;
}
.accordion .collapse.show {
  max-height: 99em;
  transition: max-height 0.5s ease-in-out;
}

.accordion .collapse::after {position:absolute;right:0;bottom:0;content:'\2304';font-family:icons;color:#008077;z-index:2;font-size:1.5em;transition:transform .5s ease-in-out;pointer-events:none}
.accordion .collapse.show::after {transform:rotate(180deg)}
.accordion-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
  box-sizing: border-box;
    opacity: 1;
    transition: all .3s linear;
}
.accordion-toggle:not(.collapsed) {opacity: 0;}
.teaser .accordion-toggle {
    background-image: linear-gradient(to bottom, rgba(255,255,255,0) 30%, rgba(255,255,255,1) 80%);
}

.post-wrap{display:grid;grid-template-columns: 1fr 1fr;grid-gap:2em;margin:2em 0}
.attorneys-block{margin:0 0 2em}
.feature-link {margin:1em 0}
.feature-image{position:relative;width:100%;/*padding-bottom:67%;*/padding-bottom:56.25%;overflow:hidden;box-sizing:border-box;}
.feature-image img{
    height: auto;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;}


.attorneys-block .feature-image{padding-bottom:67%}
.attorneys-block.associates .feature-image{padding-bottom:100%;}
.attorneys-block .feature-image img{height:100%;object-fit: cover;}

.feature-text {padding:.5em 0 0}
.feature-text .section{font-family:'Montserrat',sans-serif;font-weight:bold;color:#008077;font-size:.7em;text-transform:uppercase}

#post-nav{justify-content: space-between;}

#site-footer .wp-block-columns{border-top:5px solid #008077;font-family:'Montserrat',sans-serif;display:flex;padding-top:.5em;margin-top:2em}
#site-footer p,
#site-footer nav{font-size:.7em}
.footer-link{font-weight:bold;text-transform:uppercase}
#footer-menu{text-transform:uppercase;margin-bottom: 1em;}
#legal-menu{margin-bottom: 1em;}
#menu-social-menu,
#menu-social-menu li{display:inline-block;}
#menu-social-menu li a::after{font-family:icons;color:#33807d;font-size:1.7em}

@media all and (min-width:600px){
  .wp-block-latest-posts.columns-3 li{width:calc(33.33333% - .84em)}
}

@media only screen and (min-width:782px){
  html{font-size:18px;}
  
  .is-style-outline>.wp-block-button__link:hover, 
  .wp-block-button__link.is-style-outline:hover {color: #005F5A;transition:color 500ms;}
  .wp-block-button:not(.is-style-outline)>.wp-block-button__link:hover{background:#005F5A}

  .header-wrap{padding:3em 0 1.5em}
  .dcp-logo{width:281px;height:92px;}
  #menu-trigger{display: none;}
  #main-menu{position:static;transform:none;transition:none;height:auto;width:auto;text-align:right;border-bottom:1px solid #008077;padding: 0 0 .2em;}
  .menu-main-menu-container{padding-top:0}
  #menu-main-menu{display:inline-block;}
  #menu-main-menu > li {display:inline-block;margin: 0 .6em;}
  #menu-main-menu > li:last-child {margin-right: 0;}
  #main-menu li a {
    display:inline;
    text-align:left;
    margin:0;
    padding: .75em 0;
    color:#33807d;
    font-size:.7em;
  }
  #main-menu li a:hover,
  #menu-social-menu li:hover::after{color:#005F5A;transition:color 500ms;}
  #main-menu li.current-menu-item a,
  .single-dcp_attorneys #main-menu li.menu-item-4125 a{color:#005F5A}
  
  #content p a:hover{text-decoration:underline;}

  .wp-block-latest-posts a.moretag:hover{color:#005F5A}
  
  .wp-block-column[style*=flex-basis]{box-sizing:border-box;}
  .intro .wp-block-column:first-child{padding-right:6%}
  .intro .wp-block-column:nth-child(2){padding-top:72px}
  .home .intro .wp-block-column:first-child{padding-right:0}
  .home .intro .wp-block-column:nth-child(2){padding-top:172px}
  
  .wp-block-pullquote blockquote{padding: 1.5em 4em;}
  
  .post-wrap{grid-template-columns: 1fr 1fr 1fr;}
  .attorneys-block.associates {grid-template-columns: 1fr 1fr 1fr 1fr;}
  
  /*.feature-link:hover{box-shadow: 0px 0px 50px rgba(86,187,182,.2);}*/
  
  #site-footer p,
  #site-footer nav{font-size:.6em}
  #site-footer a:hover{text-decoration:underline;}
  #social-menu{text-align:right}
  #menu-social-menu li a::after{font-size:2.2em}
  #menu-social-menu li a:hover{text-decoration:none}
  #menu-social-menu li a:hover::after{color:#008077}
}