/*
Theme Name: Barnes Lewis 2024.0.1
Theme URI: https://underscores.me/
Author: Barnes Lewis Consultants Ltd
Author URI: https://www.barnes-lewis.com
Description: Barnes Lewis 2024 Theme 0.1 designed to take full advantage of the flexibility of the block editor. Organisations and businesses have the ability to create dynamic pages with endless layouts using the group and column blocks. Choice of content columns makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer.
Tags: blog, single or multi-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready, fully cusomizable. Support for WooCommerce. 

Version: 2024.0.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: https:/www.barnes-lewis.com
Tags:

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.

Barnes Lewis 2024.0.1 is based on Underscores https://underscores.me/, (C) 2012-2018 Automatic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Header
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
#Post pagination
#Continue Reading/More

--------------------------------------------------------------
* BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Spacer...............Specific styles for the spacer block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

html{
	height:100%;
	min-height:100%;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;	 
}
	 
body {
	min-height: 100%;
	margin: 0 auto;
	padding: 0;
	letter-spacing:1px;
    font-size: 1em;
	position:relative;
    line-height: 1.4;
	word-wrap:break-word;
}

footer,
header,
details,
figcaption,
main,
menu	{
	display: block;
}

figure, p {
    display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}



[hidden],
template {
	display: none;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}


img {
	height: auto; /* Make sure images are scaled correctly. */
	margin: 0px;
	width:100%;
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}


pre {
	
}

code,
kbd,
pre,
samp {
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: none;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}


table {
	margin: .5em 0 1em;
	}

table th {
	text-align: left;
	border: 1px solid #d1d1d1;
	padding: .4em .8em;
	background:#ddd;

	font-weight: bold;
	}

table td {
	border: 1px solid #d1d1d1;
	padding: 10px;
	}
	
/**
|------------------------
| 
|------------------------
|
|
--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #333;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
    padding-bottom: 1em;
}

dfn, cite, em, i {
    font-style: italic;
    font-family: auto;
}

blockquote {
	color: #666;
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.7;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #eee;
	text-decoration: none;
}

big {
	font-size: 125%;
}

blockquote {
	quotes: "" "";
}

q {
	quotes: "“" "”" "‘" "’";
}

blockquote:before,
blockquote:after {
	content: "";
}

:focus {
	outline: hidden;
}

/* Typography for Arabic Font */

html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ary"] body,
html[lang="ary"] button,
html[lang="ary"] input,
html[lang="ary"] select,
html[lang="ary"] textarea,
html[lang="azb"] body,
html[lang="azb"] button,
html[lang="azb"] input,
html[lang="azb"] select,
html[lang="azb"] textarea,
html[lang="fa-IR"] body,
html[lang="fa-IR"] button,
html[lang="fa-IR"] input,
html[lang="fa-IR"] select,
html[lang="fa-IR"] textarea,
html[lang="haz"] body,
html[lang="haz"] button,
html[lang="haz"] input,
html[lang="haz"] select,
html[lang="haz"] textarea,
html[lang="ps"] body,
html[lang="ps"] button,
html[lang="ps"] input,
html[lang="ps"] select,
html[lang="ps"] textarea,
html[lang="ur"] body,
html[lang="ur"] button,
html[lang="ur"] input,
html[lang="ur"] select,
html[lang="ur"] textarea {
	font-family: Tahoma, Arial, sans-serif;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ary"] h1,
html[lang="ary"] h2,
html[lang="ary"] h3,
html[lang="ary"] h4,
html[lang="ary"] h5,
html[lang="ary"] h6,
html[lang="azb"] h1,
html[lang="azb"] h2,
html[lang="azb"] h3,
html[lang="azb"] h4,
html[lang="azb"] h5,
html[lang="azb"] h6,
html[lang="fa-IR"] h1,
html[lang="fa-IR"] h2,
html[lang="fa-IR"] h3,
html[lang="fa-IR"] h4,
html[lang="fa-IR"] h5,
html[lang="fa-IR"] h6,
html[lang="haz"] h1,
html[lang="haz"] h2,
html[lang="haz"] h3,
html[lang="haz"] h4,
html[lang="haz"] h5,
html[lang="haz"] h6,
html[lang="ps"] h1,
html[lang="ps"] h2,
html[lang="ps"] h3,
html[lang="ps"] h4,
html[lang="ps"] h5,
html[lang="ps"] h6,
html[lang="ur"] h1,
html[lang="ur"] h2,
html[lang="ur"] h3,
html[lang="ur"] h4,
html[lang="ur"] h5,
html[lang="ur"] h6 {
	font-weight: 700;
}

/* Typography for Chinese Font */

html[lang^="zh-"] body,
html[lang^="zh-"] button,
html[lang^="zh-"] input,
html[lang^="zh-"] select,
html[lang^="zh-"] textarea {
	font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif;
}

html[lang^="zh-"] h1,
html[lang^="zh-"] h2,
html[lang^="zh-"] h3,
html[lang^="zh-"] h4,
html[lang^="zh-"] h5,
html[lang^="zh-"] h6 {
	font-weight: 700;
}

/* Typography for Cyrillic Font */

html[lang="bg-BG"] body,
html[lang="bg-BG"] button,
html[lang="bg-BG"] input,
html[lang="bg-BG"] select,
html[lang="bg-BG"] textarea,
html[lang="ru-RU"] body,
html[lang="ru-RU"] button,
html[lang="ru-RU"] input,
html[lang="ru-RU"] select,
html[lang="ru-RU"] textarea,
html[lang="uk"] body,
html[lang="uk"] button,
html[lang="uk"] input,
html[lang="uk"] select,
html[lang="uk"] textarea {
	font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}

html[lang="bg-BG"] h1,
html[lang="bg-BG"] h2,
html[lang="bg-BG"] h3,
html[lang="bg-BG"] h4,
html[lang="bg-BG"] h5,
html[lang="bg-BG"] h6,
html[lang="ru-RU"] h1,
html[lang="ru-RU"] h2,
html[lang="ru-RU"] h3,
html[lang="ru-RU"] h4,
html[lang="ru-RU"] h5,
html[lang="ru-RU"] h6,
html[lang="uk"] h1,
html[lang="uk"] h2,
html[lang="uk"] h3,
html[lang="uk"] h4,
html[lang="uk"] h5,
html[lang="uk"] h6 {
	font-weight: 700;
	line-height: 1.2;
}

/* Typography for Devanagari Font */

html[lang="bn-BD"] body,
html[lang="bn-BD"] button,
html[lang="bn-BD"] input,
html[lang="bn-BD"] select,
html[lang="bn-BD"] textarea,
html[lang="hi-IN"] body,
html[lang="hi-IN"] button,
html[lang="hi-IN"] input,
html[lang="hi-IN"] select,
html[lang="hi-IN"] textarea,
html[lang="mr-IN"] body,
html[lang="mr-IN"] button,
html[lang="mr-IN"] input,
html[lang="mr-IN"] select,
html[lang="mr-IN"] textarea {
	font-family: Arial, sans-serif;
}

html[lang="bn-BD"] h1,
html[lang="bn-BD"] h2,
html[lang="bn-BD"] h3,
html[lang="bn-BD"] h4,
html[lang="bn-BD"] h5,
html[lang="bn-BD"] h6,
html[lang="hi-IN"] h1,
html[lang="hi-IN"] h2,
html[lang="hi-IN"] h3,
html[lang="hi-IN"] h4,
html[lang="hi-IN"] h5,
html[lang="hi-IN"] h6,
html[lang="mr-IN"] h1,
html[lang="mr-IN"] h2,
html[lang="mr-IN"] h3,
html[lang="mr-IN"] h4,
html[lang="mr-IN"] h5,
html[lang="mr-IN"] h6 {
	font-weight: 700;
}

/* Typography for Greek Font */

html[lang="el"] body,
html[lang="el"] button,
html[lang="el"] input,
html[lang="el"] select,
html[lang="el"] textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html[lang="el"] h1,
html[lang="el"] h2,
html[lang="el"] h3,
html[lang="el"] h4,
html[lang="el"] h5,
html[lang="el"] h6 {
	font-weight: 700;
	line-height: 1.3;
}

/* Typography for Gujarati Font */

html[lang="gu-IN"] body,
html[lang="gu-IN"] button,
html[lang="gu-IN"] input,
html[lang="gu-IN"] select,
html[lang="gu-IN"] textarea {
	font-family: Arial, sans-serif;
}

html[lang="gu-IN"] h1,
html[lang="gu-IN"] h2,
html[lang="gu-IN"] h3,
html[lang="gu-IN"] h4,
html[lang="gu-IN"] h5,
html[lang="gu-IN"] h6 {
	font-weight: 700;
}

/* Typography for Hebrew Font */

html[lang="he-IL"] body,
html[lang="he-IL"] button,
html[lang="he-IL"] input,
html[lang="he-IL"] select,
html[lang="he-IL"] textarea {
	font-family: "Arial Hebrew", Arial, sans-serif;
}

html[lang="he-IL"] h1,
html[lang="he-IL"] h2,
html[lang="he-IL"] h3,
html[lang="he-IL"] h4,
html[lang="he-IL"] h5,
html[lang="he-IL"] h6 {
	font-weight: 700;
}

/* Typography for Japanese Font */

html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
	font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
}

