/*
Theme Name: Pet Bruce
Theme URI: http://wordpress.org/
Description: 
Author: ViviMS
Author URI: http://vivims.cl/
Version: 1.0
License: 
Tags:
*/
/*******************************************
		BASIC
*******************************************/
@font-face {
	font-family: 'Roboto';
	src: url("fonts/Roboto-Light.eot");
	src: url("fonts/Roboto-Light.eot?#iefix") format('embedded-opentype'),
		url("fonts/Roboto-Light.otf") format('otf'),
		url("fonts/Roboto-Light.svg#Roboto-Light") format('svg'),
		url("fonts/Roboto-Light.ttf") format('truetype'),
		url("fonts/Roboto-Light.woff") format('woff'),
		url("fonts/Roboto-Light.woff2") format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Roboto';
	src: url("fonts/Roboto-Bold.eot");
	src: url("fonts/Roboto-Bold.eot?#iefix") format('embedded-opentype'),
		url("fonts/Roboto-Bold.otf") format('otf'),
		url("fonts/Roboto-Bold.svg#Roboto-Bold") format('svg'),
		url("fonts/Roboto-Bold.woff") format('woff'),
		url("fonts/Roboto-Bold.woff2") format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Oswald';
	src: url(fonts/Oswald-Regular.eot);
	src: url(fonts/Oswald-Regular.eot?#iefix) format('embedded-opentype'),
		 url(fonts/Oswald-Regular.woff2) format('woff2'),
		 url(fonts/Oswald-Regular.woff) format('woff'),
		 url(fonts/Oswald-Regular.ttf) format('truetype'),
		 url(fonts/Oswald-Regular.svg#Oswald-Regular) format('svg'),
		 url(fonts/Oswald-Regular.otf) format('otf');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	scroll-behavior: smooth;
}
body {
	color: var(--bs-dark);
	background-color: var(--bs-gray-100);
	margin: 0;
	overflow-x: hidden;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}
a,
a:visited,
a:focus,
a:active,
a:hover {
	text-decoration: none;
	outline: none;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-family: 'Oswald', sans-serif;
}
::-moz-selection {
	background: var(--bs-blue);
	color: var(--bs-white);
}
::selection { 
	background: var(--bs-blue);
	color: var(--bs-white);
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: var(--bs-gray-500);
}
:-moz-placeholder {
	color: var(--bs-gray-500);
}
::-moz-placeholder {
	color: var(--bs-gray-500);
}
:-ms-input-placeholder {
	color: var(--bs-gray-500);
}
.form-control::-webkit-input-placeholder {
	color: var(--bs-gray-500);
}
.form-control:-moz-placeholder {
	color: var(--bs-gray-500);
}
.form-control::-moz-placeholder {
	color: var(--bs-gray-500);
}
.form-control:-ms-input-placeholder {
	color: var(--bs-gray-500);
}
b,
strong{
	font-weight: 700;
}
img.scaled-image{
	border: 0 none !important;
}
/*******************************************
		HEADER
*******************************************/
.header{
	background-color: var(--bs-gray-100);
	position: relative;
	width: 100%;
	z-index: 4;
	box-shadow: 0 0 12px var(--bs-gray-600);
}
.logo{
	width: 120px;
	height: auto;
}

/*******************************************
		MEDIA QUERY
*******************************************/
@media (min-width: 576px){
}
@media (min-width: 992px){
}
/*******************************************
		NAVEGACION
*******************************************/
.menu-menu-container{
	width: 100%;
}
.nav-menu{
	padding: 15px 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	max-width: 250px;
}
.nav-menu li{
	list-style: none;
	display: block;
}
.nav-menu li a{
	display: block;
	font-size: 1.25rem;
	font-weight: 700;
	padding: 5px 0;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	color: var(--bs-primary);
}
.nav-menu li a:hover{
	background: var(--bs-primary);
	color: var(--bs-white);
}
.nav-menu .sub-menu,
.nav-menu .children {
	background: var(--bs-gray-200);
	padding: 10px 0;
	margin: 0;
	display: block;
	position: relative;
	z-index: 99;
}
.nav-menu .sub-menu ul,
.nav-menu .children ul {
	border-left: 0;
	left: 0;
	top: 0;
}
.menu-item-has-children a{
	position: relative;
}
.menu-item-has-children > a:after{
	content:"\f107";
	font-family:'FontAwesome';
	position: absolute;
	top: 5px;
	right: 10px;
}
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	background: var(--bs-primary);
	color: var(--bs-white);
}
.nav-menu .current_page_item.btn-nav-link > a,
.nav-menu .current_page_ancestor.btn-nav-link > a,
.nav-menu .current-menu-item.btn-nav-link > a,
.nav-menu .current-menu-ancestor.btn-nav-link > a {
	background: var(--bs-primary);
	color: var(--bs-white);
}
.navbar-toggler {
	background: var(--bs-primary);
}
.navbar-toggler .navbar-toggler-icon {
	background-image: url(images/close.svg);
}
.navbar-toggler.collapsed .navbar-toggler-icon {
	background-image: url(images/menu.svg);
}
.navbar-toggler:focus{
	box-shadow: 0 0 0 transparent;
}
/*******************************************
		MEDIA QUERY
*******************************************/
@media (min-width: 576px){
}
@media (min-width: 768px){
}
@media (min-width: 992px){
	.menu-menu-1-container {width: 100%;}
	.nav-menu{padding: 0;margin: 0;max-width: 100%;text-align: right;}
	.nav-menu li{display: inline-block;}
	.nav-menu li a{padding: 5px 15px;}
	.nav-menu li.menu-item-has-children > a {padding: 5px 30px 5px 15px;}
	.nav-menu .sub-menu, .nav-menu .children{display: none;position: absolute;min-width:200px;text-align:left;}
	ul.nav-menu li:hover > ul, .nav-menu ul li:hover > ul {display: block;}
}
@media (min-width: 1200px){
}


/*******************************************
		CONTENT
*******************************************/
.cont-slider{
	position: relative;
}
.slick-prev {
	left: 25px;
	z-index: 1;
}
.slick-next {
	right: 25px;
}
.overlay {
	background: rgba(0,0,0,0.30);
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
	left: 0;
	right: 0;
	height: 100%;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
	border: 1px solid var(--bs-gray-400);
	text-align: center;
}
.woocommerce-loop-product__title,
.price{
	padding: 0 15px;
	color: var(--bs-dark);
}
.woocommerce ul.products li.product .button{
	margin-bottom: 1em;
}
/*******************************************
		MEDIA QUERY
*******************************************/
@media (min-width: 768px){
}
@media (min-width: 992px){
}
@media (min-width: 1200px){
}



/*******************************************
		FOOTER
*******************************************/
.footer{
	background: var(--bs-white);
	border-top: 2px solid var(--bs-primary);
	padding-top: 50px;
}
.footer .rrss a{
	text-align: center;
	width: 32px;
	height: 32px;
	font-size: 2rem;
	color: var(--bs-primary);
	display: inline-block;
	vertical-align: middle;
	margin: 0 4px;
}
ul.nav-footer {
	margin: 0;
	padding: 0;
	text-align: center;
	list-style: none;
}
/*******************************************
		MEDIA QUERY
*******************************************/
@media (min-width: 992px){
	.footer{
		padding: 50px 50px 0;
	}
}


/*******************************************
		VARIOS
*******************************************/
.text-justify{
	text-align: justify;
}
/* editar link */
.edit{
	max-width: 1170px;
	margin: 0 auto;
	width: 100%;
	clear: both;
	font-size: 14px;
}
.edit a {
	color: var(--bs-red);
}
.edit a:hover {
	color: var(--bs-red);
}
/* Responsive images */
img,
.wp-caption {
	max-width: 100%;
	height: auto;
}
/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%;
}
/* Images WordPress */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft {
	margin: 5px 20px 5px 0;
}
.wp-caption.alignleft {
	margin: 5px 10px 5px 0;
}
img.alignright {
	margin: 5px 0 5px 20px;
}
.wp-caption.alignright {
	margin: 5px 0 5px 10px;
}
img.aligncenter {
	margin: 5px auto;
}
img.alignnone {
	margin: 5px 0;
}
.wp-caption {
	color: var(--bs-blue);
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
}
.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol {
	list-style-position: inside;
}