/*!
Theme Name: Veterinaria 2026
Theme URI: https://lightpixel.ro
Author: LightPixel
Author https://lightpixel.ro
Description: Theme created by LightPixel
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: veterinaria
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/


/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	GENRAL STUFF	*/

:root {
  --blue: #375cad;
  --light-blue: #dfe5f3;
  --gray: #1c1b21;
  --light-gray: #f7f7f7;
}
.text-green{color:var(--blue)}
.text-gray{color:var(--gray)}

html { scroll-behavior: smooth; }
body {margin: 0;font-family:"Open Sans",sans-serif;font-size:18px;font-weight:400;color:#000;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
a,a:visited, a:active, a:link{text-decoration:none;color:inherit}
button, a, input{outline:none;transition:all .4s}
button, input{border-radius:0px !important;}
.font0{font-size:0px;}
.container-large, .woocommerce .content-area{width:1400px;margin:0 auto;max-width:100%;}
.woocommerce .content-area{padding:30px 0px}
.clear{clear:both}
.break{flex-basis: 100%;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] { -moz-appearance: textfield;}

a:hover{color:var(--blue) !important}
.mobile-menu{display:none;}
.mobile-menu button{border:none;padding:5px !important;font-size:18px !important;vertical-align:middle;background:inherit;color:inherit}
.mobile-menu button .bx{font-size:27px !important;vertical-align:middle;margin-right:2px !important}
.img-responsive{max-width:100% !important;height:auto}
.page-content{min-height:300px;}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	H1-H6	*/

h1{font-size:34px;font-weight:900;line-height:1em;vertical-align:middle;margin-bottom:25px;color:var(--blue)}
h2{font-size:26px;font-weight:900;line-height:1em;vertical-align:middle;margin-bottom:25px;color:var(--blue)}
h3{font-size:21px;font-weight:900;line-height:1em;vertical-align:middle;color:var(--gray)}

.page-header{background:var(--light-gray);text-align:center;padding:40px 10px;margin-bottom:30px;border-bottom:solid 1px #ddd}
.page-title{margin:0px;text-transform:uppercase;color:var(--gray);}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	BUTTONS	 */
.wc-block-cart__submit-button{background:var(--blue);color:#fff !important}
.wc-block-cart__submit-button:hover{background:var(--gray);color:#fff !important}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	HEADER	*/

.main-header{position:relative !important;}
.main-header{flex-flow: row wrap}
.custom-logo{max-height:100px;width:auto;}

.top-bar{background:var(--blue);color:#fff;line-height:50px;font-size:18px}

#mobile-menu-container{display:none;position:absolute;top:100%;left:0px;z-index:9999;background:#fff;width:100%;padding:10px;border:solid 1px var(--blue)}

.woocommerce-product-search{position:relative;width:100%;}
.woocommerce-product-search>label{display:flex;height:30px;}
.search-field{width:100%;height:30px;border:none;font-size:16px;padding:0px 10px}

.woocommerce-product-search button{font-size:0px;position:absolute;right:0px;top:0px;height:100%;width:30px;height:100%;background:none;border:none;outline:none}
.woocommerce-product-search button::after{display:inline-block;font-size:20px;content:"\f621";font-family:"boxicons";position:absolute;right:0px;top:0px;height:100%;width:30px;}

.front-user a i{font-size:25px; color:var(--blue);margin-right:7px}
.front-user a{margin-left:30px}
.front-user a span{transition:all .4s}
.front-user a:hover span{transform:scale(1.1)}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	FOOTER	*/
.main-footer{background: var(--blue);padding-top:45px;padding-bottom:45px;color:#fff;font-weight:400}
.main-footer h4{font-size:18px;font-weight:700}
.menu-bottom {list-style:none;padding:0px;margin:0px}
.menu-bottom li{font-size:18px; font-weight:400;line-height:1em;transition:all .4s;padding-bottom:.8em}
.menu-bottom li a{font-size:inherit;font-weight:inherit;transition:all .4s;}
.menu-bottom li a:hover{color:#fff !important;}
.menu-bottom li:hover{transform:scale(1.2) translateX(10%);}
.menu-bottom .sub-menu{list-style:none;padding:0px;margin:0px}
.menu-bottom .sub-menu li{font-weight:500}

.copyright{background:#fff; color:#000; margin:15px;font-size:16px;}
.footer-items .bxf{font-size:20px;margin-right:20px !important;margin-top:2px !important;color:var(--light-blue)}

.social .bxl{font-size:32px;color:#000 !important;background:#fff;padding:3px;border-radius:100%;transition:all .4s}
.social{margin:10px 5px;}
.social:first-child{margin-left:0px !important}
.social:hover .bxl{background:var(--light-blue);transform:scale(1.2)}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	MENIU	*/
.menu-top{list-style:none;margin:0px;padding:0px;position:relative}
.menu-top>li{display:inline-block;font-size:17px;color:#fff;margin:0px 30px;position:relative;transition:all .4s}
.menu-top>li:first-child{margin-left:0px !important}
.menu-top>li>a{font-size:inherit;font-weight:inherit;color:inherit;text-transform:uppercase}
.menu-top>li>a:hover{color:#fff !important}

.menu-top .menu-item-has-children a{position:relative}
.menu-top>.menu-item-has-children>a::before{content:"\f292";font-size:26px;font-family:boxicons !important;font-weight:400;width:1em;height:1em;line-height:1em;position:absolute;top:0px;right:-38px;display:block;padding:0px;text-align:center;transition:.3s all;}
.menu-top>.menu-item-has-children:hover>a::before{transform:rotate(180deg)}

.menu-top>li>.sub-menu{position:absolute;top:100%;left:0px;list-style:none;padding:20px 40px;margin:0px;z-index:99994;width:auto;background:#fff;min-width:300px;opacity:0;visibility:hidden;transition:.4s all;border:solid 1px #ddd !important}
.menu-top>li:hover .sub-menu{opacity:1;visibility:visible;}

.menu-top>li>.sub-menu{display:flex}
.menu-top>li>.sub-menu>li>a{white-space:nowrap;padding:10px 10px 10px 0px;font-weight:600;line-height:2em;font-size:19px}

.menu-top .sub-menu li a{white-space:nowrap;color:#000}
.columns2>.sub-menu{column-count: 2;}
.columns3>.sub-menu{column-count: 3;}
.columns4>.sub-menu{column-count: 4;}

.menu-top>li>.sub-menu>li>.sub-menu{margin-top:5px;padding:0px 40px 0px 0px;line-height:1.9em;list-style:none}
.menu-top>li>.sub-menu>li>.sub-menu>li>a{color:#555}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	NAVIGATION	*/
.navigation li a,.navigation li a:hover,.navigation li.active a,.navigation li.disabled {color: #fff;text-decoration:none;}
.navigation li {display: inline;border:solid 1px #fff;}
.navigation li a,.navigation li a:hover,.navigation li.active a,.navigation li.disabled {background-color: var(--gray);border-radius: 0px; cursor: pointer;display:inline-block;padding:5px 10px}
.navigation li a:hover, .navigation li.active a { background-color: var(--blue); color:#fff !important}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	FORMS	*/

.wpcf7-form-control{border:solid 1px var(--gray);width:100%;margin-bottom:15px;padding:7px;font-size:15px;font-weight:300;background:#fff;}
.wpcf7-submit{background:var(--blue);color:#fff;font-size:20px;border:none}
.wpcf7-submit:hover{background:var(--gray);}
.wpcf7-textarea{height:120px}
.modal-content{background:var(--light-blue);border-radius:0px;}
.modal-header{border-color:var(--blue)}
.modal-title{color:#fff !important}
.modal-body{padding:40px 40px 0px 40px}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	FRONT PAGE	*/

.front-categ{display:block;background:var(--light-gray);position:relative;transition:all .4s;width:100%;height:100%}

.front-categ img{position:absolute;width:100%;height:auto;top:0px;left:0px}
.front-categ h2{position:absolute;top:87%;left:0px;text-align:center;font-weight:500;color:#000;font-size:18px;transition:all .4s;width:100%}
.front-categ:hover{background:var(--light-blue)}
.front-categ:hover h2{transform:scale(1.2)}

.avantaje>div{background:var(--light-blue);padding:40px 0px;font-size:16px}
.avantaje h3{font-size:20px;font-weight:600;margin-bottom:15px}
.avantaj i{font-size:70px;color:var(--blue);margin-bottom:20px}
.avantaj{padding:0px 80px;border-right:solid 1px var(--blue)}
.avantaj-container:last-child .avantaj{border-right:none}
.avantaj p{margin:0px;padding:0px}

.front-promo{margin:50px auto 60px auto}
.front-promo h2{color:#000;font-size:40px;font-weight:700}
.front-promo .jumbo-button{border:solid 1px #000; color:#000;transition:all .4s;padding:15px 35px;font-size:25px}
.front-promo .jumbo-button:hover{background:var(--blue);color:#fff !important}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	WOOCOMMERCE	*/
li.product{border:solid 1px var(--light-blue);text-align:center}
.product-image img{width:auto !important;height:auto !important;max-height:100% !important;max-width:100% !important;margin:0 !important;}
.product-image{border-bottom:solid 1px var(--light-blue)}
.woocommerce-loop-product__title{height:2.7em !important;font-size:18x !important;line-height:1.3em !important;font-weight:400 !important;color:var(--blue) !important;text-align:center;padding:0px 8px!important;display: -webkit-box;-webkit-line-clamp: 2 !important;-webkit-box-orient: vertical !important;overflow:hidden !important;margin:20px 10px 10px 10px !important}
.products .price{width:100% !important;text-align:center !important;font-size:18px !important;color:#000 !important}
.products .price bdi,.price-placeholder{font-weight:700 !important;text-decoration:none !important}
.price-placeholder{margin:8px 0px 9px 0px}
.products .price del bdi{font-weight:500 !important}
.products a.product_type_simple, .products .add_to_cart_button{margin-top:10px !important;margin-bottom:20px !important;font-weight:400 !important;background:var(--blue) !important;color:#fff  !important}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
.woocommerce-breadcrumb , .woocommerce-breadcrumb a{font-size:16px !important;color:#000 !important}
.woocommerce-breadcrumb a:hover, .woocommerce-breadcrumb{color:var(--blue) !important}
.breadcrumb-separator{color:#000 !important;padding:0px 15px}
h1.product_title{font-size:26px !important; font-weight:700 !important;color:#000 !important}
.single-product .price{font-size:20px !important;color:var(--blue) !important;}
.single-product table{max-width:100% !important}
.single-product p{max-width:100% !important;white-space:normal !important; word-break: break-word !important;}
.woocommerce-product-details__short-description{font-size:17px !important;margin:40px 0px 60px 0px}
.quantity{display:flex;align-items:center}
span.cantitate{margin-right:10px}
.plus,.minus{width:40px;font-weight:700}
.plus,.minus,.qty{height:40px;border:solid 1px var(--gray);background:#fff;color: var(--gray);outline-width:0px;margin-bottom:10px}
.minus{border-right:none}
.plus{border-left:none}
.plus:hover,.minus:hover{background:var(--blue);color:#fff}
.single-product h2{font-weight:700;border-bottom:solid 1px var(--light-blue);text-transform:uppercase;color:#000;font-size:26px;padding-bottom:10px;margin-top:40px}

.var-btn-label{border:solid 1px var(--gray);padding:0px 10px}
.variations th{width:1px;white-space:nowrap;padding-right:20px}
.variations td{padding-bottom:10px}

.woocommerce-page div.product div.images{width:38% !important}
.woocommerce-page div.product div.summary{width:58% !important}
.stock.in-stock{color:var(--blue) !important;}
.product_sku{font-size:16px;color:var(--gray)}
.fix{border:solid 1px #ccc}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/* Change background and text color of main buttons */
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: var(--blue) !important; /* Background color */
    color: #ffffff; /* Text color */
    font-weight:400 !important;
}
.woocommerce #respond input#submit.disabled,
.woocommerce a.button.disabled,
.woocommerce button.button.disabled,
.woocommerce input.button.disabled{
    background-color: var(--blue) !important; /* Background color */
    color: #ffffff; /* Text color */
    font-weight:400 !important;
}

/* Change background and text color of add to cart button on hover */
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: #333333; /* Hover color */
    color: #ffffff;
    font-weight:400 !important;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	RESPONSIVE	*/
@media screen and (max-width: 1600px) {

}
@media screen and (max-width: 1400px) {
	.container-large{padding:12px}
	.footer-items{padding-left:24px}
}
@media screen and (max-width: 1200px) {
	.avantaj{padding:0px 40px;}
	.avantaj i{font-size:60px}

	.menu-top>li{position:static;}
}
@media screen and (max-width: 992px) {
	.mobile-menu{cursor:pointer}
	.no-mobile-margins{margin:0px !important;padding:0px !important}
	.avantaj{padding:0px 10px;}
	.avantaj i{font-size:50px}	

	.columns2>.sub-menu{column-count: 1;}
	.columns3>.sub-menu{column-count: 1;}
	.columns4>.sub-menu{column-count: 1;}	
	
	.bottom-menu-container>div:first-child{border-right:solid 1px var(--light-gray)}
	.menu-bottom li{padding-bottom:1.2em}
	.menu-bottom li:hover{transform:scale(1.2) translateX(0%);}	
	.anpc-footer img{max-width:75% !important}
	.woocommerce .content-area{padding:20px 10px}
	.woocommerce-page div.product div.images{width:100% !important}
	.woocommerce-page div.product div.summary{width:100% !important}
}
@media screen and (max-width: 767px) {
	.no-mobile{display:none}
	.front-user a{margin-left:15px}
	.avantaje>div{padding:30px}
	.avantaj{display:flex;border-right:none;border-bottom:solid 1px var(--blue);padding-bottom:10px;margin-bottom:20px}
	.avantaj i{font-size:70px;margin-right:20px}
	.custom-logo{max-height:50px;width:auto;}
	.avantaj-container:last-child .avantaj{border:none;padding-bottom:0px;margin-bottom:0px}	
	.anpc-footer img{max-width:100% !important}
	
	
	.menu-top>li{display:block;font-size:17px;color:#000;margin:10px 30px;position:relative;transition:all .4s;border-bottom:solid 1px var(--light-blue);padding-bottom:10px;width:100%}	
	.menu-top>li:first-child{margin-left:30px !important}
	.menu-top>li>a:hover{color:#000 !important}
	.menu-top>li:hover{transform:none !important}
	.menu-top>li>.sub-menu{display:block !important;position:static !important;opacity:1;visibility:visible;transition:.4s all;padding-bottom:0px;border:none !important}
	.menu-top>li>.sub-menu li{border-top:solid 1px var(--light-blue);border-bottom:none}
	.menu-top>.menu-item-has-children a::before{display:none}
}
@media screen and (max-width: 390px) {

}

ul#shipping_method li label[for*="fan_courier"], ul.woocommerce-shipping-methods li label[for*="fan_courier"]{white-space:normal !important}