html, body {
margin-top: 0px !important;
}
html {
position: relative;
height: 100%;
}
body { height: 100%;
}
img.lazy {
opacity: 0;
transition: opacity .3s ease-in;
} .row,
.container,
.container-fluid {
margin: 0px;
padding: 0px;
}
.container-fluid {
padding: 0px 50px 0px 50px;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
position: relative;
min-height: 1px;
padding-right: 0px;
padding-left: 0px;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'LetterGothicMTStd', sans-serif;
}
p {
font-family: 'Georgia', serif;
font-size: 0.85em;
color: #000;
}
a {
color: #000;
text-decoration: none;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
a:hover,
a:focus,
a:active {
color: #585858;
text-decoration: none;
}
h1 {
font-weight: normal;
font-style: normal;
font-size: 1.6em;
color: #000;
}
h2, h3, h4, h5, h6 {
font-size: 1.3em;
} .nav-bar {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 68px;
background-color: #FFF;
z-index: 998;
} .page-main-header,
.page-main-header-mobile {
position: fixed; top: 20px;
color: #000;
}
.page-main-header-mobile {
display: none;
}
.page-main-header.white,
.page-main-header-mobile.white {
color: #FFF;
position: absolute;
}
.desktop-navigation-btn {
position: absolute;
right: 0px;
top: 25px;
}
.desktop-navigation-btn p {
position: absolute;
right: 50px;
font-family: 'LetterGothicMTStd', sans-serif;
}
.closebtn {
position: absolute;
width: 45px;
height: 25px;
right: 43px;
top: 22px;
cursor: pointer;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//primaryschoolgarden.com/wp-content/themes/primaryschoolgarden/images/nav-btn-close.png);
background-image: url(//primaryschoolgarden.com/wp-content/themes/primaryschoolgarden/images/nav-btn-close.svg);
transition: none;
}
.openbtn {
width: 34px;
height: 20px;
cursor: pointer;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//primaryschoolgarden.com/wp-content/themes/primaryschoolgarden/images/nav-btn-open.png);
background-image: url(//primaryschoolgarden.com/wp-content/themes/primaryschoolgarden/images/nav-btn-open.svg);
}
.has-padding {
padding-bottom: 27px;
} .sidenav {
height: 0%;
width: 100%;
position: absolute;
z-index: 999;
top: 0;
left: 0;
background-color: #292929;
overflow-y: hidden;
transition: 0.5s;
padding-left: 50px;
}
.desktop-navigation-items {
padding-top: 125px;
}
.desktop-navigation-items ul {
padding-left: 0px;
}
.desktop-navigation-items ul li {
list-style: none;
}
.desktop-navigation-items a {
font-family: 'LetterGothicMTStd', sans-serif;
font-size: 1.2em;
color: #FFF;
text-decoration: none;
}
.desktop-navigation-items a:hover,
.desktop-navigation-items a:focus,
.desktop-navigation-items a:active,
.desktop-navigation-items .current-menu-item a {
color: #b4b4b4;
}
.language-switch-desktop {
position: absolute;
top: 22px;
right: 115px;
}
.language-switch-desktop ul {
padding: 0px;
margin: 0px;
list-style: none;
}
.language-switch-desktop a {
font-family: 'LetterGothicMTStd', sans-serif;
font-size: 0.96em;
color: #FFF;
text-decoration: none;
text-transform: lowercase;
}
.language-switch-mobile a {
text-transform: lowercase;
}
.sub-menu {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.menu-item-has-children.open {
margin-bottom: 28px;
}
.menu-item-has-children > a {
position: relative;
padding-right: 20px;
}
.menu-item-has-children > a::after {
content: "›"; 
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%) rotate(90deg);
transition: transform 0.3s ease;
font-size: 1.3em;
} .menu-item-has-children.open > a::after {
transform: translateY(-50%) rotate(270deg);
} body.page-id-3076,
body.page-id-3076 .nav-bar {
background-color: #F7F3E4;  
}
body.page-id-3146,
body.page-id-3146 .nav-bar {
background-color: #EEF3E3;  
} .flexible-content-slider-headline {
padding-bottom: 10px;
}
.flexible-content-slider-headline h2 {
margin-bottom: 0;
}
.carousel {
padding: 35px;
background-color: #292929;
}
.carousel-cell {
width: 100%;
height: auto;
margin-right: 0px;
display: flex;
align-items: center;
justify-content: center;
}
.flickity-prev-next-button.previous {
left: 0px;
}
.flickity-prev-next-button.next {
right: 0px;
}
.flickity-button.flickity-prev-next-button.previous {
cursor: url(//primaryschoolgarden.com/wp-content/themes/primaryschoolgarden/images/cursor-prev.svg), pointer;
}
.flickity-button.flickity-prev-next-button.next {
cursor: url(//primaryschoolgarden.com/wp-content/themes/primaryschoolgarden/images/cursor-next.svg), pointer;
}
.flickity-button,
.flickity-button:hover {
background: none;
padding: 0px;
}
.flickity-button-icon {
display: none;
}
.carousel-cell .next-caption {
display: none;
}
.carousel-cell.is-next .next-caption {
display: block;
}
.caption-container {
padding: 0px 34px;
margin-top: -34px;
background-color: #292929;
}
.carousel-cell-image {
display: block;
max-height: 100%;
width: 100%;
}
.slide-show-container p {
padding-top: 5px;
font-family: 'LetterGothicMTStd', sans-serif;
font-size: 1em;
color: #FFFFFF;
margin-bottom: 5px;
}
.carousel-counter {
text-align: right;
}
.flickity-prev-next-button {
top: 0px;
width: 50%;
height: 100%;
border-radius: 0px;
transform: translateY(0%);
}
.grid-mobile {
display: none;
}
.grid-left {
padding-left: 10px;
padding-right: 40px;
}
.grid-right {
padding-left: 40px;
padding-right: 10px;
margin-top: 230px;
}
.front-page-gallery-image-container { margin-top: 25px;
}
.front-page-caption-container {
padding-top: 5px;
}
.front-page-caption-container p {
font-family: 'LetterGothicMTStd', sans-serif;
font-size: 1em;
} .main-page-content {
padding: 70px 0px 55px 0px;
min-height: 100%;
} .text-big-container {
padding-top: 40px;
}
.text-big-container p {
font-size: 27px;
} .post-caption-container {
margin-top: 5px;
}
.post-caption-container p {
margin-bottom: 0px;
}
.teaser-post-content-left.first-col {
padding: 0px 40px 0px 0px;
}
.teaser-post-content-right.first-col {
padding: 25px 0px 0px 0px;
}
.post-content-teaser-image-second {
padding: 30px 80px 0px 0px;
}
.teaser-post-content.second-row {
padding-top: 40px;
}
.teaser-post-content-left.second-col {
padding: 0px 0px 30px 10px;
}
.post-content-teaser-image-third,
.post-caption-container.caption-third {
padding: 0px 10px 0px 10px;
}
.nested-images-second-row {
padding-top: 20px;
}
.teaser-post-main-text {
padding-right: 10px;
}
.post-content-teaser-image-fourth,
.post-caption-container.caption-fourth,
.post-content-teaser-image-fifth,
.post-caption-container.caption-fifth {
padding: 0px 10px 0px 10px;
}
.post-content-teaser-text,
.flexible-content-text {
max-width: 377px;
}
.flexible-content-text {
padding-left: 7px;
}
.post-content-teaser-image-sixth {
padding-top: 20px;
}
.post-flexible-content {
padding-top: 45px;
}
.post-gallery-grid {
padding: 0px 40px 0px 40px;
}
.post-gallery-image-container {
padding: 10px;
} .flexible-content-archiv-headline h2 {
margin-bottom: 0px;
margin-top: 80px;
}
.page-template-archiv .post-gallery-grid {
padding-bottom: 120px;
}
.flexible-content-archiv-text {
padding-left: 10px;
} .page-id-661 .next-posts,
.page-id-12 .next-posts {
display: none;
}
.next-posts {
padding-top: 40px;
}
.next-posts p {
font-family: 'LetterGothicMTStd', sans-serif;
font-size: 1em;
}
.next-posts .right-col p {
text-align: right;
}
.right-col,
.left-col {
padding: 0px;
} .footer-main {
height: 40px;
margin-top: -40px;
}
.footer-right-container > p {
float: right;
}
.footer p {
font-family: 'LetterGothicMTStd', sans-serif;
font-size: 1em;
}
.footer a {
color: #000;
text-decoration: none;
}   @media (max-width: 576px) {
.page-main-header {
display: none;
}
.page-main-header-mobile {
display: inline;
}
} @media (max-width: 767px) {
.header {
height: 57px;
}
.desktop-navigation-items {
padding-top: 65px !important;
}
.closebtn {
width: 25px;
height: 25px;
right: 20px;
top: 18px;
background-repeat: no-repeat;
}
.desktop-navigation-btn {
right: 15px;
top: 17px;
}
.openbtn {
width: 34px;
height: 25px;
background-repeat: no-repeat;
}
.language-switch-desktop {
display: none;
}
.main-page-content {
padding-top: 65px;
}
.carousel {
padding: 0px;
background-color: #FFFFFF;
}
.carousel-cell {
width: 100%;
height: auto;
margin-right: 0px;
display: flex;
align-items: center;
justify-content: center;
}
.flickity-prev-next-button.previous {
left: 0px;
}
.flickity-prev-next-button.next {
right: 0px;
}
.caption-container {
padding: 0px 0px;
margin-top: 0px;
background-color: #FFFFFF;
}
.carousel-cell-image {
display: block;
max-height: 100%;
width: 100%;
}
.slide-show-container p {
color: #000000;
}
.grid-desktop {
display: none;
}
.grid-mobile {
display: block;
}
.grid-left {
padding-left: 10px;
padding-right: 10px;
}
.grid-right {
padding-left: 10px;
padding-right: 10px;
}
.front-page-gallery-image-container.first {
margin-top: 0px;
}
.teaser-post-content-left.first-col,
.teaser-post-content-left.second-col,
.post-caption-container.caption-third,
.post-caption-container.caption-fourth,
.post-caption-container.caption-fifth {
padding: 0px 0px 0px 0px;
}
.post-content-teaser-image-second,
.post-content-teaser-image-third,
.post-content-teaser-image-fourth,
.post-content-teaser-image-fifth,
.post-content-teaser-image-sixth {
padding: 20px 0px 0px 0px;
}
.teaser-post-content.second-row,
.nested-images-second-row {
padding-top: 0px;
}
.teaser-post-content-right.first-col {
padding-top: 20px;
}
.teaser-post-content-left.second-col {
padding-top: 15px;
}
.teaser-post-main-text {
padding: 15px 0px 0px 0px;
}
.flexible-content-text {
padding-top: 15px;
padding-left: 0px;
} .text-big-container p {
font-size: 13px;
} .page-template-archiv .post-gallery-grid {
padding-bottom: 50px;
}
.footer-left-container > p {
margin-bottom: 5px;
}
.footer-right-container > p {
float: left;
}
.footer p {
font-size: 0.9em;
}
}
@media (max-width: 991px) {
.container-fluid {
padding: 0px 20px 0px 20px;
}
h1, h2, h3, h4, h5, h6 {
font-size: 1.2em;
}
.desktop-navigation-btn {
right: 0px;
top: 23px;
}
.openbtn {
width: 25px;
height: 15px;
}
.sidenav {
padding-left: 20px;
}
.closebtn {
right: 18px;
top: 21px;
width: 30px;
}
.nav-bar {
height: 60px;
}
.desktop-navigation-items a {
font-size: 1.0em;
}
.language-switch-desktop {
top: 17px;
right: 70px;
}
.page-main-header,
.page-main-header-mobile {
left: 20px;
}
.desktop-navigation-items {
padding-top: 85px;
}
.post-gallery-grid {
padding: 0px 10px 0px 10px;
}
.desktop-navigation-btn p {
display: none;
} .text-big-container {
padding-top: 20px;
}
}
@media (min-width: 768px) {
.language-switch-mobile {
display: none;
}
} @media (min-width: 992px) {  } @media (min-width: 1200px) {  }@import url(//hello.myfonts.net/count/3279c0);
@font-face {font-family: 'LetterGothicMTStd';src: url(//primaryschoolgarden.com/wp-content/themes/primaryschoolgarden/webfonts/webfonts/3279C0_0_0.eot);src: url(//primaryschoolgarden.com/wp-content/themes/primaryschoolgarden/webfonts/webfonts/3279C0_0_0.eot?#iefix) format('embedded-opentype'),url(//primaryschoolgarden.com/wp-content/themes/primaryschoolgarden/webfonts/webfonts/3279C0_0_0.woff2) format('woff2'),url(//primaryschoolgarden.com/wp-content/themes/primaryschoolgarden/webfonts/webfonts/3279C0_0_0.woff) format('woff'),url(//primaryschoolgarden.com/wp-content/themes/primaryschoolgarden/webfonts/webfonts/3279C0_0_0.ttf) format('truetype');}
@font-face {font-family: 'LetterGothicMTStd-Bold';src: url(//primaryschoolgarden.com/wp-content/themes/primaryschoolgarden/webfonts/webfonts/3279C0_1_0.eot);src: url(//primaryschoolgarden.com/wp-content/themes/primaryschoolgarden/webfonts/webfonts/3279C0_1_0.eot?#iefix) format('embedded-opentype'),url(//primaryschoolgarden.com/wp-content/themes/primaryschoolgarden/webfonts/webfonts/3279C0_1_0.woff2) format('woff2'),url(//primaryschoolgarden.com/wp-content/themes/primaryschoolgarden/webfonts/webfonts/3279C0_1_0.woff) format('woff'),url(//primaryschoolgarden.com/wp-content/themes/primaryschoolgarden/webfonts/webfonts/3279C0_1_0.ttf) format('truetype');}
@font-face {font-family: 'LetterGothicMTStd-BoldObl';src: url(//primaryschoolgarden.com/wp-content/themes/primaryschoolgarden/webfonts/webfonts/3279C0_2_0.eot);src: url(//primaryschoolgarden.com/wp-content/themes/primaryschoolgarden/webfonts/webfonts/3279C0_2_0.eot?#iefix) format('embedded-opentype'),url(//primaryschoolgarden.com/wp-content/themes/primaryschoolgarden/webfonts/webfonts/3279C0_2_0.woff2) format('woff2'),url(//primaryschoolgarden.com/wp-content/themes/primaryschoolgarden/webfonts/webfonts/3279C0_2_0.woff) format('woff'),url(//primaryschoolgarden.com/wp-content/themes/primaryschoolgarden/webfonts/webfonts/3279C0_2_0.ttf) format('truetype');}
@font-face {font-family: 'LetterGothicMTStd-Oblique';src: url(//primaryschoolgarden.com/wp-content/themes/primaryschoolgarden/webfonts/webfonts/3279C0_3_0.eot);src: url(//primaryschoolgarden.com/wp-content/themes/primaryschoolgarden/webfonts/webfonts/3279C0_3_0.eot?#iefix) format('embedded-opentype'),url(//primaryschoolgarden.com/wp-content/themes/primaryschoolgarden/webfonts/webfonts/3279C0_3_0.woff2) format('woff2'),url(//primaryschoolgarden.com/wp-content/themes/primaryschoolgarden/webfonts/webfonts/3279C0_3_0.woff) format('woff'),url(//primaryschoolgarden.com/wp-content/themes/primaryschoolgarden/webfonts/webfonts/3279C0_3_0.ttf) format('truetype');}