html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3,
html[lang="ja"] h4,
html[lang="ja"] h5,
html[lang="ja"] h6 {
	font-weight: 700;
}

/* Typography for Korean font */

html[lang="ko-KR"] body,
html[lang="ko-KR"] button,
html[lang="ko-KR"] input,
html[lang="ko-KR"] select,
html[lang="ko-KR"] textarea {
	font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
}

html[lang="ko-KR"] h1,
html[lang="ko-KR"] h2,
html[lang="ko-KR"] h3,
html[lang="ko-KR"] h4,
html[lang="ko-KR"] h5,
html[lang="ko-KR"] h6 {
	font-weight: 600;
}

/* Typography for Thai Font */

html[lang="th"] h1,
html[lang="th"] h2,
html[lang="th"] h3,
html[lang="th"] h4,
html[lang="th"] h5,
html[lang="th"] h6 {
	line-height: 1.65;
	font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html[lang="th"] body,
html[lang="th"] button,
html[lang="th"] input,
html[lang="th"] select,
html[lang="th"] textarea {
	line-height: 1.8;
	font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Remove letter-spacing for all non-latin alphabets */

html[lang="ar"] *,
html[lang="ary"] *,
html[lang="azb"] *,
html[lang="haz"] *,
html[lang="ps"] *,
html[lang^="zh-"] *,
html[lang="bg-BG"] *,
html[lang="ru-RU"] *,
html[lang="uk"] *,
html[lang="bn-BD"] *,
html[lang="hi-IN"] *,
html[lang="mr-IN"] *,
html[lang="el"] *,
html[lang="gu-IN"] *,
html[lang="he-IL"] *,
html[lang="ja"] *,
html[lang="ko-KR"] *,
html[lang="th"] * {
	letter-spacing: 0 !important;
}

/**
|------------------------
| 
|------------------------
|
|
--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	display: table;
}

.clear:after,
.wrapper,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

.wrapper	{
    padding-top: 1px;
}

/**
|------------------------
| 
|------------------------
|
|
--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
	box-sizing: border-box;
}

video { display: block; }

*,
*:before,
*:after {
	box-sizing: inherit;
}
	
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr	{
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1em;
    display: inline-block;
    width: 100%;
}

ul,
ol {
	margin: 0 0 1.5em 0em;
}

ul {
	list-style: disc;
}


ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}


table {
	margin: 0 0 1.5em;
	width: 100%;
}


/*================================================
# editor-font-colour-presets
=================================================*/

.has-hillary-color	{
	color:#b1a186;
}

.has-cape_cod-color	{
	color:#3e4741;
}

.has-asparagus-color	{
	color:#6aab60;
}

.has-fire_bush-color	{
	color:#e89b28;
}

.has-pomegranate-color	{
	color:#f44336;	
}

.has-light_gray-color	{
	color:#969c9e;	
}

.has-purple-color	{
	color:#800080;	
}

.has-yellow-color	{
	color:#ffff00;	
}

.has-red-color	{
	color:#ff0000;	
}
.has-green-color	{
	color:#008000;	
}

/*================================================
# editor-background-presets
=================================================*/

.has-hillary-background-color {
    background-color:#b1a186;
}

.has-cape_cod-background-color {
    background-color:#3e4741;
}

.has-asparagus-background-color {
    background-color:#6aab60;
}

.has-fire_bush-background-color {
    background-color:#e89b28;
}

.has-pomegranate-background-color {
    background-color:#f44336;
}

.has-light_gray-background-color {
    background-color:#969c9e;
}


.has-purple-background-color	{
	color:#800080;	
}

.has-yellow-background-color	{
	color:#ffff00;	
}

.has-red-background-color	{
	color:#ff0000;	
}
.has-green-background-color	{
	color:#008000;	
}

/*================================================
# editor-gradient-presets
=================================================*/

.has-purple-to-yellow-gradient-background	{
	background:linear-gradient(160deg,#d1d1e4,#eeeadd);
}

.has-yellow-to-purple-gradient-background	{
	background:linear-gradient(160deg,#eeeadd,#d1d1e4);
}

.has-green-to-yellow-gradient-background	{
	background:linear-gradient(160deg,#d1e4dd,#eeeadd);	
}

.has-yellow-to-green-gradient-background	{
	background:linear-gradient(160deg,#eeeadd,#d1e4dd);	
}

.has-red-to-yellow-gradient-background	{
	background:linear-gradient(160deg,#e4d1d1,#eeeadd);	
}

.has-yellow-to-red-gradient-background	{
	background:linear-gradient(160deg,#eeeadd,#e4d1d1);	
}

.has-purple-to-red-gradient-background	{
	background:linear-gradient(160deg,#d1d1e4,#e4d1d1);	
}

.has-red-to-purple-gradient-background	{
	background:linear-gradient(160deg,#e4d1d1,#d1d1e4);	
}


.is-extra-small-text,
.has-extra-small-font-size {
	font-size: 16px;
}

.is-small-text,
.has-small-font-size {
	font-size:.18px;
}

.is-regular-text,
.has-regular-font-size,
.is-normal-font-size,
.has-normal-font-size,
.has-medium-font-size {
	font-size:20px;
}

.is-large-text,
.has-large-font-size {
	font-size: 24px;
	line-height:  1.3;
}

.is-larger-text,
.has-larger-font-size,
.is-extra-large-text,
.has-extra-large-font-size {
	font-size: 40px;
	line-height:  1.3;
}

.is-huge-text,
.has-huge-font-size {
	font-size: 96px;
	line-height: 1.3;
	font-weight: 300;
}

.is-gigantic-text,
.has-gigantic-font-size {
	font-size: 144px;
	line-height: 1.3;
	font-weight: 300;
}

/**
|------------------------
| 
|------------------------
|
|------------------------
| =Blockquote
|------------------------
*/

blockquote {
	font-size: 14px;
	line-height: 22px;
	padding: 5px 0 5px 15px;
	margin: 20px 0;
	border-left: solid 5px #7ab80e;
	background-color:#F1EDED;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote cite {
	color: #555;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	display: block;
	text-align: right;
}

blockquote cite a {
	display: block;
	margin: 10px 0 0 0;
}


pre, blockquote  {		
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 20px;
}

article	{
    position: relative;
    padding: 0px 10px 50px 10px;
	display: inherit;	
}

.site	{
	width:100%;
	margin:0 auto;
}

.site-main	{
	clear:left;
	width:100%;
}

.entry-content	{
	padding: 0px;
	max-width: 100%;
}
	
.entry-content h1, .content h1	{
   /* padding: 20px 0; */
}

.entry-content h2, .content h2	{
   /* padding: 20px 0; */
}

.entry-content p, .content p	{
    font-weight: 200;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


.site-content, .site-footer	, .entry-footer	{ 
	position: relative;
}

.site-header, .navbar, .site-footer, .site-content	{
	margin:0 auto;
}

.page-template-gallery-page .content-area	{
		min-width: 100%;
}

.right-sidebar { 
	display:inline-block;
	position: absolute;	
	min-width: 35%;
	max-width:35%;
	top:0px;
	right: 0;
    padding: 30px 10px 30px 10px;
    border-left: 1px solid red;	
}
	

.right-sidebar h3:first-child	{
	padding: 30px 0 20px 0px;
}



@media  (max-width: 640px) {
	.right-sidebar { 
		right: initial;
		top:initial;
		position: relative;
		margin-right: auto; 
		min-width:100%;
		max-width:100%;
		display:inline-block;
		border:none;
		background:lightblue;
	} 

	.entry-content	{
		min-width: 100%;
		}
}	

/**
|------------------------
| 
|------------------------
|
|
--------------------------------------------------------------
# Footer Columns
--------------------------------------------------------------*/
.full_width,
.one_half,
.one_third,
.two_third,
.one_fourth
 {
	float: left;
}

.full_width  {
	max-width: 100%;
	min-width: 100%;
}
.one_half  {
	max-width: 50%;
	min-width: 50%;
}
.one_third  {
	max-width: 33.33%;
	min-width: 33.33%;
}
.two_third  {
	max-width: 66.666%;
	min-width: 66.666%;
}
.one_fourth  {
	max-width: 25%;
	min-width: 25%;
}

/* Maximum width of 600 pixels. */
@media screen and (max-width: 600px) {
	.full_width,
	.one_half,
	.one_third,
	.two_third,
	.one_fourth {
		clear: both;
		min-width: 100%;
		max-width: 100%;		
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 1em;
	}
}

/**
|------------------------
| 
|------------------------
|
|
/* Forms
--------------------------------------------- */

input,
select,
textarea {
	background-color: transparent;
	border: 1px solid #ddd;
	border-radius: 3px;
	box-shadow: none;
	color: #2e2f33;
	font-size: 16px;
	font-weight: 300;
	line-height: 1;
	padding: 16px;
	width: 100%;
}


input:focus,
textarea:focus {
	border: 1px solid #999;
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}
input[type="date"]{
    width: 180px;
}

 input[type="datetime-local"]{
    width: 200px;
}

input[type="file"]{
    width: 80%;
}
::-moz-placeholder {
	color: #2e2f33;
	opacity: 1;
	font-weight: 300;
}

::-webkit-input-placeholder {
	color: #2e2f33;
	font-weight: 300;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
	background-color: #2e2f33;
	border-radius: 3px;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1;
	padding: 16px 24px;
	text-align: center;
	text-transform: uppercase;
	width: auto;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover {
	background-color: #13afdf;
	color: #fff;
}

.button {
	display: inline-block;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}

.home-featured .more-link,
.home-widgets .more-link {
	background-color: #2e2f33;
	border-radius: 50px;
	color: #fff;
	display: block;
	display: table;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1;
	margin: 20px auto 0;
	max-width: 200px;
	padding: 10px 24px;
	text-align: center;
	text-transform: uppercase;
}

.home-featured .more-link:hover,
.home-widgets .more-link:hover {
	background-color: #13afdf;
	color: #fff;
}

/* Tables
--------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin-bottom: 40px;
	width: 100%;
}

tbody {
	border-bottom: 1px solid #ddd;
}

td,
th {
	text-align: left;
}

td {
	border-top: 1px solid #ddd;
	padding: 6px 0;
}

th {
	font-weight: 300;
}



.required {
	color: red;
	}



.imagepage-grid	img{
	border:1px solid #9999;
	padding:5px;
}

.imagepage-grid	figcaption h2	{
	padding-top:0;
	margin:0 0 10px 0;	
}

.imagepage-grid figcaption h1 {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1em;
}

p.imagePrice  {
	padding-bottom:10px!important;
	color: #2c7399!important;
	font-weight:700!important;
}

.imagemargin	{
	padding:5px 0 0 30px
}


.moreinfo button {
    color: #333;
	background:#cbdfea;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: 400;
    -webkit-appearance: button;
    cursor: pointer;
    text-transform: none;
    overflow: visible;
    color: inherit;
    font: inherit;
    margin: 0;
	padding: 6px 10px 0px 10px;	
}

.moreinfo .fa.fa-envelope {
    color: #836d6d;
    background: transparent!important;
    border: 0;
    font-size: 22px;
    outline: none;
}

.moreinfo button:hover {
	background-color: #13afdf;
	color: #fff;
}

	
/**
|------------------------
| 
|------------------------
|
|	
--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/


/**
|------------------------
| 
|------------------------
|
|
--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	text-decoration:none;
}					

a:visited {
		border:none;
}

a:hover {
		border:none;
}

a:focus {
		border:none;
}

a:active 	{
	border:none;
}

.navsitename	{	
	position: relative;
	width:auto;	
    display: flex;
    align-items: center;
    z-index: 200;
	padding:0 10px;
}

.navsitename div	{	
	margin:0px;	
    float: left;
}

img.custom-logo	{
    margin: 0px;
	width: auto;
	height:auto;
}

@media only screen and (max-width: 768px)	{
	.navsitename	{
	float: right;
	width: 100%;
	display:block;
	}

}

/**
|------------------------
| 
|------------------------
|
|
--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


/**
|------------------------
| 
|------------------------
|
|
--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* 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:hover,
.screen-reader-text:active,
.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. */
}

/**
|------------------------
| 
|------------------------
|
|
--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/**
|------------------------
| 
|------------------------
|
|
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.header-wrapper	{
	position:relative;
	margin:0 auto;
	min-width:100%;
	z-index: 2;
	display:inline-block;
	}

.site-header	{
	position: relative;
	width:100%;	
    overflow: hidden;
    align-items: center;
}

.home-link {
	clear: none;
	margin: 0;
	vertical-align: middle;
	text-align:left;
}
 
h1.site-title	{
    font-weight: 200;
    letter-spacing: 0.08em;
	white-space: nowrap;	
    margin: 0px 0px 0px 10px;
	padding:5px 0px;	
}

h1.site-title span{
	line-height:1em;
}

.site-header a:link, .site-header a:visited, .site-header a:hover	{
	text-decoration:none;
}


.site-description 	{
	line-height: normal;
    white-space: pre-wrap;
    margin: 0 0 0 10px;
    padding: 0px;
	font-size: 14px;
}

.home-link	{
	
}

.entry-header {
	position: relative;
    display: inline-block;
	width:100%;
}

.site-title-surround {
	position: relative;
	padding:0 10px;
	width:auto;
	align-items: center;
	z-index: 200;
}

.site-title-surround .custom-logo-link {
    height: auto;
    margin: 0px;
    float: left;
}

.site-title-surround div {
    display: inline-block;
    padding: 0px;
}


.page-title	{
    display: inline-block;
    position: relative;	
}

/**
|------------------------
| 
|------------------------
|
|
/*--------------------------------------------------------------
# headerbar
--------------------------------------------------------------*/

#headerbar-wrapper	{
	min-width:100%;	
	z-index:100;
}

.site-headerbar	{
	margin:0px;
	padding: 0 2px;
	z-index: 100;
}

.headerbarinner	{
    display: inherit;
}

.headercell-full-width	{
	margin: 0 10px;
	max-width:100%
}

.headercell-one_half	{
	margin: 0 10px;
	display:inline-block;
	max-width:50%
}

.site-headerbar [class*="widget"], .site-headerbar [class*="widget"] p	{
	margin:0;
	padding:0;
}


/**
|------------------------
| 
|------------------------
|
|
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

 #footer-wrapper	{
	position:relative;	
	min-height:100px;
	margin:0 auto;
	min-width:100%;
	}
	
.site-footer	{
	min-height:100px;
	margin:0 auto;
	padding:10px;	
	position:relative;
}

.site-info {
    min-width: 100%;
    display: inline-block;
    text-align: right;
}

/**
|------------------------
| 
|------------------------
|
|
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
h1.widget-title, h3.widget-title	{

}

.widget_tag_cloud,
.widget_categories,
.widget_archive,
.widget_search {
	width:100%;
	display: inline-block;
	padding: 0px 5px 30px 5px;
}

.widget_meta, .widget_recent_comments, .widget_pages, .widget_recent_entries {
	padding: 0px 5px 30px 5px;
	width:100%; 
    display: inline-block;	
}

/* text widget widget. */
.textwidget	{
	margin: 0;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}


.site-footer .textwidget {

}

.widget_search .search-submit {
	padding-bottom: 0px;
}

.site-footer .textwidget	{
	margin: 0;
}

.site-footer h3.widget-title	{
	margin: 0;
	font-weight:normal;
}

.bl_image_widget	{
	margin:0 10px;
}

.bl_image_widget h3	{
	margin:0;
}

.bl_widget_media_gallery figure figcaption	{
	display:none;
}

/**
|------------------------
| 
|------------------------
|
|
|----------------------------------------------------
| =Widget menu, recent posts, pages, recent comments 
|----------------------------------------------------
*/


	[class*='widget_recent_entries'] ul,[class*='meta-'] ul,  [class*='widget_meta'] ul, [class*='widget_recent_comments'] ul, [class*='nav_menu-'] ul, [class*='widget_nav_menu'] ul	{
		margin:0px;
		padding:8px 0;
		border: none;
		list-style: none;
	}
	
	[class*='widget_recent_entries'] li, [class*='meta-'] li, [class*='widget_meta'] li, [class*='widget_recent_comments'] li, [class*='nav_menu-'] li, [class*='widget_nav_menu'] li	{
		padding:6px;
		border-bottom:1px solid #999;
	}

	[class*='widget_recent_entries'] li a:link, [class*='widget_recent_entries'] li a:visited, [class*='meta-'] li a:link, [class*='widget_meta'] li a:link, [class*='widget_meta'] li a:visited,
	[class*='widget_recent_comments'] li a:link, [class*='widget_recent_comments'] li a:visited, [class*='nav_menu-'] li a:link, [class*='nav_menu-'] li a:visited, [class*='widget_nav_menu'] li a:link, [class*='widget_nav_menu'] li a:visited
	{
		display:block;
		text-decoration:none;
		color:#666;
		padding:4px 0;
	}
	
	[class*='recent-comments'] li a:hover, [class*='widget_recent_entries'] li a:hover, [class*='meta-'] li a:hover, [class*='widget_meta'] li a:hover, [class*='widget_recent_comments'] li a:hover,  [class*='nav_menu-'] li a:hover, [class*='widget_nav_menu'] li a:hover	{
		color:orange;
		padding:4px 0;
	}

	 [class*='widget_nav_menu']ul, [class*='nav_menu-']ul	{
		margin:0px;
		padding: 0 10px 30px 0px;
		border: none;
		list-style: none;
	}
	
	[class*='widget_nav_menu']li, [class*='nav_menu-']li 	{
		padding: 6px 0;
		border-bottom:1px solid #999;
	}
  
	[class*='widget_nav_menu']li a:link,[class*='widget_nav_menu']li a:visited, [class*='nav_menu-']li a:link,[class*='nav_menu-']li a:visited	{
		display:block;
		text-decoration:none;
		color:#666;
	}

	[class*='widget_nav_menu']li a:hover, [class*='nav_menu-']li a:hover 	{
		color:orange;
	}

/**
|------------------------
| 
|------------------------
|
|
|------------------------
| =Widget Search
|------------------------
*/

.widget_search form {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    padding: 10px 0px;
    color: red;
    text-shadow: 1px 1px 1px #000;
    border: medium none;
    border-radius: 5px;
}
/**
|------------------------
| 
|------------------------
|
|
|------------------------
| =Text widget
|------------------------
*/
.textwidget {
    font-weight: normal;
    padding-bottom: 20px;
}

/**
|------------------------
| 
|------------------------
|
|
|-------------------------------------
| =Fooer Widget title
|-------------------------------------
*/

	.site-footer[class*='menu'] ul, [class*='recent-posts'] ul, [class*='pages'] ul,[class*='archives'] ul,
	[class*='recent-comments'] ul	{
		margin:0px;
		padding:0px;
		border: none;
		list-style: none;
	}

	
	.site-footer[class*='menu'] li ,[class*='recent-posts'] li, [class*='pages'] li,[class*='archives'] li,
	[class*='recent-comments'] li	{
		padding:6px 0;
		border-bottom:1px solid #999;
	}
  
	.site-footer[class*='menu'] li a:link, .site-footer[class*='menu'] li a:visited, [class*='recent-posts'] li a:link,[class*='archives'] li a:link,
	[class*='recent-posts'] li a:visited, [class*='pages'] li a:link, [class*='pages'] li a:visited,[class*='archives'] li a:visited,
	[class*='recent-comments'] li a:link, [class*='recent-comments'] li a:visited
	{
		display:block;
		text-decoration:none;
		color:#666;
		padding:4px 0;
	}

	.site-footer[class*='menu'] li a:hover, [class*='recent-posts'] li a:hover, [class*='pages'] li a:hover,[class*='archives'] li a:hover,
	[class*='recent-comments'] li a:hover	{
		color:orange;
		padding:4 0;
	}

/**
|------------------------
| 
|------------------------
|
|
|------------------------
| =Widget Tags
|------------------------
*/

[class*='tag_cloud'] .tagcloud {
	display:block;
	margin:24px 0px;
	border:none;
	}

/* ============== Header widget ==========================*/


.widget-header-surround {
    position: absolute;
    z-index: 0;
    width: 100%;
    margin: 0 auto;
	padding: 0 4px;
}

.widget-header {
    max-width: 1200px;
    margin: 0 auto;
}

[class*='barnes_lewis_social_profile'] {
    padding: 4px;
    position: relative;
}

.widget-header h3	{
	margin-left: 6px;
	margin-right: 6px;
}

.widget-header .widget_text {
    width: auto;
    display: inline-block;
    float: right;
}

.widget-header .widget_text	 hr {
   display: block;
}

.widget-header .widget_text .textwidget	{
	text-decoration:none;	
}

.widget-header .widget_text .textwidget a:link, .widget-header .widget_text .textwidget a:visited	{
	color:	#7b1c2d;
}

.widget-header hr {
    margin: 6px 6px 4px 0px;
}


		
/**
|------------------------
| 
|------------------------
|
|
|------------------------
| =categories, archives
|------------------------
*/

	[class*='categories'] ul, [class*='widget_categories'] ul, [class*='widget_archive'] ul	{
		margin:0px 0px;
		border:none;
		display:block;
		list-style: none;
		padding-inline-start: 0;
		}

	[class*='categories'] li, [class*='widget_categories'] li,
	[class*='widget_archive'] li, [class*='tag_cloud'] 	{
		display: block;
		padding:2px 4px;
}	
		
	[class*='categories'] li a:link, [class*='widget_categories'] li a:link,
	[class*='widget_archive'] li a:link, [class*='tag_cloud']  .tagcloud a:link 	{
		display: inline-block;
		line-height: 29px;
		padding: 2px 10px 0px 10px;
		border: 1px solid green;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		font-size: 12px !important;
		margin: 0 4px 4px 0;
		color:#000;
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1);
		-moz-box-shadow: 0 0 3px rgba(0,0,0,0.1);
		box-shadow: 0 0 3px rgba(0,0,0,0.1);
		text-decoration:none;
		}

	[class*='categories'] li a:hover, [class*='widget_categories'] li a:hover,
	[class*='widget_archive'] li a:hover, [class*='tag_cloud']  .tagcloud a:hover   {
		border: 1px solid #e63600;
		background-color:#fff;
		text-decoration:none;		
		color:#000;
		}	



[class*='tag_cloud'].tagcloud {
		display:block;
		margin:24px 0px;
		border:none;
		}
		

#wp-calendar {
	width: 99%;
	font-size: .85em;
	margin:auto;
	padding-bottom: 10px;}

#wp-calendar td {
	padding: 4px 0;
	text-align: center;
	border: 1px solid #d2d2d2;
	background-color: #ededed;
	text-shadow: #fff 1px 1px 0;
	color: #7c7c7c;
	}

#wp-calendar td.pad {
	background-color: #e5e5e5;
	}

#wp-calendar td#today {
	color: #fff;
	background-color: #6e6e6e;
	text-shadow: 1px 1px 0px #333;
	}

#wp-calendar caption {
	font-size:16px;
	
	}

#wp-calendar th {
	font-style: normal;
	background: #ddd url(inc/images/gradient_small_trans.png) repeat-x 0 top;
	border: 1px solid #ccc;
	padding: 5px;
	color: #666;
	text-shadow: #ebebeb 0 1px 0;
	}
	
#wp-calendar td a:link, #wp-calendar td a:visited	{
		color:#ec1010;
		font-weight:strong;
	}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.cat-imagemargin, .related-post-surround	{
	margin:30px 10px;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.cat-links	{
	padding:0px;
	display: block;
    margin: 6px 0;
}

.sticky {
	display: block;
}
	
.post {
	border: none;
	}

.tags-links	{
	display:none;
}

/* Post name and category */

article .post-list 	{
	width: 100%;
	padding: 0;
}

.post-list .entry-meta, .single-post .entry-meta  {
	position: relative;
	bottom: -1px;
	left: 0;
	width: 100%;
	background: rgba(247, 247, 247, 1);
	padding: 8px;	
	display: inline-block;
	margin-bottom: 40px;
}


.info div:before	{
    content: "";
    display: table;
}

.info div:after {
    clear: both;
}

.info .entry-meta {
	margin-bottom: 30px;
}

.entry-meta div {
	float: left;
	margin-right: 20px;
	padding-right: 20px;
	position: relative;
}

.entry-meta div:before {
	position: absolute;
	width: 1px;
	height: 45%;
	top: 7px;
	right: 0px;
	-ms-transform: rotate(7deg);
	-webkit-transform: rotate(7deg);
	transform: rotate(30deg);
	content: "";
	display: block;
	background-color: #7C7C7C;
}

.entry-meta div:last-child {
	margin-right: 0;
	padding-right: 0;
}

.entry-meta div:last-child:before {
	display: none;
}

.entry-meta a {
	color: #7c7c7c;
}

.entry-meta a:hover {
	color: #000000;
}


.featured-image-wrap	{
	position: relative;
	min-height: 90px;
	background-color: rgba(247, 247, 247, 1);
}

.featured-image-wrap img {
    margin-bottom: -6px;
    width: 100%;
}

 .entry-footer 	{
    margin: 30px 0px 0px 0px;
	display: grid;
}	 

.byline,
.updated:not(.published) {
}

.single .byline,
.group-blog .byline {
	display: inline;
}

/* Comment Date Styling */


.post-date {
	z-index:2;
    position: absolute;
    background: rgba(85, 86, 85, 0.48);
    padding: 16px 20px;
    text-align: center;
    min-width: 90px;
    min-height: 90px;
	-webkit-border-bottom-right-radius: 40px;
	-moz-border-radius-bottomright: 40px;
	border-bottom-right-radius: 40px;
}


.archive .entry-footer	{

}

.archive .cat-links	{
	display:none;
}

.post-date .day {
    display: block;
    font-size: 26px;
    line-height: 34px;
    color: #fff;
    font-weight: 700;
}

.post-date .month {
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
	}

.post-date .year {
	display: block;
    font-size: 14px;
    line-height: 14px;	
	margin: 2px 0 0;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;	
}

@media only screen and (min-width:0px) and (max-width : 375px) {
	
	.featured-image-wrap img {
		min-height: 110px;
	}	

}


/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-title	{
	font-size:1.2em;
}

.comments-area	{
	Padding:10px;
}
.comments-link, .tags-links	{
	float:right;
}

.comment-reply-title 	{
	padding: 10px 10px 0px 0px;	 
}

.no-comments	{
	Padding:10px;
}

.comments-link {
    font-weight: 200;
    position: relative;
    margin-right: 10px;
    padding-left: 19px;
}

@media (max-width: 580px) {
	.post-list .entry-meta {
		position: relative;
		float: left;
	}
}

.comment-respond	{
	margin: 0px 5px;
}

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}
.comment-author .avatar {
	float: left;
	height: 36px;
	margin: 0 1.6em 1.6em 0;
	width: 36px;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption	{
	max-width:100%!important;
	margin-bottom:10px;
}


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.wp-block-gallery {
	margin: 10px auto;
}


.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
	margin: 0;
	color: var(--global--color-white);
	font-size: var(--global--font-size-xs);
}

.wp-block-gallery .blocks-gallery-image figcaption a,
.wp-block-gallery .blocks-gallery-item figcaption a {
	color: var(--global--color-white);
}

.wp-block-gallery .blocks-gallery-image figcaption a:focus,
.wp-block-gallery .blocks-gallery-item figcaption a:focus {
	background-color: transparent;
	outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
	text-decoration: none;
}

.wp-block-gallery .blocks-gallery-image a:focus img,
.wp-block-gallery .blocks-gallery-item a:focus img {
	outline-offset: 2px;
}


.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-item a {
	display: block;
}

.gallery-item a:focus img {
	outline-offset: -2px;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

figure.wp-caption a:focus img {
	outline-offset: 2px;
}
	



/*--------------------------------------------------------------
## Nav links Pev/Next
--------------------------------------------------------------*/

.nav-wrapper {
    width: 100%;
    position: relative;
    display: flex;
    z-index: 200;
    margin: 0;
    padding: 0;
	float:left;
}

.post-navigation	{
	padding:10px;
	margin-bottom:40px;
}

.nav-links	{
   width: 100%;
   padding: 5px 0px;
   opacity:0.8;
   overflow:hidden;
   display: inline-block;
   }

.nav-previous	{
	float: left;	
	padding:10px;
  }
  
 .nav-previous a:link	{
	text-decoration:none;
}

.nav-next	{ 
	float: right; 
	padding:10px;
	}

.nav-next a:link	{ 
	text-decoration:none;
}


.nav-previous a:link, .nav-previous a:visited, .nav-next a:link, .nav-next a:visited	{
	padding:0px;
}


.custom	{
		color:green;
}

.no-posts	{
	color:lightgray;
}

.available-posts	{
	color:green;
}


/**
|------------------------
| 
|------------------------
|
|
|-------------------------------
| =Post pagination link colours
|------------------------------
*/	

.pagination	ul	{
	margin:5em auto;
	text-align:center;
	padding: 0;
}

li.unactive_prev {
	background-color: lightgray;
	border-radius: 3px;
	cursor: not-allowed;
	padding: 2px;
	padding: 0.25rem;
	margin-right:4px;
}	

.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled {
	color: #fff;
	text-decoration:none;
}

.pagination li {
	display: inline;
}

.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled {
	background-color: #6FB7E9;
	border-radius: 3px;
	cursor: pointer;
	padding: 2px;
	padding: 0.25rem;
}

.pagination li a:hover,
.pagination li.active a {
	background-color: #3C8bc5;
}

/*
@media (min-width: 768px) and (max-width: 979px) {

 .pagination li.pages, .pagination li.test {
		display:none;
	}
}
*/

@media (min-width:481px) and (max-width: 767px) {

 .pagination li.pages, .pagination li.test	{
		display:none;
	}
}

@media (max-width: 480px) {	
 .pagination li.pages, .pagination li.test, .pagination li.active{
		display:none;
	}
	
	.pagination li {
		display: block;
		margin:10px;
	}	
}

/**
|------------------------
| 
|------------------------
|
|
|-----------------------------------
| =Change Continue Reading/More Link 
|-----------------------------------
*/
 
.more-link{
    text-decoration: none;
}


.more-link:link, .more-link:visited	{

}

.more-link:hover	{

}

a.anchor {
    display: block;
    position: relative;
    visibility: hidden;
}

/*------------------------------------------*/
/*	 SOCIAL ICONS
/*------------------------------------------*/
.fa.fa-heart {
    color: red;
}

.gray.fa.fa-heart {
    color: lightgray;
}

.social {
    padding: 0;
    margin: 0 0 -5px 0;
    font-size: 0;
    line-height: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	z-index: 1000;
	position: inherit;		
}

.social li {
    display: inline-block;
    font-family: 'fontello-social';
}

.text-center .social li {
    padding: 0 2px;
}

.social.pull-right li {
    padding: 0 0 0 5px;
}

.social li a {
    display: table;
	padding:0 2px;
}

.social li a i {
    width:30px;
    height:30px;
    line-height:30px;
    color:#fff;
    text-align:center;
    border:1px solid #9c9c9c;
	font-size:14px;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
}

.fixed .social {
    margin-top: 14px;
}

.social .fa[class*='fa-']	{
	background:#fff;
}
.social .fa.fa-google {
    border: 1px solid #d8545d;
    color: #d8545d;
}
.social .fa.fa-pinterest {
    border: 1px solid #d8545d;
    color: #d8545d;
}
.social .fa.fa-rss {
    border: 1px solid #faaa5e;
    color: #faaa5e;
}
.social .fa.fa-facebook {
    border: 1px solid #0a7cd0;
    color: #0a7cd0;
    background: #fff;
}

.social .fa.fa-twitter {
    border: 1px solid #16bde4;
	color: #16bde4;
	background: #fff;
}
.social .fa.fa-flickr {
    border: 1px solid #7a76b1;
    color: #7a76b1;
}
.social .fa.fa-dribbble {
    border: 1px solid #e299c2;
    color: #e299c2;
}
.social .fa.fa-behance {
    border: 1px solid #42a9fb;
    color: #42a9fb;
}
.social .fa.fa-linkedin {
	border: none;
	color: #5c9db2;
	border: 1px solid #5c9db2;
}
.social .fa.fa-vimeo {
    border: 1px solid #42b5d4;
    color: #42b5d4;
}
.social .fa.fa-youtube {
    border: 1px solid #d5615c;
    color: #d5615c;
}
.social .fa.fa-skype {
    border: 1px solid #5ecbf3;
    color: #5ecbf3;
}
.social .fa.fa-tumblr {
    border: 1px solid #829fb9;
    color: #829fb9;
}
.social .fa.fa-delicious {
    border: 1px solid #6194dc;
    color: #6194dc;
}
.social .fa.fa-500px {
    border: 1px solid #3bbbe6;
    color: #3bbbe6;
}
.social .fa.fa-grooveshark {
    border: 1px solid #f88e3b;
    color: #f88e3b;
}
.social .fa.fa-forrst {
    border: 1px solid #5f9864;
    color: #5f9864;
}
.social .fa.fa-digg {
    border: 1px solid #507faa;
    color: #507faa;
}
.social .fa.fa-blogger {
    border: 1px solid #fd893f;
    color: #fd893f;
}
.social .fa.fa-klout {
    border: 1px solid #e16747;
    color: #e16747;
}
.social .fa.fa-dropbox {
    border: 1px solid #6ba3c5;
    color: #6ba3c5;
}
.social .fa.fa-github {
    border: 1px solid #6c93bb;
    color: #6c93bb;
}
.social .fa.fa-songkick {
    border: 1px solid #ff3b60;
    color: #ff3b60;
}
.social .fa.fa-posterous {
    border: 1px solid #efd57c;
    color: #efd57c;
}
.social .fa.fa-appnet {
    border: 1px solid #3daad5;
    color: #3daad5;
}
.social .fa.fa-gplus {
    border: 1px solid #bc7067;
    color: #bc7067;
}
.social .fa.fa-stumbleupon {
    border: 1px solid #f07356;
    color: #f07356;
}
.social .fa.fa-lastfm {
    border: 1px solid #cd443d;
    color: #cd443d;
}
.social .fa.fa-spotify {
    border: 1px solid #9acf48;
    color: #9acf48;
}
.social .fa.fa-instagram {
	border: 1px solid #c5342a;
	color: #c5342a;
}
.social .fa.fa-evernote {
    border: 1px solid #9fdc82;
    color: #9fdc82;
}
.social .fa.fa-paypal {
    border: 1px solid #5b85a8;
    color: #5b85a8;
}
.social .fa.fa-picasa {
    border: 1px solid #b088c1;
    color: #b088c1;
}
.social .fa.fa-soundcloud {
    border: 1px solid #ff8b45;
    color: #ff8b45;
}
.social a:hover .fa.fa-pinterest {
    background-color: #d8545d;
	color:#fff;
}
.social a:hover .fa.fa-rss {
    background-color: #faaa5e;
}
.social a:hover .fa.fa-facebook {
    background-color: #0a7cd0;
	color: #fff;
}
.social a:hover .fa.fa-twitter {
    background-color: #16bde4;
	color: #fff;
}
.social a:hover .fa.fa-flickr {
    background: #7a76b1;
	color:#fff;
}
.social a:hover .fa.fa-dribbble {
    background-color: #e299c2;
}
.social a:hover .fa.fa-behance {
    background-color: #42a9fb;
}
.social a:hover .fa.fa-linkedin {
    background-color: #5c9db2;
	color: #fff;
}
.social a:hover .fa.fa-vimeo {
    background-color: #42b5d4;
}
.social a:hover .fa.fa-youtube {
    background-color: #d5615c;
}
.social a:hover .fa.fa-skype {
    background-color: #5ecbf3;
}
.social a:hover .fa.fa-tumblr {
    background-color: #829fb9;
}
.social a:hover .fa.fa-delicious {
    background-color: #6194dc;
}
.social a:hover .fa.fa-500px {
    background-color: #3bbbe6;
}
.social a:hover .fa.fa-grooveshark {
    background-color: #f88e3b;
}
.social a:hover .fa.fa-forrst {
    background-color: #5f9864;
}
.social a:hover .fa.fa-digg {
    background-color: #507faa;
}
.social a:hover .fa.fa-blogger {
    background-color: #fd893f;
}
.social a:hover .fa.fa-klout {
    background-color: #e16747;
}
.social a:hover .fa.fa-dropbox {
    background-color: #6ba3c5;
}
.social a:hover .fa.fa-github {
    background-color: #6c93bb;
}
.social a:hover .fa.fa-songkick {
    background-color: #ff3b60;
}
.social a:hover .fa.fa-posterous {
    background-color: #efd57c;
}
.social a:hover .fa.fa-appnet {
    background-color: #3daad5;
}
.social a:hover .fa.fa-gplus {
    background-color: #bc7067;
}
.social a:hover .fa.fa-stumbleupon {
    background-color: #f07356;
}
.social a:hover .fa.fa-lastfm {
    background-color: #cd443d;
}
.social a:hover .fa.fa-spotify {
    background-color: #9acf48;
}
.social a:hover .fa.fa-instagram {
    background-color: #c5342a;
	color:#fff;
}
.social a:hover .fa.fa-evernote {
    background-color: #9fdc82;
}
.social a:hover .fa.fa-paypal {
    background-color: #5b85a8;
}
.social a:hover .fa.fa-picasa {
    background-color: #b088c1;
}
.social a:hover .fa.fa-soundcloud {
    background-color: #ff8b45;
}
.social a:hover a:hover i {
    background-color: #FFF;
}

.social a:link, .social a:visited, .main-team-profile a:link, .main-team-profile a:visited,
.shortcode-team-title-content a:link, .shortcode-team-title-content a:visited 	{
	border:none!important;
}

.fa {
    color: #b9b3b3;
}
.cd-top {
	display: inline-block;
	height: 48px;
	width: 48px;
	position: fixed;
	bottom: 30px;
	margin:0 auto;
	right:0;
	left:0;
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(inc/images/Arrowhead-Up.png) no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
	z-index:100;
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}

.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}

.no-touch .cd-top:hover {
  opacity: 1;
}

.nivo-lightbox-theme-default, .nivo-lightbox-prev, .nivo-lightbox-next {
    border-radius:0!important;
}


/* Media queries for galleries */

@media only screen and (min-width: 768px) {
  .cd-top {
  }
}

@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
  }
}
	
