/*
	Theme Name: Digital Pro
	Theme URI: http://my.studiopress.com/themes/digital/
	Description: Put your words and images at the forefront in an uncluttered design that shows them at their finest.
	Author: StudioPress
	Author URI: http://www.studiopress.com/

	Version: 1.1.3

	Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-colors, custom-header, custom-menu,  e-commerce, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready

	Template: genesis
	Template Version: 2.2

	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php

	Text Domain: digital-pro
*/

/* Table of Contents
	- HTML5 Reset
		- Baseline Normalize
		- Box Sizing
		- Float Clearing
	- Defaults
		- Typographical Elements
		- Headings
		- Objects
		- Gallery
		- Forms
		- Column Classes
		- Tables
		- Screen Reader Text
	- Structure and Layout
		- Site Container
		- Site Inner
	- Common Classes
		- Avatar
		- Genesis
		- Search Form
		- Titles
		- WordPress
	- Widgets
		- Featured Content
	- Plugins
		- Genesis eNews Extended
		- Genesis Simple Share
		- Jetpack
	- Skip Links
	- Site Header
		- Site Title and Description
	- Site Navigation
		- Accessible Menu
		- Primary Navigation
		- Secondary Navigation
	- Content Area
		- Entries
		- Intro Text
		- Entry Meta
		- After Entry
		- Pagination
		- Sidebar
		- Comments
	- Footer Widgets
	- Site Footer
	- Fadeup Effect
	- Media Queries
		- Min-width: 801px
		- Max-width: 800px
		- Max-width: 600px
*/


/* HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* Baseline Normalize
--------------------------------------------- */
/* normalize.css v3.0.1 | MIT License | git.io/normalize */

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:600}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#5b5e5e}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;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;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:600}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

@font-face {
    font-family: droid;  
    src: url(/wp-includes/fonts/DroidSans.ttf);  
    font-weight: normal;  
}


@font-face {
    font-family: droid;  
    src: url(/wp-includes/fonts/DroidSans-Bold.ttf);  
    font-weight: bold;  
}

@font-face {
    font-family: rubik;  
    src: url(/wp-includes/fonts/Rubik-Regular.ttf);  
    font-weight: normal;  
}

@font-face {
    font-family: rubik;  
    src: url(/wp-includes/fonts/Rubik-Medium.ttf);  
    font-weight: bold;  
}





/* Box Sizing
--------------------------------------------- */

*,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

/* Float Clearing
--------------------------------------------- */

.author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.widget:before,
.wrap:before {
	content: " ";
	display: table;
}

.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.widget:after,
.wrap:after {
	clear: both;
	content: " ";
	display: table;
}


/* Defaults
---------------------------------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

html {
	font-size: 100%; /* 16px browser default.. modified from 62.5%*/
}

/* Chrome fix */
body > div {
	font-size: 1rem;
}

body {
	background-color: #232525;
	color: #f4f6f8;
	font-family: 'neue-kabel', 'droid', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	margin: 0;
	-webkit-font-smoothing: antialiased;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img,
.site-header {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition:    all 0.2s ease-in-out;
	-ms-transition:     all 0.2s ease-in-out;
	-o-transition:      all 0.2s ease-in-out;
	transition:         all 0.2s ease-in-out;
}

::-moz-selection {
	background-color: #1A1A1A;
	color: #fff;
}

::selection {
	background-color: #232525;
	color: #4082ED;
}

a {
	border-bottom: 1px solid #4082ED;
	color: #4082ED;
	text-decoration: none;
}

a:focus,
a:hover {
	border-bottom: 1px solid #ff7b25;
	color: #ff7b25;
}

.woocommerce div.product form.cart .variations select {
	background-color: #f4f6f8 !important;
	color: #232525 !important;
}

.related {
	margin-top:5em;
}

.upsells {
	margin-top:5em;
}

.wp-block-button a:focus, .wp-block-button a:hover{
	border-bottom: 1px solid #f4f6f8;
	color: #1a1a1a;
}

.woocommerce ul.products li.product .button {
	display: flex !important;
}

p {
	margin: 0 0 10px;
	padding: 0;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

b,
strong {
	font-weight: 700;
}

small {
	font-size: 14px;
	font-size: .875rem;
}

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

mark {
	background-color: #ddd;
	color: #000;
}

blockquote {
	margin: 40px;
}

blockquote::before {
	content: "\201C";
	display: block;
	font-size: 32px;
	font-size: 2rem;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}

hr {
	border: 0;
	border-collapse: collapse;
	border-bottom: 1px solid #ddd;
	clear: left;
	margin: 0 0 40px;
	padding-top: 20px;
}

/* Headings
--------------------------------------------- */

h1
{
	color: #f4f6f8;
	font-family: 'neue-kabel','rubik', 'droid', sans-serif;;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 20px;
}

h2,
h3,
h4,
h5,
h6 {
	color: #f4f6f8;
	font-family: 'neue-kabel','rubik', 'droid', sans-serif;;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 20px;
}



h1 {
	font-size: 48px;
	font-size: 3rem;
	font-weight: 700;
}

h2 {
	font-size: 30px;
	font-size: 1.875rem;
}

h3 {
	font-size: 24px;
	font-size: 1.5rem;
	letter-spacing: 1px;
}

.comment-respond h3,
.entry-comments h3 {
	font-size: 36px;
	font-size: 2.25rem;
	letter-spacing: -2px;
	margin-bottom: 60px;
	margin-top: 100px;
}

h4 {
	font-size: 24px;
	font-size: 1.5rem;
}
/*removing for product tabs, testing to see effects of style changes
.entry-content h4 {
	font-size: 20px;
	font-size: 2rem;
	letter-spacing: -1px;
	margin-top: 60px;
}
*/
h5 {
	font-size: 20px;
	font-size: 1.25rem;
}

h6 {
	font-size: 18px;
	font-size: 1.125rem;
}

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.featured-content img.entry-image,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
}

img.entry-image {
	max-width: 600px;
}
/*edit: margin -70 to -50, max width 800px to 1300px*/
.full-width-content img.pull {
	margin-left: -50px;
	margin-right: -50px;
	max-width: 1300px;
}

/* Gallery
--------------------------------------------- */

.gallery {
	overflow: hidden;
}

.gallery-item {
	float: left;
	margin: 0 0 28px;
	text-align: center;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

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

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

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

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

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

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

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

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

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
	clear: left;
}

.gallery img {
	border: 1px solid #ddd;
	height: auto;
	padding: 4px;
}

.gallery img:hover,
.gallery img:focus {
	border: 1px solid #999;
}

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

input,
select,
textarea {
	background-color: #f5f5f5;
	border: 1px solid #f5f5f5;
	color: #1A1A1A;
	font-family: 'Rubik', sans-serif;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 300;
	padding: 15px 10px;
	width: 100%;
}

input[type="number"] {
	background-color: #f4f6f8
	border: 1px solid #4082ED;
	padding: 7px;
}

.footer-widgets input,
.footer-widgets input:focus {
	background-color: #f4f6f8;
	border: 1px solid #4082ED;
}

input:focus,
textarea:focus {
	background-color: #eee;
	border: 1px solid #eee;
}

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

::-moz-placeholder {
	color: #999;
	font-weight: 300;
	opacity: 1;
}

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

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.entry-content a.button,
.textwidget a.button {
            display: inline-block;
            padding: 8px 16px;
            border: 2px solid #4082ED;
            background-color: #232525;
            color: #f4f6f8;
            font-size: 16px;
            font-size: 16px;
            text-transform: uppercase;
            letter-spacing: 1px;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;align-content
	font-family: 'neue-kabel', 'droid', sans-serif;
}

a.button.small,
button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small,
.entry-content a.button.small,
.textwidget a.button.small {
	font-size: 12px;
	font-size: .75rem;
	padding: 12px 20px;
}

input[type="submit"],
.content input[type="submit"] {
	font-size: 16px;
	font-size: 1rem;
	padding: 20px 25px;
	width: 100%;
}

a.more-link {
	display: inline-block;
	font-family: 'neue-kabel', 'droid', sans-serif;
	font-size: 12px;
	font-size: .75rem;
	font-weight: 600;
	letter-spacing: 0.5px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

button:hover,
button:focus,
input:hover[type="button"],
input:focus[type="button"],
input:hover[type="reset"],
input:focus[type="reset"],
input:hover[type="submit"],
input:focus[type="submit"],
.button:focus,
.button:hover,
.entry-content a.button:focus,
.entry-content a.button:hover,
.footer-widgets-1 button,
.footer-widgets-1 button,
.footer-widgets-1 input[type="button"],
.footer-widgets-1 input[type="reset"],
.footer-widgets-1 input[type="submit"],
.footer-widgets-1 .entry-content a.button,
.footer-widgets-1 .textwidget a.button,
.textwidget a.button:focus,
.textwidget a.button:hover {
            border: 2px solid #4082ED;
            background-color: #4082ED;
            color: #232525;
            box-shadow: 0 0 10px rgba(255, 102, 0, 0.6);
}

.footer-widgets button:focus,
.footer-widgets button:hover,
.footer-widgets input:focus[type="button"],
.footer-widgets input:hover[type="button"],
.footer-widgets input:focus[type="reset"],
.footer-widgets input:hover[type="reset"],
.footer-widgets input:focus[type="submit"],
.footer-widgets input:hover[type="submit"],
.footer-widgets .entry-content a.button:focus,
.footer-widgets .entry-content a.button:hover,
.footer-widgets .textwidget a.button:focus,
.footer-widgets .textwidget a.button:hover {
            border: 2px solid #4082ED;
            background-color: #4082ED;
            color: #232525;
            box-shadow: 0 0 10px rgba(255, 102, 0, 0.6);
}


.site-container button:disabled,
.site-container button:disabled:hover,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
    background-color: #ddd;
	border-width: 0;
    color: #777;
    cursor: not-allowed;
}

.button {
	display: inline-block;
}


/* digital-woocommerce.css | https://webwilly.ca/wp-content/themes/digital-pro/lib/woocommerce/digital-woocommerce.css?ver=1.1.3 */


/* digital-woocommerce.css | https://web2.webwilly.ca/wp-content/themes/digital-pro/lib/woocommerce/digital-woocommerce.css?ver=1.1.3 */

.woocommerce ul.products li.product h3:hover, .woocommerce ul.products li.product .price {
  /* color: #232525; */
  color: #eee !important;
}

.woocommerce ul.products li.product h3, .woocommerce ul.products li.product .price .from {
  /* color: #333; */
  color: #eee !important;
}


.woocommerce a.button, .woocommerce a.button.alt, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button[type="submit"], .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt {
  /* font-size: 1.4rem; */
  font-size: .875rem !important;
}

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

.error404 .entry-content input[type="search"],
.post-password-form input[type="password"] {
	margin-bottom: 15px;
}

.woocommerce ul.products li.product .button {
	justify-content: center !important;
}


/* Column Classes
--------------------------------------------- */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}


