/*
Theme Name:     Twenty Eleven Child
Theme URI:      https://example.com/
Description:    Child theme for the Twenty Eleven theme 
Author:         Your name here
Author URI:     https://example.com/about/
Template:       twentyeleven
Version:        1.0.0
*/

@import url("../twentyeleven/style.css");

/* =Reset default browser CSS. Based on work by Eric Meyer: https://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

 

/* =Global
----------------------------------------------- */

body, input, textarea {
	color: #373737;
	font: 16px 'Muli';
	font-weight: 300;
	line-height: 1.625;
}
body {
	
	font-family:'Muli';
	background: #222; 
	/*background:url(images/bg.png);*/	
	background-color: #222222;
	/*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23333333' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23333333'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");
*/
}
.white {
	color:#ffffff!important;
}
.orange {
	color:#f1a52d!important;
}
.green {
	color:#9db604!important;
}


#page {
	margin: 0em auto;
	background: #fff;
	max-width:1200px;
}

#branding {
	border-top: 0px;
}

#footer {
    background-color:#1a1a1a;
    color: #666;
    font-size: 12px;
    line-height: 2.2em;
    padding: 2.2em 0.5em;
    text-align: center;
}

#main {
	padding:0px;
}

.rank-math-breadcrumb {
	margin:0px;	
	display: inline-block;
    width: 100%;
}

.rank-math-breadcrumb p {
	margin:0px;	
	font-size:14px;
	padding:15px 80px 5px 80px;
}

/* Headings *
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
}



/* =Menu
-------------------------------------------------------------- */

.menu {
	margin:0;
	width:100%;
}

#access {
	background: #000; /* Show a solid color for older browsers */
	
	clear: both;
	display: block;
	float: left;
	margin: 0px;
	width: 100%;
}

ul#menu-main-menu  {
	font-size: 13px;
	list-style: none;
	margin: 0;
	padding-left: 30px;
}

#access div {
	margin: 0;	
}

#access li {
	float: left;
	position: relative;
}
#access a {
	color: #eee;
	display: block;
	line-height: 30px;
	padding: 0 1.2125em;
	text-decoration: none;
}
#access ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 30px;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}

#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #efefef;
}
#access li:hover > a,
#access a:focus {
	background: #f9f9f9; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
	color: #373737;
}
#access ul li:hover > ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}

.entry-title {
	font-family:'Oswald';
	clear: both;
	color:#9db604;
	font-size: 30px;
	font-weight: bold;
	line-height: 44px;
	padding-bottom: .3em;
	padding-top:5px!important;
}

.entry-title a {
	color:#9db604;
	text-decoration: none;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #1982d1;
}


.entry-content li { 
	list-style-type: square;
}

.entry-content li ul li { 
	list-style-type: circle;
}

.entry-content .yarpp-related {
		margin-top:50px;
}

.entry-content, .entry-summary {
		padding:0px!important;
}

.entry-summary {
	word-wrap: break-word;
}

.entry-content > .category-list h2 {
  padding-top: 20px;
}

.entry-content > .category-list > .category-item:first-child > h2 {
  padding-top: 0;
}


.entry-content h1,
.comment-content h1 {
	font-family:'Oswald';
	color:#9db604;
	font-size:30px;
	font-weight:bold;
	text-transform: uppercase;
	line-height:42px;
}

.entry-content h2,
.comment-content h2 {
	font-family:'Oswald';
	color:#ACC706;
	font-size:26px;
	font-weight:bold;
	line-height:36px;
	text-transform: uppercase;
}

#secondary h3,
.entry-content h3,
.comment-content h3 {
	font-family:'Oswald';
	color:#9db604;
	font-size:20px;
	padding-bottom:15px;
	font-weight:bold;
	line-height:30px;
	padding-right: 30px;
}

div.postauthor { 
	margin: 40px 0 0 0; 
}

.postauthor div:first-child {
	float: left;
	/*width: 150px;
	height: 130px;*/
	margin-right: 30px;
}

.postauthor div:nth-child(2) {
	overflow: hidden; 
}

.thumbnailportrait {
	min-height: 120px;
    min-width: 120px;
    height: 120px;
    width: 120px;
}

.thumbnailportraitheader {	
    height: 90px;
    width: 90px;
	cursor:pointer;
}

.packagingCommunityHeader {
	text-align: center;
    font-family: 'Oswald';
    font-size: 34px;
    font-weight: bold;
    color: #9db604;
    line-height: 42px;
    margin-top: 35px;
}

.singular .entry-title {
	color:#9db604;
	font-size: 30px;
	font-weight: bold;
	line-height: 48px;
}


 
/* PAGE CONTENT WIDTH */
 .singular .entry-header,
 .singular .entry-content,
 .singular footer.entry-meta,
 .singular #comments-title {
 width: 100% !important;

 } 
 
 .whiteRow {
	 background-color: #fff;
	 padding:20px 40px 20px 40px;
	 text-align: justify;
 }
 
 .whiteRowMorePadding {
	 background-color: #fff;
	 padding:40px 40px 0px 40px;
	 text-align: justify;
 }
 .greyRow {
	background-color: #eee;
	padding: 20px 40px 20px 40px;
 }
 