[class*="imagebar"] article, [class*="imagebar"].entry-header, [class*="imagebar"].entry-content	{
	margin:0 auto!important;
	padding:0!important;
	line-height:0!important;
	
}

[class*="imagebar"].entry-header	{
	display:none;
}


/* ==============================================
   Team profiles - single-team.php
   ============================================== */
   
.single-team-profile .team-image	{
	display:none;
}


.main-team-profiles .team-surround	{
	display:inline-block;
}

.single-team-profile .team-title	{
	position:relative;
}

.single-team-profile .team-img-round {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius:50%;
}

.single-team-profile .team-img-square {
  border-radius: 0%;
  -webkit-border-radius: 0%;
  -moz-border-radius:0%;
}


.single-team-profile .team-intro {
    padding: 0 0px 50px 0px;
    text-align: center;
}

.single-team-profile  {
	width:100%;
	display:inline-block;
}   

.single-team-profile .team-intro h2 {
  margin: 0 0 7px;
}

.single-team-profile .team-intro .all-team-lead {
  line-height: 120%;
  font-style: italic;
  margin: 0 0 35px;
}

.single-team-profile  {
	width:100%;
	display:inline-block;
	text-align:left;
}  
 
.single-team-profile .team-profile	{
    padding: 20px;
    position: relative;
    text-align: right;
 }

