/*!
Theme Name: Highgate
Theme URI: https://roderickpughmarketing.com/
Author: Roderick Pugh Marketing
Author URI: https://roderickpughmarketing.com/
Description: Websites Made Smarter v6 Highgate
Version: 6.2.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: highgate
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Highgate is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

It also utilises Bootstrap (v5.1.3) and Font Awesome (v5.13.0)

Changes from BS v4 to v5 are shown here: https://getbootstrap.com/docs/5.1/migration/
Many small changes. Some key differences include:
 - new xxl breakpoint for 1400px and up
 - Gutters are now set in rems, and are narrower than v4 (1.5rem, or about 24px, down from 30px).
 - Links are underlined by default
 - Replaced the .card based accordion with a new Accordion component.
 - text-*-left and -right is now text-*-start and -end

/**
 * v6.2 Nov 2025
 * - Using custom Adobe font
 * - added underlines for headings ... now not used!
 * - added menu-only-mode
 * v6.1 Aug 2022
 * - Added support for WP Media Gallery
 * v6.0 Jul 2022
 * - Moved to v6 from v5.1.4
 * - Bootstrap updated from v4.5.0 to v5.1.3
 * - Font Awesome upgraded from v5.13.0 to v6.1.1
 * - Std plugins changed
 * - allows for a custom-functions.php file
 * v5.1 Feb 2022
 * - changed the version numbers to make more sense!
 * - added image to the card shortcode
 * - allow for SVGs
 * - added the team page template 
 * - added cols to icon_left shortcode
 * - fixed display of post date when posted and updated are the same
 * - fixed the post navigation
 * v1.0.5 Apr 2021
 * - tweak - scans posts for images for the posts summary section
 * - tweak - added favicons
 * v1.0.4 Dec 2020
 * - tweak - styling adjustments
 * v1.0.3 Dec 2020
 * - upgrade - added map shortcode
 * v1.0.1 Jun 2020
 * - tweak - added option of three buttons on the home slideshow
 * - upgrade - added option of common text on top of moving slides
 * - tweak - remove better font awesome from plugins required
 * - tweak - remove the icon shortcode from BS 3 shortcodes and use our WMS one instead
 * v1.0.0 Apr 2020
 * - inital version from Soho
 * - tweak - removed Site Admin Email Verification Screen nag
 * - tweak - replaced geocoding tool for one that still works
 * - enhancement - added jumbo shortcode
 * - enhancement - added logos shortcode
 */

/**
 * Bootstrap
 */

.container {/*max-width: 1400px;*/}
.btn {border-radius: 20px; border-width: 2px;}
.btn-group-lg > .btn, .btn-lg {border-radius: 30px; border-width: 3px;}
img {max-width: 100%; height: auto;}
@media (min-width: 1550px){
	.navbar-expand-xl .navbar-nav .nav-link {padding-right: 20px; padding-left: 20px;}
}
small, .small {font-weight: inherit;}

/**
 * Alignments
 */

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft, img.alignright {max-width: 50%;}


/**
 * Custom font ......
 * inserted into functions.php and into style.php
 */

/**
 * underlines for headings
 */
h1, h2, h3 {padding-bottom: 15px;}

/*
h1:not(.no-line), h2:not(.no-line), h3:not(.no-line) {
    display: inline-block;
    position: relative;
    padding-bottom: 15px;
}

h1:not(.no-line)::after, h2:not(.no-line)::after, h3:not(.no-line)::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: #999999;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.6s ease-out;
}

h1.animate-in::after, h2.animate-in::after, h3.animate-in::after {
    transform: scaleX(1);
}
*/

/*--------------------------------------------------------------
## Header and top menu
--------------------------------------------------------------*/

.site-header {position:fixed; top:0; width:100%; z-index: 100; padding-top: 10px; padding-bottom: 10px; box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.2);}
.admin-bar .site-header {top:46px;}
@media (min-width: 782px){
	.admin-bar .site-header {top:32px;}
}

.menu-only-mode .site-menu-col {
    text-align: center;
    width: 100%;
}
.menu-only-mode .nav.navbar-nav {
    margin: 0 auto;
}