/* 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: 400;
}

/* Screen Reader Text
--------------------------------------------- */

.screen-reader-shortcut,
.screen-reader-text,
.screen-reader-text span {
	background-color: #fff;
	border: 0;
	clip: rect(0, 0, 0, 0);
	color: #232525;
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.genesis-nav-menu .search input[type="submit"]:focus,
.screen-reader-shortcut:focus,
.screen-reader-text:focus,
.widget_search input[type="submit"]:focus  {
	/*border: 1px solid #5b5e5e;*/
	clip: auto !important;
	display: block;
	font-size: 12px;
	font-size: .75rem;
	font-weight: 700;
	height: auto;
	padding: 20px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.more-link {
	position: relative;
}


/* Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* Site Container
--------------------------------------------- */

.site-container {
	-webkit-animation: fadein 1s;
	-moz-animation:    fadein 1s;
	-ms-animation:     fadein 1s;
	-o-animation:      fadein 1s;
	animation:         fadein 1s;
}

.digital-landing .site-container {
	margin: 0 auto;
	max-width: 1300px;
}

@keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@-moz-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@-webkit-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@-ms-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@-o-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* Site Inner
--------------------------------------------- */

.site-inner {
	background-color: #232525;
	clear: both;
	margin: 90px auto 0;
	padding: 10% 40px 5% 40px;
	max-width: 1280px;
}

.digital-landing .site-inner,
.front-page .site-inner {
	margin-top: 0;
}


/* Common Classes
---------------------------------------------------------------------------------------------------- */

/* Avatar
--------------------------------------------- */

.avatar {
	border-radius: 50%;
	float: left;
}

.after-entry .avatar {
	float: right;
	height: 180px;
	margin-bottom: 30px;
	margin-left: 30px;
	width: 180px;
}

.alignleft .avatar,
.author-box .avatar {
	margin-right: 30px;
}

.alignright .avatar {
	margin-left: 30px;
}

.author-box .avatar {
	display: inline-block;
	float: none;
	height: 80px;
	margin: 0 auto 20px;
	width: 80px;
}

.comment .avatar {
	margin: 0 16px 24px 0;
}

/* Genesis
--------------------------------------------- */

.archive-description,
.author-box {
	border-bottom: 1px solid #eee;
	margin-bottom: 10%;
	padding-bottom: 10%;
	text-align: center;
}

.archive-description p,
.archive-description .archive-title,
.author-box,
.author-box p,
.author-box .author-box-title {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}

.breadcrumb {
	border-bottom: 1px solid #eee;
	font-size: 16px;
	font-size: 1rem;
	margin: 0 auto 10%;
	max-width: 1200px;
	padding-bottom: 10px;
}

.author-box {
	font-size: 18px;
	font-size: 1.125rem;
}

.single .author-box {
	border-top: 1px solid #eee;
	padding-top: 10%;
}

.archive-description p:last-child,
.author-box p:last-child {
	margin-bottom: 0;
}

/* Search Form
--------------------------------------------- */

.search-form {
	overflow: hidden;
	position: relative;
}

.search-form input {
	-webkit-appearance: none;
}

.search-form input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

.widget_search .search-form input[type="submit"]:focus {
	border-radius: 0;
	margin-top: 0;
	padding: 17px 20px;
	right: 0;
	top: 0;
}

.error404 .content .search-form {
	margin-bottom: 40px;
}

.error404 .content .search-form input[type="search"] {
	margin-right: 10px;
	outline-offset: -1px;
	width: auto;
}

.error404 .content .search-form input[type="submit"] {
	height: auto;
	padding: 20px;
	position: static;
	width: auto;
}

/* Titles
--------------------------------------------- */

.archive-title,
.author-box-title {
	font-size: 48px;
	font-size: 3rem;
	font-weight: 700;
}

.search .archive-title {
	margin-bottom: 0;
}

.entry-title,
.page.page-template-page_blog .entry-title {
	font-size: 24px;
	font-size: 2rem;
	font-weight: 600;
	word-wrap: break-word;
}

.page .entry-title,
.single .entry-title {
	font-size: 24px;
	font-size: 2rem;
	font-weight: 600;
}

.page .entry-title {
	text-align: center;
}


h1 .woocommerce-products-header__title {
	font-size: 24px;
	font-size: 2rem;
	font-weight: 600;
	text-align: center;

}


.error404 .entry-title,
.error404 .entry-content {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}

.content .entry-title a,
.content .entry-title a:focus,
.content .entry-title a:hover {
	border-bottom: none;
	color: #f4f6f8;
}

.content .entry-title a:focus,
.content .entry-title a:hover {
	color: #f4f6f8;
}

.widget-title {
	font-size: 22px;
	font-size: 1.375rem;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.widget-title.center {
	margin-bottom: 10%;
	text-align: center;
}

/* WordPress
--------------------------------------------- */

a.aligncenter img {
	display: block;
	margin: 0 auto;
}

a.alignnone {
	display: inline-block;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright {
	max-width: 50%;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 30px;
}

img.alignnone,
.alignnone {
	margin-bottom: 12px;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 60px 30px 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 30px 60px;
}

img.alignleft.entry-image,
img.alignright.entry-image {
	margin-bottom: 0;
}
/*moves images in blog posts so took it off
.entry-content figure {
	margin: 60px 0 50px;
}
*/
.wp-caption-text {
	font-size: 16px;
	font-size: 1rem;
	font-weight: 700;
	text-align: center;
}

.entry-content p.wp-caption-text {
	margin-bottom: 0;
}

.gallery-caption,
.entry-content .gallery-caption {
	margin: 0 0 10px;
}

.wp-audio-shortcode,
.wp-playlist,
.wp-video {
	margin-bottom: 30px;
}

a[rel~="attachment"],
a[rel~="attachment"]:hover,
.gallery-item a,
.wp-audio-shortcode a,
.wp-audio-shortcode a:hover,
.wp-caption a,
.wp-caption a:hover,
.wp-playlist a,
.wp-playlist a:hover,
.wp-video a,
.wp-video a:hover {
	border-width: 0 !important;
}

.sticky {
}


/* Widgets
---------------------------------------------------------------------------------------------------- */

.widget {
	word-wrap: break-word;
}

.widget ol > li {
	list-style-position: inside;
	list-style-type: decimal;
	padding-left: 20px;
	text-indent: -20px;
}

.widget li li {
	border: 0;
	margin: 0 0 0 30px;
	padding: 0;
}

.widget_calendar table {
	width: 100%;
}

.widget_calendar td,
.widget_calendar th {
	text-align: center;
}

/* Featured Content
--------------------------------------------- */

.featured-content a {
	border-width: 0;
}

.featured-content.widget .entry {
	padding-bottom: 60px;
}

.featured-content.widget .entry:last-child {
	border-bottom-width: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.featured-content .entry p {
	font-size: 18px;
	font-size: 1.125rem;
}

.featured-content p.entry-meta {
	font-family: "droid", sans-serif;
	font-size: 10px;
	font-size: .625rem;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.featuredpost .entry-title,
.featured-content.widget .entry-title {
	font-size: 24px;
	font-size: 1.5rem;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.featured-content .more-link {
	border-width: 1px;
}


/* Plugins
---------------------------------------------------------------------------------------------------- */

/* Genesis eNews Extended
--------------------------------------------- */

.enews-widget ::-moz-placeholder {
	font-family: 'neue-kabel', 'droid', sans-serif;
	font-size: 14px;
	font-size: .875rem;
	font-weight: 400;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.enews-widget ::-webkit-input-placeholder {
	font-family: 'neue-kabel', 'droid', sans-serif;
	font-size: 14px;
	font-size: .875rem;
	font-weight: 400;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.enews-widget input {
	font-family: 'neue-kabel', 'droid', sans-serif;
	font-size: 14px;
	font-size: .875rem;
	font-weight: 400;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	margin-bottom: 30px;
	text-align: center;
}

.sidebar .enews-widget input {
	margin-bottom: 10px;
}

.enews-widget input[type="submit"] {
	font-size: 16px;
	font-size: 1rem;
	font-weight: 500;
	margin-bottom: 0;
}

.enews-widget p {
	margin-bottom: 20px;
}

.enews form + p {
	line-height: 1.5;
	margin-top: 30px;
}

/* Genesis Simple Share
--------------------------------------------- */

.content .share-after {
	margin-bottom: 20px;
}

.content a.count,
.content a.count:hover,
.content a.count:focus,
.content a.share,
.content a.share:hover,
.content a.share:focus {
	border: none;
	font-weight: 400;
}

.content .share-filled .share {
	border-radius: 0;
}

.content .share-filled .count {
	border-radius: 0;
}

.content .share-filled .facebook .count,
.content .share-filled .facebook .count:hover,
.content .share-filled .googlePlus .count,
.content .share-filled .googlePlus .count:hover,
.content .share-filled .linkedin .count,
.content .share-filled .linkedin .count:hover,
.content .share-filled .pinterest .count,
.content .share-filled .pinterest .count:hover,
.content .share-filled .stumbleupon .count,
.content .share-filled .stumbleupon .count:hover,
.content .share-filled .twitter .count,
.content .share-filled .twitter .count:hover {
	color: #5b5e5e;
	border: 1px solid #5b5e5e;
}

.content .share-filled .facebook .share,
.content .share-filled .facebook:hover .count,
.content .share-filled .googlePlus .share,
.content .share-filled .googlePlus:hover .count,
.content .share-filled .linkedin .share,
.content .share-filled .linkedin:hover .count,
.content .share-filled .pinterest .share,
.content .share-filled .pinterest:hover .count,
.content .share-filled .stumbleupon .share,
.content .share-filled .stumbleupon:hover .count,
.content .share-filled .twitter .share,
.content .share-filled .twitter:hover .count {
	background: #5b5e5e !important;
}

.content .share-filled .facebook:hover .count,
.content .share-filled .googlePlus:hover .count,
.content .share-filled .linkedin:hover .count,
.content .share-filled .pinterest:hover .count,
.content .share-filled .stumbleupon:hover .count,
.content .share-filled .twitter:hover .count {
	color: #fff;
}

/* Jetpack
--------------------------------------------- */

#wpstats {
	display: none;
}


/* Skip Links
---------------------------------------------------------------------------------------------------- */
.genesis-skip-link {
	margin: 0;
}

.genesis-skip-link li {
	height: 0;
	width: 0;
	list-style: none;
}


/* Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
	background-color: #232525;
	border-bottom: 1px solid #3f4040;
	padding: 28px 30px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

.site-header.shrink {
	/*border-color: #eee;*/
	padding: 18px 30px;
}

.admin-bar .site-header {
	top: 32px;
}

/* Site Title and Description
--------------------------------------------- */

.title-area {
	float: left;
	margin-top: 8px;
}

.site-title {
	font-family: 'neue-kabel', 'droid', sans-serif;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 0;
	text-transform: uppercase;
}

.site-title a,
.site-title a:hover,
.site-title a:focus {
	border-bottom-width: 0;
	color: #f4f6f8;
}

.header-image .nav-primary:not(button) {
	margin-top: 22px;
}

.header-image .site-header {
	padding: 9px 40px;
}

.header-image .site-header.shrink {
	padding: 0 40px;
}

.header-image .site-title {
	display: block;
	text-indent: -9999px;
}

.header-image .site-title > a {
	background-position: center center !important;
	background-size: contain !important;
	float: left;
	min-height: 70px;
	width: 300px;
}

.header-image .title-area {
	margin: 0;
}

.site-description {
	display: block;
	height: 0;
	margin-bottom: 0;
	text-indent: -9999px;
}

/* Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
	clear: both;
	line-height: 1;
	width: 100%;
}

.genesis-nav-menu .menu-item {
	display: inline-block;
	text-align: left;
}

.genesis-nav-menu a {
	border-bottom-width: 0;
	color: #f4f6f8;
	display: block;
	font-family: 'neue-kabel', 'droid', sans-serif;
	font-size: 12px;
	font-size: .75rem;
	font-weight: 600;
	letter-spacing: 2px;
	padding: 10px;
	text-transform: uppercase;
}

.genesis-nav-menu a:focus,
.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a {
	color: #4082ED;
}

.genesis-nav-menu .sub-menu {
	background-color: #f4f6f8;
	left: -9999px;
	opacity: 0;
	position: absolute;
}


.genesis-nav-menu .sub-menu,
.genesis-nav-menu .sub-menu a {
	width: 180px;
}

.genesis-nav-menu .sub-menu .sub-menu {
	margin: -44px 0 0 179px;
}

.genesis-nav-menu .sub-menu a {
	border: 1px solid #3f4040;
	border-top: 0;
	padding: 15px;
	position: relative;
}

.genesis-nav-menu .menu-item:hover {
	position: static;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
	left: auto;
	opacity: 1;
}

/* Accessible Menu
--------------------------------------------- */

.menu .menu-item:focus {
	position: static;
}

.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
	left: auto;
	opacity: 1;
}

.menu-toggle,
.sub-menu-toggle {
	display: none;
	visibility: hidden;
}

/* Primary Navigation
--------------------------------------------- */

.nav-primary {
	float: right;
	margin-top: 2px;
}

.nav-primary .genesis-nav-menu li.last a {
	padding-right: 0;
}

.nav-primary .sub-menu {
	border-top: 1px solid #4082ED;
}

.nav-primary .genesis-nav-menu li li {
	margin-left: 0;
}

/* Secondary Navigation
--------------------------------------------- */

.nav-secondary {
	margin-top: 10px;
}

.nav-secondary .genesis-nav-menu a {
	padding: 0;
	margin-left: 10px;
	margin-right: 10px;
}


/* Content Area
---------------------------------------------------------------------------------------------------- */

.content-sidebar .content,
.sidebar-content .content {
	width: 65%;
}

.content-sidebar .content {
	float: left;
}

.sidebar-content .content {
	float: right
}

.page .content,
.single .content {
	overflow: hidden;
}

.digital-landing .content {
	max-width: 1300px;
	padding-bottom: 5%;
	padding-top: 5%
}

/* Entries
--------------------------------------------- */

.entry,
.page.page-template-page_blog .entry {
	border-bottom: 1px solid #eee;
	margin-bottom: 10%;
	padding-bottom: 10%;
}

.page .entry,
.single .entry {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.page .entry-content,
.single .entry-content {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}

.page.page-template-page_blog .entry-content {
	max-width: none;
}
/* Comment out the removal of the margin since often last paragraph is wrongly identified
.entry-content p:last-child {
	margin-bottom: 0;
}
*/
.entry-content ol,
.entry-content ul {
	margin-bottom: 30px;
	margin-left: 30px;
}

.entry-content ol > li {
	list-style-type: decimal;
}
/*hide disc add red-dot class
.entry-content ul > li {
	list-style-type: disc;
}
*/
.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}

/* Intro Text
--------------------------------------------- */

.single .entry-content p.intro {
	color: #232525;
	display: block;
	font-size: 20px;
	font-size: 1.25rem;
	font-style: italic;
}

.single .entry-content p.intro:after {
	border-bottom: 1px solid #232525;
	content: "";
	display: block;
	margin-bottom: 40px;
	padding-bottom: 40px;
	width: 10%;
}

/* Entry Meta
--------------------------------------------- */

p.entry-meta {
	font-family: 'neue-kabel', 'droid', sans-serif;
	font-size: 12px;
	font-size: .75rem;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.entry-meta a,
.entry-meta a:focus,
.entry-meta a:hover {
	border-bottom-width: 0;
}
/* edit max-width from 600px to 1200px*/
.page .entry-header,
.single .entry-header {
	margin: 0 auto 5%;
	max-width: 1200px;
}

.page.page-template-page_blog .entry-header {
	max-width: none;
}
/* edit max-width from 600px to 1200px*/

.entry-footer {
	margin: 30px auto 60px;
	max-width: 1200px;
}

/* After Entry
--------------------------------------------- */
/* edit max-width from 600px to 1200px*/
.after-entry {
	border: 1px solid #eee;
	margin: 0 auto 10%;
	max-width: 1200px;
	overflow: hidden;
	padding: 40px;
}

.after-entry .widget {
	margin-bottom: 40px;
}

.after-entry .widget-title {
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: -1px;
	margin-bottom: 30px;
}

.after-entry p:last-child,
.after-entry .widget:last-child {
	margin-bottom: 0;
}

.after-entry ol,
.after-entry ul {
	margin-bottom: 30px;
	margin-left: 40px;
}

.after-entry ol > li {
	list-style-type: decimal;
}

.after-entry ul > li {
	list-style-type: disc;
}

/* Pagination
--------------------------------------------- */

.pagination {
	clear: both;
	font-family: 'neue-kabel', 'droid', sans-serif;
	font-size: 12px;
	font-size: .75rem;
	font-weight: 600;
	letter-spacing: 0.5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5%;
	text-transform: uppercase;
}

.pagination a {
	border-bottom: 1px solid #232525;
}

.pagination a:focus,
.pagination a:hover {
	border-bottom: 1px solid #4082ED;

}

.adjacent-entry-pagination {
	margin-bottom: 0;
}

.archive-pagination li {
	display: inline;
}

.archive-pagination li a {
	background-color: #232525;
	border: 1px solid #232525;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 4px;
	padding: 8px 12px;
}

.archive-pagination li a:focus,
.archive-pagination li a:hover,
.archive-pagination .active a {
	background-color: #4082ED;
	border: 1px solid #4082ED;
	color: #fff;
}

/* Sidebar
--------------------------------------------- */

.content-sidebar .sidebar,
.sidebar-content .sidebar {
	width: 30%;
}

.content-sidebar .sidebar {
	float: right;
}

.sidebar-content .sidebar {
	float: left;
}

.sidebar .widgettitle {
	font-family: 'neue-kabel', 'droid', sans-serif;
	font-size: 12px;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.sidebar .widget {
	margin-bottom: 80px;
}

.sidebar p:last-child,
.sidebar .ul li:last-child,
.sidebar .widget:last-child {
	margin-bottom: 0;
}

.sidebar ul li {
	margin-bottom: 10px;
}

.sidebar p:last-child {
	margin-bottom: 0;
}

/* Comments
--------------------------------------------- */
/* edit max-width from 660px to 1200px*/

.entry-pings,
.comment-respond,
.entry-comments {
	margin: 0 auto;
	max-width: 1200px;
}

p.comment-meta,
.entry-comments .comment,
.entry-comments .comment-reply {
	margin-bottom: 40px;
}

.comment-header {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.125;
}

.entry-pings .reply {
	display: none;
}

.entry-comments .comment {
	border-bottom: 1px solid #eee;
}

.entry-comments .comment:last-child {
	margin-bottom: 0;
}

p.comment-form-comment {
	margin-bottom: 20px;
}

p.form-submit,
.entry-comments .children .comment,
.entry-comments .comment-author {
	margin: 0;
}

.entry-comments .comment {
	clear: both;
}

.entry-comments .children .comment {
	border: none;
}

.comment-list li {
	list-style-type: none;
}

.comment-list ul.children {
	margin-left: 40px;
}


/* Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets-1 {
			background-color: #4082ED;
			border-color: #4082ED;
			color: #F4F6F8;
		}

.footer-widgets-1 a, .footer-widgets-1 p, .footer-widgets-1 .widget-title {
  /* color: #ffffff; */
  color: #F4F6F8;
}


.footer-widgets {
	background-color: #F4F6F8 !important;
	/*	background-color: #8B949E;*/
	/*background-color: #F4F6F8;*/
	/*background-color: #BDC7C7;*/
	/*border-top: 5px solid #f4f6f8;*/
	clear: both;
	text-align: center;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
	float: left;
	padding: 90px 4%;
}

.footer-widgets-1 {
	background-color: #4082ED;
	text-align: right;
	width: 25%;
}

.footer-widgets-2 {
	text-align: left;
	width: 39.8%;
}

.footer-widgets-3 {
	padding-left: 0;
	text-align: left;
	width: 35%;
}

.footer-widgets .widget {
	margin-bottom: 30px;
}

.footer-widgets h1,
.footer-widgets h2,
.footer-widgets h3,
.footer-widgets h4,
.footer-widgets h5,
.footer-widgets h6 {
	color: #232525;
}

.footer-widgets p {
	margin-bottom: 5px;
}

.footer-widgets p:last-child,
.footer-widgets .widget:last-child {
	margin-bottom: 0;
}

.footer-widgets .widget-title {
	font-size: 22px;
	font-size: 1.375rem;
	letter-spacing: normal;
}

.footer-widgets,
.footer-widgets p,
.footer-widgets a,
.footer-widgets .widget-title {
	color: #232525;
}

.footer-widgets a {
	border-bottom-width: 0;
	font-family: 'neue-kabel', 'droid', sans-serif;
	font-size: 14px;
	font-size: .875rem;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.footer-widgets a:focus,
.footer-widgets a:hover {
	color: #4082ED;
	text-decoration: underline;
}

.footer-widgets .footer-widgets-1 a:focus,
.footer-widgets .footer-widgets-1 a:hover {
	color: #232525;
}

.footer-widgets .simple-social-icons ul {
	margin-top: 10px !important;
}

.footer-widgets .simple-social-icons ul li {
	margin: 0px 12px 12px 0 !important;
}

.footer-widgets .simple-social-icons ul li a {
	padding: 15px !important;
}


/* Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
	padding: 28px;
	text-align: center;
}

.site-footer a,
.site-footer p {
	border-bottom-width: 0;
	color: #F4F6F8;
}

.site-footer a:focus,
.site-footer a:hover {
	color: #4082ED;
	text-decoration: underline;
}

.site-footer p {
	font-size: 14px;
	font-size: .875rem;
	margin-bottom: 0;
}


/* Fadeup Effect
---------------------------------------------------------------------------------------------------- */

.js .fadeup-effect {
	opacity: 0;
	overflow: hidden;
	-webkit-animation-duration: 1s;
	animation-duration:         1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode:         both;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function:         ease-in-out;
}

@-webkit-keyframes fadeInUp {
    from { opacity: 0; -webkit-transform: translateY(20px); }
    to { opacity: 1; -webkit-transform: translateY(0); }
}

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name:         fadeInUp;
}


/* Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 801px) {

	.footer-widgets .wrap {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;

		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

}

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

	.site-inner {
		margin-top: 0;
	}

	.content-sidebar .content,
	.content-sidebar .sidebar,
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.header-image .site-title > a,
	.js .genesis-nav-menu .sub-menu,
	.js .genesis-nav-menu .sub-menu a,
	.sidebar-content .content,
	.sidebar-content .sidebar,
	.site-header {
		width: 100%;
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.site-footer,
	.site-inner {
		padding: 8%;
	}

	.site-header,
	.site-header.shrink {
		position: inherit;
		text-align: center;
		padding: 20px 8%;
	}

	.header-image .nav-primary:not(button) {
		background-color: #232525;
		margin-top: 0;
		padding-bottom: 20px;
	}

	.content-sidebar .content,
	.content-sidebar .sidebar,
	.nav-primary,
	.sidebar-content .content,
	.sidebar-content .sidebar,
	.title-area {
		float: none;
	}

	.js .nav-primary .sub-menu a {
		background: none;
		border: none;
	}

	/* Genesis Responsive Menus */
	.js .site-header nav .wrap {
		padding: 0;
	}

	nav.genesis-responsive-menu {
		display: none;
		position: relative;
	}

	.genesis-skip-link .skip-link-hidden {
		display: none;
		visibility: hidden;
	}

	.menu-toggle,
	.sub-menu-toggle {
		border-width: 0;
		background: transparent;
		color: #4082ED;
		display: block;
		margin: 0 auto;
		outline-offset: -1px;
		overflow: hidden;
		text-align: center;
		visibility: visible;
	}

	.menu-toggle:focus,
	.menu-toggle:hover,
	.sub-menu-toggle:focus,
	.sub-menu-toggle:hover {
		background: transparent;
		color: #f4f6f8;
		border-width: 0;
	}

	.menu-toggle {
		line-height: 20px;
		margin-top: 10px;
		padding: 10px 30px;
		position: relative;
		z-index: 1000;
		width: 100%;
	}

	.menu-toggle::before {
		font-size: 2em;
		margin-right: 10px;
		text-rendering: auto;
		vertical-align: middle;
	}

	.sub-menu-toggle {
		float: right;
		padding: 14px 10px 13px;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 100;
	}

	.sub-menu-toggle::before {
		display: inline-block;
		text-rendering: auto;
		-webkit-transform: rotate( 0 );
		-ms-transform:     rotate( 0 );
		transform:         rotate( 0 );
		-webkit-transition: transform .25s ease-in-out;
		-ms-transition:     transform .25s ease-in-out;
		transition:         transform .25s ease-in-out;
	}

	.sub-menu-toggle.activated::before {
		-webkit-transform: rotate( 180deg );
		-ms-transform:     rotate( 180deg );
		transform:         rotate( 180deg );
	}

	.genesis-responsive-menu .genesis-nav-menu .menu-item {
		display: block;
		float: none;
		position: relative;
		text-align: left;
	}

	.genesis-responsive-menu .genesis-nav-menu .menu-item:focus,
	.genesis-responsive-menu .genesis-nav-menu .menu-item:hover {
		position: relative;
	}

	.genesis-responsive-menu .genesis-nav-menu a:focus,
	.genesis-responsive-menu .genesis-nav-menu a:hover {
		color: #4082ED;
	}

	.genesis-responsive-menu .genesis-nav-menu .menu-item a:focus {
		outline: thin solid #ddd;
		outline-offset: -1px;
	}

	.genesis-responsive-menu .genesis-nav-menu .menu-item a {
		border: none;
		margin-bottom: 1px;
		padding: 16px 0 16px 10px;
		width: 100%;
	}

	.genesis-responsive-menu .genesis-nav-menu .sub-menu {
		border: none;
	}

	.genesis-responsive-menu .genesis-nav-menu .menu-item > a:focus ul.sub-menu,
	.genesis-responsive-menu .genesis-nav-menu .menu-item > a:focus ul.sub-menu .sub-menu {
		left: 0;
		margin-left: 0;
	}

	.genesis-responsive-menu .genesis-nav-menu > .menu-item-has-children > a::after {
		content: none;
	}

	.genesis-responsive-menu .genesis-nav-menu .sub-menu {
		clear: both;
		display: none;
		margin: 0;
		opacity: 1;
		padding-left: 15px;
		position: static;
		width: 100%;
	}

	.genesis-responsive-menu .genesis-nav-menu .sub-menu .sub-menu {
		margin: 0;
	}

	.content {
		margin-bottom: 0;
		margin-top: 0;
	}

	.page .entry-header,
	.single .entry-header {
		max-width: 100%;
	}

	.entry-content {
		margin-left: 0;
		margin-right: 0;
	}

	.entry-header {
		clear: both;
		margin: 0;
	}

	img.alignleft.entry-image,
	img.alignright.entry-image,
	.full-width-content img.pull {
		margin-left: 0;
		margin-right: 0;
	}

	img.alignleft.entry-image,
	img.alignright.entry-image {
		display: block;
		float: left;
		margin-bottom: 30px;
		max-width: 100%;
	}

	.comment-list ul.children {
		margin-left: 0;
	}

	.footer-widgets-1,
	.page .entry-header,
	.single .entry-header {
		text-align: left;
	}

}

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

	.page .entry-title,
	.single .entry-title {
		font-size: 36px;
		font-size: 2.25rem;
		letter-spacing: -2px;
	}

	.gallery-item {
		float: none;
	}

	.gallery-columns-2 .gallery-item,
	.gallery-columns-3 .gallery-item,
	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item {
		width: 100%;
	}

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		float: none;
		margin-left: 0;
		width: 100%;
	}

}


/* William's CSS Section */
.clear-both {
	clear: both;
}

.front-page-2 ul li {
color: #f4f6f8 !important;
  font-weight: normal !important;
  text-transform: none !important;
	letter-spacing: normal !important;
	font-size: 1rem !important;
}

.woocommerce a.button, .woocommerce a.button.alt, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button[type="submit"], .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt {
            display: inline-block !important;
            padding: 10px 15px !important;
            border: 2px solid #4082ED !important;
            background-color: #232525 !important;
            color: #f4f6f8 !important;
            font-size: 14px !important;
            text-transform: uppercase !important;
            letter-spacing: 1px !important;
            cursor: pointer !important;
            transition: all 0.3s ease !important;
            position: relative !important;
            overflow: hidden !important;
	border-radius: 0 !important;
}


.woocommerce a.button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover, .woocommerce input.button:hover, .woocommerce input.button.alt:hover, .woocommerce input.button[type="submit"]:hover, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit.alt:hover {
            border: 2px solid #4082ED !important;
            background-color: #4082ED !important;
            color: #232525 !important;
			box-shadow: 0 2px 10px rgba(64, 130, 237, 0.35), 0 0 20px rgba(64, 130, 237, 0.5);
}

      /* Base futuristic button */
        .btn {
			margin-top: 25px;
            display: inline-block;
            padding: 15px 25px;
            border: 2px solid #4082ED;
            background-color: #232525;
            color: #f4f6f8;
            font-size: 18px;
            text-transform: uppercase;
            letter-spacing: 2px;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
 }

        /* Hover and active effects */
        .btn:hover {
            border: 2px solid #4082ED;
            background-color: #4082ED;
            color: #232525 !important;
			box-shadow: 0 2px 10px rgba(64, 130, 237, 0.35), 0 0 20px rgba(64, 130, 237, 0.5);
        }
/*
        .btn:active {
            background-color: #ff3300;
            transform: scale(0.98);
        }*/

      /*SMALL  Base futuristic button */
        .smallbtn {
			margin-top: 25px;
            display: inline-block;
            padding: 8px 16px;
            border: 2px solid #4082ED;
            background-color: #232525;
            color: #f4f6f8;
            font-size: 16px;
            text-transform: uppercase;
            letter-spacing: 1px;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
 }

        /* Hover and active effects */
        .smallbtn:hover {
            border: 2px solid #4082ED;
            background-color: #4082ED;
            color: #232525 !important;
			box-shadow: 0 2px 10px rgba(64, 130, 237, 0.35), 0 0 20px rgba(64, 130, 237, 0.5);
        }

        .smallbtn:active {
            background-color: #ff3300;
            transform: scale(0.98);
        }

      /*SMALL  Base futuristic button */
        .smallbtn-variant {
			margin-top: 25px;
            display: inline-block;
            padding: 8px 16px;
			background-color: #f4f6f8;
            color: #4082ed !important;
            border: 2px solid #4082ed;
            font-size: 16px;
            text-transform: uppercase;
            letter-spacing: 1px;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
 }

        /* Hover and active effects */
        .smallbtn-variant:hover {
			background-color: #232525;
			color: #4082ED;
			border: 2px solid #4082ED; /* Fix: Ensure border remains consistent */
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        }

        .smallbtn-variant:active {
            background-color: #cccccc;
            transform: scale(0.98);
        }

        /* Variant button style */
        .btn-variant {
			margin-top: 25px;
            display: inline-block;
            padding: 15px 25px;
            background-color: #f4f6f8;
            color: #4082ed !important;
            border: 2px solid #4082ed;
			font-size: 18px;
            text-transform: uppercase;
            letter-spacing: 2px;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
				}

		/* Hover effect for variant button */
		.btn-variant:hover {
			background-color: #232525;
			color: #4082ED;
			border: 2px solid #4082ED; /* Fix: Ensure border remains consistent */
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		}


        .btn-variant:active {
            background-color: #cccccc;
            transform: scale(0.98);
        }/* Base style for the top div */



/* Base style for the top div */
.top-div-home {
    width: 95%;
    background-color: rgba(35, 37, 37, .85);
    padding: 3em;
    position: relative;
    transition: transform 0.5s ease-out, opacity 0.5s ease-out, box-shadow 0.5s ease-out, background .5s ease-out;
    overflow: visible; /* Prevents clipping issues */
	-webkit-transition:  transform 0.5s ease-out, opacity 0.5s ease-out, box-shadow 0.5s ease-out, background .5s ease-out;
  	-moz-transition:  transform 0.5s ease-out, opacity 0.5s ease-out, box-shadow 0.5s ease-out, background .5s ease-out;
  	-o-transition:  transform 0.5s ease-out, opacity 0.5s ease-out, box-shadow 0.5s ease-out, background .5s ease-out;
  	transition:  transform 0.5s ease-out, opacity 0.5s ease-out, box-shadow 0.5s ease-out, background .5s ease-out;
}

/* Hover effect */
.top-div-home:hover {
    transform: translateY(-10px); /* Moves up without resizing */
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.75);
	background-color: rgba(35, 37, 37, 1);
}

/* Remove unnecessary will-change */
.top-div-home::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
}

/* Prevent child elements from interfering */
.top-div-home * {
    position: relative;
    z-index: 1;
    pointer-events: auto;
}
/* Heading size */
.top-div-home h2 {
    font-size: 2.5rem;
}

/*Responsive adjustments*/
@media (max-width: 768px) {
    .top-div-home {
        width: 100%;
        padding: 1em;
    }
    .top-div-home h2 {
        font-size: 2rem;
    }
}





/*icon effects*/

.icon {
	height: 50px;
	width: 50px;
}

.icon-bounce {
    display: inline-block;
    transition: transform 0.3s ease;
}

.icon-bounce:hover {
    transform: translateY(-4px) scale(1.05);
}

.scroll-section .mid-section-icon {
	height: 50px;
	width: 50px;
	padding: 0;
	margin: 0 0 10px 0;
	align-content: center;
	text-align: center;
}

.top-section-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	margin-top: 2rem;
}

.top-section-item {
  width: 22%; /* Adjust width as needed */
	margin-top: 10px;
}

.top-section-title {
  font-weight: bold;
	margin: 0px;
}

/* Align icon and text side by side */
.top-section-content {
  display: inline-block;
  display: flex;
  align-items: center;
margin: 0px;
}

.top-section-icon {
display: inline-block;
  margin-right: 10px; /* Add some space between the icon and text */
	width: 42px;
	height: 42px;
}

.top-section-text {
 display: inline-block;
  width: 75%; /* Allocate 85% space for the text */
  font-size: 14px;
	margin: 0px;
}


/* Inline Table of Contents (TOC) */
.bottom-inline-toc {
	margin-top:1em;
	margin-bottom:.5em;
    display: inline-flex !important;
    justify-content: left;
	text-align: left;
    gap: 0px;
    padding: 5px;
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.bottom-inline-toc a {
    color: white;
    text-decoration: none;
    padding: .75em 1.15em;
    background-color: #4082ED;
    transition: background-color 0.3s ease;
	justify-content: left;
	text-align: left;
	font-weight: 700;
	font-family: 'neue-kabel', 'droid', sans-serif;
	line-height:1.15;
	border: #f4f6f8 solid 1px;
	font-size:.85em;
}

.bottom-inline-toc a:hover {
    background-color: #f4f6f8;
	text-decoration: bold;
	color: #232525;
}

.bottom-inline-toc a:active {
    background-color: #f4f6f8;
	text-decoration: bold;
	color: #232525;
}


/* Inline Table of Contents (TOC) */
.inline-toc {
	margin-top:4.5rem;
	margin-bottom:1rem;
    display: inline-flex !important;
    justify-content: left;
	text-align: left;
    gap: 5px;
    padding: 5px 10px 0 10px !important;
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 1000;
	border-bottom: 1px solid #4082ED !important;
}

.inline-toc a {
    color: #232525;
    text-decoration: none;
    padding: .75em 1.15em;
    background-color: #c8c8c8;
    transition: background-color 0.3s ease;
	justify-content: left;
	text-align: left;
	font-weight: 700;
	font-family: 'neue-kabel', 'droid', sans-serif;
	line-height:1.15;
	border-color: #4082ED;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	font-size:.85em;
}

.inline-toc a:hover {
    background-color: #232525;
	text-decoration: bold;
	color: #c8c8c8;
}

.inline-toc a.active {
    background-color: #232525;
	text-decoration: bold;
	color: #f4f6f8;
}



/*collapsible container*/
.toggle-container {
    position: relative; /* Position for the label */
    margin: 20px; /* Optional margin for spacing */
}

.toggle-checkbox {
    display: none; /* Hide the checkbox */
}

.toggle-label {
    cursor: pointer; /* Pointer cursor on hover */
    color: #4082ED; /* Custom color for the label */
    display: inline-block; /* Make label block level for better click area */
    margin-top: -25px; /* Space between content and label */
	float:right;
	position: relative;
}

.toggle-label img {
	height: 10px;
	width: 10px;
}

.toggle-content {
    max-height: none; /* Show content by default */
    transition: max-height 0.3s ease, padding 0.3s ease; /* Smooth transition effect */
    overflow: hidden; /* Hide overflow content */
}

/* Collapse the content when checkbox is checked */
.toggle-checkbox:checked ~ .toggle-content {
    max-height: 0; /* Collapse content when checkbox is checked */
    padding: 0; /* Remove padding when collapsed */
    margin: 0; /* Remove margin when collapsed */
}


.banner-product-image {
  width: 100%;
  height: 450px; /* Adjust height for balance between width and height */
  position: relative;
  background-size: cover; /* Ensure the image covers the entire area */
  background-position: center; /* Centers the image */
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
	vertical-align: middle;
}

.banner-product-image::before {
  content: '';
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Dark overlay for better text visibility */
  transition: background 0.3s ease; /* Smooth transition effect on hover */
}

.banner-product-image:hover::before {
  background: rgba(0, 0, 0, 0.3); /* Lighten overlay on hover */
}

.banner-product-image .title {
  position: relative;
	display:block;
  font-size: 36px;
  color: #F4F6F8;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Text shadow for readability */
  transition: transform 0.3s ease, opacity 0.3s ease; /* Add hover effect */
}

.banner-product-image .subtitle {
  position: relative;
	display:block;
  font-size: 24px;
  color: #F4F6F8;
  text-align: center;
  letter-spacing: 0.5px;
  opacity: 0.8;
  transition: transform 0.3s ease, opacity 0.3s ease; /* Add hover effect */
}

.banner-product-image:hover .title {
  transform: scale(1.1); /* Slight zoom on hover */
}

.banner-product-image:hover .subtitle {
  transform: scale(1.1); /* Slight zoom on hover */
  opacity: 1;
}

.hover-floating-image {
  position: relative;
  display: inline-block;
  max-width: 100%; /* Adjust size as needed */
  margin: 0 auto;
  padding: 10px;
  background-color: #232525; /* Matches the page background */
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  border-radius: 10px; /* Optional: smooth corners */
}

.hover-floating-image img {
  display: block;
  width: 100%;
  height: auto;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4); /* Stronger initial shadow */
  transition: transform 0.4s ease, box-shadow 0.4s ease; /* Smooth transitions */
}

.hover-floating-image:hover img {
  transform: translateY(-15px); /* Larger upward movement on hover */
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6); /* Much stronger shadow on hover */
}

