/*
    Theme Name: Pärnu Vabakool
    Description: Pärnu Vabakool - Avatud ja kindlameelne kool neile, kes julgevad soovida teadmistest enam.

    Author: Marek Vidrik
    Author URI: https://weblex.ee
    
    Text Domain: vabakool
    Version: 1.3
    Domain Path: /lang
*/


/* Reset default styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
    display: block;
}

ol{
    list-style: none;
}

ul{
    padding: 0 0 0 15px;
}

table{
    border-collapse: collapse;
    border-spacing: 0;
}


/* Main style */

@font-face {
    font-family: 'Nunito';
    src: url(assets/style/fonts/Nunito-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Nunito-Bold';
    src: url(assets/style/fonts/Nunito-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'OpenSans';
    src: url(assets/style/fonts/OpenSans-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url(assets/style/fonts/OpenSans-Bold.ttf) format('truetype');
}

*{
    outline: none;
    position: relative;
    box-sizing: border-box;
    line-height: 1.6em !important;
}

html{
    font-family: 'Nunito';
    font-size: 16px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    color: var(--font-color);
    z-index: 0;
}

body{
    background-position: bottom center;
    background-attachment: fixed;
    background-size: auto;
    background-repeat: repeat-x;
    background-color: var(--white-bg-color);
    width: 100%;
    overflow-x: hidden;
    z-index: -1;
}

::-moz-selection { background: var(--bg-color); }

::selection { background: var(--bg-color); }

.page-content{
    display: block;
    width: 100%;
    max-width: 1170px;
    min-height: 300px;
    font-size: 16px;
    padding: 0 15px;
    margin: 80px auto;
}

.full-page-block{
    display: block;
    padding: 80px 0;
}

.full-color-page-block{
    display: block;
    padding: 80px 0;
    background-color: var(--link-color);
    background-image: linear-gradient(to right, var(--bg-color) , var(--link-color));
}

.flex-block{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1170px;
    margin: 80px auto;
}

.page-block, .page-title{
    display: block;
    width: 100%;
    max-width: 1170px;
    padding: 0 15px;
    margin: 0 auto; 
}

.full-color-page-block .page-title{
    color: var(--white-font-color);
}

.page-title{
    margin: 0 auto;
}

.page-title h1{
    font-family: 'OpenSans-Bold';
    font-size: 30px;
    text-align: center;
}

.page-title h1:after{
    content: none !important;
}

.page-title hr{
    display: block;
    width: 67px;
    height: 2px;
    margin: 0 auto 6px auto;
    background-color: var(--link-color);
    background-image: linear-gradient(to right, var(--bg-color) , var(--link-color));
    border: 0;
}

.full-color-page-block .page-title hr{
    background-color: var(--white-font-color);
    background-image: var(--white-font-color);
}

.page-title h2{
    font-family: 'OpenSans';
    font-size: 16px;
    text-align: center;
}

a:link, a:visited{
    color: var(--link-color);
}

strong{
    font-family: 'Nunito-Bold';
}

#breadcrumb{
    display: block;
    margin: 0 0 40px 0;
}

.current-breadcrumb{
    font-family: 'Nunito-Bold';
    color: var(--link-color);
    white-space: nowrap;
}