/*
Theme Name: phdpsych_template
Theme URI: https://phdpsych.upol.cz/
Description: phdpsych_template
Author: phdpsych.upol.cz
Version: 1.0
Tags: phdpsych_template
*/
html,
body {

}
body {
overflow-x: hidden; 
background: #fff;
font-family: 'Open Sans', sans-serif;
color: #2C3950;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
}
@media (max-width: 991px) {
body {
font-size: 14px;
}
}
strong {
font-weight: 700;
}
/* LOADER */
.pre-loader {
background-color: #2383BF;
position: fixed;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index:9999999;
}
.sk-fading-circle {
width: 40px;
height: 40px;
position: absolute;
top:calc(50% - 20px);
left:calc(50% - 20px);
}
.sk-fading-circle .sk-circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.sk-fading-circle .sk-circle:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #fff;
border-radius: 100%;
-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
-webkit-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
-webkit-transform: rotate(210deg);
-ms-transform: rotate(210deg);
transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
-webkit-transform: rotate(240deg);
-ms-transform: rotate(240deg);
transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
-webkit-transform: rotate(300deg);
-ms-transform: rotate(300deg);
transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
-webkit-transform: rotate(330deg);
-ms-transform: rotate(330deg);
transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
@keyframes sk-circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
/* KONTEJNERY A OKRAJE */
.container {
max-width: 1530px;
}
.container-fluid {
max-width: 1730px;
}



/* vlajky */

.vlajky ul {
padding:0;margin:0px 0 0 0;
list-style-type: none;
float: right;
}

.vlajky ul li {
float: left;
padding:0;margin:0 0 0 10px;
list-style-type: none;
opacity: 0.3;
}
.vlajky ul li.current-lang {
opacity: 1;
}

@media (max-width: 768px) {

.vlajky ul {
margin-left: auto;
margin-right: auto;
display: block;
float: right;

margin-top: 8px;
}

.vlajky ul li {
float: left;
padding:0;margin:0 10px 0 10px;
list-style-type: none;
opacity: 0.3;
}

}




/* HLAVICKA - KONTAKT */
.kontakt {
padding-top: 15px;
padding-bottom: 15px;
}
.kontakt p {
font-size: 19px;
line-height: 140%;

margin-top: 32px;
margin-bottom: 15px;

margin-left: -30px;
}

.kontakt p strong {
color: #2C3950;
font-weight: 600;
}

img.logon:hover {
opacity: 0.8;
}


@media (max-width: 991px) {

.kontakt p {
font-size: 14px; 

}

}


@media (max-width: 991px) {
body {
font-size: 14px;
}
}

@media (max-width: 768px) {
img.logon {
max-width: 180px;
margin-left: auto !important;
margin-right: auto !important;
display: block !important;
text-align:center !important;
}


.kontakt p {
text-align: center;
margin-top: 10px;
margin-bottom:0;
margin-left:0;
}


}


/* ÚVOD - MENU */
#mainNav {
background: #2383BF;  

