/*!
Theme Name: webackit
Theme URI: https://webackit.com/wordpress-theme/webackit/
Author: Recu Daniel
Author URI: https://webackit.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: webackit
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
.site-footer:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-left: calc(100vw - 280px) solid transparent;
    border-right: 280px solid transparent;
    border-top: 170px solid #fffcf7;
}
.site-footer{
	border-top: none !important;
    padding-top: 270px !important;
}
.we-c-header-bottom-right{
	position: absolute;
    right: 0;
    bottom: -150px;
}
.we-position-relative{
	position:relative;
}
.we-z-index-3{
	z-index: 3;
}
.we-font-family-bodoni72{
	font-family: Bodoni72;
}
.we-line-height-1{
	line-height: 1;
}
.webackit_template_header_absolute_top{
	position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
.webackit_template_header_absolute_top *{
	color:#fff !important;
}
.noise {
    z-index: 3;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: .02;
}
body{
	background: #fffcf7 !important;
}
button, a,ul li{position:relative;}
.webackit-content-1200{
	max-width: 1200px;
	margin:0 auto !important;
}
.we-width-100-img img{
	width:100%;
	height:auto;
}
.we-align-justify-content-ul ul{
	justify-content:center;
}
.we-margin-bottom-5{
	margin-bottom:5px
}
.we-margin-bottom-10{
	margin-bottom:10px
}

.we-margin-5-ul-li ul li{
	margin:5px !important;
}
.we-margin-10-ul-li ul li{
	margin:10px !important;
}
.we-margin-15-ul-li ul li{
	margin:15px !important;
}
.we-margin-20-ul-li ul li{
	margin:20px !important;
}
.we-decoration-underline{
    text-decoration: underline;
}
.we-display-none{
	display:none;
}
.we-display-inline-block{
	display: inline-block;
}
.we-list-style-none{
	list-style: none;
}
.we-padding-0{
	padding: 0;
}
.we-margin-0{
	margin: 0;
}
.we-ul-line li{
	display: inline-block;
	margin-right: 10px;
}
.we-ul-line li:last-child{
	margin-right: 0;
}

.we-fs10{ font-size: 10px; }
.we-fs11{ font-size: 11px; }
.we-fs12{ font-size: 12px; }
.we-fs13{ font-size: 13px; }
.we-fs14{ font-size: 14px; }
.we-fs15{ font-size: 15px; }
.we-fs16{ font-size: 16px; }
.we-fs17{ font-size: 17px; }
.we-fs18{ font-size: 18px; }
.we-fs19{ font-size: 19px; }
.we-fs20{ font-size: 20px; }
.we-fs21{ font-size: 21px; }
.we-fs22{ font-size: 22px; }
.we-fs23{ font-size: 23px; }
.we-fs24{ font-size: 24px; }
.we-fs25{ font-size: 25px; }
.we-fs26{ font-size: 26px; }
.we-fs27{ font-size: 27px; }
.we-fs28{ font-size: 28px; }
.we-fs29{ font-size: 29px; }
.we-fs30{ font-size: 30px; }

.webackit-global-container{
	padding: 20px;
}

.webackit_grid_column_1{ grid-column: 1; grid-row: auto; }
.webackit_grid_column_2{ grid-column: 2; grid-row: auto; }
.webackit_grid_column_3{ grid-column: 3; grid-row: auto; }
.webackit_grid_column_4{ grid-column: 4; grid-row: auto; }
.webackit_grid_column_5{ grid-column: 5; grid-row: auto; }

.webackit_grid_row_1{ grid-row: 1; }
.webackit_grid_row_2{ grid-row: 2; }
.webackit_grid_row_3{ grid-row: 3; }
.webackit_grid_row_4{ grid-row: 4; }
.webackit_grid_row_5{ grid-row: 5; }
.webackit_grid_row_6{ grid-row: 6; }
.webackit_grid_row_7{ grid-row: 7; }
.webackit_grid_row_8{ grid-row: 8; }
.webackit_grid_row_9{ grid-row: 9; }
.webackit_grid_row_10{ grid-row: 10; }

.webackit_grid_row_end_1{ grid-row-end: 1; }
.webackit_grid_row_end_2{ grid-row-end: 2; }
.webackit_grid_row_end_3{ grid-row-end: 3; }
.webackit_grid_row_end_4{ grid-row-end: 4; }
.webackit_grid_row_end_5{ grid-row-end: 5; }
.webackit_grid_row_end_6{ grid-row-end: 6; }
.webackit_grid_row_end_7{ grid-row-end: 7; }
.webackit_grid_row_end_8{ grid-row-end: 8; }
.webackit_grid_row_end_9{ grid-row-end: 9; }
.webackit_grid_row_end_10{ grid-row-end: 10; }

#sidebar-3,#sidebar-2,#sidebar-1{
    display:none;
}

#sidebar-2 h2.widget-title{
	font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    color: inherit;
    margin-top: 0;
    margin-bottom: 10px;
}
#colophon h2.widget-title{
	margin-top: 0;
    margin-bottom: 10px;
}
#colophon .widget_nav_menu ul{
	list-style: none;
	padding-left:0;
	margin-top: 0;
}

#colophon li a{
	padding: unset;
}
#colophon li a:hover{
	text-decoration: underline;
}
.widget_recent_entries ul{
	list-style: none;
	padding-left:0;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.widget_recent_entries ul li{
	display: flex;
   	justify-content: space-between;
   	width: 100%;
}




.site-info {
    margin-bottom: 100px;
}

#we_social_media a{
	padding: 16px;
}
#we_social_media a:first-child{
	padding-left: 0;
}
#we_social_media a span{
	font-size:25px;
}


/*
#primary{
	margin:0 20px;
}

#secondary{
	margin:0 20px;
}
*/
#main{
	z-index:10;
	width:100%;
	display: inline-block;
}
.we-woo-filters-btn{
	color:#fff;
	margin-bottom:25px;
}


