.container {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin: 0 auto;
padding: 0 15px;
max-width: 1200px;
position: relative;
}
.container.container-narrow {
max-width: 900px;
}
.container.container-wide {
max-width: 100%;
}
.remove-relative {
position: initial;
}
.overflow-hidden {
overflow-y: hidden;
}
.vertical-grid {
height: 100%;
min-height: 100%;
display: flex;
flex-direction: column;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.vertical-grid .grid-item {
display: flex;
flex-direction: column;
justify-content: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.vertical-grid .grid-item.stretch {
flex: 1;
}
.row {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 -15px;
}
.row:after {
content: '';
display: block;
clear: both;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
.align-left {
text-align: left;
}
.relative {
position: relative;
}
[class^="col-"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 15px;
float: left;
min-height: 1px;
}
.row-nogap {
margin: 0;
}
.row-nogap [class^="col-"] {
padding: 0;
}
.row-smallgap {
margin-left: -5px;
margin-right: -5px;
}
.row-smallgap [class^="col-"] {
padding-left: 5px;
padding-right: 5px;
}
.row-flex {
display: flex;
flex-wrap: wrap;
}
.row-flex > [class^="col-"] {
float: none;
}
.row-flex > .col {
width: auto;
flex-grow: 1;
flex-shrink: 1;
}
.row-flex.equal-height {
align-items: stretch;
}
.row-flex.align-middle {
align-items: center;
}
.row-flex.align-bottom {
align-items: flex-end;
}
.row-flex.align-top {
align-items: flex-start;
}
.row-flex.full-height {
min-height: 100%;
}
.row-flex.align-items-center {
justify-content: center;
}
.row-flex .align-self-center {
align-self: center;
}
.self-center {
align-self: center;
}
@media (max-width: 800px) {
.wrap-small {
display: block !important;
}
}
.col-40 {
width: 40%;
}
.col-30 {
width: 30%;
}
.col-20 {
width: 20%;
}
.col-12 {
width: 100%;
}
.col-11 {
width: 91.66666667%;
}
.col-10 {
width: 83.33333333%;
}
.col-9 {
width: 75%;
}
.col-8 {
width: 66.66666667%;
}
.col-7 {
width: 58.33333333%;
}
.col-6 {
width: 50%;
}
.col-5 {
width: 41.66666667%;
}
.col-4 {
width: 33.33333333%;
}
.col-3 {
width: 25%;
}
.col-2 {
width: 16.66666667%;
}
.col-1 {
width: 8.33333333%;
}
.pad-v-half {
padding-top: 5px;
padding-bottom: 5px;
}
.pad-v-1 {
padding-top: 10px;
padding-bottom: 10px;
}
.pad-v-2 {
padding-top: 20px;
padding-bottom: 20px;
}
.pad-v-3 {
padding-top: 30px;
padding-bottom: 30px;
}
.pad-v-4 {
padding-top: 40px;
padding-bottom: 40px;
}
.pad-v-5 {
padding-top: 50px;
padding-bottom: 50px;
}
.pad-v-6 {
padding-top: 60px;
padding-bottom: 60px;
}
.pad-v-7 {
padding-top: 70px;
padding-bottom: 70px;
}
.pad-v-8 {
padding-top: 80px;
padding-bottom: 80px;
}
.pad-v-9 {
padding-top: 90px;
padding-bottom: 90px;
}
.pad-v-10 {
padding-top: 100px;
padding-bottom: 100px;
}
.pad-bottom-0 {
padding-bottom: 0px;
}
.pad-bottom-1 {
padding-bottom: 10px;
}
.pad-bottom-2 {
padding-bottom: 20px;
}
.pad-bottom-3 {
padding-bottom: 30px;
}
.pad-bottom-4 {
padding-bottom: 40px;
}
.pad-bottom-5 {
padding-bottom: 50px;
}
.pad-bottom-6 {
padding-bottom: 60px;
}
.pad-bottom-7 {
padding-bottom: 70px;
}
.pad-bottom-8 {
padding-bottom: 80px;
}
.pad-bottom-9 {
padding-bottom: 90px;
}
.pad-bottom-10 {
padding-bottom: 100px;
}
.pad-bottom-14 {
padding-bottom: 140px;
}
.pad-bottom-15 {
padding-bottom: 150px;
}
.pad-bottom-16 {
padding-bottom: 160px;
}
.pad-bottom-17 {
padding-bottom: 170px;
}
.pad-top-1 {
padding-top: 10px;
}
.pad-top-2 {
padding-top: 20px;
}
.pad-top-3 {
padding-top: 30px;
}
.pad-top-4 {
padding-top: 40px;
}
.pad-top-5 {
padding-top: 50px;
}
.pad-top-6 {
padding-top: 60px;
}
.pad-top-7 {
padding-top: 70px;
}
.pad-top-8 {
padding-top: 80px;
}
.pad-top-9 {
padding-top: 90px;
}
.pad-top-10 {
padding-top: 100px;
}
.pad-top-12 {
padding-top: 120px;
}
.pad-top-13 {
padding-top: 130px;
}
.pad-top-14 {
padding-top: 140px;
}
.pad-top-15 {
padding-top: 150px;
}
.pad-top-16 {
padding-top: 160px;
}
.pad-top-17 {
padding-top: 170px;
}
.pad-top-21 {
padding-top: 210px;
}
.pad-right-0 {
padding-right: 0px;
}
.pad-right-1 {
padding-right: 10px;
}
.pad-right-2 {
padding-right: 20px;
}
.pad-right-3 {
padding-right: 30px;
}
.pad-right-4 {
padding-right: 40px;
}
.pad-right-5 {
padding-right: 50px;
}
.pad-right-6 {
padding-right: 60px;
}
.pad-right-7 {
padding-right: 70px;
}
.pad-right-10 {
padding-right: 100px;
}
.pad-left-0 {
padding-left: 0px;
}
.pad-left-1 {
padding-left: 10px;
}
.pad-left-2 {
padding-left: 20px;
}
.pad-left-3 {
padding-left: 30px;
}
.pad-left-4 {
padding-left: 40px;
}
.pad-left-5 {
padding-left: 50px;
}
.pad-left-6 {
padding-left: 60px;
}
.pad-left-7 {
padding-left: 70px;
}
.pad-left-10 {
padding-left: 100px;
}
.push-0 {
margin: 0;
}
.push-right-0 {
margin-right: 0;
}
.push-right-1 {
margin-right: 10px;
}
.push-right-2 {
margin-right: 20px;
}
.push-right-3 {
margin-right: 30px;
}
.push-right-4 {
margin-right: 40px;
}
.push-right-5 {
margin-right: 50px;
}
.push-right-6 {
margin-right: 60px;
}
.push-right-7 {
margin-right: 70px;
}
.push-right-9 {
margin-right: 90px;
}
.push-right-10 {
margin-right: 100px;
}
.push-bottom-0 {
margin-bottom: 0 !important;
}
.push-bottom-1 {
margin-bottom: 10px !important;
}
.push-bottom-2 {
margin-bottom: 20px !important;
}
.push-bottom-3 {
margin-bottom: 30px !important;
}
.push-bottom-4 {
margin-bottom: 40px !important;
}
.push-bottom-5 {
margin-bottom: 50px;
}
.push-bottom-6 {
margin-bottom: 60px;
}
.push-bottom-7 {
margin-bottom: 70px;
}
.push-bottom-9 {
margin-bottom: 90px;
}
.push-bottom-10 {
margin-bottom: 100px;
}
.push-top-0 {
margin-top: 0 !important;
}
.push-top-1 {
margin-top: 10px !important;
}
.push-top-2 {
margin-top: 20px !important;
}
.push-top-3 {
margin-top: 30px !important;
}
.push-top-5 {
margin-top: 50px;
}
.push-top-6 {
margin-top: 60px;
}
.push-top-7 {
margin-top: 70px;
}
.push-top-8 {
margin-top: 80px;
}
.float-center {
margin-left: auto;
margin-right: auto;
}
.hidden-lg {
display: none;
}
.hidden,
.hide {
display: none;
}
@media (min-width: 801px) {
.hide-lg {
display: none !important;
}
}
@media (max-width: 800px) {
.hide-sm {
display: none !important;
}
.hidden-lg {
display: initial;
}
.align-sm-center {
text-align: center !important;
}
.align-sm-right {
text-align: right;
}
.pad-sm-bottom-0 {
padding-bottom: 0;
}
.pad-sm-bottom-1 {
padding-bottom: 10px;
}
.pad-sm-bottom-2 {
padding-bottom: 20px;
}
.pad-sm-bottom-3 {
padding-bottom: 30px;
}
.pad-sm-bottom-4 {
padding-bottom: 40px;
}
.pad-sm-bottom-5 {
padding-bottom: 50px;
}
.pad-sm-bottom-6 {
padding-bottom: 60px;
}
.pad-sm-bottom-7 {
padding-bottom: 70px;
}
.pad-sm-bottom-9 {
padding-bottom: 90px;
}
.pad-sm-bottom-10 {
padding-bottom: 100px;
}
.pad-sm-left-0 {
padding-left: 0;
}
.pad-sm-left-1 {
padding-left: 10px;
}
.pad-sm-left-2 {
padding-left: 20px;
}
.pad-sm-left-3 {
padding-left: 30px;
}
.pad-sm-left-4 {
padding-left: 40px;
}
.pad-sm-left-5 {
padding-left: 50px;
}
.pad-sm-left-6 {
padding-left: 60px;
}
.pad-sm-left-7 {
padding-left: 70px;
}
.pad-sm-left-9 {
padding-left: 90px;
}
.pad-sm-left-10 {
padding-left: 100px;
}
.pad-sm-top-0 {
padding-top: 0;
}
.push-sm-top-0 {
margin-top: 0 !important;
}
.push-sm-top-2 {
margin-top: 20px;
}
.push-sm-top-3 {
margin-top: 30px;
}
.push-sm-top-4 {
margin-top: 40px;
}
.push-sm-bottom-0 {
margin-bottom: 0 !important;
}
.push-sm-bottom-2 {
margin-bottom: 20px;
}
.push-sm-bottom-3 {
margin-bottom: 30px;
}
.push-sm-bottom-4 {
margin-bottom: 40px;
}
.col-60,
.col-40,
.col-30,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
width: 100%;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.container {
padding-left: 15px;
padding-right: 15px;
}
.pad-h-sm-3 {
padding-top: 30px;
padding-bottom: 30px;
}
.pad-h-sm-5 {
padding-top: 50px;
padding-bottom: 50px;
}
.push-sm-bottom-2 {
margin-bottom: 20px;
}
.push-sm-bottom-3 {
margin-bottom: 30px;
}
.push-sm-bottom-4 {
margin-bottom: 40px;
}
.push-sm-bottom-5 {
margin-bottom: 50px;
}
.sm-hide {
display: none;
}
.container {
padding-left: 15px;
padding-right: 15px;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
[class^="col-"] {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 600px) {
.xs-hide {
display: none !important;
}
.align-xs-center {
text-align: center;
}
.col-sm-60,
.col-sm-40,
.col-sm-30,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1 {
width: 100%;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.pad-xs-top-0 {
padding-top: 0;
}
.push-xs-bottom-0 {
margin-bottom: 0;
}
.push-xs-bottom-1 {
margin-bottom: 10px;
}
.push-xs-bottom-2 {
margin-bottom: 20px;
}
.push-xs-bottom-3 {
margin-bottom: 30px;
}
.align-xs-right {
text-align: right;
}
.xs-pos-1 {
order: 1;
}
.xs-pos-2 {
order: 2;
}
}
body {
font-family: noto-sans, sans-serif;
line-height: 1.4;
}
h1 {
margin: 0;
font-weight: 500;
font-size: 40px;
}
h1.large {
font-size: 45px;
}
h1.small {
font-size: 30px;
}
h2 {
margin: 0;
font-weight: 500;
font-size: 26px;
}
h3 {
margin: 0;
font-weight: 500;
font-size: 22px;
}
h3.small {
font-size: 20px;
}
h4 {
font-weight: 500;
}
h1 a,
h2 a,
h3 a {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
h1 a:hover,
h2 a:hover,
h3 a:hover {
color: #4A90E2;
}
p {
margin: 15px 0;
line-height: 1.7;
}
.large-text {
font-size: 22px;
}
.small-text {
font-size: 14px;
}
.light-text {
color: #4A4A4A;
}
.red-text {
color: #ff0000;
}
a {
text-decoration: none;
color: #000;
}
a.clean {
text-decoration: none;
color: #4A90E2;
}
a.underline {
text-decoration: underline;
}
a.underline:hover {
color: #4A90E2;
}
strong,
.strong {
font-weight: 500;
}
.nowrap {
white-space: nowrap;
}
.text-content a {
color: #4A90E2;
overflow-wrap: break-word;
word-wrap: break-word;
}
.text-content a:hover {
text-decoration: underline;
}
.text-content ul {
margin-top: 20px;
margin-bottom: 20px;
}
.text-content ul li {
margin-bottom: 10px;
}
.text-content p,
.text-content li {
line-height: 1.8;
}
.text-content p {
margin: 20px 0;
}
.text-content h2 {
margin-top: 40px;
}
.text-content img {
max-width: 100%;
border-radius: 5px;
margin-left: auto;
margin-right: auto;
display: block;
}
.text-content img.alignright {
display: inline-block;
float: right;
margin-bottom: 20px;
margin-left: 20px;
}
.text-content img.alignleft {
display: inline-block;
float: left;
margin-bottom: 20px;
margin-right: 20px;
}
.text-content .ui.image {
margin-bottom: 15px;
}
.text-content blockquote {
border-left: 2px solid #4A90E2;
margin-left: 0;
padding-left: 30px;
font-size: 17px;
margin-top: 0;
margin-bottom: 0;
padding-top: 5px;
padding-bottom: 5px;
}
.text-content blockquote p {
margin: 15px 0 !important;
}
.text-content table {
border: none;
margin-top: 40px;
margin-bottom: 40px;
}
.text-content table td {
border: none;
padding: 15px;
}
.text-content table tr:nth-child(even) td {
background-color: rgba(74, 144, 226, 0.05);
}
.blog-post .text-content {
font-size: 17px;
}
.blog-post .text-content p {
margin: 30px 0;
}
.blog-post .text-content.excerpt-content p:first-child {
margin-top: 15px;
}
@media (max-width: 600px) {
h1 {
font-size: 30px;
}
h2 {
font-size: 20px;
}
}
.btn {
display: inline-block;
text-decoration: none;
font-size: 15px;
height: 40px;
border-radius: 20px;
padding: 12px 24px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 1;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.btn:hover {
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px);
text-decoration: none !important;
}
.btn.btn-lg {
font-size: 18px;
height: 50px;
border-radius: 25px;
padding: 15px 30px;
}
.btn.btn-sm {
font-size: 13px;
height: 30px;
border-radius: 15px;
padding: 7px 18px;
}
.btn.btn-block {
width: 100%;
text-align: center;
}
.btn.btn-primary {
background-color: #4A90E2;
color: #fff;
border: 1px solid #4A90E2;
}
.btn.btn-primary:hover {
background-color: #3d88e0;
border-color: #3d88e0;
}
.btn.btn-secondary {
background-color: #f1f1f1;
color: #000;
border: 1px solid #f1f1f1;
}
.btn.btn-secondary:hover {
background-color: #e9e9e9;
border-color: #e9e9e9;
}
.btn.btn-light {
background-color: #fff;
border: 1px solid #fff;
color: #000;
}
.btn.btn-light:hover {
background-color: #fcfcfc;
border-color: #fcfcfc;
}
.btn.btn-outline-light {
border: 1px solid #fff;
color: #fff;
background-color: transparent;
}
.btn.btn-outline-light:hover {
background-color: #fff;
color: #4A90E2;
}
.btn-cat-21 {
background-color: #BFD8F5;
}
.btn-cat-1 {
background-color: #A3B6E5;
}
.btn-cat-4 {
background-color: #F9C97B;
}
.btn-cat-2 {
background-color: #dfbaff;
}
.btn-cat-5 {
background-color: #FDF7AF;
}
.btn-cat-6 {
background-color: #F5D8BF;
}
.btn-cat-3 {
background-color: #9DDE9C;
}
.btn-cat-8 {
background-color: #C5ED9D;
}
.btn-cat-13 {
background-color: #ffa8b0;
}
.btn-cat-22 {
background-color: #bbece2;
}
header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 10px;
padding-bottom: 10px;
}
header.scrolled {
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
}
header.front nav .menu li.highlight {
display: none;
}
header.front .header-courses-button .courses-btn {
display: none;
}
header.front:not(.scrolled) {
background-color: transparent;
box-shadow: none;
}
header.front:not(.scrolled) .logo img {
filter: brightness(0) invert(1);
height: 80px;
}
header.front:not(.scrolled) nav .menu li a {
color: #fff;
}
header.front:not(.scrolled) nav .language-links a {
color: #fff;
}
header.front:not(.scrolled) nav .header-search-input:not(.mobile) {
border-color: rgba(255, 255, 255, 0.5);
color: #fff;
background-image: url(//rahvaylikool.ee/wp-content/themes/rahvaylikool/img/search-light.svg);
}
header.front:not(.scrolled) nav .header-search-input:not(.mobile)::placeholder {
color: rgba(255, 255, 255, 0.6);
}
header.front:not(.scrolled) .toggle-menu .menu-toggle span {
background-color: #fff;
}
header.front.categories-open,
header.front.menu-open {
background-color: #fff;
}
header.front.categories-open .logo img,
header.front.menu-open .logo img {
filter: brightness(1);
}
header.front.categories-open nav .menu li:not(.highlight) a,
header.front.menu-open nav .menu li:not(.highlight) a {
color: #000;
}
header .logo img {
display: inline-block;
height: 60px;
-webkit-transition: height 0.3s ease;
-moz-transition: height 0.3s ease;
-ms-transition: height 0.3s ease;
-o-transition: height 0.3s ease;
transition: height 0.3s ease;
}
header nav {
display: flex;
justify-content: flex-end;
width: 100%;
}
header nav .menu {
list-style-type: none;
display: flex;
align-items: center;
justify-content: flex-end;
padding-left: 20px;
}
header nav .menu li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
header nav .menu li a {
display: block;
text-decoration: none;
color: #000;
padding: 0 10px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
header nav .menu li a:hover {
color: #4A90E2;
}
header nav .menu li:not(.highlight) {
padding-left: 5px;
padding-right: 5px;
}
header nav .menu li:not(.highlight).current-menu-item > a {
border-bottom: 2px solid #d8d8d8;
}
header nav .menu li.highlight {
padding-left: 10px;
padding-right: 10px;
}
header nav .menu li.highlight a {
background-color: #4A90E2;
height: 40px;
border-radius: 20px;
line-height: 40px;
vertical-align: middle;
color: #fff;
padding-left: 20px;
padding-right: 20px;
}
header nav .menu li.highlight a:hover {
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px);
}
header nav .menu.main-menu .sub-menu {
display: none;
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
list-style-type: none;
padding: 0;
margin-top: 15px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}
header nav .menu.main-menu .sub-menu:before {
content: '';
display: block;
position: absolute;
top: -15px;
height: 15px;
width: 100%;
}
header nav .menu.main-menu li.menu-item-has-children {
position: relative;
}
header nav .menu.main-menu li.menu-item-has-children.open .sub-menu {
background: #fff;
display: block;
}
header nav .menu.main-menu li.menu-item-has-children.open .sub-menu li {
background: #fff;
}
header nav .menu.main-menu li.menu-item-has-children.open .sub-menu li a {
color: #000;
font-size: 14px;
padding: 5px 15px;
white-space: nowrap;
}
header nav .menu.main-menu li.menu-item-has-children.open .sub-menu li a:hover {
color: #4A90E2;
}
header nav .menu.main-menu li.menu-item-has-children.open .sub-menu li.current-menu-item > a {
border-bottom: none;
color: #08699a;
}
header nav .menu.main-menu li.menu-item-has-children.open .sub-menu li:first-child {
padding-top: 10px;
}
header nav .menu.main-menu li.menu-item-has-children.open .sub-menu li:last-child {
padding-bottom: 10px;
}
header nav .language-links {
align-self: center;
padding-left: 15px;
}
header nav .language-links a {
text-transform: uppercase;
font-size: 10px;
display: block;
font-weight: 500;
text-align: center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
header nav .language-links a:hover {
color: #4A90E2;
}
header nav .header-search-input {
display: block;
height: 36px;
border: none;
border-bottom: 1px solid #b9b9b9;
font-family: noto-sans, sans-serif;
font-size: 16px;
font-weight: 300;
padding-right: 10px;
padding-left: 32px;
background: transparent url(//rahvaylikool.ee/wp-content/themes/rahvaylikool/img/search.svg) 5px center no-repeat;
background-size: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
width: 180px;
font-size: 14px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
header nav .header-search-input:focus {
outline: none;
border-color: #4A90E2;
}
header nav .header-search-input.mobile {
width: 100%;
font-size: 16px;
height: 40px;
}
header .header-courses-button {
flex-grow: 1;
}
header .courses-btn a {
text-decoration: none;
color: #000;
padding: 0 10px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 0 auto;
display: inline-block;
background-color: #4A90E2;
height: 40px;
border-radius: 20px;
line-height: 40px;
vertical-align: middle;
color: #fff;
padding-left: 20px;
padding-right: 20px;
}
header .courses-btn a:hover {
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px);
}
header .categories-menu {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
padding-top: 120px;
background-color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
pointer-events: none;
overflow-y: auto;
}
header.categories-open .categories-menu {
opacity: 1;
pointer-events: all;
}
header .mobile-menu {
z-index: -2;
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow-y: auto;
padding-top: 130px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: #fff;
}
@media (min-width: 801px) {
header .mobile-menu {
display: none;
}
}
header .mobile-menu .mobile-search-form {
position: fixed;
top: 90px;
left: 0;
right: 0;
background-color: #fff;
}
header .mobile-menu .mobile-search-form:before {
content: '';
display: block;
position: absolute;
top: -90px;
left: 0;
right: 0;
height: 100px;
background-color: #fff;
}
header .mobile-menu .menu {
display: block;
padding: 0;
margin-top: 0;
padding-top: 15px;
}
header .mobile-menu .menu li {
display: block;
width: 100%;
}
header .mobile-menu .menu li a {
display: block;
color: #000 !important;
text-align: center;
padding: 11px 10px;
font-size: 22px;
}
header .mobile-menu .menu li .sub-menu {
display: none;
padding: 0;
}
header .mobile-menu .menu li .sub-menu li a {
font-size: 17px;
}
header .mobile-menu .menu li.current-menu-item > a,
header .mobile-menu .menu li.open > a {
color: #08699a !important;
}
header .mobile-menu .menu li.current-menu-item a,
header .mobile-menu .menu li.open a {
border-bottom: none !important;
}
header .mobile-menu .menu li.menu-item-has-children.current-menu-item > a,
header .mobile-menu .menu li.menu-item-has-children.current-menu-ancestor > a,
header .mobile-menu .menu li.open > a {
padding-bottom: 0;
}
header .mobile-menu .menu li.menu-item-has-children.current-menu-item > .sub-menu,
header .mobile-menu .menu li.menu-item-has-children.current-menu-ancestor > .sub-menu,
header .mobile-menu .menu li.open > .sub-menu {
display: block;
}
header .mobile-menu .language-links {
padding: 0;
text-align: center;
}
header .mobile-menu .language-links a {
display: inline-block;
color: #000 !important;
font-size: 14px;
padding: 0 10px;
}
header .close-menu .menu-close {
width: 35px;
height: 35px;
display: inline-block;
position: relative;
}
header .close-menu .menu-close span {
display: block;
width: 35px;
height: 3px;
border-radius: 2px;
background-color: #08699a;
position: absolute;
top: 50%;
left: 50%;
}
header .close-menu .menu-close span:first-child {
-webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
-moz-transform: translateY(-50%) translateX(-50%) rotate(45deg);
-ms-transform: translateY(-50%) translateX(-50%) rotate(45deg);
-o-transform: translateY(-50%) translateX(-50%) rotate(45deg);
transform: translateY(-50%) translateX(-50%) rotate(45deg);
}
header .close-menu .menu-close span:last-child {
-webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
-moz-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
-ms-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
-o-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}
header .toggle-menu .menu-toggle {
width: 30px;
height: 26px;
display: block;
position: relative;
margin-left: auto;
margin-right: 5px;
}
header .toggle-menu .menu-toggle span {
display: block;
width: 30px;
height: 3px;
background-color: #08699a;
position: absolute;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
header .toggle-menu .menu-toggle span:nth-child(1) {
top: 0;
}
header .toggle-menu .menu-toggle span:nth-child(2) {
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
header .toggle-menu .menu-toggle span:nth-child(3) {
bottom: 0;
}
@media (max-width: 800px) {
header nav {
display: block;
}
}
@media (max-width: 800px) {
header:not(.menu-open) .mobile-menu {
opacity: 0;
pointer-events: none;
}
header.categories-open .toggle-menu,
header.menu-open .toggle-menu {
display: none;
}
header .close-menu {
display: none;
}
header.menu-open .close-menu,
header.categories-open .close-menu {
display: block;
}
}
footer {
background-color: #FAF9FE;
border-top: 1px solid rgba(151, 151, 151, 0.2);
}
footer p {
line-height: 1.7;
}
footer p:first-child {
margin-top: 0;
}
footer p a {
color: #000;
text-decoration: none;
}
footer p a:hover {
color: #4A90E2;
}
footer h3 a {
text-decoration: none;
color: #000;
}
footer h3 a:hover {
color: #4A90E2;
}
footer ul {
list-style-type: none;
margin: 0;
padding: 0;
}
footer ul li a {
text-decoration: none;
color: #000;
display: inline-block;
margin-bottom: 5px;
}
footer ul li a:hover {
color: #4A90E2;
}
footer h4 + p {
margin-top: 0;
}
footer .menu-item-has-children .sub-menu {
display: none;
}
.sidebar {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
min-height: 100%;
}
.sidebar.fading {
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.sidebar.fading:not(:hover) {
opacity: 0.5;
}
@media (max-width: 800px) {
.sidebar.fading {
opacity: 1 !important;
}
}
.sidebar .sidebar-categories a {
display: inline-block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.sidebar .sidebar-categories a:hover {
color: #4A90E2;
}
.sidebar .blog-search {
display: flex;
width: 100%;
align-items: center;
}
.sidebar .blog-search > div:first-child {
flex-grow: 1;
}
.sidebar .sidebar-form {
display: flex;
width: 100%;
align-items: flex-end;
}
.sidebar .sidebar-form > div:first-child {
flex-grow: 1;
}
.sidebar .sidebar-menu {
list-style-type: none;
}
.sidebar .sidebar-menu li {
padding-bottom: 10px;
}
.sidebar .sidebar-menu li a {
display: inline-block;
font-size: 16px;
color: #4c4c4c;
font-weight: 500;
text-decoration: none;
margin-bottom: 3px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
}
.sidebar .sidebar-menu li a:hover {
color: #4A90E2;
border-color: #4A90E2;
}
.sidebar .sidebar-menu li a:hover:after {
margin-left: 13px;
opacity: 1;
background-image: url(//rahvaylikool.ee/wp-content/themes/rahvaylikool/img/menuarrow-blue.svg);
}
.sidebar .sidebar-menu li a:after {
content: '';
display: inline-block;
margin-left: 10px;
width: 7px;
height: 13px;
background: transparent url(//rahvaylikool.ee/wp-content/themes/rahvaylikool/img/menuarrow.svg) center no-repeat;
background-size: contain;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0.7;
}
.sidebar .sidebar-menu li .sub-menu {
display: none;
}
.sidebar .sidebar-menu li.current-menu-item > .sub-menu,
.sidebar .sidebar-menu li.current-menu-parent > .sub-menu {
display: block;
padding-left: 15px;
}
.sidebar .sidebar-divider {
height: 1px;
background: #405793;
opacity: 0.3;
margin-top: 20px;
margin-bottom: 20px;
}
.sidebar ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.sidebar .posts,
.sidebar .widget_recent_entries {
padding-bottom: 10px;
padding-top: 10px;
}
.sidebar .posts ul li,
.sidebar .widget_recent_entries ul li {
position: relative;
padding-left: 17px;
margin-bottom: 10px;
}
.sidebar .posts ul li a,
.sidebar .widget_recent_entries ul li a {
text-decoration: none;
color: #000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.sidebar .posts ul li a:hover,
.sidebar .widget_recent_entries ul li a:hover {
color: #4A90E2;
}
.sidebar .posts ul li:before,
.sidebar .widget_recent_entries ul li:before {
content: '';
display: block;
width: 8px;
height: 8px;
border-radius: 30%;
background-color: rgba(74, 144, 226, 0.4);
position: absolute;
left: 3px;
top: 9px;
}
.sidebar .posts:first-child,
.sidebar .widget_recent_entries:first-child {
padding-top: 0;
}
.sidebar .category-description .icon img {
display: block;
height: 70px;
margin: 0 auto;
max-width: 90%;
opacity: 0.5;
}
.sidebar .sidebar-image img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.sidebar .eqm {
display: flex;
width: 100%;
align-items: center;
}
.sidebar .eqm .sidebar-image img {
width: 100px;
}
.sidebar .eqm > div:first-child {
width: 100px;
flex-shrink: 0;
}
.social-links a {
text-decoration: none;
color: #000;
display: flex;
align-items: center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.social-links a:hover {
color: #4A90E2;
}
.social-links a img {
height: 25px;
width: 25px;
}
.social-links a span {
padding-left: 10px;
}
.course-groups table {
text-align: left;
border-collapse: collapse;
width: 100%;
}
.course-groups table thead th {
padding: 15px 0;
padding-left: 10px;
font-weight: 500;
border-bottom: 1px solid rgba(151, 151, 151, 0.4);
}
.course-groups table thead th:last-child {
padding-right: 15px;
}
.course-groups table thead th:first-child {
padding-left: 15px;
}
.course-groups table tbody tr {
cursor: pointer;
}
.course-groups table tbody tr td {
padding: 15px 0;
padding-left: 10px;
vertical-align: top;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.course-groups table tbody tr td:last-child {
padding-right: 15px;
}
.course-groups table tbody tr td:first-child {
padding-left: 15px;
}
.course-groups.cat-21 tr:nth-child(even) td {
background-color: rgba(191, 216, 245, 0.2);
}
.course-groups.cat-1 tr:nth-child(even) td {
background-color: rgba(163, 182, 229, 0.1);
}
.course-groups.cat-4 tr:nth-child(even) td {
background-color: rgba(249, 201, 123, 0.2);
}
.course-groups.cat-2 tr:nth-child(even) td {
background-color: rgba(223, 186, 255, 0.2);
}
.course-groups.cat-5 tr:nth-child(even) td {
background-color: rgba(253, 247, 175, 0.2);
}
.course-groups.cat-6 tr:nth-child(even) td {
background-color: rgba(245, 216, 191, 0.2);
}
.course-groups.cat-3 tr:nth-child(even) td {
background-color: rgba(157, 222, 156, 0.2);
}
.course-groups.cat-8 tr:nth-child(even) td {
background-color: rgba(197, 237, 157, 0.2);
}
.course-groups.cat-13 tr:nth-child(even) td {
background-color: rgba(255, 168, 176, 0.2);
}
.course-groups.cat-21 tr:hover td {
background-color: rgba(191, 216, 245, 0.3);
}
.course-groups.cat-1 tr:hover td {
background-color: rgba(163, 182, 229, 0.3);
}
.course-groups.cat-4 tr:hover td {
background-color: rgba(249, 201, 123, 0.3);
}
.course-groups.cat-2 tr:hover td {
background-color: rgba(223, 186, 255, 0.3);
}
.course-groups.cat-5 tr:hover td {
background-color: rgba(253, 247, 175, 0.3);
}
.course-groups.cat-6 tr:hover td {
background-color: rgba(245, 216, 191, 0.3);
}
.course-groups.cat-3 tr:hover td {
background-color: rgba(157, 222, 156, 0.3);
}
.course-groups.cat-8 tr:hover td {
background-color: rgba(197, 237, 157, 0.3);
}
.course-groups.cat-13 tr:hover td {
background-color: rgba(255, 168, 176, 0.3);
}
.courses-language {
background-color: #fff;
border-radius: 5px;
background-clip: padding-box;
box-shadow: 0 15px 25px rgba(0, 0, 0, 0.02);
font-size: 15px;
}
.courses-language .table-inline-label {
display: none;
}
.courses-language .td-lectors {
min-width: 100px;
}
@media (max-width: 600px) {
.courses-language table {
display: block;
}
.courses-language table thead {
display: none;
}
.courses-language table tbody tr {
display: flex;
flex-wrap: wrap;
}
.courses-language table tbody tr td {
display: block;
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
padding-top: 0;
padding-bottom: 10px;
}
.courses-language table tbody tr td:first-child {
width: 100%;
padding-top: 20px;
font-weight: 500;
font-size: 18px;
}
.courses-language table tbody tr td:last-child {
width: 100%;
padding-bottom: 20px;
}
.courses-language table tbody tr td .table-inline-label {
display: block;
font-weight: 500;
font-size: 14px;
}
}
.course-tree ul li {
margin-bottom: 10px;
}
.course-tree ul li a {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.course-tree ul li a:hover {
color: #4A90E2;
}
.course-tree ul li a.active {
text-decoration: underline;
}
.course-tree ul li ul {
padding-top: 10px;
padding-left: 20px;
}
.group-details {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 35px 30px;
width: 100%;
border: 1px solid #e4e4e4;
}
.group-details .details-group {
padding-bottom: 5px;
}
.group-details .details-group .label {
font-weight: 500;
padding-bottom: 5px;
font-size: 15px;
}
.group-details .details-group .data {
padding-bottom: 5px;
font-size: 14px;
}
.group-details .details-group.two-cols {
width: 100%;
display: flex;
}
.group-details .details-group.two-cols > div {
width: 50%;
}
.group-details.fixed {
position: fixed;
top: 100px;
}
.comma-items > *:not(:last-child):after {
content: ', ';
}
.teacher {
width: 100%;
display: flex;
}
.teacher .picture {
width: 130px;
}
.lector .lector-biography {
display: flex;
}
.lector .lector-biography h4 {
font-size: 22px;
margin-top: 0;
margin-bottom: 15px;
}
.lector .lector-biography .lector-picture {
padding-right: 20px;
}
.lector .lector-biography img {
max-width: 230px;
border-radius: 5px;
}
.lector .lector-biography .teaser p {
margin-top: 10px;
margin-bottom: 10px;
}
.lector.collapsed .lector-description .description {
display: none;
}
@media (max-width: 600px) {
.lector .lector-biography {
display: block;
}
.lector .lector-biography .lector-picture {
margin-bottom: 15px;
padding-right: 0;
}
}
.course-title {
line-height: 1.3;
}
.course-title span {
vertical-align: middle;
}
.group-extras .extra h3 {
font-size: 16px;
}
.group-extras .extra p {
margin: 5px 0;
}
.group-extras .extra:not(.collapsed) {
margin-top: 10px;
margin-bottom: 10px;
}
.group-extras .extra.collapsed {
display: inline-block;
}
.group-extras .extra.collapsed h3:first-child {
font-size: 16px;
text-decoration: underline;
cursor: pointer;
margin-right: 10px;
color: #08699a;
}
.group-extras .extra.collapsed h3:first-child:hover {
color: #4A90E2;
}
.group-extras .extra.collapsed *:not(:first-child) {
display: none;
}
body > .course {
min-height: 80vh;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.group-full {
font-size: 18px;
font-style: italic;
padding-bottom: 15px;
border-bottom: 1px solid #e4e4e4;
opacity: 0.5;
}
.album-thumbs {
position: relative;
margin-left: -3px;
margin-right: -3px;
display: flex;
flex-wrap: wrap;
}
.album-thumbs .thumbnail {
width: 16.66666667%;
padding-left: 3px;
padding-right: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin-bottom: 6px;
}
.album-thumbs .thumbnail > a {
display: block;
width: 100%;
padding-top: 100%;
border-radius: 5px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.album-thumbs .thumbnail > a:hover {
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}
.album-thumbs .thumbnail .more {
display: block;
top: 0;
right: 0;
bottom: 0;
left: 0;
left: 3px;
right: 3px;
position: absolute;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.album-thumbs .thumbnail .more:hover {
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}
.album-thumbs .thumbnail .more > div {
position: absolute;
display: flex;
height: 100%;
width: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
}
.album-thumbs .thumbnail .more > div a {
display: block;
}
.album-thumbs .thumbnail .more > div a:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
@media (max-width: 800px) {
.album-thumbs .thumbnail {
width: 33.33333333%;
}
}
@media (max-width: 600px) {
.album-thumbs .thumbnail {
width: 50%;
}
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow-y: auto;
z-index: 150;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.modal#register-modal {
position: absolute;
}
.modal:not(.visible) {
opacity: 0;
pointer-events: none;
}
.modal:not(.visible) .modal-content {
margin-top: 150px;
}
.modal .backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.2);
}
.modal .modal-content {
max-width: 100%;
width: 800px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 30px;
z-index: 151;
position: relative;
margin: 50px auto;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.modal .modal-head {
position: relative;
}
.modal .modal-head .modal-title {
font-size: 18px;
}
.modal .modal-head .close-modal {
position: absolute;
top: 0;
right: 0;
display: block;
width: 30px;
height: 30px;
}
.modal .modal-head .close-modal:before,
.modal .modal-head .close-modal:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 2px;
background-color: #000;
top: 50%;
left: 0%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.modal .modal-head .close-modal:before {
-webkit-transform: rotate(45deg) translateY(-50%);
-moz-transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
-o-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
}
.modal .modal-head .close-modal:after {
-webkit-transform: rotate(-45deg) translateY(-50%);
-moz-transform: rotate(-45deg) translateY(-50%);
-ms-transform: rotate(-45deg) translateY(-50%);
-o-transform: rotate(-45deg) translateY(-50%);
transform: rotate(-45deg) translateY(-50%);
}
.modal .modal-head .close-modal:hover:before,
.modal .modal-head .close-modal:hover:after {
background-color: #4A90E2;
}
.modal .modal-body h1 {
font-size: 30px;
}
.modal .modal-content.loading:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.6);
}
.videomodal {
z-index: 200;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.8);
}
.videomodal > div {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
top: 50px;
}
.videomodal .video {
max-width: 80%;
width: 80%;
margin: 0 auto;
max-height: 90vh;
}
.videomodal .video .close {
position: absolute;
top: -40px;
right: 0;
display: block;
width: 30px;
height: 30px;
}
.videomodal .video .close:before,
.videomodal .video .close:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 2px;
background-color: #fff;
top: 50%;
left: 0%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.videomodal .video .close:before {
-webkit-transform: rotate(45deg) translateY(-50%);
-moz-transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
-o-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
}
.videomodal .video .close:after {
-webkit-transform: rotate(-45deg) translateY(-50%);
-moz-transform: rotate(-45deg) translateY(-50%);
-ms-transform: rotate(-45deg) translateY(-50%);
-o-transform: rotate(-45deg) translateY(-50%);
transform: rotate(-45deg) translateY(-50%);
}
.videomodal .video .close:hover:before,
.videomodal .video .close:hover:after {
background-color: #4A90E2;
}
.newsletter-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow-y: scroll;
z-index: 200;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
display: none;
}
.newsletter-modal .backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.newsletter-modal .newsletter-body {
max-width: 100%;
width: 400px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 30px;
z-index: 151;
position: relative;
margin: 50px auto;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.newsletter-modal .close-modal {
position: absolute;
top: 15px;
right: 15px;
display: block;
width: 30px;
height: 30px;
}
.newsletter-modal .close-modal:before,
.newsletter-modal .close-modal:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 2px;
background-color: #000;
top: 50%;
left: 0%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.newsletter-modal .close-modal:before {
-webkit-transform: rotate(45deg) translateY(-50%);
-moz-transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
-o-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
}
.newsletter-modal .close-modal:after {
-webkit-transform: rotate(-45deg) translateY(-50%);
-moz-transform: rotate(-45deg) translateY(-50%);
-ms-transform: rotate(-45deg) translateY(-50%);
-o-transform: rotate(-45deg) translateY(-50%);
transform: rotate(-45deg) translateY(-50%);
}
.newsletter-modal .close-modal:hover:before,
.newsletter-modal .close-modal:hover:after {
background-color: #4A90E2;
}
.form-group label {
display: block;
}
.form-group .label {
font-weight: 500;
display: block;
line-height: 1.2;
}
.form-group .input {
display: block;
width: 100%;
height: 40px;
border: none;
border-bottom: 1px solid #4A4A4A;
font-size: 16px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-family: noto-sans, sans-serif;
}
.form-group .input:focus {
outline: none;
border-color: #4A90E2;
}
.form-group .input.wpcf7-not-valid {
border-color: red;
}
.form-group textarea.input {
padding-top: 8px;
padding-bottom: 8px;
height: auto;
}
.form-group .hint {
font-size: font-size-small;
color: #4A4A4A;
line-height: 1.1;
padding-top: 10px;
display: block;
}
.form-group .wpcf7-not-valid-tip {
font-size: 13px;
}
.form-group.required .label:after {
content: ' *';
color: red;
}
.form-group.error label .input,
.checkbox-group.error label .input {
border-color: red;
}
.form-group.error .label,
.checkbox-group.error .label {
color: red;
}
.form-group.error .form-error,
.checkbox-group.error .form-error {
font-size: 14px;
color: red;
font-weight: 500;
}
.checkbox {
width: 22px;
height: 22px;
border: 1px solid #4A4A4A;
border-radius: 3px;
background-color: #fff;
position: relative;
}
.checkbox input {
display: none;
}
.checkbox span {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent url(//rahvaylikool.ee/wp-content/themes/rahvaylikool/img/check.svg) center no-repeat;
opacity: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.checkbox input:checked + span {
opacity: 1;
}
.checkbox-group {
display: flex;
width: 100%;
align-items: center;
}
.checkbox-group .label {
padding-left: 10px;
}
.checkbox-group.align-top {
align-items: flex-start;
}
.radio {
display: inline-block;
width: 22px;
height: 22px;
border: 1px solid #4A4A4A;
border-radius: 11px;
background-color: #fff;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.radio input {
display: none;
}
.radio span {
display: block;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #4A90E2;
opacity: 0;
width: 14px;
height: 14px;
border-radius: 50%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.radio input:checked + span {
opacity: 0.9;
}
.radio-list.inline-list {
display: flex;
flex-wrap: wrap;
}
.radio-list.inline-list .radio-group {
padding-right: 15px;
}
label.radio-group {
display: flex;
margin-bottom: 5px;
}
label.radio-group .radio {
flex-shrink: 0;
}
label {
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.additional-client-fields {
display: none;
}
.wpcf7-response-output {
border: none !important;
margin-top: 10px !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
padding-left: 0 !important;
}
.input.input-email {
background: transparent url(//rahvaylikool.ee/wp-content/themes/rahvaylikool/img/icon-mail.svg) 5px center no-repeat;
background-size: 26px;
padding-left: 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.blog-divider {
width: 100%;
height: 1px;
background-color: rgba(64, 87, 147, 0.2);
}
.blog-post .wp-caption {
max-width: 100%;
}
.blog-post img {
max-width: 100%;
height: auto;
}
.history-house {
max-width: 100%;
width: 1220px;
margin-left: auto;
margin-right: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 5px;
padding-right: 5px;
}
.house-roof {
position: relative;
z-index: 5;
}
.house-roof .roof-window {
width: 90px;
height: 90px;
border-radius: 50%;
border: 1px solid #a6a8ab;
background-color: #f1f1f2;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
-webkit-transition: box-shadow 0.3s ease;
-moz-transition: box-shadow 0.3s ease;
-ms-transition: box-shadow 0.3s ease;
-o-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
}
.house-roof .roof-window > div {
background-color: #fff;
position: absolute;
top: 4px;
right: 4px;
bottom: 4px;
left: 4px;
border-radius: 50%;
}
.house-roof .roof-window > div > div {
background-color: #f5e1ba;
position: absolute;
top: 4px;
right: 4px;
bottom: 4px;
left: 4px;
border-radius: 50%;
}
.house-roof .roof-window > div > div > div {
font-size: 14px;
text-align: center;
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.house-roof .roof-window:hover {
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}
.house-roof svg {
display: block;
}
.house-side-borders {
border-left: 1px solid #a6a8ab;
border-right: 1px solid #a6a8ab;
}
.house-borders {
border: 1px solid #a6a8ab;
}
.house-body {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 40px;
padding-right: 40px;
position: relative;
}
.house-body .house-body-top {
height: 30px;
background-color: #f8d7a2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.house-body .house-body-top-bar {
height: 25px;
background-color: #f1f1f2;
border: 1px solid #a6a8ab;
margin-left: -15px;
margin-right: -15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.house-body .house-body-main {
background-color: #f5e1ba;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.house-body .house-body-bottom-1 {
background-color: #f8d7a2;
height: 15px;
margin-left: -5px;
margin-right: -5px;
border-bottom: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.house-body .house-body-bottom-2 {
background-color: #f5e1ba;
height: 15px;
margin-left: -15px;
margin-right: -15px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.house-base {
padding-left: 30px;
padding-right: 30px;
}
.house-base .house-base-main {
background-color: #bbbdbf;
}
.pillar {
position: absolute;
top: 0;
bottom: 30px;
width: 50px;
}
.pillar .pillar-top {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 2;
}
.pillar .pillar-top svg {
display: block;
height: 55px;
}
.pillar .pillar-main {
background-color: #f1f1f2;
border-left: 1px solid #a6a8ab;
border-right: 1px solid #a6a8ab;
height: 100%;
z-index: 1;
}
.pillar .pillar-main span {
display: block;
position: absolute;
top: 0;
bottom: 0;
width: 4px;
background-color: #bbbdbf;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
}
.pillar .pillar-main span:nth-child(1) {
left: 20%;
}
.pillar .pillar-main span:nth-child(2) {
left: 50%;
}
.pillar .pillar-main span:nth-child(3) {
left: 80%;
}
.pillar .pillar-base {
position: absolute;
bottom: 0;
left: -15px;
right: -15px;
z-index: 2;
}
.pillar .pillar-base svg {
display: block;
width: 100%;
}
.pillar:nth-child(1) {
left: 60px;
}
.pillar:nth-child(2) {
left: 28%;
}
.pillar:nth-child(3) {
right: 28%;
}
.pillar:nth-child(4) {
right: 60px;
}
.windows {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 90px;
padding-right: 90px;
position: relative;
display: flex;
padding-top: 30px;
width: 100%;
flex-wrap: wrap;
justify-content: center;
}
.windows .window-group {
display: flex;
justify-content: space-around;
width: 25%;
flex-basis: 25%;
flex-shrink: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 50px;
}
.windows .window-group:nth-child(4n+1) {
padding-right: 5%;
}
.windows .window-group:nth-child(4n+2) {
padding-right: 1%;
padding-left: 6%;
}
.windows .window-group:nth-child(4n+3) {
padding-left: 1%;
padding-right: 6%;
}
.windows .window-group:nth-child(4n+4) {
padding-left: 5%;
}
.windows .window {
background-color: #d8927e;
width: 60px;
max-width: 100%;
position: relative;
padding-top: 130%;
height: 0;
margin: 0 auto;
border: 1px solid #a6a8ab;
font-size: 14px;
text-align: center;
-webkit-transition: box-shadow 0.3s ease;
-moz-transition: box-shadow 0.3s ease;
-ms-transition: box-shadow 0.3s ease;
-o-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
}
.windows .window:not(.empty) {
cursor: pointer;
}
.windows .window:not(.empty):hover {
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}
.windows .window .window-frame {
background-color: #aa696e;
position: absolute;
top: 4px;
right: 4px;
bottom: 4px;
left: 4px;
}
.windows .window .window-frame > span {
display: block;
position: absolute;
background-color: #fff;
border: 1px solid #a6a8ab;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-ms-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.windows .window .window-frame > span > span {
display: block;
position: absolute;
bottom: 2px;
left: 0;
right: 0;
}
.windows .window .window-frame > span:nth-child(1) {
top: 4px;
left: 4px;
width: 35%;
height: 30%;
}
.windows .window .window-frame > span:nth-child(2) {
top: 4px;
right: 4px;
width: 35%;
height: 30%;
}
.windows .window .window-frame > span:nth-child(3) {
bottom: 4px;
left: 4px;
width: 35%;
height: 50%;
}
.windows .window .window-frame > span:nth-child(4) {
bottom: 4px;
right: 4px;
width: 35%;
height: 50%;
}
.doors {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 90px;
padding-right: 90px;
position: relative;
display: flex;
width: 100%;
flex-wrap: wrap;
}
.doors .door-group {
display: flex;
justify-content: space-around;
width: 25%;
flex-basis: 25%;
flex-shrink: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 40px;
}
.doors .door-group:nth-child(4n+1) {
padding-right: 5%;
}
.doors .door-group:nth-child(4n+2) {
padding-right: 1%;
padding-left: 6%;
}
.doors .door-group:nth-child(4n+3) {
padding-left: 1%;
padding-right: 6%;
}
.doors .door-group:nth-child(4n+4) {
padding-left: 5%;
}
.doors .door {
width: 66px;
padding-top: 150%;
background-color: #fff;
max-width: 100%;
position: relative;
height: 0;
margin: 0 auto;
border: 1px solid #a6a8ab;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
font-size: 14px;
-webkit-transition: box-shadow 0.3s ease;
-moz-transition: box-shadow 0.3s ease;
-ms-transition: box-shadow 0.3s ease;
-o-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
}
.doors .door > div {
position: absolute;
top: 3px;
right: 3px;
bottom: 3px;
left: 3px;
background-color: #f5e1ba;
border: 1px solid #a6a8ab;
}
.doors .door > div span {
display: block;
position: absolute;
background-color: #f8d7a2;
border: 1px solid #a6a8ab;
left: 5px;
right: 5px;
height: 22%;
}
.doors .door > div span:nth-child(1) {
top: 4px;
}
.doors .door > div span:nth-child(2) {
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.doors .door > div span:nth-child(3) {
bottom: 4px;
}
.doors .door:not(.empty) {
cursor: pointer;
}
.doors .door:not(.empty):hover {
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}
.doors .door .door-label {
position: absolute;
background-color: #f1f1f2;
left: 50%;
top: -5px;
-webkit-transform: translateY(-100%) translateX(-50%);
-moz-transform: translateY(-100%) translateX(-50%);
-ms-transform: translateY(-100%) translateX(-50%);
-o-transform: translateY(-100%) translateX(-50%);
transform: translateY(-100%) translateX(-50%);
height: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 2px 6px;
font-size: 13px;
border-width: 2px;
}
@media (max-width: 999px) {
.pillars .pillar:nth-child(2) {
display: none;
}
.pillars .pillar:nth-child(3) {
display: none;
}
.windows .window-group {
padding-left: 1% !important;
padding-right: 1% !important;
}
.doors .door-group {
padding-left: 1% !important;
padding-right: 1% !important;
}
}
@media (max-width: 830px) {
.windows .window-group {
flex-basis: 33.33333333%;
}
.windows .window-group.only-empty.hide-2 {
display: none;
}
.doors .door-group {
width: 50%;
flex-basis: 50%;
padding-top: 25px;
}
}
@media (max-width: 768px) {
.windows .window-group {
flex-basis: 50%;
}
}
@media (max-width: 600px) {
.pillar:first-child {
left: 40px;
}
.pillar:last-child {
right: 40px;
}
.house-body {
padding-left: 22px;
padding-right: 22px;
}
.windows {
padding-left: 80px;
padding-right: 80px;
}
.windows .window-group {
flex-basis: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
}
.windows .window-group.only-empty {
display: none;
}
.house-base {
padding-left: 5px;
padding-right: 5px;
}
.doors {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 500px) {
.doors .door-group {
width: 100%;
flex-basis: 100%;
}
}
#history-modal .modal-head {
height: 25px;
}
.history-modal-body > h1:first-child,
.history-modal-body > h2:first-child {
margin-top: 0;
}
html,
body {
margin: 0;
padding: 0;
}
body {
overflow-x: hidden;
position: relative;
min-height: 100vh;
font-weight: 400;
color: #000;
font-size: 16px;
line-height: 1.5;
}
.pointer {
cursor: pointer;
}
.lb-prev,
.lb-next {
opacity: 1 !important;
}
.front-head {
padding-top: 130px;
padding-bottom: 180px;
position: relative;
}
.front-head .front-head-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.front-head .front-head-bg .content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
}
.front-head .front-head-bg .content .background.image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.front-head .front-head-bg .content .background.video {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
}
.front-head .front-head-bg .content .background.video .video-player {
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.front-head .front-head-bg .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #000;
opacity: 0.2;
}
.front-head .front-head-content {
height: 100%;
}
.front-head .front-head-content > .container {
height: 100%;
}
.front-head .front-head-content h1 {
color: #fff;
}
.front-head .front-head-content p {
color: #fff;
}
.cat-icon-bg-21 {
background-color: #BFD8F5;
}
.cat-icon-bg-1 {
background-color: #A3B6E5;
}
.cat-icon-bg-4 {
background-color: #F9C97B;
}
.cat-icon-bg-2 {
background-color: #dfbaff;
}
.cat-icon-bg-5 {
background-color: #FDF7AF;
}
.cat-icon-bg-6 {
background-color: #F5D8BF;
}
.cat-icon-bg-3 {
background-color: #9DDE9C;
}
.cat-icon-bg-8 {
background-color: #C5ED9D;
}
.cat-icon-bg-13 {
background-color: #ffa8b0;
}
.cat-icon-bg-22 {
background-color: #bbece2;
}
.cat-search {
background-color: rgba(64, 87, 147, 0.09);
}
.cat-bg-21 {
background-color: rgba(191, 216, 245, 0.2);
}
.cat-bg-1 {
background-color: rgba(163, 182, 229, 0.2);
}
.cat-bg-4 {
background-color: rgba(249, 201, 123, 0.2);
}
.cat-bg-2 {
background-color: rgba(223, 186, 255, 0.2);
}
.cat-bg-5 {
background-color: rgba(253, 247, 175, 0.2);
}
.cat-bg-6 {
background-color: rgba(245, 216, 191, 0.2);
}
.cat-bg-3 {
background-color: rgba(157, 222, 156, 0.2);
}
.cat-bg-8 {
background-color: rgba(197, 237, 157, 0.2);
}
.cat-bg-13 {
background-color: rgba(255, 168, 176, 0.2);
}
.cat-bg-22 {
background-color: rgba(187, 236, 226, 0.2);
}
.cat-hover-bg-21:hover {
background-color: rgba(191, 216, 245, 0.2) !important;
}
.cat-hover-bg-1:hover {
background-color: rgba(163, 182, 229, 0.2) !important;
}
.cat-hover-bg-4:hover {
background-color: rgba(249, 201, 123, 0.2) !important;
}
.cat-hover-bg-2:hover {
background-color: rgba(223, 186, 255, 0.2) !important;
}
.cat-hover-bg-5:hover {
background-color: rgba(253, 247, 175, 0.2) !important;
}
.cat-hover-bg-6:hover {
background-color: rgba(245, 216, 191, 0.2) !important;
}
.cat-hover-bg-3:hover {
background-color: rgba(157, 222, 156, 0.2) !important;
}
.cat-hover-bg-8:hover {
background-color: rgba(197, 237, 157, 0.2) !important;
}
.cat-hover-bg-13:hover {
background-color: rgba(255, 168, 176, 0.2) !important;
}
.cat-hover-bg-22:hover {
background-color: rgba(187, 236, 226, 0.2) !important;
}
.categories-list.front {
margin-top: -125px;
}
.categories-list .categories {
margin-left: -5px;
margin-right: -5px;
display: flex;
flex-wrap: wrap;
position: relative;
}
.categories-list .categories .category {
width: 20%;
position: relative;
display: block;
}
.categories-list .categories .category .category-wrap {
position: relative;
width: 100%;
padding-top: 100%;
}
.categories-list .categories .category .category-thumbnail {
position: absolute;
top: 7px;
right: 7px;
bottom: 7px;
left: 7px;
text-align: center;
display: flex;
flex-direction: column;
padding-top: 55px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.categories-list .categories .category .category-thumbnail:hover {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}
.categories-list .categories .category .category-thumbnail .icon {
height: 60px;
}
.categories-list .categories .category .category-thumbnail .icon img {
max-width: 65px;
}
.categories-list .categories .category .category-thumbnail a {
text-decoration: none;
color: #000;
display: block;
font-size: 18px;
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
}
.categories-list .categories .category .category-thumbnail a:before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
@media (max-width: 1099px) and (min-width: 950px) {
.categories-list .categories .category .category-thumbnail {
padding-top: 35px;
}
.categories-list .categories .category .category-thumbnail a {
font-size: 16px;
}
}
@media (max-width: 949px) {
.categories-list .categories .category {
width: 25%;
}
}
@media (max-width: 870px) {
.categories-list .categories .category {
width: 33.33333333%;
}
.categories-list .categories .category .category-thumbnail {
padding-top: 45px;
}
}
@media (max-width: 870px) {
.categories-list .categories .category {
width: 50%;
}
.categories-list .categories .category .category-thumbnail {
padding-top: 0;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
.categories-list .categories .category .category-thumbnail .icon {
height: 55px;
}
.categories-list .categories .category .category-thumbnail .icon img {
max-width: 60px;
max-height: 55px;
}
.categories-list .categories .category .category-thumbnail .title {
font-size: 16px;
padding-top: 5px;
}
}
.courses-list.collapsed {
position: relative;
}
.courses-list.collapsed:after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 150px;
background-image: linear-gradient(rgba(255, 255, 255, 0), #fff);
pointer-events: none;
}
.courses-list.full:after,
.courses-list.filtered:after {
display: none;
}
.courses-list.full-list:not(.filtered) .day:not(.visible) {
display: none;
}
.courses-list .day.search-hide {
display: none !important;
}
.courses-list .day h3::first-letter {
text-transform: capitalize;
}
.courses-list .list .course {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
font-size: 18px;
color: #000;
margin-bottom: 15px;
padding: 15px 20px;
border-radius: 5px;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.courses-list .list .course.search-hide {
display: none;
}
.courses-list .list .course:hover {
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px);
}
.courses-list .list .course.cat-21 {
background-color: rgba(191, 216, 245, 0.4);
}
.courses-list .list .course.cat-1 {
background-color: rgba(163, 182, 229, 0.4);
}
.courses-list .list .course.cat-4 {
background-color: rgba(249, 201, 123, 0.4);
}
.courses-list .list .course.cat-2 {
background-color: rgba(223, 186, 255, 0.4);
}
.courses-list .list .course.cat-5 {
background-color: rgba(253, 247, 175, 0.4);
}
.courses-list .list .course.cat-6 {
background-color: rgba(245, 216, 191, 0.4);
}
.courses-list .list .course.cat-3 {
background-color: rgba(157, 222, 156, 0.4);
}
.courses-list .list .course.cat-8 {
background-color: rgba(197, 237, 157, 0.4);
}
.courses-list .list .course.cat-13 {
background-color: rgba(255, 168, 176, 0.4);
}
.courses-list .list .course.cat-22 {
background-color: rgba(187, 236, 226, 0.4);
}
.courses-list .list .course .title {
display: inline-block;
}
.courses-list .list .course-groups .group {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 15px;
padding: 15px 20px;
padding-top: 17px;
border-radius: 5px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
z-index: 10;
}
.courses-list .list .course-groups .group.small-gap {
margin-bottom: 1px;
}
.courses-list .list .course-groups .group:hover {
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px);
}
.courses-list .list .course-groups .group.cat-21 {
background-color: rgba(191, 216, 245, 0.4);
}
.courses-list .list .course-groups .group.cat-1 {
background-color: rgba(163, 182, 229, 0.4);
}
.courses-list .list .course-groups .group.cat-4 {
background-color: rgba(249, 201, 123, 0.4);
}
.courses-list .list .course-groups .group.cat-2 {
background-color: rgba(223, 186, 255, 0.4);
}
.courses-list .list .course-groups .group.cat-5 {
background-color: rgba(253, 247, 175, 0.4);
}
.courses-list .list .course-groups .group.cat-6 {
background-color: rgba(245, 216, 191, 0.4);
}
.courses-list .list .course-groups .group.cat-3 {
background-color: rgba(157, 222, 156, 0.4);
}
.courses-list .list .course-groups .group.cat-8 {
background-color: rgba(197, 237, 157, 0.4);
}
.courses-list .list .course-groups .group.cat-13 {
background-color: rgba(255, 168, 176, 0.4);
}
.courses-list .list .course-groups .group.cat-22 {
background-color: rgba(187, 236, 226, 0.4);
}
.courses-list .list .course-groups .group .group-name {
display: block;
font-size: 18px;
font-weight: 500;
}
.courses-list .list .course-groups .group .group-name:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.courses-list .list .course-groups .group .group-info {
display: flex;
width: 100%;
flex-wrap: wrap;
}
.courses-list .list .course-groups .group .group-info > div {
padding-left: 10px;
padding-right: 10px;
}
.courses-list .list .course-groups .group .group-info > div:first-child {
padding-left: 0;
}
.courses-list .list .course-groups .group .group-info > div:last-child {
padding-right: 0;
}
.courses-list .list .course-groups .group .group-info > div.group-info-field {
padding-top: 10px;
width: 100%;
flex-basis: 100%;
padding-left: 0;
}
.courses-list .list .course-groups .group .group-info-col {
max-width: 60%;
}
.courses-list .list .course-groups .group:last-child {
margin-bottom: 25px;
}
@media (max-width: 600px) {
.courses-list .list .course-groups .group .group-info {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.courses-list .list .course-groups .group .group-info > div {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
flex-basis: 50%;
}
.courses-list .list .course-groups .group .group-info > div:nth-child(2n + 1) {
padding-left: 0;
}
.courses-list .list .course-groups .group .group-info > div.group-info-field {
width: 100%;
flex-basis: 100%;
}
}
.courses-list.full + .expand-courses-list,
.courses-list.filtered + .expand-courses-list {
display: none;
}
.course-search-input {
display: block;
width: 100%;
height: 50px;
border: none;
border-bottom: 1px solid #4A4A4A;
font-family: noto-sans, sans-serif;
font-size: 22px;
font-weight: 300;
padding-left: 60px;
padding-right: 20px;
background: transparent url(//rahvaylikool.ee/wp-content/themes/rahvaylikool/img/search.svg) 10px center no-repeat;
background-size: 31px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.course-search-input:focus {
outline: none;
border-color: #4A90E2;
}
.map-block .map {
height: 350px;
width: 100%;
border-radius: 5px;
overflow: hidden;
}
.grey-bg {
background-color: #F9F9F9;
}
.person img {
max-width: 100%;
}
.person .name {
font-size: 24px;
}
.person .person-image {
width: 100%;
padding-top: 100%;
background-position: center bottom;
background-size: cover;
background-repeat: no-repeat;
background-color: #f5f5f5;
border-radius: 5px;
}
.sidebar-categories .category {
position: relative;
border-radius: 5px;
padding: 15px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.sidebar-categories .category:hover {
-webkit-transform: translateY(-3px);
-moz-transform: translateY(-3px);
-ms-transform: translateY(-3px);
-o-transform: translateY(-3px);
transform: translateY(-3px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}
.sidebar-categories .category > div {
width: 100%;
display: flex;
align-items: center;
}
.sidebar-categories .category .icon {
width: 50px;
}
.sidebar-categories .category .icon img {
display: block;
max-width: 40px;
max-height: 40px;
margin: 0 auto;
opacity: 0.9;
}
.sidebar-categories .category .label {
padding-left: 15px;
}
.sidebar-categories .category .label a {
display: block;
}
.sidebar-categories .category .label a:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ry-badge {
display: inline-block;
padding: 3px 10px;
font-weight: 500;
font-size: 14px;
border-radius: 4px;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.ry-badge.badge-new {
background-color: #ef5959;
color: #fff;
text-transform: uppercase;
}
.ry-badge.badge-new.cat-21 {
background-color: #7db0eb;
}
.ry-badge.badge-new.cat-1 {
background-color: #6787d4;
}
.ry-badge.badge-new.cat-4 {
background-color: #f6ab32;
}
.ry-badge.badge-new.cat-2 {
background-color: #bc6eff;
}
.ry-badge.badge-new.cat-5 {
background-color: #fbf064;
}
.ry-badge.badge-new.cat-6 {
background-color: #ebb07d;
}
.ry-badge.badge-new.cat-3 {
background-color: #64cb63;
}
.ry-badge.badge-new.cat-8 {
background-color: #9fe15c;
}
.ry-badge.badge-new.cat-13 {
background-color: #ff5b6b;
}
.ry-badge.badge-new.cat-22 {
background-color: #7fdbc9;
}
.ry-badge.badge-full {
background-color: #607d8b;
color: #fff;
}
@media (max-width: 600px) {
.front-head {
padding-top: 190px;
padding-bottom: 40px;
}
.front-head .front-head-bg .content .background.video .video-player {
height: 300px;
}
.categories-list.front {
margin-top: -35px;
}
}