/* ALKANE STYLES*/

.textwidget .wpcf7 {
	width:90%;
}

.wpdm_icon {
		width:50px;
}

/* 20/02/21 comment out
li div
{
    margin-left:20px;
}
*/
hr 
{
           background:#E9E9E9;
           height:2px;
           width:100%;
           margin: 50px 0px 50px 0px;
}

ins {
    background: #fff;
    text-decoration: none;
}



.singular .entry-header-page {
	margin-bottom: 30px;
}

.headerBg
{
	height:120px;
	background-color:#618a2a;	
	/*background-image: url("images/outlets.png");*/
}

.headerRays
{
	height:100%;
	/*background:url(images/lightrays.png) 0 0 no-repeat;*/
}

.headerText
{
	color:#fff;
	font-family:arial;
	font-size:42px;
	line-height:20px;
}

.headerContact {
	color: #FFF;
    font: 16px 'Muli';
    line-height: 23px;
    text-align: right;
    margin-right: 10%;
}

.headerCTA {
	text-align:center;
	font-size:13px;
	padding:10px;
	line-height:18px;	
	margin:0px 10px 0px 10px;
}

.hireMeHolder {
	text-align: center;
    position: relative;
    top: -10px;
    width: 190px;
    display: block;
    left: 85%;
    transform: translateX(-50%);
}
.hireMeHolder img {
	width:90px;
	height:89px;
	border-radius:10px 0px 0px 10px;
	position: relative;
    left: -45px;
	top:-1px;
}

.hireMeButtonHolder {
	position: relative;
    top: 20px;
}

a.hireMe, a.reviewUs, a.availableDate {
	text-decoration:none;
}

.hireMe:hover, .reviewUs:hover, .availableDate:hover {
	background-color: #ed7739;
}

.hireMe {
	display: block;
	font-size: 10px;
    color: #fff;
    z-index: 50;
    background-color: #ff813f;
    width: 90px;
    border-radius: 5px;
    line-height: 30px;
	height:30px;
    position: relative;
    top: -116px;
    left: 95px;
    cursor:pointer;
	border-radius: 0px 5px 0px 0px;
}


.reviewUs {
	display: block;
	font-size: 10px;
    color: #fff;
    z-index: 50;
    background-color: #ff813f;
    width: 90px;
    border-radius: 0px;
    line-height: 30px;
	height:30px;
    position: relative;
    top: -117px;
	left: 95px;
    cursor: pointer;
}

.availableDate {
	display: block;
	font-size: 10px;
    color: #fff;
    z-index: 50;
    background-color: #ff813f;
    width: 90px;
    border-radius: 5px;
    line-height: 30px;
	height:30px;
    position: relative;
    top: -117px;
	left: 95px;
    cursor: pointer;
    border-radius: 0px 0px 5px 0px;
}


.pulsate {
	left:0px;
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 165, 0, 0.8);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 15px rgba(255, 165, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 165, 0, 0);
	}
}


.subheaderText
{
	color:#fff;
	font: 14px 'Muli';
	white-space:nowrap;
	display:block;
}

span.advantageHeader
{
	color:#9db604;
	padding-bottom:6px;
	font-size:14px;
	font-weight:bold;
}

span.advantagePara
{	
	color:#5e6666;
	font-size:14px;
	font-family:'Georgia', Serif;
	font-weight:normal;
}

.lightgreybody
{
	background-color:#e0e0e0;
	font-family:'Georgia', Serif;
}

.lightgreyelement
{
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	border-left:20px;
	border-right:20px;
	border-top:15px;
	border-bottom:20px;
	border-style:solid;
	border-color:#e0e0e0;
	line-height:20px;
}


h1.homeheader
{
	font-family:'Oswald';
	font-size:30px;
	font-weight:bold;
	color:#9db604;
	line-height:42px;
	margin-bottom: 5px;
	padding: 0 50px 20px 0px;
	text-align:left;
}

h2.homeheader
{
	font-family:'Oswald';
	font-size:26px;
	font-weight:bold;
	color:#9db604;
	line-height:42px;	
	padding: 0 50px 20px 0px;
	text-align:left;
}

h2.homeheaderleft
{
	font-family:'Oswald';
	font-size:26px;
	font-weight:bold;
	color:#9db604;
	line-height:42px;	
	padding: 0 50px 20px 0px;
	text-align:left;
}

.lightgreybody, .mainbody h1
{
	font-family:'Oswald';
	font-size:30px;
	font-weight:bold;
	color:#9db604;
	line-height:42px;
	margin-bottom: 25px;
}

.lightgreybody, .mainbody h2
{
	font-family:'Oswald';
	font-size:26px;
	font-weight:bold;
	color:#9db604;
	line-height:36px;
	margin-bottom: 25px;	
}

