/* 
Theme Name: Responsive Child Theme
Theme URI: https://github.com/cyberchimps/responsive-childtheme/tree/pro-child-theme
Description: Responsive Pro Child Theme
Template: responsivepro
Version: 1.0.0
Author: CyberCimps 
Author URI: https://cyberchimps.com
License: GNU General Public License
License URI: license.txt 

Responsive WordPress Theme, Copyright (C) 2003-2012 Emil Uzelac 

*/

/* =Start From Here
-------------------------------------------------------------- */

/* =Content
-------------------------------------------------------------- */

.home-bg{background: url(/wp-content/uploads/2020/07/banner-new20.jpg); background-size: contain; background-position: top center; background-repeat: no-repeat; }
.internal-bg{background: url(/wp-content/uploads/2020/09/attic-auckland-banner.jpg); background-size: contain; background-position: top center; background-repeat: no-repeat; }

#header{height:75vh;;margin: 0 auto; text-align: center; }
#header2{height:500px;margin: 0 auto; text-align: center; }

#content {	
	margin-top: 20px;
	margin-bottom: 0;
}

#content-full {
	margin-top: 80px;
	margin-bottom: 0;
}

#content-blog {
	margin-top: 80px;
	margin-bottom: 0;
}

#content-blog  .entry-title{text-align: left;}

.post-meta {
	display: none;
}

.logo{width: 300px; margin: 0 auto;padding: 200px 0 0 0;}

.logo2{width: 150px;position: absolute; top:100px; left: 150px;}

.wifi{width: 180px; position: absolute; top:80px; left: 30px;}
.award{width: 180px; position: absolute; top:150px; left: 150px;}
.ta{width: 180px; position: absolute; top:240px; left: 30px;}

.book-banner{width: 400px; margin-top: 30px; }

.entry-title{text-align: center;}

/* =Blockquote
-------------------------------------------------------------- */
blockquote {
	background: #f9f9f9;
	border: none;
	border-left: 4px solid #2eb2d3;
	margin: 0;
	overflow: auto;
	padding: 0 10px;
}

blockquote p {
	font-family: 'arial';
	font-size: 14px;
	line-height: 18px;
}



/* =Headings
-------------------------------------------------------------- */



#footer {	
	/* font-size: 11px; */
	line-height: 1.5em;
	text-align:center;
	font-weight:500;
	font-family: 'keep_calmmedium';
	padding: 0;
	background: #797a7a;
	clear: both;
	margin: 0 auto;
	max-width: 100%;
	padding: 0 10% 50px 10%;
	
	
}

#footer a:hover,
a:focus,
a:active {
	color: #22b2d5;
	outline: 0;
	text-decoration: none;font-family: 'keep_calmmedium';
}

#footer a {
	color: #fff;
	outline: 0;
	text-decoration: none;
}

#footer p {
	color: #fff;
	outline: 0;
	text-decoration: none;font-family: 'keep_calmmedium';
}

hr {
	background: #fff;
	border: none;
	clear: both;
	float: none;
	height: 1px;
	width: 100%;
}



#footer-wrapper {
	margin: 0 auto;
	
}


.gallery .gallery-item {
	float: left;
	margin: 3px;
	text-align: center;
	max-width:300px;
	height:200px;
}


a {
	color: #22b1d4;
	font-weight: 400;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #444444;
	outline: 0;
	text-decoration: none;
}



h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: 500;
	line-height: 1.0em;
	word-wrap: break-word;
	font-family: 'keep_calmmedium';
}

h1 {
	font-size: 2.225em; /* = 42px */
	margin-bottom: .5em;
	margin-top: .5em;
	color:#22b1d4;
}

h2 {
	font-size: 1.500em; /* = 36px */
	margin-bottom: .75em;
	margin-top: .75em;
}

h3 {
	font-size: 1.125em; /* = 30px */
	margin-bottom: .857em;
	margin-top: .857em;
}

h4 {
	font-size: 1.125em; /* = 24px */
	margin-bottom: 1em;
	margin-top: 1em;
}

h5 {
	font-size: 1.125em; /* = 18px */
	margin-bottom: 1.125em;
	margin-top: 1.125em;
}

h6 {
	font-size: 1.000em; /* = 16px */
	margin-bottom: 1.285em;
	margin-top: 1.285em;
}

.widget-title h3,
.widget-title-home h3 {
	display: block;
	font-size: 1.5em;
	font-weight: 500;
	line-height: 23px;
	margin: 0;
	padding: 0 0 20px 0;
	text-align: left;
	color:#22b1d4;
}

#green{
	width:280px;
	border:#589442 1px solid;
}


#inside{
	width:280px;
	
}

#CDSWIDSSP.widSSP.widSSPnarrow{
	width:280px;
}
	
	.CDSWIDSSP{
		border:none;
	}
	
	.widSSPData{
		border:0;
	}

@font-face {
    font-family: 'keep_calmmedium';
    src: url('KeepCalm-Medium-webfont.eot');
    src: url('KeepCalm-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('KeepCalm-Medium-webfont.woff2') format('woff2'),
         url('KeepCalm-Medium-webfont.woff') format('woff'),
         url('KeepCalm-Medium-webfont.ttf') format('truetype'),
         url('KeepCalm-Medium-webfont.svg#keep_calmmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* =Widgets
-------------------------------------------------------------- */
.widget-wrapper {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #ffffff;
	border: 0px solid #e5e5e5;
	border-radius: 0px;
	margin: 0 0 20px;
	padding: 0;
}

body {
	background-color:#FFFFFF;
}



#container2 {
	margin: 0 auto;
	width:100%;
	padding: 0;
}

.welcome{
	padding:0 50px;
}

#container {
	margin: 0 auto;
	max-width: 960px;
	padding: 0px 25px;
}

#wrapper {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background-color: rgba(0,0,0,0);
	border: 0px solid #e5e5e5;
	border-radius: 4px;
	clear: both;
	margin: 0 auto;
	padding: 0 ;
	position: relative;
}