background-image: linear-gradient(to right, #2383BF, #3AB0E1);


margin:0 !important;
padding:0 0px 0 0px !important;
border: 0px;
-webkit-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.text-menu {
color: #fff;
position: absolute;
top: 23px;
padding-left: 15px;
opacity: 0;
font-size: 14px !important;
text-transform: uppercase;
}
#mainNav .navbar-toggler {
padding: 0rem;
color: #fff;
border: 0px solid #fff;
margin-right: 30px;
}
#mainNav .navbar-toggler:hover {
opacity: 0.8;
}
#mainNav .navbar-toggler i {
font-size: 30px;
margin-left: 15px;
margin-top: 15px;
margin-bottom: 15px;
float: left;
}
#mainNav .navbar-toggler i.close {
color: #fff !important;
opacity:1 !important;
}
#mainNav .navbar-toggler:focus {
outline: none;
}
@media (max-width: 991px) {
.text-menu {
opacity: 1;
}
}
@media (max-width: 991px) {
.collapse {
height: auto;
min-height: auto;
width: 100%;
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 2s; /* Firefox < 16 */
-ms-animation: fadein 2s; /* Internet Explorer */
-o-animation: fadein 2s; /* Opera < 12.1 */
animation: fadein 2s;
}
.collapsing {
-webkit-transition: none;
transition: none;
display: none;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
}
.navbar-toggler>.close {
display:inline;
}
.navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>.open {
display:none;
}
@media (max-width: 991px) {
.navbar-nav {
float: none;
}
}
.nav, .navbar-nav {
margin: 0 !important;
padding: 0 !important;
height: auto !important;
}
.navbar ul {
margin: 0px 0px 0 0px !important;
padding: 0 !important;
}
.navbar ul li {
margin: 0px 0px 0 0px !important;
padding: 0 !important;
list-style: none ;
}
.navbar li a {
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
color: #fff !important;
font-weight: 700;
margin: 12px 12px 12px 0px !important;
padding: 9px 20px 7px 20px !important;
line-height: 100% !important;
text-decoration: none !important;
text-align: left;
display: block;
font-size: 18px;
border: 1px solid rgba(0,0,0,0);
}

.navbar li.ma-sipku a {
padding: 9px 60px 7px 20px !important;
background:   url(images/svg/sipka.svg) no-repeat center right 10px;
}



.navbar li a:hover,
.navbar li.current-menu-item a,
.navbar li.current-post-ancestor a,
.navbar li.current-page-ancestor a,
.navbar li.current-category-ancestor a,
.navbar li.current-menu-ancestor a {
border: 1px solid #fff;
}


.navbar li.neactive.current-menu-item a,
.navbar li.neactive.current-post-ancestor a,
.navbar li.neactive.current-page-ancestor a,
.navbar li.neactive.current-category-ancestor a,
.navbar li.neactive.current-menu-ancestor a {
border: 1px solid rgba(0,0,0,0);
}


@media (max-width: 1400px) {

.navbar li a {
margin: 12px 6px 12px 0px !important;
padding: 9px 10px 7px 10px !important;
}

}

@media (max-width: 1400px) {

.navbar li a {
font-size: 16px;
}

.navbar li a {
margin: 12px 2px 12px 0px !important;
padding: 9px 6px 9px 6px !important;
}

}


@media (max-width: 991px) {
.navbar li a {
margin: 20px 10px 20px 10px !important;
padding: 25px 20px 25px 20px !important;
font-size: 16px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
text-align: center !important;
width: 100%;
float: none;
}
.navbar li {
text-align: center !important;
}
}
/* VYSOUVACI MENU */
#access ul li:hover a {
border: 1px solid #fff;
}
#access ul li:hover ul a {
}
#access ul ul li {
background: none;
list-style-type: none;
margin: 0 !important;
padding: 0 !important;
}
#access ul ul {
display: none;
float: left;
margin: 0px 0 0px 0px !important;
padding: 10px 0 15px 0 !important;
position: absolute;
top: 60px;
float: left;
z-index: 999999999999 !important;
background: #fff !important;
opacity: 1;
}
#access ul ul a {
border: 0px;
line-height: 100%;
padding: 8px 20px 5px 20px !important;
margin:0 !important;
width: 300px;
display: block;
text-align: left;
border-bottom:0 !important;
font-family: 'Open Sans', sans-serif;
color: #2C3950 !important;
font-size: 16px;
text-transform: none !important;
}



#access ul li:hover ul a:hover {
color: #2383BF !important;
}
#access ul li:hover > ul {
display: block;
}
#access li:hover li.current-menu-item a, #access li:hover li.current-post-ancestor a, #access li:hover li.current-page-ancestor a, #access li:hover li.current-category-parent a, #access li:hover.current-category-parent li.current-menu-item a
{
color: #2383BF !important;
}
#access li:hover.current-menu-item ul li a, #access ul li:hover.current-post-ancestor ul li a, #access ul li:hover.current-category-parent ul li a, #access li:hover.current-category-parent li.current-menu-item li a
{
color: #2383BF !important;
}
#access li:hover.current-menu-item ul li a:hover, #access ul li:hover.current-post-ancestor ul li a:hover, #access li:hover.current-category-parent li a:hover
{
color: #2383BF !important;
}
#access li:hover.current-menu-item ul li a
{
color: #2C3950 !important;
}