.shrink {}
.shrink + .site-content {padding-top: 100px;} /* we'll change this in js */
.topbar {height: auto; padding-bottom: 3px; margin-bottom: 10px; border-bottom: 1px solid transparent;}
.shrink .topbar {}
.topbar .site-tel-wrap {margin-bottom: 10px;}
.topbar-spacer {margin-right: 10px; padding-right: 10px; border-right: 1px solid transparent;}
.topbar .email-addr, .topbar .findus-text {margin-right: 5px;}
@media (min-width: 500px){
	.topbar .phone-number {display: inline!important;}
}
@media (min-width: 640px){
	.topbar .email-addr {display: inline!important;}
}
.header-btn {border-radius:12px; padding-top: 3px; padding-bottom: 3px; padding-left: 25px; padding-right: 25px;}
.social-col .topbar-spacer{display: none;}
@media (min-width: 1200px){
	.social-col .topbar-spacer{display: inline;}
}

.header-icon {padding: 3px 5px;}

/*.nav-link:focus, .nav-link:hover {text-decoration: underline;}*/
.site-menu-col {position: absolute; top:0; left: -350px; transition: left 0.5s;z-index:100; min-height: 1px; padding-right: 15px; padding-left: 15px; float:left; width:100%; max-width: 300px; opacity: 0.95;}
.site-menu-closer-wrap {text-align: right; font-size: 26px; padding-top: 10px;}
.site-menu {padding-bottom: 20px;}
@media (min-width:1200px){
	.site-menu-col {width:75%; position: relative; top: auto; left: auto; max-width: 100%;}
	.site-menu-closer-wrap {display: none;}
	.site-menu {padding-bottom:0;}
}
@media (min-width:1451px){
	.site-menu-col {width:70%;}
}
@media (min-width:1686px){
	.site-menu-col {width:74%;}
}
.site-menu-col.onscreen {left:0;}

/* the .site-logo-col column needs to adjust a lot depending on screen width and whether the header is scrolled or not */
.site-logo-col {position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; float:left; width:75%;}
.site-logo-col a {max-width: 400px; transition: all 0.5s;}
.site-logo-col img {width:auto; height:auto; max-width: 100%;  transition: all 0.5s;}
.expand .site-logo-col img {max-height: 100px;}
.shrink .site-logo-col a {/*max-width: 300px; max-height: 80px;*/}
.shrink .site-logo-col img {max-height: 50px;}
.site-trigger-col {position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; float:left; text-align: right;}
.expand .site-trigger-col {width:25%;}
.shrink .site-trigger-col {width:25%;}
.site-menu-trigger {font-size: 36px; line-height: 48px; display: inline-block;}
@media (min-width:577px){
	.expand .site-logo-col {width: 83.33333333%;}
	.shrink .site-logo-col {width: 83.33333333%;}
	.expand .site-logo-col img {max-height: 100px;}
	.shrink .site-logo-col a {}
	.shrink .site-logo-col img {}
	.expand .site-trigger-col {width:16.66666667%;}
	.shrink .site-trigger-col {width:16.66666667%;}
}
@media (min-width: 769px){
	.expand .site-logo-col {}
	.shrink .site-logo-col {}
	.expand .site-logo-col img {max-height: 110px;}
	.expand .site-trigger-col {}
	.shrink .site-trigger-col {}
}
@media (min-width: 993px){
	.expand .site-logo-col {}
	.shrink .site-logo-col {}
	.expand .site-logo-col img {max-height: 120px;}
	.shrink .site-logo-col img {max-height: 70px;}
	.expand .site-trigger-col {}
	.shrink .site-trigger-col {}
}
@media (min-width: 1200px){
	.expand .site-logo-col {width:25%;}
	.shrink .site-logo-col {width:25%;}
	.expand .site-logo-col img {max-height: 130px;}
	.expand .site-trigger-col {display: none;}
	.shrink .site-trigger-col {display: none;}
}
@media (min-width: 1451px){
	.expand .site-logo-col {width:30%;}
	.shrink .site-logo-col {width:30%;}
	.expand .site-logo-col img {max-height: 140px;}
}
@media (min-width: 1686px){
	.expand .site-logo-col {width:26%;}
	.shrink .site-logo-col {width:26%;}
	.expand .site-logo-col img {max-height: 150px;}
}
.site-header .navbar-brand {text-transform: uppercase; height: auto; padding: 0; font-size:48px; line-height:1;}