.page-id-10 .entry-title
{
	text-align: center;}



/* =Breadcrumb Lists
-------------------------------------------------------------- */
.breadcrumb-list {
	display:none;
}



/* =Header Menu (Primary)
-------------------------------------------------------------- */
.menu {
	background-color: #22b2d5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#22b2d5), to(#22b2d5));
	background-image: -webkit-linear-gradient(top, #22b2d5, #22b2d5);
	background-image: -moz-linear-gradient(top, #22b2d5, #22b2d5);
	background-image: -ms-linear-gradient(top, #22b2d5, #22b2d5);
	background-image: -o-linear-gradient(top, #22b2d5, #22b2d5);
	background-image: linear-gradient(top, #22b2d5, #22b2d5);
	clear: both;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#22b2d5, endColorstr=#22b2d5);
	display: flex!important;
    justify-content:space-evenly;
	margin:0 50px;

	
	
	
}

.master-slider-parent{padding-top: 50px;}

.book-menu{background: #c49833}

.main-nav {
	clear: both;
	width:100%;
	background-color: #22b2d5;
	z-index: 9999;
	position: fixed; margin:0; padding: 0;
	
}

.menu,
.menu ul {
	display: block;
	list-style-type: none;
	padding: 0;
}

.menu li {
	border: 0;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 5;
}

.menu li:hover {
	white-space: normal;
	z-index: 10000;
}

.menu li li {
	float: none;
}

.menu ul {
	left: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	z-index: 10;
}

.menu li:hover > ul {
	top: 100%;
	visibility: visible;
}

.menu li li:hover > ul {
	left: 100%;
	top: 0;
}

.menu:after,
.menu ul:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.menu,
.menu ul {
	min-height: 0;
}

.menu ul,
.menu ul ul {
	margin: 0;
	padding: 0;
	
}

.menu ul li a:hover,
.menu li li a:hover {
	color: #484848;
	text-decoration: none;
}

.menu ul {
	margin-top: 1px;
	min-width: 15em;
	width: auto;
}

.menu a {
	border-left: 1px solid #22b2d5;
	color: #ffffff;
	cursor: pointer;
	display: block;
	font-size: 13px;
	font-weight: 700;
	height: 70px;
	line-height: 70px;
	margin: 0;
	padding: 0 2.5em;
	position: relative;
	text-decoration: none;
	text-shadow: none;
	white-space: nowrap;
	text-transform:uppercase;
}

.menu a:hover {
	background-color: #22b2d5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#22b2d5), to(#0094c4));
	background-image: -webkit-linear-gradient(top, #22b2d5, #0094c4);
	background-image: -moz-linear-gradient(top, #22b2d5, #0094c4);
	background-image: -ms-linear-gradient(top, #22b2d5, #0094c4);
	background-image: -o-linear-gradient(top, #22b2d5, #0094c4);
	background-image: linear-gradient(top, #22b2d5, #0094c4);
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#22b2d5, endColorstr=#0094c4);
}

ul.menu > li:hover {
	background-color: #363636;
	color: #efefef;
}

.menu .current_page_item a,
.menu .current-menu-item a {
	background-color: #22b2d5;
}

.front-page .menu .current_page_item a {
	background: none;
	background-color: transparent;
	background-image: none;
	filter: none;
}

.menu li li {
	background: #22b2d5;
	background-image: none;
	border: 1px solid #1f1f1f;
	color:#FFFFFF;
	filter: none;
	margin: -1px 0 1px 0;
	width: auto;
}

.menu li li a {
	background: transparent !important;
	border: none;
	color: #444444;
	font-size: 12px;
	font-weight: 400;
	height: 40px;
	line-height: 34px;
	padding: 5px 10px;
	text-shadow: none;
	white-space: nowrap;
	color:#FFFFFF;
}

.menu li li a:hover {
	background: #f5f5f5 !important;
	background-image: none;
	border: none;
	color: #444444;
	filter: none;
}

.menu li li:hover {
	background: #f5f5f5 !important;
	filter: none;
}

.menu ul > li + li {
	border-top: 0;
}

.menu li li:hover > ul {
	left: 100%;
	top: 0;
}

.menu > li:first-child > a {
	border-left: none;
}

.menu a#responsive_menu_button {
	display: none;
}

.main-nav #responsive_current_menu_item {
	display: none;
}

button#responsive-menu-button{
width: 100%!important;
height: 55px;
position: fixed;
top: 0!important;
right: 0!important;
background: #22b2d5;}

.responsive-menu-box{
width: 33px;
height: 27px;
display: inline-block;
position: absolute!important;
right: 10px!important; top:10px!important;
}


@media screen and (max-width: 1366px){

	#header2{height:400px;}
}


@media screen and (max-width: 1112px){

	#header2{height:300px;}
}

@media screen and (max-width: 1024px){

	#header2{height:270px;}
}

@media screen and (max-width: 767px){
.logo{width: 200px; margin: 0 auto;padding: 250px 0 0 0;}
.logo2{width: 70px;position: absolute; top:-5px; left: 10px; z-index: 999999}
#header{height:100vh;;margin: 0 auto; text-align: center; }
#header2{height:100px;}
.wifi{width: 80px; position: absolute; top:70px; left: 30px;}
.award{width: 80px; position: absolute; top:100px; left: 90px;}
.ta{width: 80px; position: absolute; top:140px; left: 30px;}

.home-bg{background-size: cover;  }

}



/*The last 29 days of the month are the hardest."- Nikola Tesla*/