#access li.current-menu-ancestor ul.sub-menu li.current-menu-item a
{
color: #2383BF !important;
}



#access li:hover.current-menu-item ul li.vybrat a:hover, #access ul li:hover.current-post-ancestor ul li.vybrat a:hover, #access li:hover.current-category-parent li.vybrat a:hover
{
color: #2C3950 !important;
}
#access ul li:hover ul li.vybrat a:hover {
color: #2C3950 !important;
}


/* KOLAPS MENU DO HAMBURGERU */
@media(max-width:991px) {




.navbar-collapse ul{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
clear: both;
width: 100%;
float: left;
}
.navbar-collapse ul li a {
width: auto !important;
display: block;
text-align: center !important;
border: 0 !important;
float: none !important;
margin: 0px 0 20px 0px !important;
padding: 0px 0px 0px 0px !important;
clear: both;
background: none !important;
font-weight: 600;
font-size: 14px;
}
.navbar {
padding: 0px 0px 0px 0px !important;
margin: 0px 0 0 0 !important;
float: none !important
}
#access ul ul {
display: block !important;
float: none;
margin: 0 0 30px 0px !important;
padding: 0px 0 0 0 !important;
position: relative;
top: auto;
background: none !important;
}
#access ul ul a {
background: none !important;
margin: 0px 0 10px 0px !important;
padding: 0px 0 0 0 !important;
color: #fff !important;
font-size: 14px;
}

.navbar li.ma-sipku a {
padding: 0px 0 0 0 !important;
background:   url(images/svg/sipka.svg) no-repeat center right 10px !important;
}





#access ul ul li {
list-style-type: circle;
}
#access ul li:hover a {
background: none !important;
color: #2C3950 !important; 
}
#access ul li:hover ul a {
color: #fff !important;  
}
#access ul li:hover ul a:hover {
color: #2C3950 !important;   
}
.navbar li a:hover,
.navbar li.current-menu-item a,
.navbar li.current-post-ancestor a,
.navbar li.current-page-ancestor a,
.navbar li.current-category-ancestor a,
.navbar li.current-menu-ancestor a {
color: #2C3950 !important;  
}
#access li li a:hover,
#access li li.current-menu-item a,
#access li li.current-post-ancestor a,
#access li li.current-page-ancestor a,
#access li li.current-category-ancestor a,
#access li li.current-menu-ancestor a {
color: #2C3950 !important; 
}
#access li:hover.current-menu-item ul li a
{
color: #fff !important; 
}

#access li:hover.current-menu-item ul li a:hover
{
color: #2C3950 !important; 
}

#access li.current-menu-ancestor ul.sub-menu li.current-menu-item a
{
color: #2C3950  !important; 
}

#access li:hover li.current-menu-item a, #access li:hover li.current-post-ancestor a, #access li:hover li.current-page-ancestor a, #access li:hover li.current-category-parent a, #access li:hover.current-category-parent li.current-menu-item a
{
color: #2C3950 !important;
}
#access li:hover.current-menu-item ul li a, #access ul li:hover.current-post-ancestor ul li a, #access ul li:hover.current-category-parent ul li a, #access li:hover.current-category-parent li.current-menu-item li a
{
color: #fff !important;
}
#access li:hover.current-menu-item ul li a:hover, #access ul li:hover.current-post-ancestor ul li a:hover, #access li:hover.current-category-parent li a:hover
{
color: #2C3950 !important;
}


#access ul ul li.ma-sipku a  {
padding: 0px 0 0 0 !important;
background:   url(images/svg/sipka.svg) no-repeat center right 10px !important;
}

}

/* HOMEPAGE ÚVOD */

