/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.

----------------------
Note that css is here at the moment as we currently don't have access to ftp
----------------------

*/
.social-comment-body {
/* width: 500px !important; */
}

#blogWrapper .postwrap .post {
	margin-bottom: 20px;
}

/* Captioned images aligned to the left */
#content .alignleft, #content img.alignleft {
	display: inline;
	float: left;
	margin: -5px 20px 0 0 !important;
}

.acf_postbox p.label {
	white-space: initial;
	text-align: left;
}

/* Post-edit page metaboxes: move to functions when FTP is available */
.acf_postbox p.label {
	white-space: initial;
	text-align: left;
}

/* Post images aligned-right */
.single #blogWrapper .post .content_inner img {
	max-width: 100%;
}

/* Custom content styles */
.crosshead,
.feature-box {
	color: #6d004f;
	font-family: 'Fjalla One', 'Lato', arial, sans-serif;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: normal;
}

.feature-box {
	padding: 10px;
	border: 1px solid #6d004f;
}

.crosshead-boxed {
	border: 1px solid #6d004f;
	color: #6d004f;
	font-family: 'Fjalla One', 'Lato', arial, sans-serif;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 5px;
	padding: 10px;
}

.boxout-right {
	background: #6d004f;
	padding: 10px;
	color: #fff;
	font-weight: 400;
	width: 33%;
	float: right;
	margin: 0 0 10px 10px;
}

#blogWrapper .content_inner span > a {
	font-weight: normal;
}

/* Comment count when 3 figured */
#blogWrapper .post p.postcomments {
	width: 125px;
}

/* 4.2 Screen reader text fix */
.screen-reader-text {
	position: absolute;
	left: -1000em;
}

/* ----------------------------------------------------------------- */
/* Email Updates Widget (jetpack) ---------------------------------- */
/* ----------------------------------------------------------------- */
.jetpack_subscription_widget {
	background-color: #f5f2eb;
	color: #6a6967;
	font-size: inherit;
	min-height: 195px;
}

.jetpack_subscription_widget form {
	padding: 10px;
}

.jetpack_subscription_widget form p#subscribe-email {
	padding: 5px 0;
}

.jetpack_subscription_widget form input#subscribe-field {
	margin-bottom: 10px;
	padding: 10px;
	width: 100%;
}

