/*
 Theme Name:     Divi Child
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com/
 Template:       Divi
 Version:        1.0.0
*/

.gecko .et_pb_section_parallax .et_pb_parallax_css {
	-webkit-transform: none !important;
}

/* Hide the "skip to main content" accessibility link */
#skiptocontent {
	height: 1px;
	width: 1px;
	position: absolute;
	overflow: hidden;
	top: -10px;
}

/*
################
Legacy Chapter 1
################
*/
.page-id-43 ul.et_pb_side_nav .side_nav_item a#side_nav_item_id_0:before {
	content: "Ch.\00a0 1";
}
 
/*
################
Legacy Chapter 2
################
*/
.page-id-43 ul.et_pb_side_nav .side_nav_item a#side_nav_item_id_1:before {
	content: "Ch.\00a0 2";
}
 
/*
################
Legacy Chapter 3
################
*/
.page-id-43 ul.et_pb_side_nav .side_nav_item a#side_nav_item_id_2:before {
	content: "Ch.\00a0 3";
}
 
/*
################
Legacy Chapter 4
################
*/
.page-id-43 ul.et_pb_side_nav .side_nav_item a#side_nav_item_id_3:before {
	content: "Ch.\00a0 4";
}
 
/*
################
Legacy Chapter 5
################
*/
.page-id-43 ul.et_pb_side_nav .side_nav_item a#side_nav_item_id_4:before {
	content: "Ch.\00a0 5";
}
/*
################
Styling of list in its total
################
*/
ul.et_pb_side_nav li.side_nav_item {
	margin-bottom: -19px;
	line-height: 2.7;
	margin-top: 5px;
}
 
/*
################
Styling of each item individually
################
*/
ul.et_pb_side_nav li.side_nav_item a {
 
-webkit-box-shadow: -4px 6px 39px -4px rgba(128,123,128,1);
-moz-box-shadow: -4px 6px 39px -4px rgba(128,123,128,1);
	box-shadow: -4px 6px 39px -4px rgba(128,123,128,1);
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	font-family: poppins;
	font-size: 18px;
	color: #3a403a  !important;
	background-color: #3799fa;
	background-color: #3a403a;
	display: inline !important;
}
 
/*
################
Styling of each item individually when active
################
*/
ul.et_pb_side_nav li.side_nav_item a.active {
	color: #cd5c5c !important;
	background-color: #cd5c5c !important;
}
 
/*
################
Styling of label
################
*/
ul.et_pb_side_nav li.side_nav_item a:before {
	padding: 10px !important;
	color: white !important;
}
 
/*
################
Styling of entire list
################
*/
ul.et_pb_side_nav {
	width: 76px;
	background: none;
	top: 40%;
}

/****** REMOVE ARROWS ON HOVER AND ADJUST PADDING ******/
.woocommerce #content input.button.alt:after, .woocommerce #content input.button:after, .woocommerce #respond input#submit.alt:after, .woocommerce #respond input#submit:after, .woocommerce a.button.alt:after, .woocommerce a.button:after, .woocommerce button.button.alt:after, .woocommerce button.button:after, .woocommerce input.button.alt:after, .woocommerce input.button:after, .woocommerce-page #content input.button.alt:after, .woocommerce-page #content input.button:after, .woocommerce-page #respond input#submit.alt:after, .woocommerce-page #respond input#submit:after, .woocommerce-page a.button.alt:after, .woocommerce-page a.button:after, .woocommerce-page button.button.alt:after, .woocommerce-page button.button:after, .woocommerce-page input.button.alt:after, .woocommerce-page input.button:after {
	content: none !important;
}
.woocommerce #content input.button.alt, .woocommerce #content input.button, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce a.button, .woocommerce button.button.alt, .woocommerce button.button, .woocommerce input.button.alt, .woocommerce input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit, .woocommerce-page a.button.alt, .woocommerce-page a.button, .woocommerce-page button.button.alt, .woocommerce-page button.button, .woocommerce-page input.button.alt, .woocommerce-page input.button, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
	border: 2px solid #cd5c5c;
}
.woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button.alt:hover, .woocommerce button.button:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
	padding: .3em 1em !important; /* this is Divis default button padding */
	border: 2px solid #cd5c5c;
}

