/*   
Theme Name: Station Apartments
Theme URI: https://www.stationapartments.co.uk
Description: A custom WordPress theme
Author: Alex Ketnor
Version: 1.00
*/

html {
    margin-top: 0px !important;
}

@font-face {
    font-family: open_sanslight;
    src: url(/wp-content/themes/stationapartments/OpenSans-Light-webfont.eot);
    src: url(/wp-content/themes/stationapartments/OpenSans-Light-webfont.eot?#iefix) format('embedded-opentype'), url(/wp-content/themes/stationapartments/OpenSans-Light-webfont.woff) format('woff'), url(/wp-content/themes/stationapartments/OpenSans-Light-webfont.ttf) format('truetype'), url(/wp-content/themes/stationapartments/OpenSans-Light-webfont.svg#open_sanslight) format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: open_sansbold;
    src: url(/wp-content/themes/stationapartments/OpenSans-Bold-webfont.eot);
    src: url(/wp-content/themes/stationapartments/OpenSans-Bold-webfont.eot?#iefix) format('embedded-opentype'), url(/wp-content/themes/stationapartments/OpenSans-Bold-webfont.woff) format('woff'), url(/wp-content/themes/stationapartments/OpenSans-Bold-webfont.ttf) format('truetype'), url(/wp-content/themes/stationapartments/OpenSans-Bold-webfont.svg#open_sansbold) format('svg');
    font-weight: 400;
    font-style: normal
}
body {
	font-family: open_sanslight, Arial, sans-serif;
	color:#6d6e71;
	overflow-x: hidden;
	text-align: center;
	margin-top: 0px; 
}

h1 {
  font-size: 1.7em; color:#b99057;
}
h2 {
  font-size: 1.7em;  color:#b99057;
}
h3 {
  font-size: 1.3em;  color:#b99057;
}

/* Center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #b99057;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#myDiv {
  display: none;
  text-align: center;
}

.img_full img {
	width:100%;
	height:auto;
}

.gold_text { color:#b99057;}


.margin_top { margin-top:30px; }

.margin_top_large { margin-top:20px; }
@media (min-width: 960px) {
.margin_top_large { margin-top:10px; }
}
@media (min-width: 1200px) {
.margin_top_large { margin-top:20px; }
}
@media (min-width: 1500px) {
.margin_top_large { margin-top:60px; }
}

.margin_bottom { margin-bottom:30px; }

.margin_bottom_large { margin-bottom:20px; }
@media (min-width: 960px) {
.margin_bottom_large { margin-bottom:30px; }
}
@media (min-width: 1200px) {
.margin_bottom_large { margin-bottom:40px; }
}
@media (min-width: 1500px) {
.margin_bottom_large { margin-bottom:60px; }
}

.padding_bottom_large { margin-bottom:20px; }
@media (min-width: 960px) {
.padding_bottom_large { margin-bottom:900px; }
}

.border_bottom { border-bottom:dotted 1px #b99057; }

.text_margin { padding-left:30px; padding-right:30px; }

.text_left { text-align: left; }

.fade_in1 {

    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.fade_in2 {
-webkit-animation: 3s ease 0s normal forwards 1 fadein;
    animation: 3s ease 0s normal forwards 1 fadein;
}

@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

.fade_in2_1 {
-webkit-animation: 3.1s ease 0s normal forwards 1 fadein;
    animation: 3.1s ease 0s normal forwards 1 fadein;
}

@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}
.fade_in2_2 {
-webkit-animation: 3.2s ease 0s normal forwards 1 fadein;
    animation: 3.2s ease 0s normal forwards 1 fadein;
}

@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}
.fade_in2_3 {
-webkit-animation: 3.3s ease 0s normal forwards 1 fadein;
    animation: 3.3s ease 0s normal forwards 1 fadein;
}

@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}
.fade_in2_4 {
-webkit-animation: 3.4s ease 0s normal forwards 1 fadein;
    animation: 3.4s ease 0s normal forwards 1 fadein;
}

@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}
.fade_in2_5 {
-webkit-animation: 3.5s ease 0s normal forwards 1 fadein;
    animation: 3.5s ease 0s normal forwards 1 fadein;
}

@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}
.fade_in2_6 {
-webkit-animation: 3.6s ease 0s normal forwards 1 fadein;
    animation: 3.6s ease 0s normal forwards 1 fadein;
}

@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}
.fade_in2_7 {
-webkit-animation: 3.7s ease 0s normal forwards 1 fadein;
    animation: 3.7s ease 0s normal forwards 1 fadein;
}

@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}
.fade_in2_8 {
-webkit-animation: 3.8s ease 0s normal forwards 1 fadein;
    animation: 3.8s ease 0s normal forwards 1 fadein;
}

@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

.fade_in3 {
-webkit-animation: 4s ease 0s normal forwards 1 fadein;
    animation: 4s ease 0s normal forwards 1 fadein;
}

@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

.fade_in4 {
-webkit-animation: 5s ease 0s normal forwards 1 fadein;
    animation: 5s ease 0s normal forwards 1 fadein;
}

@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

.nav_holder {
 position: static;
  left: 0px;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: auto;
  background-color: #fff;
  border: #ccc solid 1px;
}
@media (min-width: 960px) {
.nav_holder {
 position: fixed;
	height: 100%;
}
}

.menu_device {visibility:visible; }
@media (min-width: 960px) {
.menu_device {visibility: hidden;}
}
.menu_com {visibility: hidden; height:1px; }
@media (min-width: 960px) {
.menu_com {visibility:visible; height:auto; }
}

.nav-btn a:link {
	color:#6d6e71; display:block; text-align: center; margin-bottom:10px; text-decoration: none; padding-bottom:10px;  font-size: 1rem; font-weight:normal;
}
.nav-btn a:visited {color:#6d6e71;}
.nav-btn a:hover {color:#b99057;}
.nav-btn a:active {color:#6d6e71;}

@media (min-width: 960px) {
.nav-btn a:link {
	margin-bottom:15px; padding-bottom:10px; font-size: 0.8rem;
}
}
@media (min-width: 1200px) {
.nav-btn a:link {
	margin-bottom:20px; padding-bottom:10px; font-size: 0.8rem;
}
}
@media (min-width: 1500px) {
.nav-btn a:link {
	margin-bottom:30px; padding-bottom:20px; font-size: 1rem;
}
}

.nav-btn-img {
	color:#6d6e71; display:block; text-align: center; margin-bottom:10px; text-decoration: none; padding-bottom:10px;
	  background-image: url("/wp-content/themes/stationapartments/images/menu-bar.svg");
  background-repeat: no-repeat;
	background-position: bottom center;
}
@media (min-width: 960px) {
.nav-btn-img {
	 margin-bottom:30px;  padding-bottom:20px;
}
}

.nav-btn-menu a:link {
	font-size:1.1em; color:#6d6e71; display:block; text-align: center;  text-decoration: none; font-weight:normal;
}
.nav-btn-menu a:visited {color:#6d6e71;}
.nav-btn-menu a:hover {color:#b99057;}
.nav-btn-menu a:active {color:#6d6e71;}

.nav-btn-pointer {  margin: auto; width:60px; }

.back-btn-icon-holder { height:40px; visibility: visible;}
@media (min-width: 960px) {
.back-btn-icon-holder { visibility: hidden;  }
}
.back-btn-icon:link { display: block; position: absolute; z-index: 20; text-align: center; width: 100%; }

html {
  scroll-behavior: smooth;
}

#home {
  width: 100%;
  height: auto;
	float:left;
	padding-bottom:100px;
			  background-image: url("/wp-content/themes/stationapartments/images/texture.jpg");
  background-repeat: repeat;
}
@media (min-width: 960px) {
#home {
  height: 100%;
	padding-bottom:0px;
}
}

#about {
  width: 100%;
  height: auto;
  background-color: #fff;
	float:left;
	padding-bottom:100px;
}
@media (min-width: 960px) {
#about {
  height: auto;
	padding-bottom:0px;
}
}

#location {
  width: 100%;
  height: auto;
	 background-color: #fff;
	float:left;
	padding-bottom:100px;
}
@media (min-width: 960px) {
#location {
  height: auto;
	padding-bottom:0px;
}
}

#lifestyle {
  width: 100%;
  height: auto;
  background-color: #fff;
	float:left;
	padding-bottom:100px;
}
@media (min-width: 960px) {
#lifestyle {
  height: auto;
	padding-bottom:0px;
}
}

#apartments {
  width: 100%;
  height: auto;
  background-color: #fff;
	float:left;
	padding-bottom:100px;
}
@media (min-width: 960px) {
#apartments {
  height: auto;
	padding-bottom:0px;
}
}

#brasserie {
  width: 100%;
  height: auto;
  background-color: #fff;
	float:left;
	padding-bottom:100px;
}
@media (min-width: 960px) {
#brasserie {
  height: auto;
	padding-bottom:0px;
}
}

#latest {
  width: 100%;
  height: auto;
  background-color: #fff;
	float:left;
	padding-bottom:100px;
}
@media (min-width: 960px) {
#latest {
  height: auto;
	padding-bottom:0px;
}
}

#contact {
  width: 100%;
  height: auto;
  background-color: #fff;
	float:left;
	padding-bottom:100px;
}
@media (min-width: 960px) {
#contact {
  height: auto;
	padding-bottom:0px;
}
}

.pattern {
	  background-image: url("/wp-content/themes/stationapartments/images/texture.jpg");
  background-repeat: repeat;
}

/* Location */
#height_auto { height:auto; float: left; }
/* Location end */

/* Apartments */
.floors { display: block; position: absolute; z-index: 20; }
/* Apartments end */

.wpcf7-submit { background-color:#b99057; color:#fff; font-weight:bold; border:none; }

.wpcf7-response-output  {
  position: relative;
  left: 50%;
  top: 50%;
  z-index: 100;
}
.wpcf7-validation-errors  {
  position: relative;
  left: 50%;
  top: 50%;
  z-index: 100;
}