/*********************************************/
/*** Global CSS FOR DRUPAL 11 ZIRCON Theme ***/
/*********************************************/



/*********************************************/
/***************** GLOBAL ********************/
/*********************************************/

/* SIRKA STRANKY */
@media (min-width: 1600px) {
	.container {
   		 width: 1400px;
	}
}

/* LINKS */
#block-zircon-content a {
	text-decoration: none;
	color: #c01700;
}

#block-zircon-content a:hover {
	border-bottom: 1px dotted;
}

/* ZOBRAZI MAIN MENU PRI ZOBRAZENI NA MOBILE*/


@media (max-width: 991px) {
    #main-menu .navbar-collapse .container {
        height: auto !important;
    }
}


/*********************************************/
/**************** MESSEGES *******************/
/*********************************************/

.messages__wrapper {
	padding-top: 50px;
}

.messages.messages--warning {
    color: #efcf64;
    background: #483e1e;
	border-radius: 14px;
	box-shadow: none;
}

.messages__title {
    font-weight: bold;
    margin-block: 0;
    margin-inline: 40px;
    font-size: 1.2em;
	font-family: sans-serif;
}

.messages__content {
	margin-inline: 40px;
	font-size: 1.2em;
}

.messages__header {
	padding-bottom: 10px;
}

.messages__header:before {
    content: "";
    display: block;
    position: absolute;
    inset-block-start: 208px;
    inset-inline-start: 30px;
    width: 1.9em;
    height: 1.9em;
}

.messages__header:before {
    background-color: #efcf64;
    mask-image: url(../zircon/images/sprite.svg#warning-view);
    mask-repeat: no-repeat;
    mask-position: center left;
}






/*********************************************/
/***************** HEADER ********************/
/*********************************************/

#header .container {
    padding-bottom: 0;
}

.contextual {
    right: -30px;
}

#block-zircon-site-branding .site-logo img {
	background: transparent;
	position: relative;
	top: 10px;
}

#block-zircon-site-branding .site-logo + a {
    font-weight: bold;
    font-size: 4.0em; /* 55px */
    margin-left: 40px;
    padding: 0;
    line-height: 55px;
    text-decoration: none;
    letter-spacing: -2px;
    text-shadow: 0px 1px 0px #fff;
}
 
#block-zircon-site-branding .site-logo + a,
#block-zircon-site-branding .site-logo + a:hover,
#block-zircon-site-branding .site-logo + a:active,
#block-zircon-site-branding .site-logo + a:visited {
	color: #555;
}

#block-zircon-slogan {
    margin-left: 180px;
    margin-top: -55px;
	color: #118eec;
    font-size: 1.7em; /* 24px */
}


/*********************************************/
/************** SEARCH BLOCK *****************/
/*********************************************/

#block-zircon-search-form-narrow {
	top: -40px;
}

#block-zircon-search-form-narrow span.form-search ~ span {
    visibility: hidden;
}

#block-zircon-search-form-narrow span.form-search input ~ span {
    visibility: hidden;
}

#block-zircon-search-form-narrow .form-search {
    font-size: 0.999em !important;
}


/*********************************************/
/************** ACCOUNT MENU *****************/
/*********************************************/

#block-zircon-account-menu {
	width: 200px;
    float: right;
	right: -200px;
    top: -130px;
}

#block-zircon-account-menu .menu {
	display: inline-flex;
    width: 160px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}


/*********************************************/
/***************** CRUMBS ********************/
/*********************************************/

/* Na uvodnej stranke zakaze prazdne BRAEDCRUMBS */
.front #featured {
	display: none;
}

#featured .container {
	padding: 0;
	background: #fff;
}

#featured .breadcrumb {
	padding: 10px 10px 8px 8px;
    margin: 0;
	background: #fff;
}

.breadcrumb li::before {
  content: '' !important;
}