body.blog .webackit-article-container{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
body.blog article.type-post{
	border: 1px solid #e8eef4;
    width: 100%;
    margin-bottom: 5px;
    padding: 2.5rem 2.5rem 4rem;
}


body.post-type-archive-webackit-faq .webackit-faq-article-container{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
body.post-type-archive-webackit-faq .webackit-faq-article{
	border: 1px solid #e8eef4;
    width: 100%;
    margin-bottom: 5px;
    padding: 2.5rem 2.5rem 4rem;
}

.webackit-faq-article:hover {
    border-color: #6522ff;
}
.webackit-faq-article .entry-title h2,
.webackit-faq-article .entry-title a{
	color:#333;
	font-size: 19px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: .5em;
}

#colophon{
	position: relative;
	border-top: 1px solid #cccccc;
    padding: 50px 0;
    background: #f7f7f761;
    margin-top: 50px;
}
#colophon .product-categories{
	padding-left: 0;
	margin-top: 0;
	list-style: none;
}
#colophon .widget{
	margin: 0 20px;
}
/*Elements*/
.search-field{
	width: calc(100% - 57px);
}


/*
* Contact info / detalii
*/
#we_mobile_company_info{
	display: none;
	padding:20px;
	color:#fff;
}

.webackit-contact-content h3{
	margin:0;
}
.contact_info address {
    font-size: 14px;
    font-style: inherit;
    padding: 10px 20px;
}
.border-we-g {
    border-left: 3px solid #058200;
    border-right: 1px dotted #dddfe2;
    border-top: 1px dotted #dddfe2;
    border-bottom: 1px dotted #dddfe2;
}

.border-we-y {
    border-left: 3px solid #fdbe00;
    border-right: 1px dotted #dddfe2;
    border-top: 1px dotted #dddfe2;
    border-bottom: 1px dotted #dddfe2;
}
.border-we-r {
    border-left: 3px solid #e94b35;
    border-right: 1px dotted #dddfe2;
    border-top: 1px dotted #dddfe2;
    border-bottom: 1px dotted #dddfe2;
}



a.btn-link{
	color: #000 !important;
    text-decoration: underline;
    text-decoration-line: underline;
    text-decoration-style: initial;
    text-decoration-color: #cbcbcb;
    text-underline-position: under;
    text-transform: uppercase;
    -webkit-text-decoration-color: #cbcbcb;
    text-decoration-color: #cbcbcb;
    font-weight: 700;
    }
.we-text-center{text-align: center;}



/*Forms*/
#commentform p{margin-bottom:10px;}
.comment-form-author, .comment-form-email{
	width:calc(50% - 2px);
	display: inline-block;
}
.comment-form-author{padding-right:5px;}
.comment-form-email{padding-left:5px;}
.comment-form-author input, 
.comment-form-email input,
.comment-form-title input{
	width:100%;
}
.comment-form-url input{
	width:100%;
}

.woocommerce-form .woocommerce-form-row--wide label, 
.woocommerce-form .woocommerce-form-row--wide input{
	width:100%;
}
.woocommerce-form .woocommerce-form-login__submit{
	float:right;
}
/*search form*/
form.woocommerce-product-search{
	display: flex;
}
form.woocommerce-product-search button{
	flex: auto;
}
#sidebar-3 .woocommerce-product-search input[type="search"]{
	border-right: 0;
}