.lightgreybody, .mainbody h3
{
	font-family:'Oswald';
	font-size:22px;
	font-weight:bold;
	color:#9db604;
	line-height:30px;
	margin-bottom: 25px;
}

blockquote {
	margin:0px;
}

.logo
{ 
	max-width:100%;
	height: auto;
	display: block;
	margin-left: auto;   
	margin-right: auto;
	/*margin-top:40px;*/
}

a.greenbox
{
	font-family:arial;
	font-size:19px;
	background-color:#cde69c;
	border: 1px solid #a5d24a;
	color: #638421;
	padding:7px;
	text-decoration:none;
	-moz-border-radius:2px; -webkit-border-radius:2px;
	white-space:nowrap;
}
a.greenbox:hover
{
	font-family:arial;
	font-size:19px;
	background-color:#c0d990;
	border: 1px solid #a5d24a;
	color: #638421;
	padding:7px;
	text-decoration:none;
	-moz-border-radius:2px; -webkit-border-radius:2px;
	white-space:nowrap;
}

.mainbody
{
	font-weight:normal;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	margin:50px 50px 50px 50px;
	
}

.mainbodysection
{
	margin:0px 0px 30px 0px;
}

.page-title {
		margin: 0 0 2em!important;
}

#breadcrumbs {
	font-size:16px;
}

.category-archive-meta
{
	font-family:'Oswald';
	color:#bbb;
	font-size:22px;
	display:block;
}

a { text-decoration: none; color:#f1a52d; font-weight:bold;}
a:focus { text-decoration: none; outline: none; color:#f1a52d; font-weight:bold;}

img	{ border: none!important; }
a img	{ border: none!important; }

#content nav {
     padding: 5px!important;
}

.postheaderwrapper {
		margin-top:20px;
	
}

.nav-previous, .nav-next {
	background-color: #f1a52d;
    border-radius: 10px;
	width:auto;
	font-size: 12px;
    font-weight: 700;
    line-height: 2.2em;
}

.nav-previous:hover,
.nav-next:hover {
    color: #fff;
    text-decoration: none;
    background-color: #e39722;
}


.nav-previous a, .nav-next a {
	color: #fff;
    padding: 10px;
	text-decoration:none;
}



.postheaderleft {
	text-align:center;
	width:25%;
	float:left;
	min-width:120px;
}

.postheaderright {
	width:75%;
	float:left;	
}

.logoHolder {
	display:inline-block; 
	width: 75px; 
}
.headerHolder {
	display:inline-block; 
	width: 270px; 
	height:60px; 
	vertical-align: top;
}

.headerHolder a {
	display:inline-block; 
	width:290px;
}

a.alkaneHeader
{
	text-decoration: none;
	color: #FFF;
	font-family: 'Oswald';
	font-size: 36px;
	text-transform: uppercase;
	line-height: 40px;
}


.alkane {	
	font-weight:bold;
}

.solutions {
	font-style: italic;
	font-weight:normal;
}
	

.headerBgContent
{
	padding-left: 25px;
	font-size:11px;
	color:#fff;
	height:23px;
	vertical-align:middle;
	line-height:22px;
	padding-right:20px;
	text-align:right
}

.headerMargins
{
	margin-top:30px; 
	margin-left:30px;
}

.bannerMargins
{
	margin-top:28px;
}

.logocarousel
{
	height:100px;
	padding-top:20px;
}

.introText
{
	padding: 0px 50px 20px 50px;
	
}

.coffeeHolder {
	display: inline-block;
    width: 100%;
}

.comments-link {
	display:none;
}

.greyBackground
{
	background-color:#f9f9f9;
}

.registerLogin
{
	background-color:#E9E9E9; 
	padding:20px;
}

.homeContent
{
	padding:0px 0px 5px 10px;
}

.italic
{
	font-style:italic;
}

.centerAlign
{
	text-align:center!important;
}

.noPadding
{
	padding:0px!important;
}

.banner
{
	position: relative;
	height:120px;
	 line-height: 130px;
	 text-align: center;
	 
	/*https://www.svgbackgrounds.com/#liquid-cheese*/
	background-color: #f29e03;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 100 100'%3E%3Crect x='0' y='0' width='94' height='94' fill-opacity='0.6' fill='%23ffa61d'/%3E%3C/svg%3E");

}

.featuredPost {
		margin: 10px 10px 10px 0px;
	
}

.w3eden {
	margin-bottom: 40px;	
}

#loginform input
{
	display:block;	
}

/*fix form button */
#respond .form-submit
{
	float:none!important;	
	margin:0px!important;
}

#respond {
	margin:0px 0px 20px 0px;
	width:auto;	
	box-shadow: 4px 4px 0px 0px #000000;
	border-radius: 4px 4px 4px 4px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #000000;
}

#respond input#submit
{
	left:0px!important;
}

.widget_search #s {
    width: 90%;
	height: 50px;
	box-sizing: border-box;
}

.homeSearch
{
	background-color: #e8e8e8;
    text-align: center;
    height: 90px;
    vertical-align: middle;
    line-height: 96px;
}

