/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author: UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/
:root {
--site-content-width: 1200px;
}

a {
color: #337ab7;
}
p {
font-family: "Lato", sans-serif;
font-size: 18px;
color: #414042;
line-height: 1.5em;
margin: 0 0 20px;
font-weight: 400;
}

@media (min-width: 768px) {
.l-section-h.i-cf,
.l-subheader-h {
max-width: 750px !important;
}
}
@media (min-width: 992px) {
.l-section-h.i-cf,
.l-subheader-h {
max-width: 970px !important;
}
}

@media (min-width: 1200px) {
.l-section-h.i-cf,
.l-subheader-h {
max-width: 1200px !important;
}
}
.logo-img img {
width: 100% !important;
height: 104px !important;
}

h4.post_title a {
font-size: 18px !important;
font-weight: 600 !important;
    word-break: break-word;
}
h4.post_title {
min-height: 80px;
}
article.type-us_portfolio {
padding: 20px !important;
border: 1px solid #d2d2d2 !important;
/* height: 360px; */
}
.w-post-elm.stretched img {
width: 256px !important;
height: 144px !important;
min-height: 144px !important;
max-height: 144px !important;
}
.homepage-cards.stretched img {
width: 380px !important;
height: 270px !important;
min-height: 270px !important;
max-height: 270px !important;
}
body:not(.rtl) .w-vwrapper.align_left {
padding: 0 !important;
}
.w-post-elm.post_image {
width: 100%;
text-align: center;
}
article .w-grid-item-h {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: start;
}
.homepagecard .w-grid-item-h {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 20px;
align-items: start;
}
.blog-card .w-grid-list article .w-grid-item-h {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 10px;
border: 1px solid #d2d2d2 !important;
align-items: center;
}
.blog-card .w-grid-list article .w-grid-item-h .w-btn {
border: 1px solid #000 !important;
margin-bottom: 24px;
}
.blog-card .w-grid-list article .homepage-title a {
color: #414042 !important;
font-size: 24px !important;
}
.homepage-title a {
font-weight: 700 !important;
font-size: 28px !important;
color: #faa41a !important;
margin-bottom: 10px !important;
text-transform: capitalize;
min-height: 70px;
}
.homepage-cards-main-wrap {
justify-content: flex-start !important;
}
.homepage-desc {
font-size: 18px !important;
color: #fff !important;
line-height: 1.5em !important;
min-height: 203px;
}
.homepage-btn {
background-color: #faa41a !important;
color: #141414 !important;
border-radius: 20px !important;
font-weight: 700 !important;
padding: 12px 27px !important;
display: inline-block !important;
transition: 200ms linear all !important;
border: 3px solid #faa41a !important;
margin-top: 10px !important;
}
.home-richtext h2,
.capitalize {
text-transform: capitalize !important;
}
.home-richtext h4 {
font-weight: 700;
font-size: 26px;
margin-bottom: 15px;
color: #414042;
}
.home-richtext p {
font-size: 18px !important;
}
.bordered-col {
padding: 0 15px;
border: 1px solid #c5c5c5;
margin-bottom: 30px;
}
.one-third-slider {
height: max-content !important;
padding-bottom: 30px !important;
}
.client-title {
margin-top: 0;
margin-bottom: 24px;
font-weight: 700;
font-size: 30px;
}
.distributors-images img {
max-width: 300px;
margin: 0;
width: 100%;
}
.drop-menu-item {
color: #000;
}
.test .w-grid-preloader {
display: none;
}
.test {
display: flex;
gap: 24px;
margin-bottom: 40px;
}
.test .w-grid.type_grid .w-grid-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-flow: dense;
gap: calc(var(--gap, 0px) * 2);
grid-template-rows: max-content;
}
.test .g-filters {
flex-wrap: nowrap !important;
flex-direction: column;
height: 100%;
gap: 1px;
}
.test .g-filters button,
.test .g-filters button.active {
padding: 20px;
border: 1px solid #fff;
background-color: #eaeaea !important;
color: #337ab7 !important;
line-height: 27px !important;
max-width: 270px;
min-width: 270px;
white-space: pre-line;
text-align: left;
font-size: 18px;
font-weight: 500;
}