.hover-floating-image::before {
  content: '';
  position: absolute;
  top: -15px;
  bottom: -15px;
  left: -15px;
  right: -15px;
  z-index: -1;
  background-color: #232525; /* Matches the page background */
  filter: blur(20px); /* Stronger glow under the image */
  opacity: 0.6; /* More pronounced glow effect */
  transition: opacity 0.4s ease;
}

.hover-floating-image:hover::before {
  opacity: 1; /* Full glow effect on hover */
}

.hover-floating-text {
  position: relative;
  display: inline-block;
  color: #f4f6f8;
  transition: transform 0.4s ease, box-shadow 0.4s ease, color 0.4s ease;
}

.hover-floating-text:hover {
  transform: translateY(-10px); /* Slight lift on hover */
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5); /* Stronger shadow on hover */
}

.hover-floating-text::before {
  content: '';
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: -10px;
  right: -10px;
  z-index: -1;
  background-color: #232525; /* Same as the background */
  filter: blur(15px); /* Creates a soft glow effect */
  opacity: 0.6; /* Initial glow intensity */
  transition: opacity 0.4s ease;
}

.hover-floating-text:hover::before {
  opacity: 0.9; /* Stronger glow on hover */
}


/* Scroll Container */
.scroll-container {
    display: inline-block;
    white-space: nowrap;
    overflow-x: scroll;
    scroll-snap-type: x mandatory; /* Snap to sections */
	scroll-behavior: smooth;
	width: 100%;
	overflow-y: initial;
	border: none !important;
	height: auto;
}

