/*
Theme Name: Mount Barker
Theme URI: http://www.mtbarkerhomemakercentre.com.au/
Author: Digital Barn
Author URI: http://digitalbarn.com.au
Description: Website designed and developed for Mount Barker Shopping Centre. Designed by Tanja Dear Design and developed by Digital Barn.
Version: 1
*/

/*********************
******* RESETS *******
*********************/

body {
  font-size: 15px;
font-family: "pt-sans";
}

img {
  max-width: 100%;
  height: auto;
}

.row {
  margin-left: -2px;
  margin-right: -2px;
  margin-bottom: 4px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 2px;
  padding-right: 2px;
}

header img {
  width: 100%;
}

header .menu-menu-1-container {
    padding-top: 181px;
    background-image: url('images/leaves.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top right;
}

header ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

header ul li {
  margin: 0;
  float: left;
  width: 16.6666666%;
  padding: 0 2px;
}

header ul li a {
  background: #02002a;
  display: block;
  color: white;
  text-transform: uppercase;
  padding: 14px 5px;
  font-size: 0.9em;
  text-align: center;
  height: 47px;
}

header ul li a:hover, header ul li a:focus, header ul li.current-menu-item a {
background: #0eb2b4;
color: white;
text-decoration: none;
}

/*********************
****** HOMEPAGE ******
*********************/

.home img {
  width: 100%;
}

#opening {
  display: block;
  font-size: 2em;
  background: #00502f;
  color: white;
  text-align: center;
  padding: 15px 100px;
  position: relative;
}

#opening:focus, #opening:hover {
text-decoration: none;
}

#opening span {
  display: block;
  font-size: 0.400em;
}

#opening img {
  position: absolute;
  right:20px;
  bottom: 50%;
  margin-bottom: -16px;
  width: auto;
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}

#opening.open img {
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  bottom: 20px;
  margin-bottom: 0;
}

#opening div {
display: none;
}

#opening div h3 {
  margin: 10px 0 0;
  font-size: 0.5em;
font-weight: bold;
}

#opening div p {
  margin: 0;
  font-size: 0.5em;
}

.email {
  position: relative;
}

.email .email-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

h3.heading {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  color: black;
  font-weight: normal;
  padding-top: 8px;
  margin: 0 0 30px;
  position: relative;
}

h3.heading.green {
  color: #00502f;
}


footer {
  background: #00502f;
  color: white;
  text-align: center;padding: 15px;
  font-size: 1em;
  position:relative;
  margin-top: 30px;
}

footer a {
color: white;
text-decoration: underline;
}

footer img.leaf {
  position: absolute;
  width: auto;
  right: 20px;
  bottom: 0;
}

.attachment-page-banner {
width: 100%;
height: auto;
}

.entry-content {
padding: 30px 40px;
}

.entry-content p:first-child {
color: #0eb2b4;
font-weight: bold;
font-size: 1.200em;
}

.entry-content p {
font-size: 0.933em;
margin: 0.5em 0;
}

.entry-content h3 {
color: #0eb2b4;
font-size: 0.933em;
text-transform: uppercase;
margin: 2em 0 0.5em 0;
}

.entry-content a, .promotion a {
color: #000;
text-decoration: underline;
}


.row.promotions {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 30px;
}

.promotions .col-xs-1, .promotions .col-sm-1, .promotions .col-md-1, .promotions .col-lg-1, .promotions .col-xs-2, .promotions .col-sm-2, .promotions .col-md-2, .promotions .col-lg-2, .promotions .col-xs-3, .promotions .col-sm-3, .promotions .col-md-3, .promotions .col-lg-3, .promotions .col-xs-4, .promotions .col-sm-4, .promotions .col-md-4, .promotions .col-lg-4, .promotions .col-xs-5, .promotions .col-sm-5, .promotions .col-md-5, .promotions .col-lg-5, .promotions .col-xs-6, .promotions .col-sm-6, .promotions .col-md-6, .promotions .col-lg-6, .promotions .col-xs-7, .promotions .col-sm-7, .promotions .col-md-7, .promotions .col-lg-7, .promotions .col-xs-8, .promotions .col-sm-8, .promotions .col-md-8, .promotions .col-lg-8, .promotions .col-xs-9, .promotions .col-sm-9, .promotions .col-md-9, .promotions .col-lg-9, .promotions .col-xs-10, .promotions .col-sm-10, .promotions .col-md-10, .promotions .col-lg-10, .promotions .col-xs-11, .promotions .col-sm-11, .promotions .col-md-11, .promotions .col-lg-11, .promotions .col-xs-12, .promotions .col-sm-12, .promotions .col-md-12, .promotions .col-lg-12 {
  padding-left: 10px;
  padding-right: 10px;
}

.promotion h3 {
color: #0eb2b4;
font-size: 0.933em;
text-transform: uppercase;
margin: 2em 0 0.5em 0;
}

.promotion img {
margin: 0.5em 0 0.25;
}

.promotion p {
font-size: 0.933em;
margin: 0.5em 0;

}

#slider-holder {
    height: 470px;
}

#promo-holder {
    height: 568px;
}

.anythingSlider-default .anythingControls {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}

.anythingSlider-default .anythingControls a {
	background: #005030 !important;
	text-indent: -5000px !important;
	-webkit-border-radius: 50px;
border-radius: 50px;
margin: 10px 10px 10px 0 !important;
}

.anythingSlider-default .anythingControls a.cur, .anythingSlider-default .anythingControls a:hover {
	background: #B9D410 !important;
}

.slicknav_menu {
    margin: 15px;
}

@media all and (max-width: 1200px) {
header .menu-menu-1-container {
    padding-top: 141px;
}
#slider-holder {
height: 388px;
}

#promo-holder {
height: 468px;
}
}

@media all and (max-width: 992px) {
header .menu-menu-1-container {
    padding-top: 96px;
}
header ul li a {
font-size: 0.8em;
}
#slider-holder {
height: 297px;
}

#promo-holder {
height: 358px;
}

}

@media all and (max-width: 767px) {
header .menu-menu-1-container {
    padding-top: 2px;
}
header img {
width: auto;
    display: block;
    margin: auto;
}
header ul li {
float: none;
width: 100%;
}
#home {
display: block;
width: 100%;
background: #00502f;
}

#slider-holder {
display: none;
}

#promo-holder {
display: none;
}

#opening {
padding: 15px 100px 15px 15px;
}

}

    .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }