@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Ubuntu+Sans:ital,wght@0,100..800;1,100..800&display=swap');

.ctpl-container {
margin: 0 0 20px; 
}


body,
p,
table,
td,
body .ctpl-container,
.ctpl-container p,
.ctpl-container table,
.ctpl-container td, 
.ctpl-container a {
font-family: "Ubuntu Sans", sans-serif;
font-optical-sizing: auto;
font-weight: 200;
font-style: normal;
font-variation-settings: "wdth" 100;
}

.ctpl-main a:link, a:visited { 
text-decoration: none 
}

.ctpl-main a:hover {
color: #00378b;
text-decoration: underline;
}


.ctpl-header {
position: relative;
width: 100%;
aspect-ratio: 3/1;
max-height: 370px;
background: #ECE1D7 url(https://u.jimcdn.com/cms/o/s7d3b2ce0cfd74cf2/userlayout/img/header1.jpg?t=1765428485) no-repeat center;
background-size: cover;
overflow: hidden;
}

@media (min-width: 768px) {
.ctpl-header {
aspect-ratio: 200/38;

}
}

.ctpl-header .ctpl-inner {
position: relative;
height: 100%;
}

.logo-links-homepage {
border: 0;
}

.ctpl-header img {
display:block;
width: 18vw;
position: absolute;
top: 5%;
right: 5%;
filter: drop-shadow(0 0 25px white);

}
@media (min-width: 768px) {
.ctpl-header img {
right: auto;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 15vw;
max-width: 200px;
}
}

@media (max-width: 767px) {
.ctpl-header .ctpl-inner:before {
content: '';
position: absolute;
top: 0;
right: 0;
background-color: rgba(255, 255, 255, 0.7);
display: block;
width: 70vw;
height: 60vw;
border-radius: 50%;
transform: translate(41%, -72%);
}
}




.ctpl-inner {
margin: 0 auto;
}
@media (min-width: 768px) {
.ctpl-inner {
max-width: calc(min(90%, 1200px));
}
}


@media (max-width: 767px) {
.ctpl-main {
padding: 0 5vw;
}

}

.ctpl-sidebar {
display: none;
}

@media (min-width: 768px) {
.ctpl-nav {

}
}

@media (min-width: 1200px) {
.ctpl-nav {
padding: 50px 0 90px;
}
}





.ctpl-nav ul {
list-style: none;
margin: 0;
padding: 0;
}

.ctpl-nav .j-nav-level-0 {
display: none;
}
@media (min-width: 768px) {
.ctpl-nav .j-nav-level-0 {
position: relative;
display: flex;
margin-left: -15px;
justify-content: flex-start;
align-items: center;
padding: 30px 0;
}
}
@media (min-width: 1200px) {
.ctpl-nav .j-nav-level-0 {
padding: 0px;
}
}


@media (max-width: 767px) {
.ctpl-nav .j-nav-level-0{
max-width: 400px;
margin: 0 auto;
}
}


.ctpl-nav .j-nav-level-0 > li,
.ctpl-nav .j-nav-level-1 > li {
position: relative;
}


