@charset "UTF-8";
/*
Theme Name: Lassi Jääskeläinen tmi Theme for own site
Theme URI: http://lassijaaskelainen.fi
Author: Lassi Jääskeläinen
Author URI: http://lassijaaskelainen.fi
Description: Lassi Jääskeläinen tmi theme for own site
Version: 1.0
Text Domain: ljtmi_live

Main style sheet for the theme.


*/

body {
    background-color:#F2F2F2;
    color:#6b6b6b;
    padding-top:40px;
    /* font-family: Tahoma, Geneva, sans-serif */
    font-family: Tahoma, Geneva, sans-serif;
}

img {
    width:100%;
    height:auto;
}

.admin-bar .sticky-header {
    top: 32px;
}

a:link, a:visited {
    color:rgba(255, 255, 255, 1.0);
    text-decoration: none;
}

a:hover, a:active {
    color:rgba(255, 255, 255, 1.0);
    text-decoration: underline;
}

.navi {
    color:white;
    background-color:#004d77;
    text-transform: uppercase;
    font-weight: 400;
    font-size:0.85rem;
    font-family: Tahoma, Geneva, sans-serif
}

a.navilink:link, .navilink:visited {
    font-weight: bold;
    color:rgba(255, 255, 255, 1.0) !important;
    text-decoration: none;
    padding-top:1rem;
    padding-bottom:1rem;
}

a.navilink:hover, .navilink:active {
    font-weight: bold;
    color:#F2BC57 !important;
    text-decoration: none;
    padding-top:1rem;
    padding-bottom:1rem;
}

a.brandlink:link, .brandlink:visited {
    text-decoration: none;
    text-transform: none;
    font-weight: 400;
    font-size:1.1rem;
}

a.brandlink:hover, .brandlink:active {
    text-decoration: underline;
    text-transform: none;
    font-weight: 400;
    font-size:1.1rem;
}

.navi-ul li:hover {
    background-color:white;
}
.navi-ul li.show:hover {
    background-color:#004d77;
}

@media only screen and (max-width: 1024px) {
    .navi-ul li:hover {
        background-color:transparent;
    }
    .navi {
        min-height:50px;
    }
}

.banner-container {
    background-color: white;
}

.banner-img {
    height:100%;
    width:100%;
}

.bg-fully-white {
    background-color: white;
}

.frontpage-header-banner {
    background-image: url(img/banner_coding_small.png);

    background-position: center center;

    background-repeat: no-repeat;

    /* Background image is fixed in the viewport so that it doesn't move when
       the content's height is greater than the image's height
    background-attachment: fixed;
    */
    background-size: cover;
    background-color: #004d77;
    height:400px;
}

.padding-header-banner {
    padding-top: 8.5rem;
}

@media only screen and (max-width:1024px) {
    .frontpage-header-banner {
        height:350px;
    }
    .padding-header-banner {
        padding-top: 6.4rem;
    }
}

.content-main {
    background-color:white;
}

.main-page-text-color {
    color:#303030;
    font-family: 'Raleway', sans-serif;
}

div.content-main a:link {
    color:darkblue;
    text-decoration: none;
}

div.content-main a:visited {
    color:darkblue;
    text-decoration: none;
}

div.content-main a:hover {
    color:blue;
    text-decoration: none;
}

div.content-main a:active {
    color:blue;
    text-decoration: none;
}

div.content-main h1 {
    color:#034873;
    font-family: 'Raleway', sans-serif;
}

div.content-main h2 {
    color:#034873;
    font-family: 'Raleway', sans-serif;
}

div.frontpage-header-banner h1 {
    color:white;
    font-family: 'Raleway', sans-serif;
}

div.frontpage-header-banner h2 {
    color:white;
    font-family: 'Raleway', sans-serif;
}

div.frontpage-header-banner h3 {
    color:white;
    font-family: 'Raleway', sans-serif;
}

div.frontpage-header-banner h4 {
    color:white;
    font-family: 'Raleway', sans-serif;
}

div.frontpage-header-textbox h4 {
    color:#034873;
    font-family: 'Raleway', sans-serif;
}

div.frontpage-header-banner p {
    color:white;
}

div.frontpage-header-textbox p {
    color:black;
}

.heading-blog {
    color:#bf9545 !important;
    font-size:3.2rem;
}
.frontpage-header-textbox {
    color:black;
    background-color: rgba(255, 255, 255, 0.7);
    border: 3px solid #034873;
    border-radius:10px;
}

.frontpage-first-content {
    /*background-color:rgba(0, 77, 119, 0.85);*/
    background-color: white;
}

.frontpage-between-first-content {
    background-color:white;
    height:100px;
}

.spacing-main-content {
    height:56px;
}

.spacing-sides {
    background-color: white;
}

.spacing-featured-image {
    height:25px;
}

.spacing-frontpage-banner {
    background-color: white;
    height:32px;
}

.spacing-before-footer {
    height:80px;
    background-color: white;
}

.spacing-before-main {
    height:45px;
    background-color: white;
}

@media only screen and (max-width: 1200px) {
    .spacing-frontpage-header-banner {
        height:1.0rem;
    }
}

.footer {
    color:white;
    min-height:150px;
    background-color:#F2BC57;
}

@media only screen and (max-width: 996px) {
    .footer {
        min-height: 75px;
    }
}

.tofadein-first {
    opacity: 0.0;
}

.tofadein-second {
    opacity: 0.0;
}

.main-page {
    min-height:800px;
}

@media only screen and (max-width: 768px) {
    .main-page {
        min-height:300px;
    }
}

.border-rounded {
    border-radius: 25px;
}

.border-gray {
    border: 1px solid gray;
}