﻿
/*----------------------- Global param CSS section ---------------------------- */


a, body {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
}

h1, h2,h3, h4,h5 {
  font-family: "Century Gothic", "Tahoma", Arial, Helvetica, sans-serif!important;
}


h1 {
    font-size: 4em!important;
    padding-left: 10px;
    padding-right: 10px;
}
@media only screen and (max-width: 900px) {
h1 {
    font-size: 2em!important;
}
}

.com_content{
    /*color: #138d75!important;*/
    color: #085747;
}

.tooltip .tooltip-inner {
    background-color: #085747;
    border-radius: 10px;
}

a:link, a:visited, a:active {
    color: #138d75;
}

.btn-primary:hover {
    background-color: #37bd3cd6!important;
}


.btn {
    border-color :#138d75!important;
}


.bottom-a {
    border: none!important;
}


.container-bottom-a > div, .container-bottom-b > div, .container-banner{
        /*color: #138d75!important;*/
    color: #085747!important;

}

.card-body div, .container-bottom-b > div {
    background-color: rgba(255, 255, 255, 0.0)!important;
}



/* Global - Image thumbnail animation control*/
/* Brightness-zoom Container */
#home_com_logo, .maximenucklogo img, #footer_sy_logo, .image img {
  transition: transform 1s, filter 1.5s ease-in-out;
  transform-origin: center center;
  /*filter: brightness(100%);*/
}
/* The Transformation */
#home_com_logo:hover, .maximenucklogo img:hover, #footer_sy_logo:hover, .image img:hover {
  filter: brightness(120%);
  transform: scale(1.1);
}


/* JCE - Image in content page */

.com-content-article__body figure img {
    padding-left: 10px;
    padding-right: 10px;
}


figcaption {
    display: table-caption;
    caption-side: bottom;
    width: 100%!important;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 9pt;
    color:#138d75;
}



/* Page top offset to fit title H1 with background image */
.site-grid {
    margin-top: 20em;
    padding-top: 80px;
}


@media only screen and (max-width: 1024px) {
.site-grid {
    margin-top: 26em;
}
}


/* Module */
.card-header {
    text-align: center;
    color: #138d75;
}

.card-body {
    border: none!important;
    padding: 0px;
}



/*----------------------- Menu CSS section ---------------------------- */

/* Company logo when screen resize */
*@media only screen and (max-width: 1024px) {

.mobilemenuck-logo-center {
    width: 100vw;
}

.mobilemenuck-logo-center img {
    width: 400px!important;
}

}


.maximenuckh {
    width: 65vw;
    
}


/* Header + menu */
.maximenuck .first.level1 .titreck-title, .maximenuck .item103 > .maximenuck .titreck-title , .maximenuck .item231 .titreck-title, .maximenuck .item917 .titreck-title, div#maximenuck205.maximenuckh ul.maximenuck li.level1.parent > span.separator, .maximenuck .last.level1 .maximenuck, .maximenuck .item217 .titreck-title {
    font-weight: bold;
}

.maximenuck .first.level1 .maximenuck, .maximenuck .item231 .titreck-title, .maximenuck .item103 > .maximenuck .titreck-title, .maximenuck .item917 .titreck-title, .maximenuck .last.level1 .maximenuck, .nav-header .titreck, .maximenuck .item217 .titreck-title {
    text-shadow: 1px 1px 6px rgba(0,0,0,0.8)!important;

}

.container-header .grid-child  {
  max-width: 100%!important;
  display: flex;
  align-items: center;
  justify-content: center;
}


div#maximenuck205 ul.maximenuck li.maximenuck.level1{
    margin-left: 3em;
    margin-right: 3em;
}

ul.maximenuck {
    background: transparent!important;
    margin-top: 20px!important;
}


.maximenuck {
    margin-left: 10px!important;
    margin-right: 10px!important;
}




div#maximenuck205 ul.maximenuck li.maximenuck.level1:hover, div#maximenuck205 ul.maximenuck li.maximenuck div.floatck div.floatck, div#maximenuck205 li.maximenuck.level1 > div.floatck {
    background-color: #ffffff!important;
}



.titreck-title:hover {
    border-bottom: 1px solid #0b3b0b!important;
}

div#maximenuck205 ul.maximenuck li.maximenuck.level1 li.maximenuck > span.separator {
    border-bottom: none!important;
}


/* Apply color theme over wallpaper on Menu */
div#maximenuck205 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck205 ul.maximenuck li.maximenuck span.separator, .maximenuck .active .titreck-title, div#maximenuck205 ul.maximenuck li.maximenuck.level1.active > a span.titreck {
    color: #ffffff!important;
    mix-blend-mode: difference!important;
}


