/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


/* STIHL CUSTOM FONTS */

@font-face {
	/* font-family: 'STIHL Contraface Display Title'; */
	font-family: 'Barlow Condensed';
	src:  url('fonts/barlow/barlow-condensed-v12-latin-ext_latin-500.woff2') format('woff2'),
		  url('fonts/barlow/barlow-condensed-v12-latin-ext_latin-500.woff')  format('woff');
}

@font-face {
	/* font-family: 'STIHL Contraface Text'; */
	font-family: 'Roboto Normal';
	src:  url('fonts/roboto/roboto-v30-latin-ext_latin-regular.woff2') format('woff2'),
		  url('fonts/roboto/roboto-v30-latin-ext_latin-regular.woff')  format('woff');
}

body {
	font-family: 'Roboto Normal', sans-serif;
}


body.dark,
.dark #wrapper,
.dark #content,
.dark .shop-quick-view-ajax,
.dark .portfolio-ajax-modal,
.dark .ajax-modal-title,
.dark .modal-content,
.dark .page-transition-wrap,
body.dark #side-panel,
body #side-panel.dark {
	background-color: #011a1f;
}

.dark #page-title, #page-title.dark {
	background-color: #013740;
}

.dark #page-title h1, #page-title.dark h1 {
	color: #e9fa00;
}

.dark .menu-link {
	color: #e9fa00;
}

.dark .fancy-title h3 {
	color: #e9fa00;
}

.dark #header-wrap {
    background-color: #011a1f;
}

.dark .event .grid-inner {
	background-color: rgba(0.4,10.2,12.2,0.1);
}

.page-item.active .page-link, .page-link:hover, .page-link:focus {
	border-color: #e9fa00 !important;
}

.top-search-form input {
	font-family: 'Roboto Normal', sans-serif;
}

.event-list .entry {
	padding-left: 0px;
}

.full-header #logo {
    border-right: none;
}

.header-size-sm #header-wrap #logo img {
    height: 43px;
}

#page-title {
    padding: 1.5rem 0;
}

div.nav-links .page-numbers {
	padding: 8px 16px;
	font-weight: bold;
	font-size: 18px;
	border: 1px solid;
}


.entry-image.view-more {
	background-color: #003740 ;
	padding-top: 57%;
	border-radius: 3px;
}

.entry-image.view-more a {
	position: absolute;
	color: #e9fa00;
	top: 40%;
	text-align: center;
}

.entry-image.view-more a h2 {
	color: #e9fa00;
}

.masonry-thumbs .grid-item {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.btn-stihl-primary {
	background-color: #ce6a00;
	border-color: #ce6a00;
	color: white;
	border-radius: 0px;
}

.btn-steudtner-primary {
	background-color: #e9fa00;
	border-color: #e9fa00;
	color: #011a1f;
	border-radius: 0px;
}

i.big {
	font-size: 50px;
}

a.no-left-margin {
	margin-left: 0px;
	margin-bottom: 10px;
}

div.margin-top-20 {
	margin-top:20px;
}

p.download-name {
	margin-bottom: 0px;
}

div.block-documents {
	margin-bottom: 10px;
}

/*
REVO SLIDER
*/
.revo-slider-emphasis-text {
	font-size: 64px;
	font-weight: 700;
	letter-spacing: -1px;
	font-family: 'Poppins', sans-serif;
	padding: 15px 20px;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

.revo-slider-desc-text {
	font-size: 20px;
	font-family: 'Lato', sans-serif;
	width: 650px;
	text-align: center;
	line-height: 1.5;
}

.revo-slider-caps-text {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 3px;
	font-family: 'Poppins', sans-serif;
}
.tp-video-play-button { display: none !important; }

.tp-caption { white-space: nowrap; }

.tparrows { display: none; }


/* Algolia Search */
.aa-dropdown-menu {
	/* we set the width in JS */
	font-family: sans-serif;
	background-color: #333;
	border-top: none;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	/* box-shadow: 0 1px 2px rgba(236, 236, 236, 0.25),0 0 1px rgba(238, 238, 238, 0.35); */
}

.aa-dropdown-menu {
	color: #ffffff;
	font-size: 12px;
}

.aa-dropdown-menu a {
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

.aa-dropdown-menu .aa-suggestion.aa-cursor {
	background-color: #f9f9f9;
	color: #011a1f !important;
}

.aa-dropdown-menu .aa-suggestion.aa-cursor .suggestion-post-title {
	color: #011a1f;
}

/* Styles from Figma */

.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6 {
	font-family: 'Barlow Condensed';
	color: #fff;
}

h1 {
	font-style: normal;
	font-weight: 900;
	font-size: 38px;
	line-height: 42px;
}

.menu-link { 
	font-family: 'Barlow Condensed';
	font-weight: 900;
	font-size: 20px;
}


.eventcontent h1, .eventcontent h2, .eventcontent h3, .eventcontent h4, .eventcontent h5, .eventcontent h6 {
	margin-top:20px;
	margin-bottom: 10px;
}

.eventcontent .filename {
	/* word-break: break-all; */
	margin: 0px;
}

.eventcontent .file-icon {
	top: 5px;
}

.eventcontent .button-3d {
	border-radius: 0px;
	color: #011a1f;
}

.dark .eventcontent .button-3d:hover {
	border-radius: 0px;
	color: #003740;
}

.eventcontent .document a {
	color: #fff;
}

.eventcontent .document a:hover {
	color: #e9fa00;
}

.eventcontent .cursor-pointer {
	cursor: pointer;
}


.dark #footer, #footer.dark {
	background-color: #013740;
}

body:not(.dark) #content a {
	color: #013740;
}

/* UM Pages */

.um input[type=submit].um-button, .um input[type=submit].um-button:focus, .um a.um-button, .um a.um-button.um-disabled:hover, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:active {
	background: #e9fa00;
	color: black;
}

.um .um-postmessage {
	color: #fff;
}