.single-team-profile .team-content	{
	overflow: hidden; 
	text-align: left;
	padding:0px 20px;
}

.single-team-profile .team-surround	{
    padding: 10px 10px 0px 10px;
    width: 100%;
    margin-bottom: 10px;
}

.single-team-profile .team-content h2 {
	font-size: 16px;
	letter-spacing: 2px;
	text-transform: uppercase;
    font-weight: 200;;
}

.single-team-profile .team-title h2, .team-content div h2	{
	padding: 40px 0 0 0;
}

.single-team-profile .team-content .content-text h1,
.single-team-profile .team-content .content-text h2,
.single-team-profile .team-content .content-text h3,
.single-team-profile .team-content .content-text h4 {
	margin:0;
	padding: 0;
 }

.single-team-profile .team-title h2::before {
    position: absolute;
    content: "";
    left: 10px;
    top: 0px;
    height: 1px;
    width: 90px;
    border-bottom: 2px solid rgb(19 18 18 / 78%);
}

.single-team-profile .team-content h3 {
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0;
	padding: 5px 0;
}

.single-team-profile .team-image	{
	display:block;
	float:left;
	margin:0;
}

.single-team-profile .team-image img {
	height:auto;
	border: 2px solid #999;	
	margin: 0 20px 10px 0; 
	padding:2px;
	width:140px;
}