/** Add underline to main menu **/
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
	content: "";
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
}
#top-menu li a:before{
	content: "";
	position: absolute;
	z-index: -2;
	left: 0;
	right: 100%;
	bottom: 50%;
	background: #cd5c5c; /*** COLOR OF THE LINE ***/
	height: 3px; /*** THICKNESS OF THE LINE ***/
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
#top-menu li a:hover {
	opacity: 1 !important;
}
#top-menu li a:hover:before {
	right: 0;
}
#top-menu li li a:before {
	bottom: 10%;
}


/*** FIX THE MOBILE MENU TO THE TOP OF THE SCREEN ***/
@media (max-width: 980px) {
	.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
		position: fixed;
	}
}
/** App Style header and Drop Down Menu **/
.mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d";
}

/** Remove footer widget bullet points **/
#footer-widgets .footer-widget li:before {
	display: none; 
} 

html #footer-widgets .footer-widget .et_pb_widget:not(.woocommerce) ul li {
	line-height: 26px; 
	padding-left: 0px; 
}

/** Add underline to footer menu links on hover **/
html #footer-widgets .footer-widget .et_pb_widget:not(.woocommerce) ul li a:hover {
	text-decoration: underline;
}


/* How to Turn Text Into Divi Animated Buttons */
 
.btn-white {
	font-weight: 500;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 8px 20px;
	background: transparent;
	border: 2px solid;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	position: relative;
}

a.btn-white, span.btn-white {
	background-color: transparent;
	border: 2px solid #ffffff; /* change border color here */
	color: #ffffff!important; /* change font color here */
	font-weight: bold;
}

a.btn-white:hover, span.btn-white:hover {
background: transparent;
border: 2px solid #ffffff; /* change border color on hover here */
padding: 8px 34px 8px 14px !important;
}

a.btn-white:after, span.btn-white:after {
	font-family: 'ETmodules';
	opacity: 0;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 32px;
	line-height: 1em;
	content: "\33";
	position: absolute;
	margin-left: -1em;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

span.btn-white:after {
	content: "\35" !important;
}

a.btn-white:hover:after, span.btn-white:hover:after {
	opacity:1;
	display: block!important;
	font-family: 'ETmodules';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	right: 0px;
	top: 5px;
	margin-left: 0;
}

/** Add a margin to the top of toggle lis and tables **/
.et_pb_toggle_content li, .et_pb_toggle_content table {
	margin-top: 22px;
}

/* Make tables responsive, giving them a horizontal scroll */
@media only screen and (max-width: 840px) {
	table.responsive {
		margin-bottom: 0;
		overflow: hidden;
		overflow-x: scroll;
		display: block;
		white-space: nowrap;
	}
}

/** Add spacing to the sitemap list **/
.simple-sitemap-page li {
	margin-top: 11px;
	list-style: none;
}

.simple-sitemap-page {
	list-style: none !important;
	padding: 0px !important
}


body .et_pb_button:hover, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button:hover, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page #content input.button:hover  {
	color: #fff;
} 

.woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button {
	color: #fff;
}



