/*
 *
 * Insert custom styles. These will be loaded last.
 *
 * If using media queries, and start having multiple settings, then
 * move to bottom of file to be run last. Don't have multiple @media calls
 * for the same size.
 *
 * When using min-width media queries in CSS, it's important to order them from the largest
 * screen size to the smallest. This is because CSS reads styles from top to bottom, and if
 * you have conflicting styles in different media queries, the last one will take precedence.
 *
 * When using max-width just reverse the above so smallest to largest.
 *
 * https://css-tricks.com/a-complete-guide-to-css-media-queries/
 *
 * The keyword ‘only’ can also be used to hide style sheets from older user agents. Modern user agents
 * must process media queries starting with ‘only’ as if the ‘only’ keyword was not present.
 *
 *
*/


/*

   ___                      _ __   _ ___ __
  / _ |___________ ___ ___ (_) /  (_) (_) /___ __
 / __ / __/ __/ -_|_-<(_-</ / _ \/ / / / __/ // /
/_/ |_\__/\__/\__/___/___/_/_.__/_/_/_/\__/\_, /
                                          /___/

 */
/**
Fix Accessibility Issues on my website relating to third party tags?
https://stackoverflow.com/questions/63474592/is-there-a-way-to-fix-accessibility-issues-on-my-website-relating-to-third-party
*/
/*
First, all links are inline-block. This enables the focus ring to encompass
the whole image instead of just a line or a squished focus ring that doesn't
communicate what or where the focused link is.
*/
a {
    display: inline-block; /* Ensures the anchor behaves like a block-level element */
    text-decoration: none;
    color: #c85001;
}

/*
Colors: Please search & replace these colors in Accessibility section
*/

/*
FORMS
*/

/* Let's be specific about labels that we want to show contents */
form#commentform.comment-form p.comment-form-cookies-consent label {
    width: auto;
    height: auto;
    position: inherit !important;
    clip: auto;
    clip-path: none;
}

/* Now, lets hide all other labels */
.visually-hidden .et_pb_contact_form .et_pb_contact_field .et_pb_contact_form_label,
form#commentform.comment-form label {
    display: unset !important;
    border: 0;
    padding: 0;
    margin: 0;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */
    clip: rect(1px, 1px, 1px, 1px); /*maybe deprecated but we need to support legacy browsers */
    clip-path: inset(50%); /*modern browsers, clip-path works inwards from each corner*/
    white-space: nowrap; /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */
}

/* Style Accessibility Sidebar */

/*
Main Colors (It's as easy as 1, 2, 3, 4, 5, 6 & 7!)
*/

/* 1) Main panel (this is the main background color) */

div#dvmd_accessibility_wrapper aside#dvmd_acsb_sidebar {
    background: #cc967b;
}

/* 2) Accordion panels (this is the secondary color) */

div#dvmd_accessibility_wrapper aside#dvmd_acsb_sidebar .dvmd_acsb_accordions .dvmd_acsb_toggle_container {
    background: #26241d;
}

/* 3) Button Background & text color default (this defines all buttons default) */

div#dvmd_accessibility_wrapper aside#dvmd_acsb_sidebar button,
div#dvmd_accessibility_wrapper aside#dvmd_acsb_sidebar .dvmd_acsb_tabs [role="tab"],
    /*div#dvmd_accessibility_wrapper aside#dvmd_acsb_sidebar .dvmd_acsb_tabs [role="tab"][aria-selected="true"],*/

div#dvmd_accessibility_wrapper aside#dvmd_acsb_sidebar select {
    color: #fcfaf8; /* This should match fill in step 6 */
    background: #845a4b;
}

/* 4) Hover for Button Background & text */

div#dvmd_accessibility_wrapper aside#dvmd_acsb_sidebar button:hover,
div#dvmd_accessibility_wrapper aside#dvmd_acsb_sidebar select:hover {
    /* Same as step 6.3, 6.4 */
    color: #284f26; /* color of font */
    background-color: #dfbead; /* background of button */
}


/* 5) Background & Link text in Accessibility statement Panel (this is any link in Accessibility toggle panel */

