/* Tervo package styles */

:root {
    --section-splitter-height: 30vh;
}

.premise-content a {
	text-decoration: underline;
}

.y-border {
	border-top: 2px solid var(--green);
	border-bottom: 2px solid var(--green);
}

.shadow-me-sm {
    -webkit-box-shadow: 5px 5px 5px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 5px 5px 5px 3px rgba(0,0,0,0.55);
    box-shadow: 5px 5px 5px 3px rgba(0,0,0,0.55);
}

a.shadow-me-sm {
    transition: all 0.3s ease;
}

a.shadow-me-sm:hover {
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
}

/* Link cards */

.link-card {
	position: relative;
	padding-top: 100%;
	width: 100%;
	display: inline-block;
	box-shadow: var(--card-shadow);
	transition: all 0.3s ease;
    text-align: left;
    color: var(--light)!important;
}

.link-card:hover,
a.shadow-me:hover {
	box-shadow: var(--card-shadow-hover);
}

.link-card, .link-card:hover {
    box-shadow: none!important;
}

.link-card .h3 {
	position: absolute;
	left: 1rem;
	bottom: 1rem;
	width: calc(100% - 2rem);
	margin-bottom: 0px;
	color: var(--light);
	word-break: break-word;
}

.greenbg .link-card, .greenbg .link-card,:hover,
.green-gradientbg-top-down .link-card,
.green-gradientbg-top-down .link-card:hover {
    box-shadow: none;
}

/* Section splitters */

.section-splitter {
    position: relative;
    width: 100%;
    height: var(--section-splitter-height);
    margin-top: calc(-1 * var(--section-splitter-height));
    z-index: 2;
    overflow: hidden;
}

.section-splitter #triangle-bottomleft {
    width: 0;
    height: 0;
    border-bottom: var(--section-splitter-height) solid var(--lightgreen);
    border-right: 100vw solid transparent;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 1;
}

.section-splitter + section .container {
    margin-top: calc(-1 * var(--section-splitter-height) / 6);
}

.page-template-contact-page-template .section-splitter + section .container {
    margin-top: calc(-1 * var(--section-splitter-height) / 2);
}

/* Accordion */

.accordion,
.accordion-item:first-of-type
.accordion-item:last-of-type {
    border-radius: 0px;
}

.accordion .accordion-item {
    margin-bottom: 1rem;
    border-radius: 0px!important;
}

.accordion-item:first-of-type .accordion-button,
.accordion-item:last-of-type .accordion-button {
    border-radius: 0px!important;
}

.accordion-item .accordion-button,
.accordion-item .accordion-button:not(.collapsed) {
    font-family: 'Rajdhani';
    text-align: center;
    font-weight: 700;
    background-color: var(--green);
    color: var(--light);
    font-size: 2.5rem;
    padding: 2rem;
    box-shadow: none;
}

.accordion .accordion-item:nth-child(even) .accordion-button, 
.accordion .accordion-item:nth-child(even) .accordion-body {
    background-color: var(--blueishgreen);
}

.accordion-body {
    background-color: var(--green);
    color: var(--light);
}

.accordion-button:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-caret-down-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E")!important;
}

.appartment-row b {
    font-size: 0.85em;
    color: var(--darkgray);
}

/* Triangles */

#footerLinkCards #triangle-bottomleft,
.page-template-basic-page-template #pageHero #triangle-bottomleft,
.page-template-reference-single-template #pageHero #triangle-bottomleft,
.page-template-kohde-landing-page-template #pageHero #triangle-bottomleft,
.page-template-kohde-single-template #pageHero #triangle-bottomleft,
.page-template-contact-page-template #pageHero #triangle-bottomleft {
    width: 0;
    height: 0;
    border-bottom: calc(var(--footer-min-height) * 0.7) solid var(--green);
    border-right: 10vw solid transparent;
    position: absolute;
    left: 0px;
    bottom: 0px;
    opacity: 0.3;
    z-index: 2;
}

.page-template-basic-page-template #pageHero #triangle-bottomleft,
.page-template-kohde-landing-page-template #pageHero #triangle-bottomleft,
.page-template-kohde-single-template #pageHero #triangle-bottomleft,
.page-template-contact-page-template #pageHero #triangle-bottomleft {
    opacity: 0.8;
    border-bottom: calc(var(--footer-min-height) * 0.7) solid var(--blue);
}

