/*
Theme Name: Sunshinecove
Theme URI:
Description: Wordpress Custom theme
Version: 1.0
Author: Thirteen Digital
Author URI: http://thirteendigital.com.au/
*/

.hide {
  text-indent: -999px;
  overflow: hidden;
  font-size: 0;
}

a {
  text-decoration: none;
  outline: 0 !important;
}

a img, img {
  border: none;
  outline: 0;
}

a,
.button,
input[type="submit"],
input[type="button"],
input[type="text"] {
  cursor: pointer;
  -webkit-appearance: none;
}

strong {
  font-weight: 900;
}

#access,
img#printlogo { display: none; }


/* -------------------------------------------------
  Red be1732
  Grey 696b6d
  Drak grey 232323
*/

body, input, textarea {
	font-family: "proxima-nova", Helvetica, arial, sans-serif;
	font-size: 13px;
}

body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #232323;
  border-top: 6px solid #be1732;
}

.wrap {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

/* -------------------------------------------------
  Red be1732
  Grey 696b6d
  Drak grey 232323
*/

.outer-header {
  overflow: visible;
}

.header {
  overflow: visible;
  min-height: 210px;
  position: relative;
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.awards {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  margin: 20px;
}

#logo {
  margin: 20px auto;
  display: inline-block;
  overflow: hidden;
  width: 223px;
  height: 135px;
  background: url(images/logo.png) 0 0 no-repeat;
}

.links {
  position: absolute;
  bottom: 70px;
  right: 0;
  overflow: hidden;
}

.social {
  float: right;
  margin: 0 3px 5px 0;
}

.social a {
  display: inline-block;
  float: left;
  width: 28px;
  height: 28px;
}

a.google {
  background: url(images/social.png) 0px 0 no-repeat;
}

a.facebook {
  background: url(images/social.png) -28px 0 no-repeat;
  margin: 0 0 0 6px;
}

a.google:hover {
  background: url(images/social.png) 0px -56px no-repeat;
}

a.facebook:hover {
  background: url(images/social.png) -28px -56px no-repeat;
  margin: 0 0 0 6px;
}

.links h2 {
  display: block;
  text-align: right;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 400;
  color: #be1732;
  margin: 0;
  padding: 0;
  clear: both;
}

.links h3 {
  display: block;
  text-align: right;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 400;
  color: #232323;
  margin: 0;
  padding: 0;
  clear: both;
}

/* -------------------------------------------------
  Red be1732
  Grey 696b6d
  Drak grey 232323
*/

.mobile {
  display: none;
}

#nav {
  list-style: none;
  padding: 0;
  margin: 0 0 0 -409px;
  position: absolute;
  bottom: 5px;
  left: 50%;
  z-index: 999;
  text-align: left;
}

#nav>li {
  float: left;
  display: inline;
  position: relative;
  padding: 2px 7px;
}

#nav li>a {
  color: #232323;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  line-height: 15px;
  padding: 0 0 3px 0;
  text-transform: uppercase;
  border-bottom: #fff 7px solid;
}

#nav li a:hover,
.single-post #nav li.page-item-294>a,
.category #nav li.page-item-294>a,
#nav li.current_page_ancestor>a,
#nav li.current_page_item>a {
  color: #be1732;
  text-decoration: none;
  border-bottom: #be1732 7px solid;
}

/*####flyout#####*/

ul#nav a:hover,
ul#nav li:hover a,
ul#nav li:hover span {
  z-index: 99;
}

ul#nav li:hover ul  {
  display: block;
  color: #fff;
  z-index: 19999;
}

ul#nav ul {
  display: none;
  list-style: none;
  margin: 0;
  padding: 15px 0 0 0;
  position: absolute;
  top: 10px;
  left: 0;
  width: 250px;
  z-index: 19999;
  opacity: 0.95;
}

ul#nav ul li {
  float: none;
  display: block;
  margin: 0;
  padding: 0px;
  z-index: 19999;
}

ul#nav ul li a,
ul#nav li:hover ul li a,
#nav ul li.current_page_item>a  {
  background:none;
  float: none;
  border: none;
  display: block;
  width: auto;
  height: 1%;
  background: #fff;
  font-size: 13px;
  line-height: normal;
  padding: 6px 10px;
  float: none;
  color:#232323;
  z-index: 19999;
  border-bottom: 1px solid #f4f4f4;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

