/* --------------------------------------------------------------------------------------------------------------------------- */
/* ----------- WP Responsive Google Friendly Adaption & Design by Matt Sellers - matt.sellers@livelinesuk.com ---------------- */
/* --------------------------------------------------------------------------------------------------------------------------- */

@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/bebasneue_0-webfont.eot');
    src: url('../fonts/bebasneue_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue_0-webfont.woff') format('woff'),
         url('../fonts/bebasneue_0-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue_0-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.clickable {position:relative;}
.clickable a {
position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none; /* No underlines on the link */
    z-index: 10; /* Places the link above everything else in the div */
    background-color: #FFF; /* Fix to make div clickable in IE */
    opacity: 0; /* Fix to make div clickable in IE */
    filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}
/* ======== SMS-Feed === */
@-webkit-keyframes glowing {
	0% { background-color: #5db237; -webkit-box-shadow: 0 0 3px #5db237; }
	50% { background-color: #94de56; -webkit-box-shadow: 0 0 20px #94de56; }
	100% { background-color: #5db237; -webkit-box-shadow: 0 0 3px #5db237; }
}
@-moz-keyframes glowing {
	0% { background-color: #5db237; -webkit-box-shadow: 0 0 3px #5db237; }
	50% { background-color: #94de56; -webkit-box-shadow: 0 0 20px #94de56; }
	100% { background-color: #5db237; -webkit-box-shadow: 0 0 3px #5db237; }
}
@-o-keyframes glowing {
	0% { background-color: #5db237; -webkit-box-shadow: 0 0 3px #5db237; }
	50% { background-color: #94de56; -webkit-box-shadow: 0 0 20px #94de56; }
	100% { background-color: #5db237; -webkit-box-shadow: 0 0 3px #5db237; }
}
@keyframes glowing {
	0% { background-color: #5db237; -webkit-box-shadow: 0 0 3px #5db237; }
	50% { background-color: #94de56; -webkit-box-shadow: 0 0 20px #94de56; }
	100% { background-color: #5db237; -webkit-box-shadow: 0 0 3px #5db237; }
}
.sms-persona-holder {
    position: relative;
    display: inline-block;
    margin: 30px auto;	
}
.sms-persona-header {
    font-size: 1.8em;
    font-weight: bold;
    line-height: normal;
    text-align: center;
    position: relative;
    padding: 10px;
    margin: 10px 0 1%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: grid;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
	transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}
.sms-persona-header span {
	/* font-family: 'bebas_neueregular'; */
    font-size: 0.7em;
    font-weight: normal;
    display: block;
}
.sms-persona-header.clickable:hover,
.side-sms .sms-persona-header.clickable:hover {
    color: #ffffff;
    background: #5db237;
}
.sms-persona {
    display: inline-block;
    float: left;
    position: relative;
    width: 31%;
    height: 430px;
    margin: 10px 1%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.sms-persona-header, 
.sms-persona {
    color: #000000;
    background: #efefef;
    border: #cccccc solid 1px;
    box-shadow: inset 0px 0px 0px 1px #ffffff;
    -moz-box-shadow: inset 0px 0px 0px 1px #ffffff;
    -webkit-box-shadow: inset 0px 0px 0px 1px #ffffff;
}
.sms-persona-image:before,
.sms-persona-name,
.sms-persona-age,
.sms-persona-number {
	font-family: 'bebas_neueregular';
	/* font-family: 'haettenschweilerregular'; */
	font-weight: normal;
	/* font-weight: bold; */
}
@media screen and (min-width: 479px) {
	.sms-persona {
		pointer-events: none;
		cursor: default;
	}
}
@media screen and (max-width: 1169px) {
	.sms-persona {
		height: 433px;
	}
}
@media screen and (max-width: 767px) {
	.sms-persona {
		width: 47%;
		margin: 10px 1%;
		height: 500px;
	}
}
@media screen and (max-width: 479px) {
	.sms-persona {
		width: 98%;
		margin: 10px 1%;
		height: auto;
	}
}
.sms-persona-image {
    position: inherit;
    float: left;
    width: 100%;
    height: auto;
    display: inherit;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    /* border: 1px solid #efefef; */
	padding: 1px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.sms-persona-image:before {
    content: 'Text Me';
    font-size: 1.2em;
    line-height: normal;
    border-radius: inherit;
    -moz-border-radius: inherit;
    -webkit-border-radius: inherit;
    border: none;
    color: #ffffff;
    cursor: auto;
    display: inline-block;
    padding: 2px 5px;
    text-align: center;
    text-decoration: none;
    top: 5px;
    left: 5px;
    position: absolute;
	-webkit-animation: glowing 1500ms infinite;
	-moz-animation: glowing 1500ms infinite;
	-o-animation: glowing 1500ms infinite;
	animation: glowing 1500ms infinite;
}
.sms-persona-image img {
    border-radius: inherit;
    -moz-border-radius: inherit;
    -webkit-border-radius: inherit;
    width: 100%;
}
.sms-persona-details {
	position: relative;
	top: 0;
	transform: none;
	width: 100%;
	float: left;
	margin-left: 0;
	padding: 5px 0;
	font-size: 0.84em; /* Important for Resizing All Description Text */
}
.sms-persona-name, 
.sms-persona-age, 
.sms-persona-number, 
.sms-persona-location, 
.sms-persona-description {
    padding: 1px 10px;
    position: relative;
}
.sms-persona-name {
    font-size: 2em;
    float: left;
	padding-right: 0;
}
.sms-persona-age {
    font-size: 1.5em;
    float: left;
}
.sms-persona-age:before {
    content: 'Age : ';
	position: inherit;
    font-size: 0.8em;
    opacity: 0.69;
}
.sms-persona-number {
    display: inline-block;
    width: 100%;
    padding: 1px 4%;
    font-size: 1.7em;
    /* text-align: center; */
    /* background: rgba(255, 255, 255, 0.77); */
    background: #5db237;
/*     background: -moz-linear-gradient(top, #ba00ff 0%, #ba00ff 40%, #a30bdc 60%, #ba00ff 100%);
    background: -webkit-linear-gradient(top, #ba00ff 0%,#ba00ff 40%,#a30bdc 60%,#ba00ff 100%);
    background: linear-gradient(to bottom, #ba00ff 0%,#ba00ff 40%,#a30bdc 60%,#ba00ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba00ff', endColorstr='#ba00ff',GradientType=0 ); */
    color: #ffffff!important;
    /* text-shadow: -1px -1px 0 #a30bdc, 1px -1px 0 #a30bdc, -1px 1px 0 #a30bdc, 1px 1px 0 #a30bdc; */
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.clickable .sms-persona-number {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}
.clickable:hover .sms-persona-number {
	color: #000000;
	text-shadow: -1px -1px 0 #ba00ff, 1px -1px 0 #ba00ff, -1px 1px 0 #ba00ff, 1px 1px 0 #ba00ff;
}
.sms-persona-number:before {
    content: 'Text Me : ';
    position: inherit;
    font-size: 0.7em;
	opacity: 0.69;
}
@media screen and (max-width: 479px) {
	.sms-persona-number {
		font-size: 2em;
	}
	.sms-persona-number:before {
		content: 'Click To Text Me : ';
	}
}
.sms-persona-number a {
    text-decoration: none;
    color: inherit;
	pointer-events: none;/*Disables Safari Problem*/
}
.sms-persona-location {
    font-weight: bold;
    background: rgba(255, 255, 255, 0.44);
}
.sms-persona-location:before {
	content: 'Location : ';
    font-weight: normal;
}
.sms-persona-description {
    line-height: 1.5em;
    text-align: justify;
}
/* ======== SMS-Side-Feed === */
.sms-persona-header.side-sms, .sms-persona.side-sms, .side-sms .sms-persona-header.clickable {
    /* background: rgba(255, 255, 255, 0.7); */
}
.sms-persona-holder.side-sms {
    margin: 0 0 15px 0;
    width: 93%;
}
.sms-persona-holder.side-sms a {
    padding: 0;
}
.side-sms .sms-persona-header.clickable {
    display: inline-block;
}
@media screen and (max-width: 940px) {
	.sms-persona-holder.side-sms {
		display: none;
	}
}
.sms-persona-header.side-sms {
    margin: 0;
}
.sms-persona-header.side-sms, .side-sms .sms-persona-header.clickable {
	font-size: 1.5em;
}
.sms-persona.side-sms {
    width: 100%;
    height: auto;
    margin: 10px 0 0;
}
.sms-persona-details.side-sms {
    font-size: 1em;
    font-weight: normal;
    line-height: 1.8em;
}
/* ======== Feed End === */

.responsive-menu-show {display:none;}
.responsive-menu-hide {display:block;}

@media only screen and (max-width: 940px) and (min-width: 640px) {

/* ----------------------- Drop Down Menu  --------------------------*/
.responsive-menu-show {display:block;}
.responsive-menu-hide {display:none;}
article {
    margin-bottom: 3rem;
    position: relative;
    /* *zoom: 1; */
}
article:before, article:after {
    content: "";
    display: table;
}
article:after { clear: both }
article section:first-of-type {
    float: right;
    width: 62.5%;
}
article section:last-of-type {
    display: none;
    visibility: hidden;
}
article label {
  color: #fff;
}
section {
    /* -webkit-transition: .125s linear;
    -moz-transition: .125s linear;
    -ms-transition: .125s linear;
    -o-transition: .125s linear;
    transition: .125s linear; */
}
input[type=checkbox] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}
[for="read_more"] {
  position: absolute;
  bottom: -3rem;
  /* left: 280px; */
  width: 100%;
  text-align: center;
  padding: 0 0 15px;
  /* box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), inset -1px -1px rgba(0, 0, 0, 0.1); */
  cursor: pointer;
  font-size: 1.5em;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
  font-weight: bold;
}
[for="read_more"]:hover {
    opacity:0.5;
}
[for="read_more"] span:last-of-type {
    display: none;
    visibility: hidden;
}
input[type=checkbox]:checked ~ section {
    display: block;
    visibility: visible;
    width: 100%;
}
input[type=checkbox]:checked ~ figure { width: 100% }
input[type=checkbox]:checked ~ [for="read_more"] span:first-of-type {
    display: none;
    visibility: hidden;
}
input[type=checkbox]:checked ~ [for="read_more"] span:last-of-type {
    display: block;
    visibility: visible;
}

/* ----------------------- Other Menu Stuff  --------------------------*/
#access .menu-header li, div.menu li {
  float: none;
  position: relative;
  text-align: center;
  font-size: 1.4em;
}
#access ul ul {
  box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
  display: block;
  position: relative;
  top: 0;
  left: 0;
  float: none;
  /* width: 200px; */
  font-size: 0.7em;
  opacity: 0.9;
  z-index: 99999;
}
#access ul ul a {
  background: #000000;
  color: #fff;
  line-height: 1.5em;
  padding: 10px 10px 10px 10px;
  width: 620px;
  height: auto;
  margin-top: 0;
}
#access ul ul li {
	margin-top: 0;
}
#access ul li:hover ul {
  display: block;
}
#access ul li.current_page_item:hover > a, #access ul li.current-menu-ancestor:hover > a, #access ul li.current-menu-item:hover > a, #access ul li.current-menu-parent:hover > a {
  background-image: none;
}
.widget-container.widget_categories, .widget-container.widget_search, .entry-utility {display:none;}

/* ----------------------- Other Stuff  --------------------------*/
body.custom-background {
  /* background-color: #ffffff!important; */
  background-position: top 0 center!important;
  background-size: 1305px!important;
}
#header {
padding: 26px 0px 0 0;
}
#access .menu-header, div.menu, #colophon, #branding, #main, #wrapper, #access  {
  margin: 0 auto;
  width: 640px;
}
#access {
  background-size: 640px;
}
#branding img, img {
  margin: 0 auto;
  width: 640px;
  height:auto;
}
#primary, #secondary {
    margin: 0;
	padding: 20px;
  float: none;
  overflow: visible;
  width: 600px;
  column-count: 2;
  column-gap: 5px;
  -moz-column-count: 2;
  -moz-column-gap: 5px;
  -webkit-column-count: 2;
  -webkit-column-gap: 5px;
    background: #F00;
}
.widget-area img {
  display: none;
}
#content {
    margin: 0 10px;
}
#site-title {
  float: left;
  font-size: 30px;
  line-height: 36px;
  margin: 0 20px 0 20px;
    width: 600px;
	  display: none;
}
#site-info {
  float: left;
  font-size: 14px;
  font-weight: bold;
  width: 600px;
}
#main {
 background: #fff;
}
#footer {
background-image: none;
}

/* ----------------------- Unique Site Style --------------------------*/
#content h1, #content h4 {
	font-size: 26px;
  padding: 5px 0px 5px 20px;
}

} /* ----------------------- End Of Responsive 940px to 640px  --------------------------------------------------------------- */