/*
Theme Name: North Lake Cafe and Books
Theme URI: http://northlakecafeandbooks.com
Author: Deegraphics
Description: NLCB Theme by Bootstrap
Update : 2017.5.31
*/
/*=========================================
 * for North Lake Cafe & Books
 * designed and built by Deegraphics
 =========================================*/
 
 /* #Body
================================================== */
	html,body{
		height:100%;
	}

	/* PAGE MODULES */
	body {
	margin: 0 auto;
	padding: 0;
	color: #0D1218;
	background-color: #ffffff;
	font-size: 13px;
	font-family: "Helvetica Neue", "Helvetica", "Arial", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;
	font-weight: normal;
	letter-spacing: 0.1em;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	line-height: 1.7;
	}

	/*フォントサイズ [base=13px]*/
	/*
	62% =  8px
	70% =  9px
	77% = 10px
	85% = 11px          162% = 21px        239% = 31px
	93% = 12px          170% = 22px        247% = 32px
	100% = 13px        177% = 23px        254% = 33px
	108% = 14px        185% = 24px        262% = 34px
	116% = 15px        193% = 25px        270% = 35px
	124% = 16px        200% = 26px        277% = 36px
	131% = 17px        208% = 27px        285% = 37px
	139% = 18px        216% = 28px        293% = 38px
	147% = 19px        224% = 29px        300% = 39px
	154% = 20px        231% = 30px        308% = 40px
	*/

/* Common Sets
================================================== */

	::-moz-selection {
		background:rgba(52, 152, 219, 1);
		color:#000000;
	}
	::selection {
		background:rgba(52, 152, 219, 1);
		color:#000000;
	}

	img {
		border: 0px;
		vertical-align:middle;
		max-width: 100%;
		height: auto; 
	}

	img.roll,
	.hover img{
		background-color:rgba(0, 0, 0, 0.1);
		cursor:pointer;
	}

	.round{
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		overflow: hidden;
	}
	
	.fullwidth{
		width:100%;
	}

	.margin-bottom{
		margin-bottom:2em;
	}
	.margin-top{
		margin-top:2em;
	}
	
	.content-block > p{
		margin-bottom:1em;
		text-align: justify;
		text-justify: inter-ideograph;
	}

/* Webfont
================================================== */
	.montserrat-400 {
		font-family: 'Montserrat' !important;
		font-style: normal;
		font-weight: 400;
		letter-spacing:.04em;
	}
	.montserrat-700 {
		font-family: 'Montserrat' !important;
		font-style: normal;
		font-weight: 700;
		letter-spacing:.04em;
	}
	.vollkorn {
		font-family: 'Vollkorn' !important;
		font-style: normal;
		letter-spacing:.04em;
	}

/* Typography
================================================== */
	h1,
	h2{
		font-family: 'Montserrat' !important;
		font-style: normal;
		font-weight: 400;
		letter-spacing:.04em;
	}
	h2.jp{
		font-size:20px;
	}
	h2 small{
		color: #0D1218;
	}
	h3 {
		font-family: 'Montserrat' !important;
		font-style: normal;
		letter-spacing:.04em;
	}
	.blog h3.pagetitle{
	    margin: 0 0 30px;
	    padding:0 0 10px;
    	border-bottom: 1px solid #eee
	}
	.blog h2.title{
	    margin: 60px 0 1em;
	    padding: 0 0 .5em;
    	font-size: 131%;
	}
	.address h3{
		font-size:26px;
	}
	h4{
		font-family: 'Montserrat' !important;
		font-weight: 400;
		letter-spacing:.04em;
		font-size:116%;
	}
	h5{
		font-family: 'Vollkorn' !important;
		font-style: normal;
		letter-spacing:.1em;
	}
	
	.big{
		font-size:108%;
	}
	.jp{
    	font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif !important;
	}

/* Link Style 
================================================== */
	a,
	a:link,
	a:visited,
	a:focus {
		color: rgba(52, 152, 219, 1);
		text-decoration: none;
		outline: 0;
	}
	a:hover {
		color:rgba(52, 152, 219, 0.8);
	}
	p a,p a:visited {
		line-height: inherit;
	}
	a,input{
		-moz-transition: all 0.2s ease-in-out 0s;
		-webkit-transition: all 0.2s ease-in-out 0s;
		-o-transition: all 0.2s ease-in-out 0s;
		-ms-transition: all 0.2s ease-in-out 0s;
		transition: all 0.2s ease-in-out 0s;
	}
	i.fa-circle{
		color: rgba(52, 152, 219, 1);
	}

