/*
Theme Name: WP Bootstrap Starter Child
Theme URI: https://quickcomputers.net
Description: WP Bootstrap Starter Child Theme
Author: Ruben Molina
Author URI: https://quickcomputers.net
Template: wp-bootstrap-starter
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: wp-bootstrap-starter-child
*/

/** GENERAL **/
html, body{
	font-family:'Inter', sans-serif;
	color:#374151;
}
.rounded{
	border-radius:12px!important;
}
/** FONT **/

/** COLOR **/
.color-gray{
	color:#4a5568!important;
}
.color-red{
	color:#dc2626!important;
}
.bg-gray-100{
	background-color:#888F9C!important;
}
.bg-gray-300{
	background-color:#646E7F!important;
}
.bg-gray,
.bg-gray-500{
	background-color:#4a5568!important;
}
.bg-gray-700{
	background-color:#323C4D!important;
}
.bg-gray-900{
	background-color:#1E2B40!important;
}
.bg-red-100{
	background-color:#FF7D7D!important;
}
.bg-red-300{
	background-color:#EC4F4F!important;
}
.bg-red,
.bg-red-500{
	background-color:#dc2626!important;
}
.bg-red-700{
	background-color:#B11111!important;
}
.bg-red-900{
	background-color:#8A0000!important;
}

/** HEADER **/
header .site-logo{
	height:50px;
}
header .site-logo img{
	width:auto;
	height:100%;
}

header .nav-link{
	color:#374151;
}
/** BUTTON **/

.btn{
	padding:10px 25px;
	border-radius:12px;
}
.btn.btn-primary{
	background-color:#dc2626;
	border-color:#dc2626;
}
.btn.btn-primary:hover{
	background-color:#8A0000;
}
.btn.btn-outline-primary{
	border-color:#dc2626;
	color:#dc2626;
}
.btn.btn-primary:hover,
.btn.btn-outline-primary:hover{
	background-color:#8A0000;
	color:#FFFFFF;
}

/** HERO BANNER **/
.hero-bg{
	height:100vh;
	position:relative;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

.hero-bg:before{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:#FFFFFF;
	z-index:1;
	opacity:.74;
}

.hero-bg > div{
	position:relative;
	z-index:2;
}

/** PRODUCT CARD **/
.product-card img{
	height:250px!important;
	max-width:initial;
	width:auto;
}

/** FOOTER **/

footer a,
footer .nav-link{
	color:#FFFFFF!important;
	background:none!important;
}