/* Basic styles modifiers */
/* 
    ul background is in conflic with language bar styles.
    So I set it transparent globally
*/
ul{
    background-color: transparent !important;
}
body{
    font-family: "Montserrat", "Fira Sans", "Lato", sans-serif !important;
}
a{
    color: #336699;
}

.forceCenterAligment h4{
    text-align: center;
    margin: 10px auto !important;
}

/* Rounded photo in the sidebar */
.sideBarHeroImage img {
    border-top: 5px solid #005abb !important;
    border-bottom: 5px solid #fdd400 !important;
    border-left: 5px solid #73aed5 !important;
    border-right: 5px solid #73aed5 !important;
    border-radius: 50%;
}
.sideBarHeroImage .avatar-logo img {
    border-top: 5px solid #005abb !important;
    border-bottom: 5px solid #fdd400 !important;
    border-left: 5px solid #373737 !important;
    border-right: 5px solid #373737 !important;
}
/* End of rounded photo in the sidebar */

/* Slideshow style mods */
/*.customSlideshow .g-slideshow-top-title .g-slideshow-main-title{*/
/*    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;*/
/*}*/
.customSlideshow h1{
    text-shadow: 2px 2px 2px #000;
}
.customSlideshow h3{
    text-shadow: 2px 2px 2px #000;
}
/* End of slideshow style mods */

/* Custom Courusel */
.customCarousel{
    margin: 0;
}
.customCarousel h1, h2{
    /*color: #373737;*/
    /*color: #5095bb;*/
    /*text-shadow: 3px 4px 4px #a3a3a3;*/
}
.customCarousel .g-owlcarousel-item-title{
    justify-content: start !important;
}
.customCarousel .g-owlcarousel-item-content-wrapper{
    
}
.g-owlcarousel-item-button {
    border: 3px orange solid !important;
    /*opacity: 0.7;*/
    color: orange !important;
}
/* End of Custom Courusel */


.customCard .jl-card-body{
    background-color: #619fc9;
}





.customFooter{
    /*position: absolute;*/
    bottom: 0;
    /*width: 100%;*/
}

.topStyles .mod-languages{
    float: right;
    max-width: 70px;
}
.topStyles #language_btn_131{
    background-color: #000 !important;
}
.topStyles #language_btn_131 A{
    color: #000;
}
.topStyles #language_btn_131 A:hover{
    color: #000;
}
.topStyles #language_btn_131 LI{
    color: #000;
}
#g-top{
    background-color: #000 !important;
}

/* 
    lang-div: removes from usual Gantry position
    and put it at the top left of the creen. Also removes unneeded
    styling
*/
.lang-div{
    z-index: 100 !important;
    /*position: absolute; */
    /*left: 5px;*/
    /*top: 5px;*/
}
.lang-div .g-content{
    /*margin: 0 !important;*/
    /*padding: 0 !important;*/
}
.lang-div button{
    background-color: transparent;
    margin: 0 !important;
    padding: 5px 10px !important;
}
.lang-div .mod-languages__select, .btn-group{
    background-color: transparent !important;
    margin: 0 !important;
    padding: 5px 10px !important;
}
.lang-div li, ul{
    background-color: transparent !important;
    padding: 0 !important;
    margin: 3px 0 3px 12px !important;
    border: none !important;
}
.lang-div .dropdown-menu{
    background-color: transparent !important;
}
.lang-div a{
    color: #fff !important;
    padding: 0 !important;
    margin: 0 !important;
    font-weight: bold;
}
.lang-div li a:hover{
    background-color: transparent !important;
    color: #ff3300 !important;
}
/* End of language-related styles */


.menu__wrap ul{
    width: 90% !important;
    background-color: transparent !important;
}

/* Bootstrap modifiers */
.g-content{
   text-align: left; 
}
.custom-left-sidebar .g-content{
    text-align: center;
}
/* End of Bootstrap modifiers */