.single-team-profile .team-image a:link	{
	height:100%;
	width:100%;
}

.single-team-profile .team. .bl_image_grid-item:nth-of-type(odd) {

}

.single-team-profile .team. .bl_image_grid-item:nth-of-type(even) {

}	

.single-team  .bl_image_grid-item {
    padding: 6px;
 }
 
.single-team-profile figure 	{
	padding-bottom:20px;
	margin:0;
}

.single-team-profile figure figcaption > a {
	top: 0px;
	height: 240px;	
}

.single-team-profile .bl_image_gallery-columns-1	{
	width:100%;
}


.single-team-profile .team-title-content h4 {
    text-transform: capitalize;
    color: #0b0b0b;
	line-height:initial;
    font-weight:200;
	margin:0px;
	font-size: 1.2em;
}

.single-team-profile .team-title-content	{
	text-align:center;
	}

.single-team-profile .team-title-content h6 {
    letter-spacing: 2px;
    text-transform: capitalize;
    color: #b3b3b1;
    font-weight: 100;
	margin: 0 0px 20px 0px;
	line-height:initial;
}

.single-team-profile .team-title-content p 	{
	margin-bottom:8px;
	font-size: 14px;
	display: block;
}

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

}


 @media only screen and (min-width:0px) and (max-width : 853px) {
	/* One Plus 3 */	
	
 }
 
 @media only screen and (min-width:0px) and (max-width : 800px) {
 
	.single-team-profile .team. .bl_image_grid-item:nth-of-type(odd)	{

	}

	.single-team-profile .team. .bl_image_grid-item:nth-of-type(even)	{

	}
		
}


