/*
  Theme Name: Elevate Youth Ministry
  Theme URI: http://www.joelhenry.me
  Author: Joel Henry
  Description: This is a theme developed in 2015 for St.James Turramurra
  Version: 0.1 alpha
  Last Edit: Jan 11 2018
  License: Content Rights Reservered to St.James, Code Rights Reserved to Joel Henry 
*/


/*
------------WebMaster 2014-2016 Joel Henry (jhenry@elevate.org.au)--------------
╔═══╦╗─────────╔╗────╔╗──╔╗────╔╗╔╗──╔═╗╔═╗───────╔╗
║╔══╣║────────╔╝╚╗───║╚╗╔╝║───╔╝╚╣║──║║╚╝║║──────╔╝╚╗
║╚══╣║╔══╦╗╔╦═╩╗╔╬══╗╚╗╚╝╔╩═╦╗╠╗╔╣╚═╗║╔╗╔╗╠╦═╗╔╦═╩╗╔╬═╦╗─╔╗
║╔══╣║║║═╣╚╝║╔╗║║║║═╣─╚╗╔╣╔╗║║║║║║╔╗║║║║║║╠╣╔╗╬╣══╣║║╔╣║─║║
║╚══╣╚╣║═╬╗╔╣╔╗║╚╣║═╣──║║║╚╝║╚╝║╚╣║║║║║║║║║║║║║╠══║╚╣║║╚═╝║
╚═══╩═╩══╝╚╝╚╝╚╩═╩══╝──╚╝╚══╩══╩═╩╝╚╝╚╝╚╝╚╩╩╝╚╩╩══╩═╩╝╚═╗╔╝
──────────────────────────────────────────────────────╔═╝║
──────────────────────────────────────────────────────╚══╝
*/

html {
  height: 100%;
  margin: 0 !important;
}
body {
  width: 100%;
  height: 100%;
  margin: 0;
  /*font-family: aileron-light;*/
}

p{
  /*font-family: aileron-light;*/
}

h1{
  margin-bottom: 0;
}

a{
color: #373737;
text-decoration: none;
}

a:hover{
color: #b24d40;
}

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

table{
  position: relative;
  table-layout: fixed;
  width: 100%;
  text-align: center;
}

 td {
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: top;
 }

 *{
  box-sizing: border-box;
 }

 iframe{
  display:block;
 }

.blog{
  float: left;
}

.sidebar{
  float: right;
}

.whatsontable img{
   border: 1px ridge black;
}
.content{
  padding-top: 2%;
  padding-bottom: 2%;
  max-width: 800px;
  margin: 0 auto;
  box-sizing: content-box;
}

.contact .content{
  max-width: 100% !important;
}

.content-noWidth{
  padding-top: 2%;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 2%;
  margin: 0 auto;
}

.blog-content{
  padding-top: 2%;
  padding-left: 7%;
  padding-right: 7%;
  padding-bottom: 2%;
}

.parallax{
background-size:cover;
background-position:50%;
background-repeat:no-repeat;
background-attachment: fixed;
}

.fixed{
	background-attachment: fixed;
  background-size:cover;
  background-position: center;
}

.scroll{
	background-attachment: scroll;
  background-size:cover;
  background-position: center;
}

.white{
  background: #fff;
  z-index: 3; 
}

.outline{
  border: 1px ridge black;
}

.headercontent{
  position: relative;
  z-index: 2;
}

.headervideo{
  z-index: 1;
}

.topHeader{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover !important;
  min-height: 500px;
  z-index: 1;
  display: table;
  width: 100%;
  position: relative;
}

.home{
   min-height: 80vh;
}

.small{
   min-height: 250px !important;
}

.container{
display: table-cell;
vertical-align: middle;
}

.whatsonbar{
  background-color: #F4F4F4;
  min-height: 200px;
  z-index: 0;
}

.event{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  min-height:500px;
  z-index:0;
  display: table;
  width: 100%;
}

.splitinhalf{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  height:100vh;
  z-index:0;
  display: table;
  width: 100%;
}

.whyjesus{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  background-attachment: fixed;
  min-height:500px;
  z-index:0;
}
/* video */
video.headervideo{
position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: auto;
width: auto;
}

