/**
 * Theme Name:       Instruktoři Brno
 * Theme URI:        https://github.com/InstruktoriBrno/wp-theme-isbrno
 * GitHub Theme URI: https://github.com/InstruktoriBrno/wp-theme-isbrno
 * Description:      The WordPress theme for the public Website of Instruktoři Brno 
 * Author:           Zbyšek Podhrázský, Martin Ukrop
 * Version:          3.2.0
 */

body {
	font-family: "Titillium Web", Tahoma, Arial, Sans-serif;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* =Menu
----------------------------------------------- */

.navbar {
    border: 0px solid transparent;
    margin-bottom: 0px;
    height: 90px;
    z-index: 1000;
}

.navbar-brand {
    float: left;
    font-size: 30px;
    line-height: 90px;
    padding: 0 0 0 15px;
}

.navbar-toggle {
	margin-top: 30px;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #eee;
    color: #c0392b;
    outline: 0 none;
    text-decoration: none;
}

.dropdown-menu > li > a{
	color: #2C3E50;
}

.dropdown-menu > li > a:hover{
	background: #eee;
	color: #C0392B;
}


	.navbar-nav li {
		background: #fff;
		font-size: 18px;
		margin-top: 20px;
	}

@media (max-width: 764px) {
	.navbar-nav li {
		background: #fff;
		font-size: 18px;
		margin-top: 0px !important;
	}
}
	

	.navbar-nav li li {
		background: #fff;
		line-height: 20px;
		font-size: 16px;
		margin-top: 0px;
	}

	.navbar-nav li a:before {
	 	border-bottom: 6px solid transparent;
    	border-left: 10px solid #2C3E50;
    	border-top: 6px solid transparent;
    	content: "";
    	float: left;
    	margin-right: 11px;
    	margin-top: 5px;
	}

	.navbar-nav li.current_page_item a:before {
	 	border-bottom: 6px solid transparent;
    	border-left: 10px solid #c0392b;
    	border-top: 6px solid transparent;
    	content: "";
    	float: left;
    	margin-right: 11px;
    	margin-top: 5px;
	}

	.navbar-nav a {
		display: block;
		text-decoration: none;
		font-weight: 300;
		color: #2c3e50;
		text-transform: lowercase;
	}
	.navbar-nav a:hover {
		color: #C0392B;
	}
	.navbar-nav ul ul {
		display: none;
	}
	.navbar-nav li.current_page_item > a,
	.navbar-nav li.current-menu-item > a {
		color: #C0392B;
	}

	.icon-bar{
		background: #2C3E50;
	}

	/*.navbar ul.nav li a {
    	z-index: 1000;
	}*/

@media (max-width: 992px) {
	.main-navigation li {
		padding: 0 15px;
	}
	.main-navigation li:last-child {
		padding: 0 0 0 15px;
		border-right: none;
	}
	.main-navigation a {
		font-size: 18px;
	}
}



/* =Media
----------------------------------------------- */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.site-content .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-content .gallery dd {
	margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}


/* HTML and basic HTML elements*/
html {
	color: #2c3e50;
	font-weight: 300;
}


/* HEADER */

h1.site-title {
	font-weight: 300;
	text-transform: uppercase;
	font-size: 30px;
	margin: 0px;
	line-height: 90px;
}

a h1.site-title  {
	text-decoration: none !important;
	color: #2d3f51;
}


#cta-area {
	font-size: 30px;
	font-style: italic;
	color: #2c3e50;
	font-weight: 300;
	text-align: center;
	line-height: 100px;
	margin-top: -20px;
}
.red-area {
	background: #bf382a;
	color: #fff;
	padding-top: 50px;
	padding-bottom: 0px;
	margin-bottom: 25px;
}
.red-area h2 {
	margin: 0 0 20px 0;
	padding: 0;
	font-weight: 300;
}
.red-area h3,
.akce-box h3 {
	margin: 0;
	padding: 0;
	font-weight: 700;
	font-size: 22px;
	text-transform: uppercase;
}

