/* Theme Name: Mahogany Child Template: mahogany Version: 1.1.1 Text Domain: mahogany */ @import url('https://fonts.googleapis.com/css2?family=Michroma&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); /* @media (max-width: 959px) { .content_wrap, .content_container { width: 758px!important; } }*/ /* .content {margin:18% 15% 1% 15%; } */ /* Top - Right - Bottom - Left */ /* body { display: grid; place-items: center; min-height: 100vh; background: hsl(240 10% 96%); } body::before { --size: 45px; --line: color-mix(in lch, canvasText, transparent 85%); content: ''; height: 100vh; width: 100vw; position: fixed; background: linear-gradient( 90deg, var(--line) 1px, transparent 1px var(--size) ) 50% 50% / var(--size) var(--size), linear-gradient(var(--line) 1px, transparent 1px var(--size)) 50% 50% / var(--size) var(--size); mask: linear-gradient(-25deg, transparent 30%, white); top: 0; transform-style: flat; pointer-events: none; z-index: -1; } */ /************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .michroma-regular { font-family: "Michroma", sans-serif; font-weight: 400; font-style: normal; } .scheme_default { font-family: "Roboto", sans-serif; text-shadow:-1px 0 1px #c7c7cc, -1px 0 1px #c7c7cc;} .sc_layouts_menu_nav>li, .sc_layouts_menu_nav>li>a { font-family: "Roboto", sans-serif; text-decoration: none; letter-spacing: 0; padding-bottom:60px; margin-top:-6px; text-shadow:-1px 0 1px #c7c7cc, -1px 0 1px #c7c7cc; font-size: min(max(1.6rem, 2vw), 22px); /* font-size: min(max(2.5rem, 2vw), 52px);c1bcaf*/ } h1 { font-size: clamp(100%, 1rem + 2.5vw, 45px)!important; } .scheme_default .sc_layouts_menu_nav>li.current-menu-item>a, .scheme_default .sc_layouts_menu_nav>li.current-menu-parent>a, .scheme_default .sc_layouts_menu_nav>li.current-menu-ancestor>a { color:#ffffffcc!important; /*color: #fd9c00!important;*/ text-shadow: -1px 0 0 rgba(232,185,0,1);} .scheme_default .sc_layouts_menu_nav>li>a { transition:1s; &:hover{color: #ffffffcc!important;} } h1, .front_page_section_caption , .sc_layouts_title_caption { font-family: "Michroma", sans-serif; font-weight: 600!important; font-style: normal; letter-spacing:0px!important; line-height: 1em; /* text-shadow: 0px 2px 0px #fd9c00, 0 4px 4px #55462980;*/ text-shadow:0 1px 0px #55462926, 1px 0 0px #55462926, 2px 2px 2px #55462926, 3px 3px 3px #55462926, -1px 0 0 #fd9c00, -2px 0px 0px #fd9c00, -3px 0px 0 #fd9c00, -4px 0px 0px #fd9c00,-5px 0 5px #ffffff40; /* text-shadow: 0 1px 0px #55462980, 1px 0 0px #55462980, 2px 2px 3px #55462980, 3px 3px 3px #55462980, -2px 0px 0 #fd9c00, -3px 0px 0px #fd9c00, -4px 0 3px #ffffff;*/ /* -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; */ } /*.top_panel_title .sc_layouts_row .sc_layouts_row_type_normal , .sc_layouts_column .sc_layouts_column_align_center ,*/ /*.content_wrap*/ /* .top_panel_title .sc_layouts_row .sc_layouts_row_type_normal , .sc_layouts_column .sc_layouts_column_align_center , .columns_wrap .columns_fluid , .sc_layouts_title .sc_align_center , */ .scheme_default { perspective: 900px;} .top_panel_default .top_panel_title { background:linear-gradient(270deg, rgba(85, 70, 41, 0.5), rgba(85, 70, 41, 0.1), rgba(85, 70, 41, 0.5)), linear-gradient(90deg, #000000b3 1px, #0000 0) 0/ 100px 54%, linear-gradient(90deg, #000000b3 1px, #0000 0) 0/ 50px 48% repeat-x, linear-gradient(90deg, #000000b3 1px, #0000 0) 0/ 5px 43% repeat-x; position:fixed; /* transform: rotatey(15deg) rotatex(20deg);*/ transform: rotatey(9deg) perspective(10cm); /* line-height: 2em;*/ perspective-origin:center; background-repeat: repeat-x; box-shadow: 0 8px 9px rgba(0, 0, 0, 0.2), 0 14px 12px rgba(0, 0, 0, 0.1); backdrop-filter: blur(5.0px); -webkit-backdrop-filter: blur(5.0px); background-position: 0% 150%; top:0%; max-height: 280px!important; box-sizing: border-box; width:120%; padding-top: 45px; padding-left: 150px; padding-right: 40px; padding-bottom: 50px; margin-top: 27px; margin-left: 0%; margin-right:34px; margin-bottom: 20%; } /* content:""; *********************************************************************************************************************************/ /* .top_panel_navi .columns_wrap , .top_panel_navi {*/ .columns_wrap ,.top_panel_navi { width:100%; /* position: -webkit-sticky; position: sticky; top: 0;*/ transform-style: preserve-3d; transform: rotatey(9deg) perspective(10cm); perspective-origin: center; /* transform: rotatey(15deg) rotatex(20deg);*/ position:fixed; z-index:9000; right:0%; padding-top: 0%; padding-right: 30px; padding-left: 0%; padding-bottom: 0%; margin-top: 0px; margin-left: 0%; margin-right: -4%; margin-bottom: 1%; } /* Logo LOGO Logo LOGO */ /*position: -webkit-sticky; position: sticky; top: 0; z-index: 9000; */ .sc_layouts_logo img { filter: drop-shadow(0px -1px 0.5px #55462980) drop-shadow(0.5px 0.5px 0.5px #ffffffcc); margin-top: 0px; margin-right: 0%; margin-left: 0px; margin-bottom:0%; padding-top: 20px; padding-right: 0%; padding-left: 10px; padding-bottom: 0%; } .sc_layouts_column_align_right { margin-left: ; padding-left: 0%; margin-top: 0px; padding-top: 0%; margin-bottom:0%;padding-bottom:0px; padding-right:0px; margin-right:0px; position:fixed; right: 10px;} .sc_layouts_column_align_left { margin-left: 0%; padding-left: 0%; margin-top: 0px; padding-top: 0%; margin-bottom:2%;padding-bottom:0px; position:fixed; left: -1%;} /*.columns_wrap . background-repeat: repeat-x; padding: 10% 10% 100% 100%; margin-left: -200%; } */ .top_panel_mobile_navi { background:linear-gradient(270deg, rgba(85, 70, 41, 0.5), rgba(85, 70, 41, 0.1), rgba(85, 70, 41, 0.5)), linear-gradient(90deg, #000000b3 1px, #0000 0) 0/ 100px 28%, linear-gradient(90deg, #000000b3 1px, #0000 0) 0/ 50px 23% repeat-x, linear-gradient(90deg, #000000b3 1px, #0000 0) 0/ 5px 18% repeat-x; width:140%; background-position: 0% 108%; transform-style: preserve-3d; transform: rotatey(9deg) perspective(10cm); perspective-origin:center; background-repeat: repeat-x; box-shadow: 0 8px 9px rgba(0, 0, 0, 0.2), 0 14px 12px rgba(0, 0, 0, 0.1); } .woocommerce .button, .woocommerce-page .button, .woocommerce a.button,.woocommerce ul.products li.product .button { border-radius:2.5% 2.5% 2.5% 2.5%; background-color: #fd9c00!important; box-shadow: 4px 4px 0px #ffff00, 8px 8px 1px #55462980; font-weight:bold; transition:1s; &:hover {transform:translate(0%,5%); box-shadow: 2px 2px 0 #ffff00; color:#ffff00;font-weight:900;} } /* .top_panel_navi::after { content: url(https://store.otto.info.ro/wp-content/uploads/2025/06/ruler-msd90-scaled.png); } */ /* .top_panel_navi::before .sc_layouts_menu .scheme_default .sc_layouts_row_type_normal .sc_layouts_item */ .menu_main_nav_area::before { content:''; padding-bottom:; margin-top:0px; position:fixed; right:-4%; z-index:-90; width: calc(48% + 400px); height: 46px; scale:0.76; background: /* linear-gradient(155deg,rgba(199, 199, 204,0.8)25%, transparent 60%) 0%/calc(32px) no-repeat,*/ linear-gradient(180deg,rgba(254, 161, 67,1), rgba(254, 169, 113,1),rgba(255, 122, 51,1)20%) 92px no-repeat, radial-gradient(farthest-corner at 6% 50%, transparent 70% ,rgba(255,162,68,0)70%, rgba(255,162,68,0)70%, rgba(255, 122, 51,1)72%) 72px 50%/calc(20px) 20px repeat-y, radial-gradient(farthest-side at 30% 50%,grey 46%, transparent 10%) 0%/calc(42px) repeat-y, radial-gradient(farthest-side at 30% 50%,#554629 46%, transparent 10%) 0%/calc(42px) repeat-y, conic-gradient(at -36% 50%,rgba(232,185,0,0.6) 88deg ,rgba(179,143,0,0.7)88deg 92deg, rgba(125,100,6,0.8)92deg 125deg, rgba(125,100,6,255)125deg 125deg) 0px 0px/calc(580px - 0px) no-repeat; clip-path: polygon(-12px 50%,86px 0%,100% 0,100% 100%,86px 100%); border-radius: 1% / 0% 50% 50% 0%; border-right: 6px solid rgba(179,143,0,1); } /*
*/