.blogSearch {
	background-color: #e8e8e8;
    text-align: center;
    height: 90px;
    vertical-align: middle;
    line-height: 96px;
	/*margin: 0px 10px 0px 10px;*/
}

input#s {
	background: url('data:image/png;base64,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')
				no-repeat 10px 10px!important;
	background-size:30px!important;
	background-color:#FFF!important;
	padding: 4px 10px 4px 60px;
	height: 40px;
    line-height: 40px;
    font-size: 20px;
    border-radius: 4px;
	width: 50%;
	color:#575757;
}

input#s::-webkit-input-placeholder { /* Edge */
	color:#bdbdbd;
}

input#s:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:#bdbdbd;
}

input#s::placeholder {
	color:#bdbdbd;
}

#colophon {
	display: inline-block;
	margin-top:30px;
	text-align:center;
	width:100%;
}

.entry-content h1, .comment-content h1 {
	margin:0px!important;
}

div.code-toolbar>.toolbar .toolbar-item
{
	margin-right:10px;
}

div.code-toolbar>.toolbar .toolbar-item span {
	color:#999!important;
	font-weight:normal!important;
}

div.code-toolbar>.toolbar .toolbar-item a
 {	
	color:#f1a52d!important;
	font-weight:normal!important;
}

#headerBanner {
	background-color:#618a2a;	
	/*background-image: url("images/outlets.png");*/
	height:95px;
}

.gcloud {
	height: 60px;	
}

.microsoft {
	height: 60px;	
}

.cloudSolutionProvider {	
	height: 50px;
	width: 174px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px 0 20px;
}

.gCloudSupplier {	
	height: 50px;
	width: 174px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px 0 20px;
}

.askthecommunity {
	margin-top: 60px;
	border:2px solid #ccc;
	text-align:center;
	background-color:#eee;
	border-radius:5px;
	padding:20px 20px 20px 20px;
}

.entry-content {
	padding-bottom: 40px;
	margin-top: 40px!important;
}

.entry-content pre[class*=language-] {
	margin:40px 0px 40px 0px;
}

.entry-content th, .comment-content th {
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2.6em;
    text-transform: uppercase;
    background-color: #ACC706;
    text-align: center;
    vertical-align: middle;
	padding:10px 0px 10px 0px;
}

.entry-content td {
	text-align:center;
}
.tags {
	margin-bottom: 40px;
}

#breadcrumb {
    line-height: 2.2em;
	font-size: 11px;
}

#breadcrumb a { 
	font-size: 11px;
 	font-weight: bold;
}

#nav-single {
	top:0px;	
}

#primarypage {
	width:100%;
	margin:auto;
}

#primary {
	width:70%;
	float:left;
	margin:auto;
}

#secondary {
	text-align:center;
	width:30%;
	float:left;
	margin:0px;
}

#content {
	width: 100%;
	box-sizing: border-box;
	padding: 0px 40px 40px 40px;
	margin: 0px;
}

.rounded {
	border-radius: 50%;	
}

	.kaequote {
		margin:0px 50px 50px 50px;
	}

	.kaequote img {
		height:100px;
		width:100px;
		margin: 0px 20px 0px 0px;
	}
	
	.kaequote div {
		overflow: hidden;
		background-color:#eee;
		border-radius: 10px;
		border: 5px solid #eee;
		padding: 10px;
	}
	
	
	.teammember {
		margin:0px 0px 20px 0px;
	}

	.teammember img {
		height:100px;
		width:100px;
		margin: 0px 20px 0px 0px;
	}
	
	.teammember div {
		overflow: hidden;
		background-color:#eee;
		border-radius: 10px;
		border: 5px solid #eee;
		padding: 10px;
	}
	
	.nomargin {
		margin:0px!important;
	}
	
	.emailat::before {
		content: "\0040";
	}
	
	.bannertext {
		font-family:'Oswald';
		line-height: 50px;
		color: #fff;
		padding: 17px 20px 0px 20px;
	}
	
	.bannertexttitle
	{		
		vertical-align: middle;
		font-size:32px;			
	}

	.bannertextphone
	{
		font-size:20px;		
		line-height: 40px;
	}
	
	
	.bannertextemail {
		font-size:18px;
		line-height: 20px;
	}

	.bannertextemail a {
		font-size:18px;
	}

	.bannertext a {
		color:#fff;
		font-weight:normal;
		text-decoration:underline;
	}
	
	.page .hentry {
    padding-top: 30px;
}
	
	.single-counterup .count-num {
		font-family:'Oswald';
		font-size: 50px;
		line-height: 16px;
		font-weight: 700;
		color: #9db604;
		margin-bottom: 28px;
		margin-top: 25px;
		display: block;
	}

	.single-counterup {
		text-align: center;
		margin-bottom:50px;
	}

	.single-counterup .title {
		font-size: 16px;
		line-height: 22px;
	}
	
	.introText .single-counterup .count-num {
		font-size: 60px;
		line-height: 50px;
	}
	
	.smallrowspacer {
			margin-top:20px;
	}
	
	.rowspacer {
			margin-top:40px;
	}
	
	.featuredImage {
		text-align:right;
		margin-bottom:20px;
	}
	
	.featuredImage img {
		margin:10px 0px 10px 10px;
	}
	
	.category-archive-meta {
		margin: 20px 0px 20px 0px;		
	}

	
	.alkaneReviewOrCoffee {
		background-color: #f1a52d;
		height: 50px;
		display: block;
		line-height: 50px;
		/*margin: 0px 10px 0px 10px;*/
		text-align: center;
		color:#fff;
		border: 1px solid #da9425;
	}
	
	a.alkaneReviewOrCoffee {
		color:#fff;
		text-decoration: none;
	}
		
	a.alkaneReviewOrCoffee:hover {
		color: #fff;
		text-decoration: none;
		background-color:#e39722;
	}

	
	
	.prevNext {
		margin-top:20px;
		margin-bottom:20px;
		display:table;
		width:100%;
	}
	
	#nav-single {
		float: none;
	}
	
	.entry-content .yarpp-related h3 {
		text-transform: uppercase;
		padding-bottom: 15px;
	}
	