ul#nav ul li a:hover,
ul#nav li:hover ul li a:hover {
  background: #fff;
  color:#be1732;
  z-index: 19999;
}

ul#nav ul li a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
}

ul#nav ul li:last-child a {
  -webkit-border-radius: 0 0 4px 4px !important;
  -moz-border-radius: 0 0 4px 4px !important;
  border-radius: 0 0 4px 4px !important;
}

/* -------------------------------------------------
  Red be1732
  Grey 696b6d
  Drak grey 232323
*/

.outer-banner {
  overflow: hidden;
  position: relative;
  height: 400px;
}

.banner {
  width: 100%;
  height: 400px;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.banner .wrap {
  display: inline-block;
  position: relative;
   height: 400px;
}

.banner .wrap h1 {
  width: 200px;
  position: absolute;
  bottom: 40%;
  right: 0;
}

.cycle-prev,
.cycle-next {
  position: absolute;
  top: 0;
  width: 10%;
  z-index: 800;
  height: 100%;
  cursor: pointer;
  opacity: 0.1;
}

.cycle-prev {
  left: 0;
  background: url(images/prev.png) 25% 50% no-repeat;
}
.cycle-next {
  right: 0;
  background: url(images/next.png) 75% 50% no-repeat;
}

.cycle-prev:hover,
.cycle-next:hover {
  opacity: 1;
}


.welcome {
  overflow: hidden;
  margin: 20px 0;
}

.welcome-text {
  width: 76.6%;
  display: inline-block;
  float: left;
  margin:  0 0 0 1.6%;
  color: #696b6d;
  font-size: 19px;
  line-height: 28px;
}

.welcome-text p {
  font-size: 19px;
  line-height: 25px;
}

.welcome-text strong {
  color: #232323;
  font-weight: 600;
}

.live-here {
  width: 15.3%;
  text-align: center;
  background: #be1732;
  color: #fff;
  display: inline-block;
  float: left;
  margin:  10px 0 0 3.25%;
  text-transform: uppercase;
  font-size: 20px;
  padding: 12px 0;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.live-here:hover {
  background: #232323;
}

/* -------------------------------------------------
  Red be1732
  Grey 696b6d
  Drak grey 232323
*/

.pods {
  width: 32%;
  display: inline-block;
  float: left;
  padding: 10px 0;
  margin: 0 0 20px 0;
}
.p1 { border-top: 7px solid #c41733; }

.p2 {
  border-top: 7px solid #95192d;
  margin: 0 1% 20px 1%;
}
.p3 { border-top: 7px solid #581c26; }

.pods img {
  float: left;
  width: 25.26041666666667%;
  margin: 0 3.3854166666666664% 0 5.2083333333333336%;
}

.pods .info {
  float: left;
  width: 65%;
  margin: 0;
}

.pods .info h2 {
  font-size: 18px;
  color: #be1732;
  margin: 5px 0 0 0;
  padding: 0;
  text-transform: none;
}

.pods .info p {
  color: #696b6d;
  font-size: 13px;
  line-height: 15px;
  padding: 0;
  margin: 0 0 5px 0;
}

.pods .info a {
  display: inline-block;
  text-align: center;
  background: #232323;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  padding: 5px 15px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.pods .info a:hover {
  background: #be1732;
}

/* -------------------------------------------------
  Red be1732
  Grey 696b6d
  Drak grey 232323
*/

.outer-selling {
  background: #ededed;
  text-align: center;
  padding: 68px 0 0 0;
  height: 108px;
}

.outer-selling a {
  text-align: center;
  background: #be1732;
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  padding: 12px 28px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  display: inline-block;
}

.outer-selling a:hover {
  background: #232323;
}

.outer-selling p {
  color: #232323;
  text-transform: uppercase;
  font-size: 14px;
  margin: 5px 0;
}

/* subnav
-------------------------------------------------------------- */

.m-subnav {
  display: none;
}

#subnav {
  width: 20%;
  float: right;
  display: inline-block;
  position: relative;
}

#subnav h3,
#subnav h3 a {
  padding: 0;
  margin: 0;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  color: #000;
}

.cats {
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
}

.cats li {
  color: #232323;
  background: none;
  border-bottom: solid 1px #d3d3d3;
  padding-top: 10px;
  padding-bottom: 7px;
}

.cats li a {
  color: #232323;
  display: block;
  padding: 0;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
}

.cats li.last { border-bottom: none; }

.page-id-10 .cats li.red a,
.cats li.current-cat a,
.cats li.current_page_ancestor a,
.cats li.current_page_item a,
.cats li a:hover {
  color: #be1732;
}

.center {
  text-align: center;
}
.center p {
  color: #be1732;
  text-transform: uppercase;
  margin: 6px 0;
  font-size: 13px;
  line-height: 15px;
}

.center p a {
  color: #be1732;
}
.center p a:hover { color: #232323; }

/* -------------------------------------------------
  Red be1732
  Grey 696b6d
  Drak grey 232323
*/

.content-background {
 padding: 168px 0 0 0;
}

.content {
  max-width: 980px;
  width: 100%;
  padding: 50px;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  background-image: url('images/90white.png');
}

#text-panel {
  float: left;
  display: inline;
  width: 77%;
  overflow: hidden;
  text-align: left;
}

h1,
#text-panel h1,
#text-panel h1 a {
  padding: 0 0 8px 0;
  margin: 0;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 22px;
  line-height: 28px;
  font-weight: 400;
  color: #be1732;
  font-family: "trajan-pro-3", georgia, serif;
}
h2,
#text-panel h2,
#text-panel h2 a {
  padding: 0 0 8px 0;
  margin: 0;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 19px;
  line-height: 24px;
  font-weight: 400;
  color: #be1732;
}

