/*
Theme Name: StreetViewMaps Theme
Description: WordPress Theme for StreetViewMaps
Version: 1
Author: JW
Author URI: http://julianware.com
*/

/* Reset */
* {box-sizing:border-box;line-height:1em;font-size:16px;}
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;color:#000;}
article, aside, figure, footer, header, hgroup, nav, section {display:block;}
div, ul, li {position:relative;}
img, object, embed {}
html {overflow-y: scroll;}
body {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;}
html, body {height:100%;}
ul li,ol li{list-style-position:outside;list-style-type:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline:none; text-decoration: none;-webkit-transition: all 100ms ease-out;transition: all 100ms ease-out;}
del {text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted #000;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
th {font-weight:bold;vertical-align:bottom;}
td {font-weight:normal;vertical-align:top;}
hr {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
pre {white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word;}
.ie6 input {vertical-align:text-bottom;}
table {font-size:inherit;font:100%;}
small {font-size:85%;}
strong, th {font-weight:bold;}
td, td img {vertical-align:top;} 
sub, sup {font-size:75%;line-height:0;position:relative;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
pre, code, kbd, samp {font-family:monospace, sans-serif;}

/* Input */
input, select {vertical-align:middle;}
select, input, textarea {-webkit-appearance:none;}
input, textarea, select, a {outline:none;}
input[type='radio'] {vertical-align:text-bottom;}
input[type='checkbox'] {vertical-align:bottom;vertical-align:baseline;}
.clickable, input[type=button], input[type=submit], button {cursor:pointer;}
button, input, select, textarea {margin:0;}
button {width:auto; overflow:visible;}
fieldset {border:0;margin:0;padding:0;}
textarea {resize:none;}

/* Fonts */
@font-face {
font-family: 'x';
src: url('../fonts/x.eot'); /* IE9 Compat Modes */
src: url('../fonts/x.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/x.woff') format('woff'), /* Modern Browsers */
url('../fonts/x.ttf')  format('truetype'); /* Safari, Android, iOS */
font-weight: normal;
font-style: normal;
}

.clearfix:before,
.clearfix:after {content:" ";display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}

/* Typography */
h1, h2, h3, h4 {font-weight:normal;color:#777;}
p {margin-bottom:20px;font-size:1em;line-height:1.3em;color:#000;clear:both;}
a {color:#999;}
a:hover {color:#000;}
a:hover, a:active {outline:none;}

/* Body */
html, body {height:100%;}
body {font-family:'Open Sans',sans-serif;min-width:320px;width:100%;font-weight:normal;position:relative;background:#000;margin:0;padding:0;}
#main-block {width:100%;clear:both;}
/* Header */
#top {width:100%;height:46px;padding:0;clear:both;position:fixed;z-index:99999;-webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out;-o-transition: all 200ms ease-out;transition: all 200ms ease-out;}
.inside {padding:40px;}

.mobile {display:none;}
.desktop {display:block;}

a.menu-icon {position:relative;z-index:99999;opacity:1;width:48px;padding: 15px 14px;text-indent:-9999px;background: url('style/images/menu-icon.png') center center no-repeat;line-height:1em;float:right;-webkit-transition: all 100ms ease-out;-moz-transition: all 100ms ease-out;-o-transition: all 100ms ease-out;transition: all 100ms ease-out;}
.menu-icon.close-icon {background: url('style/images/menu-close.png') center center no-repeat;}

.mobile-nav {visibility:hidden;opacity:0;position:absolute;position:fixed;top:0;right:auto;height:100%;width:100%;overflow-x:hidden;overflow-y:auto;color:#fff;background:rgba(0,0,0,0.4);letter-spacing:0.1em;-webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out;-o-transition: all 200ms ease-out;transition: all 200ms ease-out;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.mobile-nav-show {opacity:1;visibility:visible;}
.mobile-nav ul {display:block;margin:60px 0px;padding:0;}
.mobile-nav ul li {text-align:center;display:block;margin:0;font-size:1.8em;line-height:44px;}
.mobile-nav ul li:last-child {}
.mobile-nav ul li a, .mobile-nav ul li span {padding:0 15px;display:block;text-decoration:none;}
.mobile-nav ul li a {color:#fff;padding:15px 0;}
.mobile-nav ul li a:hover {}
.mobile-nav ul li ul {border-bottom:none;margin:0}
.mobile-nav ul li ul li {line-height:40px;font-size:1em;padding-left:0px;}
.mobile-nav ul li ul li a {}

/* Footer */
footer {clear:both;}

/* Posts */
.post {position:relative;width:50%;float:left;overflow:hidden;background:#000;}
.post img {width:100%;height:auto;line-height:0;-webkit-transition: all 300ms ease-out;transition: all 300ms ease-out;}
.post a {display:block;line-height:0;}
.post a:hover img {opacity:0.7;transform:scale(1.01);}
.post-content {position:absolute;top:0;width:100%;height:100%;}
.post-title {position:absolute;height:100%;color:#fff;bottom:10px;height:23px;font-size: 1.4em;left: 10px;opacity:0;-webkit-transition: all 300ms ease-out;transition: all 300ms ease-out;}
.post a:hover .post-title {opacity:1;}
.post h1 {color:#fff;font-size:2em;margin-bottom:30px;}
.post p {color:#fff;font-size:1.4em;margin-bottom:15px;}

.mapWrapper {position:relative;padding-bottom:52.7%;padding-top:25px;height:0;}
.mapWrapper iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

/* Single */

img.featured {width:100%;height:auto;}
.half-box {width:50%;float:left;}
.half-box h1 {color:#fff;font-size:1.8em;margin-bottom:30px;}
.half-box h2 {color:#fff;font-size:1.2em;margin-bottom:15px;}
.half-box span {color:#fff;}
.text-pad {padding:30px;}

section {overflow:hidden;}

/* Desktops and laptops ----------- */
@media (max-width:1199px){
.post {line-height:0;width:50%;}
.half-box {font-size:14px;}
}
@media (max-width:991px){
.half-box {font-size:10px;}
.half-box h1 {margin-bottom:20px;}
}
@media (max-width:767px){
.mobile {display:block;}
.mobile a.menu-icon {padding:5px 0;width:24px;}

.desktop {display:none;}
.post {line-height:0;width:100%;}
.half-box {width:100%;float:none;clear:both;}
.mapWrapper {}
.post-title {opacity:1 !important;}
.text-pad {padding: 18px 20px 22px 20px;}
.half-box {font-size:10px;}
}
@media (max-width:639px){

}
@media (max-width:479px){

}
/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
.half-box {width:50% !important;float:left !important;clear:none;}
.mapWrapper {}
}
/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
.half-box {width:50% !important;float:left !important;clear:none;}
.mapWrapper {}
}