/* FAQ Nav border color/size/*style */
#menu-faqs {
    border-bottom: 1px solid #666;
}
#menu-faqs li {
    border-top: 1px solid #666;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    padding-left: 7px;
}
#menu-faqs li {
    margin-bottom: 0;
}
/* Change menu item hover color here */
#menu-faqs li a:hover {
    color: #cd5c5c;
}
/*This controls your active link color */
#menu-faqs li.current-menu-item a {
    color: #cd5c5c;
}
/* This is to select your font awesome icon and color for active link */
/* You can find the Unicode for desired font-awesome icon from the website*/
#menu-faqs li.current-menu-item a:after {
    font-family: FontAwesome;
    content: "\f054";
    padding-right: 7px;
    float: right;
    color: #cd5c5c;
}
/*This is to select your font awesome icon and color on hover */
#menu-faqs li a:hover::after {
    font-family: FontAwesome;
    content: "\f054";
    padding-right: 7px;
    float: right;
    color: #cd5c5c;
}
@media (max-width: 980px) {
	#menu-faqs li.current-menu-item a:after, #menu-faqs li a:hover::after {
    	content: "\f078";
	}
	#nav_menu-6 {
		width: 100%;
	}
}

/* End sidebar menu styles */



/* Add opaque background to chapter text */
.page-id-43 .header-content {
/*background-color: rgba(0,0,0,0.1);*/
	padding: 30px 30px 60px 30px !important;
}

/* Increase the size of the contact form captcha container and input */
.et_pb_contact_right {
	min-width: 150px;
}
.et_pb_contact_right p input {
	max-width: 60px;
}
.et_contact_bottom_container {
	width: 100%;
}

/* Make the shadow of the main menu darker and longer */
#main-header.et-fixed-header {
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.2)!important;
	-moz-box-shadow: 0 0 15px rgba(0,0,0,.2)!important;
	box-shadow: 0 0 15px rgba(0,0,0,.2)!important;
}

/* Add the < to the team member image - need to update this with each et_pg_image_X it needs to be applied to */
.page-id-54 .et_pb_image_0:after, .page-id-54 .et_pb_image_1:after,
.page-id-54 .et_pb_image_2:after, .page-id-54 .et_pb_image_3:after, .page-id-54 .et_pb_image_4:after, .page-id-54 .et_pb_image_5:after, .page-id-54 .et_pb_image_6:after, .page-id-54 .et_pb_image_7:after {
	content: "";
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	bottom: 0;
	top: 0;
	margin: auto;
	transform: rotate(45deg);
	visibility: visible !important;
	z-index: 3 !important;
	border: 25px solid;
	color: #272C27;
}

.page-id-54 .et_pb_image_0:after, .page-id-54 .et_pb_image_2:after {
	left: 97%;
}

.page-id-54 .et_pb_image_1:after {
	right: 97%;
}

@media (max-width: 980px) {
	.page-id-54 .et_pb_image_0:after, .page-id-54 .et_pb_image_2:after {
		left: 45%;
		bottom: -100%;
	}
	.page-id-54 .et_pb_image_1:after {
		left: 45%;
		top: -100%;
	}
}
@media (max-width: 480px) {
	.page-id-54 .et_pb_image_0:after, .page-id-54 .et_pb_image_2:after {
		left: 41%;
		bottom: -100%;
	}
	.page-id-54 .et_pb_image_1:after {
		left: 41%;
		top: -100%;
	}
}



/*
* Remove sidebar on search result pages
*/
.search #main-content .container::before {
    display: none;
}
.search #left-area {
    width: 100%;
    float: none;
    padding-right: 0;
}
.search #sidebar {
    display: none;
}

.search #main-content{
	background-color: #efefe8
}
.search .et_pb_post {
	border: 1px solid #d9d9d9;
	box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.1)!important;
	padding: 20px;
	background-color: #fff;
}

.search .et_pb_post {
    width: 47.5%;
    float: left;
    margin-right: 5%;
}

.search .et_pb_post img {
	padding-bottom: 20px;
}

/*Remove margin from every second post*/

.search .et_pb_post:nth-child(2n) {
    margin-right: 0;
}


/*Set to a single column on smaller screens*/

@media all and (max-width: 767px) {
    .archive .et_pb_post,
    .search .et_pb_post {
        width: 100%;
        margin-right: 0;
    }
}

/* Format the read more link */
.readmore-link, .searchContact {
	display: block;
    width: 5em;
    text-align: center;
    margin-top: 10px;
	font-weight: normal;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 8px 20px;
	background: transparent;
	border: 2px solid;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	position: relative;
}

