/* Add here all your css styles (customizations) */
/*

modrá #008cff

*/

body {
    margin: 0;
    position: relative;
	background-color: #0d1e72;
}

body::before,
body::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    pointer-events: none;
}
@media all and (max-width: 767.9px) {
body::before {
    width: 100%;
}
	}

body::before {
    left: 0;
    background: url("../skolka/leva2.png") repeat-y left top;
}
@media all and (min-width: 768px) {
		body::after {
				right: 0;
				background: url("../skolka/prava2.png") repeat-y right 489px;
		}
	}
@media (min-width: 1400px) {
.dol-kid {background: url(../skolka/header-kid.png) top right no-repeat;}
	}

.dol-top-left {display: block; width: 656px; height:  566px;position: absolute; top: 0px; left: 0px; background: url("../skolka/leva-top.png") 0 0 no-repeat; z-index: 1;}
.dol-top-right {display: block; width: 654px; height:  566px;position: absolute; top: 0px; right: 0px; background: url("../skolka/prava-top.png") 0 0 no-repeat; z-index: 1;}

/* topbar */
.dol-topbar { padding-top: 18px; line-height: 36px;}

.dol-phone, .dol-lng, .topbar-divider, .dol-youtube, .dol-facebook {display: inline-block;}

@media (min-width: 992px) {
.topbar-divider {width: 2px; height: 36px; background-color:#008cff;margin: 0 30px;position: relative;top:11px; }
	}

.dol-phone {  font-size: 1.78571rem; font-family: "silkabold"; line-height: 36px;}
.dol-phone span{ display: none;}
.dol-phone:hover{color:#ffffff; text-decoration: underline;}
.dol-phone:hover span{color:#ffffff;transition: .5s;}
@media (min-width: 992px) {
.dol-phone { font-size: 1.78571rem;  line-height: 36px;}
	.dol-phone:hover{ text-decoration: none;}
.dol-phone span{color:#00a0ff; display: inline;transition: .5s;}
.dol-phone span i {font-size: 1.28571rem;border:2px solid #00a0ff; border-radius:50%; padding: 7px;transition: .5s; }
.dol-phone:hover span i {border:2px solid #ffffff; transition: .5s;}

	}

.dol-lng {font-size: 1.14286rem;/*16*/ font-family: "silkasemibold";border: 2px solid transparent;line-height: 25px; padding: 0px 10px; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;position: relative;top:-2px;transition:.5s;}
.dol-lng:hover, .dol-lng-active { background-color: #000c46; border: 2px solid #008cff; text-decoration: none; color:#ffffff;transition:.5s;}

.dol-topbar-fb, .dol-topbar-yt {  position: relative;top:-8px;}


#navBar {background: rgba(0, 140, 255, 10);
background: linear-gradient(90deg,rgba(0, 140, 255, .8) 0%, rgba(237, 0, 109, .8) 100%);
border-radius: 26px;}
@media all and (min-width: 992px) {
#navBar {border-radius: 60px;}
	}

#navBar ul {display: block;}
#navBar ul:first-child {padding-left: 30px;}
#navBar ul:first-child {padding-right: 30px;}
#navBar li {display: inline-block;}
#navBar li a {display: block;color:#fff; font-size: 18px; padding: 15px 10px; font-family: "silkasemibold"; text-transform: uppercase;transition:.5s;}
#navBar li a:hover {text-decoration: none; opacity: .8;transition:.5s;}



@property --color1 {
  syntax: '<color>';
  initial-value: #006EC9;
  inherits: false;
}

@property --color2 {
  syntax: '<color>';
  initial-value: #008cff;
  inherits: false;
}
.dol-sidebar-menu li a, .dol-btn, .dol-btn-footer, .btn-prihlaska-big, .dol-topbar-fb, .btn-prihlaska-send  {
  background: linear-gradient(90deg,var(--color1), var(--color2));
  transition: --color1 .5s, --color2 .5s, text-shadow .5s;
}
.dol-sidebar-menu li a:hover, .dol-btn:hover, .dol-btn-footer:hover, .btn-prihlaska-big:hover, .dol-topbar-fb:hover, .btn-prihlaska-send:hover {
  --color1:#008cff;
	--color2:#008cff;
}


/* math */
@property --color3 {
  syntax: '<color>';
  initial-value: #C90515;
  inherits: false;
}
@property --color4 {
  syntax: '<color>';
  initial-value: #f02637;
  inherits: false;
}
.dol-sidebar-menu li a.sidebar-math-lab, .dol-topbar-yt  {
  background: linear-gradient(90deg,var(--color3), var(--color4));
  transition: --color3 .5s, --color4 .5s, text-shadow .5s;
}
.dol-sidebar-menu li a.sidebar-math-lab:hover, .dol-topbar-yt:hover  {
  --color3:#f02637;
	--color4:#f02637;
}

/* writing */
@property --color5 {
  syntax: '<color>';
  initial-value: #C9025E;
  inherits: false;
}
@property --color6 {
  syntax: '<color>';
  initial-value: #ED006D;
  inherits: false;
}
.dol-sidebar-menu li a.sidebar-writing-lab  {
  background: linear-gradient(90deg,var(--color5), var(--color6));
  transition: --color5 .5s, --color6 .5s, text-shadow .5s;
}
.dol-sidebar-menu li a.sidebar-writing-lab:hover  {
  --color5:#ED006D;
	--color6:#ED006D;
}

/* robotics */
@property --color7 {
  syntax: '<color>';
  initial-value: #D36B00;
  inherits: false;
}
@property --color8 {
  syntax: '<color>';
  initial-value: #fb8001;
  inherits: false;
}
.dol-sidebar-menu li a.sidebar-robotics-lab  {
  background: linear-gradient(90deg,var(--color7), var(--color8));
  transition: --color7 .5s, --color8 .5s, text-shadow .5s;
}
.dol-sidebar-menu li a.sidebar-robotics-lab:hover  {
  --color7:#fb8001;
	--color8:#fb8001;
}

/* morale */
@property --color9 {
  syntax: '<color>';
  initial-value: #2EAA10;
  inherits: false;
}
@property --color10 {
  syntax: '<color>';
  initial-value: #46d224;
  inherits: false;
}
.dol-sidebar-menu li a.sidebar-morale-lab, .alert-success  {
  background: linear-gradient(90deg,var(--color9), var(--color10));
  transition: --color9 .5s, --color10 .5s, text-shadow .5s;
}
.dol-sidebar-menu li a.sidebar-morale-lab:hover, .alert-success:hover  {
  --color9:#46d224;
	--color10:#46d224;
}


/* reading */
@property --color11 {
  syntax: '<color>';
  initial-value: #FFA600;
  inherits: false;
}
@property --color12 {
  syntax: '<color>';
  initial-value: #FFC400;
  inherits: false;
}
.dol-sidebar-menu li a.sidebar-reading-lab, .alert-success  {
  background: linear-gradient(90deg,var(--color11), var(--color12));
  transition: --color11 .5s, --color12 .5s, text-shadow .5s;
}
.dol-sidebar-menu li a.sidebar-reading-lab:hover, .alert-success:hover  {
  --color11:#FFC400;
	--color12:#FFC400;
}


.dol-sidebar-menu {font-size: 1.28571rem;}
.dol-sidebar-menu li{padding-bottom: 4px;}
.dol-sidebar-menu li a {border-radius: 28px;color:#ffffff; display: block; min-height:48px; line-height: 48px; padding:3px 30px;position: relative; font-family: "silkamedium";}
.dol-sidebar-menu li a:hover { color:#ffffff; text-decoration: none;}

.dol-sidebar-menu li a.sidebar-reading-lab,
.dol-sidebar-menu li a.sidebar-math-lab,
.dol-sidebar-menu li a.sidebar-writing-lab,
.dol-sidebar-menu li a.sidebar-robotics-lab,
.dol-sidebar-menu li a.sidebar-morale-lab { font-family: "silkasemibold";}



.dol-sidebar-menu li a span {display: inline-block; width:32px; height: 30px; margin-right: 10px; position: relative; top:9px;}

.dol-sidebar-menu li a.sidebar-reading-lab span {background: url("../skolka/sidebar-reading-lab.png") 0 0 no-repeat;}
.dol-sidebar-menu li a.sidebar-math-lab span {background: url("../skolka/sidebar-math-lab.png") 0 0 no-repeat;}
.dol-sidebar-menu li a.sidebar-writing-lab span {background: url("../skolka/sidebar-writing-lab.png") 0 0 no-repeat;}
.dol-sidebar-menu li a.sidebar-robotics-lab span {background: url("../skolka/sidebar-robotics-lab.png") 0 0 no-repeat;}
.dol-sidebar-menu li a.sidebar-morale-lab span {background: url("../skolka/sidebar-morale-lab.png") 0 0 no-repeat;}

.dol-sidebar-box {color:#ffffff;background:rgba(0, 140, 255, 0.35); border:1px solid #008cff;border-radius:26px; padding: 30px 30px;}

.dol-list-hearts li {padding: 0 0 5px 44px; background: url("../skolka/ico-hearth.png") 0 4px no-repeat;}
.dol-list-hearts li a { font-size: 1.28571rem; color: #ffffff;transition:.5s;} /*18px*/
.dol-list-hearts li a:hover { color:rgba(255,255,255,.7);transition:.5s;}

/* buttons */
.dol-btn, .dol-btn-footer, .btn-prihlaska-big, .btn-prihlaska-send {display:block;position: relative; text-transform:uppercase;color:#ffffff;padding: 0px 20px; font-family: "silkasemibold";text-align: center;text-decoration: none!important; }

.dol-btn {font-size: 1.42857rem;/*20*/border-radius: 66px; line-height:1.2em;padding: 20px 20px 5px 20px;}
.dol-btn span {font-size: 1.8rem;position: relative; top:-7px; width: 42px; height: 42px; margin-right: 10px;display:inline-block;}
.dol-btn span i {text-shadow: none;}
.btn-prihlaska-big {font-size: 1.42857rem;/*20*/border-radius: 66px; line-height: 1.4em;min-height: 74px;padding: 1px 20px 5px 20px;}
.btn-prihlaska-send {font-size: 1.42857rem;/*20*/border-radius: 66px; line-height: 1.4em;min-height: 60px;padding: 1px 20px 1px 20px;}
.dol-btn-footer {font-size: 1.28571rem;/*18*/border-radius: 21px; line-height: 1.4em; min-height: 42px; padding: 9px 20px 5px 20px;}

.dol-btn:hover, .dol-btn-footer:hover, .btn-prihlaska-big:hover, .btn-prihlaska-send:hover {color:#ffffff; text-shadow: 0 0 10px #FFFFFF;text-decoration: none;}

/*.ico-btn-facebook {display: inline-block; width:42px; height: 42px; margin-right: 10px; position: relative; top:14px; background: url("../skolka/ico-btn-facebook.png") 0 0 no-repeat;}*/
.ico-btn-prihlaska {display: inline-block; width:36px; height: 47px; margin-right: 20px; position: relative; top:14px;background: url("../skolka/ico-prihlaska.png") 0 0 no-repeat;}


.dol-prihlaska-box {color:#ffffff;background:#060f50; border:2px solid #008cff;border-radius:26px; padding: 30px 50px; margin: 50px 0;}
.user-content .dol-prihlaska-box h2{font-size: 2.28571rem !important; line-height: 2.7rem;}



footer a:hover {color:rgba(255, 255, 255, .7); }

.dol-footer-menu {}
.dol-footer-menu li {padding: 4px 0px;}
.dol-footer-menu li a {font-size: 1.28571rem;}
.dol-footer-menu li a:hover {}


/* USER CONTENT */

.user-content .dol-bordered {border:2px solid #008cff;border-radius:26px; overflow: hidden;}

.user-content a:not(text-decoration-none) {text-decoration: underline;}
.user-content a:hover { text-decoration: none;}
.user-content a.text-decoration-none:hover {text-decoration: underline!important;}
.user-content p, .user-content li, blockquote {font-size: 1.28571rem;} /*18px*/
.user-content h1 {font-size: 2.85714rem !important;}/*40*/
.user-content h2 {font-size: 2.57143rem !important;}/*36*/
.user-content h3 {font-size: 2.28571rem !important;/*32*/
	background: #FFAA00;
background: linear-gradient(90deg,rgba(255, 170, 0, 1) 0%, rgba(255, 255, 255, 1) 72%, rgba(255, 255, 255, 1) 100%);
background-clip: text;
color: transparent;
line-height: 1.3em;}
.user-content strong {font-family: "silkasemibold"!important; font-weight: normal;}


.hr-white-dot, .hr-blue-dot, .hr-white-dot-reference {
	border:0px;
	height:2px;
	margin: 40px 10px 40px 0px;
	background-image: linear-gradient(90deg,rgba(255, 255, 255, .0) 0%, rgba(255, 255, 255, 1) 100%);
	position: relative;
}
.hr-white-dot::after, .hr-blue-dot::after, .hr-white-dot-reference::after {
	content: "";
    position: absolute;
    top: -21px;
    right: -21px;
	width: 42px; height: 42px;
	background: url("../skolka/dot-white.png") 0 0 no-repeat;
}
.hr-blue-dot {
	background-image: linear-gradient(90deg, rgba(0, 140, 255, 0) 0%, rgba(0, 140, 255, 1) 100%);
}
.hr-blue-dot::after {
	background: url("../skolka/dot-blue.png") 0 0 no-repeat;
}
.hr-white-dot-reference {margin: 13px 15px 40px 0;}

.vr-white-dot {border:0px;
	width:2px;
	max-height: 100%;
	margin-left: 27px;
	margin-bottom: 10px;
	background-image: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	position: relative;}
.vr-white-dot::after {
	content: "";
    position: absolute;
    bottom: -21px;
    left: -20px;
	width: 42px; height: 42px;
	background: url("../skolka/dot-white.png") 0 0 no-repeat;
}
@media (min-width: 992px) {
.dol-border-white {
	
	border-width: 2px;
	border-left: 0;
  border-style: solid;
  border-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0)) 1 100%;
	}
	}

.hr-gradient {
	border:0px;
	height:2px;
	background-image: linear-gradient(90deg,rgba(0, 140, 255, .8) 0%, rgba(237, 0, 109, .8) 100%);
}

.blue-pink-gradient {background: rgba(0, 140, 255, 10);
background: linear-gradient(90deg,rgba(0, 140, 255, .8) 0%, rgba(237, 0, 109, .8) 100%);}
.dol-bg-darkblue  {background: #0d1e72;}
		

.dol-bg-blue {background-color: #008cff;}

.dol-color-blue {color: #008cff;}
.dol-color-dark-blue {color: #0C1765;}
.dol-color-yellow {color: #ffaa00;}

.dol-color-red {color: #ed006d;}
.dol-color-pink {color: #ed006d;}
.dol-color-orange {color: #fb8001;}
.dol-color-green {color: #46d224;}

.dol-bg-dark-blue, .dol-bg-dark-blue--hover:hover{background: #0C1765!important;}

blockquote{
  display:block;
  padding: 0px 20px 0px 75px;
  margin: 20px 0 0 0;
  position: relative;
	font-style: italic; 
}

blockquote::before{
	display: block;
	width: 49px;
	height: 39px;
	background: url("../skolka/quotes.png") 0 0 no-repeat;
  content: ""; 
background-size: contain;
	position: absolute;
  left: 10px;
  top:5px;
}

@media (min-width: 992px) {
	blockquote{
  padding: 0px 20px 0px 150px;
}

blockquote::before{
	width: 98px;
	height: 78px;
}
	}


blockquote::after{
  /*Reset to make sure*/
  content: "";
}

/* ikoly LABS */
.ico-lab{ display: inline-block; background:#060f50; border-radius: 50%; width: 82px;height: 82px; text-align: center;border: 2px solid #ed006d;}
.lab-reading{ border: 2px solid #FFC400;
-webkit-box-shadow: 0px 0px 16px 0px #FFC400; 
        box-shadow: 0px 0px 16px 0px #FFC400;}
.lab-math{ border: 2px solid #f02637;
-webkit-box-shadow: 0px 0px 16px 0px #f02637; 
        box-shadow: 0px 0px 16px 0px #f02637;}
.lab-writing{ border: 2px solid #ed006d;
-webkit-box-shadow: 0px 0px 16px 0px #ed006d; 
        box-shadow: 0px 0px 16px 0px #ed006d;}
.lab-robotics{ border: 2px solid #fb8001;
-webkit-box-shadow: 0px 0px 16px 0px #fb8001; 
        box-shadow: 0px 0px 16px 0px #fb8001;}
.lab-morale{ border: 2px solid #46d224;
-webkit-box-shadow: 0px 0px 16px 0px #46d224; 
        box-shadow: 0px 0px 16px 0px #46d224;}

.btn-lab {display: inline-block;background:#060f50; color:#ffffff; border-radius: 26px; border: 2px solid #008cff; transition: .5s; text-decoration: none!important; padding:4px 20px;font-family: "silkasemibold"!important;   }
.btn-lab-reading:hover {color: #FFC400!important;border: 2px solid #FFC400;}
.btn-lab-math:hover {color: #f02637!important;border: 2px solid #f02637;}
.btn-lab-writing:hover {color: #ed006d!important;border: 2px solid #ed006d;}
.btn-lab-robotics:hover {color: #fb8001!important;border: 2px solid #fb8001;}
.btn-lab-morale:hover {color: #46d224!important;border: 2px solid #46d224;}

.btn-lab-reading {border: 2px solid #FFC400;}
.btn-lab-math {border: 2px solid #f02637;}
.btn-lab-writing {border: 2px solid #ed006d;}
.btn-lab-robotics {border: 2px solid #fb8001;}
.btn-lab-morale {border: 2px solid #46d224;}

/* form prihlaska */
#divSendForm .dH { visibility:hidden;}
#divSendForm p.dH { visibility:hidden; height:1px; line-height:1px; overflow:hidden;}
label {font-size: 1.28571rem; display: inline-block; padding-left: 40px;}
.field, .textA, .error { border:3px solid #ffffff; border-radius:43px;padding:5px 20px; font-size: 1.28571rem;}
.textA {  border-radius:26px;}
label:focus {color:#ffaa00;}
.field:focus, .textA:focus { border:3px solid #ffaa00;}
.error, .error { border:3px solid #f02637;}

.alert-success { border: 0;border-radius:24px; color:#ffffff!important;}

.brain { margin: 50px 0px;}
@media (min-width: 1200px) {
.brain {background:transparent url(../skolka/brain.png) 50% 20px no-repeat; }
}
.rule {position: relative;}
.rule:after {width: 3.14286rem;border-top-width: 2px;content: ""; display: inline-block; border-top-style: solid;  font-size: 2px; line-height: 2px;padding: 0; margin: 0; position: relative; top:-10px; }
.rule.dol-brd-reading:after {border-color:#FFC400;}
.rule.dol-brd-math:after {border-color: #f02637;}
.rule.dol-brd-writing:after {border-color: #ed006d;}
.rule.dol-brd-robotics:after {border-color: #fb8001;}
.rule.dol-brd-morale:after {border-color: #46d224;}
.brain h3 {background: #ffffff;background-clip: text;color: transparent;}