.test .g-filters button:hover {
cursor: pointer;
background-color: #d8d8d8 !important;
}
.test article .w-grid-item-h {
display: flex;
flex-direction: column;
justify-content: center;
gap: 20px;
align-items: center;
}

article .w-grid-item-h h4 {
font-size: 18px;
color: #414042;
line-height: 1.5em;
text-transform: capitalize;
text-align: center;
}
.g-breadcrumbs-item:last-of-type a {
color: #000;
}
.footer-col {
justify-content: flex-start !important;
}
.l-subheader-cell.at_center:has(.nav-menu) {
justify-content: end !important;
}
.w-nav.type_desktop .w-nav-anchor:not(.level_1) {
padding: 3px 20px;
}
.nav-menu .w-nav-title {
color: #fff !important;
}
.header_hor .ush_menu_1.type_desktop.align-edges > .w-nav-list.level_1 {
flex-wrap: wrap;
justify-content: space-between !important;
}
.l-subheader.at_bottom {
line-height: 45px !important;
padding: 10px 0;
height: auto !important;
}
.header_hor .ush_menu_1.type_desktop .menu-item.level_1 > a:not(.w-btn) {
padding-left: 10px !important;
padding-right: 10px !important;
}
.w-nav-list.level_2 {
padding: 5px 0;
}
.w-nav-anchor.level_2 .w-nav-title {
text-transform: capitalize;
color: #333 !important;
font-weight: 400;
}
.w-nav-anchor.level_2 .w-nav-title:hover {
color: #faa41a !important;
}
.ush_menu_1 .w-nav-list:not(.level_1) {
background-color: #343335 !important;
color: #777 !important;
}
.ush_menu_1 .w-nav-list:not(.level_1) {
background: #fff !important;
}
.slider-h1 {
font-family: "Lato", sans-serif !important;
font-size: 28px !important;
color: #faa41a !important;
margin-top: 0 !important;

font-weight: 700 !important;
line-height: 30px !important;
display: block;
text-transform: capitalize !important;
}
.slider-p {
font-family: "Lato", sans-serif !important;
font-size: 18px !important;

line-height: 1.5em !important;
color: #fff !important;
font-style: normal !important;
}
.btn-hero {
font-size: 21px !important;
font-weight: 700 !important;
color: #141414 !important;
border: 3px solid #faa41a !important;
background-color: #faa41a !important;
padding: 15px 30px !important;
position: absolute !important;
right: 0;
bottom: -20px;
float: right !important;
border-radius: 25px !important;
transition: 200ms linear all !important;
min-width: 170px !important;
height: 61.44px !important;
line-height: normal !important;
}
.btn-hero:hover,
.btn-hero:focus {
text-decoration: none !important;
color: #faa41a !important;
background-color: #101010 !important;
}
.z-0 {
z-index: 0 !important;
}
.l-header.pos_fixed:not(.notransition) .l-subheader {
transition-property: none !important;
transition-duration: none !important;
transition-timing-function: none !important;
}
.w-slider.fit_scaledown .w-slider-h img {
object-fit: cover !important;
}
.copyright p strong {
color: #fff !important;
}
.w-form-row.for_radio.has_label .w-form-row-field {
display: flex;
gap: 12px;
}
.contact-forrm-submit button {
background-color: #1b1b1b !important;
border-radius: 0 !important;
color: #fff !important;
padding: 8px 18px !important;
font-weight: 700 !important;
margin-top: 10px !important;
border: 0 !important;
transition: 100ms all linear;
font-size: 14px !important;

line-height: 1.42857143;
text-align: center;
white-space: nowrap;
}
.row-border {
border: 1px solid #cacaca !important;
}
.w-vwrapper.usg_vwrapper_1.has_text_color.align_left.valign_middle {
margin-left: 0 !important;
border: 0 !important;
}
.footer-menu li a:hover {
text-decoration: underline !important;
}
.link-text {
width: 100%;
}
.link-text:hover {
text-decoration: underline;
}
.slider-img {
width: 100% !important;
height: 300px !important;
min-width: 100% !important;
max-width: 100% !important;
}
.sam .sr7-content {
width: 100% !important;
}
.relative {
position: relative !important;
}
.underline a span {
text-decoration: underline;
}
.richtext a:hover {
text-decoration:underline !important;
}
.richtext ul {
margin-bottom: 10px !important;
}
.richtext li {
font-weight: 400;
line-height: 27px !important;
margin-bottom: 0 !important;
color: #414042;
}
.richtext ol li strong {
color: #ff6600;
}
.richtext h2 {
font-weight: 700;
font-size: 26px;
margin-bottom: 15px;
padding-top: 0;
}
.w-html ul {
list-style: none !important;
margin-left: 0 !important;
}
.w-html ul li a {
color: #006636 !important;
font-weight: 400;
}
.w-html ul li a:hover {
text-decoration: underline;
}
.homepage-list-cards:hover{
text-decoration: none!important;
color: #101010!important;
background-color: #fcc265!important;
}
.homepage-list-cards:hover span{
color: #101010!important;
}
.black-color-last-item .g-breadcrumbs-item:last-of-type a {
color:#337ab7 !important;
}

