/*
Theme Name: INDUSTRO
Theme URI: https://wordpress.org/themes/twentynineteen/
Author: Olaru Stefan
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
*/

.wt-topbar-info-2 a { color: #EFF3F6; }
.wt-topbar-info-2 a:hover { color: #fff; }
.project-img-effect-1:hover img { transform: none!important;}
.featured-item { display: flex; padding: 10px; position: relative; z-index: +1; justify-content: space-between; align-items: center; margin: 15px 0; }

.featured-item:before { content: ""; position: absolute; top:0; left: 0; background: trnsparent; border-left: solid 1px #040C17; border-top: solid 1px #040C17; width: 15px; height: 15px; z-index: -1; }
.featured-item:after { content: ""; position: absolute; bottom:0; right: 0; background: trnsparent; border-right: solid 1px #040C17; border-bottom: solid 1px #040C17; width: 15px; height: 15px; z-index: -1;}
.featured-item img { max-width: 150px; }
.featured-item p {  text-align: center; width: 100%; padding: 0 10px; margin: 0; }

.attachment { border: solid 5px  ; margin-bottom: 30px; padding: 10px; }


.opt-spec { display: flex; margin-bottom: 30px; }
.opt-spec .wrapper { flex-grow: 2; position: relative; border: solid 4px #1C63B8; padding: 10px; margin: 0 15px; margin-top: 30px; min-width: calc(50% - 30px); max-width: 100%; }
.opt-spec .wrapper:first-child { margin-left: 0;  }
.opt-spec .wrapper:last-child { margin-right: 0; }
.opt-spec .wrapper ul { list-style: inside; margin: 0; }
.opt-spec .wrapper h3 { position: absolute; top: -16px; left: 50%;  color: #040C17; margin: 0; padding: 0; 
	text-transform: uppercase;
	background: #FFF; 
	transform: translateX(-50%);
	padding: 0 10px
}

.product .center.wt-small-separator-outer h2 {
    max-width: 100%!important;
    margin: 0px auto;
}

.gallery { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border-top: solid 1px #040C17; border-bottom: solid 1px #040C17; padding: 15px 0; margin-bottom: 30px; }
.gallery a { width: 30%; margin: 5px; }

input.form-control.transparent {
    background: transparent;
    font-family: 'Teko', sans-serif;
    font-size: 31px;
    font-weight: 600;
    letter-spacing: 10px;
    text-align: center;
    border: none;
    color: #fff;
    -webkit-text-stroke: 1px rgba(0,0,0,0.4);
}
.header-space { background: #36454F; color: #fff;  }
.header-space .logo-spacer { display: block; width: 150px; height: 80px; float: left; border: solid 1px transparent; }
.header-space p { margin: 0; padding: 1em 0; font-size: 0.9em; }
.header-space:after { content: ""; display: table; clear: both; }

.catalog { position: relative; }
.catalog img { border: solid 1px #040C17; width: 100%; height: 30vh; object-fit: cover;}
.catalog .catalog-info { position: absolute; top: -1px; left: 0px; width: calc(100%);  height: calc(100% + 1px); border: solid 1px #040C17; padding: 1.5rem; 
    background: rgb(211,0,0);
    background: linear-gradient(141deg, rgba(211,0,0,1) 0%, rgba(211,0,0,1) 75%, rgba(211,0,0,0) 75.5%, rgba(211,0,0,0) 100%);
    opacity: 0;
    transition: all 0.3s ease-in-out;
   
}
.catalog:hover .catalog-info { opacity: 1; transition: all 0.3s ease-in-out; }

.catalog .catalog-info h4 { color: #FFF!important;  font-weight: 300!important;  }
.catalog a.catalog-view { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
.catalog a.catalog-view:before { content: '\f178'; font-family: 'fontawesome'; color: #FFF; font-size: inherit; position: absolute; bottom: 4rem; left: 1.5rem; }
.catalog a.catalog-view:after { content: 'Vezi Catalog'; opacity: 0.7; color: #FFF; font-size: 0.8rem; margin-left: 1rem; position: absolute; bottom: calc(4rem + 2px); left: 1.7rem; }
.catalog a.catalog-view:after:hover { opacity: 1; transition: all 0.2s ease-in-out; }