/*

Theme Name: Stacey Barr

Theme URI:

Author: Weight Creative

Author URI: http://www.weightcreative.com

Description: Stacey Barr's Custom Website

Version: 1.1

Updated by: Stacey, 21/09/2017

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags:

Text Domain:



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



/*FONTS*/

@font-face {

	font-family: 'Avenir Black';
    font-display: swap;
	src: url('fonts/AvenirLTStd-Black.otf');

}



@font-face {

	font-family: 'Avenir Book';
	font-display: swap;
	src: url('fonts/AvenirLTStd-Book.otf');

}



@font-face {

	font-family: 'Avenir Light';
    font-display: swap;
	src: url('fonts/AvenirLTStd-Light.otf');

}



@font-face {

	font-family: 'Avenir Light Oblique';
    font-display: swap;
	src: url('fonts/AvenirLTStd-LightOblique.otf');

}



@font-face {

	font-family: 'Avenir Medium';
	font-display: swap;
	src: url('fonts/AvenirLTStd-Medium.otf');

}



@font-face {

	font-family: 'Avenir Roman';
	font-display: swap;
	src: url('fonts/AvenirLTStd-Roman.otf');

}



body {

	font-family: 'Avenir Book', sans-serif;

}



h1 {

	margin-top: 5.5rem;

	margin-bottom: 2.5rem;

	text-align: center;

	font-family: 'Avenir Light', sans-serif;

}

h2,

h3 {

	margin-top: 5.5rem;

	margin-bottom: 2.5rem;

	font-family: 'Avenir Light', sans-serif;

}



p {

	font-size: 11pt;

}



a,

a:hover,

a:focus,

a:active {

	text-decoration: none;

}



a,

input[type="submit"] {

	o-transition: all 200ms ease;

	transition: all 200ms ease;

	webkit-transition: all 200ms ease;

}



/*FONT HELPERS*/

.uppercase {

	text-transform: uppercase;

}

h2.head,

.comment-respond h3 {

	border-bottom: 0.1rem solid #5089b2;

	padding: 0 0 1.3rem 0;

	display: inline-block;

	font-family: 'Avenir Medium', sans-serif;

	font-size: 21pt;

}



/*COLOR HELPERS*/

.blue {

	color: #5089b2 !important;

}

.white {

	color: #fff;

}



/*FORM HELPERS*/

form.wpcf7-form input.form-control,

form.wpcf7-form textarea.form-control,

form.form-inline input.form-control,

form.form-inline textarea.form-control,

form input.form-control,

form textarea.form-control,

.comment-respond input.form-control,

.comment-respond textarea.form-control {

	border: 0;

	padding: 1.8rem 1.1rem;

	width: 100%;

	height: auto;

	font-family: 'Avenir Roman', sans-serif;

	font-size: 10pt;

	background: #e1e1e1;

	color: #6ba2ca;

	border-radius: 0.7rem;

	letter-spacing: 0.2rem;

	-webkit-box-shadow: none;

    box-shadow: none;

}

a.button,

form input[type="submit"].btn.btn-default,

.section.blog div.nav span,

.section.blog div.nav a {

	display: inline-block;

	padding: 1.5rem 1.1rem;

	border: 0.3rem solid #6ba2ca;

	width: 100%;

	height: auto;

	font-family: 'Avenir Roman', sans-serif;

	font-size: 10pt;

	background: #fff;

	color: #6ba2ca;

	border-radius: 0.7rem;

	letter-spacing: 0.2rem;

	-webkit-box-shadow: none;

    box-shadow: none;

}

form input[type="submit"].btn.btn-default:hover {

	background: #6ba2ca;

	color: #fff;

}



