/*!
Theme Name: CBD
Theme URI: https://www.cbwebsitedesign.co.uk/
Author: Creative Brand Design
Author URI: https://www.cbwebsitedesign.co.uk/
Description: Creative Brand Design
Version: 04.12.24
Text Domain: cbd
*/

/* Private Pages */
.post-password-form {
    height: 70vh;
    height: 70svh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.post-password-form > p {
    width: 100%;
    text-align: center;
    font-size: 115%;
}

.post-password-form label {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.post-password-form input[type=password] {
    padding: 0.75rem 1.5rem;
    background: none;
    border: 1px solid #fff;
    border-radius: 0.3rem;
}

.post-password-form input[type=submit] {
    padding: 0.75rem 1.5rem;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 0.3rem;
    color: #000;
    cursor: pointer;
    font-weight: 600;
    transition: 0.3s opacity;
    margin-top: 1.5rem;
}

.post-password-form input[type=submit]:hover {
    opacity: 0.7;
}

/* Admin Bar */
.admin-bar > header {
    top: 32px;
}

.admin-bar > main {
    margin-top: 32px;
}

@media (max-width: 1025px) {
    .admin-bar .menu-overlay {
        top: 32px;
        height: calc(100vh - 32px);
    }
}

@media (max-width: 782px) {
    .admin-bar > header {
        top: 46px;
    }

    .admin-bar > main {
        margin-top: 46px;
    }

    .admin-bar .menu-overlay {
        top: 46px;
        height: calc(100vh - 46px);
    }
}

@media (max-width: 600px) {
    #wpadminbar {
        position: fixed;
    }
}

/* Header */
header .menu {
    gap: 0.1rem!important;
}
header .menu .current-menu-item {
	background-color: transparent;
	color: inherit;
}

header .menu>li a:hover,
header.header-dark .menu>li a:hover {
    color: inherit;
}

header .menu>li>a:after {
	content: '';
	position: absolute;
	width: calc(100% - 4rem);
	transform: scaleX(0);
	height: 2px;
	bottom: 0.25rem;
	left: 2rem;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}

header.header-dark .menu>li>a:after {
	background-color: rgb(45 56 117 / var(--tw-bg-opacity, 1));
}

header .menu>li>a:hover:after,
header .menu>li.current-menu-item>a:after,
header .menu>li.current_page_parent>a:after {
	transform: scaleX(1);
	transform-origin: bottom left;
}

.header-search:not(.active) input {
    display: none;
}

.header-search input {
    border-color: rgba(45, 56, 117, .25);
    border-radius: 9999px;
    border-width: 1px;
    font-size: 14px;
    padding: 1.5rem 3rem;
    --tw-text-opacity: 1;
    color: rgb(45 56 117 / var(--tw-text-opacity, 1));
    line-height: 1.2;
    margin: 0;
    transition: border-color .4s ease-in-out, background-color .4s ease-in-out;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: -1rem;
    transform: translate(-100%, -50%);
}

@media (min-width: 1025px) {
    .header-search input {
        font-size: 16px;
    }
}

@media(max-width:768px) {
    header .menu {
        gap: 0.5rem!important;
    }
}

.header-search input:focus {
    --tw-border-opacity: 1;
    background-color: #fafafc;
    border-color: rgb(45 56 117 / var(--tw-border-opacity, 1));
}

.menu-overlay .search-icon {
    margin: 0 auto;
}

.menu-overlay .header-search input {
    position: static;
    transform: translate(0, 0);
    margin-top: 2.5rem;
}
@media (max-width: 1025px) {
    header .menu>li>a {
        width:auto;
    }
    header .menu>li.menu-item-has-children>a:after {
        width: calc(42% - 4rem);
        bottom: -0.5rem;
        left: 34%;
    }
}

/* Footer */
footer .menu li.current_page_parent a {
    opacity: 1;
}

/* Pagination */
.pagination-block > .pagination-numbers {
    position: relative;
    overflow: visible;
}

.pagination-block .arrow {
    align-items: center;
    border-radius: 9999px;
    border-width: 1px;
    cursor: pointer;
    display: flex;
    height: 5.3rem;
    justify-content: center;
    width: 5.3rem;
    --tw-border-opacity: 1;
    border-color: rgb(45 56 117 / var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(45 56 117 / var(--tw-text-opacity, 1));
    transition: all .5s;
}

.pagination-block .arrow svg {
    height: 35%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 35%;
}

.pagination-block a.prev,
.pagination-block a.next {
    position: absolute;
    width: auto;
    height: auto;
}

.pagination-block a.prev {
    left: 0;
    transform: translateX(calc(-100% - 2rem));
}

.pagination-block a.next {
    right: 0;
    transform: translateX(calc(100% + 2rem));
}

.pagination-block a.prev:hover .arrow,
.pagination-block a.next:hover .arrow {
    --tw-bg-opacity: 1;
    background-color: rgb(45 56 117 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

/* Gravity Forms */
.form .gform_wrapper.gravity-theme .gform_fields {
    grid-column-gap: 2.5rem;
    grid-row-gap: 3rem;
}

@media (min-width: 1025px) {
    .form .gform_wrapper.gravity-theme .gform_fields {
        grid-row-gap: 2.5rem;
    }
}

.form .gform_wrapper.gravity-theme .gfield_required_text {
    display: none;
}

.form .gform_wrapper.gravity-theme .gfield_label {
    display: block;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 1rem;
    --tw-text-opacity: 1;
    color: rgb(45 56 117 / var(--tw-text-opacity, 1));
}

@media (min-width: 1025px) {
    .form .gform_wrapper.gravity-theme .gfield_label {
        font-size: 16px;
        margin-bottom: 1.75rem;
    }
}

.form .gform_wrapper.gravity-theme .gfield input,
.form .gform_wrapper.gravity-theme .gfield textarea,
.form .gform_wrapper.gravity-theme .gfield select {
    border-color: rgba(45, 56, 117, .25);
    border-radius: 9999px;
    border-width: 1px;
    font-size: 14px;
    padding: 1.5rem 3rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(45 56 117 / var(--tw-text-opacity, 1));
    line-height: 1.2;
    margin: 0;
    transition: border-color .4s ease-in-out, background-color .4s ease-in-out;
}

@media (min-width: 1025px) {
    .form .gform_wrapper.gravity-theme .gfield input,
    .form .gform_wrapper.gravity-theme .gfield textarea,
    .form .gform_wrapper.gravity-theme .gfield select {
        font-size: 16px;
    }
}

@media (max-width: 641px) {
    .form .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        line-height: 1.2;
        min-height: auto;
    }
}

.form .gform_wrapper.gravity-theme .gfield input::placeholder,
.form .gform_wrapper.gravity-theme .gfield textarea::placeholder,
.form .gform_wrapper.gravity-theme .gfield select::placeholder {
    color: rgba(45,56,117,.6);
}

.form .gform_wrapper.gravity-theme .gfield input:focus,
.form .gform_wrapper.gravity-theme .gfield textarea:focus,
.form .gform_wrapper.gravity-theme .gfield select:focus {
    --tw-border-opacity: 1;
    background-color: rgba(45, 56, 117, .05);
    border-color: rgb(45 56 117 / var(--tw-border-opacity, 1));
}

.form .gform_wrapper.gravity-theme .gfield textarea {
    border-radius: 10px;
}

@media (min-width: 1025px) {
    .form .gform_wrapper.gravity-theme .gfield textarea {
        margin-bottom: 3.5rem;
        border-radius: 25px;
    }
}

.form .gform_wrapper.gravity-theme .gfield textarea.small {
    height: 127px;
}

.form .gform_wrapper.gravity-theme .gfield select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23060708' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.5 9 12 16.5 4.5 9'/%3E%3C/svg%3E");
    background-position: right 1.3em top 50%;
    background-repeat: no-repeat;
    background-size: 1.1em auto;
    cursor: pointer;
    display: block;
    padding-right: 55px;
}

.form .gform_wrapper.gravity-theme .gchoice input {
    display: none;
}

.form .gform_wrapper.gravity-theme .gchoice label {
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding: 3px 0 10px 40px;
    font-size: 14px;
    line-height: inherit;
    color: rgba(0, 0, 0, .25);
    cursor: pointer;
}

@media (min-width: 1025px) {
    .form .gform_wrapper.gravity-theme .gchoice label {
        font-size: 16px;
    }
}

.form .gform_wrapper.gravity-theme .gchoice label:before,
.form .gform_wrapper.gravity-theme .gchoice label:after {
    --tw-content: "";
    content: "";
    position: absolute;
    top: 50%;
    border-radius: 50%;
}

.form .gform_wrapper.gravity-theme .gchoice label:before {
    border-width: 1px;
    --tw-border-opacity: 1;
    background: transparent;
    border-color: rgb(45 56 117 / var(--tw-border-opacity, 1));
    height: 21px;
    left: 0;
    margin: -14px 0 0;
    width: 21px;
}

.form .gform_wrapper.gravity-theme .gchoice label:after {
    --tw-bg-opacity: 1;
    background-color: rgb(45 56 117 / var(--tw-bg-opacity, 1));
    height: 11px;
    left: 5px;
    margin: -9px 0 0;
    opacity: 0;
    transform: translate3d(-40px, 0, 0) scale(.5);
    transition: opacity .25s ease-in-out, transform .25s ease-in-out;
    width: 11px;
}

.form .gform_wrapper.gravity-theme .gchoice input:checked + label:after {
    opacity: 1;
    transform: translateZ(0);
}

.form .gform_wrapper.gravity-theme label a {
    --tw-text-opacity: 1;
    color: rgb(45 56 117 / var(--tw-text-opacity, 1));
}

.form .gform_wrapper.gravity-theme .gform_footer {
    margin: 0;
    padding: 0;
}

.form .gform_wrapper.gravity-theme #field_submit {
    align-items: center;
}

@media (min-width: 641px) {
    .form .gform_wrapper.gravity-theme #field_submit {
        justify-content: flex-end;
    }
}