.breadcrumb li a.fa-home {
    font-family: fontawesome;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 10px 30px 10px 25px;
    margin-left: -8px;
    border-radius: 5px;
}

.breadcrumb li a {
  background:url(images/crumbs.gif) no-repeat right center;
  padding: 14px 35px 10px 20px;
}

.breadcrumb ol li:last-child {
  padding-left: 10px;
  font-weight: bold;
}



/*******************************************/
/********** primary button styles **********/
/** tlacidla zobrazit, upravit, odstranit **/
/*******************************************/

#block-zircon-primary-local-tasks ul.tabs.primary {
	margin-bottom: 30px;
    padding: 10px;
    display: flex;
    justify-content: flex-end;
}

#block-zircon-primary-local-tasks .tabs a {
	width: 90px;
    padding: 15px 0;
    margin: 0 2px;
	text-align: center;
	color: #232429;
	background-color: #d3d4d9;
	font-weight: 700;
    line-height: 1rem;
	border-radius: 10px;
}

#block-zircon-primary-local-tasks .tabs a:hover {
	background-color: #adaeb3;
}

#block-zircon-primary-local-tasks .tabs a.is-active {
	color: #fff;
	background-color: #0550e6;
}

#block-zircon-primary-local-tasks .tabs a.is-active:hover {
	color: #fff;
	background-color: #0444c4;
}

#block-zircon-primary-local-tasks .tabs a:not(:focus) {
    box-shadow: 0 1px 2px rgb(0 0 0 / 25%);
}

#block-zircon-primary-local-tasks .tabs a[href*="delete"] {
	color: #dc2323;
    background: #fff;
	box-shadow: none;
}

#block-zircon-primary-local-tasks .tabs a[href*="delete"] {
	background-image: url("data:image/svg+xml,%3csvg height='16' width='16' fill='%23C11F1F' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.9 2.9c-.1-.4-.2-.6-.2-.6-.1-.4-.4-.4-.8-.5l-2.3-.3c-.3 0-.3 0-.4-.3-.4-.7-.5-1.2-.9-1.2H5.7c-.4 0-.5.5-.9 1.3-.1.2-.1.2-.4.3l-2.3.3c-.4 0-.7.1-.8.4 0 0-.1.2-.2.5-.1.6-.2.5.3.5h13.2c.5 0 .4.1.3-.4zm-1.5 1.8H2.6c-.7 0-.8.1-.7.6l.8 10.1c.1.5.1.6.8.6h9.1c.6 0 .7-.1.8-.6l.8-10.1c0-.5-.1-.6-.8-.6z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: 5px 12px;
}

#block-zircon-primary-local-tasks .tabs a[href*="delete"]:hover {
    background: #dc2323;
	color: #fff;
	/* background-image: url("data:image/svg+xml,%3csvg height='16' width='16' fill='%23c11f1f' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m14.9 2.9c-.1-.4-.2-.6-.2-.6-.1-.4-.4-.4-.8-.5l-2.3-.3c-.3 0-.3 0-.4-.3-.4-.7-.5-1.2-.9-1.2h5.7c-.4 0-.5.5-.9 1.3-.1.2-.1.2-.4.3l-2.3.3c-.4 0-.7.1-.8.4 0 0-.1.2-.2.5-.1.6-.2.5.3.5h13.2c.5 0 .4.1.3-.4zm-1.5 1.8h2.6c-.7 0-.8.1-.7.6l.8 10.1c.1.5.1.6.8.6h9.1c.6 0 .7-.1.8-.6l.8-10.1c0-.5-.1-.6-.8-.6z'/%3e%3c/svg%3e"); */
	background-repeat: no-repeat;
	background-position: 0;
}

#block-zircon-primary-local-tasks .tabs li:last-of-type {
    display: none;
}




/*********************************************/
/************** NODE CONTENT *****************/
/*********************************************/

/* Pri neprihlasenom pouzivatelovi upravi medzeru mezdi logom a obsahom stranky */