.jetpack_subscription_widget form input[type="submit"] {
	padding: 4px;
	margin-bottom: 10px;
	-webkit-appearance: button;
	cursor: pointer;
	font-size: 1.4em;
	background: #ff6600;
	background: -moz-linear-gradient(top,#ff6600 0%,#ef6000 50%,#e45b00 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff6600),color-stop(50%,#ef6000),color-stop(100%,#e45b00));
	background: -webkit-linear-gradient(top,#ff6600 0%,#ef6000 50%,#e45b00 100%);
	background: -o-linear-gradient(top,#ff6600 0%,#ef6000 50%,#e45b00 100%);
	background: -ms-linear-gradient(top,#ff6600 0%,#ef6000 50%,#e45b00 100%);
	background: linear-gradient(to bottom,#ff6600 0%,#ef6000 50%,#e45b00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6600',endColorstr='#e45b00',GradientType=0);
	display: inline-block;
	width: auto;
	font-family: 'Fjalla One', 'Lato', arial, sans-serif;
	text-transform: uppercase;
	line-height: 1;
	text-align: center;
	color: #fff;
	border: none;
	border-radius: 4px;
	-webkit-box-shadow: 0 8px 6px -6px #333;
	-moz-box-shadow: 0 8px 6px -6px #333;
	box-shadow: 0 8px 6px -6px #333;
}

.jetpack_subscription_widget form input[type="submit"]:hover {
	background: #96c265;
	background: -moz-linear-gradient(top,#96c265 0%,#96c265 50%,#78a43f 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#96c265),color-stop(50%,#96c265),color-stop(100%,#78a43f));
	background: -webkit-linear-gradient(top,#96c265 0%,#96c265 50%,#78a43f 100%);
	background: -o-linear-gradient(top,#96c265 0%,#96c265 50%,#78a43f 100%);
	background: -ms-linear-gradient(top,#96c265 0%,#96c265 50%,#78a43f 100%);
	background: linear-gradient(to bottom,#96c265 0%,#96c265 50%,#78a43f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#96c265',endColorstr='#78a43f',GradientType=0);
}

.jetpack_subscription_widget .success {
	padding: 14px 10px 10px;
	color: #6d004f;
}
.jetpack_subscription_widget form p#subscribe-email {
    width: calc(100% - 90px);
    padding: 0;
}
.jetpack_subscription_widget form p#subscribe-email input[type=email] {
    height: auto;
    margin: 0;
}
.jetpack_subscription_widget form p#subscribe-email input[type=email]:hover,
.jetpack_subscription_widget form p#subscribe-email input[type=email]:focus {
    background: #ededed;
}
.jetpack_subscription_widget form p#subscribe-submit {
    width: 80px;
    display: inline-block;
    margin: 0 0 0 10px;
}
.jetpack_subscription_widget form p#subscribe-submit button {
    width: 100%;
    max-width: 100%;
    height: 36px;
}

/* Line spacing for the in-content widget titles (h3) */
#blogWrapper .widget-title.purple {
	background-color: #6d004f;
	line-height: 1.2;
}

/* responsive centring */
.pricerange {
	width: 100%;
	max-width: 146px;
	margin: 0 auto;
	padding: 0 10px;
}

.pricerange a {
	display: block;
	float: left;
	width: 100%;
}

.pricerange img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

.pricerange .priceclear {
	clear: both;
}

@media (min-width: 300px) {
	.pricerange {
		max-width: 292px;
	}
	
	.pricerange a {
		width: 50%;
	}
}

@media (min-width: 500px) {
	.pricerange {
		max-width: 584px;
	}
	
	.pricerange a {
		width: 25%;
	}
}

/* Addition of orange line to search result entries, but not last entry */
.result {
	border-bottom: 4px solid #fd710f;
	margin-bottom: 20px;
}

.result:last-of-type {
	border: none;
}

#sidebar .jetpack_subscription_widget h3 {
	background: #6D004F;
}

#subscribe-email input {
	width: 100%;
	padding: 10px;
}

#sidebar .jetpack_subscription_widget {
	min-height: 135px;
}

#sidebar .jetpack_subscription_widget form input[type="submit"] {
	margin: 0 auto;
	display: block;
}

body#tinymce h3 {
	font-family: 'Fjalla One', 'Lato', arial, sans-serif;
	text-transform: uppercase;
	font-size: 1.8em;
	color: #640002;
	padding-bottom: 10px;
	margin: 15px 0;
	border-bottom: 1px solid #F0F0F0;
	clear: both;
}

/* re-enable search for mobile */
#tweheader .header-search {
	display: block;
}

#tweheader .header-widgets {
	display: block;
}

/* Captioning under Video Embeds */
.wp-caption-text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #999;
	font-size: 12px;
	text-align: left;
}

#blogWrapper .post h2 {
	line-height: normal;
}

.postcomments .screen-reader-text {
    display: none;
}

/* gallery fix by billy */
.gallery .gallery-item .gallery-columns-1 dt {
		width: 100% !important;
}

/* Hack/fix for Pinterest 'pin' z-index that was showing the pin over site header */
span[class^="PIN_"] {
    z-index: 0 !important;
}