.menubar-contacts-col {position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; float:left; width:33.33333333%; display:none; text-align: right;}
@media (min-width:769px){
	.menubar-contacts-col {display: block;}
	.shrink .menubar-contacts-col {}
}
@media (min-width:993px){
	.shrink .menubar-contacts-col {}
}
@media (min-width: 1200px){
	.shrink .menubar-contacts-col {}
}
@media (min-width: 1451px){
	.shrink .menubar-contacts-col {}
	.shrink.two-locations .menubar-contacts-col {}
	.shrink.one-location .menubar-contacts-col {}
}
@media (min-width: 1686px){
	.shrink.two-locations .menubar-contacts-col {}
	.shrink.one-location .menubar-contacts-col {}
}

.menubar .nav-link {transition:all 0.5s; }
.menubar .nav-link, .menubar .nav-link:visited, .menubar .nav-link:hover, .menubar .nav-link:active, .menubar .nav-link:focus {text-decoration: none;}
.navbar-underline .nav-link, .navbar-underline .dropdown-item {padding-bottom: 3px; border-bottom: 5px solid transparent;}
/* remove default bootstrap background colours... */
.navbar-underline .dropdown-item:focus, .navbar-underline .dropdown-item:hover, .navbar-underline .dropdown-item.active, .navbar-underline .dropdown-item:active {background-color: transparent;}
.dropdown-menu {font-size: inherit;}

/*
.menubar.navbar {padding-left: 0; padding-right: 0; position:static; }
.menubar .navbar-toggler {padding: 0; font-size: 36px; line-height: 48px;}
.navbar-collapse {position: fixed; top:0; left:0; padding: 25px; background: #fff; min-width: 50%; z-index: 100; box-shadow: 20px 0px 20px 0px rgba(0,0,0,0.75);}
*/

/**
 * Slides and featured images
 */

#home-slideshow-wrap {position: relative;}
#home-slideshow, .wp-post-image, .wp-post-map {}
.wp-post-image {position: relative;}
#home-slideshow .item-overlay, .wp-post-image .item-overlay {width: 100%; height: 100%;}
.full-screen .caption-container {width:auto; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; height: 100%; position: relative; max-width: 1400px;}
@media (min-width: 992px){
    .full-screen .caption-container {/*width:970px;*/}
}
@media (min-width: 1200px){
    .full-screen .caption-container {/*width:1170px;*/}
}
.caption-left .carousel-caption {}
@media (min-width: 768px){
    .caption-left .carousel-caption {left:20px; text-align: left; max-width: 50%; right: auto;}
    .caption-left .carousel-caption .caption-btn-wrap {text-align: right;}
    .full-screen .caption-left .carousel-caption {left: 0;}
}
#home-slideshow .carousel-caption, .wp-post-image .carousel-caption {/*padding-left:15px; padding-right: 15px; left:0; right:0; top:25%; bottom:auto;*/}
@media (min-width: 525px){
	#home-slideshow .carousel-caption, .wp-post-image .carousel-caption {/*top:35%;*/}
}
@media (min-width: 768px){
	#home-slideshow .carousel-caption, .wp-post-image .carousel-caption {/*top:40%;*/}
}
#home-slideshow .carousel-inner .carousel-item, .wp-post-image .carousel-item, .wp-post-image .feat-img-resp {background-repeat:no-repeat; background-position: center center; background-size: cover;}
.carousel-caption {/*text-shadow: 0 0 6px #000000;*/}
.carousel-indicators {/*bottom: -20px;*/}
.carousel-indicators li {/*margin: 1px 4px; box-shadow: 0 0 5px #000;*/}
.carousel-indicators .active {/*margin: 0 3px;*/}
.carousel.nocontrols .carousel-indicators {display: none;}
.carousel.nocontrols .carousel-control {display: none;}
.carousel-control.left, .carousel-control.right {background: none;}
.carousel-inner {/*padding-left: 11%; padding-right: 11%;*/}
.btn-feat {margin:3px;}
.parallax {background-attachment: fixed;}