/* Nav
=============================================== */
	.logo{
		text-align:center;
	}
	.logo img{
		padding:15px 0;
	}
	.navbar{
		background:#000;
		border:none;
		margin-bottom:0;
		border-radius:0px
	}
	.navbar-brand{
		font-family: 'Vollkorn' !important;
		font-style: normal;
		font-size:17px;
	}
	.navbar-default .navbar-brand {
		color: #FFFFFF;
	}
	.navbar-default .navbar-brand:hover,
	.navbar-default .navbar-brand:focus {
		background-color: transparent;
		color: #FFFFFF;
	}
	.navbar-nav > li{
		font-size:1.1em;
	}
	.navbar-nav > li > a {
		padding: 20px 15px;
	}
	.navbar-default .navbar-nav > li > a {
		color: #FFFFFF;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		background-color: rgba(52, 152, 219,1.0);
		color: #000000;
	}
	.navbar-default .navbar-nav > li > a:hover{
		background-color: rgba(100, 180, 250, 1);
		color: #000;
	}
	.navbar-default .navbar-nav > li > a:focus {
		background-color:#000000;
		color: #FFFFFF;
	}
	.global li{
		margin:20px 0 0 0;
		font-size:14px;
		border-left: 1px solid #FFFFFF;
	}
	.global li a{
		padding:0 1em;
	}
	
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background-color: #000000;
	}
	
	ul#sns{
		height:60px;
		margin-left:2em;
		padding-left:2em;
		border-left:1px solid silver;
	}
	li.sns a,
	li.sns a:link,
	li.sns a:visited{
		margin:9px 0 0 0;
		color: rgba(52, 152, 219, 1);
		padding:0 20px 0 0;
	}
	.line{
        margin-left: -5px;
        vertical-align: top;
	}
	.navbar-default .navbar-nav > li.sns > a:hover {
		color: rgba(100, 180, 250, 1);
		background:transparent;
	}
	.fixed{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.8);
		z-index:1000;
	}
	
	.home li.home a,
	.home li.home a:hover,
	.home li.home a:focus,
	.page-id-72 li.menu a,
	.page-id-72 li.menu a:hover,
	.page-id-72 li.menu a:focus,
	.archive li.event a,
	.archive li.event a:hover,
	.archive li.event a:focus,
	.blog li.news a,
	.blog li.news a:hover,
	.blog li.news a:focus,
	.page-template-contact li.contact a,
	.page-template-contact li.contact a:hover,
	.page-template-contact li.contact a:focus,
	.page-id-1668 li.rental a,
	.page-id-1668 li.rental a:hover,
	.page-id-1668 li.rental a:focus,
	.page-id-1717 li.rental a,
	.page-id-1717 li.rental a:hover,
	.page-id-1717 li.rental a:focus,
	.page-id-1670 li.rental a,
	.page-id-1670 li.rental a:hover,
	.page-id-1670 li.rental a:focus,
	.page-id-1672 li.rental a,
	.page-id-1672 li.rental a:hover,
	.page-id-1672 li.rental a:focus {
		background-color: rgba(52, 152, 219,1.0);
		color: #000000;
	}
	.archive div.update{
    	display: none;
	}
	
/* Update
=============================================== */
    .update{
        text-align: center;
        padding: .8em;
    }

/* Slider
=============================================== */
	#slider {
		height: auto !important;
		min-height: 100%;
		padding: 239px 0 0;
		text-align: center;
		width: 100%;
	}
	

