/* Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/

/* Make logo smaller in Goran theme */
.site-logo-link img {
    max-width: 60px;  /* Adjust this value to your preferred size */
    width: auto;
    height: auto;
}

/* Add green Site Header / 35170527-hc rw */
.site-header {
  background-color: #007b31;
}

/* Add border between the menu items */
.main-navigation a {
	font-size: .5em;
	border-right: 1px solid #2ee;
	padding-right: 20px;
}

/* For divder height and removing last one */
.main-navigation a, .main-navigation a:hover, .main-navigation a:focus, .main-navigation a:active {
	padding-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 5px;
}

li#menu-item-678 a {
	border-right: none;
}

/* Menu font size */
.main-navigation a {
	font-size: .95em;
}

/* Remove header for All Testimonal page */

.menu-item-678 a {
		border-right: none;
} 

/* Header image location */
.hero.without-featured-image {
	background-size: contain;
	background-position: 0 100%;
	background-color: #012366;
	background-position: bottom center;
}

/* remove blue bar under header Sam */
.site-content .hero {
  display: none;
}

/* To remove page titles appearing */
.page .page-title {
	display: none;
}

/* Sam removed code here re header transparent 16-9-2020 */

/* Set menu color | hc-24173171*/
@media screen and (min-width: 1020px) {
	.hero-image .site-header {
		background: #007b31;
	}
}

/* Around grid spacing */
.archive .hentry, .blog .hentry, .search .hentry, .content-area, .featured-page, .featured-page-area, .footer-widget-area, .front-page-widget-area, .grid, .grid-wrapper, .widget, .widget-area {
	padding-top: 0px;
	padding-bottom: 0;
}

/* Padding at bottom of widgets section */
.widget {
	padding-bottom: 20px;
}

/* This is a comment */
.main-navigation a, .main-navigation a:hover, .main-navigation a:focus, .main-navigation a:active {
	color: #FFFFFF;
}

/* This is a comment */
@media screen and (min-width: 1020px) {
	.main-navigation li {
		margin-right: 12px;
	}
}

/* This is a comment */
.hero .hentry .entry-content {
	padding-top: 40px;
}

/* This is a comment */
.main-navigation {
	text-transform: none;
}

/* Reduce logo size and blue space beind logo */
.site-logo-link img {
	max-height: 40%;
	max-width: 40%;
}

/* Remove social media widgets from phone view */
.widget_wpcom_instagram_widget,
.widget_twitter_timeline,
.widget_facebook_likebox {
	display: none;
}

@media screen and (min-width:768px) {
	.widget_wpcom_instagram_widget,
												.widget_twitter_timeline,
												.widget_facebook_likebox {
		display: inherit;
	}
}

/* Remove heading from search resuts page */
body.search.search-results h1.page-title {
	display: none;
}

/* Widget color border and backgrounds */
#text-12 {
	background-color: #f5b041;
	padding: 10px;
}

#text-6 {
	background-color: #f5b041;
	padding: 10px;
}

#image-7 {
	border: 4px solid #f5b041 !important;
	padding: 10px !important;
}

#text-14 {
	border: 4px solid #f5b041;
	padding: 10px;
}

#widget_contact_info-10 {
	border: 4px solid #f5b041
!important;
	padding: 10px !important;
}



#image-3 {
	border: 4px solid #f5b041 !important;
	padding: 10px !important;
}

/* Hide WP Action Bar */

div#actionbar {
	display: none;
}

.grecaptcha-badge{
 visibility: collapse !important;  
}

.entry-meta {
	display: none;
}

/* Hide all widgets on multiple pages */
.page-id-21853 .widget,
.page-id-21862 .widget,
.page-id-21825 .widget,
.page-id-21860 .widget,
.page-id-21861 .widget,
.page-id-21864 .widget,
.page-id-21859 .widget,
.page-id-21846 .widget,
.page-id-21865 .widget,
.page-id-21978 .widget,
.page-id-21863 .widget {
    display: none !important;
}

.post-navigation .nav-links {
	visibility: hidden;align-content}

/* For SMTT Foklifts page */

body.page-id-21638 header,
body.page-id-21638 footer,
body.page-id-21638 .header,
body.page-id-21638 .footer,
body.page-id-21638 [class*="header"],
body.page-id-21638 [class*="footer"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

body.page-id-21638 .site-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Permanent fix for last two menu items */
#site-navigation .menu-item:nth-last-child(-n+2) > a,
.menu-primary .menu-item:nth-last-child(-n+2) > a,
#menu-services .menu-item:nth-last-child(-n+2) > a {
    /* Restore proper dimensions and visibility */
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 20px !important;
    
    /* Ensure text is properly sized */
    font-size: 16px !important;
    line-height: 1.5 !important;
    opacity: 1 !important;
    visibility: visible !important;
    
    /* Correct positioning */
    position: relative !important;
    z-index: 100 !important;
}

/* Target the Jetpack Contact Info widget */
#widget_contact_info-10,
#widget_contact_info-10 *,
.widget_contact_info,
.widget_contact_info * {
    color: #333333 !important;
}

.widget_contact_info h2.widget-title {
    color: #000000 !important;
}

/* If there's a LocalBusiness schema div causing issues */
div[itemtype*="LocalBusiness"] {
    color: #333333 !important;
}

/* Prevent parent containers from clipping content */
#site-navigation .menu-item:nth-last-child(-n+2),
.menu-primary .menu-item:nth-last-child(-n+2),
#menu-services .menu-item:nth-last-child(-n+2) {
    overflow: visible !important;
}

