/*
 Theme Name:   x-woodart
 Description:  Customizr Child Theme
 Author:       itoss
 Author URI:   httpw://www.itoss.org
 Template:     customizr
 Version:      1.0
 Text Domain:  x-woodart*/

/*TODO : change glossary link color*/
.glossaryLinkOFFLINE {
   text-decoration: none !important;
   background: blue  !important;
   color: red !important;
}


/*##################################################################################################################*/

/* Top background Icon and menu layer #ffffffOPACITY*/
.tc-header {
   background: #ffffff80 !important;
}

/*##################################################################################################################*/

/* Global backgroundimage body.<use not listet class in admin panel> */
body.czr-sticky-footer { 
/*   background: url(https://speefak.spdns.de/www.x-woodart.com/wp-content/uploads/2021/03/woodwall_big.jpg) repeat center fixed; */
   background: url(../../uploads/2021/03/woodwall_big.jpg) repeat center fixed !important;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

/* disable background in admin panel body.<use only listet class in admin panel> */
body.wp-admin {
background: none;
}

/*##################################################################################################################*/

/* pagecontent background layer
set backgroundlayer for posts with thumbnail, alternative, create a new category ( e.g. BGPageLayer an use this class for drawing background layer )
set backgrounf color by hashtag and hexcode followed by opacity value
used page classes : post-49 page type-page status-publish has-post-thumbnail category-cubes category-lampen category-products-archiv category-products-in-stock czr-hentry
gradient backgrouns => background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.725910432532388) 1%, rgba(255,255,255,0.6376751384147409) 50%, rgba(255,255,255,1) 99%, rgba(255,255,255,0) 100%);
alternative RGBA => background: rgba(255, 255, 255, 0.9);
RGBA HSL HSLA Colorexamples => https://www.mediaevent.de/tutorial/farbcodes.html
*/
/* breadcrumb background layer */
.breadcrumbs {
   background: hsla(60,100%,100%,0.8);
   border-top: 8px solid white;
   border-bottom: 8px solid white;
   transition: background 1s;
   border: 3px solid rgba(255,255,255,0.5);
   background-clip: padding-box;
}

/* .has-post-thumbnail  */
.status-publish {
   height: 100%;
   width: 102.5%;
   margin-left:-1.25%;
   padding-left: 20px;
   padding-right: 20px;
   background: hsla(60,100%,100%,0.8);
   border-top: 8px solid white;
   border-bottom: 8px solid white;
   transition: background 1s;
   border:3px solid rgba(255,255,255,0.5);
   background-clip: padding-box;
}

.type-glossary {
   height: 100%;
   width: 102.5%;
   margin-left:-1.25%;
   padding-left: 20px;
   background: hsla(60,100%,100%,0.8);
   border-top: 8px solid white;
   border-bottom: 8px solid white;
   transition: background 1s;
   border:3px solid rgba(255,255,255,0.5);
   background-clip: padding-box;
}

/* Glossary Index Page */
.post-5 {
   height: 100%;
   width: 102.5%;
   margin-left:-1.25%;
   padding-left: 20px;
   background: hsla(60,100%,100%,0.8);
   border-top: 8px solid white;
   border-bottom: 8px solid white;
   transition: background 1s;
   border:3px solid rgba(255,255,255,0.5);
   background-clip: padding-box;
}

/*##################################################################################################################*/

/* Default Search Form ( Customizr theme ) */
/* DIV disable catergory header */
.archive-header {
   margin-top: -150px !important;
   opacity: 0.0;
}

/* DIV grid format horizontal*/
.col-xl-4 {
   all: unset;
   width: 270px !important;
   height:270px !important;
   margin: 0 auto;
   justify-content: center;
   align-items: center;
   text-align: center;
/*background: #ff00ff !important;*/
}

/* DIV post content image */
.tc-grid-figure {
  height: 200px;
  border-bottom: 1px solid black !important;
/*background: #00ffff !important;*/
}

/* DIV container content */
.grid__item {
   text-align: center !important;
   height:270px; !important;
   width:260px !important;
   background: hsla(60,100%,100%,0.8) !important;
   border-top: 8px solid white !important;
   border-bottom: 8px solid white !important;
   transition: background 1s !important;
   border:3px solid rgba(255,255,255,0.5) !important;
   background-clip: padding-box !important;
/*background: #ffff00 !important;*/
}

/* DIV Text*/
.tc-content {
}

/*##################################################################################################################*/

/* DIV Link Library Plugin */
/* reduce search line from 2 to 1 lines  */
#searchll {
   display: unset;
   margin: 0 auto !important;
   justify-content: center;
   align-items: center;
   text-align: center
  background: #ff0000 !important;
}

/* Center Serach Div  */