﻿/* Custom Styles */
body, #page-content-title .title-description { font-family:'Trebuchet MS'; }
body { font-size:14px; }
body { line-height:1.7; }
h1, h2, h3, h4, h5, h6, #slogan, .single-post-categories { font-family:'Trebuchet MS'; }
h1, h2, h3, h4, h5, h6 { line-height:1.2; }
#top-elements { height:112px; }
#logo h1 a, #logo .site-name a { background:transparent url( http://ffri.hr/spiri/wp-content/uploads/2018/08/spiri19_transparent_miniwebfin.png ) no-repeat 0 100%; width:333px; height:140px; }       
#slogan { 
    top:100px;
    left:0px;
}
#slogan { font-size:12px; }
#navigation-menu { font-family:'Trebuchet MS'; }
#navigation-menu { font-size:15px; }
#navigation-menu > ul.sf-menu { margin-top:0; }
    #main-menu { background:none; }
h1 {font-size:2.2596em; }
h2 {font-size:2.0004em; }
h3 {font-size:1.8em; }
h4 {font-size:1.5996em; }
h5 {font-size:1.5em; }
h6 {font-size:1.2996em; }
    
#page-content-title #page-title h1,
#page-content-title #page-title h2,
#page-content-title #page-title h3,
#page-content-title #page-title .single-post-categories {margin:0;padding:0;height:0;text-indent:-9000px;}

.post-top h1, .post-top h2, .post-top h3 { font-size:2.28em; }

#sidebarSubnav h3, h3.bottom-col-title {font-size:1.452em; }

.portfolio-items-wrapper h2 {font-size:1.5996em !important; }
h2.portfolio-single-column {font-size:2.0004em !important; }

#gs-header #header-content { width:940px; }
    #c1-slider { background-image:none; width:940px; }
    #c1-slider li { width: 940px; }
    #c1-header .c1-slideshow { padding: 10px 0; }
    .c1-slide-img-wrapper { padding: 13px 0; }
    #c1-shadow { margin:-309px auto 0; }
#c2-slider .slide-desc h2, #c2-slider .slide-desc { color:#333333; }
#c2-slider .slide-desc h2 { font-size:1.8em !important; font-family:'Trebuchet MS'; line-height:1.7; }
#c2-slider .slide-desc p, #c2-slider .slide-desc ul { font-size:1.2em; line-height:1.7; }
#c3-slider .sliding-text { color:#FFFFFF; font-size:1.2em; line-height:1.7; }


    #navigation-menu > ul.sf-menu { float:right; }
    
/* secondary nav bar items' alignments */
#sec-nav-text-area-1 { text-align: left; }
#sec-nav-text-area-2 { text-align: right; }
#sec-nav-menu-area { text-align: center; }
    

