/*
Theme Name:  BERRISON THEME
Theme URI:   https://www.berrison.com
Version:     1.0
Description: A child theme of Divi. With customizations required for the online store to function
Author:      Stephen Bouskill
Author URI:  https://www.berrison.com
Template:    Divi
*/


/***********************************************************************
Caution: do not remove this to keep Divi Children Engine always updated 
Divi Children Engine version: 1.0.3
***********************************************************************/

/*------------------------------[FONT ICONS]-----------------------------*/
/*--[Created by Divi Children, http://divi4u.com/divi-children-plugin/]--*/
/*-----------------------------------------------------------------------*/

.icon_tags, .icon_profile, .icon_chat, .icon_clipboard, .icon_calendar {
	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;
	font-size: 16px;
	color: #318EC3;
}
.icon_tags:before {
	content: "\e07c";
	padding: 0px 5px 0 0;
}
.icon_profile:before {
	content: "\e08a";
	padding: 0 5px 0 0;
}
.icon_chat:before {
	content: "\e066";
	padding: 0 5px 0 20px;
}
.icon_clipboard:before {
	content: "\e0e6";
	padding: 0 5px 0 20px;
}
.icon_calendar:before {
	content: "\e023";
	padding: 0 5px 0 20px;
}

/*- YOU CAN INCLUDE THE CUSTOM CODE FOR YOUR CHILD THEME BELOW THIS LINE-*/

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------[DROPDOWN MENU]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-----------------[WP CALENDAR]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*------------------[TRANSITIONS]-----------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/

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

}

/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {

	/*-------------------[Sliders]------------------*/

	/*-------------------[Portfolio]------------------*/

	/*-------------------[Sidebar]------------------*/
	
	/*-------------------[Menu]------------------*/
	
}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {

	/*-------------------[Portfolio]------------------*/
	
	/*-------------------[Sliders]------------------*/
	
	/*-------------------[Menu]------------------*/

}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {

}

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

}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {

	/*-------------------[Menu]------------------*/

}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {

}



/*------------------------------------------------*/
/*---------------------[STORE]--------------------*/
/*------------------------------------------------*/

