/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

html,
body { 
    overflow-x:hidden; 
}

/******************
* ACCESSIBILITY
******************/
.gallery-thumb a:focus-visible,
.gbp-button--primary:focus-visible {
    outline: 3px dashed  #ffffff;
    outline-offset: 2px;
}
.gbp-button--primary:focus-visible,
.button-primary:focus-visible {
    outline: 3px dashed  #6A4A4A;
}
.inside-article a:focus-visible,
.paging-navigation a:focus-visible,
.comments-area a:focus-visible,
.page-header a:focus-visible {
    outline: 2px dashed  #6A4A4A;
}
.envira-gallery-item-inner:has(a.envira-gallery-link:focus-visible) {
    outline: 3px solid var(--contrast-2) !important;
    outline-offset: 2px !important;
    opacity: .7;
}
.envira-gallery-wrap:has(a.envira-gallery-link:focus-visible) {
    overflow: visible !important;
}
/******************
* ELEMENTS
******************/
figcaption {
    font-size: 1rem;
}

blockquote {
    border: none;
    font-style: normal;
    font-size: 1.275rem;
    font-weight: 500;
}
ul,
ol {
    margin-left: 1em;
    padding-left: 0;
}
article ul {
    list-style: none;
}
article ul li {
    margin-bottom: 1rem;
    display: flex;
    align-items: flex-start;
    gap: 0.5em;
}
article ol li {
    margin-bottom: 2rem;
}

/******************
* CUSTOM ELEMENTS
******************/

/******** LISTS ********/

article ul li::before {
    content: '';
    display: block;
    width: 1.1em;
    height: 1.1em;
    flex-shrink: 0;
    margin-top: .3em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='6.5 6.5 5 5'%3E%3Ccircle cx='9' cy='9' r='2.5' fill='%23D04C2A'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}
article ol.options-explored-list {
    list-style: upper-latin;
}
article ol.options-explored-list li::marker {
    font-weight: bold;
}
/******** TESTIMONIALS ********/

.testimonial-box {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
}
.testimonial-box.loop {
    max-width: 100%;
    margin-bottom: 3em;
}
.testimonial-box blockquote {
	background: var(--global-color-8);
	padding: 2rem;
	margin: 0;
	position: relative;
}
.testimonial-box blockquote::after {
	content: '';
	position: absolute;
	bottom: -40px;;
	right: 100px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 60px 90px 0 0;
	border-color: var(--global-color-8) transparent transparent transparent;
}
.testimonial-box figcaption {
	text-align: right;
	font-weight: 700;
	font-size: 1.25rem;
	padding-top: 3rem;
    padding-right: 60px;
}

/******************
* FORMS & BUTTON
******************/
.menu-toggle {
    padding: 0;
}
#mobile-header.main-navigation.has-branding .menu-toggle,
#mobile-header.main-navigation.has-sticky-branding.navigation-stick .menu-toggle {
    padding: 0;
}

/******************
* LAYOUT
******************/
.main-navigation li {
    margin: 0 4px 4px 0;
}
.main-navigation ul ul li {
    margin: 0;
}
.main-navigation li a:hover,
.main-navigation li a:focus,
#site-navigation.main-navigation li.current-menu-item a,
.main-navigation li.toggled-on > a,
#site-navigation.main-navigation li.current-menu-item a {
    box-shadow: 4px 4px 0px var(--contrast-2);
    outline: none;
}
.main-navigation ul ul li a,
.main-navigation ul ul li a:hover,
.main-navigation ul ul li a:focus,
.main-navigation ul ul li:hover > a,
.main-navigation ul ul li.toggled-on > a {
    box-shadow: none;
}
.postid-4330 .site-content {
    padding-top: 0;
}
.postid-4330 .entry-content {
    margin-top: 0;
}
.single-envira .page-header-image-single,
.single-service .page-header-image-single,
.page .page-header-image-single {
    display: none;
}
.home.one-container .site-content {
    padding-top: 0;
}
.site-header {
    border-bottom: 1px solid var(--global-color-8);
}
#menu-footer-menu .gb-menu-link {
    padding: 0;
}
.read-more {
    background-color: var(--contrast-2);
    color: #ffffff;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0.75rem 1.5rem;
}
/*#main .gb-query-page-numbers-2579319d .page-numbers {
    background-color: var(--base-3);
    color: var(--global-color-9);
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    border: 2px solid var(--contrast-2);
    padding: 1rem;
}  
#main .gb-query-page-numbers-2579319d .page-numbers:hover,
#main .gb-query-page-numbers-2579319d .page-numbers:focus,
#main .gb-query-page-numbers-2579319d .page-numbers.current {
    color: var(--base-3);
    background-color: var(--contrast-2); 
}*/
.gallery-thumb:hover::after {
  background: rgba(0, 0, 0, 0.5);
}


@media screen and (max-width: 600px) {
  .testimonial-box blockquote { 
    font-size: 1.12rem;
  }
}

@media  screen and (max-width: 768px) {
    #mobile-header.main-navigation.has-branding .inside-navigation.grid-container {
        padding: 0px 10px;
    }
    #mobile-header.navigation-branding .main-title,
    #mobile-header.mobile-header-navigation .site-logo {
        margin-left: 0;
    }
}