.scroll-section {
    display: inline-block;
    width: 100%;
    white-space: normal;
    margin-bottom: 10px;
	height: auto;
	vertical-align: top;
	border: none !important;
	overflow: initial !important;
	scroll-snap-align: start;
}

.scroll-section div {
    display: inline-block;
    vertical-align: top;
	height: auto;
	/*border: none !important;*/
	padding: 20px 20px 10px 20px;
}

.scroll-section a.btn, .scroll-section a.btn-variant {
	margin:20px;
}

.content-66 {
	position:relative;
    width: 66%;
	display:inline-block;
	vertical-align: top;
	border: none !important;
	z-index:2;
}

.content-25 {
	position:relative;
    width: 24%;
	display:inline-block;
	vertical-align: top;
	border: none !important;
	z-index:2;
}

.content-60 {
	position:relative;
    width: 59%;
	display:inline-block;
	vertical-align: top;
	border: none !important;
	z-index:2;
}

.content-40 {
	position:relative;
    width: 39%;
	display:inline-block;
	vertical-align: top;
	border: none !important;
	z-index:2;
}

.content-33 {
	position:relative;
    width: 33%;
	display:inline-block;
	vertical-align: top;
	border: none !important;
	z-index:2;
}

.content-20 {
	position:relative;
    width: 19.5%;
	display:inline-block;
	vertical-align: top;
	border: none !important;
	z-index:2;
}

