@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* Quirk */

body .wrap, body .row-container {width:100% !important;}
.whitetext, .whitetext p {color:#fff !important;}
.centertext {text-align:center !important;}
p {font-size:1.2rem !important;font-weight:400 !important;}
.vc_section[data-vc-full-width] {max-width: 1800px !important;margin: 0 auto !important;left:0px !important;}
.vc_btn3.vc_btn3-color-black.vc_btn3-style-modern {font-size:1.2rem !important;}

/* Header */

#masthead.site-header.standard #site-branding a {
    position: relative;
    display: inline-block;
    padding: 10px !important;
    color: #000;
    font-size: .8rem;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 4px;
    border: 0 !important; /* Clears default borders */
}

@media (min-width: 992px) {
    #masthead.site-header.standard #site-navigation .menu > li > a {color: #000;}
        #masthead.site-header.standard #site-navigation .menu > li > a {font-family: "Montserrat", sans-serif !important;font-weight: 600;text-transform: uppercase;letter-spacing: 4px;font-size:.8rem !important;}
}

@media (max-width: 991px) {
    #masthead.site-header.standard, #masthead.site-header.hamburger-side {padding-top: 10px !important;padding-bottom: 10px !important;}
    #masthead.site-header:not(.hamburger-side) #site-navigation {width: calc(100% + 60px);left: 0px;top: 60px;}
    #masthead.site-header:not(.hamburger-side) #site-navigation .menu li {border-bottom: 1px dotted #f79468;position: relative;padding-top: 20px;}
    #masthead.site-header:not(.hamburger-side) #site-navigation .menu a {font-family: Playfair Display;font-size: 1.6rem !important;font-weight: 100 !important;}
     .single-portfolio.portfolio-details-right .portfolio {margin-top: 0;display: flex;flex-direction: column-reverse;}
    .site-footer:not(.centered) .wrap {flex-direction: column !important;text-align: center !important;}
}


/* Fonts */

h1 {font-size:5rem;}
h1, h2, h3, h4, h5 {line-height:1.1 !important;}

@media (max-width: 700px) {
h1 {font-size:3rem;}
}

.single-portfolio #content h4 {font-family: "Montserrat", sans-serif !important;font-weight: 700;letter-spacing: 1px;font-size: .8rem;text-transform: uppercase;border-bottom: 2px solid black;padding-bottom: 5px;margin-top: 30px;}

/* Portfolio */

.single-portfolio .portfolio .entry-header .entry-meta .meta-desc p {font-size:1rem !important;}
.single-portfolio .portfolio .entry-header .entry-meta .meta-desc {margin-top:20px !important;}
.single-portfolio a.button {color: #fff;background: #000;padding: 10px 20px;text-decoration: none;margin-top: 10px;display: inline-block;font-size:1.2rem !important;margin-bottom:60px;}
.pum-theme-1335, .pum-theme-default-theme {background: #00000096;}
.pum-container .pum-content+.pum-close, .gform_button {font-weight: 500 !important;text-transform: uppercase;background: #000 !important;}
.portfolio-navigation-wrap {margin-top:40px !important;}
.related-portfolio-post {padding-top:0px !important;}
.gform-theme--framework input, .gform-theme--framework textarea {border:2px solid black !important;min-height: 50px !important;}
.related-portfolio-post .portfolio-wrap .cbp-l-grid-agency-desc {display:none !important;}
.contacttext {font-weight: 400;text-transform: none;padding-bottom: 5px;margin-top: 30px;line-height: 1.4;display:block !important;}
.entry-meta a.button {margin-bottom:40px !important;}
.portfolio-wrap .cbp-l-grid-agency-title {font-size:16px !important;text-align:left !important;}
.pum-title {font-size:2.5rem !important;}
.subby {font-size: 1rem;margin-top: -10px !important;color: #000 !important;font-family: "Montserrat", sans-serif !important;text-transform: uppercase;letter-spacing: 4px;font-weight: 600;padding-left: 20px;margin-bottom: 40px !important;border-bottom: 2px solid;padding-bottom: 20px;}

@media (max-width: 650px) {
.cbp-filter-item {display:block !important;}
#filters-container {margin-bottom:40px !important;}
}

/* Footer */

.site-footer .site-info p.copyright {color: #000000;font-family: "Montserrat", sans-serif !important;font-weight: 600 !important;text-transform: uppercase;letter-spacing: 2px;font-size: .8rem !important;}
.site-footer .social-links-menu li i {font-size: 20px;color: #000 !important;}
.site-footer .wrap {flex-direction: column;row-gap: 40px;}
.site-footer a {text-decoration:none !important;}

@media (max-width: 700px) {
.site-footer .site-info p.copyright {font-size: .8rem !important;margin-bottom: 20px;}
}



/* Logo Animation */

/* Pseudo-elements acting as animated bottom and right borders */
#masthead.site-header.standard #site-branding a::before,
#masthead.site-header.standard #site-branding a::after {
    content: '';
    position: absolute;
    background-color: #000;
    /* Anchors the transform origin to the bottom-right corner */
    transform-origin: bottom right; 
    animation: expandBorder 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

/* Bottom Border */
#masthead.site-header.standard #site-branding a::before {
    bottom: 0;
    right: 0;
    width: 100%;
    height: 2px;
    transform: scaleX(0); /* Starts at 0 width */
}

/* Right Border */
#masthead.site-header.standard #site-branding a::after {
    bottom: 0;
    right: 0;
    width: 2px;
    height: 100%;
    transform: scaleY(0); /* Starts at 0 height */
}

/* Keyframes to expand borders to 100% size on load */
@keyframes expandBorder {
    to {
        transform: scale(1);
    }
}