#text-panel h3 {
  padding: 2px 0 8px 0;
  margin: 0;
  text-decoration: none;
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  color: #232323;
}

#text-panel h3 a {
  color: #be1732;
  text-decoration: underline;
  font-weight: 700;
}

#text-panel h4 {
  padding: 0 0 8px 0;
  margin: 0;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  color: #232323;
}

#text-panel h4 a {
  color: #be1732;
  text-decoration: underline;
}


p,
#text-panel p,
#text-panel li,
#text-panel table {
  font-weight: 300;
  font-size: 14px;
  margin: 0 0 9px 0;
}

#text-panel blockquote {
  margin: 0;
  padding: 0;
  text-indent: none;
}
#text-panel blockquote p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 9px 0;
}

#text-panel ul { list-style: none; line-height: 21px; padding: 0 0 0 10px; }
#text-panel ul li {
  background: url(images/li.png) 0 7px no-repeat;
  padding: 0 0 0 12px;
  display: block;
}
#text-panel ul ul li {
  background: url(images/li.png) 0 7px no-repeat;
}

#text-panel form ul li {
  background: none;
  padding: 0;
  display: inherit;
}

#text-panel a {
  color: #be1732;
  text-decoration: underline;
  font-weight: 400;
}

#text-panel a:hover { color: #232323; }

#text-panel .left {
  width: 420px;
  float: left;
  display: inline;
  overflow: hidden;
}

#text-panel .right {
  width: 280px;
  float: right;
  display: inline;
  overflow: hidden;
}

hr {
  border: none;
  border-bottom: #d3d3d3 1px solid;
  margin: 0 0 10px 0;
  padding: 0;
  height: 1px;
  clear: both;
}

.comment-count {
  padding: 8px 20px;
  background: #f0f0f1;
  margin: 0 0 30px 0;
}

.iframe {
  width: 190px;
  height: 84px;
  background: url(images/interactive-button.png) 0 0 no-repeat;
  display: inline-block;
  float: left;
  margin: 0;
  text-indent: -9999px;
  overflow: hidden;
}
.iframe:hover {
  background: url(images/interactive-button.png) 0 -84px no-repeat;
}


/*
-------------------------------------------------------------- */

.page-id-188 .text {
  width: 60%;
  float: right;
  display: inline-block;
}

#contact-details {
  float: left;
  display: inline-block;
  font-size: 15px;
  padding-bottom: 100px;
  width: 32%;
}

/*
-------------------------------------------------------------- */

.page-template-page-testimonials-php blockquote {
  background: url(images/quote-top.png) top left no-repeat;
  position: relative;
  padding: 0 0 0 20px !important;
  display: block;
  font-style: italic;
  overflow: hidden;
}

.page-template-page-testimonials-php .quote .last {
  background: url(images/quote-bottom.png) bottom right no-repeat;
  position: relative;
  margin: 0 0 0 5px;
  display: inline-block;
  height: 12px;
  width: 12px;
}