a.readmore-link, .searchContact {
	background-color: #cd5c5c;
	border: 2px solid #cd5c5c; /* change border color here */
	color: #ffffff!important; /* change font color here */
}

/* Make the cart button red on hover */
.et-cart-info:hover {
	color: #cd5c5c !important;
}
@media (max-width: 980px) {
	#et-top-navigation .et-cart-info {
	    margin-top: 5px;
	    margin-right: 30px;
	}
}

/*------------------------------------------------*/
/*---------------[GQ SEARCH TITLES]--------------*/
/*------------------------------------------------*/
 
.search_title {
	font-weight: 700;
	font-size: 50px;
}
@media (max-width: 980px) {
	.search_title {
		font-size: 40px;
	}
}
@media (max-width: 767px) {
	.search_title {
		font-size: 30px;
	}
}

.noResult {
	padding-bottom: 1em !important;
}

hr.results_title_line {
	width: 100%;
	float: left;
	border: 0;
	height: 5px;
	background-color: #cd5c5c;
	margin-bottom: 60px;
}

.searchContact {
    width: 8em;
}

@media (max-width: 767px) {
	#footer-widgets .footer-widget .fwidget {
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center;
		width: 100%;
	}
}


/* Our Flutes Page Style */
.image-hover-layout .et_pb_blurb_content {
 max-width: 100%;
}

.image-hover-layout .et_pb_blurb_content img {
 width: 100%;
}

.image-hover-layout .et_pb_column {
 overflow: hidden;
 position: relative;
}
.image-hover-layout .et_pb_column .et_pb_main_blurb_image {
 vertical-align: bottom;
}

.image-hover-layout .et_pb_column img {
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 display: block;
}

.image-hover-layout .et_pb_column:hover img {
 transform: scale(1.1);
}

.image-hover-layout .et_pb_column:hover .et_pb_main_blurb_image:after {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.4);
 content: '';
 pointer-events: none;
}

.image-hover-layout .et_pb_main_blurb_image {
 margin: 0;
}

.image-hover-layout .et_pb_column .et_pb_blurb_content:before {
 top: 50px;
 right: 30px;
 bottom: 50px;
 left: 30px;
 border-top: 3px solid #cd5c5c;
 border-bottom: 3px solid #cd5c5c;
 -webkit-transform: scale(0, 1);
 transform: scale(0, 1);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
 position: absolute;
 content: '';
 opacity: 0;
 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
 transition: opacity 0.35s, transform 0.35s;
 z-index: 1;
 pointer-events: none;
}

.image-hover-layout .et_pb_column .et_pb_blurb_content:after {
 top: 30px;
 right: 50px;
 bottom: 30px;
 left: 50px;
 border-right: 3px solid #cd5c5c;
 border-left: 3px solid #cd5c5c;
 -webkit-transform: scale(1, 0);
 transform: scale(1, 0);
 -webkit-transform-origin: 100% 0;
 transform-origin: 100% 0;
 position: absolute;
 content: '';
 opacity: 0;
 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
 transition: opacity 0.35s, transform 0.35s;
 pointer-events: none;
}

.image-hover-layout .et_pb_column:hover .et_pb_blurb_content:before, .image-hover-layout .et_pb_column:hover .et_pb_blurb_content:after {
 -webkit-transition-delay: 0.15s;
 transition-delay: 0.15s;
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}

.image-hover-layout .et_pb_column .et_pb_blurb_container {
 opacity: 0;
 color: #fff;
 position: absolute;
 top: 40%; /* Adjust this if the text is in the wrong position */
 width: 100%;
 text-align: center;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 margin: 0;
 padding: 0 55px;
 pointer-events: none;
 line-height: 1em !important;
}

.image-hover-layout .et_pb_column:hover .et_pb_blurb_container {
 opacity: 1;
 position: absolute;
 top: 45%;
 width: 100%;
 text-align: center;
 color: #fff;
 line-height: 1em !important;
}

