/*
Theme Name: Myers, Tennier & Co WordPress Theme
Theme URI: https://myten.co.za
Description: Custom Theme For Myers, Tennier & Co.
Author: Bean Bag Solutions
Author URI: https://webconsultantgeek.com
Version: 1.0.0
Template: Divi
*/

/* FONTS */
@font-face {
  font-display: swap; 
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../my-ten-theme/fonts/open-sans-v35-latin-500.woff2') format('woff2');
}

@font-face {
  font-display: swap; 
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../my-ten-theme/fonts/open-sans-v35-latin-700.woff2') format('woff2'); 
}

html {
	font-size: 62.5%;
}

.bbs h1, 
.bbs h2, 
.bbs h3, 
.bbs h4 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  letter-spacing: .2rem;
  line-height: 1.3;
}

.bbs h1 {
	font-size: clamp(3.2rem, calc(3.2rem + ((1vw - 0.36rem) * 0.7692)), 4.4rem);
}

.bbs h2 {
	font-size: clamp(2.8rem, calc(2.8rem + ((1vw - 0.36rem) * 0.5128)), 3.6rem);
}

.bbs h3 {
	font-size: clamp(2.4rem, calc(2.4rem + ((1vw - 0.36rem) * 0.3846)), 3rem);
}

.bbs h4 {
	font-size: clamp(2rem, calc(2rem + ((1vw - 0.36rem) * 0.1282)), 2.2rem);
}

.bbs p, 
.bbs a, 
.bbs li {
    font-family: 'Open Sans', sans-serif;
	font-size: clamp(1.6rem, calc(1.6rem + ((1vw - 0.36rem) * 0.1282)), 1.8rem);
	font-weight: 500;
    line-height: 1.8;
}

a.bbs.et_pb_button {
    font-family: 'Open Sans', sans-serif;
	font-size: clamp(1.6rem, calc(1.6rem + ((1vw - 0.36rem) * 0.1282)), 1.8rem);
	font-weight: 700;
}

.bbs-link-arrow a {
	font-weight: 700;
}

.bbs-link-arrow a::after {
    content: '\24';
    font-family: 'ETmodules';
	font-size: 1em;
    position: relative;
	top: 2px;
    left: 10px;
	transition: all .3s;
}

.bbs-link-arrow a:hover::after {
    left: 12px;
}


a.et_pb_button.bbs-hero-btn {
	font-family: 'Open Sans', sans-serif;
	font-size: clamp(2rem, calc(2rem + ((1vw - 0.36rem) * 0.5128)), 2.8rem);
	font-weight: 700;
}

/* DIVI STYLE CHANGES */
.et_pb_scroll_top.et-pb-icon {
	background-color: #001F7a ;
	color: #ebf0ff;
}

/* MOBILE NAVIGATION MENU */
.et_pb_menu .et_mobile_nav_menu {
	margin: 0;
}

.et_pb_row {
	width: 85%;
}

/* UTILITY STYLES */
.bbs.remove-padding h1,
.bbs.remove-padding h2,
.bbs.remove-padding h3,
.bbs.remove-padding h4,
.bbs.remove-padding p {
    padding: 0;
}

/* .bbs.paragraph-padding-bottom p {
    padding-bottom: 30px;
} */

.bbs-flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bbs-extend-image-height.et_pb_image,
.bbs-extend-image-height.et_pb_image .et_pb_image_wrap,
.bbs-extend-image-height.et_pb_image .et_pb_image_wrap img {
    height: 100%;
}

.bbs-extend-image-height.et_pb_image .et_pb_image_wrap img {
    object-fit: cover;
}

/* BENEFITS SECTION */
.benefit-section-number p {
    font-family: 'Open Sans', sans-serif;
    font-size: 2.4rem;
    font-weight: 700;
    padding: 0;
}

/* FORMINATOR CONTACT FORM */
.et-db #et-boc .bbs-contact-form.et_pb_module .forminator-ui.forminator-custom-form[data-design=flat]:not(.forminator-size--small), 
.bbs-contact-form .forminator-ui.forminator-custom-form[data-design=flat]:not(.forminator-size--small) {
    margin: 0;
}