.form-control input[type="text"],
.form-control input[type="email"],
.form-control input[type="password"],
.form-control input[type="number"],
.form-control input[type="tel"],
.form-control select,
.form-control textarea
{
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s , box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.small-slides{
max-width: 390px;
align-self: self-start;
min-height: max-content;
}
.n2-ss-slider .n2-ss-layer-with-background,
.n2-ss-slider .n2-ss-layer[data-sstype=content]{
height:max-content !important;
min-height: max-content!important;
justify-content:flex-start !important;
}
.n2-ss-slider .n2-ss-layer[data-sstype=slide]{
justify-content:flex-start !important;
}


@media (max-width: 1024px) {
.header_hor .ush_menu_1.type_desktop.align-edges > .w-nav-list.level_1 {
justify-content: flex-start !important;
}
.homepage-cards.stretched img{
max-width: 100%;
width: 100% !important;
}
.slider-img-home{
max-width: 100%;
width: 100% !important;
}
}

@media (max-width: 767px) {
.l-subheader, .l-section {
padding-left: 15px!important;
padding-right: 15px!important;
}
.btn-hero {
position: relative !important;
}
.logo-img img {
margin: 0 auto;
margin-bottom: 10px;
max-width: 385px;
}
.ush_image_1 {
margin-bottom: 0 !important;
}
.us_menu_1 .menu {
display: flex !important;
}
.l-header.pos_fixed:not(.notransition) .l-subheader {
padding: 0 !important;
}
.header_hor .w-nav.type_mobile.m_layout_dropdown .w-nav-list.level_1 {
padding: 7.5px 10px;
}
.w-nav .menu-item {
padding: 0 10px;
}
.ush_menu_1 .w-nav-list:not(.level_1) {
background: transparent !important;
}
.w-nav-anchor.level_2 .w-nav-title {
text-transform: capitalize;
font-size: 14px;
color: #777 !important;
font-weight: 400;
}
.w-nav-anchor.level_2,
.w-nav-anchor.level_3,
.w-nav-anchor.level_4 {
padding: 10px 0 10px 30px !important;
}
.ush_image_1 {
height: 84px !important;
}
.product-resource-row {
gap: 0 !important;
}
.slider-img {
width: 100% !important;
height: 150px !important;
min-width: 100% !important;
max-width: 100% !important;
}
.test {
gap: 24px;
margin-bottom: 40px;
flex-direction: column;
}
.test .g-filters button,
.g-filters.style_1 .g-filters-item.active {
min-width: 100%;
max-width: 100%;
}
.w-menu.layout_hor.spread .menu {
justify-content: flex-start !important;
gap: 12px !important;
}
#menu-footer-menu {
display: flex !important;
gap: 10px !important;
}
#menu-footer-menu li {
margin: 0 !important;
}
.color_footer-bottom .g-cols.laptops-cols_4 {
gap: 10px !important;
}
.footer-logo img{
max-width:250px;
}