#logo {
	background: url('https://www.berrison.com/wp-content/uploads/2024/07/Main-Logo24v4.gif');
	background-size: cover;
}

 .serviceGroup {
	 display: none;
	 top: 0px;
	 width: 100%;
}
 .groupHeader {
	 width: 100%;
	 max-width: 100%;
	 height: 500px;
	 min-width: calc(100vw - 250px);
	 background-repeat: no-repeat !important;
	 background-size: cover !important;
	 overflow: hidden;
	 position: relative;
	 padding-top: 60px;
	 padding: 30px;
}
 #landingImage {
	 background: url('https://consultant.wpamelia.com/wp-content/uploads/2018/06/service-1.jpg');
}
 #group1Image {
	 background: url('https://consultant.wpamelia.com/wp-content/uploads/2018/06/service-1.jpg');
}
 #group2Image {
	 background: url('https://www.berrison.com/wp-content/uploads/2018/05/bigstock-Low-Section-Of-Business-Team-S-200910328-1.jpg');
}
 #group3Image {
	 background: url('https://consultant.wpamelia.com/wp-content/uploads/2018/06/service-1.jpg');
}
 #group4Image {
	 background: url('https://www.berrison.com/wp-content/uploads/2020/10/Studio5-e1603963953982.png');
}
 #group5Image {
	 background: url('https://consultant.wpamelia.com/wp-content/uploads/2018/06/service-1.jpg');
}
 #loginImage, #messageImage {
	 background: url('https://www.berrison.com/wp-content/uploads/2020/10/RemoteWorking6.png');
}
 #basketImage, #checkoutImage {
	 background: url('https://www.berrison.com/wp-content/uploads/2018/05/bigstock-Low-Section-Of-Business-Team-S-200910328-1.jpg');
}
.basket {
	margin-right: -9px;
	font-size: 80%;
}
 .sidebarTitle {
	 text-align: center;
	 font-size: 28px;
	 color: #fff;
	 font-weight: 600;
	 margin-bottom: 80px;
}
 .groupBody {
	 min-width: calc(100vw - 250px);
	 padding: 10px 22px 10px 8px;
	 background-color: #eee;
	 min-height: calc(100vh - 300px);
}
#online-store-main {
	overflow-x: hidden;
}
 .sidebar {
	 height: 100%;
	 width: 250px;
	 position: fixed;
	 z-index: 100;
	 left: 0;
	 background: #36a9e1;
	 overflow-x: hidden;
	 padding-top: 100px;
	 top: 0;
	 -webkit-touch-callout: none;
     -webkit-user-select: none; 
     -khtml-user-select: none; 
     -moz-user-select: none; 
   	 -ms-user-select: none; 
     user-select: none;
}
 .sidebar a {
	 overflow-x: hidden;
	 width: 250px;
	 padding: 8px 8px 8px 32px;
	 text-decoration: none;
	 font-size: 19px;
	 color: #fff;
	 display: block;
	 transition: .3s;
	 text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}
 .sidebar > a > span {
	 border-bottom: 3px rgba(69,161,188, 0) solid;
	 padding-bottom: 2px;
	 padding-left: 2px;
	 padding-right: 2px;
	 transition: 0.25s;
	 cursor: pointer;
}
 .sidebar > a > span:hover {
	 border-bottom: 3px #fff solid;
	 transition: 0.25s;
}
 .sidebar a:hover {
	 color: #f1f1f1;
}
 .sidebar .closebtn {
	 position: absolute;
	 top: 0;
	 right: 25px;
	 font-size: 36px;
	 margin-left: 50px;
}
 .openbtn, .cartbtn {
	 font-size: 20px;
	 cursor: pointer;
	 background-color: #4eb2e4;
	 color: white;
	 padding: 10px 15px;
	 border: none;
	 opacity: 0.5;
	 left: 30px;
	 bottom: 15px;
	 position: absolute;
	 display: none;
	 left: auto;
}
 .cartbtn {
	 display: block;
	 right: 30px;
	 opacity: 1;
}
 .openbtn:hover, .cartbtn:hover {
	 background-color: #36a9e1;
}
 .returnbtn, .downloadbtn, .landingButton {
	 font-size: 20px;
	 cursor: pointer;
	 background-color: #4eb2e4;
	 color: white;
	 padding: 10px 15px;
	 border: none;
}
 .downloadbtn > span {
	 font-family: dashicons !important;
	 color: #fff !important;
}
 .downloadbtn {
	 margin-bottom: 20px;
	 margin-left: 10px;
	 margin-right: 10px;
}
 .returnbtn {
	 display: none;
}
 .returnbtn:hover, .downloadbtn:hover, .landingButton:hover {
	 background-color: #36a9e1;
}
 .returnbtn > span, .downloadbtn > span {
	 margin-top: 5px;
}

.addon {
	position: absolute;
	width: auto;
	height: 40px;
	background-color: #1e8fc8;
	color: #fff !important;
	padding: 10px !important;
	font-size: 20pt !important;
}

 #main {
	 padding: 0px;
	 margin-left: 250px;
	 overflow-x: hidden;
}
 .groupHeader > h1 {
	 color: #8fcfef;
	 font-size: 38pt;
	 font-weight: 600;
}
 .groupHeader > p {
	 color: #fff;
	 font-size: 12pt;
	 margin-left: 5px;
}
 #main-footer {
	/* Ensure the footer is shown above the sidebar */
	z-index: 100;
	position: absolute;
	width: 100%;
}
 .navIcon {
	 height: auto;
	 width: 14px;
}
#landingContent {
	display: block;
	z-index: 1;
}
 @media only screen and (max-width: 768px) {
	/* For smaller screens */
	 .openbtn {
		 display: block;
	}
	.groupBody {
		min-width: 100vw;
	}
	.groupHeader {
		min-width: 100vw;
	}
}
 #footer-bottom .container {
	 padding-top: 0px !important;
}
 #footer-bottom .container:before {
	 width: 0px !important;
}
 .footerClone {
	 margin-left: -250px;
}
.buttonContainer {
	text-align: center;
}
#online-store-main .et_pb_section_1 {
	display: none;
}

.et_pb_section_1 {
	display: block;
}
#online-store-main .et_pb_row {
	width: 100%;
}
#online-store-main .et_pb_section {
	background-color: transparent;
}
#user-profile-content .et_pb_row {
	max-width: 10000px !important;
}
#user-profile-content .et_pb_section {
	padding: 20px 0 !important;
}
#user-profile-content img {
	border: 5px solid #36a9e1 !important;
}
#user-profile-content .et_pb_module {
	margin-bottom: 0 !important;
}
#user-profile-content .et_pb_text > :last-child {
	padding-bottom: 5px !important;
}