.titreck-title:hover, .maximenuck2 > .maximenuck .titreck-title {
     text-decoration: none!important;
    color: #138d75!important;   
}


.maximenuck .last.level1 .titreck-title, .maximenuck .first.level1 .titreck  {
    color: #ffffff!important;
}

.maximenuck .active.level1 {
    background: transparent!important;
}

div#maximenuck205 div.floatck a {
    color: #138d75!important;
}

.maximenucklogo {
    padding-bottom: 30px;
}

div#maximenuck205 ul.maximenuck li.maximenuck.level1:hover {
            animation: fadeInAnimation ease 1.2s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
        }
        @keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }







/* Mobile menu */
.mobilemenuck-bar-title {
    background-color: transparent!important;
}

.mobilemenuck-bar-title {
    height: 70pt;

}

.mobilemenuck-bar img {
    padding: 10pt;
}

.mobilemenuck-logo img {
    width: 70%
}

.mobilemenuck-logo-left {
    text-align: center;
}


[data-id=maximenuck205].mobilemenuck a {
    font-size: 16px!important;
    font-weight: normal!important;
    background: transparent;
    padding: 5px;
}


[data-id=maximenuck205] .mobilemenuck-bar-button {
    background: transparent!important;
    
}


[data-id=maximenuck205] .mobilemenuck-item > .level1 {
    font-size: 16px!important;
    border-radius: 0px!important;
    border-bottom: 1px dotted #ffffff;
    margin: 0px!important;
    font-weight: normal;
    padding: 5px 5px 5px 30px!important;
    background: #138d75!important;
    text-shadow: 1px 1px 6px rgba(0,0,0,0.8)!important;

}

[data-id=maximenuck205] .mobilemenuck-item > .level2 a {
    color: #0d5e4e!important;
}

[data-id=maximenuck205] .mobilemenuck-item > .level2  {
    font-size: 10pt;
    border-radius: 0px;
    border-bottom: 1px dotted #000000;
    margin: 0px!important;
    font-weight: normal;
    padding: 5px 5px 5px 70px!important;
    background: #1ccaa7!important;
}

[data-id=maximenuck205] .mobilemenuck-item > .level3 a {
    color: #138d75!important;
}

[data-id=maximenuck205] .mobilemenuck-item > .level3 {
    font-size: 10px
    border-radius: 0px!important;
    border-bottom: 1px dotted #ffffff;
    margin: 0px!important;
    padding: 5px 5px 5px 90px!important;
    background: #66ead0!important;
}

[data-id=maximenuck205] .mobilemenuck-togglericon::after {
    background-color: transparent!important;
}






/* -------------------- Background title with wallpaper: acted as header image ----------------------------- */
body {
    z-index: -2;
}


.header, .container-nav, .grid-child, .container-header .container-nav, .container-header .grid-child {
    background: transparent!important;
}


.item-image img {
  animation: zoom-in-zoom-out 3s;
}

@keyframes zoom-in-zoom-out {
  0% {
    scale: 120%;
  }
  100% {
    scale: 100%;
  }
}






h1 {
    color: #ffffff;
    text-shadow: 1px 1px 6px rgba(0,0,0,0.8);
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 330px;
    left: 0px;
    z-index: 6;
    width: 100vw;
}







/*----------------------- Content page CSS section ---------------------------- */



/* Content page */
h1 {
    text-align: center;
}



/* Centering Paragraph - To fit width */
.com-content-article__body {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}


.com-content-article__body p {
    text-align: justify;
    text-justify: inter-character;
}



/* Table */
#sy_table_info, #sy_table_info td {
    border: 1px solid #138d75;
    color: #138d75;
    background-color: #EBF4F3;
    padding:5pt;
}



/* Page pagination */
.next:hover, .previous:hover {
    background-color: #37bd3cd6;
    color: #ffffff!important;
    
}





/* Multi column card - Contact section */
.page_contact_container {
    width: 100vw;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    position: relative;
}


.page_contact {
    /*background-color: #138d75;*/
    border-radius: 15px;
    padding-left: 20pt;
    padding-right: 20pt;
    margin-bottom: 0px!important;
    min-width: 450px!important;
}


@media only screen and (min-width: 1000px) {
    .page_contact_container {
    display: flex;
}
}





/*----------------------- Footer section ---------------------------- */


/* Global: Module header title */
.moduletable h3 {
    text-align: center;
}




/* Footer */

.footer {
    background: #138d75!important;
}