.bbs-contact-form .forminator-ui#forminator-module-220.forminator-design--flat .forminator-label,
.bbs-contact-form span.forminator-checkbox-label,
.bbs-contact-form .forminator-ui#forminator-module-220.forminator-design--flat .forminator-button-submit {
    font-size: clamp(1.6rem, calc(1.6rem + ((1vw - 0.36rem) * 0.1282)), 1.8rem);
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
}

.et-db #et-boc .bbs-contact-form.et_pb_module .forminator-ui.forminator-custom-form[data-design=flat] .forminator-button, 
.bbs-contact-form .forminator-ui.forminator-custom-form[data-design=flat] .forminator-button {
    border-radius: 0.3em;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0.5em 2em;
}

.et-db #et-boc .bbs-contact-form.et_pb_module .forminator-ui.forminator-custom-form[data-design=flat] .forminator-button:hover,
.bbs-contact-form .forminator-ui.forminator-custom-form[data-design=flat] .forminator-button:hover {
    box-shadow: none;
}

/* HERO IMAGES ON INNER PAGES */
.bbs-hero-imgs.et_pb_module.et_pb_image .et_pb_image_wrap {
	height: 100%;
	width: 100%;
}

.bbs-hero-imgs.et_pb_module.et_pb_image .et_pb_image_wrap img {
	height: 100%;
	width: 100%;
    object-fit: cover;
}

/* SERVICES PAGE */
.bbs-service-section {
    background-color: #002caf;
    border-radius: 0.3em;
    color: #ebf0ff;
    font-family: inherit;
    padding: 2em;
    height: 260px;
}

.bbs-service-section .number {
    font-size: clamp(2rem, calc(2rem + ((1vw - 0.36rem) * 0.1282)), 2.2rem);
    font-weight: 700;
    text-align: right;
    margin-bottom: 20px;
}

.bbs-service-section .heading {
    font-size: clamp(2rem, calc(2rem + ((1vw - 0.36rem) * 0.1282)), 2.2rem);
    font-weight: 700;
    line-height: 1.3;
}

.bbs-service-section .text {
    font-family: 'Open Sans', sans-serif;
	font-size: clamp(1.6rem, calc(1.6rem + ((1vw - 0.36rem) * 0.1282)), 1.8rem);
	font-weight: 500;
    line-height: 1.8;
}

/* MEDIA QUERIES */
@media only screen and (min-width: 981px) and (max-width: 1200px) {
    /* HEADER SECTION */
    .et_pb_column.et_pb_column_1_tb_header {
        width: calc(100% - 220px)!important;
    }

    #contact-button {
        width: 220px;
    }

    .bbs .et-menu li>a {
        font-size: 1.4rem;
    }

    /* ---SET MOBILE MENU RESPONSIVE BREAKPOINT--- */
    /* .et_pb_menu .et_pb_menu__menu {
        display: none;
    }
    .et_mobile_nav_menu {
        display: block;
    } */
}

@media screen and (max-width : 1100px) {
    /* SERVICES PAGE */
    .bbs-service-section {
        height: 275px;
    }
}

@media screen and (max-width : 980px) {
    /* BENEFITS SECTION */
    .benefit-section-number p {
        font-size: 2.2rem;
    }

    /* SERVICES PAGE */
    .bbs-logo-row .et_pb_column {
        margin-bottom: 0;
    }

    .bbs-service-section {
        height: auto;
    }
}

@media screen and (max-width : 767px) {
    /* HEADER SECTION */
    .et_pb_gutters1 #header-column-two.et_pb_column, 
    .et_pb_gutters1.et_pb_row #header-column-two.et_pb_column {
        margin-bottom: 10px !important;
    }

    /* BENEFITS SECTION */
    .benefit-section-number p {
        font-size: 2rem;
    }

    /* SERVICES PAGE */
    .bbs-logo-row .et_pb_column {
        margin-bottom: 30px;
    }
}