/* Contents
=============================================== */
	.content-block{
		padding:55px 0 0;
		overflow:hidden;
	}
	
	.block{
		margin:3em 0 0;
	}
	
	#aboutus .container{
		overflow:hidden;
	}
	
	.concept{
		padding:20em 0;
	}
	.catch{
		padding:7em 0;
	}

	.panel {
		border: 1px solid #ccc;
		border-radius: 4px;
		box-shadow: none;
		margin-bottom: 20px;
	}
	.panel-default > .panel-heading {
		background-color: #f5f5f5;
		border-color: #ddd;
		color: #333;
	}
	.panel-title {
		color: inherit;
		font-size: 100%;
		margin-bottom: 0;
		margin-top: 0;
	}
	.panel-body .pad{
		margin:0 0 2.5em;
	}
	.panel-body .pad:last-child{
		margin-bottom:0;
	}
	
	p.sns a{
    	padding-right: 10px;
    	vertical-align: top;
	}
	p.sns i.fa-2x{
    	font-size: 2.5em;
	}
	
	.gmap{
		height: 0;
		overflow: hidden;
		padding-bottom: 56.25%;
		padding-top: 30px;
		position: relative;
	}
	div.gmap iframe,
	div.gmap object,
	div.gmap embed {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	.gm-style img{
		max-width:none;
	}
	.gm-style-iw {
        display: block;
        width:auto !important;
    }
    .gm-style-iw h4, .gm-style-iw p {
        margin: 0;
        padding: 0;
    }
    .gm-style-iw a {
        color: #4272db;
    }
	
    .flexheight{
        display:-webkit-box;
        display:-moz-box;
        display:-ms-box;
        display:-webkit-flexbox;
        display:-moz-flexbox;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:-moz-flex;
        display:-ms-flex;
        display:flex;
        -webkit-box-lines:multiple;
        -moz-box-lines:multiple;
        -webkit-flex-wrap:wrap;
        -moz-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    }
	
	.address{
		padding:0 1em 0;
		font-size:108%;
		line-height:1.8;
		border-left:3px solid #000;
		border-right:3px solid #000;
		text-align:center;
	}
	.address p{
		padding:0 1em;
	}
    p.caution{
    	line-height: 1.5;
    	background: #d9d9d9;
    	border-radius: 2px;
    	padding: .4em;
	}
	.footer-block{
		margin:22px 0 0;
		padding:2em 0;
		background:#000;
		color:#fff;
	}
	
/* calender
===========================================*/
    .rental_calender th{
        text-align: center;
        background: #b0b0b0;
        border-bottom-width: 0px;
    }
    .rental_calender.table>tbody>tr>td{
        text-align: center;
        vertical-align: middle;
   }
   .page-id-1717 .day-box.no-day{
       background: none;
   }
   .page-id-1717 .monthly-calendar caption{
       padding-bottom: .5em;
       font-size: 16px;
       font-weight: 700;
   }
   .page-id-1717 .monthly-prev-next{
       padding-top: .5em;
       font-size: 14px;
   }
	
/* menu
===========================================*/
     #cafemenu.content-block{
                margin: 4em 0 2em;
	}
	
    .page-title {
        position: relative;
        border: 3px solid #a6a6a6;
        display: inline-block;
        margin: 0 0 30px;                                                                                                                                                                              
    }
    .page-title.morning{
            width:275px;
            margin-bottom:16px;
    }
     .page-title h3 {
        border-left: 3px solid #a6a6a6;
        padding: 12px 40px;
        margin:0;
        font-size: 27px;
        font-family: "Montserrat" !important;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: capitalize;
    }
    .page-title.morning h3{
            padding:12px 28px;
    }
    .page-title > h3, .page-title > i {
        display: block;
    }
    .page-title > h3 {
        margin-left: 59px;
    }
    
    .page-title i {
        float: left;
        font-size: 33px;
        margin: 9px 0 0 13px;
    }
    .page-title > i {
        float: none;
        margin-top: -30px;
        position: absolute;
        left: 0;
        top: 50%;
    }
    .page-title > i.alt {
        margin-top: -39px;
    }
    .page-title .fa{
        height: 1em;
        line-height: 1;
        width: 1em;
        color: #a6a6a6;
    }
    .page-title p.time{
        margin-bottom: 0;
        font-family: 'Montserrat' !important;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        letter-spacing:.04em;
         text-align:center;
        border-top: 3px solid #a6a6a6;
        background: #a6a6a6;
        color:#fff;
    }
    ul.menulist li{
        margin:0 0 .5em 0;
        padding:0 0 .5em 0;
    }
    ul.menulist li.menu{
        padding-top:1.5em;
        border-bottom: 1px dotted #e7e7e7;
        font-size:116%;
    }
    ul.menulist li.menu i{
        
    }
    ul.menulist li.menu .price{
        font-size:13px;
    }
    
    .hr{
            border-top: medium double #e7e7e7;
            margin-top: 35px;
            margin-bottom: 35px;
            padding-top: 10px;
    }
    
    .menucatch{
        margin-bottom: 2em;
            padding:1.5em;
            border-top: 3px dotted #e7e7e7;
            border-bottom: 3px dotted #e7e7e7;
    }
    h4 span{
        font-weight:normal;
        font-size:13px;
    }
	