.lcp_paginator li {
    border: 2px solid #f1a52d!important;
    padding: 2px 0px 0px 0px!important;
    border-radius: 20px;
    width: 32px;
    height: 30px;
    text-align: center;
}

.bmc-btn-text {
	font-size:15px;
}

.amazon-products-container-list {
	height:2000px!important;
}

/*
  AUTO GRID
  Set the minimum item size with `--auto-grid-min-size` and you'll
  get a fully responsive grid with no media queries.
  https://archive.hankchizljaw.com/wrote/create-a-responsive-grid-layout-with-no-media-queries-using-css-grid/
*/
.auto-grid {
  --auto-grid-min-size: 12rem;
}

.auto-grid > * {
  max-width: 400px;
}

.auto-grid > * + * {
  margin-top: 1rem;
}

.auto-grid li {  
  text-align: center;
  font-family:'Oswald';
  font-size: 24px;  
  opacity: 1.0;
  transition: 0.3s;  
  display:table;
  height:150px;
}


.auto-grid li:hover {opacity: 0.8}

.auto-grid li a {
	
	display:table-cell;	
	vertical-align:middle;
	text-decoration:none;
	background-color: #618a2a;
	color: #ffffff;
	cursor: pointer;
	background-size: 300% 100%;
	background-position: right bottom;
	transition: background-position .5s ease;
}


/* https://codepen.io/ettrics/pen/ZYqKGb */

.boxshadow {
	box-shadow: 4px 4px 0px 0px #000000;
	border-radius: 4px 4px 4px 4px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #000000;
}

.auto-grid li a:hover {
  background-position: left top;
}

.auto-grid li {
}

li.affiliate {
		padding:10px 20px 10px 20px;
}

li.affiliate a {
	background-color: #fff;	
	text-decoration:none;	
}

li.affiliate a::after {
	font-size: 15px;
    content: "Buy Now!";
    background-color: orange;
    border-radius: 5px;
    color: #fff;
    padding: 5px;
    position: relative;
    display: block;
    width: 50%;
    margin: 0 auto 0 auto;
    box-shadow: 4px 4px 0px 0px #000;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #000;
    text-decoration: none;
}

.blogtilehome li.greengrid a {	
	font-size: 20px;
    padding: 10px;
	word-break: break-word;
}

