.page-title .vcard {
border: 0px;
padding: 0px; }
.byline {
color: #999; }
.entry-content img {
max-width: 100%;
height: auto; }
.entry-content .alignleft, .entry-content img.alignleft {
margin-right: 1.5em;
display: inline;
float: left; }
.entry-content .alignright, .entry-content img.alignright {
margin-left: 1.5em;
display: inline;
float: right; }
.entry-content .aligncenter, .entry-content img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both; }
.entry-content video, .entry-content object {
max-width: 100%;
height: auto; }
.entry-content pre {
background: #eee;
border: 1px solid #cecece;
padding: 10px; }
.wp-caption {
max-width: 100%;
background: #eee;
padding: 5px; }
.wp-caption img {
max-width: 100%;
margin-bottom: 0;
width: 100%; }
.wp-caption p.wp-caption-text {
font-size: 0.85em;
margin: 4px 0 7px;
text-align: center; }
.post-password-form input[type="submit"] {
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
font-family: inherit;
padding: 0.85em 1em;
-webkit-appearance: none;
border: 1px solid transparent;
border-radius: 0;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-size: 0.9rem;
line-height: 1;
text-align: center;
cursor: pointer;
background-color: #1779ba;
color: #fefefe; }
[data-whatinput='mouse'] .post-password-form input[type="submit"] {
outline: 0; }
.post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
background-color: #14679e;
color: #fefefe; } .gallery {
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin-right: -15px;
margin-left: -15px; }
.gallery::before, .gallery::after {
content: ' ';
display: table; }
.gallery::after {
clear: both; }
.gallery.gallery-columns-1 > dl {
width: 100%;
float: left;
padding-right: 0.625rem;
padding-left: 0.625rem; }
@media print, screen and (min-width: 40em) {
.gallery.gallery-columns-1 > dl {
padding-right: 0.9375rem;
padding-left: 0.9375rem; } }
.gallery.gallery-columns-1 > dl:last-child:not(:first-child) {
float: right; }
.gallery.gallery-columns-2 > dl {
width: 50%;
float: left;
padding-right: 0.625rem;
padding-left: 0.625rem; }
@media print, screen and (min-width: 40em) {
.gallery.gallery-columns-2 > dl {
padding-right: 0.9375rem;
padding-left: 0.9375rem; } }
.gallery.gallery-columns-2 > dl:last-child:not(:first-child) {
float: right; }
.gallery.gallery-columns-3 > dl {
width: 33.33333%;
float: left;
padding-right: 0.625rem;
padding-left: 0.625rem; }
@media print, screen and (min-width: 40em) {
.gallery.gallery-columns-3 > dl {
padding-right: 0.9375rem;
padding-left: 0.9375rem; } }
.gallery.gallery-columns-3 > dl:last-child:not(:first-child) {
float: right; }
.gallery.gallery-columns-4 > dl {
width: 25%;
float: left;
padding-right: 0.625rem;
padding-left: 0.625rem; }
@media print, screen and (min-width: 40em) {
.gallery.gallery-columns-4 > dl {
padding-right: 0.9375rem;
padding-left: 0.9375rem; } }
.gallery.gallery-columns-4 > dl:last-child:not(:first-child) {
float: right; }
.gallery.gallery-columns-5 > dl {
width: 20%;
float: left;
padding-right: 0.625rem;
padding-left: 0.625rem; }
@media print, screen and (min-width: 40em) {
.gallery.gallery-columns-5 > dl {
padding-right: 0.9375rem;
padding-left: 0.9375rem; } }
.gallery.gallery-columns-5 > dl:last-child:not(:first-child) {
float: right; }
.gallery.gallery-columns-6 > dl {
width: 16.66667%;
float: left;
padding-right: 0.625rem;
padding-left: 0.625rem; }
@media print, screen and (min-width: 40em) {
.gallery.gallery-columns-6 > dl {
padding-right: 0.9375rem;
padding-left: 0.9375rem; } }
.gallery.gallery-columns-6 > dl:last-child:not(:first-child) {
float: right; }
.gallery.gallery-columns-7 > dl {
width: 14.28571%;
float: left;
padding-right: 0.625rem;
padding-left: 0.625rem; }
@media print, screen and (min-width: 40em) {
.gallery.gallery-columns-7 > dl {
padding-right: 0.9375rem;
padding-left: 0.9375rem; } }
.gallery.gallery-columns-7 > dl:last-child:not(:first-child) {
float: right; }
.gallery.gallery-columns-8 > dl {
width: 12.5%;
float: left;
padding-right: 0.625rem;
padding-left: 0.625rem; }
@media print, screen and (min-width: 40em) {
.gallery.gallery-columns-8 > dl {
padding-right: 0.9375rem;
padding-left: 0.9375rem; } }
.gallery.gallery-columns-8 > dl:last-child:not(:first-child) {
float: right; }
.gallery dl {
width: 100%;
float: left;
padding-left: 0.9375rem;
padding-right: 0.9375rem; }
.gallery dl:last-child:not(:first-child) {
float: right; } .page-navigation {
margin-top: 1rem; } #comments .commentlist {
margin-left: 0px; }
#respond ul {
margin-left: 0px; }
.commentlist li {
position: relative;
clear: both;
overflow: hidden;
list-style-type: none;
margin-bottom: 1.5em;
padding: 0.7335em 10px; }
.commentlist li:last-child {
margin-bottom: 0; }
.commentlist li ul.children {
margin: 0; }
.commentlist li[class*=depth-] {
margin-top: 1.1em; }
.commentlist li.depth-1 {
margin-left: 0;
margin-top: 0; }
.commentlist li:not(.depth-1) {
margin-left: 10px;
margin-top: 0;
padding-bottom: 0; }
.commentlist .vcard {
margin-left: 50px; }
.commentlist .vcard cite.fn {
font-weight: 700;
font-style: normal; }
.commentlist .vcard time {
float: right; }
.commentlist .vcard time a {
color: #999;
text-decoration: none; }
.commentlist .vcard time a:hover {
text-decoration: underline; }
.commentlist .vcard img.avatar {
position: absolute;
left: 10px;
padding: 2px;
border: 1px solid #cecece;
background: #fff; }
.commentlist .comment_content p {
margin: 0.7335em 0 1.5em;
font-size: 1em;
line-height: 1.5em; }
.commentlist .comment-reply-link {
float: right; } .respond-form {
margin: 1.5em 10px;
padding-bottom: 2.2em; }
.respond-form form {
margin: 0.75em 0; }
.respond-form form li {
list-style-type: none;
clear: both;
margin-bottom: 0.7335em; }
.respond-form form li label,
.respond-form form li small {
display: none; }
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url],
.respond-form form textarea {
padding: 3px 6px;
background: #efefef;
border: 2px solid #cecece;
line-height: 1.5em; }
.respond-form form input[type=text]:focus,
.respond-form form input[type=email]:focus,
.respond-form form input[type=url]:focus,
.respond-form form textarea:focus {
background: #fff; }
.respond-form form input[type=text]:invalid,
.respond-form form input[type=email]:invalid,
.respond-form form input[type=url]:invalid,
.respond-form form textarea:invalid {
outline: none;
border-color: #fbc2c4;
background-color: #f6e7eb;
-ms-box-shadow: none;
box-shadow: none; }
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url] {
max-width: 400px;
min-width: 250px; }
.respond-form form textarea {
resize: none;
width: 97.3%;
height: 150px; }
#comment-form-title {
margin: 0 0 1.1em; }
#allowed_tags {
margin: 1.5em 10px 0.7335em 0; }
.nocomments {
margin: 0 20px 1.1em; } .sidebar li {
list-style: none; }
.widget ul {
margin: 0; } .footer {
clear: both;
margin-top: 1em; } body#tinymce {
margin: 20px; } .gform_body ul {
list-style: none outside none;
margin: 0; }.fa-facebook:before {
content:"" !important;
width: 29px;
height: 30px;
background-image:url(//www.pisanidesigns.com/wp-content/themes/pisani-designs/assets/images/icon-facebook.svg);
background-size:contain;
background-position:center;
background-repeat:no-repeat;
display:inline-block !important;
}
footer .fa-facebook:before {
background-image:url(//www.pisanidesigns.com/wp-content/themes/pisani-designs/assets/images/icon-facebook-white.svg);
}
.fa-linkedin:before {
content:"" !important;
width: 26px;
height: 26px;
background-image:url(//www.pisanidesigns.com/wp-content/themes/pisani-designs/assets/images/icon-linkedin.svg);
background-size:contain;
background-position:center;
background-repeat:no-repeat;
display:inline-block !important;
}
footer .fa-linkedin:before {
background-image:url(//www.pisanidesigns.com/wp-content/themes/pisani-designs/assets/images/icon-linkedin-white.svg);
}
.fa-instagram:before {
content:"" !important;
width: 26px;
height: 30px;
background-image:url(//www.pisanidesigns.com/wp-content/themes/pisani-designs/assets/images/icon-instagram.svg);
background-size:contain;
background-position:center;
background-repeat:no-repeat;
display:inline-block !important;
}
footer .fa-instagram:before {
background-image:url(//www.pisanidesigns.com/wp-content/themes/pisani-designs/assets/images/icon-instagram-white.svg);
}
.standard-header .fa-bars:before {
content:"" !important;
width: 35px;
height: 40px;
background-image:url(//www.pisanidesigns.com/wp-content/themes/pisani-designs/assets/images/icon-menu.svg);
background-size:contain;
background-position:center;
background-repeat:no-repeat;
display:inline-block !important;
} 
.fullwidth-header .fa-bars:before {
content:"" !important;
width: 35px;
height: 40px;
background-image:url(//www.pisanidesigns.com/wp-content/themes/pisani-designs/assets/images/icon-menu-white.svg);
background-size:contain;
background-position:center;
background-repeat:no-repeat;
display:inline-block !important;
}
.fa-star:before {
content:"" !important;
width: 26px;
height: 26px;
background-image:url(//www.pisanidesigns.com/wp-content/themes/pisani-designs/assets/images/icon-star.svg);
background-size:contain;
background-position:center;
background-repeat:no-repeat;
display:inline-block !important;
} 
.fa-chevron-down:before {
content:"" !important;
width: 31px;
height: 40px;
background-image:url(//www.pisanidesigns.com/wp-content/themes/pisani-designs/assets/images/icon-chevron-down.svg);
background-size:contain;
background-position:center;
background-repeat:no-repeat;
display:inline-block !important;
} 
.section-scroll .fa-chevron-down:before {
background-image:url(//www.pisanidesigns.com/wp-content/themes/pisani-designs/assets/images/icon-chevron-down-white.svg);
}
.fa-plus:before {
} 
.fa-minus:before {
} 
.fa-times:before {
content:"" !important;
width: 35px;
height: 40px;
background-image:url(//www.pisanidesigns.com/wp-content/themes/pisani-designs/assets/images/icon-close.svg);
background-size:contain;
background-position:center;
background-repeat:no-repeat;
display:inline-block !important;
}
.fa-angle-right:before {
content:"" !important;
width: 10px;
height: 15px;
background-image:url(//www.pisanidesigns.com/wp-content/themes/pisani-designs/assets/images/icon-angle-right.svg);
background-size:contain;
background-position:center;
background-repeat:no-repeat;
display:inline-block !important;
}
.button.white.fa-angle-right:before {
background-image:url(//www.pisanidesigns.com/wp-content/themes/pisani-designs/assets/images/icon-angle-right-white.svg);
}
body{
color: #333;
font-family: 'Montserrat', sans-serif;
font-size: 1rem;
line-height: 1.5;
text-rendering: optimizeLegibility;
font-weight: 200;
}
b, strong {
font-weight: 400;
}
p{
line-height: inherit;
}
a{
transition: opacity 0.2s ease;
color: #fcc000;
}
a:hover, a:focus{
color: #fcc000;
outline: inherit;
opacity: 0.85;
}
p a,
main li a{
color: #fcc000;
text-decoration: underline;
}
p a:hover,
main li a:hover{
opacity: 1;
text-decoration: none;
}
[type=color], 
[type=date], 
[type=datetime-local], 
[type=datetime], 
[type=email], 
[type=month], 
[type=number], 
[type=password], 
[type=search], 
[type=tel], 
[type=text], 
[type=time], 
[type=url], 
[type=week], 
textarea {
box-shadow:none;
}
.byline {
font-size: 0.9rem;
margin: 0.5rem 0;
}
.single .byline {
margin-bottom:1.5rem;
}
button,
.button,
.wp-block-button__link{
cursor: pointer;
transition: opacity 0.2s ease;
position:relative;
}
button:hover,
.button:hover,
.wp-block-button__link:hover {
color:#333;
}
.button,
.wp-block-button__link{
background-color: transparent;
border: 2px solid #333;
color:#333;
display: flex;
align-items: center;
width: auto;
padding: 0.75rem 2rem 0.75rem 1rem;
font-size: 1rem;
font-weight: 400;
margin: 2rem auto;
border-radius:0;
}
button.white,
.button.white,
.wp-block-button__link.white {
color:white;
border-color:white;
}
button.white i,
.button.white i,
.wp-block-button__link.white i{
color:white;
}
button:hover, button:focus,
.button:hover, .button:focus,
.wp-block-button__link:hover, .wp-block-button__link:focus{
opacity: 0.85;
background:transparent;
}
.button:hover, .button:focus,
.wp-block-button__link:hover, .wp-block-button__link:focus{
outline: none;
}
button i,
.button i {
position:absolute;
right:1rem;
font-size: 1.6rem;
line-height: 0.6;
height: 17px;
top: 0;
bottom: 0;
margin: auto;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
font-family: inherit;
line-height: 1.2;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color:#333 !important;
}
body:not(.fullwidth-header) #content {
margin-top: 8.5rem;
}
.grid-container{
max-width: 1400px; 
padding-left:1.5rem;
padding-right:1.5rem;
}
.clear{
clear: both;
}
.clearfix::after {
content: '';
clear: both;
display: table;
}
[data-toggle]{
cursor: pointer;
}
h1, .h1{
font-size: 200%;
}
h2, .h2{
font-size: 180%;
}
h3, .h3{
font-size: 160%;
}
h4, .h4{
font-size: 140%;
}
h5, .h5{
font-size: 120%;
}
h6, .h6{
font-size: 100%;
}
main p {
margin-bottom:1.5rem;
}
main h1,
main h2,
main h3,
main h4,
main h5,
main h6,
main pre,
main hr{
position:relative;
margin-top:0;
padding-top: 1rem;
margin-bottom:2rem;
padding-bottom:2rem;
}
main h1.white,
main h2.white,
main h3.white,
main h4.white,
main h5.white,
main h6.white {
color:white;
}
main h1:after,
main h2:after,
main h3:after,
main h4:after,
main h5:after,
main h6:after {
content:'';
position:absolute;
left:0;
bottom:0;
border-bottom:2px solid #333;
width:25%;
min-width:50px;
max-width:100px;
}
main h1.white:after,
main h2.white:after,
main h3.white:after,
main h4.white:after,
main h5.white:after,
main h6.white:after {
border-bottom:2px solid white;
}
main figure{
margin-top: 2em;
margin-bottom: 2em;
}
main li{
margin-top: 0.5em;
margin-bottom: 0.5em;
}
main ul, main ol, main dl{
margin: 2em 0 2em 2em;
list-style-position: outside;
}
.has-small-font-size{
font-size: 0.8em;
}
.has-normal-font-size{
font-size: 1em;
}
.has-medium-font-size{
font-size: 1.2em;
}
.has-large-font-size{
font-size: 1.4em;
}
.has-huge-font-size{
font-size: 1.6em;
}
blockquote, blockquote p{
color: #666;
}
blockquote{
margin: 2em 0;
padding: 1em 1.5em 0em 1.5em;
border-left: 0.2em solid rgba(0,0,0,0.1);
overflow: auto;
}
::placeholder{
color: #666;
}
pre > code{
padding: 0;
border: none;
background-color: transparent;
font-family: inherit;
font-weight: inherit;
color: inherit;
max-height: 40em;
display: block;
font-size: 0.8em;
}
.wp-block-image{
clear: both;
}
.wp-block-columns {
margin-top:2.5rem;
}
.wp-block-gallery {
margin: 3rem 0 4rem;
}
.blocks-gallery-grid .blocks-gallery-image figcaption, 
.blocks-gallery-grid .blocks-gallery-item figcaption, 
.wp-block-gallery .blocks-gallery-image figcaption, 
.wp-block-gallery .blocks-gallery-item figcaption {
padding: 40px 2rem 1rem;
font-size: 0.8rem;
font-weight: 200;
line-height: 1.4;
}
.entry-content .alignright, .entry-content img.alignright,
.entry-content .alignleft, .entry-content img.alignleft{
display: table;
margin-top: 2em;
}
.wp-block-image img,
.wp-block-image a,
.blocks-gallery-grid .blocks-gallery-item img,
.blocks-gallery-item a{
width: 100%;
}
.section-scroll {
position: absolute;
bottom: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
left: 0;
right: 0;
z-index:5;
}
.section-scroll i {
color: white;
font-size: 2.2rem;
}
.main-text {
margin-top:2rem;
} header#header {
position:absolute;
top:0;
left:0;
right:0;
}
.copyright{
margin: 0;
font-size: 0.9em;
}
#utility-nav ul{
margin-top: 1rem;
margin-bottom: 0;
font-size: 0.8em;
margin: 1.6em 0;
}
#utility-nav li:not(:last-child){
margin: 0 1.5rem 0 0;
}
#comments{
padding-top: 6em;
}
#utility-nav a{
display: inline-block;
line-height: 1;
padding: 0.5em 0.8em;
border: 1px solid rgba(0,0,0,0.1);
font-weight: 600;
}
#main-branding,
#mobile-branding{
list-style-type: none;
margin: 0;
}
#mobile-branding a{
color: #222;
display: block;
}
.mobile-menu-button {
margin-top:3px;
}
.fullwidth-header .mobile-menu-button i {
color:white;
}
#main-menu .mobile-menu-button .opened i {
color:#333;
}
.mobile-menu-button i {
color:#333;
font-size:40px;
transition:all 0.2s ease;
}
.menu-bar.sticky.is-stuck .mobile-menu-button i {
font-size:35px;
}
#main-menu {
opacity:0;
z-index:-1;
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
transition: opacity 0.2s ease;
background:rgb(252 196 20 / 0.95);
display:none;
padding-top: 3rem
}
#main-menu.opened {
opacity:1;
z-index:50;
display:block;
}
.logged-in.admin-bar #main-menu {
padding-top:5rem
}
#main-menu .social a {
color:#333;
}
#main-menu .social a:first-child {
margin-left:0;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after { right:-2rem;
border-color: transparent;
top: -3px;
content:"" !important;
width: 24px;
height: 24px;
background-image:url(//www.pisanidesigns.com/wp-content/themes/pisani-designs/assets/images/icon-plus.svg);
background-size:contain;
background-position:center;
background-repeat:no-repeat;
display:inline-block !important;
}
.accordion-menu .is-accordion-submenu-parent[aria-expanded=true]>a::after {
content:"" !important;
background-image:url(//www.pisanidesigns.com/wp-content/themes/pisani-designs/assets/images/icon-minus.svg);
-webkit-transform:none !important;
transform:none !important;
}
.menu-bar {
max-width:100% !important;
padding-top:3rem;
padding-bottom:1rem;
transition:all 0.2s ease;
z-index:40;
}
.menu-bar.sticky.is-stuck {
height: 70px;
padding-top: 1rem;
background: rgb(51 51 51 / 0.6)
}
.standard-header .menu-bar.sticky.is-stuck {
background: rgb(255 255 255 / 0.6)
}
.menu-bar-inner {
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
margin-left:auto;
margin-right:auto;
}
#main-branding{
background-color: transparent;
}
#top-bar-menu{
padding-bottom: 2em;
margin-bottom: 1em;
}
.top-bar{
background-color: transparent;
}
.title-bar{
justify-content: space-between;
padding: 1rem 1.22rem;
background-color: inherit;
color: #222;
font-weight: 700;
display:flex !important;
}
.title-bar .menu-icon::after{
background-color: #222;
}
.table-scroll{
font-size: 80%;
}
.table-scroll table{
table-layout: fixed;
}
.table-scroll table td{
word-wrap: break-word;
}
.pisani-logo {
width:300px;
height:auto;
transition:all 0.2s ease;
}
.menu-bar.sticky.is-stuck .pisani-logo {
width:250px;
}
#mainnav{
color: #333;
margin: 1rem 0;
padding: 4rem 0;
flex-direction: column;
border-top:2px solid #333;
}
#mainnav li{
display: block;
list-style: none;
margin-bottom: 1.5em;
}
#mainnav li:last-child {
margin-bottom:0;
}
#mainnav li a{
padding: 0 0 0 0.15em;
color: #333;
display: inline-block;
}
#mainnav .active > a,
#mainnav .current-menu-item > a,
#mainnav .current-menu-ancestor > a,
#mainnav .current-page-ancestor > a{
background-color: transparent;
text-decoration: underline;
color: inherit;
}
span.deleteicon{
position: relative;
display: block;
}
#mainnav .active > a, #footer-links .active > a,
#mainnav .current-menu-ancestor > a,
#mainnav .current-page-ancestor > a{
background-color: inherit;
color: inherit;
text-decoration: underline;
}
#mainnav .current-menu-ancestor.show > a,
#mainnav .current-page-ancestor.show > a{
text-decoration: none;
}
#mainnav a:focus, #mainnav a:hover,
#footer-links a:focus, #footer-links a:hover{
text-decoration: underline;
}
.home #mainnav .active > a{
text-decoration: none;
}
span.deleteicon span{
position: absolute;
display: block;
top: calc(50% - .6em);
right: 0.5em;
width: 1.2em;
height: 1.2em;
background-size: contain;
cursor: pointer;
}
.align-items-center{
display: flex;
align-self: center;
flex-direction: column;
}
.wp-block-gallery figcaption{
pointer-events: none;
}
.lightbox-link{
transition: opacity 0.2s ease;
}
.lightbox-link:hover, .lightbox-link:focus{
opacity: 0.85;
}
#gallery-modal{
background-color: rgba(0,0,0,0.85);
}
#gallery-modal .close-button:hover{
color: #fff;
}
#gallery-modal figure{
display: flex;
align-items: center;
justify-content: center;
height: 100%;
flex-direction: column;
}
#gallery-modal figure img{
height: auto;
max-height: 80%;
width: auto;
box-shadow: 0 0 7vw rgba(0,0,0,0.5);
}
#gallery-modal figcaption{
margin-top: 1em;
color: #fff;
max-width: 80%;
}
#gallery-modal .arrows{
color: #fff;
position: absolute;
font-size: 2em;
bottom: 50%;
}
.arrows.prev{
left: 1em;
}
.arrows.next{
right: 1em;
}
.reveal .close-button:hover{
color: inherit;
}
body.admin-bar .reveal.full{
top: 2em;
}
.entry-content .show-more-wrap{
text-align: center;
display: block;
}
.entry-content .show-more{
display: inline-block;
}
.entry-content .show-more::after{
content: '';
display: block;
width: 1rem;
height: 1rem;
margin: 0 auto;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
} .listing-item p.title{
margin: 0;
}
.listing-item figure{
margin: 0;
}
.listing-item{
margin-bottom: 1.8rem;
}
.listing-item .entry-content p{
margin: 1em 0;
}
.listing-item .button{
margin-top: 1em;
}
.listing-item .button:hover{
background-color: #222;
}
.listing-item a{
padding: 1.5rem;
background-color: rgb(238 238 238 / 0.4);
}
.grid-item a{
display: block;
}
.grid-item a:hover h4.title {
color:#fcc000 !important;
}
.grid-item img {
width:100%;
}
.grid-item h4.title {
color:#fcc000;
}
.grid-item .entry-content p {
color:#333;
}
.grid-item .button {
color: #333;
display: inline-block;
margin-bottom:0;
} #fw-header {
width:100%;
height:100vh;
position:relative;
overflow:hidden;
margin-bottom:4rem;
}
#fw-header .fs-image {
top:0;
left:0;
right:0;
bottom:0;
position:absolute;
}
#fw-header .fs-content {
bottom:10vh;
left:0;
right:0;
position:absolute;
}
#fw-header .fs-image {
z-index:1;
}
#fw-header .fs-content {
z-index:2;
display:flex;
align-items:center;
justify-content:center; 
max-width:1400px; width:50%;
margin:auto; }
#fw-header .fs-content .header-title {
background: rgba(255,255,255,0.3);
padding: 1.5rem;
}
#fw-header .fs-content * {
text-align:center;
color:#333;
}
#fw-header h1 {
font-size:210%; }
#fw-header h1:after {
border-bottom-color:#333;
left:0;
right:0;
margin:auto;
}
#fw-header .subhead p {
font-size:1.2rem;
font-weight:500;
line-height:1.4; } .non-fw-header .fw-page-image {
max-width:100% !important;
padding-left:0;
padding-right:0;
}
.page-image img {
object-fit:cover;
width:100%;
height:100%;
}
.article-header .page-image {
height:500px;
margin-bottom:2rem;
position:relative;
margin-top:0;
}
@media ( min-width:1500px ) {
.article-header .page-image {
height:600px;
}
}
@media ( min-width:1800px ) {
.article-header .page-image {
height:700px;
}
}
@media ( min-width:2200px ) {
.article-header .page-image {
height:750px;
}
}
.page-image figcaption {
position: absolute;
bottom: 0;
background: rgba(255,255,255,0.5);
width: 100%;
padding: 0.25rem;
text-align: center;
font-size: 0.8rem;
color:black;
}
.page-image {
height:600px;
}
.page-copy-inner {
height:100%;
width:100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding-left:6%;
max-width:calc(720px - 6%);
padding-right: 2rem;
} footer.footer {
background-color:#333333;
padding:2.5rem 0;
margin-top:0;
position:relative;
}
footer.footer * {
color:white;
}
footer.footer #footer-links {
justify-content:center;
align-items:center;
margin:2rem 0;
}
footer.footer #footer-links a{
padding: 0 1rem;
color: white;
display: inline-block;
position:relative;
}
footer.footer #footer-links a:after {
content: '|';
position: absolute;
right: -0.15rem;
top: -0.05rem;
}
footer.footer #footer-links li:last-child a:after {
content:''
} .social a {
margin:0 1rem;
}
.social i {
font-size:1.8rem;
} .isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
} .isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
-ms-transition-property:     -ms-transform, opacity;
-o-transition-property:      -o-transform, opacity;
transition-property:         transform, opacity;
} .isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
#filters {
list-style:none;
text-align:left; margin: 1rem 0 2rem;
padding:0;
}
#filters li {
display:inline-block;
margin-right:2rem;
}
#filters li a {
text-decoration:none;
position:relative;
color: rgb(51 51 51 / 0.6);
font-size: 1.1rem;
padding-bottom: 0.25rem;
}
#filters li a.selected,
#filters li a:hover {
border-bottom:2px solid #333;
color: rgb(51 51 51 / 1);
}
.gutter-sizer {
width:2%;
}
#project-list .project {      width: 49%; margin-bottom: 2%;
height:400px;
}
#project-list .project:hover .overlay {
opacity:1;
}
.project img {
float:left;
object-fit:cover;
width:100%;
height:100%;
}
.project .overlay {
position:absolute;
display:flex;
align-content:center;
flex-direction:column;
justify-content:center;
padding:1rem;
width:100%;
height:100%;
-webkit-transition: 0.2s;
transition: 0.2s;
cursor:pointer;
overflow:hidden;
opacity:0;
background-color:rgb(252 192 0 / 0.8)
}
.project .overlay * {
color:#333;
text-align:center;
}
.project .overlay h3:after {
left:0;
right:0;
margin:auto;
}
.project .overlay button {
margin-bottom:0;
} .gform_wrapper label.gfield_label, 
.gform_wrapper legend.gfield_label {
font-weight: 400;
font-size: 1.1rem;
margin-bottom: 0.25rem;
}
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, 
.gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
margin: -0.5rem 0 1rem 1px;
font-weight: 200;
}
.gform_wrapper ul.gform_fields li.gfield {
margin-bottom:1.5rem !important;
}
.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type=submit], 
.gform_wrapper .gform_page_footer input.button, 
.gform_wrapper .gform_page_footer input[type=submit] {
color: #333;
margin: 0 0 2rem 0;
font-size: 1.2rem;
padding: 0.75rem 1rem;
}
.grecaptcha-badge {
display:none !important;
}
.gform_confirmation_wrapper {
margin-bottom: 2rem;
font-weight: bold;
} .cc-window.cc-floating {
padding: 1em !important;
max-width: 100% !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
left: 1em !important;
align-items: center;
}
.cc-window.cc-floating .cc-message {
margin-bottom:0 !important;
}
.cc-window.cc-floating .cc-compliance {
align-content: center !important;
justify-content: flex-end !important;
}
.cc-window.cc-floating .cc-compliance .cc-btn {
display:inline-block !important;
-ms-flex: 0 !important;
flex: 0 !important;
}
@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
.cc-window.cc-floating {
left:0 !important;
flex-direction:column !important;
}
}
@media screen and (max-width: 880px) {
.cc-window.cc-floating .cc-compliance .cc-btn {
flex:1 !important;
margin-top:5px;
}
} .slick-next,
.slick-prev {
z-index:10;
width:35px;
height:40px
}
.slick-next:before,
.slick-prev:before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 5 Pro"; 
font-weight: 300;
font-size: 2.5rem;
color:white;
content:"" !important;
width:35px;
height:40px;
background-image:url(//www.pisanidesigns.com/wp-content/themes/pisani-designs/assets/images/icon-angle-right-white.svg);
background-size:contain;
background-position:center;
background-repeat:no-repeat;
display:inline-block !important;
}
.slick-next {
right: 25px;
}
.slick-next:before { }
.slick-prev {
left: 25px;
}
.slick-prev:before {
transform:scaleX(-1); } .pisani-slider-block {
margin:2rem 0 4rem 0;
}
.pisani-slider-block,
.project-slide-wrapper,
.pisani-slider-block .project-slide {
width:100%;
height:100vh;
position:relative;
}
.pisani-slider-block .project-slide img {
object-fit:cover;
width:100%;
height:100%;
}
.pisani-slider-block .project-info {
position:absolute;
max-width:1400px;
width:50%;
bottom: 5rem;
left:0;
right:0;
margin:auto;
background: rgb(51 51 51 / 0.4);
padding: 2rem;
}
.pisani-slider-block .project-info .project-excerpt {
display:flex;
align-items:flex-end;
justify-content:space-between;
}
.pisani-slider-block .project-info h3 {
color:white;
}
.pisani-slider-block .project-info h3:after {
border-color:white;
}
.pisani-slider-block .project-info p {
flex: 0 1 60%;
color:white;
margin-bottom:0;
}
.pisani-slider-block .project-info .project-excerpt .button {
margin-bottom:0;
margin-right: 0;
} .recent-projects-home.second-row {
margin-top: -1.5rem;
}
.recent-projects-home .wp-block-image {
height:500px;
margin-top: 0.5rem;
}
.recent-projects-home .wp-block-image img {
object-fit:cover;
width:100%;
height:100%;
}
.before-after .blocks-gallery-item:first-child {
position:relative;
}
.before-after .blocks-gallery-item:first-child .overlay {
background-color:rgb(252 192 0 / 0.9);
position:absolute;
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
}
.before-after .blocks-gallery-item:first-child .overlay span {
font-weight:200;
font-size: 1.6rem;
color:#666;
text-align:center;
}
.before-after .blocks-gallery-item:first-child:hover .overlay {
display:none;
} @media all and (max-width: 330px){
#fw-header h1 {
font-size: 200%;
}
#fw-header .fs-content .subhead {
display:none;
}
.pisani-logo {
width: 220px !important;
}
} @media all and (max-width: 40em){
.grid-container {
padding-left: 1rem;
padding-right: 1rem;
}
.entry-content .alignright, .entry-content img.alignright{
margin-left: 0;
}
.entry-content .alignleft, .entry-content img.alignleft{
margin-right: 0;
}
.menu-bar {
padding-top: 1rem;
}
.mobile-menu-button i {
font-size:35px;
}
.pisani-logo {
width: 250px;
}
html.is-reveal-open {
position: initial;
}
html.is-reveal-open.zf-has-scroll{
overflow-y: hidden;
}
body.admin-bar .reveal{
top: 46px !important;
}
.lightbox-link{
pointer-events: none;
cursor: default;
}
.wp-block-image figure{
width: 100%;
}
#fw-header {
margin-bottom:2rem;
}
#fw-header .fs-content {
width: 95%;
bottom: 7vh;
}
.pisani-slider-block .project-info .project-excerpt {
align-items: flex-start !important;
justify-content: flex-start !important;
flex-direction: column;
}
.pisani-slider-block .project-info .project-excerpt .button {
margin-left:0;
}
.pisani-logos-block .logos-wrapper {
justify-content: center !important;
}
#project-list .project {
width: 100%;
margin-bottom: 4%;
}
#mainnav li ul {
padding: 2rem 0 0.5rem 1rem;
}
#main-menu {
padding-top:1rem;
}
.menu-bar {
background: rgba(255,255,255,0.8);
padding: 1rem 0.25rem !important;
}
.fullwidth-header .mobile-menu-button i {
color: #333333;
}
#fw-header .subhead p {
font-size:1rem;
}
#fw-header h1 {
font-size: 190%;
}
.pisani-image-block, .pisani-slider-block {
margin-bottom:2rem !important;
}
.wp-block-gallery {
margin: 2rem 0;
}
.page-copy {
padding-left: 1.7rem;
padding-right: 1.7rem;
}
.blocks-gallery-grid .blocks-gallery-image, 
.blocks-gallery-grid .blocks-gallery-item, 
.wp-block-gallery .blocks-gallery-image, 
.wp-block-gallery .blocks-gallery-item {
width: 100%;
margin:0 0 1.5rem 0;
}
.project-slide .project-info a.button {
margin: 0 auto !important;
display: block !important;
float: none !important;
}
} @media all and (max-width: 64em){
.page-copy-inner {
padding-right: 0;
padding-left: 0;
max-width:100%;
}
body:not(.fullwidth-header) #content {
margin-top: 5.5rem;
}
.pisani-slider-block .project-info {
width:80% !important;
}
.pisani-logos-block .logos-wrapper {
flex-wrap:wrap
}
.pisani-logos-block .logos-wrapper img {
margin: 0 0 2rem !important;
}
.pisani-quote-block p.quote-text {
font-size: 1.2rem !important;
font-weight: 200 !important;
}
.pisani-quote-block .page-copy.quote {
padding-top:2.5rem;
padding-bottom:2.5rem;
}
#filters {
padding: 0;
text-align: center;
}
#mainnav li {
margin-bottom: 2em;
}
#mainnav li a {
font-size: 1.4rem;
}
#main-menu {
padding-left:0.25rem;
padding-right:0.25rem;
}
.page-copy .intro-text p:last-child {
margin-bottom: 0;
}
#project-list .project {
height:330px;
}
#fw-header .fs-content .header-title {
background: rgba(255,255,255,0.4);
}
.listing-item {
padding:1rem;
}
} @media all and (min-width: 40em) and (max-width: 64em){
#main-menu {
padding-top:1.5rem;
}
#fw-header .fs-content {
width: 60%;
}
.blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item {
width: calc((100% - 4rem)/2) !important;
margin-bottom:2rem;
}
.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-child(2), 
.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-child(2), 
.wp-block-gallery.columns-3 .blocks-gallery-image:nth-child(2), 
.wp-block-gallery.columns-3 .blocks-gallery-item:nth-child(2) {
margin-right:0 !important;
}
.page-copy {
padding-left: 2.3rem;
padding-right: 2.3rem;
}
} @media all and (min-width: 40em){
#utility-nav ul{
justify-content: end;
}
#utility-nav li{
margin: 0 0 0 1.5rem;
}
main .alignright,
main .alignleft{
max-width: 40%;
}
main figure{
margin-top: 4em;
margin-bottom: 4em;
}
#gallery-modal figure img{
max-width: 80%;
}
#mainnav{
display: flex;
transition: padding 0.2s linear;  }
#mainnav li{
display: block;
list-style: none;
margin-right: 2em;
}
#mainnav li:last-child{
margin-right: 0;
}
#footer-links li a{
font-size: 0.9em;
}
#mainnav li ul{
padding: 2rem 0 0.5rem 1rem;
display: flex;
justify-content: center;
}
#mainnav li:first-child ul{
justify-content: flex-start;
}
#mainnav li:last-child ul{
justify-content: flex-end;
}
#mainnav > li{
position: relative;
left: -0.15em;
}
#mainnav li ul li{
display: inline-block;
}
#mainnav li ul li:last-child{
margin-right: 0;
}
#mainnav li.active.show > a,
#mainnav li.current-menu-ancestor.show > a,
#mainnav li.current-page-ancestor.show > a{
box-shadow: none;
}
.menu-toggle{
cursor: pointer;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
width: 1.1em;
height: 1.1em;
display: inline-block;
vertical-align: sub;
margin-left: 0.4em;
transition: transform 0.2s ease;
}
.menu-toggle.show{
transform: rotate(-180deg);
}
body.admin-bar .reveal.full{
top: 46px !important;
}
#grid[data-columns]::before {
content: '3 .column.size-1of3';
}
.blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item {
width: calc((100% - 4rem)/3);
margin-right: 2rem;
}
} @media all and (min-width: 64em){
body{
font-size: 1rem;
}
#mainnav li a{
font-size: 1.2em;
}
body.admin-bar .reveal.full{
top: 32px !important;
}
.arrows.prev{
left: 2em;
}
.arrows.next{
right: 2em;
}
} span.deleteicon span{
background-image: url(data:image/png;base64,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);
} .menu-toggle,
.entry-content .show-more::after{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAABmJLR0QA/wD/AP+gvaeTAAAA4klEQVRoge3VQQqDMBSE4TlTu0iP5jLLXrbFG7SbDIjUmpj39Cnzgztx+AwooJRSSimllFJuDQDSDjupbLmWAXwAjAAejjt3AO+y9fQayWWAlxdqiuFljsqzAS/UL4w5Ki8MWKP+YcxQw8rAFNXzoUjlGTVbXR+KG4BX5dDWk6o5GasXB8AXtTuGeaAOwzBL1OEYZoEKg2E9qHAYtgUVFsNa/h1j4727Y1jLSYXHMCtUCAzrRYXCsK2okBjWigqNYbWoU2DYGupUGLaEOiWGzVGnxjCiLoFhCRfCKKWUUkopn74gUGgVbgiddAAAAABJRU5ErkJggg==);
}