.akce-box {
	background: #611e17;
	color: #fff;
	position: relative;
	margin-bottom: 30px;
}
.akce-box .akce-padding {
	padding: 20px;
	height: 268px;
}
.akce-box .akce-links {
	padding: 20px;
	width: 100%;
	position: absolute;
	bottom: 0;
}
.akce-box p {
	margin-top: 14px;
	max-height: 140px;
	overflow: hidden;
}
.akce-more {
	display: block;
	text-align: right;
	font-weight: 700;
}
.akce-box a{
	color: white;
}


/* FRONT PAGE CAROUSEL */
#front-page-carousel-container {
}

#front-page-carousel .carousel-inner {
	height: 525px;
	max-width: 1920px;
	margin: auto;
	position: relative;
}

@media (min-width: 768px) {
	#front-page-carousel .carousel-inner {
		height: 350px;
	}
	#front-page-carousel .text-area {
		bottom: 50px;
	}
	#front-page-carousel .item {
		height: 350px !important;
	}
	#front-page-carousel h3,
	#front-page-carousel h3 a{
		margin-top: 16px !important;
		font-size: 45px !important;
	}
	#front-page-carousel .excerpt {
		font-size: 18px !important;
	}
	#front-page-carousel .text-area-centered {
		margin: auto;
		width: 85% !important;
		min-height: 142px !important;
		background: url('images/transparent_black.png');
		color: #fff;
		padding: 15px 15px 15px 15px;
		position: relative;
	}
}

@media (min-width: 992px) {
	#front-page-carousel .carousel-inner {
		height: 425px;
	}
	#front-page-carousel .text-area {
		bottom: 87px;
	}
	#front-page-carousel .item {
		height: 425px !important;
	}
	#front-page-carousel h3,
	#front-page-carousel h3 a{
		margin-top: 0!important;
		font-size: 60px !important;
	}
	#front-page-carousel .excerpt {
		font-size: 25px !important;
	}
}

@media (min-width: 1200px) {
	#front-page-carousel .carousel-inner {
		height: 525px;
	}
	#front-page-carousel .text-area {
		bottom: -13px;
	}
}



#front-page-carousel-footer {
	position: absolute;
	bottom: 0;
	height: 20px;
	width: 100%;
	z-index: 1000;
	background: url('images/header_footer.png') top center;
}

#front-page-carousel .carousel-indicators {
	bottom: 30px;
}

#front-page-carousel .carousel-indicators li {
	margin-right: 5px;
}
#front-page-carousel .carousel-indicators li:last-child {
	margin-right: 0;
}

#front-page-carousel .carousel-control {
	background: none !important;
	background-image: none !important;
	margin: 15px;
}

#front-page-carousel .carousel-control.left,
#front-page-carousel .carousel-control.right {
	background-image: none !important;
	width: 45px !important;
}

#front-page-carousel .thumbnail-type-slider {
	overflow: hidden;
}

#front-page-carousel .text-area {
	position: absolute;
	width: 100%;
}
#front-page-carousel h3,
#front-page-carousel h3 a{
	margin: 0;
	font-size: 60px;
	font-weight: 300;
	color: #fff;
	text-align: center;
}
#front-page-carousel .excerpt {
	margin: 0;
	font-size: 25px;
	font-weight: 300;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}
#front-page-carousel .text-area-centered {
	margin: auto;
	width: 910px;
	background: url('images/transparent_black.png');
	color: #fff;
	padding: 15px 15px 15px 15px;
	position: relative;
}

.thumbnail-type-akce {
	overflow: hidden;
}

.thumbnail-type-akce img{
	width: 100%;
	max-width: 300px;
	max-height: 170px;

}

.thumbnail-type-tradice {
	border: 1px #ecf0f1 solid;
	margin-right: 18px;
	margin-bottom: 18px;
	float: left;
}

.thumbnail-type-tradice.no-margin{
	margin-right: 0px;
}