.form .gform_wrapper.gravity-theme .gfield_error label {
    color: #c02b0a;
}

.form .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
    border: 1px solid #c02b0a;
}

.form .gform_wrapper.gravity-theme .validation_message {
    border-radius: 9999px;
}

/* Ajax */
.ajax_loading {
    position: relative;
    pointer-events: none;
}

.ajax_loading:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5) url(img/loader.gif) 50% / 10rem no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

/* Hero Home */
@media (min-width: 1025px) {
    .swiper .swiper-pagination.is-absolute {
        bottom: 6rem;
    }
}

/* Objectives */
/*.card-collapsed-bg {
	min-height: 35vmax;
}*/
.card-collapsed-bg {
	height: 100%;
	min-height: 0;
}
.card-collapsed-bg:hover figure {
	border-radius: 2rem;
}
@media (min-width: 1025px) {
	.card-collapsed-bg .caption {
		margin-top: 6vmax;
	}
}
.s-objectives .card-collapsed-bg .caption:before {
    margin-bottom: 2rem !important;
}
@media (min-width: 1025px) {
    .s-objectives .card-collapsed-bg .caption .content {
        font-size: 100%;
    }
}

/* Members */
.member-card:not(.team) .top {
    height: auto !important;
    padding: 0 !important;
}
.member-card:not(.team) .top figure {
    aspect-ratio: 2/1;
    margin-bottom: 1rem;
}
.member-card .top .position .item-with-dot-wrap .item-with-dot p {
    font-size: 0;
}

