/*********************************************************************************************

Theme Name: Fleming BCO customized
Theme URI: https://www.academiathemes.com/themes/fleming-lite/
Version: customization
Private: true
Author: AcademiaThemes.com
Author URI: https://www.academiathemes.com/
Template: fleming-core
Description: Fleming is a flexible theme for nonprofit organizations, education institutions: schools, universities, kindergartens, driving schools, as well as other organizations that need a classic and responsive website. You can view the theme's demo here: https://demo.academiathemes.com/fleming-lite/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fleming
Tags: education, blog, footer-widgets, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, editor-style, featured-images, full-width-template, theme-options, threaded-comments, translation-ready

*********************************************************************************************/
body {
   font-family: Arial, sans-serif;
}

table {
  table-layout: auto;
}

a {
  color: #004B8F;
  text-decoration: none;
  transition: all 0.2s ease-in-out; }

a:hover, a:focus {
  color: #E41B23; 
	text-decoration: underline;
}


/*primary menu*/
.site-section-wrapper-primary-menu {
  color: #fff;
  padding: 0 30px; }
.large-nav a:hover{
color: #f0b042;
}
.large-nav a:focus,
.large-nav .current-menu-item > a,
.large-nav .current_page_item > a,
.large-nav .current-menu-parent > a {}
.large-nav li .current-menu-item a, .sub-menu {
	text-decoration: none; }
.large-nav .sub-menu a:hover {
background-color: #352f84;
  color: #f0b042;
  text-decoration: underline; }



/*secondary menu*/
#site-secondary-nav {
  font-size: 13px;
  line-height: 1.3em; }
#site-secondary-nav a {
  color: inherit;
  text-decoration: underline; }
#site-secondary-nav a:hover,
#site-secondary-nav a:focus {
   background-color: #f0b042; }
#site-secondary-nav .site-section-wrapper {
  text-align: right; }
#site-secondary-nav .menu-item {
  display: inline-block; }
#site-secondary-nav .menu-item + .menu-item {
  margin-left: calc(0.5rem - 4px); }
#site-secondary-nav .menu-item + .menu-item:before {
  color: #8898af;
  content: '|';
  display: inline-block;
  font-size: 10px;
  line-height: 1em;
  margin-right: 0.5rem; 
}

/* left panel switch off on small screens */
@media screen and (min-width: 0px) and (max-width: 640px) {
  #site-aside-primary { display: none; }  
	#recent-posts-2 { display: none; }  
	#site-column-main { width: 100%; }  
}
@media screen and (min-width: 0px) and (max-width: 940px) {
	 #site-secondary-nav { display: none; }  
}
@media screen and (max-width: 640px) {
  .page-sidebar-primary #site-aside-primary,
  .page-sidebar-both #site-aside-primary {
    width: 50%;
    }
.page-sidebar-both #site-aside-primary
 {
    display: none;
    width: 100%;
    }
}

/*main*/
#site-main {
    margin-top: 0px;
}
.site-section-wrapper-main {
	padding: 20px;
    background-color: #fff;
    position: relative;
    z-index: 2;
}


/* Flexy Breadcrumb */
.site-section-wrapper-breadcrumb {
  background-color: #FFF;
  color: #004B8F;
  padding: 0 15px;
}


/*footer*/
#site-footer {
    margin: 0 0 0;
}
#site-footer-credit {
    background-color: #d7d7d7;
    border-top: solid 1px #e6e6e6;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 2em;
    padding: 0;
}


/*ISP kontakty*/
.site-section-wrapper.site-section-wrapper-main.clearfix {
	width: 100%;
 }
.droptbl {
  padding: 0;
	position: relative;
	display: block;
}
.dropbtn {
  background-color: #004B8F;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}
.dropdown {
  position: relative;
}
.dropdown-content {
  display: none;
  position: relative;
  background-color: #ddd;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-content a:hover {background-color: #f0b042;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #f0b042;}
table th, table td {
    padding: 0.5rem 0.5rem;
}
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}
.container:hover input ~ .checkmark {
  background-color: #ccc;
}
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.container input:checked ~ .checkmark:after {
  display: block;
}
.container .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}