.detail-button {
    background: none repeat scroll 0 0 #981514;
    border: none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-weight: 700;
    padding: 3px 15px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.detail-button:hover{
    color: #FFFFFF;
    text-decoration: none;
    background: #611E17;
}


/* FOOTER */
footer.site-footer {
	background: #2c3e50;
	color: #fff;
	margin-top: 30px;
	padding-top: 60px;
	padding-bottom: 30px;
}

footer h3{
	font-size: 22px;
	font-weight: 300;
	margin: 0 0 20px 0;
}

footer .footer-is h3{
	font-weight: 700;
}

footer .footer-is .footer-sova {
	float: right;
	margin-left: 20px;
}

footer#colophon a {
	text-decoration: underline;
	font-weight: 300;
	color: #fff;
}

footer#colophon a:hover {
	text-decoration: none;
}

footer#colophon .response-form input[type="text"],
footer#colophon .response-form input[type="email"]{
	width: 100%;
	height: 32px;
	padding: 2px 7px;
	line-height: 27px;
	background: #677c90;
	color: #fff;
	border: none;
	 -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
	margin-bottom: 10px;
}

footer#colophon input[type="email"].mailchimp-email{
	height: 32px;
	padding: 2px 7px;
	line-height: 27px;
	background: #677c90;
	color: #fff;
	border: none;
	 -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
}

footer#colophon .response-form textarea{
	width: 100%;
	height: 105px;
	padding: 2px 7px;
	background: #677c90;
	color: #fff;
	border: none;
	 -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
	margin-bottom: 10px;
}

footer#colophon ::-webkit-input-placeholder {
   color: #384a5d;
}

footer#colophon :-moz-placeholder { /* Firefox 18- */
 	color: #384a5d;
}

footer#colophon ::-moz-placeholder {  /* Firefox 19+ */
   color: #384a5d;
}

footer#colophon :-ms-input-placeholder {  
   color: #384a5d;
}

footer#colophon #mce-EMAIL {
	width: 60%;
}

footer#colophon input[type="submit"].red-button {
	border: none;
	background: #981514;
	color: #fff;
	font-weight: 700;
	padding: 5px 30px;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 5px;
}

footer#colophon input[type="submit"].red-button:hover {
	background: #670c0c;
}

footer.dark-footer {
	min-height: 100px;
	background: #1b2733;
	color: #fff;
	padding-top: 40px;
	padding-bottom: 30px;
	text-align: center;
	color: #677c90;
	font-size: 13px;
}

footer.dark-footer a {
	text-decoration: none;
	font-weight: 700;
	color: #677c90;
}

footer.dark-footer a:hover {
	text-decoration: underline;
}



/* STANDART HTML ELEMENTS */
h1,
h2,
h3 {
	margin-top: 30px;
	margin-bottom: 15px;
}

h2.akce-headline {
	margin: 0;
	font-size: 26px;
	font-weight: 700;
}

.no-top-margin {
	margin-top: 0px !important;
}

.row-with-margin {
	margin-bottom: 30px;
}

.entry-date {
	font-size: 16px;
	margin-bottom: 15px;
}

.clearer {
	clear: both;
}

.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #fff;
}

.overflow{
	overflow: hidden;
}

.overflow img{
	max-width: 100%;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  cursor: default;
  background-color: #0967B0;
  border-color: #0967B0;
}

/* UL */
ul.blue,
ul.red {
	margin: 0;
	padding: 0;
}

ul.blue li {
	list-style: none;
	padding-left: 20px;
	background: url("images/blue.png") 0% 50% no-repeat;
}

ul.red li {
	list-style: none;
	padding-left: 20px;
	background: url("images/red.png") 0% 50% no-repeat;
}

@media (max-width: 767px) {
	.hidden-xxs {
		display: none;
	}
}

.akce-meta-box {
	background: #f0f0f0;
	padding: 10px;
	margin-top: 30px;
}

.akce-meta-box h3 {
	margin: 0;
}

/* WooCommerce eShop */

#ship-to-different-address span {
	font-weight: normal;
}

/* Fix password field for protected materials page */
.post-password-required .form-control {
	display: inline;
	margin: 0 1em;
	width: auto;
}

/* Fix terms and conditions checkbox */
.woocommerce-terms-and-conditions-wrapper #terms {
	position: relative;
}