.content-50 {
	position:relative;
    width: 49%;
	display:inline-block;
	vertical-align: top;
	border: none !important;
	z-index:2;
}

.content-100 {
	position:relative;
    width: 99%;
	display:inline-block;
	vertical-align: top;
	border: none !important;
	z-index:2;
}


.next-scroll-button {
	position:relative;
	display:inline-block;
	float: right;
}

.next-scroll-button img {
	width: 7px;
	height: 7px;
	margin-left:4px;
}

.previous-scroll-button {
	position:relative;
	display:inline-block;
	float: left;
}


.previous-scroll-button img {
	width: 7px;
	height: 7px;
}


      /*SMALL  Base futuristic button */
.next-scroll-button {
            display: inline-block;
            padding: 4px 8px;
            border: 2px solid #4082ED;
            background-color: #232525;
            color: #f4f6f8;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 1px;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
 }

        /* Hover and active effects */
.next-scroll-button:hover {
            border: 2px solid #4082ED;
            background-color: #4082ED;
            color: #232525 !important;
			box-shadow: 0 2px 10px rgba(64, 130, 237, 0.35), 0 0 20px rgba(64, 130, 237, 0.5);
        }


      /*SMALL  Base futuristic button */
.previous-scroll-button {
            display: inline-block;
            padding: 4px 8px;
			background-color: #f4f6f8;
            color: #4082ed !important;
            border: 2px solid #4082ed;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 1px;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
 }

        /* Hover and active effects */
