/* Theme Name: RZion Theme URI: https://reflexzion.com/ Author: Julio Pineda Author URI: https://reflexzion.com/ Version: 1.0.0 Text Domain: rzion */ @font-face {font-family: 'Myriad Pro Semibold'; font-style: normal; font-weight: normal; src: url('fonts/MYRIADPRO-SEMIBOLD.woff') format('woff');} @font-face {font-family: 'Helvetica Neue'; font-style: normal; font-weight: normal; src: url('fonts/HelveticaNeueCyr-Light.woff') format('woff');} @font-face { font-family: 'Myriad Pro Semibold'; font-style: normal; font-weight: normal; src: local('Myriad Pro Semibold'), local('MyriadPro-Semibold'), url('fonts/MYRIADPRO-SEMIBOLD.woff') format('woff'); font-display: optional; } @font-face { font-family: 'Helvetica Neue'; font-style: normal; font-weight: normal; src: local('Helvetica Neue'), local('HelveticaNeue'), local('Helvetica'), url('fonts/HelveticaNeueCyr-Light.woff') format('woff'); font-display: optional; } :root { --gray-color: #757575; } .gray_color { color: var(--gray-color) }; html {line-height: 1.15; -webkit-text-size-adjust: 100%; font-size: 16px;} @media screen and (min-width: 320px) { html {font-size: calc(16px + 6 * ((100vw - 320px) / 680));} } @media screen and (min-width: 1000px) { html {font-size: 16px;} } body {margin: 0; overflow-x: hidden;} hr {height: 0; box-sizing: content-box; overflow: visible;} pre {font-family: monospace, monospace; font-size: 1em;} a {background-color: transparent; z-index: 1; position: relative; text-decoration: none;} abbr[title] {border-bottom: none; text-decoration: underline; text-decoration: underline dotted;} b, strong {font-weight: bolder;} code, kbd, samp {font-family: monospace, monospace; font-size: 1em;} small {font-size: 80%;} sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sub {bottom: -0.25em;} sup {top: -0.5em;} /* Embedded content */ img {border-style: none;} /* Forms */ .cntcform {background: #ededed;} .cntcform input.wpcf7-submit, .site-footer form input.wpcf7-submit {padding: .6rem 1.8rem; background-color: #029b49; color: var(--wp--preset--color--white) !important; border-radius: 9999px; box-shadow: none; text-decoration: none; font-size: 1.125em; cursor: pointer; display: inline-block; text-align: center; word-break: break-word; box-sizing: border-box;} .cntcform input, .cntcform textarea, .cntcform label {width: 100%;} .cntcform input.wpcf7-submit {width: auto; padding: .5rem 2rem; font-size: 1.2rem; text-transform: uppercase;} .cntcform textarea {height: 120px;} button, input, optgroup, select, textarea {margin: 0; font-family: inherit; font-size: 100%; line-height: 1.15;} button, input {overflow: visible;} button, select {text-transform: none;} button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;} button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {padding: 0; border-style: none;} button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;} fieldset {padding: 0.35em 0.75em 0.625em;} legend {max-width: 100%; padding: 0; box-sizing: border-box; color: inherit; display: table; white-space: normal;} progress {vertical-align: baseline;} textarea {overflow: auto;} [type="checkbox"], [type="radio"] {padding: 0; box-sizing: border-box;} [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;} [type="search"] {-webkit-appearance: textfield; outline-offset: -2px;} [type="search"]::-webkit-search-decoration {-webkit-appearance: none;} ::-webkit-file-upload-button {-webkit-appearance: button; font: inherit;} /* Interactive */ details {display: block;} summary {display: list-item;} template {display: none;} [hidden] {display: none;} /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, optgroup, textarea {color: #222; line-height: 1.5; font-weight: 400; font-family: 'Helvetica Neue', sans-serif; text-shadow: 0 -1px 0 rgba(0,0,0,.05);} h1, h2, h3, h4, h5, h6 {clear: both; z-index: 1; position: relative;} h1 {margin: 0.67em 0;font-size: 2em;} body small {font-size: 60%;} p {margin-bottom: 1rem;} dfn, cite, em, i {font-style: italic;} blockquote {padding: 1.5rem .5rem 1.5rem 1rem; background: #f6f6f6; font-weight: bold; border-left: 3px #666666 solid;} blockquote p {margin: 0;} address {margin: 0 0 1.5em;} pre {max-width: 100%; margin-bottom: 1.6em; padding: 1.6em; background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; overflow: auto;} code, kbd, tt, var {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem;} abbr, acronym {border-bottom: 1px dotted #666; cursor: help;} mark, ins {background: #fff9c0; text-decoration: none;} big {font-size: 125%;} /*-- Heading Styles --*/ /*-- heading w tag 1 --*/ .htag1 .innerh {font-weight:700; text-transform: uppercase; word-spacing: 1px; letter-spacing:2px;} .htag1 .innerh span {margin-top: 5px; font-size:15px; color:#434343; word-spacing:1px; font-weight:normal; letter-spacing:2px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; font-weight:500; display: grid; align-items: center;} .htag1.text-center .innerh span {grid-gap: 20px; grid-template-columns: 1fr max-content 1fr;} .htag1 .innerh span {grid-gap: 0; grid-template-columns: 0 max-content 1fr;} .htga1.text-center .innerh span:after {content: " "; height: 5px; display: block; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; background-color:#f8f8f8;} .htag1 .innerh span:after,.htag1 .innerh span:before {content: " "; margin-left: 20px; height: 5px; display: block; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; background-color:#f8f8f8;} /*-- heading w tag 2 --*/ .htag2 .innerh {font-weight:700; text-transform: uppercase; word-spacing: 1px; letter-spacing:2px;} .htag2 .innerh span {padding-bottom:.5rem; line-height:2; text-transform: none; font-size:1rem; font-weight: normal; font-style: italic; font-family: 'Roboto Condensed', sans-serif; color:#999; letter-spacing:-0.005em; word-spacing:1px; display:block;} .htag2 .innerh:after, .htag2 .innerh:before {content: ""; width: 45px; height: 4px; margin:0; position: absolute; left: 0; bottom: 0; right: 45px; background-color: #ccc;} .htag2.text-center .innerh:after, .htag2.text-center .innerh:before {content: ""; width: 45px; height: 4px; margin:auto; position: absolute; left: 0; bottom: 0; right: 45px; background-color: #ccc;} .htag2 .innerh:before {width:90px; left:0;} .htag2.text-center .innerh:before {width:90px; left:45px;} /*-- heading w tag 3 --*/ .htag3 .innerh {font-weight: 700; text-transform: uppercase; word-spacing: 1px; letter-spacing:2px;} .htag3 .innerh span {margin-top: 1.5rem; text-transform: none; font-size:1rem; font-weight: normal; font-style: italic; font-family: 'Roboto Condensed', sans-serif; color:#999; letter-spacing:-0.005em; word-spacing:1px; display:block;} .htag3 .innerh:before {content: ""; width: 60px; height: 4px; margin-left: 0; position: absolute; left: 0; top: 3.5rem; left: 0; background-color: #dfdfdf;} .htag3.text-center .innerh:before {content: ""; width: 60px; height: 4px; margin-left: -30px; position: absolute; left: 0; top: 3.5rem; left: 50%; background-color: #dfdfdf;} /*-- heading w line bg --*/ .hbg1 .innerh {display: grid; grid-template-columns: 0 auto 1fr; grid-template-rows: 16px 0; grid-gap: 22px; text-align:center; text-transform:uppercase; font-size:26px; letter-spacing:1px;} .hbg1.text-center .innerh {display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 16px 0; grid-gap: 22px; text-align:center; text-transform:uppercase; font-size:26px; letter-spacing:1px;} .hbg1 .innerh:after,.hbg1 .innerh:before {content: " "; display: block; border-bottom: 2px solid #ccc;} /*-- heading w line--*/ .hbg2 .innerh {text-transform: uppercase;} .hbg2 .innerh:before {content: ""; width: 28px; height: 5px; margin-left: 0; display: block; position: absolute; bottom: -2px; left: 0;} .hbg2.text-center .innerh:before {content: ""; width: 28px; height: 5px; margin-left: -14px; display: block; position: absolute; bottom: -2px; left: 50%;} .hbg2 .innerh:after {content: ""; width: 120px; height: 1px; margin-top: .5rem; margin-left: 0; display: block; position: relative; left: 0;} .hbg2.text-center .innerh:after {content: ""; width: 100px; height: 1px; margin-top: .5rem; margin-left: -50px; display: block; position: relative; left: 50%;} /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html {box-sizing: border-box;} *, *:before, *:after {box-sizing: inherit;} hr {height: 1px; margin-bottom: 1.5em; background-color: #ccc; border: 0;} /* ul, ol {margin: 0 0 1.5em 3em;} */ ul, ol {margin: 0;} ul {list-style: disc;} ol {list-style: decimal;} li > ul, li > ol {margin-bottom: 0; margin-left: 1.5em;} dt {font-weight: bold;} dd {margin: 0 1.5em 1.5em;} img {max-width: 100%; height: auto;} figure {margin: 1em 0;} table {width: 100%; margin: 0 0 1.5em;} /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button,input[type="button"],input[type="reset"],input[type="submit"] {border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: .6em 1em .4em;} button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover {border-color: #ccc #bbb #aaa;} button:active,button:focus,input[type="button"]:active,input[type="button"]:focus,input[type="reset"]:active,input[type="reset"]:focus,input[type="submit"]:active,input[type="submit"]:focus {border-color: #aaa #bbb #bbb;} input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea {color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px;} input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus {color: #111;} select {padding: 5px; background: #fff; border: 1px solid #ccc;} textarea {width: 100%;} /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ body a:focus {outline: thin dotted;} body a:hover, body a:active {outline: 0; text-decoration: none;} /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ .screen-reader-text {width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); overflow: hidden; position: absolute !important; word-wrap: normal !important;} .screen-reader-text:focus {width: auto; height: auto; padding: 15px 23px 14px; background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; left: 5px; line-height: normal; text-decoration: none; top: 5px; z-index: 100000;} #content[tabindex="-1"]:focus {outline: 0;} .breadcrumbs,.breadcrumbs a {color: rgba(0,0,0,.4);} .breadcrumbs {width: 100%; padding: 1rem 0;} .breadcrumbs .row > * {padding: 0;} .breadcrumbs,.breadcrumbs .breadcrumb_last {color: #6e6c6e;} /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft {margin-right: 1.5em; display: inline; float: left;} .alignright {margin-left: 1.5em; display: inline; float: right;} .aligncenter {margin-left: auto; margin-right: auto; clear: both; display: block;} /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {content: ""; display: table; table-layout: fixed;} .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {clear: both;} /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget {margin: 0 0 1.5em;} .widget select {max-width: 100%;} .head-widget {position: relative;} /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /* Header */ #masthead {width: 100%; z-index: 1030;} .headsoc {text-align: right;} .site-branding {display: flex;align-items: center;} .site-branding img {height: auto; max-height: 49px;} .topbar, .site-branding img {-webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;} .topbar {height: auto; padding: 5px 0; font-size: 100%;} .topbar .dgwt-wcas-search-wrapp {max-width: 400px; margin: 0;} .tblnk {text-transform: uppercase; font-weight: bold;} .topbar #site-header-cart {color: #000;} .topbar i {padding-right: 5px;} .topbar .social-top {display: inline-block;} #masthead .social-top i {padding: 0 0 0 .5rem;} .social-top a {padding-left: 5px;} .social-top .fa-facebook {color: #3A559F;} .social-top .fa-twitter {color: #00ABF1;} .social-top .fa-youtube {color: #FF0000;} .social-top .fa-linkedin {color: #0077B7;} .social-top .fa-pinterest {color: #BD071D;} .social-top .fa-instagram {color: #B31A82;} .social-top .fa-yelp {color: #FE0002;} .social-top .fa-whatsapp {color: #06D755; cursor: pointer;} .social-top .i-whatsapp {cursor: pointer;} @media only screen and (max-width: 992px) { body #masthead {position: relative !important;} .site-branding, .topbar {text-align: center;} .topbar .dgwt-wcas-search-wrapp {max-width: 100%; margin-bottom: 1rem;} #masthead.position-absolute, #masthead .fixed-top {position: relative !important;} #masthead .site-branding img {max-width: 70%; height: auto; display: inline-block;} #headsoc .site-header-cart {margin-right: 0;} #headsoc .site-header-cart, #headsoc .headua {padding: 5px 10px; background: #555;} .tbshrink .topbar {height: 0px; padding: 1px 0; overflow: hidden;} .topbar .social-top a:last-child i, #headsoc .site-header-cart i {padding-right: 0;} .headsoc {text-align: center; font-size: 1.2rem;} } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ #site-navigation ul {min-height: 59px; margin:0 auto; padding:0; text-align: center; line-height: 2;} .main-navigation {position:relative;} .menu-main-container {width: 100%; height: 100%; position: relative;} .main-navigation ul ul {margin: 0; padding: 0; float: left; position: absolute; top: 100%; left: -999em; z-index: 99999; text-align: left; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);} .main-navigation ul ul ul {left: -999em; top: 0;} .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {left: 100%;} .main-navigation ul ul li {margin: 5px 0;} .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {left: auto;} .main-navigation li {padding: 1rem 0; display: inline-block; position: relative; border-left: 1px solid rgba(0,0,0,.05);} .main-navigation .sub-menu li {padding: .3rem 0;} .main-navigation li:first-child {border-left: 0;} .main-navigation .menu-item-has-children a:after {content: "\2B9F"; margin-left: 5px; font-size: 1rem; color: #555;} .main-navigation .menu-item-has-children li a:after {content: none;} .menu-left-container, .menu-right-container, .menu-left-container ul, .menu-right-container ul {height: 100%;} .menu-left-container, .menu-right-container {position: relative;} .menu-left-container ul, .menu-right-container ul {margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: auto auto auto; align-content: space-evenly;} .menu-left-container li, .menu-right-container li {text-align: center;} body #masthead #mega-menu-wrap-menu-1 #mega-menu-menu-1 {line-height: 40px;} #masthead #site-navigation li#mega-menu-item-431 a {display:block; height:40px; width:148px; padding:0px; margin-left:6px; outline:none; text-indent:-9999px; background: url('http://dev.reflexzion.com/wp-content/uploads/2023/03/ATG-e-Power-EV-Charger-Logo_sm.png') no-repeat; background-position:0 0; } #masthead #site-navigation li#mega-menu-item-431 {margin-right: 4rem;} @media only screen and (max-width: 992px) { #masthead #site-navigation li#mega-menu-item-431 {margin-right: 0;} #masthead #site-navigation li#mega-menu-item-431 a {display: none;} } .head-widget {position: relative;} #masthead .dgwt-wcas-search-wrapp {margin: 0; float: right;} @media only screen and ( min-width: 992px ) /* 990 */ {#masthead .mcntct {width:90px;background:#009933;color:#ffffff;margin: 0 1rem 0 3rem !important;} } .mega-sub-menu a {color: #000000;} .mega-sub-menu a:hover {color: #029b49;} .mega-menu-wrap .wp-block-column span {display:block;} .mega-menu-wrap .wp-block-column.menubox2 {margin: 0 2%;} .mega-menu-wrap .wp-block-column.all_res {display: table; background: #029b49; color: #fff; text-align: center; border: none;} .mega-menu-wrap .wp-block-column.all_res span {border: none;} .mega-menu-wrap .wp-block-column.all_res a {color: #fff; display: table-cell; vertical-align: middle;} body #mega-menu-wrap-menu-1 #mega-menu-menu-1 > #mega-menu-item-213 {margin-left: 0 !important;margin-right: 17px !important;} body #mega-menu-wrap-menu-1 #mega-menu-menu-1 > #mega-menu-item-213 a.mega-menu-link { border: 1px solid #ddd; border-radius: 20px; line-height: 30px; width: 118px; height: 30px; text-align: center; } body #mega-menu-wrap-menu-1 input.dgwt-wcas-search-input {border-radius:20px} @media only screen and (max-width: 992px) { #masthead [class^="col-"], #masthead .site-branding {width: 100%; max-width: 100%; flex: auto; position: relative;} .menu-toggle {padding: 5px 10px; position: absolute; top: 15%; left: 0; display: inline-block; color: #434343; text-align: center; cursor: pointer; font-size: 1.1rem;} .menu-toggle:before {content: "☰"; font-size: 1.4rem;} .menu-toggle[aria-expanded="true"]:before {content: "X"; font-size: 1.4rem;} #main-menu.collapse {marging-top: 1rem;} #site-navigation #main-menu ul.menu {width: 100%; margin: 0; position: relative; top: 0; transform: none; text-align: left; } #site-navigation {margin-top: 1rem;} #site-navigation #main-menu ul.menu li {width: 100%; margin: 0; padding: .5rem; line-height: 1.2; float: left; border: 1px solid rgba(0,0,0,.05); background: #ffffff;} /*#site-navigation #main-menu ul.menu li:nth-child(even) {background: rgba(0,0,0,.1);}*/ #site-navigation #main-menu ul.menu li ul.sub-menu {margin-top: .5rem; padding-left: 0; float: none; position: relative; box-shadow: none; left: 0; animation: none;} #site-navigation #main-menu ul.menu li ul.sub-menu li {background: #f2f2f2;} #site-navigation #main-menu ul.menu li ul.sub-menu a:before {content: "-"; margin-right: .5rem; font-size: 80%;} } /* Slider */ .home .flexslider {position: relative; background: #000000;} .flexslider .slides {width: 100%; overflow: hidden;} .flexslider .slides .container {position: relative;} .flexslider .slides > li {width: 100%; display: none; -webkit-backface-visibility: hidden; background-size: cover;} .flex-caption {max-width: 500px; position: absolute; left: 0; color: #fff;} .flexslider.text-end .flex-caption {left: auto; right: 3%;} .flexslider.text-center .flex-caption {left: 50%; right: auto; transform: translate(-50%, -50%);} .flex-caption .btn {animation: moveInBottom 500ms;} /* .flex-caption h1,.flex-caption h2 {font-size: 2.5rem; animation: moveInTop 500ms;} */ .flex-caption h1,.flex-caption h2 {font-size: 36px;margin-bottom: 27px; animation: moveInTop 500ms;} /* .flex-caption p {font-size: 1.2rem; animation: moveInRight 500ms;} */ .flex-caption p {font-size: 16px;margin-bottom: 33px; animation: moveInRight 500ms;} body .flex-direction-nav a, body .flex-direction-nav a::before {color: rgba(0,0,0,.6);} @media only screen and (max-width: 992px) { .flex-caption h1,.flex-caption h2,.flex-caption p {font-size: 1rem;} .flex-caption {width: 100%; padding: 5px; display: table; transform: translate(0%, 130px) !important; background: rgba(0,0,0,.6); color: #fff;} } /*Slides*/ /*.home .flexslider .slides > li:before {content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.6); position: absolute;}*/ .home .flexslider .slides > li .flex-caption {max-height: 212.6px;} @media only screen and (min-width: 1800px) { .home .flexslider .slides > li .flex-caption {transform: translate(0%, 288px);} } @media only screen and (max-width: 1790px) { .home .flexslider .slides > li .flex-caption {transform: translate(0%, 258px);} } @media only screen and (max-width: 1590px) { .home .flexslider .slides > li .flex-caption {transform: translate(0%, 228px);} } @media only screen and (max-width: 1390px) { .home .flexslider .slides > li .flex-caption {transform: translate(0%, 198px);} } @media only screen and (max-width: 1190px) { .home .flexslider .slides > li .flex-caption {transform: translate(0%, 168px);} } /* Hero */ #hero {min-height: 300px; background: url('img/loader.gif') no-repeat center;} .hero {position: relative;} #bg-video {min-width: 100%; min-height: 100%; position: fixed; right: 0; bottom: 0; z-index: -1;} .hero canvas {position: absolute;} .hero_footer {width: 100%; padding: 1rem; position: absolute; bottom: 0; z-index: 1;} .hero-content {width: 100%; padding: 0; vertical-align: middle; position: absolute; font-size: 1.7rem; font-weight: 700;} .hero-content.text-right .btn {margin: 0 0 0 auto;} .hero-content.text-center .btn {margin: 0 auto;} .hero-content h1 {font-size: 2.5rem; text-transform: uppercase; line-height: 1.2; font-weight: 900;} @media only screen and (max-width: 992px) { .hero .hvcenter_content {width: 98% !important;} } /*Heading*/ .heading-hero {backface-visibility: hidden; text-shadow: 2px 2px 2px rgba(0,0,0,0.2);} .heading-hero--main {margin-bottom: .5rem; display: block; font-size: 3.6rem; font-weight: 800; letter-spacing: .1rem;} .heading-hero--sub {margin-bottom: 2rem; display: block; font-size: 1.3rem; font-weight: 500; letter-spacing: .1rem;} @media only screen and (max-width: 992px) { .hero-content {font-size: 1rem;} .hero-content h2 {font-size: 1.8rem;} .heading-hero--main {font-size: 2.6rem;} .heading-hero--sub {font-size: 1rem;} } /* Body */ /* #content {padding-top: 3.6rem;} */ #content {padding-top: 68px;} #primary #main article.status-publish {margin: 0;} .standalone {background: #fff;} .section {position: relative;} .section_white {background: #fff;} .section .container, .section .container p {position: relative; z-index: 1;} .single-product .section .container {z-index: 0;} @media only screen and (max-width: 992px) { #content {padding-top: 0;} } /* Footer */ .site-footer {padding-top: 45px;} .site-footer .navi {margin: 0 auto; padding: 0; display: table; list-style: none;} .site-footer .navi ul {margin: 0; padding: 0;} .site-footer .navi li {margin: 0 2rem 5px 0; display: block; float: left;} .site-footer .navi li:last-child {margin-right: 0;} .site-footer .social-top i {padding: 0 1rem; font-size: 1.8rem;} .site-footer input.wpcf7-email {width: 100%;padding-left:10px} .site-footer .footer-social-links {margin: 0; padding: 0; float: left;} .site-footer .footer-social-links li {display: inline-block;} .site-footer .footer-social-links a svg {width: 25px; height: 25px; filter: invert(60%) saturate(0%) hue-rotate(86deg) brightness(100%) contrast(100%);} .site-footer form input.wpcf7-submit {float: right;} .site-footer .footlinks {display: inline;} .site-footer .footf p {margin-bottom: .3rem;} .site-footer .footf .wpcf7-submit {background: 0; border: 2px solid #029B49; color: #029B49; padding: .5rem 1rem; font-size: 1rem;} .wp-block-button .wp-block-button__link, .wp-block-button.is-style-outline > .wp-block-button__link, .wp-block-button .wp-block-button__link.is-style-outline, .wp-element-button {line-height: 35px; padding: 0 1.5rem;} .wp-block-button.is-style-outline > .wp-block-button__link:hover, .wp-block-button .wp-block-button__link.is-style-outline:hover, .wp-element-button:hover {background: #029B49; color: #fff !important;} @media only screen and (max-width: 992px) { #main .row.no-gutters {display: none;} .site-footer .navi {width: 100%; margin-bottom: 1rem;} .site-footer .navi li {width: 50%; margin: 0 0 .5rem 0; display: block; float: left;} .site-footer .social-top i {margin: .5rem 0;} .site-footer .container { padding-left: 15px !important; padding-right: 15px !important; } .site-footer .container { margin-left: auto !important; margin-right: auto !important; max-width: 1376px !important; } .footer-block {margin-bottom: .5rem; display: block;} } /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .entry-header {padding: 1rem 0; text-align: center;margin-top: 80px} .entry-header_s {padding: 1rem 0; background: #fff;} .entry-header_s h1 {font-size: 2rem;} .basic-search {width: 30px; margin: -2px 5px 0 0; padding: 5px; background: #ccc; vertical-align: middle;} .post_wrap {margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 3px solid #E9E9E9; background: #ffffff;} .post_wrap a {text-decoration: none;} .post_wrap h4 a {color: #000;} .sticky {display: block;} .updated:not(.published) {display: none;} .post-title {margin-top: .5rem; margin-bottom: 0; font-size: 1.3rem;} .post-link {margin-top: .5rem; padding: 5px 0; background: #fff; text-align: center; display: block; -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2); box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2);} .page-links {margin: 0 0 1.5em; clear: both;} .searchrsult a {font-size: .9rem; font-weight: bolder; text-align: left;} .wp-block-tag-cloud a {margin-bottom: .5rem; padding: 5px; background: #f2f2f2; color: #000; font-size: .9rem !important;} /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a {word-wrap: break-word;} .bypostauthor {display: block;} .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {margin: .5rem 0 0 0; overflow: hidden;} .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {width: 50%; float: left;} .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {width: 50%; float: right; text-align: right;} /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {margin-bottom: 0; margin-top: 0; padding: 0; border: none;} /* Make sure embeds and iframes fit their containers. */ embed, iframe, object {max-width: 100%;} /* Make sure logo link wraps around logo image. */ .custom-logo-link {display: inline-block;} /*-------------------------------------------------------------- ## Collapse --------------------------------------------------------------*/ .collapse_title {width: 100%; margin-top: 1rem; padding: .5rem 1rem; display: block; line-height: 1.6; cursor: pointer; border-bottom: 1px solid #eee; color: var(--gray-color);} .collapse_title[aria-expanded="false"]:before {content: "+"; float: right; font-size: 1.3rem;} .collapse_title[aria-expanded="true"]:before {content: "-"; float: right; font-size: 1.3rem;} .collapse_content {width: 100%; padding: 0 .5rem; background: #eee;} .wcpa_form_outer .wcpa_form_item .image-inline .wcpa_image {max-width: 111px; line-height: 1.2rem; font-size: .9rem;} /*-------------------------------------------------------------- ## Quickspecs --------------------------------------------------------------*/ .quickspecs h2 {font-size: .9rem;} .quickspecs ul.nav-tabs {margin: 0; border: none; display: block; text-align: center;} .quickspecs .nav-tabs .nav-item.show .nav-link, .quickspecs .nav-tabs .nav-link.active {background: #f2f2f2; border: none;} .quickspecs .nav-tabs .nav-item {margin: 0 0 -2px 0; display: inline-block; text-transform: uppercase;} .quickspecs .col-md-3 .col-md-3 {padding-right: 0;} .nvntrlst {font-size: .9rem;} @media only screen and ( max-width: 992px ) /* 992 */ { .quickspecs .col-md-3 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .quickspecs {text-align: center;} .quickspecs .nav-tabs .nav-link {padding: 5px 10px; font-size: .9rem;} .quickspecs .col-md-3 .col-md-3 {margin-bottom: 10px;} .quickspecs img {width: 60%;} } @media only screen and ( max-width: 576px ) /* 576 */ { .quickspecs .col-md-3 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} } /******************/ /*HELPERS*/ /******************/ .lh1 {line-height: 1;} .lh15 {line-height: 1.5;} .lh2 {line-height: 2;} .w25 {width: 25%!important;max-width: 25%!important;}.w33 {width: 33%!important;max-width: 33%!important;}.w50 {width: 50%!important;max-width: 50%!important;}.w60 {width: 60%!important;max-width: 60%!important;}.w70 {width: 70%!important;max-width: 70%!important;}.w75 {width: 75%!important;max-width: 75%!important;}.w80 {width: 80%!important;max-width: 80%!important;}.w90 {width: 90%!important;max-width: 90%!important;}.w100 {width: 100%!important;max-width: 100%!important;} .h50p {height: 50%;}.h100p {height: 100%;}.h100 {height: 100px;}.h150 {height: 150px;}.h200 {height: 200px;}.h250 {height: 250px;}.h300 {height: 300px;}.h350 {height: 350px;}.h400 {height: 400px;}.h450 {height: 450px;}.h500 {height: 500px;}.h550 {height: 550px;}.h600 {height: 600px;} .vh100 {height: 100vh;}.vh95 {height: 95vh;}.vh90 {height: 90vh;}.vh85 {height: 85vh;}.vh80 {height: 80vh;}.vh75 {height: 75vh;}.vh70 {height: 70vh;}.vh65 {height: 65vh;}.vh60 {height: 60vh;}.vh55 {height: 55vh;}.vh50 {height: 50vh;}.vh45 {height: 45vh;}.vh40 {height: 40vh;} .pmb0 p {margin: 0;} .nbr br {display: none;} @media only screen and ( max-width: 992px ) /* 990 */ { .h50p {min-height: 250px;} .w25,.w33,.w50,.w60,.w70,.w75 {width: 80%;} } /*Animations*/ /*On Hover*/ .mus, .mum, .mul, .enls, .enlm, .enll, .bshs, .bshm, .bshl {-webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;} .mus:hover {margin-top: -4px;}.mum:hover {margin-top: -8px;}.mul:hover {margin-top: -12px;} .enls:hover {-moz-transform: scale(1.02) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1.02) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1.02) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1.02) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1.02) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);}.enlm:hover {-moz-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);}.enll:hover {-moz-transform: scale(1.07) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1.07) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1.07) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1.07) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1.07) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);} .bshs:hover {-webkit-box-shadow: 0 0 20px rgba(0,0,0,.3); box-shadow: 0 0 20px rgba(0,0,0,.3);}.bshm:hover {-webkit-box-shadow: 0 0 30px rgba(0,0,0,.3); box-shadow: 0 0 30px rgba(0,0,0,.3);}.bshl:hover {-webkit-box-shadow: 0 0 40px rgba(0,0,0,.3); box-shadow: 0 0 40px rgba(0,0,0,.3);} .moveinleft {animation: moveInLeft 1s;} .moveinright {animation: moveInRight 1s;} .moveintop {animation: moveInTop 1s;} .moveinbottom {animation: moveInBottom 1s;} @keyframes moveInLeft { 0% {opacity: 0; transform: translateX(-10rem);} 80% {transform: translateX(1rem);} 100% {opacity: 1; transform: translate(0);} } @keyframes moveInRight { 0% {opacity: 0; transform: translateX(10rem);} 80% {transform: translateX(-1rem);} 100% {opacity: 1; transform: translate(0);} } @keyframes moveInTop { 0% {opacity: 0; transform: translateY(-10rem);} 80% {transform: translateY(1rem);} 100% {opacity: 1; transform: translate(0);} } @keyframes moveInBottom { 0% {opacity: 0; transform: translateY(10rem);} 80% {transform: translateY(-1rem);} 100% {opacity: 1; transform: translate(0);} } /*Backgrounds*/ .bg_rep_fix {background-repeat: repeat; background-attachment: fixed;} .bg_cover_scroll {background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";} .bg_cover_stay {background-repeat: no-repeat; background-position: center center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";} .overlay, .overlay-sec {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0;} .rzb-over1 {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0;} .rzb-over2 {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;} /*z-index*/ .z0 {z-index: 0;}.z1 {z-index: 1;}.z2 {z-index: 2;}.z3 {z-index: 3;} /*Horizontal and Vertical Centering*/ .hvcenter_container {height: 100vh; position: relative;} .hvcenter_content, .hvcentersec .position-relative.z1 {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index:1;} @media only screen and ( max-width: 992px ) /* 990 */ { body .hvcenter_content, .hvcentersec .position-relative.z1 {position: relative; top: 0; left: 0; transform: none;} } /*Positioning*/ .pt {top: 0;}.pb {bottom: 0;}.pl {left: 0;}.pr {right: 0;} /*Font Size*/ .fs1 {font-size: 110%;}.fs2 {font-size: 120%;}.fs3 {font-size: 130%;}.fs4 {font-size: 140%;}.fs5 {font-size: 150%;}.fs6 {font-size: 160%;}.fs7 {font-size: 170%;}.fs8 {font-size: 180%;}.fs9 {font-size: 190%;}.fs2x {font-size: 200%;}.fs2x5 {font-size: 250%;}.fs3x {font-size: 300%;}.fs3x5 {font-size: 350%;} .fw400 {font-weight: 400 !important;}.fw500 {font-weight: 500;}.fw700 {font-weight: 700;}.fw900 {font-weight: 900 !important;} /*Clip Paths*/ .cpbl, .cpbr, .cptb1, .cptb2, .cptslnt1, .cptslnt2, .cpbslnt1, .cpbslnt2, .cptc, .cpbc {z-index: 2;} .cpbl {-webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 25% 100%, 0 95%); clip-path: polygon(0 0, 100% 0, 100% 90%, 25% 100%, 0 95%);} .cpbr {-webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 75% 100%, 0 95%); clip-path: polygon(0 0, 100% 0, 100% 90%, 75% 100%, 0 95%);} .cptb1 {-webkit-clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 92%);clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 92%);} .cptb2 {-webkit-clip-path: polygon(0 8%, 100% 0, 100% 92%, 0 100%);clip-path: polygon(0 8%, 100% 0, 100% 92%, 0 100%);} .cptslnt1 {margin-bottom: -1px; -webkit-clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 100%);clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 100%);} .cptslnt2 {margin-bottom: -1px; -webkit-clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 100%);clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 100%);} .cpbslnt1 {-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%);clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%);} .cpbslnt2 {-webkit-clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);} .cptc {-webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);} .cpbc {-webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);} /*Basic Box Shadows*/ .bss {-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1); box-shadow: 0 0 10px rgba(0,0,0,.1);} .bsm {-webkit-box-shadow: 0 0 20px rgba(0,0,0,.1); box-shadow: 0 0 20px rgba(0,0,0,.1);} .bsl {-webkit-box-shadow: 0 0 30px rgba(0,0,0,.1); box-shadow: 0 0 30px rgba(0,0,0,.1);} .bsxl {-webkit-box-shadow: 0 0 40px rgba(0,0,0,.1); box-shadow: 0 0 40px rgba(0,0,0,.1);} /*Basic Box Shadows Inset*/ .bsis {-webkit-box-shadow: inset 0 0 5px 0 rgba(0,0,0,.2); box-shadow: inset 0 0 5px 0 rgba(0,0,0,.2);} .bsim {-webkit-box-shadow: inset 0 0 10px 0 rgba(0,0,0,.2); box-shadow: inset 0 0 10px 0 rgba(0,0,0,.2);} .bsil {-webkit-box-shadow: inset 0 0 15px 0 rgba(0,0,0,.2); box-shadow: inset 0 0 15px 0 rgba(0,0,0,.2);} .bsixl {-webkit-box-shadow: inset 0 0 25px 0 rgba(0,0,0,.2); box-shadow: inset 0 0 25px 0 rgba(0,0,0,.2);} /*Basic Borders*/ .bor0t {border-top: none !important;}.bor0r {border-right: none !important;}.bor0b {border-bottom: none !important;}.bor0l {border-left: none !important;} .bor1, .bor2, .bor3, .bor4, .bor5, .bor1t, .bor2t, .bor3t, .bor4t, .bor5t, .bor1b, .bor2b, .bor3b, .bor4b, .bor5bl, .bor1l, .bor2l, .bor3l, .bor4l, .bor5l, .bor1r, .bor2r, .bor3r, .bor4r, .bor5r {border-style: solid;} .bor1 {border-width: 1px;}.bor2 {border-width: 2px;}.bor3 {border-width: 3px;}.bor4 {border-width: 4px;}.bor5 {border-width: 5px;} .bor1t {border-top-width: 1px;}.bor2t {border-top-width: 2px;}.bor3t {border-top-width: 3px;}.bor4t {border-top-width: 4px;}.bor5t {border-top-width: 5px;} .bor1t,.bor2t,.bor3t,.bor4t,.bor5t {border-bottom-width: 0;border-left-width: 0;border-right-width: 0;} .bor1r {border-right-width: 1px;}.bor2r {border-right-width: 2px;}.bor3r {border-right-width: 3px;}.bor4r {border-right-width: 4px;}.bor5r {border-right-width: 5px;} .bor1r,.bor2r,.bor3r,.bor4r,.bor5r {border-bottom-width: 0;border-left-width: 0;border-top-width: 0;} .bor1b {border-bottom-width: 1px;}.bor2b {border-bottom-width: 2px;}.bor3b {border-bottom-width: 3px;}.bor4b {border-bottom-width: 4px;}.bor5b {border-bottom-width: 5px;} .bor1b,.bor2b,.bor3b,.bor4b,.bor5b {border-top-width: 0;border-left-width: 0;border-right-width: 0;} .bor1l {border-left-width: 1px;}.bor2l {border-left-width: 2px;}.bor3l {border-left-width: 3px;}.bor4l {border-left-width: 4px;}.bor5l {border-left-width: 5px;} .bor1l,.bor2l,.bor3l,.bor4l,.bor5l {border-bottom-width: 0;border-right-width: 0;border-top-width: 0;} .bor_w {border-color: white;}.bor_a {border-color: #aaa;}.bor_c {border-color: #ccc;}.bor_e {border-color: #eee;}.bor_b {border-color: black;}.bor_1 {border-color: #111;}.bor_2 {border-color: #222;}.bor_3 {border-color: #333;}.bor_4 {border-color: #444;}.bor_5 {border-color: #555;}.bor_6 {border-color: #666;}.bor_7 {border-color: #777;}.bor_8 {border-color: #888;}.bor_9 {border-color: #999;} /*Border Radius*/ .roundedsm, .roundedm, .roundedl, .br-1, .br-2, .br-3, .br-4, .br-5, .br-6, .roundedsm-t, .roundedm-t, .roundedl-t, .roundedsm-b, .roundedm-b, .roundedl-b {overflow: hidden; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;} .roundedsm {border-radius: 1rem;} .roundedm {border-radius: 2rem;} .roundedl {border-radius: 3rem;} .roundedsm-t {border-top-left-radius: 1rem; border-top-right-radius: 1rem;} .roundedm-t {border-top-left-radius: 2rem; border-top-right-radius: 2rem;} .roundedl-t {border-top-left-radius: 3rem; border-top-right-radius: 3rem;} .roundedsm-b {border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem;} .roundedm-b {border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem;} .roundedl-b {border-bottom-left-radius: 3rem; border-bottom-right-radius: 3rem;} .roundedsm:hover, .roundedm:hover, .roundedl:hover, .roundedsm-t:hover, .roundedm-t:hover, .roundedl-t:hover, .roundedsm-b:hover, .roundedm-b:hover, .roundedl-b:hover {border-radius: 0;} .br-1 {border-radius: 30% 60% 30% 40%;} .br-1:hover {border-radius: 60% 30% 40% 30%;} .br-2 {border-radius: 52% 43% 37% 48%;} .br-2:hover {border-radius: 32% 53% 47% 48%;} .br-3 {border-radius: 38% 32% 47% 33%;} .br-3:hover {border-radius: 48% 32% 37% 33%;} .br-4 {border-radius: 38% 52% 37% 53%;} .br-4:hover {border-radius: 58% 32% 57% 33%;} .br-5 {border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;} .br-5:hover {border-radius: 18% 82% 27% 73% / 55% 42% 58% 45%;} .br-6 {border-radius: 67% 25% 51% 29% / 61% 53% 63% 41%;} .br-6:hover {border-radius: 52% 40% 30% 62% / 34% 41% 74% 82% ;} /*Basic Background Color*/ .bg_w {background-color: white;}.bg_lg {background-color: lightgray;}.bg_g {background-color: gray;}.bg_b {background-color: black;}.bg_c {background-color: #ccc;}.bg_e {background-color: #eee;}.bg_e6 {background-color: #e6e6e6;}.bg_f2 {background-color: #f2f2f2;}.bg_f6 {background-color: #f6f6f6;}.bg_f9 {background-color: #f9f9f9;}.bg_1 {background-color: #111;}.bg_2 {background-color: #222;}.bg_3 {background-color: #333;}.bg_4 {background-color: #444;}.bg_5 {background-color: #555;}.bg_6 {background-color: #666;}.bg_7 {background-color: #777;}.bg_8 {background-color: #888;}.bg_9 {background-color: #999;} /*2nd BG*/ .bbg_pri, .bbg_sec, .bbg_b, .bbg_w, .bbg_1, .bbg_2 {position: relative;} .bbg_pri:before, .bbg_sec:before, .bbg_b:before, .bbg_w:before, .bbg_1:before, .bbg_2:before, .bbg_3:before {content: ''; width: 100%; position: absolute; left: 0; top: 0; z-index: -1;} .bbg_w {background-color: white;}.bbg_b {background-color: black;}.bbg_1 {background-color: #111;}.bbg_2 {background-color: #222;}.bbg_3 {background-color: #333;} .bbg_10:before {height: 10%;}.bbg_20:before {height: 20%;}.bbg_30:before {height: 30%;}.bbg_40:before {height: 40%;}.bbg_50:before {height: 50%;}.bbg_60:before {height: 60%;}.bbg_70:before {height: 70%;}.bbg_80:before {height: 80%;}.bbg_90:before {height: 90%;}.bbg_100:before {height: 100%;} /*Text Color*/ .text-c {color: #ccc;}.text-e {color: #eee;}.text-e6 {color: #e6e6e6;}.text-f2 {color: #f2f2f2;}.text-f6 {color: #f6f6f6;}.text-f9 {color: #f9f9f9;}.text-1 {color: #111;}.text-2 {color: #222;}.text-3 {color: #333;}.text-4 {color: #444;}.text-5 {color: #555;}.text-6 {color: #666;}.text-7 {color: #777;}.text-8 {color: #888;}.text-9 {color: #999;} /*Basic Text Shadow*/ .tss {text-shadow: 1px 1px 0 rgba(0,0,0,0.2);}.tss1 {text-shadow: 1px 1px 0 rgba(0,0,0,0.2);} .tsm {text-shadow: 2px 2px 0 rgba(0,0,0,0.2);}.tsm1 {text-shadow: 2px 2px 0 rgba(0,0,0,0.2);} .tsl {text-shadow: 3px 3px 0 rgba(0,0,0,0.2);}.tsl1 {text-shadow: 3px 3px 0 rgba(0,0,0,0.2);} .tsxl {text-shadow: 4px 4px 0 rgba(0,0,0,0.2);}.tsxl1 {text-shadow: 4px 4px 0 rgba(0,0,0,0.2);} /*Margin*/ .mt-6 {margin-top: 4rem !important;}.mt-7 {margin-top: 5rem !important;}.mt-8 {margin-top: 6rem !important;} .mt-n6 {margin-top: -4rem !important;}.mt-n7 {margin-top: -5rem !important;}.mt-n8 {margin-top: -6rem !important;}.mt-n9 {margin-top: -7rem !important;}.mt-n10 {margin-top: -8rem !important;}.mt-n11 {margin-top: -9rem !important;}.mt-n12 {margin-top: -10rem !important;}.mt-n13 {margin-top: -11rem !important;}.mt-n14 {margin-top: -12rem !important;}.mt-n15 {margin-top: -13rem !important;}.mt-n16 {margin-top: -14rem !important;}.mt-n17 {margin-top: -15rem !important;}.mt-n18 {margin-top: -16rem !important;}.mt-n19 {margin-top: -17rem !important;}.mt-n20 {margin-top: -18rem !important;}.mt-n21 {margin-top: -19rem !important;}.mt-n22 {margin-top: -20rem !important;} @media only screen and ( max-width: 992px ) /* 990 */ { .mt-n1,.mt-n2,.mt-n3,.mt-n4,.mt-n5,.mt-n6,.mt-n7,.mt-n8,.mt-n9,.mt-n10,.mt-n11,.mt-n12,.mt-n13,.mt-n14,.mt-n15,.mt-n16,.mt-n17,.mt-n18,.mt-n19,.mt-n20,.mt-n21,.mt-n22 {margin-top: 0 !important;} } .mb-6 {margin-bottom: 4rem !important;}.mb-7 {margin-bottom: 5rem !important;}.mb-8 {margin-bottom: 6rem !important;}.mb-9 {margin-bottom: 7rem !important;}.mb-10 {margin-bottom: 8rem !important;} .mtb-0 {margin-top: 0 !important; margin-bottom: 0 !important;}.mtb-1 {margin-top: 1rem !important; margin-bottom: 1rem !important;}.mtb-2 {margin-top: 2rem !important; margin-bottom: 2rem !important;}.mtb-3 {margin-top: 3rem !important; margin-bottom: 3rem !important;}.mtb-4 {margin-top: 4rem !important; margin-bottom: 4rem !important;}.mtb-5 {margin-top: 5rem !important; margin-bottom: 5rem !important;}.mtb-6 {margin-top: 6rem !important; margin-bottom: 6rem !important;}.mtb-7 {margin-top: 7rem !important; margin-bottom: 7rem !important;}.mtb-8 {margin-top: 8rem !important; margin-bottom: 8rem !important;}.mtb-9 {margin-top: 9rem !important; margin-bottom: 9rem !important;}.mtb-10 {margin-top: 10rem !important; margin-bottom: 10rem !important;}.mtb-11 {margin-top: 10rem !important; margin-bottom: 10rem !important;}.mtb-12 {margin-top: 12rem !important; margin-bottom: 12rem !important;}.mtb-13 {margin-top: 13rem !important; margin-bottom: 13rem !important;}.mtb-14 {margin-top: 14rem !important; margin-bottom: 14rem !important;}.mtb-15 {margin-top: 15rem !important; margin-bottom: 15rem !important;}.mtb-16 {margin-top: 16rem !important; margin-bottom: 16rem !important;}.mtb-17 {margin-top: 17rem !important; margin-bottom: 17rem !important;}.mtb-18 {margin-top: 18rem !important; margin-bottom: 18rem !important;}.mtb-19 {margin-top: 19rem !important; margin-bottom: 19rem !important;}.mtb-20 {margin-top: 20rem !important; margin-bottom: 20rem !important;} .ml-0 {margin-left: 0 !important;}.ml-6 {margin-left: 4rem !important;}.ml-7 {margin-left: 5rem !important;} .mr-0 {margin-right: 0 !important;}.mr-6 {margin-right: 5rem !important;}.mr-7 {margin-right: 5rem !important;} @media only screen and ( max-width: 992px ) /* 990 */ { body .mmb-1 {margin-bottom: 1rem !important;} } /*Padding*/ .ptb-1 {padding-top: 1rem !important; padding-bottom: 1rem !important;}.ptb-2 {padding-top: 2rem !important; padding-bottom: 2rem !important;}.ptb-3 {padding-top: 3rem !important; padding-bottom: 3rem !important;}.ptb-4 {padding-top: 4rem !important; padding-bottom: 4rem !important;}.ptb-5 {padding-top: 5rem !important; padding-bottom: 5rem !important;}.ptb-6 {padding-top: 6rem !important; padding-bottom: 6rem !important;}.ptb-7 {padding-top: 7rem !important; padding-bottom: 7rem !important;}.ptb-8 {padding-top: 8rem !important; padding-bottom: 8rem !important;}.ptb-9 {padding-top: 9rem !important; padding-bottom: 9rem !important;}.ptb-10 {padding-top: 10rem !important; padding-bottom: 10rem !important;}.ptb-11 {padding-top: 10rem !important; padding-bottom: 10rem !important;}.ptb-12 {padding-top: 12rem !important; padding-bottom: 12rem !important;}.ptb-13 {padding-top: 13rem !important; padding-bottom: 13rem !important;}.ptb-14 {padding-top: 14rem !important; padding-bottom: 14rem !important;}.ptb-15 {padding-top: 15rem !important; padding-bottom: 15rem !important;}.ptb-16 {padding-top: 16rem !important; padding-bottom: 16rem !important;}.ptb-17 {padding-top: 17rem !important; padding-bottom: 17rem !important;}.ptb-18 {padding-top: 18rem !important; padding-bottom: 18rem !important;}.ptb-19 {padding-top: 19rem !important; padding-bottom: 19rem !important;}.ptb-20 {padding-top: 20rem !important; padding-bottom: 20rem !important;} .pl-0 {padding-left: 0 !important;}.pl-1 {padding-left: 1rem !important;}.pl-2 {padding-left: 2rem !important;}.pl-3 {padding-left: 3rem !important;}.pl-4 {padding-left: 4rem !important;}.pl-5 {padding-left: 5rem !important;}.pl-6 {padding-left: 6rem !important;}.pl-7 {padding-left: 7rem !important;}.pl-8 {padding-left: 8rem !important;}.pl-9 {padding-left: 9rem !important;}.pl-10{padding-left: 10rem !important;} .pr-05 {padding-right: .5rem !important;}.pr-1 {padding-right: 1rem !important;}.pr-2 {padding-right: 2rem !important;}.pr-3 {padding-right: 3rem !important;}.pr-4 {padding-right: 4rem !important;}.pr-5 {padding-right: 5rem !important;}.pr-6 {padding-right: 6rem !important;}.pr-7 {padding-right: 7rem !important;}.pr-8 {padding-right: 8rem !important;}.pr-9 {padding-right: 9rem !important;}.pr-10{padding-right: 10rem !important;} .plr-1 {padding-left: 1rem !important; padding-right: 1rem !important;}.plr-2 {padding-left: 2rem !important; padding-right: 2rem !important;}.plr-3 {padding-left: 3rem !important; padding-right: 3rem !important;}.plr-4 {padding-left: 4rem !important; padding-right: 4rem !important;}.plr-5 {padding-left: 5rem !important; padding-right: 5rem !important;} .pa-05 {padding: .5rem !important;}.pa-1 {padding: 1rem !important;}.pa-2 {padding: 2rem !important;}.pa-3 {padding: 3rem !important;}.pa-4 {padding: 4rem !important;}.pa-5 {padding: 5rem !important;} .pt-6 {padding-top: 4rem !important;}.pt-7 {padding-top: 5rem !important;}.pt-8 {padding-top: 6rem !important;}.pt-9 {padding-top: 7rem !important;}.pt-10 {padding-top: 8rem !important;}.pt-11 {padding-top: 9rem !important;}.pt-12 {padding-top: 10rem !important;}.pt-13 {padding-top: 11rem !important;}.pt-14 {padding-top: 12rem !important;}.pt-15 {padding-top: 13rem !important;}.pt-16 {padding-top: 14rem !important;}.pt-17 {padding-top: 15rem !important;} .pb-6 {padding-bottom: 4rem !important;}.pb-7 {padding-bottom: 5rem !important;}.pb-8 {padding-bottom: 6rem !important;}.pb-9 {padding-bottom: 7rem !important;}.pb-10 {padding-bottom: 8rem !important;}.pb-9 {padding-bottom: 7rem !important;}.pb-10 {padding-bottom: 8rem !important;}.pb-11 {padding-bottom: 9rem !important;}.pb-12 {padding-bottom: 10rem !important;}.pb-13 {padding-bottom: 11rem !important;}.pb-14 {padding-top: 12rem !important;}.pb-15 {padding-bottom: 13rem !important;}.pb-16 {padding-bottom: 14rem !important;}.pb-17 {padding-bottom: 15rem !important;} @media only screen and ( max-width: 992px ) /* 990 */ { .plr-2,.plr-3,.plr-4,.plr-5 {padding-left: 1rem !important; padding-right: 1rem !important;} } /*-------------------------------------------------------------- ## Misc / Mobile Only --------------------------------------------------------------*/ body .wp-block-columns {margin-bottom: 0;} #bgvid {width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; object-fit: cover; z-index: -1;} /*Hide*/ .hide {display: none !important; visibility: hidden !important;} .desktop {display: inline;} .mobile {display: none;} @media only screen and ( max-width: 992px ) /* 990 */ { .desktop {display: none;} .mobile-clear {content: ""; display: table; table-layout: fixed; clear: both; z-index: -9999;} #head .mobile {display: block !important;} #page .mobile-center {text-align: center !important;} } .mblbrk {display: none;} @media only screen and ( max-width: 992px ) /* 990 */ { /*Hidden on Mobile*/ .mblhide {display: none;} /*Grid*/ .section [class^="col-"].text-right {text-align: left !important;} /*Mobile Only Break*/ .mblbrk {display: block !important;} /*Margin Bottom*/ body .mmb {margin-bottom: .5rem;} body .mmb-1 {margin-bottom: 1rem;} /*Break*/ body .mbrk {display: block;} /*Align*/ body .mbcntr {text-align: center!important;} /*No Margin*/ body .nmtmbl {margin-top: 0 !important;} body .nmbmbl {margin-bottom: 0 !important;} /*No Padding*/ .nptmbl {padding-top: 0 !important;} .npbmbl {padding-bottom: 0 !important;} .section:not([class^="pt-"]) {padding-top: 1rem;} .section:not([class^="pb-"]) {padding-bottom: 1rem;} } /*Image Block Styles*/ .promo1 {position: relative;} .promo1 img {border-radius: 20px 100px;} .promo1 figcaption {margin: 0; padding: 10px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index:1;} .promo2 {position: relative;} .promo2::before {content: ""; width: 97%; height: 95%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index:1; border: #fff 1px solid;} .promo2 figcaption {margin: 0; padding: 10px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index:1;} .promo3 {position: relative;} .promo3 figcaption {margin: 0; padding: 10px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index:1;} .promo4 {padding: 5px; background: #fff;} .promo4 figcaption {margin: 0; padding: 5px 0; text-align: center;} /*TextUnderline*/ .undline, .undline_w, .undline_b {display: inline;} .undline::before, .undline_w::before, .undline_b::before {content: ""; border-bottom-width: 7px; border-bottom-style: solid; width: 100%; height: 100%; position: absolute; left: 0; bottom: 2px; z-index: -1;} .undline_w::before {border-bottom-color: white;} .undline_b::before {border-bottom-color: black;} /*Tabs*/ .shortab {width: 100%; overflow: hidden;} .tab {width: 30%; float: left;} .tab button {width: 90%; padding: 5px; display: block; background-color: inherit; color: black; border: none; outline: none; text-align: left; cursor: pointer; transition: 0.3s;} .tab button:hover, .tab button.active {color: #029B49;} /* .tabcontent {max-height: 385px;} */ .tabcontent,.tabcontent2 {width: 50%; padding: 0px 12px; float: left; border-left: none; overflow-x: none; overflow-y: none;} .tabcontent figure {margin-bottom:0; padding: 0;} /*Ribbons*/ .post-63 a.woocommerce-loop-product__link::before, .post-476 a.woocommerce-loop-product__link::before, .post-477 a.woocommerce-loop-product__link::before, .post-135 a.woocommerce-loop-product__link::before {content: ""; width: 105px; height: 110px; position: absolute; top: 0; left: 0; background-repeat: no-repeat;} .post-63 a.woocommerce-loop-product__link::before, .post-477 a.woocommerce-loop-product__link::before, .post-135 a.woocommerce-loop-product__link::before {background: url('http://dev.reflexzion.com/wp-content/uploads/2023/04/best-seller-ribbon.png');} /*.post-476 a.woocommerce-loop-product__link::before {background: url('http://dev.reflexzion.com/wp-content/uploads/2023/04/new-ribbon.png');}*/ /*Backgrounds*/ .appbg { background: rgb(30,120,52);background: linear-gradient(60deg, rgba(30,120,52,1) 21%, rgba(178, 202, 64,1) 54%, rgba(107, 163, 44,1) 70%, rgba(178, 202, 64,1) 100%);} /*Misc*/ .imgcntrtxt .flex-caption {transform: translate(0%, 160%);} .howcharge h2 span {width: 30px; height: 30px; margin-right: .5rem; line-height: 30px; background: #029B49; color: #fff; display: inline-block; text-align: center; border-radius: 50%; font-size: 1.8rem;} .cky-notice {width: 78%; margin: 0 auto;max-width: 1920px} .cky-btn-accept {border-radius: 20px !important;} body .cky-notice .cky-title {display: none;} body .cky-notice-btn-wrapper .cky-btn {padding-top: 0; padding-bottom: 0; line-height: 35px;} /*HOME*/ .shc, .shc2, .shc3, .shc4 {position: relative;} .shc .shc_inner, .shc2 .shc_inner, .shc3 .shc_inner, .shc4 .shc_inner {padding: 0 1rem; position: absolute; top: 0;} .shc .shc_inner {transform: translate(0%, 30%);} .shc2 .shc_inner {transform: translate(0%, 60%);} .shc3 .shc_inner {transform: translate(80px, 100%); color: #ffffff;} .shc4 .shc_inner {transform: translate(80px, 100%); color: #000000; font-weight: 400px;} /*megamenu*/ .mega-sub-menu .product { border: 1px solid #aaa; display: block; } .site-footer > div.is-layout-flex.wp-container-54.wp-block-columns.container > div > p:nth-child(1) { margin-bottom: 30px; } .site-footer > div.is-layout-flex.wp-container-54.wp-block-columns.container i { margin-right: 12px; font-size: 15px; } .wp-block-categories .cat-item a { color: #000000; font-size: 16px !important; } .wp-block-categories .cat-item.current-cat a { color: #029b49; } .archives-wrap .breadcrumbs * { color: #fff; } .archives-list > .row { gap: 30px; } .archives-list.posts > .row > .col-md { flex-basis: 840px; padding: 0; } .archives-list.posts > .row > .col-md-3 { flex-basis: 300px; padding: 0; } .archives-list.posts article .row { justify-content: space-between; gap: 28px; margin-left: 0; margin-right: 0; } .archives-list.certs .post_wrap h3, .archives-list.certs .post_wrap a.wp-element-button { display: none; } .archives-list.certs .post_wrap .col-md-4 { text-align: center; } .archives-list.certs .post_wrap img { width: 150px; } .wc-block-product-categories ul { padding-left: 1rem; } .wc-block-product-categories li a { color: var(--gray-color); } .wc-block-product-categories li a:hover, .shop_page .wc-block-product-categories li.active a { color: #029b49; } .wp-block-tag-cloud a.active { background: #029b49; color: #fff; } .gap-12 { gap: 12px; } .fs-14 { font-size: 14px; } .fs-15 { font-size: 15px; } .fs-22 { font-size: 22px; } .fs-36 { font-size: 36px; } .fs-40 { font-size: 40px; } .fs-46 { font-size: 46px; } .product-categories-navs-wrap { max-width: 1024px; } .product-categories-navs { padding: 15px 0 !important; } .product-categories-navs .mega-menu-item { padding: 0 15px !important; } .main-navigation .product-categories { position: relative; left: 0 !important; box-shadow: unset; text-align: left !important; display: flex; flex-direction: column; color: #000000; } .main-navigation .product-categories li { padding: 2px 0; } .main-navigation .menu-tabs .tabcontent { display: none; width: 100%; } .main-navigation .menu-tabs .tabcontent.active { display: block; } .main-navigation .menu-tabs a.allClick { display: flex; background: #029b49; color: #fff !important; font-size: 18px; font-weight: 700; width: 100%; height: 100%; justify-content: center; align-items: center; text-transform: uppercase; text-align: center; } .main-navigation .menu-tabs .woocommerce .row > * { width: 50% !important; margin-bottom: 0 !important; } .main-navigation .menu-tabs .woocommerce .woocommerce-loop-product__link::before { display: none; } .main-navigation .menu-tabs .woocommerce .wp-block-button__link { display: none; } .titlewrap2 { display: none !important; } .main-navigation .menu-tabs .woocommerce .product { /* padding: 0 10px; */ } .main-navigation .menu-tabs .woocommerce .product .titlewrap { display: none !important; } .main-navigation .menu-tabs .woocommerce .product .titlewrap2 { display: block !important; } .main-navigation .menu-tabs .woocommerce .product .titlewrap2 h2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier { left: auto; right: 12px; } .dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input { padding: 10px 15px; height: 30px; } .single-product .shop_page.row > .col-md-9 { width: 100%; } .single-product .shop_page.row > .col-md-3 { display: none; } /* .single-product .container, .custom_container .container { max-width: 1376px !important; } */ .container { max-width: 1376px !important; } .home .container { max-width: 1200px; /* 如果您需要这个宽度 */ padding-right: var(--bs-gutter-x, 0.75rem) !important; padding-left: var(--bs-gutter-x, 0.75rem) !important; margin-right: auto !important; margin-left: auto !important; } /* 如果还想控制最大宽度 */ @media (min-width: 576px) { .home .container { max-width: 540px; } } @media (min-width: 768px) { .home .container { max-width: 720px; } } @media (min-width: 992px) { .home .container { max-width: 960px; } } @media (min-width: 1200px) { .home .container { max-width: 1140px; } } @media (min-width: 1400px) { .home .container { max-width: 1320px; } } .container.hcontainer { max-width: 1920px !important; } .container-1170 .container, .container-1170.container { max-width: 1170px !important; } .breadcrumbs .row { margin: 0 } .post-template-default .content-area .date { font-size: 8pt; margin-top: 40px; margin-bottom: 24px; } .post-template-default .content-area header { font-size: 38pt; font-family: 'Myriad Pro Semibold', sans-serif; margin-bottom: 60px; text-align: left; } .post-template-default .content-area .thumbnail img { margin-bottom: 60px; width: 100%; } .post-template-default .content-area .content { max-width: 884px; margin: 0 auto; } .widget_recent_entries ul li { display: flex; flex-direction: column-reverse; margin-bottom: 1rem; } .widget_recent_entries ul li time { color: #029b49; font-size: 120%; } .widget_recent_entries ul li:hover time { color: #006d31; } .widget_recent_entries ul li a { color: #212529; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .lastestNews .wp-block-post-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 58px; } .lastestNews .wp-block-post-excerpt__excerpt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; min-height: 96px; } .wp-block-tag-cloud a { padding: 11px 8px; border-radius: 5px; } .archives-list .cate { margin-bottom: 30px; } .archives-list hr { margin-top: 72px !important; } a.woocommerce-loop-product__link::before { width: 80px !important; height: 80px !important; background-size: contain !important; background-repeat: no-repeat !important; } .topcat { cursor: pointer; font-size: 14px; } .topcat:hover { color: #029b49; } .relate-products li:nth-child(2n-1) { border-bottom: 1px solid #ddd; } .dgwt-wcas-search-input { padding-bottom: 5px !important; } .dgwt-wcas-search-input::placeholder { font-size: 14pt; font-style: normal !important; color: var(--gray-color) !important; } /* .mega-current-menu-item > a { color: var(--gray-color) !important; } */ /* #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link { border-bottom: 0 !important; } */ /* #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link { color: var(--gray-color) !important; font-weight: 400; } */ .site-header { /* box-shadow: 0 0 5px 0 #ddd; */ border-bottom: 1px solid #ddd; } #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link { /* border-bottom: 2px solid #029b49; */ color: #757575; font-weight: 400; } .summary .select { display: flex; align-items: center; gap: 20px; margin: 20px 0; } .summary .select p { font-weight: bolder; } .summary .select select { min-width: 150px; border-radius: 5px; line-height: normal; } @media screen and (min-width: 1400px) { #mega-menu-item-1507 { margin-right: 300px !important; } } @media screen and (min-width: 768px) { .lastestNews .wp-block-post-featured-image img { height: 218px !important; } .dgwt-wcas-search-wrapp { min-width: 213px; } .container.hcontainer { padding: 0 30px !important; } .main-navigation .menu-tabs .tabcontent { width: auto; padding: 0; } .hcontainer { padding: 0; } .hcontainer > .row { /* gap: 100px; */ justify-content: space-between; } #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:last-child { margin-right: 0; } .archives-list.posts article .row > div { width: auto; padding: 0; } .archives-list.posts article .row > div.pic { flex-basis: 333px; } .archives-list.posts article .row > div.pic img { width: 333px; height: 222px; object-fit: cover; } .archives-list.posts article .row > div.text { flex-basis: 478px; max-width: 478px; } .archives-list.posts article .row > div.text h3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .archives-list.posts article .row > div.text p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; } .post-template-default .content-area .infos { padding-left: 158px } #mega-menu-item-custom_html-11, #mega-menu-item-custom_html-14 { padding: 0 !important; } #mega-menu-item-695 > ul { padding: 23px 45px 75px 45px !important; } #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-12 { width: auto; } #mega-menu-695-0-0 { margin-right: 40px !important; } #mega-menu-item-custom_html-11 > div > strong, #mega-menu-item-custom_html-14 > div > strong { display: block; } #mega-menu-item-custom_html-15 > div > p { margin: 0 } #mega-menu-169-0-0 { width: 140px !important; } #mega-menu-169-0-1 { width: auto !important; } #mega-menu-169-0-1 > ul > li { padding: 0 !important; } #mega-menu-item-custom_html-5 > div > div > div.tabcontent > .row { gap: 41px; margin: 0; } #mega-menu-item-custom_html-5 > div > div > div.tabcontent .woocommerce > .row { gap: 21px; margin: 0; } #mega-menu-item-custom_html-5 > div > div > div.tabcontent .woocommerce > .row > div { /* flex: 0; */ width: 212px !important; padding: 0; } #mega-menu-item-custom_html-5 > div > div > div.tabcontent .woocommerce img { height: 243px; object-fit: contain; } #mega-menu-item-custom_html-5 > div > div > div.tabcontent .woocommerce .textWrap { padding: 12px; padding-bottom: 17px; } #mega-menu-item-custom_html-5 > div > div > div.tabcontent .woocommerce .textWrap h2 { margin-bottom: 0 } #mega-menu-item-custom_html-5 > div > div > div.tabcontent .products_left { padding: 0; } #mega-menu-item-custom_html-5 > div > div > div.tabcontent .products_right { width: 212px; padding: 0; } #mega-menu-item-169 > ul { width: auto !important; padding-right: 5px !important; } .wc-block-product-categories ul li { margin-bottom: 18px; } .products_container2 .breadcrumbs .container { padding: 0 } .products_container2 > .container > div { justify-content: space-between; } .products_container2 .term-description p { margin-bottom: 30px; } .products_container2 .columns-4 > .row { gap: 80px 100px; } .products_container2 .columns-4 > .row > div { width: 263px !important; height: 100% !important; } .products_container2 .columns-4 > .row > div img { height: 275px; object-fit: contain; } .products_container2 .columns-4 > .row .textButtonWrap { height: 200px; display: flex; flex-direction: column; justify-content: center; } .products_container2 .pwrap .titlewrap h2 { height: 42px; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .pwrap .textWrap .loop_desc { height: 39px; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } #page span.onsale { width: auto; } .single-product .product .info_first { gap: 26px; margin-bottom: 125px } .single-product .product .info_first .woocommerce-product-gallery { flex-basis: 571px; margin-bottom: 0; padding: 0px; } .single-product .product .info_first .entry-summary { flex-basis: 575px; margin-bottom: 0; } .single-product .product .product_title { margin-bottom: 18px; } .single-product .product .woocommerce-product-gallery .flex-viewport { height: 420px !important; border: 1px solid #f2f2f2; } .single-product .product .images .flex-control-thumbs { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; margin-top: 50px !important; } .single-product .product .images .flex-control-thumbs li { width: auto !important; } .single-product .relate-products ul { gap: 30px } .single-product .relate-products li { border: 0; gap: 20px; position: relative; } .single-product .relate-products li:nth-child(2n-1) { border-bottom: 1px solid #ddd; } .single-product .relate-products li img { width: 125px; height: 150px; object-fit: contain; } .single-product .relate-products li a { color: #000; } .single-product .relate-products li a:hover { color: #029b49 } .single-product .relate-products li a h2 { font-size: 12pt; padding-top: 15px; line-height: 1.5 } .single-product .helpie-faq.accordions .accordion .accordion__item { border-color: #ddd } .single-product .helpie-faq.accordions .accordion .accordion__item .accordion__header { padding: 30px 0; } .single-product .helpie-faq.accordions .accordion .accordion__item .accordion__header div.accordion__title { /* color: var(--gray-color) */ } .single-product .faq-flex { gap: 50px; } .single-product .main { flex-wrap: nowrap; /* gap: 66px;*/ } .single-product .main .left { flex-basis: 990px } .single-product .main .right { flex-basis: 320px } .single-product .woocommerce-Tabs-panel * { color: #757575; } .single-product .woocommerce-Tabs-panel a { padding: 0.5rem 0; color: #029b49; /* border-bottom: 1px solid #029b49; */ } .summary .product_title { color: #000; } .summary .item-description { color: #757575; font-size: 14pt; } .summary .item-description ul { margin: 30px 1rem !important; font-size: 12pt; } .single-product .woocommerce-product-gallery .woocommerce-product-gallery__image > a > img { height: 420px !important; object-fit: contain; } #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link { color: #757575 !important; font-weight: normal !important; } #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor:hover > a.mega-menu-link { color: #029b49 !important; font-weight: bold !important; } } @media screen and (max-width: 768px) { .archives-list.certs .post_wrap .row { gap: 20px; } .main-navigation .menu-tabs a.allClick { display: none; } .archives-list.posts article .row > div.pic img { width: 100%; } } /* topbar style */ #masthead .topmobile { display: none; } @media screen and (max-width: 768px) { #masthead .tophead { display: none; } #masthead .topmobile { display: flex; } } .topmobile {width: 100%;height: 33px;background: #3F3E3E;display: flex;justify-content: flex-end;align-items: center;padding: 0 60px;margin: 0;border: 0;} .tophead {width: 100%;height: 33px;background: #3F3E3E;display: flex;justify-content: flex-end;align-items: center;padding: 0 60px;margin: 0;border: 0;} .t-site-header-layout-item {border-left: 1px solid #5a5a5a;padding-left:15px;padding-right:15px} .t-site-header-layout-item-bg {background:#000000} .t-site-header-layout-font {font-size:16px;font-weight:600;} #masthead .middlebar { display: flex; justify-content: space-between; align-items: center; padding: 0 80px; /* position: relative; */ background: #fff; height: 68px; } #masthead .middlebar .logo { width: 106px; } #masthead .middlebar .logo img { width: 100%; height: 100%; object-fit: contain; } #masthead .middlebar .menus { display: flex; align-items: center; font-family: "Myriad Pro Semibold"; } #masthead .middlebar .menus .mega-menu-description { display: none !important; } #masthead .middlebar .menus .other { display: flex; gap: 18px; } #masthead .middlebar .menus .other a { border: 1px solid #757575; border-radius: 20px; line-height: 30px; width: 116px; height: 30px; text-align: center; color: #757575; font-weight: bold; font-size: 14px; } #masthead .middlebar .menus .other form { position: relative; } #masthead .middlebar .menus .other .dgwt-wcas-search-wrapp { min-width: unset; width: auto; } #masthead .middlebar .menus .other input { border: 1px solid #757575; border-radius: 20px; width: 212px; height: 30px; line-height: 30px; padding: 0; padding-left: 15px; font-family: sans-serif; font-size: 14px; color: #757575; } #masthead .middlebar .menus .other input::placeholder { font-style: unset; color: #757575; } #masthead .middlebar .menus .other i, #masthead .middlebar .menus .other svg { position: absolute; left: unset; right: 10px; top: 50%; transform: translateY(-50%); color: #757575; fill: #757575; opacity: 1 !important; } #footer .links a { text-decoration: underline; } #masthead .middlebar .mobile-search { display: none; } @media screen and (min-width: 1536px) { #masthead .middlebar .menus { gap: 0px; } } @media screen and (max-width: 1400px) { #masthead .middlebar { padding: 0 20px; } } @media screen and (max-width: 768px) { #masthead .middlebar { /* align-items: unset; */ /* flex-direction: column; */ padding: 0 20px; /* padding-bottom: 20px; */ height: auto; } #masthead .middlebar .logo { padding: 14px 0; } #masthead .middlebar .menus { /* flex-direction: column; */ gap: 20px; } #masthead .middlebar .menus .mega-menu-wrap { width: 100%; } #masthead .middlebar .menus .other { display: none; } #masthead .middlebar .mobile-search { display: block; } } @media screen and (min-width: 993px) { #masthead .middlebar, #masthead .middlebar * { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; overflow: hidden !important; line-height: 0 !important; font-size: 0 !important; } /* 隐藏移动端菜单 */ #masthead .mobile-nav, #masthead .mobile-nav * { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; overflow: hidden !important; line-height: 0 !important; font-size: 0 !important; } #content.site-content, #content { padding-top: 0 !important; } } /* 移动端隐藏桌面端菜单区域和logo，只显示移动端菜单 */ @media screen and (max-width: 992px) { /* 隐藏桌面端菜单区域（Max Mega Menu） */ #masthead #site-navigation, #masthead .main-navigation, #masthead #main-menu, #masthead .nav_wrap { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; overflow: hidden !important; line-height: 0 !important; font-size: 0 !important; } /* 隐藏桌面端logo（site-branding） */ #masthead .site-branding, #masthead .site-branding * { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; overflow: hidden !important; line-height: 0 !important; font-size: 0 !important; } /* 隐藏桌面端菜单相关的容器和widget区域 */ #masthead .hcontainer, #masthead .hcontainer .row, #masthead .hcontainer .row > div, #masthead .head-widget, #masthead .mmb-1 { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; overflow: hidden !important; line-height: 0 !important; font-size: 0 !important; } } @media screen and (min-width: 1920px) { #masthead .middlebar .menus { width: 70%; justify-content: space-between; } } .trending-products-header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; width: 100%; border: 1px solid #eee; border-radius: 4px; margin-bottom: 20px; font-family: Arial, sans-serif; } .trending-products-header p { margin: 0; } .trending-products-header p:first-child { font-weight: bold; color: #333; } .trending-products-header .allClick { color: #fff; font-weight: bold; text-decoration: none; cursor: pointer; background-color: #007bff; padding: 4px 16px; border-radius: 20px; border: 1px solid #007bff; display: inline-block; transition: all 0.2s ease; } .trending-products-header .allClick:hover { background-color: #0056b3; border-color: #0056b3; color: #fff; text-decoration: none; transform: translateY(-1px); } /* index style */ .product-block {width: 100%;padding: 40px;} .feature-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; } .feature-item { width: 120px; text-align: center; } .feature-item img { width: 100px; height: auto; } .seven-grid { display: flex; flex-wrap: wrap; flex-flow: row;  justify-content: center; gap: 20px; max-width: 1200px; } .seven-grid .grid-item { flex: 1 0 20%; max-width: 120px; text-align: center; } @media (max-width: 768px) { .seven-grid .grid-item { flex: 1 0 45%; } } @media (max-width: 480px) { .seven-grid .grid-item { flex: 1 0 100%; } } .block-item { width: 120px; } .index-about-us { background-image: url('https://ess.atgelectronics.com/wp-content/uploads/2026/01/image-15.webp'); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 60px 20px; min-height: 350px; max-height: 400px; } .index-block-center { display: flex;  /*align-items: center;*/ height: 300px; } .index-column-block {  margin-top: 60px; } @media screen and (max-width: 768px) { body .wp-block-columns.mobile-3col, body .wp-block-columns.is-layout-flex.mobile-3col, body .wp-block-columns.mobile-3col.is-layout-flex { display: flex !important; flex-wrap: wrap !important; flex-flow: row wrap !important; padding: 0 12px; box-sizing: border-box; gap: 12px; } body .wp-block-columns.mobile-3col > .wp-block-column, body .wp-block-columns.is-layout-flex.mobile-3col > .wp-block-column, body .wp-block-columns.mobile-3col.is-layout-flex > .wp-block-column { flex: 0 0 calc(33.3333% - 8px) !important; max-width: calc(33.3333% - 8px) !important; } body .wp-block-columns.mobile-3col .wp-block-image img, body .wp-block-columns.is-layout-flex.mobile-3col .wp-block-image img { width: 100%; height: auto !important; aspect-ratio: 1 / 1; object-fit: contain !important; display: block; margin: 8px auto; } } /*other style*/ .custom-divider {border: 0;height: 1px;background: rgba(0, 0, 0, 0.1);} .head-menu-button a { display: inline-block; background: #009933 !important; color: #ffffff !important; font-size: 20px !important; padding: 0 20px !important; height: 30px !important; line-height: 30px !important; border-radius: 16px !important; text-decoration: none; line-height: 1; cursor: pointer; transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease; } .head-menu-button a:hover { background: #00b33c !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); } .head-menu-button a:active { background: #00802b !important; transform: translateY(1px); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); } .menu_collaps {color: #757575 !important;font-size: 15px;font-weight: 700} .menu_level_2 {color: #000000 !important;font-size: 16px;font-weight: 400} .index-block-text {font-size: 18px;font-weight:400} .site-head-title { display: flex; align-items: center; } .site-head-icon { width: 24px; height: 24px; margin-right: 8px; } .commom-div { text-align: center; } /** mobile menu custom style **/ .mobile-toggle { width: 100%; background: #111; border-bottom: 1px solid rgba(255,255,255,0.1); } /* Toggle 按钮 */ .mobile-toggle-btn { display: flex; align-items: center; gap: 12px; background: none; border: none; color: #fff; font-size: 16px; cursor: pointer; padding: 10px 18px; width: 100%; transition: all 0.3s ease; } .mobile-toggle-btn .hamburger { width: 20px; height: 2px; background: #fff; display: block; position: relative; transition: all 0.3s ease; } .mobile-toggle-btn .hamburger::before, .mobile-toggle-btn .hamburger::after { width: 20px; height: 2px; background: #fff; display: block; content: ""; position: absolute; left: 0; transition: all 0.3s ease; } .mobile-toggle-btn .hamburger::before { top: -6px; position: absolute; } .mobile-toggle-btn .hamburger::after { top: 6px; position: absolute; } /* Toggle 按钮关闭状态 - 变成X */ .mobile-toggle-btn.active .hamburger { background: transparent; } .mobile-toggle-btn.active .hamburger::before { top: 0; transform: rotate(45deg); } .mobile-toggle-btn.active .hamburger::after { top: 0; transform: rotate(-45deg); } /* 展开移动端菜单时防止页面滚动 */ .mobile-nav-open { overflow: hidden; } #masthead { position: relative; } /* 菜单 panel - 类似Max Mega Menu移动端样式 */ .mobile-nav { display: none; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; z-index: 100; box-shadow: 0 4px 10px rgba(0,0,0,0.15); } .mobile-nav.open { display: block; max-height: 80vh; overflow-y: auto; } /* 菜单项 */ .mobile-menu { list-style: none; margin: 0; padding: 0; } .mobile-menu > li { border-bottom: 1px solid #eee; } .mobile-menu > li > a { display: block; padding: 14px 18px; font-size: 16px; color: #222; text-decoration: none; transition: background-color 0.2s ease; } .mobile-menu > li > a:hover { background-color: #f5f5f5; } .mobile-menu li.menu-item-has-children > a { position: relative; padding-right: 50px; } .mobile-menu li.menu-item-has-children > a::after { content: "▾"; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); transition: transform 0.3s ease; font-size: 14px; color: #666; } .mobile-menu li.open > a::after { transform: translateY(-50%) rotate(180deg); } .mobile-menu .sub-menu { display: none; background: #f7f7f7; list-style: none; margin: 0; padding: 0; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .mobile-menu li.open > .sub-menu { display: block; max-height: 1000px; } .mobile-menu .sub-menu li { border-bottom: 1px solid #e5e5e5; } .mobile-menu .sub-menu li:last-child { border-bottom: none; } .mobile-menu .sub-menu a { display: block; padding: 12px 18px 12px 36px; font-size: 15px; color: #444; text-decoration: none; transition: background-color 0.2s ease; } .mobile-menu .sub-menu a:hover { background-color: #eee; } .mobile-menu .sub-menu .sub-menu { background: #f0f0f0; } .mobile-menu .sub-menu .sub-menu a { padding-left: 54px; font-size: 14px; color: #555; } .mobile-header { position: relative; z-index: 1000; }