/*
 * GENERIC CSS STYLE
 * Copyright GIBOX s.r.o. 2019
 */

@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800&subset=latin-ext';
/* EXTRA WIDE */

/* BASIC TAGS */
body { font-family: 'Open Sans', sans-serif; color: Black; background-color: Gainsboro;    }
a { color: #2980b9; }
a:hover, a:focus { color: DarkGray; }
h1, .h1 { font-family: 'Open Sans', sans-serif; color: #2980b9;  }
h2, .h2 { font-family: 'Open Sans', sans-serif; color: #2980b9;  }
h3, .h3 { font-family: 'Open Sans', sans-serif; color: #333;  }
h4, .h4 { font-family: 'Open Sans', sans-serif; color: #666;  }
h5, .h5 { font-family: 'Open Sans', sans-serif; color: #2980b9;  }
#StatusRow { color: #2980b9; background-color: White; }
#StatusRow a { color: #2980b9; }
#Header {   }
#BreadCrumbRow {  background-color: #fff; }
#Body { color: #222; background-color: White; }
#BodyCol1 {   }
#BodyCol2 {   }
#BodyCol3 {   }
#AdsPartner {  background-color: White; }
#Footer { color: #555; background-color: #dadada; }
#Footer a { color: #555; }
#Copyright { color: White; background-color: #2980b9; }
#Copyright a { color: White; }
.window { box-shadow: 0px 0px 1px White; background-color: White; }
.window h3, .window h3 a { color: White; background-color: #2980b9;  letter-spacing: 2px; text-transform: uppercase; }

/* NAVBAR */
#Navigation ul li { font-family: 'Open Sans', sans-serif; }
#Navigation ul { margin: ; font-size: 14px;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus	{ background: #2980b9; color: White;}
.navbar-default .navbar-nav > .active > a	{ background: #2980b9; color: White;}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus	{ background: rgba(35,112,163,1); color: White;}
.navbar-inverse .navbar-nav > .active > a	{ background: White; color: #2980b9;}

.navbar-default ul ul, .navbar-inverse ul ul	{ background: #fff;}


/* NAVBAR-DEFAULT */
.navbar-default, .home-off .navbar-transparent.navbar-default	{ background-color: White; color: #2980b9;}
	.navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a	{ color: inherit;}

/* NAVBAR-INVERSE */
.navbar-inverse, .home-off .navbar-transparent.navbar-inverse	{ background-color: #2980b9; color: White;}
	.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a	{ color: inherit;}

/* NAVBAR-TRANSPARENT */
.navbar {
    transition-duration: 1s;
}
.navbar-transparent	{ background-color: transparent; border-color: transparent;}
	.navbar-transparent.navbar-default	{ color: #000;}
	.navbar-transparent.navbar-inverse	{ color: #FFF;}
	/*.home-off .navbar-transparent.navbar-default	{  = rovnake ako default, je uvedene pri NAVBAR-DEFAULT}
	.home-off .navbar-transparent.navbar-inverse	{  = rovnake ako inverse, je uvedene pri NAVBAR-INVERSE}*/

@media (max-width: 768px)	{
	.navbar-transparent.navbar-default, .home-off .navbar-transparent.navbar-default	{ background-color: rgba(255,255,255,.75); color: #000;}
	.navbar-transparent.navbar-inverse, .home-off .navbar-transparent.navbar-inverse	{ background-color: rgba(0,0,0,.75); color: #fff;}
	}

/* TRANSFORMACIA PISMA - pridanie .navbar-... do prvku <nav>   ---------------------- */
.navbar-transform	{ text-transform: uppercase;}


/* NASTAVENIA LOGA A TEXTU --------------------------------------------------------- */


	/* LOGO BEZNE */
.navbar-brand { padding: 5px; } /* dedi si to padding=15 z default.css (bootstrap) */
.navbar-brand > img	{ position: relative; margin: 0 10px;}  /* logo nastavenia */

	/* LOGO PLAVAJUCE */
/*.navbar-brand .logo	{ position: absolute; width: ...px; height: ...px; margin: 0; padding: 0; left: ...px; top: ...px;}*/  /* POZN. upravit navigaciu - este doriesime */

	/* TEXT PRI LOGU */
.navbar-brand span	{}										/* text nastavenia */


/* NASTAVENIA ZOBRAZENI LOGA A TEXTU PRE ROZNE DISPLEJE --------------------------------------------------------- */


			/* pridavanie parametrov pre prvky: .navbar-brand > img(logo) a .navbar-brand span(text loga) v roznych kombinaciach
			
			 display: none;
			 	alebo
			 display: inline-block */
			 
			/* alebo naviazenia zobrazenia na prepinace bootstrapu visible-xs, visible-md, resp. hidden-xs,... a teda by sa to generovalo na zaklade nastaveni do html nie css - zvazime*/


/* mobil */
@media (max-width: 768px)	{
	.navbar-brand > img	{ display: inline-block;}
.navbar-brand span		{ display: inline-block;}

	}
/* tablet */
@media (min-width: 769px)	{
	.navbar-brand > img	{ display: inline-block;}
.navbar-brand span		{ display: inline-block;}

}
/* desktop */
@media (min-width: 993px)	{
	.navbar-brand > img	{ display: inline-block;}
.navbar-brand span		{ display: inline-block;}

}

/* THEME IMAGE */

.home-off #Theme	{ display: none;}

.jumbotron.section .image	{ z-index: unset; height: 100vh; }
.jumbotron { padding:0; }

.section .image {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100vh;
  z-index: 2;
  position: absolute;
  display: block;
}
.section .parallax,
.section .static-image {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: block;
  position: relative;
}
.section .parallax > img,
.section .parallax .filter > img,
.section .static-image > img,
.section .static-image .filter > img {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: relative;
  z-index: 1;
}

/* CALENDAR */

table.cal_days th:last-child, table.cal_days td:last-child, table.cal_days td:last-child a	{ color: #2980b9;}
table a.today	{ background-color: #2980b9; color: White;}

/* TABULKA EVENTOV */

div#event_table table th.today { background-color: @brand-info !important;}

/* MEMBER - MENU */

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { background-color: #2980b9; color: White; }

    /* JUMBOTRON */
.jumbotron	{   }

/* BUTTONS */
.btn-default		{ background-color: #333; color: DarkGray; border-color: DarkGray;}
.btn-primary		{ background-color: #2980b9; color: White; border-color: #2980b9;}
.btn-success		{ background-color: #16a085; color: White; border-color: #16a085;}
.btn-info			{ background-color: #3498db; color: White; border-color: #3498db;}
.btn-warning		{ background-color: #f1c40f; color: White; border-color: #f1c40f;}
.btn-danger			{ background-color: #e74c3c; color: White; border-color: #e74c3c;}
.btn-primary:hover		{ background-color: rgba(35,112,163,1); color: White; border-color: rgba(35,112,163,1);}
.btn-success:hover		{ background-color: rgba(18,139,115,1); color: White; border-color: rgba(18,139,115,1);}
.btn-info:hover			{ background-color: rgba(36,139,208,1); color: White; border-color: rgba(36,139,208,1);}
.btn-warning:hover		{ background-color: rgba(216,176,12,1); color: White; border-color: rgba(216,176,12,1);}
.btn-danger:hover		{ background-color: rgba(228,54,37,1); color: White; border-color: rgba(228,54,37,1);}

/* TEXT */
.text-muted			{ color: Silver; }
.text-primary		{ color: #2980b9; }
.text-success		{ color: #16a085; }
.text-info			{ color: #3498db; }
.text-warning		{ color: #f1c40f; }
.text-danger		{ color: #e74c3c; }
a.text-primary:hover		{ color: rgba(35,112,163,1); }
a.text-success:hover		{ color: rgba(18,139,115,1); }
a.text-info:hover			{ color: rgba(36,139,208,1); }
a.text-warning:hover		{ color: rgba(216,176,12,1); }
a.text-danger:hover			{ color: rgba(228,54,37,1); }
.bg-primary			{ color: White; background-color: #2980b9; }
.bg-success			{ color: White; background-color: #16a085; }
.bg-info			{ color: White; background-color: #3498db; }
.bg-warning			{ color: White; background-color: #f1c40f; }
.bg-danger			{ color: White; background-color: #e74c3c; }
a.bg-primary:hover		{ background-color: rgba(35,112,163,1); }
a.bg-success:hover		{ background-color: rgba(18,139,115,1); }
a.bg-info:hover			{ background-color: rgba(36,139,208,1); }
a.bg-warning:hover		{ background-color: rgba(216,176,12,1); }
a.bg-danger:hover		{ background-color: rgba(228,54,37,1); }

/* BREADCRUMB */
.breadcrumb	{ background-color: #fff; color: Gray;}
.breadcrumb li	{ color: Gray; }
.breadcrumb li a	{ color: Gray;}
.breadcrumb li.active	{ color: Gray; }

/* PAGINATION */
.pagination						{ background-color: #2980b9; color: White; border-color: #2980b9; }
.pagination li					{ background-color: #2980b9; color: White; border-color: #2980b9; }
.pagination li a				{ background-color: White; color: #2980b9; border-color: #2980b9; }
.pagination li a:hover			{ background-color: #2980b9; color: White; border-color: #2980b9; }
.pagination li.active			{ background-color: #2980b9; color: White; border-color: #2980b9; }
.pagination li.active a			{ background-color: #2980b9; color: White; border-color: #2980b9; }
.pagination li.active a:hover	{ background-color: #2980b9; color: White; border-color: #2980b9; }
.pagination li.disabled			{ background-color: White; color: #2980b9; border-color: #2980b9; }
.pagination li.disabled a		{ background-color: White; color: #2980b9; border-color: #2980b9; }
.pagination li.disabled a:hover	{ background-color: White; color: #2980b9; border-color: #2980b9; }

/* PROGRESSBAR */
.progress 				{ background-color: #333; }
.progress-bar 			{ background-color: #2980b9; }
.progress-bar-success 	{ background-color: #16a085; }
.progress-bar-info 		{ background-color: #3498db; }
.progress-bar-warning 	{ background-color: #f1c40f; }
.progress-bar-danger 	{ background-color: #e74c3c; }

/* FOLDERS */
ul.folders ul			{ background-color: #2980b9;}
ul.folders ul li a 		{ color: White;}
ul.folders li:hover a	{ background-color: #2980b9; color: White;}

/* TICKETHALL TICKETS */
.tickethall-ticket-free 		{ background-color: #16a085; }
.tickethall-ticket-incart    	{ background-color: Silver; }
.tickethall-ticket-reserved 	{ background-color: #f1c40f; }
.tickethall-ticket-sold		    { background-color: #e74c3c; }
.tickethall-ticket-selected	    { background-color: #3498db !important; box-shadow: 0 0 0 2px #fa0;}
.tickethall-ticket-inactive 	{ background-color: Silver !important; }

/* MODAL CONTENT */
.modal-content	 		{ color: White; background-color: #2980b9; }
.modal-header h4		{ color: White; }
.modal-header .close	{ color: White; }

/* PRODUCT TYPES */
.productType_1	 		{ color: ; background-color: ; }
.productType_2	 		{ color: #FF9900; background-color: ; }
.productType_3	 		{ color: ; background-color: ; }
.productType_4	 		{ color: ; background-color: ; }
.productType_5	 		{ color: ; background-color: ; }
.productType_6	 		{ color: ; background-color: ; }
.productType_9	 		{ color: ; background-color: ; }
.productType_8	 		{ color: ; background-color: ; }