#main-menu {
    margin-bottom: 0;
}

#main {
    margin-top: 25px;
}
/* --> */

#block-zircon-page-title h1 {
	text-align: center;
	padding-bottom: 15px;
	border-bottom: 1px dotted #dadada;
	font-family: itim;
	font-size: 3.571em;
	text-shadow: 0px 1px 0px #fff;
}

#block-zircon-content {
	padding: 20px 30px;
}


/****** NODE TABLES ******/

#block-zircon-content table a {
	color: #335380;
}

#block-zircon-content table thead th {
	font-size: 16px;
}

#block-zircon-content table {
	border: 0;
	border-spacing: 0;
	margin: 10px 0;
	width: 100%;
}

#block-zircon-content table table {
	font-size: 1em;
}

#block-zircon-content table tr th {
	border-bottom: 1px solid white;
	border-top: 1px solid #dddddd;
	font-weight: normal;
	color: #707070;
	text-shadow: white 1px 1px 0;
	background: #dddddd;
}

#block-zircon-content th {
	padding: 10px 15px;
	border: none;
}

#block-zircon-content td {
	padding: 8px 15px;
	border: none;
}


#block-zircon-content table tbody tr th {
	vertical-align: top;
}

#block-zircon-content tr:nth-child(odd) {
	background-color: #f4f4f4;
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #fff;
}

#block-zircon-content tr, tr:nth-child(even) {
	background-color: #f9f9f9;
	border-bottom: 1px solid #ededed;
	border-top: 1px solid #fff;
}

#block-zircon-content tbody tr {
	-webkit-transition: background-color .3s ease-out;
	-moz-transition: background-color .3s ease-out;
	transition: background-color .3s ease-out;
}

#block-zircon-content table tr th, 
#block-zircon-content table tr th a, 
#block-zircon-content table tr th a:hover {
	font-weight: bold;
}

#block-zircon-content table tr th a, 
#block-zircon-content table tr th a:hover {
	color: #444 !important;
}

#block-zircon-content tbody tr:hover {
	color: #fff;
	background-color: #118dec;
}

#block-zircon-content tbody tr:hover a {
	color: #fff;
}


/*********************************************/
/****************** VIEWS ********************/
/*********************************************/

/* VIEWS TABLES */

#block-zircon-content .views-table tbody tr:nth-child(1n) {
	background-color: #f4f4f4;
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #fff;
}

#block-zircon-content .views-table tbody tr:nth-child(2n) {
	background-color: #f9f9f9;
	border-bottom: 1px solid #ededed;
	border-top: 1px solid #fff;
}

#block-zircon-content .views-table th,
#block-zircon-content .views-table td {
	padding: 10px 20px;
}

#block-zircon-content .views-table td p{
	padding: 0;
	margin:0;
}

#block-zircon-content .views-table tbody tr {
	-webkit-transition: background-color .3s ease-out;
	-moz-transition: background-color .3s ease-out;
	transition: background-color .3s ease-out;
}

#block-zircon-content .views-table tbody tr:hover {
	color: #fff;
	background-color: #118dec;
}

#block-zircon-content .views-table tbody tr:hover a {
	color: #fff;
}

/****** LINKS ******/

#block-zircon-content  .views-table a {
	color: #555;
}

#block-zircon-content .views-table a:hover,
#block-zircon-content .views-table a:active {
	border-bottom: 1px dotted;
}

/* VIEWS FOOTER*/

#block-zircon-content .view-footer {
	padding: 15px;
    font-weight: bold;
}


/* VIEWS FLEX-BOX */

#block-zircon-content .views-view-flexbox .views-flexbox-item {
	text-align: center;
}




/*********************************************/
/****************** FOOTER *******************/
/*********************************************/

#footer {
  padding: 30px 0 20px 0;
  
}

#footer #block-zircon-copyright {
	text-align: center;
	width: 100%;
}