/*
----------------------------------------------------------
[Table of contents]


#Skins-Colors
#Skins-Typography
#Skins-General
#Skins-Buttons
#Skins-Alerts
#Skins-Menus
#Skins-Thumbs


----------------------------------------------------------
*/
/*
----------------------------------------------------------


#Skins-Color


----------------------------------------------------------
*/

/*----------------------------------------------------------
#transparent
----------------------------------------------------------*/
.style-transparent-bg { background-color: transparent; }
.btn-transparent { color: #ffffff !important; background-color: transparent !important; border-color: transparent !important; }
.btn-transparent:not(.btn-hover-nobg):not(.icon-animated):hover, .btn-transparent:not(.btn-hover-nobg):not(.icon-animated):focus, .btn-transparent:not(.btn-hover-nobg):not(.icon-animated):active { background-color: transparent !important; border-color: transparent !important;}
.btn-transparent.btn-flat:not(.btn-hover-nobg):hover, .btn-transparent.btn-flat:not(.btn-hover-nobg):focus, .btn-transparent.btn-flat:active { background-color: transparent !important; border-color: transparent !important;}
.btn-transparent:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover, .btn-transparent:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):focus, .btn-transparent:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):active { color: transparent !important; }
.btn-transparent.btn-outline { background-color: transparent !important; border-color: transparent !important; }
.btn-transparent.btn-outline:not(.btn-text-skin) { color: transparent !important; }
.btn-transparent.btn-outline:not(.btn-hover-nobg):hover, .btn-transparent.btn-outline:not(.btn-hover-nobg):focus, btn-transparent.btn-outline:active { background-color: transparent !important; border-color: transparent !important; }
.btn-transparent.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):hover, .btn-transparent.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):focus, btn-transparent.btn-outline:active { color: #ffffff !important; }
.style-light .btn-transparent.btn-text-skin.btn-outline, .style-light .btn-transparent.btn-text-skin:not(.btn-outline):hover, .style-light .btn-transparent.btn-text-skin:not(.btn-outline):focus, .style-light .btn-transparent.btn-text-skin:not(.btn-outline):active { color: #141618 !important; }
.style-light .btn-transparent.btn-text-skin.btn-outline:hover, .style-light .btn-transparent.btn-text-skin.btn-outline:focus, .style-light .btn-transparent.btn-text-skin.btn-outline:active { color: #ffffff !important; }
.style-light .style-dark .btn-transparent.btn-text-skin.btn-outline, .style-light .style-dark .btn-transparent.btn-text-skin:not(.btn-outline):hover, .style-light .style-dark .btn-transparent.btn-text-skin:not(.btn-outline):focus, .style-light .style-dark .btn-transparent.btn-text-skin:not(.btn-outline):active { color: #ffffff !important; }
.style-light .style-dark .btn-transparent.btn-text-skin.btn-outline:hover, .style-light .style-dark .btn-transparent.btn-text-skin.btn-outline:focus, .style-light .style-dark .btn-transparent.btn-text-skin.btn-outline:active { color: #141618 !important; }
.text-transparent-color { color: transparent !important; fill: transparent !important; }
.border-transparent-color { border-color: transparent !important; }
.l4x4-uncode-tmb-overlay-gradient-top .style-transparent-bg { background-color: transparent !important; }
.l4x4-uncode-tmb-overlay-gradient-bottom .style-transparent-bg:not(.l4x4-uncode-tmb-term-evidence) { background-color: transparent !important; }

/*----------------------------------------------------------
#color-jevc
----------------------------------------------------------*/
.style-color-jevc-bg { background-color: #000000; }
.btn-color-jevc { color: #ffffff !important; background-color: #000000 !important; border-color: #000000 !important; }
.btn-color-jevc:not(.btn-hover-nobg):not(.icon-animated):hover, .btn-color-jevc:not(.btn-hover-nobg):not(.icon-animated):focus, .btn-color-jevc:not(.btn-hover-nobg):not(.icon-animated):active { background-color: transparent !important; border-color: #000000 !important;}
.btn-color-jevc.btn-flat:not(.btn-hover-nobg):hover, .btn-color-jevc.btn-flat:not(.btn-hover-nobg):focus, .btn-color-jevc.btn-flat:active { background-color: #000000 !important; border-color: #000000 !important;}
.btn-color-jevc:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover, .btn-color-jevc:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):focus, .btn-color-jevc:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):active { color: #000000 !important; }
.btn-color-jevc.btn-outline { background-color: transparent !important; border-color: #000000 !important; }
.btn-color-jevc.btn-outline:not(.btn-text-skin) { color: #000000 !important; }
.btn-color-jevc.btn-outline:not(.btn-hover-nobg):hover, .btn-color-jevc.btn-outline:not(.btn-hover-nobg):focus, btn-color-jevc.btn-outline:active { background-color: #000000 !important; border-color: #000000 !important; }
.btn-color-jevc.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):hover, .btn-color-jevc.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):focus, btn-color-jevc.btn-outline:active { color: #ffffff !important; }
.style-light .btn-color-jevc.btn-text-skin.btn-outline, .style-light .btn-color-jevc.btn-text-skin:not(.btn-outline):hover, .style-light .btn-color-jevc.btn-text-skin:not(.btn-outline):focus, .style-light .btn-color-jevc.btn-text-skin:not(.btn-outline):active { color: #141618 !important; }
.style-light .btn-color-jevc.btn-text-skin.btn-outline:hover, .style-light .btn-color-jevc.btn-text-skin.btn-outline:focus, .style-light .btn-color-jevc.btn-text-skin.btn-outline:active { color: #ffffff !important; }
.style-light .style-dark .btn-color-jevc.btn-text-skin.btn-outline, .style-light .style-dark .btn-color-jevc.btn-text-skin:not(.btn-outline):hover, .style-light .style-dark .btn-color-jevc.btn-text-skin:not(.btn-outline):focus, .style-light .style-dark .btn-color-jevc.btn-text-skin:not(.btn-outline):active { color: #ffffff !important; }
.style-light .style-dark .btn-color-jevc.btn-text-skin.btn-outline:hover, .style-light .style-dark .btn-color-jevc.btn-text-skin.btn-outline:focus, .style-light .style-dark .btn-color-jevc.btn-text-skin.btn-outline:active { color: #141618 !important; }
.text-color-jevc-color { color: #000000 !important; fill: #000000 !important; }
.border-color-jevc-color { border-color: #000000 !important; }
.l4x4-uncode-tmb-overlay-gradient-top .style-color-jevc-bg { background-color: transparent !important; background-image: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, 0) 50%) !important;}
.l4x4-uncode-tmb-overlay-gradient-bottom .style-color-jevc-bg:not(.l4x4-uncode-tmb-term-evidence) { background-color: transparent !important; background-image: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0) 50%) !important;}

/*----------------------------------------------------------
#color-nhtu
----------------------------------------------------------*/
.style-color-nhtu-bg { background-color: #101213; }
.btn-color-nhtu { color: #ffffff !important; background-color: #101213 !important; border-color: #101213 !important; }
.btn-color-nhtu:not(.btn-hover-nobg):not(.icon-animated):hover, .btn-color-nhtu:not(.btn-hover-nobg):not(.icon-animated):focus, .btn-color-nhtu:not(.btn-hover-nobg):not(.icon-animated):active { background-color: transparent !important; border-color: #101213 !important;}
.btn-color-nhtu.btn-flat:not(.btn-hover-nobg):hover, .btn-color-nhtu.btn-flat:not(.btn-hover-nobg):focus, .btn-color-nhtu.btn-flat:active { background-color: #030506 !important; border-color: #030506 !important;}
.btn-color-nhtu:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover, .btn-color-nhtu:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):focus, .btn-color-nhtu:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):active { color: #101213 !important; }
.btn-color-nhtu.btn-outline { background-color: transparent !important; border-color: #101213 !important; }
.btn-color-nhtu.btn-outline:not(.btn-text-skin) { color: #101213 !important; }
.btn-color-nhtu.btn-outline:not(.btn-hover-nobg):hover, .btn-color-nhtu.btn-outline:not(.btn-hover-nobg):focus, btn-color-nhtu.btn-outline:active { background-color: #101213 !important; border-color: #101213 !important; }
.btn-color-nhtu.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):hover, .btn-color-nhtu.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):focus, btn-color-nhtu.btn-outline:active { color: #ffffff !important; }
.style-light .btn-color-nhtu.btn-text-skin.btn-outline, .style-light .btn-color-nhtu.btn-text-skin:not(.btn-outline):hover, .style-light .btn-color-nhtu.btn-text-skin:not(.btn-outline):focus, .style-light .btn-color-nhtu.btn-text-skin:not(.btn-outline):active { color: #141618 !important; }
.style-light .btn-color-nhtu.btn-text-skin.btn-outline:hover, .style-light .btn-color-nhtu.btn-text-skin.btn-outline:focus, .style-light .btn-color-nhtu.btn-text-skin.btn-outline:active { color: #ffffff !important; }
.style-light .style-dark .btn-color-nhtu.btn-text-skin.btn-outline, .style-light .style-dark .btn-color-nhtu.btn-text-skin:not(.btn-outline):hover, .style-light .style-dark .btn-color-nhtu.btn-text-skin:not(.btn-outline):focus, .style-light .style-dark .btn-color-nhtu.btn-text-skin:not(.btn-outline):active { color: #ffffff !important; }
.style-light .style-dark .btn-color-nhtu.btn-text-skin.btn-outline:hover, .style-light .style-dark .btn-color-nhtu.btn-text-skin.btn-outline:focus, .style-light .style-dark .btn-color-nhtu.btn-text-skin.btn-outline:active { color: #141618 !important; }
.text-color-nhtu-color { color: #101213 !important; fill: #101213 !important; }
.border-color-nhtu-color { border-color: #101213 !important; }
.l4x4-uncode-tmb-overlay-gradient-top .style-color-nhtu-bg { background-color: transparent !important; background-image: linear-gradient(to bottom, #101213 0%, rgba(16, 18, 19, 0) 50%) !important;}
.l4x4-uncode-tmb-overlay-gradient-bottom .style-color-nhtu-bg:not(.l4x4-uncode-tmb-term-evidence) { background-color: transparent !important; background-image: linear-gradient(to top, #101213 0%, rgba(16, 18, 19, 0) 50%) !important;}

/*----------------------------------------------------------
#color-wayh
----------------------------------------------------------*/
.style-color-wayh-bg { background-color: #141618; }
.btn-color-wayh { color: #ffffff !important; background-color: #141618 !important; border-color: #141618 !important; }
.btn-color-wayh:not(.btn-hover-nobg):not(.icon-animated):hover, .btn-color-wayh:not(.btn-hover-nobg):not(.icon-animated):focus, .btn-color-wayh:not(.btn-hover-nobg):not(.icon-animated):active { background-color: transparent !important; border-color: #141618 !important;}
.btn-color-wayh.btn-flat:not(.btn-hover-nobg):hover, .btn-color-wayh.btn-flat:not(.btn-hover-nobg):focus, .btn-color-wayh.btn-flat:active { background-color: #07090b !important; border-color: #07090b !important;}
.btn-color-wayh:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover, .btn-color-wayh:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):focus, .btn-color-wayh:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):active { color: #141618 !important; }
.btn-color-wayh.btn-outline { background-color: transparent !important; border-color: #141618 !important; }
.btn-color-wayh.btn-outline:not(.btn-text-skin) { color: #141618 !important; }
.btn-color-wayh.btn-outline:not(.btn-hover-nobg):hover, .btn-color-wayh.btn-outline:not(.btn-hover-nobg):focus, btn-color-wayh.btn-outline:active { background-color: #141618 !important; border-color: #141618 !important; }
.btn-color-wayh.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):hover, .btn-color-wayh.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):focus, btn-color-wayh.btn-outline:active { color: #ffffff !important; }
.style-light .btn-color-wayh.btn-text-skin.btn-outline, .style-light .btn-color-wayh.btn-text-skin:not(.btn-outline):hover, .style-light .btn-color-wayh.btn-text-skin:not(.btn-outline):focus, .style-light .btn-color-wayh.btn-text-skin:not(.btn-outline):active { color: #141618 !important; }
.style-light .btn-color-wayh.btn-text-skin.btn-outline:hover, .style-light .btn-color-wayh.btn-text-skin.btn-outline:focus, .style-light .btn-color-wayh.btn-text-skin.btn-outline:active { color: #ffffff !important; }
.style-light .style-dark .btn-color-wayh.btn-text-skin.btn-outline, .style-light .style-dark .btn-color-wayh.btn-text-skin:not(.btn-outline):hover, .style-light .style-dark .btn-color-wayh.btn-text-skin:not(.btn-outline):focus, .style-light .style-dark .btn-color-wayh.btn-text-skin:not(.btn-outline):active { color: #ffffff !important; }
.style-light .style-dark .btn-color-wayh.btn-text-skin.btn-outline:hover, .style-light .style-dark .btn-color-wayh.btn-text-skin.btn-outline:focus, .style-light .style-dark .btn-color-wayh.btn-text-skin.btn-outline:active { color: #141618 !important; }
.text-color-wayh-color { color: #141618 !important; fill: #141618 !important; }
.border-color-wayh-color { border-color: #141618 !important; }
.l4x4-uncode-tmb-overlay-gradient-top .style-color-wayh-bg { background-color: transparent !important; background-image: linear-gradient(to bottom, #141618 0%, rgba(20, 22, 24, 0) 50%) !important;}
.l4x4-uncode-tmb-overlay-gradient-bottom .style-color-wayh-bg:not(.l4x4-uncode-tmb-term-evidence) { background-color: transparent !important; background-image: linear-gradient(to top, #141618 0%, rgba(20, 22, 24, 0) 50%) !important;}

/*----------------------------------------------------------
#color-rgdb
----------------------------------------------------------*/
.style-color-rgdb-bg { background-color: #262c33; }
.btn-color-rgdb { color: #ffffff !important; background-color: #262c33 !important; border-color: #262c33 !important; }
.btn-color-rgdb:not(.btn-hover-nobg):not(.icon-animated):hover, .btn-color-rgdb:not(.btn-hover-nobg):not(.icon-animated):focus, .btn-color-rgdb:not(.btn-hover-nobg):not(.icon-animated):active { background-color: transparent !important; border-color: #262c33 !important;}
.btn-color-rgdb.btn-flat:not(.btn-hover-nobg):hover, .btn-color-rgdb.btn-flat:not(.btn-hover-nobg):focus, .btn-color-rgdb.btn-flat:active { background-color: #191f26 !important; border-color: #191f26 !important;}
.btn-color-rgdb:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover, .btn-color-rgdb:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):focus, .btn-color-rgdb:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):active { color: #262c33 !important; }
.btn-color-rgdb.btn-outline { background-color: transparent !important; border-color: #262c33 !important; }
.btn-color-rgdb.btn-outline:not(.btn-text-skin) { color: #262c33 !important; }
.btn-color-rgdb.btn-outline:not(.btn-hover-nobg):hover, .btn-color-rgdb.btn-outline:not(.btn-hover-nobg):focus, btn-color-rgdb.btn-outline:active { background-color: #262c33 !important; border-color: #262c33 !important; }
.btn-color-rgdb.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):hover, .btn-color-rgdb.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):focus, btn-color-rgdb.btn-outline:active { color: #ffffff !important; }
.style-light .btn-color-rgdb.btn-text-skin.btn-outline, .style-light .btn-color-rgdb.btn-text-skin:not(.btn-outline):hover, .style-light .btn-color-rgdb.btn-text-skin:not(.btn-outline):focus, .style-light .btn-color-rgdb.btn-text-skin:not(.btn-outline):active { color: #141618 !important; }
.style-light .btn-color-rgdb.btn-text-skin.btn-outline:hover, .style-light .btn-color-rgdb.btn-text-skin.btn-outline:focus, .style-light .btn-color-rgdb.btn-text-skin.btn-outline:active { color: #ffffff !important; }
.style-light .style-dark .btn-color-rgdb.btn-text-skin.btn-outline, .style-light .style-dark .btn-color-rgdb.btn-text-skin:not(.btn-outline):hover, .style-light .style-dark .btn-color-rgdb.btn-text-skin:not(.btn-outline):focus, .style-light .style-dark .btn-color-rgdb.btn-text-skin:not(.btn-outline):active { color: #ffffff !important; }
.style-light .style-dark .btn-color-rgdb.btn-text-skin.btn-outline:hover, .style-light .style-dark .btn-color-rgdb.btn-text-skin.btn-outline:focus, .style-light .style-dark .btn-color-rgdb.btn-text-skin.btn-outline:active { color: #141618 !important; }
.text-color-rgdb-color { color: #262c33 !important; fill: #262c33 !important; }
.border-color-rgdb-color { border-color: #262c33 !important; }
.l4x4-uncode-tmb-overlay-gradient-top .style-color-rgdb-bg { background-color: transparent !important; background-image: linear-gradient(to bottom, #262c33 0%, rgba(38, 44, 51, 0) 50%) !important;}
.l4x4-uncode-tmb-overlay-gradient-bottom .style-color-rgdb-bg:not(.l4x4-uncode-tmb-term-evidence) { background-color: transparent !important; background-image: linear-gradient(to top, #262c33 0%, rgba(38, 44, 51, 0) 50%) !important;}

/*----------------------------------------------------------
#color-prif
----------------------------------------------------------*/
.style-color-prif-bg { background-color: #303133; }
.btn-color-prif { color: #ffffff !important; background-color: #303133 !important; border-color: #303133 !important; }
.btn-color-prif:not(.btn-hover-nobg):not(.icon-animated):hover, .btn-color-prif:not(.btn-hover-nobg):not(.icon-animated):focus, .btn-color-prif:not(.btn-hover-nobg):not(.icon-animated):active { background-color: transparent !important; border-color: #303133 !important;}
.btn-color-prif.btn-flat:not(.btn-hover-nobg):hover, .btn-color-prif.btn-flat:not(.btn-hover-nobg):focus, .btn-color-prif.btn-flat:active { background-color: #232426 !important; border-color: #232426 !important;}
.btn-color-prif:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover, .btn-color-prif:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):focus, .btn-color-prif:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):active { color: #303133 !important; }
.btn-color-prif.btn-outline { background-color: transparent !important; border-color: #303133 !important; }
.btn-color-prif.btn-outline:not(.btn-text-skin) { color: #303133 !important; }
.btn-color-prif.btn-outline:not(.btn-hover-nobg):hover, .btn-color-prif.btn-outline:not(.btn-hover-nobg):focus, btn-color-prif.btn-outline:active { background-color: #303133 !important; border-color: #303133 !important; }
.btn-color-prif.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):hover, .btn-color-prif.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):focus, btn-color-prif.btn-outline:active { color: #ffffff !important; }
.style-light .btn-color-prif.btn-text-skin.btn-outline, .style-light .btn-color-prif.btn-text-skin:not(.btn-outline):hover, .style-light .btn-color-prif.btn-text-skin:not(.btn-outline):focus, .style-light .btn-color-prif.btn-text-skin:not(.btn-outline):active { color: #141618 !important; }
.style-light .btn-color-prif.btn-text-skin.btn-outline:hover, .style-light .btn-color-prif.btn-text-skin.btn-outline:focus, .style-light .btn-color-prif.btn-text-skin.btn-outline:active { color: #ffffff !important; }
.style-light .style-dark .btn-color-prif.btn-text-skin.btn-outline, .style-light .style-dark .btn-color-prif.btn-text-skin:not(.btn-outline):hover, .style-light .style-dark .btn-color-prif.btn-text-skin:not(.btn-outline):focus, .style-light .style-dark .btn-color-prif.btn-text-skin:not(.btn-outline):active { color: #ffffff !important; }
.style-light .style-dark .btn-color-prif.btn-text-skin.btn-outline:hover, .style-light .style-dark .btn-color-prif.btn-text-skin.btn-outline:focus, .style-light .style-dark .btn-color-prif.btn-text-skin.btn-outline:active { color: #141618 !important; }
.text-color-prif-color { color: #303133 !important; fill: #303133 !important; }
.border-color-prif-color { border-color: #303133 !important; }
.l4x4-uncode-tmb-overlay-gradient-top .style-color-prif-bg { background-color: transparent !important; background-image: linear-gradient(to bottom, #303133 0%, rgba(48, 49, 51, 0) 50%) !important;}
.l4x4-uncode-tmb-overlay-gradient-bottom .style-color-prif-bg:not(.l4x4-uncode-tmb-term-evidence) { background-color: transparent !important; background-image: linear-gradient(to top, #303133 0%, rgba(48, 49, 51, 0) 50%) !important;}

/*----------------------------------------------------------
#color-xsdn
----------------------------------------------------------*/
.style-color-xsdn-bg { background-color: #ffffff; }
.btn-color-xsdn { color: #ffffff !important; background-color: #ffffff !important; border-color: #ffffff !important; }
.btn-color-xsdn:not(.btn-hover-nobg):not(.icon-animated):hover, .btn-color-xsdn:not(.btn-hover-nobg):not(.icon-animated):focus, .btn-color-xsdn:not(.btn-hover-nobg):not(.icon-animated):active { background-color: transparent !important; border-color: #ffffff !important;}
.btn-color-xsdn.btn-flat:not(.btn-hover-nobg):hover, .btn-color-xsdn.btn-flat:not(.btn-hover-nobg):focus, .btn-color-xsdn.btn-flat:active { background-color: #f2f2f2 !important; border-color: #f2f2f2 !important;}
.btn-color-xsdn:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover, .btn-color-xsdn:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):focus, .btn-color-xsdn:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):active { color: #ffffff !important; }
.btn-color-xsdn.btn-outline { background-color: transparent !important; border-color: #ffffff !important; }
.btn-color-xsdn.btn-outline:not(.btn-text-skin) { color: #ffffff !important; }
.btn-color-xsdn.btn-outline:not(.btn-hover-nobg):hover, .btn-color-xsdn.btn-outline:not(.btn-hover-nobg):focus, btn-color-xsdn.btn-outline:active { background-color: #ffffff !important; border-color: #ffffff !important; }
.btn-color-xsdn.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):hover, .btn-color-xsdn.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):focus, btn-color-xsdn.btn-outline:active { color: #ffffff !important; }
.style-light .btn-color-xsdn.btn-text-skin.btn-outline, .style-light .btn-color-xsdn.btn-text-skin:not(.btn-outline):hover, .style-light .btn-color-xsdn.btn-text-skin:not(.btn-outline):focus, .style-light .btn-color-xsdn.btn-text-skin:not(.btn-outline):active { color: #141618 !important; }
.style-light .btn-color-xsdn.btn-text-skin.btn-outline:hover, .style-light .btn-color-xsdn.btn-text-skin.btn-outline:focus, .style-light .btn-color-xsdn.btn-text-skin.btn-outline:active { color: #ffffff !important; }
.style-light .style-dark .btn-color-xsdn.btn-text-skin.btn-outline, .style-light .style-dark .btn-color-xsdn.btn-text-skin:not(.btn-outline):hover, .style-light .style-dark .btn-color-xsdn.btn-text-skin:not(.btn-outline):focus, .style-light .style-dark .btn-color-xsdn.btn-text-skin:not(.btn-outline):active { color: #ffffff !important; }
.style-light .style-dark .btn-color-xsdn.btn-text-skin.btn-outline:hover, .style-light .style-dark .btn-color-xsdn.btn-text-skin.btn-outline:focus, .style-light .style-dark .btn-color-xsdn.btn-text-skin.btn-outline:active { color: #141618 !important; }
.text-color-xsdn-color { color: #ffffff !important; fill: #ffffff !important; }
.border-color-xsdn-color { border-color: #ffffff !important; }
.l4x4-uncode-tmb-overlay-gradient-top .style-color-xsdn-bg { background-color: transparent !important; background-image: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 50%) !important;}
.l4x4-uncode-tmb-overlay-gradient-bottom .style-color-xsdn-bg:not(.l4x4-uncode-tmb-term-evidence) { background-color: transparent !important; background-image: linear-gradient(to top, #ffffff 0%, rgba(255, 255, 255, 0) 50%) !important;}

/*----------------------------------------------------------
#color-lxmt
----------------------------------------------------------*/
.style-color-lxmt-bg { background-color: #f7f7f7; }
.btn-color-lxmt { color: #ffffff !important; background-color: #f7f7f7 !important; border-color: #f7f7f7 !important; }
.btn-color-lxmt:not(.btn-hover-nobg):not(.icon-animated):hover, .btn-color-lxmt:not(.btn-hover-nobg):not(.icon-animated):focus, .btn-color-lxmt:not(.btn-hover-nobg):not(.icon-animated):active { background-color: transparent !important; border-color: #f7f7f7 !important;}
.btn-color-lxmt.btn-flat:not(.btn-hover-nobg):hover, .btn-color-lxmt.btn-flat:not(.btn-hover-nobg):focus, .btn-color-lxmt.btn-flat:active { background-color: #eaeaea !important; border-color: #eaeaea !important;}
.btn-color-lxmt:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover, .btn-color-lxmt:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):focus, .btn-color-lxmt:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):active { color: #f7f7f7 !important; }
.btn-color-lxmt.btn-outline { background-color: transparent !important; border-color: #f7f7f7 !important; }
.btn-color-lxmt.btn-outline:not(.btn-text-skin) { color: #f7f7f7 !important; }
.btn-color-lxmt.btn-outline:not(.btn-hover-nobg):hover, .btn-color-lxmt.btn-outline:not(.btn-hover-nobg):focus, btn-color-lxmt.btn-outline:active { background-color: #f7f7f7 !important; border-color: #f7f7f7 !important; }
.btn-color-lxmt.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):hover, .btn-color-lxmt.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):focus, btn-color-lxmt.btn-outline:active { color: #ffffff !important; }
.style-light .btn-color-lxmt.btn-text-skin.btn-outline, .style-light .btn-color-lxmt.btn-text-skin:not(.btn-outline):hover, .style-light .btn-color-lxmt.btn-text-skin:not(.btn-outline):focus, .style-light .btn-color-lxmt.btn-text-skin:not(.btn-outline):active { color: #141618 !important; }
.style-light .btn-color-lxmt.btn-text-skin.btn-outline:hover, .style-light .btn-color-lxmt.btn-text-skin.btn-outline:focus, .style-light .btn-color-lxmt.btn-text-skin.btn-outline:active { color: #ffffff !important; }
.style-light .style-dark .btn-color-lxmt.btn-text-skin.btn-outline, .style-light .style-dark .btn-color-lxmt.btn-text-skin:not(.btn-outline):hover, .style-light .style-dark .btn-color-lxmt.btn-text-skin:not(.btn-outline):focus, .style-light .style-dark .btn-color-lxmt.btn-text-skin:not(.btn-outline):active { color: #ffffff !important; }
.style-light .style-dark .btn-color-lxmt.btn-text-skin.btn-outline:hover, .style-light .style-dark .btn-color-lxmt.btn-text-skin.btn-outline:focus, .style-light .style-dark .btn-color-lxmt.btn-text-skin.btn-outline:active { color: #141618 !important; }
.text-color-lxmt-color { color: #f7f7f7 !important; fill: #f7f7f7 !important; }
.border-color-lxmt-color { border-color: #f7f7f7 !important; }
.l4x4-uncode-tmb-overlay-gradient-top .style-color-lxmt-bg { background-color: transparent !important; background-image: linear-gradient(to bottom, #f7f7f7 0%, rgba(247, 247, 247, 0) 50%) !important;}
.l4x4-uncode-tmb-overlay-gradient-bottom .style-color-lxmt-bg:not(.l4x4-uncode-tmb-term-evidence) { background-color: transparent !important; background-image: linear-gradient(to top, #f7f7f7 0%, rgba(247, 247, 247, 0) 50%) !important;}

/*----------------------------------------------------------
#color-gyho
----------------------------------------------------------*/
.style-color-gyho-bg { background-color: #eaeaea; }
.btn-color-gyho { color: #ffffff !important; background-color: #eaeaea !important; border-color: #eaeaea !important; }
.btn-color-gyho:not(.btn-hover-nobg):not(.icon-animated):hover, .btn-color-gyho:not(.btn-hover-nobg):not(.icon-animated):focus, .btn-color-gyho:not(.btn-hover-nobg):not(.icon-animated):active { background-color: transparent !important; border-color: #eaeaea !important;}
.btn-color-gyho.btn-flat:not(.btn-hover-nobg):hover, .btn-color-gyho.btn-flat:not(.btn-hover-nobg):focus, .btn-color-gyho.btn-flat:active { background-color: #dddddd !important; border-color: #dddddd !important;}
.btn-color-gyho:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover, .btn-color-gyho:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):focus, .btn-color-gyho:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):active { color: #eaeaea !important; }
.btn-color-gyho.btn-outline { background-color: transparent !important; border-color: #eaeaea !important; }
.btn-color-gyho.btn-outline:not(.btn-text-skin) { color: #eaeaea !important; }
.btn-color-gyho.btn-outline:not(.btn-hover-nobg):hover, .btn-color-gyho.btn-outline:not(.btn-hover-nobg):focus, btn-color-gyho.btn-outline:active { background-color: #eaeaea !important; border-color: #eaeaea !important; }
.btn-color-gyho.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):hover, .btn-color-gyho.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):focus, btn-color-gyho.btn-outline:active { color: #ffffff !important; }
.style-light .btn-color-gyho.btn-text-skin.btn-outline, .style-light .btn-color-gyho.btn-text-skin:not(.btn-outline):hover, .style-light .btn-color-gyho.btn-text-skin:not(.btn-outline):focus, .style-light .btn-color-gyho.btn-text-skin:not(.btn-outline):active { color: #141618 !important; }
.style-light .btn-color-gyho.btn-text-skin.btn-outline:hover, .style-light .btn-color-gyho.btn-text-skin.btn-outline:focus, .style-light .btn-color-gyho.btn-text-skin.btn-outline:active { color: #ffffff !important; }
.style-light .style-dark .btn-color-gyho.btn-text-skin.btn-outline, .style-light .style-dark .btn-color-gyho.btn-text-skin:not(.btn-outline):hover, .style-light .style-dark .btn-color-gyho.btn-text-skin:not(.btn-outline):focus, .style-light .style-dark .btn-color-gyho.btn-text-skin:not(.btn-outline):active { color: #ffffff !important; }
.style-light .style-dark .btn-color-gyho.btn-text-skin.btn-outline:hover, .style-light .style-dark .btn-color-gyho.btn-text-skin.btn-outline:focus, .style-light .style-dark .btn-color-gyho.btn-text-skin.btn-outline:active { color: #141618 !important; }
.text-color-gyho-color { color: #eaeaea !important; fill: #eaeaea !important; }
.border-color-gyho-color { border-color: #eaeaea !important; }
.l4x4-uncode-tmb-overlay-gradient-top .style-color-gyho-bg { background-color: transparent !important; background-image: linear-gradient(to bottom, #eaeaea 0%, rgba(234, 234, 234, 0) 50%) !important;}
.l4x4-uncode-tmb-overlay-gradient-bottom .style-color-gyho-bg:not(.l4x4-uncode-tmb-term-evidence) { background-color: transparent !important; background-image: linear-gradient(to top, #eaeaea 0%, rgba(234, 234, 234, 0) 50%) !important;}

/*----------------------------------------------------------
#color-uydo
----------------------------------------------------------*/
.style-color-uydo-bg { background-color: #dddddd; }
.btn-color-uydo { color: #ffffff !important; background-color: #dddddd !important; border-color: #dddddd !important; }
.btn-color-uydo:not(.btn-hover-nobg):not(.icon-animated):hover, .btn-color-uydo:not(.btn-hover-nobg):not(.icon-animated):focus, .btn-color-uydo:not(.btn-hover-nobg):not(.icon-animated):active { background-color: transparent !important; border-color: #dddddd !important;}
.btn-color-uydo.btn-flat:not(.btn-hover-nobg):hover, .btn-color-uydo.btn-flat:not(.btn-hover-nobg):focus, .btn-color-uydo.btn-flat:active { background-color: #d0d0d0 !important; border-color: #d0d0d0 !important;}
.btn-color-uydo:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover, .btn-color-uydo:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):focus, .btn-color-uydo:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):active { color: #dddddd !important; }
.btn-color-uydo.btn-outline { background-color: transparent !important; border-color: #dddddd !important; }
.btn-color-uydo.btn-outline:not(.btn-text-skin) { color: #dddddd !important; }
.btn-color-uydo.btn-outline:not(.btn-hover-nobg):hover, .btn-color-uydo.btn-outline:not(.btn-hover-nobg):focus, btn-color-uydo.btn-outline:active { background-color: #dddddd !important; border-color: #dddddd !important; }
.btn-color-uydo.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):hover, .btn-color-uydo.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):focus, btn-color-uydo.btn-outline:active { color: #ffffff !important; }
.style-light .btn-color-uydo.btn-text-skin.btn-outline, .style-light .btn-color-uydo.btn-text-skin:not(.btn-outline):hover, .style-light .btn-color-uydo.btn-text-skin:not(.btn-outline):focus, .style-light .btn-color-uydo.btn-text-skin:not(.btn-outline):active { color: #141618 !important; }
.style-light .btn-color-uydo.btn-text-skin.btn-outline:hover, .style-light .btn-color-uydo.btn-text-skin.btn-outline:focus, .style-light .btn-color-uydo.btn-text-skin.btn-outline:active { color: #ffffff !important; }
.style-light .style-dark .btn-color-uydo.btn-text-skin.btn-outline, .style-light .style-dark .btn-color-uydo.btn-text-skin:not(.btn-outline):hover, .style-light .style-dark .btn-color-uydo.btn-text-skin:not(.btn-outline):focus, .style-light .style-dark .btn-color-uydo.btn-text-skin:not(.btn-outline):active { color: #ffffff !important; }
.style-light .style-dark .btn-color-uydo.btn-text-skin.btn-outline:hover, .style-light .style-dark .btn-color-uydo.btn-text-skin.btn-outline:focus, .style-light .style-dark .btn-color-uydo.btn-text-skin.btn-outline:active { color: #141618 !important; }
.text-color-uydo-color { color: #dddddd !important; fill: #dddddd !important; }
.border-color-uydo-color { border-color: #dddddd !important; }
.l4x4-uncode-tmb-overlay-gradient-top .style-color-uydo-bg { background-color: transparent !important; background-image: linear-gradient(to bottom, #dddddd 0%, rgba(221, 221, 221, 0) 50%) !important;}
.l4x4-uncode-tmb-overlay-gradient-bottom .style-color-uydo-bg:not(.l4x4-uncode-tmb-term-evidence) { background-color: transparent !important; background-image: linear-gradient(to top, #dddddd 0%, rgba(221, 221, 221, 0) 50%) !important;}

/*----------------------------------------------------------
#color-wvjs
----------------------------------------------------------*/
.style-color-wvjs-bg { background-color: #777777; }
.btn-color-wvjs { color: #ffffff !important; background-color: #777777 !important; border-color: #777777 !important; }
.btn-color-wvjs:not(.btn-hover-nobg):not(.icon-animated):hover, .btn-color-wvjs:not(.btn-hover-nobg):not(.icon-animated):focus, .btn-color-wvjs:not(.btn-hover-nobg):not(.icon-animated):active { background-color: transparent !important; border-color: #777777 !important;}
.btn-color-wvjs.btn-flat:not(.btn-hover-nobg):hover, .btn-color-wvjs.btn-flat:not(.btn-hover-nobg):focus, .btn-color-wvjs.btn-flat:active { background-color: #6a6a6a !important; border-color: #6a6a6a !important;}
.btn-color-wvjs:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover, .btn-color-wvjs:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):focus, .btn-color-wvjs:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):active { color: #777777 !important; }
.btn-color-wvjs.btn-outline { background-color: transparent !important; border-color: #777777 !important; }
.btn-color-wvjs.btn-outline:not(.btn-text-skin) { color: #777777 !important; }
.btn-color-wvjs.btn-outline:not(.btn-hover-nobg):hover, .btn-color-wvjs.btn-outline:not(.btn-hover-nobg):focus, btn-color-wvjs.btn-outline:active { background-color: #777777 !important; border-color: #777777 !important; }
.btn-color-wvjs.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):hover, .btn-color-wvjs.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):focus, btn-color-wvjs.btn-outline:active { color: #ffffff !important; }
.style-light .btn-color-wvjs.btn-text-skin.btn-outline, .style-light .btn-color-wvjs.btn-text-skin:not(.btn-outline):hover, .style-light .btn-color-wvjs.btn-text-skin:not(.btn-outline):focus, .style-light .btn-color-wvjs.btn-text-skin:not(.btn-outline):active { color: #141618 !important; }
.style-light .btn-color-wvjs.btn-text-skin.btn-outline:hover, .style-light .btn-color-wvjs.btn-text-skin.btn-outline:focus, .style-light .btn-color-wvjs.btn-text-skin.btn-outline:active { color: #ffffff !important; }
.style-light .style-dark .btn-color-wvjs.btn-text-skin.btn-outline, .style-light .style-dark .btn-color-wvjs.btn-text-skin:not(.btn-outline):hover, .style-light .style-dark .btn-color-wvjs.btn-text-skin:not(.btn-outline):focus, .style-light .style-dark .btn-color-wvjs.btn-text-skin:not(.btn-outline):active { color: #ffffff !important; }
.style-light .style-dark .btn-color-wvjs.btn-text-skin.btn-outline:hover, .style-light .style-dark .btn-color-wvjs.btn-text-skin.btn-outline:focus, .style-light .style-dark .btn-color-wvjs.btn-text-skin.btn-outline:active { color: #141618 !important; }
.text-color-wvjs-color { color: #777777 !important; fill: #777777 !important; }
.border-color-wvjs-color { border-color: #777777 !important; }
.l4x4-uncode-tmb-overlay-gradient-top .style-color-wvjs-bg { background-color: transparent !important; background-image: linear-gradient(to bottom, #777777 0%, rgba(119, 119, 119, 0) 50%) !important;}
.l4x4-uncode-tmb-overlay-gradient-bottom .style-color-wvjs-bg:not(.l4x4-uncode-tmb-term-evidence) { background-color: transparent !important; background-image: linear-gradient(to top, #777777 0%, rgba(119, 119, 119, 0) 50%) !important;}

/*----------------------------------------------------------
#color-688056
----------------------------------------------------------*/
.style-color-688056-bg { background-color: #c69f73; }
.btn-color-688056 { color: #ffffff !important; background-color: #c69f73 !important; border-color: #c69f73 !important; }
.btn-color-688056:not(.btn-hover-nobg):not(.icon-animated):hover, .btn-color-688056:not(.btn-hover-nobg):not(.icon-animated):focus, .btn-color-688056:not(.btn-hover-nobg):not(.icon-animated):active { background-color: transparent !important; border-color: #c69f73 !important;}
.btn-color-688056.btn-flat:not(.btn-hover-nobg):hover, .btn-color-688056.btn-flat:not(.btn-hover-nobg):focus, .btn-color-688056.btn-flat:active { background-color: #b99266 !important; border-color: #b99266 !important;}
.btn-color-688056:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover, .btn-color-688056:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):focus, .btn-color-688056:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):active { color: #c69f73 !important; }
.btn-color-688056.btn-outline { background-color: transparent !important; border-color: #c69f73 !important; }
.btn-color-688056.btn-outline:not(.btn-text-skin) { color: #c69f73 !important; }
.btn-color-688056.btn-outline:not(.btn-hover-nobg):hover, .btn-color-688056.btn-outline:not(.btn-hover-nobg):focus, btn-color-688056.btn-outline:active { background-color: #c69f73 !important; border-color: #c69f73 !important; }
.btn-color-688056.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):hover, .btn-color-688056.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):focus, btn-color-688056.btn-outline:active { color: #ffffff !important; }
.style-light .btn-color-688056.btn-text-skin.btn-outline, .style-light .btn-color-688056.btn-text-skin:not(.btn-outline):hover, .style-light .btn-color-688056.btn-text-skin:not(.btn-outline):focus, .style-light .btn-color-688056.btn-text-skin:not(.btn-outline):active { color: #141618 !important; }
.style-light .btn-color-688056.btn-text-skin.btn-outline:hover, .style-light .btn-color-688056.btn-text-skin.btn-outline:focus, .style-light .btn-color-688056.btn-text-skin.btn-outline:active { color: #ffffff !important; }
.style-light .style-dark .btn-color-688056.btn-text-skin.btn-outline, .style-light .style-dark .btn-color-688056.btn-text-skin:not(.btn-outline):hover, .style-light .style-dark .btn-color-688056.btn-text-skin:not(.btn-outline):focus, .style-light .style-dark .btn-color-688056.btn-text-skin:not(.btn-outline):active { color: #ffffff !important; }
.style-light .style-dark .btn-color-688056.btn-text-skin.btn-outline:hover, .style-light .style-dark .btn-color-688056.btn-text-skin.btn-outline:focus, .style-light .style-dark .btn-color-688056.btn-text-skin.btn-outline:active { color: #141618 !important; }
.text-color-688056-color { color: #c69f73 !important; fill: #c69f73 !important; }
.border-color-688056-color { border-color: #c69f73 !important; }
.l4x4-uncode-tmb-overlay-gradient-top .style-color-688056-bg { background-color: transparent !important; background-image: linear-gradient(to bottom, #c69f73 0%, rgba(198, 159, 115, 0) 50%) !important;}
.l4x4-uncode-tmb-overlay-gradient-bottom .style-color-688056-bg:not(.l4x4-uncode-tmb-term-evidence) { background-color: transparent !important; background-image: linear-gradient(to top, #c69f73 0%, rgba(198, 159, 115, 0) 50%) !important;}

/*----------------------------------------------------------
#color-vyce
----------------------------------------------------------*/
.style-color-vyce-bg { background-color: #0cb4ce; }
.btn-color-vyce { color: #ffffff !important; background-color: #0cb4ce !important; border-color: #0cb4ce !important; }
.btn-color-vyce:not(.btn-hover-nobg):not(.icon-animated):hover, .btn-color-vyce:not(.btn-hover-nobg):not(.icon-animated):focus, .btn-color-vyce:not(.btn-hover-nobg):not(.icon-animated):active { background-color: transparent !important; border-color: #0cb4ce !important;}
.btn-color-vyce.btn-flat:not(.btn-hover-nobg):hover, .btn-color-vyce.btn-flat:not(.btn-hover-nobg):focus, .btn-color-vyce.btn-flat:active { background-color: #00a7c1 !important; border-color: #00a7c1 !important;}
.btn-color-vyce:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover, .btn-color-vyce:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):focus, .btn-color-vyce:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):active { color: #0cb4ce !important; }
.btn-color-vyce.btn-outline { background-color: transparent !important; border-color: #0cb4ce !important; }
.btn-color-vyce.btn-outline:not(.btn-text-skin) { color: #0cb4ce !important; }
.btn-color-vyce.btn-outline:not(.btn-hover-nobg):hover, .btn-color-vyce.btn-outline:not(.btn-hover-nobg):focus, btn-color-vyce.btn-outline:active { background-color: #0cb4ce !important; border-color: #0cb4ce !important; }
.btn-color-vyce.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):hover, .btn-color-vyce.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):focus, btn-color-vyce.btn-outline:active { color: #ffffff !important; }
.style-light .btn-color-vyce.btn-text-skin.btn-outline, .style-light .btn-color-vyce.btn-text-skin:not(.btn-outline):hover, .style-light .btn-color-vyce.btn-text-skin:not(.btn-outline):focus, .style-light .btn-color-vyce.btn-text-skin:not(.btn-outline):active { color: #141618 !important; }
.style-light .btn-color-vyce.btn-text-skin.btn-outline:hover, .style-light .btn-color-vyce.btn-text-skin.btn-outline:focus, .style-light .btn-color-vyce.btn-text-skin.btn-outline:active { color: #ffffff !important; }
.style-light .style-dark .btn-color-vyce.btn-text-skin.btn-outline, .style-light .style-dark .btn-color-vyce.btn-text-skin:not(.btn-outline):hover, .style-light .style-dark .btn-color-vyce.btn-text-skin:not(.btn-outline):focus, .style-light .style-dark .btn-color-vyce.btn-text-skin:not(.btn-outline):active { color: #ffffff !important; }
.style-light .style-dark .btn-color-vyce.btn-text-skin.btn-outline:hover, .style-light .style-dark .btn-color-vyce.btn-text-skin.btn-outline:focus, .style-light .style-dark .btn-color-vyce.btn-text-skin.btn-outline:active { color: #141618 !important; }
.text-color-vyce-color { color: #0cb4ce !important; fill: #0cb4ce !important; }
.border-color-vyce-color { border-color: #0cb4ce !important; }
.l4x4-uncode-tmb-overlay-gradient-top .style-color-vyce-bg { background-color: transparent !important; background-image: linear-gradient(to bottom, #0cb4ce 0%, rgba(12, 180, 206, 0) 50%) !important;}
.l4x4-uncode-tmb-overlay-gradient-bottom .style-color-vyce-bg:not(.l4x4-uncode-tmb-term-evidence) { background-color: transparent !important; background-image: linear-gradient(to top, #0cb4ce 0%, rgba(12, 180, 206, 0) 50%) !important;}

/*----------------------------------------------------------
#color-210407
----------------------------------------------------------*/
.style-color-210407-bg { background-color: #006cff; }
.btn-color-210407 { color: #ffffff !important; background-color: #006cff !important; border-color: #006cff !important; }
.btn-color-210407:not(.btn-hover-nobg):not(.icon-animated):hover, .btn-color-210407:not(.btn-hover-nobg):not(.icon-animated):focus, .btn-color-210407:not(.btn-hover-nobg):not(.icon-animated):active { background-color: transparent !important; border-color: #006cff !important;}
.btn-color-210407.btn-flat:not(.btn-hover-nobg):hover, .btn-color-210407.btn-flat:not(.btn-hover-nobg):focus, .btn-color-210407.btn-flat:active { background-color: #005ff2 !important; border-color: #005ff2 !important;}
.btn-color-210407:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover, .btn-color-210407:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):focus, .btn-color-210407:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):active { color: #006cff !important; }
.btn-color-210407.btn-outline { background-color: transparent !important; border-color: #006cff !important; }
.btn-color-210407.btn-outline:not(.btn-text-skin) { color: #006cff !important; }
.btn-color-210407.btn-outline:not(.btn-hover-nobg):hover, .btn-color-210407.btn-outline:not(.btn-hover-nobg):focus, btn-color-210407.btn-outline:active { background-color: #006cff !important; border-color: #006cff !important; }
.btn-color-210407.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):hover, .btn-color-210407.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):focus, btn-color-210407.btn-outline:active { color: #ffffff !important; }
.style-light .btn-color-210407.btn-text-skin.btn-outline, .style-light .btn-color-210407.btn-text-skin:not(.btn-outline):hover, .style-light .btn-color-210407.btn-text-skin:not(.btn-outline):focus, .style-light .btn-color-210407.btn-text-skin:not(.btn-outline):active { color: #141618 !important; }
.style-light .btn-color-210407.btn-text-skin.btn-outline:hover, .style-light .btn-color-210407.btn-text-skin.btn-outline:focus, .style-light .btn-color-210407.btn-text-skin.btn-outline:active { color: #ffffff !important; }
.style-light .style-dark .btn-color-210407.btn-text-skin.btn-outline, .style-light .style-dark .btn-color-210407.btn-text-skin:not(.btn-outline):hover, .style-light .style-dark .btn-color-210407.btn-text-skin:not(.btn-outline):focus, .style-light .style-dark .btn-color-210407.btn-text-skin:not(.btn-outline):active { color: #ffffff !important; }
.style-light .style-dark .btn-color-210407.btn-text-skin.btn-outline:hover, .style-light .style-dark .btn-color-210407.btn-text-skin.btn-outline:focus, .style-light .style-dark .btn-color-210407.btn-text-skin.btn-outline:active { color: #141618 !important; }
.text-color-210407-color { color: #006cff !important; fill: #006cff !important; }
.border-color-210407-color { border-color: #006cff !important; }
.l4x4-uncode-tmb-overlay-gradient-top .style-color-210407-bg { background-color: transparent !important; background-image: linear-gradient(to bottom, #006cff 0%, rgba(0, 108, 255, 0) 50%) !important;}
.l4x4-uncode-tmb-overlay-gradient-bottom .style-color-210407-bg:not(.l4x4-uncode-tmb-term-evidence) { background-color: transparent !important; background-image: linear-gradient(to top, #006cff 0%, rgba(0, 108, 255, 0) 50%) !important;}

/*----------------------------------------------------------
#color-482803
----------------------------------------------------------*/
.style-color-482803-bg { background-color: #6442ff; }
.btn-color-482803 { color: #ffffff !important; background-color: #6442ff !important; border-color: #6442ff !important; }
.btn-color-482803:not(.btn-hover-nobg):not(.icon-animated):hover, .btn-color-482803:not(.btn-hover-nobg):not(.icon-animated):focus, .btn-color-482803:not(.btn-hover-nobg):not(.icon-animated):active { background-color: transparent !important; border-color: #6442ff !important;}
.btn-color-482803.btn-flat:not(.btn-hover-nobg):hover, .btn-color-482803.btn-flat:not(.btn-hover-nobg):focus, .btn-color-482803.btn-flat:active { background-color: #5735f2 !important; border-color: #5735f2 !important;}
.btn-color-482803:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover, .btn-color-482803:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):focus, .btn-color-482803:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):active { color: #6442ff !important; }
.btn-color-482803.btn-outline { background-color: transparent !important; border-color: #6442ff !important; }
.btn-color-482803.btn-outline:not(.btn-text-skin) { color: #6442ff !important; }
.btn-color-482803.btn-outline:not(.btn-hover-nobg):hover, .btn-color-482803.btn-outline:not(.btn-hover-nobg):focus, btn-color-482803.btn-outline:active { background-color: #6442ff !important; border-color: #6442ff !important; }
.btn-color-482803.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):hover, .btn-color-482803.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):focus, btn-color-482803.btn-outline:active { color: #ffffff !important; }
.style-light .btn-color-482803.btn-text-skin.btn-outline, .style-light .btn-color-482803.btn-text-skin:not(.btn-outline):hover, .style-light .btn-color-482803.btn-text-skin:not(.btn-outline):focus, .style-light .btn-color-482803.btn-text-skin:not(.btn-outline):active { color: #141618 !important; }
.style-light .btn-color-482803.btn-text-skin.btn-outline:hover, .style-light .btn-color-482803.btn-text-skin.btn-outline:focus, .style-light .btn-color-482803.btn-text-skin.btn-outline:active { color: #ffffff !important; }
.style-light .style-dark .btn-color-482803.btn-text-skin.btn-outline, .style-light .style-dark .btn-color-482803.btn-text-skin:not(.btn-outline):hover, .style-light .style-dark .btn-color-482803.btn-text-skin:not(.btn-outline):focus, .style-light .style-dark .btn-color-482803.btn-text-skin:not(.btn-outline):active { color: #ffffff !important; }
.style-light .style-dark .btn-color-482803.btn-text-skin.btn-outline:hover, .style-light .style-dark .btn-color-482803.btn-text-skin.btn-outline:focus, .style-light .style-dark .btn-color-482803.btn-text-skin.btn-outline:active { color: #141618 !important; }
.text-color-482803-color { color: #6442ff !important; fill: #6442ff !important; }
.border-color-482803-color { border-color: #6442ff !important; }
.l4x4-uncode-tmb-overlay-gradient-top .style-color-482803-bg { background-color: transparent !important; background-image: linear-gradient(to bottom, #6442ff 0%, rgba(100, 66, 255, 0) 50%) !important;}
.l4x4-uncode-tmb-overlay-gradient-bottom .style-color-482803-bg:not(.l4x4-uncode-tmb-term-evidence) { background-color: transparent !important; background-image: linear-gradient(to top, #6442ff 0%, rgba(100, 66, 255, 0) 50%) !important;}

/*----------------------------------------------------------
#color-742106
----------------------------------------------------------*/
.style-color-742106-bg { background-color: #43cb83; }
.btn-color-742106 { color: #ffffff !important; background-color: #43cb83 !important; border-color: #43cb83 !important; }
.btn-color-742106:not(.btn-hover-nobg):not(.icon-animated):hover, .btn-color-742106:not(.btn-hover-nobg):not(.icon-animated):focus, .btn-color-742106:not(.btn-hover-nobg):not(.icon-animated):active { background-color: transparent !important; border-color: #43cb83 !important;}
.btn-color-742106.btn-flat:not(.btn-hover-nobg):hover, .btn-color-742106.btn-flat:not(.btn-hover-nobg):focus, .btn-color-742106.btn-flat:active { background-color: #36be76 !important; border-color: #36be76 !important;}
.btn-color-742106:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover, .btn-color-742106:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):focus, .btn-color-742106:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):active { color: #43cb83 !important; }
.btn-color-742106.btn-outline { background-color: transparent !important; border-color: #43cb83 !important; }
.btn-color-742106.btn-outline:not(.btn-text-skin) { color: #43cb83 !important; }
.btn-color-742106.btn-outline:not(.btn-hover-nobg):hover, .btn-color-742106.btn-outline:not(.btn-hover-nobg):focus, btn-color-742106.btn-outline:active { background-color: #43cb83 !important; border-color: #43cb83 !important; }
.btn-color-742106.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):hover, .btn-color-742106.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):focus, btn-color-742106.btn-outline:active { color: #ffffff !important; }
.style-light .btn-color-742106.btn-text-skin.btn-outline, .style-light .btn-color-742106.btn-text-skin:not(.btn-outline):hover, .style-light .btn-color-742106.btn-text-skin:not(.btn-outline):focus, .style-light .btn-color-742106.btn-text-skin:not(.btn-outline):active { color: #141618 !important; }
.style-light .btn-color-742106.btn-text-skin.btn-outline:hover, .style-light .btn-color-742106.btn-text-skin.btn-outline:focus, .style-light .btn-color-742106.btn-text-skin.btn-outline:active { color: #ffffff !important; }
.style-light .style-dark .btn-color-742106.btn-text-skin.btn-outline, .style-light .style-dark .btn-color-742106.btn-text-skin:not(.btn-outline):hover, .style-light .style-dark .btn-color-742106.btn-text-skin:not(.btn-outline):focus, .style-light .style-dark .btn-color-742106.btn-text-skin:not(.btn-outline):active { color: #ffffff !important; }
.style-light .style-dark .btn-color-742106.btn-text-skin.btn-outline:hover, .style-light .style-dark .btn-color-742106.btn-text-skin.btn-outline:focus, .style-light .style-dark .btn-color-742106.btn-text-skin.btn-outline:active { color: #141618 !important; }
.text-color-742106-color { color: #43cb83 !important; fill: #43cb83 !important; }
.border-color-742106-color { border-color: #43cb83 !important; }
.l4x4-uncode-tmb-overlay-gradient-top .style-color-742106-bg { background-color: transparent !important; background-image: linear-gradient(to bottom, #43cb83 0%, rgba(67, 203, 131, 0) 50%) !important;}
.l4x4-uncode-tmb-overlay-gradient-bottom .style-color-742106-bg:not(.l4x4-uncode-tmb-term-evidence) { background-color: transparent !important; background-image: linear-gradient(to top, #43cb83 0%, rgba(67, 203, 131, 0) 50%) !important;}

/*----------------------------------------------------------
#color-632047
----------------------------------------------------------*/
.style-color-632047-bg { background-color: #c92228; }
.btn-color-632047 { color: #ffffff !important; background-color: #c92228 !important; border-color: #c92228 !important; }
.btn-color-632047:not(.btn-hover-nobg):not(.icon-animated):hover, .btn-color-632047:not(.btn-hover-nobg):not(.icon-animated):focus, .btn-color-632047:not(.btn-hover-nobg):not(.icon-animated):active { background-color: transparent !important; border-color: #c92228 !important;}
.btn-color-632047.btn-flat:not(.btn-hover-nobg):hover, .btn-color-632047.btn-flat:not(.btn-hover-nobg):focus, .btn-color-632047.btn-flat:active { background-color: #bc151b !important; border-color: #bc151b !important;}
.btn-color-632047:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover, .btn-color-632047:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):focus, .btn-color-632047:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):active { color: #c92228 !important; }
.btn-color-632047.btn-outline { background-color: transparent !important; border-color: #c92228 !important; }
.btn-color-632047.btn-outline:not(.btn-text-skin) { color: #c92228 !important; }
.btn-color-632047.btn-outline:not(.btn-hover-nobg):hover, .btn-color-632047.btn-outline:not(.btn-hover-nobg):focus, btn-color-632047.btn-outline:active { background-color: #c92228 !important; border-color: #c92228 !important; }
.btn-color-632047.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):hover, .btn-color-632047.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):focus, btn-color-632047.btn-outline:active { color: #ffffff !important; }
.style-light .btn-color-632047.btn-text-skin.btn-outline, .style-light .btn-color-632047.btn-text-skin:not(.btn-outline):hover, .style-light .btn-color-632047.btn-text-skin:not(.btn-outline):focus, .style-light .btn-color-632047.btn-text-skin:not(.btn-outline):active { color: #141618 !important; }
.style-light .btn-color-632047.btn-text-skin.btn-outline:hover, .style-light .btn-color-632047.btn-text-skin.btn-outline:focus, .style-light .btn-color-632047.btn-text-skin.btn-outline:active { color: #ffffff !important; }
.style-light .style-dark .btn-color-632047.btn-text-skin.btn-outline, .style-light .style-dark .btn-color-632047.btn-text-skin:not(.btn-outline):hover, .style-light .style-dark .btn-color-632047.btn-text-skin:not(.btn-outline):focus, .style-light .style-dark .btn-color-632047.btn-text-skin:not(.btn-outline):active { color: #ffffff !important; }
.style-light .style-dark .btn-color-632047.btn-text-skin.btn-outline:hover, .style-light .style-dark .btn-color-632047.btn-text-skin.btn-outline:focus, .style-light .style-dark .btn-color-632047.btn-text-skin.btn-outline:active { color: #141618 !important; }
.text-color-632047-color { color: #c92228 !important; fill: #c92228 !important; }
.border-color-632047-color { border-color: #c92228 !important; }
.l4x4-uncode-tmb-overlay-gradient-top .style-color-632047-bg { background-color: transparent !important; background-image: linear-gradient(to bottom, #c92228 0%, rgba(201, 34, 40, 0) 50%) !important;}
.l4x4-uncode-tmb-overlay-gradient-bottom .style-color-632047-bg:not(.l4x4-uncode-tmb-term-evidence) { background-color: transparent !important; background-image: linear-gradient(to top, #c92228 0%, rgba(201, 34, 40, 0) 50%) !important;}

/*----------------------------------------------------------
#color-149363
----------------------------------------------------------*/
.style-color-149363-bg { background-color: #e9168c; }
.btn-color-149363 { color: #ffffff !important; background-color: #e9168c !important; border-color: #e9168c !important; }
.btn-color-149363:not(.btn-hover-nobg):not(.icon-animated):hover, .btn-color-149363:not(.btn-hover-nobg):not(.icon-animated):focus, .btn-color-149363:not(.btn-hover-nobg):not(.icon-animated):active { background-color: transparent !important; border-color: #e9168c !important;}
.btn-color-149363.btn-flat:not(.btn-hover-nobg):hover, .btn-color-149363.btn-flat:not(.btn-hover-nobg):focus, .btn-color-149363.btn-flat:active { background-color: #dc097f !important; border-color: #dc097f !important;}
.btn-color-149363:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover, .btn-color-149363:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):focus, .btn-color-149363:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):active { color: #e9168c !important; }
.btn-color-149363.btn-outline { background-color: transparent !important; border-color: #e9168c !important; }
.btn-color-149363.btn-outline:not(.btn-text-skin) { color: #e9168c !important; }
.btn-color-149363.btn-outline:not(.btn-hover-nobg):hover, .btn-color-149363.btn-outline:not(.btn-hover-nobg):focus, btn-color-149363.btn-outline:active { background-color: #e9168c !important; border-color: #e9168c !important; }
.btn-color-149363.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):hover, .btn-color-149363.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):focus, btn-color-149363.btn-outline:active { color: #ffffff !important; }
.style-light .btn-color-149363.btn-text-skin.btn-outline, .style-light .btn-color-149363.btn-text-skin:not(.btn-outline):hover, .style-light .btn-color-149363.btn-text-skin:not(.btn-outline):focus, .style-light .btn-color-149363.btn-text-skin:not(.btn-outline):active { color: #141618 !important; }
.style-light .btn-color-149363.btn-text-skin.btn-outline:hover, .style-light .btn-color-149363.btn-text-skin.btn-outline:focus, .style-light .btn-color-149363.btn-text-skin.btn-outline:active { color: #ffffff !important; }
.style-light .style-dark .btn-color-149363.btn-text-skin.btn-outline, .style-light .style-dark .btn-color-149363.btn-text-skin:not(.btn-outline):hover, .style-light .style-dark .btn-color-149363.btn-text-skin:not(.btn-outline):focus, .style-light .style-dark .btn-color-149363.btn-text-skin:not(.btn-outline):active { color: #ffffff !important; }
.style-light .style-dark .btn-color-149363.btn-text-skin.btn-outline:hover, .style-light .style-dark .btn-color-149363.btn-text-skin.btn-outline:focus, .style-light .style-dark .btn-color-149363.btn-text-skin.btn-outline:active { color: #141618 !important; }
.text-color-149363-color { color: #e9168c !important; fill: #e9168c !important; }
.border-color-149363-color { border-color: #e9168c !important; }
.l4x4-uncode-tmb-overlay-gradient-top .style-color-149363-bg { background-color: transparent !important; background-image: linear-gradient(to bottom, #e9168c 0%, rgba(233, 22, 140, 0) 50%) !important;}
.l4x4-uncode-tmb-overlay-gradient-bottom .style-color-149363-bg:not(.l4x4-uncode-tmb-term-evidence) { background-color: transparent !important; background-image: linear-gradient(to top, #e9168c 0%, rgba(233, 22, 140, 0) 50%) !important;}

/*----------------------------------------------------------
#color-202097
----------------------------------------------------------*/
.style-color-202097-bg { background-color: #ffea01; }
.btn-color-202097 { color: #ffffff !important; background-color: #ffea01 !important; border-color: #ffea01 !important; }
.btn-color-202097:not(.btn-hover-nobg):not(.icon-animated):hover, .btn-color-202097:not(.btn-hover-nobg):not(.icon-animated):focus, .btn-color-202097:not(.btn-hover-nobg):not(.icon-animated):active { background-color: transparent !important; border-color: #ffea01 !important;}
.btn-color-202097.btn-flat:not(.btn-hover-nobg):hover, .btn-color-202097.btn-flat:not(.btn-hover-nobg):focus, .btn-color-202097.btn-flat:active { background-color: #f2dd00 !important; border-color: #f2dd00 !important;}
.btn-color-202097:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover, .btn-color-202097:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):focus, .btn-color-202097:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):active { color: #ffea01 !important; }
.btn-color-202097.btn-outline { background-color: transparent !important; border-color: #ffea01 !important; }
.btn-color-202097.btn-outline:not(.btn-text-skin) { color: #ffea01 !important; }
.btn-color-202097.btn-outline:not(.btn-hover-nobg):hover, .btn-color-202097.btn-outline:not(.btn-hover-nobg):focus, btn-color-202097.btn-outline:active { background-color: #ffea01 !important; border-color: #ffea01 !important; }
.btn-color-202097.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):hover, .btn-color-202097.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):focus, btn-color-202097.btn-outline:active { color: #ffffff !important; }
.style-light .btn-color-202097.btn-text-skin.btn-outline, .style-light .btn-color-202097.btn-text-skin:not(.btn-outline):hover, .style-light .btn-color-202097.btn-text-skin:not(.btn-outline):focus, .style-light .btn-color-202097.btn-text-skin:not(.btn-outline):active { color: #141618 !important; }
.style-light .btn-color-202097.btn-text-skin.btn-outline:hover, .style-light .btn-color-202097.btn-text-skin.btn-outline:focus, .style-light .btn-color-202097.btn-text-skin.btn-outline:active { color: #ffffff !important; }
.style-light .style-dark .btn-color-202097.btn-text-skin.btn-outline, .style-light .style-dark .btn-color-202097.btn-text-skin:not(.btn-outline):hover, .style-light .style-dark .btn-color-202097.btn-text-skin:not(.btn-outline):focus, .style-light .style-dark .btn-color-202097.btn-text-skin:not(.btn-outline):active { color: #ffffff !important; }
.style-light .style-dark .btn-color-202097.btn-text-skin.btn-outline:hover, .style-light .style-dark .btn-color-202097.btn-text-skin.btn-outline:focus, .style-light .style-dark .btn-color-202097.btn-text-skin.btn-outline:active { color: #141618 !important; }
.text-color-202097-color { color: #ffea01 !important; fill: #ffea01 !important; }
.border-color-202097-color { border-color: #ffea01 !important; }
.l4x4-uncode-tmb-overlay-gradient-top .style-color-202097-bg { background-color: transparent !important; background-image: linear-gradient(to bottom, #ffea01 0%, rgba(255, 234, 1, 0) 50%) !important;}
.l4x4-uncode-tmb-overlay-gradient-bottom .style-color-202097-bg:not(.l4x4-uncode-tmb-term-evidence) { background-color: transparent !important; background-image: linear-gradient(to top, #ffea01 0%, rgba(255, 234, 1, 0) 50%) !important;}

/*----------------------------------------------------------
#color-143410
----------------------------------------------------------*/
.style-color-143410-bg { background-color: #b4975a; }
.btn-color-143410 { color: #ffffff !important; background-color: #b4975a !important; border-color: #b4975a !important; }
.btn-color-143410:not(.btn-hover-nobg):not(.icon-animated):hover, .btn-color-143410:not(.btn-hover-nobg):not(.icon-animated):focus, .btn-color-143410:not(.btn-hover-nobg):not(.icon-animated):active { background-color: transparent !important; border-color: #b4975a !important;}
.btn-color-143410.btn-flat:not(.btn-hover-nobg):hover, .btn-color-143410.btn-flat:not(.btn-hover-nobg):focus, .btn-color-143410.btn-flat:active { background-color: #a78a4d !important; border-color: #a78a4d !important;}
.btn-color-143410:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover, .btn-color-143410:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):focus, .btn-color-143410:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):active { color: #b4975a !important; }
.btn-color-143410.btn-outline { background-color: transparent !important; border-color: #b4975a !important; }
.btn-color-143410.btn-outline:not(.btn-text-skin) { color: #b4975a !important; }
.btn-color-143410.btn-outline:not(.btn-hover-nobg):hover, .btn-color-143410.btn-outline:not(.btn-hover-nobg):focus, btn-color-143410.btn-outline:active { background-color: #b4975a !important; border-color: #b4975a !important; }
.btn-color-143410.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):hover, .btn-color-143410.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):focus, btn-color-143410.btn-outline:active { color: #ffffff !important; }
.style-light .btn-color-143410.btn-text-skin.btn-outline, .style-light .btn-color-143410.btn-text-skin:not(.btn-outline):hover, .style-light .btn-color-143410.btn-text-skin:not(.btn-outline):focus, .style-light .btn-color-143410.btn-text-skin:not(.btn-outline):active { color: #141618 !important; }
.style-light .btn-color-143410.btn-text-skin.btn-outline:hover, .style-light .btn-color-143410.btn-text-skin.btn-outline:focus, .style-light .btn-color-143410.btn-text-skin.btn-outline:active { color: #ffffff !important; }
.style-light .style-dark .btn-color-143410.btn-text-skin.btn-outline, .style-light .style-dark .btn-color-143410.btn-text-skin:not(.btn-outline):hover, .style-light .style-dark .btn-color-143410.btn-text-skin:not(.btn-outline):focus, .style-light .style-dark .btn-color-143410.btn-text-skin:not(.btn-outline):active { color: #ffffff !important; }
.style-light .style-dark .btn-color-143410.btn-text-skin.btn-outline:hover, .style-light .style-dark .btn-color-143410.btn-text-skin.btn-outline:focus, .style-light .style-dark .btn-color-143410.btn-text-skin.btn-outline:active { color: #141618 !important; }
.text-color-143410-color { color: #b4975a !important; fill: #b4975a !important; }
.border-color-143410-color { border-color: #b4975a !important; }
.l4x4-uncode-tmb-overlay-gradient-top .style-color-143410-bg { background-color: transparent !important; background-image: linear-gradient(to bottom, #b4975a 0%, rgba(180, 151, 90, 0) 50%) !important;}
.l4x4-uncode-tmb-overlay-gradient-bottom .style-color-143410-bg:not(.l4x4-uncode-tmb-term-evidence) { background-color: transparent !important; background-image: linear-gradient(to top, #b4975a 0%, rgba(180, 151, 90, 0) 50%) !important;}

/*----------------------------------------------------------
#color-484524
----------------------------------------------------------*/
.style-color-484524-bg { background-color: #faf5e6; }
.btn-color-484524 { color: #ffffff !important; background-color: #faf5e6 !important; border-color: #faf5e6 !important; }
.btn-color-484524:not(.btn-hover-nobg):not(.icon-animated):hover, .btn-color-484524:not(.btn-hover-nobg):not(.icon-animated):focus, .btn-color-484524:not(.btn-hover-nobg):not(.icon-animated):active { background-color: transparent !important; border-color: #faf5e6 !important;}
.btn-color-484524.btn-flat:not(.btn-hover-nobg):hover, .btn-color-484524.btn-flat:not(.btn-hover-nobg):focus, .btn-color-484524.btn-flat:active { background-color: #ede8d9 !important; border-color: #ede8d9 !important;}
.btn-color-484524:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover, .btn-color-484524:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):focus, .btn-color-484524:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):active { color: #faf5e6 !important; }
.btn-color-484524.btn-outline { background-color: transparent !important; border-color: #faf5e6 !important; }
.btn-color-484524.btn-outline:not(.btn-text-skin) { color: #faf5e6 !important; }
.btn-color-484524.btn-outline:not(.btn-hover-nobg):hover, .btn-color-484524.btn-outline:not(.btn-hover-nobg):focus, btn-color-484524.btn-outline:active { background-color: #faf5e6 !important; border-color: #faf5e6 !important; }
.btn-color-484524.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):hover, .btn-color-484524.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):focus, btn-color-484524.btn-outline:active { color: #ffffff !important; }
.style-light .btn-color-484524.btn-text-skin.btn-outline, .style-light .btn-color-484524.btn-text-skin:not(.btn-outline):hover, .style-light .btn-color-484524.btn-text-skin:not(.btn-outline):focus, .style-light .btn-color-484524.btn-text-skin:not(.btn-outline):active { color: #141618 !important; }
.style-light .btn-color-484524.btn-text-skin.btn-outline:hover, .style-light .btn-color-484524.btn-text-skin.btn-outline:focus, .style-light .btn-color-484524.btn-text-skin.btn-outline:active { color: #ffffff !important; }
.style-light .style-dark .btn-color-484524.btn-text-skin.btn-outline, .style-light .style-dark .btn-color-484524.btn-text-skin:not(.btn-outline):hover, .style-light .style-dark .btn-color-484524.btn-text-skin:not(.btn-outline):focus, .style-light .style-dark .btn-color-484524.btn-text-skin:not(.btn-outline):active { color: #ffffff !important; }
.style-light .style-dark .btn-color-484524.btn-text-skin.btn-outline:hover, .style-light .style-dark .btn-color-484524.btn-text-skin.btn-outline:focus, .style-light .style-dark .btn-color-484524.btn-text-skin.btn-outline:active { color: #141618 !important; }
.text-color-484524-color { color: #faf5e6 !important; fill: #faf5e6 !important; }
.border-color-484524-color { border-color: #faf5e6 !important; }
.l4x4-uncode-tmb-overlay-gradient-top .style-color-484524-bg { background-color: transparent !important; background-image: linear-gradient(to bottom, #faf5e6 0%, rgba(250, 245, 230, 0) 50%) !important;}
.l4x4-uncode-tmb-overlay-gradient-bottom .style-color-484524-bg:not(.l4x4-uncode-tmb-term-evidence) { background-color: transparent !important; background-image: linear-gradient(to top, #faf5e6 0%, rgba(250, 245, 230, 0) 50%) !important;}

/*----------------------------------------------------------
#color-494911
----------------------------------------------------------*/
.style-color-494911-bg { background-color: #535a6a; }
.btn-color-494911 { color: #ffffff !important; background-color: #535a6a !important; border-color: #535a6a !important; }
.btn-color-494911:not(.btn-hover-nobg):not(.icon-animated):hover, .btn-color-494911:not(.btn-hover-nobg):not(.icon-animated):focus, .btn-color-494911:not(.btn-hover-nobg):not(.icon-animated):active { background-color: transparent !important; border-color: #535a6a !important;}
.btn-color-494911.btn-flat:not(.btn-hover-nobg):hover, .btn-color-494911.btn-flat:not(.btn-hover-nobg):focus, .btn-color-494911.btn-flat:active { background-color: #464d5d !important; border-color: #464d5d !important;}
.btn-color-494911:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover, .btn-color-494911:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):focus, .btn-color-494911:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):active { color: #535a6a !important; }
.btn-color-494911.btn-outline { background-color: transparent !important; border-color: #535a6a !important; }
.btn-color-494911.btn-outline:not(.btn-text-skin) { color: #535a6a !important; }
.btn-color-494911.btn-outline:not(.btn-hover-nobg):hover, .btn-color-494911.btn-outline:not(.btn-hover-nobg):focus, btn-color-494911.btn-outline:active { background-color: #535a6a !important; border-color: #535a6a !important; }
.btn-color-494911.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):hover, .btn-color-494911.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):focus, btn-color-494911.btn-outline:active { color: #ffffff !important; }
.style-light .btn-color-494911.btn-text-skin.btn-outline, .style-light .btn-color-494911.btn-text-skin:not(.btn-outline):hover, .style-light .btn-color-494911.btn-text-skin:not(.btn-outline):focus, .style-light .btn-color-494911.btn-text-skin:not(.btn-outline):active { color: #141618 !important; }
.style-light .btn-color-494911.btn-text-skin.btn-outline:hover, .style-light .btn-color-494911.btn-text-skin.btn-outline:focus, .style-light .btn-color-494911.btn-text-skin.btn-outline:active { color: #ffffff !important; }
.style-light .style-dark .btn-color-494911.btn-text-skin.btn-outline, .style-light .style-dark .btn-color-494911.btn-text-skin:not(.btn-outline):hover, .style-light .style-dark .btn-color-494911.btn-text-skin:not(.btn-outline):focus, .style-light .style-dark .btn-color-494911.btn-text-skin:not(.btn-outline):active { color: #ffffff !important; }
.style-light .style-dark .btn-color-494911.btn-text-skin.btn-outline:hover, .style-light .style-dark .btn-color-494911.btn-text-skin.btn-outline:focus, .style-light .style-dark .btn-color-494911.btn-text-skin.btn-outline:active { color: #141618 !important; }
.text-color-494911-color { color: #535a6a !important; fill: #535a6a !important; }
.border-color-494911-color { border-color: #535a6a !important; }
.l4x4-uncode-tmb-overlay-gradient-top .style-color-494911-bg { background-color: transparent !important; background-image: linear-gradient(to bottom, #535a6a 0%, rgba(83, 90, 106, 0) 50%) !important;}
.l4x4-uncode-tmb-overlay-gradient-bottom .style-color-494911-bg:not(.l4x4-uncode-tmb-term-evidence) { background-color: transparent !important; background-image: linear-gradient(to top, #535a6a 0%, rgba(83, 90, 106, 0) 50%) !important;}

/*----------------------------------------------------------
#accent
----------------------------------------------------------*/
.style-accent-bg { background-color: #006cff; }
.btn-accent { color: #ffffff !important; background-color: #006cff !important; border-color: #006cff !important; }
.btn-accent:not(.btn-hover-nobg):not(.icon-animated):hover, .btn-accent:not(.btn-hover-nobg):not(.icon-animated):focus, .btn-accent:not(.btn-hover-nobg):not(.icon-animated):active { background-color: transparent !important; border-color: #006cff !important;}
.btn-accent.btn-flat:not(.btn-hover-nobg):hover, .btn-accent.btn-flat:not(.btn-hover-nobg):focus, .btn-accent.btn-flat:active { background-color: #005ff2 !important; border-color: #005ff2 !important;}
.btn-accent:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover, .btn-accent:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):focus, .btn-accent:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):active { color: #006cff !important; }
.btn-accent.btn-outline { background-color: transparent !important; border-color: #006cff !important; }
.btn-accent.btn-outline:not(.btn-text-skin) { color: #006cff !important; }
.btn-accent.btn-outline:not(.btn-hover-nobg):hover, .btn-accent.btn-outline:not(.btn-hover-nobg):focus, btn-accent.btn-outline:active { background-color: #006cff !important; border-color: #006cff !important; }
.btn-accent.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):hover, .btn-accent.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):focus, btn-accent.btn-outline:active { color: #ffffff !important; }
.style-light .btn-accent.btn-text-skin.btn-outline, .style-light .btn-accent.btn-text-skin:not(.btn-outline):hover, .style-light .btn-accent.btn-text-skin:not(.btn-outline):focus, .style-light .btn-accent.btn-text-skin:not(.btn-outline):active { color: #141618 !important; }
.style-light .btn-accent.btn-text-skin.btn-outline:hover, .style-light .btn-accent.btn-text-skin.btn-outline:focus, .style-light .btn-accent.btn-text-skin.btn-outline:active { color: #ffffff !important; }
.style-light .style-dark .btn-accent.btn-text-skin.btn-outline, .style-light .style-dark .btn-accent.btn-text-skin:not(.btn-outline):hover, .style-light .style-dark .btn-accent.btn-text-skin:not(.btn-outline):focus, .style-light .style-dark .btn-accent.btn-text-skin:not(.btn-outline):active { color: #ffffff !important; }
.style-light .style-dark .btn-accent.btn-text-skin.btn-outline:hover, .style-light .style-dark .btn-accent.btn-text-skin.btn-outline:focus, .style-light .style-dark .btn-accent.btn-text-skin.btn-outline:active { color: #141618 !important; }
.text-accent-color { color: #006cff !important; fill: #006cff !important; }
.border-accent-color { border-color: #006cff !important; }
.l4x4-uncode-tmb-overlay-gradient-top .style-accent-bg { background-color: transparent !important; background-image: linear-gradient(to bottom, #006cff 0%, rgba(0, 108, 255, 0) 50%) !important;}
.l4x4-uncode-tmb-overlay-gradient-bottom .style-accent-bg:not(.l4x4-uncode-tmb-term-evidence) { background-color: transparent !important; background-image: linear-gradient(to top, #006cff 0%, rgba(0, 108, 255, 0) 50%) !important;}

/*----------------------------------------------------------
#Style light
----------------------------------------------------------*/
.style-light-bg { background-color: #ffffff; }
.border-light-bg { border-color: #ffffff; }

/*----------------------------------------------------------
#Style dark
----------------------------------------------------------*/
.style-dark-bg { background-color: #141618; }
.border-dark-bg { border-color: #141618; }

/*----------------------------------------------------------
#Color fix
----------------------------------------------------------*/
.btn-white.btn-outline:hover, .btn-white.btn-outline:focus, .btn-white.btn-outline:active { color: #333333 !important; }
/*
----------------------------------------------------------


#Skins-Typography


----------------------------------------------------------
*/

/*----------------------------------------------------------
#Montserrat
----------------------------------------------------------*/
.font-134857 { font-family: Montserrat !important; }
.btn-custom-typo.font-134857 { font-family: Montserrat !important; }

/*----------------------------------------------------------
#Jost
----------------------------------------------------------*/
.font-116989 { font-family: Jost !important; }
.btn-custom-typo.font-116989 { font-family: Jost !important; }

/*----------------------------------------------------------
# fontsize-160000
----------------------------------------------------------*/
.fontsize-160000 { font-size: 13px; }

/*----------------------------------------------------------
# fontsize-101622
----------------------------------------------------------*/
.fontsize-101622 { font-size: 14px; }

/*----------------------------------------------------------
# fontsize-325386
----------------------------------------------------------*/
.fontsize-325386 { font-size: 16px; }

/*----------------------------------------------------------
# fontsize-118750
----------------------------------------------------------*/
.fontsize-118750 { font-size: 20px; }

/*----------------------------------------------------------
# fontsize-425405
----------------------------------------------------------*/
.fontsize-425405 { font-size: 22px; }

/*----------------------------------------------------------
# fontsize-183903
----------------------------------------------------------*/
.fontsize-183903 { font-size: 24px; }

/*----------------------------------------------------------
# fontsize-110651
----------------------------------------------------------*/
.fontsize-110651 { font-size: 28px; }

/*----------------------------------------------------------
# fontsize-662615
----------------------------------------------------------*/
.fontsize-662615 { font-size: 36px; }
@media (max-width: 959px) { .fontsize-662615 { font-size: 24px; }}

/*----------------------------------------------------------
#Line-height: 1.75
----------------------------------------------------------*/
.fontheight-524109 { line-height: 1.75; }

/*----------------------------------------------------------
#Line-height: 1.5
----------------------------------------------------------*/
.fontheight-357766 { line-height: 1.5; }

/*----------------------------------------------------------
#Line-height: 1
----------------------------------------------------------*/
.fontheight-179065 { line-height: 1; }

/*----------------------------------------------------------
#Line-height: .85
----------------------------------------------------------*/
.fontheight-161249 { line-height: .85; }

/*----------------------------------------------------------
#Line-height: .5
----------------------------------------------------------*/
.fontheight-578034 { line-height: .5; }

/*----------------------------------------------------------
#Letter-spacing: 0
----------------------------------------------------------*/
.fontspace-142838:not(.bigtext) { letter-spacing: 0 !important; }
.fontspace-142838.bigtext > span { letter-spacing: 0 !important; }

/*----------------------------------------------------------
#Letter-spacing: -0.02em
----------------------------------------------------------*/
.fontspace-781688:not(.bigtext) { letter-spacing: -0.02em !important; }
.fontspace-781688.bigtext > span { letter-spacing: -0.02em !important; }

/*----------------------------------------------------------
#Letter-spacing: -0.05em
----------------------------------------------------------*/
.fontspace-111509:not(.bigtext) { letter-spacing: -0.05em !important; }
.fontspace-111509.bigtext > span { letter-spacing: -0.05em !important; }

/*----------------------------------------------------------
#Letter-spacing: .2em
----------------------------------------------------------*/
.fontspace-210350:not(.bigtext) { letter-spacing: .2em !important; }
.fontspace-210350.bigtext > span { letter-spacing: .2em !important; }

/*----------------------------------------------------------
#Letter-spacing: .1em
----------------------------------------------------------*/
.fontspace-118626:not(.bigtext) { letter-spacing: .1em !important; }
.fontspace-118626.bigtext > span { letter-spacing: .1em !important; }

/*----------------------------------------------------------
#Letter-spacing: .5em
----------------------------------------------------------*/
.fontspace-135905:not(.bigtext) { letter-spacing: .5em !important; }
.fontspace-135905.bigtext > span { letter-spacing: .5em !important; }

/*----------------------------------------------------------
#Letter-spacing: 1em
----------------------------------------------------------*/
.fontspace-238483:not(.bigtext) { letter-spacing: 1em !important; }
.fontspace-238483.bigtext > span { letter-spacing: 1em !important; }

/*----------------------------------------------------------
#Letter-spacing: 2em
----------------------------------------------------------*/
.fontspace-210067:not(.bigtext) { letter-spacing: 2em !important; }
.fontspace-210067.bigtext > span { letter-spacing: 2em !important; }

/*----------------------------------------------------------
#Standard font size
----------------------------------------------------------*/
body,p,li,dt,dd,dl,address,label,pre,code,.nav-tabs .tab-excerpt { font-size: 18px; }
.text-lead, .text-lead > *, .nav-tabs .tab-excerpt.text-lead { font-size: 18px; }
.module-text-lead,.module-text-lead > *,.module-text-lead p,.module-text-lead li,.module-text-lead dt,.module-text-lead dd,.module-text-lead dl,.module-text-lead address,.module-text-lead label,.module-text-lead small,.l4x4-uncode-wc-module.text-lead pre,.module-text-lead code { font-size: 18px; }
.text-small, .text-small > *, .nav-tabs .tab-excerpt.text-small { font-size: 13px; }
.module-text-small,.module-text-small > *,.module-text-small p,.module-text-small li,.module-text-small dt,.module-text-small dd,.module-text-small dl,.module-text-small address,.module-text-small label,.module-text-small small,.l4x4-uncode-wc-module.text-small pre,.module-text-small code { font-size: 13px; }

/*----------------------------------------------------------
# h1
----------------------------------------------------------*/
h1:not([class*="fontsize-"]),.h1:not([class*="fontsize-"]) { font-size: 26px; }

/*----------------------------------------------------------
# h2
----------------------------------------------------------*/
h2:not([class*="fontsize-"]),.h2:not([class*="fontsize-"]) { font-size: 25px; }

/*----------------------------------------------------------
# h3
----------------------------------------------------------*/
h3:not([class*="fontsize-"]),.h3:not([class*="fontsize-"]) { font-size: 23px; }

/*----------------------------------------------------------
# h4
----------------------------------------------------------*/
h4:not([class*="fontsize-"]),.h4:not([class*="fontsize-"]) { font-size: 21px; }

/*----------------------------------------------------------
# h5
----------------------------------------------------------*/
h5:not([class*="fontsize-"]),.h5:not([class*="fontsize-"]) { font-size: 19px; }

/*----------------------------------------------------------
# h6
----------------------------------------------------------*/
h6:not([class*="fontsize-"]),.h6:not([class*="fontsize-"]) { font-size: 14px; }

/*
----------------------------------------------------------
[Table of contents]

#Skins-General
#Skins-Buttons
#Skins-Alerts
#Skins-Menus
#Skins-Thumbs

----------------------------------------------------------
*/
/*
----------------------------------------------------------

#Skins-General

----------------------------------------------------------
*/
/* #GENERAL */
body {
  font-weight: 400;
  font-family: 'Open Sans', sans-serif;
}
::selection {
  background: #006cff;
  color: #ffffff !important;
}
::-moz-selection {
  background: #006cff;
  color: #ffffff !important;
}
/* #Font-size-small */
.font-size-small {
  font-size: 13px;
}
/* #Font-size-large */
.font-size-large,
.form-large input,
.form-large textarea,
.form-large select,
.form-large .seldiv,
.form-large .select2-choice,
.form-large .select2-selection--single {
  font-size: 18px;
}
/* #Font-ui-fixed */
.font-ui-fixed,
.post-info,
.widget-container .widget-title,
#comments .comments-title,
#respond .comments-title,
#comments #reply-title,
#respond #reply-title,
.l4x4-uncode-share h6 {
  font-family: Jost;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 12px;
}
.font-ui,
#main-logo .text-logo,
.comment-content .comment-reply-link span,
.comment-content .comment-reply-link {
  font-family: Jost;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.filter-menu,
.grid-filters ul.menu-smart a:not(.social-menu-link),
.grid-filters .mobile-toggle-trigger:not(.social-menu-link),
.grid-filters .extra-filters-wrapper .l4x4-uncode-menu-smart > li > a:not(.social-menu-link),
.grid-filters .l4x4-uncode-woocommerce-sorting__link,
.grid-filters .l4x4-uncode-woocommerce-toggle-widgetized-cb__link,
.grid-filters .l4x4-uncode-toggle-ajax-filters:not(.social-menu-link) {
  font-family: Jost;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 11px;
}
/* #Body-color-light */
.style-light {
  color: #141618;
}
/* #Body-color-dark */
.style-dark {
  color: #ffffff;
}
/* #Divider-break */
hr.separator-break {
  width: 90px;
  border-top-width: 2px;
}
hr.separator-break.separator-accent {
  border-color: #006cff !important;
}
body.uncode-accessible a,
body.uncode-accessible button,
body.uncode-accessible input,
body.uncode-accessible textarea,
body.uncode-accessible select,
body.uncode-accessible .btn,
body.uncode-accessible .btn-link {
  outline-color: #006cff !important;
}
/* #Paragraph-color */
.style-dark .body-color,
.style-light .style-dark .body-color,
.style-dark .nav-tabs > li > a span.tab-excerpt,
.style-light .style-dark .nav-tabs > li > a span.tab-excerpt {
  color: #ffffff;
}
.style-light .body-color,
.style-dark .style-light .body-color,
.style-light .nav-tabs > li > a span.tab-excerpt,
.style-dark .style-light .nav-tabs > li > a span.tab-excerpt {
  color: #141618;
}
.style-dark .body-color-light,
.style-light .style-dark .body-color-light {
  color: #ffffff;
}
.style-light .body-color-light,
.style-dark .style-light .body-color-light {
  color: #46484a;
}
/* #Link-color */
.style-dark .link,
.style-light .style-dark .link,
.style-dark a,
.style-light .style-dark a,
.style-dark input[type=checkbox]:checked:before,
.style-light .style-dark input[type=checkbox]:checked:before,
.style-dark .widget-container a:not(.btn-text-skin),
.style-light .style-dark .widget-container a:not(.btn-text-skin),
.style-dark .widget-container a:not(.btn-text-skin):hover,
.style-light .style-dark .widget-container a:not(.btn-text-skin):hover,
.style-dark .widget-container select,
.style-light .style-dark .widget-container select,
.style-dark .widget-container option,
.style-light .style-dark .widget-container option,
.style-dark .ajax-grid-system .grid-filters .filter-list li a,
.style-light .style-dark .ajax-grid-system .grid-filters .filter-list li a,
.style-dark .widget-ajax-active-filters .filter-list li a,
.style-light .style-dark .widget-ajax-active-filters .filter-list li a,
.style-dark .ajax-grid-system .grid-filters .filter-list li a:hover,
.style-light .style-dark .ajax-grid-system .grid-filters .filter-list li a:hover,
.style-dark .widget-ajax-active-filters .filter-list li a:hover,
.style-light .style-dark .widget-ajax-active-filters .filter-list li a:hover {
  color: #ffffff;
}
.style-light .link,
.style-dark .style-light .link,
.style-light a,
.style-dark .style-light a,
.style-light input[type=checkbox]:checked:before,
.style-dark .style-light input[type=checkbox]:checked:before,
.style-light .widget-container a:not(.btn-text-skin),
.style-dark .style-light .widget-container a:not(.btn-text-skin),
.style-light .widget-container a:not(.btn-text-skin):hover,
.style-dark .style-light .widget-container a:not(.btn-text-skin):hover,
.style-light .widget-container select,
.style-dark .style-light .widget-container select,
.style-light .widget-container option,
.style-dark .style-light .widget-container option,
.style-light .ajax-grid-system .grid-filters .filter-list li a,
.style-dark .style-light .ajax-grid-system .grid-filters .filter-list li a,
.style-light .widget-ajax-active-filters .filter-list li a,
.style-dark .style-light .widget-ajax-active-filters .filter-list li a,
.style-light .ajax-grid-system .grid-filters .filter-list li a:hover,
.style-dark .style-light .ajax-grid-system .grid-filters .filter-list li a:hover,
.style-light .widget-ajax-active-filters .filter-list li a:hover,
.style-dark .style-light .widget-ajax-active-filters .filter-list li a:hover {
  color: #141618;
}
/* #Link-color-hover */
.style-dark .link-hover,
.style-light .style-dark .link-hover,
.style-dark a:not(.btn-text-skin):hover,
.style-light .style-dark a:not(.btn-text-skin):hover,
.style-dark a:not(.btn-text-skin):focus,
.style-light .style-dark a:not(.btn-text-skin):focus,
.style-dark a.active,
.style-light .style-dark a.active,
.style-dark .l4x4-uncode-tmb .l4x4-uncode-t-entry-text .l4x4-uncode-t-entry-title a:hover,
.style-light .style-dark .l4x4-uncode-tmb .l4x4-uncode-t-entry-text .l4x4-uncode-t-entry-title a:hover,
.style-dark .l4x4-uncode-tmb .l4x4-uncode-t-entry-text .l4x4-uncode-t-entry-title a:focus,
.style-light .style-dark .l4x4-uncode-tmb .l4x4-uncode-t-entry-text .l4x4-uncode-t-entry-title a:focus,
.style-dark .l4x4-uncode-tmb-content-under.tmb .l4x4-uncode-t-entry p.t-entry-author a:hover span,
.style-light .style-dark .l4x4-uncode-tmb-content-under.tmb .l4x4-uncode-t-entry p.t-entry-author a:hover span,
.style-dark .l4x4-uncode-tmb-content-lateral.tmb .l4x4-uncode-t-entry p.t-entry-author a:hover span,
.style-light .style-dark .l4x4-uncode-tmb-content-lateral.tmb .l4x4-uncode-t-entry p.t-entry-author a:hover span,
.style-dark .l4x4-uncode-tmb .l4x4-uncode-t-entry p.t-entry-comments .extras a:hover i,
.style-light .style-dark .l4x4-uncode-tmb .l4x4-uncode-t-entry p.t-entry-comments .extras a:hover i,
.style-dark .l4x4-uncode-tmb .l4x4-uncode-t-entry p.t-entry-comments .extras a.active i,
.style-light .style-dark .l4x4-uncode-tmb .l4x4-uncode-t-entry p.t-entry-comments .extras a.active i,
.style-dark .l4x4-uncode-tmb .l4x4-uncode-t-entry p.t-entry-comments .extras a:focus i,
.style-light .style-dark .l4x4-uncode-tmb .l4x4-uncode-t-entry p.t-entry-comments .extras a:focus i,
.style-dark .drop-hover-accent.uncode-post-titles .l4x4-uncode-tmb:hover .l4x4-uncode-t-entry-title *,
.style-light .style-dark .drop-hover-accent.uncode-post-titles .l4x4-uncode-tmb:hover .l4x4-uncode-t-entry-title *,
.style-dark .l4x4-uncode-tmb.tmb-table .t-inside-post-table a.t-entry-table-typography:hover,
.style-light .style-dark .l4x4-uncode-tmb.tmb-table .t-inside-post-table a.t-entry-table-typography:hover,
.style-dark .l4x4-uncode-tmb.tmb-table .t-inside-post-table .l4x4-uncode-t-entry-table-typography a:hover,
.style-light .style-dark .l4x4-uncode-tmb.tmb-table .t-inside-post-table .l4x4-uncode-t-entry-table-typography a:hover,
.style-dark .l4x4-uncode-tmb.tmb-table .t-inside-post-table a.t-entry-table-typography:focus,
.style-light .style-dark .l4x4-uncode-tmb.tmb-table .t-inside-post-table a.t-entry-table-typography:focus,
.style-dark .l4x4-uncode-tmb.tmb-table .t-inside-post-table .l4x4-uncode-t-entry-table-typography a:focus,
.style-light .style-dark .l4x4-uncode-tmb.tmb-table .t-inside-post-table .l4x4-uncode-t-entry-table-typography a:focus,
.style-dark .widget_nav_menu li.active > a,
.style-light .style-dark .widget_nav_menu li.active > a,
.style-dark div[class*=sharer-].share-button label:hover,
.style-light .style-dark div[class*=sharer-].share-button label:hover,
.style-dark div[class*=sharer-].share-button label:focus,
.style-light .style-dark div[class*=sharer-].share-button label:focus {
  color: #006cff;
}
.style-light .link-hover,
.style-dark .style-light .link-hover,
.style-light a:not(.btn-text-skin):hover,
.style-dark .style-light a:not(.btn-text-skin):hover,
.style-light a:not(.btn-text-skin):focus,
.style-dark .style-light a:not(.btn-text-skin):focus,
.style-light a.active,
.style-dark .style-light a.active,
.style-light .l4x4-uncode-tmb .l4x4-uncode-t-entry-text .l4x4-uncode-t-entry-title a:hover,
.style-dark .style-light .l4x4-uncode-tmb .l4x4-uncode-t-entry-text .l4x4-uncode-t-entry-title a:hover,
.style-light .l4x4-uncode-tmb .l4x4-uncode-t-entry-text .l4x4-uncode-t-entry-title a:focus,
.style-dark .style-light .l4x4-uncode-tmb .l4x4-uncode-t-entry-text .l4x4-uncode-t-entry-title a:focus,
.style-light .l4x4-uncode-tmb-content-under.tmb .l4x4-uncode-t-entry p.t-entry-author a:hover span,
.style-dark .style-light .l4x4-uncode-tmb-content-under.tmb .l4x4-uncode-t-entry p.t-entry-author a:hover span,
.style-light .l4x4-uncode-tmb-content-lateral.tmb .l4x4-uncode-t-entry p.t-entry-author a:hover span,
.style-dark .style-light .l4x4-uncode-tmb-content-lateral.tmb .l4x4-uncode-t-entry p.t-entry-author a:hover span,
.style-light .l4x4-uncode-tmb .l4x4-uncode-t-entry p.t-entry-comments .extras a:hover i,
.style-dark .style-light .l4x4-uncode-tmb .l4x4-uncode-t-entry p.t-entry-comments .extras a:hover i,
.style-light .l4x4-uncode-tmb .l4x4-uncode-t-entry p.t-entry-comments .extras a.active i,
.style-dark .style-light .l4x4-uncode-tmb .l4x4-uncode-t-entry p.t-entry-comments .extras a.active i,
.style-light .l4x4-uncode-tmb .l4x4-uncode-t-entry p.t-entry-comments .extras a:focus i,
.style-dark .style-light .l4x4-uncode-tmb .l4x4-uncode-t-entry p.t-entry-comments .extras a:focus i,
.style-light .drop-hover-accent.uncode-post-titles .l4x4-uncode-tmb:hover .l4x4-uncode-t-entry-title *,
.style-dark .style-light .drop-hover-accent.uncode-post-titles .l4x4-uncode-tmb:hover .l4x4-uncode-t-entry-title *,
.style-light .l4x4-uncode-tmb.tmb-table .t-inside-post-table a.t-entry-table-typography:hover,
.style-dark .style-light .l4x4-uncode-tmb.tmb-table .t-inside-post-table a.t-entry-table-typography:hover,
.style-light .l4x4-uncode-tmb.tmb-table .t-inside-post-table .l4x4-uncode-t-entry-table-typography a:hover,
.style-dark .style-light .l4x4-uncode-tmb.tmb-table .t-inside-post-table .l4x4-uncode-t-entry-table-typography a:hover,
.style-light .l4x4-uncode-tmb.tmb-table .t-inside-post-table a.t-entry-table-typography:focus,
.style-dark .style-light .l4x4-uncode-tmb.tmb-table .t-inside-post-table a.t-entry-table-typography:focus,
.style-light .l4x4-uncode-tmb.tmb-table .t-inside-post-table .l4x4-uncode-t-entry-table-typography a:focus,
.style-dark .style-light .l4x4-uncode-tmb.tmb-table .t-inside-post-table .l4x4-uncode-t-entry-table-typography a:focus,
.style-light .widget_nav_menu li.active > a,
.style-dark .style-light .widget_nav_menu li.active > a,
.style-light div[class*=sharer-].share-button label:hover,
.style-dark .style-light div[class*=sharer-].share-button label:hover,
.style-light div[class*=sharer-].share-button label:focus,
.style-dark .style-light div[class*=sharer-].share-button label:focus {
  color: #006cff;
}
/* #Link-color-background */
.style-dark .link-bg,
.style-light .style-dark .link-bg {
  background-color: #006cff;
}
.style-light .link-bg,
.style-dark .style-light .link-bg {
  background-color: #006cff;
}
.style-dark .text-default-color,
.style-light .style-dark .text-default-color {
  color: #ffffff;
}
.style-light .text-default-color,
.style-dark .style-light .text-default-color {
  color: #141618;
}
.color-accent-border,
blockquote {
  border-color: #006cff;
}
.color-accent-background,
mark,
.nav-tabs.tab-active-anim:not(.tab-switch).switch-init .switcher-cursor,
.nav-tabs.nav-tabs.tab-no-border:not(.tabs-vertical):not(.tab-switch).switch-init .switcher-cursor,
.tab-active-anim:not(.tab-switch):not(.switch-init):not(.tab-active-anim):not(.tab-no-border).nav-tabs > li.active:after,
.mejs-controls .mejs-time-rail .mejs-time-loaded {
  background-color: #006cff;
}
.color-accent-background-all,
.btn-hover-accent span.btn-gradient-el:hover {
  background: #006cff;
}
.color-accent-color,
body.textual-accent-color .post-content > div p:not(.entry-small):not(.panel-title):not(.l4x4-uncode-t-entry-member-social) a:not(.btn),
body.textual-accent-color .post-content > div ul:not(.l4x4-uncode-menu-smart):not(.nav-tabs):not(.pagination) a:not(.btn),
body.textual-accent-color .post-content > div dt a:not(.btn),
body.textual-accent-color .post-content > div dd a:not(.btn),
body.textual-accent-color .post-content > div dl a:not(.btn),
body.textual-accent-color .post-content > div address a:not(.btn),
body.textual-accent-color .post-content > div label a:not(.btn),
body.textual-accent-color .post-content > div small a:not(.btn),
body.textual-accent-color .row-container .post-content p:not(.entry-small):not(.panel-title):not(.l4x4-uncode-t-entry-member-social) a:not(.btn),
body.textual-accent-color .row-container .post-content ul:not(.l4x4-uncode-menu-smart):not(.nav-tabs):not(.pagination) a:not(.btn),
body.textual-accent-color .row-container .post-content dt a:not(.btn),
body.textual-accent-color .row-container .post-content dd a:not(.btn),
body.textual-accent-color .row-container .post-content dl a:not(.btn),
body.textual-accent-color .row-container .post-content address a:not(.btn),
body.textual-accent-color .row-container .post-content label a:not(.btn),
body.textual-accent-color .row-container .post-content small a:not(.btn),
.btn-hover-accent:hover,
.btn-gradient-underline.btn-hover-accent:hover:before,
.nav-tabs > li.active > a,
.panel-title.active > a,
.panel-title.active > a span:after,
.plan-accent.plan .plan-title > h3,
.plan-accent.plan .plan-price .price,
.wpcf7 .wpcf7-mail-sent-ok,
.wpcf7 .wpcf7-validation-errors,
.wpcf7 span.wpcf7-not-valid-tip {
  color: #006cff !important;
}
.color-accent-darker,
body.textual-accent-color .post-content p:not(.entry-small):not(.panel-title):not(.l4x4-uncode-t-entry-member-social) a:not(.btn-text-skin):hover:not(.btn),
body.textual-accent-color .post-content p:not(.entry-small):not(.panel-title):not(.l4x4-uncode-t-entry-member-social) a:not(.btn-text-skin):focus:not(.btn),
body.textual-accent-color .post-content p:not(.entry-small):not(.panel-title):not(.l4x4-uncode-t-entry-member-social) a.active:not(.btn),
body.textual-accent-color .post-content ul:not(.l4x4-uncode-menu-smart):not(.nav-tabs):not(.pagination) a:not(.btn-text-skin):hover:not(.btn),
body.textual-accent-color .post-content ul:not(.l4x4-uncode-menu-smart):not(.nav-tabs):not(.pagination) a:not(.btn-text-skin):focus:not(.btn),
body.textual-accent-color .post-content ul:not(.l4x4-uncode-menu-smart):not(.nav-tabs):not(.pagination) a.active:not(.btn),
body.textual-accent-color .post-content dt a:not(.btn-text-skin):hover:not(.btn),
body.textual-accent-color .post-content dt a:not(.btn-text-skin):focus:not(.btn),
body.textual-accent-color .post-content dt a.active:not(.btn),
body.textual-accent-color .post-content dd a:not(.btn-text-skin):hover:not(.btn),
body.textual-accent-color .post-content dd a:not(.btn-text-skin):focus:not(.btn),
body.textual-accent-color .post-content dd a.active:not(.btn),
body.textual-accent-color .post-content dl a:not(.btn-text-skin):hover:not(.btn),
body.textual-accent-color .post-content dl a:not(.btn-text-skin):focus:not(.btn),
body.textual-accent-color .post-content dl a.active:not(.btn),
body.textual-accent-color .post-content address a:not(.btn-text-skin):hover:not(.btn),
body.textual-accent-color .post-content address a:not(.btn-text-skin):focus:not(.btn),
body.textual-accent-color .post-content address a.active:not(.btn),
body.textual-accent-color .post-content label a:not(.btn-text-skin):hover:not(.btn),
body.textual-accent-color .post-content label a:not(.btn-text-skin):focus:not(.btn),
body.textual-accent-color .post-content label a.active:not(.btn),
body.textual-accent-color .post-content small a:not(.btn-text-skin):hover:not(.btn),
body.textual-accent-color .post-content small a:not(.btn-text-skin):focus:not(.btn),
body.textual-accent-color .post-content small a.active:not(.btn) {
  color: #0053e6 !important;
}
/* #Heading-style */
.headings-style,
h1,
h2,
h3,
h4,
h5,
h6,
.heading-text > p,
.l4x4-uncode-tmb .l4x4-uncode-t-entry .l4x4-uncode-t-entry-cat,
.l4x4-uncode-tmb .l4x4-uncode-t-entry .l4x4-uncode-t-entry-title,
.l4x4-uncode-tmb .l4x4-uncode-t-entry .l4x4-uncode-t-entry-table-typography,
.vc_pie_chart .vc_pie_chart_value,
ul.dwls_search_results .daves-wordpress-live-search_title .search-title {
  letter-spacing: 0em;
  font-weight: 500;
  font-family: Jost;
}
/* #Headings-color */
.style-dark .headings-color,
.style-light .style-dark .headings-color,
.style-dark .detail-container .detail-label,
.style-light .style-dark .detail-container .detail-label,
.style-dark .l4x4-uncode-star-rating,
.style-light .style-dark .l4x4-uncode-star-rating,
.style-dark h1,
.style-light .style-dark h1,
.style-dark h2,
.style-light .style-dark h2,
.style-dark h3,
.style-light .style-dark h3,
.style-dark h4,
.style-light .style-dark h4,
.style-dark h5,
.style-light .style-dark h5,
.style-dark h6,
.style-light .style-dark h6,
.style-dark .heading-text > p,
.style-light .style-dark .heading-text > p,
.style-dark p b,
.style-light .style-dark p b,
.style-dark p strong,
.style-light .style-dark p strong,
.style-dark dl dt,
.style-light .style-dark dl dt,
.style-dark dl.variation dt,
.style-light .style-dark dl.variation dt,
.style-dark dl.variation dd,
.style-light .style-dark dl.variation dd,
.style-dark blockquote p,
.style-light .style-dark blockquote p,
.style-dark table thead,
.style-light .style-dark table thead,
.style-dark form p,
.style-light .style-dark form p,
.style-dark .panel-title > a > span:after,
.style-light .style-dark .panel-title > a > span:after,
.style-dark .plan .plan-price .price,
.style-light .style-dark .plan .plan-price .price,
.style-dark .detail-label,
.style-light .style-dark .detail-label,
.style-dark .l4x4-uncode-owl-nav .l4x4-uncode-owl-nav-in,
.style-light .style-dark .l4x4-uncode-owl-nav .l4x4-uncode-owl-nav-in,
.style-dark .header-wrapper .header-scrolldown i,
.style-light .style-dark .header-wrapper .header-scrolldown i,
.style-dark .header-wrapper .header-content-inner blockquote.pullquote p:first-child,
.style-light .style-dark .header-wrapper .header-content-inner blockquote.pullquote p:first-child,
.style-dark .header-main-container .post-info,
.style-light .style-dark .header-main-container .post-info,
.style-dark .header-main-container .post-info a,
.style-light .style-dark .header-main-container .post-info a,
.style-dark .widget-container.widget_top_rated_products li:before,
.style-light .style-dark .widget-container.widget_top_rated_products li:before,
.style-dark .widget-container.widget_recent_reviews li:before,
.style-light .style-dark .widget-container.widget_recent_reviews li:before,
.style-dark .widget-container.widget_latest_tweets_widget .tweet-text:before,
.style-light .style-dark .widget-container.widget_latest_tweets_widget .tweet-text:before,
.style-dark .widget-container.widget_latest_tweets .tweet-text:before,
.style-light .style-dark .widget-container.widget_latest_tweets .tweet-text:before,
.style-dark .comment-content .comment-author a,
.style-light .style-dark .comment-content .comment-author a,
.style-dark .comment-content .comment-author span,
.style-light .style-dark .comment-content .comment-author span,
.style-dark div[class*=sharer-].share-button label,
.style-light .style-dark div[class*=sharer-].share-button label,
.style-dark .share-button.share-inline .social.top li,
.style-light .style-dark .share-button.share-inline .social.top li,
.style-dark .vc_progress_bar .vc_progress_label,
.style-light .style-dark .vc_progress_bar .vc_progress_label,
.style-dark .vc_pie_chart .vc_pie_chart_value,
.style-light .style-dark .vc_pie_chart .vc_pie_chart_value,
.style-dark .counter,
.style-light .style-dark .counter,
.style-dark .counter-suffix,
.style-light .style-dark .counter-suffix,
.style-dark .counter-prefix,
.style-light .style-dark .counter-prefix,
.style-dark .countdown,
.style-light .style-dark .countdown,
.style-dark .data-field--has-label .data-field-value,
.style-light .style-dark .data-field--has-label .data-field-value,
.style-dark ul.dwls_search_results .daves-wordpress-live-search_title .search-title,
.style-light .style-dark ul.dwls_search_results .daves-wordpress-live-search_title .search-title,
.style-dark ul.dwls_search_results .daves-wordpress-live-search_author,
.style-light .style-dark ul.dwls_search_results .daves-wordpress-live-search_author,
.style-dark .l4x4-uncode-star-rating,
.style-light .style-dark .l4x4-uncode-star-rating {
  color: #ffffff;
}
.style-light .headings-color,
.style-dark .style-light .headings-color,
.style-light .detail-container .detail-label,
.style-dark .style-light .detail-container .detail-label,
.style-light .l4x4-uncode-star-rating,
.style-dark .style-light .l4x4-uncode-star-rating,
.style-light h1,
.style-dark .style-light h1,
.style-light h2,
.style-dark .style-light h2,
.style-light h3,
.style-dark .style-light h3,
.style-light h4,
.style-dark .style-light h4,
.style-light h5,
.style-dark .style-light h5,
.style-light h6,
.style-dark .style-light h6,
.style-light .heading-text > p,
.style-dark .style-light .heading-text > p,
.style-light p b,
.style-dark .style-light p b,
.style-light p strong,
.style-dark .style-light p strong,
.style-light dl dt,
.style-dark .style-light dl dt,
.style-light dl.variation dt,
.style-dark .style-light dl.variation dt,
.style-light dl.variation dd,
.style-dark .style-light dl.variation dd,
.style-light blockquote p,
.style-dark .style-light blockquote p,
.style-light table thead,
.style-dark .style-light table thead,
.style-light form p,
.style-dark .style-light form p,
.style-light .panel-title > a > span:after,
.style-dark .style-light .panel-title > a > span:after,
.style-light .plan .plan-price .price,
.style-dark .style-light .plan .plan-price .price,
.style-light .detail-label,
.style-dark .style-light .detail-label,
.style-light .l4x4-uncode-owl-nav .l4x4-uncode-owl-nav-in,
.style-dark .style-light .l4x4-uncode-owl-nav .l4x4-uncode-owl-nav-in,
.style-light .header-wrapper .header-scrolldown i,
.style-dark .style-light .header-wrapper .header-scrolldown i,
.style-light .header-wrapper .header-content-inner blockquote.pullquote p:first-child,
.style-dark .style-light .header-wrapper .header-content-inner blockquote.pullquote p:first-child,
.style-light .header-main-container .post-info,
.style-dark .style-light .header-main-container .post-info,
.style-light .header-main-container .post-info a,
.style-dark .style-light .header-main-container .post-info a,
.style-light .widget-container.widget_top_rated_products li:before,
.style-dark .style-light .widget-container.widget_top_rated_products li:before,
.style-light .widget-container.widget_recent_reviews li:before,
.style-dark .style-light .widget-container.widget_recent_reviews li:before,
.style-light .widget-container.widget_latest_tweets_widget .tweet-text:before,
.style-dark .style-light .widget-container.widget_latest_tweets_widget .tweet-text:before,
.style-light .widget-container.widget_latest_tweets .tweet-text:before,
.style-dark .style-light .widget-container.widget_latest_tweets .tweet-text:before,
.style-light .comment-content .comment-author a,
.style-dark .style-light .comment-content .comment-author a,
.style-light .comment-content .comment-author span,
.style-dark .style-light .comment-content .comment-author span,
.style-light div[class*=sharer-].share-button label,
.style-dark .style-light div[class*=sharer-].share-button label,
.style-light .share-button.share-inline .social.top li,
.style-dark .style-light .share-button.share-inline .social.top li,
.style-light .vc_progress_bar .vc_progress_label,
.style-dark .style-light .vc_progress_bar .vc_progress_label,
.style-light .vc_pie_chart .vc_pie_chart_value,
.style-dark .style-light .vc_pie_chart .vc_pie_chart_value,
.style-light .counter,
.style-dark .style-light .counter,
.style-light .counter-suffix,
.style-dark .style-light .counter-suffix,
.style-light .counter-prefix,
.style-dark .style-light .counter-prefix,
.style-light .countdown,
.style-dark .style-light .countdown,
.style-light .data-field--has-label .data-field-value,
.style-dark .style-light .data-field--has-label .data-field-value,
.style-light ul.dwls_search_results .daves-wordpress-live-search_title .search-title,
.style-dark .style-light ul.dwls_search_results .daves-wordpress-live-search_title .search-title,
.style-light ul.dwls_search_results .daves-wordpress-live-search_author,
.style-dark .style-light ul.dwls_search_results .daves-wordpress-live-search_author,
.style-light .l4x4-uncode-star-rating,
.style-dark .style-light .l4x4-uncode-star-rating {
  color: #141618;
}
.style-dark .headings-color-inverted,
.style-light .style-dark .headings-color-inverted,
.style-dark .arrows-default.uncode-owl-nav .l4x4-uncode-nav-container,
.style-light .style-dark .arrows-default.uncode-owl-nav .l4x4-uncode-nav-container,
.style-dark .arrows-round.uncode-owl-nav .l4x4-uncode-nav-container,
.style-light .style-dark .arrows-round.uncode-owl-nav .l4x4-uncode-nav-container,
.style-dark .arrows-square.uncode-owl-nav .l4x4-uncode-nav-container,
.style-light .style-dark .arrows-square.uncode-owl-nav .l4x4-uncode-nav-container {
  color: #141618;
}
.style-light .headings-color-inverted,
.style-dark .style-light .headings-color-inverted,
.style-light .arrows-default.uncode-owl-nav .l4x4-uncode-nav-container,
.style-dark .style-light .arrows-default.uncode-owl-nav .l4x4-uncode-nav-container,
.style-light .arrows-round.uncode-owl-nav .l4x4-uncode-nav-container,
.style-dark .style-light .arrows-round.uncode-owl-nav .l4x4-uncode-nav-container,
.style-light .arrows-square.uncode-owl-nav .l4x4-uncode-nav-container,
.style-dark .style-light .arrows-square.uncode-owl-nav .l4x4-uncode-nav-container {
  color: #ffffff;
}
.style-dark .headings-bg,
.style-light .style-dark .headings-bg,
.style-dark input[type=radio]:checked:before,
.style-light .style-dark input[type=radio]:checked:before,
.style-dark .nav-tabs.tab-switch li:before,
.style-light .style-dark .nav-tabs.tab-switch li:before,
.style-dark .arrows-default.uncode-owl-nav .l4x4-uncode-nav-container,
.style-light .style-dark .arrows-default.uncode-owl-nav .l4x4-uncode-nav-container,
.style-dark .arrows-round.uncode-owl-nav .l4x4-uncode-nav-container,
.style-light .style-dark .arrows-round.uncode-owl-nav .l4x4-uncode-nav-container,
.style-dark .arrows-square.uncode-owl-nav .l4x4-uncode-nav-container,
.style-light .style-dark .arrows-square.uncode-owl-nav .l4x4-uncode-nav-container,
.style-dark .dots-look-default:not(.dots-numbers).l4x4-uncode-owl-nav .l4x4-uncode-nav-index span,
.style-light .style-dark .dots-look-default:not(.dots-numbers).l4x4-uncode-owl-nav .l4x4-uncode-nav-index span,
.style-dark :not(.dots-look-defaut):not(.dots-numbers).l4x4-uncode-owl-nav .l4x4-uncode-nav-index span,
.style-light .style-dark :not(.dots-look-defaut):not(.dots-numbers).l4x4-uncode-owl-nav .l4x4-uncode-nav-index span {
  background-color: #ffffff;
}
.style-light .headings-bg,
.style-dark .style-light .headings-bg,
.style-light input[type=radio]:checked:before,
.style-dark .style-light input[type=radio]:checked:before,
.style-light .nav-tabs.tab-switch li:before,
.style-dark .style-light .nav-tabs.tab-switch li:before,
.style-light .arrows-default.uncode-owl-nav .l4x4-uncode-nav-container,
.style-dark .style-light .arrows-default.uncode-owl-nav .l4x4-uncode-nav-container,
.style-light .arrows-round.uncode-owl-nav .l4x4-uncode-nav-container,
.style-dark .style-light .arrows-round.uncode-owl-nav .l4x4-uncode-nav-container,
.style-light .arrows-square.uncode-owl-nav .l4x4-uncode-nav-container,
.style-dark .style-light .arrows-square.uncode-owl-nav .l4x4-uncode-nav-container,
.style-light .dots-look-default:not(.dots-numbers).l4x4-uncode-owl-nav .l4x4-uncode-nav-index span,
.style-dark .style-light .dots-look-default:not(.dots-numbers).l4x4-uncode-owl-nav .l4x4-uncode-nav-index span,
.style-light :not(.dots-look-defaut):not(.dots-numbers).l4x4-uncode-owl-nav .l4x4-uncode-nav-index span,
.style-dark .style-light :not(.dots-look-defaut):not(.dots-numbers).l4x4-uncode-owl-nav .l4x4-uncode-nav-index span {
  background-color: #141618;
}
.style-dark .headings-bg-inverted,
.style-light .style-dark .headings-bg-inverted,
.style-dark .nav-tabs.tab-switch.switch-init .switcher-cursor,
.style-light .style-dark .nav-tabs.tab-switch.switch-init .switcher-cursor,
.style-dark .tab-switch:not(.switch-init).nav-tabs > li.active:after,
.style-light .style-dark .tab-switch:not(.switch-init).nav-tabs > li.active:after {
  background-color: #141618;
}
.style-light .headings-bg-inverted,
.style-dark .style-light .headings-bg-inverted,
.style-light .nav-tabs.tab-switch.switch-init .switcher-cursor,
.style-dark .style-light .nav-tabs.tab-switch.switch-init .switcher-cursor,
.style-light .tab-switch:not(.switch-init).nav-tabs > li.active:after,
.style-dark .style-light .tab-switch:not(.switch-init).nav-tabs > li.active:after {
  background-color: #ffffff;
}
/* #Button-style */
.buttons-style,
input[type="submit"]:not(.btn-custom-typo):not(.btn-inherit),
input[type="reset"]:not(.btn-custom-typo):not(.btn-inherit),
input[type="button"]:not(.btn-custom-typo):not(.btn-inherit),
button[type="submit"]:not(.btn-custom-typo):not(.btn-inherit),
.btn:not(.btn-custom-typo):not(.btn-inherit):not(.l4x4-uncode-nav-container),
.btn-link:not(.btn-custom-typo):not(.btn-inherit):not(.l4x4-uncode-nav-container),
.tab-container:not(.default-typography) .nav-tabs,
.l4x4-uncode-accordion:not(.default-typography) .panel-title > a > span,
.search_footer {
  font-weight: 600 !important;
  font-family: Jost !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.btn-inherit {
  font-family: inherit !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.btn-inherit:not([class*="font-weight-"]) {
  font-weight: 400 !important;
}
.btn-inherit-default-typography {
  font-weight: 500 !important;
  font-family: inherit !important;
  letter-spacing: inherit !important;
}
/* #Button-weight */
.buttons-weight {
  font-weight: 600 !important;
}
/* #Font-Serif */
.serif-family,
.post-content .post-media blockquote.pullquote p:first-child,
.l4x4-uncode-tmb-entry-title-serif.tmb .l4x4-uncode-t-entry .l4x4-uncode-t-entry-title,
.l4x4-uncode-tmb-entry-title-serif.tmb .l4x4-uncode-t-entry .l4x4-uncode-t-entry-table-typography,
.isotope-system .isotope-container .l4x4-uncode-tmb .regular-text .pullquote p:first-child,
.isotope-system .isotope-container .l4x4-uncode-tmb .fluid-object.tweet .twitter-footer span {
  font-family: Georgia, "Times New Roman", Times, serif;
}
/* #UI-border-width */
.ui-br-w,
input:focus,
textarea:focus,
select:focus,
input[type="submit"],
input[type="reset"],
input[type="button"],
button[type="submit"] {
  border-width: 1px;
}
/* #UI-border-color */
.style-dark .ui-br,
.style-light .style-dark .ui-br,
.style-dark hr,
.style-light .style-dark hr,
.style-dark pre,
.style-light .style-dark pre,
.style-dark table,
.style-light .style-dark table,
.style-dark table td,
.style-light .style-dark table td,
.style-dark table th,
.style-light .style-dark table th,
.style-dark input,
.style-light .style-dark input,
.style-dark textarea,
.style-light .style-dark textarea,
.style-dark select,
.style-light .style-dark select,
.style-dark .seldiv,
.style-light .style-dark .seldiv,
.style-dark .select2-choice,
.style-light .style-dark .select2-choice,
.style-dark .select2-selection--single,
.style-light .style-dark .select2-selection--single,
.style-dark fieldset,
.style-light .style-dark fieldset,
.style-dark .seldiv:before,
.style-light .style-dark .seldiv:before,
.style-dark .tab-container .nav-tabs,
.style-light .style-dark .tab-container .nav-tabs,
.style-dark .nav-tabs > li.active > a,
.style-light .style-dark .nav-tabs > li.active > a,
.style-dark .border-100 .tab-content::before,
.style-light .style-dark .border-100 .tab-content::before,
.style-dark .tab-content.vertical,
.style-light .style-dark .tab-content.vertical,
.style-dark .nav-tabs.tabs-vertical > li,
.style-light .style-dark .nav-tabs.tabs-vertical > li,
.style-dark .panel,
.style-light .style-dark .panel,
.style-dark .panel-group .panel-heading + .panel-collapse:before,
.style-light .style-dark .panel-group .panel-heading + .panel-collapse:before,
.style-dark .divider:before,
.style-light .style-dark .divider:before,
.style-dark .divider:after,
.style-light .style-dark .divider:after,
.style-dark .plan,
.style-light .style-dark .plan,
.style-dark .plan .plan-title,
.style-light .style-dark .plan .plan-title,
.style-dark .plan .item-list > li,
.style-light .style-dark .plan .item-list > li,
.style-dark .plan .plan-button,
.style-light .style-dark .plan .plan-button,
.style-dark .l4x4-uncode-single-media-wrapper.img-thumbnail:not(.single-advanced),
.style-light .style-dark .l4x4-uncode-single-media-wrapper.img-thumbnail:not(.single-advanced),
.style-dark .post-share,
.style-light .style-dark .post-share,
.style-dark .post-tag-share-container,
.style-light .style-dark .post-tag-share-container,
.style-dark .widget-container .widget-title,
.style-light .style-dark .widget-container .widget-title,
.style-dark .widget-container.widget_calendar #wp-calendar caption,
.style-light .style-dark .widget-container.widget_calendar #wp-calendar caption,
.style-dark .widget-container.widget_calendar .wp-calendar-nav,
.style-light .style-dark .widget-container.widget_calendar .wp-calendar-nav,
.style-dark #comments .comment-list .comments-list:first-child,
.style-light .style-dark #comments .comment-list .comments-list:first-child,
.style-dark #respond .comment-list .comments-list:first-child,
.style-light .style-dark #respond .comment-list .comments-list:first-child,
.style-dark #comments .comments-list .comment-content,
.style-light .style-dark #comments .comments-list .comment-content,
.style-dark #respond .comments-list .comment-content,
.style-light .style-dark #respond .comments-list .comment-content,
.style-dark ul.dwls_search_results,
.style-light .style-dark ul.dwls_search_results,
.style-dark ul.dwls_search_results li,
.style-light .style-dark ul.dwls_search_results li,
.style-dark .ajax-filter-sidebar .ajax-filter-sidebar-header,
.style-light .style-dark .ajax-filter-sidebar .ajax-filter-sidebar-header,
.style-dark .ajax-filter-sidebar .ajax-filter-sidebar-footer,
.style-light .style-dark .ajax-filter-sidebar .ajax-filter-sidebar-footer,
.style-dark .swatch-type-label,
.style-light .style-dark .swatch-type-label,
.style-dark .swatch--logo,
.style-light .style-dark .swatch--logo,
.style-dark .widget-container .tagcloud a,
.style-light .style-dark .widget-container .tagcloud a {
  border-color: rgba(255, 255, 255, 0.25);
}
.style-light .ui-br,
.style-dark .style-light .ui-br,
.style-light hr,
.style-dark .style-light hr,
.style-light pre,
.style-dark .style-light pre,
.style-light table,
.style-dark .style-light table,
.style-light table td,
.style-dark .style-light table td,
.style-light table th,
.style-dark .style-light table th,
.style-light input,
.style-dark .style-light input,
.style-light textarea,
.style-dark .style-light textarea,
.style-light select,
.style-dark .style-light select,
.style-light .seldiv,
.style-dark .style-light .seldiv,
.style-light .select2-choice,
.style-dark .style-light .select2-choice,
.style-light .select2-selection--single,
.style-dark .style-light .select2-selection--single,
.style-light fieldset,
.style-dark .style-light fieldset,
.style-light .seldiv:before,
.style-dark .style-light .seldiv:before,
.style-light .tab-container .nav-tabs,
.style-dark .style-light .tab-container .nav-tabs,
.style-light .nav-tabs > li.active > a,
.style-dark .style-light .nav-tabs > li.active > a,
.style-light .border-100 .tab-content::before,
.style-dark .style-light .border-100 .tab-content::before,
.style-light .tab-content.vertical,
.style-dark .style-light .tab-content.vertical,
.style-light .nav-tabs.tabs-vertical > li,
.style-dark .style-light .nav-tabs.tabs-vertical > li,
.style-light .panel,
.style-dark .style-light .panel,
.style-light .panel-group .panel-heading + .panel-collapse:before,
.style-dark .style-light .panel-group .panel-heading + .panel-collapse:before,
.style-light .divider:before,
.style-dark .style-light .divider:before,
.style-light .divider:after,
.style-dark .style-light .divider:after,
.style-light .plan,
.style-dark .style-light .plan,
.style-light .plan .plan-title,
.style-dark .style-light .plan .plan-title,
.style-light .plan .item-list > li,
.style-dark .style-light .plan .item-list > li,
.style-light .plan .plan-button,
.style-dark .style-light .plan .plan-button,
.style-light .l4x4-uncode-single-media-wrapper.img-thumbnail:not(.single-advanced),
.style-dark .style-light .l4x4-uncode-single-media-wrapper.img-thumbnail:not(.single-advanced),
.style-light .post-share,
.style-dark .style-light .post-share,
.style-light .post-tag-share-container,
.style-dark .style-light .post-tag-share-container,
.style-light .widget-container .widget-title,
.style-dark .style-light .widget-container .widget-title,
.style-light .widget-container.widget_calendar #wp-calendar caption,
.style-dark .style-light .widget-container.widget_calendar #wp-calendar caption,
.style-light .widget-container.widget_calendar .wp-calendar-nav,
.style-dark .style-light .widget-container.widget_calendar .wp-calendar-nav,
.style-light #comments .comment-list .comments-list:first-child,
.style-dark .style-light #comments .comment-list .comments-list:first-child,
.style-light #respond .comment-list .comments-list:first-child,
.style-dark .style-light #respond .comment-list .comments-list:first-child,
.style-light #comments .comments-list .comment-content,
.style-dark .style-light #comments .comments-list .comment-content,
.style-light #respond .comments-list .comment-content,
.style-dark .style-light #respond .comments-list .comment-content,
.style-light ul.dwls_search_results,
.style-dark .style-light ul.dwls_search_results,
.style-light ul.dwls_search_results li,
.style-dark .style-light ul.dwls_search_results li,
.style-light .ajax-filter-sidebar .ajax-filter-sidebar-header,
.style-dark .style-light .ajax-filter-sidebar .ajax-filter-sidebar-header,
.style-light .ajax-filter-sidebar .ajax-filter-sidebar-footer,
.style-dark .style-light .ajax-filter-sidebar .ajax-filter-sidebar-footer,
.style-light .swatch-type-label,
.style-dark .style-light .swatch-type-label,
.style-light .swatch--logo,
.style-dark .style-light .swatch--logo,
.style-light .widget-container .tagcloud a,
.style-dark .style-light .widget-container .tagcloud a {
  border-color: #eaeaea;
}
.style-light input[type=radio],
.style-dark .style-light input[type=radio] {
  border-color: #eaeaea;
}
.style-dark input[type=radio],
.style-light .style-dark input[type=radio] {
  border-color: rgba(255, 255, 255, 0.5);
}
/* #UI-border-color-accent */
.ui-br-accent,
.nav-tabs > li.active > a,
.tabs-left > li.active > a,
.tabs-appended .nav-tabs > li.active > a {
  border-color: #006cff !important;
}
/* break */
.style-dark .ui-br-break,
.style-light .style-dark .ui-br-break,
.style-dark hr.separator-break,
.style-light .style-dark hr.separator-break {
  border-color: #ffffff;
}
.style-light .ui-br-break,
.style-dark .style-light .ui-br-break,
.style-light hr.separator-break,
.style-dark .style-light hr.separator-break {
  border-color: #eaeaea;
}
/* #UI-border-headings-color */
.style-dark .ui-br-headings,
.style-light .style-dark .ui-br-headings,
.style-dark .header-content hr,
.style-light .style-dark .header-content hr,
.style-dark .ajax-filter-sidebar input:not([type='submit']):not([type='button']):not([type='number']):not([type='checkbox']):not([type='radio']):focus,
.style-light .style-dark .ajax-filter-sidebar input:not([type='submit']):not([type='button']):not([type='number']):not([type='checkbox']):not([type='radio']):focus,
.style-dark li:hover .swatch,
.style-light .style-dark li:hover .swatch,
.style-dark .swatch.swatch--active,
.style-light .style-dark .swatch.swatch--active,
.style-dark .term-filter-link--active .swatch,
.style-light .style-dark .term-filter-link--active .swatch {
  border-color: #ffffff;
}
.style-light .ui-br-headings,
.style-dark .style-light .ui-br-headings,
.style-light .header-content hr,
.style-dark .style-light .header-content hr,
.style-light .ajax-filter-sidebar input:not([type='submit']):not([type='button']):not([type='number']):not([type='checkbox']):not([type='radio']):focus,
.style-dark .style-light .ajax-filter-sidebar input:not([type='submit']):not([type='button']):not([type='number']):not([type='checkbox']):not([type='radio']):focus,
.style-light li:hover .swatch,
.style-dark .style-light li:hover .swatch,
.style-light .swatch.swatch--active,
.style-dark .style-light .swatch.swatch--active,
.style-light .term-filter-link--active .swatch,
.style-dark .style-light .term-filter-link--active .swatch {
  border-color: #141618;
}
/* #UI-border-underline-color */
.input-background .style-dark .input-underline .ui-br-underline,
.input-background .input-underline .style-dark .ui-br-underline,
.input-background .style-light .style-dark .input-underline .ui-br-underline,
.input-background .style-light .input-underline .style-dark .ui-br-underline,
.input-background .style-dark .input-underline input[type="text"],
.input-background .input-underline .style-dark input[type="text"],
.input-background .style-light .style-dark .input-underline input[type="text"],
.input-background .style-light .input-underline .style-dark input[type="text"],
.input-background .style-dark .input-underline input[type="email"],
.input-background .input-underline .style-dark input[type="email"],
.input-background .style-light .style-dark .input-underline input[type="email"],
.input-background .style-light .input-underline .style-dark input[type="email"],
.input-background .style-dark .input-underline input[type="number"],
.input-background .input-underline .style-dark input[type="number"],
.input-background .style-light .style-dark .input-underline input[type="number"],
.input-background .style-light .input-underline .style-dark input[type="number"],
.input-background .style-dark .input-underline input[type="url"],
.input-background .input-underline .style-dark input[type="url"],
.input-background .style-light .style-dark .input-underline input[type="url"],
.input-background .style-light .input-underline .style-dark input[type="url"],
.input-background .style-dark .input-underline input[type="tel"],
.input-background .input-underline .style-dark input[type="tel"],
.input-background .style-light .style-dark .input-underline input[type="tel"],
.input-background .style-light .input-underline .style-dark input[type="tel"],
.input-background .style-dark .input-underline input[type="search"],
.input-background .input-underline .style-dark input[type="search"],
.input-background .style-light .style-dark .input-underline input[type="search"],
.input-background .style-light .input-underline .style-dark input[type="search"],
.input-background .style-dark .input-underline input[type="password"],
.input-background .input-underline .style-dark input[type="password"],
.input-background .style-light .style-dark .input-underline input[type="password"],
.input-background .style-light .input-underline .style-dark input[type="password"],
.input-background .style-dark .input-underline input[type="date"],
.input-background .input-underline .style-dark input[type="date"],
.input-background .style-light .style-dark .input-underline input[type="date"],
.input-background .style-light .input-underline .style-dark input[type="date"],
.input-background .style-dark .input-underline textarea,
.input-background .input-underline .style-dark textarea,
.input-background .style-light .style-dark .input-underline textarea,
.input-background .style-light .input-underline .style-dark textarea,
.input-background .style-dark .input-underline select,
.input-background .input-underline .style-dark select,
.input-background .style-light .style-dark .input-underline select,
.input-background .style-light .input-underline .style-dark select,
.input-background .style-dark .input-underline .select2-selection--single,
.input-background .input-underline .style-dark .select2-selection--single,
.input-background .style-light .style-dark .input-underline .select2-selection--single,
.input-background .style-light .input-underline .style-dark .select2-selection--single {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.input-background .style-light .input-underline .ui-br-underline,
.input-background .input-underline .style-light .ui-br-underline,
.input-background .style-dark .style-light .input-underline .ui-br-underline,
.input-background .style-dark .input-underline .style-light .ui-br-underline,
.input-background .style-light .input-underline input[type="text"],
.input-background .input-underline .style-light input[type="text"],
.input-background .style-dark .style-light .input-underline input[type="text"],
.input-background .style-dark .input-underline .style-light input[type="text"],
.input-background .style-light .input-underline input[type="email"],
.input-background .input-underline .style-light input[type="email"],
.input-background .style-dark .style-light .input-underline input[type="email"],
.input-background .style-dark .input-underline .style-light input[type="email"],
.input-background .style-light .input-underline input[type="number"],
.input-background .input-underline .style-light input[type="number"],
.input-background .style-dark .style-light .input-underline input[type="number"],
.input-background .style-dark .input-underline .style-light input[type="number"],
.input-background .style-light .input-underline input[type="url"],
.input-background .input-underline .style-light input[type="url"],
.input-background .style-dark .style-light .input-underline input[type="url"],
.input-background .style-dark .input-underline .style-light input[type="url"],
.input-background .style-light .input-underline input[type="tel"],
.input-background .input-underline .style-light input[type="tel"],
.input-background .style-dark .style-light .input-underline input[type="tel"],
.input-background .style-dark .input-underline .style-light input[type="tel"],
.input-background .style-light .input-underline input[type="search"],
.input-background .input-underline .style-light input[type="search"],
.input-background .style-dark .style-light .input-underline input[type="search"],
.input-background .style-dark .input-underline .style-light input[type="search"],
.input-background .style-light .input-underline input[type="password"],
.input-background .input-underline .style-light input[type="password"],
.input-background .style-dark .style-light .input-underline input[type="password"],
.input-background .style-dark .input-underline .style-light input[type="password"],
.input-background .style-light .input-underline input[type="date"],
.input-background .input-underline .style-light input[type="date"],
.input-background .style-dark .style-light .input-underline input[type="date"],
.input-background .style-dark .input-underline .style-light input[type="date"],
.input-background .style-light .input-underline textarea,
.input-background .input-underline .style-light textarea,
.input-background .style-dark .style-light .input-underline textarea,
.input-background .style-dark .input-underline .style-light textarea,
.input-background .style-light .input-underline select,
.input-background .input-underline .style-light select,
.input-background .style-dark .style-light .input-underline select,
.input-background .style-dark .input-underline .style-light select,
.input-background .style-light .input-underline .select2-selection--single,
.input-background .input-underline .style-light .select2-selection--single,
.input-background .style-dark .style-light .input-underline .select2-selection--single,
.input-background .style-dark .input-underline .style-light .select2-selection--single {
  border-bottom: 1px solid #eaeaea;
}
/* #UI-border-color-darker */
.style-dark .ui-br-darker,
.style-light .style-dark .ui-br-darker {
  border-color: #ffffff;
}
.style-light .ui-br-darker,
.style-dark .style-light .ui-br-darker {
  border-color: #141618;
}
/* #UI-background-color */
.style-dark .ui-bg,
.style-light .style-dark .ui-bg,
.style-dark code,
.style-light .style-dark code,
.style-dark kbd,
.style-light .style-dark kbd,
.style-dark pre,
.style-light .style-dark pre,
.style-dark samp,
.style-light .style-dark samp,
.style-dark input[type="submit"],
.style-light .style-dark input[type="submit"],
.style-dark input[type="reset"],
.style-light .style-dark input[type="reset"],
.style-dark input[type="button"],
.style-light .style-dark input[type="button"],
.style-dark button[type="submit"],
.style-light .style-dark button[type="submit"],
.style-dark .divider .divider-icon,
.style-light .style-dark .divider .divider-icon,
.style-dark .ajax-grid-system .grid-filters .filter-list li:not(.filter-list__clear) a,
.style-light .style-dark .ajax-grid-system .grid-filters .filter-list li:not(.filter-list__clear) a,
.style-dark .widget-ajax-active-filters .filter-list li:not(.filter-list__clear) a,
.style-light .style-dark .widget-ajax-active-filters .filter-list li:not(.filter-list__clear) a {
  background-color: #191b1e;
}
.style-light .ui-bg,
.style-dark .style-light .ui-bg,
.style-light code,
.style-dark .style-light code,
.style-light kbd,
.style-dark .style-light kbd,
.style-light pre,
.style-dark .style-light pre,
.style-light samp,
.style-dark .style-light samp,
.style-light input[type="submit"],
.style-dark .style-light input[type="submit"],
.style-light input[type="reset"],
.style-dark .style-light input[type="reset"],
.style-light input[type="button"],
.style-dark .style-light input[type="button"],
.style-light button[type="submit"],
.style-dark .style-light button[type="submit"],
.style-light .divider .divider-icon,
.style-dark .style-light .divider .divider-icon,
.style-light .ajax-grid-system .grid-filters .filter-list li:not(.filter-list__clear) a,
.style-dark .style-light .ajax-grid-system .grid-filters .filter-list li:not(.filter-list__clear) a,
.style-light .widget-ajax-active-filters .filter-list li:not(.filter-list__clear) a,
.style-dark .style-light .widget-ajax-active-filters .filter-list li:not(.filter-list__clear) a {
  background-color: #f7f7f7;
}
/* #UI-background-color-alpha */
.style-dark .ui-bg-alpha,
.style-light .style-dark .ui-bg-alpha,
.style-dark .plan,
.style-light .style-dark .plan {
  background-color: rgba(26, 27, 28, 0.5);
}
.style-light .ui-bg-alpha,
.style-dark .style-light .ui-bg-alpha,
.style-light .plan,
.style-dark .style-light .plan {
  background-color: #ffffff;
}
.style-dark .ui-bg-alpha-pricing-tables,
.style-light .style-dark .ui-bg-alpha-pricing-tables {
  background-color: rgba(20, 22, 24, 0.5);
}
.style-light .ui-bg-alpha-pricing-tables,
.style-dark .style-light .ui-bg-alpha-pricing-tables {
  background-color: #ffffff;
}
.style-dark .ui-bg-alpha-progress-bar,
.style-light .style-dark .ui-bg-alpha-progress-bar,
.style-dark .vc_progress_bar .vc_single_bar:not(.style-override),
.style-light .style-dark .vc_progress_bar .vc_single_bar:not(.style-override),
.style-dark .data-field-icon--rounded,
.style-light .style-dark .data-field-icon--rounded {
  background-color: rgba(255, 255, 255, 0.2);
}
.style-light .ui-bg-alpha-progress-bar,
.style-dark .style-light .ui-bg-alpha-progress-bar,
.style-light .vc_progress_bar .vc_single_bar:not(.style-override),
.style-dark .style-light .vc_progress_bar .vc_single_bar:not(.style-override),
.style-light .data-field-icon--rounded,
.style-dark .style-light .data-field-icon--rounded {
  background-color: rgba(119, 119, 119, 0.1);
}
.style-dark .ui-text-alpha-progress-bar,
.style-light .style-dark .ui-text-alpha-progress-bar,
.style-dark .vc_pie_chart_back,
.style-light .style-dark .vc_pie_chart_back {
  color: rgba(255, 255, 255, 0.2);
}
.style-light .ui-text-alpha-progress-bar,
.style-dark .style-light .ui-text-alpha-progress-bar,
.style-light .vc_pie_chart_back,
.style-dark .style-light .vc_pie_chart_back {
  color: rgba(119, 119, 119, 0.1);
}
.style-dark .ui-bg-dots,
.style-light .style-dark .ui-bg-dots,
.style-dark .owl-dots-outside .owl-dots .owl-dot span,
.style-light .style-dark .owl-dots-outside .owl-dots .owl-dot span {
  background-color: rgba(247, 247, 247, 0.75);
}
.style-light .ui-bg-dots,
.style-dark .style-light .ui-bg-dots,
.style-light .owl-dots-outside .owl-dots .owl-dot span,
.style-dark .style-light .owl-dots-outside .owl-dots .owl-dot span {
  background-color: rgba(25, 27, 30, 0.25);
}
.style-dark .ui-border-nav-dots,
.style-light .style-dark .ui-border-nav-dots,
.style-dark .dots-look-border:not(.dots-numbers).l4x4-uncode-owl-nav .l4x4-uncode-nav-index span:after,
.style-light .style-dark .dots-look-border:not(.dots-numbers).l4x4-uncode-owl-nav .l4x4-uncode-nav-index span:after {
  border-color: #ffffff;
}
.style-light .ui-border-nav-dots,
.style-dark .style-light .ui-border-nav-dots,
.style-light .dots-look-border:not(.dots-numbers).l4x4-uncode-owl-nav .l4x4-uncode-nav-index span:after,
.style-dark .style-light .dots-look-border:not(.dots-numbers).l4x4-uncode-owl-nav .l4x4-uncode-nav-index span:after {
  border-color: #141618;
}
/* #UI-background-color */
/* #UI-background-color-active */
/* #UI-link-color */
.style-dark .ui-link,
.style-light .style-dark .ui-link,
.style-dark .nav-tabs > li > a,
.style-light .style-dark .nav-tabs > li > a,
.style-dark .panel-title > a,
.style-light .style-dark .panel-title > a {
  color: #ffffff;
}
.style-dark .ui-link:hover,
.style-light .style-dark .ui-link:hover,
.style-dark .ui-link:focus,
.style-light .style-dark .ui-link:focus,
.style-dark .nav-tabs > li > a:hover,
.style-light .style-dark .nav-tabs > li > a:hover,
.style-dark .nav-tabs > li > a:focus,
.style-light .style-dark .nav-tabs > li > a:focus,
.style-dark .panel-title > a:hover,
.style-light .style-dark .panel-title > a:hover,
.style-dark .panel-title > a:focus,
.style-light .style-dark .panel-title > a:focus {
  color: #006cff;
}
.style-light .ui-link,
.style-dark .style-light .ui-link,
.style-light .nav-tabs > li > a,
.style-dark .style-light .nav-tabs > li > a,
.style-light .panel-title > a,
.style-dark .style-light .panel-title > a {
  color: #141618;
}
.style-light .ui-link:hover,
.style-dark .style-light .ui-link:hover,
.style-light .ui-link:focus,
.style-dark .style-light .ui-link:focus,
.style-light .nav-tabs > li > a:hover,
.style-dark .style-light .nav-tabs > li > a:hover,
.style-light .nav-tabs > li > a:focus,
.style-dark .style-light .nav-tabs > li > a:focus,
.style-light .panel-title > a:hover,
.style-dark .style-light .panel-title > a:hover,
.style-light .panel-title > a:focus,
.style-dark .style-light .panel-title > a:focus {
  color: #006cff;
}
/* #UI-link-color-text */
.style-dark .ui-text,
.style-light .style-dark .ui-text,
.style-dark .breadcrumb,
.style-light .style-dark .breadcrumb,
.style-dark .post-info,
.style-light .style-dark .post-info {
  color: rgba(255,255,255,0.65);
}
.style-light .ui-text,
.style-dark .style-light .ui-text,
.style-light .breadcrumb,
.style-dark .style-light .breadcrumb,
.style-light .post-info,
.style-dark .style-light .post-info {
  color: rgba(20,22,24,0.65);
}
.style-dark .ui-link-text,
.style-light .style-dark .ui-link-text,
.style-dark .breadcrumb > li a,
.style-light .style-dark .breadcrumb > li a,
.style-dark .post-info a,
.style-light .style-dark .post-info a {
  color: rgba(255,255,255,0.65);
}
.style-dark .ui-link-text:hover,
.style-light .style-dark .ui-link-text:hover,
.style-dark .ui-link-text:focus,
.style-light .style-dark .ui-link-text:focus,
.style-dark .breadcrumb > li a:hover,
.style-light .style-dark .breadcrumb > li a:hover,
.style-dark .breadcrumb > li a:focus,
.style-light .style-dark .breadcrumb > li a:focus,
.style-dark .post-info a:hover,
.style-light .style-dark .post-info a:hover,
.style-dark .post-info a:focus,
.style-light .style-dark .post-info a:focus {
  color: #006cff;
}
.style-light .ui-link-text,
.style-dark .style-light .ui-link-text,
.style-light .breadcrumb > li a,
.style-dark .style-light .breadcrumb > li a,
.style-light .post-info a,
.style-dark .style-light .post-info a {
  color: rgba(20,22,24,0.65);
}
.style-light .ui-link-text:hover,
.style-dark .style-light .ui-link-text:hover,
.style-light .ui-link-text:focus,
.style-dark .style-light .ui-link-text:focus,
.style-light .breadcrumb > li a:hover,
.style-dark .style-light .breadcrumb > li a:hover,
.style-light .breadcrumb > li a:focus,
.style-dark .style-light .breadcrumb > li a:focus,
.style-light .post-info a:hover,
.style-dark .style-light .post-info a:hover,
.style-light .post-info a:focus,
.style-dark .style-light .post-info a:focus {
  color: #006cff;
}
/* #Pre-and-code */
.style-dark .ui-inverted,
.style-light .style-dark .ui-inverted {
  color: #191b1e;
  background-color: #f7f7f7;
}
.style-light .ui-inverted,
.style-dark .style-light .ui-inverted {
  color: #f7f7f7;
  background-color: #191b1e;
}
/* #Button-social-color */
.style-dark .btn-social,
.style-light .style-dark .btn-social {
  color: #ffffff !important;
}
.style-light .btn-social,
.style-dark .style-light .btn-social {
  color: #141618 !important;
}
@media (min-width: 960px) {
  .overlay.style-light-bg {
    background-color: rgba(255, 255, 255, 0.95) !important;
  }
  .overlay.style-dark-bg {
    background-color: rgba(20, 22, 24, 0.95) !important;
  }
}
/* #Form-focus-color */
.style-dark input:not([type='submit']):not([type='button']):not([type='number']):not([type='checkbox']):not([type='radio']):focus,
.style-dark textarea:focus,
.style-light .style-dark input:not([type='submit']):not([type='button']):not([type='number']):not([type='checkbox']):not([type='radio']):focus,
.style-light .style-dark textarea:focus {
  border-color: #006cff;
}
.style-light input:not([type='submit']):not([type='button']):not([type='number']):not([type='checkbox']):not([type='radio']):focus,
.style-light textarea:focus,
.style-dark .style-light input:not([type='submit']):not([type='button']):not([type='number']):not([type='checkbox']):not([type='radio']):focus,
.style-dark .style-light textarea:focus {
  border-color: #006cff;
}
.style-dark .ui-form-placeholder,
.style-light .style-dark .ui-form-placeholder {
  color: #ffffff;
  text-transform: capitalize;
}
.style-light .ui-form-placeholder,
.style-dark .style-light .ui-form-placeholder {
  color: #141618;
  text-transform: capitalize;
}
/* #Form-inset-shadow */
.shadow-inset-form,
input,
textarea,
select,
.seldiv,
.select2-choice,
.select2-selection--single {
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.025);
}
/* #Form-xl */
.style-dark .l4x4-uncode-live-search input.form-xl,
.style-light .style-dark .l4x4-uncode-live-search input.form-xl {
  box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.2);
}
.style-light .l4x4-uncode-live-search input.form-xl,
.style-dark .style-light .l4x4-uncode-live-search input.form-xl {
  box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.2);
}
/* #Form-input-background */
.input-background .style-dark input[type="text"],
.input-background .style-light .style-dark input[type="text"],
.input-background .style-dark input[type="email"],
.input-background .style-light .style-dark input[type="email"],
.input-background .style-dark input[type="number"],
.input-background .style-light .style-dark input[type="number"],
.input-background .style-dark input[type="url"],
.input-background .style-light .style-dark input[type="url"],
.input-background .style-dark input[type="tel"],
.input-background .style-light .style-dark input[type="tel"],
.input-background .style-dark input[type="search"],
.input-background .style-light .style-dark input[type="search"],
.input-background .style-dark input[type="password"],
.input-background .style-light .style-dark input[type="password"],
.input-background .style-dark input[type="date"],
.input-background .style-light .style-dark input[type="date"],
.input-background .style-dark textarea,
.input-background .style-light .style-dark textarea,
.input-background .style-dark select,
.input-background .style-light .style-dark select,
.input-background .style-dark .select2-selection--single,
.input-background .style-light .style-dark .select2-selection--single,
.compose-mode.input-background .style-dark .lateral-nav-parent li,
.compose-mode.input-background .style-light .style-dark .lateral-nav-parent li {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.input-background .style-light input[type="text"],
.input-background .style-dark .style-light input[type="text"],
.input-background .style-light input[type="email"],
.input-background .style-dark .style-light input[type="email"],
.input-background .style-light input[type="number"],
.input-background .style-dark .style-light input[type="number"],
.input-background .style-light input[type="url"],
.input-background .style-dark .style-light input[type="url"],
.input-background .style-light input[type="tel"],
.input-background .style-dark .style-light input[type="tel"],
.input-background .style-light input[type="search"],
.input-background .style-dark .style-light input[type="search"],
.input-background .style-light input[type="password"],
.input-background .style-dark .style-light input[type="password"],
.input-background .style-light input[type="date"],
.input-background .style-dark .style-light input[type="date"],
.input-background .style-light textarea,
.input-background .style-dark .style-light textarea,
.input-background .style-light select,
.input-background .style-dark .style-light select,
.input-background .style-light .select2-selection--single,
.input-background .style-dark .style-light .select2-selection--single,
.compose-mode.input-background .style-light .lateral-nav-parent li,
.compose-mode.input-background .style-dark .style-light .lateral-nav-parent li {
  background-color: #f7f7f7 !important;
}
.style-dark .input-background input[type="text"],
.style-light .style-dark .input-background input[type="text"],
.style-dark .input-background input[type="email"],
.style-light .style-dark .input-background input[type="email"],
.style-dark .input-background input[type="number"],
.style-light .style-dark .input-background input[type="number"],
.style-dark .input-background input[type="url"],
.style-light .style-dark .input-background input[type="url"],
.style-dark .input-background input[type="tel"],
.style-light .style-dark .input-background input[type="tel"],
.style-dark .input-background input[type="search"],
.style-light .style-dark .input-background input[type="search"],
.style-dark .input-background input[type="password"],
.style-light .style-dark .input-background input[type="password"],
.style-dark .input-background input[type="date"],
.style-light .style-dark .input-background input[type="date"],
.style-dark .input-background textarea,
.style-light .style-dark .input-background textarea,
.style-dark .input-background select,
.style-light .style-dark .input-background select,
.style-dark .input-background .select2-selection--single,
.style-light .style-dark .input-background .select2-selection--single,
.compose-mode.style-dark .input-background .lateral-nav-parent li,
.compose-mode.style-light .style-dark .input-background .lateral-nav-parent li {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.style-light .input-background input[type="text"],
.style-dark .style-light .input-background input[type="text"],
.style-light .input-background input[type="email"],
.style-dark .style-light .input-background input[type="email"],
.style-light .input-background input[type="number"],
.style-dark .style-light .input-background input[type="number"],
.style-light .input-background input[type="url"],
.style-dark .style-light .input-background input[type="url"],
.style-light .input-background input[type="tel"],
.style-dark .style-light .input-background input[type="tel"],
.style-light .input-background input[type="search"],
.style-dark .style-light .input-background input[type="search"],
.style-light .input-background input[type="password"],
.style-dark .style-light .input-background input[type="password"],
.style-light .input-background input[type="date"],
.style-dark .style-light .input-background input[type="date"],
.style-light .input-background textarea,
.style-dark .style-light .input-background textarea,
.style-light .input-background select,
.style-dark .style-light .input-background select,
.style-light .input-background .select2-selection--single,
.style-dark .style-light .input-background .select2-selection--single,
.compose-mode.style-light .input-background .lateral-nav-parent li,
.compose-mode.style-dark .style-light .input-background .lateral-nav-parent li {
  background-color: #f7f7f7 !important;
}
/* #UI-transition-normal */
.ui-transition-normal,
input,
button,
select,
textarea,
.img-thumbnail {
  transition: color 400ms cubic-bezier(0.785, 0.135, 0.15, 0.86), background-color 400ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 400ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*  */
.ui-transition-slow {
  transition: color 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86), background-color 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.ui-transition-fast,
.main-wrapper a,
.l4x4-uncode-tmb-content-under.tmb .l4x4-uncode-t-entry p.t-entry-author a:hover span,
.l4x4-uncode-tmb-content-lateral.tmb .l4x4-uncode-t-entry p.t-entry-author a:hover span {
  transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), background-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/* #Cart dropdown */
.submenu-light ul.uncode-cart-dropdown a,
.submenu-light ul.uncode-cart-dropdown span {
  color: #303133 !important;
}
.submenu-dark ul.uncode-cart-dropdown a,
.submenu-dark ul.uncode-cart-dropdown span {
  color: #ffffff !important;
}
/* #Woo Headings */
.headings-style-woo {
  font-size: 17px;
  line-height: 1.2;
  margin: 27px 0 0;
}
.row-breadcrumb.row-breadcrumb-light .breadcrumb-title {
  color: rgba(20,22,24,0.65);
}
.row-breadcrumb.row-breadcrumb-dark .breadcrumb-title {
  color: rgba(255,255,255,0.65);
}
.row-navigation.row-navigation-light {
  outline-color: #eaeaea;
  background-color: #f7f7f7;
}
.row-navigation.row-navigation-light .btn-disable-hover {
  color: rgba(20,22,24,0.65);
}
.row-navigation.row-navigation-dark {
  outline-color: #303133;
  background-color: #191b1e;
}
.row-navigation.row-navigation-dark .btn-disable-hover {
  color: rgba(255,255,255,0.65);
}
.style-dark .wp-caption-text,
.style-light .style-dark .wp-caption-text {
  color: #ffffff;
}
.style-light .wp-caption-text,
.style-dark .style-light .wp-caption-text {
  color: #141618;
}
.btn-form-border-style,
input,
textarea,
select,
.seldiv,
.select2-choice,
.select2-selection--single,
input[type="submit"],
input[type="reset"],
input[type="button"],
button[type="submit"],
.seldiv:before,
.btn,
.btn-link,
.btn:not(.btn-custom-typo),
.btn-link:not(.btn-custom-typo),
.panel-title > a > span,
.divider .divider-icon,
.overlay input,
.search_footer {
  border-width: 1px;
}
.style-dark .icon-automatic-video .icon-automatic-video-inner-bg,
.style-light .style-dark .icon-automatic-video .icon-automatic-video-inner-bg {
  background-color: #141618;
}
.style-dark .icon-automatic-video.btn-shadow .icon-automatic-video-outer-bg,
.style-light .style-dark .icon-automatic-video.btn-shadow .icon-automatic-video-outer-bg {
  box-shadow: 0 0 0 0.25em #ffffff;
}
.style-dark .icon-box:hover .icon-automatic-video.btn-shadow .icon-automatic-video-outer-bg,
.style-light .style-dark .icon-box:hover .icon-automatic-video.btn-shadow .icon-automatic-video-outer-bg {
  box-shadow: 0 0 0 0.5em #ffffff;
}
.style-light .icon-automatic-video .icon-automatic-video-inner-bg,
.style-dark .style-light .icon-automatic-video .icon-automatic-video-inner-bg {
  background-color: #ffffff;
}
.style-light .icon-automatic-video.btn-shadow .icon-automatic-video-outer-bg,
.style-dark .style-light .icon-automatic-video.btn-shadow .icon-automatic-video-outer-bg {
  box-shadow: 0 0 0 0.25em #141618;
}
.style-light .icon-box:hover .icon-automatic-video.btn-shadow .icon-automatic-video-outer-bg,
.style-dark .style-light .icon-box:hover .icon-automatic-video.btn-shadow .icon-automatic-video-outer-bg {
  box-shadow: 0 0 0 0.5em #141618;
}
.style-light ::-webkit-input-placeholder,
.style-dark .style-light ::-webkit-input-placeholder {
  color: #141618;
}
.style-light ::-moz-placeholder,
.style-dark .style-light ::-moz-placeholder {
  color: #141618;
}
.style-light :-ms-input-placeholder,
.style-dark .style-light :-ms-input-placeholder {
  color: #141618;
}
.style-light :-moz-placeholder,
.style-dark .style-light :-moz-placeholder {
  color: #141618;
}
.style-light ::placeholder,
.style-dark .style-light ::placeholder {
  color: #141618;
}
.style-light .select2-selection__placeholder,
.style-dark .style-light .select2-selection__placeholder {
  color: #141618;
}
.style-dark ::-webkit-input-placeholder,
.style-light .style-dark ::-webkit-input-placeholder {
  color: #ffffff;
}
.style-dark ::-moz-placeholder,
.style-light .style-dark ::-moz-placeholder {
  color: #ffffff;
}
.style-dark :-ms-input-placeholder,
.style-light .style-dark :-ms-input-placeholder {
  color: #ffffff;
}
.style-dark :-moz-placeholder,
.style-light .style-dark :-moz-placeholder {
  color: #ffffff;
}
.style-dark ::placeholder,
.style-light .style-dark ::placeholder {
  color: #ffffff;
}
.style-dark .select2-selection__placeholder,
.style-light .style-dark .select2-selection__placeholder {
  color: #ffffff;
}
.l4x4-uncode-noconsent-gdpr-text {
  font-weight: 400;
  font-family: Montserrat;
}
.lg-dropdown {
  font-family: Montserrat;
}
@media (min-width: 960px) {
  #uncode-custom-cursor.basic-style > span:first-child,
  #uncode-custom-cursor-pilot.basic-style > span:first-child,
  #uncode-custom-cursor.async-style > span:first-child,
  #uncode-custom-cursor-pilot.async-style > span:first-child {
    background-color: #141618;
  }
  body:not(.disable-hover) [data-cursor="pointer"]#uncode-custom-cursor.basic-style > span:first-child,
  body:not(.disable-hover) [data-cursor="pointer"]#uncode-custom-cursor-pilot.basic-style > span:first-child,
  body:not(.disable-hover) [data-cursor="pointer"]#uncode-custom-cursor.async-style > span:first-child,
  body:not(.disable-hover) [data-cursor="pointer"]#uncode-custom-cursor-pilot.async-style > span:first-child {
    background-color: #006cff;
  }
  #uncode-custom-cursor.accent-style > span:first-child,
  #uncode-custom-cursor-pilot.accent-style > span:first-child {
    background-color: #006cff;
  }
  #uncode-custom-cursor.diff-style > span:first-child,
  #uncode-custom-cursor-pilot.diff-style > span:first-child {
    background-color: #ffffff;
  }
  #uncode-custom-cursor.blur-style > span:first-child,
  #uncode-custom-cursor-pilot.blur-style > span:first-child {
    background-color: rgba(20,22,24,0.1);
  }
  body:not(.disable-hover) [data-cursor^="icon-"]#uncode-custom-cursor {
    color: #ffffff;
  }
  body:not(.disable-hover) [data-cursor^="icon-"]#uncode-custom-cursor > span:first-child {
    background-color: #141618;
  }
  body:not(.disable-hover) [data-cursor^="icon-"]#uncode-custom-cursor[data-cursor="icon-blur"] > span:first-child {
    background-color: rgba(20,22,24,0.1);
  }
  body:not(.disable-hover) [data-cursor="icon-light"]#uncode-custom-cursor {
    color: #141618;
  }
  body:not(.disable-hover) [data-cursor="icon-light"]#uncode-custom-cursor > span:first-child {
    background-color: #ffffff;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.075);
  }
  body:not(.disable-hover) [data-cursor="icon-accent"]#uncode-custom-cursor {
    color: #ffffff;
  }
  body:not(.disable-hover) [data-cursor="icon-accent"]#uncode-custom-cursor > span:first-child {
    background-color: #006cff;
  }
  body:not(.disable-hover) [data-cursor="icon-diff"]#uncode-custom-cursor > span:first-child {
    background-color: #ffffff;
  }
  #uncode-custom-cursor-pilot.async-style > span:first-child {
    background-color: #006cff;
  }
}
/*
----------------------------------------------------------

#Skins-Buttons

----------------------------------------------------------
*/
input[type="submit"],
input[type="reset"],
input[type="button"],
button[type="submit"] {
  font-size: 12px;
  padding: 13px 31px;
}
.btn,
.btn-link {
  font-size: 12px;
}
.btn {
  padding: 13px 31px !important;
}
.btn-link {
  padding: 0 !important;
}
.btn-sm {
  font-size: 10px !important;;
  padding: 11px 26px !important;
}
.btn-lg {
  font-size: 15px !important;;
  padding: 16px 39px !important;
}
.btn-xl {
  font-size: 18px !important;;
  padding: 19px 47px !important;
}
.widget-container button,
.widget-container .btn {
  padding: 5px 15px !important;
}
.btn-dark {
  color: #ffffff !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
}
.btn-dark:not(.btn-hover-nobg):not(.icon-animated):hover,
.btn-dark.active {
  color: #000000 !important;
  background-color: transparent !important;
  border-color: #000000 !important;
}
.btn-dark.btn-outline {
  color: #000000 !important;
  background-color: transparent !important;
  border-color: #000000 !important;
}
.btn-dark.btn-outline:not(.icon-animated):not(.icon-automatic-video):hover,
.btn-dark.btn-outline:not(.icon-animated):not(.icon-automatic-video).active {
  color: #ffffff !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
}
.btn-dark.btn-flat:hover {
  color: #ffffff !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
}
.btn-light {
  color: #000000 !important;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
}
.btn-light:not(.btn-hover-nobg):not(.icon-animated):hover,
.btn-light.active {
  color: #ffffff !important;
  background-color: transparent !important;
  border-color: #ffffff !important;
}
.btn-light.btn-outline {
  color: #ffffff !important;
  background-color: transparent !important;
  border-color: #ffffff !important;
}
.btn-light.btn-outline:not(.icon-animated):not(.icon-automatic-video):hover,
.btn-light.btn-outline:not(.icon-animated):not(.icon-automatic-video).active {
  color: #000000 !important;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
}
.btn-light.btn-flat:hover {
  color: #000000 !important;
  background-color: #f2f2f2 !important;
  border-color: #f2f2f2 !important;
}
.btn-success {
  color: #ffffff !important;
  background-color: #28de72 !important;
  border-color: #28de72 !important;
}
.btn-success:not(.btn-hover-nobg):not(.icon-animated):hover,
.btn-success.active {
  color: #28de72 !important;
  background-color: transparent !important;
  border-color: #28de72 !important;
}
.btn-success.btn-outline {
  color: #28de72 !important;
  background-color: transparent !important;
  border-color: #28de72 !important;
}
.btn-success.btn-outline:not(.icon-animated):not(.icon-automatic-video):hover,
.btn-success.btn-outline:not(.icon-animated):not(.icon-automatic-video).active {
  color: #ffffff !important;
  background-color: #28de72 !important;
  border-color: #28de72 !important;
}
.btn-info {
  color: #ffffff !important;
  background-color: #006cff !important;
  border-color: #006cff !important;
}
.btn-info:not(.btn-hover-nobg):not(.icon-animated):hover,
.btn-info.active {
  color: #006cff !important;
  background-color: transparent !important;
  border-color: #006cff !important;
}
.btn-info.btn-outline {
  color: #006cff !important;
  background-color: transparent !important;
  border-color: #006cff !important;
}
.btn-info.btn-outline:not(.icon-animated):not(.icon-automatic-video):hover,
.btn-info.btn-outline:not(.icon-animated):not(.icon-automatic-video).active {
  color: #ffffff !important;
  background-color: #006cff !important;
  border-color: #006cff !important;
}
.btn-warning {
  color: #ffffff !important;
  background-color: #ffc42e !important;
  border-color: #ffc42e !important;
}
.btn-warning:not(.btn-hover-nobg):not(.icon-animated):hover,
.btn-warning.active {
  color: #ffc42e !important;
  background-color: transparent !important;
  border-color: #ffc42e !important;
}
.btn-warning.btn-outline {
  color: #ffc42e !important;
  background-color: transparent !important;
  border-color: #ffc42e !important;
}
.btn-warning.btn-outline:not(.icon-animated):not(.icon-automatic-video):hover,
.btn-warning.btn-outline:not(.icon-animated):not(.icon-automatic-video).active {
  color: #ffffff !important;
  background-color: #ffc42e !important;
  border-color: #ffc42e !important;
}
.btn-danger {
  color: #ffffff !important;
  background-color: #ff3100 !important;
  border-color: #ff3100 !important;
}
.btn-danger:not(.btn-hover-nobg):not(.icon-animated):hover,
.btn-danger.active {
  color: #ff3100 !important;
  background-color: transparent !important;
  border-color: #ff3100 !important;
}
.btn-danger.btn-outline {
  color: #ff3100 !important;
  background-color: transparent !important;
  border-color: #ff3100 !important;
}
.btn-danger.btn-outline:not(.icon-animated):not(.icon-automatic-video):hover,
.btn-danger.btn-outline:not(.icon-animated):not(.icon-automatic-video).active {
  color: #ffffff !important;
  background-color: #ff3100 !important;
  border-color: #ff3100 !important;
}
/* #Button-skins */
.style-light .btn-default,
.style-dark .style-light .btn-default,
.l4x4-uncode-tmb-light .l4x4-uncode-t-entry-text .btn-default,
.style-dark .l4x4-uncode-tmb-light .l4x4-uncode-t-entry-text .btn-default,
.l4x4-uncode-tmb-dark .t-overlay-inner .btn-default {
  color: #ffffff !important;
  background-color: #141618 !important;
  border-color: #141618 !important;
}
.style-light .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover,
.style-dark .style-light .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover,
.l4x4-uncode-tmb-light .l4x4-uncode-t-entry-text .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover,
.style-dark .l4x4-uncode-tmb-light .l4x4-uncode-t-entry-text .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover,
.l4x4-uncode-tmb-dark .t-overlay-inner .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover,
.style-light .btn-default.active,
.style-dark .style-light .btn-default.active,
.l4x4-uncode-tmb-light .l4x4-uncode-t-entry-text .btn-default.active,
.style-dark .l4x4-uncode-tmb-light .l4x4-uncode-t-entry-text .btn-default.active,
.l4x4-uncode-tmb-dark .t-overlay-inner .btn-default.active {
  color: #141618 !important;
  background-color: transparent !important;
  border-color: #141618 !important;
}
.style-light .btn-default.btn-outline,
.style-dark .style-light .btn-default.btn-outline,
.l4x4-uncode-tmb-light .l4x4-uncode-t-entry-text .btn-default.btn-outline,
.style-dark .l4x4-uncode-tmb-light .l4x4-uncode-t-entry-text .btn-default.btn-outline,
.l4x4-uncode-tmb-dark .t-overlay-inner .btn-default.btn-outline {
  color: #141618 !important;
  background-color: transparent !important;
  border-color: #141618 !important;
}
.style-light .btn-default.btn-outline:not(.icon-animated):not(.icon-automatic-video):hover,
.style-dark .style-light .btn-default.btn-outline:not(.icon-animated):not(.icon-automatic-video):hover,
.l4x4-uncode-tmb-light .l4x4-uncode-t-entry-text .btn-default.btn-outline:not(.icon-animated):not(.icon-automatic-video):hover,
.style-dark .l4x4-uncode-tmb-light .l4x4-uncode-t-entry-text .btn-default.btn-outline:not(.icon-animated):not(.icon-automatic-video):hover,
.l4x4-uncode-tmb-dark .t-overlay-inner .btn-default.btn-outline:not(.icon-animated):not(.icon-automatic-video):hover,
.style-light .btn-default.btn-outline:not(.icon-animated):not(.icon-automatic-video).active,
.style-dark .style-light .btn-default.btn-outline:not(.icon-animated):not(.icon-automatic-video).active,
.l4x4-uncode-tmb-light .l4x4-uncode-t-entry-text .btn-default.btn-outline:not(.icon-animated):not(.icon-automatic-video).active,
.style-dark .l4x4-uncode-tmb-light .l4x4-uncode-t-entry-text .btn-default.btn-outline:not(.icon-animated):not(.icon-automatic-video).active,
.l4x4-uncode-tmb-dark .t-overlay-inner .btn-default.btn-outline:not(.icon-animated):not(.icon-automatic-video).active {
  color: #ffffff !important;
  background-color: #141618 !important;
  border-color: #141618 !important;
}
.style-light .btn-default.btn-flat:hover,
.style-dark .style-light .btn-default.btn-flat:hover,
.l4x4-uncode-tmb-light .l4x4-uncode-t-entry-text .btn-default.btn-flat:hover,
.style-dark .l4x4-uncode-tmb-light .l4x4-uncode-t-entry-text .btn-default.btn-flat:hover,
.l4x4-uncode-tmb-dark .t-overlay-inner .btn-default.btn-flat:hover {
  color: #ffffff !important;
  background-color: #07090b !important;
  border-color: #07090b !important;
}
.style-dark .btn-default,
.style-light .style-dark .btn-default,
.l4x4-uncode-tmb-dark .l4x4-uncode-t-entry-text .btn-default,
.style-light .l4x4-uncode-tmb-dark .l4x4-uncode-t-entry-text .btn-default,
.l4x4-uncode-tmb-light .t-overlay-inner .btn-default {
  color: #141618 !important;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
}
.style-dark .btn-default:not(.btn-hover-nobg):not(.icon-animated):hover,
.style-light .style-dark .btn-default:not(.btn-hover-nobg):not(.icon-animated):hover,
.l4x4-uncode-tmb-dark .l4x4-uncode-t-entry-text .btn-default:not(.btn-hover-nobg):not(.icon-animated):hover,
.style-light .l4x4-uncode-tmb-dark .l4x4-uncode-t-entry-text .btn-default:not(.btn-hover-nobg):not(.icon-animated):hover,
.l4x4-uncode-tmb-light .t-overlay-inner .btn-default:not(.btn-hover-nobg):not(.icon-animated):hover,
.style-dark .btn-default.active,
.style-light .style-dark .btn-default.active,
.l4x4-uncode-tmb-dark .l4x4-uncode-t-entry-text .btn-default.active,
.style-light .l4x4-uncode-tmb-dark .l4x4-uncode-t-entry-text .btn-default.active,
.l4x4-uncode-tmb-light .t-overlay-inner .btn-default.active {
  color: #ffffff !important;
  background-color: transparent !important;
  border-color: #ffffff !important;
}
.style-dark .btn-default.btn-outline,
.style-light .style-dark .btn-default.btn-outline,
.l4x4-uncode-tmb-dark .l4x4-uncode-t-entry-text .btn-default.btn-outline,
.style-light .l4x4-uncode-tmb-dark .l4x4-uncode-t-entry-text .btn-default.btn-outline,
.l4x4-uncode-tmb-light .t-overlay-inner .btn-default.btn-outline {
  color: #ffffff !important;
  background-color: transparent !important;
  border-color: #ffffff !important;
}
.style-dark .btn-default.btn-outline:not(.icon-animated):not(.icon-automatic-video):hover,
.style-light .style-dark .btn-default.btn-outline:not(.icon-animated):not(.icon-automatic-video):hover,
.l4x4-uncode-tmb-dark .l4x4-uncode-t-entry-text .btn-default.btn-outline:not(.icon-animated):not(.icon-automatic-video):hover,
.style-light .l4x4-uncode-tmb-dark .l4x4-uncode-t-entry-text .btn-default.btn-outline:not(.icon-animated):not(.icon-automatic-video):hover,
.l4x4-uncode-tmb-light .t-overlay-inner .btn-default.btn-outline:not(.icon-animated):not(.icon-automatic-video):hover,
.style-dark .btn-default.btn-outline:not(.icon-animated):not(.icon-automatic-video).active,
.style-light .style-dark .btn-default.btn-outline:not(.icon-animated):not(.icon-automatic-video).active,
.l4x4-uncode-tmb-dark .l4x4-uncode-t-entry-text .btn-default.btn-outline:not(.icon-animated):not(.icon-automatic-video).active,
.style-light .l4x4-uncode-tmb-dark .l4x4-uncode-t-entry-text .btn-default.btn-outline:not(.icon-animated):not(.icon-automatic-video).active,
.l4x4-uncode-tmb-light .t-overlay-inner .btn-default.btn-outline:not(.icon-animated):not(.icon-automatic-video).active {
  color: #141618 !important;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
}
.style-dark .btn-default.btn-flat:hover,
.style-light .style-dark .btn-default.btn-flat:hover,
.l4x4-uncode-tmb-dark .l4x4-uncode-t-entry-text .btn-default.btn-flat:hover,
.style-light .l4x4-uncode-tmb-dark .l4x4-uncode-t-entry-text .btn-default.btn-flat:hover,
.l4x4-uncode-tmb-light .t-overlay-inner .btn-default.btn-flat:hover {
  color: #141618 !important;
  background-color: #f2f2f2 !important;
  border-color: #f2f2f2 !important;
}
#uncode_sidecart.style-light .btn-default.wc-forward:first-child,
.ajax-filter-sidebar-wrapper.style-light .ajax-filter-sidebar-footer .buttons a:first-child {
  color: #141618 !important;
}
#uncode_sidecart.style-light .btn-default.wc-forward:first-child:hover,
.ajax-filter-sidebar-wrapper.style-light .ajax-filter-sidebar-footer .buttons a:first-child:hover {
  color: #141618 !important;
}
#uncode_sidecart.style-dark .btn-default.wc-forward:first-child,
.ajax-filter-sidebar-wrapper.style-dark .ajax-filter-sidebar-footer .buttons a:first-child {
  color: #ffffff !important;
}
#uncode_sidecart.style-dark .btn-default.wc-forward:first-child:hover,
.ajax-filter-sidebar-wrapper.style-dark .ajax-filter-sidebar-footer .buttons a:first-child:hover {
  color: #cccccc !important;
}
/*
----------------------------------------------------------

#Skins-Menus: Font Family & Weights

----------------------------------------------------------
*/
/* #Font-family-menu */
.font-family-menu,
.menu-container:not(.grid-filters) ul.menu-smart,
.top-menu.top-menu-enhanced ul.menu-smart,
.menu-container:not(.grid-filters) ul.menu-smart a:not(.social-menu-link):not(.vc_control-btn),
.top-menu.top-menu-enhanced ul.menu-smart a:not(.social-menu-link):not(.vc_control-btn),
.l4x4-uncode-menu-additional-text,
.burger-label,
#masthead .overlay .overlay-search-wrapper .search-container form .search-container-inner input {
  font-family: Jost;
}
.font-family-topbar,
.top-menu.top-menu-enhanced {
  font-family: font-555555;
}
@media (max-width: 959px) {
  .menu-primary ul.menu-smart a {
    font-family: Jost;
    font-weight: 600;
  }
}
/* #Font-size-menu */
.font-size-menu,
.menu-container:not(.grid-filters) ul.menu-smart > li > a:not(.social-menu-link),
.menu-container:not(.vmenu-container):not(.grid-filters) ul.menu-smart > li > a:not(.social-menu-link):not(.vc_control-btn),
.l4x4-uncode-menu-smart > li > a > div > div > div.btn,
.burger-label,
#masthead .overlay .overlay-search-wrapper .search-container {
  font-size: 12px;
}
@media (min-width: 960px) {
  .font-size-menu,
  .menu-container:not(.grid-filters) ul.menu-smart > li > a:not(.social-menu-link),
  .menu-container:not(.vmenu-container):not(.grid-filters) ul.menu-smart > li > a:not(.social-menu-link):not(.vc_control-btn),
  .l4x4-uncode-menu-smart > li > a > div > div > div.btn,
  .burger-label,
  #masthead .overlay .overlay-search-wrapper .search-container {
    font-size: 13px;
  }
  .font-size-submenu,
  .menu-horizontal ul ul a,
  .vmenu-container ul ul a {
    font-size: 12px;
  }
  .font-size-secondary-menu,
  .menu-mini.menu-smart a,
  .menu-mini.menu-smart span,
  .menu-bloginfo .menu-bloginfo-inner,
  .menu-bloginfo .menu-bloginfo-inner > * {
    font-size: 12px;
  }
  .font-size-overlay-menu,
  .menu-overlay .vmenu-container.menu-container:not(.grid-filters) .l4x4-uncode-menu-smart a:not(.wc-forward) {
    font-size: 3.5vh;
  }
  .font-size-overlay-submenu,
  .menu-overlay .vmenu-container.menu-container:not(.grid-filters) .l4x4-uncode-menu-smart ul a:not(.wc-forward) {
    font-size: 3.5vh;
  }
}
@media (max-width: 959px) {
  .font-size-menu-mobile,
  .menu-container:not(.grid-filters) ul.menu-smart a:not(.social-menu-link):not(.vc_control-btn) {
    font-size: 12px !important;
  }
  .font-size-secondary-menu-mobile,
  .top-menu-enhanced .menu-mini.menu-smart a,
  .top-menu-enhanced .menu-bloginfo .menu-bloginfo-inner {
    font-size: 10px;
  }
  .font-size-mobile-centered-menu,
  body.menu-mobile-centered .main-menu-container .menu-horizontal .l4x4-uncode-menu-horizontal-inner ul.menu-smart.menu-primary-inner > li > a,
  body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart.menu-primary-inner > li > a,
  body.menu-mobile-centered .overlay-menu .navbar-main .menu-sidebar-inner ul.menu-smart.menu-primary-inner > li > a {
    font-size: 5vw !important;
  }
  .font-size-mobile-centered-submenu,
  body.menu-mobile-centered .main-menu-container .menu-horizontal .l4x4-uncode-menu-horizontal-inner ul.menu-smart:not(.menu-primary-inner) li.menu-item:not(.l4x4-uncode-cart) > a,
  body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart:not(.menu-primary-inner) li.menu-item:not(.l4x4-uncode-cart) > a,
  body.menu-mobile-centered .overlay-menu .navbar-main .menu-sidebar-inner ul.menu-smart:not(.menu-primary-inner) li.menu-item:not(.l4x4-uncode-cart) > a,
  body.menu-mobile-centered .main-menu-container .menu-horizontal .l4x4-uncode-menu-horizontal-inner ul.menu-smart.menu-primary-inner ul li.menu-item:not(.l4x4-uncode-cart) > a,
  body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart.menu-primary-inner ul li.menu-item:not(.l4x4-uncode-cart) > a,
  body.menu-mobile-centered .overlay-menu .navbar-main .menu-sidebar-inner ul.menu-smart.menu-primary-inner ul li.menu-item:not(.l4x4-uncode-cart) > a,
  body.menu-mobile-centered .main-menu-container .menu-horizontal .l4x4-uncode-menu-horizontal-inner ul.menu-smart:not(.menu-primary-inner) li.menu-item > a,
  body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart:not(.menu-primary-inner) li.menu-item > a,
  body.menu-mobile-centered .overlay-menu .navbar-main .menu-sidebar-inner ul.menu-smart:not(.menu-primary-inner) li.menu-item > a,
  body.menu-mobile-centered .main-menu-container .menu-horizontal .l4x4-uncode-menu-horizontal-inner ul.menu-smart.menu-primary-inner ul li.menu-item > a,
  body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart.menu-primary-inner ul li.menu-item > a,
  body.menu-mobile-centered .overlay-menu .navbar-main .menu-sidebar-inner ul.menu-smart.menu-primary-inner ul li.menu-item > a,
  body.menu-mobile-centered .main-menu-container .menu-horizontal .l4x4-uncode-menu-horizontal-inner ul.menu-smart:not(.menu-primary-inner) li.menu-item-link > a,
  body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart:not(.menu-primary-inner) li.menu-item-link > a,
  body.menu-mobile-centered .overlay-menu .navbar-main .menu-sidebar-inner ul.menu-smart:not(.menu-primary-inner) li.menu-item-link > a,
  body.menu-mobile-centered .main-menu-container .menu-horizontal .l4x4-uncode-menu-horizontal-inner ul.menu-smart.menu-primary-inner ul li.menu-item-link > a,
  body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart.menu-primary-inner ul li.menu-item-link > a,
  body.menu-mobile-centered .overlay-menu .navbar-main .menu-sidebar-inner ul.menu-smart.menu-primary-inner ul li.menu-item-link > a {
    font-size: 5vw !important;
  }
}
/* #Font-weight-menu */
.font-weight-menu,
.menu-container:not(.grid-filters) ul.menu-smart > li > a:not(.social-menu-link),
.top-menu.top-menu-enhanced ul.menu-smart > li > a:not(.social-menu-link),
.menu-container:not(.grid-filters) ul.menu-smart li.dropdown > a,
.top-menu.top-menu-enhanced ul.menu-smart li.dropdown > a,
.menu-container:not(.grid-filters) ul.menu-smart li.mega-menu > a,
.top-menu.top-menu-enhanced ul.menu-smart li.mega-menu > a,
.menu-container:not(.vmenu-container):not(.grid-filters) ul.menu-smart > li > a:not(.social-menu-link):not(.vc_control-btn),
.l4x4-uncode-menu-smart i.fa-dropdown,
.vmenu-container a {
  font-weight: 600;
  letter-spacing: 0.1em;
}
.topbar-font-weight,
.top-menu.top-menu-enhanced {
  font-weight: 400;
}
/*
----------------------------------------------------------

#Skins-Menus: Colors

----------------------------------------------------------
*/
/* Menu colors */
.menu-light.top-menu .menu-bloginfo-inner,
.menu-light.top-menu p {
  color: #303133;
}
.menu-light .l4x4-uncode-menu-smart a {
  color: #303133;
}
@media (max-width: 959px) {
  .submenu-dark.isotope-filters.menu-light .l4x4-uncode-menu-smart a {
    color: #303133;
  }
}
.menu-light .l4x4-uncode-menu-smart a:hover,
.menu-light .l4x4-uncode-menu-smart a:focus {
  color: rgba(48,49,51,.5);
}
@media (min-width: 960px) {
  .isotope-filters.menu-light .l4x4-uncode-menu-smart a:hover,
  .isotope-filters.menu-light .l4x4-uncode-menu-smart a:focus {
    color: rgba(48,49,51,.5);
  }
}
.menu-light .mobile-additional-icon {
  color: #303133;
}
@media (min-width: 960px) {
  body:not(.navbar-hover) .menu-desktop-transparent.style-light-override.top-menu p {
    color: #303133;
  }
  body:not(.navbar-hover) .menu-desktop-transparent.style-light-override .l4x4-uncode-menu-smart > li > a {
    color: #303133;
  }
  body:not(.navbar-hover) .menu-desktop-transparent.style-light-override .l4x4-uncode-menu-smart > li > a:hover,
  body:not(.navbar-hover) .menu-desktop-transparent.style-light-override .l4x4-uncode-menu-smart > li > a:focus {
    color: rgba(48,49,51,.5);
  }
  body:not(.navbar-hover) .menu-desktop-transparent.style-light-override .mobile-additional-icon {
    color: #303133;
  }
}
@media (max-width: 959px) {
  body:not(.open-overlay-menu) .menu-mobile-transparent.style-light-override.top-menu p {
    color: #303133;
  }
  body:not(.open-overlay-menu) .menu-mobile-transparent.style-light-override .l4x4-uncode-menu-smart > li > a {
    color: #303133;
  }
  body:not(.open-overlay-menu) .menu-mobile-transparent.style-light-override .l4x4-uncode-menu-smart > li > a:hover,
  body:not(.open-overlay-menu) .menu-mobile-transparent.style-light-override .l4x4-uncode-menu-smart > li > a:focus {
    color: rgba(48,49,51,.5);
  }
  body:not(.open-overlay-menu) .menu-mobile-transparent.style-light-override .mobile-additional-icon {
    color: #303133;
  }
}
.menu-dark.top-menu .menu-bloginfo-inner,
.menu-dark.top-menu p {
  color: #ffffff;
}
.menu-dark a.menu-smart-toggle,
.menu-dark .l4x4-uncode-menu-smart a {
  color: #ffffff;
}
@media (max-width: 959px) {
  .submenu-light.isotope-filters.menu-dark a.menu-smart-toggle,
  .submenu-light.isotope-filters.menu-dark .l4x4-uncode-menu-smart a {
    color: #ffffff;
  }
}
.menu-dark a.menu-smart-toggle:hover,
.menu-dark .l4x4-uncode-menu-smart a:hover,
.menu-dark a.menu-smart-toggle:focus,
.menu-dark .l4x4-uncode-menu-smart a:focus {
  color: rgba(255,255,255,.5);
}
.isotope-filters.menu-dark a.menu-smart-toggle:hover,
.isotope-filters.menu-dark .l4x4-uncode-menu-smart a:hover,
.isotope-filters.menu-dark a.menu-smart-toggle:focus,
.isotope-filters.menu-dark .l4x4-uncode-menu-smart a:focus {
  color: rgba(255,255,255,.5);
}
.menu-dark .mobile-additional-icon {
  color: #ffffff;
}
@media (min-width: 960px) {
  body:not(.navbar-hover) .menu-desktop-transparent.style-dark-override.top-menu p {
    color: #ffffff;
  }
  body:not(.navbar-hover) .menu-desktop-transparent.style-dark-override a.menu-smart-toggle,
  body:not(.navbar-hover) .menu-desktop-transparent.style-dark-override .l4x4-uncode-menu-smart > li > a {
    color: #ffffff;
  }
  body:not(.navbar-hover) .menu-desktop-transparent.style-dark-override a.menu-smart-toggle:hover,
  body:not(.navbar-hover) .menu-desktop-transparent.style-dark-override .l4x4-uncode-menu-smart > li > a:hover,
  body:not(.navbar-hover) .menu-desktop-transparent.style-dark-override a.menu-smart-toggle:focus,
  body:not(.navbar-hover) .menu-desktop-transparent.style-dark-override .l4x4-uncode-menu-smart > li > a:focus {
    color: rgba(255,255,255,.5);
  }
  body:not(.navbar-hover) .menu-desktop-transparent.style-dark-override .mobile-additional-icon {
    color: #ffffff;
  }
}
@media (max-width: 959px) {
  body:not(.open-overlay-menu) .menu-mobile-transparent.style-dark-override.top-menu p {
    color: #ffffff;
  }
  body:not(.open-overlay-menu) .menu-mobile-transparent.style-dark-override a.menu-smart-toggle,
  body:not(.open-overlay-menu) .menu-mobile-transparent.style-dark-override .l4x4-uncode-menu-smart a {
    color: #ffffff;
  }
  body:not(.open-overlay-menu) .menu-mobile-transparent.style-dark-override a.menu-smart-toggle:hover,
  body:not(.open-overlay-menu) .menu-mobile-transparent.style-dark-override .l4x4-uncode-menu-smart a:hover,
  body:not(.open-overlay-menu) .menu-mobile-transparent.style-dark-override a.menu-smart-toggle:focus,
  body:not(.open-overlay-menu) .menu-mobile-transparent.style-dark-override .l4x4-uncode-menu-smart a:focus {
    color: rgba(255,255,255,.5);
  }
  body:not(.open-overlay-menu) .menu-mobile-transparent.style-dark-override .mobile-additional-icon {
    color: #ffffff;
  }
}
@media (min-width: 960px) {
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open) .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li > a,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li > a {
    color: #303133 !important;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open) .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li > a:hover,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li > a:hover,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open) .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li > a:focus,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li > a:focus {
    color: rgba(48,49,51,.5) !important;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open) .mobile-additional-icon,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas .mobile-additional-icon,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override .mobile-additional-icon {
    color: #303133 !important;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li > a,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li > a {
    color: #ffffff !important;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li > a:hover,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li > a:hover,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li > a:focus,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li > a:focus {
    color: rgba(255,255,255,.5) !important;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .mobile-additional-icon,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.menu-transparent .mobile-additional-icon,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override .mobile-additional-icon {
    color: #ffffff !important;
  }
}
@media (max-width: 959px) {
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li > a,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li > a {
    color: #303133 !important;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li > a:hover,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li > a:hover,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li > a:focus,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li > a:focus {
    color: rgba(48,49,51,.5) !important;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .mobile-additional-icon,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.menu-transparent .mobile-additional-icon,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override .mobile-additional-icon {
    color: #303133 !important;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li > a,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li > a {
    color: #ffffff !important;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li > a:hover,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li > a:hover,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li > a:focus,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li > a:focus {
    color: rgba(255,255,255,.5) !important;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .mobile-additional-icon,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.menu-transparent .mobile-additional-icon,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override .mobile-additional-icon {
    color: #ffffff !important;
  }
}
/* Menu colors active */
.menu-light .l4x4-uncode-menu-smart > li.active > a,
.menu-light .l4x4-uncode-menu-smart > li a.active,
.menu-light .l4x4-uncode-menu-smart > li.current-menu-ancestor > a,
.menu-light .l4x4-uncode-menu-smart > li.wpml-ls-current-language > a,
.menu-light .l4x4-uncode-menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a,
.menu-light .l4x4-uncode-menu-smart > li.current-menu-parent > a {
  color: rgba(48,49,51,.5);
}
.isotope-filters .menu-light .l4x4-uncode-menu-smart > li.active > a,
.isotope-filters .menu-light .l4x4-uncode-menu-smart > li a.active,
.isotope-filters .menu-light .l4x4-uncode-menu-smart > li.current-menu-ancestor > a,
.isotope-filters .menu-light .l4x4-uncode-menu-smart > li.wpml-ls-current-language > a,
.isotope-filters .menu-light .l4x4-uncode-menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a,
.isotope-filters .menu-light .l4x4-uncode-menu-smart > li.current-menu-parent > a {
  color: rgba(48,49,51,.5);
}
.menu-dark .l4x4-uncode-menu-smart > li.active > a,
.menu-dark .l4x4-uncode-menu-smart > li a.active,
.menu-dark .l4x4-uncode-menu-smart > li.current-menu-ancestor > a,
.menu-dark .l4x4-uncode-menu-smart > li.wpml-ls-current-language > a,
.menu-dark .l4x4-uncode-menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a,
.menu-dark .l4x4-uncode-menu-smart > li.current-menu-parent > a {
  color: rgba(255,255,255,.5);
}
.isotope-filters .menu-dark .l4x4-uncode-menu-smart > li.active > a,
.isotope-filters .menu-dark .l4x4-uncode-menu-smart > li a.active,
.isotope-filters .menu-dark .l4x4-uncode-menu-smart > li.current-menu-ancestor > a,
.isotope-filters .menu-dark .l4x4-uncode-menu-smart > li.wpml-ls-current-language > a,
.isotope-filters .menu-dark .l4x4-uncode-menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a,
.isotope-filters .menu-dark .l4x4-uncode-menu-smart > li.current-menu-parent > a {
  color: rgba(255,255,255,.5);
}
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li.active > a,
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li a.active,
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li.current-menu-parent > a,
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li.current-menu-ancestor > a,
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li.wpml-ls-current-language > a,
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a {
  color: rgba(48,49,51,.5) !important;
}
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li.active > a,
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li a.active,
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li.current-menu-parent > a,
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li.current-menu-ancestor > a,
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li.wpml-ls-current-language > a,
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .l4x4-uncode-menu-horizontal-inner > .l4x4-uncode-nav > .l4x4-uncode-menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a {
  color: rgba(255,255,255,.5) !important;
}
/* Menu submenu colors */
.submenu-light .l4x4-uncode-menu-smart ul a,
.submenu-light .overlay-search {
  color: #303133;
}
@media (min-width: 960px) {
  .submenu-light .menu-sub-enhanced .l4x4-uncode-menu-smart ul a {
    color: rgba(48,49,51,.65);
  }
  .submenu-light .overlay-search ::-webkit-input-placeholder {
    color: rgba(48,49,51,.65);
  }
  .submenu-light .overlay-search ::-moz-placeholder {
    color: rgba(48,49,51,.65);
  }
  .submenu-light .overlay-search :-ms-input-placeholder {
    color: rgba(48,49,51,.65);
  }
  .submenu-light .overlay-search :-moz-placeholder {
    color: rgba(48,49,51,.65);
  }
  .submenu-light .overlay-search ::placeholder {
    color: rgba(48,49,51,.65);
  }
  .submenu-light .menu-horizontal:not(.menu-sub-enhanced) .l4x4-uncode-menu-smart ul a:hover,
  .submenu-light .menu-horizontal:not(.menu-sub-enhanced) .l4x4-uncode-menu-smart ul a:focus {
    color: rgba(48,49,51,.5) !important;
    background-color: rgba(0, 0, 0, 0.03) !important;
  }
  .submenu-light .menu-horizontal.menu-sub-enhanced .l4x4-uncode-menu-smart ul a:hover,
  .submenu-light .menu-horizontal.menu-sub-enhanced .l4x4-uncode-menu-smart ul a:focus {
    color: #303133 !important;
  }
}
.main-container .style-light .menu-advanced ul a {
  color: #303133;
}
.main-container .style-light .menu-advanced ul li:not(.menu-item-button) > a:hover,
.main-container .style-light .menu-advanced ul li:not(.menu-item-button) > a:focus {
  color: rgba(48,49,51,.5) !important;
  background-color: rgba(0, 0, 0, 0.03) !important;
}
.submenu-light .l4x4-uncode-menu-smart.menu-cta-inner ul a {
  color: #303133;
}
@media (min-width: 960px) {
  body[class*=vmenu-] .submenu-light .l4x4-uncode-menu-smart.menu-cta-inner ul a:hover,
  body[class*=vmenu-] .submenu-light .l4x4-uncode-menu-smart.menu-cta-inner ul a:focus {
    color: rgba(48,49,51,.5);
    background-color: rgba(0, 0, 0, 0.03);
  }
}
.submenu-dark .l4x4-uncode-menu-smart ul a,
.submenu-dark .overlay-search {
  color: #ffffff;
}
@media (min-width: 960px) {
  .submenu-dark .menu-sub-enhanced .l4x4-uncode-menu-smart ul a {
    color: rgba(255,255,255,.65);
  }
  .submenu-dark .overlay-search ::-webkit-input-placeholder {
    color: rgba(255,255,255,.65);
  }
  .submenu-dark .overlay-search ::-moz-placeholder {
    color: rgba(255,255,255,.65);
  }
  .submenu-dark .overlay-search :-ms-input-placeholder {
    color: rgba(255,255,255,.65);
  }
  .submenu-dark .overlay-search :-moz-placeholder {
    color: rgba(255,255,255,.65);
  }
  .submenu-dark .overlay-search ::placeholder {
    color: rgba(255,255,255,.65);
  }
  .submenu-dark .menu-horizontal:not(.menu-sub-enhanced) .l4x4-uncode-menu-smart ul a:hover,
  .submenu-dark .menu-horizontal:not(.menu-sub-enhanced) .l4x4-uncode-menu-smart ul a:focus {
    color: rgba(255,255,255,.5) !important;
    background-color: rgba(255, 255, 255, 0.03) !important;
  }
  .submenu-dark .menu-horizontal.menu-sub-enhanced .l4x4-uncode-menu-smart ul a:hover,
  .submenu-dark .menu-horizontal.menu-sub-enhanced .l4x4-uncode-menu-smart ul a:focus {
    color: #ffffff !important;
  }
  .submenu-dark .menu-horizontal:not(.menu-sub-enhanced) .l4x4-uncode-menu-smart ul a:hover,
  .submenu-dark .menu-horizontal:not(.menu-sub-enhanced) .l4x4-uncode-menu-smart ul a:focus {
    color: rgba(255,255,255,.5) !important;
    background-color: rgba(255, 255, 255, 0.03) !important;
  }
}
.main-container .style-dark .menu-advanced ul a {
  color: #ffffff;
}
.main-container .style-dark .menu-advanced ul li:not(.menu-item-button) > a:hover,
.main-container .style-dark .menu-advanced ul li:not(.menu-item-button) > a:focus {
  color: rgba(255,255,255,.5);
  background-color: rgba(255, 255, 255, 0.03);
}
.submenu-dark .l4x4-uncode-menu-smart.menu-cta-inner ul a {
  color: #ffffff;
}
@media (min-width: 960px) {
  body[class*=vmenu-] .submenu-dark .l4x4-uncode-menu-smart.menu-cta-inner ul a:hover,
  body[class*=vmenu-] .submenu-dark .l4x4-uncode-menu-smart.menu-cta-inner ul a:focus {
    color: rgba(255,255,255,.5);
    background-color: rgba(255, 255, 255, 0.03);
  }
}
@media (max-width: 959px) {
  .submenu-light:not(.isotope-filters) .l4x4-uncode-menu-smart a {
    color: #303133;
  }
  .submenu-light:not(.isotope-filters) .l4x4-uncode-menu-smart a:hover,
  .submenu-light:not(.isotope-filters) .l4x4-uncode-menu-smart a:focus {
    color: rgba(48,49,51,.5);
  }
}
.submenu-light:not(.isotope-filters) .l4x4-uncode-menu-additional-text,
.submenu-light:not(.isotope-filters) .l4x4-uncode-menu-additional-text a {
  color: #303133;
}
.submenu-light:not(.isotope-filters) .l4x4-uncode-menu-additional-text a:hover,
.submenu-light:not(.isotope-filters) .l4x4-uncode-menu-additional-text a a:hover,
.submenu-light:not(.isotope-filters) .l4x4-uncode-menu-additional-text a:focus,
.submenu-light:not(.isotope-filters) .l4x4-uncode-menu-additional-text a a:focus {
  color: rgba(48,49,51,.5);
}
@media (max-width: 959px) {
  .submenu-dark:not(.isotope-filters) .l4x4-uncode-menu-smart a {
    color: #ffffff;
  }
  .submenu-dark:not(.isotope-filters) .l4x4-uncode-menu-smart a:hover,
  .submenu-dark:not(.isotope-filters) .l4x4-uncode-menu-smart a:focus {
    color: rgba(255,255,255,.5);
  }
}
.submenu-dark:not(.isotope-filters) .l4x4-uncode-menu-additional-text {
  color: #ffffff;
}
.submenu-dark:not(.isotope-filters) .l4x4-uncode-menu-additional-text a {
  color: #ffffff;
}
.submenu-dark:not(.isotope-filters) .l4x4-uncode-menu-additional-text a:hover,
.submenu-dark:not(.isotope-filters) .l4x4-uncode-menu-additional-text a:focus {
  color: rgba(255,255,255,.5);
}
/* Menu submenu colors active*/
.submenu-light .l4x4-uncode-menu-smart ul li.current-menu-parent > a,
.submenu-light .l4x4-uncode-menu-smart ul li.active > a {
  color: rgba(48,49,51,.5);
}
@media (min-width: 960px) {
  .submenu-light .menu-horizontal.menu-sub-enhanced .l4x4-uncode-menu-smart ul li.current-menu-parent > a,
  .submenu-light .menu-horizontal.menu-sub-enhanced .l4x4-uncode-menu-smart ul li.active > a {
    color: #303133 !important;
  }
}
.submenu-dark .l4x4-uncode-menu-smart ul li.current-menu-parent > a,
.submenu-dark .l4x4-uncode-menu-smart ul li.active > a {
  color: rgba(255,255,255,.5);
}
@media (min-width: 960px) {
  .submenu-dark .menu-horizontal.menu-sub-enhanced .l4x4-uncode-menu-smart ul li.current-menu-parent > a,
  .submenu-dark .menu-horizontal.menu-sub-enhanced .l4x4-uncode-menu-smart ul li.active > a {
    color: #ffffff !important;
  }
}
@media (max-width: 959px) {
  .submenu-light .l4x4-uncode-menu-smart li.active > a,
  .submenu-light .l4x4-uncode-menu-smart li.current-menu-ancestor > a,
  .submenu-light .l4x4-uncode-menu-smart li.wpml-ls-current-language > a,
  .submenu-light .l4x4-uncode-menu-smart li.current-menu-item:not(.menu-item-type-custom) > a {
    color: rgba(48,49,51,.5);
  }
  .submenu-dark .l4x4-uncode-menu-smart li.active > a,
  .submenu-dark .l4x4-uncode-menu-smart li.current-menu-ancestor > a,
  .submenu-dark .l4x4-uncode-menu-smart li.wpml-ls-current-language > a,
  .submenu-dark .l4x4-uncode-menu-smart li.current-menu-item:not(.menu-item-type-custom) > a {
    color: rgba(255,255,255,.5);
  }
}
/* Menu megamenu title colors */
@media (min-width: 960px) {
  .submenu-light .menu-horizontal .l4x4-uncode-menu-smart > .mega-menu .mega-menu-inner > li > a {
    color: #303133;
  }
  .submenu-dark .menu-horizontal .l4x4-uncode-menu-smart > .mega-menu .mega-menu-inner > li > a {
    color: #ffffff;
  }
}
/* Menu colors mobile */
@media (max-width: 959px) {
  .submenu-light:not(.isotope-filters) .l4x4-uncode-menu-smart a {
    color: #303133;
  }
  .submenu-dark:not(.isotope-filters) .l4x4-uncode-menu-smart a {
    color: #ffffff;
  }
}
/*
----------------------------------------------------------

#Skins-Menus: Borders

----------------------------------------------------------
*/
/* Menu borders colors */
.menu-light .l4x4-uncode-menu-smart,
.menu-light .l4x4-uncode-menu-smart li,
.submenu-light .l4x4-uncode-menu-smart ul,
.l4x4-uncode-menu-smart.submenu-light li ul li,
.menu-light .menu-accordion-dividers,
.menu-light .menu-borders:not(.needs-after),
.menu-light .menu-borders.needs-after::after,
.menu-light.vmenu-borders,
.menu-light .main-menu-container,
.menu-light .menu-container .overlay .overlay-search-wrapper {
  border-color: rgba(234,234,234,1);
}
.menu-dark .l4x4-uncode-menu-smart,
.menu-dark .l4x4-uncode-menu-smart li,
.submenu-dark .l4x4-uncode-menu-smart ul,
.l4x4-uncode-menu-smart.submenu-dark li ul li,
.menu-dark .menu-accordion-dividers,
.menu-dark .menu-borders:not(.needs-after),
.menu-dark .menu-borders.needs-after::after,
.menu-dark.vmenu-borders,
.menu-dark .main-menu-container,
.menu-dark .menu-container .overlay .overlay-search-wrapper {
  border-color: rgba(255,255,255,0.15);
}
/* Submenu borders colors */
@media (min-width: 960px) {
  .menu-horizontal.menu-sub-enhanced.submenu-light .l4x4-uncode-menu-smart > .mega-menu .mega-menu-inner,
  .submenu-light .l4x4-uncode-menu-smart li ul li {
    border-color: rgba(234,234,234,1);
  }
  .menu-horizontal.menu-sub-enhanced.submenu-dark .l4x4-uncode-menu-smart > .mega-menu .mega-menu-inner,
  .submenu-dark .l4x4-uncode-menu-smart li ul li {
    border-color: rgba(255,255,255,0.15);
  }
}
@media (max-width: 959px) {
  body.menu-mobile-borders .menu-light .row-brand,
  body.menu-mobile-borders .menu-light .row-menu .row-menu-inner {
    border-bottom-color: rgba(234,234,234,1);
  }
  body.menu-mobile-borders .submenu-light .l4x4-uncode-menu-smart,
  body.menu-mobile-borders .submenu-light .l4x4-uncode-menu-smart li {
    border-color: rgba(234,234,234,1);
  }
  body.menu-mobile-borders .menu-dark .row-brand,
  body.menu-mobile-borders .menu-dark .row-menu .row-menu-inner {
    border-bottom-color: rgba(255,255,255,0.15);
  }
  body.menu-mobile-borders .submenu-dark .l4x4-uncode-menu-smart,
  body.menu-mobile-borders .submenu-dark .l4x4-uncode-menu-smart li {
    border-color: rgba(255,255,255,0.15);
  }
  .menu-mobile-transparent .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open) .row-menu .row-menu-inner,
  .menu-mobile-transparent .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas .row-menu .row-menu-inner {
    border-color: transparent !important;
  }
}
/* Menu transparent borders colors */
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-menu-transparent.menu-light .menu-borders:not(.needs-after),
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-menu-transparent.menu-light .menu-borders.needs-after::after,
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-menu-transparent.menu-light .l4x4-uncode-menu-smart,
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-menu-transparent.menu-light .l4x4-uncode-menu-smart > li,
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-menu-transparent.menu-light .navbar-nav-last > *:first-child::after,
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-menu-transparent.menu-light .navbar-nav-first > *:first-child::after {
  border-color: rgba(234,234,234,1);
}
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-menu-transparent.menu-dark .menu-borders:not(.needs-after),
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-menu-transparent.menu-dark .menu-borders.needs-after::after,
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-menu-transparent.menu-dark .l4x4-uncode-menu-smart,
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-menu-transparent.menu-dark .l4x4-uncode-menu-smart > li,
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-menu-transparent.menu-dark .navbar-nav-last > *:first-child::after,
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-menu-transparent.menu-dark .navbar-nav-first > *:first-child::after {
  border-color: rgba(255,255,255,0.15);
}
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .menu-borders:not(.needs-after),
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .menu-borders.needs-after::after,
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .l4x4-uncode-menu-smart,
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .l4x4-uncode-menu-smart > li,
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .navbar-nav-last > *:first-child::after,
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .navbar-nav-first > *:first-child::after {
  border-color: rgba(234,234,234,1) !important;
}
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .menu-borders:not(.needs-after),
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .menu-borders.needs-after::after,
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .l4x4-uncode-menu-smart,
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .l4x4-uncode-menu-smart > li,
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .navbar-nav-last > *:first-child::after,
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .navbar-nav-first > *:first-child::after {
  border-color: rgba(255,255,255,0.15) !important;
}
.top-menu.top-menu-enhanced.top-menu-border.menu-light::after,
body.menu-mobile-borders .submenu-light .menu-container .main-menu-container .menu-horizontal,
body:not(.l4x4-uncode-menu-force-opacity) .menu-light .menu-borders.needs-after .navbar-nav-last > *:first-child::after,
body:not(.l4x4-uncode-menu-force-opacity) .menu-light .menu-borders.needs-after .navbar-nav + .navbar-cta > *:first-child::after,
body:not(.l4x4-uncode-menu-force-opacity) .menu-light .menu-borders.needs-after .navbar-nav-first > *:first-child::after,
.top-menu.top-menu-enhanced.submenu-light:not(.top-menu-border) .row-menu-inner .menu-horizontal ul.menu-smart > li > ul {
  border-color: rgba(234,234,234,1) !important;
}
.top-menu.top-menu-enhanced.top-menu-border.menu-dark .row-menu-inner::after,
body.menu-mobile-borders .submenu-dark .menu-container .main-menu-container .menu-horizontal,
body:not(.l4x4-uncode-menu-force-opacity) .menu-dark .menu-borders.needs-after .navbar-nav-last > *:first-child::after,
body:not(.l4x4-uncode-menu-force-opacity) .menu-dark .menu-borders.needs-after .navbar-nav + .navbar-cta > *:first-child::after,
body:not(.l4x4-uncode-menu-force-opacity) .menu-dark .menu-borders.needs-after .navbar-nav-first > *:first-child::after,
.top-menu.top-menu-enhanced.submenu-dark:not(.top-menu-border) .row-menu-inner .menu-horizontal ul.menu-smart > li > ul {
  border-color: rgba(255,255,255,0.15) !important;
}
/** fix menu overlay **/
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .menu-overlay .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open) .menu-borders:not(.needs-after),
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover).menu-overlay .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open) .menu-borders:not(.needs-after),
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .menu-overlay .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open) .menu-borders.needs-after::after,
body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover).menu-overlay .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open) .menu-borders.needs-after::after {
  border: none;
}
/* Submenu borders transparent  */
@media (min-width: 960px) {
  .submenu-transparent.submenu-light .l4x4-uncode-menu-smart ul,
  .submenu-transparent.submenu-light .l4x4-uncode-menu-smart li ul li {
    border-color: rgba(234,234,234,1);
  }
  .submenu-transparent.submenu-dark .l4x4-uncode-menu-smart ul,
  .submenu-transparent.submenu-dark .l4x4-uncode-menu-smart li ul li {
    border-color: rgba(255,255,255,0.15);
  }
}
/*
----------------------------------------------------------

#Skins-Menus: Backgrounds

----------------------------------------------------------
*/
/* Menu backgrounds colors */
.main-header .style-light-bg,
.menu-wrapper .style-light-bg {
  background-color: #ffffff;
}
.main-header .style-dark-bg,
.menu-wrapper .style-dark-bg {
  background-color: #141618;
}
/* Menu submenu backgrounds colors */
.submenu-light .menu-horizontal .l4x4-uncode-menu-smart ul,
.submenu-light .overlay-search,
.submenu-dark .overlay-search .lines-button .lines-dropdown,
.submenu-dark .overlay-search .lines-button .lines-dropdown:before,
.submenu-dark .overlay-search .lines-button .lines-dropdown:after,
.submenu-dark .overlay-search .lines-button .lines-dropdown > span,
#uncode_sidecart.style-light {
  background-color: #ffffff;
}
.submenu-dark .menu-horizontal .l4x4-uncode-menu-smart ul,
.submenu-dark .overlay-search,
.submenu-light .overlay-search .lines-button .lines-dropdown,
.submenu-light .overlay-search .lines-button .lines-dropdown:before,
.submenu-light .overlay-search .lines-button .lines-dropdown:after,
.submenu-light .overlay-search .lines-button .lines-dropdown > span,
#uncode_sidecart.style-dark {
  background-color: #262c33;
}
/* Menu submenu mobile backgrounds colors */
@media (max-width: 959px) {
  .submenu-light:not(.isotope-filters):not(.top-menu-enhanced) .l4x4-uncode-menu-smart,
  .submenu-light:not(.isotope-filters):not(.top-menu-enhanced) .menu-sidebar-inner,
  .submenu-light:not(.isotope-filters):not(.top-menu-enhanced) .main-menu-container {
    background-color: #ffffff;
  }
  .submenu-dark:not(.isotope-filters):not(.top-menu-enhanced) .l4x4-uncode-menu-smart,
  .submenu-dark:not(.isotope-filters):not(.top-menu-enhanced) .menu-sidebar-inner,
  .submenu-dark:not(.isotope-filters):not(.top-menu-enhanced) .main-menu-container {
    background-color: #262c33;
  }
}
/* Menu transparent backgrounds colors */
@media (min-width: 960px) {
  body:not(.menu-overlay):not(.hmenu-center):not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .menu-wrapper:not(.no-header) .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).style-light-original,
  body:not(.menu-overlay):not(.hmenu-center):not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .menu-wrapper:not(.no-header) .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.style-light-original,
  body:not(.menu-overlay):not(.hmenu-center):not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .menu-wrapper:not(.no-header) .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).style-dark-original.style-light-override,
  body:not(.menu-overlay):not(.hmenu-center):not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .menu-wrapper:not(.no-header) .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.style-dark-original.style-light-override {
    opacity: 0;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .menu-wrapper:not(.no-header) .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).style-light-original > *:not(.overlay-search),
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .menu-wrapper:not(.no-header) .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.style-light-original > *:not(.overlay-search),
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .menu-wrapper:not(.no-header) .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).style-dark-original.style-light-override > *:not(.overlay-search),
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .menu-wrapper:not(.no-header) .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.style-dark-original.style-light-override > *:not(.overlay-search) {
    background: transparent;
    background-color: rgba(255,255,255,0);
  }
  body:not(.menu-overlay):not(.hmenu-center):not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .menu-wrapper:not(.no-header) .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).style-dark-original,
  body:not(.menu-overlay):not(.hmenu-center):not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .menu-wrapper:not(.no-header) .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.style-dark-original,
  body:not(.menu-overlay):not(.hmenu-center):not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .menu-wrapper:not(.no-header) .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).style-light-original.style-dark-override,
  body:not(.menu-overlay):not(.hmenu-center):not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .menu-wrapper:not(.no-header) .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.style-light-original.style-dark-override {
    opacity: 0;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .menu-wrapper:not(.no-header) .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).style-dark-original > *:not(.overlay-search),
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .menu-wrapper:not(.no-header) .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.style-dark-original > *:not(.overlay-search),
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .menu-wrapper:not(.no-header) .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).style-light-original.style-dark-override > *:not(.overlay-search),
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .menu-wrapper:not(.no-header) .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.style-light-original.style-dark-override > *:not(.overlay-search) {
    background: transparent;
    background-color: rgba(20,22,24,0);
  }
}
@media (max-width: 959px) {
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .menu-wrapper:not(.no-header) .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).style-light-original > *:not(.overlay-search),
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .menu-wrapper:not(.no-header) .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.style-light-original > *:not(.overlay-search),
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .menu-wrapper:not(.no-header) .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).style-dark-original.style-light-override > *:not(.overlay-search),
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .menu-wrapper:not(.no-header) .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.style-dark-original.style-light-override > *:not(.overlay-search) {
    background: transparent;
    background-color: rgba(255,255,255,0);
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .menu-wrapper:not(.no-header) .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).style-dark-original > *:not(.overlay-search),
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .menu-wrapper:not(.no-header) .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.style-dark-original > *:not(.overlay-search),
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .menu-wrapper:not(.no-header) .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).style-light-original.style-dark-override > *:not(.overlay-search),
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .menu-wrapper:not(.no-header) .l4x4-uncode-menu-transparent:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.style-light-original.style-dark-override > *:not(.overlay-search) {
    background: transparent;
    background-color: rgba(20,22,24,0);
  }
}
/*
----------------------------------------------------------

#Skins-Menus: Scroll Arrows

----------------------------------------------------------
*/
/* Menu scroll arrows */
.submenu-light .l4x4-uncode-menu-smart span.scroll-up,
.submenu-light .l4x4-uncode-menu-smart span.scroll-down {
  border-color: rgba(234,234,234,1);
  background-color: #ffffff;
}
.submenu-dark .l4x4-uncode-menu-smart span.scroll-up,
.submenu-dark .l4x4-uncode-menu-smart span.scroll-down {
  border-color: rgba(255,255,255,0.15);
  background-color: #141618;
}
.submenu-light .l4x4-uncode-menu-smart span.scroll-up-arrow,
.submenu-light .l4x4-uncode-menu-smart span.scroll-down-arrow {
  border-color: transparent transparent rgba(234,234,234,1) transparent !important;
}
.submenu-dark .l4x4-uncode-menu-smart span.scroll-up-arrow,
.submenu-dark .l4x4-uncode-menu-smart span.scroll-down-arrow {
  border-color: transparent transparent rgba(255,255,255,0.15) transparent !important;
}
.submenu-light .l4x4-uncode-menu-smart span.scroll-down-arrow {
  border-color: rgba(234,234,234,1) transparent transparent transparent !important;
}
.submenu-dark .l4x4-uncode-menu-smart span.scroll-down-arrow {
  border-color: rgba(255,255,255,0.15) transparent transparent transparent !important;
}
/*
----------------------------------------------------------

#Skins-Menus: Toggle

----------------------------------------------------------
*/
/* Menu mobile toggle */
.mobile-menu-button-dark .lines:not(.lines-dropdown),
.mobile-menu-button-dark .lines:not(.lines-dropdown):before,
.mobile-menu-button-dark .lines:not(.lines-dropdown):after,
.mobile-menu-button-dark .lines:not(.lines-dropdown) > span,
.vmenu-container.menu-dark .lines:not(.lines-dropdown),
.vmenu-container.menu-dark .lines:not(.lines-dropdown):before,
.vmenu-container.menu-dark .lines:not(.lines-dropdown):after,
.vmenu-container.menu-dark .lines:not(.lines-dropdown) > span {
  background: #ffffff;
}
.mobile-menu-button-light .lines:not(.lines-dropdown),
.mobile-menu-button-light .lines:not(.lines-dropdown):before,
.mobile-menu-button-light .lines:not(.lines-dropdown):after,
.mobile-menu-button-light .lines:not(.lines-dropdown) > span,
.vmenu-container.menu-light .lines:not(.lines-dropdown),
.vmenu-container.menu-light .lines:not(.lines-dropdown):before,
.vmenu-container.menu-light .lines:not(.lines-dropdown):after,
.vmenu-container.menu-light .lines:not(.lines-dropdown) > span {
  background: #303133;
}
.mobile-menu-button-dark .burger-label {
  color: #ffffff;
}
.mobile-menu-button-light .burger-label {
  color: #303133;
}
@media (min-width: 960px) {
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .lines:not(.lines-dropdown),
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.menu-transparent .mmb-container .lines:not(.lines-dropdown),
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override .lines:not(.lines-dropdown),
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .lines:not(.lines-dropdown):before,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.menu-transparent .mmb-container .lines:not(.lines-dropdown):before,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override .lines:not(.lines-dropdown):before,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .lines:not(.lines-dropdown):after,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.menu-transparent .mmb-container .lines:not(.lines-dropdown):after,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override .lines:not(.lines-dropdown):after,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .lines:not(.lines-dropdown) > span,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.menu-transparent .mmb-container .lines:not(.lines-dropdown) > span,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override .lines:not(.lines-dropdown) > span {
    background: #303133;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .lines:not(.lines-dropdown),
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.menu-transparent .mmb-container .lines:not(.lines-dropdown),
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override .lines:not(.lines-dropdown),
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .lines:not(.lines-dropdown):before,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.menu-transparent .mmb-container .lines:not(.lines-dropdown):before,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override .lines:not(.lines-dropdown):before,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .lines:not(.lines-dropdown):after,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.menu-transparent .mmb-container .lines:not(.lines-dropdown):after,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override .lines:not(.lines-dropdown):after,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .lines:not(.lines-dropdown) > span,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.menu-transparent .mmb-container .lines:not(.lines-dropdown) > span,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override .lines:not(.lines-dropdown) > span {
    background: #ffffff;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .burger-label,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.menu-transparent .mmb-container .burger-label,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override .burger-label {
    color: #303133;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .burger-label,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.menu-transparent .mmb-container .burger-label,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override .burger-label {
    color: #ffffff;
  }
}
@media (max-width: 959px) {
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .lines:not(.lines-dropdown),
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.menu-transparent .mmb-container .lines:not(.lines-dropdown),
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override .lines:not(.lines-dropdown),
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .lines:not(.lines-dropdown):before,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.menu-transparent .mmb-container .lines:not(.lines-dropdown):before,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override .lines:not(.lines-dropdown):before,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .lines:not(.lines-dropdown):after,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.menu-transparent .mmb-container .lines:not(.lines-dropdown):after,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override .lines:not(.lines-dropdown):after,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .lines:not(.lines-dropdown) > span,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.menu-transparent .mmb-container .lines:not(.lines-dropdown) > span,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override .lines:not(.lines-dropdown) > span {
    background: #303133;
  }
  body.menu-mobile-off-canvas .menu-container.style-light .lines:not(.lines-dropdown),
  body.menu-mobile-off-canvas .menu-primary.submenu-light .l4x4-uncode-close-offcanvas-mobile .lines:not(.lines-dropdown),
  body.menu-mobile-off-canvas .menu-container.style-light .lines:not(.lines-dropdown):before,
  body.menu-mobile-off-canvas .menu-primary.submenu-light .l4x4-uncode-close-offcanvas-mobile .lines:not(.lines-dropdown):before,
  body.menu-mobile-off-canvas .menu-container.style-light .lines:not(.lines-dropdown):after,
  body.menu-mobile-off-canvas .menu-primary.submenu-light .l4x4-uncode-close-offcanvas-mobile .lines:not(.lines-dropdown):after,
  body.menu-mobile-off-canvas .menu-container.style-light .lines:not(.lines-dropdown) > span,
  body.menu-mobile-off-canvas .menu-primary.submenu-light .l4x4-uncode-close-offcanvas-mobile .lines:not(.lines-dropdown) > span {
    background: #303133;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .lines:not(.lines-dropdown),
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.menu-transparent .mmb-container .lines:not(.lines-dropdown),
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override .lines:not(.lines-dropdown),
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .lines:not(.lines-dropdown):before,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.menu-transparent .mmb-container .lines:not(.lines-dropdown):before,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override .lines:not(.lines-dropdown):before,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .lines:not(.lines-dropdown):after,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.menu-transparent .mmb-container .lines:not(.lines-dropdown):after,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override .lines:not(.lines-dropdown):after,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .lines:not(.lines-dropdown) > span,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)).l4x4-uncode-is_mobile_open.menu-parent-off-canvas.menu-transparent .mmb-container .lines:not(.lines-dropdown) > span,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override .lines:not(.lines-dropdown) > span {
    background: #ffffff;
  }
  body.menu-mobile-off-canvas .menu-container.style-dark .lines:not(.lines-dropdown),
  body.menu-mobile-off-canvas .menu-primary.submenu-dark .l4x4-uncode-close-offcanvas-mobile .lines:not(.lines-dropdown),
  body.menu-mobile-off-canvas .menu-container.style-dark .lines:not(.lines-dropdown):before,
  body.menu-mobile-off-canvas .menu-primary.submenu-dark .l4x4-uncode-close-offcanvas-mobile .lines:not(.lines-dropdown):before,
  body.menu-mobile-off-canvas .menu-container.style-dark .lines:not(.lines-dropdown):after,
  body.menu-mobile-off-canvas .menu-primary.submenu-dark .l4x4-uncode-close-offcanvas-mobile .lines:not(.lines-dropdown):after,
  body.menu-mobile-off-canvas .menu-container.style-dark .lines:not(.lines-dropdown) > span,
  body.menu-mobile-off-canvas .menu-primary.submenu-dark .l4x4-uncode-close-offcanvas-mobile .lines:not(.lines-dropdown) > span {
    background: #ffffff;
  }
}
/*
----------------------------------------------------------

#Skins-Menus: Shadows

----------------------------------------------------------
*/
/* Menu shadows */
@media (max-width: 959px) {
  [class*="menu-dd-shadow-"].menu-horizontal:not(.top-menu-enhanced-horizontal) .l4x4-uncode-menu-smart ul,
  [class*="menu-dd-shadow-"].menu-horizontal:not(.top-menu-enhanced-horizontal) .l4x4-uncode-menu-smart li.menu-item > .vc_row {
    box-shadow: none !important;
  }
}
@media (min-width: 960px) {
  .menu-shadows {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.075);
  }
  body[class*=vmenu-] .menu-shadows {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.075);
  }
}
body:not(.l4x4-uncode-menu-force-opacity) .menu-primary:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open) .menu-shadows.force-no-shadows {
  box-shadow: none;
}
@media (min-width: 960px) {
  body:not(.l4x4-uncode-menu-force-opacity):not(.menu-scroll-transparency:not(.navbar-hover))[class*=hmenu-] .menu-primary.is_stuck .menu-container {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.075);
  }
}
@media (max-width: 959px) {
  body:not(.l4x4-uncode-menu-force-opacity):not(.menu-scroll-transparency:not(.navbar-hover)) .menu-primary.is_stuck:not(.menu-mobile-transparent) .menu-container {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.075);
  }
}
/* #Menu-mobile-colors */
/* Menu Accordion */
@media (min-width: 960px) {
  .submenu-light .menu-accordion .l4x4-uncode-menu-smart ul {
    background-color: #ffffff;
  }
  .submenu-dark .menu-accordion .l4x4-uncode-menu-smart ul {
    background-color: #141618;
  }
}
/* Menu Overlay */
.menu-overlay .menu-accordion .l4x4-uncode-menu-smart:not(.menu-cta-inner) ul {
  background-color: transparent !important;
}
@media (min-width: 960px) {
  .menu-overlay .menu-dark.submenu-light .l4x4-uncode-menu-smart:not(.menu-cta-inner) ul a {
    color: #ffffff;
  }
  .menu-overlay .menu-dark.submenu-light .l4x4-uncode-menu-smart:not(.menu-cta-inner) ul a:hover,
  .menu-overlay .menu-dark.submenu-light .l4x4-uncode-menu-smart:not(.menu-cta-inner) ul a:focus {
    color: rgba(255,255,255,.5);
  }
}
@media (min-width: 960px) {
  .menu-overlay .menu-light.submenu-dark .l4x4-uncode-menu-smart:not(.menu-cta-inner) ul a {
    color: #303133;
  }
  .menu-overlay .menu-light.submenu-dark .l4x4-uncode-menu-smart:not(.menu-cta-inner) ul a:hover,
  .menu-overlay .menu-light.submenu-dark .l4x4-uncode-menu-smart:not(.menu-cta-inner) ul a:focus {
    color: rgba(48,49,51,.5);
  }
}
.overlay .overlay-bg {
  opacity: 0.949999;
}
/* Logo */
.style-light .navbar-brand .logo-skinnable {
  color: #303133;
}
.style-light .navbar-brand .logo-skinnable > * {
  color: #303133;
}
.style-light .navbar-brand .logo-skinnable svg * {
  fill: #303133;
}
.style-dark .navbar-brand .logo-skinnable {
  color: #ffffff;
}
.style-dark .navbar-brand .logo-skinnable > * {
  color: #ffffff;
}
.style-dark .navbar-brand .logo-skinnable svg * {
  fill: #ffffff;
}
@media (min-width: 960px) {
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .navbar-brand .logo-skinnable,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-transparent.menu-parent-off-canvas .navbar-brand .logo-skinnable,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override .navbar-brand .logo-skinnable {
    color: #303133;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .navbar-brand .logo-skinnable > *,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-transparent.menu-parent-off-canvas .navbar-brand .logo-skinnable > *,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override .navbar-brand .logo-skinnable > * {
    color: #303133;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .navbar-brand .logo-skinnable svg *,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-transparent.menu-parent-off-canvas .navbar-brand .logo-skinnable svg *,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override .navbar-brand .logo-skinnable svg * {
    fill: #303133;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .navbar-brand .logo-skinnable,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-transparent.menu-parent-off-canvas .navbar-brand .logo-skinnable,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override .navbar-brand .logo-skinnable {
    color: #ffffff;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .navbar-brand .logo-skinnable > *,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-transparent.menu-parent-off-canvas .navbar-brand .logo-skinnable > *,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override .navbar-brand .logo-skinnable > * {
    color: #ffffff;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .navbar-brand .logo-skinnable svg *,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-transparent.menu-parent-off-canvas .navbar-brand .logo-skinnable svg *,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override .navbar-brand .logo-skinnable svg * {
    fill: #ffffff;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .navbar-brand .logo-dark,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-transparent.menu-parent-off-canvas .navbar-brand .logo-dark,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override .navbar-brand .logo-dark {
    display: none !important;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .navbar-brand .logo-light,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-transparent.menu-parent-off-canvas .navbar-brand .logo-light,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override .navbar-brand .logo-light {
    display: block !important;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .navbar-brand .logo-dark,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-transparent.menu-parent-off-canvas .navbar-brand .logo-dark,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override .navbar-brand .logo-dark {
    display: block !important;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .navbar-brand .logo-light,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-desktop-transparent)).l4x4-uncode-is_mobile_open.menu-transparent.menu-parent-off-canvas .navbar-brand .logo-light,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override .navbar-brand .logo-light {
    display: none !important;
  }
}
@media (max-width: 959px) {
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .navbar-brand .logo-skinnable,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)).l4x4-uncode-is_mobile_open.menu-transparent.menu-parent-off-canvas .navbar-brand .logo-skinnable,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override .navbar-brand .logo-skinnable {
    color: #303133;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .navbar-brand .logo-skinnable > *,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)).l4x4-uncode-is_mobile_open.menu-transparent.menu-parent-off-canvas .navbar-brand .logo-skinnable > *,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override .navbar-brand .logo-skinnable > * {
    color: #303133;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .navbar-brand .logo-skinnable svg *,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)).l4x4-uncode-is_mobile_open.menu-transparent.menu-parent-off-canvas .navbar-brand .logo-skinnable svg *,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override .navbar-brand .logo-skinnable svg * {
    fill: #303133;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .navbar-brand .logo-skinnable,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)).l4x4-uncode-is_mobile_open.menu-transparent.menu-parent-off-canvas .navbar-brand .logo-skinnable,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override .navbar-brand .logo-skinnable {
    color: #ffffff;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .navbar-brand .logo-skinnable > *,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)).l4x4-uncode-is_mobile_open.menu-transparent.menu-parent-off-canvas .navbar-brand .logo-skinnable > *,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override .navbar-brand .logo-skinnable > * {
    color: #ffffff;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .navbar-brand .logo-skinnable svg *,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)).l4x4-uncode-is_mobile_open.menu-transparent.menu-parent-off-canvas .navbar-brand .logo-skinnable svg *,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override .navbar-brand .logo-skinnable svg * {
    fill: #ffffff;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .navbar-brand .logo-dark,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)).l4x4-uncode-is_mobile_open.menu-transparent.menu-parent-off-canvas .navbar-brand .logo-dark,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override .navbar-brand .logo-dark {
    display: none !important;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .navbar-brand .logo-light,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)).l4x4-uncode-is_mobile_open.menu-transparent.menu-parent-off-canvas .navbar-brand .logo-light,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .style-light-override .navbar-brand .logo-light {
    display: block !important;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .navbar-brand .logo-dark,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)).l4x4-uncode-is_mobile_open.menu-transparent.menu-parent-off-canvas .navbar-brand .logo-dark,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override .navbar-brand .logo-dark {
    display: block !important;
  }
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)):not(.l4x4-uncode-is_mobile_open).l4x4-uncode-menu-transparent .navbar-brand .logo-light,
  body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override:not(.l4x4-uncode-is_stuck:not(.menu-mobile-transparent)).l4x4-uncode-is_mobile_open.menu-transparent.menu-parent-off-canvas .navbar-brand .logo-light,
  html.overlay-open body:not(.l4x4-uncode-menu-force-opacity):not(.navbar-hover) .l4x4-uncode-style-dark-override .navbar-brand .logo-light {
    display: none !important;
  }
}
/* SubMenu Cart */
.submenu-light .menu-accordion .l4x4-uncode-menu-smart .l4x4-uncode-cart li {
  border-color: rgba(234,234,234,1);
}
.submenu-dark .menu-accordion .l4x4-uncode-menu-smart .l4x4-uncode-cart li {
  border-color: rgba(255,255,255,0.15);
}
/* #Menu-vertical */
/* Menu builder */
.row-inner.col-w-borders > div:not(:first-child) > .uncol.style-light:before {
  background-color: rgba(234,234,234,1);
}
.row-inner.col-w-borders > div:not(:first-child) > .uncol.style-dark:before {
  background-color: rgba(255,255,255,0.15);
}
/*
----------------------------------------------------------

#Skins-Thumbs

----------------------------------------------------------
*/
/* #Thumbs text overlay color */
.l4x4-uncode-tmb-light.tmb-color-overlay-text,
.l4x4-uncode-tmb-light.tmb .l4x4-uncode-t-entry-visual *:not(.add_to_cart_text):not(.view-cart),
.l4x4-uncode-tmb-light.tmb .l4x4-uncode-t-entry-visual a:not(.add_to_cart_text):not(.view-cart),
.l4x4-uncode-tmb-light.tmb .l4x4-uncode-t-entry-visual .l4x4-uncode-t-entry-title a:not(.add_to_cart_text):not(.view-cart),
.l4x4-uncode-tmb-light.tmb .l4x4-uncode-t-entry-visual .l4x4-uncode-t-entry-meta span:not(.add_to_cart_text):not(.view-cart) {
  color: #ffffff;
}
.l4x4-uncode-tmb-dark.tmb-color-overlay-text,
.l4x4-uncode-tmb-dark.tmb .l4x4-uncode-t-entry-visual *:not(.add_to_cart_text):not(.view-cart),
.l4x4-uncode-tmb-dark.tmb .l4x4-uncode-t-entry-visual a:not(.add_to_cart_text):not(.view-cart),
.l4x4-uncode-tmb-dark.tmb .l4x4-uncode-t-entry-visual .l4x4-uncode-t-entry-title a:not(.add_to_cart_text):not(.view-cart),
.l4x4-uncode-tmb-dark.tmb .l4x4-uncode-t-entry-visual .l4x4-uncode-t-entry-meta span:not(.add_to_cart_text):not(.view-cart) {
  color: #141618;
}
.l4x4-uncode-tmb-color-colored-ui,
.l4x4-uncode-tmb .t-cat-over a.bordered-cat,
.l4x4-uncode-tmb .t-cat-over span.bordered-cat,
.l4x4-uncode-tmb a.tmb-term-evidence:not(.bordered-cat),
.l4x4-uncode-info-box a.tmb-term-evidence:not(.bordered-cat),
.l4x4-uncode-tmb span.tmb-term-evidence:not(.bordered-cat),
.l4x4-uncode-info-box span.tmb-term-evidence:not(.bordered-cat),
.t-cat-over .l4x4-uncode-tmb a.bordered-cat,
.t-cat-over .l4x4-uncode-info-box a.bordered-cat,
.t-cat-over .l4x4-uncode-tmb span.bordered-cat,
.t-cat-over .l4x4-uncode-info-box span.bordered-cat {
  color: #ffffff !important;
}
/* #Thumbs title color */
.l4x4-uncode-tmb-light.tmb-color-title,
.l4x4-uncode-tmb-light.tmb .l4x4-uncode-t-entry-text .l4x4-uncode-t-entry-title a,
.l4x4-uncode-tmb-light.tmb .l4x4-uncode-t-entry-text .l4x4-uncode-t-entry-title,
.l4x4-uncode-tmb-light.tmb-content-under.tmb .l4x4-uncode-t-entry p.t-entry-meta span,
.l4x4-uncode-tmb-light.tmb-content-lateral.tmb .l4x4-uncode-t-entry p.t-entry-meta span,
.l4x4-uncode-tmb-light.tmb-content-under.tmb .l4x4-uncode-t-entry p.t-entry-meta a:not(:hover),
.l4x4-uncode-tmb-light.tmb-content-lateral.tmb .l4x4-uncode-t-entry p.t-entry-meta a:not(:hover),
.l4x4-uncode-tmb-light.tmb .l4x4-uncode-t-entry-nav-label span,
.l4x4-uncode-tmb-light.tmb.tmb-table .t-inside-post-table .l4x4-uncode-t-entry-table-typography,
.l4x4-uncode-tmb-light.tmb.tmb-table .t-inside-post-table .l4x4-uncode-t-entry-table-typography a {
  color: #141618;
}
.l4x4-uncode-tmb-dark.tmb-color-title,
.l4x4-uncode-tmb-dark.tmb .l4x4-uncode-t-entry-text .l4x4-uncode-t-entry-title a,
.l4x4-uncode-tmb-dark.tmb .l4x4-uncode-t-entry-text .l4x4-uncode-t-entry-title,
.l4x4-uncode-tmb-dark.tmb-content-under.tmb .l4x4-uncode-t-entry p.t-entry-meta span,
.l4x4-uncode-tmb-dark.tmb-content-lateral.tmb .l4x4-uncode-t-entry p.t-entry-meta span,
.l4x4-uncode-tmb-dark.tmb-content-under.tmb .l4x4-uncode-t-entry p.t-entry-meta a:not(:hover),
.l4x4-uncode-tmb-dark.tmb-content-lateral.tmb .l4x4-uncode-t-entry p.t-entry-meta a:not(:hover),
.l4x4-uncode-tmb-dark.tmb .l4x4-uncode-t-entry-nav-label span,
.l4x4-uncode-tmb-dark.tmb.tmb-table .t-inside-post-table .l4x4-uncode-t-entry-table-typography,
.l4x4-uncode-tmb-dark.tmb.tmb-table .t-inside-post-table .l4x4-uncode-t-entry-table-typography a {
  color: #ffffff;
}
/* #Thumbs text color */
.l4x4-uncode-tmb-light.tmb-color-text,
.l4x4-uncode-tmb-light.tmb .l4x4-uncode-t-entry-text,
.l4x4-uncode-tmb-light.tmb .l4x4-uncode-t-entry-text p,
.l4x4-uncode-tmb-light.tmb .l4x4-uncode-t-entry p.t-entry-comments .extras a,
.l4x4-uncode-tmb-light.tmb.tmb-table .l4x4-uncode-post-table-column,
.l4x4-uncode-tmb-light.tmb.tmb-table .l4x4-uncode-post-table-column p:not(.headings-color):not(.l4x4-uncode-t-entry-table-typography) {
  color: #141618;
}
.l4x4-uncode-tmb-dark.tmb-color-text,
.l4x4-uncode-tmb-dark.tmb .l4x4-uncode-t-entry-text,
.l4x4-uncode-tmb-dark.tmb .l4x4-uncode-t-entry-text p,
.l4x4-uncode-tmb-dark.tmb .l4x4-uncode-t-entry p.t-entry-comments .extras a,
.l4x4-uncode-tmb-dark.tmb.tmb-table .l4x4-uncode-post-table-column,
.l4x4-uncode-tmb-dark.tmb.tmb-table .l4x4-uncode-post-table-column p:not(.headings-color):not(.l4x4-uncode-t-entry-table-typography) {
  color: #ffffff;
}
/* #Thumbs hr color */
.l4x4-uncode-tmb-light.tmb-color-hr,
.l4x4-uncode-tmb-light.el-text hr.separator-reduced,
.l4x4-uncode-tmb-light.tmb .l4x4-uncode-t-entry-visual hr,
.l4x4-uncode-tmb-light.tmb .l4x4-uncode-t-entry-text hr,
.l4x4-uncode-tmb-light.tmb-table-border.tmb.tmb-table .t-inside,
.l4x4-uncode-tmb-light.tmb-table-border-between:not(:last-child).l4x4-uncode-tmb.tmb-table .t-inside,
.l4x4-uncode-tmb-light.tmb-table-border-below.tmb.tmb-table .t-inside,
.l4x4-uncode-tmb-light.tmb-table-border-both:first-child.tmb.tmb-table .t-inside,
.l4x4-uncode-tmb-light.tmb.tmb-table .l4x4-uncode-post-table-column hr {
  border-color: #eaeaea;
}
.l4x4-uncode-tmb-dark.tmb-color-hr,
.l4x4-uncode-tmb-dark.el-text hr.separator-reduced,
.l4x4-uncode-tmb-dark.tmb .l4x4-uncode-t-entry-visual hr,
.l4x4-uncode-tmb-dark.tmb .l4x4-uncode-t-entry-text hr,
.l4x4-uncode-tmb-dark.tmb-table-border.tmb.tmb-table .t-inside,
.l4x4-uncode-tmb-dark.tmb-table-border-between:not(:last-child).l4x4-uncode-tmb.tmb-table .t-inside,
.l4x4-uncode-tmb-dark.tmb-table-border-below.tmb.tmb-table .t-inside,
.l4x4-uncode-tmb-dark.tmb-table-border-both:first-child.tmb.tmb-table .t-inside,
.l4x4-uncode-tmb-dark.tmb.tmb-table .l4x4-uncode-post-table-column hr {
  border-color: rgba(255, 255, 255, 0.25);
}
/* #Thumbs hr color */
.l4x4-uncode-tmb-light.tmb-color-a,
.l4x4-uncode-tmb-light.tmb-content-under.tmb .l4x4-uncode-t-entry p.t-entry-author a:not(:hover) span,
.l4x4-uncode-tmb-light.tmb-content-lateral.tmb .l4x4-uncode-t-entry p.t-entry-author a:not(:hover) span {
  color: #141618;
}
.l4x4-uncode-tmb-dark.tmb-color-a,
.l4x4-uncode-tmb-dark.tmb-content-under.tmb .l4x4-uncode-t-entry p.t-entry-author a:not(:hover) span,
.l4x4-uncode-tmb-dark.tmb-content-lateral.tmb .l4x4-uncode-t-entry p.t-entry-author a:not(:hover) span {
  color: #ffffff;
}
/* #Thumbs background color */
.l4x4-uncode-tmb-light.tmb-color-addcart {
  background-color: #262729;
}
.l4x4-uncode-tmb-dark.tmb-color-addcart {
  background-color: #ffffff;
}
.l4x4-uncode-tmb-light.tmb-color-addcart-half {
  color: #141618 !important;
  background-color: rgba(255, 255, 255, 0.75);
}
.l4x4-uncode-tmb-dark.tmb-color-addcart-half {
  color: #ffffff !important;
  background-color: rgba(38, 39, 41, 0.75);
}
/* #Thumbs background color */
/* #Thumbs overlay */
/* #Thumbs overlay gradient*/
.l4x4-uncode-tmb.tmb-light.tmb-overlay-gradient-bottom .l4x4-uncode-t-entry-visual .l4x4-uncode-t-entry-visual-overlay-in {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, transparent 50%);
}
.l4x4-uncode-tmb.tmb-dark.tmb-overlay-gradient-bottom .l4x4-uncode-t-entry-visual .l4x4-uncode-t-entry-visual-overlay-in {
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.5) 0%, transparent 50%);
}
.l4x4-uncode-tmb.tmb-light.tmb-overlay-gradient-top .l4x4-uncode-t-entry-visual .l4x4-uncode-t-entry-visual-overlay-in {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, transparent 50%);
}
.l4x4-uncode-tmb.tmb-dark.tmb-overlay-gradient-top .l4x4-uncode-t-entry-visual .l4x4-uncode-t-entry-visual-overlay-in {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, transparent 50%);
}
/* #Thumbs elements border width*/
.l4x4-uncode-tmb-border-width {
  border-width: 1px;
}
.l4x4-uncode-tmb-border-reduced-width,
.el-text hr.separator-reduced {
  border-width: 2px;
}
/* #Thumbs shadow */
.l4x4-uncode-tmb-with-shadow,
.l4x4-uncode-tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-tmb > .t-inside,
.l4x4-uncode-tmb-shadowed.tmb-no-bg.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-shadowed.tmb-shadowed-hover.tmb-no-bg:hover.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-media-shadowed.tmb .l4x4-uncode-t-entry-visual,
.l4x4-uncode-single-media-wrapper.tmb-shadow,
.l4x4-uncode-tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) img,
.l4x4-uncode-tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) video,
.l4x4-uncode-tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) iframe {
  box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.05);
}
/* #Thumbs border */
.l4x4-uncode-tmb-light.tmb-border,
.l4x4-uncode-tmb-light.tmb-bordered:not(.l4x4-uncode-tmb-no-bg):not(.l4x4-uncode-tmb-shadowed).l4x4-uncode-tmb > .t-inside,
.l4x4-uncode-tmb-light.tmb-bordered.tmb-no-bg.tmb > .t-inside .l4x4-uncode-t-entry-visual {
  border: 1px solid #eaeaea;
}
.l4x4-uncode-tmb-dark.tmb-border,
.l4x4-uncode-tmb-dark.tmb-bordered:not(.l4x4-uncode-tmb-no-bg):not(.l4x4-uncode-tmb-shadowed).l4x4-uncode-tmb > .t-inside,
.l4x4-uncode-tmb-dark.tmb-bordered.tmb-no-bg.tmb > .t-inside .l4x4-uncode-t-entry-visual {
  border: 1px solid #7a7d82;
}
.l4x4-uncode-tmb-light.tmb-border-under {
  border-color: #eaeaea;
}
.l4x4-uncode-tmb-dark.tmb-border-under {
  border-color: #ffffff;
}
.post-media .l4x4-uncode-tmb-light .regular-text p,
.post-media .l4x4-uncode-tmb-light .regular-text a,
.post-media .l4x4-uncode-tmb-light .regular-text * {
  color: #141618;
}
.post-media .l4x4-uncode-tmb-light .regular-text .pullquote * {
  color: #141618 !important;
}
.post-media .l4x4-uncode-tmb-dark .regular-text p,
.post-media .l4x4-uncode-tmb-dark .regular-text a,
.post-media .l4x4-uncode-tmb-dark .regular-text * {
  color: #ffffff;
}
.post-media .l4x4-uncode-tmb-dark .regular-text .pullquote * {
  color: #ffffff !important;
}
/*
----------------------------------------------------------

#Shadows

----------------------------------------------------------
*/
.body-borders .body-border-shadow {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.075);
}
@media (min-width: 960px) {
  .menu-shadows {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.075);
  }
  body[class*=vmenu-] .menu-shadows {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.075);
  }
}
.btn-shadow {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, .1) !important;
}
.btn-shadow-sm.btn-shadow {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15) !important;
}
.btn-shadow-std.btn-shadow {
  box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.15) !important;
}
.btn-shadow-lg.btn-shadow {
  box-shadow: 0px 12px 40px rgba(0, 0, 0, 0.20) !important;
}
.btn-shadow-xl.btn-shadow {
  box-shadow: 0px 16px 50px rgba(0,0,0,0.25) !important;
}
.unshadow-xs,
.uncell.unshadow-xs,
.uncont.unshadow-xs,
.menu-dd-shadow-xs.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item > ul,
.menu-dd-shadow-xs.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item:not(.mega-menu) > ul ul,
.menu-dd-shadow-xs.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item > .vc_row,
#masthead .overlay-search.menu-dd-shadow-xs {
  box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.05);
}
.unshadow-darker-xs,
.menu-dd-shadow-darker-xs.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item > ul,
.menu-dd-shadow-darker-xs.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item:not(.mega-menu) > ul ul,
.menu-dd-shadow-darker-xs.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item > .vc_row,
#masthead .overlay-search.menu-dd-shadow-darker-xs {
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25);
}
.unshadow-sm,
.uncell.unshadow-sm,
.uncont.unshadow-sm,
.l4x4-uncode-tmb-shadowed-sm.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-tmb > .t-inside,
.l4x4-uncode-tmb-media-shadowed-sm.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-tmb > .t-inside,
.l4x4-uncode-tmb-shadowed-sm.tmb-shadowed.tmb-no-bg.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-media-shadowed-sm.tmb-shadowed.tmb-no-bg.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-shadowed-hover-sm.tmb-shadowed.tmb-shadowed-hover.tmb-no-bg:hover.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-media-shadowed-sm.tmb-media-shadowed.tmb .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-shadowed-sm.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) img,
.l4x4-uncode-tmb-shadowed-sm.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) video,
.l4x4-uncode-tmb-shadowed-sm.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) iframe,
.l4x4-uncode-tmb-media-shadowed-sm.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) img,
.l4x4-uncode-tmb-media-shadowed-sm.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) video,
.l4x4-uncode-tmb-media-shadowed-sm.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) iframe,
.menu-dd-shadow-sm.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item > ul,
.menu-dd-shadow-sm.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item:not(.mega-menu) > ul ul,
.menu-dd-shadow-sm.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item > .vc_row,
#masthead .overlay-search.menu-dd-shadow-sm,
.uncell.tmb-media-shadowed-sm.tmb-media-shadowed.tmb .l4x4-uncode-t-entry-visual,
.uncont.tmb-media-shadowed-sm.tmb-media-shadowed.tmb .l4x4-uncode-t-entry-visual {
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.075);
}
.unshadow-darker-sm,
.uncell.unshadow-darker-sm,
.uncont.unshadow-darker-sm,
.l4x4-uncode-tmb-shadowed-darker-sm.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-tmb > .t-inside,
.l4x4-uncode-tmb-media-shadowed-darker-sm.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-tmb > .t-inside,
.l4x4-uncode-tmb-shadowed-darker-sm.tmb-shadowed.tmb-no-bg.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-media-shadowed-darker-sm.tmb-shadowed.tmb-no-bg.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-shadowed-hover-darker-sm.tmb-shadowed.tmb-shadowed-hover.tmb-no-bg:hover.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-media-shadowed-darker-sm.tmb-media-shadowed.tmb .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-shadowed-darker-sm.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) img,
.l4x4-uncode-tmb-shadowed-darker-sm.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) video,
.l4x4-uncode-tmb-shadowed-darker-sm.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) iframe,
.l4x4-uncode-tmb-media-shadowed-darker-sm.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) img,
.l4x4-uncode-tmb-media-shadowed-darker-sm.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) video,
.l4x4-uncode-tmb-media-shadowed-darker-sm.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) iframe,
.menu-dd-shadow-darker-sm.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item > ul,
.menu-dd-shadow-darker-sm.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item:not(.mega-menu) > ul ul,
.menu-dd-shadow-darker-sm.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item > .vc_row,
#masthead .overlay-search.menu-dd-shadow-darker-sm,
.uncell.tmb-media-shadowed-darker-sm.tmb-media-shadowed.tmb .l4x4-uncode-t-entry-visual,
.uncont.tmb-media-shadowed-darker-sm.tmb-media-shadowed.tmb .l4x4-uncode-t-entry-visual {
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.35);
}
.unshadow-std,
.uncell.unshadow-std,
.uncont.unshadow-std,
.l4x4-uncode-tmb-shadowed-std.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-tmb > .t-inside,
.l4x4-uncode-tmb-media-shadowed-std.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-tmb > .t-inside,
.l4x4-uncode-tmb-shadowed-std.tmb-shadowed.tmb-no-bg.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-media-shadowed-std.tmb-shadowed.tmb-no-bg.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-shadowed-hover-std.tmb-shadowed.tmb-shadowed-hover.tmb-no-bg:hover.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-media-shadowed-std.tmb-media-shadowed.tmb .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-shadowed-std.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) img,
.l4x4-uncode-tmb-shadowed-std.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) video,
.l4x4-uncode-tmb-shadowed-std.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) iframe,
.l4x4-uncode-tmb-media-shadowed-std.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) img,
.l4x4-uncode-tmb-media-shadowed-std.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) video,
.l4x4-uncode-tmb-media-shadowed-std.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) iframe,
.menu-dd-shadow-std.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item > ul,
.menu-dd-shadow-std.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item:not(.mega-menu) > ul ul,
.menu-dd-shadow-std.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item > .vc_row,
#masthead .overlay-search.menu-dd-shadow-std,
.uncell.tmb-media-shadowed-std.tmb-media-shadowed.tmb .l4x4-uncode-t-entry-visual,
.uncont.tmb-media-shadowed-std.tmb-media-shadowed.tmb .l4x4-uncode-t-entry-visual {
  box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.10);
}
.unshadow-darker-std,
.uncell.unshadow-darker-std,
.uncont.unshadow-darker-std,
.l4x4-uncode-tmb-shadowed-darker-std.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-tmb > .t-inside,
.l4x4-uncode-tmb-media-shadowed-darker-std.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-tmb > .t-inside,
.l4x4-uncode-tmb-shadowed-darker-std.tmb-shadowed.tmb-no-bg.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-media-shadowed-darker-std.tmb-shadowed.tmb-no-bg.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-shadowed-hover-darker-std.tmb-shadowed.tmb-shadowed-hover.tmb-no-bg:hover.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-media-shadowed-darker-std.tmb-media-shadowed.tmb .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-shadowed-darker-std.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) img,
.l4x4-uncode-tmb-shadowed-darker-std.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) video,
.l4x4-uncode-tmb-shadowed-darker-std.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) iframe,
.l4x4-uncode-tmb-media-shadowed-darker-std.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) img,
.l4x4-uncode-tmb-media-shadowed-darker-std.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) video,
.l4x4-uncode-tmb-media-shadowed-darker-std.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) iframe,
.menu-dd-shadow-darker-std.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item > ul,
.menu-dd-shadow-darker-std.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item:not(.mega-menu) > ul ul,
.menu-dd-shadow-darker-std.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item > .vc_row,
#masthead .overlay-search.menu-dd-shadow-darker-std,
.uncell.tmb-media-shadowed-darker-std.tmb-media-shadowed.tmb .l4x4-uncode-t-entry-visual,
.uncont.tmb-media-shadowed-darker-std.tmb-media-shadowed.tmb .l4x4-uncode-t-entry-visual {
  box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.50);
}
.unshadow-lg,
.uncell.unshadow-lg,
.uncont.unshadow-lg,
.l4x4-uncode-tmb-shadowed-lg.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-tmb > .t-inside,
.l4x4-uncode-tmb-media-shadowed-lg.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-tmb > .t-inside,
.l4x4-uncode-tmb-shadowed-lg.tmb-shadowed.tmb-no-bg.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-media-shadowed-lg.tmb-shadowed.tmb-no-bg.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-shadowed-hover-lg.tmb-shadowed.tmb-shadowed-hover.tmb-no-bg:hover.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-media-shadowed-lg.tmb-media-shadowed.tmb .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-shadowed-lg.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) img,
.l4x4-uncode-tmb-shadowed-lg.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) video,
.l4x4-uncode-tmb-shadowed-lg.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) iframe,
.l4x4-uncode-tmb-media-shadowed-lg.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) img,
.l4x4-uncode-tmb-media-shadowed-lg.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) video,
.l4x4-uncode-tmb-media-shadowed-lg.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) iframe,
.menu-dd-shadow-lg.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item > ul,
.menu-dd-shadow-lg.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item:not(.mega-menu) > ul ul,
.menu-dd-shadow-lg.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item > .vc_row,
#masthead .overlay-search.menu-dd-shadow-lg,
.uncell.tmb-media-shadowed-lg.tmb-media-shadowed.tmb .l4x4-uncode-t-entry-visual,
.uncont.tmb-media-shadowed-lg.tmb-media-shadowed.tmb .l4x4-uncode-t-entry-visual {
  box-shadow: 0px 50px 100px rgba(0, 0, 0, 0.10);
}
.unshadow-darker-lg,
.uncell.unshadow-darker-lg,
.uncont.unshadow-darker-lg,
.l4x4-uncode-tmb-shadowed-darker-lg.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-tmb > .t-inside,
.l4x4-uncode-tmb-media-shadowed-darker-lg.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-tmb > .t-inside,
.l4x4-uncode-tmb-shadowed-darker-lg.tmb-shadowed.tmb-no-bg.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-media-shadowed-darker-lg.tmb-shadowed.tmb-no-bg.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-shadowed-hover-darker-lg.tmb-shadowed.tmb-shadowed-hover.tmb-no-bg:hover.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-media-shadowed-darker-lg.tmb-media-shadowed.tmb .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-shadowed-darker-lg.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) img,
.l4x4-uncode-tmb-shadowed-darker-lg.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) video,
.l4x4-uncode-tmb-shadowed-darker-lg.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) iframe,
.l4x4-uncode-tmb-media-shadowed-darker-lg.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) img,
.l4x4-uncode-tmb-media-shadowed-darker-lg.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) video,
.l4x4-uncode-tmb-media-shadowed-darker-lg.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) iframe,
.menu-dd-shadow-darker-lg.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item > ul,
.menu-dd-shadow-darker-lg.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item:not(.mega-menu) > ul ul,
.menu-dd-shadow-darker-lg.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item > .vc_row,
#masthead .overlay-search.menu-dd-shadow-darker-lg,
.uncell.tmb-media-shadowed-darker-lg.tmb-media-shadowed.tmb .l4x4-uncode-t-entry-visual,
.uncont.tmb-media-shadowed-darker-lg.tmb-media-shadowed.tmb .l4x4-uncode-t-entry-visual {
  box-shadow: 0px 70px 140px rgba(0, 0, 0, 0.20);
}
.unshadow-xl,
.uncell.unshadow-xl,
.uncont.unshadow-xl,
.l4x4-uncode-tmb-shadowed-xl.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-tmb > .t-inside,
.l4x4-uncode-tmb-media-shadowed-xl.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-tmb > .t-inside,
.l4x4-uncode-tmb-shadowed-xl.tmb-shadowed.tmb-no-bg.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-media-shadowed-xl.tmb-shadowed.tmb-no-bg.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-shadowed-hover-xl.tmb-shadowed.tmb-shadowed-hover.tmb-no-bg:hover.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-media-shadowed-xl.tmb-media-shadowed.tmb .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-shadowed-xl.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) img,
.l4x4-uncode-tmb-shadowed-xl.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) video,
.l4x4-uncode-tmb-shadowed-xl.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) iframe,
.l4x4-uncode-tmb-media-shadowed-xl.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) img,
.l4x4-uncode-tmb-media-shadowed-xl.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) video,
.l4x4-uncode-tmb-media-shadowed-xl.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) iframe,
.menu-dd-shadow-xl.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item > ul,
.menu-dd-shadow-xl.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item:not(.mega-menu) > ul ul,
.menu-dd-shadow-xl.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item > .vc_row,
#masthead .overlay-search.menu-dd-shadow-xl,
.uncell.tmb-media-shadowed-xl.tmb-media-shadowed.tmb .l4x4-uncode-t-entry-visual,
.uncont.tmb-media-shadowed-xl.tmb-media-shadowed.tmb .l4x4-uncode-t-entry-visual {
  box-shadow: 0px 70px 140px rgba(0, 0, 0, 0.20);
}
.unshadow-darker-xl,
.uncell.unshadow-darker-xl,
.uncont.unshadow-darker-xl,
.l4x4-uncode-tmb-shadowed-darker-xl.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-tmb > .t-inside,
.l4x4-uncode-tmb-media-shadowed-darker-xl.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-tmb > .t-inside,
.l4x4-uncode-tmb-shadowed-darker-xl.tmb-shadowed.tmb-no-bg.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-media-shadowed-darker-xl.tmb-shadowed.tmb-no-bg.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-shadowed-hover-darker-xl.tmb-shadowed.tmb-shadowed-hover.tmb-no-bg:hover.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-media-shadowed-darker-xl.tmb-media-shadowed.tmb .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-shadowed-darker-xl.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) img,
.l4x4-uncode-tmb-shadowed-darker-xl.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) video,
.l4x4-uncode-tmb-shadowed-darker-xl.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) iframe,
.l4x4-uncode-tmb-media-shadowed-darker-xl.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) img,
.l4x4-uncode-tmb-media-shadowed-darker-xl.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) video,
.l4x4-uncode-tmb-media-shadowed-darker-xl.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) iframe,
.menu-dd-shadow-darker-xl.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item > ul,
.menu-dd-shadow-darker-xl.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item:not(.mega-menu) > ul ul,
.menu-dd-shadow-darker-xl.menu-horizontal .l4x4-uncode-menu-smart > li.menu-item > .vc_row,
#masthead .overlay-search.menu-dd-shadow-darker-xl,
.uncell.tmb-media-shadowed-darker-xl.tmb-media-shadowed.tmb .l4x4-uncode-t-entry-visual,
.uncont.tmb-media-shadowed-darker-xl.tmb-media-shadowed.tmb .l4x4-uncode-t-entry-visual {
  box-shadow: 0px 70px 140px rgba(0, 0, 0, 0.50);
}
.unshadow-none,
.uncell.unshadow-hover-none:hover,
.uncont.unshadow-hover-none:hover,
.l4x4-uncode-tmb-shadowed-none.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-tmb > .t-inside,
.l4x4-uncode-tmb-media-shadowed-none.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-tmb > .t-inside,
.l4x4-uncode-tmb-shadowed-darker-none.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-tmb > .t-inside,
.l4x4-uncode-tmb-media-shadowed-darker-none.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-tmb > .t-inside,
.l4x4-uncode-tmb-shadowed-none.tmb-shadowed.tmb-no-bg.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-shadowed-darker-none.tmb-shadowed.tmb-no-bg.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-shadowed-hover-none.tmb-shadowed.tmb-shadowed-hover.tmb-no-bg:hover.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-shadowed-hover-darker-none.tmb-shadowed.tmb-shadowed-hover.tmb-no-bg:hover.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.l4x4-uncode-tmb-shadowed-none.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) img,
.l4x4-uncode-tmb-shadowed-none.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) video,
.l4x4-uncode-tmb-shadowed-none.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) iframe,
.l4x4-uncode-tmb-media-shadowed-none.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) img,
.l4x4-uncode-tmb-media-shadowed-none.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) video,
.l4x4-uncode-tmb-media-shadowed-none.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) iframe,
.l4x4-uncode-tmb-shadowed-darker-none.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) img,
.l4x4-uncode-tmb-shadowed-darker-none.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) video,
.l4x4-uncode-tmb-shadowed-darker-none.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) iframe,
.l4x4-uncode-tmb-media-shadowed-darker-none.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) img,
.l4x4-uncode-tmb-media-shadowed-darker-none.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) video,
.l4x4-uncode-tmb-media-shadowed-darker-none.tmb-shadowed:not(.l4x4-uncode-tmb-no-bg).l4x4-uncode-t-entry-drop:not(.drop-parent) iframe {
  box-shadow: none;
}
/*
----------------------------------------------------------

#Corners

----------------------------------------------------------
*/
.unradius-xs,
.img-round-xs.img-round,
.img-round-xs.tmb-round,
.img-round-xs.img-round > img,
.img-round-xs.tmb-round > img,
.img-round-xs.img-round > span > img,
.img-round-xs.tmb-round > span > img,
.img-round-xs.img-round > .t-inside,
.img-round-xs.tmb-round > .t-inside,
.img-round-xs.img-round .l4x4-uncode-t-entry-visual-cont > a,
.img-round-xs.tmb-round .l4x4-uncode-t-entry-visual-cont > a,
.img-round-xs.tmb-show-secondary.img-round .l4x4-uncode-t-entry-visual-cont,
.img-round-xs.tmb-show-secondary.tmb-round .l4x4-uncode-t-entry-visual-cont,
.uncell.unradius-xs,
.uncont.unradius-xs,
.img-round-xs.img-round.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.img-round-xs.img-round.tmb > .t-inside .l4x4-uncode-t-entry-visual-cont {
  border-radius: 2px;
  background-clip: padding-box;
}
.unradius-sm,
.img-round,
.l4x4-uncode-tmb-round,
.img-round > .t-inside,
.l4x4-uncode-tmb-round > .t-inside,
.img-round > img,
.l4x4-uncode-tmb-round > img,
.img-round > span > img,
.l4x4-uncode-tmb-round > span > img,
.img-round .l4x4-uncode-t-entry-visual-cont > a,
.l4x4-uncode-tmb-round .l4x4-uncode-t-entry-visual-cont > a,
.img-round .l4x4-uncode-t-entry-visual-cont > .dummy,
.l4x4-uncode-tmb-round .l4x4-uncode-t-entry-visual-cont > .dummy,
.uncell.unradius-sm,
.uncont.unradius-sm,
.img-round.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.img-round.tmb > .t-inside .l4x4-uncode-t-entry-visual-cont {
  border-radius: 4px;
  background-clip: padding-box;
}
.unradius-std,
.img-round-std.img-round,
.img-round-std.tmb-round,
.img-round-std.img-round > img,
.img-round-std.tmb-round > img,
.img-round-std.img-round > span > img,
.img-round-std.tmb-round > span > img,
.img-round-std.img-round > .t-inside,
.img-round-std.tmb-round > .t-inside,
.img-round-std.img-round .l4x4-uncode-t-entry-visual-cont > a,
.img-round-std.tmb-round .l4x4-uncode-t-entry-visual-cont > a,
.img-round-std.tmb-show-secondary.img-round .l4x4-uncode-t-entry-visual-cont,
.img-round-std.tmb-show-secondary.tmb-round .l4x4-uncode-t-entry-visual-cont,
.uncell.unradius-std,
.uncont.unradius-std,
.img-round-std.img-round.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.img-round-std.img-round.tmb > .t-inside .l4x4-uncode-t-entry-visual-cont {
  border-radius: 8px;
  background-clip: padding-box;
}
.unradius-lg,
.img-round-lg.img-round,
.img-round-lg.tmb-round,
.img-round-lg.img-round > img,
.img-round-lg.tmb-round > img,
.img-round-lg.img-round > span > img,
.img-round-lg.tmb-round > span > img,
.img-round-lg.img-round > .t-inside,
.img-round-lg.tmb-round > .t-inside,
.img-round-lg.img-round .l4x4-uncode-t-entry-visual-cont > a,
.img-round-lg.tmb-round .l4x4-uncode-t-entry-visual-cont > a,
.img-round-lg.tmb-show-secondary.img-round .l4x4-uncode-t-entry-visual-cont,
.img-round-lg.tmb-show-secondary.tmb-round .l4x4-uncode-t-entry-visual-cont,
.uncell.unradius-lg,
.uncont.unradius-lg,
.img-round-lg.img-round.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.img-round-lg.img-round.tmb > .t-inside .l4x4-uncode-t-entry-visual-cont {
  border-radius: 12px;
  background-clip: padding-box;
}
.unradius-xl,
.img-round-xl.img-round,
.img-round-xl.tmb-round,
.img-round-xl.img-round > img,
.img-round-xl.tmb-round > img,
.img-round-xl.img-round > span > img,
.img-round-xl.tmb-round > span > img,
.img-round-xl.img-round > .t-inside,
.img-round-xl.tmb-round > .t-inside,
.img-round-xl.img-round .l4x4-uncode-t-entry-visual-cont > a,
.img-round-xl.tmb-round .l4x4-uncode-t-entry-visual-cont > a,
.img-round-xl.tmb-show-secondary.img-round .l4x4-uncode-t-entry-visual-cont,
.img-round-xl.tmb-show-secondary.tmb-round .l4x4-uncode-t-entry-visual-cont,
.uncell.unradius-xl,
.uncont.unradius-xl,
.img-round-xl.img-round.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.img-round-xl.img-round.tmb > .t-inside .l4x4-uncode-t-entry-visual-cont {
  border-radius: 16px;
  background-clip: padding-box;
}
.unradius-hg,
.img-round-hg.img-round,
.img-round-hg.tmb-round,
.img-round-hg.img-round > img,
.img-round-hg.tmb-round > img,
.img-round-hg.img-round > span > img,
.img-round-hg.tmb-round > span > img,
.img-round-hg.img-round > .t-inside,
.img-round-hg.tmb-round > .t-inside,
.img-round-hg.img-round .l4x4-uncode-t-entry-visual-cont > a,
.img-round-hg.tmb-round .l4x4-uncode-t-entry-visual-cont > a,
.img-round-hg.tmb-show-secondary.img-round .l4x4-uncode-t-entry-visual-cont,
.img-round-hg.tmb-show-secondary.tmb-round .l4x4-uncode-t-entry-visual-cont,
.uncell.unradius-hg,
.uncont.unradius-hg,
.img-round-hg.img-round.tmb > .t-inside .l4x4-uncode-t-entry-visual,
.img-round-hg.img-round.tmb > .t-inside .l4x4-uncode-t-entry-visual-cont {
  border-radius: 27px;
  background-clip: padding-box;
}

/* Fade-in section animation */
section {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease;
}
section.in-view {
  opacity: 1;
  transform: none;
}


/* ============================================================
   HERO SECTION — L4x4 Clean Replacement for Uncode Hero
   ============================================================ */

.hero {
  position: relative;
  width: 100%;
  height: 100vh; /* full viewport height */
  overflow: hidden;
}

.hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  transition: transform 0.6s ease-out;
  will-change: transform;
}

.hero .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35); /* darken overlay for readability */
  z-index: 1;
}

.hero-content {
  position: relative;
  z-index: 2;
  color: #fff;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 1rem;
}

.hero-content h1 {
  font-size: clamp(2.5rem, 5vw, 5rem);
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.hero-content h2 {
  font-size: clamp(1.2rem, 2vw, 2rem);
  font-weight: 400;
  letter-spacing: 1px;
}

/* Optional subtle parallax-like motion on scroll */
@media (hover: hover) and (min-width: 768px) {
  .hero.in-view .hero-background {
    transform: translateY(0);
  }
  .hero .hero-background {
    transform: translateY(4%);
  }
}

/* Responsive spacing adjustments */
@media (max-width: 768px) {
  .hero-content h1 {
    font-size: 2.2rem;
  }
  .hero-content h2 {
    font-size: 1.1rem;
  }
}

/* ============================================================
   SCROLL STATE (sticky header trigger compatibility)
   ============================================================ */
.is_scrolled .hero .overlay {
  background: rgba(0, 0, 0, 0.45);
}

/* ✅ HERO + HEADER FIXES (Uncode-style behavior) */

/* --- Hero section full screen --- */
.hero {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.hero .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}

.hero .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
}

.hero .hero-content {
  position: relative;
  z-index: 3;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.hero .hero-content h1 {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}

.hero .hero-content h2 {
  font-size: 1.5rem;
  font-weight: 300;
}

/* --- Navbar overlay + transparent top --- */
.l4x4-uncode-menu-transparent {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: transparent;
  transition: all 0.4s ease-in-out;
  z-index: 999;
  padding: 1rem 0;
}

/* --- Scroll state (sticky white background) --- */
body.is_scrolled .l4x4-uncode-menu-transparent {
  background: #ffffff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* --- Logo swap --- */
.logo-light {
  display: block;
}
.logo-dark {
  display: none;
}
body.is_scrolled .logo-light {
  display: none;
}
body.is_scrolled .logo-dark {
  display: block;
}

/* --- Menu horizontal layout --- */
.l4x4-uncode-nav ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 2rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.l4x4-uncode-nav ul li a {
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

body.is_scrolled .l4x4-uncode-nav ul li a {
  color: #000000;
}

/* ✅ Fix hero cutoff under fixed navbar */
.hero {
  margin-top: 0;
  padding-top: 100px; /* Adjust this number to match your navbar height */
  box-sizing: border-box;
}

/* Remove any overlap caused by fixed header */
.l4x4-uncode-menu-transparent {
  height: auto;
  line-height: normal;
}

/* ===== NAVBAR TRANSPARENCY / SCROLL BEHAVIOR FIX ===== */

/* Default state (top of page, before scroll) */
.l4x4-uncode-menu-transparent {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: transparent !important;
  box-shadow: none !important;
  z-index: 9999;
  padding: 1rem 0;
  transition: background-color 0.4s ease, box-shadow 0.4s ease;
}

/* Menu links default color = white over hero */
.l4x4-uncode-menu-transparent .navbar-nav > li > a,
.l4x4-uncode-menu-transparent .l4x4-uncode-nav ul li a {
  color: #ffffff;
  transition: color 0.3s ease;
}

/* White logo visible at top */
.l4x4-uncode-menu-transparent .logo-light { display: block; }
.l4x4-uncode-menu-transparent .logo-dark { display: none; }

/* Scrolled state (when body.is_scrolled is added by JS) */
body.is_scrolled .l4x4-uncode-menu-transparent {
  background: #ffffff !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important;
}

/* Menu links turn black on scroll */
body.is_scrolled .l4x4-uncode-menu-transparent .navbar-nav > li > a,
body.is_scrolled .l4x4-uncode-menu-transparent .l4x4-uncode-nav ul li a {
  color: #000000;
}

/* Logo swaps on scroll */
body.is_scrolled .l4x4-uncode-menu-transparent .logo-light { display: none; }
body.is_scrolled .l4x4-uncode-menu-transparent .logo-dark { display: block; }

/* Don't push hero down anymore */
.hero {
  margin-top: 0;
  padding-top: 0;
  height: 100vh;
  position: relative;
}

.hero .hero-background {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1;
}

.hero .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.3);
  z-index: 2;
}

.hero .hero-content {
  position: relative;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
}

/* === FORCE TRANSPARENT HEADER AT TOP (not scrolled) === */

/* Top-of-page state */
body:not(.is_scrolled) .l4x4-uncode-menu-transparent {
  background: transparent !important;
  box-shadow: none !important;
}

/* Menu links and icons should be white at top */
body:not(.is_scrolled) .l4x4-uncode-menu-transparent .navbar-nav > li > a,
body:not(.is_scrolled) .l4x4-uncode-menu-transparent .l4x4-uncode-nav ul li a,
body:not(.is_scrolled) .l4x4-uncode-menu-transparent .navbar-extra-icons i {
  color: #ffffff !important;
}

/* Logo swap at top: show white, hide black */
body:not(.is_scrolled) .l4x4-uncode-menu-transparent .logo-light {
  display: block !important;
}
body:not(.is_scrolled) .l4x4-uncode-menu-transparent .logo-dark {
  display: none !important;
}

/* Scrolled state: white background, black text, black logo */
body.is_scrolled .l4x4-uncode-menu-transparent {
  background: #ffffff !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important;
}

body.is_scrolled .l4x4-uncode-menu-transparent .navbar-nav > li > a,
body.is_scrolled .l4x4-uncode-menu-transparent .l4x4-uncode-nav ul li a,
body.is_scrolled .l4x4-uncode-menu-transparent .navbar-extra-icons i {
  color: #000000 !important;
}

body.is_scrolled .l4x4-uncode-menu-transparent .logo-light {
  display: none !important;
}
body.is_scrolled .l4x4-uncode-menu-transparent .logo-dark {
  display: block !important;
}

/* === FORCE TRANSPARENT HEADER FIX — LOSTINA4X4 === */

/* Make the full header and containers transparent at the top */
body:not(.is_scrolled) header#masthead,
body:not(.is_scrolled) .l4x4-uncode-menu-container,
body:not(.is_scrolled) .l4x4-uncode-main-menu-container,
body:not(.is_scrolled) .l4x4-uncode-menu-horizontal {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}



/* Top state – white text and icons */
body:not(.is_scrolled) header#masthead a,
body:not(.is_scrolled) header#masthead i {
  color: #ffffff !important;
}

/* Scrolled state – white background and dark text */
body.is_scrolled header#masthead,
body.is_scrolled .l4x4-uncode-menu-container {
  background: #ffffff !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

/* Scrolled state – black text and icons */
body.is_scrolled header#masthead a,
body.is_scrolled header#masthead i {
  color: #000000 !important;
}

/* Logo toggle */
body:not(.is_scrolled) .logo-light { display: block !important; }
body:not(.is_scrolled) .logo-dark { display: none !important; }
body.is_scrolled .logo-light { display: none !important; }
body.is_scrolled .logo-dark { display: block !important; }




/* Sticky state after scroll */
header#masthead.is_stuck {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}

/* Create space so content doesn't jump under the fixed header */
body.is_scrolled main,
body.is_scrolled .main-wrapper,
body.is_scrolled #site-content {
  padding-top: 100px; /* tweak if header is taller/shorter */
}



/* === Fix: Make header and hero containers full-width === */
.l4x4-uncode-box-container,
.l4x4-uncode-box-wrapper,
.l4x4-uncode-menu-container,
.l4x4-uncode-row-menu.limit-width {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 auto !important;
  left: 0 !important;
  right: 0 !important;
  padding: 0 !important;
}






/* === LOSTINA4X4 NAVBAR + LOGO ALIGNMENT FIX === */

/* Make navbar a consistent height */
header#masthead {
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* === FIX LOGO SIZE + TRUE CENTERING === */
.l4x4-uncode-logo-container {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 120px; /* full navbar height */
  padding-left: 30px;
  position: relative;
  top: 0;
  background: transparent !important;
}

/* Make sure parent container doesn’t clip it */
.l4x4-uncode-menu-container {
  display: flex;
  align-items: center;
  height: 120px;
}

/* Adjust actual logo size */
.l4x4-uncode-logo-container img {
  height: 95px !important; /* ← adjust this if needed */
  width: auto !important;
  object-fit: contain;
  margin: 0;
  display: block;
  vertical-align: middle;
}


/* Align main menu to center horizontally */
.l4x4-uncode-main-menu-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Style menu items for spacing and sizing */
.l4x4-uncode-menu-primary-inner > li > a {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.5px;
  padding: 0 18px;
  text-transform: uppercase;
}

/* Align social icons horizontally to the right */
.navbar-extra-icons {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  gap: 18px;
}

.navbar-extra-icons i {
  font-size: 20px;
  transition: opacity 0.2s ease-in-out;
}

.navbar-extra-icons i:hover {
  opacity: 0.8;
}

/* Maintain white/black color swap on scroll */
body:not(.is_scrolled) .navbar-extra-icons i {
  color: #ffffff !important;
}
body.is_scrolled .navbar-extra-icons i {
  color: #000000 !important;
}





/* ✅ Fix LostInA4x4 social icons layout — align horizontally & tighten spacing */
ul.l4x4-uncode-menu-smart.l4x4-uncode-sm.menu-icons.l4x4-uncode-menu-smart-social {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: -3px !important; /* adjust spacing between icons if needed */
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

ul.l4x4-uncode-menu-smart.l4x4-uncode-sm.menu-icons.l4x4-uncode-menu-smart-social li {
  display: inline-flex !important;
  align-items: center !important;
}

/* ✅ Fine-tune LostInA4x4 logo vertical position */
.l4x4-uncode-logo-container img {
  position: relative;
  top: 35px; /* move logo down — adjust this number if needed */
}

body.is_scrolled .l4x4-uncode-logo-container img {
  top: 0; /* reset when scrolled to keep perfect alignment */
}


/* ✅ Remove dropdown and right-arrow icons from menu tabs */
.navbar-nav i.fa-dropdown {
  display: none !important;
}

/* === UL-LEVEL OVERRIDES FOR MAIN TOP MENU === */

/* Force the UL itself to line up centered and tight */
header#masthead #menu-top-menu.l4x4-uncode-menu-primary-inner.l4x4-uncode-menu-smart.sm {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;              /* ← 🎯 THIS line controls spacing between menu tabs */
  margin: 0 auto !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Reset each top-level LI so Uncode can't inject margins/padding */
header#masthead #menu-top-menu > li {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}

/* Style the actual clickable links */
header#masthead #menu-top-menu > li > a {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;      /* bold */
  font-size: 13px !important;       /* smaller text like your reference screenshot */
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  color: inherit !important;
  display: inline-block !important;
  padding: 4px 6px !important;      /* tighten vertical + horizontal */
  margin: 0 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transition: opacity 0.25s ease !important;
}

/* Hover fade To make the hover/click transparency stronger (more faded) */
header#masthead #menu-top-menu > li > a:hover {
  opacity: 0.4 !important;  
}

/* Kill any inner span/text wrappers trying to override font-size etc */
header#masthead #menu-top-menu > li > a * {
  font-family: inherit !important;
  font-weight: inherit !important;
  font-size: inherit !important;
  text-transform: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
}

/* === MICRO-ADJUST MENU VERTICAL ALIGNMENT === */
header#masthead .l4x4-uncode-main-menu-container .l4x4-uncode-nav.navbar-nav,
header#masthead #menu-top-menu.l4x4-uncode-menu-primary-inner.l4x4-uncode-menu-smart.sm {
  position: relative !important;
  top: -25px !important;   /* tweak this value if needed */
}

/* === CORRECTED: ALIGN SOCIAL ICONS WITHOUT SHRINKING === */
ul.l4x4-uncode-menu-smart.l4x4-uncode-sm.menu-icons.l4x4-uncode-menu-smart-social {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  position: relative !important;
  top: -2px !important; /* Align vertically with menu tabs */
  gap: 10px !important; /* keep natural spacing */
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Keep icons full size and vertically centered */
ul.l4x4-uncode-menu-smart.l4x4-uncode-sm.menu-icons.l4x4-uncode-menu-smart-social li {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Ensure hover style matches menu */
ul.l4x4-uncode-menu-smart.l4x4-uncode-sm.menu-icons.l4x4-uncode-menu-smart-social li a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  transition: opacity 0.25s ease !important;
}

ul.l4x4-uncode-menu-smart.l4x4-uncode-sm.menu-icons.l4x4-uncode-menu-smart-social li a:hover {
  opacity: 0.8 !important;
}

/* === FINAL MICRO-ADJUST: SHIFT SOCIAL ICONS CONTAINER VERTICALLY === */
header#masthead .l4x4-uncode-menu-smart-social {
  position: relative !important;
  top: -3px !important; /* move up slightly; adjust between -1px and -5px if needed */
}

/* === FINAL HEADER ROW FIX: keep menu + social icons on one line === */
header#masthead .l4x4-uncode-menu-horizontal-inner.l4x4-nav-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
}

/* main menu should only be as wide as its content */
header#masthead .l4x4-uncode-nav.navbar-nav.navbar-main.navbar-nav-first {
  flex: 0 1 auto !important;
  display: flex !important;
  justify-content: center !important;
}

/* keep icon spacing and hover */
header#masthead .navbar-extra-icons.l4x4-social-inline ul {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 1px !important; /* ← 🎯 THIS line controls spacing between icons */
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

header#masthead .navbar-extra-icons.l4x4-social-inline a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  transition: opacity 0.25s ease !important;
}

header#masthead .navbar-extra-icons.l4x4-social-inline a:hover {
  opacity: 0.8 !important;
}

/* --- vertical nudge only --- */
header#masthead .navbar-extra-icons.l4x4-social-inline {
  top: -50px !important;   /* raise icons; adjust between -2px and -8px */
  position: relative !important;
}

/* === FINAL HEADER ALIGN: independent right positioning for social icons === */

/* make the parent container a relative frame */
header#masthead .l4x4-uncode-main-menu-container.middle {
  position: relative !important;
}

/* pin the social icon group to the right side only */
header#masthead .navbar-extra-icons.l4x4-social-inline {
  position: absolute !important;
  right: 40px !important;   /* adjust horizontal distance */
  top: -3px !important;     /* adjust vertical alignment */
}

/* === MENU TAB COLOR: white before scroll, black after scroll === */

/* default (before scroll) */
header#masthead:not(.is_scrolled) #menu-top-menu > li > a {
  color: #ffffff !important; /* white */
}

/* after scroll */
header#masthead.is_scrolled #menu-top-menu > li > a {
  color: #000000 !important; /* black */
}

/* === basic dropdown behavior for OVERLAND GUIDE and similar menu items === */

/* hide by default, just in case inline styles disappear later */
#menu-top-menu .drop-menu {
  position: absolute;
  background: #ffffff;
  min-width: 220px;
  padding: 12px 0;
  border-radius: 4px;
  box-shadow: 0 12px 24px rgba(0,0,0,0.12);
  display: none;
  z-index: 9999;
}


/* === FINAL: match submenu font to main menu tabs === */
header#masthead #menu-top-menu .drop-menu > li > a,
header#masthead #menu-top-menu .drop-menu > li > a * {
  display: block;
  white-space: nowrap;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600 !important;        /* bold like main tabs */
  font-size: 13px !important;         /* same size */
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  line-height: 1.2 !important;
  color: #000000 !important;          /* black text */
  padding: 6px 16px;
  text-decoration: none;
  background: #ffffff !important;     /* white dropdown background */
  transition: opacity 0.25s ease !important;
}

/* hover effect same as top menu */
header#masthead #menu-top-menu .drop-menu > li > a:hover {
  opacity: 0.8 !important;
}



#menu-top-menu .drop-menu > li > a:hover {
  background: rgba(0,0,0,0.05);
  opacity: 1;
}

/* SHOW submenu on hover (desktop) */
#menu-top-menu li.menu-item-has-children:hover > .drop-menu {
  display: block !important;
}

/* === FIX: correctly position each dropdown below its parent === */

/* make each parent li the positioning reference */
#menu-top-menu li.menu-item-has-children {
  position: relative !important;
}

/* anchor each submenu directly below its parent */
#menu-top-menu li.menu-item-has-children > .drop-menu {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  margin-top: 0 !important;
  z-index: 9999 !important;
}

/* === Add hover fade to submenu links === */
header#masthead #menu-top-menu .drop-menu > li > a:hover {
  opacity: 0.3 !important;  /* match top menu fade strength */
  transition: opacity 0.25s ease !important;
}

/* === ABOUT HERO IMAGE SIZE CONTROL === */
#about-image-card {
  position: relative !important;
  height: 520px !important;        /* force tall card on desktop */
  min-height: 520px !important;
  max-height: 520px !important;
  display: flex !important;
  align-items: stretch !important;
}

/* FINAL: ABOUT US IMAGE CARD */
#about-image-card .uncell,
#about-image-card .column-background,
#about-image-card .background-wrapper,
#about-image-card .background-inner {
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  width: 100% !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* Floating image shadow effect */
#about-image-card .background-inner {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 85%;
  height: 75%;
  border-radius: 10px;
  background-size: cover !important;
  background-position: center center !important;
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.15); /* shadow that worked */
  z-index: 2;
}


/* Tablet: slightly shorter so it doesn't dominate */
@media (max-width: 991px) {
  #about-image-card {
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
  }
}

/* Mobile: tighter block so it doesn't eat the whole screen */
@media (max-width: 767px) {
  #about-image-card {
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
  }
}

/* === ABOUT IMAGE CARD: full height + floating open-bottom effect === */

/* set overall height for the right column (for the about.us picture)*/
#about-image-card {
  position: relative !important;
  height: 520px !important;
  min-height: 600px !important;
  max-height: 520px !important;
  display: flex !important;
  align-items: stretch !important;
  z-index: 1 !important;
}

/* make the wrapper the positioning context */
#about-image-card .background-wrapper {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
}

/* light-gray “floating panel” behind the photo (stops short = open bottom) */
#about-image-card .background-wrapper::before {
  content: "";
  position: absolute;
  top: 40px;               /* vertical offset */
  left: 40px;              /* horizontal offset */
  width: 85%;              /* smaller width than container */
  height: 75%;             /* shorter height for open bottom */
  background: #f5f5f5;     /* pale gray color */
  border-radius: 10px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
  z-index: 1;
}


/* responsive scaling for tablets */
@media (max-width: 991px) {
  #about-image-card {
    height: 420px !important;
  }
}

/* responsive scaling for mobile */
@media (max-width: 767px) {
  #about-image-card {
    height: 320px !important;
  }
}

/* === ABOUT US FLOATING IMAGE EFFECT — scoped safely === */

.wpb_column.align_right .background-wrapper {
  position: relative !important;
  overflow: visible !important;
}

/* Pale gray block behind the About Us photo */
.wpb_column.align_right .background-wrapper::before {
  content: "";
  position: absolute;
  top: 40px;
  left: 40px;
  width: 85%;
  height: 75%;
  background: #f5f5f5;
  border-radius: 10px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
  z-index: 1;
}

/* Actual About Us image above the block */
.wpb_column.align_right .background-inner {
  position: relative !important;
  z-index: 2;
  border-radius: 10px;
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.15);
}

/* === FIX: keep 'Latest from Blog' below About Us === */
#row-unique-5.row-container {
  margin-top: 0 !important;
  padding-top: 100px !important;
  transform: none !important;
  position: relative !important;
  z-index: 10 !important;
}

/* === ABOUT US IMAGE CARD RECONSTRUCTION (revised tone + spacing) === */

/* This is the floating card behind the image */
.wpb_column.align_right .uncell.single-block-padding.unshadow-darker-sm.unradius-std {
  background-color:whitesmoke; /* light gray w/ slight transparency, not pure white */
  border-radius: 309px;
  box-shadow: 0 25px 45px rgba(0,0,0,0.28); /* deeper, more realistic drop shadow */
  
}

/* This contains the photo "module" */
.wpb_column.align_right .column-background.background-element {
  position: relative;
  overflow: visible;
}

/* This is the block holding the image */
.wpb_column.align_right .background-wrapper {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 10px;
  overflow: hidden;                           /* clean rounded edges on the photo */
  box-shadow: 0 20px 40px rgba(0,0,0,0.18);   /* shadow directly under the photo itself */
  background-color: #000000;                  /* fallback under the image in case of gaps */
}

/* The actual image layer */
.wpb_column.align_right .background-inner {
  width: 100%;
  background-size: cover !important;
  background-position: center center !important;
  border-radius: 10px;
}

/* === Force the About Us photo block to be taller using ratio padding === */

/* create a tall aspect ratio for the photo container */
.wpb_column.align_right .background-wrapper {
  /* This ratio controls height. 75% = not too tall, 120% = taller portrait block */
  padding-top: 85% !important;
}

/* make the photo fill that padded box */
.wpb_column.align_right .background-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  /* keeps full coverage inside the rounded/shadowed wrapper */
  background-size: cover !important;
  background-position: center center !important;
}

/* ============================================ */
/* L4x4 BLOG GRID – restore horizontal layout   */
/* ============================================ */

.l4x4-cssgrid-331182 .cssgrid-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px; /* space between cards */
}

.l4x4-cssgrid-331182 .tmb {
  flex: 1 1 calc(25% - 32px); /* 4 columns on desktop */
  max-width: calc(25% - 32px);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

/* Tablet (2 columns) */
@media (max-width: 991px) {
  .l4x4-cssgrid-331182 .tmb {
    flex: 1 1 calc(50% - 24px);
    max-width: calc(50% - 24px);
  }
}

/* Mobile (1 column) */
@media (max-width: 600px) {
  .l4x4-cssgrid-331182 .tmb {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

/* Optional – subtle card spacing/hover */
.l4x4-cssgrid-331182 .tmb {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.l4x4-cssgrid-331182 .tmb:hover {
  transform: translateY(-6px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}

/* ========================================================= */
/* === LATEST FROM OUR BLOG — GRID FIX === */
/* ========================================================= */

/* 1. Overall grid layout * */
#row-unique-5 .cssgrid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 60px 50px;
  row-gap: 60px !important;
  column-gap: 60px !important;
  justify-content: center;
  align-items: start;
  max-width: 1250px;
  margin: 0 auto;
  padding-top: 40px;
}

/* FORCE SPACING BETWEEN BLOG CARDS */
#row-unique-5 .cssgrid-container > .tmb {
  margin: 0 15px 40px 15px !important; /* tighter horizontal & vertical spacing */
  display: inline-block !important;
  vertical-align: top !important;
}

#row-unique-5 .cssgrid-container {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 0 !important; /* gap handled by margins above */
}



/* Each blog card wrapper */
#row-unique-5 .tmb {
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* BLOG CARD TEXT — improved readability and emphasis */
#row-unique-5 .t-entry-title a {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.9rem !important;     /* larger size */
  font-weight: 450 !important;       /* slightly bolder */
  line-height: 1.4 !important;
  color: #111 !important;            /* dark for contrast */
  text-transform: none !important;
}

#row-unique-5 .t-entry-title a:hover {
  color: #b4975a !important; /* gold hover color */
  text-shadow: 0 0 8px rgba(180, 151, 90, 0.4); /* soft glow */
}

#row-unique-5 .t-entry-meta,
#row-unique-5 .t-entry-date {
  font-size: 12px !important;
  color: #666 !important;          /* lighter gray for date text */
  font-weight: 300 !important;
}

/* FORCE UNIFORM CARD HEIGHTS */
/* UNIFORM CARD HEIGHT, MORE ROOM FOR TITLE TEXT */
#row-unique-5 .tmb {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;

  height: 560px !important;      /* was 520px — give titles ~40px more room */
  overflow: hidden !important;

  /* keep their spacing from each other */
  margin: 0 15px 40px 15px !important;
}

#row-unique-5 .t-entry-text {
  margin-top: auto !important;   /* push text block to bottom of card cleanly */
  padding-bottom: 20px !important;
}

#row-unique-5 .t-entry-text-tc {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 90% !important;
  margin: 0 auto !important;
  text-align: center !important;
}

#row-unique-5 .t-entry-title {
  font-size: 13px !important;     /* slightly smaller so it wraps cleaner */
  line-height: 1.4 !important;
  font-weight: 400 !important;
  color: #111 !important;
  text-transform: none !important;
  margin: 8px 0 0 0 !important;   /* tighten vertical spacing */
}
#row-unique-5 .t-entry-title a {
  color: inherit !important;
  text-decoration: none !important;
}


/* FIX: allow wider content inside each grid card */
#row-unique-5 .tmb {
  flex: 1 1 22% !important; /* fits 4 cards per row evenly */
  max-width: 22% !important; 
}

#row-unique-5 .t-entry-text-tc {
  width: 95% !important;  /* make inner text area wider */
  margin: 0 auto !important;
  text-align: center !important;
}


#row-unique-5 .tmb:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
}

/* 3. Visual container (image area) */
#row-unique-5 .t-entry-visual {
  position: relative;
  width: 100%;
  overflow: hidden;
}
#row-unique-5 .t-entry-visual-cont {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 133.3%; /* portrait ratio */
}
#row-unique-5 .t-entry-visual-cont img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
#row-unique-5 .t-entry-visual:hover img {
  opacity: 0.8;
  transform: scale(1.03);
}

/* 4. Overlay fade */
#row-unique-5 .t-entry-visual-overlay-in {
  position: absolute;
  inset: 0;
  background: #000;
  opacity: 0;
  transition: opacity 0.3s ease;
}
#row-unique-5 .t-entry-visual:hover .t-entry-visual-overlay-in {
  opacity: 0.25;
}

/* 5. Text area */
#row-unique-5 .t-entry-text {
  text-align: center;
  padding: 20px 10px 30px;
}
#row-unique-5 .t-entry-meta {
  font-size: 0.85rem;
  color: #777;
  margin-bottom: 8px;
}
#row-unique-5 .t-entry-title {
  font-size: 1rem;
  line-height: 1.4;
  color: #111;
  font-weight: 500;
  text-transform: none;
}
#row-unique-5 .t-entry-title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease;
}
#row-unique-5 .t-entry-title a:hover {
  color: #000;
}

/* 6. Responsive tweaks */
@media (max-width: 991px) {
  #row-unique-5 .cssgrid-container {
    gap: 25px;
  }
}
@media (max-width: 600px) {
  #row-unique-5 .cssgrid-container {
    grid-template-columns: 1fr 1fr;
  }
  #row-unique-5 .t-entry-title {
    font-size: 0.9rem;
  }
}
@media (max-width: 450px) {
  #row-unique-5 .cssgrid-container {
    grid-template-columns: 1fr;
  }
}

/* =============================== */
/* OVERLAND GUIDES GRID LAYOUT  */
/* =============================== */

/* 1. Main grid container */
#row-unique-3 .isotope-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px; /* space between cards */
  margin-top: 20px;
}

/* 2. Each card */
#row-unique-3 .tmb {
  flex: 1 1 calc(25% - 15px);
  max-width: calc(25% - 15px);
  aspect-ratio: 3 / 4; /* keeps consistent card height */
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}

/* 3. Background image */
#row-unique-3 .t-background-cover {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: transform 0.6s ease;
}

#row-unique-3 .tmb:hover .t-background-cover {
  transform: scale(1.05);
}

/* 4. Overlay text styling */
#row-unique-3 .t-entry-title {
  font-size: 0.9rem; /* smaller like original */
  font-weight: 400;  /* not bold */
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: left;
}

#row-unique-3 .t-overlay-text {
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
  z-index: 2;
}

/* 5. Overlay gradient */
#row-unique-3 .t-entry-visual-overlay-in {
  background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0));
}

/* 6. Responsive adjustments */
@media (max-width: 1024px) {
  #row-unique-3 .tmb {
    flex: 1 1 calc(50% - 15px);
    max-width: calc(50% - 15px);
  }
}

@media (max-width: 600px) {
  #row-unique-3 .tmb {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

/* =============================== */
/* OVERLAND GUIDES RESCUE LAYOUT   */
/* Force the 4 cards to actually render */
/* =============================== */

/* 1. Take over the Uncode/Isotope container and make it a flex row */
#row-unique-3 .isotope-container {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 16px !important;
  height: auto !important;
  opacity: 1 !important;
  position: relative !important;
}

/* 2. Each card block (.tmb) should behave like a tile */
#row-unique-3 .tmb {
  position: relative !important;
  flex: 1 1 calc(25% - 16px) !important;
  max-width: calc(25% - 16px) !important;
  min-width: 220px !important;
  min-height: 360px !important;  /* <- visible height like original */
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #000 !important; /* fallback while image loads */
  box-shadow: 0 12px 24px rgba(0,0,0,0.4) !important;
}

/* kill any inline absolute positioning Uncode left behind */
#row-unique-3 .tmb[style] {
  width: auto !important;
  float: none !important;
  left: auto !important;
  top: auto !important;
}

/* 3. The background photo layer */
#row-unique-3 .t-background-cover {
  position: absolute !important;
  top: 0; left: 0;
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  transform: scale(1) !important;
  transition: transform 0.5s ease !important;
  z-index: 1 !important;
}

/* subtle zoom on hover */
#row-unique-3 .tmb:hover .t-background-cover {
  transform: scale(1.05) !important;
}

/* 4. Dark gradient overlay */
#row-unique-3 .t-entry-visual-overlay-in {
  position: absolute !important;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 2 !important;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.7) 0%,
    rgba(0,0,0,0.2) 60%,
    rgba(0,0,0,0) 100%
  ) !important;
  opacity: 0.75 !important; /* matches your original inline */
  pointer-events: none !important;
}

/* 5. Text wrapper pinned to bottom-left */
#row-unique-3 .t-overlay-text {
  position: absolute !important;
  left: 16px !important;
  right: 16px !important;
  bottom: 16px !important;
  z-index: 3 !important;
  text-align: left !important;
  padding: 0 !important;
}

/* The heading text on each card */
#row-unique-3 .t-entry-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #fff !important;
  margin: 0 !important;
}

/* clean up container wrappers so they don't hide children */
#row-unique-3 .t-inside,
#row-unique-3 .t-entry-visual,
#row-unique-3 .t-entry-visual-tc,
#row-unique-3 .t-entry-visual-cont {
  position: static !important;
  height: 100% !important;
  min-height: 100% !important;
}

/* make <a> fill each card so the whole tile is clickable */
#row-unique-3 .t-entry-visual-cont > a {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  text-decoration: none !important;
  color: inherit !important;
  cursor: pointer !important;
  z-index: 3;
}

/* RESPONSIVE: 2 per row on tablet, 1 per row on mobile */
@media (max-width: 1024px) {
  #row-unique-3 .tmb {
    flex: 1 1 calc(50% - 16px) !important;
    max-width: calc(50% - 16px) !important;
  }
}

@media (max-width: 600px) {
  #row-unique-3 .tmb {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }
  #row-unique-3 .t-entry-title {
    font-size: 0.9rem !important;
    line-height: 1.3 !important;
  }
}

/* =============================== */
/* OVERLAND GUIDES — title spacing */
/* =============================== */
#row-unique-3 .highlight-heading {
  margin-bottom: 60px !important; /* increase gap between title and cards */
}



/* =============================== */
/* OVERLAND GUIDES — correct subtle spacing without dark edges */
/* =============================== */
#row-unique-3 .tmb {
  padding: 0 6px 12px 6px !important; /* small internal gap */
  background: transparent !important; /* remove dark fill */
  box-shadow: none !important; /* prevent any dark overlay */
}

/* =============================== */
/* OVERLAND GUIDES — title styling */
/* =============================== */
#row-unique-3 .t-entry-title {
  font-weight: 700 !important;       /* bold */
  text-align: center !important;     /* center the text */
  position: absolute;
  bottom: 20px;                      /* position near bottom of card */
  left: 50%;
  transform: translateX(-50%);
  width: 90%;                        /* keep it nicely contained */
  color: #ffffff !important;         /* ensure it’s visible over dark overlay */
  text-transform: uppercase;
  line-height: 1.3;
}

/* =============================== */
/* OVERLAND GUIDES — hover highlight effect for card titles*/
/* =============================== */
#row-unique-3 .t-entry-title {
  transition: color 0.3s ease, text-shadow 0.3s ease;
}

#row-unique-3 .t-entry-title:hover,
#row-unique-3 a:focus .t-entry-title {
  color: #ffcc33 !important; /* warm golden tone for hover */
  text-shadow: 0 0 10px rgba(255, 204, 51, 0.6); /* soft glowing effect */
}

/* =============================== */
/* OVERLAND GUIDES — heading hover */
/* =============================== */
#row-unique-3 .highlight-heading a:hover strong {
  color: #ffcc33; /* same golden highlight for consistency */
  text-shadow: 0 0 10px rgba(255, 204, 51, 0.6);
}



/* =============================== */
/* OVERLAND GUIDES — enhanced back shadow effect */
/* =============================== */
#row-unique-3 .tmb {
  background: transparent !important;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.4); /* deeper, darker shadow */
  border-radius: 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#row-unique-3 .tmb:hover {
  transform: translateY(-8px); /* more visible lift */
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.55); /* bold, cinematic hover shadow */
}

/* Highlight "FIND US ON" for better click visibility */
.site-footer .l4x4-uncode_text_column p > a,
.site-footer .l4x4-uncode_text_column p:first-child,
.site-footer .uncode_text_column p > a,
.site-footer .uncode_text_column p:first-child,
.site-footer .l4x4-uncode-text-column p > a,
.site-footer .l4x4-uncode-text-column p:first-child {
  color: #E6A600 !important; /* warm amber gold — strong CTR color */
  font-weight: 700 !important;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

/* =============================== */
/* LATEST FROM OUR BLOG — heading hover */
/* =============================== */
#row-unique-5 .highlight-heading a {
  color: #000;
  text-decoration: none;
  transition: color 0.3s ease, text-shadow 0.3s ease;
}

#row-unique-5 .highlight-heading a:hover strong {
  color: #ffcc33; /* same gold tone as GUIDES */
  text-shadow: 0 0 10px rgba(255, 204, 51, 0.6); /* soft glow */
}

/* Make footer always sit on its own solid background and above hero */
.site-footer {
  background: #f7f4ee;   /* your off-white */
  position: relative;
  z-index: 2;
}

/* Ensure hero sits underneath normal content layers */
.hero {
  position: relative;
  z-index: 0;
}

/* If any wrapper around hero had the background, clear it for safety */
.row-header, .row-header .wpb_row, .row-header .uncol {
  background: transparent !important;
}

.site-footer.style-color-lxmt-bg,
.site-footer .style-color-lxmt-bg {
  background: #f7f4ee !important;
}

/* 1 inch spacing between hero and About block */
#row-unique-1 { margin-top: 96px !important; }

/* Push the whole BLOG section down ~2in */
#row-unique-5 .row-parent { 
  padding-top: 10px !important;
}

/* Tighten top spacing before karla's bio pic, can use for about us section on home page as well */
row-about-1 {
  padding-top: 0 !important;
  margin-top: -5px !important; /* adjust: try -30px or -50px if needed */
}


/* =============================== */
/* OVERLAND GUIDES — full section  */
/* =============================== */

/* Full-width background section */
.l4x4-guides-section{
  width:100%;
  background:#d6c4a1;   /* warm beige */
  padding:60px 0 80px;  /* top + bottom space */
  margin-top:192px;   /* adds 2 inches of space below hero */
  margin-bottom:192px;  /* space below (before footer) */
}

/* Centered container */
.l4x4-guides-container{
  width:100%;
  max-width:none;   /* no inner width limit */
  margin:0;
  padding:0 20px;   /* or 0 if you want cards right to the edge */
}


/* Header text */
.l4x4-guides-header{
  text-align:center;
  color:#3a2f1a; 
  margin:0 auto 48px;
  max-width:760px;
}

.l4x4-guides-header h2{
  color:#3a2f1a;
  font-size:2.4rem;
  letter-spacing:2px;
  margin-bottom:12px;
}

/* Paragraph — same color + bigger */
.l4x4-guides-header p{
  color:#3a2f1a;
  font-size:1.25rem;
  line-height:1.75;
  margin:0;
}

/* =============================== */
/*     BIGGER CARDS + MORE SPACE   */
/* =============================== */

.l4x4-guides-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr); 
  gap:46px;                 /* <-- MORE SPACE between cards */
  margin-top:28px;
}

/* Card size */
.l4x4-guide-card{
  position:relative;
  display:block;

  min-height:260px;         /* <-- TALLER (about 1" more) */
  border-radius:20px;
  overflow:hidden;

  background:#444;
  background-image:var(--bg);
  background-size:cover;
  background-position:center;

  box-shadow:0 14px 30px rgba(0,0,0,.28);
}

/* Card label — smaller text */
/* fully transparent label */
.l4x4-card-label{
  position:absolute;
  left:12px; right:12px; bottom:12px;
  color:#fff;
  font-size:.8rem;
  letter-spacing:1.2px;
  font-weight:700;
  padding:6px 8px;
  border-radius:8px;
  background:transparent;       /* 🔥 fully transparent */
  backdrop-filter:none;         /* remove blur */
  -webkit-backdrop-filter:none;
  text-align:center;
  transition:all .25s ease;
}

.l4x4-guide-card:hover{
  transform: translateY(-2px);
  transition: transform .2s ease, box-shadow .2s ease;
  box-shadow: 0 16px 36px rgba(0,0,0,.45);
}


/* hover — SEO gold */
.l4x4-guide-card:hover .l4x4-card-label{
  background:#b4975a;           /* 🔥 gold background */
  color:#fff;                   /* white text on gold */
}


/* =============================== */
/* RESPONSIVE FIXES                */
/* =============================== */

@media (max-width: 1200px){
  .l4x4-guides-grid{
    grid-template-columns:repeat(2, 1fr);
  }
}

@media (max-width: 600px){
  .l4x4-guides-grid{
    grid-template-columns:1fr;
  }
}

/* ========================================= */
/* BLOG POST TEMPLATE — layout & image boxes */
/* ========================================= */

.l4x4-blog-main {
  background: #f8f6f2;
}

.l4x4-blog-article {
  color: #1a1a1a;
  font-family: 'Jost', sans-serif;
}

/* hero */
.l4x4-blog-hero {
  padding: 72px 24px 32px;
  text-align: center;
}
.l4x4-blog-hero-inner {
  max-width: 900px;
  margin: 0 auto;
}
.l4x4-blog-title {
  font-size: 2.4rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin: 0 0 12px;
}
.l4x4-blog-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 18px;
  font-size: 0.9rem;
  color: #5a5242;
}
.l4x4-blog-meta-item strong {
  font-weight: 600;
}

/* body */
.l4x4-blog-section {
  margin-bottom: 32px;
}
.l4x4-blog-section h2 {
  font-size: 1.6rem;
  margin-bottom: 10px;
}
.l4x4-blog-intro {
  font-size: 1.1rem;
  line-height: 1.8;
}

/* bullet list */
.l4x4-blog-list {
  padding-left: 1.2em;
  margin: 0 0 16px;
}
.l4x4-blog-list li {
  margin-bottom: 6px;
}

/* image blocks */
.l4x4-blog-image-block {
  margin: 32px 0;
  border-radius: 14px;
  overflow: hidden;
  background: #000;
  box-shadow: 0 18px 40px rgba(0,0,0,.25);
}
.l4x4-blog-image-block img {
  display: block;
  width: 100%;
  height: auto;
}
.l4x4-blog-image-block figcaption {
  font-size: 0.9rem;
  color: #f5f2ea;
  padding: 10px 14px 12px;
  background: linear-gradient(180deg, rgba(0,0,0,.6), rgba(0,0,0,.85));
}

/* closing section */
.l4x4-blog-section--closing {
  border-top: 1px solid rgba(0,0,0,0.06);
  padding-top: 24px;
  font-size: 1rem;
}
.l4x4-blog-section--closing a {
  color: #b4975a;
  font-weight: 600;
}
.l4x4-blog-section--closing a:hover {
  text-decoration: underline;
}

/* responsive */
@media (max-width: 600px) {
  .l4x4-blog-hero {
    padding-top: 56px;
  }
  .l4x4-blog-title {
    font-size: 2rem;
  }
}

/* ========================================= */
/* BLOG CAROUSEL — layout + card styling     */
/* ========================================= */

.l4x4-blog-carousel-section{
  background:#f5eee0;          /* soft earth tone background */
  padding:40px 0 72px;
}

/* Outer carousel wrapper */
.l4x4-blog-carousel{
  display:flex;
  align-items:center;
  gap:16px;
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
}

/* Viewport window */
.l4x4-blog-window{
  overflow:hidden;
  flex:1 1 auto;
}

/* Track that slides left/right */
.l4x4-blog-track{
  display:flex;
  gap:24px;
  transition:transform .35s ease;
  will-change:transform;
}

/* Arrows */
.l4x4-blog-arrow{
  border:none;
  background:#3a2f1a;
  color:#f5eee0;
  width:42px;
  height:42px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  flex:0 0 auto;
  box-shadow:0 6px 14px rgba(0,0,0,.25);
  transition:background .2s ease, transform .15s ease, box-shadow .15s ease;
}
.l4x4-blog-arrow span{
  font-size:1.8rem;
  line-height:1;
  transform:translateY(-1px);
}
.l4x4-blog-arrow:hover{
  background:#b4975a;          /* your gold accent */
  transform:translateY(-1px);
  box-shadow:0 10px 20px rgba(0,0,0,.3);
}
.l4x4-blog-arrow:disabled{
  opacity:.35;
  cursor:default;
  transform:none;
  box-shadow:none;
}

/* Blog cards */
.l4x4-blog-card{
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 14px 30px rgba(0,0,0,.20);
  min-width:320px;
  max-width:360px;
  display:flex;
  flex-direction:column;
  transform:translateY(0);
  transition:transform .2s ease, box-shadow .2s ease;
}
.l4x4-blog-card:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 40px rgba(0,0,0,.28);
}

/* Image area on top of card */
.l4x4-blog-card-media{
  width:100%;
  padding-top:56%; /* 16:9 ratio */
  background-color:#ccc;
  background-size:cover;
  background-position:center;
}

/* Card body */
.l4x4-blog-card-body{
  padding:16px 18px 18px;
}

/* Meta row */
.l4x4-blog-card-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:.8rem;
  margin-bottom:8px;
}
.l4x4-blog-card-tag{
  background:#b4975a;
  color:#fff;
  padding:3px 8px;
  border-radius:999px;
  text-transform:uppercase;
  letter-spacing:1px;
  font-weight:600;
}
.l4x4-blog-card-date{
  color:#666;
}

/* Title + link */
.l4x4-blog-card-title{
  font-size:1.1rem;
  margin:0 0 8px;
}
.l4x4-blog-card-title a{
  color:#222;
  text-decoration:none;
}
.l4x4-blog-card-title a:hover{
  color:#b4975a;
}

/* Excerpt */
.l4x4-blog-card-excerpt{
  font-size:.95rem;
  line-height:1.6;
  color:#555;
  margin:0 0 12px;
}

/* Read link */
.l4x4-blog-card-link{
  font-size:.9rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:1.2px;
  color:#b4975a;
  text-decoration:none;
}
.l4x4-blog-card-link span{
  margin-left:4px;
}

/* Responsive tweaks */
@media (max-width:1024px){
  .l4x4-blog-carousel{
    padding:0 16px;
  }
  .l4x4-blog-card{
    min-width:280px;
    max-width:320px;
  }
}
@media (max-width:720px){
  .l4x4-blog-carousel{
    gap:10px;
  }
  .l4x4-blog-card{
    min-width:260px;
    max-width:300px;
  }
  .l4x4-blog-arrow{
    width:36px;
    height:36px;
  }
}


/* ===========================================
   MAGAZINE ARTICLE LAYOUT (Travel Magazine Style)
   =========================================== */
.l4x4-magazine-body {
  font-size: 17px;
  line-height: 1.8;
  max-width: 960px;
  margin: 0 auto;
}

/* One magazine block */
.l4x4-mag-block {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  margin: 48px 0;
}

/* Image column */
.l4x4-mag-block img {
  width: 100%;
  border-radius: 6px;
}

/* Image left / text right */
.l4x4-mag-left .l4x4-mag-image {
  order: 1;
  flex: 1 1 50%;
}
.l4x4-mag-left .l4x4-mag-text {
  order: 2;
  flex: 1 1 50%;
}

/* Image right / text left */
.l4x4-mag-right .l4x4-mag-image {
  order: 2;
  flex: 1 1 50%;
}
.l4x4-mag-right .l4x4-mag-text {
  order: 1;
  flex: 1 1 50%;
}

/* Heading inside text column */
.l4x4-mag-text h2 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 1.6rem;
  line-height: 1.2;
}

/* Full-width section */
.l4x4-mag-full {
  margin: 48px 0;
}

.l4x4-mag-full img {
  width: 100%;
  border-radius: 6px;
}

.l4x4-mag-full h2 {
  margin-bottom: 12px;
}

/* RESPONSIVE: stack on mobile */
@media (max-width: 768px) {
  .l4x4-mag-block {
    flex-direction: column;
  }
  .l4x4-mag-left .l4x4-mag-text,
  .l4x4-mag-right .l4x4-mag-text,
  .l4x4-mag-left .l4x4-mag-image,
  .l4x4-mag-right .l4x4-mag-image {
    order: initial;
    flex: 1 1 100%;
  }
}

.l4x4-mag-block,
.l4x4-mag-full {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}



/* PRODUCT PAGE — Holstee Style */
.l4x4-product-hero img {
  width: 100%;
  border-radius: 12px;
  margin-bottom: 32px;
}

.l4x4-product-intro {
  text-align: center;
  margin-bottom: 32px;
}
.l4x4-product-title {
  font-size: 2rem;
  margin-bottom: 8px;
}
.l4x4-product-tagline {
  color: #666;
  font-size: 1.1rem;
}

.l4x4-product-description {
  max-width: 750px;
  margin: 0 auto 48px;
  font-size: 1.05rem;
  line-height: 1.7;
}

.l4x4-product-features {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 24px;
  margin: 48px auto;
  max-width: 900px;
}
.l4x4-product-features .feature {
  background: #fafafa;
  padding: 20px;
  border-radius: 12px;
  text-align: center;
}

.l4x4-product-lifestyle img {
  width: 100%;
  border-radius: 12px;
  margin: 48px auto;
}

.l4x4-product-details {
  max-width: 750px;
  margin: 0 auto 48px;
}
.l4x4-product-details h3 {
  margin-top: 32px;
}

.l4x4-product-cta {
  text-align: center;
  margin: 60px 0;
}
.l4x4-product-button {
  background: #111;
  color: white;
  padding: 14px 28px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
}
.l4x4-product-button:hover {
  background: #333;
}

/* =============================== */
/* LANDING PAGE GRID – CARD HOVER  */
/* Applies to Overland Guide + The Jeep */
/* =============================== */

/* Base card */
.l4x4-landing-grid .l4x4-landing-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Hover raise effect */
.l4x4-landing-grid .l4x4-landing-card:hover {
  transform: translateY(-8px);
  box-shadow: 0px 8px 22px rgba(0,0,0,0.15);
}

/* Title hover color */
.l4x4-landing-grid .l4x4-landing-card h3 {
  transition: color 0.25s ease;
}

/* Gold highlight on hover */
.l4x4-landing-grid .l4x4-landing-card:hover h3 {
  color: #d4a74a; /* SEO-friendly warm gold */
}


/* Add spacing between paragraphs in blog posts */
.l4x4-blog-body p {
  margin-bottom: 32px;
  line-height: 1.75;
}

/* Add spacing below images */
.l4x4-blog-body img {
  margin: 40px 0;
  border-radius: 12px; /* looks cleaner */
}

/* Add spacing below <figure> blocks */
.l4x4-blog-body figure {
  margin: 48px 0;
}

/* Add spacing between sections */
.l4x4-blog-section {
  margin-bottom: 56px;
}


/* ============ POLAROID CARD STYLE ============ */

.l4x4-polaroid-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 40px;
  margin-top: 40px;
}

.l4x4-polaroid-card {
  background: #fff;
  padding: 16px 16px 22px;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
  text-align: center;
 transform: none;
  transition: all 0.3s ease;
}

.l4x4-polaroid-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.22);
}

.l4x4-polaroid-card img {
  width: 100%;
  border-radius: 8px;
  margin-bottom: 14px;
}

.l4x4-polaroid-title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-top: 6px;
  color: #333;
  transition: color 0.2s ease;
}

.l4x4-polaroid-card:hover .l4x4-polaroid-title {
  color: #c9a227; /* Gold highlight */
}

/* Center the 3 Overland Guide Cards */
#row-home-guides .l4x4-polaroid-grid {
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

/* Center the 2 Jeep Cards */
#row-home-jeep .l4x4-polaroid-grid {
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

/* Highlight words BLOG, GUIDES, JEEP in gold */
.highlight-heading a strong,
.highlight-heading a,
.l4x4-highlight {
  color: #C9A227 !important;
}

/* Optional: hover brighten effect */
.highlight-heading a:hover,
.l4x4-highlight:hover {
  color: #e2b84b !important;
}

/* Raise up effect on hover */
.highlight-heading a,
.l4x4-highlight {
  display: inline-block;
  transition: transform 0.25s ease, color 0.25s ease;
}

.highlight-heading a:hover,
.l4x4-highlight:hover {
  transform: translateY(-4px);
  color: #e2b84b !important; /* brighter gold on hover */
}

/* Increase spacing between homepage sections */
.l4x4-home-section {
  margin: 80px 0; /* adjust to 100px if you want even more */
}

/* FIX: Make all polaroid cards the SAME HEIGHT without shrinking width */
.l4x4-polaroid-card img {
  width: 100%;
  height: 380px;          /* FIXED HEIGHT — adjust if needed */
  object-fit: cover;      /* Crops vertical images */
  object-position: center;
  border-radius: 8px;
}

/* ======================================= */
/* BLOG GRID — FIX CARD HEIGHT + UNIFORM   */
/* ======================================= */
.l4x4-blog-polaroids .l4x4-polaroid-card img {
  height: 260px;           /* perfect square-ish height */
  object-fit: cover;
  object-position: center;
}

.l4x4-blog-polaroids .l4x4-polaroid-card {
  max-width: 260px;        /* ensures 4 cards fit in one row */
}

/* ========================================= */
/* MENU PAGE — POLAROID GRID POLISH          */
/* Scoped ONLY to the Menu page template     */
/* ========================================= */



/* Polaroid card base */
.l4x4-menu-page .l4x4-polaroid-card {
  background: #fff;
  padding: 16px 16px 22px;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover lift (desktop & tablet) */
@media (hover: hover) {
  .l4x4-menu-page .l4x4-polaroid-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.22);
  }
}

/* Card images — MATCH homepage polaroids */
.l4x4-menu-page .l4x4-polaroid-card img {
  width: 100%;
  height: 380px;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
  margin-bottom: 14px;
}

/* Title styling */
.l4x4-menu-page .l4x4-polaroid-title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-top: 6px;
  color: #333;
  transition: color 0.2s ease;
}

/* Gold hover highlight */
@media (hover: hover) {
  .l4x4-menu-page .l4x4-polaroid-card:hover .l4x4-polaroid-title {
    color: #c9a227;
  }
}

/* Section spacing (matches homepage rhythm) */
.l4x4-menu-page h2 {
  margin-top: 80px;
  margin-bottom: 16px;
}

/* Mobile adjustments */
@media (max-width: 767px) {
  .l4x4-menu-page .l4x4-polaroid-card img {
    height: 260px;
  }

  .l4x4-menu-page h2 {
    margin-top: 64px;
  }
}



/* ========================================= */
/* LARGE BLOG NAV ARROWS (Polaroid Carousel) */
/* ========================================= */

.l4x4-blog-nav {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin: 32px 0;
}

.l4x4-blog-nav button {
  font-size: 42px;              /* <<< BIG ARROWS */
  background: none;
  border: none;
  cursor: pointer;
  color: #333;
  transition: all 0.25s ease;
  padding: 8px 16px;
  line-height: 1;
}

.l4x4-blog-nav button:hover {
  color: #d4a041;               /* <<< YOUR GOLD SEO COLOR */
  transform: translateY(-4px);  /* Light lift on hover */
}

.l4x4-blog-nav button:focus {
  outline: none;
}


/* THE JEEP LANDING PAGE — 2 centered cards */
.l4x4-jeep-landing-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 48px;
  justify-content: center;
  justify-items: center;
  max-width: 900px;
  margin: 0 auto;
}

/* Big cards */
.l4x4-jeep-landing-grid .l4x4-landing-card {
  width: 460px;
  border-radius: 14px;
  overflow: hidden;
}

/* Larger images */
.l4x4-jeep-landing-grid .l4x4-landing-card img {
  height: 300px;
  width: 100%;
  object-fit: cover;
}

.l4x4-accent-link {
  color: var(--l4x4-accent) !important;
  font-weight: 600;
  text-decoration: none;
}

.l4x4-accent-link:hover {
  text-decoration: underline;
}

/* <!-- =============================== -->
<!-- STORY TRANSITION SECTION        -->
<!-- Two lives become one journey   -->
<!-- =============================== -->
 */
#row-about-together {
  margin-top: 120px;
}

/* About page – Karla bio photo with wrapped text */
.l4x4-bio-photo {
  float: right;
  max-width: 40%;
  margin: 0 0 16px 24px; /* space under + to the left */
  border-radius: 12px;
}

/* On mobile, stop floating so it stacks nicely */
@media (max-width: 768px) {
  .l4x4-bio-photo {
    float: none;
    display: block;
    margin: 0 auto 16px;
    max-width: 70%;
  }
}

/* /* Force left-aligned paragraph layout and remove centered column behavior from text wrapper */
.l4x4-uncode-text-column {
  text-align: left !important;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

/* Fix Gutenberg auto-resized images */
img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 1500px;
}


/* ==========================================
   Make hero section fully clickable
   ========================================== */

/* Allow clicks to pass through Uncode background layers */
#page-header .row-background,
#page-header .background-element,
#page-header .background-wrapper {
  pointer-events: none;
}

/* Make the hero link catch the click */
.l4x4-hero-link {
  pointer-events: auto;
  display: block;
  position: absolute;
  inset: 0;
  z-index: 5;
}

/* Ensure hero container allows absolute positioning */
#page-header {
  position: relative;
}

/* ==========================================
   Restore hero text visibility above link
   ========================================== */

/* Ensure hero content sits above clickable overlay */
#page-header .row-header,
#page-header .row-inner,
#page-header .wpb_column,
#page-header .uncont,
#page-header .vc_custom_heading_wrap {
  position: relative;
  z-index: 10;
}

/* Keep clickable hero link just below text */
.l4x4-hero-link {
  z-index: 5;
}

/* ==========================================
   L4X4 HERO CLICK OVERLAY (UNCODE-SAFE)
   ========================================== */

#page-header{
  position: relative;
}

/* Full hero clickable layer */
#page-header .l4x4-hero-link-overlay{
  position: absolute;
  inset: 0;
  z-index: 50;
}

/* Hero text stays visible but lets click pass through */
#page-header .row-header,
#page-header .row-inner,
#page-header .wpb_column,
#page-header .uncont,
#page-header .vc_custom_heading_wrap{
  pointer-events: none;
}

/* ==========================================
   L4X4 – Desktop-only top navigation
   ========================================== */

/* Hide main nav tabs on tablet & mobile */
@media (max-width: 959px) {
  .l4x4-uncode-main-menu-container {
    display: none !important;
  }
}

/* Ensure nav shows on desktop */
@media (min-width: 960px) {
  .l4x4-uncode-main-menu-container {
    display: flex !important;
  }
}

/* ===================================================== */
/* MENU PAGE (ID 248) — FINAL LAYOUT FIX (KEEP ONLY THIS) */
/* Fixes: only 1 card showing, centers Jeep row, keeps rows */
/* ===================================================== */

/* Your row containers are Gutenberg flex + nowrap.
   Force wrap so 3 cards actually show on the row. */
.page-id-248 .wp-block-group.l4x4-polaroid-grid.is-layout-flex,
.page-id-248 .wp-block-group.l4x4-polaroid-grid {
  display: flex !important;
  flex-wrap: wrap !important;          /* <-- THIS is the key fix */
  gap: 40px !important;
  width: 100%;
  max-width: 1200px;
  margin: 40px auto 0;
  justify-content: center !important;  /* centers rows like header.php */
  align-items: stretch;
}

/* Force cards to be real “tiles” (not 100% width) */
.page-id-248 .l4x4-polaroid-grid > article.l4x4-polaroid-card {
  flex: 0 1 calc((100% - 80px) / 3) !important; /* 3 across (2 gaps = 80px) */
  max-width: calc((100% - 80px) / 3) !important;
}

/* Tablet: 2 across */
@media (max-width: 1023px) {
  .page-id-248 .l4x4-polaroid-grid > article.l4x4-polaroid-card {
    flex-basis: calc((100% - 40px) / 2) !important;
    max-width: calc((100% - 40px) / 2) !important;
  }
}

/* Mobile: 1 across */
@media (max-width: 767px) {
  .page-id-248 .l4x4-polaroid-grid > article.l4x4-polaroid-card {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
}

/* IMPORTANT: Gutenberg sometimes adds alignleft/alignright to the Jeep images.
   That can break the 2-card centering. Kill those floats on the menu page. */
.page-id-248 .wp-block-image.alignleft,
.page-id-248 .wp-block-image.alignright {
  float: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Make sure images don’t set card widths weirdly */
.page-id-248 .l4x4-polaroid-card img {
  display: block;
  width: 100%;
  height: 380px;
  object-fit: cover;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .page-id-248 .l4x4-polaroid-card img {
    height: 260px;
  }
}

/* ========================================= */
/* MENU PAGE (ID 248) — CLICKABLE H2 HEADERS */
/* Overland Guide + The Jeep ONLY            */
/* ========================================= */

/* Base state */
.page-id-248 h2.wp-block-heading {
  cursor: pointer;
  display: inline-block; /* required for transform */
  transition: color 0.25s ease, transform 0.25s ease;
}

/* Hover state */
@media (hover: hover) {
  .page-id-248 h2.wp-block-heading:hover {
    color: #C9A227;              /* gold */
    transform: translateY(-4px);
  }
}

/* ========================================= */
/* MENU PAGE (ID 248) — CENTER SECTION H2s   */
/* ========================================= */

.page-id-248 h2.wp-block-heading {
  text-align: center;
  width: 100%;
}

/* ========================================= */
/* MENU PAGE (ID 248) — H2 LINK HOVER FIX    */
/* Overland Guide + The Jeep                 */
/* ========================================= */

.page-id-248 h2.wp-block-heading a {
  color: inherit;                 /* keep normal color */
  text-decoration: none;
  display: inline-block;          /* required for transform */
  transition: color 0.25s ease, transform 0.25s ease;
}

@media (hover: hover) {
  .page-id-248 h2.wp-block-heading a:hover {
    color: #C9A227;                /* gold */
    transform: translateY(-4px);   /* lift */
  }
}

/* ========================================= */
/* MENU PAGE (ID 248) — CARD LINK HOVER FIX  */
/* Restores lift + gold title on hover       */
/* ========================================= */

/* Make sure links inside cards don’t kill hover */
.page-id-248 .l4x4-polaroid-card a {
  text-decoration: none;
  color: inherit;
  display: block; /* ensures hover area is correct */
}

/* Card hover (container-level) */
.page-id-248 .l4x4-polaroid-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover effect — triggered when hovering the CARD or its link */
@media (hover: hover) {
  .page-id-248 .l4x4-polaroid-card:hover,
  .page-id-248 .l4x4-polaroid-card a:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.22);
  }

  /* Title turns gold on card hover */
  .page-id-248 .l4x4-polaroid-card:hover .l4x4-polaroid-title {
    color: #C9A227;
  }
}


/* ========================================= */
/* MENU PAGE — FIX HERO OVERLAP (MOBILE)     */
/* Prevent H1 + intro from overlaying hero   */
/* ========================================= */

/* Tablet portrait + mobile */
@media (max-width: 768px) {
  .page-id-248 h1.wp-block-heading {
    margin-top: 70px;
  }
}

/* Small phones */
@media (max-width: 480px) {
  .page-id-248 h1.wp-block-heading {
    margin-top: 70px;
  }
}

/* ========================================= */
/* MENU PAGE (ID 248) — HERO: SHOW FULL IMAGE */
/* Tablet + Mobile only (no desktop changes) */
/* ========================================= */

@media (max-width: 959px) {

  /* 1) Make the hero tall enough to display the full image */
  .page-id-248 #page-header {
    height: auto !important;
    min-height: 70vh; /* tweak 60–90vh if you want */
  }

  /* 2) If hero uses CSS background-image (most Uncode headers do) */
  .page-id-248 #page-header .row-background,
  .page-id-248 #page-header .background-element,
  .page-id-248 #page-header .background-wrapper {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
  }

  /* 3) If hero uses an <img> tag instead of background-image */
  .page-id-248 #page-header img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
}

/* ========================================= */
/* MENU PAGE — EXCLUDE NON-CLICKABLE H2      */
/* Get to Know Us                            */
/* ========================================= */

/* Remove hover behavior completely */
.page-id-248 h2.l4x4-section-label,
.page-id-248 h2.l4x4-section-label:hover {
  color: inherit !important;
  transform: none !important;
  cursor: default !important;
}

/* ========================================= */
/* HEADER POLAROID GRID — TABLET FLEX FIX    */
/* Center orphan card on second row          */
/* ========================================= */

@media (min-width: 500px) and (max-width: 1023px) {

  .l4x4-polaroid-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;   /* key fix */
    gap: 40px;
  }

  .l4x4-polaroid-card {
    flex: 0 0 calc(50% - 40px); /* two cards per row */
    max-width: calc(50% - 40px);
  }

  /* Third card: center it */
  .l4x4-polaroid-card:nth-child(3) {
    flex: 0 0 320px;            /* fixed visual width */
    max-width: 320px;
  }
}

/* ===================================================== */
/* HOMEPAGE POLAROID GRID — TABLET FIXES (HEADER.PHP)     */
/* Only affects the homepage sections #row-home-guides +  */
/* #row-home-jeep. Does NOT touch the Menu page.          */
/* ===================================================== */

/* ---------- TABLET (iPad-ish) ---------- */
@media (min-width: 768px) and (max-width: 1023px) {

  /* ----------------------------- */
  /* OVERLAND GUIDES: 2 + centered 1 */
  /* ----------------------------- */
  #row-home-guides .l4x4-polaroid-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
    gap: 40px !important;
    justify-content: center !important;
    justify-items: center !important;
  }

  /* Center the 3rd card on its own row */
  #row-home-guides .l4x4-polaroid-grid > .l4x4-polaroid-card:last-child {
    grid-column: 1 / -1 !important;   /* span both columns */
    justify-self: center !important;
    max-width: 420px;                 /* prevents it becoming too wide */
    width: 100%;
  }


  /* ----------------------------- */
  /* THE JEEP: 1 per row, centered */
  /* ----------------------------- */
  #row-home-jeep .l4x4-polaroid-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;   /* stack */
    gap: 40px !important;
    justify-items: center !important;
  }

  #row-home-jeep .l4x4-polaroid-grid > .l4x4-polaroid-card {
    max-width: 520px;   /* controls card width so it looks centered */
    width: 100%;
  }
}

/* ========================================= */
/* OVERLAND GUIDE — RESPONSIVE CARD GRID     */
/* ========================================= */

.l4x4-landing-grid {
  display: grid;
  gap: 36px;
}

/* Desktop */
@media (min-width: 1024px) {
  .l4x4-landing-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Tablet */
@media (min-width: 600px) and (max-width: 1023px) {
  .l4x4-landing-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile */
@media (max-width: 599px) {
  .l4x4-landing-grid {
    grid-template-columns: 1fr;
  }
}

/* ========================================= */
/* OVERLAND GUIDE — CENTER 3RD CARD (TABLET) */
/* ========================================= */

@media (min-width: 600px) and (max-width: 1023px) {
  .l4x4-landing-grid > .l4x4-landing-card:nth-child(3) {
    grid-column: 1 / -1;   /* span both columns */
    justify-self: center;  /* center the card */
    max-width: 420px;     /* keeps it visually balanced */
    width: 100%;
  }
}

/* ========================================= */
/* JEEP LANDING — TABLET FIX (2 CARDS ONLY)  */
/* ========================================= */

.l4x4-jeep-landing-grid {
  display: grid;
  gap: 36px;
}

/* Desktop: 2 cards side by side */
@media (min-width: 1024px) {
  .l4x4-jeep-landing-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Tablet: 1 card per row, centered */
@media (min-width: 600px) and (max-width: 1023px) {
  .l4x4-jeep-landing-grid {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .l4x4-jeep-landing-grid > .l4x4-landing-card {
    max-width: 420px;
    width: 100%;
  }
}

/* Mobile: 1 card per row */
@media (max-width: 599px) {
  .l4x4-jeep-landing-grid {
    grid-template-columns: 1fr;
  }
}

/* ========================================= */
/* FOOTER — CENTER LOGO ON MOBILE             */
/* ========================================= */

@media (max-width: 959px) {

  .l4x4-uncode-single-media {
    text-align: center !important;
  }

  .l4x4-uncode-single-media .single-wrapper {
    max-width: 120px !important;
    margin: 0 auto !important;
  }
}

/* ========================================= */
/* FOOTER — MAKE DESKTOP ROW RESPONSIVE      */
/* Keeps logo left + menu right on all sizes */
/* ========================================= */

#row-unique-14 .row-inner{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  width: 100% !important;
  max-width: 100% !important;
}

#row-unique-14 .wpb_column{
  float: none !important;
  width: auto !important;
  max-width: 100% !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
}

/* Logo column */
#row-unique-14 .wpb_column:has(.footer-logo){
  flex: 0 1 40% !important;
}

/* Menu column (your “Menu” links column) */
#row-unique-14 .wpb_column:has(.l4x4-uncode_text_column){
  flex: 0 1 55% !important;
}

#row-unique-14 img.footer-logo{
  max-width: 100% !important;
  height: auto !important;
}

/* Small phones: still keep left/right, but allow tighter sizing */
@media (max-width: 568px){
  #row-unique-14 .wpb_column:has(.footer-logo){
    flex-basis: 42% !important;
  }
  #row-unique-14 .wpb_column:has(.l4x4-uncode_text_column){
    flex-basis: 56% !important;
  }
}

/* ========================================= */
/* FOOTER — DESKTOP POLISH                   */
/* ========================================= */

@media (min-width: 960px) {

  /* Reduce logo size on desktop */
  #row-unique-14 .single-wrapper {
    max-width: 180px !important;
  }

  /* Make MENU gold */
  #row-unique-14 p:first-child {
    color: #C9A227 !important; /* warm gold */
    letter-spacing: 1px;
  }

  /* Reduce vertical padding in footer columns */
  #row-unique-14 .uncell {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
}

/* ========================================= */
/* FOOTER — DESKTOP RIGHT SPACING            */
/* ========================================= */

@media (min-width: 960px) {
  #row-unique-14 .align_right {
    padding-right: 132px !important;
  }
}

/* ========================================= */
/* FOOTER — TABLET & MOBILE SPACING          */
/* ========================================= */

@media (max-width: 959px) {
  #row-unique-14 .align_right {
    padding-right: 24px !important;
    padding-left: 12px !important;
  }

  /* Slightly smaller logo on mobile */
  #row-unique-14 .single-wrapper {
    max-width: 160px !important;
  }
}

/* ========================================= */
/* FOOTER — MENU TITLE COLOR (ALL DEVICES)   */
/* ========================================= */

#row-unique-14 .l4x4-uncode_text_column p:first-child {
  color: #C9A227 !important; /* brand gold */
  letter-spacing: 1px;
}

/* ========================================= */
/* FOOTER — MENU TYPOGRAPHY WEIGHT & SIZE    */
/* ========================================= */

/* MENU title */
#row-unique-14 .l4x4-uncode_text_column p:first-child {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  margin-bottom: 12px;
}

/* Menu links */
#row-unique-14 .l4x4-uncode_text_column.link p {
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  margin: 6px 0 !important;
  line-height: 1.4;
}

/* Optional: stronger hover feedback */
#row-unique-14 .l4x4-uncode_text_column.link a:hover {
  color: #C9A227 !important;
}

/* ========================================= */
/* FOOTER — MENU TITLE + LINKS (ALL DEVICES) */
/* ========================================= */

/* MENU label */
footer#colophon .l4x4-footer-menu-title span {
  color: #C9A227 !important;      /* strong gold */
  font-weight: 900 !important;   /* max weight */
  font-size: 1.6rem !important;  /* BIGGER */
  letter-spacing: 1.2px !important;
  text-transform: uppercase;
  display: block;
}

/* Menu links */
footer#colophon .l4x4-footer-menu-links a {
  font-size: 1.25rem !important;   /* ↑ bulk */
  line-height: 1.15 !important;    /* ↑ density */
  letter-spacing: 0.6px !important;
  font-weight: 800 !important;
  margin: 6px 0 !important;
  text-transform: uppercase;
  display: inline-block;
}

/* Keep links inheriting size */
#colophon #row-unique-14 .l4x4-footer-menu-links a {
  font-size: inherit !important;
  font-weight: inherit !important;
}

/* Desktop sizing */
@media (min-width: 960px) {
  footer#colophon .l4x4-footer-menu-title span { font-size: 16px; }
  footer#colophon .l4x4-footer-menu-links a { font-size: 14px; }
}

/* Tablet + Mobile sizing */
@media (max-width: 959px) {
  footer#colophon .l4x4-footer-menu-title span { font-size: 19px; }
  footer#colophon .l4x4-footer-menu-links a { font-size: 16px; }
}

/* ========================================= */
/* GLOBAL — FIX HERO “OVERLAP” ON MOBILE     */
/* Real fix: disable fixed background        */
/* ========================================= */

@media (max-width: 959px) {
  /* Stop the fixed/parallax behavior on tablet+mobile */
  #page-header .background-inner {
    background-attachment: scroll !important;
  }

  /* Control space below hero */
  .site-main {
    padding-top: 16px !important; /* ← adjust this number */
  }

  /* Keep stacking order correct */
  .page-body,
  .site-main {
    position: relative;
    z-index: 1;
    background: #fff;
  }

  #page-header {
    position: relative;
    z-index: 0;
  }
}

/* ===================================================
   FINAL MOBILE FIX — BLOG + JEEP (≤ 360px)
   No overflow hacks. No container overrides.
   =================================================== */

@media (max-width: 360px) {

  /* BLOG carousel arrows */
  body.blog .l4x4-blog-nav,
  body.blog .slick-slider {
    padding-right: 24px !important;
  }

  /* JEEP cards: stack cleanly, never overflow */
  body.page-template-the-jeep .l4x4-jeep-landing-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  body.page-template-the-jeep .l4x4-landing-card {
    max-width: 100% !important;
    width: 100% !important;
  }

  /* FOOTER MENU — pull content inward instead of hiding overflow */
  footer#colophon {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }
}

/* ===================================================
   FINAL FIX — FOOTER MENU RESPONSIVE (BLOG + JEEP)
   Fixes clipping at 480px → 339px
   =================================================== */

/* Tablet → small mobile */
@media (max-width: 480px) {

  /* Force footer row to wrap instead of clipping */
  footer#colophon .row-parent,
  footer#colophon .row-inner,
  footer#colophon .wpb_row {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  /* Force footer columns to be full width */
  footer#colophon .wpb_column {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Center MENU column content */
  footer#colophon .wpb_column .uncont {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }

  /* Prevent text clipping */
  footer#colophon p,
  footer#colophon a {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }
}

/* ===================================================
   FINAL FOOTER FIX — MOBILE ONLY (≤ 480px)
   Uncode columns disabled, content stacks correctly
   =================================================== */

@media (max-width: 480px) {

  /* Kill Uncode column math */
  footer#colophon .wpb_row,
  footer#colophon .row-inner {
    display: block !important;
  }

  footer#colophon .wpb_column {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
  }

  /* Ensure inner content fits screen */
  footer#colophon .uncont {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }

  /* Prevent text cutoff */
  footer#colophon p,
  footer#colophon a {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 480px) {
  footer#colophon .l4x4-footer-row {
    display: block !important;
  }
}

/* ========================================= */
/* BLOG PAGE — STABLE GRID (ALL DEVICES)     */
/* ========================================= */

.l4x4-blog-intro {
  max-width: 1100px;
  margin: 48px auto 40px;
  padding: 0 24px;
}

.l4x4-blog-grid {
  max-width: 1100px;
  margin: 0 auto 80px;
  padding: 0 24px;

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px;
}

@media (max-width: 1024px) {
  .l4x4-blog-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .l4x4-blog-grid {
    grid-template-columns: 1fr;
  }
}

/* Card */
.l4x4-blog-card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0,0,0,.12);
}

.l4x4-blog-card-media {
  display: block;
  height: 260px;
  background-size: cover;
  background-position: center;
}

.l4x4-blog-card-body {
  padding: 20px;
}

/* Safety: no horizontal scroll EVER */
html, body {
  overflow-x: hidden;
}

/* ========================================= */
/* BLOG CAROUSEL — ARROWS + NO CLIP (ALL)    */
/* ========================================= */

.l4x4-blog-carousel {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 44px;            /* space for arrows INSIDE */
  box-sizing: border-box;
}

.l4x4-blog-window {
  overflow: hidden;
}

.l4x4-blog-track {
  display: flex;
  gap: 24px;
  will-change: transform;
}

.l4x4-blog-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 36px;
  height: 36px;
  border-radius: 999px;
}

.l4x4-blog-arrow--prev { left: 8px; }
.l4x4-blog-arrow--next { right: 8px; }

/* Extra small phones (339–359px): tighter padding so nothing clips */
@media (max-width: 360px) {
  .l4x4-blog-carousel { padding-left: 38px; padding-right: 38px; }
  .l4x4-blog-arrow--prev { left: 4px; }
  .l4x4-blog-arrow--next { right: 4px; }
}

/* ========================================= */
/* BLOG CAROUSEL — EXTRA SMALL PHONES (≤320) */
/* ========================================= */
@media (max-width: 320px) {

  .l4x4-blog-carousel {
    padding-left: 32px;
    padding-right: 32px;
  }

  .l4x4-blog-arrow {
    width: 30px;
    height: 30px;
  }

  .l4x4-blog-arrow--prev {
    left: 2px;
  }

  .l4x4-blog-arrow--next {
    right: 2px;
  }
}

/* ========================================= */
/* THE JEEP PAGE — FORCE CARD IMAGES TO SHOW */
/* (Your new template uses background-image) */
/* ========================================= */

.l4x4-jeep-page .l4x4-jeep-grid{
  max-width: 1100px;
  margin: 40px auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 36px;
}

@media (max-width: 720px){
  .l4x4-jeep-page .l4x4-jeep-grid{
    grid-template-columns: 1fr;
  }
}

.l4x4-jeep-page .l4x4-jeep-card > a{
  display: block;
  text-decoration: none;
  color: inherit;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}

/* THIS is the missing piece: height + background rules */
.l4x4-jeep-page .l4x4-jeep-card-media{
  width: 100%;
  height: 300px;                 /* adjust if you want */
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  display: block;
}

@media (max-width: 420px){
  .l4x4-jeep-page .l4x4-jeep-card-media{
    height: 240px;
  }
}

.l4x4-jeep-page .l4x4-jeep-card-body{
  padding: 20px;
}

.l4x4-jeep-page .l4x4-jeep-card-body h3{
  margin: 0 0 10px;
  font-size: 1.3rem;
  font-weight: 700;
}

.l4x4-jeep-page .l4x4-jeep-card-body p{
  margin: 0;
  font-size: 0.95rem;
  color: #666;
}

/* ========================================= */
/* HERO — DISABLE FIXED BACKGROUND ON MOBILE */
/* Prevent parallax issues on tablet/mobile */
/* ========================================= */

@media (max-width: 959px) {
  #page-header .background-inner {
    background-attachment: scroll;
  }
}

/* L4x4 — force padding on any theme-generated H1 title */
h1,
h1.entry-title,
h1.page-title,
#page-header h1,
.page-header h1,
.entry-header h1 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* If the title is in a full-width wrapper, center that wrapper too */
#page-header,
.page-header,
.entry-header {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* L4x4 — hero subtitle spacing */
.l4x4-hero-subtitle{
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* Space between hero image and hero title */
.l4x4-hero-title{
  margin-top: 150px !important;
}


.l4x4-blog-carousel {
  width: 100%;
  max-width: min(1100px, 100vw);
}

.l4x4-blog-track {
  max-width: 100%;
}

.site-main,
main,
section {
  max-width: 100%;
  overflow-x: clip;
}

.l4x4-product-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px;
}

/* Tablet */
@media (max-width: 1024px) {
  .l4x4-product-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile */
@media (max-width: 560px) {
  .l4x4-product-grid {
    grid-template-columns: 1fr;
  }
}

/* ========================================
   Adjust black logo position in header
   Ensures the black logo aligns with the white logo
   when switching on scroll / background change
   Applies smooth transition for both logos
   ======================================== */

/* Force black logo down */
.l4x4-uncode-logo-image.logo-dark {
    position: relative !important;
    top: 60px !important; /* adjust until aligned */
}

/* Smooth transition for both logos */
.l4x4-uncode-logo-image.logo-dark,
.l4x4-uncode-logo-image.logo-light {
    transition: top 0.3s ease !important;
}

/* /* Related Posts Section – Adds hover lift and shadow effect to post thumbnails and titles */
 */



/* Related posts hover effect */
.l4x4-related-posts .related-post-item a {
    display: block;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.l4x4-related-posts .related-post-item a:hover {
    transform: translateY(-10px); /* moves up */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15); /* subtle shadow */
}

/* Optional: make titles move slightly too */
.l4x4-related-posts .related-post-item a h3 {
    transition: transform 0.3s ease;
}

.l4x4-related-posts .related-post-item a:hover h3 {
    transform: translateY(-5px); /* slightly moves title up */
}

.l4x4-related-posts h2 {
    text-align: center;
    margin-bottom: 50px; /* space below title */
}






/*
============================================================
Social Share Buttons - Africa Travel Blog Template
------------------------------------------------------------
Purpose:
Styles the "Share this post" section and social buttons.
- Keeps the Facebook button design (blue background, white text)
- Left-aligns the "Share this post" heading on desktop
- Ensures buttons are responsive on tablet and mobile
- Adds hover effect for better UX
- Maintains spacing and alignment across devices
============================================================
*/

/* Desktop - default */
.l4x4-social-share {
    max-width: 900px;
    margin: 0 auto;
    padding-bottom: 32px;
}

.l4x4-social-share .share-heading {
    text-align: left; /* Left align the heading */
    margin-bottom: 12px;
    font-size: 1.1em;
}

.l4x4-social-share .share-buttons {
    display: flex;
    gap: 16px;
    flex-wrap: wrap; /* allow buttons to wrap on smaller screens */
}

.l4x4-social-share .share-buttons a {
    display: inline-block;
    padding: 8px 16px;
    background-color: #0073aa; /* Facebook blue */
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    font-size: 0.95em;
    transition: all 0.3s ease; /* smoother animation */
}

/* Hover lift effect */
.l4x4-social-share .share-buttons a:hover {
    background-color: #005177;
    transform: translateY(-4px); /* rise up */
    box-shadow: 0 8px 14px rgba(0,0,0,0.2); /* soft shadow */
}




/* =============================
   Tablet adjustments (≤768px)
   ============================= */
@media (max-width: 480px) {
    .l4x4-social-share {
        padding-left: 12px;
        padding-right: 12px;
        padding-bottom: 24px;
    }

    .l4x4-social-share .share-heading {
        font-size: 0.95em;
    }

    .l4x4-social-share .share-buttons {
        gap: 12px;
        flex-direction: column;
        align-items: flex-start;
    }

    .l4x4-social-share .share-buttons a {
        font-size: 0.85em;
        padding: 6px 12px;
    }

    .l4x4-social-share .share-buttons a:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    }
}

/* =============================
   Mobile adjustments (≤480px)
   ============================= */
@media (max-width: 480px) {
    .l4x4-social-share {
        padding-left: 12px;
        padding-right: 12px;
        padding-bottom: 24px;
    }

    .l4x4-social-share .share-heading {
        font-size: 0.95em;
    }

    .l4x4-social-share .share-buttons {
        gap: 12px;
        flex-direction: column; /* stack buttons vertically on very small screens */
        align-items: flex-start; /* keep buttons left-aligned */
    }

    .l4x4-social-share .share-buttons a {
        font-size: 0.85em;
        padding: 6px 12px;
    }

     .l4x4-social-share .share-buttons a:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    }
}

/* Product Card Hover Lift */
.l4x4-product-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.l4x4-product-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 14px 28px rgba(0,0,0,0.12);
}

/* View Product Button Hover */
.l4x4-product-card a:last-child {
    transition: all 0.3s ease;
    display: inline-block;
}

.l4x4-product-card a:last-child:hover {
    color: #b5914f; /* gold*/
    transform: translateY(-4px);
}




/* =============================
   RELATED POSTS CAROUSEL CSS
   ============================= */
.l4x4-related-swiper {
  padding-bottom: 20px;
}
.l4x4-related-swiper .swiper-slide {
  width: auto;
  flex-shrink: 0;
}
.l4x4-related-swiper .related-post-item img {
  transition: transform 0.3s ease;
}
.l4x4-related-swiper .related-post-item img:hover {
  transform: translateY(-6px);
}
.l4x4-related-swiper .related-post-item h3 {
  transition: transform 0.3s ease, color 0.3s ease;
}
.l4x4-related-swiper .related-post-item h3:hover {
  transform: translateY(-4px);
  color: #b89c5b; /* SEO gold color */
}

/* ===========================
   Related Posts Carousel Cards
   =========================== */
.l4x4-blog-carousel {
    position: relative;
    overflow: hidden;
    margin-top:24px;
}

.l4x4-blog-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 6px 14px rgba(0,0,0,0.1);
}

.l4x4-blog-arrow--prev,
.l4x4-blog-arrow--next {
    background:#8c6b4c;
    color:#fff;
    border:none;
    padding:8px 14px;
    border-radius:6px;
    cursor:pointer;
    transition:all 0.3s ease;
}

.l4x4-blog-arrow--prev:hover,
.l4x4-blog-arrow--next:hover {
    background:#b08b57; /* lighter beige on hover */
    transform: translateY(-4px);
}

/* Optional: spacing between cards for small screens */
@media (max-width: 560px) {
    .l4x4-blog-card {
        min-width: 80%;
    }
}


/* =============================
   Comments section - tablet & mobile
   ============================= */
@media (max-width: 1024px) { /* Tablet and smaller */
    .l4x4-comments {
        background-color: #f8f5ef; /* light sand / beige */
        padding: 32px 16px; /* optional: add horizontal padding for smaller screens */
        border-radius: 8px; /* optional: subtle rounded corners */
    }
}


.related-post-item img {
    width: 100%;
    height: 150px; /* same height for all images */
    object-fit: cover; /* crops if necessary, keeps aspect ratio */
    border-radius: 6px;
    margin-bottom: 8px;
}

/* page-legal.php */
.l4x4-legal-page {
    max-width: 900px;
    margin: 200px auto;
    padding: 0 20px;
    line-height: 1.7;
}

/* l4x4-footer-legal */
.l4x4-footer-legal {
    font-size: 13px;
    text-align: center;
    margin-top: 20px;
}

.l4x4-footer-legal a {
    color: #999;
    text-decoration: none;
    margin: 0 5px;
}

.l4x4-footer-legal a:hover {
    text-decoration: underline;
}


.wp-caption-text,
figcaption {
  display: none !important;
}

.l4x4-blog-title {
  font-size: clamp(2rem, 5vw, 4rem);
  line-height: 1.1;
}

/* Mobile performance optimization:
   Keep parallax effect only on homepage hero section */

@media (min-width: 1025px) {
    #row-unique-0 .background-inner {
        background-attachment: fixed !important;
    }
}



/* OVERLAND GUIDES = SAME BEHAVIOR AS JEEP SECTION */
#row-home-guides .l4x4-polaroid-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  width: 100%;
}

/* iPad + below → 1 column like Jeep section behavior */
@media (max-width: 1024px){
  #row-home-guides .l4x4-polaroid-grid{
    grid-template-columns: 1fr;
  }
}

/* prevent theme squeezing */
#row-home-guides .l4x4-polaroid-card{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}


.l4x4-overland-landing 
{ overflow-x: hidden; } 

.l4x4-overland-landing .l4x4-polaroid-grid 
{ padding: 0 40px; }

.l4x4-blog-polaroids .l4x4-polaroid-grid {
  background: linear-gradient(
    180deg,
    #F5E7CE 0%,
    #D2B48C 40%,
    #8B5E3C 100%
  ) !important;
  padding-left: 50px !important;
   padding-top: 80px !important;
  padding-bottom: 80px !important;
  
   /* BONUS UPGRADE */
  box-shadow: inset 0 20px 60px rgba(0,0,0,0.05);
}