/*
Theme Name: Rothesay Elwood
Author: Ezi Creative
Author URI: https://www.ezicreative.com.au
*/

*
{
	outline: none;
}

a
{
	color: inherit;
	text-decoration: underline;
}

a:hover
{
	opacity: 0.8;
}

input:focus
{
	border: none !important;
	outline: none !important;
	-webkit-outline: none !important;
	-moz-outline: none !important;
}

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

}

@font-face
{
	font-family: 'brandon_grotesque_regularRg';
	src: url('fonts/brandon_reg-webfont.eot');
	src: url('fonts/brandon_reg-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/brandon_reg-webfont.woff2') format('woff2'),
	url('fonts/brandon_reg-webfont.woff') format('woff'),
	url('fonts/brandon_reg-webfont.ttf') format('truetype'),
	url('fonts/brandon_reg-webfont.svg#brandon_grotesque_regularRg') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

}

/**
 * @license
 * MyFonts Webfont Build ID 3207832, 2016-04-21T22:38:33-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: ProximaNova-Bold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/bold/
 *
 * Webfont: ProximaNova-Light by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/light/
 *
 * Webfont: ProximaNova-Regular by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/regular/
 *
 * Webfont: ProximaNova-Semibold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/semibold/
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3207832
 * Licensed pageviews: 1,000,000
 * Webfonts copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 *
 * © 2016 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/30f298");

@font-face
{
	font-family: 'ProximaNova';
	font-weight: bold;
	src: url('fonts/webfonts/30F298_3_0.eot');
	src: url('fonts/webfonts/30F298_3_0.eot?#iefix') format('embedded-opentype'),
	url('fonts/webfonts/30F298_3_0.woff2') format('woff2'),
	url('fonts/webfonts/30F298_3_0.woff') format('woff'),
	url('fonts/webfonts/30F298_3_0.ttf') format('truetype'),
	url('fonts/webfonts/30F298_3_0.svg#wf') format('svg');
}

@font-face
{
	font-family: 'ProximaNova';
	font-weight: normal;
	src: url('fonts/webfonts/30F298_2_0.eot');
	src: url('fonts/webfonts/30F298_2_0.eot?#iefix') format('embedded-opentype'),
	url('fonts/webfonts/30F298_2_0.woff2') format('woff2'),
	url('fonts/webfonts/30F298_2_0.woff') format('woff'),
	url('fonts/webfonts/30F298_2_0.ttf') format('truetype'),
	url('fonts/webfonts/30F298_2_0.svg#wf') format('svg');
}

.map
{
	width: 100%;
	height: 100%;
}

body
{
	background: #e6e7e8;
	font-family: 'brandon_grotesque_regularRg';
	position: relative;
	color: #403f3f;
}

body, html
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

#wrapper
{
	width: 60%;
	height: auto;
	margin: auto;
	position: relative;
	/*top: 0;
	bottom: 0;
	left: 0;
	right: 0;*/
}

@media screen and (max-width: 1530px)
{
	#wrapper
	{
		width: 70%;
	}
}

@media screen and (max-width: 1160px)
{
	#wrapper
	{
		width: 80%;
	}
}

@media screen and (max-width: 940px)
{
	#wrapper
	{
		width: 90%;
	}
}

header
{
	width: 100%;
	height: auto;
	position: relative;
	margin: 124px 0 40px;
}

header h1
{
	width: 20%;
	margin: 0;
	position: relative;
	/*top: 0;
	left: 0;
	bottom: 0;*/
}

header h3
{
	margin: 0;
	position: absolute;
	top: 25%;
	right: 0;
	bottom: 0;
	font-size: 1.0vw;
	text-transform: uppercase;
	font-weight: normal;
}

header h1 a
{
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	background: url(images/rothesay-logo.svg) top center no-repeat;
	background-size: contain;
}

section
{
	width: 100%;
	height: auto;
	position: relative;
	margin: auto;
	/*top: 0;
	bottom: 0;*/
	overflow: hidden;
}

section.text
{
	background: rgba(255, 255, 255, 0.9);
	padding: 1% 3%;
	width: 30%;
	bottom: 5%;
	right: 4%;
	position: absolute;
	margin: auto 0 0 auto;
	height: auto;
	z-index: 9999;
}

section.home
{
	background: none;
	padding: 1% 3%;
	width: 30%;
	bottom: 5%;
	right: 3%;
	position: absolute;
	margin: auto 0 0 auto;
	height: 60%;
	z-index: 9999;
}

section#location
{
	min-height: 547px;
	height: 547px;
}

section#contact
{
	min-height: 547px;
}

section#form
{
	padding-bottom: 24px;
}