.page-template-page-testimonials-php blockquote img {
  float: right;
  display: inline;
  border: 2px solid #dbdbdb;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin: 0 0 10px 15px;
}

.page-template-page-testimonials-php .quote-name {
  padding: 0 0 15px 20px;
  margin: 0 0 15px 0;
  font-style: italic;
  border-bottom: 1px solid #dbdbdb;
}

.page-template-page-testimonials-php .quote p {
  font-style: italic;
}

/* -------------------------------------------------
  Red be1732
  Grey 696b6d
  Drak grey 232323
*/

#adv-custom-pager {
  padding: 10px;
}

#adv-custom-pager img {
  margin: 3px;
}

/* -------------------------------------------------
  Red be1732
  Grey 696b6d
  Drak grey 232323
*/

.news-post a img {
  width: 30%;
  float: left;
  display: inline-block;
  margin: 0 20px 10px 0;
  overflow: hidden;
  border: 2px solid #dbdbdb;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

#text-panel p.post-date {
  font-size: 12px;
  font-style: italic;
  margin: 0;
  padding: 0;
}

.single-thumb {
  width: 50%;
  float: right;
  display: inline-block;
  margin: 0 0 10px 20px;
  border: 2px solid #dbdbdb;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.comment-count {
  clear: both;
}


div.wp-pagenavi {
  margin: 20px 0;
}

div.wp-pagenavi a {
  text-decoration: none !important;
  padding: 3px 8px;
  color: #fff !important;
  border: none;
}

div.wp-pagenavi span.pages {
  background: #232323;
  color: #fff !important;
  border: none;
}

div.wp-pagenavi span.current {
  padding: 3px 8px;
  background: #be1732;
  color: #fff !important;
  border: none;
}

div.wp-pagenavi .page {
  background: #232323;
  color: #fff !important;
}
div.wp-pagenavi a.previouspostslink,
div.wp-pagenavi a.nextpostslink {
  background: #232323;
  color: #fff !important;
  border: none;
}


/* Begin Comments
-----------------------------------------------------------*/

#respond {
    overflow: hidden;
    width: 465px;
}

#commentform {
  width: 100%;
}

#commentform input[type="text"],
#commentform input[type="email"] {
  width: 92%;
  border: 1px solid #ccc;
  height: 25px;
  padding: 0 0 0 4px;
}
#commentform textarea {
  border: 1px solid #ccc;
  width: 100%;
}

#commentform p {
  width: 100%;
  clear: both;
}

.logged-in #commentform .list2,
#commentform .list4 {
  width: 90%;
  float: left;
  display: inline;
  clear: both;
}

#commentform small {
  color: #000;
}

.comment-author {
  font-size: 13px;
  font-weight: normal;
  padding: 0 0 8px 0;
  font-family: Georgia, serif;
  color: #ed6e66;
  font-style: italic;
}

.comment-meta a {
  font-size: 11px;
  color: #666 !important;
}

div#text-panel .comment-meta p {
  font-size: 14px;
  font-style: italic !important;
  font-family: Georgia, serif;
}

.alt {
  margin: 0;
  padding: 10px;
  }

.commentlist {
  padding: 0;
  text-align: justify;
  width: 96%;
  }

.commentlist li {
  margin: 15px 0 10px;
  padding: 5px 5px 10px 10px;
  list-style: none;
  background: #f2f2f2;
  -webkit-border-radius: 10px;
    border-radius: 10px;
  }
.commentlist li ul li {
  margin-right: -5px;
  margin-left: 10px;
}

.commentlist p {
  margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
  margin: 5px 0;
  }

.nocomments {
  text-align: center;
  margin: 0;
  padding: 0;
  }

.commentmetadata {
  margin: 0;
  display: block;
  }

.red {
  color: #cf3639;
}

/* -------------------------------------------------
  Red be1732
  Grey 696b6d
  Drak grey 232323
*/

.gform_wrapper .top_label .gfield_label {
  margin: 0;
}

.gform_wrapper {
  width: 100%;
  float: left;
  display: inline;
}

.gform_wrapper .gform_footer {
  padding: 0 0 10px 0 !important;
  margin: 0  !important;
  clear: both;
}