@media only screen and (min-width:0px) and (max-width : 767px) {

}

   
@media only screen and (min-width:0px) and (max-width : 740px) {
	
	.single-team-profile .bl_image_gallery	{
		width:100%;
	}
}
  
@media only screen and (min-width:0px) and (max-width : 667px) {	
	/* iPhone 6/7/8 */
}

@media only screen and (min-width:0px) and (max-width : 640px) {
	.bl_image_gallery-columns-1 .single-team-profile .team-content {
		overflow: initial;
	}
	
	.single-team-profile .team-image {
    float: none;
    text-align:left;
	}	
	
	.single-team-profile .team-image img	{
	    margin: 0px auto 10px auto;
	}
	
	.single-team-profile .team-profile {

	}
	
	.single-team-profile .team-content	 {
		overflow: hidden; 
		display: block;
	}
}

@media only screen and (min-width:0px) and (max-width : 414px) {
	/* iPhone 6/7/8 Plus */	
	.single-team-profile .team-image {
		float: none;
		margin:0;
	}
	
	.single-team-profile .team-profile {
		width: initial;
	}
	
	.single-team-profile .team-title hr {	
		width:100%;
	}
}


.single-team-profile .team-profile .fa[class*='fa-']
 {
    width: 26px;
    height: 26px;
    line-height: 23px;
    color: #fff;
    text-align: center;
    border: 1px solid #9c9c9c;
    margin-bottom: 5px;
    padding-left: 2px;
}