.image-hover-layout.show-title h2 {
 background: #cd5c5c;
 border-radius: 3px;
 padding: 10px!important;
 display: inline-block;
 margin-bottom: 10px;
 color: #fff !important;
}

.image-hover-layout.show-title .et_pb_blurb_container {
 opacity: 1;
 top: 45%;
}

.image-hover-layout.show-title .et_pb_column:hover .et_pb_blurb_container {
 opacity: 1;
 top: 40%;
}

.image-hover-layout.show-title .et_pb_blurb_container p {
 opacity: 0;
}

.image-hover-layout.show-title .et_pb_column:hover .et_pb_blurb_container p {
 opacity: 1;
}

.image-hover-gallery-layout .et_pb_gallery_item {
 overflow: hidden;
 position: relative;
}

.image-hover-gallery-layout .et_pb_gallery_item img {
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 display: block;
}

.image-hover-gallery-layout .et_pb_gallery_item:hover img {
 transform: scale(1.1);
}

.image-hover-gallery-layout .et_pb_gallery_item .et_pb_gallery_image:before {
 top: 50px;
 right: 30px;
 bottom: 50px;
 left: 30px;
 border-top: 1px solid #fff;
 border-bottom: 1px solid #fff;
 -webkit-transform: scale(0, 1);
 transform: scale(0, 1);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
 position: absolute;
 content: '';
 opacity: 0;
 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
 transition: opacity 0.35s, transform 0.35s;
 z-index: 4;
 pointer-events: none;
}

.image-hover-gallery-layout .et_pb_gallery_item .et_pb_gallery_image:after {
 top: 30px;
 right: 50px;
 bottom: 30px;
 left: 50px;
 border-right: 1px solid #fff;
 border-left: 1px solid #fff;
 -webkit-transform: scale(1, 0);
 transform: scale(1, 0);
 -webkit-transform-origin: 100% 0;
 transform-origin: 100% 0;
 position: absolute;
 content: '';
 opacity: 0;
 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
 transition: opacity 0.35s, transform 0.35s;
 pointer-events: none;
 z-index: 4;
}

.image-hover-gallery-layout .et_pb_gallery_item:hover .et_pb_gallery_image:before, .image-hover-gallery-layout .et_pb_gallery_item:hover .et_pb_gallery_image:after {
 -webkit-transition-delay: 0.15s;
 transition-delay: 0.15s;
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}

.image-hover-gallery-layout .et_pb_gallery_item .et_pb_gallery_title, .image-hover-gallery-layout .et_pb_gallery_item .et_pb_gallery_caption {
 opacity: 0;
 color: #fff;
 position: absolute;
 top: 40%;
 width: 100%;
 text-align: center;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 margin: 0;
 padding: 0 55px;
 pointer-events: none;
 line-height: 1em !important;
 z-index: 3;
}

.image-hover-gallery-layout .et_pb_gallery_item:hover .et_pb_gallery_title {
 opacity: 1;
 position: absolute;
 top: 45%;
 width: 100%;
 text-align: center;
 color: #fff;
 line-height: 1em !important;
}

.image-hover-gallery-layout .et_pb_gallery_item:hover .et_pb_gallery_caption {
 opacity: 1;
 position: absolute;
 top: 55%;
 width: 100%;
 text-align: center;
 color: #fff;
 line-height: 1em !important;
}

.image-hover-gallery-layout.show-title .et_pb_gallery_title, .image-hover-gallery-layout.show-title .et_pb_gallery_item:hover .et_pb_gallery_title {
 background: #fff;
 padding: 10px !important;
 margin: 0 auto;
 color: #333 !important;
 opacity: 1;
 left: 55px;
 right: 55px;
 width: initial;
}

.image-hover-gallery-layout.show-title .et_pb_gallery_item:hover .et_pb_gallery_title {
 top: 35%;
}