section.text h3
{
	text-transform: uppercase;
	font-size: 1.0vw;
	font-weight: normal;
	margin: 15px 0 20px 0;
}

section.text p
{
	font-size: 0.8vw;
}

section.text input
{
	border-radius: 3px;
	width: 90%;
	padding: 3% 5%;
	background: #949393;
	margin: 0;
	display: block;
	color: #fff;
}

section.text input.wpcf7-submit
{
	width: 40%;
	float: right;
	text-transform: uppercase;
	background: #656464;
	border: none;
}

section.text small
{
	width: 40%;
	float: left;
	text-transform: uppercase;
	font-size: 10px;
}

section.full-text
{
	background: #ffffff;
	padding: 1% 3%;
	height: 100%;
	width: 94%;
	position: relative;
}

section.full-text h1
{
	font-size: 32px;
}

footer
{
	width: 100%;
	height: 53px;
	position: relative;
	/*bottom: 0;*/
	margin-top: 30px;
}

footer:after
{
	content: '';
	display: table;
	clear: both;
}

footer h4
{
	width: 10%;
	height: 65%;
	font-size: 0.66vw;
	margin: auto;
	padding: 0;
	position: relative;
	/*right: 0;
	top: 0;
	bottom: 0;*/
	font-weight: normal;
	text-transform: uppercase;
	float: right;
}

footer h4 a
{
	width: 100%;
	height: 100%;
	display: block;
	/*background: url(images/lowe-logo-new.svg) bottom right no-repeat;
	background-size: contain;*/
	color: #717171;
	text-decoration: none;
	text-align: right;
}

footer h4 a img
{
	margin-top: 8px;
}

footer h3
{
	font-family: 'museo300';
	margin: 0;
	padding: 0;
	position: relative;
	/*right: 12%;
	bottom: 15%;*/
	font-size: 0.9vw;
	font-weight: normal;
	color: #787878;
	display: inline;
	line-height: 53px;
	vertical-align: bottom;
}