/* Quiz Overrides */
form.quiz-form {
    text-align: left;
    padding: 10px;
    background: #f7f7f7;
}
form.quiz-form div {
    padding: 10px 0;
}
form.quiz-form .question-content {
    padding: 0;
}
form.quiz-form div > h4,
.quiz-area h4 { font-weight: 600; font-size: 1.3em; color: #6d004f; padding: 15px 0 5px 0; display: block; }

form.quiz-form .watu_num { display: none; }
form.quiz-form input[type=button] {
    padding: 10px;
    margin: 10px 0;
    background: #4d1939;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}
.quiz-area h3 {
	font-weight: 600; font-size: 1.3em; color: #6d004f; padding: 10px 0 20px 0;
}
form.quiz-form .watu-question div {
    border: 1px solid #a89a70;
    margin: 0 0 15px 0;
	  padding: 15px;
}
form.quiz-form .watu-question .question-content {
    border: none;
	padding: 0;
}
.quiz-form label {
    display: inline!important;
    font-size: 16px;
    padding: 0 0 0 10px;
}


.stable, .stablecell {
	display: block;
}
@media (min-width: 769px) {
	.stable {
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	.stablecell { 
		display: table-cell;
		vertical-align: top;
	}
.stablecell.vctr { 
		display: table-cell;
		vertical-align: middle;
	}
}
.quiz-results { 
    border: 1px solid #c6c6c6;
    padding: 10px;
    margin: 20px auto;
}
.quiz-result-desc {
    background-color: #f7f7f7;
    padding: 0 20px;
}
.quiz-result-desc,
.quiz-result-desc a {
	font-size: 16px;
	padding-bottom: 10px;
}
.quiz-result-desc a {
    text-decoration: none;
    border: 1px solid #640002;
    padding: 10px 15px 12px 15px;
    text-transform: uppercase;
    line-height: normal;
	  font-weight: 600;
    background: #640002;
    color: #fff !important;
	  text-align: left;
    display: block;
    margin: 10px 0 10px 0;
    max-width: 260px;
}
.quiz-result-desc a:hover {
    background: none;
    color: #a89a70 !important;
}
.quiz-result-desc h4 {
    line-height: 30px;
	  padding-top: 0;
    color: #a89a70;
    text-align: left;
}
form.quiz-form .watu-question div.selected label {
    color: #a89a70;
    font-weight: 600;
}
.quiz-results h3 {
    font-weight: normal;
}
#watu_quiz .quiz-form label {
    display: inline-block!important;
    width: 90%;
}
#blogWrapper .post p {
    line-height: 20px;
    padding: 0 0 12px;
}
#blogWrapper {
    line-height: 20px;
}

/* Custom Table Styling 1 */
table.minimalistBlack {
  border: 1px solid #000000;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.minimalistBlack td, table.minimalistBlack th {
  border: 3px solid #000000;
  padding: 5px 4px;
}
table.minimalistBlack tbody td {
  /* font-size: 13px */;
}
table.minimalistBlack thead {
  background: #edebdf;
  border-bottom: 3px solid #000000;
}
table.minimalistBlack thead th {
  font-size: 15px;
  font-weight: bold;
  color: #000000;
  text-align: left;
}
table.minimalistBlack tfoot {
  /* font-size: 14px; */
  font-weight: bold;
  color: #000000;
  border-top: 3px solid #000000;
}
table.minimalistBlack tfoot td {
  /* font-size: 14px; */
}

/* AJAX Search Styling */
.searchwp-live-search-result a {
    color: #ffffff;
}
.searchwp-live-search-result a:hover {
    color: #c00c00;
}
.searchwp-live-search-result a:active,
.searchwp-live-search-result a:visited{
    color: #ffffff;
}

.search-term { color: #f57c01; }
.searchwp-live-search-no-results,
.searchwp-live-search-results,
.searchwp-live-search-result,
.searchwp-live-search-results-showing {
    background: #b8a675;
    color: #ffffff;
}

@media (min-width: 960px){
.search-term { color: #f57c01; }
.searchwp-live-search-no-results,
.searchwp-live-search-results,
.searchwp-live-search-result,
.searchwp-live-search-results-showing {
    background: #edebdf;
    color: #000;
}
.searchwp-live-search-results { 
    left: calc(100% - 415px) !important;
    width: 400px !important;
	min-height: 115px;
}
	
.searchwp-live-search-result a {
    color: #640002;
}
.searchwp-live-search-result a:hover {
    color: #c00c00;
}
.searchwp-live-search-result a:active,
.searchwp-live-search-result a:visited{
    color: #000000;
}
}
.searchwp-live-search-result a.smore {     color: #690924;
    font-family: fjalla one,lato,arial,sans-serif;
    text-transform: uppercase;
}
.searchwp-live-search-result a.smore:hover { color: #c00c00;
}