@media (min-width: 1200px) {
.ctpl-nav .j-nav-level-0:before {
content: "";
position: absolute;
display: block;
width: calc(100% + 50px);
top: 130%;
left: 0;
aspect-ratio: 40/1;
background: url(https://u.jimcdn.com/cms/o/s7d3b2ce0cfd74cf2/userlayout/img/nav-line.png?t=1765428490) no-repeat 0 0;
background-size: contain;
}
}


.j-nav-level-0,
.j-nav-level-1,
.j-nav-level-2 {
display: none;
margin: 0;
padding: 0;
}

@media (min-width: 768px) {
.ctpl-nav .j-nav-level-0 > li > a {
display: block;
padding: 5px 15px;
box-sizing: border-box;
font-size: 18px;
border-radius: 5px;
white-space: nowrap;
}
}
@media (min-width: 1200px) {
.ctpl-nav .j-nav-level-0 > li > a {
padding: 10px 20px;
padding-right: 20px;
padding-left: 20px;
font-size: 21px;
}
}


@media (min-width: 768px) {
.ctpl-nav .j-nav-level-1 > li > a {
display: block;
padding: 10px 15px;
box-sizing: border-box;
font-size: 15px;
}
}


.ctpl-nav a:link,
.ctpl-nav a:visited {
color: #0E46AB;
text-decoration: none;
}


.ctpl-nav a:link,
.ctpl-nav a:visited {
text-decoration-line: underline;
text-decoration-thickness: 2px;
text-decoration-style: solid;
text-underline-offset: 4px;
text-decoration-color: transparent;
transition: text-decoration-color 0.1s ease-in;
}






.ctpl-nav li.jmd-nav__item--current > a:link,
.ctpl-nav li.jmd-nav__item--current > a:visited,
.ctpl-nav li.jmd-nav__item--parent > a:link,
.ctpl-nav li.jmd-nav__item--parent > a:visited {
text-decoration-color: #1582E8;
}

.ctpl-main h1,
.ctpl-main h2,
.ctpl-main h3 {
font-family: "Architects Daughter", cursive;
font-weight: 400;
font-style: normal;

}

@media (max-width: 767px) {
.ctpl-main h1 {
font-size: 1.5rem;
}
.ctpl-main h2 {
font-size: 1.3rem;
}
.ctpl-main h3 {
font-size: 1.0rem;
}

}

.ctpl-main strong {
font-weight: 500;
}

.ctpl-main .hr {
width: 100%;
height: 30px;
margin: 20px 0;
aspect-ratio: 40/1;
background: url(https://u.jimcdn.com/cms/o/s7d3b2ce0cfd74cf2/userlayout/img/nav-line.png?t=1765428490) no-repeat 0 0;
background-size: contain;
border-bottom: 0;
}
@media (min-width: 768px) {
.ctpl-main .hr {
margin: 50px 0;
}
}

.ctpl-footer {
margin-top: 50px;
}
@media (min-width: 768px) {
.ctpl-footer {
margin-top: 70px;
}
}


.ctpl-footer .inforow,
.ctpl-footer .jimdo-free-footer-ad,
.ctpl-footer .rightrow {
display: none;
}

.ctpl-footer #contentfooter .leftrow {
display: flex;
gap: min(2vw, 20px);
justify-content: center;
flex-wrap: wrap;
float: none;
width: 100% ;
text-align: center;
padding: 100px 20px 20px;
box-sizing: border-box;
background: url(https://u.jimcdn.com/cms/o/s7d3b2ce0cfd74cf2/userlayout/img/vdws-social-projects-logo.png?t=1765428500) no-repeat top center;
background-size: 120px;
}



.ctpl-footer #contentfooter .leftrow a:link,
.ctpl-footer #contentfooter .leftrow a:visited {
font-size: 17px;
color: #0E46AB;
text-decoration-line: underline;
text-decoration-thickness: 2px;
text-decoration-style: solid;
text-underline-offset: 4px;
text-decoration-color: transparent;
transition: text-decoration-color 0.1s ease-in;
}

.ctpl-footer #contentfooter .leftrow a:hover,
.ctpl-footer #contentfooter .leftrow a:active,
.ctpl-footer #contentfooter .leftrow a:focus {
text-decoration-color: #1582E8;
}

.ctpl-nav .j-nav-level-0 > li.j-nav-has-children > a:after {
content: "▼";
display: inline-block;
font-size: 0.5rem;
margin-left: 8px;
vertical-align: middle;
color: rgba(0, 0, 0, 0.3);
transition: transform 0.3s ease;
}

@media (min-width: 768px) {
.ctpl-nav .j-nav-level-0 > li:hover .j-nav-level-1, 
.ctpl-nav .j-nav-level-0 > li:focus .j-nav-level-1 {
display: block;
}
}


@media (min-width: 768px) {
.ctpl-nav .j-nav-level-0 a:hover,
.ctpl-nav .j-nav-level-0 a:active,
.ctpl-nav .j-nav-level-0 a:focus {
text-decoration-color: #1582E8;
}
}

@media (min-width: 768px) {
.ctpl-nav .j-nav-level-1 {
position: absolute;
background-color: white;
top: 100%;
left: 0;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
z-index: 200;
width: 250px;
padding: 10px 0;
}
}

@media (min-width: 768px) {
.ctpl-nav .j-nav-level-1 > li:hover .j-nav-level-2, 
.ctpl-nav .j-nav-level-1 > li:focus .j-nav-level-2 {
display: block;
}
}

@media (min-width: 768px) {
.ctpl-nav .j-nav-level-2 {
position: absolute;
background-color: white;
top: 0;
left: 100%;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
z-index: 200;
width: 250px;
padding: 10px 0;
}
}

@media (min-width: 768px) {
.ctpl-nav .j-nav-level-2 > li > a {
display: block;
padding: 10px 15px;
box-sizing: border-box;
font-size: 13px;
}
}



@media (max-width: 767px) {
.ctpl-nav .j-nav-level-1 a:link,
.ctpl-nav .j-nav-level-1 a:visited {
display: block;

text-decoration-line: underline;
text-decoration-thickness: 2px;
text-decoration-style: solid;
text-underline-offset: 4px;
text-decoration-color: transparent;
transition: text-decoration-color 0.1s ease-in;
}
}


.ctpl-nav .jmd-nav__list-item-1:last-child > a {
border-bottom: 0;
}

@media (min-width: 768px) {
.ctpl-nav .j-nav-level-1 a:hover,
.ctpl-nav .j-nav-level-1 a:active,
.ctpl-nav .j-nav-level-1 a:focus {
text-decoration-color: #1582E8;
}
}




