:root {
    --sy-font-size-base: 1.6rem;
    --sy-color-text-heading-alternative: var( --sy-color-black );
}

@font-face {
   font-family: BagindaScript;
   src: url( '../webfonts/BagindaScript.otf' ) format( 'opentype' );
}

.pb--0 { padding-bottom: 0!important; }

.alt-text {
    font-family: 'mr-eaves-modern', sans-serif;
    font-weight: 300;
    font-style: normal;
}

.alt-text--bagindascript > * {
    font-family: 'BagindaScript';
    font-size: 200%;
    font-weight: 400 !important;
}

.col-inner > .scroll-to-next.scroll-to-next-section { 
    color: var( --sy-color-darkiron );
}

.dark, .dark p, .dark td, .dark h1 {
    color: #eeeee3
}
p > a { color: #111111; }

body { background-color: #e6e6e6 }

/* WELCOME SPLASH */
.bg--gradient.is-full-height { height: 100vh !important; }
.bg--gradient.bg--page-loader,
.bg--gradient.darkgray-gray {
    background: rgb(45,46,50);
    background: -moz-linear-gradient(180deg, rgba(45,46,50,1) 0%, rgba(115,112,96,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(45,46,50,1) 0%, rgba(115,112,96,1) 100%);
    background: linear-gradient(180deg, rgba(45,46,50,1) 0%, rgba(115,112,96,1) 100%);
}
.bg--gradient.gray-darkgray {
    background: rgb(45,46,50);
    background: -moz-linear-gradient(0, rgba(45,46,50,1) 0%, rgba(115,112,96,1) 100%);
    background: -webkit-linear-gradient(0, rgba(45,46,50,1) 0%, rgba(115,112,96,1) 100%);
    background: linear-gradient(0, rgba(45,46,50,1) 0%, rgba(115,112,96,1) 100%);
}
.bg--gradient.portfolio {
    background: rgb(29,34,31);
    background: -moz-linear-gradient(180deg, rgba(29,34,31,1) 0%, rgba(50,55,45,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(29,34,31,1) 0%, rgba(50,55,45,1) 100%);
    background: linear-gradient(180deg, rgba(29,34,31,1) 0%, rgba(50,55,45,1) 100%);
}

.bg--transparent, .bg--transparent a.hotspot { background-color: transparent !important; }

.hotspot--icon-dark a.hotspot { color: #000000; }

/* HEADER */
@media screen and (max-width: 849px) {
    .medium-logo-left .logo:last-child {
        display: none;
    }
}
@media screen and (min-width: 850px) {
    .header-wrapper .container { padding-left: 30px; padding-right: 30px; }
    .medium-logo-left .logo:first-child {
        display: none;
    }
    .medium-logo-left .logo:last-child {
        width: 300px !important;
    }
    .medium-logo-left .logo a {
        max-width: 300px !important;
    }
    .alt-text--bagindascript > * {
        font-size: 400% ;
    }
}
.header-bottom-nav.nav-spacing-xlarge>li {
    margin: 0 90px;
}
.header-bottom-nav>li.active>a, .header-bottom-nav>li>a:hover { font-weight: 700; }

.nav-dark .nav.header-bottom-nav>li>a {
    color: rgb( var( --sy-color-white-rgb ) );
}

.banner-grid-wrapper .banner a { color: inherit; }

/* COORDINATES */
.coordinate--wrapper > span {
    display: block;
}
.coordinate--wrapper .title {
    font-size: var( --sy-sizing-13 );
}
.coordinate--wrapper .coordinate {
    font-size: var( --sy-sizing-8 );
}

.with-coordinates .text-inner { position: relative; }
.with-coordinates .text-inner > .coordinate { position: absolute; left: -20px; font-size: var( --sy-sizing-4 ); bottom: 140px; }
.with-coordinates.small-height .text-inner > .coordinate { bottom: 45px; }
.with-coordinates.small-height .text-inner > .text { position: relative; left: 30px; }

/* FOOTER */
.absolute-footer { padding: 10px 0; font-size: 1em; }
.absolute-footer.dark { color: rgb( var( --sy-color-white-rgb ) ); }

.top--min-150px { top: -150px; }
.mb--min-350px { margin-bottom: -350px !important; }

/* GRID */
.pa-r--0 { right: 0 !important; }
.pa-r--1 { right: -1em !important; }
.pa-r--2 { right: 2em !important; }
.pa-r--3 { right: -3em !important; }
.pa-r--8 { right: -8em !important; }
.pa-t--3 { top: -3em !important; }
.pa-t--8 { top: -8em !important; }
.pa-t--10 { top: -10em !important; }
.pa-t--4 { top: 4em !important; }

.minheight--100 > div { min-height: 100px; }
.minheight--200 > div { min-height: 200px; }
.minheight--300 > div { min-height: 300px; }
.minheight--400 > div { min-height: 400px; }
.minheight--500 > div { min-height: 500px; }

.banner .m--0 > p { margin: 0; }

/* PORTFOLIO DETAIL */

.absolute-footer { display: none; }