.previous-scroll-button:hover {
			background-color: #232525;
			color: #4082ED;
			border: 2px solid #4082ED; /* Fix: Ensure border remains consistent */
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        }



.top-scroll-section {
	width:100%;
	content: center;
	text-align: center;
	margin:0px !important;
	padding:0px 20px 30px 20px !important;

}

.bottom-scroll-section {
            position: relative;
            width: 100%;
            height: 50px; /* Adjust height if needed */
            text-align: center;
			padding: 0px !important;
			margin: 0px;
        }

.section {
            display: inline-block;
            vertical-align: middle;
        }




.previous, .next {
            width: 15%;
			padding: 0px;
        }

.previous {
	text-align: left;
	margin-right: 4px;
	float: left;
}

.next {
	text-align: right;
	margin-left: 4px;
	float: right;
}

.previous a, .next a {
            text-decoration: none;
            color: #4082ED; /* Use your preferred link color */
        }

.previous a img, .next a img{
	width: 7px;
	margin: 0 4px 0 4px;
        }

.centered {
            width: 69%;
            text-align: center;
        }

.aligncenter {
	text-align: center;
	align-content: center;
}

.aligncenter ul.red-dot {
	margin-left: 0px !important;
}

@media (max-width: 768px) {
	.previous, .next {
            width:48%;
			display: inline-block;
            vertical-align: middle;
        }
}

.overlay-scroll-section {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #232525;
    opacity: 0.95; /* Almost transparent */
    z-index: 1;
}


.dynamic-bg {
    position: relative;
    background-size: cover;
    background-position: center;
    height: 400px; /* Adjust as needed */
}

.overlay-dynamic-bg {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(35, 37, 37, 0.8); /* #232525 with transparency */
    display: flex;
    align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
}

.content-overlay-bg {
    z-index: 1; /* Ensure content appears above overlay */
    color: #f4f6f8; /* Default text color */
}

.content-overlay-bg h2, .content-overlay-bg h3, .content-overlay-bg h4 {
    color: #4082ED; /* Orange color for heading */
    font-size: 2rem;
    margin-bottom: 20px;
}


.content-overlay-bg h4, .content-overlay-bg h3, .content-overlay-bg h4 {
    color: #4082ED; /* Orange color for heading */
    font-size: 1.5rem;
    margin-bottom: 10px;
}

.content-overlay-bg p {
    color: #f4f6f8; /* Light color for paragraph text */
    font-size: 1.2rem;
}

.phase-table ul.red-dot {
	margin-left: 0px;
}

.phase-table {
    display: flex;
    justify-content: space-between;
	padding: 0px;
}

.phase-column {
    width: 32%;
	text-align:center;
}


.phase-table li {
    margin-bottom: 5px;
    font-weight: bold;
}

.phase-table em {
    font-weight: normal;
    color: #666;
}


/* Mobile-friendly adjustments */
@media (max-width: 768px) {
    /* TOC becomes a stack of buttons */
    .inline-toc {
        flex-direction: column;
        width: 100%;
		margin:0px;
		gap: 0px; /* Remove gap between buttons */
    }
    .inline-toc a {
        width: 100%;
		margin:0px;
		gap: 0px; /* Remove gap between buttons */
    }
	.top-section-item {
  width: 100%; /* Adjust width as needed */
}
	.phase-column {
		width:100%;
		display: block;
	}
	.phase-table {
    flex-direction: column;
}
	.bottom-scroll-section p{
		display: block;
	}
}
/* Mobile-friendly adjustments */
@media (max-width: 768px) {
    .content-33, .content-66, .content-50, .content-25, .content-60, .content-40 {
        display: block;
        width: 100%;
    }
}

/* Make sure overflow works on mobile */
.scroll-container {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; /* Smooth mobile scrolling */
}

div #gform_fields_56 {
	margin-top:30px;
}

.woocommerce-products-header__title{
text-align:center;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: #f4f6f8 !important;
	line-height: 1.5;
}



.nav-primary .sub-menu {
  /* border-top: 1px solid #ddd; */
  border-top: 1px solid #4082ED;
  background-color: #232525;
}


.genesis-nav-menu a {
	font-family:  'neue-kabel','rubik', 'droid', sans-serif;
	font-weight: 500;

}

.genesis-nav-menu .sub-menu a {
/*border: 1px solid #f4f6f8;*/
}


.front-page-1 {
    position: relative;
    overflow: hidden;
    min-height: 100vh; /* ensures section takes full screen height */
    z-index: 1;
}

.front-page-1 .bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: 0;
    pointer-events: none;
}

.front-page-1 .wrap {
    position: relative;
    z-index: 2; /* content stays above the video */
    padding: 5rem; /* ensure spacing inside */
}


.front-page-1, .front-page-1 p, .front-page-1 {
  color: #f4f6f8 !important;
}

.front-page-1 p {
	font-size: 24px !important;
	font-size: 1.33rem !important;
}
/*
.front-page-1::after {
content: "";
    position: absolute;
    top: 100%; 
    right: 100px; 
    transform: translateY(-50%); 
    width: 200px; 
    height: 200px;
    background-image: url('/wp-content/uploads/2025/06/REINFORCED-ALLIANCE-logo-footer-01.png');
    background-size: cover;
    background-position: center;
    z-index: 2;
   overflow: hidden;
}
 */

.front-page-2 h2, .front-page-2 h3, .front-page-2 h4, .front-page-2 h5, .front-page-2 h6 {
  color: #f4f6f8;
}

.front-page-2 p {
  color: #f4f6f8;
}

.front-page-2 {
	position: relative;
	background-color: #232525 !important;
	min-height: 100vh;
	height: auto;
	z-index: 1;
}

.front-page-2 a.button:hover {
  color: #232525;
  background-color: #f4f6f8;
}

.front-page-2 .widget-wrap {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
	text-align: center;
}

.front-page-2 .hover-floating-text {
	padding: 3rem;
}

@media (max-width: 768px) {
	.front-page-2 .hover-floating-text {
	padding: 1rem;
}
	.front-page-2 .widget-wrap {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
	text-align: center;
}
}

#gform_submit_button_38 {
	padding: 10px 20px;
	margin-bottom:0px;
}

.orange-border {
	border: 1px #4082ED solid;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
  /* background-color: #f5f5f5; */
  /* border-top-color: #232525; */
  background-color: #f4f6f8 !important;
  border-top-color: #FF6600 !important;
}

/*webwilly carrot pop-up effect of woocommerce product list */

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  z-index: 1;
}