.form-control::-webkit-input-placeholder { color: #6ba2ca; font-size: 10pt; }

.form-control:-moz-placeholder { color: #6ba2ca; font-size: 10pt; }

.form-control::-moz-placeholder { color: #6ba2ca; font-size: 10pt; }

.form-control:-ms-input-placeholder { color: #6ba2ca; font-size: 10pt; }

/*TABLES
    border-collapse: collapse;

*/


td, th {
	padding:15px 5px;
	font-size:13pt;
	border-bottom: 1px solid #ddd;
	vertical-align: baseline;
	font-size:11pt !important;
}

td p{
		font-size:11pt !important;
}

tr.blue{
	background-color:#5089b2 !important;
	color:#fff!important;
	vertical-align: middle !important;
}
tr.blue td{
vertical-align: middle !important;
padding:15px;
}

td.center{
vertical-align: middle !important;
}


/*MAIN NAV*/

.main-nav {

	position: absolute;

	top: 2.5rem;

	left: 2.5rem;

	z-index: 1;

}

.main-nav .menu-container {

	display: none;

	position: absolute;

	top: 0;

	left: 0;

	border: 0.1rem solid #fff;

	padding: 1.6rem 1.3rem;

	width: 37.3rem;

	background: #5089b2;

}

.main-nav .menu-container ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

}

.main-nav .menu-container .menu > li > a {

	display: inline-block;

	border-bottom: 0.1rem solid #fff;

	margin-bottom: 1.2rem;

	padding-bottom: 0.6rem;

	font-family: 'Avenir Roman', sans-serif;

	font-size: 11pt;

	color: #fff;

	text-transform: uppercase;

}



.main-nav .menu-container .sub-menu {

	display: none;

	padding: 0 0 1.2rem 0;

}

.main-nav .menu-container .sub-menu > li > a {

	display: inline-block;

	margin-bottom: 0.6rem;

	font-family: 'Avenir Light', sans-serif;

	font-size: 10pt;

	color: #fff;

}



.main-nav .menu-container .sub-menu .sub-menu {

	display: block;

	padding: 0 0 1.2rem 1.6rem;

}



.main-nav .menu-container .sub-menu > li.menu-item-has-children > a {

	font-family: 'Avenir Medium', sans-serif;

}



/*UNIVERSAL SECTIONS*/

.section.logo img {

	padding: 7.5rem 0 8.7rem 0;

}

.section.subscribe {

	padding: 5.2rem 0 4.5rem 0;

}

.section.subscribe h2 {

	margin: 0 0 2.4rem 0;

}

.section.subscribe p {

	display: inline-block;

	max-width: 48.7rem;

	font-family: 'Avenir Roman', sans-serif;

}

.section.subscribe p > span {

	font-family: 'Avenir Book', sans-serif;

}

.section.subscribe form {

	margin: 0;

}

.section.subscribe span {

	padding-top: 5rem;

	display: block;

	text-align: left;

	clear: both;

}

.section.subscribe form input[type="submit"].btn.btn-default {

	width: 50%;

}

.section.connect {

	padding: 5.5rem 0 4.5rem 0;

	background: #6ba2ca;

}

.section.connect h2 {

	margin: 0 0 2.4rem 0;

	display: inline-block;

	border-color: #fff;

	color: #fff;

}

.section.connect p {

	margin: 0 0 6.5rem 0;

	display: inline-block;

	max-width: 48.7rem;

	color: #fff;

}

.section.connect .form-group {

	padding-left: 0;

}

.section.connect form.wpcf7-form input.form-control {

	margin-bottom: 1.5rem;

}

.section.connect form.wpcf7-form .form-control {

	background: #5089b2;

	color: #fff;

}



.section.connect form.wpcf7-form .form-control::-webkit-input-placeholder { color: #fff; font-size: 10pt; }

.section.connect form.wpcf7-form .form-control:-moz-placeholder { color: #fff; font-size: 10pt; }

.section.connect form.wpcf7-form .form-control::-moz-placeholder { color: #fff; font-size: 10pt; }

.section.connect form.wpcf7-form .form-control:-ms-input-placeholder { color: #fff; font-size: 10pt; }



.section.connect form.wpcf7-form input[type="submit"] {

	background: transparent;

	color: #fff;

	border-color: #fff

}

.section.connect form.wpcf7-form input[type="submit"]:hover {

	color: #6ba2ca;

	background: #fff;

}

.section.connect span {

	padding-top: 2rem;

	display: block;

	color: #fff;

	text-align: left;

	clear: both;

}

.section.connect hr {

	border-top: 0.1rem solid #fff;

	margin-top: 4.5rem;

	margin-bottom: 4.5rem;

}

.section.connect div.icon {

	padding-right: 1.2rem;

	float: left;

}

.section.connect div.info {

	float: left;

}

.section.connect div.info span {

	padding: 0;

	display: inline-block;

	font-size: 10pt;

}

.section.connect div.info span > a {

	color: #fff;

}

.section.site-map {

	padding: 6.5rem 6rem;

	background: #93c8eb;

}

.section.site-map h2.head {

	margin-bottom: 3rem;

	border-color: #fff;

	color: #fff;

}

.section.site-map ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

}

.section.site-map li {

	padding-bottom: 1rem;

}

.section.site-map li a {

	display: inline-block;

	color: #111;

	font-family: 'Avenir Roman', sans-serif;

	font-size: 10.5pt;

}

.section.copyright {

	padding: 3.5rem 0;

	background: #464646;

}

.section.copyright .logo {

	padding: 3.5rem 0 4rem 0;

}

.section.copyright p {

	font-family: 'Avenir Roman', sans-serif;

	font-size: 11pt;

	color: #c2c2c2;

}

.section.copyright p > a {

	font-family: 'Avenir Black', sans-serif;

	color: #c2c2c2;

}

.share > span,

span.ssbp-share-text {

	margin-bottom: 8px !important;
	margin-right: 4px !important;

	padding-right: 0.7rem;

	display: inline-block !important;

	font-family: 'Avenir Roman', sans-serif !important;

	font-size: 10pt !important;

	color: #57585b;

	text-transform: uppercase;

	letter-spacing: 0.1rem;

}

.ssbp-container > ul.ssbp-list > li > a {

    border-radius: 50% !important;

}

.share a {

	color: #57585b;

}

.share a:hover {

	color: #3e3f42;

}

.share a > span {

	font-size: 10pt;

}

.share span > i:nth-child(2) {

	color: #fff;

}

.ssbp-container {

	display: none;

}

.ssbp-set--two .ssbp-btn {

    border-radius: 50% !important;

}

/* Social Media Feather */
.share {
	display: flex;
	align-items: center;
}

.share .synved-social-button {
	position: relative;
}

.share .synved-social-button .synved-share-image {
	opacity: 0;
}

.share .synved-social-button::after {
	position: absolute;
	inset: 0;
    background-size: 28px 28px;
    display: inline-block;
    width: 28px; 
    height: 28px;
    content:"";
}

.share .synved-social-button.synved-social-provider-twitter::after {
    background-image: url('img/twitter-logo.png');
}
.share .synved-social-button.synved-social-provider-facebook::after {
    background-image: url('img/facebook-logo.png');
}
.share .synved-social-button.synved-social-provider-linkedin::after {
    background-image: url('img/linkedin-logo.png');
}
/* Social Media Feather */


/*SIDEBAR*/

.widget.search form .form-control::-webkit-input-placeholder { color: #000; font-size: 10pt; }

.widget.search form .form-control:-moz-placeholder { color: #000; font-size: 10pt; }

.widget.search form .form-control::-moz-placeholder { color: #000; font-size: 10pt; }

.widget.search form .form-control:-ms-input-placeholder { color: #000; font-size: 10pt; }



.widget {

	text-align: right;

	text-transform: uppercase;

}



.widget.search input {

	border: 0;

	display: inline;

	width: 81%;

	box-shadow: none;

	font-size: 9pt;

	color: #000;

	background: none;

	text-align: right;

	letter-spacing: 0.2rem;

}

.widget.search button {

	background: none;

	border: 0;

}



.widget.topics li {list-style-type: none; margin-bottom: 0 !important;}



.widget.topics li a {

	display:inline-block;padding:0;
border:0 solid #fff;
margin: 4px 3px;
height:auto;font-family:'Avenir Roman',sans-serif;font-size:10pt;background:#fff;
color:#58595b;border-radius:.7rem;text-transform:uppercase;letter-spacing:.2rem;-webkit-box-shadow:none;box-shadow:none

}



.widget.topics li a:hover {background: #fff; color: #58595b;}



.widget.topics h2 {

	text-align: right;

}



.widget.subscribe {

	text-transform: none;

}

.widget.subscribe form.form-inline input.form-control,

.widget.subscribe form.form-inline textarea.form-control,

.widget.subscribe form input[type="submit"].btn.btn-default {

	text-align: center;

	width: 90%;

}

.widget.subscribe .form-inline div {

	padding: 0;

	margin-bottom: 1rem;

}

.widget.subscribe span {

	width: 100%;

	text-align: right;

	display: inline-block;

}

.widget h2 {

	margin-top: 8rem;

	margin-bottom: 2.5rem;

	font-size: 21pt;

	text-transform: none;

}

.widget a.button {

	margin-right: 1rem;

	margin-bottom: 1rem;

	width: auto;

}

.widget a.button:hover {

	background: #6ba2ca;

	color: #fff;

}

.widget.recent-posts a,

.section.blog .widget p {

	font-size: 10pt;

	color: #464646;

}

.widget.recent-posts a > span {

	color: #5089b2;

}



.missing-page {

	padding: 4rem 0;

}



/*MAIN*/

.section.recent-posts {

	padding: 2.5rem 0;

	background: rgba(255,255,255,0.8);

}

.section.main.recent-posts h3 {

	font-size: 21pt;

    min-height: 9rem;

}

.section.main.recent-posts p {

	margin: 2rem 0;

}

.section.main.recent-posts a {

	border-bottom: 0.1rem solid #5089b2;

	padding-bottom: 1rem;

	font-family: 'Avenir Roman', sans-serif;

	font-size: 10pt;

	letter-spacing: 0.2rem;

	text-transform: uppercase;

}

.section.main.video {

	padding: 5.2rem 20%;

	background: #363636;

}

.section.main.video h2,

.section.main.video p {

	margin: 0 0 4.2rem 0;

}

.section.main.video iframe {

	width: 56rem;

	height: 31.5rem;

}

.section.main.posts {

	padding: 5rem 0;

	background: #ebebeb;

}

.section.main.posts.white {

	padding: 5rem 0;

	background: #fff;

}

.section.main.posts h2 {

	margin: 0 0 5rem 0;

}

.section.main.posts .posts-category {

	margin-bottom: 2.6rem;

}

.section.main.posts .posts-category a.button {

	border-color: #93c8eb;

	margin-right: 0.5rem;

	margin-bottom: 0.7rem;

	color: #000;

	width: auto;

}

.section.main.posts a.button.active,

.section.main.posts a.button:hover {

	background: #93c8eb;

}

.section.main.posts .posts-grid {

	width: 100%;

}

.section.main.posts .posts-item {

	position: relative;

	margin-right: 2rem;

	margin-bottom: 2rem;

	width: 31.3333333%;

}

.section.main.posts .posts-item > a {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 1;

}

.section.main.posts .posts-item > a:hover {

	background: rgba(255,255,255,0.35);

}

.section.main.posts .posts-item > img {

	width: 100%;

}

.section.main.posts .posts-item .meta {

	position: absolute;

	left: 0;

	bottom: 0;

	padding: 2rem 1.5rem;

	width: 100%;

	background: rgba(147,200,235,0.9);

}

.section.main.posts .posts-item h3,

.section.main.posts .posts-item span {

	color: #000;

	font-family: 'Avenir Medium', sans-serif;

}

.section.main.posts .posts-item h3 {

	margin-bottom: 1rem;

	font-size: 13pt;

}

.section.main.posts .posts-item span {

	font-size: 9pt;

}

.section.main.posts .share {

	text-align: right;

}

.section.main.posts a.button.view-blog {

	margin: auto;

	display: block;

	width: 50%;

	text-align: center;

}

.section.main.posts a.button.view-blog:hover {

	color: #fff;

	background: #6ba2ca;

}



/*BLOG SINGLE*/

.section.blog {

	padding: 6.5rem 0;

}

.section.blog .head > h1 {

	margin-top: 3.5rem;

	margin-bottom: 2rem;

	font-family: 'Avenir Roman', sans-serif;

	font-size: 22.5pt;

	color: #5089b2;

	letter-spacing: 0.3rem;

}

.section.blog .head > span {

	display: inline-block;

	padding-bottom: 4.5rem;

	color: #000;

	font-size: 10pt;

	text-transform: uppercase;

}

.section.blog article h1 {

	margin-top: 8rem;

	margin-bottom: 1rem;

	font-size: 22.5pt;

	letter-spacing: 0.5rem;
	text-align:left;

}

.section.blog article h2 {

	margin-top: 8rem;

	margin-bottom: 1rem;

	font-size: 22.5pt;

	letter-spacing: 0.5rem;

}

.section.blog article .head > span {

	padding-bottom: 3rem;

}

.section.blog hr {

	margin: 4rem 0 0 0;

}

.section.blog h1 {
	font-family:'Avenir Roman', sans-serif;
	font-size: 22.5pt;
	color: #5089b2;
	letter-spacing:0.3rem;
	font-weight:700;
	line-height:1.1;
	text-align:left;
}

.section.blog h2 {
	font-family:'Avenir Roman', sans-serif;
	font-size: 18pt;
	color: #5089b2;
	letter-spacing:0.3rem;
	font-weight:700;
	line-height:1.1;
	text-align:left;
}

.section.blog h3 {
	font-family:'Avenir Roman', sans-serif;
	font-size: 15pt;
	color: #5089b2;
	letter-spacing:0.3rem;
	font-weight:700;
	line-height:1.1;
	text-align:left;
}

.section.blog p,
.section.blog ol,
.section.blog li,
.section.blog ul {
	margin-bottom: 2rem;
	color: #555;
	font-size: 13pt;
}

/* Text color formatting based on background style */
.section.blog.bg-dark h1,
.section.blog.bg-dark h2,
.section.blog.bg-dark h3,
.section.blog.bg-dark p,
.section.blog.bg-dark ol,
.section.blog.bg-dark li,
.section.blog.bg-dark ul,
.section.blog.bg-dark thead tr td,
.section.blog.bg-dark tbody tr th,
.section.blog.bg-dark tbody tr td {
	color: #fff;
}
.section.blog.bg-dark .squelch-taas-toggle-shortcode-content h1,
.section.blog.bg-dark .squelch-taas-toggle-shortcode-content h2,
.section.blog.bg-dark .squelch-taas-toggle-shortcode-content h3,
.section.blog.bg-dark .squelch-taas-toggle-shortcode-content p,
.section.blog.bg-dark .squelch-taas-toggle-shortcode-content ol,
.section.blog.bg-dark .squelch-taas-toggle-shortcode-content li,
.section.blog.bg-dark .squelch-taas-toggle-shortcode-content ul,
.section.blog.bg-dark .squelch-taas-toggle-shortcode-content thead tr td,
.section.blog.bg-dark .squelch-taas-toggle-shortcode-content tbody tr th,
.section.blog.bg-dark .squelch-taas-toggle-shortcode-content tbody tr td {
	color: #555;
}

/* Flexible content blocks: Background Colours and Text Formatting */
.ql-cta .bg-transparent,
.classic-editor-block.bg-transparent,
.ql-columns.bg-transparent {
	background-color: transparent;
}
.ql-cta .bg-white,
.classic-editor-block.bg-white,
.ql-columns.bg-white {
	background-color: #fff;
}
.ql-cta .bg-light_grey,
.classic-editor-block.bg-light_grey,
.ql-columns.bg-light_grey {
	background-color: #EBEBEB
}
.ql-cta .bg-light_blue,
.classic-editor-block.bg-light_blue,
.ql-columns.bg-light_blue {
	background-color: #93C8EB;
}
.ql-cta .bg-dark_blue,
.classic-editor-block.bg-dark_blue,
.ql-columns.bg-dark_blue {
	background-color: #6BA2CA;
}
.ql-cta h1,
.ql-cta h2,
.ql-cta h3,
.ql-cta h4,
.ql-cta h5,
.ql-cta h6,
.ql-cta p,
.ql-cta li {
  color: #555;
}
.ql-cta .bg-dark h1,
.classic-editor-block.bg-dark h1,
.ql-columns.bg-dark h1,
.ql-cta .bg-dark h2,
.classic-editor-block.bg-dark h2,
.ql-columns.bg-dark h2,
.ql-cta .bg-dark h3,
.classic-editor-block.bg-dark h3,
.ql-columns.bg-dark h3,
.ql-cta .bg-dark h4,
.classic-editor-block.bg-dark h4,
.ql-columns.bg-dark h4,
.ql-cta .bg-dark h5,
.classic-editor-block.bg-dark h5,
.ql-columns.bg-dark h5,
.ql-cta .bg-dark h6,
.classic-editor-block.bg-dark h6,
.ql-columns.bg-dark h6,
.ql-cta .bg-dark p,
.classic-editor-block.bg-dark p,
.ql-columns.bg-dark p,
.ql-cta .bg-dark li,
.classic-editor-block.bg-dark li,
.ql-columns.bg-dark li {
  color: #fff;
}

.ql-cta .bg-dark .ui-widget-content,
.classic-editor-block.bg-dark .ui-widget-content,
.ql-columns.bg-dark .ui-widget-content {
	background-color: transparent !important;
	border: none !important;
}
/* Flexible content blocks: Background Colours and Text Formatting */

/* Flexible content block: Call-To-Action */
.ql-cta {
	display: flex;
	flex-direction: column;
	margin-bottom: 0;
	margin-bottom: 8rem;
}
.ql-cta .cta-title {
	margin-top: 0;
}
.ql-cta.reverse-column {
	flex-direction: column;
}
.ql-cta .column-image,
.ql-cta .column-content {
	width: 100%;
}
.ql-cta .column-image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	max-height: 500px;
}
.ql-cta .column-content {
	padding: 32px 20px;
}

.ql-cta .squelch-taas-toggle .squelch-taas-toggle-shortcode-content {
	padding: 20px 12px !important;
}
.ql-cta .squelch-taas-toggle-shortcode-header {
	margin-bottom: 0 !important;
}


@media only screen and (min-width: 800px) {
	.ql-cta {
		flex-direction: initial;
	}
	.ql-cta.reverse-column {
		flex-direction: row-reverse;
	}
	.ql-cta.reverse-column .column-content {
		margin-right: auto;
		margin-left: unset;
	}
	.ql-cta .column-image {
		width: 40%;
	}
	.ql-cta .column-content {
		width: 60%;
		padding: 40px;
	}
}
/* Flexible content block: Call-To-Action */


/* Flexible content block: Columns Block */
.ql-columns {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 32px 20px;
	grid-gap: 36px 24px;
	margin-bottom: 8rem;
}
.ql-columns.three-column {
	grid-template-columns: repeat(3, 1fr);
}
.ql-columns.four-column {
	grid-template-columns: repeat(4, 1fr);
}

.ql-columns .column h1:first-of-type,
.ql-columns .column h2:first-of-type,
.ql-columns .column h3:first-of-type,
.ql-columns .column h4:first-of-type,
.ql-columns .column h5:first-of-type,
.ql-columns .column h6:first-of-type {
	margin-top: 0;
}

.ql-columns .squelch-taas-toggle .squelch-taas-toggle-shortcode-content {
	padding: 20px 12px !important;
}
.ql-columns .squelch-taas-toggle-shortcode-header {
	margin-bottom: 0 !important;
}

@media only screen and (max-width: 800px) {
	.ql-columns.three-column,
	.ql-columns.four-column {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media only screen and (max-width: 650px) {
	.ql-columns,
	.ql-columns.three-column,
	.ql-columns.four-column {
		grid-template-columns: 1fr;
	}
}
/* Flexible content block: Columns Block */

/* Flexible content block: Classic Editor*/
.classic-editor-block {
	padding: 32px 20px;
	margin-bottom: 8rem;
}
.classic-editor-block h1:first-of-type,
.classic-editor-block h2:first-of-type,
.classic-editor-block h3:first-of-type,
.classic-editor-block h4:first-of-type,
.classic-editor-block h5:first-of-type,
.classic-editor-block h6:first-of-type {
	margin-top: 20px;
}

.classic-editor-block .squelch-taas-toggle .squelch-taas-toggle-shortcode-content {
	padding: 20px 12px !important;
}
.classic-editor-block .squelch-taas-toggle-shortcode-header {
	margin-bottom: 0 !important;
}
	
/* Flexible content block: Classic Editor*/


ol.comments {
	margin: 0;
	padding: 0;
	margin-top: 5rem;
	list-style-type: none;
}


ol.comments li {
	margin-bottom: 2rem;
}



.comment-respond h3 {

	margin-top: 5rem;

	margin-bottom: 4.5rem;

}

.comment-respond {

	width: 50%;

}

.section.blog h1,

.section.blog h2,

.section.blog h3,

.section.blog h4,

.section.blog h5,

.section.blog h6 {

	margin-bottom: 2rem;

}

.feature-image{
	width: 168px;
height: 168px;
position: relative;
overflow: hidden;
border-radius: 50%;
padding: 0;
}

.section.blog .feature-image img {
	/*display: inline;
	margin: 0 auto;
	height: auto;
	width: auto;
	min-width: 100%; */
	position: absolute;
left: -1000%;
right: -1000%;
top: -1000%;
bottom: -1000%;
margin: auto;
min-height: 100%;
min-width: 100%;

}

.section.blog div.category {

	margin-top: 3.3rem;

}

.section.blog div.category p {

	color: #414141;

	font-size: 10pt;

	text-transform: uppercase;

}

.section.blog div.category a {

	letter-spacing: 0.2rem;

}



.section.blog .ssbp-wrap.ssbp--aligned-right {

	text-align: left;

}



.section.blog div.nav {

	padding-top: 2rem;

}



.section.blog div.nav a,

.section.blog div.nav span {

	border-width: 0.2rem;

	padding: 0.2rem 0.5rem;

	width: auto;

}



.section.blog div.nav span,

.section.blog div.nav a:hover {

	background: #6ba2ca;

	color: #fff;

}



.login h1 a {background-size: 300px !important; width: 100% !important; height: 60px !important;}



@media only screen and (max-width: 1024px){

	img {

		max-width: 100%;

	}

	.section.main.recent-posts article {

		padding: 3rem 0;

	}

	.section.main.video iframe {

		max-width: 100%

	}

	.section.subscribe form {

    	margin: 2rem 0 0 0;

	}

	.section.main.posts .posts-item {

		width: 100%;

	}

	.section.main.posts .posts-category a.button {

		width: 100%;

		text-align: center;

	}

	.section.main.posts .ssbp-wrap.ssbp--aligned-right {

		text-align: center;

	}

	.section.main.posts a.button.view-blog {

		margin-top: 2rem;

	}

	.section.connect div.icon {

		/*padding-top: 2rem;*/

		padding-bottom: 0;

	}

	.section.site-map h2.head {

		margin-top: 3rem;

	}

	.comment-respond {

		width: 100%;

	}

	.widget.subscribe form.form-inline input.form-control, .widget.subscribe form.form-inline textarea.form-control, .widget.subscribe form input[type="submit"].btn.btn-default {

		width: 100%;

	}

	.section.connect .form-group {

		padding-right: 0;

	}

	.widget {

    	text-align: center;

	}



}



@media (max-width: 991px) {

	.section.blog .feature-image img {
		margin-bottom: 40px;
	}

	.widget.topics h2 {
		text-align: center;
	}

	.widget.topics ul {
		padding: 0;
	}

	.widget.search form {
		width: 350px;
		margin: 70px auto 0;
    	border: 1px solid #ececec;
		border-radius: 5px;
	}
}

/* New Sorting Blog Function on Homepage */
#post-grid-7073 {
    background: #ebebeb !important;
}


#post-grid-7073 .nav-filter .filter{
		border: 3px solid #93c8eb !important;
		color: #000;
    padding: 1rem 1.1rem;
	  font-size: 10pt !important;
    background: #fff;
		border-radius: 0.7rem;
		letter-spacing: 0.2rem;
		margin-bottom:10px;
}

#post-grid-7073 .nav-filter .filter:hover{
    background: #93c8eb;
}

.skin.contentbottom .layer-content {
    background: rgba(147,200,235,0.9) none repeat scroll 0 0 !important;
    padding: 10px;
}

#post-grid-7073 .element_1 {
    display:none !important;
}

#post-grid-7073 .element_0 {
    color: #000;
}


/* Sales Page Header*/

#header-text-style h1, #header-text-style h2, #header-text-style h3, #header-text-style h4 {
	margin:0 auto;
}

/* Sales Page Two Column Layout */

#sales-2col-title{
	background-color: #5089b2;
	    padding: 30px;
	    color: #fff;
	    font-size: 200%;
	    font-weight: 800;
	    line-height: 100%;
font-family: 'Avenir Roman', sans-serif;
margin-top: 5.5rem;
}

@media screen and (max-width:800px){
	#sales-2col-title{
		display:none!important;
	}
	#sales-2col-content{
		display:none!important;
	}

	.sales-page-left{
width: 100% !important;

		}

}

/* Google Captcha */

.grecaptcha-logo{
	opacity:0 !important;
}

.grecaptcha-badge {
	opacity:0 !important;
}

.inv-recaptcha-holder{
	display:none !important;
}

.site-map ul.sub-menu {
	margin-top:1rem !important;
}

a.privacy-link-white{
	color:#fff !important;
	    font-family: 'Avenir Black', sans-serif;
}

/* Bootstrap fix */
@media (min-width: 992px){
.container {
    width: 920px !important;
}
}

/* Accordion */

.squelch-taas-toggle-shortcode-header{
	background-color:#5089b2;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 0px solid #fff !important;
    background: #5089b2 !important;
    font-weight: normal;
    color: #fff !important;
}



.squelch-taas-toggle .ui-accordion-header, .squelch-taas-accordion .ui-accordion-header {
    margin: 2px 0 0 0;
    padding: 20px;
    font-weight: bold;
    letter-spacing: 0;
    text-transform: none;
    color: #fff !important;
}


.squelch-taas-toggle .squelch-taas-toggle-shortcode-content, .squelch-taas-accordion .ui-accordion-content {
    margin: 0 0 2px 0;
    padding: 0em 10px 2em;
    border-top: 0;
    font-size: 16px;
}

.squelch-taas-toggle .ui-accordion-header, .squelch-taas-accordion .ui-accordion-header {
    margin: 2px 0 0 0;
    padding: 20px 20px 20px 40px !important;
}
.squelch-taas-toggle .squelch-taas-toggle-shortcode-content, .squelch-taas-accordion .ui-accordion-content {
    margin: 0 0 2px 0;
    padding: 0em 1em 2em !important;
}


.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px !important;
}


.ui-widget-content {
    border: 1px solid #fff !important;
    background: #fff !important;
	}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover,
.woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover,
.woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background:#CF3302 !important;

background-color:#CF3302 !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}
/* Call audio player style sheet */

<?php
add_action( 'wp_footer', 'ci_theme_footer_scripts' );

function ci_theme_footer_scripts() {
	if ( wp_style_is( 'wp-mediaelement', 'enqueued' ) ) {
		wp_enqueue_style( 'my-theme-player', get_template_directory_uri() . '/css/my-theme-player.css', array(
			'wp-mediaelement',
		), '1.0' );
	}
}

/* Audio player style */

/* Player background */
.mejs-container,
.mejs-controls,
.mejs-embed,
.mejs-embed body {
  background-color: #e1e1e1 !important;
	border-radius: 10px !important;
}

/* Player controls
.mytheme-mejs-container .mejs-button > button {
  background-image: url("images/mejs-controls-dark.svg");
}
*/

.mejs-container .mejs-time {
  color: #888888;
}

/* Progress and audio bars */

/* Progress and audio bar background */
.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.container .mejs-controls .mejs-time-rail .mejs-time-total {
  background-color: #fff;
}

/* Track progress bar background (amount of track fully loaded)
  We prefer to style these with the main accent color of our theme */
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
  background-color: #5089b2;
}

/* Current track progress and active audio volume level bar */
.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
  background: #5089b2;
}

/* Reduce height of the progress and audio bars */
.mejs-container .mejs-time-buffering,
.mejs-container .mejs-time-current,
.mejs-container .mejs-time-float,
.mejs-container .mejs-time-float-corner,
.mejs-container .mejs-time-float-current,
.mejs-container .mejs-time-hovered,
.mejs-container .mejs-time-loaded,
.mejs-container .mejs-time-marker,
.mejs-container .mejs-time-total,
.mejs-container .mejs-horizontal-volume-total,
.mejs-container .mejs-time-handle-content {
  height: 3px;
}

.mejs-container .mejs-time-handle-content {
  top: -6px;
}

.mejs-container .mejs-time-total {
  margin-top: 8px;
}

.mejs-container .mejs-horizontal-volume-total {
  top: 19px;
}

.mejs-time-float{
	border:0px !important;
	background:none!important;
}

.mejs-time-float-corner{
	border:0px !important;
	background:none!important;
	display:none !important;
}

/* use a sprite file with darker transport icons */
.mejs-controls .mejs-button button {
	background-image: url('https://staceybarr.com/wp-content/themes/staceybarr/img/mejs-controls-dark.svg') !important;
}

/* End Audio player style */