.footer-widget-area .footer-widget {
    margin: 0 auto;
    float: none;
}
.footer-widget-area {
    width: 100%;
    text-align: center;
    overflow: hidden;
}


/* background color for woocommerce pages */
#main-content {
    background-color: #efefe8 !important;
}

.products .type-product {
    border: 1px solid #d9d9d9;
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.1)!important;
    padding: 15px !important;
    background-color: #fff;
}

.woocommerce .et_overlay:before {
    left: 0;
    margin-left: 0;
    content: 'view';
    /*** YOUR TEXT ***/
    font-family: 'Source Sans Pro', Arial !important;
    /*** YOUR CHOSEN FONT FAMILY ***/
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    /*** COLOR OF YOUR TEXT ***/
    font-weight: bold;
    text-align: center;
    width: 100%;
    padding: 5px 0;
}



/* Highlight the "Our Flutes" main menu item for all Woocommerce pages on desktops only */
@media (min-width: 980px) {
	.woocommerce #menu-item-52 a:before {
		content: "";
		position: absolute;
		z-index: -2;
		left: 0;
		right: 100%;
		bottom: 50%;
		background: #cd5c5c; /*** COLOR OF THE LINE ***/
		height: 3px; /*** THICKNESS OF THE LINE ***/
		-webkit-transition-property: right;
		transition-property: right;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
		content: "";
		position: absolute;
		z-index: 2;
		left: 0;
		right: 0;
	}
	.woocommerce #menu-item-52 a {
		color: #cd5c5c !important;
	}
}