li.purplegrid a {
	background-image: linear-gradient(45deg, #915384 50%, #8C4B7E 50%);
}


li.yellowgrid a {
	background-image: linear-gradient(45deg, #f8be4d 50%, #f3b53c 50%);
}

li.greengrid {
	background-image: linear-gradient(45deg, #4d6e21 50%, #618a2a 50%);	
}


li.greenbox {
	font-size: 20px;
    word-break: break-word;  
    background-color: #618a2a;    
    cursor: pointer;
    text-align:center;
	display: flex;
	align-items: center;        /* Vertical centering */
	justify-content: center;    /* Horizontal centering */
}

li.greenbox a {
	color: #ffffff;
	text-decoration: none;
	font:20px Oswald;
	display: inline-block;
    width: 80%;
	padding:10px;
	line-height: 33px;
}
	
.swiffygrey {
	background-color: #434343;   
}

li.greybox {
	font-size: 20px;
    word-break: break-word;  
    cursor: pointer;
    text-align:left;
	min-height:100px;
	text-align:center;
}

li.greybox a {
	color: #ffffff;
	text-decoration: none;
	font:27px Oswald;
	display: inline-block;
    width: 80%;
}

#logoSlider {	
	margin-bottom:20px;
}

.alkanejumbo {
    padding: 40px 100px 40px 100px;
    min-height: 100%;
    background: linear-gradient(0deg, rgb(0 0 0 / 20%), rgb(0 0 0 / 88%)), url(images/application-packaging-jumbo.jpg);
	background-size: cover;
	background-position: center;
}

.alkanejumbo h1 {
	color:#fff;
	font-family: 'Oswald';
    font-size: 40px;
    font-weight: bold;
	margin-bottom:20px;
	text-transform: uppercase;
	text-align:center;
}	
.readmore {
	border-radius: 5px;
    border: 1px solid #fff;
    font-size: 12px;
    padding: 5px 5px 5px 5px;
    margin: 40px 0px 0px 0px;
    text-transform: uppercase;
	display: inline-block;
	line-height: 22px;
	position: relative;
    top: -5px;
}
	
li.redgrid a {
	background-image: linear-gradient(45deg, #f35353 50%, #d44f4f 50%);
}

.blogtilehome {
	padding:40px 40px 20px 40px;
}

ul.auto-grid {
	margin: 0;
	list-style: none;
	/*padding:16px;*/
}

.whychoose {
	background-color: #e8e8e8;
    padding: 40px 20px 30px 20px;
    margin: 0px 0px 20px 0px;
}

.whychoose ul {
  max-width: 600px;          /* Or whatever width you prefer */
  margin: 0 auto;            /* Centers the UL block */
  padding: 0;
  list-style: none;
  text-align: left;          /* Makes sure LI content is left-aligned */
  width: 100%;               /* Responsive */
}


.whychoose li {
  display: flex;
  align-items: flex-start;   /* icon aligns top if text wraps */
  gap: 18px;
  margin-bottom: 10px;
  font-size: 18px;
}

.whychoose li i {
  flex-shrink: 0;            /* prevents icon from shrinking */
}

.whychoose li svg {
  padding-top:3px;
  color: #9db604;
}

.whychoose span {
  flex: 1 1 0;
  word-break: break-word;    /* optional: wraps long words */
}


@supports(display: grid) {
  .auto-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
    grid-gap: 1rem;
  }
  
  .auto-grid > * {
    max-width: unset;
  }

  .auto-grid > * + * {
    margin-top: unset;
  }
}

/* end autogrid */

#access #mega-menu-wrap-primary #mega-menu-primary {
	margin-left:10px;	
}

#access #mega-menu-wrap-primary #mega-menu-primary .dashicons-admin-home {
	font-size:18px;
}

#blogCounter {	
	background-color: black;
    width: 150px;
    margin: auto;
    border-radius: 10px;
	padding:16px 10px 10px 10px;
	margin-bottom:30px;
	height: 150px;
    color: #fff;
}

/*quote css*/

.quote-card {
  background: #fff;
  color: #222222;
  padding: 20px;
  padding-left: 50px;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(34, 34, 34, 0.12);
  position: relative;
  overflow: hidden;
  min-height: 120px;
}

.quote-card p {
  font-size: 18px;
  line-height: 1.5;
  margin: 0;
  max-width: 100%;
  font-family: 'Muli';
  position: relative;
  z-index: 2;
}

.quote-card cite {
  font-size: 12px;
  margin-top: 10px;
  display: block;
  font-weight: 200;
  opacity: 0.8;
  line-height: 20px
}

.quote-card:before {
  content: "“";
  position: absolute;
  top: -10px;
  left: 10px;
  font-size: 5em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
}

.quote-card:after {
  content: "”";
  position: absolute;
  bottom: -110px;
  line-height: 100px;
  right: -32px;
  font-size: 25em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
}

.credits {
  margin-top: 80px;
}

.credits a {
  color: #222222;
  text-decoration: none;
  text-shadow: 0 0 2px rgba(34, 34, 34, 0.24);
  padding-bottom: 1px;
  display: inline-block;
  border-bottom: 1px dashed rgba(34, 34, 34, 0.24);
  opacity: 0.6;
  transition: 0.3s all ease-in;
}

.credits a:hover {
  border-bottom-style: solid;
  opacity: 1;
}


ul.services {
	counter-reset:li; /* Initiate a counter */
	margin-left:0; /* Remove the default left margin */
	padding-left:0; /* Remove the default left padding */
	margin-top: 40px;
}
ul.services > li {
	position:relative; /* Create a positioning context */
	margin:0 0 0 2em; /* Give each list item a left margin to make room for the numbers */
	padding:20px 16px 0px 16px; /* Add some spacing around the content */
	list-style:none; /* Disable the normal item numbering */
	border-top:2px solid #666;
	background:#f6f6f6;
	font-weight: bold;
}

ul.services > li > ul {
	margin-left:0; /* Remove the default left margin */
	padding-left:0; /* Remove the default left padding */	
}

ul.services ul > li {
	position:relative; /* Create a positioning context */
	list-style:none; /* Disable the normal item numbering */	
	padding: 10px 0 30px 0;
	font-weight: normal;
}

ul.services > li:before {
	content:counter(li); /* Use the counter as content */
	counter-increment:li; /* Increment the counter by 1 */
	/* Position and style the number */
	position:absolute;
	top:-2px;
	left:-2em;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:2em;
	/* Some space between the number and the content in browsers that support
	   generated content but not positioning it (Camino 2 is one example) */
	margin-right:8px;
	padding:4px;
	border-top:2px solid #666;
	color:#fff;
	background:#666;
	font-weight:bold;
	font-family:"Oswald";
	text-align:center;
}