.uvod-header{
background: url(images/header.jpg) top right no-repeat;
background-size: auto auto;
min-height: 807px;

padding-top: 80px;
padding-bottom: 80px;

font-size: 19px;
}


@media(max-width:1800px) {

.uvod-header{
background: url(images/header.jpg) top right -300px no-repeat !important;
}

}




@media(max-width:1400px) {

.uvod-header{
background: url(images/header.jpg) top right -400px no-repeat !important;
}

}


@media(max-width:1200px) {

.uvod-header{
background: url(images/header.jpg) top right -600px no-repeat !important;
}

}


@media (max-width: 767px) {

.skocime-mobile{
margin-top: 607px;
}

.uvod-header{
background: url(images/header.jpg) top right -100px no-repeat !important;
}

}




.uvod-header strong{
font-weight: 600;
}

.button-modra-sipka{
margin-top: 80px;
margin-bottom: 80px;

background: url(images/svg/button-modra-sipka.svg) no-repeat;
background-size: 60px 60px;
min-height: 60px;

padding-left: 80px;


font-family: 'Montserrat', sans-serif;
font-weight: 800;
line-height: 115%;

font-size: 18px;
}   



@media(max-width:1200px) {

.button-modra-sipka br{
display: none;
}

}








.button-modra-sipka:hover{
opacity: 0.8;
color: #2383BF !important;
}


.rozcestnik {
margin-top: 50px;
}

h2.nadpis-uvod {
text-transform: none;
font-weight: 800;
font-size: 38px;
letter-spacing: -1px;

margin-top: 50px;
}

h2.nadpis-uvod span {
font-weight: 300;
}




.absolvent {
margin-left: 0px;
}

.absolvent h2 {
color: #E73D4B;
}

.absolvent .btn {
background-color: #E73D4B !important;
}


.odbornik {
margin-left: 0px;
}

.odbornik h2 {
color: #7A8E8F;
width: 120%;
}

.odbornik .btn {
background-color: #7A8E8F !important;
}



.btn {
font-size: 19px;


display: inline-block;
padding: 9px 60px 8px 30px;
margin-top: 10px;
margin-bottom: 0px;

font-weight: 400;
line-height: 100% !important;
text-align: left !important;

vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

color: #fff !important;
border: 0;
border-radius: 0;
margin-left: auto;
margin-right: auto;
width: auto;

background:  #2383BF url(images/svg/sipka.svg) no-repeat center right 10px;

}
.btn:hover {
opacity: 0.8;
}


.btn.vpravo {
float: right;
}



.wp-block-button a {
font-size: 16px;


display: inline-block;
padding: 11px 60px 8px 30px;
margin-top: 5px;
margin-bottom: 0px;

font-weight: 400;
line-height: 100% !important;
text-align: left !important;

vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

color: #fff !important;
border: 0;
border-radius: 0;
margin-left: auto;
margin-right: auto;
width: auto;

background:  #2383BF url(images/svg/sipka.svg) no-repeat center right 10px;
}
.wp-block-button a:hover {
opacity: 0.8;
}





@media(max-width:1400px) {

.absolvent {
margin-left: 0px;
}

.odbornik {
margin-left: 0px;
}

.odbornik h2 {
width: auto;
}

}

@media (max-width: 1200px) {

.btn {
font-size: 14px;
}

.wp-block-button a {
font-size: 14px;
}

}


@media (max-width: 991px) {
.uvod-header{
padding-top: 40px;
padding-bottom: 40px;

font-size: 14px;
}

.button-modra-sipka{
margin-top: 40px;
margin-bottom: 40px;

padding-left: 80px;

font-size: 14px;
}  

h2.nadpis-uvod {
font-size: 22px !important;
margin-top:20px;
}



}



@media (max-width: 576px) {
 

h2.nadpis-uvod {

margin-top: 40px;
margin-bottom:20px
}


.rozcestnik img{

margin-top: 40px;

}


.rozcestnik .btn {
width: 100%;
}



}