/*** CHANGE COLORS ON THE FILTER DROPDOWN (THIS MAKES OTHER WOO DROPDOWNS MATCH AS WELL) ***/
select.orderby, /* woocommerce class is purposely left off so other dropdowns can match but you can add it if you prefer */
.woocommerce div.product form.cart .variations td select {
	background: #cd5c5c;
	color: #fff !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}
/*** MAKE TITLES BIGGER AND CHANGE COLOR ON SINGLE GRID AND RELATED PRODUCTS ***/
h2.woocommerce-loop-product__title,
.product .related h2 {
	font-size: 22px !important;
	color: #000; /* change color of product titles */
}
/*** CENTER STAR RATING AND MAKE STARS BIGGER ***/
.woocommerce ul.products li.product .star-rating {
	font-size: 18px;
	margin-left: auto !important;
	margin-right: auto !important;
}
/*** CHANGE STAR COLOR FROM THEME COLOR ***/
.woocommerce .star-rating span::before {
	color: #ffa500 !important;
}
/*** MAKE PRICES BIGGER ON GRID AND RELATED PRODUCTS ***/
.woocommerce ul.products li.product .price, 
.woocommerce ul.products li.product .price del, 
.woocommerce-page ul.products li.product .price, 
.woocommerce-page ul.products li.product .price del {
	font-size: 18px;
}
/*** IMAGE OVERLAY BACKGROUND ***/
.woocommerce .et_overlay {
	border: 0;
	background: #cd5c5c !important; /* For browsers that do not support gradients */
    background: radial-gradient(rgba(205,92,92,1), rgba(188,58,58,0.8)) !important; /* gradient colors */
}
/*** SALE BADGE COLOR ***/
.woocommerce span.onsale, 
.woocommerce-page span.onsale {
	background: #FFA500 !important;
	z-index: 9;
}
.woocommerce form.woocommerce-cart-form button.button {
    font-family:'PT Serif',Georgia,"Times New Roman",serif !important;
    color: #fff !important;
}


/* Style the shop price slider */
.slide {
	padding-top: 15px !important;
}
.berocket_filter_slider {
	height: 8px !important;
	border: 0px solid #aaaaaa !important;
	background: #999 !important;
}
.ui-slider-range {
	background: #db8e8e !important;
	height: 8px !important;
}
.ui-slider-handle {
	background: #cd5c5c !important;
	border: 0px solid #cd5c5c !important;
	font-size: 20px !important;
}
.berocket_aapf_widget-title {
	font-size: 22px !important;
}
.berocket_label_widgets {
	font-size: 17px !important;
}


/* Make the footer search form full width */
.widget_search {
	width: 100%;
}


/* Style Shop sidebar widgets */
.cat-item {
	font-size: 17px !important;
}
.berocket_aapf_widget-title_div {
	border-bottom: 1px solid #666;
}
.berocket_aapf_widget-title {
	font-size: 20px !important;
}
.berocket_style_block {
	margin-top: 15px !important;
	margin-bottom: 50px !important;
}
.widget_product_categories h4, .berocket_ajax_group_filter_title {
	text-transform: uppercase;
	font-size: 22px;
}
.widget_product_categories {
	margin-bottom: 75px !important;
}
.et_pb_widget a:hover, .berocket_label_widgets:hover {
    color: #cd5c5c !important;
}






/******************************************************************************/
/************ WOO SINGLE PRODUCT PAGE - TOP AREA ABOVE TABS SECTION ***********/
/******************************************************************************/
/*** VARIABLE DROPDOWN ***/
.woocommerce div.product form.cart .variations td select {
	background: #cd5c5c;
	color: #fff !important;
	font-weight: bold;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}
/*** REMOVE LINE ABOVE META INFO ***/
.product_meta {
	border-top: 0;
}
/*** SALE BADGE ***/
.woocommerce span.onsale, .woocommerce-page span.onsale {
	background: #cd5c5c !important;
	font-size: 20px;
}

/***************************************************************/
/************ WOO SINGLE PRODUCT PAGE - TABS SECTION ***********/
/***************************************************************/
/*** OUTERMOST BOX ***/
.woocommerce .woocommerce-tabs {
	border: 0 !important; /* remove border */
}
/*** REMOVE COLOR BEHIND TABS AND CENTER ALIGN ***/
.woocommerce div.product .woocommerce-tabs ul.tabs {
	background: transparent !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
	border-bottom: 0 !important;
}
/*** REMOVE BORDER ON TABS ***/
.woocommerce div.product .woocommerce-tabs ul.tabs li { 
	border: 0 !important;
}
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li {
	border-bottom: 0 !important;
	padding: 5px 10px 10px 10px;
	margin-right: 4px !important;
}
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li:hover {
	padding: 10px 10px 10px 10px;
}
/*** BACKGROUND COLOR OF NON ACTIVE TABS ***/
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: #e8aeae !important;
}
/*** NON ACTIVE TAB TITLE COLOR ***/
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li a {
	color: #fff !important; 
}
/*** BACKGROUND COLOR OF ACTIVE TAB ***/
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active { 
	background-color: #cd5c5c !important; /* this color should match the panel background color below */
    border: 0 !important;
	padding: 10px 10px 10px 10px;
}
/*** ACTIVE TAB TITLE COLOR ***/
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active a {
	color: #fff !important; 
}
/*** MAIN ACTIVE PANEL ***/
.woocommerce div.product .woocommerce-tabs .panel {
	background-color: #fff;
	color: #666;
	border: 2px solid #cd5c5c !important; /* remove border */
}
/*** CHANGE COLOR AND CAPITALIZE H2 TITLE ON MAIN PANEL ***/
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-tabs h2 {
	color: #333;
}
/*** COLOR OF TEXT INSIDE OF PANELS ***/
.woocommerce #reviews #comments ol.commentlist li .meta,
.woocommerce table.shop_attributes th {
	color: #333;
}
/*** REVIEW COMMENT FIELDS ***/
.woocommerce-tabs #commentform input[type="email"], 
.woocommerce-tabs #commentform input[type="text"], 
.woocommerce-tabs #commentform input[type="url"], 
.woocommerce-tabs #commentform textarea{
	background: #fff;
	color: #333;
}
@media (max-width: 767px) {
	body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li {
		padding: 10px 10px 10px 10px;
		margin-right: 0px !important;
	}
}
.woocommerce-product-gallery__wrapper {
	margin-bottom: 30px !important;
}

