/*
Theme Name:   Water resources
Description:  Ochrana vondých zdrojov
Author:       peter.marak
Author URL:   sazp.sk
Template:     wp-bootstrap-starter
Version:      1.0
Text Domain:  waterresources
*/

/* Write here your own personal stylesheet */

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900&subset=latin-ext');
/*font-family: 'Montserrat', sans-serif;*/


html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px; /* Margin bottom by footer height */
}



/* ================================================== */
/* C O L O R S   a n d   L I N K S */
/* ================================================== */
header#masthead {
    margin-bottom: 0;
    background-color: #003366;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
    padding: .74rem 1rem;
}
a {
    color: #005fb3;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
a:hover {
    color: #007ae6;
}

/* ================================================== */
/* H O R N E   M E N U */
/* ================================================== */
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
    color: lightcyan;
    font-weight: normal !important;
    text-transform: none;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover {
    color: #00ceff;
    font-weight: normal !important;
    text-transform: none;
}
.navbar-nav > li > a {
	text-align: center;
}

/* ================================================== */
/* H E A D E R */
/* ================================================== */
body:not(.theme-preset-active) #page-sub-header h1 {
    line-height: 1.2;
    font-size: 4rem;
	min-height: 3rem;
    font-weight: 600;
    color: white;
    text-shadow: 0px 0px 20px black;
}
body:not(.theme-preset-active) #page-sub-header h1 .napis1 {
    font-size: 2rem;
	text-shadow: 0px 0px 5px black;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
}
body:not(.theme-preset-active) #page-sub-header h1 .napis2 {
    font-size: 4rem;
	text-shadow: 0px 0px 5px black;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
}
body:not(.theme-preset-active) #page-sub-header p {
    color: white;
}
#page-sub-header p {
    display: none;
}
a.page-scroller {
	display: none;
}
#page-sub-header {
	padding-top: 3rem;
	padding-bottom: 3rem;
	background: #ffffff url("img/Cicovske-rameno_kostal_web.jpg") no-repeat center !important;
}
.home #page-sub-header {
	padding-top: 8rem;
	padding-bottom: 8rem;
}
/* HEADER BANNER */
#banner-header {
	background: #e3eef4 url("img/modry-podklad_kraj.png") no-repeat right center; 
}
#banner-header .logo {
	background: #e3eef4 url("img/logo.jpg") no-repeat center !important;
}
#banner-header .nazov-konfefencie {
	background: url("img/modry-podklad_stred.png") no-repeat left center;
	background-color: transparent;
	text-align: center;
	color: white;
	font-weight: bold;
	padding: 1rem 0rem 1rem 0.5rem;
}
#banner-header .napis1 {
	font-size: 1.2rem;
	text-shadow: 0px 0px 5px #0059b3;
}
#banner-header .napis2 {
	font-size: 2rem;
	text-transform: uppercase;
	text-shadow: 0px 0px 5px #0059b3;
}
#banner-header .napis3 {
	font-size: 1rem;
	color: #003366;
}


/* ================================================== */
/* H O M E P A G E */
/* ================================================== */
.home .entry-header,
#post-263 .entry-header {
	display: none;
}


/* ================================================== */
/* S I D E B A R */
/* ================================================== */
img.img-border {
	border-bottom: 1px solid #6cf;
	margin-bottom: 1rem;
}


/* ================================================== */
/* C O N T E N T */
/* ================================================== */
@media (min-width: 768px){
	.site-content {
		/*min-height: 50rem;*/
	}
}
h1.entry-title {
	color: #005097;
	font-weight: bold;
}


/* ================================================== */
/* Prihlasovacie formulare */
/* ================================================== */
.wpcf7-form .ramik {
	background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    padding: 1%;
    margin-bottom: 1rem;
}
.wpcf7-form .wpcf7-checkbox {
	border: 0px;
	display: inline;
}
.wpcf7-form .wpcf7-form-control-wrap {
	width: 100% !important;
}
.wpcf7-form label {
	width: 100% !important;
}
.wpcf7-form label.kratky {
	width: inherit !important;
	display: inline;
}
.wpcf7-form #akceptacia {
	font-size: 0.8rem;
    line-height: 1.2;
}

.full-width-div {
	width: 100vw;
	position: relative;
	margin-left: -50vw;
	/* height: 100px; */
	/* margin-top: 100px; */
	left: 50%;
	padding: 1rem;
}


/* ================================================== */
/* F O O T E R */
/* ================================================== */
#zapatie {
	background-color: lightcyan;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

body:not(.theme-preset-active) footer#colophon {
    color: lightcyan;
    background-color: #003366;
}
.site-info {
	text-align: center;
	margin: 15px 0px 15px 0px;
}
.site-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #f5f5f5;
}