div#dvmd_accessibility_wrapper aside#dvmd_acsb_sidebar #dvmd_acsb_statement_text h3,
div#dvmd_accessibility_wrapper aside#dvmd_acsb_sidebar #dvmd_acsb_statement_text p {
    background-color: unset; /* This makes the panel transparent so text will show against background in step 3 */
    color: #fcfaf8; /* color of font */
}

div#dvmd_accessibility_wrapper aside#dvmd_acsb_sidebar .dvmd_acsb_toggle_container #dvmd_acsb_statement_text a {
    color: #ff6656;
}

/* 6) Color of SVG icons & button text */

/* 6.1) Styles for the selected (active) radio button */
div#dvmd_accessibility_wrapper aside#dvmd_acsb_sidebar .dvmd_acsb_tabs [role="tab"][aria-selected="true"],
div#dvmd_accessibility_wrapper aside#dvmd_acsb_sidebar [role="radio"][aria-checked="true"] {
    background-color: #407f3d;
    color: #fcfaf8;
}

/* 6.2) Styles for the SVG inside the selected radio button */
div#dvmd_accessibility_wrapper aside#dvmd_acsb_sidebar button#dvmd_acsb_close_sidebar svg,
div#dvmd_accessibility_wrapper aside#dvmd_acsb_sidebar .dvmd_acsb_tabs [role="tab"][aria-selected="true"] svg,
div#dvmd_accessibility_wrapper aside#dvmd_acsb_sidebar [role="radio"][aria-checked="true"] svg {
    fill: #fcfaf8;
}

/* 6.3) Hover styles for all radio buttons */
div#dvmd_accessibility_wrapper aside#dvmd_acsb_sidebar .dvmd_acsb_tabs [role="tab"]:hover,
div#dvmd_accessibility_wrapper aside#dvmd_acsb_sidebar [role="radio"]:hover {
    /* Same as step 4 */
    color: #284f26; /* color of font */
    background-color: #dfbead; /* background of button */
}

/* 6.4) Hover styles for SVG inside all radio buttons */
div#dvmd_accessibility_wrapper aside#dvmd_acsb_sidebar button#dvmd_acsb_close_sidebar:hover svg,
div#dvmd_accessibility_wrapper aside#dvmd_acsb_sidebar .dvmd_acsb_tabs [role="tab"]:hover svg,
div#dvmd_accessibility_wrapper aside#dvmd_acsb_sidebar [role="radio"]:hover svg {
    /* Same as step 4 color variable */
    fill: #284f26;
}


/* 7) Power buttons */

/* Color of power button */
div#dvmd_accessibility_wrapper aside#dvmd_acsb_sidebar div.dvmd_acsb_tabs [role="tab"][aria-selected="false"]:first-child,
#dvmd_accessibility_wrapper[dir="ltr"] aside#dvmd_acsb_sidebar section#dvmd_acsb_screen_reader_panel div[role="radiogroup"] [role="radio"][aria-checked="false"]:first-child,
#dvmd_accessibility_wrapper[dir="ltr"] aside#dvmd_acsb_sidebar section#dvmd_acsb_navigation_tools_panel div[role="radiogroup"] [role="radio"][aria-checked="false"]:first-child,
#dvmd_accessibility_wrapper[dir="ltr"] aside#dvmd_acsb_sidebar section#dvmd_acsb_reading_tools_panel div[role="radiogroup"] [role="radio"][aria-checked="false"]:first-child,
#dvmd_accessibility_wrapper[dir="ltr"] aside#dvmd_acsb_sidebar section#dvmd_acsb_text_tools_panel div[role="radiogroup"] [role="radio"][aria-checked="false"]:first-child,
#dvmd_accessibility_wrapper[dir="ltr"] aside#dvmd_acsb_sidebar section#dvmd_acsb_graphics_tools_panel div[role="radiogroup"] [role="radio"][aria-checked="false"]:first-child {
    background-color: #ac372b;
}

