/*
Theme Name: DIY Depot Savoy WordPress Theme
Description: Custom Theme For DIY Depot Savoy
Author: Bean Bag Solutions
Author URI: https://beanbagsolutions.co.za/
Version: 1.0.0
Template: Divi
*/

/* ---FONTS--- */
@font-face {
	font-display: swap;
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 400;
	src: url('../diy-depot-savoy-child-theme/fonts/oswald-v53-latin-regular.woff2') format('woff2'),
		 url('../diy-depot-savoy-child-theme/fonts/oswald-v53-latin-regular.woff') format('woff');
}

@font-face {
	font-display: swap;
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 700;
	src: url('../diy-depot-savoy-child-theme/fonts/oswald-v53-latin-700.woff2') format('woff2'),
		 url('../diy-depot-savoy-child-theme/fonts/oswald-v53-latin-700.woff') format('woff');
}
  
body {
	font-family: 'Oswald', sans-serif;
}
  
.bbs h1,
.bbs h2,
.bbs h3,
.bbs h4 {
	font-weight: 700;
}

.bbs h1,
.bbs h2,
.bbs h3 {
	line-height: 1.2;
}

.bbs h4 {
	line-height: 1.4;
}

.bbs h1 {
	font-size: clamp(3.5rem, calc(3.5rem + ((1vw - 0.225rem) * 0.2564)), 3.75rem);
}

.bbs h2 {
	font-size: clamp(2.5rem, calc(2.5rem + ((1vw - 0.225rem) * 0.7692)), 3.25rem);
}

.bbs h3 {
	font-size: clamp(1.75rem, calc(1.75rem + ((1vw - 0.225rem) * 0.5128)), 2.25rem);
}

.bbs h4 {
	font-size: clamp(1.5rem, calc(1.5rem + ((1vw - 0.225rem) * 0.2564)), 1.75rem);
}

.bbs .et_mobile_menu li a,
.bbs p,
.bbs a, 
.bbs li {
	font-size: clamp(1.125rem, calc(1.125rem + ((1vw - 0.225rem) * 0.2564)), 1.375rem);
	font-weight: 400;
	line-height: 1.85;
}

.bbs.et_pb_button {
	font-size: clamp(1.25rem, calc(1.25rem + ((1vw - 0.225rem) * 0.2564)), 1.5rem);
	font-weight: 400;
	line-height: 2em !important;
}

/* ---DIVI STYLE CHANGES--- */
.et_pb_scroll_top.et-pb-icon {
    background: #F36D66;
    color: #03020A;
}

/* ---UTILITY STYLES--- */
.bbs-img-bg::before {
    content: '';
    background-color: #a72019;
    position: absolute;
    width: 100vw;
    height: 120%;
    top: 50%;
	transform: translateY(-50%);
}

.bbs-img-bg.left::before {
	right: 50%;
}

.bbs-img-bg.right::before {
	left: 50%;
}

.bbs-img-bg img {
	padding: 16px;
}

/* ---HEADER NAVIGATION STYLES--- */
header.et-l.et-l--header {
    position: absolute;
    width: 100%;
}

.bbs.et_pb_menu--style-left_aligned .et_pb_menu_inner_container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bbs.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
    padding: 0;
}

.bbs.et_pb_menu_0_tb_header.et_pb_menu ul li.bbs-nav-btn a {
	background-color: #a72019;
	border-radius: 16px;
    color: #fdfdfd!important;
	display: inline-block;
	padding: 0.4em 2em;
	transition: all .3s ease-in;
}

.bbs.et_pb_menu_0_tb_header.et_pb_menu ul li.bbs-nav-btn a:hover {
	background-color: #5f120e;
    color: #fdfdfd!important;
}

/* ---MEDIA QUERIES--- */
@media screen and (max-width : 980px) {
	/* MOBILE NAV MENU */
	.bbs .et_mobile_menu li.bbs-nav-btn {
		padding: 10px 5%;
	}
}

@media screen and (max-width : 480px) {
	/* BUTTON STYLES */
	.bbs.et_pb_button {
		width: 100%;
		text-align: center;
	}
}