/*
 Theme Name:   Ioncell
 Theme URI:    http://ioncell.fi
 Description:  Ioncell theme
 Author:       Jyri Öhman / Kilda
 Author URI:   http://kilda.fi
 Template:     twentyfifteen
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/

body{
    border-left: 25px solid #026468;
    color: #000;
    font-family: "sofia-pro";
    font-size: 20px;
    letter-spacing: -0.01em;
    line-height: 1.35;
    margin: 0;
}

#page{
    overflow: hidden;
}

#logo{
    position: relative;
    z-index: 1001;
}

h1, h2, h3, h4, h5, h6{
    font-family: "freight-big-pro";
    letter-spacing: 0;
}

h1{
    font-size: 60px;
    line-height: 1;
}

h2{
    font-size: 40px;
}

h3{
    font-size: 30px;
}

a, a:link, a:visited{
    border-bottom: 1px solid #026468;
    color: #026468;
    display: inline;
    padding-bottom: 1px;
    text-decoration: none;
}

a:hover, a:visited{
    border-color: 1px solid #C8E4DA;
}

#header a, .menu a{
    border-bottom: 0 !important;
}

#header .twitter{
    height: auto;
    max-width: 25px;
}

ul li{
    padding: 0 0 10px 0;
}

strong{
    font-weight: 600;
}

#subscribe a{
    border: 0 !important;
    cursor: pointer;
    padding: 20px 30px;
    position: fixed;
    right: 50px;
    top: 50px;
    z-index: 1001;
}

#twitter a{
    border: 0 !important;
    cursor: pointer;
    padding: 20px 30px;
    position: fixed;
    right: 50px;
    top: 100px;
    z-index: 1001;
}

#header_logo img{
    max-width: 100px;
}

#footer_logo img{
    max-width: 100px;
}

.university_logo img{
    max-width: 100px;
}

.university_logo .fl-photo{
    text-align: left;
}

iframe{
    width: 100%;
}

.infographic{
    min-height: 200px;
}

.infographic h1{
    color: #026468;
    font-size: 72px;
}

.fl-accordion-button{
    padding: 10px 0 !important;
}

.fl-accordion-content{
    padding: 0 !important;
}

#media a{
    border: 0 !important;
}

#media img{
    filter: gray; /* IE6-9 */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    zoom: 1;
    filter: alpha(opacity=75);
    opacity: 0.75;
}

.ff-btn{
    background: #026468 !important;
    border: 0 !important;
    border-radius: 100px !important;
    -moz-border-radius: 100px !important;
    -webkit-border-radius: 100px !important;
}

/* Slider */

.bx-pager-link{
    background: #c8e4da !important;
    border: none !important;
}

.bx-pager-link.active{
    background: #026468 !important;
}

/* Accordion */

.fl-accordion img{
    margin-right: 25px;
    max-width: inherit;
}


@media only screen and (device-width: 768px){

}

@media screen and (max-width: 1024px){
    
    .fl-slide-mobile-photo{
        display: none;
    }
    
    .fl-slide-bg-photo{
        height: 500px;
    }
    
    .fl-slide-content{
        background: #fff !important;
    }
    
    .fl-slide-content *{
        color: #000 !important;
    }
    
}

@media screen and (max-width: 680px){

    body{
        border-left: 10px solid #026468;
    }
    
    .fl-col-small{
        min-height: 100px;
    }
    
    .fl-row-content-wrap{
        padding: 0 !important;
    }

    h1{
        font-size: 42px;
    }

    h2{
        font-size: 36px;
    }
    
    .empty{
        display: none !important;
    }
    
    #subscribe a{
        display: block;
        margin: -25px auto 0 auto;
        position: relative;
        right: 0;
        top: 0;
    }
    
    #twitter a{
        display: block;
        margin: -25px auto 0 auto;
        position: relative;
        right: 0;
        top: 0;
    }
    
    .fl-module .fl-module-content{
        margin: 25px;
    }
    
    #contact{
        text-align: center;
    }
    
    #contact > div{
        padding-bottom: 50px;
    }
    
    #contact img{
        display: block !important;
        margin: 50px auto 0 auto !important;
    }
    
    #contact .fl-module .fl-module-content{
        margin: 0;
    }
    
    .fl-slide-mobile-photo{
        display: none;
    }
    
    .fl-slide-bg-photo{
        height: 400px;
    }
    
    .fl-slide-content{
        background: #fff !important;
    }
    
    .fl-slide-content *{
        color: #000 !important;
    }
    
    .infographic{
        margin: 25px;
    }
    
    #header .fl-col-small{
        min-height: 60px;
    }
    
    #header .fl-module-content{
        margin: 10px;
    }
    
    .hamburger{
        position: absolute !important;
        right: 10px;
        top: 15px;
    }
    
    .fl-module-menu > div{
        margin: 0 !important;
        min-height: 0;
    }
    
    .fl-module-menu .menu{
        margin: 0 25px 25px 25px;
        text-align: right;
    }
    
    .fl-module-menu .menu a{
        padding: 10px 0;
    }
    
}


/* Sharp fonts */

body{
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}