/* reset jimdo grid columns float behavior with flexbox
*-----------------------------------*/
.cc-pagemode-default .ctpl-main .j-hgrid {
justify-content: space-between;
}
@media (min-width: 768px) {
.cc-pagemode-default .ctpl-main .j-hgrid {
display: -ms-flexbox;
display: flex;
}
}
.cc-pagemode-default .ctpl-main .cc-m-hgrid-column {
float: none;
min-height: 0;
min-width: 0;
padding: 0;
-ms-flex: 0 1 auto;
}
@media (max-width: 2000px) {
.cc-pagemode-default .ctpl-main .cc-m-hgrid-column {
width: 48% !important;
}
}
@media (max-width: 767px) {
.cc-pagemode-default .ctpl-main .cc-m-hgrid-column {
width: 100% !important;
}
}

@media (max-width: 767px) {
.j-hgrid:has(.text-comes-first-on-mobile) {
display: flex;
flex-direction: column-reverse;
gap: 15px;
}
}

@media (max-width: 767px) {
.j-hgrid:has(.text-comes-first-on-mobile) .cc-clear {
display: none;
}
}

div.datetime {
display: none !important;
}



.ctpl-nav-label {
display: block;
position: relative;
z-index: 3;
width: 90px;
height: 70px;
padding: 20px 30px;
margin: 0 auto;
box-sizing: border-box;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.ctpl-nav-label {
display: none;
}
}

.ctpl-nav-label-inner {
position: relative;
top: 50%;
display: block;
border-top: 3px solid #0E46AB;
height: 0;
width: 100%;
transition: border-color 150ms ease-in-out;
}

.ctpl-nav-label-inner:before,
.ctpl-nav-label-inner:after {
content: "";
position: absolute;
width: 100%;
left: 0;
border-top: 3px solid #0E46AB;
transition: transform 150ms ease-in-out, top 150ms ease-in-out, bottom 150ms ease-in-out, border-width 150ms ease-in-out;
transform-origin: center;
}

.ctpl-nav-label-inner:before {
top: -10px;
}

.ctpl-nav-label-inner:after {
bottom: -7px;
}

#ctpl-nav-checkbox {
display: none;
}

#ctpl-nav-checkbox:checked + .ctpl-container .ctpl-nav-label-inner {
border-color: transparent;
}

#ctpl-nav-checkbox:checked + .ctpl-container .ctpl-nav-label-inner:before {
transform: rotate(45deg);
top: -5px;
border-width: 4px;
}

#ctpl-nav-checkbox:checked + .ctpl-container .ctpl-nav-label-inner:after {
transform: rotate(-45deg);
bottom: 1px;
border-width: 4px;
}

#ctpl-nav-checkbox:checked + .ctpl-container .j-nav-level-0 {
display: flex;
}



@media (max-width: 767px) {
#ctpl-nav-checkbox:checked + .ctpl-container .j-nav-level-0 {
display: flex;
flex-direction: column;
margin-bottom: 50px;
}
}

@media (max-width: 767px) {
.j-nav-level-0 > li a {
display: block;
border-bottom: 1px #ccc solid;
border-radius: 0;
padding: 10px 70px 10px calc(5vw + 5px);
font-size: 1rem;
}
.j-nav-level-1 > li > a {
padding-left: calc(5vw + 25px);
}
}



@media (max-width: 767px) {
.jmd-nav__toggle-button {
display: block;
}
}

@media(min-width: 768px) {
.jmd-nav__toggle-button {
display: none;
}
}


.jmd-nav__toggle-button {
right: 5px;
top: 2px;
}


.jmd-nav__toggle-button {
width: 40px;
height: 40px;
position: absolute;
outline: 0;
cursor: pointer;
border: none;
-webkit-tap-highlight-color: transparent;
text-align: center;
border-radius: 0;
}

.jmd-nav__toggle-button:before,
.jmd-nav__toggle-button:after {
content: "";
position: absolute;
border-radius: .1rem;
width: 16px;
height: 2px;
left: 12px;
top: 19px;
background-color: #999;
transition: transform .1s ease-in-out;
}

.jmd-nav__toggle-button:before {
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}


.jmd-nav__item--last-opened>.jmd-nav__toggle-button:before {
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}

.jmd-nav__item--last-opened>ul {
display: block;
}

@media(max-width: 767px) {
#cc-m-10367555586  {
display: flex;
flex-direction: column-reverse;
}
}

@media(max-width: 1135px) {
.cc-m-gallery-cool img {
width: 100% !important;
height: auto !important;
margin-right: 0 !important;
}
}


.j-formnew form input,
.j-formnew form textarea {
width: 90% !important;
margin: 5px;
padding: 4px 7px;
box-sizing: border-box;
border-radius: 4px;
}


.ctpl-main .project-image img {
object-fit: cover;
width: 100%;
height: 230px;
}