.footer .grid-child {
    font-size: 9pt;
    background: transparent!important;
      max-width: 100%!important;
  display: flex;
  align-items: center;
  justify-content: center;

}


.footer .grid-child a:link, .footer .grid-child a:link, .footer .grid-child a:active {
    text-decoration: none;
    color: #ffffff!important;
}


.footer .grid-child a:hover {
    text-decoration: underline;
}


.footer .grid-child {
    flex-wrap: wrap !important;
}


#mod-custom287 {
    width: 80%;
    border-bottom: 1px dotted #ffffff;
}

#mod-custom288 {
    width: 40%;
}

#mod-custom286 {
    width: 40%;
}


@media only screen and (max-width: 1024px) {
#mod-custom287 {
    width: 100%!important;
    border-bottom: 1px dotted #ffffff;
}

#mod-custom288, #mod-custom292 {
    width: 100%!important;
    text-align: center;
        margin-left: auto;
    margin-right: auto;
    width: fit-content!important;
}
#mod-custom288 p, #mod-custom292 p {
    width: 100vw!important;
}

#mod-custom286 {
    margin-top: 20px;
    width: 100%!important;
}
#footer_sy_logo {
    display: none;
}
}




#footer_sy_logo {
    margin-left: 10px;
    margin-right: 10px;
}



/* --------------------- Module section -------------------------*/


.main-top {
    border-color: transparent!important;
}

.breadcrumb, .breadcrumb-item.active span, .breadcrumb-item {
    background-color: transparent;
    color: #138d75;
}



/* Content Free Gallery */
.sigFreeClassic {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
} 







/* Latest News Enhanced */

.newshead .picture img, .newshead .picture {
    border-radius: 10px;
}

.lnee .newsinfo {
    margin-left: 20px!important;
    margin-right: 20px!important;
}


.newsinfo .newstitle a:link, .newsinfo .newstitle a:visited, .newsinfo .newstitle a:active, .newsinfo .newstitle a:link, .newsinfo .newstitle a:visited, .newsinfo .newstitle a:active {
    text-decoration: none!important;
    color: #138d75;
}

.newsinfo .newstitle a:hover, .newsinfo .newstitle a:hover {
    color: #37bd3cd6;
}



.lnee .newsinfo .btn {
    border: 1px solid #000000;
    border-radius: 10px;
}


.lnee .newsinfo .btn:hover {
    background-color: #37bd3cd6;
    color: #ffffff;
    border: none;
}

.page-link {
    border: none!important;
}

.active .page-link {
    background: #138d75;
}


.page-link:hover {
    background: #37bd3cd6!important;
}


.pagination .active {
    text-decoration: none!important;
}


/* Simple image gallery */

ul.sigFreeClassic {
    text-align: center!important;
}

ul.sigFreeClassic li.sigFreeThumb {
    float:none!important; 
    display:inline-block!important;
}

ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink img.sigFreeImg, ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink  {
    border-radius: 5px;
    background: transparent;
}




/* Smart search module > bottom-b */

.bottom-b {
    border: none!important;
}

.card-body {
    display: flex!important;
    justify-content: center!important;
}


.card-body .mod-finder .js-finder-search-query, .form-inline .form-control {
    color: #ffffff;
    background: none;
    border: 3px solid #138d75;
    border-radius: 20px;
}


.card-body .mod-finder .mod-finder__search.input-group button, .form-inline .btn-primary {
    color: #ffffff;
    background: #138d75;
    border: 3px solid #138d75;
    border-radius: 20px;
}

.card-body .mod-finder .icon-search, .form-inline .icon-white {
    color: #ffffff;
}

.visually-hidden\" {
    display: none;
}

.awesomplete > input {
    color: #138d75!important;
}






/* --------------------- Plugin section -------------------------*/


/* Tabs & Accordian */
h3_tab_accor, h3_tab_accor:visited {
    font-size: 18pt!important;
    font-weight: bold!important;
    color:#138d75;
}


h3_tab_accor {
    line-height: 2em!important;
}

h3_tab_accor:hover {
    color:#37bd3cd6;
}


[data-rlta-element=panel] > [data-rlta-element=panel-content] {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}


[data-rlta-element=panel]  {
    border-bottom: 0px!important;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.1)!important;
}


[data-rlta-element] {
    border-bottom: 0px!important;
}




/* Scroll to top button */
.scrollToTop.visible {
    color: rgb(0, 255, 255);
    mix-blend-mode: difference;
}


.scrollToTop.snip1452::after {
    opacity: 0.5;
}






