/*
Theme Name: KDU-ČSL Opava
Author: MARVIO agency s.r.o.
Author URI: https://www.marvio.cz/;
Description: Uplynulé funkční období uteklo jako voda. V průběhu těchto 4 let jsme zatočili s hernami a dalšími podniky s hazardem v centru Opavy. Vybudovali jsme několik nových cyklostezek nebo cyklopruhů a zároveň jsme zajistili pravidelnou výsadbu nové zeleně, a to nejen v samotném centru. Úspěšně jsme zavedli službu sdílených kol, která je v Opavě nejvytíženější v celém Česku a kapacitu domovů pro seniory jsme navýšili o 50 %.
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
	font-family: 'Roboto', sans-serif!important;
}

.main-title {
	background: url('assets/img/main-bg.png') center center!important;
}

.navbar {
	margin-top: -15px!important;
}

.navbar-nav {
	margin-top: -30px!important;
}

@media (max-width: 900px) {
.navbar-nav {
	text-align: center!important;
}}

@media (min-width: 1100px) {
.nav-item > .nav-link {
	padding-left: 30px!important;
}}

.nav-item > a {
	font-size: 20px!important;
	font-weight: 400!important;
	text-transform: uppercase!important;
	color: #1E345E!important;
}

.main-content-text > h1 {
	font-size: 30px!important;
	font-weight: 700!important;
	color: #1E345E!important;
	text-transform: uppercase!important;
	letter-spacing: 0.15em!important;
	padding-bottom: 30px!important;
	padding-top: 30px!important;
}

@media (max-width: 500px) {
.main-content-text > h1 {
	font-size: 25px!important;
	padding-bottom: 15px!important;
}}

.main-content-text > h2 {
	font-size: 59px!important;
	color: #FFFFFF!important;
	text-transform: uppercase!important;
	font-weight: 900!important;
	padding-left: 30px!important;
	padding-right: 30px!important;
	padding-top: 20px!important;
	padding-bottom: 20px!important;
	background: url('assets/img/bg-title.png') left!important;
}

@media (max-width: 500px) {
.main-content-text > h2 {
	font-size: 37px!important;
}}

.main-content-text > p {
	font-size: 20px!important;
	color: #1E345E!important;
	padding-top: 50px!important;
}

@media (max-width: 500px) {
.main-content-text > p {
	padding-top: 30px!important;
}}

.main-content-photo {
	margin-top: -80px!important;
}

.main-content-photo-mobile {
	padding-top: 40px!important;
}

.yellow-color {
	color: #FFD81D!important;
}

.nav-link-border {
	border-bottom: 4px solid inherit!important;
	padding-bottom: 5px!important;
}

.nav-link-border:hover,
.nav-link-border:focus,
.nav-link-border:active {
	border-bottom: 4px solid #1E345E!important;
}

.main-years {
	background-color: #1E345E!important;
	padding-top: 60px!important;
	padding-bottom: 60px!important;
}

.main-years-content > h2 {
	font-weight: 900!important;
	color: #FFFFFF!important;
	letter-spacing: 0.15em!important;
	font-size: 22px!important;
	text-transform: uppercase!important;
	padding-bottom: 15px!important;
}

.main-years-content > p {
	font-size: 18px!important;
	font-weight: 300!important;
	color: #FFFFFF!important;
	max-width: 80%!important;
	margin-left: auto!important;
	margin-right: auto!important;
	margin-bottom: 0px!important;
}

.main-tema {
	padding-top: 90px!important;
	padding-bottom: 60px!important;
}

.main-tema-content > h2,
.main-team-content > h2 {
	font-weight: 500!important;
	font-size: 20px!important;
	color: #1E345E!important;
	letter-spacing: 0.15em!important;
	text-transform: uppercase!important;
}

.main-tema-content > h3 {
	font-weight: 900!important;
	color: #1E345E!important;
	font-size: 32px!important;
	text-transform: uppercase!important;
	padding-bottom: 25px!important;
	padding-top: 50px!important;
}

.main-tema-content > p {
	font-size: 18px!important;
	font-weight: 300!important;
	color: #000000!important;
	text-align: justify!important;
}

p.padding-bottom {
	padding-bottom: 30px!important;
}

.main-tema-photo {
	padding-top: 50px!important;
	padding-bottom: 30px!important;	
	text-align: center!important;
}

.main-tema-photo > img {
	max-width: 95%!important;
	margin-left: auto!important;
	margin-right: auto!important;
}

.main-success-content {
	background: url('assets/img/bg-success.png') center center!important;
	padding-top: 50px!important;
	padding-bottom: 60px!important;
}

.main-success-content > h2 {
	font-size: 22px!important;
	font-weight: 900!important;
	text-transform: uppercase!important;
	color: #1E345E!important;
	letter-spacing: 0.15em!important;
	padding-top: 20px!important;
	padding-bottom: 25px!important;
}

.main-success-content-detail > h3 {
	font-size: 18px!important;
	font-weight: 900!important;
	color: #1E345E!important;
	letter-spacing: 0.1em!important;
}

.main-team {
	padding-top: 80px!important;
	padding-bottom: 30px!important;
}

.main-team-content {
	padding-bottom: 40px!important;
}

.main-team-content > h3 {
	font-weight: 900!important;
	color: #1E345E!important;
	font-size: 32px!important;
	text-transform: uppercase!important;
	padding-bottom: 25px!important;
	padding-top: 15px!important;
}

.main-team-profile {
	padding-top: 15px!important;
	padding-bottom: 15px!important;
}

.main-team-list {
	margin-top: 30px!important;
}

@media (max-width: 500px) {
.main-team-ol > ol > li {
	text-align: center!important;
}}

.main-team-ol > ol > li {
	font-size: 18px!important;
	font-style: italic!important;
	font-weight: 700!important;
	color: #1E345E!important;
}

.main-team-ol > p {
	font-size: 18px!important;
	font-style: italic!important;
	color: #1E345E!important;
}

.main-footer {
	background-color: #1E345E!important;
	padding-top: 40px!important;
	padding-bottom: 30px!important;
}

.main-footer-logo {
	padding-top: 60px!important;
	padding-bottom: 40px!important;
}

@media (max-width: 900px) {
.main-footer-logo {
	text-align: center!important;
}}

.main-footer-content {
	padding-top: 20px!important;
	padding-bottom: 20px!important;
}

.main-footer-content > h3 {
	font-size: 20px!important;
	color: #FFD81D!important;
	text-transform: uppercase!important;
	font-weight: 900!important;
	padding-bottom: 10px!important;
}

.main-footer-content > p {
	color: #FFFFFF!important;
}

.termsfeed-com---palette-dark .cc-nb-okagree {
	background-color: #FFD81D!important;
	color: #000000!important;
}

.termsfeed-com---palette-dark .cc-nb-reject {
	background-color: #EAEAEA!important;
	color: #000000!important;
}

.termsfeed-com---palette-dark.termsfeed-com---nb {
	background-color: #1E345E!important;
	font-family: Roboto!important;
}