/******************
    MOBILE FIRST
*******************/

/* MAIN HTML ELEMTS
-------------------------------------------------- */
html,
body{
    font-family: 'Open Sans', Calibri, sans-serif;
    color: #1A3954;
    height: 100%;
}

header{
    height:50px;
}

section{
   /* margin-top: 50px;*/
}

footer{
    background: #333;
}
/* CAROUSEL
-------------------------------------------------- */
#myCarousel{
    margin-top: -50px;
}

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* SECTION
-------------------------------------------------- */
        /* SUBMenu
        -------------------------------------------------- */
        .submenu{
            border-width:0px 4px;
            border-color: transparent ;
            border-style: solid;
        }

        .submenu a {
            background-color: #1A3954 !important;
        }

        li.submenu a.smoothScroll{
            overflow :hidden;
        }

        /* Else
        -------------------------------------------------- */
        div.text-rows div.row:last-child{
            padding-bottom: 5em;
        }


        .scrollToTop{
            padding:10px;
            text-align:center;
            background: lightgrey;
            opacity: 0.6;
            font-weight: bold;
            color: #444;
            text-decoration: none;
            position:fixed;
            bottom:25px;
            left:20px;
            display:none;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            z-index: 2;
        }
        .scrollToTop:hover{
            text-decoration:none;
        }

        .no-padding{
            padding : 0px !important;
            background-color: #FFFFFF;
        }

        section div.grey-row{
            background-color: #f5f5f5;
        }

        /* Level 2 list */
        .l2{
            list-style-type: circle;
            margin-left: 20px;
        }
            /* Level 3 list */
        .l3{
            list-style-type: square;
            margin-left: 40px;
        }
/* NAVBAR
-------------------------------------------------- */
nav.navbar {
    margin-bottom:0px;
    opacity:0.9;
}

ul#nav-comp li{
    margin-left: 0px;
    margin-bottom: 2px;
}

/* RIGHT IMG
-------------------------------------------------- */
.row > .no-left-padding{
    padding: 0px;
}

.fixed-pos{
    position: fixed;
    bottom:0;
}

.right-img{
    width: inherit;
    height: 100%;
    overflow: hidden;
    z-index: -10;
}

/* BREADCRUMBS
-------------------------------------------------- */
.breadcrumb {
    /*background-color: #1A3954;*/
    margin-top:20px;
    text-align: left;
}

/* FOOTER
-------------------------------------------------- */
footer h3 {
    color: #ccc;
}

/* MISC
-------------------------------------------------- */
hr.news-sep {

}

hr.footer-sep {
    background: #bbb;
    margin-bottom: 0;
}

h1.text-border{
    /*text-shadow: 0 0 #1A3954, 0 0 #1A3954, 1px 0 #1A3954, 0 -1px #1A3954;*/
}

h2{
    text-align: left;
}

a.vcard{
    background-image: url("../img/vcard.png");
    height: 16px;
    width: 16px;
    display: inline-block;
}

a.linkedin{
    background-image: url("../img/lin.png");
    height: 16px;
    width: 16px;
    display: inline-block;
}

.margin-top{
    margin-top: 15px;
}

.footer-title{
    font-size: 16px ;
}



/* RESPONSIVE CSS -- Media Queries
-------------------------------------------------- */
@media (min-width: 768px) { /*Above 768 px */
    /* MAIN HTML ELEMTS
    -------------------------------------------------- */
    div.block{
        padding: 0px 30px 0px 30px;
    }
}