/**
 * Sections
 */

.wms-sect-page-head {padding-top: 100px; margin-bottom: -25px;} /* if there is no hero */
.wms-section-std, .wms-section-posts {padding-top: 50px; padding-bottom: 50px;}
.wms-section-left, .wms-section-right {padding-top: 50px; padding-bottom: 50px;}
.wms-section-wide {padding-top: 50px; padding-bottom: 50px;}
@media (min-width: 768px){
	.wms-section-std, .wms-section-posts {/*padding-top: 115px; padding-bottom: 70px;*/}
	.wms-section-left, .wms-section-right {/*padding-top: 150px; padding-bottom: 150px;*/}
	.wms-section-wide {/*padding-top: 90px; padding-bottom: 70px;*/}
}

/*.wms-section-std .wms-section-content, */
.wms-section-wide-left .wms-section-content {padding-top: 50px; padding-bottom: 50px;}
.wms-section-left .wms-section-content, .wms-section-right .wms-section-content {padding-top: 60px; padding-bottom: 20px;}
.wms-section-grid .wms-section-content {padding-top: 90px; padding-bottom: 90px;}
.wms-section-grid .wms-grid-tall_text {padding-top: 200px;}
.wms-section-menu-bar .wms-section-content {padding-top: 90px; padding-bottom: 90px;}
.wms-section-menu-bar .wms-section-content h2 {margin-bottom: 60px;}
.wms-section-menu-bar .wms-section-content h3 {margin-top: 60px;}
@media (min-width: 768px){
	.wms-section-wide-left .wms-section-content {padding: 115px 90px 70px;}
	.wms-section-wide {padding-left: 90px; padding-right: 90px;}
	.wms-section-wide-left .wms-section-content {/*padding-top: 115px; padding-bottom: 70px;*/}
	/*.wms-section-std .wms-section-content,*/ .wms-section-left .wms-section-content, .wms-section-right .wms-section-content {padding: 60px 60px 20px;}
	.wms-section-grid .wms-section-content {padding-left: 90px; padding-right: 90px;}
}
.wms-grid-hover {padding: 0;}
.wms-grid-hover-show {padding: 100px 50px 50px; font-size: 200%; text-align: center; line-height: 50px; display: none; position: relative;}
.wms-grid-hover.quote .wms-grid-hover-show:before {content:"\f10d"; font-family: FontAwesome; position: absolute; top:25px; left:25px; font-size: 48px;}
.wms-grid-hover.quote .wms-grid-hover-show:after {content:"\f10e"; font-family: FontAwesome; position: absolute; top:25px; right:25px; font-size: 48px;}