.single-team-profile .team-profile .fa-linkedin,
.fa-linkedin	{
    background: #5c9db2;
	border-color: #5c9db2;
}

.single-team-profile .team-profile .fa-instagram, 
.fa-instagram	{
    background: #cb2027;
    border-color: #cb2027;
}

.single-team-profile .team-profile .fa-twitter, 
.fa-twitter	{
    background: #5ea9dd;
    border-color: #5ea9dd;
}

.single-team-profile .team-profile .fa-envelope,
.fa-envelope	{
    background: #5ea9dd;
    border-color: #5ea9dd;;
} 

.single-team-profile .team-profile .fa-phone, 
.fa-phone	{
    background: #5ea9dd;
    border-color: #5ea9dd;
} 


.single-team-profile .team-profile .fa-facebook, 
.fa-facebook	{
    background: #3a559f;
    border-color: #3a559f;;
} 

.single-team-profile .team-profile .fa[class*='fa-']:hover  {
    background: #000;	
}

.static_background, .scroll 	{
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.slider-wrapper	{
	position:relative;	
}


.parallax-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.parallax-overlay.pattern {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAI0lEQVQIW2NkwAT/GdHE/gP5jMiCYAGQIpggXAAmiCIAEgQAAE4FBbECyZcAAAAASUVORK5CYII=) repeat fixed;
}