/*Buttons*/
.basic-button{
	background: #cd1e89;
    padding: 0 20px 4px;
    border-radius: 4px;
}
.basic-button span{color:#fff;}

/*Sidebar woocommerce filters*
.we_sidebar_filters .woocommerce-widget-layered-nav{
	margin: 20px 0;
}

.we_sidebar_filters .woocommerce-widget-layered-nav ul, .woocommerce-MyAccount-navigation ul{
	margin-top: 0;
    list-style: none;
    list-style-type: none;
    padding-left: 0;
    flex-wrap: wrap;
    display: flex;
}

.we_sidebar_filters .woocommerce-widget-layered-nav ul li, .woocommerce-MyAccount-navigation ul li{
	text-align: center;
    border: 1px solid #cbcbcb;
    border-width: 1px 1px 1px 1px;
    padding: 7px;
    height: 100%;
    flex: 0 0 50%;
    max-width: 50%;
    line-height: 1.2
}

.we_sidebar_filters .woocommerce-widget-layered-nav ul li:nth-child(even), 
.woocommerce-MyAccount-navigation ul li:nth-child(even){
	border-left-width: 0;
}
.we_sidebar_filters .woocommerce-widget-layered-nav ul li:nth-child(n+3),
.woocommerce-MyAccount-navigation ul li:nth-child(n+3){
	border-top-width: 0;
}

.we_sidebar_filters .woocommerce-widget-layered-nav ul li a,
.woocommerce-MyAccount-navigation ul li a{
	color:#6E6E6E;
	display:block;
	padding: .625rem .1875rem .375rem;
	font-weight: 100;
	overflow: auto;
}
.we_sidebar_filters .woocommerce-widget-layered-nav li .count{
	display:none;
}

.we_sidebar_filters .woocommerce-widget-layered-nav li.chosen,
.woocommerce-MyAccount-navigation ul li.is-active{
	border-top-width: 1px !important;
	border-left-width: 1px !important;
	border-bottom-width: 3px;
    border-color: #000;
    border-bottom-color: #e53935;
}

.we_sidebar_filters .woocommerce-widget-layered-nav h2{
	font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.2;
    color: inherit;
    margin-top: 0;
    margin-bottom: 10px;
}
*/

.we-track-button{
	text-indent: initial;
	color: #ffffff;
    border: 1px solid #ffffff;
    top: -18px;
    background: #cd1e89;
    position: absolute;
    padding: 2px 5px;
    border-radius: 4px;
    font-size: 12px !important;
    line-height: 1;
}
/*expl 1*/
.we-track-btn1{left:calc(50% - 9px);}
/*expl 14*/
.we-track-btn2{left:calc(50% - 13px);}
/*expl 1.4k / 145*/
.we-track-btn3{left:calc(50% - 17px);}
/*expl: 13.4k*/
.we-track-btn4{left:calc(50% - 21px);}
.we-track-btn5{left:calc(50% - 25px);}

/*
* Continua sa dezvolti
*/
.tooltip {
  position: relative;
  /*
  display: inline-block;
  border-bottom: 1px dotted black;
  */
}

.tooltip .tooltiptext {
      visibility: hidden;
    width: 200px;
    background-color: black;
    color: #fff;
    /* text-align: center; */
    border-radius: 6px;
    padding: 10px 15px;
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/*
** Comments
*/
.comments-rating {
	border: none;
	padding: 0;
	margin-left: 0;
}

.comments-rating label {
	display: inline-block;
}

.rating-container {
	/* remove inline-block whitespace */
	font-size: 0;
	/* flip the order so we can use the + and ~ combinators */
	unicode-bidi: bidi-override;
	direction: rtl;
}

.rating-container * {
	font-size: 1.4rem;
}

.rating-container > input {
	display: none;
}

.rating-container > input + label {
	/* only enough room for the star */
	font-family: 'dashicons';
	display: inline-block;
	overflow: hidden;
	text-indent: 9999px;
	width: 1em;
	white-space: nowrap;
	cursor: pointer;
	margin: 0;
}

.rating-container > input + label:before {
	display: inline-block;
	text-indent: -9999px;
	content: "\f154";
	color: #888;
}

.rating-container > input:checked ~ label:before,
.rating-container > input + label:hover ~ label:before,
.rating-container > input + label:hover:before {
	content: "\f155";
	color: #4a4a4a;
	text-shadow: 0 0 1px #333;
}

.rating-container > .star-cb-clear + label {
	text-indent: -9999px;
	width: .5em;
	margin-left: -.5em;
}

.rating-container > .star-cb-clear + label:before {
	width: .5em;
}

.rating-container:hover > input + label:before {
	content: "\f154";
	color: #888;
	text-shadow: none;
}

.rating-container:hover > input + label:hover ~ label:before,
.rating-container:hover > input + label:hover:before {
	content: "\f155";
	color: #4a4a4a;
}
#respond_form{
	display: none;
}
.comment-respond .rating-container > .star-cb-clear + label, .comment-respond .rating-container > input + label:before {
	text-indent: 9999px;
}

.comment-respond .rating-container > input + label {
	text-indent: -9999px;
}
.we_user_review .we_user_admin_verified{
	display: block;
}
.we_user_review .we_user_admin_verified svg{
    height:16px;
    width: auto;
    margin-right: 5px;
}
.we_user_review .we_user_admin_verified span{
    vertical-align: text-bottom;
    font-size: 13px;
    font-weight: 600;
}

.we_comment_show_reply{
	display: inline-block;
    cursor: pointer;
    color: black;
    margin-right: 10px;
}
#reply-title small{
	margin-left: 10px;
}

