@charset "UTF-8";
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:active {
color: rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
border-bottom: solid;
}
.nav-list > .navbar-brand,
.navbar-nav > .navbar-brand {
padding-top: 12px;
padding-bottom: 12px;
}
.navbar-nav > li > a:hover {
border-bottom: 1px solid;
background: none;
padding-bottom: 14px;
}
.navbar-default {
background-color: rgb(255, 255, 255);
border-bottom: 1px solid rgb(220, 220, 220);
height: 51px;
}
.navbar-default .navbar-toggle {
border: none;
height: 51px;
margin-bottom: 0;
}
.navbar-default .navbar-form {
border: none;
}
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:visited {
background-color: transparent;
}
.navbar-default .navbar-toggle[aria-expanded="true"] .expanded-t {
display: none;
}
.navbar-default .navbar-toggle[aria-expanded="false"] .expanded-f {
display: none;
}
.navbar-default .navbar-nav .open .dropdown-menu {
-moz-appearance: "true";
-webkit-appearance: "true";
}
.navbar-fixed-top .navbar-brand {
padding: 12px 15px;
}
.form-control {
border-radius: 0px;
box-shadow: none;
}
.form-control:focus {
box-shadow: none;
border-color: rgb(80, 80, 80);
}
.nav-list {
display: none;
}
#searchInput {
width:48px;
transition: width 0.3s ease-in-out;
-webkit-transition: width 0.3s ease-in-out;
-moz-transition: width 0.3s ease-in-out;
-ms-transition: width 0.3s ease-in-out;
}
#searchInput:focus	{
width:80%;
transition: width 0.5s ease-in-out;
-webkit-transition: width 0.5s ease-in-out;
-moz-transition: width 0.5s ease-in-out;
-ms-transition: width 0.5s ease-in-out;
}
.posts-navigation .nav-links .nav-previous,
.posts-navigation .nav-links .nav-next {
display: inline-block;
}
.posts-navigation .nav-links .nav-previous:first-of-type {
margin-right: 12px;
}
@media screen and (max-width: 414px) {
}.btn {
border-radius: 0px;
background-color: transparent;
padding: 10px;  
-webkit-transition: all 500ms ease-in-out; 
transition-property: all 500ms ease-in-out; 
-moz-transition: all 500ms ease-in-out;
box-shadow: none;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn:visited {
background-color: black;
color: rgb(255, 255, 255);
outline: none;
}
.btn-blk {
background-color: rgb(0, 0, 0);
color: rgb(255, 255, 255);
border: rgb(0, 0, 0) solid 1px;
}
.btn-blk:hover {
background-color: rgba(255, 255, 255, 0.7);
color: rgb(0, 0, 0);
border: rgb(0, 0, 0) solid 1px;
}
 .animated {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated-fast {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated-slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
.item {
-webkit-transition: opacity 600ms linear;
-moz-transition: opacity 600ms linear;
-o-transition: opacity 600ms linear;
transition: opacity 600ms linear;
-moz-opacity: 0.3;
-webkit-opacity: 0.3;
opacity: 0.3;
}
.active .item {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
}
.active .item {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
} .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .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;
display: inline-block;
}
.owl-controls {
text-align: center;
color: rgb(255, 255, 255);
}
.owl-prev,
.owl-next {
margin: 20px 20px 20px 0;
}
.owl-dots {
line-height: 0px;
}
.owl-dots .owl-dot span {
display: 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-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
} .no-js .owl-carousel {
display: block;
} .owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
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(//www.walkinwonderland.com/wp-content/themes/wiw/assets/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}html, body {
height: 100%;
}
#main {
padding-bottom: 80px;
position: relative;
min-height: 100%;
}
p {
font-family: 'lato', sans-serif;
}
.blog-post a {
color: #800080;
}
.blog-post iframe {
width: 100%;
border: 0 none;
}
footer {
height: 80px;
padding-top: 20px;
position: absolute;
width: 100%;
bottom: 0;
border-top: 1px solid rgb(200, 200, 200);
}
.hideme {
opacity: 0.3;
}
a,
a:hover,
a:focus,
a:active {
color: rgb(0, 0, 0);
text-decoration: none;
}
a {
outline: none;
}
a:hover,
a:focus,
a:active {
opacity: 0.8;
}
:focus {
outline: none;
}
.ctxt {
text-align: center;
}
.rtxt {
text-align: right;
} .h1, .h2, .h3, h1, h2, h3 {
margin-top: 16px;
} .no-border {
border: none;
}
.bbottom {
border-bottom: solid 1px rgba(200, 200, 200, 0.5);
}
.brall {
border: solid 1px rgb(200, 200, 200);
} .ground-blk {
background-color: rgb(0, 0, 0);
}
.ground-wt-op {
background-color: rgba(10, 10, 10, 0.8);
}
.ground-wt {
background-color: rgb(255, 255, 255);
}
.ground-gr {
background-color: rgb(244, 244, 244);
}
.ground-trans {
background-color: transparent;
} .wtxt,
.wtxt a,
.wtxt a:hover,
.wtxt a:focus,
.wtxt a:active {
color: rgb(255, 255, 255);
}
.gtxt {
color: rgb(150, 150, 150);
} .em-9 {
font-size: 0.9em;
}
.em-8 {
font-size: 0.8em;
}
.em-14 {
font-size: 1.4em;
}
.fw700 {
font-weight: 700;
}
.fw800 {
font-weight: 800;
} .lato {
font-family: 'lato', sans-serif;
}
.lato-norm {
font-family: 'lato', sans-serif;
}
.lateef {
font-family: 'Playfair Display', serif;
letter-spacing: 2px;
}
.raleway {
font-family: 'Raleway', sans-serif;
letter-spacing: 2px;
}
.allcaps {
text-transform: uppercase;
} .pad10 {
padding: 10px;
}
.pad2 {
padding: 2px;
}
.tpad10 {
padding-top: 10px;
}
.pad0 {
padding: 0px;
}
.bpad20 {
padding-bottom: 20px;
}
.lpad20 {
padding-left: 20px;
}
.pad5em {
padding: 5em;
}
.pad2em {
padding: 2em;
} .tmargin0 {
margin-top: 0px;
}
.tmargin20 {
margin-top: 20px;
}
.tmargin100 {
margin-top: 100px;
}
.tmargin-20 {
margin-top: -20px;
}
.bmargin4em {
margin-bottom: 4em;
}
.lmargin10 {
margin-left: 10px;
}
.lmargin25 {
margin-left:25px;
}
.rmargin6 {
margin-right: 6px;
}
.rfloat {
float: right;
}
.lfloat {
float: left;
}
.inline {
display: inline;
}
.ib {
display: inline-block;
}
.modal-content {
border-radius: 0px;
}
.z-top {
z-index: 1050;
}
.z-200 {
z-index: 200;
}
.pointer {
cursor: pointer;
}
.h25 {
height: 25px;
}
.fixed-img {
background-attachment: fixed;
}
.dk-hero {
width: 100%;
height: 500px;
background-position: top;
background-size: cover; }
.dk-hero-ad {
width: 100%;
height: 500px;
background-position: top;
background-size: cover;
filter: brightness(50%);
-webkit-filter: brightness(50%);
-moz-filter: brightness(50%);
}
.dk-hero:hover .opacity0  {
opacity: 1;
transition: all 600ms ease-in-out; 
-webkit-transition: all 600ms ease-in-out; 
-moz-transition: all 600ms ease-in-out;
}
.brightness-dk {
filter: brightness(30%);
-webkit-filter: brightness(30%);
-moz-filter: brightness(30%);
}
.ab-hero {
background-image: url(//www.walkinwonderland.com/wp-content/themes/wiw/assets/img/about-wiw.jpg);
background-repeat: no-repeat;
width: 100%;
height: 600px;
background-position: center;
background-size: cover;
background-color: rgba(1, 1, 1, 0.6);
background-attachment: fixed;
}
.overlay:hover {
filter: brightness(78%);
-webkit-filter: brightness(78%);
-moz-filter: brightness(78%);
transition: all 0.5s ease-in; 
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
}
.dk-hero > .bpost:hover {
visibility: visible
}
.ab-hero > .bpost:hover {
visibility: visible
}
.dblock {
display: block;
}
.opacity1 {
opacity: 1;
}
.thumbnail {
border-radius: 0px;
}
.affix {
top: 68px;
width: 28%;
}
.line-clamp {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.6em;
max-height: 4em;
text-overflow: ellipsis;
}
.lheight-3 {
line-height: 3em;
}
.width300 {
width: 300px;
}
.rel {
position: relative;
} .flex {
display: flex;
display: -webkit-flex;
display: -ms-flex;
display: -moz-flex;
}
.flex-column {
display: flex;
display: -webkit-flex;
display: -ms-flex;
display: -moz-flex;
flex-direction: column;
-webkit-flex-direction: column;
-moz-flex-direction: column;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
align-items: center;    
}
.flex-row {
flex-direction: row;
-webkit-flex-direction: row;
-moz-flex-direction: row;  
}
.flex-jc-sb {
justify-content: space-between;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
}
.f-ctr {
-webkit-align-items: center;
align-items: center;
-moz-align-items: center;
}
.f-basis-8 {
flex-basis: 8%;
}
.f-basis-42 {
flex-basis: 42%;
}
.f-basis-54 {
flex-basis: 54%;
}
.f-basis-30 {
flex-basis: 30%;
} #frontpage-widget-area .widgettitle {
text-align: center;
text-transform: uppercase;
padding: 2em; font-family: 'lato', sans-serif;
letter-spacing: 2px;
font-weight: 800;
font-size: 1.4em;
margin-top: 0;
} .post-content > * {
max-width: 800px;
margin: 0 auto;
}
.post-content > p {
margin-top: 1.5em;
line-height: 1.5em;
}
.post-content > p:first-of-type {
margin-top: 0;
}
.blogger-post > .separator {
max-width: 600px;
} .post-excerpt {
min-height: 480px;
} .scroll-to-top-button {
width: 54px;
height: 60px;
line-height: 54px;
position: fixed;
bottom: 50px;
right: 24px;
background-color: rgba(0, 0, 0, 0.4);
border: 1px solid #8f8f8f;
border-radius: 3px;
opacity: 0;
cursor: pointer;
font-size: 2em;
color: white;
z-index: -1;
}
.scroll-to-top-button.visible {
transition: opacity 0.3s linear;
opacity: 1;
z-index: 1000;
}
.dra-banner {
background-position:top center;
background-size: cover;
display:block;
margin-top: 12px;
}
body.single .blog-post img {
max-width: 100%;
height: auto;
} @media screen and (min-width: 768px) {
.flex-lg {
display: flex;
display: -webkit-flex;
display: -ms-flex;
display: -moz-flex;
}
.fixed-img {
background-attachment: fixed;
}
.flex-lg {
display: flex;
display: -webkit-flex;
display: -ms-flex;
display: -moz-flex;
}
.flex-row-lg {
display: flex;
display: -webkit-flex;
display: -ms-flex;
display: -moz-flex;
flex-direction: row;
-webkit-flex-direction: row;
-moz-flex-direction: row;  
}
.flex-align-ctr-lg {
-webkit-align-items: center;
align-items: center;
-moz-align-items: center;
-ms-align-items: centet;
}
.opacity0 {
opacity: 0;   
}
.tmargin-4em {
margin-top: -4em;
}
.dra-banner {
background-image:url(http://p.forwardfacingdog.com/?w=2000&h=1000&url=http://www.walkinwonderland.com/wp-content/themes/wiw/assets/img/dra-collab.jpg);
background-position: 100% 50%;
height: 500px;
}
}
@media screen and (max-width: 768px) {
.nav-disappear h1 {
margin-top: 8px;
}
.fixed-img {
background-attachment: scroll;
}
.ab-hero {
height: 500px;
}
.dk-hero {
height: 500px;
}
.tmargin2em-sm {
margin-top: 2em;
}
.tpad15-xs {
padding-top: 15px;
}
.tpad20-sm {
padding-top: 20px;
}
.ctxt-sm {
text-align: center;
}
.tmargin100 {
margin-top: 0;
}
.dra-banner {
background-image:url(http://p.forwardfacingdog.com/?w=768&h=384&url=http://www.walkinwonderland.com/wp-content/themes/wiw/assets/img/dra-collab.jpg);
height: 350px;
}
}
@media screen and (max-width: 414px) {
.tmargin100 {
margin-top: 0;
}
.tmargin2em-xs {
margin-top: 2em;
}
.page-header {
margin-top: 100px;
}
.dra-banner {
background-image:url(http://p.forwardfacingdog.com/?w=414&h=200&url=http://www.walkinwonderland.com/wp-content/themes/wiw/assets/img/dra-collab.jpg);
height: 200px;
margin-bottom: 30px;
}
}.single-post .blog-post img {
display: block;
max-width: 100%;
height: auto;
}
.cd-image {
padding-top: 140%;
background-size: cover;
background-position: center;
}
div.img-responsive {
padding-top: 130%;
background-size: cover;
background-position: center;
}
.center-block.footer-ad-image{
max-width: 300px;
}