.amazon-auto-links-product-body {
	padding: 25px 0px 25px 0px!important;
}

/*
.wpcf7-form {
	border: 5px solid #bcbcbc;
    padding: 20px;
    border-radius: 20px;
	background-color: #f5f5f5;
}

.wpcf7-form-control {
	padding: 0.2em; 
	box-sizing: border-box;
	width: 100% 
}
*/

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900;
    background-color: #ffb900;
    border-radius: 10px;	
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450;
    background-color: #46b450;
    border-radius: 10px;
}

.wpcf7-spinner::before {
    content: '';
    position: absolute;
    background-color: #fbfbfc;
    top: 40px;
    left: 40px;
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 100%;
    transform-origin: 8px 8px;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #a7a7a7;
    opacity: 0.75;
    width: 100px;
    height: 100px;
    border: none;
    border-radius: 100%;
    /* padding: 0; */
    /* margin: 0 24px; */
    /* position: relative; */
    /* left: 210px; */
    /* top: -34px; */
    position: absolute;
    left: 50%;
    top: 50%;
}

.commentlist {
	  width:100%
}
  
input[type="file"] {
    display: none;
}

.guest-post-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

input[type="submit"] {
	background-color: #000;
    color: #fff;
    border-radius: 10px;
    border: 0px;
    padding: 10px 20px 10px 20px;
    font-weight: bold;
	cursor: pointer;
	margin: 10px 0px 0px 0px;
	border-radius: 57px;
}
.form-group p {
	margin:0px;
}

/*popup form*/
.ays_content_box {
		padding-top:0px !important;
}

.ays_content_box .form-group p {
	text-align: left !important;
    color: #505050 !important;
}
.ays-popup-hrs-default {
	display:none;
}
.ays-popup-box-main-box {
	display:table !important;
}
.ays_pb_description p {
	margin:0px !important;
}

/*Sabai */


.sabai-comment-main, .sabai p, :not(pre)>code[class*=language-] {
	/* These are technically the same, but use both */
	  overflow-wrap: break-word;
	  word-wrap: break-word;

	  -ms-word-break: break-all;
	  /* This is the dangerous one in WebKit, as it breaks things wherever */
	  word-break: break-all;
	  /* Instead use this non-standard one: */
	  word-break: break-word;

	  /* Adds a hyphen where the word breaks, if supported (No Blink) */
	  -ms-hyphens: auto;
	  -moz-hyphens: auto;
	  -webkit-hyphens: auto;
	  hyphens: auto;
}


.singular.page .hentry {
    padding-top: 30px;
}

.singular .hentry {
    border-bottom: none;
    padding: 0px;
    position: relative;
}

ul.sabai-comment-comments .sabai-comment-avatar {
    left: -10px!important;
}

.sabai-tooltip-arrow
{
	top: auto!important;
	bottom:0px!important;
}

.sabai select {
	height:30px;
}

.sabai-questions-taxonomy {
	margin-top: 8px;
}

.sabai-questions-taxonomy a {
	background-color: #a7a7a7;
    border-radius: 3px;
    padding: 5px 10px 5px 10px;
    font-weight: normal;
    font-size: 13px;
    color: #ffffff;
}

/*hide question text on home page*/
.sabai-questions-questions .sabai-questions-body {
	display:none;
}

.sabai-questions-activity {
	font-size:12px;
	text-align: left;
}

.sabai-entity-activity {	
	background-color: #fbfbfb!important;
}

.sabai-questions-activity .sabai-entity-activity {
	display:inline-block!important;
	border: 1px solid #eee;
	text-align:left;
	padding:5px!important;
	border-radius: 3px;
	float:right;
}

.sabai-entity-activity i {
    margin-right: 5px!important;	
}

ul.sabai-entity-activity li 
{ 
	display:block!important;
	line-height:24px;
	vertical-align:middle;
	display:inline-block;
	margin-right:7px!important;
}

ul.sabai-comment-comments>li:first-child {
    border-top: 1px #eee solid!important;
}
ul.sabai-comment-comments>li {
    border-bottom: 1px #eee solid!important;   
}

.sabai-comment-owner {
	font-size:13px!important;
}

.sabai-questions-voting-updown,
.sabai-questions-voting-favorite {
	min-width:30px;
}

.sabai-questions-activity {
	margin-top:15px;
}

.sabai-entity-permalink {
	white-space:nowrap;
}

.sabai-questions-title {
	color:#f1a52d;
}

.sabai-questions-main {
	padding-left:30px!important;
}

.sabai-questions-filters {
	color:#777;
	font-size:14px;
}

.sabai-questions-body {
	margin-bottom:30px!important;
}

.sabai-questions-questions .sabai-entity, .sabai-questions-answers .sabai-entity, .sabai-questions-favorites .sabai-entity {
	padding: 15px 0;	
	border-bottom: 1px solid #eee;
}

ul.sabai-comment-comments .sabai-comment-main {
	font-size:14px!important;
}

