@import url(http://fonts.googleapis.com/css?family=Varela+Round|Varela);
@import url(http://fonts.googleapis.com/css?family=Carme);
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,300,600);
@import url("css/font.css");
/*

Theme Name: Mornington
Theme URI: http://www.fauvdesign.com.au
Description: Theme for Mornington
Author: Fauvdesign
Author URI: http://www.fauvdesign.com.au
Version: 1.0

Comments: Stylesheet has been developed with LESS

*/
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	
	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: 'Titillium Web', Arial, sans-serif;
  vertical-align: baseline;
  background: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  overflow-x: hidden;
}
p {
  margin: 10px 0px;
}
h1,
h2 {
  font-weight: 600;
  color: #881518;
  padding-bottom: 20px;
  font-size: 20px;
  text-transform: uppercase;
}
h1 {
  font-size: 30px;
  letter-spacing: 5px;
}
article,
aside,
figure,
footer,
header,
nav,
section,
details,
summary {
  display: block;
}
img,
object,
embed {
  max-width: 100%;
}
html {
  overflow-y: scroll;
}
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit;
  font: 100%;
  box-shadow: none;
}
th {
  font-weight: bold;
  vertical-align: bottom;
}
td {
  font-weight: normal;
  vertical-align: top;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word;
}
input[type=submit] {
  width: 200px;
  background: #881518;
  color: white;
}
input[type=submit]:hover {
  background: #d61729;
}
input[type="radio"] {
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
.ie6 input {
  vertical-align: text-bottom;
}
select,
input,
textarea {
  font: 99% sans-serif;
}
small {
  font-size: 85%;
}
strong {
  font-weight: bold;
}
td,
td img {
  vertical-align: top;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}
button,
input,
select,
textarea {
  margin: 0;
}
button {
  width: auto;
  overflow: visible;
}
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
header,
nav,
section,
article,
aside,
footer {
  display: block;
}
#ie-warning {
  display: none;
}
header {
  position: relative;
  z-index: 3;
}
.menu-main-nav-container ul {
  clear: both;
}
#homepageHeader {
  width: 100%;
  background-size: 100%;
  position: relative;
  overflow: hidden;
  margin: auto;
  clear: both;
}
@media screen and (min-width: 320px) and (max-width: 2000px) {
  #homepageHeader .smallHeader {
    display: none;
    -webkit-box-shadow: 20px;
    -moz-box-shadow: 20px;
    box-shadow: 20px;
  }
}
@media screen and (min-width: 1650px) {
  #homepageHeader .smallHeader {
    display: block;
  }
}
@media screen and (min-width: 320px) and (max-width: 2000px) {
  #homepageHeader .largeHeader {
    display: block;
  }
}
@media screen and (min-width: 1650px) {
  #homepageHeader .largeHeader {
    display: none;
  }
}
#homepageHeader > img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
  display: block;
  top: 1px;
}
.homepageNav {
  width: 100%;
  z-index: 2;
  margin-top: 10px;
}
.homepageNav a {
  text-shadow: 0px;
  -webkit-transition: text-shadow 0.5s;
  -moz-transition: text-shadow 0.5s;
  -ms-transition: text-shadow 0.5s;
  -o-transition: text-shadow 0.5s;
  transition: text-shadow 0.5s;
  color: #e46c47;
}
.homepageNav a:hover {
  text-decoration: none;
}
.homepageNav .container span {
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
}
.homepageNav .homeImageContainer {
  max-width: 150px;
  float: left;
}
.homepageNav .linkImage {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
.homepageNav .linkImage img {
  display: block;
  margin: auto;
  margin-bottom: 10px;
  max-width: 120px;
  height: auto;
  border-radius: 50%;
  border: 0px solid #881518;
  transition: border-width 0.1s ease-in-out;
}
.homepageNav .linkImage a:hover img {
  border-width: 5px;
}
#headerLeft {
  text-align: left;
}
#headerRight {
  text-align: right;
  padding-top: 20px;
}
@media screen and (min-width: 320px) and (max-width: 860px) {
  #headerRight {
    display: none;
  }
}
#headerRight .searchArea {
  float: right;
  width: 100%;
  padding-bottom: 20px;
}
#headerRight .searchArea .socialLinks {
  color: #881518;
  display: inline-block;
  position: relative;
  top: 4px;
  right: 10px;
}
#headerRight .searchArea .socialLinks ul li {
  display: inline-block;
  font-size: 18px;
}
#headerRight .searchArea .socialLinks ul li .icon-facebook-3:hover {
  color: #3b5998;
}
#headerRight .searchArea .socialLinks ul li .icon-twitter-3:hover {
  color: #4099ff;
}
#headerRight .searchArea .socialLinks ul li:hover {
  cursor: pointer;
}
#headerRight .contactArea {
  font-size: 18px;
  color: #881518;
  float: right;
  width: 100%;
}
#headerRight .contactArea .contactNumber {
  font-size: 30px;
}
#headerRight .contactArea .contactNumber a {
  color: #881518;
}
#searchform {
  display: inline-block;
}
#searchform input#searchField {
  width: 170px;
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 12px;
  padding: 7px;
  background-color: #881518;
  color: #fff;
}
#searchform input#searchField::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #ccc;
}
#searchform input#searchField:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ccc;
  opacity: 1;
}
#searchform input#searchField::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ccc;
  opacity: 1;
}
#searchform input#searchField:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #ccc;
}
input,
textarea {
  width: 100%;
  max-width: 100%;
  border-radius: 5px;
  border: 1px solid #f3f3f3;
  padding: 10px;
}
input#signmeup,
textarea#signmeup {
  background: #a74511;
  background: -moz-linear-gradient(top, #a74511 0%, #e46b47 69%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a74511), color-stop(69%, #e46b47));
  background: -webkit-linear-gradient(top, #a74511 0%, #e46b47 69%);
  background: -o-linear-gradient(top, #a74511 0%, #e46b47 69%);
  background: -ms-linear-gradient(top, #a74511 0%, #e46b47 69%);
  background: linear-gradient(to bottom, #a74511 0%, #e46b47 69%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a74511', endColorstr='#e46b47', GradientType=0);
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #e46b47;
  width: 120px;
  margin-top: 10px;
}
input#signmeup:hover,
textarea#signmeup:hover {
  background: #e46b47;
}
input#youremail,
textarea#youremail {
  background: #f5f5f5;
  color: #000;
  border: 0px;
  padding: 10px;
}
.cycloneslider-template-standard {
  position: absolute !important;
  margin-bottom: 30px !important;
  outline: medium none !important;
  top: 2px !important;
  z-index: 1 !important;
  width: 100%;
  max-width: 100% !important;
  overflow: hidden;
}
.cycloneslider-template-standard .cycloneslider-slide img {
  width: 100%;
  max-width: 2000px;
}
#mainNav {
  width: 100%;
  margin: 30px 0 15px 0;
}
#mainNav img {
  max-width: 1962px;
  width: 1962px;
  max-height: 360px;
  height: 360px;
  position: absolute;
}
@media screen and (min-width: 1960px) {
  #mainNav img {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 861px) {
  #mainNav img {
    left: 0px;
  }
}
@media screen and (min-width: 320px) and (max-width: 860px) {
  #mainNav img {
    left: -800px;
  }
}
#mainNav nav {
  text-align: center;
}
#mainNav nav a {
  color: #881518;
}
#mainNav nav a:hover {
  color: #e46c47;
  text-decoration: none;
}
#mainNav nav #menu-main-nav > li {
  margin-bottom: 15px;
}
#mainNav nav ul li {
  display: inline-block;
  padding: 0px 20px;
  font-size: 16px;
  letter-spacing: 2px;
  font-weight: 600;
  text-transform: uppercase;
}
#mainNav nav ul li:hover ul {
  display: block;
}
#mainNav nav ul ul {
  display: none;
  position: absolute;
  z-index: 999;
  background: #e46c47;
  text-align: left;
  width: 280px;
}
#mainNav nav ul ul li {
  width: 100%;
  padding: 5px 20px 5px 20px;
}
#mainNav nav ul ul li a {
  color: #fff;
}
#mainNav nav ul ul li a:hover {
  color: #881518;
}
#navBackground.header nav {
  text-align: center;
}
#content {
  margin-top: 20px;
  margin-bottom: 75px;
  position: relative;
  display: block;
}
.featuredImageContainer {
  margin-top: 5%;
}
.featuredImageBackground {
  position: absolute;
  width: 100%;
  height: auto;
}
#featuredImage {
  position: relative;
  text-align: center;
  height: auto;
}
#featuredImage .bannerShadow {
  background: url('img/shadow.png') no-repeat;
  background-size: 95%;
  position: absolute;
  width: 100%;
  max-width: 1054px;
  height: 30px;
  bottom: -23px;
  z-index: 1;
}
#featuredImage img {
  width: 100%;
  max-width: 1024px;
  height: auto;
  max-height: 223px;
  left: 0px;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 861px) {
  #sidebar {
    border-left: 2px solid #881518;
    height: 100%;
  }
}
#sidebar .sidebarMap {
  margin-bottom: 20px;
}
#sidebar .widget {
  margin-bottom: 40px;
}
#sidebar .widget:first-child {
  font-weight: 600;
}
#sidebar .menu-ministries-container {
  margin-bottom: 60px;
}
#sidebar .menu-ministries-container #menu-ministries li {
  margin: 5px 0px 0px 0px;
}
#sidebar ul {
  padding-left: 15px;
}
#sidebar li a {
  color: #626262;
}
#sidebar li a:hover {
  color: #881518;
}
#sidebar #sideHolder {
  margin-top: 20px;
}
#sidebar #sideHolder h4 {
  font-size: 22px;
  text-transform: uppercase;
}
/*
* Row with equal height columns 
* --------------------------------------------------     
*/
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 320px) and (max-width: 860px) {
  div#sidebar:after {
    height: auto;
  }
}
#sidebar .sidey-menu h3,
#sidebar li.current_page_item a {
  font-size: 16px;
  color: #881518;
  padding: 4px 0px 4px 15px;
  background: url('img/arrow.jpg') no-repeat left center transparent;
  background-size: 11px 12px;
}
#sidebar .sidey-menu h3,
#sidebar h3 {
  font-size: 22px;
  text-transform: uppercase;
  color: #881518;
  margin-bottom: 10px;
}
.container.internal {
  margin-bottom: 50px;
  margin-top: 50px;
}
footer {
  min-height: 230px;
  width: 100%;
  clear: both;
  padding: 70px 0px 40px 0px;
  background: #f5f5f5;
  font-size: 14px;
}
footer a {
  color: #626262;
}
footer a:hover {
  color: #d61729;
}
footer ul .sub-menu {
  padding-left: 20px;
}
footer ul .sub-menu li a {
  color: #626262;
}
footer ul .sub-menu li a:hover {
  color: #d61729;
}
footer ul li {
  padding: 5px 0px;
}
ol li {
  margin-left: 23px;
}
.opShopHours td {
  padding-top: 7px;
}
.primaryBullets li {
  list-style: disc;
}
.secondaryBullets li {
  list-style: circle;
  margin-left: 25px;
}
.governanaceListSecondary {
  list-style-type: lower-alpha;
}
.governanaceListTertiary {
  list-style-type: lower-roman;
}
#lightbox-wrap {
  position: fixed !important;
  top: 5px !important;
}



@media (min-width: 768px) {

  #content {
    display: table;
  }
  #contentArea,
  #sidebar {
    display: table-cell;
    float: none;
  }
}