@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700&display=swap");

:root {
    --bs-primary:#6647A9;
    --bs-primary-rgb:102,71,169;
    --bs-secondary:#EDB61A;
    --bs-secondary-rgb:237,182,26;
    --bs-green: #489636;
    --bs-red: #DD2428;
}

/* -- standard colours --*/
.btn-primary { background-color:var(--bs-primary); border-color:var(--bs-primary);}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus { background-color:var(--bs-primary); border-color:var(--bs-primary); box-shadow:inset 0 0 0 1000px rgba(0,0,0,.1);}
.btn-secondary { background-color:var(--bs-secondary); border-color:var(--bs-secondary); text-transform:uppercase; color:#fff;}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus { background-color:var(--bs-secondary); border-color:var(--bs-secondary); box-shadow:inset 0 0 0 1000px rgba(0,0,0,.1);}
.btn-white { color:#fff; border-color:var(--bs-secondary); background-color:var(--bs-secondary); font-weight:400; padding:0.45rem 0.85rem; }
.btn-white:hover { color:#fff; border-color:#fff; background-color:var(--bs-primary); }
.btn.disabled, .btn:disabled { background-color:#d3d3d3; border-color:#d3d3d3; }

.border-primary { border-color:var(--bs-primary)!important; }
.border-green { border-color:var(--bs-green)!important; }
.border-red { border-color:var(--bs-red)!important; }


.bg-green { background-color:var(--bs-green); }
.text-green { color:var(--bs-green);}
.bg-red { background-color:var(--bs-red);}
.text-red { color:var(--bs-red);}

/*.bg-beige { background-color:#fffcf5; }*/
.bg-beige { background-color:#fefefe; }

body { background-color:#fffcf5; padding-top:145px; font-family: "Baloo 2", cursive; background-image: url("/assets/images/background-image.png"); background-repeat: repeat;background-position: top center; height:100%;}

h1, h2, .h1, .h2, h3, h4 {  }
h1 { font-size:calc(2rem + 1.5vw) }
h2 { font-size:calc(1.7rem + 1.5vw) }
h2 { font-size:calc(1.6rem + 1.5vw) }

.navbar { background-color:#fffcf5; font-weight:600; border-bottom:rgba(222,222,222,.75) 2px solid;transition: all 0.7s linear;}
.navbar img { margin-top:-30px; width:200px; height:auto; transition: all 0.5s linear; }
.offcanvas { background-color:rgba(0,0,0,0);}
.nav-item { padding-left:1rem;  }
.navbar-toggler {color:#fff; border-color:rgba(102,71,169,.65)!important;border-width:2px;}
.navbar-toggler-icon {background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(102,71,169, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>")!important; }
.nav-link, .dropdown-item { color:var(--bs-primary); transition: all 0.5s ease; text-transform: uppercase;}
.nav-link:hover, .nav-link:focus, .scrolled .nav-link:hover, .scrolled .nav-link:focus, .nav-link.active { color:var(--bs-secondary)!important; }
.dropdown-item:hover, .dropdown-item.active { background:none;color:var(--bs-secondary)!important; }

.info-navbar { height:35px;}
.info-navbar i { color:var(--bs-secondary); margin-right:5px; }
.info-navbar a { color:var(--bs-primary);text-decoration:none; font-size:14px; }

.service-cards p { color:#fff; font-size:1.8rem; margin-bottom:0; }
.service-cards .col-md-6 { margin-bottom:1rem; display:flex; flex-grow:1; flex-direction: column;}
.service-cards .col-md-6 div { height:100%; display:flex; flex-direction: column; justify-content: center; align-items: center; padding:3rem; min-height:200px;}

footer h4 { padding-bottom:1rem; border-bottom:1px solid #fff;  }
footer p, a { color:#212529; }
footer img { width:200px; height:auto; margin:0.5rem;}
.copyright-banner { border-top:1px solid #ccc; background-color:#000; color:#fff; }
.copyright-banner a { color:#fff;}

.fs-md-4 { font-size:1.5rem; }

/* The dock itself */
.cta-dock{ position:fixed; top: 50%; right: 0; transform: translateY(-50%);display: flex;flex-direction: column;gap: .5rem;
    padding: .5rem;background-color:#fffcf5;border: 1px solid rgba(0,0,0,.1);border-top-left-radius: .5rem;border-bottom-left-radius: .5rem;}

/* Each block */
.cta-item{ position:relative; display: flex;flex-direction: column;align-items: center;justify-content: center;padding: .6rem .4rem;border-radius: .75rem;text-decoration: none; background: var(--bs-green);color: #fff;}
.cta-item span{ font-size: .85rem;line-height: 1.1;margin-top: .25rem;white-space: nowrap;text-align: center;}
.cta-item img { height:30px; width:30px; }

.feedback-box { background-color:rgba(var(--bs-primary-rgb), 0.07); padding:1.5rem; border-radius:var(--bs-border-radius); border:3px solid var(--bs-primary); margin-bottom:1.5rem; }

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {

}

@media (max-width: 1249.98px) {
    .nav-item { font-size:14px; margin-right:0.46rem; }

}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .navbar-collapse { max-width:100vw;position:relative;padding:15px; }
    .navbar-collapse.show, .navbar-collapse.collapsing { background-color:var(--bs-primary);width:97vw;position:absolute;top:100px;left:0;margin-left:1.5vw;margin-right:1.5vw; box-shadow: 0px 0px 10px #fff; transition: height 0.20s ease-in-out;}
    .nav-item { height:auto;  display:block; font-size:13px; margin-right:0.46rem; padding-left:0.5rem; }
    .nav-link { margin:auto;margin-left:0;font-size:13px; }
    .nav-link:hover, .nav-link:focus { color:var(--bs-secondary); }
    footer img { width:100px; }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .navbar-collapse { max-width:100vw;position:relative;padding:15px; }
    .navbar-collapse.show, .navbar-collapse.collapsing { background-color:var(--bs-primary);position:absolute;top:100px;left:0;margin-left:1.5vw;margin-right:1.5vw; box-shadow: 0px 0px 10px #fff; transition: height 0.20s ease-in-out;}
    .fs-md-4 { font-size:1rem; }
    .nav-link { color:#fff; }


}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .navbar img { margin-top:-30px; width:150px; }
    .crayon-img { width:100px!important; }
    .crayon-img-wrapper { right:25px!important; }
    .service-cards .col-md-6 div { padding:2rem;}

    body { padding-bottom:74px; } /* allowing space for the cta-dock */

    .cta-dock{ position: fixed;left: auto;right: auto;bottom: 0;z-index: 1050;top:auto;
        flex-direction: row;transform: translateY(0%);align-items: center;justify-content: center;
        width: 100%;border-top: 1px solid #dee2e6;border-radius: 0;
    }
    .cta-item { height:100%;  width:25%; }
    .cta-item img { width:20px; height:20px; }
    .cta-item span { font-size: .75rem; }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .info-navbar p { font-size:14px; }
    .navbar img { margin-top:-10px; width:125px; }
}