/* Edits to Amelia store to make ti fit a bit better */
 .am-category-headline {
	 display: none;
}
 #am-category .am-category-service .am-category-service-hover {
	 background: rgba(53,64,82,.3) !important;
}
 #am-category .am-category-service {
	 border-radius: 0px !important;
}
 .am-category-service-color {
	 background: url('https://www.berrison.com/wp-content/uploads/2020/05/Circle-Master-e1589276216266.png');
	 background-position: center;
	 background-size: contain;
	 color: rgba(0, 0, 0, 0) !important;
	 background-color: #fff !important;
}
 #am-category .am-category-service .am-category-service-image {
	 background-position: top center !important;
}

.am-service-provider {
	cursor: pointer;
}

.amelia-app-booking #am-service-booking .am-service-gallery {
	background: #36a9e1 !important;
}

.amelia-app-booking #am-service-booking .am-service {
	background: #fafafa !important;
}

.amelia-app-booking #am-service-booking h3 {
	font-size: 24px;
}

.amelia-app-booking #am-service-booking h2 {
	font-size: 32px;
}

#am-category .am-category-service .am-category-service-info {
	padding: 10px 16px !important;
}

#am-category .am-category-service .am-category-service-color {
	margin-top: -40px !important;
	margin-bottom: 5px !important;
}

#am-category .am-category-service .am-category-service-image {
	height: 180px !important;
}

.am-step-booking-catalog .am-select-date .am-calendar-picker div {
	font-size: 16pt !important;
	font-weight: 500 !important;
}

.amelia-app-booking .am-calendar-picker .c-day-content, .am-modal.am-in-body .am-calendar-picker .c-day-content {
	width: 40px !important;
	height: 40px !important;
}

.amelia-app-booking .am-step-booking-catalog .am-select-date .am-appointment-times .el-radio-button .el-radio-button__inner {
	font-size: 20px !important;
	font-weight: 400 !important;
	width: 200px !important;
	padding: 8px !important;
}

.amelia-app-booking #am-step-booking .am-select-date .am-button-wrapper, .amelia-app-booking .am-step-booking-catalog .am-select-date .am-button-wrapper {
	margin: 0px auto !important;
}

.am-select-date-title {
	color: #fff !important;
	font-size: 28px !important;
}

.el-row {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.orderHeader {
	background-color: #36a9e1;
	padding: 15px;
	font-size: 24pt;
	color: #fff;
	margin-bottom: 15px;
}

#customer_details, #order_review_heading, #order_review {
	padding: 10px;
}

#order_review_heading {
	margin-top: 10px;
}


/* Styling for the modal used in the user profiles */

.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  margin-bottom: 100px;
}

@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

.close {
	color: #fff;
	float: right;
	font-size: 64px;
	font-weight: bold;
	padding-top: 6px;
}

.close:hover, .close:focus {
  color: #eee;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  background: #36a9e1;
  color: white;
  padding: 5px 10px 0px 10px;
}

.modal-header h2 {
	color: #fff;
	font-size: 36px;
}

.modal-body {
	padding: 2px 16px;
}

/* WooCommerse */

.shop_table .product-thumbnail, .shop_table .product-thumbnail {
	display: none;
}

.shop_table {
	border-radius: 0px;
	background: #fff;
}

.shop_table .actions .button, .checkout-button, #place_order {
	border-color: #155f84 !important;
	color: #155f84 !important;
	background-color: #e9f5fc !important;
}

.checkout-button:hover, #place_order:hover {
	border-color: #fff !important;
	background: rgba(0,0,0,.05) !important;
}

.shop_table .actions .button {
	width: 220px;
}

.shop_table thead tr {
	background: #36a9e1;
}

.shop_table th, .shop_table thead tr th {
	color: #fff;
}

.woocommerce a.remove {
	font-size: 3em;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
	float: none;
	width: 100%;
	margin: auto;
}

.cart-collaterals {
	padding-left: 10px;
	padding-right: 10px;
}

#checkoutButton {
	display: none;
	text-align: right;
	padding-right: 5px;
}

