@media screen and (max-width: 960px) {
.hide-at-960 {
display: none !important; } }
@media screen and (max-width: 860px) {
.hide-at-860 {
display: none !important; } }
@media screen and (max-width: 768px) {
.hide-at-768 {
display: none !important; } }
@media screen and (max-width: 680px) {
.hide-at-680 {
display: none !important; } }
@media screen and (max-width: 480px) {
.hide-at-480 {
display: none !important; } }
@media screen and (max-width: 360px) {
.hide-at-360 {
display: none !important; } }
@media screen and (min-width: 961px) {
.show-at-960 {
display: none !important; } }
@media screen and (min-width: 861px) {
.show-at-860 {
display: none !important; } }
@media screen and (min-width: 769px) {
.show-at-768 {
display: none !important; } }
@media screen and (min-width: 681px) {
.show-at-680 {
display: none !important; } }
@media screen and (min-width: 481px) {
.show-at-480 {
display: none !important; } }
@media screen and (min-width: 361px) {
.show-at-360 {
display: none !important; } } html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; }
body {
margin: 0; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block; }
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline; }
audio:not([controls]) {
display: none;
height: 0; }
[hidden],
template {
display: none; }
a {
background-color: transparent; }
a:active,
a:hover {
outline: 0; }
abbr[title] {
border-bottom: 1px dotted; }
b,
strong {
font-weight: bold; }
dfn {
font-style: italic; }
h1 {
font-size: 2em;
margin: 0.67em 0; }
mark {
background: #ff0;
color: #000; }
small {
font-size: 80%; }
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
img {
border: 0; }
svg:not(:root) {
overflow: hidden; }
figure {
margin: 1em 40px; }
hr {
box-sizing: content-box;
height: 0; }
pre {
overflow: auto; }
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0; }
button {
overflow: visible; }
button,
select {
text-transform: none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; }
button[disabled],
html input[disabled] {
cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
input {
line-height: normal; }
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
legend {
border: 0;
padding: 0; }
textarea {
overflow: auto; }
optgroup {
font-weight: bold; }
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; } body,
button,
input,
select,
textarea {
color: #393939;
font-family: "Times New Roman", "Times", serif;
font-size: 1.2125em;
line-height: 130%;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased; }
@media screen and (max-width: 1600px) {
body,
button,
input,
select,
textarea {
font-size: 1.09125em; } }
@media screen and (max-width: 1366px) {
body,
button,
input,
select,
textarea {
font-size: 1.006375em; } }
@media screen and (max-width: 1280px) {
body,
button,
input,
select,
textarea {
font-size: 0.873em; } }
@media screen and (max-width: 1024px) {
body,
button,
input,
select,
textarea {
font-size: 0.812375em; } }
@media screen and (max-width: 960px) {
body,
button,
input,
select,
textarea {
font-size: 0.7275em; } }
@media screen and (max-width: 768px) {
body,
button,
input,
select,
textarea {
font-size: 1em; } }
@media screen and (max-width: 640px) {
body,
button,
input,
select,
textarea {
font-size: 1em; } }
h1 {
clear: both;
font-family: "Futura", "TrebuchetMS", sans-serif;
text-transform: uppercase;
letter-spacing: 0.01em;
font-weight: 500;
font-size: 1.33em;
line-height:1.33em;
margin-top: 1.33em;
margin-bottom: 1.33em;	
}
h2, h3, h4, h5, h6 {
clear: both;
font-family: "Futura", "TrebuchetMS", sans-serif;
text-transform: uppercase;
letter-spacing: 0.01em;
font-weight: 500;
font-size: 1em;
margin-top: 1.33em;
margin-bottom: 1.33em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
text-decoration: none; }
p, blockquote, address {
margin: 0 0 1.33em 0;
line-height: 133%; }
dfn, cite, em, i {
font-style: italic; }
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 1.13671875em;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em; }
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 1.13671875em; }
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help; }
mark, ins {
background: #fff9c0;
text-decoration: none; }
big {
font-size: 125%; }
@font-face {
font-family: 'Futura';
src: url(//a4kids.org/wp-content/themes/afk/fonts/Futura/FuturaPTMedium.eot);
src: url(//a4kids.org/wp-content/themes/afk/fonts/Futura/FuturaPTMedium.eot?#iefix) format("embedded-opentype"), url(//a4kids.org/wp-content/themes/afk/fonts/Futura/FuturaPTMedium.woff) format("woff"), url(//a4kids.org/wp-content/themes/afk/fonts/Futura/FuturaPTMedium.ttf) format("truetype"), url(//a4kids.org/wp-content/themes/afk/fonts/Futura/FuturaPTMedium.otf) format("opentype"), url(//a4kids.org/wp-content/themes/afk/fonts/Futura/FuturaPTMedium.svg#futuraptmedium) format("svg");
font-weight: 500;
font-style: normal; }
@font-face {
font-family: 'Eraser';
src: url(//a4kids.org/wp-content/themes/afk/fonts/Eraser/EraserRegular-webfont.eot);
src: url(//a4kids.org/wp-content/themes/afk/fonts/Eraser/EraserRegular-webfont.eot?#iefix) format("embedded-opentype"), url(//a4kids.org/wp-content/themes/afk/fonts/Eraser/EraserRegular-webfont.woff) format("woff"), url(//a4kids.org/wp-content/themes/afk/fonts/Eraser/EraserRegular-webfont.ttf) format("truetype"), url(//a4kids.org/wp-content/themes/afk/fonts/Eraser/EraserRegular-webfont.svg#eraserregular) format("svg");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: 'Geometria';
src: url(//a4kids.org/wp-content/themes/afk/fonts/Geometria/Geometria-Light.eot);
src: url(//a4kids.org/wp-content/themes/afk/fonts/Geometria/Geometria-Light.eot#iefix) format("embedded-opentype"), url(//a4kids.org/wp-content/themes/afk/fonts/Geometria/Geometria-Light.woff) format("woff"), url(//a4kids.org/wp-content/themes/afk/fonts/Geometria/Geometria-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal; }
@font-face {
font-family: 'Geometria';
src: url(//a4kids.org/wp-content/themes/afk/fonts/Geometria/Geometria.eot);
src: url(//a4kids.org/wp-content/themes/afk/fonts/Geometria/Geometria.eot#iefix) format("embedded-opentype"), url(//a4kids.org/wp-content/themes/afk/fonts/Geometria/Geometria.woff) format("woff"), url(//a4kids.org/wp-content/themes/afk/fonts/Geometria/Geometria.ttf) format("truetype");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: 'Geometria';
src: url(//a4kids.org/wp-content/themes/afk/fonts/Geometria/Geometria-Bold.eot);
src: url(//a4kids.org/wp-content/themes/afk/fonts/Geometria/Geometria-Bold.eot#iefix) format("embedded-opentype"), url(//a4kids.org/wp-content/themes/afk/fonts/Geometria/Geometria-Bold.woff) format("woff"), url(//a4kids.org/wp-content/themes/afk/fonts/Geometria/Geometria-Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal; }
@font-face {
font-family: 'Engine';
src: url(//a4kids.org/wp-content/themes/afk/fonts/Engine/EngineRegular.eot);
src: url(//a4kids.org/wp-content/themes/afk/fonts/Engine/EngineRegular.eot#iefix) format("embedded-opentype"), url(//a4kids.org/wp-content/themes/afk/fonts/Engine/EngineRegular.woff) format("woff"), url(//a4kids.org/wp-content/themes/afk/fonts/Engine/EngineRegular.ttf) format("truetype");
font-weight: 400;
font-style: normal; } html {
box-sizing: border-box; }
*,
*:before,
*:after { box-sizing: inherit; }
body {
background: #fff; }
blockquote, q {
quotes: "" ""; }
blockquote:before, blockquote:after, q:before, q:after {
content: ""; }
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em; }
ul, ol {
margin: 0 0 1.33em 0;
padding-left: 2em; }
ul {
list-style: disc; }
ol {
list-style: decimal; }
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em; }
dt {
font-weight: bold; }
dd {
margin: 0 1.5em 1.5em; }
img {
height: auto; max-width: 100%; }
figure {
margin: 1em 0; }
table {
margin: 0 0 1.5em;
width: 100%; } button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 0;
border-color: transparent;
background: transparent; }
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px; }
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111; }
::-webkit-input-placeholder {
color: #666; }
:-moz-placeholder { color: #666;
opacity: 1; }
::-moz-placeholder { color: #666; }
:-ms-input-placeholder { color: #666; }
::-ms-input-placeholder { color: #666; }
select {
border: 1px solid #ccc; }
textarea {
width: 100%; }  a {
color: #e2164b;
-webkit-transition: color 300ms, opacity 300ms, border 300ms, background 300ms, -webkit-transform 300ms, line-height 300ms, height 300ms;
-moz-transition: color 300ms, opacity 300ms, border 300ms, background 300ms, -moz-transform 300ms, line-height 300ms, height 300ms;
-o-transition: color 300ms, opacity 300ms, border 300ms, background 300ms, -o-transform 300ms, line-height 300ms, height 300ms;
transition: color 300ms, opacity 300ms, border 300ms, background 300ms, transform 300ms, line-height 300ms, height 300ms; }
a:hover, a:focus, a:active {
color: #e2164b; 
text-decoration: none; }
a:focus {
outline: thin dotted; }
a:hover, a:active {
outline: 0; }
a.book-event-link {
color: #393939;
text-decoration: underline;
display: block; }
a.book-event-link:hover, a.book-event-link:focus, a.book-event-link:active {
color: #e2164b;
text-decoration: none; }
.link-title {
font-size: 166%;
margin: 2em 0; }
.link-title > a {
color: #393939;
text-decoration: underline; }
.link-title > a:hover, .link-title > a:focus, .link-title > a:active {
color: #e2164b; }
.side-item-title:hover {
color: #e2164b; } @media screen and (min-width: 781px) {
a#opener, a#closer {
display: none; } }
a#opener, a#closer {
width: 60px;
cursor: pointer; }
a#opener {
position: relative; }
a#opener:before, a#opener:after {
position: absolute;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: auto;
-webkit-transition: opacity 300ms, background-image 300ms;
-moz-transition: opacity 300ms, background-image 300ms;
-o-transition: opacity 300ms, background-image 300ms;
transition: opacity 300ms, background-image 300ms; }
a#opener:after {
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/black/menu.png); }
a#opener.search:after {
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/hover/menu.png); }
a#opener:before {
opacity: 0;
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/hover/menu.png); }
a#opener:hover:after {
opacity: 0; }
a#opener.active:after {
opacity: 0; }
a#opener:hover:before {
opacity: 1; }
a#opener.active:before {
opacity: 1; }
a#opener.faded {
opacity: 0; }
a#closer {
height: 60px;
position: relative; }
a#closer:before, a#closer:after {
position: absolute;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: auto;
-webkit-transition: opacity 300ms, background-image 300ms;
-moz-transition: opacity 300ms, background-image 300ms;
-o-transition: opacity 300ms, background-image 300ms;
transition: opacity 300ms, background-image 300ms; }
a#closer:after {
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/black/x.png); }
a#closer.search:after {
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/hover/x.png); }
a#closer:before {
opacity: 0;
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/hover/x.png); }
a#closer:hover:after {
opacity: 0; }
a#closer.active:after {
opacity: 0; }
a#closer:hover:before {
opacity: 1; }
a#closer.active:before {
opacity: 1; }
.main-navigation {
clear: both;
position: absolute;
z-index: 1000;
left: 0;
top: 0;
padding: 0 25px;
font-family: "Futura", "TrebuchetMS", sans-serif;
font-weight: 500; }
@media screen and (max-width: 781px) {
.main-navigation {
display: none;
background-color: white;
width: 100%;
padding-bottom: 20px; }
.main-navigation li {
width: 100%;
text-align: center; } }
@media screen and (max-width: 780px) {
.main-navigation {
padding: 0 5px; } }
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0; }
.main-navigation li {
position: relative;
float: left; }
.home .main-navigation li.homelink {
display: none; }
@media screen and (min-width: 781px) {
.main-navigation li.homelink {
margin: 0 15px; } }
@media screen and (min-width: 781px) {
.main-navigation li.homelink a {
font-size: 0.1px;
color: transparent !important;
height: 60px;
position: relative;
width: 32px;
padding: 0; }
.main-navigation li.homelink a:before, .main-navigation li.homelink a:after {
position: absolute;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: auto;
-webkit-transition: opacity 300ms, background-image 300ms;
-moz-transition: opacity 300ms, background-image 300ms;
-o-transition: opacity 300ms, background-image 300ms;
transition: opacity 300ms, background-image 300ms; }
.main-navigation li.homelink a:after {
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/black/home.png); }
.main-navigation li.homelink a.search:after {
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/hover/home.png); }
.main-navigation li.homelink a:before {
opacity: 0;
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/hover/home.png); }
.main-navigation li.homelink a:hover:after {
opacity: 0; }
.main-navigation li.homelink a.active:after {
opacity: 0; }
.main-navigation li.homelink a:hover:before {
opacity: 1; }
.main-navigation li.homelink a.active:before {
opacity: 1; } }
.main-navigation li:nth-of-type(7n-6) a {
color: #e6007e; }
.main-navigation li:nth-of-type(7n-5) a {
color: #c51312; }
.main-navigation li:nth-of-type(7n-4) a {
color: #4fa52c; }
.main-navigation li:nth-of-type(7n-3) a {
color: #3c9ddb; }
.main-navigation li:nth-of-type(7n-2) a {
color: #2a3782; }
.main-navigation li:nth-of-type(7n-1) a {
color: #f3b200; }
.main-navigation li:nth-of-type(7n-0) a {
color: #55bac2; }
.main-navigation a {
text-rendering: optimizeLegibility;
display: inline-block;
text-decoration: none;
vertical-align: middle;
text-transform: uppercase;
line-height: 60px;
padding: 0 15px;
position: relative; }
@media screen and (max-width: 780px) {
.main-navigation a {
line-height: 51px; } }
@media screen and (max-width: 960px) {
.main-navigation a {
padding: 0 10px; } }
.main-navigation a:hover, .main-navigation a:focus {
color: #e2164b; }
.inverted .main-navigation a, .expanded .main-navigation a {
color: #393939; }  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden; }
.screen-reader-text:focus {
background-color: #eeeef3;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 1.0609375em;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0; } .alignleft {
display: inline;
float: left;
margin-right: 1.5em; }
.alignright {
display: inline;
float: right;
margin-left: 1.5em; }
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto; } .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed; }
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both; } .widget {
margin: 0 0 1.5em; }
.widget select {
max-width: 100%; }  .sticky {
display: block; }
.byline,
.updated:not(.published) {
display: none; }
.single .byline,
.group-blog .byline {
display: inline; }
.page-links {
clear: both;
margin: 0 0 1.5em; } .comment-content a {
word-wrap: break-word; }
.bypostparticipant {
display: block; }  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none; } .infinity-end.neverending .site-footer {
display: block; } .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0; } embed,
iframe,
object {
max-width: 100%; } .wp-caption {
margin-bottom: 1.5em;
max-width: 100%; }
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto; }
.wp-caption .wp-caption-text {
margin: 0.8075em 0; }
.wp-caption-text {
text-align: center; } .gallery {
margin-bottom: 1.5em; }
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%; }
.gallery-columns-2 .gallery-item {
max-width: 50%; }
.gallery-columns-3 .gallery-item {
max-width: 33.33%; }
.gallery-columns-4 .gallery-item {
max-width: 25%; }
.gallery-columns-5 .gallery-item {
max-width: 20%; }
.gallery-columns-6 .gallery-item {
max-width: 16.66%; }
.gallery-columns-7 .gallery-item {
max-width: 14.28%; }
.gallery-columns-8 .gallery-item {
max-width: 12.5%; }
.gallery-columns-9 .gallery-item {
max-width: 11.11%; }
.gallery-caption {
display: block; }  .owl-carousel {
-webkit-tap-highlight-color: transparent;
display: none;
width: 100%;
z-index: 1; }
.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d; }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
display: none; }
.owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
display: none; }
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; }
.no-js .owl-carousel {
display: block; }
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
.owl-height {
transition: height .5s ease-in-out; }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//a4kids.org/wp-content/themes/afk/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; } .owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent;
margin-top: 10px; }
.owl-theme .owl-nav [class*=owl-] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px; }
.owl-theme .owl-nav [class*=owl-]:hover {
background: #869791;
color: #FFF;
text-decoration: none; }
.owl-theme .owl-nav .disabled {
opacity: .5;
cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px; }
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1; }
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791; }
@media all {
.featherlight {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2147483647;
text-align: center;
white-space: nowrap;
cursor: pointer;
background: #333;
background: rgba(0, 0, 0, 0); }
.featherlight:last-of-type {
background: rgba(0, 0, 0, 0.8); }
.featherlight:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.featherlight
.featherlight-content {
position: relative;
text-align: left;
vertical-align: middle;
display: inline-block;
overflow: auto;
padding: 25px 25px 0;
border-bottom: 25px solid transparent;
margin-left: 5%;
margin-right: 5%;
max-height: 95%;
background: transparent;
cursor: auto;
white-space: normal; }
.featherlight .featherlight-inner {
display: block; }
.featherlight
.featherlight-close-icon {
position: absolute;
z-index: 9999;
top: -22px;
right: 0;
line-height: 25px;
width: 25px;
cursor: pointer;
text-align: center;
font-family: Arial,sans-serif;
color: #FFF;
border: 0;
padding: 0; }
.featherlight .featherlight-close-icon::-moz-focus-inner {
border: 0;
padding: 0; }
.featherlight .featherlight-image {
width: 100%; }
.featherlight-iframe
.featherlight-content {
border-bottom: 0;
padding: 0;
-webkit-overflow-scrolling: touch;
width: 90%;
margin: 0 5%;
height: 100%; }
.featherlight iframe {
border: 0; }
.featherlight * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; } }
@media only screen and (max-width: 1024px) {
.featherlight .featherlight-content {
margin-left: 0;
margin-right: 0;
max-height: 98%;
padding: 10px 10px 0;
border-bottom: 10px solid transparent; } }
html, body {
overflow-x: hidden; }
html.stall, body.stall {
overflow-y: hidden; }
html {
background-color: #eeeef3; }
body {
max-width: 2048px;
margin: 0 auto;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.4);
min-height: 100vh;
position: relative; }
#page {
padding-top: 60px;
padding-bottom: 20%; }
@media screen and (max-width: 640px) {
#page {
padding-bottom: 36%; } }
.home #page {
padding-top: 0; }
.f--l {
float: left; }
.f--r {
float: right; }
.f--c {
clear: both; }
.f--n {
clear: none; }
.f--4 {
width: 25%; }
.f--4:nth-of-type(4n+1) {
clear: both; }
.f--3, .f--3-n {
width: 33.33%; }
.f--3:nth-of-type(3n+1), .f--3-n:nth-of-type(3n+1) {
clear: both; }
.f--3-i {
display: inline-block;
margin-right: -0.2em;
width: 33.33%;
vertical-align: top; }
.f--3-2 {
width: 66.66%; }
.f--2-n, .f--2 {
width: 50%; }
.f--2-n:nth-of-type(2n+1), .f--2:nth-of-type(2n+1) {
clear: both; }
.f--1 {
width: 100%; }
@media screen and (max-width: 960px) {
.f--4 {
width: 33.33%; }
.f--4:nth-of-type(4n+1) {
clear: none; }
.f--4:nth-of-type(3n+1) {
clear: both; } }
@media screen and (max-width: 768px) {
.f--3-n {
width: 50%; }
.f--3-n:nth-of-type(3n+1) {
clear: none; }
.f--3-n:nth-of-type(2n+1) {
clear: both; }
.f--2-n {
width: 50%; }
.f--3 {
width: 100%; }
.f--3-2 {
width: 100%; }
.f--2 {
width: 100%; } }
@media screen and (max-width: 640px) {
.f--4 {
width: 50%; }
.f--4:nth-of-type(3n+1) {
clear: none; }
.f--4:nth-of-type(2n+1) {
clear: both; } }
.o--h {
overflow: hidden; } .l--z {
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
opacity: 0; }
.l--z.lazyloaded {
opacity: 1; }
.bg-abs {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 1; }
.bg-lqip {
z-index: 0;
overflow: hidden;
box-shadow: none; }
@supports (filter: blur(10px)) {
.bg-lqip {
filter: blur(10px);
-webkit-filter: blur(10px); } }
.bg-cover {
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat; }
.above-abs {
position: absolute;
width: 100%;
z-index: 10;
left: 0; }
.above-rel {
position: relative;
z-index: 10; }
.max-width {
margin-left: auto;
margin-right: auto;
max-width: 1104px;
padding-left: 40px;
padding-right: 40px;
position: relative; }
@media screen and (max-width: 768px) {
.max-width {
padding-left: 20px;
padding-right: 20px; } }
@media screen and (max-width: 1774px) {
.max-width.has-sidebar {
max-width: 768px;
padding-left: 20px;
padding-right: 20px; } }
@media screen and (max-width: 1308px) {
.max-width.has-sidebar {
max-width: 640px;
padding-left: 20px;
padding-right: 20px; } }
@media screen and (max-width: 1100px) {
.max-width.has-sidebar {
max-width: 100%; } }
.with-sidebar {
margin-right: 0; }
@media screen and (max-width: 1100px) {
.with-sidebar {
margin-right: 240px; } }
@media screen and (max-width: 680px) {
.with-sidebar {
margin-right: 0; } }
#primary {
margin-top: 4em;
margin-bottom: 4em; 
width: 100%;
float: left; }
#secondary {
width: 275px;
margin-right: -315px;
margin-top: 4em;
margin-bottom: 4em;
float: right;
position: relative; }
@media screen and (max-width: 1774px) {
#secondary {
width: 240px;
margin-right: -280px; } }
@media screen and (max-width: 1308px) {
#secondary {
width: 200px;
margin-right: -240px; } }
@media screen and (max-width: 1100px) {
#secondary {
max-width: 100%; } }
@media screen and (max-width: 680px) {
#secondary {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: auto; } }
.container {
margin-right: -15px;
margin-left: -15px; }
.smallcontainer {
margin-right: -10px;
margin-left: -10px; }
.wrap {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px; }
.wrap .inner {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px; }
.smallwrap {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px; }
.cols {
margin-right: -15px;
margin-left: -15px; }
@media screen and (max-width: 768px) {
.cols {
margin-right: -7.5px;
margin-left: -7.5px; } }
.section-body .cols {
width: 93%;
margin-left: 3.5%; }
.col {
display: inline-block;
vertical-align: top;
width: 33.33%;
padding: 15px; }
.section-body .col {
padding: 3.5%; }
@media screen and (max-width: 1180px) {
.col {
width: 50%; } }
@media screen and (max-width: 564px) {
.col {
width: 100%; } }
.cell {
margin-right: auto;
margin-left: auto;
display: block;
text-decoration: none;
color: initial; }
.layers {
position: relative;
text-align: center;
width: 100%;
padding-bottom: 75%;
display: block; }
.portrait .layers {
padding-bottom: 145%; }
.portrait.box-image .layers {
padding-bottom: 72.5%;
width: 50%;
margin-left: auto;
margin-right: auto; }
.book-cell .portrait.box-image .layers {
padding-bottom: 145%;
width: 100%; }
.layers .mask, .layers .hover, .layers .real {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain; }
.layers .hover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.layers .real {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10; }
.book-cell .layers, .side-book .layers, .single-book .cover .layers {
padding-bottom: 142%;
box-shadow: 2px 8px 15px 0px rgba(0, 0, 0, 0.35), 1px 2px 1px 0px #d4d4d4; }
.book-cell .layers .real, .side-book .layers .real, .single-book .cover .layers .real {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
border-radius: 1px; }
.participant-box .layers .hover, .participant-cell .layers .hover, .single-participant .meta .layers .hover, .layers.participant-layers .hover {
background-image: none;
background-color: #fff;
z-index: 15;
display: none; }
@supports (mix-blend-mode: color) {
.participant-box .layers .hover, .participant-cell .layers .hover, .single-participant .meta .layers .hover, .layers.participant-layers .hover {
mix-blend-mode: color;
display: block; } }
.participant-box .layers .real, .participant-cell .layers .real, .single-participant .meta .layers .real, .layers.participant-layers .real {
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat; }
.stamp {
z-index: 50;
position: absolute;
top: 50%;
right: -20px;
bottom: auto;
left: -20px;
margin-top: -0.75em; }
.langswitch .stamp {
margin-top: -1.75em; }
.stamp .stamp__label {
position: relative;
height: 100%;
display: inline-block;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: auto 100%;
background-position: 0 50%;
background-repeat: repeat-x;
font-family: "Futura", "TrebuchetMS", sans-serif;
font-weight: 500;
text-transform: uppercase;
color: white;
background-image: url(//a4kids.org/wp-content/themes/afk/img/bgs/grey/middle.png);
line-height: 2em;
font-size: 2em;
-webkit-transform: rotate(-6deg);
-moz-transform: rotate(-6deg);
-ms-transform: rotate(-6deg);
transform: rotate(-6deg); }
.langswitch .stamp .stamp__label {
font-size: 0.75em;
line-height: 1.8em; }
.stamp .stamp__label span {
position: relative;
z-index: 55;
padding: 0 0.25em;
letter-spacing: 0.04em; }
.stamp .stamp__label:before, .stamp .stamp__label:after {
z-index: 52;
background-repeat: no-repeat;
background-size: contain; }
.stamp .stamp__label:before {
position: absolute;
content: '';
top: 0;
right: 50%;
bottom: 0;
left: -0.75em;
background-position: 0 50%;
background-image: url(//a4kids.org/wp-content/themes/afk/img/bgs/grey/start.png); }
.stamp .stamp__label:after {
position: absolute;
content: '';
top: 0;
right: -1em;
bottom: 0;
left: 50%;
background-position: 100% 50%;
background-image: url(//a4kids.org/wp-content/themes/afk/img/bgs/grey/end.png); }
.side-item:hover .hover, .box:hover .hover {
opacity: 1; }
.box-image {
width: 100%; }
.side-image {
width: 66%;
margin-right: 0.5em;
margin-left: 0.5em;
margin-bottom: 2em; }
.box .box-info {
overflow: hidden;
position: relative; }
.box .box-info h3 {
margin: 1.33em 0 0; }
.box .summary {
margin: 1em 0; }
.book-cell p, .side-book p {
margin: 0; }
.book-cell p + p, .side-book p + p {
margin: 0.5em 0 0; }
.table {
display: table;
width: 100%; }
.table .table-cell {
height: 100%;
display: table-cell;
vertical-align: middle; }
.hidden-anchor {
position: absolute;
top: 0; }
a.sneaky {
text-decoration: none;
color: inherit; }
a.filter {
cursor: pointer;
padding-bottom: 4px;
border-bottom: 2px dashed transparent; }
a.filter.mixitup-control-active {
border-bottom: 2px dashed #FFF; }
a.filter:hover {
opacity: .8; }
a.profession-link {
padding-bottom: 4px;
border-bottom: 2px dashed transparent; }
a.profession-link:hover {
border-bottom: 2px dashed #FFF; } .temp-hover {
-webkit-transition: opacity 300ms;
-moz-transition: opacity 300ms;
-o-transition: opacity 300ms;
transition: opacity 300ms; }
.temp-hover:hover {
opacity: .8; }
.scrolldown {
position: relative;
display: inline-block;
position: relative;
width: 64px;
height: 64px;
outline: 0 !important; }
.scrolldown:before, .scrolldown:after {
position: absolute;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: auto;
-webkit-transition: opacity 300ms, background-image 300ms;
-moz-transition: opacity 300ms, background-image 300ms;
-o-transition: opacity 300ms, background-image 300ms;
transition: opacity 300ms, background-image 300ms; }
.scrolldown:after {
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/black/scroll.png); }
.scrolldown.search:after {
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/hover/scroll.png); }
.scrolldown:before {
opacity: 0;
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/hover/scroll.png); }
.scrolldown:hover:after {
opacity: 0; }
.scrolldown.active:after {
opacity: 0; }
.scrolldown:hover:before {
opacity: 1; }
.scrolldown.active:before {
opacity: 1; }
.v-hidden {
visibility: hidden; }
a.view {
position: relative;
outline: none;
cursor: pointer; }
a.view:before, a.view:after {
position: absolute;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: auto;
-webkit-transition: opacity 300ms, background-image 300ms;
-moz-transition: opacity 300ms, background-image 300ms;
-o-transition: opacity 300ms, background-image 300ms;
transition: opacity 300ms, background-image 300ms; }
a.view:after {
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/black/eye.png); }
a.view.search:after {
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/hover/eye.png); }
a.view:before {
opacity: 0;
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/hover/eye.png); }
a.view:hover:after {
opacity: 0; }
a.view.active:after {
opacity: 0; }
a.view:hover:before {
opacity: 1; }
a.view.active:before {
opacity: 1; }
a.download {
position: relative; }
a.download:before, a.download:after {
position: absolute;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: auto;
-webkit-transition: opacity 300ms, background-image 300ms;
-moz-transition: opacity 300ms, background-image 300ms;
-o-transition: opacity 300ms, background-image 300ms;
transition: opacity 300ms, background-image 300ms; }
a.download:after {
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/black/download.png); }
a.download.search:after {
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/hover/download.png); }
a.download:before {
opacity: 0;
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/hover/download.png); }
a.download:hover:after {
opacity: 0; }
a.download.active:after {
opacity: 0; }
a.download:hover:before {
opacity: 1; }
a.download.active:before {
opacity: 1; }
a.print {
position: relative; }
a.print:before, a.print:after {
position: absolute;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: auto;
-webkit-transition: opacity 300ms, background-image 300ms;
-moz-transition: opacity 300ms, background-image 300ms;
-o-transition: opacity 300ms, background-image 300ms;
transition: opacity 300ms, background-image 300ms; }
a.print:after {
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/black/print.png); }
a.print.search:after {
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/hover/print.png); }
a.print:before {
opacity: 0;
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/hover/print.png); }
a.print:hover:after {
opacity: 0; }
a.print.active:after {
opacity: 0; }
a.print:hover:before {
opacity: 1; }
a.print.active:before {
opacity: 1; }
a.facebook {
position: relative; }
a.facebook:before, a.facebook:after {
position: absolute;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: auto;
-webkit-transition: opacity 300ms, background-image 300ms;
-moz-transition: opacity 300ms, background-image 300ms;
-o-transition: opacity 300ms, background-image 300ms;
transition: opacity 300ms, background-image 300ms; }
a.facebook:after {
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/black/facebook.png); }
a.facebook.search:after {
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/hover/facebook.png); }
a.facebook:before {
opacity: 0;
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/hover/facebook.png); }
a.facebook:hover:after {
opacity: 0; }
a.facebook.active:after {
opacity: 0; }
a.facebook:hover:before {
opacity: 1; }
a.facebook.active:before {
opacity: 1; }
a.pinterest {
position: relative; }
a.pinterest:before, a.pinterest:after {
position: absolute;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: auto;
-webkit-transition: opacity 300ms, background-image 300ms;
-moz-transition: opacity 300ms, background-image 300ms;
-o-transition: opacity 300ms, background-image 300ms;
transition: opacity 300ms, background-image 300ms; }
a.pinterest:after {
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/black/pin.png); }
a.pinterest.search:after {
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/hover/pin.png); }
a.pinterest:before {
opacity: 0;
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/hover/pin.png); }
a.pinterest:hover:after {
opacity: 0; }
a.pinterest.active:after {
opacity: 0; }
a.pinterest:hover:before {
opacity: 1; }
a.pinterest.active:before {
opacity: 1; }
a.search {
position: relative;
cursor: pointer;
height: 60px;
width: 58px; }
a.search:before, a.search:after {
position: absolute;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: auto;
-webkit-transition: opacity 300ms, background-image 300ms;
-moz-transition: opacity 300ms, background-image 300ms;
-o-transition: opacity 300ms, background-image 300ms;
transition: opacity 300ms, background-image 300ms; }
a.search:after {
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/black/poisk.png); }
a.search.search:after {
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/hover/poisk.png); }
a.search:before {
opacity: 0;
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/hover/poisk.png); }
a.search:hover:after {
opacity: 0; }
a.search.active:after {
opacity: 0; }
a.search:hover:before {
opacity: 1; }
a.search.active:before {
opacity: 1; }
.search-form {
position: absolute;
display: none;
z-index: 500;
right: 0;
left: 0;
top: 0;
padding-top: 60px;
background-color: rgba(255, 255, 255, 0.7); }
.search-form form {
width: 100%; }
.search-form form input, .search-form form button {
height: 60px;
border: 0;
border-radius: 0;
font-family: "Futura", "TrebuchetMS", sans-serif;
font-weight: 500;
text-transform: uppercase;
background-color: transparent; }
.search-form form #head-search-submit {
width: 0;
overflow: hidden;
padding: 0;
text-align: center;
-webkit-transition: width 300ms;
-moz-transition: width 300ms;
-o-transition: width 300ms;
transition: width 300ms; }
.search-form form #head-search-submit.active {
width: 100px; }
.search-form form #head-search-text {
width: 100%;
padding: 0 40px 0 40px; }
#masthead {
height: 60px;
position: absolute;
top: 0;
z-index: 1000;
width: 100%;
padding: 0 40px;
-webkit-transition: background-color 300ms, box-shadow 300ms;
-moz-transition: background-color 300ms, box-shadow 300ms;
-o-transition: background-color 300ms, box-shadow 300ms;
transition: background-color 300ms, box-shadow 300ms; }
@media screen and (max-width: 780px) {
#masthead {
padding: 0 20px; } }
#masthead .f--l, #masthead .f--r {
height: 60px;
position: relative;
z-index: 1000; }
#masthead .f--l .f--r, #masthead .f--r .f--r {
padding: 0 15px; }
#masthead .f--l .f--r.langswitch, #masthead .f--r .f--r.langswitch {
padding: 0;
position: relative;
height: auto;
width: 56px;
-webkit-transition: box-shadow 300ms, background-color 300ms, border-radius 300ms;
-moz-transition: box-shadow 300ms, background-color 300ms, border-radius 300ms;
-o-transition: box-shadow 300ms, background-color 300ms, border-radius 300ms;
transition: box-shadow 300ms, background-color 300ms, border-radius 300ms;
box-shadow: 0 0 0em 0em transparent; }
#masthead .f--l .f--r.langswitch.backdrop, #masthead .f--r .f--r.langswitch.backdrop {
background-color: white;
box-shadow: 0 0 0em 2px #393939, 0 0 0 10px #fff; }
#masthead > .f--l {
margin-left: -15px; }
#masthead > .f--r {
margin-right: -15px; }
#masthead .h-button {
text-align: center;
line-height: 0; }
#masthead .h-button .table {
height: 100%; }
#masthead .h-button span.image {
position: relative; }
#masthead .h-button img {
display: inline-block;
-webkit-transition: opacity 300ms;
-moz-transition: opacity 300ms;
-o-transition: opacity 300ms;
transition: opacity 300ms; }
#masthead.fixed {
position: fixed; }
#masthead.inverted {
background-color: rgba(255, 255, 255, 0.85);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
#masthead.nav-hide {
opacity: 0;
pointer-events: none; }
#masthead.nav-show {
opacity: 1;
pointer-events: all; }
.lang {
line-height: 60px !important;
font-family: "Futura", "TrebuchetMS", sans-serif;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
color: #393939; padding: 0 15px;
display: block; }
.lang:hover, .langswitch .lang {
color: #e2164b; }
.lang.active {
cursor: pointer;
position: relative;
z-index: 10; }
.backdrop .lang.active:after {
opacity: 0; }
.backdrop .lang.active:before {
opacity: 1; }
.lang.inactive {
-webkit-transition: margin-top 300ms, opacity 300ms, -webkit-transform 300ms;
-moz-transition: margin-top 300ms, opacity 300ms, -moz-transform 300ms;
-o-transition: margin-top 300ms, opacity 300ms, -o-transform 300ms;
transition: margin-top 300ms, opacity 300ms, transform 300ms;
height: 60px;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
margin-top: 0; }
.lang.inactive.hidden {
opacity: 0;
pointer-events: none;
z-index: 1;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: -59px; }
.section {
position: relative; }
.section .section-body {
padding-top: 40px;
padding-bottom: 40px;
overflow: hidden;
position: relative; }
@media screen and (max-height: 512px) {
.section .section-body {
padding-top: 20px;
padding-bottom: 20px; } }
.banner {
position: relative;
padding-bottom: 16.458%;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
margin-bottom: 0; }
@media screen and (max-width: 640px) {
.banner {
padding-bottom: 35%; } }
.banner .banner-box {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.banner .banner-image-wrap {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
width: 400%; }
.banner .banner-image-wrap-left, .banner .banner-image-wrap-left-multiply {
right: 100%;
left: auto; }
.banner .banner-image-wrap-left .banner-image, .banner .banner-image-wrap-left-multiply .banner-image {
background-position: 100% 50%; }
.banner .banner-image-wrap-right, .banner .banner-image-wrap-right-multiply {
left: 100%;
right: auto; }
.banner .banner-image-wrap-right .banner-image, .banner .banner-image-wrap-right-multiply .banner-image {
background-position: 0% 50%; }
@supports (mix-blend-mode: multiply) {
.banner .banner-image-wrap-left-multiply, .banner .banner-image-wrap-right-multiply {
mix-blend-mode: multiply; } }
.banner .banner-image-wrap .banner-image {
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.banner .banner-container {
text-align: center;
position: relative;
z-index: 50;
width: 40%;
height: 100%;
max-width: 1024px;
margin: 0 auto; }
@media screen and (max-width: 768px) {
.banner .banner-container {
width: 60%; } }
.banner .banner-container h2 {
font-size: 3.5625em;
line-height: 128%;
width: 100%;
width: 100%;
margin: 0 auto;
position: relative; }
.over-line {
position: absolute;
top: auto;
right: 0;
bottom: 100%;
left: 0;
display: block;
line-height: 60%;
font-size: 40%;
width: 100%;
text-align: center;
bottom: 100%; }
.search-result {
font-size: 75%; }
.intro {
height: 100vh;
min-height: 680px;
position: relative;
text-align: center;
text-transform: uppercase; }
@media screen and (max-height: 680px) {
.intro {
min-height: 480px; } }
.intro .bg {
background-position: 50% 5%; }
.intro .fg {
z-index: 10; }
.intro .table {
height: 100%; }
.intro .intro-width {
padding: 10px 13px;
width: 44%;
background-color: #fff;
margin: 0 auto;
position: relative;
z-index: 5; }
@media screen and (max-width: 1280px) {
.intro .intro-width {
width: 50%; } }
@media screen and (max-width: 960px) {
.intro .intro-width {
width: 66%; } }
@media screen and (max-width: 320px) {
.intro .intro-width {
width: 80%; } }
.intro-border {
border: 2px solid #000;
padding: 6%; }
.intro-header {
width: 100%;
top: 30%; }
.intro-header img {
max-width: 100%; }
.intro-text {
top: 68%;
font-family: "Futura", "TrebuchetMS", sans-serif;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.04em; }
.intro-text p {
max-width: 28em;
margin: 1.2em auto 0.3em !important;
padding: 0 10px; }
.intro-scroll {
width: 100%;
bottom: 67px;
z-index: 20; }
.intro h1 {
font-size: 6.0625em;
line-height: 105%;
margin: 0;
max-width: 9em;
margin: 0 auto;
text-shadow: 0 0 50px rgba(0, 0, 0, 0.2); }
@media screen and (max-width: 768px) {
.intro h1 {
font-size: 5em; } }
@media screen and (max-width: 480px) {
.intro h1 {
font-size: 3.5em; } }
@media screen and (max-width: 360px) {
.intro h1 {
font-size: 2.75em; } }
.intro h3 {
font-size: 1.2125em;
line-height: 115%;
margin: 0; }
.section-about p {
margin: 0; }
.section-about p + p {
margin-top: 0.5em; }
.owl-carousel {
position: relative;
-webkit-transition: height 300ms ease;
-moz-transition: height 300ms ease;
-o-transition: height 300ms ease;
transition: height 300ms ease; }
.owl-nav {
margin: 0;
padding: 0;
display: block !important; }
.owl-nav.disabled {
display: none !important; }
.owl-prev, .owl-next {
z-index: 490;
display: block;
top: 50%;
left: -22px;
width: 32px;
margin-top: -14px;
font-size: 16px;
font-family: essential;
padding-top: 4px;
color: transparent;
padding-left: 0;
text-align: center;
-webkit-transition: opacity 600ms;
-moz-transition: opacity 600ms;
-o-transition: opacity 600ms;
transition: opacity 600ms;
background-repeat: no-repeat;
background-position: 50% 50%;
position: relative;
position: absolute; }
.owl-prev:before, .owl-prev:after, .owl-next:before, .owl-next:after {
position: absolute;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: auto;
-webkit-transition: opacity 300ms, background-image 300ms;
-moz-transition: opacity 300ms, background-image 300ms;
-o-transition: opacity 300ms, background-image 300ms;
transition: opacity 300ms, background-image 300ms; }
.owl-prev:after, .owl-next:after {
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/black/arr__left.png); }
.owl-prev.search:after, .owl-next.search:after {
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/hover/arr__left.png); }
.owl-prev:before, .owl-next:before {
opacity: 0;
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/hover/arr__left.png); }
.owl-prev:hover:after, .owl-next:hover:after {
opacity: 0; }
.owl-prev.active:after, .owl-next.active:after {
opacity: 0; }
.owl-prev:hover:before, .owl-next:hover:before {
opacity: 1; }
.owl-prev.active:before, .owl-next.active:before {
opacity: 1; }
.owl-prev:before, .owl-prev:after, .owl-next:before, .owl-next:after {
background-position: 0% 50%; }
#secondary .owl-prev, #secondary .owl-next {
top: 75px;
left: 0;
width: 20%;
height: 32px; }
#secondary .owl-prev:before, #secondary .owl-prev:after, #secondary .owl-next:before, #secondary .owl-next:after {
background-size: 18% auto; }
#secondary .side-book .owl-prev, #secondary .side-book .owl-next {
top: 114px; }
.more-owl .owl-prev, .more-owl .owl-next {
left: 0;
top: 25%; }
.owl-prev.disabled, .owl-next.disabled {
opacity: 0 !important;
cursor: default !important; }
.owl-next {
position: relative;
position: absolute;
left: auto;
right: -22px;
padding-right: 0;
padding-left: 3px; }
.owl-next:before, .owl-next:after {
position: absolute;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: auto;
-webkit-transition: opacity 300ms, background-image 300ms;
-moz-transition: opacity 300ms, background-image 300ms;
-o-transition: opacity 300ms, background-image 300ms;
transition: opacity 300ms, background-image 300ms; }
.owl-next:after {
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/black/arr__right.png); }
.owl-next.search:after {
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/hover/arr__right.png); }
.owl-next:before {
opacity: 0;
background-image: url(//a4kids.org/wp-content/themes/afk/img/icons/hover/arr__right.png); }
.owl-next:hover:after {
opacity: 0; }
.owl-next.active:after {
opacity: 0; }
.owl-next:hover:before {
opacity: 1; }
.owl-next.active:before {
opacity: 1; }
#secondary .owl-next {
left: auto;
right: 0; }
#secondary .owl-next:before, #secondary .owl-next:after {
background-position: 100% 50%; }
.more-owl .owl-next {
right: 0;
left: auto; }
.owl-stage {
overflow: hidden; }
h3.box-title {
display: inline-block;
position: relative; }
h3.box-title span {
display: inline-block; }
h3.box-title span:after {
content: '';
position: absolute;
left: 0;
width: 100%;
bottom: -6px;
border-bottom: 2px transparent dashed;
-webkit-transition: border-color 300ms;
-moz-transition: border-color 300ms;
-o-transition: border-color 300ms;
transition: border-color 300ms; }
a:hover h3.box-title span:after {
border-color: #e2164b; }
@media screen and (min-width: 768px) {
.container .wrap.participants-text-wrap .inner {
padding-right: 0; } }
#colophon {
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
padding-top: 30px;
position: absolute;
bottom: 0;
width: 100%;
font-family: "Futura", "TrebuchetMS", sans-serif;
font-weight: 500;
text-transform: uppercase;
padding-bottom: 20%; }
@media screen and (max-width: 640px) {
#colophon {
padding-bottom: 36%; } }
#colophon .footer-bg {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 100% auto;
background-position: 0 100%; }
@media screen and (max-width: 640px) {
#colophon .footer-bg {
background-size: 200% auto; } }
#colophon .footer-header {
width: 25%;
margin-left: 3%;
position: absolute;
z-index: 10;
text-align: center;
height: 75%;
bottom: 0; }
@media screen and (max-width: 640px) {
#colophon .footer-header {
width: 57%; } }
#colophon .footer-header .table {
height: 100%; }
#colophon h2 {
margin: 0; }
#colophon .footer-links {
margin-top: 1em;
overflow: hidden;
display: inline-block; }
#colophon ul {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
text-align: left; }
#colophon ul li {
display: inline-block; }
#colophon ul li:nth-of-type(3n-2) a {
color: #3c9ddb; }
#colophon ul li:nth-of-type(3n-1) a {
color: #e6007e; }
#colophon ul li:nth-of-type(3n-0) a {
color: #2a3782; }
#colophon ul li a {
text-decoration: none;
display: inline-block;
padding: 0 10px; }
#colophon .copyright {
margin-top: 0.5em;
font-size: 10px; }
.sidebar-title {
text-align: center; }
.side-block {
margin-bottom: 4em;
padding-bottom: 5px;
overflow: hidden; }
.side-block > h3 {
text-align: center;
margin: 0 0 0.375em; }
.side-block .side-owl, .side-block > .side-item {
border-top: 2px solid #393939;
border-bottom: 2px solid #393939; }
.side-item {
text-align: center;
padding: 2em 0;
display: block;
text-decoration: none;
color: #393939;
overflow: hidden; }
.side-item:hover {
color: #393939; }
.side-item h3 {
margin: 1.5em 0 1em; }
.side-item p {
margin: 0; }
.buttons-block {
width: 100%;
height: 40px;
position: relative;
z-index: 50;
margin-top: 1em; }
.buttons-block.portrait {
width: 56%;
margin-left: auto;
margin-right: auto; }
@media screen and (max-width: 640px) {
.buttons-block.portrait {
width: 100%; } }
.block-button {
display: inline-block;
width: 40px;
height: 40px;
margin: 0 10px;
background-repeat: no-repeat;
background-position: 50% 50%; }
.stickers .block-button {
background: white;
border-radius: 50%;
box-shadow: 0.2em 0.2em 1em rgba(0, 0, 0, 0.5); }
@media screen and (max-width: 640px) {
.block-button {
width: 32px;
height: 32px; } }
.block-button .table {
height: 100%;
text-align: center; }
.single .summary {
margin-bottom: 2em; }
.single .summary p, .book-links .book-event-link, .compared-list .book-event-link {
font-family: "Futura", "TrebuchetMS", sans-serif;
font-weight: 500; 
font-size: 1.1em; }
.participants-title {
margin-top: 1.5em; }
.participants-carousel {
margin-top: 20px; }
.meta .cover {
text-align: center;
margin: 0 auto;
width: 100%; }
.meta .cover.portrait {
width: 56%; }
.meta .cover img {
display: inline-block; }
@media screen and (max-width: 768px) {
.meta .cover img {
max-height: 300px; } }
.side-image {
margin: 0 auto;
max-width: 120px; }
.entry-content {
margin-bottom: 40px; }
@media screen and (max-width: 768px) {
.entry-content {
margin-bottom: 20px; } }
.entry-footer.more {
padding-top: 30px;
padding-bottom: 30px; }
.entry-footer.more > h3 {
margin-top: 0;
text-align: center;
padding-bottom: 10px;
margin-bottom: 15px;
position: relative;
border-bottom: 2px solid #393939; }
.entry-footer.more .more-owl {
padding: 0 32px; }
.entry-footer.more .more-owl h3 {
text-align: center;
display: block; }
.entry-footer.more .more-owl .cell {
margin: 2em; }
.entry-footer.more .more-owl .box-image {
width: 50%;
margin-left: 25%; }
.entry-footer.more .more-owl .summary p {
font-family: "Times New Roman", Times, sefif;
font-weight: 400;
display: inline-block;
text-align: left; }
#issuu-frame {
display: none;
position: relative;
padding-bottom: 75%; }
#issuu-frame .issuuembed {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: auto !important; }
#issuu-frame .document-canvas, #issuu-frame .reader__canvas-container {
background-color: #eeeef3 !important; }
#issuu-frame > div > div > div:last-of-type {
display: none !important; }
.notice {
text-align: center;
border-bottom: 2px solid;
margin-bottom: 1em;
padding-top: 0;
padding-bottom: 0.375em;
background-color: white; }
.subsection-gallery {
margin-top: 2.66em;
margin-bottom: 2.66em; }
.subsection-gallery.gallery-grid {
overflow: hidden; }
blockquote {
font-family: "Futura", "TrebuchetMS", sans-serif;
font-weight: 500;
font-size: 166.66%;
text-transform: uppercase;
letter-spacing: 0.01em;
margin: 0; }
@media screen and (max-width: 768px) {
blockquote {
margin-bottom: 3em; } }
.gal-image-wrap {
position: relative;
padding-bottom: 32.6%;
width: 50%; }
.gal-image-wrap:nth-of-type(1), .gal-image-wrap:nth-of-type(3n+1) {
width: 100%; }
.gal-image-wrap:nth-of-type(2n) + .gal-image-wrap:nth-of-type(2n):nth-of-type(3n+1) + .gal-image-wrap:nth-of-type(2n):last-of-type, .gal-image-wrap:nth-of-type(2n-1) + .gal-image-wrap:nth-of-type(2n):nth-of-type(3n+1) + .gal-image-wrap:nth-of-type(2n):last-of-type, .gal-image-wrap:nth-of-type(2n) + .gal-image-wrap:nth-of-type(2n-1):nth-of-type(3n+1) + .gal-image-wrap:nth-of-type(2n):last-of-type, .gal-image-wrap:nth-of-type(2n-1) + .gal-image-wrap:nth-of-type(2n-1):nth-of-type(3n+1) + .gal-image-wrap:nth-of-type(2n):last-of-type, .gal-image-wrap:nth-of-type(2n) + .gal-image-wrap:nth-of-type(2n):nth-of-type(3n+1) + .gal-image-wrap:nth-of-type(2n-1):last-of-type, .gal-image-wrap:nth-of-type(2n-1) + .gal-image-wrap:nth-of-type(2n):nth-of-type(3n+1) + .gal-image-wrap:nth-of-type(2n-1):last-of-type, .gal-image-wrap:nth-of-type(2n) + .gal-image-wrap:nth-of-type(2n-1):nth-of-type(3n+1) + .gal-image-wrap:nth-of-type(2n-1):last-of-type, .gal-image-wrap:nth-of-type(2n-1) + .gal-image-wrap:nth-of-type(2n-1):nth-of-type(3n+1) + .gal-image-wrap:nth-of-type(2n-1):last-of-type {
width: 50%; }
.gal-image-wrap:nth-last-of-type(2) {
width: 50%; }
.gal-image-wrap .gal-image {
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover; }
@supports (mix-blend-mode: color) {
.gal-image-wrap {
z-index: 25; }
.gal-image-wrap:after {
position: absolute;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 50;
background-color: #fff;
mix-blend-mode: color;
opacity: 1;
-webkit-transition: opacity 300ms;
-moz-transition: opacity 300ms;
-o-transition: opacity 300ms;
transition: opacity 300ms; }
.gal-image-wrap:hover:after {
opacity: 0; } }
.page-template-page-full .entry-content {
margin-bottom: 0; }
.extras {
margin-bottom: 4em; }
#contact .wrap, #partners .wrap {
text-decoration: none;
color: #393939;
text-align: center;
padding-top: 0;
padding-bottom: 0;
display: block; }
#contact .wrap a.email, #partners .wrap a.email {
text-decoration: none;
color: #393939; }
#contact .wrap a.email:hover, #partners .wrap a.email:hover {
color: #e2164b; }
#partners {
margin-bottom: 1.33em;
overflow: hidden; }
#contact {
text-align: center;
overflow: hidden;
border: 2px solid #393939;
padding-bottom: 1.33em; }
.single p > img, .page p > img {
width: auto !important;
max-width: 100% !important;
height: auto; }
.site-main img {
margin-top: 0.2em;
margin-bottom: 0em; }
.compared-list {
margin-bottom: 0.33em;
}