@media (max-width: 576px) {

.uvod-header{
padding-bottom: 0px;
}

.button-modra-sipka{
margin-bottom: 0px;
} 


}


/* absolventi */

section{
padding: 60px 0 60px 0;
}
.reference-absolventi{
background-image: linear-gradient(#fff, #ECEDF1);
}

.reference-absolventi  h2.nadpis-uvod {
font-size: 32px;
margin-top: 0px;
color: #2383BF;
}

.reference-absolventi  h3 {
font-size: 16px;
color: #2C3950;
font-weight: 800;
margin-top:0;
margin-bottom: 5px;

line-height: 120%;
box-shadow: none;
}

.reference-absolventi  img {
border-radius: 50%;
border: 5px solid #ECEDF1;
}

.reference-absolventi  p {
font-size: 14px;
margin-bottom: 15px;
}

.reference-absolventi  .spodek {
margin-bottom: 30px;
}

.hide-me[aria-expanded="true"] {display: none;}


@media (max-width: 576px) {

.reference-absolventi  h3 {
font-size: 14px;
}

.reference-absolventi  p {
font-size: 12px;
}


}



/* laboratoře */


.laboratore  h2.nadpis-uvod {
font-size: 32px;
margin-top: 50px;
color: #7A8E8F;
}

@media (max-width: 1200px) {

h2.nadpis-uvod {
font-size: 28px;
}

.reference-absolventi  h2.nadpis-uvod {
font-size: 24px;
}

.laboratore  h2.nadpis-uvod {
font-size: 22px;
}

}

.laboratore  .btn {
float: right;
background-color: #7A8E8F;
}


@media (max-width: 576px) {

.laboratore  h2.nadpis-uvod {
margin-top: 10px;
}

}


/****************** OWL CAROUSEL *******************/
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0; }
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0);}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left; }
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grabbing{}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-theme .owl-controls{margin-top:10px;text-align:center}
.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=100);opacity:1}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-controls .owl-page span{
display:block;width:8px;height:8px;margin: 0px 10px 0 0 !important;filter:Alpha(Opacity=100);opacity:1;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#D2D5D8;
}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1;background: #E19F2C;}
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) no-repeat center center}
#news-slider15.owl-carousel{
margin-top: 0px;
margin-bottom: 0px;
margin-left: -10px !important;
width: -webkit-calc(100% + 20px);
width: -moz-calc(100% + 20px);
width: calc(100% + 20px);
position: relative;
}
#news-slider15 img{
margin-top:  0px;
margin-left: auto !important;
margin-right: auto !important;
display: block !important;
width: 100%;
}
#news-slider15 .post-slide10{
padding:0px 0 0px 0;
margin: 15px 10px 15px 10px;
height: -webkit-calc(100% - 15px);
height: -moz-calc(100% - 15px);
height: calc(100% - 15px);
min-height: -webkit-calc(100% - 15px);
min-height: -moz-calc(100% - 15px);
min-height: calc(100% - 15px);
}
#news-slider15 .owl-controls {
z-index:9999999;
position: absolute;
width: 100%;
}
#news-slider15 .owl-controls .owl-prev{
position: absolute;
right: auto;
left: -25px !important;
bottom: 110px;
width: 60px !important;
height: 60px !important;
background: url(images/svg/laboratore-left.svg) no-repeat !important;
background-size: 60px 60px;
border-radius: 0;
}
#news-slider15 .owl-controls .owl-next{
position: absolute;
left: auto;
right: -25px !important;
bottom: 110px;
width: 60px !important;
height: 60px !important;
background: url(images/svg/laboratore-right.svg) no-repeat !important;
background-size:60px 60px ;
border-radius: 0;
}
.owl-carousel .owl-wrapper {
display: flex !important;
}
#news-slider15 .post-slide10 {
object-fit: cover;
max-width: initial;
}

.relativni {
position: relative;
}


@media(max-width:1400px) {

#news-slider15 .owl-controls .owl-prev{
left: 5px !important;
bottom: 20px;
}
#news-slider15 .owl-controls .owl-next{
right: 5px !important;
bottom: 20px;
}

}

