/*
Theme Name: Curve
Theme URI: https://curvearchitecture.com
Author: A Bit Digital
Author URI: https://abitdigital.com
Description: A theme inspired by architectural design
Requires at least: 5.8
Tested up to: 5.9
Requires PHP: 5.7
Version: 1.0.17
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: curve
Tags: custom-colors, full-site-editing, block-patterns, rtl-language-support, theme-options, translation-ready, wide-blocks

Curve WordPress Theme, (C) 2022 A Bit Digital Limited.
The Curve theme is not distributed.
*/

/*
 * Font smoothing
 */
html {
    margin-top: 0 !important;
}

::selection {
    background: #afa96e;
}

html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    /*padding:2rem!important;*/
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;

}

/*body.admin-bar, body.admin-bar .is-social-header {
    padding-top: 68px;
}*/

.wp-block-navigation__responsive-container-open #menu_close, .wp-block-navigation__responsive-container-close #menu_close {
    width: 40px!important;
    height: 58px!important;
}

.wp-block-navigation__responsive-dialog {
    padding: 20px;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end!important;
}
.wp-block-navigation__responsive-container-close {
    position: unset!important;


}
.wp-block-navigation__responsive-container-content {
    padding: 0!important;
    margin: 0!important;

}

.wp-block-navigation__responsive-container.is-menu-open {
    padding: 0 32px 32px 32px!important;
}


@media screen and (max-width: 782px) {
    /* body.admin-bar, body.admin-bar .is-social-header {
         padding-top: 92px;

     }*/
    .project-grid .grid-item, .journal-grid .grid-item {

        width: 100% !important;

    }

}

@media all and (max-width: 599px) {
    .wp-block-navigation.has-top-margin {
        margin-top: unset!important;
    }
    ul.wp-block-social-links {
        display: none;
    }

}

@media screen and (min-width: 783px) and (max-width: 1024px) {
    .project-grid .grid-item, .journal-grid .grid-item {

        width: calc(50% - 20px) !important;

    }
}

.wp-block-navigation__responsive-close {
    padding: 0;
    margin: 0;
}

.wp-block-navigation__responsive-container-open {
    padding: 5px 6px;
}

.wp-site-blocks {
    padding: 20px;
    align-items: center;
    justify-content: center;
}

header, .main {
    padding: 0 2rem;
}

header {
    padding-bottom: 2rem;
}

.is-social-header {
    position: absolute;
    top: 0;
}

.has-top-padding {
    padding-top: 2rem;
!important;
}

nav.has-top-margin {
    margin-top: 3.3rem;
!important;
}

/*
main is not a valid block element type in wordpress/core so we've renamed the main container to a div with the class main.
*/
main.wp-block-group, .wp-block-group .main, div.main {
    max-width: 1400px !important;
    align-self: center;
    margin: 0 auto;
}

.content {
    flex: 1 0 auto;
}

.footer {
    flex-shrink: 0;
}

path.has-curve-buff-color {
    fill: #ebe6a6;
}

.wp-block-svgblock-svg-block:hover {
    cursor: pointer !important;
}

.wp-block-svgblock-svg-block a {
    display: block;
    text-decoration: none;
}

.wp-block-svgblock-svg-block:hover path.has-curve-buff-color, button:hover rect.has-curve-buff-color {
    fill: #afa96e;
}

.wp-block-navigation__responsive-container-open button svg {
    rotation: 90deg;
}


.wp-block-svgblock-svg-block:active path.has-curve-buff-color {
    fill: #000000;
}

path.has-curve-black-color {
    fill: black;
}

.wp-block-column.curve-border-right {
    border-right: 2px solid #ebe6a6;
    padding-right: 3.6rem !important;
}

.wp-block-column.curve-border-left {
    border-left: 2px solid #ebe6a6;
    padding-left: 3.6rem !important;
}

.curve-light-grey {
    background-color: rgb(250, 250, 250);
}