.repeater-content #triangle-topleft,
.child-list #triangle-topleft,
.premise-content #triangle-topleft {
    width: 0;
    height: 0;
    border-top: calc(var(--footer-min-height) * 0.7) solid var(--blue);
    border-right: 10vw solid transparent;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0.8;
    z-index: 2;
}

/* Tables */

.ccm-page .table {
    border: none;
}

.ccm-page .table thead th {
    font-weight: 500;
    color: var(--green);
}

.ccm-page .table thead th, 
.ccm-page .table tbody td {
    border-bottom: 1px solid var(--lightgray);
    padding: 1rem .5rem;
}

/* Badges */

.ccm-page .badge {
    text-transform: uppercase;
    border-radius: 3rem;
    padding: 0.5rem 0.75rem;
}

/* Premise cards */

.premise-card {
	width: 100%;
	display: inline-block;
	transition: all 0.3s ease;
}

.premise-card .bg-img {
	min-height: 200px;
}

/* Premise accordion */

#appartmentListAccordion.accordion .accordion-item,
#businessSpaceListAccordion.accordion .accordion-item {
    margin-bottom: 0px;
}

#appartmentListAccordion.accordion .accordion-item 
.accordion-button,
#businessSpaceListAccordion.accordion .accordion-item 
.accordion-button {
    background-color: var(--light);
    color: var(--dark);
    font-size: 1rem;
    padding: 1rem;
    font-weight: 400;
    text-align: left;
    font-family: 'Barlow';
}

#appartmentListAccordion .accordion-body,
#businessSpaceListAccordion .accordion-body {
    background-color: var(--light);
    color: var(--dark);
    padding: 3rem 0rem;
}

#appartmentListAccordion .accordion-button:after,
#businessSpaceListAccordion .accordion-button:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-caret-down-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E")!important
}

form.apartment-form .form-control,
#lastLightSection form .form-control {
    border-radius: 2rem;
    border: 1px solid var(--green);
    padding-left: 1rem;
    padding-right: 1rem;
}

form.apartment-form .form-floating>label,
#lastLightSection form .form-floating>label {
    top: -4px;
    left: 4px;
}

@media (max-width: 991px){
    #appartmentListAccordion.accordion .accordion-item .accordion-button {
        padding: 1rem .5rem;
    }

    .section-splitter {
        height: calc(var(--section-splitter-height) / 3);
        margin-top: calc(-1 * var(--section-splitter-height) / 3);
        /* z-index: 2; */
        /* overflow: hidden; */
    }

    .premise-card .bg-img {
        min-height: 10rem;
        margin-bottom: 1rem;
    }

    .section-splitter #triangle-bottomleft {
        border-bottom: calc(var(--section-splitter-height) / 3) solid var(--lightgreen);
    }

    .section-splitter + section .container {
        margin-top: calc(-1 * var(--section-splitter-height) / 10);
    }

    #footerLinkCards #triangle-bottomleft {
        border-right: 30vw solid transparent;
    }

	.ccm-page .table thead th, 
	.ccm-page .table tbody td {
		border-left: 1px solid var(--lightgray);
		padding: 1rem .5rem;
	}

	.ccm-page .table thead th:last-of-type, 
	.ccm-page .table tbody td:last-of-type {
		border-right: 1px solid var(--lightgray);
	}

    .page-template-basic-page-template #pageHero #triangle-bottomleft, 
    .page-template-kohde-landing-page-template #pageHero #triangle-bottomleft, 
    .page-template-kohde-single-template #pageHero #triangle-bottomleft,
    .page-template-contact-page-template #pageHero #triangle-bottomleft {
        border-right-width: 35vw;;
        border-bottom-width: 4rem;
    }

    .page-template-contact-page-template .section-splitter + section .container {
        margin-top: calc(-1 * var(--section-splitter-height) / 6)
    }

    .repeater-content #triangle-topleft, 
    .child-list #triangle-topleft, 
    .premise-content #triangle-topleft {
        border-top-width: 4rem;
        border-right-width: 35vw;
    }

    .link-card .h3 {
        font-size: 1.15rem;
    }
}