footer ul.links
{
	width: 70%;
	height: 100%;
	position: relative;
	/*top: 30px;
	bottom: 0;
	left: 0;*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}

footer ul.links li
{
	display: inline-block;
	vertical-align: bottom;
	margin-right: 25px;
}

footer ul.links li a
{
	display: inline-block;
	padding: 15px 25px;
	border: 1px solid #717171;
	color: #717171;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.8vw;
}

footer#footer
{
	margin-top: 60px;
}

footer#footer,
footer#footer h3,
footer#footer h4,
footer#footer p
{
	font-family: 'ProximaNova', sans-serif;
}

footer#footer h3, footer#footer h4
{
	float: none;
	width: auto;
	height: auto;
	font-weight: bold;
	color: #000;
	font-size: 1.125rem;
}

footer#footer p
{
	font-size: .875rem;
	margin-top: 0;
}

footer#footer:after,
footer#footer #footer-top:after
{
	content: '';
	display: table;
	clear: both;
}

footer#footer a
{
	text-decoration: none;
}

footer#footer #footer-left
{
	float: left;
}

footer#footer #footer-right
{
	float: right;
	max-width: 50%;
}

footer#footer #footer-bottom
{
	margin: 20px 0;
	border-top: 1px solid #cacaca;
	padding: 10px 0;
}

footer#footer #footer-bottom h3
{
	vertical-align: middle;
}

footer#footer #footer-bottom a
{
	position: absolute;
	top: -14px;
	right: -32px;
}

footer#footer #footer-bottom a img
{
	width: 16px;
	height: auto;
}

@media only screen
and (min-width: 300px)
and (max-width: 780px)
{

	.tp-bgimg
	{
		height: 400px !important;
	}

	.rev_slider_1_1, .rev_slider_1_1_wrapper, .rev_slider_wrapper, .rev_slider
	{
		height: 400px !important;
	}

	body, html
	{
		padding-bottom: 5%;
	}

	header
	{
		width: 100%;
		height: auto;
		position: relative;
		padding: 7% 0 5% 0;
		margin: 40px 0;
	}

	header h1
	{
		width: 40%;
		top: 5%;
		left: 0;
		position: relative;
		float: left;
		margin: 0 0 5% 0;
	}

	header h1 a
	{
		background: url(images/rothesay-logo.svg) top left no-repeat;
		background-size: contain;
	}

	header h3
	{
		top: 7%;
		font-size: 10px;
		right: 0;
		bottom: 5%;
		position: relative;
		float: right;
	}

	#wrapper
	{
		width: 90%;
		margin: auto;
		position: relative;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		padding-bottom: 5%;
	}

	section
	{
		width: 100%;
		/*background: #fefef3;*/
		position: relative;
		margin: auto;
		top: 0;
		bottom: 0;
	}

	section#location
	{
		position: relative;
		height: 400px;
	}

	section.text#home-box
	{
		position: relative !important;
		height: 400px !important;
	}

	section.text
	{
		padding: 5px 0 0 0;
		width: 100%;
		bottom: 0;
		right: 0;
		left: 0;
		height: auto;
		margin: auto 0 0 0;
		position: relative;
		background: rgba(254, 254, 243, 0.9) !important;
	}

	section.text#form
	{
		padding: 2% 5%;
		width: 80%;
		bottom: 4%;
		right: 5%;
		left: 5%;
		height: auto;
		margin: auto 0 0 0;
		position: absolute;
		z-index: 999999;
	}

	section.text h3
	{
		font-size: 3.5vw;
	}

	section.text p
	{
		font-size: 3.0vw;
	}

	footer
	{
		width: 100%;
		height: auto;
		position: relative;
		bottom: 0;
		margin: 0;
	}

	footer h4
	{
		width: 30%;
		height: 53px;
		margin: 5% 0;
		font-size: 2.0vw;
		position: relative;
		float: right;
		vertical-align: bottom;
	}

	footer h4 a
	{
		width: 100%;
		height: 70px;
		display: block;
		/*background: url(images/lowe-logo-new.svg) center right no-repeat;
		background-size: contain;*/
	}

	footer ul.links
	{
		width: 100%;
		height: auto;
		position: relative;
		margin-top: 20px;
	}

	footer ul.links li a
	{
		font-size: 2.5vw;
	}

	footer ul.links li
	{
		display: inline-block;
		width: 100%;
		vertical-align: bottom;
		margin: 5px 0;
	}

	footer ul.links li:last-child
	{
		margin-right: 0;
	}

	footer ul.links li a
	{
		display: block;
		padding: 8px 0;
		border: 1px solid #717171;
		color: #717171;
		text-decoration: none;
		text-align: center;
		text-transform: uppercase;
		font-size: 3vw;
		width: auto;
	}

	footer h3
	{
		position: relative;
		font-size: 6vw;
		left: 0;
		right: 0;
		margin: 15px 0;
		bottom: 0;
		top: 39%;
		float: left;
	}

	footer#footer
	{
		clear: both;
		height: auto;
		margin-top: 20px;
	}

	footer#footer #footer-left,
	footer#footer #footer-right
	{
		float: none;
		width: 100%;
		max-width: 100%;
		text-align: center;
	}

	.lightbox-target
	{
		height: 80% !important;
		padding: 1% 3%;
		width: 80% !important;
		top: 5%;
		right: 3%;

	}

	.lightbox-target h3
	{
		text-transform: uppercase;
		font-size: 15px !important;
		font-weight: normal;
	}

	.lightbox-target p
	{
		font-size: 11px !important;
	}

	/* Styles the close link, adds the slide down transition */
	a.lightbox-close
	{
		width: 20px !important;
		height: 20px !important;
	}

	/* Provides part of the "X" to eliminate an image from the close link */
	a.lightbox-close:before
	{
		height: 10px;
		width: 2px;
		left: 10px !important;
		top: 4px !important;
	}

	/* Provides part of the "X" to eliminate an image from the close link */
	a.lightbox-close:after
	{
		height: 10px;
		width: 2px;
		left: 10px !important;
		top: 4px !important;
	}

}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
{

	#wrapper
	{
		width: 90%;
		height: 95%;
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	section
	{
		width: 100%;
		height: 85%;
	}

	header h1 a
	{
		width: 180px;
		height: auto;
		background: url(images/rothesay-logo.svg) top center no-repeat;
		background-size: contain;
	}

	section.text
	{
		background: #fefef3;
		padding: 2% 5%;
		width: 80%;
		bottom: 5%;
		right: 5%;
		left: 5%;
		position: absolute;
		margin: auto 0 0 auto;
		height: 30%;
	}

	section.text#form
	{
		background: #fefef3;
		padding: 1% 3%;
		width: 35%;
		bottom: 5%;
		right: 3%;
		position: absolute;
		margin: auto 0 0 auto;
		height: 40%;
		z-index: 9999;
	}

	section.text small
	{
		width: 45%;
		float: left;
		text-transform: uppercase;
		font-size: 10px;
	}

	section.text h3
	{
		text-transform: uppercase;
		font-size: 2vw;
	}

	section.text p
	{
		font-size: 1.8vw;
	}

	footer
	{
		width: 100%;
		height: auto;
	}

	footer ul.links
	{
		width: 60%;
		height: 80%;
	}

	footer ul.links li a
	{
		display: block;
		width: 90%;
		padding: 6% 15%;
		font-size: 1.5vw;
	}

	footer h3
	{
		bottom: 15%;
		font-size: 2vw;
	}

	footer h4
	{
		width: 12%;
		height: 80%;
		margin: 0 0 0 auto;
		font-size: 1vw;
		position: relative;
	}

}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
{

	#wrapper
	{
		width: 90%;
		height: 95%;
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	section
	{
		width: 100%;
		height: 80%;
	}

	section.text
	{
		background: #fefef3;
		padding: 1% 4%;
		width: 82%;
		bottom: 5%;
		right: 5%;
		left: 5%;
		position: absolute;
		margin: auto 0 0 auto;
		height: 38%;
	}

	section.home
	{
		background: none;
	}

	section.text#form
	{
		background: #fefef3;
		padding: 1% 3%;
		width: 35%;
		bottom: 5%;
		right: 3%;
		position: absolute;
		margin: auto 0 0 auto;
		height: 60%;
		z-index: 9999;
	}

	section.text input.wpcf7-submit
	{
		width: 40%;
		float: right;
		text-transform: uppercase;
		background: #656464;
		border: none;
		margin: -40px 0 0 40px;
		position: absolute;
		right: 60px;
	}

	section.text h3
	{
		text-transform: uppercase;
		font-size: 2vw;
	}

	section.text p
	{
		font-size: 1.5vw;
	}

	section.text form p
	{
		display: inline-block !important;
	}

	footer
	{
		width: 100%;
		height: auto;
	}

	footer ul.links li a
	{
		font-size: 1.5vw;
	}

	.lightbox-target
	{
		height: 60%;
		padding: 1% 3%;
		width: 50% !important;
		bottom: 3% !important;
		right: 3% !important;

	}

	.lightbox-target h3
	{
		text-transform: uppercase;
		font-size: 18px !important;
		font-weight: normal;
	}

	.lightbox-target p
	{
		font-size: 15px !important;
	}

	/* Styles the close link, adds the slide down transition */
	a.lightbox-close
	{
		width: 20px !important;
		height: 20px !important;
	}

	/* Provides part of the "X" to eliminate an image from the close link */
	a.lightbox-close:before
	{
		height: 10px;
		width: 2px;
		left: 10px !important;
		top: 4px !important;
	}

	/* Provides part of the "X" to eliminate an image from the close link */
	a.lightbox-close:after
	{
		height: 10px;
		width: 2px;
		left: 10px !important;
		top: 4px !important;
	}

}

/*  LIGHTBOX  */

/* Styles the lightbox, removes it from sight and adds the fade-in transition */

.lightbox-target
{
	position: absolute;
	top: -100% !important;
	height: 60%;
	background: rgba(254, 254, 243, 0.7);
	padding: 1% 3%;
	width: 30%;
	bottom: 5%;
	right: 3%;
	opacity: 0;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
	overflow: hidden;
	margin: auto 0 0 auto;

}

.lightbox-target h3
{
	text-transform: uppercase;
	font-size: 1.0vw;
	font-weight: normal;
}

.lightbox-target p
{
	font-size: 0.8vw;
}

/* Styles the close link, adds the slide down transition */

a.lightbox-close
{
	display: block;
	width: 30px;
	height: 30px;
	box-sizing: border-box;
	background: #333;
	color: white;
	text-decoration: none;
	position: absolute;
	top: -80px;
	right: 0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	border-radius: 50px;
	margin-right: 10px;
	margin-top: 10px;
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:before
{
	content: "";
	display: block;
	height: 10px;
	width: 2px;
	background: white;
	position: absolute;
	left: 14px;
	top: 10px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:after
{
	content: "";
	display: block;
	height: 10px;
	width: 2px;
	background: white;
	position: absolute;
	left: 14px;
	top: 10px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.lightbox-target:target
{
	opacity: 1;
	z-index: 999999;
}

section#form
{
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

.lightbox-target:target a.lightbox-close
{
	top: 0px;
}

/*  LIGHTBOX END */

/* Slick slider */
#slider
{
	width: 100%;
	height: 547px;
}

#slider .slick-slide
{
	width: 100%;
	height: 547px;
	background: transparent no-repeat center center;
	background-size: cover;
}

#slider .slick-arrow
{
	z-index: 99999;
	opacity: 0;
	transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-webkit-transition: opacity .4s ease-in-out;
	width: 56px;
	height: 56px;
}

#slider:hover .slick-arrow
{
	opacity: 1;
}

#slider .slick-arrow:before
{
	font-size: 56px;
}

#slider .slick-next
{
	right: 20px;
}

#slider .slick-prev
{
	left: 20px;
}