.fixed	{
	background-attachment:fixed;		
}

.scroll	{
	background-attachment:scroll;		
}


.parallax-overlay.gradient {
  background-color: #00eaff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#00eaff), to(#88006d));
  background-image: -webkit-linear-gradient(top, #00eaff, #88006d);
  background-image: -moz-linear-gradient(top, #00eaff, #88006d);
  background-image: -ms-linear-gradient(top, #00eaff, #88006d);
  background-image: -o-linear-gradient(top, #00eaff, #88006d);
}

.shadow img{ 
	background-color: rgb(68,68,68);
	-webkit-box-shadow: 3px 3px 12px rgba(45, 68, 43, 0.75);
	-moz-box-shadow:    3px 3px 12px rgba(45, 68, 43, 0.75);
	box-shadow:         3px 3px 12px rgba(45, 68, 43, 0.75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.75)";
	zoom: 1;
}

.wp-block-quote {
    padding: 8px 10px;
}
  /**  
  |------------------------  
  |  
  |------------------------  
  |  
  |  
  |--------------------------------  
  | = Related posts  
  |--------------------------------  
  */
  
.related_posts	{
	margin: 50px 0px 0px 0px;
	border-top: 1px solid #eee;
	display:inline-block;
	min-width:100%;
}
	
.related_posts h3 {
	font-size: 1.2em;
    color: #b35656;
	text-transform:capitalize;
}

.related_posts .pinterest02 figcaption h3	{
	font-size: 1.0em;	
	margin:0!important;
	padding:0!important;
}

.related_posts .pinterest02, .related_posts p {
    padding-bottom: 0!important;
	font-size: .8em;
}

@media (min-width: 782px)	{
	.wp-block-column:not(:first-child) {
		margin-left: 10px;
	}
}

@media (min-width: 600px)	{
	.wp-block-column:nth-child(2n) {
		margin-left: 10px;
	}
}



.wp-block-columns {
  display: flex;
}

.wp-block-column {
  flex: 1;
}

/* Add vertical breathing room to the full row of columns. */
.wp-block-columns {
  padding: 20px 0;
}

/* Add horiztonal breathing room between individual columns. */
.wp-block-column {
  padding: 0 10px;
}

 
.postSingle a {
    position: relative; /* The parent has to be set to relative */
}


@media screen and (max-width: 764px) {
  .wp-block-columns.has-3-columns {
    flex-flow: row wrap;
  }
  .has-3-columns .wp-block-column:first-child {
    flex-basis: 100%;
  }
}

@media (min-width:600px) and (max-width:781px) {
	 .wp-block-column:not(:only-child) {
		flex-grow: 1!important;
	 }
	 
	h3.related-post	{
		 margin-bottom:0;
	 }
}


.player_position_left	{
	float:left;
}

.player_position_right	{
	float:right;
}

.player_position_center	{
	margin:0 auto;
}

.video-surround {
	background: transparent;
	padding: 0 10px 0 0px;
  }

.video-container {  
  position: relative;
  padding-bottom: 56.25%;
 /* 16:9 */
  padding-top: 0px;
  height: 0;
 /* overflow: hidden; */
  border-radius:10px;
  }

.video-container iframe,.video-container object,.video-container embed {  
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
   border-radius:10px;
  }

.vimeo-container	{
	overflow:hidden;
	padding:0;
	margin:0;
 }

.vimeo-container iframe{ 
	position:absolute; 
    min-height: 100.2%;
    min-width: 100%;
	margin:0;
	padding:0;
	border:0;
	top:1px;
	left:.5px;
	right:0px;
	bottom:1px;
} 
  

  
/* VIDEOS PLAYLIST */


.vid-list-container {
    width: auto;
    position: relative;
    overflow: hidden;
    padding-bottom: 0px;
    top: 10px;
    margin: 0 24px 
  }
 
 .wp-block-block-lab-bl-youtube-playlist .vid-list-container	{
    top: -19px;	 
 }
 
.vid-list {
	position: relative;
  }

.vid-item {  
	display: inline-block;
	width: 120px;
	height: 84px;
	float: left;
	margin: 0;
	padding: 0px 4px;
  }

.thumb { 

  overflow:hidden;
  height: 100px;
  }


.thumb img {  
	width: 100%;
	position: relative;
	top: 0px;
	padding:0;
  }

.vid-item .desc {
	color: #21A1D2;
	font-size: 10px;
	margin-top:5px;
  }

.vid-item:hover {
	cursor: pointer;
  }  
 
.arrows {  
	position:relative;
	width: 100%;
  }
  
 .wp-block-block-lab-bl-youtube-playlist .arrows 	{
	top:-30px;
 }

.arrow-left, .arrow-right{  
	position: absolute;
    padding:15px 0;
    z-index: 100;
	cursor: pointer;
	color: rgb(102, 102, 102);
	top: -60px;
	left: 0px;
  }

.arrow-right {
    right: 0px;
	left: initial;
}



 .arrow-right :hover, .arrow-left :hover{  
	  color: red;
  }