/*woocommerce tabs in product pages*/

ul.products li.product::before, .crown-icon-pop::before {
    content: "";
    background-image: url('/wp-content/uploads/2025/07/reinforced-alliance-crown-icon-02-01.png');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    width: 100px;
    height: 100px;
    top: 0;
    right: 30%; /* Adjust as needed to be completely behind */
    opacity: 0; /* Initially hidden */
    z-index: -1; /* Behind the image */
    transition: opacity 0.2s, top 0.3s;
}

ul.products li.product:hover::before, .crown-icon-pop:hover::before {
    top: -46px; /* Slide up to reveal half of the carrot */
    opacity: 1;
}

/* image borders */
/*
.woocommerce ul.products li.product a img {
  border: 1px #4082ED solid;
}
*/
/* variation label product options color */
.woocommerce div.product form.cart .variations label {
color: #f4f6f8;
	font-size: 1.25rem;
}

/**
.gfield_checkbox .gchoice input[type=checkbox]{
	border: 1px solid #4082ED !important;
					color: #4082ED !important;

}


.gfield_checkbox .gchoice input[type=checkbox]:not(:checked) + label:after {
			border: 1px solid #4082ED !important;
				color: #4082ED !important;

}

.gfield_checkbox .gchoice input[type=checkbox]:checked + label:after {
			border: 1px solid #4082ED !important;
				color: #4082ED !important;

}

.gfield_checkbox .gchoice input[type=checkbox]:not(:checked) + label:before{
				border: 1px solid #4082ED !important;
				color: #4082ED !important;

	
}

.gfield_checkbox .gchoice input[type=checkbox]:checked + label:before{
				border: 1px solid #4082ED !important;
				color: #4082ED !important;
}
*/
/*border around gravity forms inputs*/


/* basic.min.css | https://webwilly.ca/wp-content/plugins/gravityforms/css/basic.min.css?ver=2.5.9 */

.gform_drop_area {
  /* border: 1px dashed #ccc; */
  /* background: rgba(0,0,0,.02); */
  border: 1px dashed #4082ED !important;
  background: #f4f6f8 !important;
}


/* basic.min.css | https://webwilly.ca/wp-content/plugins/gravityforms/css/basic.min.css?ver=2.5.9 */

.gform_drop_instructions {
  color: #000;
}


/* theme.min.css | https://webwilly.ca/wp-content/plugins/gravityforms/css/theme.min.css?ver=2.5.9 */

.gform_wrapper.gravity-theme input[type="color"], .gform_wrapper.gravity-theme input[type="date"], .gform_wrapper.gravity-theme input[type="datetime-local"], .gform_wrapper.gravity-theme input[type="datetime"], .gform_wrapper.gravity-theme input[type="email"], .gform_wrapper.gravity-theme input[type="month"], .gform_wrapper.gravity-theme input[type="number"], .gform_wrapper.gravity-theme input[type="password"], .gform_wrapper.gravity-theme input[type="search"], .gform_wrapper.gravity-theme input[type="tel"], .gform_wrapper.gravity-theme input[type="text"], .gform_wrapper.gravity-theme input[type="time"], .gform_wrapper.gravity-theme input[type="url"], .gform_wrapper.gravity-theme input[type="week"], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
  /*border: 1px #4082ED solid;*/
}


/*color of different product input like add-ons variation options*/

/* style.css | https://webwilly.ca/wp-content/themes/digital-pro/style.css?ver=1.1.3 */

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  /* background-color: #f5f5f5; */
  /* border: 1px solid #f5f5f5; */
  background-color: #f4f6f8 !important;
  /*border: 1px solid #4082ED !important;*/
}

input[type="number"] {
  /* background-color: #fff; */
  /* border: 1px solid #5b5e5e; */
  background-color: #f4f6f8 !important;
  /*border: 1px solid #4082ED !important;*/
}

/* digital-woocommerce.css | https://webwilly.ca/wp-content/themes/digital-pro/lib/woocommerce/digital-woocommerce.css?ver=1.1.3 */

.woocommerce .quantity .qty {
  /* border-color: #eee; */
  /*border-color: #4082ED !important;*/
}


/* style.css | https://webwilly.ca/wp-content/themes/digital-pro/style.css?ver=1.1.3 */

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  /* background-color: #f5f5f5; */
  /* border: 1px solid #f5f5f5; */
  background-color: #f4f6f8;
  /*border: 1px solid #4082ED;*/
}

/* style.css | https://webwilly.ca/wp-content/themes/digital-pro/style.css?ver=1.1.3 */

.gform_wrapper.gravity-theme input[type="color"], .gform_wrapper.gravity-theme input[type="date"], .gform_wrapper.gravity-theme input[type="datetime-local"], .gform_wrapper.gravity-theme input[type="datetime"], .gform_wrapper.gravity-theme input[type="email"], .gform_wrapper.gravity-theme input[type="month"], .gform_wrapper.gravity-theme input[type="number"], .gform_wrapper.gravity-theme input[type="password"], .gform_wrapper.gravity-theme input[type="search"], .gform_wrapper.gravity-theme input[type="tel"], .gform_wrapper.gravity-theme input[type="text"], .gform_wrapper.gravity-theme input[type="time"], .gform_wrapper.gravity-theme input[type="url"], .gform_wrapper.gravity-theme input[type="week"], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
  background-color: #f4f6f8;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  /* background-color: #f5f5f5; */
  /* border: 1px solid #f5f5f5; */
  /* color: #1A1A1A; */
  background-color: #f4f6f8;
  /*border: 1px solid #4082ED;*/
}

input, select, textarea {
  /* background-color: #f5f5f5; */
  background-color: #f4f6f8;
}


/* woocommerce-layout.css | https://webwilly.ca/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css?ver=5.6.0 */

.woocommerce form .form-row select, .woocommerce-page form .form-row select {
  /*border: 1px #4082ED solid;*/
}

/* style.css | https://webwilly.ca/wp-content/themes/digital-pro/style.css?ver=1.1.3 */

input, select, textarea {
  /* border: 1px solid #f5f5f5; */
  /* color: #1A1A1A; */
  /*border: 1px solid #4082ED;*/
}
.product-type-variable select {
	/*border-color: #4082ED;*/
}


/*product variations gravity forms and addons margin*/
.single_variation_wrap {
	margin-top:2em;
}


/*top section of products*/
/*
.top-section {
	margin-top:1em;
}

.top-section p {
	margin-bottom:5px;
}

.top-section strong {
	color:#4082ED;
}*/

/* woocommerce.css | https://webwilly.ca/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=5.6.0 */
/**
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  border-bottom: 1px solid #f60 !important;
}
*/

.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li {
  /* border-color: #eee; */
  border-color: #4082ED !important;
		margin-right:.33em !important;
}


.woocommerce div.product .woocommerce-tabs ul.tabs li a:focus, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
  /* color: #232525; */
  background-color: #4082ED !important;
  color: #f4f6f8 !important;
}

.up-sells h2 {
	margin-bottom: 1.5em;
}


/* woocommerce.css | https://reinforcedalliance.com/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=9.9.5 */

.woocommerce .woocommerce-ordering {
  /* margin: 0 0 1em; */
  margin: 0 0 3em !important;
}

/* style.css | https://webwilly.ca/wp-content/themes/digital-pro/style.css?ver=1.1.3 */
/*
.woocommerce-tabs {
  border-bottom: 1px solid #4082ED;
  border-bottom-color: #4082ED !important;
}
*/
.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-color: #4082ED;
}


/*
tbody {
  border-bottom: 1px solid #f4f6f8 !important;
}
*/

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  /* padding: .5em 1em; */
  padding: .5em .75em !important;
}


/*woocommerce product tabs*/

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  /*background-color: #f4f6f8;
  color: #232525 !important;*/
            background-color: #232525 !important;
            color: #c8c8c8 !important;	
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
            background-color: #232525 !important;
            color: #c8c8c8 !important;
}


/* digital-woocommerce.css | https://webwilly.ca/wp-content/themes/digital-pro/lib/woocommerce/digital-woocommerce.css?ver=1.1.3 */

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
 color: #232525 !important;
  background-color: #c8c8c8;
            text-transform: uppercase;
            letter-spacing: 1px;
            cursor: pointer;
            transition: all 0.3s ease;
}



/*adding spacing to product description sections*/
.service-section {
	margin-top:2em;
}

/*fixing various font sizes for product options and gravity forms */

/* theme.min.css | https://webwilly.ca/wp-content/plugins/gravityforms/css/theme.min.css?ver=2.5.9 */

.gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction {
  /* font-size: 15px; */
  font-size: 1rem !important;
}

.gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gform_fileupload_rules, .gform_wrapper.gravity-theme .ginput_complex label {
  /* font-size: 15px; */
  font-size: 1rem !important;
}

.gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label {
  /* font-size: 15px; */
  font-size: 1rem !important;
}



/* newsletter gravity form body margin  */
.gform_wrapper .gf_simple_horizontal {
 margin-top:20px !important;
}



/*store notice*/
.woocommerce-store-notice, p.demo_store {
	background-color: #4082ED !important;
	padding:.5em 0 !important;
}

/*woocommerce my account menu*/
.woocommerce-account .woocommerce-MyAccount-navigation {
  background: #4082ED;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
  /* border-bottom: 1px solid #232525; */
  /* color: #232525; */
  border-bottom: 1px solid #F4F6F8 !important;
  color: #F4F6F8 !important;
}

/* Inline #14 | https://webwilly.ca/my-account/my-subscriptions/ */

.woocommerce-MyAccount-navigation ul li.is-active > a {
  /* border-bottom-color: #4082ED; */
  /* color: #4082ED; */
  border-bottom-color: #181818 !important;
  color: #181818 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
	color: #181818 !important;
	border-bottom-color: #181818 !important;
}

/*fix button background delete uploaded file in gravity forms*/
.gform_delete_file {
  background: #4082ED !important;
}
.gform_delete_file:hover{
  background: #1B1B1B !important;
}

.woocommerce .quantity .qty {
	font-size: 1em !important;
}

.woocommerce-tabs {
    border-bottom: 1px solid #d3ced2;
    border-bottom-color: rgb(211, 206, 210);
	margin-bottom: 3em;
}