.locksize{
  max-height: 510px;
}

footer{
width: 100%;
background-color: #f1f1f1;	
}

footer table{
width: 100%;
padding-left: 5%;
padding-right: 5%;	
}

.grey{
  background-color: #F4F4F4;
}
.black{
  background-color: #000000;
}
@media screen and (max-width: 992px) {
   .topHeader{
    min-height: 500px;
  }
}
@media screen and (max-width: 767px) { /*tablet*/
    /* Table override */
  td {
    float: center;
    display: block;
    box-sizing: border-box;
    padding-left: 0px;
    padding-right: 0px;
	  width: 100% !important;
  }

  .topHeader{
    min-height: 300px;
  }

  .splitinhalf{
    height: 500px !important;
  }

  .content{
    max-width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media screen and (max-width: 480px) {

  } /*mobile*/

/* Buttons
--------------------------------------------------------------- */

.rowbutton{
  text-align: center;
}

.jgbutton1:hover {
color: #ff6ec7 !important;
border-color: #FF6EC7 !important;
}


.jgbutton2:hover {
  color: #33ff15 !important;
  border-color: #33FF15  !important;
}


.jgbutton3:hover{
 color: #08edf6 !important;
 border-color: #08EDF6  !important;
}

.blackButton{
font-weight: bold;
text-transform: uppercase;
background-image: none !important;
padding: 10px 15px 10px 15px;
display: inline-block;
text-decoration: none !important;
color: #222 !important;
cursor: pointer;
text-align: center;
border: 3px solid #000000;
/*font-family: 'Open Sans', sans-serif;*/
margin-bottom: 10px !important;
margin-top: 10px !important;
}

.blackButtonSolid{
font-weight: bold;
text-transform: uppercase;
background-image: none !important;
padding: 10px 15px 10px 15px;
display: inline-block;
text-decoration: none !important;
color: #222 !important;
cursor: pointer;
text-align: center;
border: 3px solid #000000;
background: #ffffff;
/*font-family: 'Open Sans', sans-serif;*/
margin-bottom: 10px !important;
margin-top: 10px !important;
}

.whiteButton{
font-weight: bold;
text-transform: uppercase;
background-image: none !important;
padding: 10px 15px 10px 15px;
display: inline-block;
text-decoration: none !important;
color: #fff !important;
cursor: pointer;
text-align: center;
border: 3px solid #ffffff;
/*font-family: 'Open Sans', sans-serif;*/
margin-bottom: 10px !important;
margin-top: 10px !important;
}

.whiteButton:hover{
  color: #000000 !important;
  background: #ffffff;
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
}

table.aligncenter{
	display: table;
	margin-left: auto;
    margin-right: auto;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignright {
    float:right;

}

.alignleft {
    float: left;

}

a img.alignright {
    float: right;

}

a img.alignnone {
}

a img.alignleft {
    float: left;
  
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
 
    text-align: center;
}

.wp-caption.alignnone {
   
}

.wp-caption.alignleft {
   
}

.wp-caption.alignright {
    
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}



input[type="password"]{
color: #626262;
background-color: #fafafa;
border-color: #cccccc;
border-width: 1px;
border-style: solid;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
max-width: 100%;
font-size: 14px;
padding: 6px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
outline: none;
font-weight: normal;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

input[type="submit"]{
font-weight: bold;
text-transform: uppercase;
background-color: #fff;
padding: 10px 20px 10px 20px;
display: inline-block;
text-decoration: none !important;
color: #222 !important;
cursor: pointer;
text-align: center;
border: 3px solid #000000;
/*font-family: 'Open Sans', sans-serif;*/
margin-bottom: 10px !important;
margin-top: 10px !important;
}

/* Type Writer */

.typed_perview_div{
white-space: pre-wrap !important;
}

/* Rainbow */
.rainbow { 
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
background-size: 1800% 1800%;

-webkit-animation: rainbow 18s ease infinite;
-z-animation: rainbow 18s ease infinite;
-o-animation: rainbow 18s ease infinite;
  animation: rainbow 18s ease infinite;}

@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow { 
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}