/*
 Theme Name:   Blocksy Child
 Theme URI:    https://plustic.de
 Description:  Ein Child Theme für Blocksy
 Author:       Dein Name
 Author URI:   https://plustic.de
 Template:     blocksy
 Version:      1.0.0
*/

/* */
:root {
  --col__orange: #f18101;
  --col__white: #ffffff;
  --col__black: #000000;
  --col__red: #ff0000;
  --color-bg: #000000;
  --color-text: #ffffff;
  --color-primary: #f18101;
  --color-accent: #ff0000;
  --color-border: #ffffff;
  --theme-selection-background-color: #f18101;
  
  --theme-button-background-initial-color: #f18101 !important;
  --theme-button-background-init-color: #f18101 !important;
  --theme-button-background-hover-color: #f18101 !important;
  --theme-form-field-border-focus-color: #f18101 !important;
  
  --theme-font-size: 20.00px !important;
  --theme-button-font-size: 20.00px !important;
  --theme-table-font-size: 20.00px !important;
}

/* */
html  {
	padding: 40.00px 10.00px 20.00px 10.00px;
}


/* */
html body,
html body * {
	font-family: 'Archivo Narrow', sans-serif;
}

/* */
html,
html body {
	background-color: var(--col__black);
	color: var(--col__white);
}

/* */
body::selection {
	
}

/* */
html body * {
	color: var(--col__white) !important;
	line-height: 1.30em;
}

/* */
html .woocommerce-tabs.wc-tabs-wrapper {
	display: none;
}

/* */
html #header > div > div,
html #footer {
	background-color: var(--col__black);
}

/* */
html .ct-header-search {
	display: none;
}

/* */
html .hero-section.is-width-constrained,
html .ct-product-divider,
html .product_meta,
html .ct-container div[data-column='start']{
	display: none;
}

#header-menu-1 {
	height: max-content;
}


/* 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
input
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/


/* */
select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: var(--col__black);
	color: var(--col__white);
	border: 1.00px solid var(--col__white);
	border-radius: 0.00px;
	cursor: pointer;
}

/* */
option {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: var(--col__black);
	color: var(--col__white);
	border: 1.00px solid var(--col__red);
	border-radius: 0.00px;
	cursor: pointer;
}


/* 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
selection
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

/* */
::selection {
  background-color: var(--col__orange) !important;
  color: var(--col__black) !important;
}

/* */
::-moz-selection {
  background-color: var(--col__orange) !important;
  color: var(--col__white) !important;
}


/* 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
headerlogo
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

/* */
html ._headerlogo {
  display: inline-flex;
  width: 100.00%;
  position: relative;
  justify-content: center;
  align-content: center;
}

/* */
html ._headerlogo__link {
}


/* */
html ._headerlogo__link__logo {
	width: 100.00%;
	max-width: 250.00px;
}



/* 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
headerlogo
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

/* */
#header {
	display: none;
}

/* */
html ._headerlogo {
  display: inline-flex;
  width: 100.00%;
  position: relative;
  justify-content: center;
  align-content: center;
}

/* */
html ._shopheader {
	display: inline-flex;
	position: relative;
	width: 100.00%;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin-bottom: 8.00em;
}

/* */
html ._shopheader__content {
	
	display: inline-flex;
	position: relative;
	width: 80.00%;
	justify-content: center;
	align-items: center;
	align-content: center;
}

/* */
html ._shopheader h1 {
	
	font-size: 4.00em;
	color: var(--col__orange) !important;
	text-align: center;
	line-height: 1.10em;
}