/* formsmain.min.css | https://webwilly.ca/wp-content/plugins/gravityforms/legacy/css/formsmain.min.css?ver=2.5.6 */

.gform_legacy_markup_wrapper .field_description_below .gfield_consent_description, .gform_legacy_markup_wrapper .gfield_consent_description {
  /* font-size: .688em; */
  font-size: .8125rem !important;
}



/*fix anchors - give title anchor class*/
.anchor {
	scroll-margin-top: 4em;
}

/*remove magnifyer glass for product images*/
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
display: none;
}

/*center shop page product category titles*/
.woocommerce ul.products li.product .woocommerce-loop-category__title {
	text-align: center;
	font-size:1.5rem !important;
}

/*change background color of count quantiity beside product category title in shop page*/

.count {
	background-color: transparent;

}

/* add webwilly icon to ul li list items url /wp-content/uploads/2021/04/ul-li-icon-webwilly.png */

ul.red-dot {
  list-style-image: url('/wp-content/uploads/2025/07/reinforced-alliance-icon-blue-01.png') !important;
	list-style-position: inside;
	
}

.woocommerce-product-details__short-description ul.red-dot {
	margin-bottom:35px;
	margin-left:20px;
	margin-top:35px;
}

/*center buttons*/
.aligncenter {
    text-align: center;
}



/*failed sticky for product image gallery
 * 
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
	position: sticky!important;
	top: 0!important;
}

.woocommerce .woocommerce-product-gallery {
overflow: visible!important;
}
*/

/*description for design details fravity forms */

/* formsmain.min.css | http://site.webwilly.ca/wp-content/plugins/gravityforms/css/formsmain.min.css?ver=2.4.24 */



.gform_wrapper {
	margin-top:0px !important;
	margin-bottom:0px !important;
}

#gform_41 .gform_title {
	font-size: 2rem !important;
	margin-top:0px !important;
	margin-bottom:20px !important;
}

#gform_41 .gform_wrapper h3.gform_title {
	margin-top:0px !important;
	margin-bottom:0px !important;
}

/*
.front-page-2 ul li {
	font-size: 16px;
	font-size: 1rem !important;
  letter-spacing: -.5px !important;
}

.front-page-2 ul.checkmark li {
  line-height: .75 !important;
}
*/


.front-page-3 {
	/*background-image: url("https://webwilly.ca/wp-content/uploads/2021/11/webwilly-marketing-services-8-scaled.jpg");*/
	background-image: url("/wp-content/uploads/2024/11/webwilly-marketing-services-10.jpg");
	background-position: bottom center;
  	background-repeat: no-repeat; 
	padding: 15% 5% !important;
}

.front-page-3 .widget-title {
	color: #f4f6f8 !important;
}

.front-page-3 h4 {
	color: #f4f6f8 !important;
	font-size: 1.7rem !important;
	font-family:  'neue-kabel','rubik', 'droid', sans-serif;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 20px;
}

.front-page-3 .wrap {
	padding: 5rem;
  	background-color: rgba(35, 37, 37, .65); /* Same as the background */
	color: #f4f6f8;
  	transition:  transform 0.5s ease-out, opacity 0.5s ease-out, box-shadow 0.5s ease-out, background .5s ease-out;
	-webkit-transition:  transform 0.5s ease-out, opacity 0.5s ease-out, box-shadow 0.5s ease-out, background .5s ease-out;
  	-moz-transition:  transform 0.5s ease-out, opacity 0.5s ease-out, box-shadow 0.5s ease-out, background .5s ease-out;
  	-o-transition:  transform 0.5s ease-out, opacity 0.5s ease-out, box-shadow 0.5s ease-out, background .5s ease-out;
}


.front-page-3 .wrap:hover {
	transform: translateY(-10px); /* Slight lift on hover */
  	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.75); /* Stronger shadow on hover */
  	background-color: rgba(35, 37, 37, .95); /* Same as the background */
}


/*
.front-page-3 .wrap::before{
 content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: -1;
  background-color: #232525; /* Same as the background */
  /*filter: blur(15px); /* Creates a soft glow effect */
  /*opacity: 0.6; /* Initial glow intensity */
  /*transition: opacity 0.4s ease;
/*overflow: hidden;
/*}*/

/*
.front-page-3 .wrap:hover::before{
  opacity: 0.9; /* Stronger glow on hover */
/*}*/

.front-page-3 .textwidget {
	margin-top:2rem;
	
}

.footer-widgets-3 {
	background-image: url("/wp-content/uploads/2025/06/REINFORCED-ALLIANCE-logo-footer-01.png");
	background-position: right bottom;
  	background-repeat: no-repeat; 
}

@media (max-width: 768px) {

	.front-page-3 .widget-area {
	padding: 1rem;
	/*background-color:rgba(37,37,37,.85);	*/
	color: #f4f6f8;
  	transition: transform 0.4s ease, box-shadow 0.4s ease, color 0.4s ease;
}
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	text-align:center;
}

.woocommerce ul.products li.product .price {
	text-align:center;
}

.woocommerce ul.products li.product .button {
	display:block;
	width:70%;
	margin:0 auto;
}


#gform_wrapper_31 {
	margin-top: 0px;
}

#gform_31 .gform_title {
	margin-top: 0px;
}

#gform_submit_button_41 {
	margin: 0 16px 0 16px !important;
}

.expectations-p {
	font-size: .813em;
	margin-bottom: 14px;
}

.variation ul li{
 margin-left: 80px;
}


.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
	line-height: 1.5;
	padding: 6px 8px !important;
	background-color: #f5f5f5;
	border: 1px solid #f5f5f5;
	color: #1A1A1A;
	font-weight: 300;
}
/*
.gform_wrapper ul.gform_fields li.gfield {
	padding-right: 1px !important;
}
*/

.gform_wrapper .gform_footer {
	margin: 1em 0 0 0;
}

div.product-addon {
	margin: 1em 0 2em 0 !important;
}

.woocommerce form .form-row {
	padding: 0px !important;
}

.woocommerce form .form-row label {
	font-weight:bold;
}


div.addon-description p {
	font-size: .813em;
	font-style: normal !important;
	
}


.gform_wrapper h3.gform_title {
	font-weight: 700px;
	font-size: 2rem !important;
}



.site-inner {
	padding-top: 6%;
}


#gform_submit_button_41 {
	padding: 10px 15px;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
	font-size: 1.5rem;
}

.clear-both {
	clear: both;
}

.woocommerce button.button.alt.disabled {
background-color: #4082ED !important;	
}

.pricing-table,
.pricing-table > * {
	display: flex;
	flex-wrap: wrap;
}

.pricing-table > * {
	align-self: stretch;
}

.pricing-table > * > * {
	align-self: stretch;
	flex-grow: 1;
	width: 100%;
}

.pricing-table .plan {
	box-shadow: inset 0 0 0 1px #4082ED;
	text-align: center;
	padding: 5px 5px 5px;
	margin: 0 0 5px;
	width: 100%;
	position: relative;
	transition: all .2s ease-out;
	font-size: 14px;
	margin-bottom: 5px;
	background-color:#fff0e9;
}


.pricing-table .plan ul {
	line-height:1.5em !important;
}


.pricing-table .price {
	font-size: 40px;
}

.pricing-table .plan em {
	margin-bottom: 1em;
	/*margin-left: .1em;
	margin-right: .1em;*/
	display: block;
	color:#4082ED;
}

.pricing-table .plan h4 {
	font-size: 1.35em;
	margin: 1em 0px !important;
	color:#4082ED;
}
.pricing-table .plan h3 {
	color: #4082ED;
}

.pricing-table .plan h3 span {
	font-size: .5em;
}

.pricing-table .plan ul {
	margin: 0;
	line-height: 2;
	color: #4082ED;
}

.pricing-table .plan ul li {
	margin-bottom: 0px!important;
	list-style: none;
}

.pricing-table .plan p {
	padding-left: 20px;
	padding-right: 20px;
	z-index: 3;
	align-self: flex-end;
}

.pricing-table .plan ul.small {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 0.07em;
	margin-bottom: 20px;
	opacity: 0.75;
}


div.pricing-table .plan.featured {
	background: #fff;
	box-shadow: 0 0 0 1px #000;
	z-index: 2;
	margin-top: -12px;
}

@media only screen and (min-width: 800px) {

	.pricing-info {
		padding-top: 80px;
	}

	.pricing-table .plan {
		margin-bottom: 40px !important;
	}

	.pricing-table .plan.one-fourth {
		width: 50%;
		margin: -2px 0 0 -2px;
	}

	.pricing-table .plan.one-fourth:first-child,
	.pricing-table .plan.one-fourth:nth-child(3) {
		margin-left: 0;
	}

	.pricing-table .plan.one-third {
		width: 33%;
		margin: 0 0 0 -2px;
	}

	.pricing-table .plan.one-third:first-child {
		margin-left: 0;
	}
}

@media only screen and (min-width: 1100px) {

	.pricing-table .plan.one-fourth {
		width: 25%;
		margin: 0 0 0 -2px;
	}

	.pricing-table .plan.one-fourth:first-child {
		margin-left: 0;
	}

	.pricing-table .plan.one-fourth:nth-child(3) {
		margin-left: -2px;
	}
}
.summary .woocommerce-tabs ul {
	display: hidden;
	list-style: hidden;
	list-style-type:hidden;
}
/*
.component_content ul.red-dot li {
		
	padding-left: 0px !important;
	margin-left: 0px !important;
}

*/
/*content boxes for regular pages*/
.content-box-reg {
	margin:20px;
	text-align:center;
	padding: 40px 20px 40px;
	background-color: #f7f6f7;
}
.content-box-reg h4 {
	font-family: 'neue-kabel', 'droid', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.content-box-reg p {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.625;
	margin-bottom: 0;
}
.content-box-reg ul li {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.625;
	margin-bottom: 0;
}

.content-box-reg a {
	font-family: droid;
	font-size: 20px;
	font-size: 20rem;
	margin-top:15px;
}

.content-box-reg {
	font-family: droid;
	font-size: 20px;
	font-size: 2rem;
}

.front-page .content-box .small p {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.25;
	margin-bottom: 0;
}
