/* Add here all your css styles (customizations) */
[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
[data-title]:after {
    content: attr(data-title);
    background-color: #00FF00;
    color: #111;
    font-size: 150%;
    position: absolute;
    padding: 1px 5px 2px 5px;
    bottom: -1.6em;
    left: 100%;
    white-space: nowrap;
    box-shadow: 1px 1px 3px #222222;
    opacity: 0;
    border: 1px solid #111111;
    z-index: 99999;
    visibility: hidden;
}
[data-title] {
    position: relative;
}

[excelsheet-container] {
	position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}

[excelsheet-container] iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.equal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.equal > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.g-custom-secondary-bg-color {
    background-color: rgb(103, 182, 211);
    ;
}

.g-custom-secondary-lite-color {
    background-color: rgba(103, 182, 211, 0.05);
}



@media only screen and (max-width: 991px) {
    chart.flexheight {
        width: 100%;
        margin: auto;
        position: relative;
        display: block;
        height: 80vh;
    }
}

@media only screen and (min-width: 992px) {
    chart.flexheight {
        width: 100%;
        display: block;
        height: 40vh;
    }
}

@media print {
    canvas.chart-canvas {
        min-height: 100%;
        max-width: 100%;
        max-height: 100%;
        height: auto !important;
        width: auto !important;
    }
}

@media print {
    canvas {
        page-break-after: always;
    }

    .nav-bar {
        page-break-after: always;
    }
}

@font-face {
    font-family: "Kenac";
    src: local("Kenac-Bold"), url("/fonts/Kenac-SemiBold.otf") format("opentype");
}

@font-face {
    font-family: "KenacIt";
    src: local("Kenac-SemiBoldIt"), url("/fonts/Kenac-SemiBoldIt.otf") format("opentype");
}

@font-face {
    font-family: "CramptonSemiBold";
    src: local("CamptonSemiBold"), url("/fonts/CamptonSemiBold.otf") format("opentype");
}

.heading-home {
    font-family: "Kenac", Georgia,Times,serif;
}

.g-font-size-60--sm {
    font-size: 5rem !important;
}

.g-font-size-50--sm {
    font-size: 4rem !important;
}

@media only screen and (min-width: 415px) and (max-width: 768px) {
    .g-bg-hero-container {
        background-image: url('/media/website/temp/HeroImageMobile.jpg');
        height: 1200px;
    }

    .g-bg-hero-text {
        position: relative;
        top: 450px;
        left: 60px;
        width: 90%;
    }

   
}


@media only screen and (max-width: 414px) {

    .g-bg-hero-text {
        position: relative;
        top: 230px;
        left: 30px;
        width: 90%;
    }

    .g-bg-hero-container {
        height: 600px;
        background-image: url('/media/website/temp/HeroImageMobile.jpg');
    }
}


@media only screen and (min-width: 769px) and (max-width: 819px) {
    .g-bg-hero-container {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: left;
        height: 750px;
        background-image: url('/media/website/temp/HeroImageDesktop.jpg');
    }


    .g-bg-hero-text {
        position: relative;
        top: 50px;
        left: 325px;
        width: 90%;
    }

    .g-bg-img-hero {
        background-position: center;
    }

}

@media only screen and (min-width: 820px) and (max-width: 1199px) {
   
    .g-bg-hero-text {
        position: relative;
        top: 50px;
        left: 30px;
        width: 90%;
    }

    .g-bg-img-hero {
        background-position: center;
    }

    .g-bg-hero-container {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: left;
        height: 750px;
        background-image: url('/media/website/temp/HeroImageDesktop.jpg');
    }

}


@media only screen and (min-width: 1200px) {

    .g-bg-img-hero {
        background-position: center;
    }

    .g-bg-hero-container {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: left;
        height: 750px;
        background-image: url('/media/website/temp/HeroImageDesktop.jpg');
    }

    .g-bg-hero-text {
        position: relative;
        top: 50px;
        left: 325px;
        width: 90%;
    }
}



.heading-home-blue {
    color: #0ac;
    font-family: "KenacIt", Helvetica, Arial, sans-serif;
}

.heading-home-green {
    color: #68a236;
    font-family: "KenacIt", Helvetica, Arial, sans-serif;
}

.subheading-home {
    font-family: "CramptonSemiBold", Helvetica,Arial,sans-serif;
}