/* Power button hover */
div#dvmd_accessibility_wrapper aside#dvmd_acsb_sidebar div.dvmd_acsb_tabs [role="tab"][aria-selected="false"]:first-child:hover,
#dvmd_accessibility_wrapper[dir="ltr"] aside#dvmd_acsb_sidebar section#dvmd_acsb_screen_reader_panel div[role="radiogroup"] [role="radio"][aria-checked="false"]:first-child:hover,
#dvmd_accessibility_wrapper[dir="ltr"] aside#dvmd_acsb_sidebar section#dvmd_acsb_navigation_tools_panel div[role="radiogroup"] [role="radio"][aria-checked="false"]:first-child:hover,
#dvmd_accessibility_wrapper[dir="ltr"] aside#dvmd_acsb_sidebar section#dvmd_acsb_reading_tools_panel div[role="radiogroup"] [role="radio"][aria-checked="false"]:first-child:hover,
#dvmd_accessibility_wrapper[dir="ltr"] aside#dvmd_acsb_sidebar section#dvmd_acsb_text_tools_panel div[role="radiogroup"] [role="radio"][aria-checked="false"]:first-child:hover,
#dvmd_accessibility_wrapper[dir="ltr"] aside#dvmd_acsb_sidebar section#dvmd_acsb_graphics_tools_panel div[role="radiogroup"] [role="radio"][aria-checked="false"]:first-child:hover {
    background-color: #bc5d53;
}


/* 7) Focus ring on sidebar */
#dvmd_acsb_sidebar [tabindex="0"]:focus,
#dvmd_acsb_sidebar [tabindex="0"]:hover,
#dvmd_acsb_sidebar a:focus,
#dvmd_acsb_sidebar a:hover,
#dvmd_acsb_sidebar button:focus,
#dvmd_acsb_sidebar button:hover {
    -webkit-box-shadow: 0 0 0 3px #f46303;
    box-shadow: 0 0 0 3px #f46303;
}

/*
Now, lets style the rest of the site
*/
/* 1) Focus ring */
/* TAB OUTLINE ON BLURB LINKS */
/**
This CSS does the following:

    1) Maintains your original focus styles for general elements.
    2) Adds specific styles for the et_pb_main_blurb_image links, ensuring they display an outline when focused.
    3) Uses display: inline-block on the link to make sure the outline wraps around the image properly.
    4) Implements :focus-visible to show the focus ring only when using keyboard navigation, which is supported in modern
    5) browsers including Chrome and Opera.
    6) Removes the focus styles when using a mouse, for browsers that support :focus-visible.
    7) Removes the default focus styles.
    8) Applies the focus styles using :focus-visible for keyboard navigation.
    9) Includes a fallback for browsers that don't support :focus-visible.

This code should prevent the 3px shift by reserving space for the outline at all times. The outline will appear within
this reserved space when the element receives focus, avoiding any layout changes.

These changes should make the focus ring appear consistently across browsers, including Chrome and Opera, while maintaining
good accessibility practices.
 */
/* 1.1) General focus styles */
/* Prevent layout shift for focusable images */
.et_pb_team_member_image a,
.et_pb_main_blurb_image a {
    padding: 3px; /* Reserve space for the outline */
    margin: -3px; /* Compensate for the padding to maintain original layout */
    transition: outline 0.2s ease; /* Smooth transition for the outline */
}

html[data-actw-focus-ring] body #page-container :focus:not(#dvmd_accessibility_wrapper *),
html[data-actw-focus-ring] body :focus:not(#dvmd_accessibility_wrapper *),
html[data-actw-focus-ring] body.et-db #et-boc .et-l :focus:not(#dvmd_accessibility_wrapper *) {
    outline: 3px solid var(--dvmd_actw_focus_ring_color) !important;
    outline-offset: 0 !important;
}

/* 1.2) Specific styles for et_pb_main_blurb_image focus */
html[data-actw-focus-ring] .et_pb_team_member_image a:focus,
html[data-actw-focus-ring] .et_pb_main_blurb_image a:focus {
    display: inline-block; /* Ensures the outline wraps around the image */
    outline: 3px solid var(--dvmd_actw_focus_ring_color) !important;
    outline-offset: 0 !important;
}