/* post
===========================================*/
.post{
    margin-bottom: 100px;
}
.aligncenter{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	ul#menu{
    	margin-top:60px;
	}
	.alignleft{
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.alignright{
		float: right;
		margin-left: 10px;
		margin-bottom: 10px;
	}
	
	.wp-caption{
		border: 0;
                background-color: transparent;
                margin: 1em 1em 1em 0;
                padding: 0;
	}
	.wp-caption-text{
        	display:none;
	}
	.postdate{
		margin:2em 0 0;
		text-align:right;
		font-size:85%;
		clear:both;
	}
	.blog .pager li > a,
	.blog .pager li > span{
    	border-radius:5px;
	}

/* sidebar
===========================================*/
	#menu{
		padding-left:25px;
	}
	#menu .widget{
		margin-bottom:3em;
	}
	#menu p.title{
    	margin:0 0 .5em;
	    padding: 0px 0px .5em 0px;
		text-transform: uppercase;
		font-family:"Montserrat" !important;
		border-bottom: 1px dotted #e7e7e7;
	}
	#menu ul{
		margin:0;
		padding:0;
	}
	#menu ul li{
		list-style-type:none;
		margin-bottom:.5em;
	}

/*contact
===========================================*/
 div.wpcf7 textarea.form-message {
 width: 90%
 }

	/* Form*/
	textarea,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	.uneditable-input {
	border: 2px solid #bdc3c7;
	font-family: sans-serif;
	font-size: 14px;
	padding: 8px 5px;
	-webkit-appearance: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: border .25s linear, color .25s linear;
	-moz-transition: border .25s linear, color .25s linear;
	-o-transition: border .25s linear, color .25s linear;
	 transition: border .25s linear, color .25s linear;
	-webkit-backface-visibility: hidden;
	}
	textarea:-moz-placeholder,
	input[type="text"]:-moz-placeholder,
	input[type="password"]:-moz-placeholder,
	input[type="datetime"]:-moz-placeholder,
	input[type="datetime-local"]:-moz-placeholder,
	input[type="date"]:-moz-placeholder,
	input[type="month"]:-moz-placeholder,
	input[type="time"]:-moz-placeholder,
	input[type="week"]:-moz-placeholder,
	input[type="number"]:-moz-placeholder,
	input[type="email"]:-moz-placeholder,
	input[type="url"]:-moz-placeholder,
	input[type="search"]:-moz-placeholder,
	input[type="tel"]:-moz-placeholder,
	input[type="color"]:-moz-placeholder,
	.uneditable-input:-moz-placeholder {
	color: #b2bcc5;
	}
	textarea::-webkit-input-placeholder,
	input[type="text"]::-webkit-input-placeholder,
	input[type="password"]::-webkit-input-placeholder,
	input[type="datetime"]::-webkit-input-placeholder,
	input[type="datetime-local"]::-webkit-input-placeholder,
	input[type="date"]::-webkit-input-placeholder,
	input[type="month"]::-webkit-input-placeholder,
	input[type="time"]::-webkit-input-placeholder,
	input[type="week"]::-webkit-input-placeholder,
	input[type="number"]::-webkit-input-placeholder,
	input[type="email"]::-webkit-input-placeholder,
	input[type="url"]::-webkit-input-placeholder,
	input[type="search"]::-webkit-input-placeholder,
	input[type="tel"]::-webkit-input-placeholder,
	input[type="color"]::-webkit-input-placeholder,
	.uneditable-input::-webkit-input-placeholder {
	color: #b2bcc5;
	}
	textarea.placeholder,
	input[type="text"].placeholder,
	input[type="password"].placeholder,
	input[type="datetime"].placeholder,
	input[type="datetime-local"].placeholder,
	input[type="date"].placeholder,
	input[type="month"].placeholder,
	input[type="time"].placeholder,
	input[type="week"].placeholder,
	input[type="number"].placeholder,
	input[type="email"].placeholder,
	input[type="url"].placeholder,
	input[type="search"].placeholder,
	input[type="tel"].placeholder,
	input[type="color"].placeholder,
	.uneditable-input.placeholder {
	color: #b2bcc5;
	}
	.form-select{
    	border: 2px solid #bdc3c7;
    	font-size: 14px;
	padding: 8px 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: border .25s linear, color .25s linear;
	-moz-transition: border .25s linear, color .25s linear;
	-o-transition: border .25s linear, color .25s linear;
	 transition: border .25s linear, color .25s linear;
	-webkit-backface-visibility: hidden;
	}
	.form-select option{
    	padding: 8px;
	}

	/* #Buttons */
	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
	  background: #000000;
	  border: 1px solid #ffffff;
	  color: #FFFFFF;
	  display: inline-block;
	  font-size: 15px;
	  text-decoration: none;
	  cursor: pointer;
	  line-height: normal;
	  padding: 1em 2em;
	  text-transform:uppercase;
	  letter-spacing:.04em;
	  }
	
	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
	  color: #FFFFFF;
	  background: #777;
	  }
	
	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc;
	}
	
	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }
	
	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
	border: 0;
	padding: 0;
	}
	
	.contact .backstretch{
	opacity: .3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	}

	/* #Media Queries
	================================================== */
	/* Smaller than standard 1200 (devices and browsers) */
	@media only screen and (max-width: 1200px) {
	}

	/* Smaller than standard 1200 (devices and browsers) */
	@media only screen and (max-width: 1199px) {
		.address h3{
			font-size:21px;
		}
		.address {
			font-size: 108%;
			line-height: 1.7;
		}
		ul#sns{
			display:none !important;
		}
		.navbar-brand{
			/*display:none*/
		}
		.navbar-fixed-top .navbar-brand{
			display:block;
		}
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		h2{
			font-size:20px;
		}
		#slider{
			display:none;
		}
		#access .container{
			text-align:center;
		}
		.address{
			border-right: 3px solid #000;
		}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.navbar-brand{
			/*display:none;*/
		}
		.navbar-fixed-top .navbar-brand{
			display:block;
		}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.block{
			padding:0 1em;
		}
		.logo{
			display:none;
		}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 639px) {
    	div.post,
    	.pager,
    	.categorytitle {
        	padding:0 2em;
    	}
    	.single-post .blog h2.title{
        	margin-top: 0;
    	}
    	.blog h3.pagetitle{
        	margin:0 .5em;
        	font-size:20px;
    	}
    	form.wpcf7-form{
        	margin-top: 2em;
    	}
    }

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
    	.update{
        	margin: 0em 0 0;
    	}
    	.navbar-fixed-top .update{
        	margin: 4em 0 0;
    	}
    	.address p{
        	padding-left: 0;
        	padding-right: 0;
    	}
    	.content-block{
        	padding-top: 20px;
    	}
    	#cafemenu {
            padding-top: 0;
        }
        .title-div{
            text-align: center;
        }
        .page-title{
            margin-bottom: 2em;
            text-align:center;
        }
       li.menu i.fa{
           display:none;
       }
       
       .wpcf7-text,
       .wpcf7-email,
       .wpcf7-tel{
           width: 320px;
       }
       
       .calender.button{
           padding-left: 1em;
           padding-right: 1em;
           font-size: 14px;
       }
       
	}
	
	/* Mobile Portrait Size to Mobile Portrait Size (devices and browsers) */
	@media only screen and (max-height: 480px) {
	}
	
	/* ============================
	Navber Break Point adjust
	============================== */
	@media (max-width: 1199px) {
		.navbar-header {
			float: none;
			background:#000000;
		}
		.navbar-left,.navbar-right {
			float: none !important;
		}
		.navbar-default .navbar-toggle,
		.navbar-toggle:active {
			border:3px solid #ffffff;
			display: block;
		}
		.navbar-default .navbar-toggle .icon-bar {
			background-color: #ffffff;
		}
		.navbar-collapse {
			box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
			background: rgba(0, 0, 0, 0.9);
		}
		.navbar-fixed-top {
    		position: relative;
			top: 0;
			border-width: 0 0 1px;
		}
		.navbar-collapse.collapse {
			display: none !important;
		}
		.navbar-nav {
			float: none!important;
			margin-top: 7.5px;
		}
		.navbar-nav>li {
			float: none;
		}
		.navbar-nav>li>a {
			padding-top: 10px;
			padding-bottom: 10px;
		}
		.collapse.in{
			display:block !important;
		}
	}

	.googlemap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.googlemap iframe,
.googlemap object,
.googlemap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}