.member-card:hover .top .position .item-with-dot-wrap .item-with-dot p {
    font-size: 16px;
}

/* Post */
.card-collapsed .top {
    width: 100%;
    height: auto;
}
.card-collapsed .top figure {
    height: auto;
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 25px;
}
.card-collapsed .top figure:before {
    opacity: 0;
}
.card-collapsed:hover .top figure:before {
    opacity: 0.2;
}
.card-collapsed.is-border .caption {
    margin-top: 3rem !important;
}
@media (max-width: 1200px) {
	.card-collapsed .top figure {
		border-radius: 15px;
		height: 100%;
		width: 100%;
	}

	.card-collapsed .top figure:before {
		opacity: 0;
	}
}
/* Subpage Hero Height */
@media (min-width: 1025px) {
    .subpage-hero {
        min-height: 75vh;
        min-height: 55svh;
    }
    .s-news .card-collapsed {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}



.locations-list {
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2rem;
}
.top-20 {
    top: 5rem;
}
.left-20 {
    left: 5rem;
}
@media(max-width: 767px) {
    .location-info {
        top: 0rem;
        left: 50%;
        transform: translateX(-50%);
    }
}
.locations-list .btn {
    border: none;
    padding: 0.1rem 0;
    width: 100%;
    justify-content: flex-start;
    text-transform: none;
	text-align: left;
	border-radius: 0;
}
.locations-list .btn:hover,
.locations-list .btn.active {
    background: transparent;
    color: #fff;
    text-decoration: underline;
}
.locations-list .btn .ripple-wave {
    display: none;
}

@media (max-width: 1024px) {
    .map-block {
        position: relative;
    }
    #map {
        aspect-ratio: 4/5;
    }
}
@media (min-width: 1025px) {
    .map-navs {
        padding-bottom: 6vw;
    }
    .map-block {
        height: 100%;
    }
    div:has(> .map-block) {
        height: 100vh;
    }
}

/* Case Studies for Activities */

@media (min-width: 1025px) {
    .case-studies-grid>:nth-child(5) {
        grid-column: span 3 / span 3;
    }
	.case-studies-grid>:nth-child(6) {
		grid-column: span 2 / span 2;
	}
}

.card-collapsed-bg-active .caption:before {
    margin-bottom: 1rem !important;
}

.gform_required_legend {
    display: none;
}