/* Or try the widget class itself */
.widget_contact_info {
    border: 2px solid #ff9933 !important;
    padding: 20px !important;
}
.widget_contact_info,
.widget_contact_info * {
    font-weight: normal !important;
}

.widget_contact_info h2.widget-title {
    font-weight: bold !important;
}

.page-id-24050 .entry-title {
  display: none;
}
.postid-24050 .entry-title {
  display: none;
}
}

.page-id-24043 .entry-title {
  display: none;
}
.postid-24043 .entry-title {
  display: none;
}

/* Fix dropdown arrows */
.main-navigation .menu-primary li.menu-item-has-children > a {
    position: relative !important;
    white-space: nowrap !important;
    padding-right: 4px !important;
}

.main-navigation .menu-primary li.menu-item-has-children > a > button {
    position: absolute !important;
    top: 0 !important;
    right: -20px !important;
    width: 20px !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
    z-index: 1 !important;
    pointer-events: auto !important;
}

/* Fix dropdown arrows */
.main-navigation .menu-primary li.menu-item-has-children > a {
    position: relative !important;
    white-space: nowrap !important;
    padding-right: 24px !important;
}

.main-navigation .menu-primary li.menu-item-has-children > a > button {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    opacity: 0 !important;
    cursor: pointer !important;
    z-index: 1 !important;
    pointer-events: auto !important;
}

/* Show buttons normally, just style them to blend in */
.main-navigation .menu-primary li.menu-item-has-children > a {
    white-space: nowrap !important;
    padding-right: 4px !important;
    position: static !important;
}

.main-navigation .menu-primary li.menu-item-has-children > a > button {
    display: inline-block !important;
    position: static !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    border: 1px solid rgba(255,255,255,0.4) !important;
    border-radius: 3px !important;
    padding: 2px 5px !important;
    margin-left: 4px !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    float: none !important;
    font-size: 0 !important;
}

/* Add arrow character since SVG may be hidden */
.main-navigation .menu-primary li.menu-item-has-children > a > button::after {
    content: "▾" !important;
    font-size: 12px !important;
    color: white !important;
    display: block !important;
}

/* Make SVG inside button visible */
.main-navigation .menu-primary li.menu-item-has-children > a > button svg {
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    fill: white !important;
    stroke: white !important;
}

.elementor-section .elementor-container {
    max-width: 1140px;
    margin: 0 auto !important;
}

.elementor-row {
    justify-content: center !important;
}

.elementor-column {
    float: none !important;
}

/* Force the stretched section to stay centered */
.elementor-section.elementor-section-stretched {
    left: 0 !important;
    right: 0 !important;
}

/* Center the container inside the section */
.elementor-section-stretched .elementor-container {
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 1200px !important;
}

/* Center all content inside your columns */
.elementor-section-stretched .elementor-column,
.elementor-section-stretched .elementor-widget-wrap,
.elementor-section-stretched .elementor-widget {
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Specifically target your images and headings */
.elementor-widget-image img,
.elementor-widget-heading .elementor-heading-title,
.elementor-widget-text-editor {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    display: block !important;
}

/* Alternative if the above doesn't work */
.main-navigation li.menu-item-has-children > a {
    display: inline-flex;
    align-items: center;
}





/* Force dropdown button alignment */
.main-navigation li.menu-item-has-children > a {
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
}

.main-navigation .dropdown-toggle {
    display: inline-block !important;
    position: static !important;
    transform: none !important;
    margin-left: 6px;
    margin-top: 0 !important;
    vertical-align: middle;
}

/* Remove any absolute positioning */
.main-navigation .dropdown-toggle {
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
}


/* Super compact top green bar */
.site-top-content {
    padding: 0 24px !important;
    font-size: 0.7em !important;
    line-height: 1.3 !important;
    min-height: 24px !important;
}

/* Reduce logo size significantly */
.site-logo img {
    max-height: 40px !important;  /* Adjust this down - try 30px or 20px */
    width: auto !important;
}

.site-logo {
    margin: 6px auto !important;
    max-height: 60px !important;
}

/* Compact title area */
.site-title {
    margin: 6px 0 2px !important;
    font-size: 1.2em !important;
}

.site-description {
    margin-bottom: 6px !important;
    font-size: 0.8em !important;
}

/* Reduce overall header padding */
.site-header {
    padding: 0 !important;
}

.site-branding {
    margin: 5px 0 !important;
}

/* Compact navigation if present */
.main-navigation ul {
    margin: 0 !important;
}

.main-navigation li {
    margin: 0 8px !important;
}



/* Fix for dropdown menu jitter/shaking */
.main-navigation ul ul {
    transition: none !important;
    top: 100% !important;
    margin-top: 0 !important;
}

.main-navigation li {
    transition: none !important;
}

.main-navigation li:hover > ul {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* Stabilize submenu links */
.main-navigation ul ul a {
    line-height: 1.3 !important;
    padding: 8px 16px !important;
    white-space: nowrap !important;
}



/* FORCE REMOVAL OF TOP PADDING - STOP THE JUMP */
body .content-area,
body .site-content,
body .hentry,
body .site-main {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

/* Specifically target the first Elementor section on the page */
body .elementor-section:first-of-type {
    margin-top: 0px !important;
    padding-top: 0px !important;
    position: relative !important;
    top: 0px !important;
}

/* Prevent font-loading jump */
.elementor-section:first-of-type {
    min-height: 200px !important; /* Adjust to match your bar's height */
}

.site-content {
    min-height: 500px !important;
}