/* Ensure the focus style is applied when using keyboard navigation */
.et_pb_team_member_image a:focus-visible,
.et_pb_main_blurb_image a:focus-visible {
    outline: 3px solid var(--dvmd_actw_focus_ring_color) !important;
    outline-offset: 0 !important;
}

/* Remove focus styles when using mouse (for browsers that support :focus-visible) */
.et_pb_team_member_image a:focus:not(:focus-visible),
.et_pb_main_blurb_image a:focus:not(:focus-visible) {
    outline: none !important;
}

/* Fallback for browsers that don't support :focus-visible */
@supports not selector(:focus-visible) {
    .et_pb_team_member_image a:focus,
    .et_pb_main_blurb_image a:focus {
        outline: 3px solid var(--dvmd_actw_focus_ring_color);
    }
}

/* 1.3) This is the gallery on about page */
/* Target gallery image links */
.et_pb_gallery_item .et_pb_gallery_image a {
    display: block;
    position: relative;
    outline: none; /* Remove default outline */
}

/* Create space for focus ring without shifting layout */
.et_pb_gallery_item .et_pb_gallery_image {
    padding: 3px;
    margin: -3px;
}

/* Apply focus styles */
.et_pb_gallery_item .et_pb_gallery_image a:focus-visible::after {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    outline: 3px solid var(--dvmd_actw_focus_ring_color);
    pointer-events: none;
}

/* Fallback for browsers that don't support :focus-visible */
@supports not selector(:focus-visible) {
    .et_pb_gallery_item .et_pb_gallery_image a:focus::after {
        content: '';
        position: absolute;
        top: -3px;
        left: -3px;
        right: -3px;
        bottom: -3px;
        outline: 3px solid var(--dvmd_actw_focus_ring_color);
        pointer-events: none;
    }
}

/* Ensure the overlay doesn't interfere with the focus ring */
.et_pb_gallery_item .et_overlay {
    z-index: 1;
}

.et_pb_gallery_item .et_pb_gallery_image a:focus-visible .et_overlay {
    z-index: 2;
}

/* 1.4) Featured properties Button Above Image */
/*
This makes the style of button match site. We made the button have a link so it will be
accessible when using keyboard.
*/
.et_pb_section .bizstax-img-expand .et_pb_module.et_pb_text .et_pb_text_inner a {
    color: #fcfaf8;
    font-size: 1.2rem;
    padding: 12px 30px !important;
    line-height: 2.7rem;
    background-color: rgba(64, 127, 61, 0.95);
    border-radius: 5px;
}

.et_pb_section .bizstax-img-expand .et_pb_module.et_pb_text .et_pb_text_inner a:hover {
    color: #fff !important;
    background-color: rgba(132, 90, 75);
}





/*

  _____                      __
 / ___/__ ___  ___ _______ _/ /
/ (_ / -_) _ \/ -_) __/ _ `/ /
\___/\__/_//_/\__/_/  \_,_/_/


*/

.container,
.et_pb_row,
.et_pb_slider .et_pb_container,
.et_pb_fullwidth_section .et_pb_title_container,
.et_pb_fullwidth_section .et_pb_title_featured_container,
.et_pb_fullwidth_header:not(.et_pb_fullscreen) .et_pb_fullwidth_header_container {
    max-width:1080px;
    /* max-width:1920px; */
}
.et_boxed_layout #page-container,
.et_boxed_layout.et_non_fixed_nav.et_transparent_nav #page-container #top-header,
.et_boxed_layout.et_non_fixed_nav.et_transparent_nav #page-container #main-header,
.et_fixed_nav.et_boxed_layout #page-container #top-header,
.et_fixed_nav.et_boxed_layout #page-container #main-header,
.et_boxed_layout #page-container .container,
.et_boxed_layout #page-container .et_pb_row {
 max-width:2080px
}
@media only screen and (min-width:2400px) {
 .et_pb_row {
  padding:48px 0
 }
 .et_pb_section {
  padding:96px 0
 }
 .single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper {
  padding-top:144px
 }
 .et_pb_fullwidth_section {
  padding:0
 }
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "work_sansregular", Helvetica, Arial, Lucida, sans-serif !important;
    text-transform: uppercase !important;
}
/* Link Colors */
/* a {
    color: #c72d4e !important;
}

a:hover {
    color: #ff0000 !important;
} */


