/*
Theme Name: Venti 
Author: Venti
Author URI: http://venti.pl
Description: Theme by Venti
Version: 1.0
Text Domain: venti
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Alignments
# Forms
# Lists
# Tables
# Links
# Layout
   ## Header
   ## Navigation
   ## Front Page
   ## Posts
   ## Pages
   ## Footer
   ## Breadcrumbs
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/


body,
button,
input,
select,
textarea {
    color: #333;
    font-family: arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
}

h1 {
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Lists
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Tables
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/

body {
    background: #fff;
}

#site-container{
    background: #fff;
    min-height: 100vh;
}

.page-spead-fix {
    width: 100%;
    height: 1000px;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Navigation
--------------------------------------------------------------*/

/* Main menu */
.main-nav ul > li {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

/* Mobile menu */
#mobile-nav,
#hamburger {
    display: none;
}

#hamburger {
    width: 32px;
    height: 32px;
}

#hamburger img {
    max-width: 100%;
}


/* Sub menu */
.main-nav ul.sub-menu {
    list-style: none;
    padding: 10px 0 0 0;
}

.main-nav ul.sub-menu > li {
    display: block;
}

/*--------------------------------------------------------------
## Front Page
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Posts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Pages
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Breadcrumbs
--------------------------------------------------------------*/

.breadcrumbs .breadcrumbs-list {
    margin: 0;
    padding: 0;
}

.breadcrumbs .breadcrumbs-list .breadcrumbs-item {
    display: inline-block;
    margin-right: 10px;
}

.breadcrumbs .breadcrumbs-list .breadcrumbs-item::after {
    content: "/";
    margin-left: 6px;
}

.breadcrumbs .breadcrumbs-list .breadcrumbs-item:last-child::after {
    content: none;
}


/*--------------------------------------------------------------
## RIL IMG/BG LOADING
--------------------------------------------------------------*/
.ril-loading {
    filter: blur(15px);
    -webkit-filter: blur(15px);
    backface-visibility: hidden;
}

.ril-loaded {
    filter: blur(0px);
    backface-visibility: hidden;
}