/* 
Theme Name: Boley Geotechnik GmbH
Text Domain: boleygeotechnik
Version: 1.0
Author: Thomas Hausperger
Author URI: https://www.cad-hausperger.de
*/

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Typography */
@font-face {
	font-family: "ReThink";
	src: url(assets/fonts/RethinkSans-wght.woff2);
	/* src: url(assets/fonts/Dax-Regular.eot#) format('IE'),
    url(assets/fonts/Dax-Regular.woff) format('woff'),
    url(assets/fonts/Dax-Regular.ttf) format('truetype'),
    url(assets/fonts/Dax-Regular.svg#webfont) format('svg'); */
}

/* Scrollbar */
::-webkit-scrollbar {
	width: 6px;
}
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 3px #888;
}
::-webkit-scrollbar-thumb {
	background: #777;
	border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
	background: #666;
}

/* Global Styles */
html {
	scroll-behavior: smooth;

	font-size: 14px;
}
body {
	word-wrap: break-word;
	margin: 0;
	padding: 0;
	background-color: var(--bgt-lightgrey);
	/* background-image: url(assets/images/background/bg_particles.png); */
	background-repeat: repeat-x;
	background-position: center 80%;
	background-size: contain;
	background-attachment: fixed;
}
body,
button,
input,
select,
textarea {
	font-family: "ReThink", "Source Sans Pro", "Helvetica", "Arial", sans-serif;
	font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
a {
	text-decoration: none;
}
p {
	margin: 0;
	padding: 0;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	margin: 0;
	padding: 0;
}
b,
strong {
	font-weight: bold;
}
dfn,
cite,
em,
i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	display: inline-block;
	font-family: "Courier 10 Pitch", Courier, monospace;
	color: #ddca7e;
	background: #282c34;
	padding: 0.5em 0.8em;
	border-radius: 0.2em;
}
code,
kbd,
tt,
var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: 0.5ex;
}
small {
	font-size: 0.95em;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
	padding: 0;
}
section {
	margin: 0;
	padding: 0;
}

/*===============================
Boley Geotechnik General Settings
===============================*/
:root {
	--bgt-orange: #f47f24;
	--bgt-bgnav: rgba(244, 127, 36, 0.9);
	--bgt-orange-hover: #f09148;
	--bgt-blue: #60809e;
	--bgt-black: #272727;
	--bgt-white: #fff;
	--bgt-lightgrey: rgb(239, 239, 239);
	--bgt-darkgrey: rgb(75, 75, 75);
	--bgt-middlegrey: rgb(114, 114, 114);
}

html,
body {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4 {
	margin: 0;
	padding: 0;
	color: var(--bgt-blue);
	font-weight: 300;
}
h1 {
	font-size: 2rem;
	margin: 1rem 0;
}
h2 {
	font-size: 1.2rem;
}
h3 {
	font-size: 1.1rem;
}
h4 {
	font-size: 1rem;
}
p {
	font-size: 1rem;
}
img {
	display: block;
	border: 0;
	background-size: cover;
	width: 100%;
}

/* Go2Top Button */
.go2topbtn {
	position: fixed;
	width: 50px;
	height: 50px;
	background: var(--bgt-orange);
	color: var(--bgt-white);
	right: 15px;
	bottom: 15px;
	z-index: 10000;
	opacity: 0;
	text-decoration: none;
	text-align: center;
	line-height: 50px;
	font-size: 1.75rem;
	transition: all 0.5s linear;
}
.go2topbtn.active {
	bottom: 0px;
	pointer-events: auto;
	opacity: 1;
	transform: translateY(-50px);
	transition: all 0.3s linear;
}
