.logged-in.admin-bar .navbar-fixed-top {
top: 32px;
}
html {
width: 100%;
height: 100%;
}
body {
width: 100%;
height: 100%;
font-family: 'Lato',sans-serif;
font-weight: 400;
color: #696767;
}
.sticky h3:after {
margin-left: 10px;
font-family: Flaticon;
content: "\f126";
font-size: 25px;
color: #34327C;
}
.full-width .fw-row {
margin: 0;
}
.full-width .fw-col-xs-12 {
padding: 0;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
text-transform: none;
font-family: 'Lato',sans-serif;
} a {
transition: color .2s ease-in-out;
}
a:hover,
a:focus {
text-decoration: none;
} .subtitle {
font-weight: 500;
font-size: 20px;
letter-spacing: 0.3px;
}
.text-light {
color: #fff;
}
i {
transition: all .2s ease-in-out;
} #preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999;
background: #fff;
}
.preloader {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 115px;
height: 25px;
margin: 0px 0 0 -55px;
z-index: 1500;
}
.preloader span {
position: absolute;
width: 20px;
height: 20px;
border-radius: 20px;
background: #B8DC3C;
opacity: 0.5;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
animation: preloader 1.2s infinite ease-in-out;
}
.preloader span:nth-child(1) {
left: 0px;
}
.preloader span:nth-child(2) {
left: 22px;
animation-delay: 0.2s;
}
.preloader span:nth-child(3) {
left: 44px;
animation-delay: 0.4s;
}
.preloader span:nth-child(4) {
left: 66px;
animation-delay: 0.6s;
}
.preloader span:nth-child(5) {
left: 88px;
animation-delay: 0.8s;
}
@keyframes preloader {
25% {
opacity: 0.7;
background: #4C49A2;
}
50% {
opacity: 1;
box-shadow: 0 15px 3px rgba(0, 0, 0, 0.05);
}
75% {
opacity: 0.7;
background: #A31A48;
}
} .page-without-pagebuilder .jumbotron h1 {
overflow: inherit;
}
.page-without-pagebuilder .page-content img {
max-width: 100%;
height: auto;
}
.page-without-pagebuilder .page-content h1 {
font-size: 26px;
font-family: inherit;
font-weight: 500;
color: inherit;
padding-top: 12px;
}
.page-without-pagebuilder .page-content h2:before {
content: '';
position: inherit;
}
.page-without-pagebuilder .page-content h2 {
font-size: 23px;
font-family: inherit;
font-weight: 500;
color: inherit;
background-color: inherit;
transform-origin: inherit;
transform: inherit;
padding: 0;
padding-top: 12px;
}
.page-without-pagebuilder .page-content h3 {
font-size: 20px;
font-family: inherit;
font-weight: 500;
color: inherit;
padding-top: 12px;
}
.page-without-pagebuilder .page-content h4 {
font-size: 18px;
font-family: inherit;
font-weight: 500;
color: inherit;
padding-top: 12px;
}
.page-without-pagebuilder .page-content h5 {
font-size: 16px;
font-family: inherit;
font-weight: 500;
color: inherit;
padding-top: 12px;
}
.page-without-pagebuilder .page-content h6 {
font-size: 14px;
font-family: inherit !important;
font-weight: 500;
color: inherit !important;
padding-top: 12px;
}
.page-without-pagebuilder .page-content table a, .page-without-pagebuilder .page-content table th {
color: #333;
}
.page-without-pagebuilder .page-content ul li > ul, .page-without-pagebuilder .page-content ol li > ol {
padding-left: 10px;
}
.page-without-pagebuilder .page-content ul {
list-style-type: disc;
}
.page-without-pagebuilder th, .page-without-pagebuilder td {
border: 1px solid #d1d1d1;
}
.page-without-pagebuilder table th, .page-without-pagebuilder table td {
border-bottom: none;
border-right: none;
}
.page-without-pagebuilder table th:last-child, .page-without-pagebuilder table td:last-child {
border-right: 1px solid #d1d1d1;
}
.page-without-pagebuilder table {
border-bottom: 1px solid #d1d1d1;
}
.page-without-pagebuilder .page-content th, .page-without-pagebuilder .page-content td {
padding: 0.4375em;
}
.page-without-pagebuilder .page-content table {
border-collapse: separate;
border-spacing: 0;
margin: 0 0 1.75em;
table-layout: fixed;
width: 100%;
}
.page-without-pagebuilder .page-content ul li span, .page-without-pagebuilder .page-content ul li em, .page-without-pagebuilder .page-content ul li strong {
font-size: 14px !important;
} .navbar {
margin-bottom: 0;
z-index: 99991;
}
.navbar-right {
float: right !important;
text-align: right;
}
.navbar-left {
float: left;
text-align: left;
}
.navbar-nav > li > a {
line-height: 58px;
padding: 10px 20px;
transition: background .2s ease-in-out;
}
.navbar-custom ul.nav li a {
font-size: 16px;
text-align: center;
transition: background .2s ease-in-out;
font-family: 'Lato',sans-serif;
color: #fff;
letter-spacing: 0.2px;
font-weight: 600;
background: transparent;
}
.navbar-custom ul.nav ul.dropdown-menu {
border-radius: 0px 0px 20px 20px;
text-align: center;
border: 0px;
}
.navbar-custom ul.nav ul.dropdown-menu li:last-child {
border-bottom: none;
}
.navbar-custom ul.nav ul.dropdown-menu li a {
margin: 10px;
line-height: 40px;
display: block;
} .navbar-toggle:focus,
.navbar-toggle:active {
outline: 0;
}
.navbar-toggle {
font-size: 35px;
color: #fff;
transition: all .2s ease-in-out;
position: relative;
float: right;
border-radius: 50%;
min-width: 70px;
}
.navbar-collapse {
box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
} .navbar-brand-centered {
border-radius: 0 0 50% 50%;
max-height: 100px;
left: 0;
right: 0;
padding: 55px 65px;
margin: auto;
position: absolute;
width: 160px;
transition: all .2s ease-in-out;
}
.navbar-brand-centered img {
max-height: 75px;
position: absolute;
left: 0;
right: 0;
top: 12%;
margin: auto;
} #layerslider {
padding-top: 45px;
border-bottom: 2px dashed;
width: 100% !important;
height: 700px !important;
}
.ls-bottom-nav-wrapper {
margin-top: -40px !important;
z-index: 99 !important;
} .header-text {
padding: 30px !important;
text-align: center;
max-width: 400px;
background-color: #fff;
box-shadow: 3px 3px 0px rgba(103, 102, 102, 0.1);
border-radius: 225px 45px 325px 75px/15px 125px 35px 155px;
border: 5px solid;
left: 10% !important;
top: 20% !important;
}
.header-text h1 {
margin-top: 0px;
} .parallax1 {
top: 7% !important;
left: 37% !important;
}
.parallax2 {
top: 64% !important;
left: 10% !important;
}
.ls-l.video {
top: 20% !important;
left: 40% !important;
} .service {
background-color: #fff;
text-align: center;
padding: 30px;
border-radius: 20px;
}
.service h4 {
text-align: center;
margin: -65px 0 25px 0;
position: relative;
transition: background 0.5s ease-out;
padding: 15px;
border-radius: 10px;
color: #fff;
font-weight: 800;
text-transform: uppercase;
display: inline-block;
margin-bottom: 10px;
} #callout {
background-color: #59B2DC;
position: relative;
overflow: hidden;
}
#callout .container {
position: relative;
overflow: hidden;
background-image: url(//www.kinderland-freudenstadt.de/wp-content/themes/alphabet/images/kids.png);
background-position: bottom right;
background-repeat: no-repeat;
} .sun {
float: left;
z-index: 99;
position: relative;
margin: 30px;
width: 80px;
height: 80px;
}
.sun-face {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
line-height: 80px;
text-align: center;
font-size: 1.5em;
text-align: center;
color: #4E0404;
}
.sun-leye,
.sun-reye {
position: absolute;
top: 1.45em;
left: 0.75em;
width: 0.4em;
height: 0.9em;
background: #565656;
border-radius: 0.4em / 0.8em;
}
.sun-leye:after,
.sun-reye:after {
position: absolute;
top: 0;
left: 0;
width: 0.4em;
height: 0.1em;
background: #ffdf05;
content: '';
}
.sun-leye:before,
.sun-reye:before {
position: absolute;
bottom: 0.1em;
right: -0.1em;
width: 0.2em;
height: 0.2em;
background: #ffdf05;
content: '';
transform: rotate(45deg);
}
.sun-reye {
left: auto;
right: 0.75em;
}
.sun-lred,
.sun-rred {
position: absolute;
top: 2em;
left: -0.2em;
width: 0.7em;
height: 0.35em;
opacity: 0.6;
background: #ff5e00;
border-radius: 0.7em / 0.35em;
}
.sun-rred {
left: auto;
right: -0.2em;
}
.sun-smile {
position: absolute;
bottom: 0.8em;
left: 50%;
margin-left: -0.2em;
width: 0.4em;
height: 0.2em;
background: #565656;
}
.sun-smile:after {
position: absolute;
bottom: -0.2em;
left: 0;
width: 0.4em;
height: 0.2em;
background: #565656;
border-radius: 0 0 0.2em 0.2em;
content: '';
}
.sun-smile:before {
position: absolute;
top: 0;
left: 50%;
margin-left: -0.03125em;
width: 0.0625em;
height: 0.35em;
background: #565656;
content: '';
}
.sun-hlight {
position: absolute;
top: 0.6em;
right: 0.6em;
width: 0.35em;
height: 0.35em;
opacity: 0.8;
background: #fcf0a3;
border-radius: 0.35em;
}
.sun-anime {
width: 100%;
height: 100%;
animation: sunrolling 30s infinite;
}
.sun-ball {
width: 100%;
height: 100%;
border-radius: 100%;
background: #ffcf11;
background-image: radial-gradient(circle, #ffdf05, #ffdf05);
box-shadow: 0 0 100px #ffdf05;
}
.sun-light {
position: absolute;
top: -30%;
left: 50%;
width: 2px;
height: 160%;
}
.sun-light b,
.sun-light s {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 12%; background: #fed65b;
}
.sun-light s {
top: auto;
bottom: 0;
}
.sun-light:nth-child(10n+2) {
transform: rotate(18deg);
}
.sun-light:nth-child(10n+3) {
transform: rotate(36deg);
}
.sun-light:nth-child(10n+4) {
transform: rotate(54deg);
}
.sun-light:nth-child(10n+5) {
transform: rotate(72deg);
}
.sun-light:nth-child(10n+6) {
transform: rotate(90deg);
}
.sun-light:nth-child(10n+7) {
transform: rotate(108deg);
}
.sun-light:nth-child(10n+8) {
transform: rotate(126deg);
}
.sun-light:nth-child(10n+9) {
transform: rotate(144deg);
}
.sun-light:nth-child(10n+10) {
transform: rotate(162deg);
} @keyframes sunrolling {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(180deg);
}
} .cloud {
animation: clouds 60s infinite linear;
border-radius: 10px;
position: relative;
margin: 33px 0 0 0;
width: 54px;
height: 5px;
background: #f7e7eb;
}
.cloud.tiny {
transform: scale(0.5, 0.5);
}
.cloud.small {
transform: scale(1, 1);
}
.cloud.normal {
transform: scale(2, 2);
}
.cloud.large {
transform: scale(4, 4);
}
.cloud div {
box-shadow: inset -2px -3px 0 0 #f7e7eb;
position: absolute;
border-radius: 50%;
width: 12px;
height: 12px;
left: -3px;
bottom: 0;
background: #fafbf0;
z-index: 10;
}
.cloud div:first-child + div {
transform: scale(1.6, 1.6);
margin: 0 0 4px 13px;
z-index: 9;
}
.cloud div:first-child + div + div {
transform: scale(2.4, 2.4);
margin: 0 0 9px 32px;
z-index: 8;
}
.cloud div:first-child + div + div + div {
transform: scale(1.3, 1.3);
margin: 0 0 2px 50px;
z-index: 7;
}
.cloud-1 {
position: absolute;
animation-duration: 263s;
margin-left: 20%;
margin-top: 20%;
}
.cloud-2 {
position: absolute;
animation-duration: 99s;
margin-left: 90%;
margin-top: 10%;
}
.cloud-3 {
position: absolute;
animation-duration: 142s;
margin-left: 50%;
margin-top: 30%;
}
.cloud-4 {
position: absolute;
animation-duration: 152s;
margin-left: 43%;
margin-top: 10%;
}
.cloud-5 {
position: absolute;
animation-duration: 215s;
margin-left: 83%;
margin-top: 16%;
}
.cloud-6 {
position: absolute;
animation-duration: 139s;
margin-left: 73%;
margin-top: 30%;
}
.cloud-7 {
position: absolute;
animation-duration: 109s;
margin-left: 69%;
margin-top: 25%;
}
.cloud-8 {
position: absolute;
animation-duration: 121s;
margin-left: 100%;
}
.cloud-9 {
position: absolute;
animation-duration: 101s;
margin-left: 10%;
margin-top: 32%;
}
.cloud-10 {
position: absolute;
animation-duration: 126s;
margin-left: 14%;
margin-top: 4%;
}
.cloud-11 {
position: absolute;
animation-duration: 96s;
margin-left: 73%;
margin-top: 34%;
}
.cloud-12 {
position: absolute;
animation-duration: 83s;
margin-left: 51%;
margin-top: 12%;
} @keyframes clouds {
0% {
left: -20%;
}
100% {
left: 100%;
}
}  #owl-about img {
border-radius: 50%;
border: 10px solid;
} .media i {
font-size: 90px;
margin: 20px;
padding: 10px;
vertical-align: middle;
}
.media i:hover {
color: #EC9600;
}
.row.features {
margin: 40px 0 40px;
}
.row.features .media {
margin-top: 0px;
} blockquote, .page-content blockquote p, .post-content blockquote p {
border-left: none;
margin: 0;
padding: 0;
text-align: center;
}
.quote-test:before {
content: "\f110";
font-family: 'Flaticon';
font-size: 2.3em;
line-height: 0.1em;
margin-right: 0.1em;
vertical-align: 0.2em;
}
.quote-test {
margin-top: 10px;
}
.quote-test p {
font-size: 18px;
display: inline;
}
.quote-test small {
margin-top: 1.2em;
font-weight: 700;
text-transform: uppercase;
}
blockquote small:before {
display: none;
}
.quote-test i {
margin-right: 10px;
} #team {
background-image: url(//www.kinderland-freudenstadt.de/wp-content/themes/alphabet/images/bggrass.png);
background-position: bottom center;
background-repeat: repeat-x;
}
.row.team {
margin-bottom: 20px;
} #owl-team {
background: #fff;
border-radius: 20px;
}
.team-item {
color: #fff;
position: relative;
}
.team-item img {
padding: 10px;
max-width: 100%;
border-radius: 50%;
box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
transition: all 0.3s;
border: 10px solid;
}
.team-caption {
bottom: 0px;
right: 0px;
transition: all 0.3s;
position: relative;
padding: 10px;
text-align: center;
border-radius: 20px;
}
.team-caption h4,
.team-caption p {
margin: 0;
color: #fff;
font-weight: 700;
padding: 0px;
}
.team-item:hover img {
border: 10px solid;
} #activities {
background-image: url(//www.kinderland-freudenstadt.de/wp-content/themes/alphabet/images/bgdots.png), url(//www.kinderland-freudenstadt.de/wp-content/themes/alphabet/images/bgdots2.png);
background-position: center left,center right;
background-repeat: no-repeat;
}
#activities .tab-content {
padding: 60px;
border-radius: 20px;
}
.tab-pane h4 i {
margin-right: 10px;
} .fade {
opacity: 0;
transition: opacity 0.55s linear;
} .portfolio-item {
margin: 10px;
position: relative;
} .isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
z-index: 1;
}
.isotope,
.isotope .isotope-item {
transition-duration: 0.8s;
}
.isotope-item {
margin-right: -1px;
backface-visibility: hidden;
}
.isotope {
transition-property: height, width;
}
.isotope .isotope-item {
transition-property: transform, opacity;
} .gallery-item.selected img {
transition: opacity 1s ease-in-out;
}
.gallery-thumb {
display: block;
position: relative;
overflow: hidden;
border-radius: 50%;
box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
}
.scrollimation .gallery-thumb {
transform: translateY(100px);
opacity: 0;
transition: opacity .4s ease-out, transform .4s ease-out;
}
.touch .scrollimation .gallery-thumb,
.scrollimation .gallery-thumb.in {
transform: translateY(0px);
opacity: 1;
} .gallery-thumb .overlay-mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 1;
border-radius: 50%;
transition: opacity .3s ease-out;
}
.gallery-thumb:hover .overlay-mask {
opacity: 1;
border: 10px solid;
}
.gallery-thumb .link {
display: inline-block;
margin: 0;
font-size: 50px;
line-height: 50px;
color: #fff;
opacity: 0;
position: absolute;
height: 80px;
width: 80px;
bottom: 0%;
vertical-align: middle;
left: 50%;
text-align: center;
z-index: 3;
margin-left: 20px;
transform: translateX(-200px);
transition: all .3s ease-out;
border-radius: 50%;
}
.gallery-thumb:hover .link {
transform: translate(0);
opacity: 1;
transition: all .3s ease-out .3s;
}
.gallery-thumb .link.centered {
margin-left: -32px;
transform: translateY(200px);
transition-delay: 0s;
}
.gallery-thumb i {
transition: all 0.2s ease-in-out;
color: #fff;
}
.gallery-thumb:hover .link.centered {
transform: translateY(0);
transition-delay: 0.1s;
line-height: 70px;
}  #latestblog {
background-image: url(//www.kinderland-freudenstadt.de/wp-content/themes/alphabet/images/bg1.png);
background-position: center;
background-repeat: repeat-x;
}
.blog-preview {
position: relative;
float: left;
overflow: hidden;
margin: 10px 1%;
text-align: left;
line-height: 1.4em;
border-radius: 20px;
padding: 0px;
transition: all .3s ease-out;
background: #fff;
}
.blog-preview img {
min-width: 110% !important;
margin: 0px 0px 0px -20px;
}
.blog-preview .latest-caption {
padding: 0 25px 35px;
position: relative;
transition: all .2s ease-in-out;
}
.blog-preview .latest-caption:before {
position: absolute;
transition: all .3s ease-out;
content: '';
bottom: 100%;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 55px 0 0 700px;
margin: 0px 0px 0px -20px;
}
.blog-preview .latest-caption:before {
border-color: transparent transparent transparent #fff;
}
.blog-preview h5 {
margin: 0 0 10px;
line-height: 1.2em;
}  #deco-clouds2 path {
fill: #fff;
stroke: #fff;
} .blog-post h3 {
margin: 20px 0 10px;
}
.post-main div {
width: 100%;
height: auto;
}
.post-main img {
max-width: 100%;
height: auto;
}
.post-main h1 {
font-size: 26px;
font-family: inherit;
font-weight: 500;
color: inherit;
padding-top: 12px;
}
.post-main h2:before {
content: '';
position: inherit;
}
.post-main h2 {
font-size: 23px;
font-family: inherit;
font-weight: 500;
color: inherit;
background-color: inherit;
transform-origin: inherit;
transform: inherit;
padding: 0;
padding-top: 12px;
}
.post-content h3 {
font-size: 20px;
font-family: inherit;
font-weight: 500;
color: inherit;
padding-top: 12px;
}
.post-main h4 {
font-size: 18px;
font-family: inherit;
font-weight: 500;
color: inherit;
padding-top: 12px;
}
.post-main h5 {
font-size: 16px;
font-family: inherit;
font-weight: 500;
color: inherit;
padding-top: 12px;
}
.post-content h6 {
font-size: 14px;
font-family: inherit !important;
font-weight: 500;
color: inherit !important;
padding-top: 12px;
}
.post-main table th, .post-main table td {
border: 1px solid #d1d1d1;
}
.post-main table th, .post-main table td {
border-bottom: none;
border-right: none;
}
.post-main table th:last-child, .post-main table td:last-child {
border-right: 1px solid #d1d1d1;
}
.post-main table {
border-bottom: 1px solid #d1d1d1;
}
.post-main table th, .post-main table td {
padding: 0.4375em;
}
.post-main table {
border-collapse: separate;
border-spacing: 0;
margin: 0 0 1.75em;
table-layout: fixed;
width: 100%;
}
.post-main ul li span, .post-main ul li em, .post-main ul li strong {
font-size: 14px !important;
}
.post-content table a, .post-content table th {
color: #333;
}
.post-content ul li > ul, .post-content ol li > ol {
padding-left: 10px;
}
.post-content ul {
list-style-type: disc;
}
.alignleft {
float: left;
margin-right: 15px;
}
.alignright {
float: right;
margin-left: 15px;
}
.aligncenter {
display: block;
text-align: center;
display: block;
margin: 0 auto 20px auto;
padding: 0px;
border: 0px;
}
.wp-caption {
margin-bottom: 1.75em;
max-width: 100%;
}
#blog-page h5 {
margin-bottom: 10px;
}
.blog-home .btn {
float: right;
} #blog-page .form-control, .page-without-pagebuilder .form-control {
border: solid 1px #cecece;
}
#blog-page .form-group {
margin: 0px;
} .blog-object1 {
position: absolute;
top: 34%;
left: 0;
z-index: 99;
}
.blog-object2 {
position: absolute;
top: 34%;
right: 0;
z-index: 99;
} .blog.jumbotron {
background: url(//www.kinderland-freudenstadt.de/wp-content/themes/alphabet/images/blogheader.jpg) no-repeat;
background-size: cover;
background-position: top center;
padding: 6%;
color: #fff;
border-bottom: 2px dashed;
}
.jumbotron h1 {
position: relative;
overflow: hidden;
display: block;
}
.sidebar .well {
padding: 19px 5px;
}
#wp-calendar {
width: 100%;
}
#wp-calendar caption {
font-size: 20px;
}
#wp-calendar .active {
background: #707070;
}
#wp-calendar .active a {
color: white;
}
#wp-calendar td, #wp-calendar th {
line-height: 2.3333;
text-align: center;
padding: 0;
border: 1px solid #d1d1d1;
}
.blog.jumbotron .well {
background: transparent;
border: 0px;
} .date-category {
position: absolute;
z-index: 10;
color: #fff;
border-radius: 0% 0% 50%;
min-width: 130px;
min-height: 130px;
padding-top: 20px;
box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
}
.date-category p {
color: #fff;
} .blog-home {
padding: 0px 40px 0px 40px;
border-right: 1px dashed #cecece;
} .post-info {
margin-bottom: 10px;
}
.post-info p {
margin-right: 5px;
display: inline-block;
font-weight: 700;
}
.post-info p + p {
line-height: 0px !important;
}
.post-info i {
margin-right: 5px;
} .blog-post {
border-bottom: 1px dashed #cecece;
padding: 40px 0px 40px;
transition: all 0.2s ease-in-out;
}
.blog-post:last-child {
border-bottom: 0px;
}
.blog-post:first-child {
padding-top: 0px;
}
.blog-post i {
margin-right: 5px;
}
.single-page .blog-post h3 {
margin-top: 0px;
}
.post-main img {
margin-bottom: 20px;
} .blog-tags a {
padding: 10px;
color: #fff;
display: inline-block;
font-size: 16px;
line-height: 11px;
border-radius: 10px;
margin-bottom: 5px;
margin-right: 2px;
text-decoration: none;
font-family: 'Alegreya sans',serif;
}
.blog-tags a:hover {
color: #fff;
}
.post-info .blog-tags {
margin-top: 20px;
} .comments-block {
padding: 20px;
margin: 30px 0px 60px 0px;
}
.comment.media-body {
margin-right: 10px;
}
.comments-block .btn {
padding: 5px;
}
.comments-block .media-object {
max-width: 120px;
float: left;
margin-right: 10px;
}
.comment {
margin: 40px auto 20px;
border: 1px dashed;
padding: 30px;
position: relative;
}
.comment {
border-top-left-radius: 120px 15px;
border-top-right-radius: 90px 5px;
border-bottom-left-radius: 10px 90px;
border-bottom-right-radius: 110px 20px;
}
.comment:before {
content: '';
display: block;
width: 0;
height: 0;
border-right: 15px solid #313a47;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
position: absolute;
top: 21px;
left: -15px;
}
.comment .content:before {
content: '';
display: block;
width: 0;
height: 0;
border-right: 13px solid #cc3925;
border-top: 3px solid transparent;
border-bottom: 3px solid transparent;
position: absolute;
left: -13px;
}
.nested {
display: inline-block;
}
.comment-edit-link {
color: #34327C;
}
.comment h1 {
font-size: 26px;
font-family: inherit;
font-weight: 500;
color: inherit;
padding-top: 12px;
}
.comment h2:before {
content: '';
position: inherit;
}
.comment h2 {
font-size: 23px;
font-family: inherit;
font-weight: 500;
color: inherit;
background-color: inherit;
transform-origin: inherit;
transform: inherit;
padding: 0;
padding-top: 12px;
}
.comment h3 {
font-size: 20px;
font-family: inherit;
font-weight: 500;
color: inherit;
padding-top: 12px;
}
.comment h4 {
font-size: 18px;
font-family: inherit;
font-weight: 500;
color: inherit;
padding-top: 12px;
}
.comment h5 {
font-size: 16px;
font-family: inherit;
font-weight: 500;
color: inherit;
padding-top: 12px;
}
.comment .comment-content h6 {
font-size: 14px;
font-family: inherit;
font-weight: 500;
color: inherit !important;
padding-top: 12px;
}
.comment-content table th, .comment-content table td {
border: 1px solid #d1d1d1;
}
.comment-content table th, .comment-content table td {
border-bottom: none;
border-right: none;
}
.comment-content table th:last-child, .comment-content table td:last-child {
border-right: 1px solid #d1d1d1;
}
.comment-content table {
border-bottom: 1px solid #d1d1d1;
}
.comment-content table th, .comment-content table td {
padding: 0.4375em;
}
.comment-content table {
border-collapse: separate;
border-spacing: 0;
margin: 0 0 1.75em;
table-layout: fixed;
width: 100%;
}
.comment-content ul li span, .comment-content ul li em, .comment-content ul li strong {
font-size: 14px !important;
}
.comment-content table a, .comment-content table th {
color: #333;
}
.comment-content ul li > ul, .comment-content ol li > ol {
padding-left: 10px;
}
.comment-content ul {
list-style-type: disc;
} .page-content blockquote, .comment-content blockquote {
padding: 30px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 0;
font-weight: 700;
border-radius: 20px;
background-color: #F3F0CF;
}
.post-content blockquote {
padding: 30px 20px;
margin: 30px 0;
font-size: 17.5px;
border-left: 0;
font-weight: 700;
border-radius: 20px;
background-color: #F3F0CF;
}
.page-content blockquote:before, .post-content blockquote:before, .comment-content blockquote:before {
content: "\f110";
font-family: 'Flaticon';
font-size: 2.3em;
line-height: 0.1em;
margin-right: 0.5em;
vertical-align: 0.2em;
color: #34327C;
float: left;
} #prices {
background-image: url(//www.kinderland-freudenstadt.de/wp-content/themes/alphabet/images/bgcity.png);
background-position: bottom center;
background-repeat: repeat-x;
}
#prices .col-lg-4 {
padding: 0px;
}
.pricing .btn {
margin-bottom: 70px;
}
.pricing-item {
position: relative;
text-align: center;
}
.pricing-feature-list li {
padding: 10px;
font-size: 17px;
}
.pricing-palden .pricing-item {
background: #fff;
border-radius: 20px;
}
.pricing-palden .pricing-item {
margin: 2em 0em;
}
.pricing-palden .pricing-item-featured {
margin: 0;
z-index: 10;
box-shadow: 0 0 40px rgba(134, 132, 132, 0.69);
}
.pricing-palden .pricing-deco {
border-radius: 10px 10px 0 0;
padding: 4em 0 9em;
position: relative;
transition: background-color 0.3s;
}
.pricing-palden .pricing-deco-img {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
}
.pricing-item-featured.float:hover {
box-shadow: 0 0 40px rgba(134, 132, 132, 0.69);
}
.pricing-palden .pricing-title {
color: #fff;
}
.pricing-palden .deco-layer {
transition: transform 0.5s;
}
.pricing-palden .pricing-item:hover .deco-layer--1 {
transform: translate3d(55px, 0, 0);
}
.pricing-palden .pricing-item:hover .deco-layer--2 {
transform: translate3d(-35px, 0, 0);
}
.pricing-palden .pricing-price {
font-size: 5em;
padding: 0;
color: #fff;
margin: 0 0 0.25em 0;
line-height: 0.75;
font-weight: 700;
}
.pricing-palden .pricing-currency {
font-size: 0.35em;
vertical-align: top;
}
.pricing-palden .pricing-period {
font-size: 0.25em;
font-style: italic;
}
.pricing-palden .pricing-feature-list {
margin: 0;
padding: 5px;
list-style: none;
text-align: center;
}
.pricing-palden .pricing-feature {
padding: 1em 0;
}
.pricing-palden .pricing-action {
margin: auto 3em 2em 3em;
padding: 1em 2em;
color: #fff;
border-radius: 30px;
transition: background-color 0.3s;
}
.pricing-palden .pricing-item--featured .pricing-deco {
padding: 5em 0 8.885em 0;
} #call-to-action {
background-image: url(//www.kinderland-freudenstadt.de/wp-content/themes/alphabet/images/calltoactionbg.jpg);
background-size: cover;
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
border-width: 10px 0px 10px 0px;
border-style: solid;
} #contact i {
font-size: 25px;
vertical-align: middle;
margin-right: 5px;
}
#contact h4 {
text-align: center;
}
.contact-info p:first-child {
margin-left: 0px;
}
.contact-info p {
margin-left: 10px;
display: inline-block;
}
.wpcf7-response-output {
margin-top: 40px !important;
}
.wpcf7-textarea {
height: 100px !important;
} #map-canvas {
max-width: 100%;
height: 300px;
margin: 20px 0 20px;
border-radius: 20px;
}  .cloud-divider {
height: 80px;
}
.container-fluid.cloud-divider.white {
background-color: #fff;
}
.container-fluid.cloud-divider {
padding: 0px;
} .ht-buttons {
position: relative;
}
.ht-buttons .leading-text {
font-size: 32px;
}
.ht-buttons .ht-button {
padding: 2px 32px;
line-height: 30px;
}
.ht-buttons .ht-button.border {
line-height: 36px;
}
@media only screen and (min-width: 992px) {
.ht-buttons.left .leading-text {
float: right;
line-height: 40px;
}
.ht-buttons.left .ht-button {
float: left;
}
}
@media only screen and (min-width: 992px) {
.ht-buttons.right .leading-text {
float: left;
line-height: 40px;
}
.ht-buttons.right .ht-button {
float: right;
}
}
.ht-buttons.center {
text-align: center;
}
.ht-buttons.center .leading-text {
display: block;
margin-bottom: 15px;
}
.ht-buttons.center .ht-button {
display: inline-block;
}
@media (max-width: 992px) {
.ht-buttons {
text-align: center;
}
.ht-buttons .leading-text {
display: block;
margin-bottom: 15px;
}
.ht-buttons .ht-button {
display: inline-block;
}
} .instagram {
margin-bottom: 20px !important;
}
#instafeed a {
padding: 5px 5px 1px 5px;
margin: 5px;
display: inline-block;
position: relative;
transition: background-color .5s ease-in-out;
}
#instafeed img {
border-radius: 50%;
width: 90px;
}
#instafeed .likes {
font-size: 16px;
position: absolute;
color: #fff;
right: 5px;
top: 5px;
left: 5px;
opacity: 0;
text-align: center;
font-family: 'Lato',sans-serif;
font-weight: 700;
} #instafeed a:hover .likes {
opacity: 1;
border-radius: 90px 90px 0 0;
width: 90px;
height: 50%;
line-height: 50px;
} footer {
padding: 25px;
}
footer p {
text-align: center;
color: #fff;
}
footer h6 {
margin-top: 30px;
}
footer table {
color: #fff;
font-weight: 600;
font-size: 16px;
}
footer table > tbody > tr > td {
line-height: 2em;
}
footer img {
max-width: 130px;
} #mce-error-response,
#mce-success-response {
display: none;
} .back-to-top {
display: none;
position: fixed;
bottom: 20px;
right: 12px;
z-index: 119;
}
.back-to-top i {
display: block;
width: 44px;
height: 44px;
line-height: 40px;
font-size: 22px;
color: #fff;
border-radius: 50%;
text-align: center;
transition: all 0.2s ease-in-out;
}  .header-video {
position: relative;
padding-top: 45px;
}
.header-video video {
width: 100%;
height: auto;
background: transparent url(//www.kinderland-freudenstadt.de/wp-content/themes/alphabet/videos/cover.jpg) 50% 50%/cover no-repeat;
}
.background-video h1 {
position: relative;
z-index: 2;
text-align: center;
color: white;
text-shadow: 0 1px 1px #000;
line-height: 85px;
}
.header-video .video-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
background: rgba(28, 31, 39, 0.6);
}
.video-wrapper {
width: 100%;
height: auto;
position: absolute;
}
.video-title {
width: 80%;
margin: 0 auto;
color: #FFF;
text-shadow: 0 1px 1px #000;
text-align: center;
top: 50%;
position: relative;
font-size: 80px;
line-height: 85px;
} .carousel-indicators li {
background-color: #cecece;
transition: all 0.5s ease-out;
}
.carousel-indicators li:hover,
.carousel-indicators .active {
background-color: #808080;
}
.carousel-indicators {
bottom: -30px;
}
.carousel.slide {
margin-bottom: 30px;
}
.carousel-inner img {
width: 100%;
overflow: visible;
}
.carousel-inner > .item {
margin-bottom: 20px;
}
.carousel-inner > .item > img {
line-height: 1;
border-radius: 0% 0% 50% 50%;
box-shadow: 6px 6px 6px 6px rgba(103, 102, 102, 0.2);
} .welcome-text {
position: absolute;
bottom: 0%;
left: 15%;
width: 70%;
background: #fff;
padding: 30px;
border-radius: 80% 80% 80% 80%;
} @media (max-width: 767px) {
.welcome-text h1 {
font-size: 30px;
line-height: 34px;
}
.welcome-text {
padding: 15px;
}
.video-title {
font-size: 60px;
line-height: 60px;
}
.navbar-custom ul.nav ul.dropdown-menu li a {
white-space: normal;
}
} @media (max-width: 480px) {
.video-title {
font-size: 40px;
top: 50%;
line-height: 40px;
}
.welcome-text h1 {
font-size: 18px;
line-height: 20px;
margin: 0px;
}
} @media (min-width: 375px) {
.background-video h1 {
font-size: 80px;
}
} @media (max-width: 375px) {
.background-video h1 {
font-size: 60px;
}
.blog-post h3 a {
font-size: 20px;
}
} @media (max-width: 300px) {
.carousel.slide {
margin-top: 4rem;
}
.welcome-text {
padding: 3px;
}
.header-video {
padding-top: 40px;
}
.video-title {
font-size: 20px;
top: 60%;
line-height: 20px;
}
}  .parallax-object1 {
position: absolute;
top: auto;
margin-top: 100px !important;
right: 0;
z-index: 99;
}
.parallax-object2 {
position: absolute;
top: auto;
left: 0;
z-index: 99;
}
.parallax-object3 {
position: absolute;
top: auto;
left: 0%;
z-index: 99;
} .owl-carousel {
padding: 40px;
}
.owl-carousel .owl-item {
perspective: 1000px;
}
.owl-prev, .owl-next {
position: absolute;
top: 50%;
margin-top: -50px;
text-align: center;
}
.owl-prev {
border-radius: 0% 50% 50% 0%;
left: 0px;
box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
}
.owl-next {
border-radius: 50% 0% 0% 50%;
right: 0px;
box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
}
.owl-prev:hover, .owl-next:hover {
transition: all .3s ease-in-out;
}
.owl-prev i, .owl-next i {
color: #fff;
font-size: 30px;
padding: 20px 5px;
}
.owl-carousel.owl-loaded {
display: block;
clear: both; }
.owl-dots {
text-align: center;
margin-top: 20px;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
}
.owl-theme .owl-dots .owl-dot span {
border: 2px solid #cecece;
position: relative;
display: inline-block;
vertical-align: top;
width: 1rem;
height: 1rem;
margin: 0 0.5rem;
border-radius: 50%;
cursor: pointer;
color: #333;
}
.owl-theme .owl-dots .owl-dot span:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
transition: transform 0.3s;
transform: translate(-50%, -50%) scale(0);
}
.owl-theme .owl-dots .owl-dot span:hover:before {
transform: translate(-50%, -50%) scale(1);
}
.owl-theme .owl-dots .owl-dot.active span:before {
transform: translate(-50%, -50%) scale(1);
} .trianglePath1 {
fill: #fff;
stroke: #fff;
} #deco-clouds1.head {
margin-top: -100px;
z-index: 3;
position: relative;
}
#deco-clouds2.head {
top: -120px;
z-index: 3;
position: relative;
margin-bottom: -50px;
} .full {
width: 100%;
background: #fff;
} .float {
transition: margin 0.5s ease-out,box-shadow 0.5s ease-out;
}
.float:hover {
margin-top: -20px;
box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
} section .container,
section .container-fluid {
padding-top: 100px;
padding-bottom: 100px;
}
.small-section .container {
padding: 70px 0 70px 0;
}
section {
background: #fff;
} hr {
max-width: 100px;
height: 5px;
background: url(//www.kinderland-freudenstadt.de/wp-content/themes/alphabet/images/hr.png) no-repeat top center;
border: none !important;
} .section-heading {
margin-bottom: 90px;
text-align: center;
z-index: 99;
} .elements {
margin-top: 40px;
margin-bottom: 40px;
}
.elements h5 {
margin: 20px 0 20px;
border-bottom: 1px dashed;
}
.glyph {
display: inline-block;
text-align: center;
vertical-align: top;
}
.glyph .glyph-icon {
padding: 10px;
display: block;
font-family: "Flaticon";
font-size: 44px;
line-height: 1;
}
.glyph .glyph-icon:before {
font-size: 42px;
color: #222;
margin-left: 0;
}
.page-header {
border-bottom: none;
} .img-circle {
box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
}
.img-rounded {
box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
}
.img-curved {
border-radius: 225px 45px 325px 75px/15px 125px 35px 155px !important;
box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2) !important;
} .img-effect {
overflow: hidden;
}
.img-effect img {
transition: opacity 0.7s, transform 2.5s;
}
.img-effect:hover img {
opacity: 0.4;
transform: scale3d(1.2, 1.2, 1);
}
.img-effect.no-grad:hover img {
opacity: 1;
transform: scale3d(1.2, 1.2, 1);
background: 0;
} .pagination > li > a,
.pagination > li > span {
border-radius: 50% !important;
margin: 0 5px;
border: 0;
font-weight: 600;
color: #fff;
}
.pagination > li > a:hover,
.pagination > li > a:focus {
color: #fff;
} .alert {
padding: 25px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 225px 45px 325px 75px/15px 125px 35px 155px;
font-size: 16px;
box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
} .breadcrumb {
padding: 8px 25px;
margin-bottom: 20px;
list-style: none;
border-radius: 20px;
text-align: center;
display: inline-block;
font-size: 18px;
}
.breadcrumb a {
color: #fff;
} .label {
padding: .2em .6em .3em;
font-size: 16px;
font-weight: 700;
line-height: 1.8;
color: #fff;
border-radius: 20px;
} .progress-bar {
height: 10px;
box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
}
.progress {
box-shadow: none;
} .color_block {
padding: 20px;
border-radius: 20px;
} .paper_block {
padding: 40px 20px;
border-radius: 20px;
background: url(//www.kinderland-freudenstadt.de/wp-content/themes/alphabet/images/lined_paper.png) repeat top center;
border: 2px dashed #cecece;
min-height: 1px;
}
.elementor-widget-container:after {
content: '';
display: block;
clear: both;
} .color_block .owl-prev,
.paper_block .owl-prev {
left: -20px;
}
.color_block .owl-next,
.paper_block .owl-next {
right: -20px;
} .dropdown-menu {
font-size: 16px;
border: 0px;
border-radius: 20px;
box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
color: #fff;
transition: all .2s ease-in-out;
} .pager li > a, .pager li > span {
display: inline-block;
padding: 5px 14px;
font-size: 20px;
font-weight: 700;
color: #fff;
border: 1px solid;
border-radius: 20px;
}
.pager li > a:hover {
color: #fff;
} .nav-tabs {
text-align: center;
border-bottom: 0;
}
.nav.nav-tabs > li.active > a:hover,
.nav.nav-tabs > li.active > a:focus,
.nav.nav-tabs > li > a:hover {
border: 0;
}
.nav.nav-tabs > li {
float: none;
padding: 0 10px 0;
display: inline-block;
}
.nav.nav-tabs > li > a {
position: relative;
display: block;
letter-spacing: 0.2px;
font-weight: 700;
min-height: 50px;
line-height: 57px;
border: 0;
border-radius: 20px 20px 0px 0px;
padding: 10px 35px;
color: #fff;
font-size: 22px;
} .panel {
border: 0;
background: transparent;
}
.panel-title {
font-size: 18px;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border: 0;
}
.panel-heading a {
border-radius: 10px;
display: block;
text-transform: none;
color: #fff;
padding: 10px;
border: 0px;
transition: all .2s ease-in-out;
}
.panel-heading a:hover, .panel-heading a:focus {
color: #fff;
}
.panel-group .panel + .panel {
margin-top: 0px;
}
.panel-group .panel-heading {
border-bottom: 0px;
}
.panel-group .panel-heading + .panel-collapse > .panel-body {
border-top: 0px;
}
.panel-heading {
padding: 10px 0px;
}
.panel-heading [data-toggle="collapse"]:after {
content: "\f077";
font-family: FontAwesome;
float: right;
font-size: 18px;
line-height: 22px;
}
.panel-heading [data-toggle="collapse"].collapsed:after {
transform: rotate(180deg);
} ul {
font-size: 16px;
} .btn {
font-family: 'Alegreya sans',serif;
margin: 0 1rem;
color: #fff;
font-size: 1.6rem;
letter-spacing: 0.6px;
outline: none;
border-radius: 355px 45px 225px 75px/15px 225px 15px 255px;
border: solid 7px;
text-transform: uppercase;
margin-top: 15px;
font-weight: 700;
}
.btn:hover, .btn:focus {
color: #fff;
box-shadow: none;
}
.btn-group.open .dropdown-toggle {
box-shadow: none;
} .input-group-addon {
font-size: 16px;
font-weight: normal;
line-height: 1;
color: #FFF;
text-align: center;
border: 0px;
border-radius: 4px;
}
.input-group-addon, .input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group {
border-collapse: separate;
margin: 0 auto;
text-align: center;
}
.form-control {
display: block;
width: 100%;
height: 48px;
border: 0;
font-size: 17px;
outline: 0;
box-shadow: none;
background: #fff;
border-radius: 10px;
margin-top: 15px;
padding: 10px 15px;
box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
}
.input-group-btn .btn {
margin-top: 0px;
}
.input-group-btn span, .btn span {
color: #fff;
}
.form-control.form-control.input-lg {
margin-top: 0px;
}
.input-group .form-control:focus {
box-shadow: 0 0 10px white;
}
.form-control, .textarea-field:focus, .input-field:focus {
outline: 0 none;
}
.comment-respond textarea {
height: 150px !important;
resize: none;
}
textarea.form-control:focus {
outline: 0 none;
} .social-media {
width: 100%;
text-align: center;
}
.social-media a {
display: inline-block;
font-size: 18px;
}
.social-media a i {
color: #fff;
transition: .3s;
margin: 3px;
width: 20px;
min-width: 40px;
padding: 10px;
border-radius: 50%;
}
.social-media i {
transition: color .3s ease-in-out;
} .smaller.social-media a i {
font-size: 18px;
transition: .3s;
margin: 0px;
min-width: 30px;
border-radius: 0%;
background: none;
padding: 0;
color: #fff;
}
.smaller.social-media a i:hover {
background: none;
} .col-centered {
float: none;
margin: 0 auto;
} #gallerytab a {
text-transform: capitalize;
}
.nav-pills {
display: inline-block;
margin-bottom: 20px;
}
.nav-pills > li > a {
border-radius: 10px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li > a:hover,
.nav-pills > li > a,
.nav-pills .nav > li > a:hover {
color: #fff;
font-size: 20px;
font-weight: 600;
margin: 10px;
padding: 15px;
} footer .table > tbody > tr > td, footer .table > tbody > tr > th, footer .table > tfoot > tr > td, footer .table > tfoot > tr > th, footer .table > thead > tr > td, footer .table > thead > tr > th {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px dashed #ddd;
}
footer .table > tbody > tr:first-child > td {
border: none;
} .well {
border-radius: 20px;
border: 0;
background-color: #fff;
box-shadow: none;
margin-bottom: 0px;
padding: 40px 19px;
}
.well > h3, .well > p {
margin-bottom: 20px;
}
.small-section .well {
padding: 40px;
box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
}
.well .list-unstyled {
padding-left: 5px;
list-style: none;
line-height: 37px;
font-weight: 700;
font-family: 'Open Sans',sans-serif;
}
.well .list-unstyled li:before {
font-family: 'FontAwesome';
content: '\f054';
font-weight: normal;
font-size: 13px;
margin: 0 10px 0 10px;
}
.list-unstyled ul.children {
padding-left: 20px;
}
.list-unstyled ul.sub-menu {
padding-left: 13px;
}
h4 .rsswidget {
font-family: 'Alegreya sans',serif;
font-size: 30px;
border-radius: 10px;
color: #333;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 10px;
}
.list-unstyled li a.rsswidget {
color: red !important;
}
.screen-reader-text {
display: none;
}
.search-field {
padding-top: 0;
padding-bottom: 0;
}
.textwidget img {
width: 100%;
height: auto;
}
.textwidget select {
width: 100%;
} .media {
margin-top: 45px;
}
.media-heading small {
font-weight: 700;
display: block;
margin: 10px 0 20px;
line-height: 22px;
} .boxed {
max-width: 1200px;
margin: 0 auto;
box-shadow: 10px 10px 100px -19px rgba(0, 0, 0, 0.75);
background: #fff;
}
.boxed .navbar {
max-width: 1200px;
margin: 0 auto;
}
.boxed #layerslider {
overflow: hidden;
max-height: 600px !important;
}
.list-unstyled li a abbr {
color: red;
}
.well select {
width: 100%;
padding: 10px;
}  @media (min-width: 1500px) {
.ls-bg {
width: 100% !important;
} .parallax1 {
left: 32% !important;
}
} @media (max-width: 1200px) {
.navbar-nav > li > a {
padding: 10px 10px;
} #owl-about {
background-image: none;
}
#call-to-action {
background-attachment: scroll;
} #layerslider {
height: 600px !important;
}
} @media (max-width: 991px) { #layerslider {
height: 480px !important;
}
.header-text h1 {
font-size: 44px;
line-height: 44px;
margin-top: 0px;
}
.header-text {
max-width: 350px;
top: 15% !important;
}
.subtitle {
font-size: 18px;
line-height: 25px;
}
.ls-bottom-nav-wrapper {
margin-top: -20px !important;
} .float:hover {
margin-top: 0px;
} .res-margin {
padding-top: 15px;
padding-bottom: 15px;
} .navbar {
min-height: 50px;
}
.navbar-header {
float: none;
}
.navbar-toggle {
display: block;
}
.navbar-collapse.collapse {
display: none !important;
}
.navbar-collapse {
margin-top: 20px;
border-radius: 20px;
margin: 20px;
}
.navbar-nav {
float: none !important;
margin: 0px;
}
.navbar-left {
margin-left: 0%;
}
.navbar-custom ul.nav li a {
font-size: 16px;
}
.navbar-nav > li {
float: none;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
}
.collapsing {
overflow: hidden !important;
}
.navbar-custom ul.nav li a {
font-size: 18px;
display: block;
padding: 0px;
}
.navbar-right {
float: none;
margin-right: 0px;
}
.navbar-custom ul.nav ul.dropdown-menu li a {
margin: 10px;
padding: 10px;
}
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none;
} #navbar-brand-centered.collapse.in {
display: block !important;
min-height: 200px;
overflow-y: scroll !important;
}
.navbar-brand-centered {
position: relative;
height: 80px;
padding: 0px;
float: none;
margin: 0;
}
.navbar-brand-centered img {
max-height: 65px;
} .section-heading {
margin-bottom: 9rem;
} #activities .tab-content {
border-top: 0px;
margin-top: 40px;
}
#activities .tab-content {
padding: 20px;
} .nav-tabs > li {
margin-bottom: 10px;
}
.nav.nav-tabs > li > a {
border-radius: 20px;
} .blog-home {
border-right: 0px;
padding: 10px;
}
} @media (min-width: 768px) {
#navbar-brand-centered .container {
min-width: 700px !important;
max-width: 1170px;
width: 100%;
}
.navbar-right {
margin-right: 0px;
}
} @media (max-width: 767px) { #layerslider {
height: 300px !important;
}
.header-text {
padding: 20px 0 20px !important;
min-width: 99%;
margin: 0 auto !important;
left: 0% !important;
top: 60% !important;
}
.header-text h1 {
font-size: 30px;
line-height: 34px;
margin: 0px;
}
.ls-nav-prev, .ls-nav-next {
display: none !important;
}
.ls-bottom-nav-wrapper {
margin-top: 0px !important;
}
#callout .container {
background-image: none;
}
} @media (max-width: 480px) { #layerslider {
height: 190px !important;
}
.header-text h1 {
font-size: 26px;
line-height: 24px;
margin: 0px;
}
.ls-bottom-nav-wrapper {
display: none;
} section .container {
padding-top: 60px;
padding-bottom: 60px;
}
.section-heading h2 {
border: 0;
line-height: 32px;
letter-spacing: 0px;
font-size: 28px;
}
.section-heading {
margin-bottom: 3rem;
} h1 {
font-size: 38px;
}
h3 {
font-size: 32px;
text-align: center;
} .section-heading {
margin-bottom: 3em;
}
.navbar.navbar-custom.navbar-fixed-top {
margin-bottom: 30px;
}
.nav-pills > li.active:after, .nav-pills > li.active:before {
top: -45%;
}
.nav-pills > li {
float: none;
}
.cloud-divider {
display: none;
}
.date-category {
display: none;
}
.comment {
padding: 10px;
}
.comments-block .media-object {
max-width: 100%;
float: none;
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
}
.comment.media-body {
margin-right: 0px;
}
.owl-carousel {
padding: 0px;
}
.team-caption p, .owl-nav {
display: none;
}
.tab-pane h3 {
margin-top: 10px;
}
.glyph .glyph-icon:before {
font-size: 24px;
}
} @media (max-width: 440px) {
.media-body h2 {
font-size: 28px !important;
}
} @media (max-width: 415px) {
.jumbotron h1 {
font-size: 35px;
}
.blog-post h2 {
font-size: 28px;
}
} @media (max-width: 300px) { .navbar-toggle {
font-size: 35px !important;
line-height: 45px;
padding: 0px;
margin: 0px;
width: 60px;
}
.navbar-custom ul.nav ul.dropdown-menu {
background-color: transparent !important;
}
.open > .dropdown-menu {
display: block;
min-width: 100%;
padding: 0px;
margin: 0px;
}
.navbar-custom ul.nav ul.dropdown-menu li a {
margin: 0px;
}
.navbar-custom ul.nav li a {
font-size: 16px;
line-height: 40px;
}
.navbar-header {
height: 50px !important;
}
.navbar-brand-centered {
background: none;
height: 50px;
width: 60px;
}
.navbar-brand-centered img {
max-height: 35px;
position: absolute;
left: 0;
right: 0;
top: 12%;
margin: auto;
}
#navbar-brand-centered.collapse.in {
display: block !important;
max-height: 100px;
overflow-y: scroll !important;
} #layerslider {
padding-top: 45px;
height: 120px !important;
}
.header-text {
top: 30% !important;
padding: 5px 0 5px !important;
}
.header-text h1 {
font-size: 20px !important;
} .small-section .well {
padding: 10px;
}
.color_block {
padding: 5px;
}
.pricing-palden .pricing-price {
font-size: 3em;
}
.label, footer .table {
font-size: 14px;
}
.input-group-addon, .input-group-btn {
display: inline;
}
.blog.jumbotron {
margin-top: 45px;
}
footer .table table,
footer .table thead,
footer .tabletbody,
footer .table th,
footer .table td,
footer .table tr {
display: block;
}
td.text-left, td.text-right {
text-align: center;
} .nav.nav-tabs > li > a {
min-height: 30px;
font-size: 16px;
padding: 15px 15px;
line-height: 15px;
} .section-heading h2, .page-header h2 {
line-height: 22px;
font-size: 20px;
}
h2:before {
display: none;
}
h4 {
font-size: 16px;
}
h5 {
font-size: 14px;
text-transform: uppercase;
}
}
body,
button,
input,
select,
textarea {
color: #404040;
font-family: "Roboto", sans-serif;
font-size: 14px;
line-height: 1.5;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
strong {
font-weight: 700;
}
h1, h2, h3 {
font-weight: 700;
}
h1 {
font-size: 160%;
}
h2 {
font-size: 140%;
}
h3 {
font-size: 120%;
}
@size__site-main : 100%;
@size__site-sidebar : 25%;
@do : #D93030;
@vang : #e7b740;
@xam : #666;
@den : #1f1f1f;
@cam : #f6891f;
@luc : seagreen;
@lam : #004d8c;
@sans-serif : Arial, sans-serif;
@serif : "Times New Roman", Times, serif;
@xs-max : ~"only screen and (max-width: 479px)";
@xs :   ~"only screen and (min-width: 30em)";
@sm :    ~"only screen and (min-width: 768px)";
@sm-max :   ~"(max-width: 991px)";
@md :   ~"only screen and (min-width: 992px)";
@md-max :   ~"(max-width: 1199px)";
@lg :   ~"only screen and (min-width: 1200px)";
@xlg :   ~"only screen and (min-width: 100em)";
@retina : ~"(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)";
@highdpi : ~"(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)";
@gray-darker :            lighten(#000, 13.5%);
@gray-dark :              lighten(#000, 20%);
@gray :                   lighten(#000, 33.5%);
@gray-light :             lighten(#000, 60%);
@gray-lighter :           lighten(#000, 93.5%);
@brand-primary :         #428bca;
@brand-success :         #5cb85c;
@brand-info :            #5bc0de;
@brand-warning :         #f0ad4e;
@brand-danger :          #d9534f;
@body-bg :               #fff;
@text-color :            @gray-dark;
@link-color :            @brand-primary;
@link-hover-color :      darken(@link-color, 15%);
@font-family-sans-serif :  "Helvetica Neue", Helvetica, Arial, sans-serif;
@font-family-serif :       Georgia, "Times New Roman", Times, serif;
@font-family-monospace :   Menlo, Monaco, Consolas, "Courier New", monospace;
@font-family-base :        @font-family-sans-serif;
@font-size-base :          15px;
@font-size-large :         ceil((@font-size-base * 1.25));
@font-size-small :         ceil((@font-size-base * 0.85));
@font-size-h1 :            floor((@font-size-base * 2.6));
@font-size-h2 :            floor((@font-size-base * 2.15));
@font-size-h3 :            ceil((@font-size-base * 1.7));
@font-size-h4 :            ceil((@font-size-base * 1.25));
@font-size-h5 :            @font-size-base;
@font-size-h6 :            ceil((@font-size-base * 0.85));
@line-height-base :        1.428571429;
@line-height-computed :    floor((@font-size-base * @line-height-base));
@headings-font-family :    inherit;
@headings-font-weight :    500;
@headings-line-height :    1.1;
@headings-color :          inherit;
@icon-font-path :          "../fonts/";
@icon-font-name :          "glyphicons-halflings-regular";
@icon-font-svg-id :        "glyphicons_halflingsregular";
@padding-base-vertical :     6px;
@padding-base-horizontal :   12px;
@padding-large-vertical :    10px;
@padding-large-horizontal :  16px;
@padding-small-vertical :    5px;
@padding-small-horizontal :  10px;
@padding-xs-vertical :       1px;
@padding-xs-horizontal :     5px;
@line-height-large :         1.33;
@line-height-small :         1.5;
@border-radius-base :        4px;
@border-radius-large :       6px;
@border-radius-small :       3px;
@component-active-color :    #fff;
@component-active-bg :       @brand-primary;
@caret-width-base :          4px;
@caret-width-large :         5px;
@table-cell-padding :            8px;
@table-condensed-cell-padding :  5px;
@table-bg :                      transparent;
@table-bg-accent :               #f9f9f9;
@table-bg-hover :                #f5f5f5;
@table-bg-active :               @table-bg-hover;
@table-border-color :            #ddd;
@btn-font-weight :                normal;
@btn-default-color :              #333;
@btn-default-bg :                 #fff;
@btn-default-border :             #ccc;
@btn-primary-color :              #fff;
@btn-primary-bg :                 @brand-primary;
@btn-primary-border :             darken(@btn-primary-bg, 5%);
@btn-success-color :              #fff;
@btn-success-bg :                 @brand-success;
@btn-success-border :             darken(@btn-success-bg, 5%);
@btn-info-color :                 #fff;
@btn-info-bg :                    @brand-info;
@btn-info-border :                darken(@btn-info-bg, 5%);
@btn-warning-color :              #fff;
@btn-warning-bg :                 @brand-warning;
@btn-warning-border :             darken(@btn-warning-bg, 5%);
@btn-danger-color :               #fff;
@btn-danger-bg :                  @brand-danger;
@btn-danger-border :              darken(@btn-danger-bg, 5%);
@btn-link-disabled-color :        @gray-light;
@input-bg :                       #fff;
@input-bg-disabled :              @gray-lighter;
@input-color :                    @gray;
@input-border :                   #ccc;
@input-border-radius :            @border-radius-base;
@input-border-focus :             #66afe9;
@input-color-placeholder :        @gray-light;
@input-height-base :              (@line-height-computed + (@padding-base-vertical * 2) + 2);
@input-height-large :             (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
@input-height-small :             (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
@legend-color :                   @gray-dark;
@legend-border-color :            #e5e5e5;
@input-group-addon-bg :           @gray-lighter;
@input-group-addon-border-color : @input-border;
@dropdown-bg :                    #fff;
@dropdown-border :                rgba(0,0,0,.15);
@dropdown-fallback-border :       #ccc;
@dropdown-divider-bg :            #e5e5e5;
@dropdown-link-color :            @gray-dark;
@dropdown-link-hover-color :      darken(@gray-dark, 5%);
@dropdown-link-hover-bg :         #f5f5f5;
@dropdown-link-active-color :     @component-active-color;
@dropdown-link-active-bg :        @component-active-bg;
@dropdown-link-disabled-color :   @gray-light;
@dropdown-header-color :          @gray-light;
@dropdown-caret-color :           #000;
@zindex-navbar :            1000;
@zindex-dropdown :          1000;
@zindex-popover :           1010;
@zindex-tooltip :           1030;
@zindex-navbar-fixed :      1030;
@zindex-modal-background :  1040;
@zindex-modal :             1050;
@screen-xs :                  480px;
@screen-xs-min :              @screen-xs;
@screen-phone :               @screen-xs-min;
@screen-sm :                  768px;
@screen-sm-min :              @screen-sm;
@screen-tablet :              @screen-sm-min;
@screen-md :                  992px;
@screen-md-min :              @screen-md;
@screen-desktop :             @screen-md-min;
@screen-lg :                  1200px;
@screen-lg-min :              @screen-lg;
@screen-lg-desktop :          @screen-lg-min;
@screen-xs-max :              (@screen-sm-min - 1);
@screen-sm-max :              (@screen-md-min - 1);
@screen-md-max :              (@screen-lg-min - 1);