.elementor-170 .elementor-element.elementor-element-2e53692{width:var( --container-widget-width, 1140px );max-width:1140px;--container-widget-width:1140px;--container-widget-flex-grow:0;}.elementor-170 .elementor-element.elementor-element-2e53692.elementor-element{--align-self:center;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-2e53692 *//* ==========================================
PROTEIN X - VARUMARKESLISTA
Shortcode: [product_brand_list]
========================================== */


/* ------------------------------------------
DOLJ A-Z INDEXET OVERST
------------------------------------------ */

.elementor-170 .elementor-element.elementor-element-2e53692 ul.brands_index {
display: none !important;
}


/* ------------------------------------------
BOKSTAVSRUBRIKER - A, B, C osv.
------------------------------------------ */

.elementor-170 .elementor-element.elementor-element-2e53692 h2,
.elementor-170 .elementor-element.elementor-element-2e53692 h3 {
margin: 20px 0 12px !important;
padding: 0 0 10px !important;

font-size: 20px !important;
font-weight: 700 !important;
line-height: 1 !important;

/* Gor a, b, c till A, B, C */
text-transform: uppercase !important;

color: ##8D00FF !important;

border-bottom: 1px solid #111 !important;
}


/* ------------------------------------------
VARUMARKESLISTOR
------------------------------------------ */

.elementor-170 .elementor-element.elementor-element-2e53692 ul:not(.brands_index) {
display: grid !important;

grid-template-columns:
repeat(4, minmax(0, 1fr)) !important;

column-gap: 40px !important;
row-gap: 0 !important;

padding: 0 !important;
margin: 0 0 0px !important;

list-style: none !important;
}


/* ------------------------------------------
VARJE VARUMARKE
------------------------------------------ */

.elementor-170 .elementor-element.elementor-element-2e53692 ul:not(.brands_index) li {
margin: 0 !important;
padding: 0 !important;

border-bottom: 1px solid #eeeeee;
}


/* ------------------------------------------
VARUMARKESLANK
------------------------------------------ */

.elementor-170 .elementor-element.elementor-element-2e53692 ul:not(.brands_index) li a {
display: block !important;

padding: 14px 3px !important;

font-size: 15px !important;
font-weight: 500 !important;
line-height: 1 !important;

color: #151515 !important;

background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;

text-decoration: none !important;

transition:
color 0.2s ease,
padding-left 0.2s ease !important;
}


/* ------------------------------------------
HOVER PA VARUMARKE
------------------------------------------ */

.elementor-170 .elementor-element.elementor-element-2e53692 ul:not(.brands_index) li a:hover {
color: #7115ff !important;
padding-left: 7px !important;

background: transparent !important;
box-shadow: none !important;
transform: none !important;
}


/* ------------------------------------------
DOLJ ALLA "TOPPEN"
------------------------------------------ */

.elementor-170 .elementor-element.elementor-element-2e53692 .top,
.elementor-170 .elementor-element.elementor-element-2e53692 a[href="#top"],
.elementor-170 .elementor-element.elementor-element-2e53692 a[href*="#top"] {
display: none !important;
}


/* ------------------------------------------
TABLET
------------------------------------------ */

@media (max-width: 1024px) {

.elementor-170 .elementor-element.elementor-element-2e53692 ul:not(.brands_index) {
grid-template-columns:
repeat(3, minmax(0, 1fr)) !important;

column-gap: 25px !important;
}

}


/* ------------------------------------------
MOBIL
------------------------------------------ */

@media (max-width: 767px) {

.elementor-170 .elementor-element.elementor-element-2e53692 h2,
.elementor-170 .elementor-element.elementor-element-2e53692 h3 {
margin-top: 26px !important;
margin-bottom: 10px !important;

font-size: 21px !important;
}

.elementor-170 .elementor-element.elementor-element-2e53692 ul:not(.brands_index) {
grid-template-columns:
repeat(2, minmax(0, 1fr)) !important;

column-gap: 15px !important;
}

.elementor-170 .elementor-element.elementor-element-2e53692 ul:not(.brands_index) li a {
padding: 11px 2px !important;

font-size: 14px !important;
}

}


/* ------------------------------------------
MYCKET LITEN MOBIL
------------------------------------------ */

@media (max-width: 420px) {

.elementor-170 .elementor-element.elementor-element-2e53692 ul:not(.brands_index) {
grid-template-columns: 1fr !important;
}

}/* End custom CSS */