.we_form_design_1 input{
	width: 100%;
}
.we_form_design_1 textarea{
	width: 100%;
}

.we_form_btn_1 [type="submit"]{
	cursor: pointer;
    border: 1px solid rgba(255,255,255,0);
    color: #fff;
    padding: 16px 36px;
    border-radius: 0;
    font-weight: 400;
    background: #2a2a2a;
    font-size: 15px;
    line-height: 1;
    display: inline-block;
}

/* Style of the mobile menu, area 2 */
	.we-stick-bottom{
		z-index: 100;
	    position: fixed;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	}

	#we_mobile_menu_area_two{
		display:none;
	    padding: 10px 20px;
		}
		#we_mobile_sidebar_btn{
			display:inline-block;
			width:30%;
			background:#fff;
			margin-right: 20px;
		}
		#mobile_secondary{
			z-index: 9999999;
		    height: 100%;
		    overflow-x: scroll;
		    position: fixed;
		    display: none;
		    padding: 20px 20px;
		    background: #fff;
		    top: 0;
		    left: 0;
		    width: 100%;
		}
		#we_mobile_menu_search{
			display: none;
			text-align: right;
			width: 100%;
			padding: 10px;
		}
		#we_mobile_menu_search label{
			vertical-align: top;
		}
		#we_mobile_menu_search button{
			background: #fff;
			padding: 13px;
		}
	

	#we_mobile_menu_buttons {
		line-height: 1.2;
		display:block;
	}

	#we_mobile_menu_buttons button{
		text-align: center;
		display: inline-block;
		width: calc(20% - 4px);
	    border: none;
	    background: none;
	}
	#we_mobile_menu_buttons .button{
		padding:14px;
		text-align: center;
		display: inline-block;
		width: calc(20% - 4px);
	    border: none;
	    background: none;
	}
	
	#we_mobile_menu_buttons .menu_buttons_cart{
		text-align: center;
		display: inline-block;
		width: calc(20% - 4px);
		background: #fff;
	    padding: 10px;
	    border-radius: 4px;
	}

@media screen and (min-width: 900px) {
	.mobile_only{
		display:none !important;
	}
	
	
	body.blog article.type-post{
		width: calc(33.33% - 5px);
	}
	body.post-type-archive-webackit-faq .webackit-faq-article{
		width: calc(33.33% - 5px);
	}

	.webackit-global-container{
		width: 80%;
	    max-width: 1300px;
	    margin: 0 auto;
	    padding: 0;
	}

	.webackit_grid_type_2{
		display: grid;
		grid-template-columns: 50% 50%;
		grid-template-rows: auto;
		}

		.webackit_grid_type_2 .webackit_grid_column_3,
		.webackit_grid_type_2 .webackit_grid_column_4,
		.webackit_grid_type_2 .webackit_grid_column_5{
			grid-column: 2;
		}

	.webackit_grid_type_3{
		display: grid;
		grid-template-columns: 33.3% 33.3% 33.3%;
		grid-template-rows: auto;
		}

		.webackit_grid_type_3 .webackit_grid_column_4,
		.webackit_grid_type_3 .webackit_grid_column_5{
			grid-column: 3;
		}

	.webackit_grid_type_4{
		display: grid;
		grid-template-columns: 25% 25% 25% 25%;
		grid-template-rows: auto;
		}
		.webackit_grid_type_4 .webackit_grid_column_5{
			grid-column: 4;
		}

	.webackit_grid_type_5{
		display: grid;
		grid-template-columns: 20% 20% 20% 20% 20%;
		grid-template-rows: auto;
	}

}
/*
** Mobile
*/
@media screen and (max-width: 900px) {
	.desktop_only{
		display:none !important;
	}
	.nav-links{
		display: flex;
	}
/*display: flex; flex-wrap: wrap; justify-content: space-between; */

}/*end of mobile*/