/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


/* Create two unequal columns that floats next to each other */
.site-main.gib-main {
  max-width: 1270px!important;
  margin-left: auto!important;
  margin-right: auto!important;
}
.row-gib {
  display: flex;
  flex-direction: row;
  padding-top: 80px;
  padding-bottom: 80px;
}

.column-gib {
  width: auto;
}

.left-gib {
  width: 25%;
}

.right-gib {
  width: 75%;
  padding-left:30px;
}

/*---------------*/
.row-gib-box {
  margin-right: -20px;
  overflow: hidden;
  padding-top: 15px;
}
.column-gib-box {
  float: left;
  width: 25%;
  padding-right:20px;
  padding-bottom: 20px;
}
/*
.column-gib-box:nth-child(5):after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
*/
.box-content-produs {
  border: 1px solid #eeeeee;
  padding: 5px;
}
.img__wrap {
  position: relative;
  display: table;
}

.img__description {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -7px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  visibility: hidden;
  opacity: 0;
  padding-top: 45%!important;
  text-align: center;
  /* transition effect. not necessary */
  transition: opacity .2s, visibility .2s;
}

.img__description span {
  background: #00A03C;
  padding: 5px 10px;
  border-radius: 3px;
}

.img__wrap:hover .img__description {
  visibility: visible;
  opacity: 1;
}

.link_produs {
  text-align:center;
  padding-top:5px;
  color: #000000;
}
.link_produs a {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
}


/*stil meniu widget */
.widget ul.menu {
  padding: 0;
}

.column-gib .widget {
  border: 1px solid #eeeeee;
  padding: 25px;
}
.column-gib .widget h3.widget-title {
  font-size: 18px;
  color: #00A03C;
}

.column-gib h1.entry-title {
    font-size: 30px;
}

.wpb_category_n_menu_accordion_list,
.wpb_category_n_menu_accordion_list ul,
ul.wpb_category_n_menu_accordion_list {
  background: transparent!important;
  text-transform: uppercase;
}
.ul.wpb_category_n_menu_accordion_list li {
  border-bottom: 1px solid #eeeeee!important;
}
ul.wpb_category_n_menu_accordion_list li,
ul.wpb_category_n_menu_accordion_list li.menu-item,
ul.wpb_category_n_menu_accordion_list li a,
ul.wpb_category_n_menu_accordion_list a {
  background: transparent!important;
  color: #000000!important;
}
span.wpb-submenu-indicator {
  color: #aaaaaa!important;
}
span.wpb-submenu-indicator:hover {
  color: #00A03C!important;
}

.wpb_category_n_menu_accordion ul > li li a {
  color: #222222!important;
}
.wpb_category_n_menu_accordion > ul > li li:hover > a,
.wpb_category_n_menu_accordion > ul > li li.current-cat > a,
.wpb_category_n_menu_accordion li.wpb-submenu-indicator-minus > a {
  border-left-color: #00A03C;
  color: #00A03C!important;
}
.wpb_category_n_menu_accordion > ul > li:not(:last-child) > a {
  border-bottom: 1px solid #eee!important;
}

.wpb_category_n_menu_accordion ul li ul li ul li > a {
  padding-left: 35px!important;
  font-size: 12px!important;
  color: #898989!important;
}


/* Pagination */
.navigation,
.navigation ul {
  margin: 0;
  padding: 0;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
    line-height: 50px;
}

.navigation li {
    display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #54595E ;
    border-radius: 3px;
    cursor: pointer;
    padding: 10px 20px;
    line-height: 50px;
}

.navigation li a:hover,
.navigation li.active a {
    background-color: #00A03C;
    line-height: 50px;
}



@media screen and (max-width: 600px) {
  .row-gib {
    /*flex-direction: row;*/
    flex-direction: column-reverse;
  }
  .left-gib,
  .right-gib {
    width: 100%;
    padding-left:0px;
  }
  .column-gib-box {
    width: 50%;
  }
}



/* Tablepress */
.dataTables_length,
.dataTables_filter {
	margin-bottom: 10px !important;
	font-size: 12px !important;
}

.dataTables_info,
.dataTables_paginate {
	font-size: 12px !important;
}

.dataTables_length select {
	height: 30px;
}

table.tablepress thead,
table.tablepress thead tr {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

table.tablepress thead tr th {
	font-size: 12px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
  color: #ffffff!important;
}

table.tablepress tbody {
	font-size: 12px !important;
	padding-top: 10px !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

table.tablepress tr {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

table.tablepress tr td {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

table.tablepress thead tr td p {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
table.tablepress tr td p {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

table.tablepress .row-hover tr td,
table.tablepress thead tr.odd th {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.tablepress .sorting:after,
.tablepress .sorting_asc:after,
.tablepress .sorting_desc:after {
	right: 20px;
}

table.tablepress .row-hover tr.odd:hover td,
table.tablepress .row-hover tr.even:hover td,
table.tablepress tbody.row-hover tr.odd:hover td,
table.tablepress tbody.row-hover tr.even:hover td {
	background: #f2f2f2 !important;
  background-color: #e2e2e2 !important;
}

table.tablepress .row-hover tr:hover td,
table.tablepress tbody.row-hover tr:hover td {
	background-color: #e2e2e2 !important;
}

table.tablepress tbody.row-hover tr.even td {
	background: #f2f2f2 !important;
}

table.tablepress tbody.row-hover tr.odd td {
	background: #ffffff !important;
}

table.tablepress thead th {
	background: #a2b2bf;
	color: #000;
	font-size: 12px !important;
}

table.tablepress thead th:hover {
	background: #a2b2bf !important;
	color: #000;
}

.tablepress .sorting:hover,
.tablepress .sorting_asc,
.tablepress .sorting_desc {
	background-color: #f2f2f2 !important;
}

@media only screen and (max-width: 600px) {

	.dataTables_length,
	.dataTables_filter,
	.dataTables_info,
	.dataTables_paginate,
	table.tablepress tbody,
	table.tablepress thead th {
		font-size: 12px;
	}

}