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

Theme Name: Fleming Pro customized for BCO 
Theme URI: https://www.academiathemes.com/themes/fleming-lite/
Description: Fleming is a fast, clean and mobile friendly (responsive) WordPress theme. It is WCAG 2.0 (Level AAA) compliant. It works well with page builders like Elementor, Beaver Builder, Visual Composer, Brizy, Divi, SiteOrigin, etc. Bradbury theme is best used to create a website for a school, university, kindergarten, church, museum, city hall, local government office, NGO, nonprofit or different education institutions. Other features include: Responsive Design; Mobile Menu; Blog ready; SEO code; Custom Widgets; Color Customization; Layout Settings; Translation Ready; Regular updates. Check out the theme's demo and video tutorial here: https://www.academiathemes.com/themes/fleming/
Requires PHP: 5.6
Tested up to: 5.7.1
Version: 2.1.4
Private: true
Author: AcademiaThemes.com
Author URI: https://www.academiathemes.com/
Template: academia-fleming
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: academia-fleming
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

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;
}


/*main*/
#site-main {
    margin-top: 0px;
	margin-bottom: 0px;
}
.site-section-wrapper {
	padding: 20px 20px 0px 20px;
    background-color: white;
    text-align: left;
    width: 80%;
    position: relative;
    z-index: 2;
}
.site-section-wrapper-main {
	padding-top: 20px;
}

#site-homepage-widgets {
    border-bottom: solid 2px #cad3e3;
    margin-bottom: 0.0rem;
    padding-bottom: 2.5rem;
}

img {
	max-width: 100%;
}

/*primary menu*/
.site-section-wrapper-primary-menu {
	padding: 0px 20px 0px 20px ;
	background-color: #004B8F;
	z-index: 3;
}
#site-section-primary-menu {
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
}

/*footer*/
.site-section-wrapper-footer {
	background-color: #607d8a;
}
.site-section-wrapper-footer-credit {
	background-color: #004b8f;
}
#site-prefooter {
	background-color: #607d8a;
	border-top: solid 10px #004b8f;
	border-bottom: solid 1px #004b8f;
	margin: 0rem;
	padding: 30px 0;
}
#site-footer-partner-logos {
	padding: 0rem 25% 1rem 25%;
	border-top: solid 1px #004b8f;
	background-color: white;
}
#site-footer-credit {
  padding: 0px 0px 20px 0px;
}

/*secondary menu*/
.widget-wrapper-related {
	background-color: #004b8f;
	color: white;
	padding: 10px;
}
.widget-wrapper-related .current-menu-item a {
	color: orange;
}
.widget-wrapper-related a{
	color: white;
}
.widget-wrapper-related a:hover{
	color: orange;
} 


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

/*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;
}