@media(max-width:768px) {

#news-slider15 .owl-controls .owl-prev{
width: 30px !important;
height: 30px !important;
background-size:30px 30px !important;
}
#news-slider15 .owl-controls .owl-next{
width: 30px !important;
height: 30px !important;
background-size:30px 30px !important;
}

}


/* FOOTER */
footer {
margin: -30px 0 0px 0;
padding: 50px 0 30px 0;
background: url(images/footer.jpg) center center no-repeat;
background-size: cover;
}
footer p {
font-size: 17px;
font-weight: 300 !important;

color: #fff;
opacity: 0.9;
}
footer p a {
color: #fff !important;
}
footer a p:hover {
opacity: 0.8;
}

footer p a:hover {
opacity: 0.8;
}

footer img:hover {
opacity: 0.8;
}


footer h3 {
font-family: 'Montserrat', sans-serif;
text-transform: none;
margin: 35px 0 5px 0;
padding:0;
color: #fff;
font-weight: 700;
font-size: 17px;

line-height: 120%;
box-shadow: none;
}



footer .socialka {
margin-top: 50px
}


footer .socialka i {
font-size: 30px;
margin-right: 15px;
}


footer .loga {
margin-top: -50px
}

footer .loga img{
float: right;
max-height: 80px;
}


.copycat {
padding: 20px 0 0px 0 !important;
}

.copycat p {
font-size: 15px;
}

.copycat p a {
margin-right: 30px;
}






.fv {
height: 35px;
margin-left: 20px;
filter: brightness(0) invert(1);
}



@media (max-width: 991px) {
footer p {
font-size: 13px;
}

footer h3 {
margin: 20px 0 5px 0;
font-size: 13px;
}

.copycat p{
font-size: 13px;
}

.copycat p a {
margin-right: 0px;
}

.fv {
margin-top: 30px;
clear: both;
width: 100%;
}    

}




@media (max-width: 576px) {
footer .loga {
margin-top: 0px
}

.fv {
height: 35px;
margin-left: 0px;
}    

}





/* PODSTRANKA */

.obsah-stranka{
padding-bottom:0;
}

/* PODSTRANKA MENU */

.menu-submenu{
margin-top: 1px;
background: #E73D4B !important;
}


/* zmena barvy z praxe !!! */
.parent-pageid-34 .menu-submenu{
background: #7A8E8F!important;
}

.parent-pageid-339 .menu-submenu{
background: #7A8E8F!important;
}
/* zmena barvy z praxe !!! */





.menu-submenu ul a{
color: #fff !important;
}

a.oznaceni{
padding-right: 20px;
font-weight: bold;
color: #fff !important;
}

@media (max-width: 991px) {

.menu-submenu{
margin-top: 1px !important;
}

a.oznaceni{
padding-right: 20px;
padding-left: 20px;
}

.menu-submenu button {
border:0;
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.menu-submenu ul a {
padding: 0 0 20px 20px !important;
margin: 0 !important;
}


}


/* optional style active link */
.navbar-light .navbar-nav .nav-link.active {
text-decoration: underline;
}

.navbar-light a:hover {
text-decoration: underline;
}



/* SKUPINA */
.wp-block-group{
width: 100vw;
 position: relative;
 margin-left: -50vw;
 margin-top: -30px;
  margin-bottom: 30px;
 left: 50%;
}

.wp-block-group__inner-container{
max-width: 1500px;
margin-left: auto;
margin-right: auto;
}


@media (max-width: 1550px) {
.wp-block-group__inner-container{
padding: 30px;
}

}

@media (max-width: 991px) {
.wp-block-group{
width: 100%;
 position: relative;
 margin-left: 0;
 margin-top: 0px;
  margin-bottom: 0px;
 left: 0;
 
 padding: 0px;
}


.wp-block-group__inner-container{
padding: 15px;
}

}


.wp-block-group.arrow-down:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -70px;
    width: 0;
    height: 0;
    border-top: solid 30px #E73D4B;
    border-left: solid 70px transparent;
    border-right: solid 70px transparent;
}

