/* 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;
}
a{
    color: #336699;
}

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

/* Rounded photo in the sidebar */
.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 {
    margin: 0 !important;
    padding: 0 !important;
    background-color: tomato !important;
}

.customSlideshow h1{
    text-shadow: 2px 2px 2px #000;
}
.customSlideshow h3{
    text-shadow: 2px 2px 2px #000;
}
.customSlideshow{
    background-size: contain;      /* ensures full image is visible */
    background-position: right center; /* keeps your photo aligned to the right */
    background-repeat: no-repeat;
    background-color: #f0f0f0; 
}

/* End of slideshow style mods */

/* Main links style mods */

.mainLinks {
    padding: 15px !important;
    text-align: center !important;
}
.mainLinks .g-content{
    padding: 15px !important;
    text-align: center !important;
}
/* End of Main links style mods */

.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;
}
.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 */


@media (max-width: 767px) {
  .customSlideshow{
    background-image: url(/images/Kopchinskiy-hero-image-900px-left-position.jpg) !important;
    background-size: contain;      /* ensures full image is visible */
    background-position: right center; /* keeps your photo aligned to the right */
    background-repeat: no-repeat;
    background-color: #f0f0f0; 
}
}

@media (max-width: 576px) {
  .customSlideshow{
    background-image: url(/images/Kopchinskiy-hero-image-900px-left-position.jpg) !important;
    background-size: contain;      /* ensures full image is visible */
    background-position: right center; /* keeps your photo aligned to the right */
    background-repeat: no-repeat;
    background-color: #f0f0f0; 
}
}