/* Control home page hero title size */
.h1_home h1 {
    font-size: 36px;
}

/* home page subtitle text */

.bizstax-custom-sub-title-font {
    font-family: "opensanslight",Arial,sans-serif !important;
}

body {
    font-family:"open_sansregular",Arial,sans-serif !important;
}


/* Hero form control button */
div#page-container div#et-boc.et-boc div#et-main-area div#main-content div.et_pb_section.et_pb_section_0_tb_body.et_pb_with_background.et_section_regular div#et_pb_contact_form_0.et_pb_with_border.et_pb_module.et_pb_contact_form_0_tb_body.custom_form_home_top.et_pb_contact_form_container div.et_pb_contact form.et_pb_contact_form div.et_contact_bottom_container {
    float: right !important;
    justify-content: unset;
    width: unset;
}






/* Curtis Testing Styles */









/* Buttons */

.bizstax-hide-buttons,
.bizstax_hide {
    display:none !important;
}

.bizstax-paragraph-titles {
  font-family: Open Sans,Arial,sans-serif;
  font-size: 14px;
  color: #fec43e !important;
  line-height: 1.7em;
  font-weight: 500;
}



/* Also Curtis Testing footer menu */
/*Make the menu module display vertically*/
.bizstax-vertical-menu nav ul li {
    width: 100%;
    display: block;
    }
/*show desktop menu*/
    .bizstax-vertical-menu .et_pb_menu__menu {
    display: flex!important;
    }
    .bizstax-vertical-menu .et_mobile_nav_menu {
    display: none!important;
    }

/* in footer correct line below logo */
.et_pb_text_3_tb_footer {
    line-height: 1em;
}



/* Padding on subscription form so form looks balanced */
div#page-container div#et-boc.et-boc div#et-main-area div#main-content .et_pb_newsletter.et_pb_subscribe div.et_pb_newsletter_description {
    padding-right: 30px;
}



/* contact us form background */
div#et-main-area div#main-content div.et_pb_section div.et_pb_row.contact_v2_row div.et_pb_column.contact_v2_column_2.bizstax_bak {
    background-color: #f4f4f5;
    padding-top: 6%;
}








/* Spacing on pages */
div#et-main-area div#main-content .et_builder_inner_content.et_pb_gutters3 div.et_pb_section.et_pb_section_0_tb_body.et_section_regular {
    padding-top: 40px;
    /* margin-top: 40px; */
}

/* Contact page */
div#et-main-area div#main-content div.et_pb_section div.et_pb_row.contact_v2_row div.et_pb_column.contact_v2_column_1,
div#et-main-area div#main-content div.et_pb_section div.et_pb_row.contact_v2_row div.et_pb_column.contact_v2_column_2.bizstax_bak {
    padding-top: 4%;
}

/* Search page */
div#et-main-area div#main-content .et_builder_inner_content.et_pb_gutters3 div.et_pb_section.et_pb_section_0_tb_body.et_section_regular.bizstax_search {
    margin-top: 0;
}


/* Gotta have this to exempt contact page from spacing */
div#et-main-area div#main-content .et_builder_inner_content.et_pb_gutters3 div.et_pb_section.et_pb_section_0_tb_body.et_section_regular.bizstax_contact {
    padding-top: unset;
    margin-top: unset;
}
/* Fix Home Page spacing */
body.home div#et-main-area div#main-content .et_builder_inner_content.et_pb_gutters3 div.et_pb_section.et_pb_section_0_tb_body.et_section_regular {
    padding-top: 64px;
    margin-top: unset;
}


















@media (min-width: 1501px) {
    /* Control home page hero title size */
    .h1_home h1 {
        font-size: 70px;
    }
    .et_pb_image_6_tb_body.bizstax-et_pb_image_wrap {
        scale:175%;
        margin-top: 64px;
        margin-left: -540px;
    }
    .et_pb_image_0_tb_footer {
        width: 36%;
    }
}