/* zmena barvy z praxe !!! */
.parent-pageid-34 .wp-block-group.arrow-down:after{
border-top: solid 30px #7A8E8F!important;
}

.parent-pageid-339 .wp-block-group.arrow-down:after{
border-top: solid 30px #7A8E8F!important;
}
/* zmena barvy z praxe !!! */







/* GUTENBERG */

/* TABULKA */
table {
font-size: 16px;
line-height: 100%;
margin:0 0 3px 0 !important;
width: 100%;
}
table td {
text-align: center;
line-height: 100%;
margin:0 !important;
background: #ECEDF1;
height: 40px;
}
.wp-block-table {
margin:0 !important;
}
/* galerie a tlacitka */
.wp-block-gallery {
margin:0 !important;
padding:0 !important;
}
ul.blocks-gallery-grid {
margin:0 !important;
padding:0 !important;
}
ul.blocks-gallery-grid {
margin-top: 30px;
margin-bottom: 30px;
}
ul.blocks-gallery-grid li::before {
content: ""; /* Add content: \2022 is the CSS Code/unicode for a bullet */
}
ul.blocks-gallery-grid li {
padding-left: 0px;
}
ul.blocks-gallery-grid li:hover {
opacity: 0.5;
}





/* formátování textu */
hr{
width: 100%;
border:0;
border-bottom: 1px solid #ECEDF1 !important;
height: 1px;
margin : 30px 0 30px 0;
clear: both;
color: #ECEDF1;
}
.reset{
clear: both;
}
h1, h2, h3, h4, h5{
line-height: 1.2;
font-family: 'Montserrat', sans-serif;
}
p, ul li{
line-height: 1.4;
}

ul li{
list-style-type: square;
}

ul, ol{
margin-left:0;
padding-left: 20px;
padding-bottom: 20px;
}

ul li, ol li{
padding-left: 10px;
margin-bottom: 3px;
}



h2 {
font-size: 42px;
font-weight:800;
color: #2C3950;
margin-top: 30px;
margin-bottom: 30px;
}


h3 {
font-size: 24px;
font-weight:800;
color: #2C3950;
margin-top:40px;
margin-bottom: 20px;


padding-bottom:0 !important;

line-height: 85%;
box-shadow: inset 0px -5px 0px #ECEDF1;


}

h3 strong {
font-weight:800;
background: #fff;
padding-bottom: 5px;
padding-right: 20px;
}


h4 {
font-size: 32px;
font-weight:800;
color: #2C3950;
margin-top: 30px;
margin-bottom: 30px;
}


h5{
font-size: 32px;
font-weight:800;
color: #2C3950;
margin-top: 30px;
margin-bottom: 30px;
}


@media (max-width: 991px) {

h2 {
font-size: 22px;
}


h3 {
font-size: 16px;
line-height: 120%;
box-shadow: none;
}

h4,h5 {
font-size: 16px;
}

}


a {
color: #2383BF;
text-decoration: none;
}
a:visited {
color: #2383BF;
text-decoration: none;
}
a:hover {
color: #E73D4B;
text-decoration: none;
}
p{
margin-bottom: 30px;
}
ul, ol{
margin-bottom: 30px;
}
blockquote {
border:0;
background: #ECEDF1;
padding: 60px 50px;
margin-bottom: 30px;
}
blockquote p {
margin-bottom: 0;
line-height: 150%;
font-size: 22px;
color: #2383BF;
}


@media (max-width: 768px) {
blockquote {
padding: 30px 25px;
}
blockquote p {
font-size: 16px;
}
}



.skolitele p, .skolitele ul li, .skolitele ol li {
font-size: 14px;
width: 90%;
text-align: justify;
}

.skolitele h3 {
font-size: 18px;
width: 90%;
}

@media (max-width: 768px) {
.skolitele p {
font-size: 14px;
width: 100%;
}
.skolitele h3 {
width: 100%;
}
}