/*

Theme Name: Regenerating the Church
Theme URI: http://www.
Description: Theme for Regenerating the Church
Author: Adstract Digital
Author URI: http://www.adstract.com.au
Version: 1.0

Comments: Stylesheet has been developed with LESS

*/
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Varela+Round|Varela);
@import url(http://fonts.googleapis.com/css?family=Carme);
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%;
  vertical-align: baseline;
  background: transparent;
}
html table,
body table,
body div table,
span table,
object table,
iframe table,
h1 table,
h2 table,
h3 table,
h4 table,
h5 table,
h6 table,
p table,
blockquote table,
pre table,
abbr table,
address table,
cite table,
code table,
del table,
dfn table,
em table,
img table,
ins table,
kbd table,
q table,
samp table,
small table,
strong table,
sub table,
sup table,
var table,
b table,
i table,
dl table,
dt table,
dd table,
ol table,
ul table,
li table,
fieldset table,
form table,
label table,
legend table,
table table,
caption table,
tbody table,
tfoot table,
thead table,
tr table,
th table,
td table,
article table,
aside table,
figure table,
footer table,
header table,
menu table,
nav table,
section table,
time table,
mark table,
audio table,
video table,
details table,
summary table {
  background-color: transparent;
  box-shadow: none;
  border: 0px;
}
html table td,
body table td,
body div table td,
span table td,
object table td,
iframe table td,
h1 table td,
h2 table td,
h3 table td,
h4 table td,
h5 table td,
h6 table td,
p table td,
blockquote table td,
pre table td,
abbr table td,
address table td,
cite table td,
code table td,
del table td,
dfn table td,
em table td,
img table td,
ins table td,
kbd table td,
q table td,
samp table td,
small table td,
strong table td,
sub table td,
sup table td,
var table td,
b table td,
i table td,
dl table td,
dt table td,
dd table td,
ol table td,
ul table td,
li table td,
fieldset table td,
form table td,
label table td,
legend table td,
table table td,
caption table td,
tbody table td,
tfoot table td,
thead table td,
tr table td,
th table td,
td table td,
article table td,
aside table td,
figure table td,
footer table td,
header table td,
menu table td,
nav table td,
section table td,
time table td,
mark table td,
audio table td,
video table td,
details table td,
summary table td {
  padding: 10px 0px;
}
/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
article,
aside,
figure,
footer,
header,
nav,
section,
details,
summary {
  display: block;
}
/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {
  max-width: 100%;
}
/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll;
}
/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
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;
}
/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  font-weight: bold;
  vertical-align: bottom;
}
td {
  font-weight: normal;
  vertical-align: top;
}
/* Fixes up the Calendar Table */
footer .days-names {
  display: none;
}
footer table.fullcalendar td {
  height: 30px;
  font-size: 20px;
  color: #fff;
  text-align: center;
}
footer table.em-calendar td.eventless-today,
table.em-calendar td.eventful-today {
  background-color: #70AB38;
}
.eventsFooter {
  margin-top: 10px;
}
footer div.em-calendar-wrapper {
  position: relative;
  width: 235px;
  height: auto;
  min-height: 210px;
  margin: 0px;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  footer div.em-calendar-wrapper {
    margin: auto;
  }
}
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;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */
}
input[type="radio"] {
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}
.ie6 input {
  vertical-align: text-bottom;
}
select,
input,
textarea {
  font: 99% sans-serif;
}
table {
  font-size: inherit;
  font: 100%;
}
small {
  font-size: 85%;
}
strong {
  font-weight: bold;
}
td,
td img {
  vertical-align: top;
}
/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* standardize any monospaced elements */
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
  margin: 0;
}
/* make buttons play nice in IE */
button {
  width: auto;
  overflow: visible;
}
/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
/* let's clear some floats */
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
/* Force IE8 and lower to recognise new element as block */
header,
nav,
section,
article,
aside,
footer {
  display: block;
}
/*__LESS Variables________________________________________________________________________________________________*/
/*__Standard CSS_________________________________________________________________________________________________*/
html {
  width: 100%;
  height: 100%;
  background: white;
  margin: 0;
  padding: 0;
}
body {
  width: 100%;
  height: 100%;
  background: white;
  margin: 0;
  padding: 0;
  font-family: 'Varela', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bodyCol {
  position: relative;
  margin: 0 auto 0 auto;
}
@media screen and (min-width: 1501px) {
  .bodyCol {
    width: 1400px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  .bodyCol {
    width: 1200px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  .bodyCol {
    width: 96%;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  .bodyCol {
    width: 96%;
  }
}
#ie-warning {
  display: none;
}
#mobile-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999999;
  width: 100%;
  height: 50px;
  background: black;
}
@media screen and (min-width: 1501px) {
  #mobile-nav {
    display: none;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #mobile-nav {
    display: none;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #mobile-nav {
    display: block;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #mobile-nav {
    display: block;
  }
}
#mobile-nav ul {
  width: 100%;
  text-align: center;
  padding: 10px 0 0 0;
}
#mobile-nav ul a {
  outline: none;
  color: white;
  text-decoration: none;
}
#mobile-nav ul a li {
  list-style-type: none;
  display: inline-block;
  height: 30px;
  background: url('img/icon_mobMenu@2x.png') no-repeat left center transparent;
  background-size: 30px 30px;
  padding: 0 0 0 34px;
  line-height: 30px;
  margin: 0 10px 0 0;
}
#sidr-left #searchform {
  margin: 0px;
  margin-left: 0px;
  padding: 0px;
}
#sidr-left #searchform #searchField {
  width: 100%;
  border-radius: 5px;
  border: 0px;
  padding: 8px 10px;
  font-weight: 100;
  font-size: 22px;
  /* height: 120px; */
  margin-bottom: 0px;
}
#top-login-form-wrap {
  display: none;
  float: left;
  width: 100%;
  height: 100px;
  background: black;
}
#top-login-form-wrap #top-login-form {
  float: left;
  width: auto;
  height: 100px;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #top-login-form-wrap #top-login-form {
    width: 230px;
  }
}
#top-login-form-wrap #top-login-form #form {
  text-align: left;
  margin: 25px 0 0 0;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #top-login-form-wrap #top-login-form #form {
    margin: 10px 0 0 0;
  }
}
#top-login-form-wrap #top-login-form #form input.text {
  padding: 10px;
  border: 0;
  border-radius: 4px;
  outline: none;
  font-family: 'Varela Round', sans-serif;
  font-size: 24px;
  color: #ccc;
}
@media screen and (min-width: 1501px) {
  #top-login-form-wrap #top-login-form #form input.text {
    width: 400px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #top-login-form-wrap #top-login-form #form input.text {
    width: 400px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #top-login-form-wrap #top-login-form #form input.text {
    width: 200px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #top-login-form-wrap #top-login-form #form input.text {
    width: 150px;
    font-size: 20px;
    padding: 5px;
    margin: 5px 0 0 0;
  }
}
#top-login-form-wrap #top-login-form #form input.submit {
  background: #70ab38;
  padding: 10px;
  border: 0;
  border-radius: 4px;
  outline: none;
  font-family: 'Varela Round', sans-serif;
  font-size: 24px;
  color: white;
  transition: background 0.2s ease-in;
  -webkit-appearance: none;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #top-login-form-wrap #top-login-form #form input.submit {
    font-size: 18px;
    padding: 6px;
    margin: 5px 0 0 0;
  }
}
#top-login-form-wrap #top-login-form #form input.submit:hover {
  background: #d72428;
  transition: background 0.1s ease-in;
}
#top-login-form-wrap #close-button {
  float: right;
  width: auto;
  background: #d72428;
  margin: 25px 0 10px 0;
  padding: 12px 10px;
  border-radius: 4px;
  border: 0;
  outline: none;
  font-family: 'Varela Round', sans-serif;
  font-size: 20px;
  line-height: 24px;
  color: white;
  text-align: center;
  text-transform: uppercase;
  transition: background 0.2s ease-in;
  -webkit-appearance: none;
}
#top-login-form-wrap #close-button a {
  color: black;
  text-decoration: none;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #top-login-form-wrap #close-button {
    width: 40px;
    font-size: 10px;
    margin: 10px 0 0 0;
    padding: 5px 10px;
  }
}
.button {
  display: inline-block;
  background: none repeat scroll 0% 0% #000;
  padding: 5px 10px;
  border-radius: 5px;
  outline: medium none;
  font-size: 14px;
  color: #000;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  transition: #6363ce 0.2s ease-in 0s;
}
.button:hover {
  background: #d72428;
  transition: background 0.1s ease-in;
}
.button a {
  text-decoration: none;
  color: #fff;
}
.entry .button {
  float: right;
  color: #fff;
}
header {
  float: left;
  position: relative;
  width: 100%;
  background: #1c1d1d;
}
@media screen and (min-width: 1501px) {
  header {
    height: 150px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  header {
    height: 125px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  header {
    height: 100px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  header {
    height: 75px;
  }
}
header #logo {
  position: absolute;
  top: 0;
  left: 0;
  background: black;
  text-align: center;
}
@media screen and (min-width: 1501px) {
  header #logo {
    width: 250px;
    height: 250px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  header #logo {
    width: 200px;
    height: 200px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  header #logo {
    width: 150px;
    height: 150px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  header #logo {
    width: 100px;
    height: 100px;
  }
}
@media screen and (min-width: 1501px) {
  header #logo img {
    margin: 30px 0 0 0;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  header #logo img {
    max-width: 80%;
    max-height: 80%;
    margin: 30px 0 0 0;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  header #logo img {
    max-width: 80%;
    max-height: 80%;
    margin: 20px 0 0 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  header #logo img {
    max-width: 90%;
    max-height: 90%;
    margin: 10px 0 0 0;
  }
}
header #loginBlock {
  position: absolute;
  z-index: 3;
  background: transparent;
  right: 0;
}
@media screen and (min-width: 1501px) {
  header #loginBlock {
    width: 200px;
    margin: 25px 0 0 0;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  header #loginBlock {
    width: 200px;
    margin: 15px 0 0 0;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  header #loginBlock {
    width: 200px;
    margin: 25px 0 0 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  header #loginBlock {
    width: 140px;
    margin: 10px 0 0 0;
  }
}
header #loginBlock #top {
  float: left;
  width: 100%;
  height: 24px;
  text-align: right;
  font-size: 20px;
  color: white;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  header #loginBlock #top span.text {
    display: none;
  }
}
header #loginBlock #top a {
  display: inline-block;
  background: #d72428;
  padding: 0 10px 0 10px;
  border-radius: 5px;
  outline: none;
  font-size: 14px;
  color: black;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 0.2s ease-in;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  header #loginBlock #top a {
    line-height: 34px;
    padding: 10px;
  }
}
header #loginBlock #top a:hover {
  background: #70ab38;
  transition: background 0.1s ease-in;
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  header #loginBlock #top a:hover {
    background: #d72428;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  header #loginBlock #top a:hover {
    background: #d72428;
  }
}
header #loginBlock #top a:active {
  background: #70ab38;
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  header #loginBlock #top a:active {
    background: #70ab38;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  header #loginBlock #top a:active {
    background: #70ab38;
  }
}
header #loginBlock #bottom {
  float: left;
  width: 100%;
  height: 24px;
  text-align: right;
  font-size: 12px;
  color: white;
}
@media screen and (min-width: 1501px) {
  header #loginBlock #bottom {
    margin: 5px 0 0 0;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  header #loginBlock #bottom {
    margin: 5px 0 0 0;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  header #loginBlock #bottom {
    margin: 5px 0 0 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  header #loginBlock #bottom {
    margin: 5px 0 0 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  header #loginBlock #bottom span.text {
    display: none;
  }
}
header #loginBlock #bottom a {
  color: white;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  header #loginBlock #bottom a {
    display: none;
  }
}
header #loginBlock #bottom a:hover {
  color: #70ab38;
}
header nav {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 50px;
  background: black;
}
@media screen and (min-width: 2201px) {
  header nav {
    min-width: 1200px;
  }
}
@media screen and (min-width: 1501px) and (max-width: 2200px) {
  header nav {
    min-width: 1000px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  header nav {
    min-width: 800px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  header nav {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  header nav {
    display: none;
  }
}
header nav ul {
  float: left;
  height: 50px;
}
header nav ul li {
  display: inline-block;
  line-height: 50px;
  font-family: 'Varela Round', sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  padding: 0 35px;
  transition: all 0.2s ease-in;
}
header nav ul li a {
  display: block;
  color: white;
  text-decoration: none;
}
header nav ul li:hover {
  background: #70ab38;
  transition: all 0.1s ease-in;
}
header nav ul li:hover a {
  color: black;
}
header #top-nav {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  background: transparent;
  margin: 0 0 50px 0;
}
@media screen and (min-width: 2201px) {
  header #top-nav {
    min-width: 1200px;
    height: 100px;
  }
}
@media screen and (min-width: 1501px) and (max-width: 2200px) {
  header #top-nav {
    min-width: 1000px;
    height: 100px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  header #top-nav {
    min-width: 800px;
    height: 75px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  header #top-nav {
    left: 0;
    margin: 0 0 42px 200px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  header #top-nav {
    display: none;
  }
}
header #top-nav .nav-item {
  float: left;
  min-width: 130px;
  height: 40px;
}
@media screen and (min-width: 1501px) {
  header #top-nav .nav-item {
    margin: 30px 30px 0 0;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  header #top-nav .nav-item {
    margin: 20px 30px 0 0;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  header #top-nav .nav-item {
    min-width: 40px;
    margin: 20px 10px 0 0;
  }
}
header #top-nav .nav-item .icon {
  float: left;
  width: 40px;
  height: 40px;
  margin: 0 5px 0 0;
  text-align: center;
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  header #top-nav .nav-item .icon {
    min-width: 90px;
    margin: 0;
  }
}
header #top-nav .nav-item .icon img {
  max-width: 100%;
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  header #top-nav .nav-item .icon img {
    max-width: 50%;
  }
}
header #top-nav .nav-item .link-wrap {
  float: left;
  width: auto;
  height: 40px;
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  header #top-nav .nav-item .link-wrap {
    clear: both;
  }
}
header #top-nav .nav-item .link-wrap .title {
  float: left;
  min-width: 90px;
  height: 25px;
  font-size: 23px;
  line-height: 25px;
  text-align: left;
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  header #top-nav .nav-item .link-wrap .title {
    font-size: 20px;
    text-align: center;
  }
}
header #top-nav .nav-item .link-wrap .title a {
  color: white;
  text-decoration: none;
}
header #top-nav .nav-item .link-wrap .title a:hover {
  color: #70ab38;
}
header #top-nav .nav-item .link-wrap .link {
  clear: both;
  float: left;
  min-width: 90px;
  height: 15px;
  font-size: 12px;
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  header #top-nav .nav-item .link-wrap .link {
    display: none;
  }
}
header #top-nav .nav-item .link-wrap .link a {
  color: #d72428;
  text-decoration: none;
}
header #top-nav .nav-item .link-wrap .link a:hover {
  color: #70ab38;
}
.form-wrap {
  float: right;
  padding: 10px;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  .form-wrap {
    display: none;
  }
}
@media screen and (min-width: 1501px) {
  .form-wrap #searchField {
    width: 240px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  .form-wrap #searchField {
    width: 240px;
  }
}
#hero {
  float: left;
  width: 100%;
}
@media screen and (min-width: 1501px) {
  #hero {
    background: url('img/hero_2000px.jpg') no-repeat center center #333;
    background-size: 100% 100%;
    height: 500px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #hero {
    background: url('img/hero_1500px.jpg') no-repeat center center #333;
    height: 450px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #hero {
    background: url('img/hero_1100px.jpg') no-repeat center center #333;
    height: 300px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #hero {
    background: url('img/hero_700px.jpg') no-repeat center center #333;
    height: 150px;
  }
}
#hero #hero-text {
  float: left;
  width: 100%;
  font-family: 'Varela Round', sans-serif;
  color: white;
  text-align: center;
}
@media screen and (min-width: 1501px) {
  #hero #hero-text {
    font-size: 70px;
    margin: 150px 0 0 0;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #hero #hero-text {
    font-size: 60px;
    margin: 125px 0 0 0;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #hero #hero-text {
    font-size: 40px;
    margin: 75px 0 0 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #hero #hero-text {
    font-size: 26px;
    margin: 50px 0 0 0;
  }
}
#hero #join-form {
  float: left;
  width: 100%;
  margin: 10px 0 0 0;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #hero #join-form {
    display: none;
  }
}
#hero #join-form #form-lead {
  font-family: 'Varela Round', sans-serif;
  color: white;
  text-align: center;
}
@media screen and (min-width: 1501px) {
  #hero #join-form #form-lead {
    font-size: 30px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #hero #join-form #form-lead {
    font-size: 30px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #hero #join-form #form-lead {
    font-size: 20px;
    margin: 0 0 10px 0;
  }
}
#hero #join-form #form {
  text-align: right;
  margin-right: 10px;
}
#hero #join-form #form input.text {
  padding: 10px;
  border: 0;
  border-radius: 4px;
  outline: none;
  font-family: 'Varela Round', sans-serif;
  font-size: 24px;
  color: #70ab38;
}
@media screen and (min-width: 1501px) {
  #hero #join-form #form input.text {
    width: 400px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #hero #join-form #form input.text {
    width: 400px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #hero #join-form #form input.text {
    width: 300px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #hero #join-form #form input.text {
    width: 400px;
  }
}
#hero #join-form #form input.submit {
  background: #70ab38;
  padding: 10px;
  border: 0;
  border-radius: 4px;
  outline: none;
  font-family: 'Varela Round', sans-serif;
  font-size: 24px;
  color: white;
  transition: background 0.2s ease-in;
  -webkit-appearance: none;
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #hero #join-form #form input.submit {
    margin: 10px 0 0 0;
  }
}
#hero #join-form #form input.submit:hover {
  background: #d72428;
  transition: background 0.1s ease-in;
}
#hero-body {
  float: left;
  width: 100%;
}
@media screen and (min-width: 1501px) {
  #hero-body {
    background: url('img/hero_2000px.jpg') no-repeat center center #333;
    background-size: 100% 100%;
    height: 240px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #hero-body {
    background: url('img/hero_1500px.jpg') no-repeat center center #333;
    height: 200px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #hero-body {
    background: url('img/hero_1100px.jpg') no-repeat center center #333;
    height: 200px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #hero-body {
    background: url('img/hero_700px.jpg') no-repeat center center #333;
    height: 150px;
  }
}
#hero-body #hero-text {
  float: left;
  width: 100%;
  font-family: 'Varela Round', sans-serif;
  color: white;
  text-align: right;
}
@media screen and (min-width: 1501px) {
  #hero-body #hero-text {
    font-size: 50px;
    margin: 20px 0 0 0;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #hero-body #hero-text {
    font-size: 40px;
    margin: 20px 0 0 0;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #hero-body #hero-text {
    font-size: 30px;
    margin: 20px 0 0 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #hero-body #hero-text {
    font-size: 16px;
    margin: 50px 0 0 0;
    text-align: center;
  }
}
#hero-body #hero-text p {
  margin: 0;
  padding: 0;
}
#hero-body #hero-text a {
  display: block;
  text-decoration: none;
  color: #d72428;
  transition: color 0.2s linear;
}
@media screen and (min-width: 1501px) {
  #hero-body #hero-text a {
    font-size: 30px;
    line-height: 30px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #hero-body #hero-text a {
    font-size: 30px;
    line-height: 30px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #hero-body #hero-text a {
    font-size: 20px;
    line-height: 30px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #hero-body #hero-text a {
    font-size: 16px;
    line-height: 16px;
    margin: 20px 0 0 0;
  }
}
#hero-body #hero-text a:hover {
  color: #70ab38;
  transition: color 0.1s linear;
}
#hero-CTAs {
  float: left;
  width: 100%;
  background: #d72428;
  padding: 50px 0 50px 0;
}
@media screen and (min-width: 1501px) {
  #hero-CTAs {
    min-height: 450px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #hero-CTAs {
    min-height: 400px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #hero-CTAs {
    min-height: 300px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #hero-CTAs {
    min-height: 150px;
  }
}
#hero-CTAs .hero-CTA-wrap {
  float: left;
  height: 100%;
}
@media screen and (min-width: 1501px) {
  #hero-CTAs .hero-CTA-wrap {
    width: 33%;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #hero-CTAs .hero-CTA-wrap {
    width: 33%;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #hero-CTAs .hero-CTA-wrap {
    width: 33%;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #hero-CTAs .hero-CTA-wrap {
    width: 100%;
  }
}
#hero-CTAs .hero-CTA-wrap .hero-CTA-single {
  text-align: center;
}
@media screen and (min-width: 1501px) {
  #hero-CTAs .hero-CTA-wrap .hero-CTA-single {
    width: 300px;
    height: 100%;
    margin: 0 auto 0 auto;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #hero-CTAs .hero-CTA-wrap .hero-CTA-single {
    width: 250px;
    height: 100%;
    margin: 0 auto 0 auto;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #hero-CTAs .hero-CTA-wrap .hero-CTA-single {
    width: 200px;
    height: 100%;
    margin: 0 auto 0 auto;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #hero-CTAs .hero-CTA-wrap .hero-CTA-single {
    width: 280px;
    min-height: 100px;
    margin: 30px auto 20px auto;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #hero-CTAs .hero-CTA-wrap .hero-CTA-single img {
    max-width: 75%;
  }
}
#hero-CTAs .hero-CTA-wrap .hero-CTA-single h2 {
  width: 100%;
  font-family: 'Varela Round', sans-serif;
  font-size: 50px;
  text-align: center;
  color: white;
  letter-spacing: -1px;
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #hero-CTAs .hero-CTA-wrap .hero-CTA-single h2 {
    font-size: 40px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #hero-CTAs .hero-CTA-wrap .hero-CTA-single h2 {
    font-size: 30px;
  }
}
#hero-CTAs .hero-CTA-wrap .hero-CTA-single p {
  width: 100%;
  font-family: 'Varela', sans-serif;
  font-size: 16px;
  text-align: center;
  color: white;
  margin: 30px 0 0 0;
}
#hero-CTAs .hero-CTA-wrap .hero-CTA-single a {
  display: inline-block;
  font-family: 'Varela Round', sans-serif;
  font-size: 20px;
  padding: 7px 10px;
  background: black;
  margin: 10px 0 0 0;
  text-align: center;
  border-radius: 4px;
  color: white;
  text-decoration: none;
  transition: background 0.2s ease-in;
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #hero-CTAs .hero-CTA-wrap .hero-CTA-single a {
    font-size: 14px;
  }
}
#hero-CTAs .hero-CTA-wrap .hero-CTA-single a:hover {
  background: #70ab38;
  transition: background 0.1s ease-in;
}
#main-content {
  float: left;
  width: 100%;
  height: auto;
  background: white;
  padding: 50px 0 50px 0;
}
#main-content #sidebar {
  float: left;
  border-right: solid 1px black;
  height: 100%;
}
@media screen and (min-width: 1501px) {
  #main-content #sidebar {
    width: 399px;
    min-height: 400px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #main-content #sidebar {
    width: 299px;
    min-height: 300px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #main-content #sidebar {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #main-content #sidebar {
    display: none;
  }
}
#main-content #sidebar ul.nav {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 50px;
}
#main-content #sidebar ul.nav li {
  list-style-type: none;
  display: block;
  background: black;
  margin: 0 0 1px 0;
  transition: background 0.2s linear;
}
@media screen and (min-width: 1501px) {
  #main-content #sidebar ul.nav li {
    width: 100%;
    padding: 20px 0 20px 50px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #main-content #sidebar ul.nav li {
    width: 249px;
    padding: 15px 0 15px 50px;
  }
}
#main-content #sidebar ul.nav li a {
  color: white;
  text-decoration: none;
}
#main-content #sidebar ul.nav li a:hover {
  background-color: transparent;
}
#main-content #sidebar ul.nav li:hover {
  cursor: pointer;
}
#main-content #sidebar ul.nav li.commit {
  background: url('img/sidebarNav_bulb@2x.png') no-repeat 10px center black;
  background-size: 30px 30px;
}
#main-content #sidebar ul.nav li.commit:hover {
  background: url('img/sidebarNav_bulb@2x.png') no-repeat 10px center #d72428;
  background-size: 30px 30px;
}
#main-content #sidebar ul.nav li.news {
  background: url('img/sidebarNav_news@2x.png') no-repeat 10px center black;
  background-size: 30px 30px;
}
#main-content #sidebar ul.nav li.news:hover {
  background: url('img/sidebarNav_news@2x.png') no-repeat 10px center #d72428;
  background-size: 30px 30px;
}
#main-content #sidebar ul.nav li.cal {
  background: url('img/sidebarNav_cal@2x.png') no-repeat 10px center black;
  background-size: 30px 30px;
}
#main-content #sidebar ul.nav li.cal:hover {
  background: url('img/sidebarNav_cal@2x.png') no-repeat 10px center #d72428;
  background-size: 30px 30px;
}
#main-content #sidebar #menu-sidebar {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}
#main-content #sidebar #menu-sidebar li.menu-item {
  list-style-type: none;
  display: block;
  background: #70ab38;
  background-size: 30px 30px;
  margin: 0 0 1px 0;
  color: white;
  transition: background 0.2s linear;
}
@media screen and (min-width: 1501px) {
  #main-content #sidebar #menu-sidebar li.menu-item {
    width: 100%;
    padding: 20px 0 20px 50px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #main-content #sidebar #menu-sidebar li.menu-item {
    width: 249px;
    padding: 15px 0 15px 50px;
  }
}
#main-content #sidebar #menu-sidebar li.menu-item a {
  color: #fff;
}
#main-content #sidebar #menu-sidebar li.menu-item:hover {
  background-color: #000;
  transition: background 0.2s linear;
  cursor: pointer;
}
#main-content #sidebar #menu-sidebar .modelImage {
  width: 60px;
  height: 60px;
  border: 5px solid #f3f3f3;
  margin-right: 10px;
  overflow: hidden;
  position: relative;
  float: left;
}
#main-content #sidebar #menu-sidebar .modelImage img {
  position: absolute;
  left: -20%;
  top: -20%;
  width: auto;
  min-width: 200%;
  min-height: 100%;
}
#main-content #sidebar #menu-sidebar h2 {
  padding: 5px 0px;
}
#main-content #sidebar #menu-sidebar .item {
  margin-top: 18px;
  font-size: 14px;
}
#main-content #sidebar #menu-sidebar .item:hover {
  background: #70AB38;
  -webkit-transition: 0.4s background ease-in;
  -moz-transition: 0.4s background ease-in;
  -ms-transition: 0.4s background ease-in;
  -o-transition: 0.4s background ease-in;
}
#main-content #sidebar #menu-sidebar .item:hover a {
  color: #fff;
}
#main-content #sidebar #menu-sidebar .button {
  float: right;
  margin-right: 20px;
  margin-top: 20px;
}
#main-content #sidebar #menu-sidebar .button a {
  color: #fff;
}
#main-content #sidebar #menu-sidebar .button a:hover {
  color: #fff;
}
#main-content #sidebar #menu-sidebar a {
  color: #000;
  text-decoration: none;
}
#main-content #sidebar #menu-sidebar a:hover {
  color: #D61729;
}
#main-content #contentpane {
  float: right;
  min-height: 400px;
  background: white;
}
#main-content #contentpane textarea,
#main-content #contentpane select,
#main-content #contentpane input {
  border-radius: 5px;
  border: 2px solid #f3f3f3;
  background: #fbfbfb;
  padding: 10px;
  outline: none;
}
#main-content #contentpane textarea:focus,
#main-content #contentpane select:focus,
#main-content #contentpane input:focus {
  border: 2px solid #70AB38;
  background: #D6F7B7;
  color: #000;
}
#main-content #contentpane input,
#main-content #contentpane select {
  height: 40px;
}
#main-content #contentpane input[type="submit"] {
  display: inline-block;
  background: none repeat scroll 0% 0% #D72428;
  padding: 0px 10px;
  border-radius: 5px;
  outline: medium none;
  font-size: 14px;
  color: #000;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  transition: #6363ce 0.2s ease-in 0s;
}
#main-content #contentpane input[type="submit"]:hover {
  background: #70ab38;
  transition: background 0.1s ease-in;
}
#main-content #contentpane .btn-question {
  width: 100%;
  border-radius: 0px;
  border: 0px none;
  background: none repeat scroll 0% 0% #70AB38;
  color: #fff;
  font-size: 16px;
  padding: 10px;
  border-bottom: 2px solid #008000;
  margin: 0px 0px 20px 0px;
}
#main-content #contentpane #ask-a-question {
  border: 1px solid #f3f3f3;
  padding: 20px;
  margin-bottom: 20px;
}
#main-content #contentpane #ask-a-question #ask_question_form button[type="submit"],
#main-content #contentpane #ask-a-question #answer_form button[type="submit"] {
  font-size: 12px;
  padding: 5px 10px;
  display: inline-block;
  background: none repeat scroll 0% 0% #000;
  padding: 12px 20px 8px;
  border-radius: 5px;
  font-family: "Varela Round", sans-serif;
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
  transition: #6363ce 0.3s ease-in 0s;
  border: 0px;
}
#main-content #contentpane #ask-a-question #ask_question_form button[type="submit"]:hover,
#main-content #contentpane #ask-a-question #answer_form button[type="submit"]:hover {
  background: #d72428;
  transition: background 0.1s ease-in;
}
@media screen and (min-width: 1501px) {
  #main-content #contentpane {
    width: 900px;
    margin: 0 0 0 100px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #main-content #contentpane {
    width: 820px;
    margin: 0 0 0 80px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #main-content #contentpane {
    width: 100%;
    margin: 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #main-content #contentpane {
    width: 100%;
    margin: 0;
  }
}
#main-content #contentpane #featuredImage {
  float: left;
  padding-right: 20px;
}
#main-content #contentpane h1 {
  display: inline-block;
  background: black;
  padding: 10px 10px;
  font-family: 'Varela Round', sans-serif;
  font-weight: normal;
  color: white;
  margin-bottom: 0;
  margin-top: 0;
}
#main-content #contentpane h1 span {
  color: #d61729;
}
@media screen and (min-width: 1501px) {
  #main-content #contentpane h1 {
    font-size: 40px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #main-content #contentpane h1 {
    font-size: 40px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #main-content #contentpane h1 {
    font-size: 30px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #main-content #contentpane h1 {
    font-size: 20px;
  }
}
#main-content #contentpane .entry {
  float: left;
  width: 100%;
  border-top: solid 1px black;
  padding: 30px 0;
}
#main-content #contentpane .entry .videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
  box-shadow: 0px 0px 6px #cdcdcd;
  -moz-box-shadow: 0px 0px 6px #cdcdcd;
}
#main-content #contentpane .entry .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#main-content #contentpane .entry h2 {
  margin-top: 20px;
  font-size: 20px;
}
#main-content #contentpane .entry .date {
  margin-bottom: 20px;
  font-size: 14px;
}
#main-content #contentpane .entry p {
  font-family: 'Varela', sans-serif;
  color: black;
}
@media screen and (min-width: 1501px) {
  #main-content #contentpane .entry p {
    font-size: 18px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #main-content #contentpane .entry p {
    font-size: 18px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #main-content #contentpane .entry p {
    font-size: 16px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #main-content #contentpane .entry p {
    font-size: 14px;
  }
}
#main-content #contentpane .equipsContainer .equipRow {
  width: 100%;
  float: left;
}
#main-content #contentpane .equipsContainer .equip {
  margin: 20px 0px;
  width: 50%;
  float: left;
}
@media screen and (min-width: 1501px) {
  #main-content #contentpane .equipsContainer .equip {
    width: 50%;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #main-content #contentpane .equipsContainer .equip {
    width: 50%;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #main-content #contentpane .equipsContainer .equip {
    width: 50%;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #main-content #contentpane .equipsContainer .equip {
    width: 100%;
  }
}
#main-content #contentpane .item {
  float: left;
  margin-bottom: 20px;
}
@media screen and (min-width: 1501px) {
  #main-content #contentpane .item {
    width: 27%;
    margin-right: 30px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #main-content #contentpane .item {
    width: 27%;
    margin-right: 30px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #main-content #contentpane .item {
    width: 50%;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #main-content #contentpane .item {
    width: 100%;
  }
}
#main-content #contentpane .modelsContainer {
  border-top: 1px solid black;
  padding-top: 20px;
  margin-top: 20px;
}
#main-content #contentpane .modelsContainer .modelImage {
  position: relative;
}
#main-content #contentpane .modelsContainer .modelImage .playVideo {
  position: absolute;
  top: 32%;
  left: 37%;
}
#main-content #contentpane .modelsContainer .modelImage .playVideo img {
  width: 60px;
}
#main-content #contentpane .modelsContainer a {
  text-decoration: none;
  color: #000;
}
#main-content #contentpane .modelsContainer a:hover {
  color: #D72428;
}
#main-content .churchInfo {
  border-top: 1px solid black;
  float: left;
  padding-top: 20px;
  width: 100%;
}
#main-content .churchInfo .churchButtons {
  width: 250px;
  float: left;
  position: relative;
}
#main-content .churchInfo .churchButtons #sidebar {
  width: 100%;
}
#main-content .churchInfo .churchButtons #sidebar .nav {
  margin-top: 10px;
}
#main-content .churchInfo .churchButtons #sidebar ul.nav li {
  width: 80%;
  padding: 20px;
  border-radius: 5px;
  -moz-border-radius: 5px;
}
#main-content .churchInfo .churchButtons #sidebar ul.nav li:hover {
  padding: 20px;
  background: #70AB38;
}
#main-content .churchInfo .churchDetailed {
  width: 68%;
  float: right;
}
#models-stream {
  float: left;
  position: relative;
  width: 100%;
  background: #333;
  overflow: hidden;
}
@media screen and (min-width: 1501px) {
  #models-stream {
    height: 600px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #models-stream {
    height: 600px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #models-stream {
    height: 600px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #models-stream {
    height: 600px;
    padding: 50px 0 0 0;
  }
}
#models-stream #title {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 160px;
  height: 100%;
  background: url('img/bg_sideTitle.png') repeat-y top right transparent;
  text-align: center;
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #models-stream #title {
    width: 100px;
    background: url('img/bg_sideTitle.png') repeat-y top left transparent;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #models-stream #title {
    left: 0;
    width: 100%;
    height: 50px;
    background: black;
  }
}
#models-stream #title #titleImage {
  float: left;
  width: 100%;
  height: 100%;
  background: url('img/sideTitle_modelsStream@2x.png') no-repeat center 20px transparent;
  background-size: 50%;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #models-stream #title #titleImage {
    background: url('img/title_modelsStream@2x.png') no-repeat center 7px transparent;
    background-size: auto 36px;
  }
}
#models-stream #title img {
  max-width: 50%;
  margin: 20px 0 0 0;
}
#models-stream #container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: transparent;
}
#models-stream #container .item {
  position: relative;
  background: #ccc;
  overflow: hidden;
}
@media screen and (min-width: 1501px) {
  #models-stream #container .item {
    width: 25%;
    height: 300px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #models-stream #container .item {
    width: 33%;
    height: 300px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #models-stream #container .item {
    width: 50%;
    height: 300px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #models-stream #container .item {
    width: 100%;
    height: 200px;
  }
}
#models-stream #container .item .playVideo img {
  width: 117px;
  height: 117px;
  position: absolute;
  z-index: 2;
  left: 60%;
  top: 28%;
}
#models-stream #container .item .overlay {
  display: none;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('img/modelsStream_overlaybg.png') repeat center center transparent;
  text-align: center;
}
#models-stream #container .item .overlay h2 {
  width: 100%;
  font-family: 'Varela Round', sans-serif;
  color: white;
  letter-spacing: -1px;
  padding: 0;
}
@media screen and (min-width: 1501px) {
  #models-stream #container .item .overlay h2 {
    font-size: 40px;
    margin: 60px 0 0 0;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #models-stream #container .item .overlay h2 {
    font-size: 30px;
    margin: 60px 0 0 0;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #models-stream #container .item .overlay h2 {
    font-size: 30px;
    margin: 40px 0 0 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #models-stream #container .item .overlay h2 {
    font-size: 30px;
    margin: 40px 0 0 0;
  }
}
#models-stream #container .item .overlay p.date {
  width: 100%;
  font-family: 'Varela', sans-serif;
  font-size: 14px;
  color: white;
  font-style: italic;
}
#models-stream #container .item .overlay p.excerpt {
  width: 100%;
  font-family: 'Varela', sans-serif;
  color: white;
}
@media screen and (min-width: 1501px) {
  #models-stream #container .item .overlay p.excerpt {
    font-size: 18px;
    margin: 20px 0 0 0;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #models-stream #container .item .overlay p.excerpt {
    font-size: 16px;
    margin: 20px 0 0 0;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #models-stream #container .item .overlay p.excerpt {
    font-size: 16px;
    margin: 20px 0 0 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #models-stream #container .item .overlay p.excerpt {
    font-size: 16px;
    margin: 20px 0 0 0;
  }
}
#models-stream #container .item .overlay a {
  display: inline-block;
  font-family: 'Varela', sans-serif;
  font-size: 16px;
  color: white;
  text-decoration: none;
  background: black;
  padding: 5px 10px;
  border-radius: 5px;
  margin: 10px 0 0 0;
}
#models-stream #container .item .overlay a:hover {
  background: #d72428;
}
#models-stream #container .item .hint-overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('img/modelsStream_hint.png') no-repeat right bottom transparent;
  text-align: center;
}
#models-stream #container .item img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  margin-left: -20%;
  top: -20%;
  max-width: 140%;
}
@media screen and (min-width: 1501px) {
  #models-stream #container .item img {
    max-width: 140%;
    width: 250%;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #models-stream #container .item img {
    max-width: 140%;
    width: 200%;
    margin-left: -25%;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #models-stream #container .item img {
    width: 225%;
    margin-left: -25%;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #models-stream #container .item img {
    width: 200%;
    margin-left: -25%;
  }
}
#models-stream #container .item.grey {
  background: #333;
}
#models-stream #container .item.black {
  background: black;
}
.entry table input,
.entry table select,
.entry table textarea {
  margin: 0px;
  width: 100%;
}
.entry table input#addressSubmit,
.entry table select#addressSubmit,
.entry table textarea#addressSubmit {
  width: auto;
}
.entry table input[type="submit"],
.entry table input[type="button"] {
  width: 120px;
  padding: 10px;
  border-radius: 0px;
  background: #70AB38;
  border: 0px;
}
td.second {
  width: 80%;
  padding: 10px;
}
td.first {
  width: 20%;
  padding: 10px;
  font-size: 20px;
  font-weight: 700;
}
#social-stream {
  float: left;
  position: relative;
  width: 100%;
  background: white;
}
@media screen and (min-width: 1501px) {
  #social-stream {
    height: 500px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #social-stream {
    height: 500px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #social-stream {
    min-height: 300px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #social-stream {
    min-height: 600px;
  }
}
#social-stream #textWrap {
  overflow-x: hidden;
}
@media screen and (min-width: 1501px) {
  #social-stream #textWrap {
    height: 100%;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #social-stream #textWrap {
    height: 450px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #social-stream #textWrap {
    height: 300px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #social-stream #textWrap {
    height: 100%;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #social-stream #cff-wrapper {
    width: 90% !important;
    overflow: hidden;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #social-stream #cff {
    width: 100% !important;
    height: 100% !important;
    padding: 20px !important;
    position: relative;
  }
}
#social-stream #cff .cff-item {
  min-height: 212px;
  position: relative;
}
#social-stream #cff .cff-date {
  font-size: 14px;
}
#social-stream #cff .cff-date:before {
  content: "Posted on ";
}
#social-stream #cff .cff-author span {
  font-size: 26px;
}
#social-stream #cff .cff-viewpost-facebook {
  float: right;
  clear: none;
  padding: 4px 0 0 4px;
  margin: 0;
  font-size: 11px;
  display: inline-block;
  background: none repeat scroll 0% 0% #000;
  padding: 5px 10px;
  border-radius: 5px;
  outline: medium none;
  font-size: 14px;
  color: #fff;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  transition: #6363ce 0.2s ease-in 0s;
  /*position: absolute;*/
  bottom: 20px;
  right: 35px;
}
#social-stream #cff .cff-viewpost-facebook:hover {
  background: #D72428;
  transition: background 0.1s ease-in;
}
#social-stream #cff .cff-fixed-height {
  overflow-y: hidden;
}
#social-stream #cff::-webkit-scrollbar {
  display: none;
}
#social-stream #title {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 160px;
  height: 100%;
  background: url('img/bg_sideTitle.png') repeat-y top right transparent;
  text-align: center;
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #social-stream #title {
    width: 100px;
    background: url('img/bg_sideTitle.png') repeat-y top left transparent;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #social-stream #title {
    left: 0;
    width: 100%;
    height: 50px;
    background: black;
    position: relative;
  }
}
#social-stream #title #NewstitleImage {
  float: left;
  width: 100%;
  height: 100%;
  background: url('img/sideTitle_latestNewsStream.png') no-repeat center 20px transparent;
  background-size: 50%;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #social-stream #title #NewstitleImage {
    background: url('img/title_NewsStream.png') no-repeat center 7px transparent;
    background-size: auto 36px;
  }
}
#social-stream #title #titleImage {
  float: left;
  width: 100%;
  height: 100%;
  background: url('img/sideTitle_socialStream@2x.png') no-repeat center 20px transparent;
  background-size: 50%;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #social-stream #title #titleImage {
    background: url('img/title_socialStream@2x.png') no-repeat center 7px transparent;
    background-size: auto 36px;
  }
}
#social-stream #title img {
  max-width: 50%;
  margin: 20px 0 0 0;
}
#social-stream #content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: transparent;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #social-stream #content {
    position: relative;
  }
}
#social-stream #content .left-col,
#social-stream #content .right-col {
  width: 50%;
  height: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 1501px) {
  #social-stream #content .left-col,
  #social-stream #content .right-col {
    width: 50%;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #social-stream #content .left-col,
  #social-stream #content .right-col {
    width: 50%;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #social-stream #content .left-col,
  #social-stream #content .right-col {
    width: 50%;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #social-stream #content .left-col,
  #social-stream #content .right-col {
    width: 100%;
    height: 50%;
  }
}
#social-stream #content .left-col #contentpane,
#social-stream #content .right-col #contentpane {
  width: 100%;
  padding: 0px 20px 0px 20px;
  overflow: hidden;
}
#social-stream #content .left-col #contentpane .entry,
#social-stream #content .right-col #contentpane .entry {
  padding-right: 200px;
}
@media screen and (min-width: 1501px) {
  #social-stream #content .left-col #contentpane .entry,
  #social-stream #content .right-col #contentpane .entry {
    padding-right: 200px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #social-stream #content .left-col #contentpane .entry,
  #social-stream #content .right-col #contentpane .entry {
    padding-right: 150px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #social-stream #content .left-col #contentpane .entry,
  #social-stream #content .right-col #contentpane .entry {
    padding-right: 120px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #social-stream #content .left-col #contentpane .entry,
  #social-stream #content .right-col #contentpane .entry {
    padding-right: 40px;
  }
}
#searchField {
  /*Search Input Box*/
  width: 160px;
  border-radius: 5px;
  border: 0px;
  padding: 8px 10px;
  font-weight: 100;
}
#searchField:focus {
  border: 0px;
  -webkit-outline: 0px;
  outline: 0px;
}
#banner {
  float: left;
  width: 100%;
  background: #70ab38;
  color: white;
}
@media screen and (min-width: 1501px) {
  #banner {
    height: 300px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #banner {
    height: 200px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #banner {
    min-height: 200px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #banner {
    min-height: 300px;
    padding: 20px;
  }
}
#banner #left-col {
  float: left;
  width: 50%;
}
@media screen and (min-width: 1501px) {
  #banner #left-col {
    width: 50%;
    margin: 65px 0 0 0;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #banner #left-col {
    width: 50%;
    margin: 20px 0 0 0;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #banner #left-col {
    width: 50%;
    margin: 40px 0 0 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #banner #left-col {
    width: 100%;
  }
}
#banner #left-col #icon {
  float: left;
}
@media screen and (min-width: 1501px) {
  #banner #left-col #icon {
    width: 88px;
    height: 165px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #banner #left-col #icon {
    width: 88px;
    height: 165px;
    margin: 0 0 0 20px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #banner #left-col #icon {
    width: 70px;
    height: auto;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #banner #left-col #icon {
    width: 100%;
    height: 100px;
    text-align: center;
    margin: 20px 0 20px 0;
  }
}
#banner #left-col #icon img {
  max-width: 100%;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #banner #left-col #icon img {
    max-width: 100%;
    max-height: 100%;
  }
}
#banner #left-col #text {
  float: left;
  width: auto;
}
@media screen and (min-width: 1501px) {
  #banner #left-col #text {
    margin: 30px 0 0 30px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #banner #left-col #text {
    margin: 40px 0 0 30px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #banner #left-col #text {
    margin: 40px 0 0 20px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #banner #left-col #text {
    width: 100%;
  }
}
#banner #left-col #text h2 {
  font-family: 'Varela Round', sans-serif;
  letter-spacing: -1px;
}
@media screen and (min-width: 1501px) {
  #banner #left-col #text h2 {
    font-size: 50px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #banner #left-col #text h2 {
    font-size: 40px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #banner #left-col #text h2 {
    font-size: 20px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #banner #left-col #text h2 {
    width: 100%;
    font-size: 22px;
    text-align: center;
  }
}
#banner #left-col #text p {
  font-size: 25px;
  text-transform: uppercase;
}
@media screen and (min-width: 1501px) {
  #banner #left-col #text p {
    font-size: 25px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #banner #left-col #text p {
    font-size: 20px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #banner #left-col #text p {
    font-size: 10px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #banner #left-col #text p {
    width: 100%;
    font-size: 12px;
    text-align: center;
  }
}
#banner #right-col {
  float: left;
  text-align: center;
}
@media screen and (min-width: 1501px) {
  #banner #right-col {
    width: 50%;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #banner #right-col {
    width: 50%;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #banner #right-col {
    width: 50%;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #banner #right-col {
    width: 100%;
  }
}
#banner #right-col a {
  display: inline-block;
  background: black;
  padding: 12px 20px 8px;
  border-radius: 5px;
  font-family: 'Varela Round', sans-serif;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 0.3s ease-in;
}
@media screen and (min-width: 1501px) {
  #banner #right-col a {
    margin: 115px 0 0 0;
    font-size: 44px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #banner #right-col a {
    margin: 70px 0 0 0;
    font-size: 40px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #banner #right-col a {
    margin: 80px 0 0 0;
    font-size: 22px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #banner #right-col a {
    margin: 30px 0 0 0;
    font-size: 22px;
  }
}
#banner #right-col a:hover {
  background: #d72428;
  transition: background 0.1s ease-in;
}
#footer-logos {
  float: left;
  width: 100%;
  height: 250px;
  background: white;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #footer-logos {
    height: 400px;
  }
}
#footer-logos .left-col {
  float: left;
  width: 50%;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #footer-logos .left-col {
    width: 100%;
    text-align: center;
  }
}
#footer-logos .left-col img.footer-logo-regen {
  margin: 40px 0 0 0;
}
#footer-logos .right-col {
  float: left;
  width: 50%;
  text-align: right;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #footer-logos .right-col {
    width: 100%;
    text-align: center;
  }
}
#footer-logos .right-col img.footer-logo-pppw {
  margin: 110px 30px 0 0;
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #footer-logos .right-col img.footer-logo-pppw {
    margin: 50px 30px 0 50px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #footer-logos .right-col img.footer-logo-pppw {
    margin: 30px 0 0 0;
  }
}
#footer-logos .right-col img.footer-logo-uca {
  margin: 110px 0 0 0;
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  #footer-logos .right-col img.footer-logo-uca {
    margin: 30px 30px 0 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  #footer-logos .right-col img.footer-logo-uca {
    margin: 30px 0 0 10px;
  }
}
footer {
  float: left;
  width: 100%;
  min-height: 300px;
  background: #231f20;
  padding: 50px 0 50px 0;
  font-family: 'Carme';
  font-style: normal;
  color: white;
  font-size: 12px;
}
footer .eventless-today {
  background: #70AB38;
}
footer h2 {
  font-family: 'Varela Round', sans-serif;
  font-weight: normal;
  font-size: 24px;
  color: white;
  margin: 0 0 20px 0;
  padding: 0;
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  footer h2 {
    font-size: 18px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  footer h2 {
    font-size: 24px;
    text-align: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  footer ul {
    text-align: center;
  }
}
footer ul li {
  font-size: 14px;
  padding: 4px 0 4px 15px;
  background: url('img/footer_bullet@2x.png') no-repeat left center transparent;
  background-size: 11px 12px;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  footer ul li {
    background: none;
  }
}
footer ul li a {
  color: white;
  text-decoration: none;
}
footer ul li a:hover {
  color: #d72428;
}
footer p {
  font-size: 13px;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  footer p {
    text-align: center;
  }
}
footer p a {
  color: white;
  text-decoration: underline;
}
footer #col1,
footer #col2,
footer #col3,
footer #col4 {
  float: left;
  width: 25%;
  height: auto;
  position: relative;
}
@media screen and (min-width: 701px) and (max-width: 1200px) {
  footer #col1,
  footer #col2,
  footer #col3,
  footer #col4 {
    width: 23%;
    margin: 0 2% 0 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  footer #col1,
  footer #col2,
  footer #col3,
  footer #col4 {
    width: 96%;
    margin: 0 2% 30px 2%;
    padding: 0 0 30px 0;
    border-bottom: solid 1px white;
  }
}
#footer-bottom {
  float: left;
  width: 100%;
  height: 50px;
  background: #323131;
  color: #fff;
  padding: 15px 0px;
  font-size: 12px;
}
#footer-bottom .copyright {
  float: left;
}
#footer-bottom .trademark {
  float: right;
}
#sidr-right #sidebar {
  float: left;
  width: 100%;
  min-height: 200px;
  border-right: 0px;
  margin: 0 0 30px 0;
  border-right: solid 1px black;
}
#sidr-right #sidebar ul.nav {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}
#sidr-right #sidebar ul.nav li {
  list-style-type: none;
  display: block;
  width: 85%;
  padding: 20px 0 20px 15%;
  background: black;
  margin: 0 0 1px 0;
  line-height: 20px;
  transition: background 0.2s linear;
}
#sidr-right #sidebar ul.nav li a {
  color: white;
  text-decoration: none;
}
#sidr-right #sidebar ul.nav li:hover {
  cursor: pointer;
}
#sidr-right #sidebar ul.nav li.commit {
  background: url('img/sidebarNav_bulb@2x.png') no-repeat 10px center black;
  background-size: 30px 30px;
}
#sidr-right #sidebar ul.nav li.commit:hover {
  background: url('img/sidebarNav_bulb@2x.png') no-repeat 10px center #d72428;
  background-size: 30px 30px;
}
#sidr-right #sidebar ul.nav li.news {
  background: url('img/sidebarNav_news@2x.png') no-repeat 10px center black;
  background-size: 30px 30px;
}
#sidr-right #sidebar ul.nav li.news:hover {
  background: url('img/sidebarNav_news@2x.png') no-repeat 10px center #d72428;
  background-size: 30px 30px;
}
#sidr-right #sidebar ul.nav li.cal {
  background: url('img/sidebarNav_cal@2x.png') no-repeat 10px center black;
  background-size: 30px 30px;
}
#sidr-right #sidebar ul.nav li.cal:hover {
  background: url('img/sidebarNav_cal@2x.png') no-repeat 10px center #d72428;
  background-size: 30px 30px;
}
/*tims additions */
.alignright {
  float: right;
}
.alignleft {
  float: left;
}
#main-content #sidebar #menu-sidebar li.menu-item li.menu-item {
  width: 100%;
  background: transparent;
}
#main-content #sidebar #menu-sidebar li.menu-item li.menu-item:hover {
  background: #70ab38;
}
@media screen and (min-width: 1201px) {
  #main-content #contentpane .item.col1 {
    clear: left;
  }
}
a.red-button {
  display: inline-block;
  background: #d72428;
  padding: 0 10px 0 10px;
  border-radius: 5px;
  outline: none;
  font-size: 14px;
  color: black;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 0.2s ease-in;
}
a.red-button:hover {
  background: #70ab38;
  transition: background 0.1s ease-in;
  color: #000;
  text-decoration: none;
}
.read-more-models {
  color: #fff;
  width: 100%;
  background-color: #181818;
  padding: 10px;
  float: left;
}
#map_sidebar_td #map_sidebar {
  height: auto;
}
.newsImage {
  float: right;
  margin-top: 22px;
  min-height: 150px;
}
.newsImageHome {
  float: right;
  min-height: 150px;
}
.entry .newsContent .button {
  float: none;
}
/*# sourceMappingURL=style.css.map */