.shown {
	display: block !important;
}

.woocommerce {
	background-color: #fff;
	padding: 10px;
	border: 1px solid rgba(0,0,0,.1);
}

.actions {
	display: none;
}

.woocommerce-message a {
	color: #bce1f6 !important;
}

#checkoutContent .woocommerce-cart #payment, #checkoutContent .woocommerce-checkout #payment {
	background: #fff;
}

.woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce-message, .woocommerce-error, .woocommerce-info {
	background: #36a9e1 !important;
}

#online-store-main .et_pb_contact_submit, #online-store-main .et_password_protected_form .et_submit_button, #online-store-main .et_pb_bg_layout_light .et_pb_newsletter_button, #online-store-main .comment-reply-link, #online-store-main .form-submit .et_pb_button, #online-store-main .et_pb_bg_layout_light .et_pb_promo_button, #online-store-main .et_pb_bg_layout_light .et_pb_more_button, .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, .et_pb_contact p input[type="checkbox"]:checked + label i::before, .et_pb_bg_layout_light.et_pb_module.et_pb_button {
	color: #36a9e1 !important;
}

#online-store-main .comment-reply-link:hover, #online-store-main .et_password_protected_form #online-store-main .et_submit_button:hover, #online-store-main .form-submit .et_pb_button:hover, .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 {
	background: rgba(0,0,0,.05) !important;
}

.woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce-message, .woocommerce-error, .woocommerce-info {
    background: #36a9e1 !important;
}

.return-to-shop {
    text-align: right;
}

.wc-proceed-to-checkout {
    width: max-content;
    float: right;
}

.checkoutHeader {
    border: 1px solid #eee;
    background: #36a9e1;
    color: #fff;
    padding: 10px;
    font-size: 26pt;
    padding-left: 15px;
}

.woocommerce-order-details {
	display: none;
}

.amelia-app-booking #am-service-booking .am-service .am-service-providers {
	padding: 20px;
}

#footer-info2, #footer-info2 a {
    font-size: 14px;
}
#footer-info2, #footer-info2 a {
    color: #666;
}
#footer-info2 {
    float: left;
    padding-bottom: 10px;
    color: #666;
    text-align: left;
	width: 100%;
}

.amelia-app-booking #am-cabinet .am-cabinet-dashboard .am-cabinet-menu .am-cabinet-menu-item {
    color: #fff;
}

.amelia-app-booking #am-cabinet .am-cabinet-dashboard .am-cabinet-dashboard-header .am-cabinet-dashboard-user-data .am-cabinet-user-email .el-dropdown-link {
    color: #fff;
}

.am-service-price small {
	font-size: 12pt;
}

.am-custom-fields .el-row {
    padding: 0px !important;
}

#am-category .am-category-service .am-category-service-info span {
	display: none;
}

/* Navbar fixes for mobile */
.et_header_style_left .mobile_menu_bar, .et_header_style_split .mobile_menu_bar {
    padding-bottom: 18px;
    margin-top: -10px;
}
#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {
	background-color:#fff !important;
}
#logo {
    max-height: 90% !important;
}
/* ------- */

.custom-button-form {
	width: max-content;
	margin: auto;
}

#custom-button-container {
	display: flex;
}

.contactTop {
    font-size: 18pt;
    padding-top: 15px;
    padding-bottom: 15px;
	text-align: center;
}

.amelia-app-booking #am-cabinet .am-cabinet-dashboard .am-cabinet-dashboard-header .am-cabinet-dashboard-user-data .am-cabinet-user-email .el-dropdown-link {
    color: #fff !important;
}
.amelia-app-booking #am-cabinet .am-cabinet-dashboard .am-cabinet-menu .am-cabinet-menu-item {
    color: #fff !important;
}

#messageContent .groupBody .cart-empty {
	margin-bottom: 5px;
}

.payment-desc {
	padding: 10px;
}

.custom-button-form {
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

#user-profile-content-divi {
   display: none;
}

.blueExtra h3, .blueExtra div {
	color: #36a9e1 !important;
}

#buttonsTwo {
	margin-top: 20px;
}

.hidden {
	display: none;
}

#greyBox {
    position: fixed;
    top: 0;
    left: 0px;
    width: 10000px;
    height: 10000px;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 40;
	cursor: pointer;
}