.gform_wrapper label {
	font-weight: 400 !important;
}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="password"],
.gform_wrapper textarea {
  -moz-box-sizing: border-box;
  -moz-border-radius: 2px;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0 1px 0 white, inset 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 0 white, inset 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 white, inset 0 1px 1px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #aaa;
  border-bottom-color: #ccc;
  border-radius: 2px;
  margin: 0;
  outline: none;
  padding: 6px 8px;
  vertical-align: middle;
  width: 100%;
  font-weight: 300;
}
.gform_wrapper input[type="text"]:focus, .gform_wrapper input[type="url"]:focus, .gform_wrapper input[type="email"]:focus, .gform_wrapper input[type="tel"]:focus, .gform_wrapper input[type="number"]:focus, .gform_wrapper input[type="password"]:focus, .gform_wrapper textarea:focus {
  border: 1px solid #6cf;
}

.gform_wrapper select {
	height: 28px;
	background: #fff;
}

.gform_wrapper .gform_footer {
  padding: 0 0 10px 0;
  margin: 0;
}
.gform_wrapper div.validation_error {
  color: #d65455;
  font-size: 1em;
  font-weight: normal;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
  margin-top: 0;
  margin-bottom: 0 !important;
  padding-left: 0 !important;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: transparent;
  margin-bottom: 0 !important;
  padding: 0 !important;
  border-top: none;
  border-bottom: none;
}
.gform_wrapper .gfield_error .gfield_label {
  color: #d65455;
}
.gform_wrapper li.gfield_error input[type=text], .gform_wrapper li.gfield_error input[type=url], .gform_wrapper li.gfield_error input[type=email], .gform_wrapper li.gfield_error input[type=tel], .gform_wrapper li.gfield_error input[type=number], .gform_wrapper li.gfield_error input[type=password], .gform_wrapper li.gfield_error textarea {
  border: 1px solid #d65455;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
  margin-top: 0;
  margin: 5px 0 0 0;
  font-weight: bold;
}
.gform_wrapper .ginput_container + .gfield_description.validation_message {
  margin-top: 0;
}
.gform_wrapper .top_label .gfield_description.validation_message, .gform_wrapper .gfield_description.validation_message {
  padding: 0 !important;
}
.gform_wrapper div.validation_error {
  margin-bottom: 0;
}
.gform_wrapper li, .gform_wrapper form li {
  padding: 0;
}
.gform_wrapper .top_label .gfield_error {
  width: 100%;
}
.gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] { margin: 4px; }


.gform_wrapper .gform_footer {
	padding: 20px 0 0 0;
	margin: 0;
	text-align: right;
}
.button {
  text-align: center;
  background: #be1732;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
  font-size: 18px;
  padding: 8px 20px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: none;
}

.button:hover {
  background: #232323;
}

#text-panel a.button {
  margin: 30px 0 30px 0;
  color: #FFF;
  text-decoration: none;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
	font-weight: normal !important;
}

.gform_wrapper textarea.small {
	height: 50px;
}

.gform_wrapper li.gfield.gf_list_5col ul.gfield_radio li {
	margin-bottom: 0;
}

/* -------------------------------------------------
  Red be1732
  Grey 696b6d
  Drak grey 232323
*/

.outer-logo {
  background: #9d192e;
  text-align: center;
  padding: 30px 0;
}

.outer-footer {
  background: #232323;
  position: relative;
}

.outer-footer p {
  float: right;
  margin: 10px 0;
  color: #696b6d;
  font-size: 11px;
  line-height: 15px;
  text-align: right;
  text-transform: uppercase;
}

.outer-footer a {
   color: #696b6d;
}

.outer-footer a:hover {
   color: #be1732;
}

.outer-footer .social {
  float: left;
  margin: 10px 0;
}

.outer-footer a.google {
  background: url(images/social.png) 0px -28px no-repeat;
}

.outer-footer a.facebook {
  background: url(images/social.png) -28px -28px no-repeat;
  margin: 0 0 0 6px;
}

.outer-footer a.google:hover {
  background: url(images/social.png) 0 0 no-repeat;
}

.outer-footer a.facebook:hover {
  background: url(images/social.png) -28px 0 no-repeat;
  margin: 0 0 0 6px;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
	margin-right: 0 !important;
}

@media only screen and (max-width: 610px) {
  .desktop-only {
    display: none;
  }
}