body, .posts-counter, h3.accordion-toggle a { color:#E8E8E8; }
a, #isotope-options li a:hover, #isotope-options li a.selected, h3.accordion-toggle.active a { color:#1DABCF; }
a:hover, .post-top h2 a:hover, .post-top h3 a:hover, #isotope-options li a { color:#A0FAF7; }
.custom-formatting li.current_page_item > a, .custom-formatting li.current-menu-item > a, .custom-formatting li.current-cat > a, .custom-formatting li.current > a { color: #A0FAF7; }
.custom-formatting li.current_page_item > a:hover, .custom-formatting li.current-menu-item > a:hover,.custom-formatting li.current-cat > a:hover, .custom-formatting li.current > a:hover { color: #1DABCF; }
h1,h2,h3,h4,h5,h6, .post-top h2 a, .post-top h3 a  { color:#9D5AB8; }
    #top-wrapper { background: url("http://ffri.hr/spiri/wp-content/uploads/2018/09/cover_techbrain6.png") no-repeat scroll right top #111012; }
#slogan, #top-elements .phone-number, #top-elements .social_media_title, #search input.blur, #search input.inputbox_focus { color:#969696; }
#slogan{ color:#969696; }
    #gs-header, #piecemaker-header, #c1-header, #c2-header, #c3-header, #rev-slider-header { background-color:#1A1B1C; }
    #main-menu {
        background-color: #000000; /* the fallback */
        background-color: rgba(0,0,0,0);
    }
@media screen and (min-width: 720px) {
    .u-design-fixed-menu-on.fixed-menu #main-menu {
        background-color: #000000; /* the fallback */
        background-color: rgba(0,0,0,0);
    }
}
#navigation-menu ul.sf-menu > li > a > span { color:#F5F5F5; }
#navigation-menu ul.sf-menu > li.current-menu-item > a > span, #navigation-menu ul.sf-menu > li.current_page_item > a > span { color:#F1FF52; }
#navigation-menu ul.sf-menu > li.current-menu-item > a > span:hover, #navigation-menu ul.sf-menu > li.current_page_item > a > span:hover { color:#A0FAF7; }
#navigation-menu ul.sf-menu > li > a:hover span { color:#A0FAF7; }
#navigation-menu ul.sf-menu a, #navigation-menu ul.sf-menu a:visited {color: #B8B8B8; }
#navigation-menu ul.sf-menu a:hover  { color:#4ABFE6; }
#navigation-menu ul.sf-menu li li {
    background-image: none;
    margin-bottom: 1px;
    background-color: #000000; /* the fallback */
    background-color: rgba(0,0,0,0.95);
}
#secondary-navigation-bar-wrapper  {
    background-color: #212121; /* the fallback */
    background-color: rgba(33,33,33,0.95);
}
#secondary-navigation-bar-content  { color:#E8E8E8; }
#secondary-navigation-bar-content a { color:#A3A3A3; }
#secondary-navigation-bar-content a:hover { color:#1DABCF; }
#page-content-title #page-title h1,
#page-content-title #page-title h2,
#page-content-title #page-title h3,
#page-content-title #page-title .single-post-categories { color:#7F3F98; }
    #page-content-title { background-color:#1A1B1C; }
    #before-content { background: url("../common-images/home-page-before-content-top.png") repeat-x scroll 0 0; }
    #home-page-content, #page-content, #footer-bg { background: url("../common-images/home-page-content-top.png") repeat-x scroll 0 0; }
    #home-page-content, #page-content, .no_title_section #page-content { background-color:#1E2129; }
h3.before_cont_title { color:#7F3F98; }
#before-content { color:#333333; }
    #before-content { background-color:#1E2129; }
    #bottom-bg { background-color: #1E2129; }
h3.bottom-col-title { color: #E6B54A; }
#bottom, #bottom .textwidget, #bottom #wp-calendar, #bottom .posts-counter { color: #333333; }
#bottom a { color: #3D6E97; }
#bottom a:hover { color: #000000; }
    #footer-bg { background: url("http://ffri.hr/spiri/wp-content/uploads/2018/09/footer.png") repeat-x scroll left bottom #1E2129; }
body { background-color: #1E2129; }
#footer, #footer_text { color: #D0D1D3; }
#footer a, #footer_text a { color: #5CE0D1; }
#footer a:hover, #footer_text a:hover { color: #E6E6E6; }


@media screen and (min-width: 720px) {
    .u-design-fixed-menu-on.fixed-menu #top-wrapper { background-color:#111012; }
    .u-design-fixed-menu-on.fixed-menu #navigation-menu > ul.sf-menu { background-color: transparent; }
        .u-design-fixed-menu-on.fixed-menu #navigation-menu > ul.sf-menu {
          margin-left: 0;
          margin-right: 0;
        }
}
    @media screen and (min-width: 720px) {
        .u-design-fixed-menu-on.fixed-menu #top-wrapper {
            -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
               -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
                    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
        }
    }
    /* BEGIN: STICKY FOOTER CSS */
    html, body { height: 100%; }
    #wrapper-1 { min-height: 100%; }
    #wrapper-1 { background-color: inherit;}
    .push {
        overflow:auto;
        padding-bottom: 44px; 
    }
    #footer-bg {
        position: relative;
        margin-top: -44px; /* negative value of footer height */
        height: 44px;
        clear:both;
    }
    /* Opera Fix */
    body:before {
        content:"";
        height:100%;
        float:left;
        width:0;
        margin-top:-32767px;
    }
    /* END: STICKY FOOTER CSS */
