@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@300;700&display=swap');
/*
Theme Name: systo web - snstransport
Theme URI: 
Author: the Systo web
Author URI: https://systo.cz/
Description: GC
Requires at least: WordPress 5.5.3
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: systo.cz
Tags: 

Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

*/


body, a, div, p, span{
	/*font-family: 'Cairo', sans-serif;*/
	/*font-family: 'Titillium Web', sans-serif;*/
	font-family: 'Exo 2', sans-serif;
	font-size: 19px;
}

.head{
}

.preh{
	    font-family: 'Herr Von Muellerhoff', cursive;
    font-size: 60px;
    color: #C59D5F;
    position: absolute;
    top: -9px;
    z-index: -1;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a{
	/*font-family: 'Source Sans Pro';*/
	color: #1a1a1a; 
	font-weight: 400 !important;
}

h1{
	font-size: 45px !important;
	font-weight: 300 !important;
	letter-spacing: 2px;
}

h2{
	font-size: 45px !important;
	font-weight: 300 !important;
	letter-spacing: 2px;
}

a{
	color: #147434 ;
}
a:hover{
	color: #224824 ;
	text-decoration: none ;
}

/*others*/

/*TOPBAR*/

.topbar{
	/*background: #147434;*/
}
.top-bar .row{
	padding: 20px;
	background: #ce0001;
}
.top-bar-left{
	/*text-align: left;*/
}
.top-bar-center{
	text-align: center;
}
.top-bar-right{
	/*text-align: right;*/
}

/*CONTENT*/

#content{
	/*padding: 50px 0 50px 0;*/
}



.site-featured-image{
	/*background-image: url('img/bg/main-bg.jpg');*/
	height: 340px;
	background-size: cover;
	background-position: center;
}

/*NAVIGATION*/
.main-navigation{
	/*border-top: 1px solid #e1e1e1; */
	/* border-bottom: 1px solid #e1e1e1; */
	/*margin-top: 60px;*/
}

/* TITLE */
.page-title{
	text-align: center;
    margin-top: 10px;
	margin-bottom: 30px;
	max-height
}

#main-title{
	position: absolute;
	top: 270px;
}


.page-title h1{
	color: #fff;
    font-size: 65px !important;
	/*font-weight: 400 !important;*/
}


/* CONTENT */
.edit-link{
	display: block;
	padding: 5px;
	text-align: right;
}

.sub-title{
	font-size: 20px;
	color: #505050;
	letter-spacing: 2px;
    text-transform: uppercase;
	text-align: center;
	display: block;
	margin-bottom: 30px;
}
.site-content a:hover{
	color: #6f6f6f;
	text-decoration: none ;
}

/* FOOTER */
.site-footer, .site-footer h1, .site-footer h2, .site-footer h3, .site-footer a{
	background: #ce0001; 
	color: white !important;
}

.site-footer a:hover{
	color: #d8d8d8 !important;
}
.site-footer{
	padding: 20px 20px 0 20px;
}
.site-info{
	padding: 20px;
	border-top: 1px solid #ce0001;
}
.widget-title{
	font-size: 20px !important;
	color: #505050;
	text-align: left;
	text-transform: uppercase;
	padding-bottom: 5px;
	width: 30%;
}
.widget ul{
	list-style-type: none;
	padding-left: 0;
}
.widget ul li a{
	color: #000000;
	text-decoration: none;
}

.widget {
	text-align: left;
	margin: 20px 0 20px 0;
}

.widget-column{
	margin: 40px 0 40px 0;
}

.widget-header1 {
	text-align: center;
	color: #000;
	padding-top: 30px;
}
.widget-header2 {
	padding-top: 30px;
}

#site-navigation{
	padding: 20px 0 0 0 ;
}

.widget ul li a {
	color: #fff;
}

.icon-bar a, .top-bar-right a{
	color: #000;
}
.top-bar-right a:hover{
	color: #ddd;
	text-decoration: none;
}
.site-featured-image-text{
	position: absolute;
    top: 100px;
    left: 50px;
    color: white;
}

.title-desc{
	font-size:20px;
}

.site-featured-image-box{
	position: relative;
	padding: 0 !important;
}

/*BOOTSTRAP*/
.container-fluid {
  /*padding-right: 0px !important;*/
  /*padding-left: 0px !important;*/
}

.search-field{
	border: 0;
	padding: 0;
	margin: 0;
	background: #fff;
	padding: 8px;
}

.search-submit{
	border: 0;
	padding: 0;
	margin: 0;
	background: #fff;
	padding: 8px;
}

.post-thumbnail{
	background-size: cover;
    height: 100px;
    background-position: center;
    max-width: 300px;
}
.post-list{
	margin: 40px 0 40px 0;
}

.mfp-bottom-bar {
	display:none;
}


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

	.page-title{
		width: 100%;
		text-align: center;
		margin-left:0;
		margin-top:0;
	}
}

@media  only screen and (max-width: 1200px) {
	.page-title h1 img{
		max-height: 200px;
	}
}


@media  only screen and (max-width: 992px) {
	.page-title h1 img{
		max-height: 100px;
	}
}



@media only screen and (max-width: 768px) {
	
	.page-title h1 img{
		display:none;
	}
	
	.head{
		width: 100%;
		margin-left: unset;
	}
	
	.ib-row{
		margin-top: unset !important;
	}
	
	.site-logo{
		text-align: center;
	}
	
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
		text-align: center;
	}
	
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 {
		text-align: center;
	}
}