.sabai-comment-comments-actions a {
	color: #fff!important;
    background-color: #428bca!important;
    border-color: #357ebd!important;
    text-transform: capitalize;
	padding: 7px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.sabai-btn {
	font-weight:bold;
}
	
.sabai-navigation {
	margin-bottom: 20px;
}

#sabai-inline {
	margin-top:50px;
}

.mainSearch {
		padding: 0px 10px 10px 10px;
}


/*End Sabai */

/* ALKANE RESPONSIVE */

.twocols, .threecols, .fourcols, .fivecols, .sixcols {
    	position:relative;
    	height:100%;
    	float:left;
}

.onecol 		{width: 100%;}
.twocols 		{width: 50%;}
.threecols       {width: 33.33%;}
.fourcols       {width: 25%;}
.fivecols       {width: 20%;}
.sixcols       {width: 16%;}

.colFirst   {margin-left:0;}
.colClear   {clear:both;}




        .form-container {
            background: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            margin: 10px 0px 0px 0px;
        }
        .form-row {
            display: flex;
            gap: 10px;
            margin-bottom: 15px;
        }
        .form-group {
            flex: 1;
            display: flex;
            flex-direction: column;
			padding: 0px 10px 0px 10px
        }
        label {
            /*font-weight: bold;*/
            margin-bottom: 5px;
        }
        input, select {
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 4px;
			width:100%;
        }
        .radio-group {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 15px;
        }
		/* breaks swiffy slider 
        button {
            width: 100%;
            padding: 10px;
            border: none;
            background: #007bff;
            color: white;
            font-size: 16px;
            border-radius: 4px;
            cursor: pointer;
        }
        button:hover {
            background: #0056b3; 
        }
		*/
        @media (max-width: 600px) {
            .form-row {
                flex-direction: column;
            }
        }


@media (max-width: 1000px) {
	
	
	#headerBanner {  
		padding-bottom: 40px;
	}
	
	.hireMeHolder {		
		left: 50%;
		transform: translateX(-50%);
		top: 10px;
	}

	
	
	.thumbnailportrait {
		margin-bottom: 20px;
	}
	

	.alkaneReview {
			margin-top:20px;
	}
	
	.alkaneReview div:first-child {
		padding:20px 0px 5px 15px;
	}

	
	.logoHolder {
		display: block;
		margin: auto;
	}

	.bannerMargins {
		margin-top: 10px;
	}

	ul#menu-main-menu {	
		padding-left: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.headerContact {		
		text-align: center;
		margin-right: 0;
	}

	.headerBg {
		height:190px;
	}
	
	.footerCounter .threecols:not(:last-child) {
		margin-bottom:40px;
	}
	
	.postauthor div:first-child {
		float: none;
		text-align: center;
		width: 100%;
	}
	
	.postauthor div:nth-child(2) {
		text-align: center;
	}
	
	.tags {
		margin-bottom: 20px;
	}

	.featuredImage {
		text-align:center;
	}
	
	a.alkaneHeader
	{
		
	}
	
	.headerText
	{
		font-size:28px;
	}
	
	.subheaderText
	{
		line-height: 20px;
        margin-top: 10px;
	}
	
	#access li {
		float: none;
		text-align:center;
	}

	.twocols, .threecols, .fourcols, .fivecols, .sixcols {
    	clear:both;
		width:100%;
	}
	
	.postheaderleft, .postheaderright {
		clear:both;
		width:100%;
	}
	
	#primary {
		clear:both;
		width:100%;
	}

	#secondary {
		clear:both;
		width:100%;
	}	

	.postheaderright {
		text-align:center;
	}

	.banner {
		height:85px;
	}
	
	.bannertext
	{
		display:none;
	}
	
	.headerMargins
	{
		line-height:24px;
		margin-left:0px;
		text-align:center;
	}
	
	.bannerMargins
	{
		margin-top:35px;
	}
	
}

@media (max-width: 900px) {
	/*
	.gcloud {
		height: 53px;
		width: 350px;	
	}	
	*/		
	
	.alkanejumbo {
		padding:50px 50px 50px 50px;
	}

	.subheaderSubText {
		display:block;
	}
	
	.hireMeHolder {
		top:-2px;
	}
	
	#headerBanner
	{
		/*display:none;	*/	
		text-align: center;
		padding-bottom: 40px;
		padding-top:5px;
		height: 75px;
	}
	
	.bannerMargins
	{
		margin-top:20px;
	}
	
}

@media (max-width: 768px) {
	#access #mega-menu-wrap-primary #mega-menu-primary {
		margin-left:0px;	
	}
}

@media (max-width: 500px) {
	
	.single #main #primary {
		width:100%!important;
	}

	/*
	.gcloud {
		height: 30px;
		width: 200px;	
	}	
	*/
	
	h1.homeheader
	{		
		padding: 0 10px 20px 10px;	
	}

	h2.homeheader
	{		
		padding: 0 10px 20px 10px;
	}
	
	#headerBanner {
		height: 125px;
	}
}