/*
 Theme Name:   CT-Lenksysteme
 Theme URI:    https://ct-lenksysteme.eu
 Description:  CT-Lenksysteme
 Author:       Lars von Bentivegni
 Author URI:   https://ct-lenksysteme.eu
 Template:     rock-business
 Version:      1.0.0
 Tags:         light, dark, right-sidebar, responsive-layout
 Text Domain:  ct-lenksysteme
*/

@import url("../rock-business/style.css");
*{
	font-display:optional !important;
}
html{
	min-width: 100%;
}
/* Center fix */
#tab-description * {
    text-align: left !important;
    text-justify: revert;
}
/* Theme Anpassungen beginnen hier */
#masthead.nav-shrink {
    box-shadow: 0px 1px 8px black;
}
table{
	max-width: 100%;
overflow: auto !important;
}
#page-site-header::before {
    display:none;
}
#page-site-header .page-title {

    color: #fff;
	text-shadow:1px 1px 1px black;
	background: #0009;
	border-radius: 3px;
	overflow: hidden;
width: 100%;

}
.main-navigation ul#primary-menu li.current-menu-item > a {
    width: 100%;
}
.main-navigation ul#primary-menu li.current-menu-item > a {
    font-weight: 600;
    background: white;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #386acc;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #4782d3;
    font-size: 2.5em;
}
.woocommerce div.product .stock {
    color: #4782d3;
}
.no-sidebar.single article .entry-meta{
	display:none;
}
.woocommerce-message {
    border-top-color: #4782d3;
}
.woocommerce-message::before {
    color: #4782d3;
}
mark, ins {
    background: #4782d3;
    text-decoration: none;
    color: white;
    padding: 4px;
    border-radius: 100%;
}
mark.count{
display:none !important;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #4782d3;
    color: #fff;
}
.no-sidebar .navigation{
	max-width:initial;
}
.woocommerce ul.products li.product .price {
    color: #4782d3;
    font-size: 1.3em;
}
.woocommerce ul.products li.product a img {

    max-height: 240px;
    object-fit: cover;
}


.product-category a {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    align-self: center;
}
h2.woocommerce-loop-category__title {
    position: absolute;
    color: white;
    text-shadow: 1px 1px 1px black;
		width: 100%;
		text-align: center;
		transition: all 400ms ease;
}
.product-category:hover h2.woocommerce-loop-category__title{
	background: rgba(0,0,0,0.8);

}
.wp-block-columns {
    display: flex !important;
}
nav.woocommerce-MyAccount-navigation ul {
    padding-left: 0px;
}
li.woocommerce-MyAccount-navigation-link {
    list-style: none;
		background: #ffffff;
		border: #386acc 2px solid;
		padding: 5px;
	  margin-top: 5px;
		transition: background 300ms ease;
}
li.woocommerce-MyAccount-navigation-link a{
	transition: color 300ms ease;
}
li.woocommerce-MyAccount-navigation-link:hover{
	background: #386acc;
	color: white;
}
li.woocommerce-MyAccount-navigation-link:hover a{
	color: white;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {

box-shadow: 0px 0px 3px black;
    overflow: hidden;
    padding: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding: 15px;

}
.main-navigation{
	margin-left: auto !important;
}
.main-navigation ul.nav-menu .current_page_item > a, .main-navigation ul.nav-menu .current-menu-item > a, .main-navigation ul.nav-menu .current_page_ancestor > a, .main-navigation ul.nav-menu .current-menu-ancestor > a {
    color: #386acc !important;
}
.main-navigation ul.nav-menu > li.current-menu-item > a {
    opacity: 1 !important;
}
#page-site-header[data-bg="url()"] {
    display: none;
}

.site-header .wrapper{
	align-items: center;
	display:flex;

}
.site-branding {
    max-width: 320px !important;
}
.site-logo .custom-logo svg{
    max-height: 85px !important;
	max-width: 300px !important;
	width: 300px !important;
}
.site-branding{
	    max-width: 300px !important;
}
@media screen and (max-width: 480px){
.site-branding {

    margin-left: -30px;
}
}
#masthead .wrapper{
	display: flex;
	justify-content: left;
	align-items: center;
	align-content: center;
	align-self: center;
	max-width:initial !important;
}
#loader{

	  display: block;
	  position: fixed;
	      z-index: 99999;
				transform-origin: center;
				    transform-box: fill-box;
	  top: 15px;
	  right: 15px;
	  width: 14px;
	  height: 14px;
	  border: solid 2px transparent;
	  border-top-color: #29d;
	  border-left-color: #29d;
	  border-radius: 10px;
	  -webkit-animation: pace-spinner 400ms linear infinite;
	  -moz-animation: pace-spinner 400ms linear infinite;
	  -ms-animation: pace-spinner 400ms linear infinite;
	  -o-animation: pace-spinner 400ms linear infinite;
	  animation: pace-spinner 400ms linear infinite;

}
#loader.done{
	-webkit-animation: initial;
	-moz-animation:initial;
	-ms-animation: initial;
	-o-animation: initial;
	animation: initial;
}
.lazyload, .lazyloading {
    opacity: 1 !important;
}
.site-title
{
    font-size: 26px;
}
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #29d;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}


@-webkit-keyframes pace-spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}

.blog-posts-wrapper article img {
    width: 100%;
    max-height: 400px;
    object-fit: contain;
}
/* Theme Anpassung enden hier */