/* When header has class .fixed inside .admin-bar */
/* .l-header.fixed ~ .l-main > .l-section:first-of-type > .l-section-h,
.l-header.fixed ~ .l-main > form > .l-section:first-of-type > .l-section-h {
padding-top: 10px !important;
} */
/* When header has class .sticky */
/* .l-header.sticky ~ .l-main > .l-section:first-of-type > .l-section-h,
.l-header.sticky ~ .l-main > form > .l-section:first-of-type > .l-section-h {
padding-top: 100px !important;
} */
/* .l-section-h {
transition: padding-top 0.7s linear;
} */
.w-nav-control {
height: 60px;
}
.l-subheader-cell.at_center:has(.nav-menu) {
border-bottom: 1px solid #e7e7e7;
}
.ush_menu_1.type_mobile .w-nav-anchor.level_1,
.ush_menu_1.type_mobile .w-nav-anchor.level_1 + .w-nav-arrow {
padding: 10px !important;
}
.nav-menu .w-nav-title,
.ush_menu_1.type_mobile .w-nav-anchor.level_1,
.ush_menu_1.type_mobile .w-nav-anchor.level_1 + .w-nav-arrow {
line-height: 20px !important;
}
.slider-image img {
height: 105px !important;
}
}

/**
* Wine Slider CSS
* This file contains all the styles for the Wine Slider WordPress plugin
*/

/* Slider Container */
.wine-slider-container {
max-width: 370px; /* Default width, can be overridden via shortcode */
margin: 0 auto;
position: relative;
overflow: hidden;
background-color: #fff;
}

/* Slider */
.wine-slider {
width: 100%;
position: relative;
}

/* Slides */
.wine-slide {
width: 100%;
display: none;
text-align: center;
}

.wine-slide.active {
display: block;
}

/* Slide Image */
.wine-slide img {
width: 100%;
height: auto;
display: block;
}

/* Slide Caption */
.wine-slide-caption {
padding: 15px 10px;
text-align: center;
font-family: "Lato", sans-serif;
font-size: 18px;
color: #414042;
line-height: 1.5em;
border-top: 1px solid #f0f0f0;
font-weight: 500;
font-style: italic;
}

/* Navigation Dots */
.wine-slider-dots {
display: flex;
justify-content: center;
margin-top: 10px;
padding-bottom: 15px;
gap: 0; /* Remove gap as we're using margin on dots */
}

.wine-slider-dot {
width: 12px;
height: 12px;
background-color: #fff;
border:2px solid #1a1a1a;
border-radius: 50%;
cursor: pointer;
margin: 0 5px;
transition: background-color 0.3s ease;
}

.wine-slider-dot.active {
background-color: #ff8c00;

}

/* Arrow styling */
.wine-slider-arrow {
position: absolute;
top: 57%;
transform: translateY(-50%);
width: 40px;
height: 40px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 10;
font-size: 40px;
border-radius: 0;
transition: background-color 0.3s ease;
opacity: 0.5;
}

.wine-slider-arrow:hover {
opacity:1;
}

.wine-slider-prev {
left: 10px;
}

.wine-slider-next {
right: 10px;
}

.wine-slider-arrow .glyphicon {
font-size: 24px;
color: #fff;
}

/* Responsive Styles */
@media (max-width: 480px) {
.wine-slider-container {
max-width: 100%;
}

.wine-slide-caption {
padding: 10px 8px;
font-size: 14px;
}

.wine-slider-arrow {
width: 30px;
height: 30px;
}

.wine-slider-arrow::before {
width: 8px;
height: 8px;
}

.wine-slider-dot {
width: 8px;
height: 8px;
}
}