#tab-description .et_pb_section {
	background-color: #fff !important;
	padding: 0 !important;
}
#tab-description .et_pb_section .et_pb_row {
	margin: 0;
}


/* Ensure the product lists work properly on mobiles, i.e. 1 column not 2 */
@media only screen and (max-width: 980px) {
	h2.woocommerce-loop-product__title, .product .related h2 {
	    font-size: 17px !important;
	}
}
@media only screen and (max-width: 480px) {
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
	    width: 100% !important;
	    margin-left: auto !important;
	    margin-right: auto !important;
	}
}


/* Remove event images from the page listings as they don't look great */
.page-id-55 .wcs-class__image {
	display: none !important;
}

.page-id-55 .wcs-class {
	padding: 0 !important;
	margin-bottom: 30px !important;
}
.page-id-55 .wcs-class__time-duration {
	display: none;
}
.page-id-55 .wcs-timetable__list {
	padding-left: 0 !important;
}
.page-id-55 .wcs-timetable__list li {
	border: 1px solid #d9d9d9;
	box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.1) !important;
	padding: 20px;
	background-color: #fff;
}
@media (max-width: 479px){
	.page-id-55 .wcs-btn {
		display: block !important;
		width: 50% !important;
		margin-top: 20px !important;
		text-align: center;
		font-size: 17px;
	}
}
.wcs-modal__meta [class*="ti-"]::before {
	top: 7px !important;
}
.wcs-timetable__container {
	padding: 0 !important;
}


/*---[The Duo-Tone Colour Quote]---*/
blockquote.colour-quote p {
  font-size: 22px;
  line-height: 35px;
  font-style: italic;
  letter-spacing: 1px;
  color: #666;
  font-weight: 300;
  margin-top: -50px;
}
blockquote.colour-quote {
  position: relative;
  border-left: none;
  padding-top: 50px;
}
/*Quotation Mark*/
blockquote.colour-quote:before {
  content: "\201C";
  font-size: 175px;
  font-family: 'Alegreya', serif;
  background: -webkit-linear-gradient(180deg, #cd5c5c 60%, #cd5c5c 40%);/*Change the Colours here*/
  -webkit-background-clip: text;
  color: transparent;
}
/*Author*/
.colour-author {
  padding-left: 20px;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 1em;
}
/*Source or Organisation*/
.colour-org {
  padding-left: 20px;
  font-size: 12px;
  font-style: italic;
  line-height: 1em;
}
/*Mobile Settings Add CSS Class colour-wrap to Text Module*/
@media all and (min-width: 700px) {
	.colour-wrap {
		float: left;
		margin: 20px 20px 20px -10%;
	}
	blockquote.colour-quote {
		padding: 50px 20px 0 20px;
	}
}


.wcs-btn, .sbi_load_btn {
    color: #ffffff !important;
    border-color: #cd5c5c !important;
    font-size: 22px !important;
    background-color: #cd5c5c !important;
    padding-top: 8px!important;
    padding-right: 20px!important;
    padding-bottom: 8px!important;
    padding-left: 20px!important;
    border-radius: 3px !important;
    font-weight: 500 !important;
    line-height: 1.7em!important;
}
.sbi_load_btn:hover {
	box-shadow: none !important;
}

@media only screen and (max-width: 980px) {
	.wcs-btn {
    	font-size: 17px!important;
		margin-bottom: 15px !important;
	}
	.sbi_load_btn {
    	font-size: 17px!important;
		margin-bottom: 15px !important;
	}
}



/** Desktop **/
/*@media (min-width: 981px){*/

/** Tablet **/
/*@media (max-width: 980px){*/
 
/** Small Tablet and Large Phone **/
/*@media (max-width: 767px){*/
 
/** Phone **/
/*@media (max-width: 479px){*/