.wms-bg-img {background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #ddd;}

.latest-post-col {/*padding: 0;*/}
.latest-post-img {padding-top: 62.5%;} /* 16:10 aspect ratio */
.latest-post-text {/*padding-left: 15px; padding-right: 15px;*/ padding-top: 40px; padding-bottom: 20px;}
.latest-post-title {margin-bottom: 0;}
.latest-post-date {margin-bottom: 15px;}
.latest-post-excerpt {margin-bottom: 30px;}

.wms-logos-col {position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; float: left; display: flex; align-items: center; justify-content: center;}
.wms-logo {object-fit: contain;}

.no-padd, .no-padd-top {padding-top: 0;}
.no-padd, .no-padd-bot {padding-bottom: 0;}
.big-padd, .big-padd-top {padding-top: 125px;}
.big-padd, .big-padd-bot {padding-bottom: 125px;}

hr.white {border-color: #fff;}

.btn-bottom {position: absolute; bottom:0;}

/**
 * Icons
 */
.wms-icon_left .icon-col i {/*font-size: 36px; margin-top: 7px;*/}
.wms-icon_left.large-icon .icon-col i {/*font-size: 50px;*/}

/**
 * Background
 */
.wms-background {position: relative;}
.wms-background .inner {padding: 35px 8%; position: relative; z-index: 2;}
.wms-background.indent {margin-left: 10%; margin-right: 10%;}
.wms-background .img-bg {background-size: cover; background-position: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;}
.wms-background.quote:before, .wms-background.quote:after {font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; position: absolute; top:40px; color: #fff; font-size: 50px; }
.wms-background.quote:before {content: "\f10d"; left: 40px;}
.wms-background.quote:after {content: "\f10e"; right: 40px;}
.wms-background .alignleft, .wms-background .alignright {max-width: 50%;}
.wms-background.bg-link a, .wms-background.bg-link a:hover {text-decoration: none;}
@media only screen and (max-width: 768px){
  .wms-background .inner {padding-top: 70px;}
}
.wms-background.no-padd .inner, .wms-background.no-padding .inner {padding: 0;}

/**
 * Testimonial rotator
 */
.testimonial_rotator_wrap {padding-bottom: 0; margin-bottom: 0;}
.testimonial_rotator_wrap .testimonial-rotator-quote {font-size: 110%;}
.testimonial_rotator.template-default .testimonial_rotator_author_info {/*font-size:85%;*/ border: none; padding-left: 0;}
.testimonial_rotator.template-default .testimonial_rotator_author_info p {margin-bottom: 0;}
.testimonial_rotator_star {float: none;}

/**
 * Accordion
 */
.btn-accordion.btn.focus, .btn-accordion.btn:focus {box-shadow: none;}
.btn-accordion, .btn-accordion.btn-link:hover {text-decoration: none;}

/* media */
.hd-video-container {position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden;}
.hd-video-container.HD720, .hd-video-container.HD720 iframe {max-width: 1280px; max-height: 720px;}
.hd-video-container.HD1080, .hd-video-container.HD1080 iframe {max-width: 1920px; max-height: 1080px;}
.hd-video-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.gallery-img-caption {font-style: italic; margin-left: 10px;}

/**
 * Team page
 */
.team-member-photo {height: 300px; margin-bottom: 5px;}
.team-member-modal .modal-header {border: none;}
.wms-team-inlines .team-member {margin-bottom: 50px; padding-bottom: 50px; border-bottom: 2px solid #ccc;}
.wms-team-inlines .team-member:last-child {border-color: transparent;}
.team-member-name {margin-bottom: 0;}

/* Posts */
.posted-on .updated:not(.published) {display: none;}

/**
 * Widgets
 */

.social-icons .social-link {margin-right: 10px;}
.google-map .canvas { width: 100%; height: 300px;}
.google-map img { max-width: inherit !important; }
.footer-widget.WMS_Google_Maps .google-map {margin-bottom: 20px;}
.hours-div {padding-bottom: 20px;}
.hours-div .day-name {/*width:35%; float:left; clear:both;*/}
.hours-div .day-hours {/*width:60%; float:left; text-align:center; padding-left: 5%;*/}
.rpi-list .rpi-post:not(:last-child) {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #fff;}

/**
 * Footer
 */
#colophon {/*margin-top: 30px; remove v4.0.5 */ padding: 35px 0;}
.seo-footer-wrapper {padding-top: 35px;}
.sub-footer {padding: 20px 0;}
.footer-widget {margin-bottom: 20px;}
.footer-keywords {font-size: 80%;}
.footer-keywords ul {list-style: none; margin: 0; padding: 10px 0; text-align: center;}
.footer-keywords li {display: inline; padding: 0 10px 0 6px;}
.footer-keywords li:last-child {border: none;}
.footer-keywords, .copy-info {font-size: 80%; margin-top: 20px;}

.go-top-btn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	border: none;
	outline: none;
	background-color: rgba(255,255,255,0.5);
	color: #555555;
	cursor: pointer;
	padding: 20px;
	border-radius: 30px;
	font-size: 24px;
	box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.3);
	transition: all 1s;
}
.go-top-btn:hover {
	background-color: #ffffff;
}