/*footer {
    position: absolute!important;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2rem;
    margin-top: 100px;
}*/

.current-menu-item a {
    color: #afa96e !important;
}

.has-curve-buff-color a:hover {
    color: #afa96e;
}

.has-curve-buff-color a:active {
    color: #000000;
}

.wp-block-post {
    position: relative;
    background-color: #f0f0f0;
}

.wp-block-post figure {
    margin: 0;
}

.project-grid, .journal-grid {
    position: relative;
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
    align-items: center;
    justify-content: center;

}

.project-grid .grid-item, .journal-grid .grid-item {

    width: calc(33% - 20px);

    display: flex;
    padding: 10px;
    align-self: center;
    position: relative;
    box-sizing: border-box;
    flex: 1 1 auto;
    aspect-ratio: 16 / 9;

}


.project-grid .grid-item:hover, .journal-grid .grid-item:hover {
    cursor: pointer;
}

.project-grid .grid-item .title-text, .journal-grid .grid-item .title-text {
    position: absolute;
    bottom: 10px;
    left: 10px;
    margin: 0;
    font-weight: normal;
}

.project-grid .grid-item:hover .title-text, .journal-grid .grid-item:hover .title-text {
    color: white;
}

.featured-image {

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

/* default grid item BOTTOM LEFT */
.project-grid .grid-item .overlay, .journal-grid .grid-item .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom left, transparent 50%, rgba(235, 230, 166, 0.7) 50%) 0 0/100% 100% no-repeat;
}

.project-grid .grid-item:hover .overlay, .journal-grid .grid-item:hover .overlay {
    background: linear-gradient(to bottom left, transparent 50%, rgba(235, 230, 166, 0.2) 50%) 0 0/100% 100% no-repeat;
}

.project-grid .grid-item .title-text, .journal-grid .grid-item .title-text {

    bottom: 10px;
    left: 10px;
    text-align: left;
}

/* FIRST grid item BOTTOM RIGHT */

.project-grid .grid-item:first-child .overlay, .journal-grid .grid-item:first-child .overlay {
    background: linear-gradient(to bottom right, transparent 50%, rgba(235, 230, 166, 0.7) 50%) 0 0/100% 100% no-repeat;

}

.project-grid .grid-item:first-child:hover .overlay, .journal-grid .grid-item:first-child:hover .overlay {
    background: linear-gradient(to bottom right, transparent 50%, rgba(235, 230, 166, 0.2) 50%) 0 0/100% 100% no-repeat;

}

.project-grid .grid-item:first-child .title-text, .journal-grid .grid-item:first-child .title-text {
    right: 10px;
    text-align: right !important;
}

/* LAST grid item TOP RIGHT */

.project-grid .grid-item:last-child .overlay, .journal-grid .grid-item:last-child .overlay {
    background: linear-gradient(to top left, transparent 50%, rgba(235, 230, 166, 0.7) 50%) 0 0/100% 100% no-repeat;

}

.project-grid .grid-item:last-child:hover .overlay, .journal-grid .grid-item:last-child:hover .overlay {
    background: linear-gradient(to top left, transparent 50%, rgba(235, 230, 166, 0.2) 50%) 0 0/100% 100% no-repeat;

}

.project-grid .grid-item:last-child .title-text, .journal-grid .grid-item:last-child .title-text {
    top: 10px;
    left: 10px;
}


/*.project-grid .grid-item .overlay, .journal-grid .grid-item .overlay {
    background: linear-gradient(to bottom right, transparent 50%, rgba(235, 230, 166, 0.7) 50%) 0 0/100% 100% no-repeat;

}*/


.nextend-arrow {
    height: 100%;
    flex-direction: column;
    display: flex;
}

.nextend-arrow img {
    flex: 1 1 auto;
}

@media (max-width: 981px) {

    .wp-block-columns .wp-block-column {
        flex-basis: 100% !important;
    }

    .wp-block-column:nth-child(2n) {
        margin-left: 0;
    }


}